@font-face{font-family:"Fredoka";src:url(/fonts/fredoka.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
.ww{--night:#16223f;--night2:#24396b;--snow:#fbf6ec;--snow2:#efe6d6;--red:#c8202f;--red2:#9e1622;--pine:#2f6b3f;--pine2:#1f4a2b;--gold:#e9b44c;--ink:#2a1a12;--clay:"Fredoka","DM Sans",system-ui,sans-serif;background:var(--snow);color:var(--ink);overflow:hidden;position:relative}
.ww *{box-sizing:border-box}
.ww h1,.ww h2,.ww h3{font-family:var(--clay);font-weight:700;letter-spacing:.2px}
.ww .clay{color:#fff7ea;text-shadow:0 2px 0 #e8d9bf,0 4px 0 #d8c4a2,0 6px 0 #b89c74,0 8px 14px rgba(0,0,0,.35)}
.ww .clay-red{color:var(--red);text-shadow:0 2px 0 #b51b29,0 4px 0 #8f1420,0 7px 12px rgba(80,10,10,.25)}
.ww a{color:inherit}
/* snow canvas */
#wwSnow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:40}
/* hero */
.ww-hero{position:relative;background:radial-gradient(1200px 500px at 50% 0%,var(--night2),var(--night) 70%);color:#fff;padding:64px 16px 0;min-height:640px;text-align:center}
.ww-stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 12% 18%,#fff8 50%,transparent 51%),radial-gradient(2px 2px at 28% 32%,#fff6 50%,transparent 51%),radial-gradient(3px 3px at 44% 12%,#fffa 50%,transparent 51%),radial-gradient(2px 2px at 63% 26%,#fff7 50%,transparent 51%),radial-gradient(2px 2px at 78% 10%,#fff9 50%,transparent 51%),radial-gradient(3px 3px at 90% 30%,#fff7 50%,transparent 51%),radial-gradient(2px 2px at 6% 40%,#fff5 50%,transparent 51%),radial-gradient(2px 2px at 54% 40%,#fff5 50%,transparent 51%);pointer-events:none}
.ww-hero-inner{position:relative;z-index:3;max-width:860px;margin:0 auto}
.ww-kicker{display:inline-block;font-family:var(--clay);font-weight:600;font-size:18px;color:var(--gold);background:rgba(255,255,255,.08);border:2px solid rgba(233,180,76,.5);padding:6px 16px;border-radius:999px;margin:0 0 18px}
.ww-hero h1{font-size:clamp(40px,7.4vw,86px);line-height:.98;margin:0 0 16px}
.ww-hero p.lede{font-size:clamp(17px,2.1vw,21px);line-height:1.5;max-width:620px;margin:0 auto 26px;color:#e7ecf8}
.ww-cta{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}
.ww-btn{font-family:var(--clay);font-weight:700;font-size:18px;border-radius:999px;padding:14px 26px;text-decoration:none;border:0;cursor:pointer;display:inline-block;transition:transform .15s}
.ww-btn.red{background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red2),0 10px 18px rgba(0,0,0,.25)}
.ww-btn.snow{background:var(--snow);color:var(--ink);box-shadow:0 5px 0 #cdbb99,0 10px 18px rgba(0,0,0,.2)}
.ww-btn:hover{transform:translateY(-2px)}
.ww-btn:focus-visible,.ww a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.ww-scene{position:relative;height:290px;margin-top:18px;z-index:2}
.ww-hill{position:absolute;bottom:56px;border-radius:50% 50% 0 0/100% 100% 0 0;background:linear-gradient(#fff,#e9e1d1)}
.ww-hill.a{left:-8%;width:62%;height:170px}
.ww-hill.b{right:-10%;width:66%;height:200px}
.ww-ground{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(#f7f1e5,#eadfcb)}
.ww-scene>img{position:absolute;bottom:70px;height:auto;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25))}
.ww-sign{left:3%;width:min(170px,20vw)}
.ww-santa{right:2%;width:min(230px,26vw);bottom:64px!important}
.ww-t1{left:20%;width:min(110px,12vw);bottom:118px!important}
.ww-t2{left:30%;width:min(80px,9vw);bottom:132px!important}
.ww-t3{right:26%;width:min(120px,13vw);bottom:140px!important}
/* track + train */
.ww-track{position:relative;height:120px;overflow:hidden}
.ww-track.on-snow{position:absolute;left:0;right:0;bottom:0;z-index:4}
.ww-rails{position:absolute;left:0;right:0;bottom:18px;height:18px;background:repeating-linear-gradient(90deg,#7a4b2a 0 14px,transparent 14px 40px)}
.ww-rails:before,.ww-rails:after{content:"";position:absolute;left:0;right:0;height:5px;background:linear-gradient(#c9ced6,#7d8590);border-radius:3px}
.ww-rails:before{top:2px}.ww-rails:after{bottom:2px}
.ww-train{position:absolute;bottom:30px;left:0;height:92px;width:auto;will-change:transform;animation:wwRide 26s linear infinite}
.ww-train img{height:100%;width:auto;display:block;animation:wwBob .6s ease-in-out infinite alternate}
.ww-puff{position:absolute;left:11%;top:-14px;width:26px;height:26px;background:url(/assets/ww/pop2.webp) center/contain no-repeat;opacity:0;animation:wwPuff 1.8s ease-out infinite}
.ww-puff.p2{animation-delay:.6s;background-image:url(/assets/ww/pop1.webp)}
.ww-puff.p3{animation-delay:1.2s;background-image:url(/assets/ww/pop3.webp)}
@keyframes wwRide{from{transform:translateX(100vw)}to{transform:translateX(-110%)}}
@keyframes wwBob{to{transform:translateY(-2px)}}
@keyframes wwPuff{0%{opacity:0;transform:translate(0,0) scale(.5)}20%{opacity:1}100%{opacity:0;transform:translate(18px,-70px) scale(1.25) rotate(40deg)}}
.ww-track.slow .ww-train{animation-duration:34s;animation-delay:-11s}
/* countdown */
.ww-count{position:relative;background:linear-gradient(var(--snow),var(--snow2));padding:56px 16px 40px}
.ww-count-in{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr 260px;gap:28px;align-items:center}
.ww-board{background:#1d2b4d;border:8px solid #6e4426;border-radius:26px;box-shadow:inset 0 0 0 4px #8d5a33,0 14px 0 #4e2f19,0 22px 30px rgba(0,0,0,.25);padding:26px 26px 28px;color:#fff;text-align:center;position:relative}
.ww-board:before{content:"";position:absolute;left:18%;right:18%;top:-30px;height:30px;background:linear-gradient(#fff,#efe7d6);border-radius:30px 30px 6px 6px}
.ww-board .st{font-family:var(--clay);font-weight:700;color:var(--gold);font-size:15px;letter-spacing:3px;margin:0 0 6px}
.ww-board h2{font-size:clamp(24px,3.4vw,36px);margin:0 0 6px;color:#fff}
.ww-board .sub{margin:0 0 20px;color:#c9d3ee;font-size:16px}
.ww-flaps{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.ww-flap{background:#0e1730;border-radius:12px;min-width:92px;padding:12px 8px 10px;box-shadow:inset 0 -3px 0 rgba(255,255,255,.06),0 4px 0 #0a1124;position:relative}
.ww-flap:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.55)}
.ww-flap b{display:block;font-family:var(--clay);font-size:clamp(34px,5vw,52px);line-height:1;color:#fff7ea;font-variant-numeric:tabular-nums}
.ww-flap span{display:block;font-size:12px;letter-spacing:2px;color:var(--gold);margin-top:6px;font-weight:700}
.ww-board .live{display:none;font-family:var(--clay);font-size:26px;color:var(--gold)}
.ww-board.arrived .ww-flaps{display:none}.ww-board.arrived .live{display:block}
.ww-snowman{width:100%;max-width:250px;filter:drop-shadow(0 12px 12px rgba(0,0,0,.2))}
.ww-notify{margin:22px auto 0;max-width:520px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ww-notify input[type=email]{flex:1 1 220px;border:3px solid #dccfb5;border-radius:999px;padding:12px 18px;font-size:16px;background:#fff;color:var(--ink)}
.ww-notify .form-msg{flex-basis:100%;margin:6px 0 0;color:var(--pine);font-weight:700}
.ww .hp{position:absolute;left:-9999px}
/* shelves */
.ww-shop{position:relative;padding:20px 16px 30px;background:var(--snow)}
.ww-chips{position:sticky;top:0;z-index:30;background:rgba(251,246,236,.94);backdrop-filter:blur(6px);padding:12px 0;margin:0 -16px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;justify-content:center;flex-wrap:wrap}
.ww-chips a{font-family:var(--clay);font-weight:600;font-size:15px;text-decoration:none;background:#fff;border:2.5px solid #e3d6bd;border-radius:999px;padding:7px 14px;white-space:nowrap;color:var(--ink)}
.ww-chips a:hover{border-color:var(--red);color:var(--red)}
.ww-shelf{max-width:1180px;margin:0 auto;padding:34px 0 10px;scroll-margin-top:70px}
.ww-shelf-head{display:flex;align-items:end;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.ww-shelf-head h2{font-size:clamp(28px,4vw,42px);margin:0;line-height:1.05}
.ww-shelf-head p{margin:0 0 4px;color:#6b5546;font-size:16px;max-width:560px}
.ww-shelf-head .ic{width:52px;height:auto}
.ww-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:22px}
.ww-card{position:relative;display:flex;flex-direction:column;text-decoration:none;background:#fff;border:3px solid #eadfcb;border-radius:26px;padding:14px 14px 16px;box-shadow:0 7px 0 #e3d6bd,0 14px 24px rgba(42,26,18,.08);transition:transform .18s ease,box-shadow .18s ease;margin-top:12px}
.ww-card:before{content:"";position:absolute;left:10px;right:10px;top:-13px;height:24px;background:radial-gradient(18px 13px at 12% 70%,#fff 98%,transparent),radial-gradient(22px 15px at 34% 55%,#fff 98%,transparent),radial-gradient(20px 14px at 58% 68%,#fff 98%,transparent),radial-gradient(24px 15px at 82% 55%,#fff 98%,transparent);filter:drop-shadow(0 -2px 0 #eadfcb)}
.ww-card:hover{transform:translateY(-5px) rotate(-.6deg);box-shadow:0 11px 0 #e3d6bd,0 20px 28px rgba(42,26,18,.14)}
.ww-card .img{aspect-ratio:1;border-radius:18px;background:radial-gradient(circle at 50% 60%,#fff,#f6f0e4);display:flex;align-items:center;justify-content:center;overflow:hidden}
.ww-card img{width:88%;height:88%;object-fit:contain}
.ww-card h3{font-size:17px;line-height:1.25;margin:12px 0 6px;color:var(--ink)}
.ww-card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:8px}
.ww-card .price{font-family:var(--clay);font-weight:700;font-size:19px;color:var(--red)}
.ww-tag{font-size:12px;font-weight:700;background:#e9f1ea;color:var(--pine2);border-radius:999px;padding:4px 10px;white-space:nowrap}
.ww-card .bow{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--red);box-shadow:0 3px 0 var(--red2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;z-index:2}
.ww-pm{background:#fff4e6;border:3px dashed #e9b44c;border-radius:22px;padding:14px 18px;margin:0 0 18px;font-size:16px}
/* seo block */
.ww-about{background:linear-gradient(var(--snow),#f3eadb);padding:40px 16px 20px}
.ww-about-in{max-width:860px;margin:0 auto;font-size:17px;line-height:1.65}
.ww-about h2{font-size:clamp(26px,3.6vw,36px);margin:0 0 10px}
.ww-about h3{font-size:21px;margin:22px 0 6px}
.ww-faq details{background:#fff;border:3px solid #eadfcb;border-radius:18px;padding:12px 18px;margin:10px 0}
.ww-faq summary{font-family:var(--clay);font-weight:600;font-size:18px;cursor:pointer}
.ww-bottom{position:relative;background:linear-gradient(#f3eadb,#e7dbc5);padding-top:10px}
.ww-bottom .friends{display:flex;justify-content:center;align-items:end;gap:6vw;padding:0 16px}
.ww-bottom .friends img{width:min(150px,28vw);height:auto;filter:drop-shadow(0 10px 10px rgba(0,0,0,.18))}
/* product page */
.ww-pd{max-width:1120px;margin:0 auto;padding:34px 16px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;z-index:2}
.ww-crumb{max-width:1120px;margin:0 auto;padding:22px 16px 0;font-size:14px;color:#6b5546}
.ww-crumb a{color:#6b5546}
.ww-pd .photo{background:#fff;border:3px solid #eadfcb;border-radius:32px;box-shadow:0 9px 0 #e3d6bd,0 20px 30px rgba(42,26,18,.1);padding:24px;position:relative;align-self:start}
.ww-pd .photo:before{content:"";position:absolute;left:16px;right:16px;top:-16px;height:30px;background:radial-gradient(24px 16px at 12% 70%,#fff 98%,transparent),radial-gradient(30px 19px at 36% 55%,#fff 98%,transparent),radial-gradient(26px 17px at 60% 68%,#fff 98%,transparent),radial-gradient(30px 19px at 84% 55%,#fff 98%,transparent);filter:drop-shadow(0 -3px 0 #eadfcb)}
.ww-pd .photo img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;display:block}
.ww-pd h1{font-size:clamp(28px,3.6vw,40px);line-height:1.1;margin:0 0 12px;color:var(--ink)}
.ww-pd .price{font-family:var(--clay);font-weight:700;font-size:30px;color:var(--red);margin:0 0 10px}
.ww-stock{display:inline-flex;align-items:center;gap:8px;background:#1d2b4d;color:#fff;border-radius:16px;padding:10px 16px;font-weight:700;margin:0 0 18px}
.ww-stock b{color:var(--gold)}
.ww-pd .hook{font-size:22px;margin:6px 0 8px;color:var(--pine2)}
.ww-pd p{font-size:17px;line-height:1.65}
.ww-pd ul.why{padding-left:0;list-style:none;margin:8px 0 18px}
.ww-pd ul.why li{padding:6px 0 6px 30px;position:relative;font-size:16px}
.ww-pd ul.why li:before{content:"";position:absolute;left:0;top:8px;width:20px;height:20px;background:url(/assets/ww/flake1.webp) center/contain no-repeat}
.ww-also{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 18px}
.ww-also span{background:#fff;border:2px solid #eadfcb;border-radius:999px;padding:5px 12px;font-size:14px}
.ww-facts{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 18px}
.ww-facts th{text-align:left;padding:8px 12px 8px 0;color:#6b5546;font-weight:600;width:38%;vertical-align:top}
.ww-facts td{padding:8px 0;border-bottom:1px solid #eadfcb}
.ww-mini{font-family:var(--clay);font-weight:600;font-size:17px;margin:0 0 16px;color:var(--ink)}
.ww-mini b{color:var(--red);font-variant-numeric:tabular-nums}
.ww-rel{max-width:1120px;margin:0 auto;padding:10px 16px 30px}
.ww-rel h2{font-size:28px;margin:0 0 12px}
@media (max-width:820px){.ww-count-in{grid-template-columns:1fr}.ww-snowman{max-width:170px;margin:0 auto;display:block}.ww-pd{grid-template-columns:1fr;gap:26px}.ww-hero{min-height:0;padding-top:44px}.ww-scene{height:220px}.ww-train{height:64px}.ww-track{height:96px}.ww-t2{display:none}.ww-grid{grid-template-columns:repeat(2,1fr);gap:14px}.ww-card{padding:10px 10px 12px;border-radius:20px}.ww-card h3{font-size:15px}.ww-flap{min-width:68px}.ww-chips{justify-content:flex-start;flex-wrap:nowrap;padding-left:16px;padding-right:16px}}
@media (prefers-reduced-motion:reduce){.ww-train{animation:none;transform:translateX(calc(50vw - 50%))}.ww-train img,.ww-puff{animation:none}.ww-puff{display:none}.ww-card,.ww-btn{transition:none}}
.ww-hero .ww-scene{margin-left:-16px;margin-right:-16px}
.ww-track.on-snow .ww-train{animation-delay:-10s}
.ww-track:not(.on-snow):not(.slow) .ww-train{animation-delay:-14s}
.ww-snowman{max-width:210px;justify-self:center}
.ww-stock{flex-wrap:wrap}
/* candy cane countdown (v2) */
.ww-count-in{display:block;max-width:820px;margin:0 auto;text-align:center}
.ww-board{background:repeating-linear-gradient(-45deg,#c8202f 0 20px,#fffaf2 20px 40px);border:0;border-radius:34px;padding:16px;box-shadow:0 10px 0 #9e1622,0 22px 34px rgba(120,20,30,.22);color:var(--ink);margin:30px auto 0}
.ww-board .plate{background:#fffaf2;border-radius:22px;padding:28px 22px 30px;box-shadow:inset 0 0 0 3px #f1d9c4}
.ww-board:before{left:22%;right:22%;top:-26px;height:34px;z-index:2}
.ww-board .st{color:var(--red);letter-spacing:1px;font-size:17px;text-transform:none}
.ww-board h2{color:var(--ink)}
.ww-board .sub{color:#6b5546}
.ww-flap{background:#fff;border:3px solid var(--red);box-shadow:0 5px 0 #9e1622;border-radius:16px;overflow:hidden;padding-top:20px}
.ww-flap:before{content:"";position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(-45deg,#c8202f 0 6px,#fff 6px 12px)}
.ww-flap:after{display:none}
.ww-flap b{color:var(--red);text-shadow:0 2px 0 #f2c7c7}
.ww-flap span{color:var(--pine2)}
.ww-board .live{color:var(--red)}
.ww-notify{margin-top:30px}
@media (max-width:820px){.ww-board{padding:11px}.ww-board .plate{padding:24px 12px 24px}.ww-flaps{gap:8px}.ww-flap{min-width:0;flex:1 1 0}}
/* waving santa */
.ww-scene .ww-santa{position:absolute;right:2%;bottom:64px;width:min(230px,26vw);aspect-ratio:560/586;filter:drop-shadow(0 10px 10px rgba(0,0,0,.25))}
.ww-santa img{position:absolute;inset:0;width:100%;height:100%;display:block}
.ww-santa .arm{transform-origin:66.4% 44%;animation:wwWave 1.1s ease-in-out infinite alternate}
@keyframes wwWave{from{transform:rotate(-3deg)}to{transform:rotate(12deg)}}
@media (prefers-reduced-motion:reduce){.ww-santa .arm{animation:none}}
@media (max-width:820px){.ww-flap span{font-size:10px;letter-spacing:.5px}}
.ww{z-index:0}