:root{--bg:#100c0b;--surface:rgba(33,25,23,.58);--line:rgba(255,220,183,.16);--text:#fff5ed;--muted:#b8a59c;--orange:#ff791f;--amber:#ffb35a;--purple:#9c6fe4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:3px}::selection{background:#ff791f80}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 78% 7%,#ff7b2025,transparent 37%),radial-gradient(ellipse at 9% 63%,#7e3e4e1c,transparent 45%),linear-gradient(155deg,#15100e,#0d0a0c 70%)}.moon{position:absolute;right:8%;top:105px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe0a5,#e9823a 65%,#703921);filter:blur(2px);opacity:.32;box-shadow:0 0 110px 45px #ff7d262b;animation:moonfloat 12s ease-in-out infinite}.fog{position:absolute;width:90vw;height:38vh;border-radius:50%;background:#c0787350;filter:blur(110px);opacity:.13;animation:fogmove 24s ease-in-out infinite alternate}.fog-a{bottom:5%;left:-20%}.fog-b{top:22%;right:-35%;background:#9759b0;animation-delay:-9s}.embers{position:absolute;inset:0;background-image:radial-gradient(circle,#ffc27b90 1px,transparent 2px),radial-gradient(circle,#ff8d4170 1px,transparent 2px);background-size:157px 193px,239px 263px;background-position:20px 30px,70px 120px;opacity:.22;animation:embers 18s linear infinite}.glass{background:linear-gradient(130deg,rgba(255,255,255,.115),rgba(255,255,255,.025) 35%,rgba(255,131,46,.045) 85%),var(--surface);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff24,0 18px 60px #0005;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.top{position:sticky;top:12px;z-index:20;max-width:1180px;margin:12px auto 0;padding:12px 20px;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:2px}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:linear-gradient(145deg,#ffbd72,#ed5b13);color:#241009;box-shadow:0 7px 28px #ff751847}.brand small{display:block;color:var(--amber);font-size:8px;letter-spacing:2px;margin-top:2px}.top nav{display:flex;gap:25px;font-size:12px;color:#e1d2c9}.top nav a:hover{color:var(--amber)}.head-actions{display:flex;gap:9px;align-items:center}.icon-button,.profile{border:1px solid var(--line);background:#ffffff0d;color:var(--text);border-radius:14px;padding:10px 13px;font-size:13px}.icon-button span{color:var(--amber);font-size:10px}.profile{background:#ff7b241b}.hero,.section,footer{max-width:1180px;margin:auto}.hero{min-height:620px;padding:90px 24px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:25px;align-items:center}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--amber);font-weight:800}.pulse{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;box-shadow:0 0 15px var(--orange);margin-right:8px}.hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-3.5px;line-height:1.08;margin:25px 0}.hero h1 span,h2 span{background:linear-gradient(110deg,#ffe1ae,#ff8c2b 62%,#ffb9a5);color:transparent;background-clip:text}.hero p,.section p{font-size:13px;line-height:1.9;color:var(--muted);max-width:490px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:14px 21px;border-radius:16px;border:1px solid transparent;font-weight:800;font-size:12px;transition:transform .35s cubic-bezier(.2,.9,.2,1),box-shadow .3s}.btn:hover{transform:translateY(-3px)}.primary{color:#291408;background:linear-gradient(125deg,#ffca7a,#ff8328 70%,#f36b18);box-shadow:0 12px 35px #ff75182d,inset 0 1px #fff6}.primary:hover{box-shadow:0 17px 45px #ff751855}.secondary{border-color:var(--line);background:#ffffff0b;color:var(--text)}.stats{display:flex;gap:37px;margin-top:55px}.stats div{display:grid;gap:6px}.stats strong{font-size:22px}.stats small{font-size:10px;color:var(--muted)}.hero-art{height:440px;position:relative;display:grid;place-items:center;perspective:900px}.art-ring{position:absolute;border:1px solid #ffae5c25;border-radius:50%;width:385px;height:385px;box-shadow:0 0 80px #ff8d1b0d}.ring-two{width:320px;height:320px;transform:rotateX(65deg);border-color:#ff8e4580}.orb{width:285px;height:345px;border-radius:38px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px;transform:rotate(7deg);animation:orbfloat 7s ease-in-out infinite;overflow:hidden}.orb:before,.product-card:before{content:"";position:absolute;inset:-150%;background:linear-gradient(105deg,transparent 47%,#ffffff1c 49%,#ffffff42 50%,transparent 53%);transform:translateX(-55%) rotate(15deg);transition:transform 1s;pointer-events:none}.orb:hover:before,.product-card:hover:before{transform:translateX(55%) rotate(15deg)}.orb-glow{position:absolute;inset:20%;background:#ff7d22;filter:blur(65px);opacity:.25}.orb-letter{font-size:190px;line-height:1.3;font-weight:800;letter-spacing:-22px;text-align:center;text-shadow:0 10px 60px #ff8a346b;z-index:1}.orb-letter span{color:var(--orange)}.orb-bottom{z-index:1;display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1px;color:#ffd4b0}.float-chip{position:absolute;border-radius:16px;padding:14px 18px;font-size:11px;color:#ffdcbb;animation:orbfloat 8s ease-in-out infinite}.chip-one{top:60px;left:0}.chip-two{bottom:70px;right:-3%;animation-delay:-4s}.section{padding:65px 24px}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section h2{font-size:clamp(29px,4vw,46px);letter-spacing:-1.6px;margin:12px 0}.catalog-count{font-size:12px;color:var(--muted)}.catalog-count b{color:var(--amber)}.toolbar{margin:30px 0 22px;border-radius:22px;padding:14px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.search-wrap{display:flex;align-items:center;gap:9px;flex:1;min-width:200px;background:#08060655;border:1px solid var(--line);border-radius:13px;padding:0 12px;color:var(--amber)}.search-wrap input{width:100%;padding:13px 0;background:none;border:0;outline:0;color:var(--text);font-size:12px}.toolbar select{background:#1b1413;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:12px;font-size:11px}.filters{display:flex;flex-wrap:wrap;gap:5px}.filters button{border:1px solid transparent;border-radius:12px;padding:11px 13px;background:#ffffff08;color:var(--muted);font-size:11px}.filters button.active,.filters button:hover{color:#ffcd96;background:#ff791f1d;border-color:#ffae5a60}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:260px;padding:22px;border-radius:24px;transition:transform .45s cubic-bezier(.2,.9,.2,1),border-color .3s}.product-card:hover{transform:translateY(-7px);border-color:#ff9a5075}.card-top,.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative}.product-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9c422e,#ff72180c);border:1px solid #ffb16b33;color:#ffc17e;font-size:27px}.tag{font-size:10px;color:#ffd1a0;background:#ff791f16;border:1px solid #ff9a3c22;border-radius:30px;padding:6px 10px}.product-card h3{position:relative;font-size:16px;margin:25px 0 8px}.product-card p{position:relative;font-size:11px;line-height:1.8;margin:0 0 25px}.card-bottom{margin-top:auto}.price{font-weight:800;font-size:17px}.card-actions{display:flex;gap:6px}.small-btn{border:1px solid #ff9e5640;background:#ff85241c;color:#ffcf9c;border-radius:11px;padding:9px 11px;font-size:11px}.small-btn:hover,.small-btn.selected{background:#ff822f;color:#271107}.empty{grid-column:1/-1;padding:35px;text-align:center;border-radius:22px;color:var(--muted)}.note{font-size:11px!important;margin-top:17px}.how{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:27px}.steps article{padding:27px;border-radius:23px}.steps article span{color:var(--amber);font-size:10px;letter-spacing:1.5px}.steps h3{font-size:19px;margin:25px 0 8px}.steps p{font-size:11px}.request{border-radius:30px;padding:37px;display:grid;grid-template-columns:1fr 1fr;gap:50px;overflow:hidden}.request h2{line-height:1.2}.request-symbol{font-size:150px;font-weight:800;letter-spacing:-22px;color:#ff8e2720}.request form{display:grid;gap:14px}.request label{display:grid;gap:7px;font-size:11px;color:#ecd4c2}.request input,.request textarea{width:100%;background:#0c090a77;border:1px solid var(--line);border-radius:13px;padding:14px;color:var(--text);font-size:12px;outline:0}.request input:focus,.request textarea:focus{border-color:var(--orange)}.request form .btn{width:100%}.request form small{font-size:11px;color:var(--amber)}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:30px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.mobile-nav{display:none}.backdrop{position:fixed;inset:0;z-index:39;background:#050304b9;backdrop-filter:blur(5px)}.backdrop[hidden]{display:none}.drawer{position:fixed;z-index:40;top:0;right:0;height:100dvh;width:min(420px,100%);padding:25px;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.9,.2,1);display:flex;flex-direction:column;border-radius:24px 0 0 24px}.drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-size:22px}.drawer-content{overflow:auto;flex:1}.drawer-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.drawer-row strong{display:block;font-size:12px}.drawer-row small{display:block;color:var(--muted);margin-top:6px}.drawer-footer{padding-top:20px;border-top:1px solid var(--line)}.drawer-footer p{display:flex;justify-content:space-between;font-size:14px}.drawer-footer .btn{width:100%}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:60;padding:14px 20px;border:1px solid #ff9b5870;border-radius:15px;background:#2b1c18e8;backdrop-filter:blur(20px);color:#ffe4c9;max-width:90%;text-align:center;font-size:12px;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes orbfloat{50%{transform:translateY(-14px) rotate(5deg)}}@keyframes moonfloat{50%{transform:translateY(18px)}}@keyframes fogmove{to{transform:translateX(35vw) translateY(-9vh)}}@keyframes embers{to{background-position:20px -163px,70px -143px}}@media(max-width:950px){.top nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-top:70px}.hero-art{height:380px}.product-grid{grid-template-columns:repeat(2,1fr)}.request{gap:25px}}@media(max-width:650px){.top{margin:8px 10px 0;padding:9px 12px;border-radius:18px}.brand{font-size:14px}.brand b{width:36px;height:36px}.brand small{font-size:6px}.head-actions #favoritesButton,.head-actions #cartButton{display:none}.profile{font-size:10px;padding:10px}.hero{padding:65px 20px 25px}.hero h1{font-size:47px;letter-spacing:-2px}.hero-art{height:330px;transform:scale(.83);margin:-20px -30px}.stats{gap:22px;margin-top:36px}.stats strong{font-size:17px}.stats small{font-size:9px}.section{padding:50px 18px}.heading{align-items:start}.product-grid,.steps,.request{grid-template-columns:1fr}.toolbar{padding:11px}.search-wrap{flex-basis:100%}.filters{width:100%}.filters button{flex:1}.request{padding:23px}.request-symbol{font-size:90px}.mobile-nav{position:fixed;display:flex;justify-content:space-around;bottom:12px;left:12px;right:12px;z-index:25;border-radius:22px;padding:9px 7px}.mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:0;color:#ffd7b1;font-size:21px;min-width:55px}.mobile-nav small{font-size:9px}footer{padding-bottom:110px;flex-wrap:wrap}footer>span:nth-child(2){order:3;width:100%}#toast{bottom:100px}.moon{right:-20%;width:170px;height:170px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Halloween Liquid Glass 2.0 — optical layering instead of opaque blur panels */
:root{--surface:rgba(255,245,233,.055);--line:rgba(255,246,231,.29);--glass-radius:28px;--spring:cubic-bezier(.22,1,.36,1)}
body{background:#0c080b}
.ambient{background:radial-gradient(ellipse at 85% 16%,#ff7b2c4a,transparent 30%),radial-gradient(ellipse at 17% 34%,#4c246f66,transparent 48%),radial-gradient(ellipse at 45% 95%,#ff73152c,transparent 55%),linear-gradient(145deg,#110b15,#0b080d 70%)}
.aurora{position:absolute;inset:-20%;filter:blur(75px);opacity:.6;mix-blend-mode:screen;pointer-events:none;will-change:transform}
.aurora-a{background:radial-gradient(ellipse at 65% 30%,#ff781b45,transparent 28%),radial-gradient(ellipse at 22% 66%,#9d4be02b,transparent 35%);animation:auroraDrift 23s ease-in-out infinite alternate}
.aurora-b{background:radial-gradient(ellipse at 72% 70%,#ffb34c26,transparent 26%),radial-gradient(ellipse at 18% 18%,#b75cde22,transparent 30%);animation:auroraDrift 29s ease-in-out -9s infinite alternate-reverse}
.glass{position:relative;isolation:isolate;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.015) 38%,rgba(255,150,66,.035) 74%,rgba(255,255,255,.09)),rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.29);box-shadow:inset 0 1.5px 1px rgba(255,255,255,.54),inset 1px 0 1px rgba(255,255,255,.22),inset 0 -1px 1px rgba(255,148,81,.22),0 18px 42px #0006,0 0 30px #ff85200b;backdrop-filter:blur(13px) saturate(175%) brightness(1.15);-webkit-backdrop-filter:blur(13px) saturate(175%) brightness(1.15)}
.glass:after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(ellipse 240px 180px at var(--light-x,18%) var(--light-y,0%),rgba(255,255,255,.22),transparent 75%),linear-gradient(155deg,rgba(255,255,255,.18),transparent 26%,transparent 73%,rgba(255,151,78,.08));mix-blend-mode:screen;opacity:.8;transition:opacity .45s}
.glass:hover:after{opacity:1}
.top{background:linear-gradient(130deg,#ffffff27,#ffffff05 42%,#ff8b250d),#1710194d;box-shadow:inset 0 2px 1px #ffffff66,0 20px 60px #0008}
.product-card{background:linear-gradient(125deg,#ffffff21,#ffffff06 32%,#ff7a200c 75%,#ffffff11),#231a2533;border-color:#ffffff48;border-radius:27px;min-height:282px;transform-style:preserve-3d;transition:transform .65s var(--spring),box-shadow .5s,border-color .5s}
.product-card:hover{transform:translateY(-9px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));box-shadow:inset 0 2px 1px #ffffff8c,0 25px 70px #0008,0 0 45px #ff8c2725;border-color:#ffcd9b8a}
.product-card:before{z-index:2;inset:-100%;background:linear-gradient(105deg,transparent 45%,#ffffff04 47%,#ffffff58 49%,#ffffff12 51%,transparent 54%);animation:glassSweep 8s ease-in-out infinite;transition:none;transform:translateX(-65%) rotate(15deg)}
.product-card:hover:before{animation-duration:3s}
.product-card>*{z-index:4}
.orb{background:linear-gradient(130deg,#ffffff47,#ffffff07 33%,#ffb16e15 72%,#ffffff28),#ff8e1010;border:1px solid #ffffffb0;box-shadow:inset 2px 2px 3px #ffffffb0,inset -3px -4px 8px #ff9b5240,0 35px 95px #0009,0 0 70px #ff851a38;backdrop-filter:blur(9px) saturate(200%);-webkit-backdrop-filter:blur(9px) saturate(200%);animation:orbfloat 7s ease-in-out infinite;will-change:transform}
.orb:before{z-index:2;animation:glassSweep 6s ease-in-out infinite;transform:translateX(-65%) rotate(15deg)}
.orb-letter{background:linear-gradient(120deg,#fff,#ffd5a0 45%,#fff);background-clip:text;color:transparent;filter:drop-shadow(0 8px 16px #ff821655)}
.orb-letter span{color:#ff791f}
.glass-caustic{position:absolute;inset:-25%;border-radius:50%;background:conic-gradient(from 30deg,transparent,#ffae4c33,transparent,#ffffff24,transparent);filter:blur(18px);animation:causticSpin 17s linear infinite;pointer-events:none}
.float-chip{box-shadow:inset 0 1px 1px #ffffffa0,0 15px 45px #0008;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ghost{position:absolute;z-index:4;width:105px;filter:drop-shadow(0 0 25px #ffdccb60);animation:ghostFloat 6s ease-in-out infinite;will-change:transform}
.ghost-one{top:7px;right:2%;transform:rotate(9deg)}
.pumpkin{position:absolute;z-index:3;width:145px;filter:drop-shadow(0 0 35px #ff7d2c80);animation:pumpkinBob 8s ease-in-out infinite;will-change:transform}
.pumpkin-one{left:-1%;bottom:6%}
.sparkle{position:absolute;color:#ffcb87;text-shadow:0 0 20px #ff9229;font-size:30px;animation:twinkle 3.6s ease-in-out infinite}
.sparkle-a{right:13%;bottom:17%}.sparkle-b{left:14%;top:16%;animation-delay:-1.7s}
.moon{opacity:.58;box-shadow:0 0 120px 55px #ff7d263a}
.hero-copy{animation:enterSoft .95s var(--spring) both}
.hero-art{animation:enterSoft 1.2s .15s var(--spring) both}
.section{scroll-margin-top:105px}
.reveal{opacity:0;transform:translateY(32px) scale(.985);transition:opacity .9s var(--spring),transform .9s var(--spring)}
.reveal.in-view{opacity:1;transform:translateY(0) scale(1)}
.btn,.icon-button,.small-btn,.filters button,.mobile-nav button,.mobile-nav a{transition:transform .45s var(--spring),background .35s,box-shadow .35s,border-color .35s}
.btn:active,.icon-button:active,.small-btn:active,.filters button:active{transform:scale(.92)}
.btn:hover,.icon-button:hover,.small-btn:hover{box-shadow:0 10px 35px #ff9c3344}
.primary{position:relative;overflow:hidden}
.primary:after{content:"";position:absolute;inset:-100%;background:linear-gradient(100deg,transparent 44%,#ffffff88 50%,transparent 56%);animation:buttonGleam 5s ease-in-out infinite;pointer-events:none}
.toolbar,.steps article,.request{border-color:#ffffff40}
.mobile-nav{background:linear-gradient(135deg,#ffffff30,#ffffff06),#26162080}
.tiny-pumpkin{font-size:15px;vertical-align:middle}
@keyframes auroraDrift{to{transform:translate3d(-10%,7%,0) rotate(9deg) scale(1.1)}}
@keyframes ghostFloat{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-23px) rotate(-5deg)}}
@keyframes pumpkinBob{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-11px) rotate(5deg)}}
@keyframes twinkle{0%,100%{opacity:.25;transform:scale(.65)}50%{opacity:1;transform:scale(1.2)}}
@keyframes causticSpin{to{transform:rotate(360deg)}}
@keyframes glassSweep{0%,16%{transform:translateX(-70%) rotate(15deg)}43%,100%{transform:translateX(70%) rotate(15deg)}}
@keyframes buttonGleam{0%,62%{transform:translateX(-70%) rotate(14deg)}85%,100%{transform:translateX(70%) rotate(14deg)}}
@keyframes enterSoft{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:650px){.ghost-one{right:0;top:-10px;width:90px}.pumpkin-one{left:0;bottom:0;width:125px}.hero-art{margin:-10px -12px;transform:scale(.9)}.product-card{min-height:265px}.glass{backdrop-filter:blur(10px) saturate(155%);-webkit-backdrop-filter:blur(10px) saturate(155%)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.aurora,.ghost,.pumpkin,.glass-caustic,.sparkle,.primary:after,.product-card:before,.orb:before{animation:none!important}.product-card:hover{transform:none}}
