/* Produktseite (single-eb_bike.php) – Ergänzungen zu atoms.css. */

/* Formular für Größe, Kaufweg und Händler ohne eigene Box (Kinder bleiben Abschnitte der Seitenleiste). */
.eb-produkt-wahl { display: contents; }

/* Auswahlpunkt in der Händlerliste (im Prototyp border:{{ o.dot }}) */
.bd-5-solid-ink { border: 5px solid #141414; }
.bd-2-solid-c4c4bf { border: 2px solid #c4c4bf; }

/* Handy (unter 640 px): Kaufkasten direkt nach den Fotos (im Prototyp erst nach Kennzahlen und technischen Daten),
   nicht klebend; Kennzahlen in drei Spalten; Brotkrümel mit größerer Tippfläche. */
@media (max-width: 639.98px) {
	.eb-p-krumen { align-items: center; }
	.eb-p-krumen a { padding: 12px 0; }
	/* nowrap: in einer umbrechenden Spalte würden Fotos mit Seitenverhältnis 0 px hoch */
	.eb-p-buehne { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 16px; }
	.eb-p-links { display: contents; }
	.eb-p-kauf { position: static; order: 1; padding: 18px; }
	.eb-p-links > :nth-child(n+4) { order: 2; }
	.eb-p-werte { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.eb-p-werte > div { padding-right: 6px; }
	.eb-p-werte > div > span:last-child { font-size: 18px; }
}

/* Modellkatalog: Varianten, Gebraucht zum Modell (nicht in atoms.css) */
.gtc-repeat-auto-fill-minmax-240-1fr { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.p-72-clamp-16-4vw-32-0 { padding: 72px clamp(16px, 4vw, 32px) 0; }