@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--sesh-orange: #E65325;--sesh-orange-light: #FF6B3D;--sesh-orange-glow: rgba(230, 83, 37, .25);--sesh-dark: #1a1a1a;--sesh-muted: #6b6b6b}html,body,#root{height:100%;width:100%}body{background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(230,83,37,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 60% at 80% 80%,rgba(255,140,50,.1) 0%,transparent 50%),radial-gradient(ellipse 70% 40% at 50% 60%,rgba(230,83,37,.06) 0%,transparent 50%),linear-gradient(160deg,#f5ebe0,#ede0d4,#e6ccb2,#ede0d4,#f5ebe0);background-attachment:fixed;color:var(--sesh-dark);font-family:Nunito,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body:before{content:"";position:fixed;top:-15%;right:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(230,83,37,.18) 0%,rgba(255,120,40,.08) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:orbFloat 18s ease-in-out infinite}body:after{content:"";position:fixed;bottom:-15%;left:-8%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,61,.14) 0%,rgba(230,83,37,.05) 40%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:orbFloat 22s ease-in-out infinite reverse}#root:before{content:"";position:fixed;top:40%;left:30%;width:500px;height:500px;background:radial-gradient(circle,rgba(230,150,80,.1) 0%,transparent 60%);border-radius:50%;pointer-events:none;z-index:0;animation:orbFloat 25s ease-in-out infinite 5s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e6532566,#e6532533);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e6532599}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);font-family:inherit}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{background:#e6532533;color:var(--sesh-dark)}.glass-card{background:#ffffff6b;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a,inset 0 1px #ffffffb3,inset 0 0 30px #ffffff1f;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.2) 40%,rgba(255,255,255,.5) 50%,rgba(255,255,255,.2) 60%,transparent 100%);transition:left .7s cubic-bezier(.23,1,.32,1);pointer-events:none;z-index:2}.glass-card:hover{transform:translateY(-8px) scale(1.015);background:#ffffff8c;box-shadow:0 24px 64px #0000001f,0 8px 24px #e6532514,inset 0 1px #ffffffe6,inset 0 0 40px #ffffff40;border-color:#e6532533}.glass-card:hover:before{left:100%}.glass-card:hover .product-image{transform:scale(1.1)}.product-image{transition:transform .6s cubic-bezier(.23,1,.32,1);will-change:transform}.glass-image-frame{background:linear-gradient(145deg,#ffffff73,#f5ebe059);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:0 16px 48px #00000014,inset 0 1px #ffffffb3,inset 0 0 40px #ffffff26;overflow:hidden;position:relative}.glass-image-frame:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.08) 60deg,transparent 120deg);animation:rotateGlass 12s linear infinite;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#e65325,#ff6b3d);color:#fff;border:none;border-radius:16px;font-weight:800;letter-spacing:.02em;position:relative;overflow:hidden;box-shadow:0 8px 28px #e6532559}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-primary:hover{box-shadow:0 14px 40px #e6532573;transform:translateY(-2px)}.btn-primary:hover:after{left:100%}.avail-dot{position:absolute;top:12px;right:12px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.9);z-index:3}.avail-dot.in-stock{background:#30d158;box-shadow:0 0 8px #30d15899,0 0 20px #30d15833;animation:pulseGreen 2s ease-in-out infinite}.avail-dot.out-of-stock{background:#ff453a;box-shadow:0 0 6px #ff453a66}.grid-stagger>*{animation:fadeInUp .6s cubic-bezier(.23,1,.32,1) backwards}.grid-stagger>*:nth-child(1){animation-delay:.05s}.grid-stagger>*:nth-child(2){animation-delay:.1s}.grid-stagger>*:nth-child(3){animation-delay:.15s}.grid-stagger>*:nth-child(4){animation-delay:.2s}.grid-stagger>*:nth-child(5){animation-delay:.25s}.grid-stagger>*:nth-child(6){animation-delay:.3s}.grid-stagger>*:nth-child(7){animation-delay:.35s}.grid-stagger>*:nth-child(8){animation-delay:.4s}.filter-pill{padding:9px 22px;background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.4);border-radius:20px;color:#6b6b6b;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #0000000d;transition:all .35s cubic-bezier(.23,1,.32,1)}.filter-pill:hover{background:#e653251a;border-color:#e6532540;color:#e65325;transform:translateY(-2px);box-shadow:0 4px 16px #e653251f}.filter-pill.active{background:linear-gradient(135deg,#e65325,#ff6b3d);border:1px solid transparent;color:#fff;box-shadow:0 6px 20px #e6532559}.glass-bar{background:#ffffff80;backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 4px 28px #00000012,inset 0 1px #ffffffb3,inset 0 -1px #00000008}.glass-drawer{background:#ffffffc7;backdrop-filter:blur(44px) saturate(200%);-webkit-backdrop-filter:blur(44px) saturate(200%);box-shadow:-8px 0 48px #0000001f,inset 1px 0 #ffffffb3,inset 0 0 60px #ffffff26}.glass-hero{background:#ffffff61;backdrop-filter:blur(32px) saturate(200%);-webkit-backdrop-filter:blur(32px) saturate(200%);border:1px solid rgba(255,255,255,.5);border-radius:28px;box-shadow:0 20px 56px #00000014,inset 0 1px #fffc,inset 0 0 40px #fff3;position:relative;overflow:hidden}.glass-hero:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent)}.shimmer{background:linear-gradient(90deg,#ffffff4d,#fff9,#ffffff4d);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatGlow{0%,to{box-shadow:0 8px 32px #e6532533}50%{box-shadow:0 16px 56px #e6532559}}@keyframes pulseGreen{0%,to{box-shadow:0 0 4px #30d15880}50%{box-shadow:0 0 14px #30d158cc,0 0 28px #30d1584d}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-25px,20px) scale(.95)}}@keyframes rotateGlass{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .4s cubic-bezier(.23,1,.32,1)}.slide-in-right{animation:slideInRight .4s cubic-bezier(.23,1,.32,1)}@media(max-width:768px){body{font-size:14px}.glass-card:hover{transform:translateY(-4px) scale(1.005)}.glass-hero{padding:24px 16px}.glass-bar{padding:10px 14px;gap:10px}.glass-image-frame{height:180px}.filter-pill{padding:7px 14px;font-size:12px}.product-hero-grid{grid-template-columns:1fr!important;gap:24px!important}}@media(max-width:480px){.glass-hero h1{font-size:22px}.glass-hero p{font-size:13px}.glass-card{border-radius:16px}.glass-image-frame{height:160px}.btn-primary{padding:12px 20px;font-size:14px}.product-hero-grid{gap:16px!important}.glass-bar{padding:8px 12px;font-size:13px}}
