/* ============================================================
   Produktdetailseite — mitlaufende Buy-Box.
   Die Positionen setzt berka-product.js inline; hier steht nur,
   was sich nicht messen laesst (Stapelreihenfolge, Box-Modell).
   ============================================================ */

.berka-buybox {
	/* Bezugspunkt fuer den 'parked'-Zustand am Ende der Sektion. */
	position: relative;
}

.berka-buybox__inner {
	/* Die Breite wird als Pixelwert aus getBoundingClientRect() gesetzt —
	   der enthaelt Padding und Border, also muss border-box gelten. */
	box-sizing: border-box;
}

.berka-buybox--pinned .berka-buybox__inner,
.berka-buybox--parked .berka-buybox__inner {
	/* Ueber dem Seiteninhalt, falls die Content-Sektion doch mal breiter
	   als die halbe Spalte wird. */
	z-index: 3;
}

/* Unterhalb des Desktop-Breakpoints laeuft nichts mit. Das JS steigt dort
   ohnehin aus — das hier faengt nur den Fall ab, dass beim Verkleinern des
   Fensters noch Inline-Styles am Element haengen.
   ACHTUNG: Wert deckt sich mit 'breakpoint' aus dem Filter berka_buybox_config
   (1025px) — beim Aendern hier mitziehen. */
@media (max-width: 1024px) {
	.berka-buybox {
		min-height: 0 !important;
	}

	.berka-buybox__inner {
		position: static !important;
		width: auto !important;
		top: auto !important;
		left: auto !important;
	}
}