*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b14;--sur:#13131f;--sur2:#1c1c2b;--brd:rgba(255,255,255,0.08);--tx:#f8f8ff;--t2:#b4b4cc;--t3:#8b8ba7;--br:#6366f1;--br2:#4338ca;--ac:#f59e0b;--gr:#22c55e;--dg:#f43f5e;--sh:0 8px 28px rgba(99,102,241,0.32);--nav-h:60px;--cat-h:52px;--bot-h:68px;--r:16px;--rp:999px;--ease:cubic-bezier(0.4,0,0.2,1);--sp:cubic-bezier(0.34,1.56,0.64,1)}[data-theme=light]{--bg:#f4f5fa;--sur:#ffffff;--sur2:#edeef5;--brd:rgba(15,23,42,0.09);--tx:#0f172a;--t2:#475569;--t3:#64748b}html{color-scheme:dark;scroll-behavior:smooth}[data-theme=light]{color-scheme:light}body.customer-app{font-family:Vazirmatn,system-ui,sans-serif;font-size:15px;background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s;min-height:100vh;padding-bottom:var(--bot-h)}@media (min-width:768px){body.customer-app{padding-bottom:0}body.customer-app .bottom-nav{display:none}:root{--bot-h:0px}}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--br);outline-offset:2px;border-radius:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.toast{position:fixed;bottom:calc(var(--bot-h) + 16px);left:50%;transform:translateX(-50%) translateY(20px);background:var(--sur);border:1px solid var(--brd);color:var(--tx);padding:10px 18px;border-radius:var(--rp);font-size:13px;font-weight:700;z-index:200;opacity:0;pointer-events:none;transition:.25s var(--ease);box-shadow:var(--sh)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.sheet-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:150;opacity:0;pointer-events:none;transition:opacity .25s}.sheet-bg.open{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;max-height:92vh;background:var(--sur);border-radius:20px 20px 0 0;z-index:160;transform:translateY(110%);transition:transform .35s var(--sp);overflow:auto;padding:8px 16px 24px}.sheet.open{transform:translateY(0)}.s-handle{width:40px;height:4px;border-radius:999px;background:var(--brd);margin:8px auto 14px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(32px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translateX(32px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes blobPulse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(28px,-18px) scale(1.06)}66%{transform:translate(-18px,28px) scale(.94)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.2)}80%{transform:scale(.9)}to{transform:scale(1)}}@keyframes heartBeat{0%,to{transform:scale(1)}14%{transform:scale(1.35)}28%{transform:scale(1)}42%{transform:scale(1.35)}70%{transform:scale(1)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes confettiFall{to{transform:translateY(100vh) rotate(2turn);opacity:0}}@keyframes cartBounce{0%,to{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px rgba(255,107,53,.3)}50%{box-shadow:0 0 40px rgba(255,107,53,.6)}}@keyframes popIn{0%{transform:scale(0) rotate(-10deg);opacity:0}70%{transform:scale(1.1) rotate(2deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes flyToCart{0%{opacity:1;transform:scale(1)}60%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(.2)}}@keyframes successCheck{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}@keyframes orbRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes countUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.anim-fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.anim-fade-in{animation:fadeIn .4s ease both}.anim-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.anim-slide-up{animation:slideUp .45s cubic-bezier(.16,1,.3,1) both}.anim-bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1) both}.anim-pop-in{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--c2) 25%,color-mix(in srgb,var(--c2) 60%,var(--c3)) 50%,var(--c2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:8px}[data-theme=light] .skeleton{background:linear-gradient(90deg,#F0F0F5 25%,#E8E8EE 50%,#F0F0F5 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite}.sk-card{background:var(--c1);border-radius:20px;border:1px solid var(--c3);overflow:hidden}.sk-img{aspect-ratio:1;background:var(--c2)}.sk-line{height:12px;margin:8px 12px 0;border-radius:6px}.sk-line.short{width:60%}.sk-line.medium{width:80%}.sk-line.full{width:90%}.sk-btn{height:32px;width:32px;border-radius:50%;margin:8px 12px 12px auto}.blur-up-img{filter:blur(12px) saturate(.8);transform:scale(1.04);transition:filter .6s ease,transform .6s ease}.blur-up-img.loaded{filter:none;transform:scale(1)}.fly-particle{position:fixed;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;pointer-events:none;z-index:9999;transition:none;will-change:transform,opacity}.ripple-wrap{position:relative;overflow:hidden}.ripple-wrap:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:rgba(255,255,255,.15);transform:scale(0);top:var(--ry,50%);left:var(--rx,50%);margin:-50px;pointer-events:none}.ripple-wrap.rippling:after{animation:ripple .5s ease-out}.cart-badge-pop{animation:cartBounce .35s cubic-bezier(.34,1.56,.64,1)}.wish-liked{animation:heartBeat .8s ease;color:#FF3F6C!important}.sheet-handle{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);margin:12px auto 6px;flex-shrink:0;cursor:ns-resize}[data-theme=light] .sheet-handle{background:rgba(0,0,0,.12)}.sheet{touch-action:pan-y}.sheet.dragging{transition:none!important}.success-story{flex-direction:column;gap:14px;padding:28px 20px;text-align:center}.success-ring,.success-story{display:flex;align-items:center}.success-ring{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#FF3F6C);justify-content:center;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both;box-shadow:0 0 0 0 rgba(255,107,53,.4)}.success-ring.pulse-glow{animation:popIn .6s cubic-bezier(.34,1.56,.64,1) both,glow 2s ease-in-out .6s infinite}.success-checkmark{width:40px;height:40px;stroke:#fff;stroke-width:3;fill:none;stroke-dasharray:50;stroke-dashoffset:50;stroke-linecap:round;stroke-linejoin:round;animation:successCheck .4s ease .5s forwards}.success-title{font-size:22px;font-weight:900;color:var(--tx);letter-spacing:-.4px;animation:fadeUp .4s ease .7s both}.success-sub{font-size:14px;color:var(--t2);animation:fadeUp .4s ease .85s both;line-height:1.6}.promo-live-dot{width:7px;height:7px;border-radius:50%;background:#22C55E;animation:pulse 1.6s ease infinite}.gradient-text{background:linear-gradient(135deg,var(--brand),#FF3F6C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-glow:hover{box-shadow:0 8px 32px color-mix(in srgb,var(--brand) 20%,transparent)}.mini-cart-preview{position:fixed;bottom:calc(var(--bot-h) + 8px);right:14px;background:var(--c1);border:1px solid var(--c3);border-radius:16px;padding:12px 14px;box-shadow:0 16px 48px rgba(0,0,0,.5);z-index:90;min-width:200px;max-width:260px;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1) both;transform-origin:bottom right}.mcp-item{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px;color:var(--t2);border-bottom:.5px solid var(--c3)}.mcp-item:last-child{border-bottom:none}.mcp-ico{font-size:16px;flex-shrink:0}.mcp-name{flex:1;font-weight:600;color:var(--tx)}.mcp-price{font-size:11px;font-weight:700;color:var(--brand)}.notif-live{position:absolute;top:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#FF3F6C;border:2px solid var(--c0);animation:pulse 2s ease infinite}.progress-track{height:4px;background:var(--c3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.progress-fill,.tab-indicator{background:linear-gradient(90deg,var(--brand),#FF3F6C);border-radius:2px}.tab-indicator{height:2.5px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:0}.count-up{display:inline-block;animation:countUp .4s cubic-bezier(.16,1,.3,1) both}.glass-dark{background:rgba(17,17,24,.75);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.07)}[data-theme=light] .glass-dark{background:rgba(255,255,255,.82);border-color:rgba(0,0,0,.07)}.orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation:blobPulse 12s ease-in-out infinite}.orb-brand{background:color-mix(in srgb,var(--brand) 40%,transparent)}.orb-pink{background:rgba(255,63,108,.25)}.orb-blue{background:rgba(99,102,241,.2)}.anim-gradient-bg{background:linear-gradient(135deg,var(--c0),var(--c1),var(--c2),var(--c0));background-size:300% 300%;animation:gradientShift 8s ease infinite}.img-dark-overlay{background:linear-gradient(to top,var(--c1) 0,rgba(10,10,15,.3) 50%,transparent 100%)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translateX(-20px);transition:opacity .5s ease,transform .5s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translateX(0)}@media (min-width:768px){::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--c0)}::-webkit-scrollbar-thumb{background:var(--c3);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--t3)}}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease!important}.text-glow{text-shadow:0 0 20px color-mix(in srgb,var(--brand) 60%,transparent)}