/* /Schematics/all-brands/ — brand index page styles. */

.sab-wrap { padding: 20px 0; }
.sab-sort { margin: 8px 0 14px; font-size: 14px; color: #666; }
.sab-sort a { margin-left: 4px; }
.sab-sort a.sab-active { font-weight: 600; color: #0071a1; }
.sab-sort-sep { margin: 0 6px; color: #ccc; }

.sab-controls { display: flex; gap: 12px; align-items: center; margin-bottom: 14px; flex-wrap: wrap; }
.sab-filter {
	flex: 1 1 240px; max-width: 360px;
	padding: 8px 12px; font-size: 15px;
	border: 1px solid #ccc; border-radius: 4px;
}
.sab-meta { color: #666; font-size: 13px; }

.sab-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
	gap: 16px !important;
	margin-top: 8px;
}

.sab-card {
	display: flex; flex-direction: column;
	border: 1px solid #e2e4e7; background: #fff;
	text-decoration: none; color: inherit;
	transition: border-color .15s, transform .15s;
	overflow: hidden;
}
.sab-card:hover { border-color: #0071a1; transform: translateY(-1px); }
.sab-hidden { display: none !important; }

.sab-card__logo {
	height: 120px; background: #fafafa;
	display: flex; align-items: center; justify-content: center;
}
.sab-card__logo img {
	max-width: 160px; max-height: 110px;
	object-fit: contain; display: block;
}
.sab-card__nologo { color: #aaa; font-size: 12px; }
.sab-card__body { padding: 10px 12px; }
.sab-card__name { font-weight: 600; font-size: 15px; }
.sab-card__count { font-size: 12px; color: #888; margin-top: 3px; }
.sab-card__snippet {
	font-size: 12px; color: #666; margin-top: 6px; line-height: 1.35;
}

.sab-empty { display: none; padding: 24px; color: #888; text-align: center; font-style: italic; }

.sab-pagination { margin-top: 20px; display: flex; gap: 4px; justify-content: center; flex-wrap: wrap; }
.sab-pagination .sab-btn,
.sab-pagination .sab-current,
.sab-pagination .sab-gap {
	padding: 6px 12px; border: 1px solid #ccc; background: #fff; color: inherit;
	cursor: pointer; font-size: 14px; border-radius: 3px; line-height: 1;
}
.sab-pagination .sab-btn:hover { border-color: #0071a1; color: #0071a1; }
.sab-pagination .sab-current {
	background: #0071a1; color: #fff; border-color: #0071a1; cursor: default;
}
.sab-pagination .sab-gap { background: transparent; border: none; color: #999; cursor: default; }