/* ==========================================================================
   VOODOO VODKA — routes/shop.css
   Rev6 · Grand Design §4.14 — Shop, utility room + Lit-Door hover physics.

   Loaded after pages.css on /shop (vv_route_css_slug → 'shop'). Adds the merch
   sub-line and gives the merch cards the Lit-Door lift/glow on hover. Copy
   changes (sub-line, closing line) live in the template.
   ========================================================================== */

/* A5-fix: the bottle no longer sells DTC here — a quiet centered pointer to
   licensed retail (Find a Bottle) replaces the removed bottle catalog. */
.vv-shop__bottle { text-align: center; padding-block: clamp(2.5rem, 6vw, 4.5rem); }
.vv-shop__bottle-line {
	font-family: var(--vv-font-body); font-style: italic;
	font-size: clamp(1.15rem, 2vw, 1.5rem); line-height: 1.5; color: var(--vv-bone-70);
	max-width: 46ch; margin: 0 auto clamp(20px, 3vw, 28px);
}

.vv-shop__merch-sub {
	font-family: var(--vv-font-body); font-style: italic;
	font-size: clamp(1.05rem, 1.7vw, 1.25rem); line-height: 1.5;
	color: var(--vv-bone-70);
	margin: 0.6em auto 0; max-width: 40ch; text-align: center;
}

/* Lit-Door hover physics on the merch cards (§4.14). */
.vv-shop__merch-card {
	position: relative; isolation: isolate;
	transition: transform 200ms var(--vv-ease-out-expo);
}
.vv-shop__merch-card::after {
	content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
	background: radial-gradient(120% 80% at 50% 100%, var(--vv-brass-tint-12) 0%, transparent 60%);
	opacity: 0; transition: opacity 200ms var(--vv-ease-out-expo);
}
.vv-shop__merch-card:hover,
.vv-shop__merch-card:focus-visible { transform: translateY(-4px); }
.vv-shop__merch-card:hover::after,
.vv-shop__merch-card:focus-visible::after { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
	.vv-shop__merch-card { transition: none; }
}