/* ============================================================
   Catálogo BILSTEIN por marca e modelo
   (/bilstein/... — servido pelo bilstein.php)

   A base é o css/koni-catalogo.css (a página tem as duas classes,
   .page-koni-cat e .page-bilstein-cat): mesma tabela, listas e
   botões. Aqui fica só o que é da BILSTEIN — o banner, as cores das
   gamas e a lista de motorizações de cada bloco.
   ============================================================ */

.page-bilstein-cat .hero-bilstein-cat {
	background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)),
		url('/fotos/Suspensao/bilstein/bilstein_baner.webp') no-repeat center / cover;
}

/* cores das caixas BILSTEIN: B6/B8 amarelo, B4 azul, B1 cinzento */
.page-bilstein-cat .bs-g-b4 { background: #0b3c7d; color: #fff; }
.page-bilstein-cat .bs-g-b6 { background: #ffd400; color: #000; }
.page-bilstein-cat .bs-g-b8 { background: #ffd400; color: #000; box-shadow: inset 0 0 0 2px #0b3c7d; }
.page-bilstein-cat .bs-g-b1 { background: #6c757d; color: #fff; }

/* motorizações de um bloco (todas com os mesmos amortecedores) */
.page-bilstein-cat .bs-versoes {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 4px 16px;
	font-size: .9rem;
}
.page-bilstein-cat .bs-versoes li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 6px;
	border-bottom: 1px dashed #e3e3e3;
	padding: 3px 0;
	scroll-margin-top: 90px;
}
.page-bilstein-cat .bs-versoes li small { color: #777; }
.page-bilstein-cat .bs-versoes li:target {
	background: #fff6cc;
	outline: 2px solid #ffd400;
	border-radius: 4px;
	padding-left: 6px;
}
.page-bilstein-cat .bs-versoes .kn-partilhar { padding: 0 4px; color: #555; }

/* kits completos: B12 = B8 + molas (amarelo com azul), B14/B16/EVO roscados */
.page-bilstein-cat .bs-g-b12 { background: #ffd400; color: #0b3c7d; box-shadow: inset 0 0 0 2px #0b3c7d; }
.page-bilstein-cat .bs-g-b14 { background: #0b3c7d; color: #ffd400; }
.page-bilstein-cat .bs-g-b16 { background: #062652; color: #ffd400; }
.page-bilstein-cat .bs-g-evo { background: #111; color: #ffd400; }
.page-bilstein-cat .bs-kits-titulo {
	font-size: 1.05rem;
	font-weight: 800;
	margin: 18px 0 8px;
}