/* v20: shared header/footer only. The approved hero and its motion are unchanged. */
.site-header .nav-wrap{grid-template-columns:160px minmax(0,1fr) 248px;gap:24px;height:82px;width:calc(100% - 88px);max-width:1440px}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start;margin:0;line-height:1;min-height:44px;display:flex;align-items:center}
.site-header .brand img.brand-logo{display:block;width:150px;height:auto;aspect-ratio:798/228;object-fit:contain}
.site-header .menu-trigger{display:none}
.site-header .shop-nav{grid-column:2;grid-row:1;display:flex;gap:clamp(20px,2vw,32px);min-width:0}
.site-header .shop-nav>a,.site-header .shop-nav>button{position:relative;min-height:44px;font-size:15px;line-height:1.4;color:inherit}
.site-header .shop-nav>a:hover,.site-header .shop-nav>button:hover{opacity:.8}
.site-header .shop-nav>a[aria-current=page]{text-decoration:none}
.site-header .shop-nav>a[aria-current=page]::after{content:'';position:absolute;inset:auto 0 5px;height:2px;background:var(--orange);border-radius:2px}
.site-header .shop-nav .nav-chevron{width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin-block-start:-4px;transition:transform .16s ease}
.site-header .shop-nav>button[aria-expanded=true] .nav-chevron{transform:rotate(225deg);margin-block-start:3px}
.site-header .nav-actions{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.site-header .header-search{width:180px!important;height:44px;min-height:44px;padding:9px 15px!important;gap:12px;flex-direction:row-reverse;border-radius:24px!important}
.site-header .header-search>span{display:inline!important;flex:1;text-align:right;font-size:14px;white-space:nowrap}
.site-header .header-search svg{width:20px;height:20px;flex:none}
.site-header .cart-trigger{position:relative;width:44px;min-width:44px;height:44px;display:grid;place-items:center;padding:0}
.site-header .cart-trigger svg{width:25px;height:25px}
.site-header .cart-count{position:absolute;inset:0 auto auto 0;min-width:18px;width:auto;height:18px;padding-inline:4px;line-height:18px;font-size:10px;text-align:center;border-radius:20px;background:var(--yellow,#FFB703);color:var(--cocoa)}
.site-header .cart-count[hidden]{display:none}
.site-header :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:5px}
body.mega-open .site-header::before{display:none}

.store-footer{background:linear-gradient(180deg,#fff8e7 0%,#f8edda 100%);color:var(--cocoa);border-top:1px solid #e9d7c580;padding:38px 0 0}
.store-footer-grid,.store-footer-bottom{width:min(1320px,calc(100% - 88px));margin-inline:auto}
.store-footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:0;padding-block:0 32px;align-items:stretch}
.store-footer-brand{text-align:center;padding-inline:20px 38px;align-self:center}
.store-footer-logo{display:block;width:156px;max-width:100%;margin-inline:auto}
.store-footer-logo img{display:block;width:100%;height:auto;aspect-ratio:920/748;object-fit:contain}
.store-footer-brand>p{font-size:15px;line-height:1.6;margin:6px 0 0}
.store-footer-email{display:inline-flex;align-items:center;min-height:44px;font:400 15px/1.4 'Nunito Sans',Arial,sans-serif;overflow-wrap:anywhere}
.store-footer-group{border:0;border-inline-start:1px solid #e2ccb0;margin:8px 0 0;padding:0 30px;background:none;border-radius:0;min-width:0;box-shadow:none}
.store-footer-group>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;list-style:none;cursor:default;margin:0;padding:0;color:var(--cocoa)}
.store-footer-group>summary::-webkit-details-marker{display:none}
.store-footer-group>summary::marker{content:''}
.store-footer-group>summary h2{font:700 18px/1.5 Rubik,Arial,sans-serif;margin:0}
.footer-toggle{display:none}
.store-footer-group nav{display:flex;flex-direction:column;align-items:flex-start;padding-block:7px 0;gap:0}
.store-footer-group nav>a,.store-footer-group nav>button{display:flex;align-items:center;min-height:38px;padding:5px 0;background:none;border:0;border-radius:0;color:var(--brown);text-align:start;font:400 15px/1.55 Heebo,Arial,sans-serif;cursor:pointer}
.store-footer :is(a,button):hover{color:var(--action)}
.store-footer :is(a,button,summary):focus-visible{outline:2px solid var(--action);outline-offset:5px;border-radius:4px}
.store-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #e0cbb0;padding-block:14px max(14px,env(safe-area-inset-bottom));font-size:12px;color:var(--brown)}
.store-footer-bottom>button{background:none;border:0;min-height:44px;padding:0;color:inherit;font:inherit;text-align:start;cursor:pointer}
.store-footer-bottom>span{white-space:nowrap;font-family:'Nunito Sans',Arial,sans-serif}

@media(min-width:1001px) and (max-width:1200px){
 .site-header .nav-wrap{width:calc(100% - 48px);grid-template-columns:140px minmax(0,1fr) 104px;gap:18px}
 .site-header .brand img.brand-logo{width:132px}
 .site-header .shop-nav{gap:22px}
 .site-header .header-search{width:44px!important;padding:10px!important;border:0!important}
 .site-header .header-search>span{display:none!important}
}
@media(max-width:1000px){
 .site-header .nav-wrap{width:calc(100% - 40px);grid-template-columns:92px minmax(0,1fr) 92px;gap:0}
 .site-header .menu-trigger{display:grid;grid-column:1;grid-row:1;justify-self:start;width:44px;height:44px;padding:10px;color:inherit}
 .site-header .brand{grid-column:2;justify-self:center;margin:0}
 .site-header .brand img.brand-logo{width:126px}
 .site-header .shop-nav{display:none}
 .site-header .nav-actions{gap:4px;justify-content:flex-end}
 .site-header .header-search{width:44px!important;padding:10px!important;border:0!important}
 .site-header .header-search>span{display:none!important}
 .site-header .nav-actions svg{width:23px;height:23px}
 .store-footer-grid,.store-footer-bottom{width:calc(100% - 48px)}
 .store-footer-grid{grid-template-columns:1.15fr 1fr 1fr 1fr}
 .store-footer-group{padding-inline:20px}
 .store-footer-brand{padding-inline:0 20px}
 .store-footer-logo{width:138px}
 .store-footer-group>summary h2{font-size:16px}
 .store-footer-group nav>a,.store-footer-group nav>button{font-size:14px}
}
@media(max-width:760px){
 .site-header .nav-wrap{width:calc(100% - 32px);height:76px}
 .store-footer{padding-top:25px}
 .store-footer-grid,.store-footer-bottom{width:calc(100% - 40px)}
 .store-footer-grid{display:block;padding-bottom:0}
 .store-footer-brand{padding:0 0 28px}
 .store-footer-logo{width:160px}
 .store-footer-brand>p{font-size:16px;margin-top:5px}
 .store-footer-email{font-size:16px}
 .store-footer-group{margin:0;border:0;border-top:1px solid #dfc8aa;padding:0}
 .store-footer-group>summary{min-height:66px;cursor:pointer;padding-block:12px}
 .store-footer-group>summary h2{font-size:19px;font-weight:600}
 .footer-toggle{position:relative;display:block;width:22px;height:22px;flex:none}
 .footer-toggle::before,.footer-toggle::after{content:'';position:absolute;background:currentColor;border-radius:1px}
 .footer-toggle::before{width:18px;height:2px;top:10px;left:2px}
 .footer-toggle::after{width:2px;height:18px;top:2px;left:10px}
 .store-footer-group[open] .footer-toggle::after{display:none}
 .store-footer-group nav{padding-block:0 20px}
 .store-footer-group nav>a,.store-footer-group nav>button{min-height:44px;font-size:16px}
 .store-footer-bottom{margin-top:10px;flex-direction:column;gap:2px;padding-block:17px max(20px,env(safe-area-inset-bottom));font-size:11px;text-align:center}
 .store-footer-bottom>button{text-align:center;min-height:40px}
}
@media(max-width:360px){
 .site-header .nav-wrap{width:calc(100% - 24px);grid-template-columns:88px minmax(0,1fr) 88px}
 .site-header .brand img.brand-logo{width:116px}
 .site-header .nav-actions{gap:0}
}
@media(prefers-reduced-motion:reduce){.site-header .nav-chevron{transition:none}}

/* v22: warm frosted surfaces. Only background planes blur; controls stay crisp.
   A separate header plane lets the dropdown sample the page independently. */
.site-header{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body:not([data-view=home]) .site-header{box-shadow:none}
body.mega-open .site-header{background:transparent!important;box-shadow:none}
.site-header::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:#fff8e7;border-bottom:1px solid #e9d7c580;box-shadow:0 5px 22px #261a150a,inset 0 1px 0 #ffffff65;opacity:1;transition:opacity .2s ease}
body[data-view=home]:not(.header-solid):not(.mega-open) .site-header::after{opacity:0}
.site-header .mega-menu{background:#fff8e7;border-top-color:#e9d7c578;border-bottom-color:#d9c3a580;box-shadow:0 18px 35px #261a1514,inset 0 1px 0 #ffffff70}
.panel[data-kind=menu]{background:#fff8e7;border-inline-start:1px solid #ffffff70;box-shadow:-12px 0 48px #261a151a,inset 1px 0 0 #ffffff45}
.panel[data-kind=menu]::backdrop{background:rgba(38,26,21,.2);-webkit-backdrop-filter:none;backdrop-filter:none}
.panel[data-kind=menu] .panel-header{border-bottom-color:#d9c3a580}
.panel[data-kind=menu] .panel-header .icon-btn{background:#fff8e7b8;border:1px solid #e2cdb18c}
.panel[data-kind=menu] .menu-search{background:#fffdf4cc;border-color:#d7bc9a99}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .site-header::after{background:rgba(255,248,231,.78);-webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%)}
 .site-header .mega-menu{background:rgba(255,248,231,.86);-webkit-backdrop-filter:blur(24px) saturate(112%);backdrop-filter:blur(24px) saturate(112%)}
 .panel[data-kind=menu]{background:rgba(255,248,231,.86);-webkit-backdrop-filter:blur(26px) saturate(112%);backdrop-filter:blur(26px) saturate(112%)}
 .panel[data-kind=menu]::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
}
@media(prefers-reduced-transparency:reduce){
 .site-header::after,.site-header .mega-menu,.panel[data-kind=menu]{background:#fff8e7;-webkit-backdrop-filter:none;backdrop-filter:none}
 .panel[data-kind=menu]::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){.site-header::after{transition:none}}