/* Nov 2026 usability extras: CSS only, reduced-motion safe */
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
/* In-flow strip (not floating) so it never covers buttons */
.nov-qb{position:static;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;padding:10px 14px;background:#1C2418;color:#F6F2E8;border-radius:0;font:600 12.5px/1 'Inter',system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:none}
.nov-qb b{color:#F2C14E;font-weight:700;margin-right:6px}
.nov-qb a{color:#F6F2E8;text-decoration:none;padding:9px 12px;border-radius:999px;min-height:36px;display:inline-flex;align-items:center}
.nov-qb a:hover,.nov-qb a:focus-visible{background:#B5562B;outline:none}
@media (max-width:640px){
 .nov-qb{padding:6px 12px;font-size:11.5px}
 .nov-qb a{min-height:44px;padding:0 14px}
 button[aria-label="Back to top"]{width:46px!important;height:46px!important}
 .baker-dots button{position:relative}
 .baker-dots button::before{content:"";position:absolute;inset:-12px -6px}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
 [data-r="g4"]>div,[data-r="g3"]>div{transition:transform .25s ease,box-shadow .25s ease}
 [data-r="g4"]>div:hover,[data-r="g3"]>div:hover{transform:translateY(-4px)}
 [data-r="g4"]>div img{transition:transform .5s ease}
 [data-r="g4"]>div:hover img{transform:scale(1.03)}
}
@media print{.nov-qb{display:none}}

/* ===== Nov 2026 "wow" pass ===== */
div[style*="overflow-x: hidden"]{overflow-x:clip!important}
[data-r="hdr"],[data-r="nav"]{position:sticky!important;top:0;z-index:100;transition:height .25s ease,box-shadow .25s ease}
[data-r="hdr"] img,[data-r="nav"] img{transition:height .25s ease}
.nov-scrolled [data-r="hdr"],.nov-scrolled [data-r="nav"]{height:64px!important;box-shadow:0 6px 20px rgba(28,36,24,.10);background:rgba(255,253,248,.97)!important}
.nov-scrolled [data-r="hdr"] > a img,.nov-scrolled [data-r="nav"] > a img{height:38px!important}
@media (prefers-reduced-motion:reduce){[data-r="hdr"],[data-r="nav"],[data-r="hdr"] img,[data-r="nav"] img{transition:none}}

/* full-screen mobile menu */
.nov-mm-extra{display:none}
@media (max-width:1080px){
 [data-r="hdr"][data-open="open"] [data-r="navlinks"],[data-r="nav"][data-open="open"] [data-r="navlinks"]{position:fixed!important;inset:0!important;top:0!important;z-index:-1;height:100dvh;overflow-y:auto;padding:100px 24px 32px!important;gap:0!important;background:#FFFDF8!important;box-shadow:none!important;border:0!important}
 [data-open="open"] [data-r="navlinks"]>a{font-family:'Cormorant Garamond',serif!important;font-size:30px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none;padding:16px 4px!important;min-height:60px;display:flex!important;align-items:center;justify-content:space-between;border-bottom:1px solid #E3DCC9!important}
 [data-open="open"] [data-r="navlinks"]>a::after{content:"→";font-family:'Archivo',sans-serif;font-size:18px;color:#B5562B}
 [data-open="open"] [data-r="navlinks"]>a:last-of-type{font-family:'Archivo',sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:.08em!important;justify-content:center;margin-top:22px;border-radius:4px!important;min-height:56px}
 [data-open="open"] [data-r="navlinks"]>a:last-of-type::after{content:none}
 [data-open="open"] .nov-mm-extra{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid #E3DCC9}
 .nov-mm-extra span{width:100%;font:700 12px/1 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A6D2F}
 .nov-mm-extra a{flex:1;min-height:52px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1E4B26;border-radius:999px;color:#1E4B26;font:700 15px/1 'Archivo',sans-serif;letter-spacing:.06em}
 .nov-mm-extra a.nov-mm-call{flex-basis:100%;border-color:#E3DCC9;color:#1C2418}
 html:has([data-open="open"]) body{overflow:hidden}
 body:has([data-open="open"]) .nov-qb{display:none}
}
@media (max-width:1080px) and (prefers-reduced-motion:no-preference){
 [data-open="open"] [data-r="navlinks"]{animation:novMenu .28s ease both}
 @keyframes novMenu{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}

/* seasonal category banner */
.nov-banner{display:grid;grid-template-columns:1.1fr 1fr;background:#F6F2E8;border-bottom:1px solid #E3DCC9;min-height:340px}
.nov-banner-copy{padding:56px 56px 56px 48px;display:flex;flex-direction:column;justify-content:center;gap:16px;background:linear-gradient(135deg,#FFFDF8 0%,#F3E6CF 100%)}
.nov-banner-eye{font:700 12.5px/1 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#B5562B}
.nov-banner h2{margin:0;font-family:'Cormorant Garamond',serif;font-size:44px;line-height:1.05;font-weight:600;color:#1C2418}
.nov-banner p{margin:0;font-size:16px;line-height:1.6;color:#4A5244;max-width:48ch}
.nov-banner-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.nov-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 26px;background:#1E4B26;color:#F6F2E8;font:700 13.5px/1 'Archivo',sans-serif;letter-spacing:.08em;text-transform:uppercase;border-radius:3px}
.nov-btn.ghost{background:transparent;color:#1E4B26;border:1.5px solid #1E4B26}
.nov-btn:hover{background:#B5562B;color:#FFFDF8;border-color:#B5562B}
.nov-banner-img{position:relative;overflow:hidden;min-height:260px}
.nov-banner-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nov-new{background:#1C2418;padding:22px 0 26px}
.nov-new-head{display:flex;align-items:baseline;gap:14px;padding:0 48px 14px;color:#F6F2E8;flex-wrap:wrap}
.nov-new-head span{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600}
.nov-new-head small{font-size:12.5px;color:#C9D3C4;letter-spacing:.04em}
.nov-new-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 48px 6px;scrollbar-width:thin}
.nov-new-card{flex:0 0 220px;scroll-snap-align:start;background:#FFFDF8;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;color:#1C2418;position:relative;min-height:118px}
.nov-new-card strong{font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.15;font-weight:600}
.nov-new-card span{font-size:12.5px;color:#4A5244}
.nov-new-card em{margin-top:auto;font-style:normal;font-size:12px;font-weight:700;color:#B5562B;letter-spacing:.04em}
.nov-new-tag{align-self:flex-start;background:#C6413B;color:#FFFDF8!important;font-size:10.5px!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.nov-new-card{transition:transform .2s ease}.nov-new-card:hover{transform:translateY(-3px)}}
@media (max-width:860px){
 .nov-banner{grid-template-columns:1fr}
 .nov-banner-img{order:-1;min-height:220px}
 .nov-banner-copy{padding:28px 24px 32px}
 .nov-banner h2{font-size:34px}
 .nov-new-head,.nov-new-row{padding-left:24px;padding-right:24px}
 .nov-new-card{flex-basis:200px}
}

/* product finder quick search */
.nov-finder{background:#FFFFFF;border:1px solid #E3DCC9;border-radius:8px;padding:22px 24px;box-shadow:0 8px 30px rgba(28,36,24,.07);position:relative}
.nov-finder label{display:block;font:700 12.5px/1 'Archivo',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#8A6D2F;margin-bottom:12px}
.nov-f-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nov-f-input{flex:1 1 320px;min-height:52px;border:1.5px solid #C9D3C4;border-radius:4px;padding:0 18px;font:500 16px 'Archivo',sans-serif;color:#1C2418;background:#FFFDF8}
.nov-f-input:focus{outline:none;border-color:#1E4B26;box-shadow:0 0 0 3px rgba(30,75,38,.15)}
.nov-f-tabs{display:flex;gap:6px;flex-wrap:wrap}
.nov-f-tabs button{min-height:44px;padding:0 16px;border:1.5px solid #E3DCC9;background:#FFFDF8;border-radius:999px;font:600 13px 'Archivo',sans-serif;color:#1C2418;cursor:pointer}
.nov-f-tabs button[aria-pressed="true"]{background:#1E4B26;border-color:#1E4B26;color:#F6F2E8}
.nov-f-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.nov-f-list li a{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:11px 12px;border-radius:6px;color:#1C2418;min-height:48px}
.nov-f-list li a:hover,.nov-f-list li[aria-selected="true"] a{background:#F6F2E8}
.nov-f-list mark{background:#F2C14E55;color:inherit;padding:0}
.nov-f-b{font:700 10.5px/1 'Archivo',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;color:#FFFDF8}
.nov-f-b.b{background:#8A6D2F}.nov-f-b.w{background:#6D2F3C}.nov-f-b.n{background:#2F5C6D}
.nov-f-n{font-size:15px;font-weight:600}.nov-f-n small{display:block;font-weight:400;color:#7A8072;font-size:12.5px;margin-top:2px}
.nov-f-pg{font-size:12.5px;font-weight:700;color:#B5562B;white-space:nowrap}
.nov-f-note{margin:10px 0 0;font-size:12.5px;color:#7A8072}
@media (max-width:640px){.nov-finder{padding:18px 16px}.nov-f-list li a{grid-template-columns:1fr auto}.nov-f-b{display:none}}
/* let the inner-page header stick to the page, not its 130px import wrapper */
div:has(> header[data-r="hdr"]),.sc-host:has(> div > header[data-r="hdr"]){display:contents}

/* Nov 2026 single full-bleed hero scene (beer, wine, cider, N/A) */
.hero-scene{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;isolation:isolate}
.hero-scene-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,60% 50%);z-index:-2}
.hero-scene::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(var(--ov),.94) 0%,rgba(var(--ov),.88) 38%,rgba(var(--ov),.45) 68%,rgba(var(--ov),.2) 100%)}
.hero-scene-copy{max-width:560px;padding:72px 48px;display:flex;flex-direction:column;gap:18px;color:#F6F2E8}
.hero-scene-eye{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.hero-scene h1{margin:0;font-family:'Cormorant Garamond',serif;font-size:58px;line-height:1.03;font-weight:600;color:#F6F2E8}
.hero-scene p{margin:0;font-size:17px;line-height:1.6;color:#F6F2E8;max-width:44ch}
.hero-scene-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.hero-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 28px;background:#F6F2E8;font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border-radius:3px;text-decoration:none}
.hero-btn.ghost{background:transparent;border:1.5px solid rgba(246,242,232,.8);color:#F6F2E8!important}
@media (prefers-reduced-motion:no-preference){.hero-scene-img{animation:heroZoom 24s ease-out both}@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}}
@media (max-width:860px){
 .hero-scene{min-height:0;align-items:flex-end;padding-top:240px}
 .hero-scene-img{object-position:var(--pos-m,60% 30%);height:340px}
 .hero-scene::before{background:linear-gradient(180deg,rgba(var(--ov),.15) 0,rgba(var(--ov),.35) 200px,rgba(var(--ov),.94) 320px,rgba(var(--ov),.96) 100%)}
 .hero-scene-copy{padding:28px 24px 36px}
 .hero-scene h1{font-size:40px}
}
@media (min-width:861px){
 .hero-scene-img{left:auto;right:0;width:64%}
 .hero-scene::before{background:linear-gradient(90deg,rgba(var(--ov),1) 0%,rgba(var(--ov),1) 36%,rgba(var(--ov),.55) 52%,rgba(var(--ov),.12) 72%,rgba(var(--ov),.05) 100%)}
}