/**
 * Homepage banner — a single responsive promotional image (see
 * template.php: separate desktop/mobile <source>s via <picture>, swapped
 * by the browser itself at the 768px breakpoint, no JS). Intentionally
 * minimal: the image is the design, this file only makes it behave —
 * full width, no distortion, no layout shift while it loads.
 */

.qg-hero-banner {
	position: relative;
}

.qg-hero-banner__link {
	display: block;
	line-height: 0;
}

.qg-hero-banner__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

/* No separate hover treatment: a banner that's purely a link to the shop
   shouldn't invite the same per-item hover affordance as a product card —
   keeping the cursor as the only hint avoids implying it's clickable in a
   more "interactive" way than it actually is. */