/* Seasonal artwork stays decorative; store controls retain full contrast. */
header.halloween-header{color:#f9f0d9;border-bottom:2px solid #b96a2c;background-color:#141a16;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201440%20280%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22moon%22%3E%3Cstop%20stop-color%3D%22%23ffe1a0%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%23e18d39%22%20stop-opacity%3D%22.22%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23db7028%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%221300%22%20cy%3D%2270%22%20r%3D%22125%22%20fill%3D%22url%28%23moon%29%22%2F%3E%3Ccircle%20cx%3D%221300%22%20cy%3D%2270%22%20r%3D%2243%22%20fill%3D%22%23efbc72%22%20opacity%3D%22.3%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23dcc6a0%22%20opacity%3D%22.18%22%20stroke-width%3D%221.2%22%3E%3Cpath%20d%3D%22M0%200L210%200M0%200L190%2065M0%200L140%20120M0%200L70%20165M0%200L0%20200M42%200Q35%2014%2038%2013Q29%2023%2028%2024Q11%2027%2014%2033Q2%2035%200%2040M83%200Q73%2027%2075%2026Q57%2044%2056%2048Q28%2055%2028%2066Q5%2070%200%2080M126%200Q112%2044%20114%2039Q89%2065%2084%2072Q43%2088%2042%2099Q8%20104%200%20120M168%200Q150%2054%20152%2052Q119%2089%20112%2096Q57%20114%2056%20132Q10%20140%200%20160%22%2F%3E%3Cpath%20d%3D%22M1440%200L1230%200M1440%200L1250%2065M1440%200L1300%20120M1440%200L1370%20165M1440%200L1440%20200M1398%200Q1405%2014%201402%2013Q1411%2023%201412%2024Q1429%2027%201426%2033Q1438%2035%201440%2040M1357%200Q1367%2027%201365%2026Q1383%2044%201384%2048Q1412%2055%201412%2066Q1435%2070%201440%2080M1314%200Q1328%2044%201326%2039Q1351%2065%201356%2072Q1397%2088%201398%2099Q1432%20104%201440%20120%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23090c0a%22%20opacity%3D%22.65%22%3E%3Cpath%20d%3D%22M175%2045q-25-24-48-11q12%201%2014%2015q10-7%2015%206q10-6%2018%205l7-1q9-13%2018-7q5-14%2015-9q-1-14%2012-17q-27-8-45%2019l-1-10-4%205-4-3z%22%2F%3E%3Cpath%20d%3D%22M1130%2038q-18-19-37-9q10%201%2011%2011q8-4%2012%205q7-5%2013%204l6-1q7-9%2014-5q4-11%2011-7q-1-11%2010-14q-22-5-36%2015l-1-7-3%203-3-2z%22%2F%3E%3Cpath%20d%3D%22M1210%20118q-14-15-29-7q8%201%209%209q6-4%209%204q6-4%2011%203l4-1q6-7%2011-4q3-8%209-5q-1-9%208-11q-17-4-29%2012l-1-6-2%203-3-2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 65% 10%,#8c4a2244 0,transparent 56%),linear-gradient(115deg,#101812,#293124 48%,#34241c);background-size:cover,cover,cover;background-position:center;isolation:isolate}
header.halloween-header .header-wordmark{color:#f9f0d9;text-shadow:0 2px 18px #0005}
header.halloween-header .header-wordmark svg{filter:drop-shadow(0 3px 1px #080b08) drop-shadow(0 0 14px #e09a3430)}
header.halloween-header .header-wordmark small{color:#edab60}
header.halloween-header nav,header.halloween-header nav.open{background:transparent;border-top-color:#c5915360}
header.halloween-header nav a,header.halloween-header .utilities,header.halloween-header .utilities button{color:#f9f0d9}
header.halloween-header nav a:hover,header.halloween-header nav a:focus-visible,header.halloween-header .utilities button:hover{color:#ffc27c}
header.halloween-header a:focus-visible,header.halloween-header button:focus-visible{outline:2px solid #ffc27c;outline-offset:5px}
@media(max-width:650px){header.halloween-header{background-size:auto 100%,cover,cover;background-position:center}}

/* Animated seasonal header, shared by every storefront page. */
header.halloween-header{overflow:hidden;background-color:#17130d;background-image:radial-gradient(circle at 88% 22%,#ffdfa1 0 24px,#e8a44b88 25px,#c6742633 65px,transparent 145px),radial-gradient(ellipse at 20% 0%,#bc5a264d,transparent 60%),linear-gradient(120deg,#171b14,#30331f 45%,#492918);border-bottom-color:#f0a14c}
header.halloween-header>.header-wordmark,header.halloween-header>nav,header.halloween-header>.utilities{position:relative;z-index:2}
header.halloween-header .header-wordmark{pointer-events:auto}
header.halloween-header .header-wordmark small{color:#ffb367}
.halloween-creatures{position:absolute;inset:0 0 42px;z-index:1;pointer-events:none;overflow:hidden}
.flying-bat{position:absolute;left:-140px;width:100px;filter:drop-shadow(0 0 2px #f6b759aa);animation:bat-flight 13s linear infinite;will-change:transform}
.flying-bat svg{display:block;width:100%;fill:#090b09;stroke:#ca8b45;stroke-width:.65;overflow:visible}
.bat-wing{transform-box:fill-box;animation:wingbeat .28s ease-in-out infinite alternate}.bat-wing-left{transform-origin:right center}.bat-wing-right{transform-origin:left center;animation-delay:-.07s}
.bat-1{top:0;animation-delay:-2s}.bat-2{top:40%;width:76px;animation-duration:17s;animation-delay:-11s}.bat-3{top:65%;width:90px;animation-duration:15s;animation-delay:-6s}.bat-4{top:20%;width:62px;animation-duration:11s;animation-delay:-8s}
@keyframes wingbeat{from{transform:scaleY(1) skewY(0deg)}to{transform:scaleY(.22) skewY(10deg)}}
@keyframes bat-flight{0%{transform:translate3d(-120px,0,0) rotate(-8deg)}20%{transform:translate3d(24vw,18px,0) rotate(7deg)}45%{transform:translate3d(52vw,-14px,0) rotate(-6deg)}70%{transform:translate3d(80vw,12px,0) rotate(6deg)}100%{transform:translate3d(calc(100vw + 220px),-8px,0) rotate(-8deg)}}
.hanging-spider{position:absolute;top:-110px;width:62px;height:190px;transform-origin:top center;animation:spider-drop 12s ease-in-out infinite;filter:drop-shadow(0 1px 2px #0008)}.hanging-spider svg{width:100%;height:100%;overflow:visible;fill:#080b08;stroke:#d49b5f;stroke-width:1}.spider-thread{fill:none;stroke:#f3d7ab;stroke-width:.7;opacity:.8}.spider-legs{fill:none;stroke:#e7ac71;stroke-width:1.8;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:spider-step .55s ease-in-out infinite alternate}.legs-b{animation-delay:-.3s}.spider-1{left:2%;animation-delay:-4s}.spider-2{left:49%;width:46px;animation-duration:17s;animation-delay:-11s}.spider-3{right:2%;animation-duration:14s;animation-delay:-7s}
@keyframes spider-drop{0%,100%{transform:translateY(-65px) rotate(-5deg)}35%{transform:translateY(95px) rotate(4deg)}60%{transform:translateY(60px) rotate(-4deg)}80%{transform:translateY(105px) rotate(3deg)}}
@keyframes spider-step{from{transform:rotate(-5deg) scaleX(.93)}to{transform:rotate(5deg) scaleX(1.05)}}
@media(max-width:650px){.halloween-creatures{bottom:60px}.flying-bat{width:64px}.bat-2,.bat-4{width:48px}.hanging-spider{width:40px;top:-130px}.spider-2{left:46%;width:32px}header.halloween-header{background-image:radial-gradient(circle at 88% 23%,#ffe0a3 0 15px,#d8914588 16px,transparent 70px),linear-gradient(120deg,#202318,#48291a)}}
@media(prefers-reduced-motion:reduce){.flying-bat,.bat-wing,.hanging-spider,.spider-legs{animation:none!important}.bat-1{left:12%;top:2%}.bat-2{left:70%;top:15%}.bat-3,.bat-4{display:none}.hanging-spider{transform:translateY(50px)}}
/* Keep navigation in normal flow: relative positioning inherited the old mobile top offset. */
header.halloween-header{overflow:visible}
header.halloween-header>nav,header.halloween-header>nav.open{position:static!important;inset:auto!important;display:flex!important;visibility:visible!important;opacity:1!important;transform:none!important;height:auto;max-height:none;overflow:visible;z-index:3;align-items:center}
header.halloween-header>nav a{color:#fff4df;position:relative;z-index:3}
@media(max-width:900px){
 header.halloween-header{height:auto;max-height:none}
 header.halloween-header>nav,header.halloween-header>nav.open{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));flex:0 0 100%;width:100%;gap:3px 7px;padding:8px 0;margin:0;order:3;background:#151b13;border-block:1px solid #c5915360}
 header.halloween-header>nav a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px 3px;font-size:11px;line-height:1.3;white-space:nowrap;text-align:center}
 header.halloween-header>.utilities{position:relative;inset:auto;z-index:3}
 .halloween-creatures{bottom:100px}
}
@media(max-width:380px){header.halloween-header>nav a{font-size:10px}}
/* Original, unboxed navigation. Halloween artwork is confined to the brand banner. */
header.halloween-header{background:#fff;color:#151515;border-bottom:1px solid #d8d9ce;overflow:visible}
.halloween-banner{position:relative;isolation:isolate;overflow:hidden;flex:0 0 100%;width:100%;order:0;background:radial-gradient(circle at 88% 22%,#ffdfa1 0 24px,#e8a44b88 25px,#c6742633 65px,transparent 145px),radial-gradient(ellipse at 20% 0%,#bc5a264d,transparent 60%),linear-gradient(120deg,#171b14,#30331f 45%,#492918);padding:20px 3vw 15px;margin:0}
.halloween-banner .header-wordmark{position:relative;z-index:2;color:#f9f0d9;display:block;width:100%}
.halloween-banner .halloween-creatures{inset:0;z-index:1}
header.halloween-header>nav,header.halloween-header>nav.open{position:static!important;inset:auto!important;display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none;gap:20px;background:transparent!important;border:0;border-top:1px solid #d8d9ce;padding:10px 0 0;margin:0;order:1;flex:1 1 auto;width:auto;justify-content:flex-start}
header.halloween-header>nav a{color:#151515!important;font-size:12px;line-height:1.3;padding:7px 0;min-height:30px;white-space:nowrap}
header.halloween-header>nav a:hover{color:#6a6620!important}
header.halloween-header>.utilities,header.halloween-header>.utilities button{color:#151515!important;order:2;inset:auto;padding-top:10px}
@media(max-width:900px){
 .halloween-banner{padding:14px 2vw 12px}
 header.halloween-header>nav,header.halloween-header>nav.open{order:2;flex:0 0 100%;width:100%;justify-content:space-between;gap:clamp(3px,1vw,12px);padding:6px 0;margin:0;background:transparent!important;border:0;border-top:1px solid #d8d9ce}
 header.halloween-header>nav a{font-size:clamp(8px,2.35vw,11px);padding:7px 1px;min-height:32px;letter-spacing:0;flex:0 1 auto}
 header.halloween-header>.utilities{order:1;padding-top:0}
}
/* Full-width banner with cart over the artwork; the tab row remains separate. */
header.halloween-header{padding:0!important;gap:0!important}
header.halloween-header .halloween-banner{width:100%;flex-basis:100%;padding:24px 5vw 58px;margin:0}
header.halloween-header .halloween-banner .header-wordmark svg{height:clamp(70px,11.5vw,165px)}
header.halloween-header .halloween-banner .utilities{position:absolute!important;right:5vw;bottom:14px;top:auto!important;left:auto!important;z-index:4;display:flex;gap:18px;align-items:center;margin:0;padding:0;color:#fff0d9}
header.halloween-header .halloween-banner .utilities .icon,header.halloween-header .halloween-banner .utilities a{color:#fff0d9}
header.halloween-header .halloween-banner #cartOpen,header.halloween-header .halloween-banner .banner-about{color:#ffad58!important;background:#1c1109cc;border:1px solid #ef8c34;border-radius:4px;padding:9px 15px;font-size:13px;font-weight:800;letter-spacing:.7px;text-shadow:0 0 7px #ff842b,0 0 17px #ff6b2099;box-shadow:0 0 10px #ff792b77,inset 0 0 9px #ff792b22;transition:box-shadow .2s,color .2s}
header.halloween-header .halloween-banner #cartOpen:hover,header.halloween-header .halloween-banner #cartOpen:focus-visible,header.halloween-header .halloween-banner .banner-about:hover,header.halloween-header .halloween-banner .banner-about:focus-visible{color:#ffcf94!important;box-shadow:0 0 18px #ff792b99,inset 0 0 12px #ff792b33;outline:2px solid #ffbc71;outline-offset:3px}
header.halloween-header>nav,header.halloween-header>nav.open{flex:0 0 100%;width:100%;padding:10px 5vw!important;margin:0;gap:24px;border:0;order:1}
@media(max-width:900px){header.halloween-header .halloween-banner{padding:20px 4vw 58px}header.halloween-header .halloween-banner .utilities{right:4vw;bottom:12px}header.halloween-header>nav,header.halloween-header>nav.open{padding:6px 4vw!important;gap:clamp(3px,1vw,12px)}header.halloween-header .halloween-banner #cartOpen,header.halloween-header .halloween-banner .banner-about{font-size:12px;padding:8px 13px}}

/* Clear separators between the main navigation tabs. */
header.halloween-header>nav,header.halloween-header>nav.open{align-items:center;gap:clamp(8px,1.3vw,20px);overflow-x:auto;justify-content:flex-start;scrollbar-width:thin}
header.halloween-header>nav a{flex:0 0 auto}
header.halloween-header>nav .nav-separator{flex:0 0 auto;color:#8c887d;font-weight:400;font-size:14px;line-height:1;user-select:none}

/* About Us mirrors the cart on the opposite side of the banner. */
header.halloween-header .halloween-banner .banner-about{position:absolute;left:5vw;bottom:14px;z-index:4;display:inline-flex;align-items:center;justify-content:center;line-height:normal;text-decoration:none;white-space:nowrap}
@media(max-width:900px){header.halloween-header .halloween-banner .banner-about{left:4vw;bottom:12px}}

/* Compact social links directly beneath the main tab row. */
header.halloween-header>.header-socials{display:flex;flex:0 0 100%;width:100%;box-sizing:border-box;order:2;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 24px;padding:9px 5vw 12px;border-top:1px solid #eeece5;background:#faf9f5}
header.halloween-header>.header-socials a{display:inline-flex;align-items:center;min-height:28px;color:#615c50;font-size:10px;font-weight:700;letter-spacing:1px;line-height:1.4;text-decoration:none;white-space:nowrap}
header.halloween-header>.header-socials a:hover{color:#a65316}
@media(max-width:600px){header.halloween-header>.header-socials{gap:6px 17px;padding:6px 4vw 8px}header.halloween-header>.header-socials a{font-size:9px;letter-spacing:.5px}}

/* Center the main tabs, with safe alignment when the row must scroll. */
header.halloween-header>nav,header.halloween-header>nav.open{justify-content:center;justify-content:safe center}