/* ==========================================================
   D2S Theme — bulk-save-banner.css
   Pure banner-image hero for the Bulk & Save landing page —
   Settings → Bulk & Save Page → Desktop/Mobile Banner. No text/CTA
   overlay (removed by request; the banner image itself already
   carries its own copy) — see template-parts/bulk-save/hero.php.
   Loads ONLY on the Bulk & Save page, alongside bulk-save.css.
   ========================================================== */

.d2s-bb-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #0F3B35;
}

.d2s-bb-wrap.has-banner {
	aspect-ratio: 1800 / 380;
}

.d2s-bb-picture {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: block;
	line-height: 0;
}

.d2s-bb-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 1024px) {
	.d2s-bb-wrap.has-banner {
		height: auto;
	}
	.d2s-bb-picture {
		position: static;
	}
	.d2s-bb-img {
		height: auto;
		object-fit: initial;
	}
}