/* Zen Shop Banner -- volle Breite, Bild/Video-Cover. Siehe Zen_Shop_Addon_Shop_Banners
   (class-shop-banners.php) fuer die Injection-Logik.

   Die Slider-Regeln und die Umschaltung Desktop/Mobil stehen seit 25.08.2026 in
   banner-media.css: dieselbe Optik gilt in Shop 2 und im Beitrags-Banner, und dort fehlte
   sie. Diese Datei enthaelt nur noch, was am /shop/-Raster eigen ist. */
ul.products li.zt-shop-banner-item {
	float: none !important;
	clear: both;
	width: 100% !important;
	margin: 0 0 20px !important;
	padding: 0;
	list-style: none;
}
.zt-shop-banner-link {
	display: block;
	text-decoration: none;
}
.zt-shop-banner-media {
	position: relative;
	display: block;
	width: 100%;
	/* Desktop immer 16:9 (Stephan 24.08.2026). Vorher 21:5 -- ein sehr flacher Streifen, in
	   dem von einem 16:9-Motiv oben und unten das meiste weggeschnitten wurde. */
	aspect-ratio: 16 / 9;
	min-height: 160px;
	overflow: hidden;
	border-radius: 10px;
	background: #f0f0f0;
}
.zt-shop-banner-media img,
.zt-shop-banner-media video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
@media (max-width: 767px) {
	.zt-shop-banner-media {
		/* Mobil quadratisch als Normalfall (Stephan 22.08.2026), umschaltbar auf 16:9 je
		   Platzhalter (24.08.2026) -- die Klasse setzt render() aus mobile_ratio. */
		aspect-ratio: 1 / 1;
		min-height: 140px;
	}
	.zt-shop-banner-media.zt-sb-mobil-169 {
		aspect-ratio: 16 / 9;
		min-height: 0;
	}
}