/* Brand kit v1 (Design Genius). Loaded after styles.css + rays.css. */
:root{--gold-bright:#F0A020;--shadow-glow:0 6px 18px rgba(32,48,144,.12);--header-h:5.5rem}
a{color:#203090}
a:hover{color:#203090}
.eyebrow{color:#203090}
/* header: bigger logo on white plate with gold rim + wordmark */
.site-header{background:rgba(255,253,248,.96);border-bottom:2px solid #F0A020}
.brand{gap:.7rem}
.brand-logo-plate{width:4.25rem;height:4.25rem;padding:.2rem;border-radius:.8rem;background:#fff;border:2px solid #F0A020;box-shadow:0 2px 8px rgba(32,48,144,.12)}
.brand-wordmark{display:flex;flex-direction:column;line-height:1.02;font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#203090;font-size:1.12rem;white-space:nowrap}
.brand-wordmark small{font:600 .68rem/1.2 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#1A1A24;margin-top:.28rem}
@media (min-width:900px){.brand-logo-plate{width:4.4rem;height:4.4rem}.brand-wordmark{font-size:1.3rem}.nav{margin-left:1.5rem}.nav-list a{font-weight:600;color:#203090;font-size:.95rem}}
.header-actions .header-call,.btn-primary{background:#B01020;color:#fff;box-shadow:0 4px 14px rgba(176,16,32,.25);min-height:44px}
.btn-primary:hover{color:#fff;background:#B01020}
.btn-outline{background:#fff;color:#203090;border:2px solid #203090;min-height:44px}
.btn-outline:hover{color:#203090;background:#fff;border-color:#203090}
.nav-toggle{width:44px;height:44px;border:2px solid #203090;background:#fff}
.nav-toggle-bar{background:#203090}
/* hero: tagline system */
.hero h1.brand-tagline{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#203090;text-shadow:none;font-size:clamp(2rem,8.4vw,3.4rem);line-height:1.05;letter-spacing:-.01em;max-width:none;margin:0 0 .55rem}
.brand-subline{margin:0 0 .9rem;font:700 clamp(.82rem,3.4vw,1.02rem)/1.3 "DM Sans",sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#1A1A24;white-space:nowrap}
.hero .hero-sub{color:#1A1A24;opacity:.8}
.hero-logo-plate{border:3px solid #F0A020;background:#fff}
.hero-note21{color:#1A1A24!important}
.badge21{display:inline-block;background:#B01020;color:#fff;font-weight:700;border-radius:6px;padding:1px 6px;margin-right:4px}
/* product page */
.product-page .product-hero{background:#fff;border-bottom:3px solid #F0A020}
.product-body .eyebrow{color:#203090;display:flex;align-items:center;gap:.5rem}
.product-body .eyebrow img{width:34px;height:18px}
.product-body h1{font-family:"Playfair Display",Georgia,serif;font-weight:700;color:#203090;font-size:2.4rem;margin-bottom:.5rem}
.product-rule{height:3px;width:64px;background:#F0A020;border-radius:2px;margin:0 0 1.1rem}
.product-desc{color:#1A1A24}
.product-meta{background:#fff;border:1px solid rgba(32,48,144,.18);border-top:3px solid #F0A020}
.product-meta dt{color:#203090;font-weight:700}
.product-meta dd{color:#1A1A24}
.product-back{color:#203090;font-weight:600}
.product-ctas .btn{width:100%;max-width:360px}
.section-header .eyebrow,.section .eyebrow,main .eyebrow{color:#203090}
.hero .hero-inner h1.brand-tagline{max-width:none!important;width:auto}
@media (max-width:899px){.header-actions .btn-outline{display:none}}
.header-actions .btn-outline{padding:.55rem 1.15rem}
@media (min-width:900px){.hero .hero-inner{max-width:820px}.hero .hero-inner h1.brand-tagline{font-size:3.5rem}.brand-subline{font-size:1.05rem}}
/* <=399px: keep wordmark clear of Call + menu (360 check) */
@media (max-width:399px){.brand{gap:.5rem}.brand-logo-plate{width:3.6rem;height:3.6rem}.brand-wordmark{font-size:1rem}.brand-wordmark small{font-size:.62rem}}
/* navfix 2026-10-29: open phone menu = cream panel + royal links (old dark panel hid the links) */
@media (max-width:899px){.nav.is-open{background:#FFFDF8;border-bottom:2px solid #F0A020;box-shadow:0 18px 36px rgba(32,48,144,.18)}.nav.is-open .nav-list a{color:#203090;font-weight:600}.nav.is-open .nav-list a:hover,.nav.is-open .nav-list a:focus-visible{color:#B01020;background:rgba(240,160,32,.12)}}
/* navfix: no-photo product pages - cap the placeholder like real photos so the name shows on the first screen */
.product-hero--placeholder .bottle-media--placeholder{width:min(100%,62vh,520px)!important;margin:0 auto}
/* dealsfix 2026-10-29: homepage Deals card. Legacy dark-theme gradient (#1f1a15 -> --bg-elevated, now #fff) + black shadow read as a muddy brown-gray card. Same pattern as the Cocktails banner + vapes card. */
.deals-banner{background:linear-gradient(90deg,rgba(240,160,32,.10),transparent 60%),#fff;border:1px solid rgba(32,48,144,.12);border-left:3px solid #F0A020;border-radius:var(--radius,14px);box-shadow:0 8px 28px rgba(32,48,144,.06);padding-left:calc(1.6rem - 2px)}
.deals-banner .eyebrow{color:#203090}
.deals-banner h2{color:#1a1a24}
.deals-banner p:not(.eyebrow){color:#4a4856}
@media (min-width:720px){.deals-banner{padding-left:calc(2.65rem - 2px)}}