:root{color-scheme:light dark;--radius:16px;--radius-sm:10px;--radius-xs:6px;--shadow:0 8px 32px #0000001a;--shadow-sm:0 4px 16px #0000000f;--shadow-lg:0 16px 48px #00000024;--transition:.3s cubic-bezier(.4,0,.2,1);--transition-fast:.15s ease;--transition-slow:.5s cubic-bezier(.22,1,.36,1);--font:"Vazirmatn",system-ui,sans-serif;--nav-height:70px;--focus-ring:2px solid var(--primary);--focus-ring-offset:3px}:root,[data-theme=light]{--bg:#f7f6f4;--bg-card:#fff;--bg-card-hover:#fafaf9;--bg-input:#fff;--bg-overlay:#1c191773;--text:#1c1917;--text-muted:#57534e;--text-dim:#a8a29e;--border:#e7e5e4;--border-light:#f0eeec;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--scrollbar-track:#f0eeec;--scrollbar-thumb:#d6d3d1;--surface:#fff;--shadow:0 8px 32px #1c191714;--shadow-sm:0 4px 16px #1c19170d;--shadow-lg:0 16px 48px #1c19171f;--primary:#1b7347;--primary-hover:#156038;--primary-dim:#1b73471a;--primary-glow:#1b734738;--accent:#c75c88;--accent-hover:#b14a75;--accent-dim:#c75c881a;--gradient-brand:linear-gradient(135deg,#2e9d63,#7fc99a);--gradient-brand-subtle:linear-gradient(135deg,#2e9d631a,#c75c880f);--scrollbar-thumb-hover:#1b7347}[data-theme=dark]{--bg:#0f0e0d;--bg-card:#1a1917;--bg-card-hover:#211f1d;--bg-input:#161513;--bg-overlay:#000000b3;--text:#f5f5f4;--text-muted:#a8a29e;--text-dim:#78716c;--border:#2a2825;--border-light:#363330;--success:#4ade80;--warning:#fbbf24;--danger:#ff6b6b;--scrollbar-track:#161513;--scrollbar-thumb:#363330;--surface:#1a1917;--shadow:0 8px 32px #00000080;--shadow-sm:0 4px 16px #0000004d;--shadow-lg:0 16px 48px #0009;--primary:#45c883;--primary-hover:#5bd697;--primary-dim:#45c88324;--primary-glow:#45c8834d;--accent:#f19ebf;--accent-hover:#f6b6d0;--accent-dim:#f19ebf24;--gradient-brand:linear-gradient(135deg,#34d17f,#9ae6b4);--gradient-brand-subtle:linear-gradient(135deg,#34d17f26,#f19ebf14);--scrollbar-thumb-hover:#45c883}[data-season=spring]{--bg:#f6f7f4;--primary:#1b7347;--primary-hover:#156038;--primary-dim:#1b73471a;--primary-glow:#1b734738;--accent:#c75c88;--accent-hover:#b14a75;--accent-dim:#c75c881a;--gradient-brand:linear-gradient(135deg,#2e9d63,#7fc99a);--gradient-brand-subtle:linear-gradient(135deg,#2e9d631a,#c75c880f);--scrollbar-thumb-hover:#1b7347}[data-theme=dark][data-season=spring]{--bg:#0e100e;--primary:#45c883;--primary-hover:#5bd697;--primary-dim:#45c88324;--primary-glow:#45c8834d;--accent:#f19ebf;--accent-hover:#f6b6d0;--accent-dim:#f19ebf24;--gradient-brand:linear-gradient(135deg,#34d17f,#9ae6b4);--gradient-brand-subtle:linear-gradient(135deg,#34d17f26,#f19ebf14);--scrollbar-thumb-hover:#45c883}[data-season=summer]{--bg:#f4f7f7;--primary:#0b7373;--primary-hover:#095e5e;--primary-dim:#0b73731a;--primary-glow:#0b737338;--accent:#e85d2e;--accent-hover:#cf4d21;--accent-dim:#e85d2e1a;--gradient-brand:linear-gradient(135deg,#11a3a3,#f2994a);--gradient-brand-subtle:linear-gradient(135deg,#11a3a31a,#f2994a12);--scrollbar-thumb-hover:#0b7373}[data-theme=dark][data-season=summer]{--bg:#0d1010;--primary:#2dd4bf;--primary-hover:#4fe0ce;--primary-dim:#2dd4bf24;--primary-glow:#2dd4bf4d;--accent:#fb8c5a;--accent-hover:#fca77e;--accent-dim:#fb8c5a24;--gradient-brand:linear-gradient(135deg,#2dd4bf,#fbbf6b);--gradient-brand-subtle:linear-gradient(135deg,#2dd4bf26,#fbbf6b17);--scrollbar-thumb-hover:#2dd4bf}[data-season=autumn]{--bg:#f8f6f2;--primary:#b45309;--primary-hover:#92420a;--primary-dim:#b453091a;--primary-glow:#b4530938;--accent:#9a3412;--accent-hover:#7e2a0e;--accent-dim:#9a34121a;--gradient-brand:linear-gradient(135deg,#c2680c,#e0a04a);--gradient-brand-subtle:linear-gradient(135deg,#c2680c1f,#e0a04a12);--scrollbar-thumb-hover:#b45309}[data-theme=dark][data-season=autumn]{--bg:#100e0c;--primary:#f59e0b;--primary-hover:#fbb134;--primary-dim:#f59e0b24;--primary-glow:#f59e0b4d;--accent:#fb923c;--accent-hover:#fca85e;--accent-dim:#fb923c24;--gradient-brand:linear-gradient(135deg,#f59e0b,#fbbf24);--gradient-brand-subtle:linear-gradient(135deg,#f59e0b29,#fbbf2417);--scrollbar-thumb-hover:#f59e0b}[data-season=winter]{--bg:#f4f6f8;--primary:#1862a6;--primary-hover:#134e84;--primary-dim:#1862a61a;--primary-glow:#1862a638;--accent:#475569;--accent-hover:#374252;--accent-dim:#4755691a;--gradient-brand:linear-gradient(135deg,#2e7fc4,#7fb3df);--gradient-brand-subtle:linear-gradient(135deg,#2e7fc41a,#7fb3df12);--scrollbar-thumb-hover:#1862a6}[data-theme=dark][data-season=winter]{--bg:#0c0e10;--primary:#60a5fa;--primary-hover:#82bafb;--primary-dim:#60a5fa24;--primary-glow:#60a5fa4d;--accent:#94a3b8;--accent-hover:#afbaca;--accent-dim:#94a3b824;--gradient-brand:linear-gradient(135deg,#60a5fa,#a5c8f0);--gradient-brand-subtle:linear-gradient(135deg,#60a5fa26,#a5c8f017);--scrollbar-thumb-hover:#60a5fa}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-padding-top:calc(var(--nav-height) + 20px);scrollbar-gutter:stable}body{font-family:var(--font);background:var(--bg);color:var(--text);transition:background var(--transition-slow),color var(--transition-slow);line-height:1.7;overflow-x:hidden}body.disable-transitions,body.disable-transitions *{transition:none!important}.container{max-width:1360px;margin:0 auto;padding:0 28px}@media (width<=768px){.container{padding:0 16px}}@media (width<=480px){.container{padding:0 12px}}a{color:inherit;transition:var(--transition);text-decoration:none}img{max-width:100%;display:block}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:var(--transition);flex-shrink:0}.icon-sm{width:18px;height:18px}.icon-lg{width:28px;height:28px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.navbar{z-index:1000;height:var(--nav-height);background:var(--bg);transition:background var(--transition-slow),border-color var(--transition-slow);position:fixed;top:0;left:0;right:0}:root{--ann-height:42px}.site-announcement{z-index:1001;min-height:var(--ann-height);text-align:center;color:#fff;justify-content:center;align-items:center;padding:6px 16px;font-size:.9rem;font-weight:600;line-height:1.4;display:flex;position:fixed;top:0;left:0;right:0}.site-announcement-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.site-announcement--info{background:linear-gradient(90deg,#2563eb,#3b82f6)}.site-announcement--success{background:linear-gradient(90deg,#16a34a,#22c55e)}.site-announcement--warning{background:linear-gradient(90deg,#dc2626,#f97316)}.site-announcement-dismiss{color:#ffffffbf;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;flex:none;margin-right:14px;padding:0;font-weight:500;text-decoration:underline;transition:color .2s}.site-announcement-dismiss:hover{color:#fff}body:has(.site-announcement){padding-top:var(--ann-height)}body:has(.site-announcement) .navbar{top:var(--ann-height)}@media (width<=768px){.site-announcement{padding:5px 12px;font-size:clamp(.6rem,2.7vw,.9rem)}.site-announcement-text{-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;overflow:hidden}.site-announcement-dismiss{margin-right:10px}}[data-theme=light] .navbar{border-bottom:1px solid var(--border)}.nav-content{direction:rtl;justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.nav-start,.nav-end{align-items:center;height:100%;display:flex}.nav-start{flex:1;gap:28px;min-width:0}.nav-end{flex-shrink:0;gap:4px}.nav-logo{flex-shrink:0;align-items:center;height:100%;display:flex}.nav-logo-img{object-fit:contain;width:auto;max-width:200px;height:46px;display:block}.nav-links{align-items:center;gap:2px;height:100%;display:flex}.nav-action-wrap{position:relative}.nav-link{height:100%;color:var(--text-muted);letter-spacing:.2px;transition:color var(--transition);white-space:nowrap;font-size:.98rem;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:flex;position:relative}.nav-link:hover,.nav-link.active{color:var(--primary)}.nav-link.active:after{content:"";background:var(--gradient-brand);height:2px;box-shadow:0 0 10px var(--primary-glow);border-radius:2px 2px 0 0;position:absolute;bottom:0;left:12px;right:12px}.nav-link .icon{flex-shrink:0;width:18px;height:18px}.nav-link-icon{opacity:.85;transition:opacity var(--transition),transform var(--transition);width:17px!important;height:17px!important}.nav-link:hover .nav-link-icon{transform:scale(1.08)}.nav-link:hover .nav-link-icon,.nav-link.active .nav-link-icon{opacity:1}.nav-dropdown-item .icon{width:18px;height:18px;color:var(--primary);opacity:.85;flex-shrink:0}.nav-dropdown-trigger{align-items:center;height:100%;display:flex;position:relative}.nav-dropdown-link .chevron{width:14px;height:14px;transition:transform var(--transition)}.nav-dropdown-trigger:hover .chevron{transform:rotate(180deg)}.nav-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;visibility:hidden;transform-origin:100% 0;min-width:200px;transition:all var(--transition);box-shadow:var(--shadow-lg);z-index:100;padding:8px;position:absolute;top:100%;right:0;transform:translateY(8px)scale(.96)}.nav-dropdown-trigger:hover .nav-dropdown,.nav-dropdown-trigger:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translateY(4px)scale(1)}.nav-dropdown-item{border-radius:var(--radius-xs);color:var(--text-muted);transition:var(--transition);cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.nav-dropdown-item:hover{background:var(--primary-dim);color:var(--primary)}.nav-dropdown-item .icon{opacity:.6;width:16px;height:16px}.nav-dropdown-item:hover .icon{opacity:1}.nav-dropdown-divider{background:var(--border);height:1px;margin:6px 8px}.nav-action-btn{border-radius:var(--radius-xs);width:44px;height:44px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.nav-action-btn:hover{color:var(--primary);background:var(--primary-dim);background:var(--primary-dim)}.nav-action-btn .icon{width:20px;height:20px}.cart-btn{border:1px solid var(--border);background:var(--bg-card);gap:8px;margin-right:6px;width:auto!important;padding:0 16px!important}.cart-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.cart-btn .cart-label{font-family:var(--font);white-space:nowrap;letter-spacing:.2px;font-size:.95rem;font-weight:600}.cart-btn .icon{width:18px;height:18px}.nav-badge{background:var(--gradient-brand);color:#000;min-width:20px;height:20px;box-shadow:0 4px 12px var(--primary-glow);border:2px solid var(--bg);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.68rem;font-weight:800;display:none;position:absolute;top:-6px;left:-6px}.nav-badge.show{display:flex}.cart-dropdown{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;visibility:hidden;transform-origin:0 0;width:340px;transition:all var(--transition);box-shadow:var(--shadow-lg);z-index:100;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;transform:translateY(8px)scale(.96)}@media (hover:hover){.nav-action-wrap:hover .cart-dropdown{opacity:1;visibility:visible;transform:translateY(4px)scale(1)}}.nav-cart-wrap.cart-open .cart-dropdown{opacity:1;visibility:visible;transform:translateY(4px)scale(1)}.cart-dropdown-header{color:var(--text);border-bottom:1px solid var(--border);padding:14px 18px;font-size:.85rem;font-weight:700}.cart-dropdown-items{max-height:320px;padding:4px 0;overflow-y:auto}.cart-dropdown-item{transition:var(--transition);align-items:center;gap:12px;padding:10px 18px;display:flex}.cart-dropdown-item:hover{background:var(--primary-dim)}.cart-dropdown-item-img{border-radius:var(--radius-xs);background:var(--bg-input);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex;overflow:hidden}.cart-dropdown-item-img img{object-fit:contain;width:100%;height:100%;padding:6px}.cart-dropdown-item-info{flex:1;min-width:0}.cart-dropdown-item-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.82rem;font-weight:600;overflow:hidden}.cart-dropdown-item-meta{color:var(--text-dim);font-size:.75rem}.cart-opt-tag,.cart-item-opt{color:var(--primary);font-weight:600}.cart-dropdown-item-price{color:var(--primary);white-space:nowrap;font-size:.82rem;font-weight:700}.cart-dropdown-empty{text-align:center;color:var(--text-dim);padding:32px 20px}.cart-dropdown-empty .icon{opacity:.4;width:32px;height:32px;margin:0 auto 8px;display:block}.cart-dropdown-empty p{font-size:.82rem}.cart-dropdown-footer{border-top:1px solid var(--border);padding:14px 18px}.cart-dropdown-total{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.88rem;display:flex}.cart-dropdown-total strong{color:var(--primary);font-size:1rem}.cart-dropdown-footer .btn{width:100%;padding:10px;font-size:.85rem}.user-dropdown{background:var(--bg-card);border:1px solid var(--border);border-top:1px solid var(--primary-dim);border-radius:var(--radius-sm);opacity:0;visibility:hidden;transform-origin:0 0;min-width:220px;transition:all var(--transition);box-shadow:var(--shadow-lg);z-index:100;direction:rtl;padding:8px;position:absolute;top:calc(100% + 4px);left:0;transform:translateY(8px)scale(.96)}.nav-action-wrap:hover .user-dropdown{opacity:1;visibility:visible;transform:translateY(4px)scale(1)}.user-dropdown-item{border-radius:var(--radius-xs);color:var(--text-muted);transition:var(--transition);cursor:pointer;width:100%;font-size:.9rem;font-weight:600;font-family:var(--font);text-align:right;background:0 0;border:none;align-items:center;gap:12px;padding:9px 10px;text-decoration:none;display:flex}.user-dropdown-item:hover{background:var(--primary-dim);color:var(--primary);transform:translate(-2px)}.user-dropdown-icon-tile{background:var(--primary-dim);width:28px;height:28px;color:var(--primary);transition:var(--transition);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-dropdown-icon-tile .icon{opacity:.95;width:15px;height:15px}.user-dropdown-item:hover .user-dropdown-icon-tile{background:var(--primary);color:#000}.user-dropdown-logout{color:#e57373}.user-dropdown-logout .user-dropdown-icon-tile{color:#e57373;background:#e573731f}.user-dropdown-logout:hover{color:#ef5350;background:#e573731a}.user-dropdown-logout:hover .user-dropdown-icon-tile{color:#fff;background:#e57373}.user-dropdown-divider{background:var(--border);height:1px;margin:6px 8px}.user-dropdown-name{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px 12px;display:flex}.user-dropdown-avatar{background:var(--primary-dim);width:36px;height:36px;color:var(--primary);border:1px solid var(--primary-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.user-dropdown-avatar .icon{width:18px;height:18px}.user-dropdown-name-text{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.theme-toggle{border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:translate(-10px)}.theme-toggle:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim);box-shadow:0 0 0 4px var(--primary-dim)}.theme-toggle .icon{width:16px;height:16px}.mobile-menu-btn{color:var(--text);cursor:pointer;background:0 0;border:none;flex-shrink:0;width:36px;height:36px;padding:0;display:none;position:relative}.mobile-menu-btn .icon{width:22px;height:22px}.mobile-nav-overlay{background:var(--bg-overlay);z-index:999;opacity:0;visibility:hidden;transition:all var(--transition);position:fixed;inset:0}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav-panel{background:var(--bg-card);border-left:1px solid var(--border);z-index:1001;width:280px;max-width:78vw;transition:transform var(--transition-slow);direction:rtl;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.mobile-nav-panel.active{transform:translate(0)}.mobile-nav-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-nav-logo{color:var(--primary);align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:flex}.mobile-nav-close{border-radius:var(--radius-xs);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.mobile-nav-close:hover{background:var(--primary-dim);color:var(--primary)}.mobile-nav-close .icon{width:20px;height:20px}.mobile-nav-body{flex:auto;min-height:0;padding:8px 12px;overflow-y:auto}.mobile-nav-link{border-radius:var(--radius-xs);color:var(--text-muted);transition:var(--transition);align-items:center;gap:12px;padding:14px 12px;font-size:.9rem;font-weight:500;display:flex}.mobile-nav-link:hover,.mobile-nav-link.active{background:var(--primary-dim);color:var(--primary)}.mobile-nav-link .icon{opacity:.6;width:20px;height:20px}.mobile-nav-link:hover .icon,.mobile-nav-link.active .icon{opacity:1}.mobile-nav-section-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;padding:16px 12px 8px;font-size:.72rem;font-weight:700}.mobile-nav-user-top{border-bottom:1px solid var(--border);direction:rtl;margin-bottom:4px;padding:0 0 8px}.mobile-nav-logout-wrap{border-top:1px solid var(--border);direction:rtl;flex-shrink:0;padding:12px}.mobile-nav-user-head{padding:10px 12px 12px}.mobile-nav-user-name{color:var(--text);margin-bottom:4px;font-size:.9rem;font-weight:700}.mobile-nav-user-phone{color:var(--text-dim);font-size:.78rem}button.mobile-nav-link{cursor:pointer;text-align:right;background:0 0;border:none;width:100%;font-family:inherit;font-size:.9rem}.mobile-nav-logout{color:var(--danger)}.mobile-nav-logout:hover{color:var(--danger);background:#e74c3c1f}.mobile-nav-logout:hover .icon{opacity:1}.mobile-nav-auth{border-top:1px solid var(--border);direction:rtl;flex-shrink:0;gap:10px;padding:16px 20px;display:flex}.mobile-nav-auth .btn{flex:1;padding:10px;font-size:.82rem}@keyframes pageFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:48px}.section-header h2{margin-bottom:12px;font-size:2.2rem;font-weight:800}.section-header p{color:var(--text-muted);font-size:1.1rem}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .3s,background .3s,color .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:left .55s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn:hover:after{left:130%}.btn:active:not(:disabled){transition-duration:80ms;transform:scale(.96)}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn.is-loading{pointer-events:none;position:relative;color:#0000!important}.btn.is-loading:before{content:"";border:2px solid #00000040;border-top-color:#000;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:.7s linear infinite btnSpin;position:absolute;top:50%;left:50%}.btn.is-loading.btn-outline:before{border-color:color-mix(in srgb,var(--primary)25%,transparent);border-top-color:var(--primary)}.btn.is-loading:after{display:none}.btn.is-success{pointer-events:none;background:var(--success,#2e9e5b)!important;border-color:var(--success,#2e9e5b)!important;color:#fff!important}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-primary{background:var(--gradient-brand);color:#000;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{box-shadow:0 10px 32px var(--primary-glow);transform:translateY(-2px)}.btn-outline{color:var(--text);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.btn-sm{padding:8px 18px;font-size:.85rem}.btn-lg{padding:16px 36px;font-size:1.05rem}.btn-block{width:100%}.btn-danger{background:var(--danger);color:#fff}.form-control{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);outline:none;padding:14px 18px;font-size:.95rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.toast{background:color-mix(in srgb,var(--bg-card)96%,transparent);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--primary)30%,var(--border));max-width:calc(100vw - 40px);color:var(--text);z-index:9999;opacity:0;box-shadow:0 12px 40px #0006,0 0 24px var(--primary-glow);direction:rtl;border-radius:12px;align-items:center;gap:10px;padding:14px 22px;font-size:.9rem;font-weight:600;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%,150%)}.toast .toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.toast .toast-icon svg{width:22px;height:22px}.toast--success{border-color:color-mix(in srgb,var(--success)50%,transparent)}.toast--success .toast-icon{color:var(--success)}.toast--error{border-color:#ff6b6b80}.toast--error .toast-icon{color:var(--danger)}.toast--warning{border-color:#f9a8258c}.toast--warning .toast-icon{color:#f9a825}.toast--info{border-color:#3b82f680}.toast--info .toast-icon{color:#3b82f6}.toast.show{opacity:1;transform:translate(-50%)}.footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:80px;padding:60px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr auto;gap:40px;margin-bottom:40px;display:grid}.footer-trust-col{flex-direction:column;gap:12px;display:flex}.footer-trustmark{border:1px dashed var(--border);border-radius:var(--radius-sm,12px);background:var(--bg-input,var(--bg));width:110px;min-height:110px;color:var(--text-muted);text-align:center;transition:border-color var(--transition-fast,.2s ease),color var(--transition-fast,.2s ease);justify-content:center;align-items:center;margin-bottom:0;padding:10px;font-size:.78rem;font-weight:600;line-height:1.7;display:flex}.footer-trustmark:hover{border-color:var(--primary);color:var(--text)}.footer-trustmark img{border-radius:8px;max-width:100%;height:auto;display:block}.footer-logo{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;font-size:1.3rem;font-weight:800;display:flex}.footer-col p{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.footer-col h4{color:var(--text);margin-bottom:16px;font-weight:700}.footer-col a{color:var(--text-muted);margin-bottom:10px;font-size:.9rem;display:block}.footer-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-dim);padding-top:24px;font-size:.85rem}.social-links{flex-wrap:wrap;align-items:center;gap:24px;margin-top:18px;display:flex}.social-links .social-link{color:var(--text);font-size:inherit;transition:var(--transition);align-items:center;gap:10px;margin-bottom:0;display:inline-flex}.social-logo{width:38px;height:38px;transition:var(--transition);flex-shrink:0;display:inline-flex}.social-logo svg{width:100%;height:100%}.social-handle{letter-spacing:.2px;font-size:.95rem;font-weight:700}.social-links .social-link:hover{color:var(--primary);transform:translateY(-2px)}.social-links .social-link:hover .social-logo{transform:scale(1.08)}.nav-search-overlay{height:var(--nav-height);opacity:0;visibility:hidden;width:clamp(320px,40vw,680px);transition:opacity var(--transition),visibility var(--transition),transform var(--transition);z-index:1001;align-items:center;padding:0;display:flex;position:absolute;top:0;left:0;transform:translateY(-8px)}.nav-search-overlay .container{width:100%;max-width:none;margin:0;padding:0;position:static}.nav-search-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-search-results{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1001;max-height:64vh;padding:6px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.nav-search-results.active{display:block}.nav-search-result-item{border-radius:var(--radius-xs);color:var(--text);transition:var(--transition);align-items:center;gap:12px;padding:12px 16px;display:flex}.nav-search-result-item:hover{background:var(--primary-dim)}.nav-search-result-img{border-radius:var(--radius-xs);background:var(--bg-input);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.nav-search-result-img img{object-fit:contain;width:100%;height:100%;padding:4px}.nav-search-result-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:.95rem;font-weight:600;overflow:hidden}.nav-search-result-price{color:var(--primary);white-space:nowrap;flex-shrink:0;font-size:.9rem;font-weight:700}.nav-search-empty{text-align:center;color:var(--text-dim);padding:18px;font-size:.88rem}.search-suggestion{color:var(--text-muted);margin-top:8px;font-size:.9rem}.suggestion-link{color:var(--primary);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.suggestion-link:hover{text-decoration:underline}.nav-search-backdrop{z-index:998;opacity:0;visibility:hidden;transition:all var(--transition);background:#00000080;position:fixed;inset:0}.nav-search-backdrop.active{opacity:1;visibility:visible}.nav-search-wrap{background:var(--bg-input);border:1px solid var(--border);transition:var(--transition);direction:rtl;border-radius:999px;align-items:center;gap:14px;padding:4px 6px 4px 18px;display:flex}.nav-search-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.nav-search-icon{width:20px;height:20px;color:var(--text-dim);flex-shrink:0}.nav-search-wrap:focus-within .nav-search-icon{color:var(--primary)}.nav-search-overlay input{height:44px;color:var(--text);font-family:var(--font);direction:rtl;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.nav-search-overlay input::placeholder{color:var(--text-dim)}.nav-search-close{width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-search-close:hover{background:var(--bg-card-hover);color:var(--primary)}.nav-search-close .icon{width:18px;height:18px}#navSearchBtn.active{background:var(--primary-dim);color:var(--primary)}@media (width<=768px){.nav-search-overlay{width:100%;height:var(--nav-height);background:var(--bg-card);z-index:1002;padding:0 12px;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.nav-search-overlay.active{transform:translateY(0)}.nav-search-results{max-height:calc(100vh - var(--nav-height) - 16px)}}@media (width<=900px){.nav-links{display:none}}@media (width<=768px){.nav-start{flex:1;gap:10px}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.nav-logo-img{width:auto;max-width:140px;height:36px}.nav-content{position:relative}.nav-logo{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-wishlist,.nav-user-wrap,.theme-toggle{display:none}.nav-end{gap:2px}.cart-btn .cart-label{display:none}.cart-btn{border:none;width:40px!important;height:40px!important;padding:0!important}.cart-dropdown{width:min(320px,100vw - 32px)}.footer{margin-top:48px;padding:40px 0 24px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px 24px;margin-bottom:28px}.footer-col:first-child{grid-column:1/-1}.footer-trust-col{grid-column:auto}.section-header h2{font-size:1.6rem}}@media (width<=480px){.footer{margin-top:32px;padding:28px 0 18px}.footer-grid{gap:16px 20px;margin-bottom:16px}.footer-logo{margin-bottom:6px;font-size:1.15rem}.footer-col:first-child p{margin-bottom:0}.footer-col h4{margin-bottom:8px;font-size:.95rem}.footer-col a{margin-bottom:8px;font-size:.85rem}.footer-col p{margin-bottom:6px;font-size:.85rem}.footer-bottom{padding-top:14px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.logo-icon{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary-glow));font-size:1.1rem}.product-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;transition:transform .4s cubic-bezier(.25,.46,.45,.94),border-color .3s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--primary-dim);transform:translateY(-6px);box-shadow:0 20px 40px #00000059}.product-image{aspect-ratio:1;background:0 0;flex:1 0 auto;justify-content:center;align-items:center;width:100%;padding:10px;font-size:4rem;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:contain;border-radius:var(--radius-xs);will-change:transform;width:calc(100% - 20px);height:calc(100% - 20px);transition:transform .6s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:10px}.product-card:hover .product-image img{transform:scale(1.08)}.product-image-overlay{opacity:0;pointer-events:none;z-index:1;background:linear-gradient(#0000 40%,#0000008c 100%);transition:opacity .4s;position:absolute;inset:0}.product-card:hover .product-image-overlay{opacity:1}.quick-view-btn{background:color-mix(in srgb,var(--bg-card)85%,transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--primary)35%,var(--border));color:var(--text);font-family:var(--font);opacity:0;z-index:3;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.78rem;font-weight:600;text-decoration:none;transition:opacity .4s,transform .4s cubic-bezier(.25,.46,.45,.94),background .2s;display:inline-flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%,14px)}.product-card:hover .quick-view-btn{opacity:1;transform:translate(-50%)}.quick-view-btn:hover{background:var(--primary);color:#000;border-color:var(--primary)}.quick-view-btn svg{flex-shrink:0}.product-unavailable-overlay{-webkit-backdrop-filter:blur(2px);z-index:3;pointer-events:none;background:#0f0f0f8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.product-unavailable-band{color:var(--text);letter-spacing:4px;text-transform:uppercase;border:1px solid var(--border);background:#141414eb;border-radius:4px;padding:8px 40px;font-size:.82rem;font-weight:800;transform:rotate(-12deg);box-shadow:0 4px 20px #00000080}.product-image .placeholder-emoji{filter:grayscale(.2);justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;line-height:1;display:flex}.placeholder-icon{width:40%;max-width:96px;height:auto;color:var(--primary);opacity:.45;filter:drop-shadow(0 4px 12px var(--primary-glow))}.product-badges{z-index:2;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:12px;right:12px}.product-badge{white-space:nowrap;letter-spacing:.2px;-webkit-backdrop-filter:blur(6px);border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;box-shadow:0 4px 12px #00000059}.badge-ready{background:var(--gradient-brand);color:#000}.wishlist-btn{background:color-mix(in srgb,var(--bg)65%,transparent);-webkit-backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--text)8%,transparent);color:var(--text-dim);cursor:pointer;width:38px;height:38px;transition:all var(--transition);z-index:3;opacity:0;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:12px;left:12px;transform:translateY(-6px)}.wishlist-btn svg{transition:fill .2s;display:block}.product-card:hover .wishlist-btn{opacity:1;transform:translateY(0)}.wishlist-btn:hover{color:var(--danger);border-color:var(--danger);background:#ff6b6b33;transform:scale(1.08)}.wishlist-btn.active{opacity:1;color:var(--danger);border-color:var(--danger);transform:translateY(0)}.wishlist-btn.active:hover{transform:scale(1.08)}.wishlist-btn.active{color:var(--danger);opacity:1;transform:translateY(0)}.wishlist-btn.active svg{fill:var(--danger)}@media (width<=600px){.wishlist-btn{display:none!important}}.badge-discount{color:#fff;background:linear-gradient(135deg,#ff5c8a,#ff3a6f)}.badge-unavailable{background:var(--text-dim);color:#fff}.badge-colored{background:var(--gradient-brand);color:#000}.product-price-unavailable{color:var(--text-dim);font-size:.9rem;font-weight:700}.card-unavailable-tag{text-align:center;background:var(--bg-card-hover);width:100%;color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border);padding:10px 16px;font-size:.85rem;font-weight:700;display:inline-block}.product-link{min-height:0;color:inherit;flex-direction:column;flex:1;display:flex}.product-card.unavailable{opacity:.7}.product-card.unavailable .product-image img,.product-card.unavailable .product-image .placeholder-emoji{filter:grayscale(.6)}.btn-disabled{background:var(--bg-input);color:var(--text-dim);cursor:not-allowed}.price-block{flex-direction:column;gap:2px;display:flex}.price-old{color:var(--text-dim);font-size:.8rem;font-weight:500;text-decoration:line-through}.price-old span{font-size:.7rem}.product-info{flex-direction:column;flex:none;padding:14px 16px 16px;display:flex}.product-card .product-title{font-size:1rem}.product-card .product-price{font-size:1.05rem}.product-card .product-description{margin-bottom:12px;font-size:.8rem}.product-category{color:var(--primary);text-transform:uppercase;margin-bottom:6px;font-size:.8rem;font-weight:600}.product-title{margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.4}.product-description{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.product-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;display:flex}.card-oos-label{color:var(--danger);font-size:1rem;font-weight:800}.product-price{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}.product-price span{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);margin-right:4px;font-size:.8rem;font-weight:400}.product-footer .btn{transition:transform .15s,background .2s,box-shadow .2s}.product-footer .btn:active{transform:scale(.94)}.auth-error{opacity:0;max-height:0;padding:0 16px;transition:all .3s;overflow:hidden;transform:translateY(-8px)}.order-status.processing{animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.empty-state{text-align:center;color:var(--text-muted);padding:80px 20px}.empty-state .empty-icon{opacity:.5;width:88px;height:88px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 20px;font-size:4rem;display:flex}.empty-state .empty-icon svg{width:64px;height:64px}.empty-state h3{color:var(--text);margin-bottom:8px;font-size:1.3rem}.products-grid .empty-state{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:60vh;display:flex}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:4px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}.page-content{padding-top:calc(var(--nav-height) + 20px);animation:.55s cubic-bezier(.25,.46,.45,.94) 50ms backwards pageFadeUp}.hero{animation:.7s ease-out both pageFadeUp}.product-card{animation:.5s ease-out both pageFadeUp}.product-card:first-child{animation-delay:50ms}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.feature-card,.category-card,.testimonial-card{animation:.5s ease-out both pageFadeUp}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.category-card:first-child{animation-delay:.1s}.category-card:nth-child(2){animation-delay:.2s}.testimonial-card:first-child{animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}.section-header{animation:.5s ease-out both pageFadeUp}@keyframes skeletonShimmer{0%{background-position:-400px 0}to{background-position:calc(400px + 100%) 0}}.skeleton-image,.skeleton-line,.skeleton-cart-image{background:linear-gradient(90deg,var(--bg-input)0%,var(--border)40%,var(--bg-card-hover,var(--border))50%,var(--border)60%,var(--bg-input)100%)!important;background-size:400px 100%!important;animation:1.8s ease-in-out infinite skeletonShimmer!important}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px;display:grid}.skeleton-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:0;overflow:hidden}.skeleton-image{aspect-ratio:1;background:linear-gradient(90deg,var(--bg-input)25%,var(--border)50%,var(--bg-input)75%);background-size:200px 100%;width:100%;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-body{padding:16px}.skeleton-line{background:linear-gradient(90deg,var(--bg-input)25%,var(--border)50%,var(--bg-input)75%);background-size:200px 100%;border-radius:8px;height:14px;margin-bottom:10px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}.skeleton-line.thin{height:10px}.cart-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite cartSpin;display:inline-block}@keyframes cartSpin{to{transform:rotate(360deg)}}.skeleton-cart-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);gap:16px;margin-bottom:12px;padding:20px;display:flex}.skeleton-cart-image{border-radius:var(--radius-xs);background:linear-gradient(90deg,var(--bg-input)25%,var(--border)50%,var(--bg-input)75%);background-size:200px 100%;flex-shrink:0;width:100px;height:100px;animation:1.5s ease-in-out infinite skeletonShimmer}.skeleton-cart-body{flex:1;padding:8px 0}.hero{min-height:75vh;padding-top:calc(var(--nav-height) + 16px);background:radial-gradient(ellipse 650px 550px at 85% 45%,var(--primary-glow)0%,transparent 70%),radial-gradient(ellipse 500px 450px at 5% 75%,var(--accent-dim)0%,transparent 65%),radial-gradient(ellipse 320px 320px at 55% 90%,var(--primary-dim)0%,transparent 60%),var(--bg);align-items:center;padding-bottom:32px;display:flex;position:relative;overflow:hidden}.hero-grain{pointer-events:none;opacity:.6;background:radial-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}[data-theme=light] .hero-grain{background:radial-gradient(#0000 50%,#00000014 100%)}.hero-layout{z-index:1;align-items:center;gap:80px;width:100%;display:flex;position:relative}.hero-content{text-align:right;z-index:1;flex:40 1 0;min-width:0;position:relative}.hero-title{letter-spacing:-1.5px;margin-bottom:28px;font-size:4.2rem;font-weight:900;line-height:1.15}.hero-logo-image{width:100%;max-width:420px;height:auto;margin:0 0 28px;display:block}.hero-subtitle{color:var(--text-muted);max-width:540px;margin:0 0 44px;font-size:1.18rem;line-height:1.85}.hero-buttons{justify-content:flex-start;gap:16px;margin-bottom:0;display:flex}.hero-buttons .icon{transition:transform var(--transition)}.hero-buttons .btn-primary:hover .icon{transform:translate(4px)}.hero-showcase{direction:ltr;flex-direction:column;flex:60 1 0;min-width:0;height:min(540px,70vh);display:flex;position:relative}.hero-slider{border:1px solid var(--border);border-radius:16px;flex:1 1 0;min-height:0;position:relative;overflow:hidden}.hero-slider-track{height:100%;display:flex}.hero-slide{min-width:100%;height:100%;color:inherit;cursor:pointer;text-decoration:none;position:relative;overflow:hidden}.hero-slide-img{background:var(--bg-card);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.hero-slide-img img{object-fit:contain;z-index:1;max-width:100%;max-height:100%;transition:transform .4s;position:relative}.hero-slide:hover .hero-slide-img img{transform:scale(1.05)}.hero-slide-discount{background:var(--gradient-brand);color:#000;z-index:2;border-radius:999px;padding:4px 12px;font-size:.74rem;font-weight:800;line-height:1.4;position:absolute;top:14px;right:14px}.hero-slide-info{z-index:2;direction:rtl;background:linear-gradient(#0000 0%,#00000094 42%,#000000e6 100%);align-items:flex-end;gap:16px;padding:54px 22px 34px;display:flex;position:absolute;bottom:0;left:0;right:0}.hero-slide-text{flex:1 1 0;min-width:0}.hero-slide-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:1.12rem;font-weight:700;overflow:hidden}.hero-slide-prices{direction:rtl;align-items:baseline;gap:8px;display:flex}.hero-slide-price{color:var(--primary);font-size:1.2rem;font-weight:800}.hero-slide-price-unit{color:#ffffffb3;font-size:.74rem;font-weight:400}.hero-slide-old-price{color:#ffffff80;margin-bottom:3px;font-size:.82rem;text-decoration:line-through;display:block}.hero-slide-cta{color:var(--primary);border:1px solid var(--primary-dim);white-space:nowrap;direction:rtl;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:9px 18px;font-size:.82rem;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.hero-slide-cta-arrow{width:20px;height:20px;display:none}[data-theme=light] .hero-slider{border:2px solid var(--primary);box-shadow:0 0 0 5px var(--primary-dim),0 16px 36px #0000001a}[data-theme=light] .hero-slide-info{background:linear-gradient(#0000 80%,#faf7f059 100%)}[data-theme=light] .hero-slide-title{color:var(--text)}[data-theme=light] .hero-slide-price-unit{color:var(--text-muted)}[data-theme=light] .hero-slide-old-price{color:var(--text-dim)}[data-theme=light] .hero-slider-dot{box-shadow:none;background:#00000047}[data-theme=light] .hero-slider-dot:hover:not(.active){background:#00000080}@media (width>=769px){.hero-slide-info{gap:20px;padding:64px 26px 40px}.hero-slide-title{margin-bottom:8px;font-size:1.3rem}.hero-slide-price{font-size:1.42rem}.hero-slide-price-unit{font-size:.8rem}.hero-slide-old-price{margin-bottom:4px;font-size:.95rem}.hero-slide-cta{padding:11px 22px;font-size:.9rem}}.hero-slide:hover .hero-slide-cta{background:var(--primary);color:#000}.hero-slider-arrow{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;z-index:10;opacity:0;background:#0a0a0ae0;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,border-color .2s,opacity .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}[data-theme=light] .hero-slider-arrow{background:#ffffffeb}.hero-showcase:hover .hero-slider-arrow{opacity:1}.hero-slider-arrow:hover{background:var(--primary);border-color:var(--primary);color:#000}.hero-slider-arrow .icon{width:18px;height:18px}.hero-slider-prev{left:-14px}.hero-slider-next{right:-14px}.hero-slider-dots{z-index:4;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.hero-slider-dot{cursor:pointer;background:#ffffff8c;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,width .2s,border-radius .2s;box-shadow:0 1px 3px #00000073}.hero-slider-dot.active{background:var(--primary);border-radius:4px;width:28px}.hero-slider-dot:hover:not(.active){background:#fff}@media (width<=768px){.hero-slider-arrow{display:none}.hero-slider-dots{top:14px;bottom:auto}.hero-slide-cta{border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0}.hero-slide-cta-text{display:none}.hero-slide-cta-arrow{display:block}}.hero-slide-skeleton{flex-direction:column;width:100%;height:100%;display:flex}.hero-slide-skeleton-img{background:linear-gradient(90deg,var(--bg-input)25%,var(--border)50%,var(--bg-input)75%);background-size:200px 100%;flex:1 1 0;animation:1.5s ease-in-out infinite skeletonShimmer}.hero-slide-skeleton-info{border-top:1px solid var(--border);background:var(--bg-card);flex:none;padding:14px 20px 16px}.hero-slide-skeleton-line{background:linear-gradient(90deg,var(--bg-input)25%,var(--border)50%,var(--bg-input)75%);background-size:200px 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s ease-in-out infinite skeletonShimmer}.hero-slide-skeleton-line:last-child{margin-bottom:0}.hero-slide-skeleton-line.long{width:70%}.hero-slide-skeleton-line.short{width:40%}.trust-strip{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 0;position:relative}.trust-strip:before,.trust-strip:after{content:"";background:linear-gradient(90deg,transparent,var(--primary-dim),transparent);height:1px;position:absolute;left:0;right:0}.trust-strip:before{top:0}.trust-strip:after{bottom:0}.trust-grid{justify-content:space-between;align-items:center;gap:16px;display:flex}.trust-item{flex:1;align-items:center;gap:14px;min-width:0;padding:0 12px;display:flex}.trust-icon{background:var(--primary-dim);border:1px solid var(--primary-dim);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trust-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.trust-text{flex-direction:column;gap:2px;min-width:0;display:flex}.trust-text strong{color:var(--text);font-size:.92rem;font-weight:700}.trust-text span{color:var(--text-muted);font-size:.78rem}.trust-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.section-header-split{text-align:right;justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section-header-split h2{margin:0;font-size:2.4rem;font-weight:800}.section-link{color:var(--text-muted);border:1px solid var(--border);transition:var(--transition);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.92rem;font-weight:600;display:inline-flex}.section-link:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-dim)}.section-link:hover .icon{transform:translate(-4px)}.section-link .icon{transition:transform var(--transition)}.featured-products{padding:48px 0 56px}.featured-products .section-header{margin-bottom:24px}.featured-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:2fr .85fr .85fr;gap:20px;min-height:348px;display:grid}.featured-actions{border-top:1px solid var(--border);justify-content:center;margin-top:28px;padding-top:28px;display:flex}.featured-actions .btn-outline{border-color:var(--primary);background:color-mix(in srgb,var(--primary)8%,transparent);color:var(--primary);letter-spacing:.3px;border-width:2px;padding:16px 44px;font-weight:700}.featured-actions .btn-outline:hover{background:var(--primary);color:#000;box-shadow:0 8px 32px var(--primary-glow);transform:translateY(-2px)}.featured-actions .icon{margin-inline-start:6px}.featured-grid .product-card:first-child{grid-area:span 2/1}.featured-grid .product-card:first-child .product-image{aspect-ratio:auto;flex:1;min-height:192px;padding:24px}.featured-grid .product-card:first-child .product-image .placeholder-emoji{font-size:8rem}.featured-grid .product-card:first-child .product-info{padding:22px 24px 24px}.featured-grid .product-card:first-child .product-title{margin-bottom:10px;font-size:1.4rem}.featured-grid .product-card:first-child .product-description{-webkit-line-clamp:3;margin-bottom:16px;font-size:.9rem}.featured-grid .product-card:first-child .product-price{font-size:1.4rem}.featured-grid .product-card:first-child{background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border-color:var(--primary-dim)}.featured-grid .product-card:first-child:before{content:"ویژه";background:var(--gradient-brand);color:#000;z-index:4;box-shadow:0 4px 16px var(--primary-glow);border-radius:999px;padding:5px 14px;font-size:.72rem;font-weight:800;position:absolute;top:20px;left:20px}.featured-grid .product-card{position:relative}.featured-grid .product-card:first-child .wishlist-btn{display:none}.featured-grid .product-card .product-image{flex:1 0 auto}.featured-grid .product-card .product-info{flex:none}@media (width>=1025px){.featured-grid{min-height:0}.featured-grid .product-card .product-image{aspect-ratio:auto;height:180px;min-height:0}.featured-grid .product-card:first-child .product-image{height:auto;min-height:0}}@media (width<=1024px){.featured-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;min-height:auto}.featured-grid .product-card:first-child{grid-area:span 1/span 2}.featured-grid .product-card:first-child .product-image{min-height:300px}}@media (width<=600px){.featured-scroller{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-input);padding:6px 0;overflow-x:auto;transform:rotateX(180deg)}.featured-scroller::-webkit-scrollbar{height:6px}.featured-scroller::-webkit-scrollbar-track{background:var(--bg-input);border-radius:999px}.featured-scroller::-webkit-scrollbar-thumb{background:var(--gradient-brand);border-radius:999px}.featured-grid{grid-template-rows:none;grid-template-columns:none;gap:14px;min-height:0;display:flex;transform:rotateX(180deg)}.featured-grid .product-card,.featured-grid .product-card:first-child{flex:0 0 85%;grid-area:auto;max-width:85%}.featured-grid .product-card:first-child .product-image{min-height:0}.featured-products .section-header{margin-bottom:0}}.section-footer{display:none}.categories{background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 0;position:relative;overflow:hidden}.categories .section-header{text-align:center;z-index:1;margin-bottom:22px;position:relative}.categories-grid{z-index:1;overscroll-behavior-x:contain;cursor:grab;scrollbar-width:none;grid-auto-columns:clamp(240px,26vw,300px);grid-auto-flow:column;gap:16px;max-width:100%;margin:0 auto;padding:8px 4px 10px;display:grid;position:relative;overflow-x:auto}.categories-grid::-webkit-scrollbar{display:none}.categories-grid.dragging{cursor:grabbing;scroll-behavior:auto}.categories-grid .category-card{user-select:none;-webkit-user-drag:none}.category-card{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,var(--bg),var(--bg-input));transition:var(--transition);text-align:right;color:inherit;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:20px;text-decoration:none;display:grid;position:relative;overflow:hidden}.category-card:not(:has(.category-emoji-wrap)) h3{grid-column:1/-1}.category-card:hover{border-color:var(--primary);transform:translateY(-4px)}.category-emoji-wrap{background:var(--primary-dim);border:1px solid var(--primary-dim);width:48px;height:48px;transition:var(--transition);border-radius:14px;grid-area:1/1;justify-content:center;align-items:center;display:flex}.category-card:hover .category-emoji-wrap{background:var(--primary);border-color:var(--primary);transform:scale(1.05)rotate(-4deg)}.category-emoji{filter:drop-shadow(0 2px 4px #0000004d);transition:var(--transition);font-size:2rem}.category-svg{width:26px;height:26px;color:var(--primary);transition:var(--transition)}.category-card:hover .category-svg{color:#000}.category-card h3{color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.category-card p{color:var(--text-muted);flex:1;margin:0;font-size:.85rem}.category-foot{grid-area:2/1/auto/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.category-arrow{background:var(--bg-input);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.category-card:hover .category-arrow{background:var(--primary);border-color:var(--primary);color:#000;transform:translate(-6px)}@media (width<=600px){.categories-grid{grid-auto-columns:clamp(150px,44vw,190px);gap:14px;padding:8px 4px 12px}.category-card{text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px 20px;display:flex;box-shadow:0 2px 12px #0000001f}.category-card:active{transition:transform .12s;transform:scale(.96)}.category-card h3{margin-bottom:0;font-size:.9rem}.category-foot{display:none}.category-emoji-wrap{width:52px;height:52px}}.cta-section{padding:72px 0 88px}.cta-card{background:linear-gradient(135deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);direction:rtl;border-radius:24px;grid-template-columns:1fr 1.4fr;align-items:center;gap:60px;padding:60px;display:grid;position:relative;overflow:hidden}.cta-card:before{content:"";background:linear-gradient(135deg,var(--primary),transparent 40%,transparent 60%,var(--primary));z-index:-1;opacity:.3;border-radius:24px;position:absolute;inset:-2px}.cta-visual{direction:ltr;justify-content:center;align-items:center;height:320px;display:flex;position:relative}.cta-orb{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.cta-orb-1{background:var(--primary);opacity:.3;width:240px;height:240px;animation:8s ease-in-out infinite float;top:20px;left:30px}.cta-orb-2{background:var(--accent);opacity:.18;width:180px;height:180px;animation:10s ease-in-out infinite reverse float;bottom:20px;right:30px}.cta-logo{z-index:1;object-fit:contain;width:220px;height:220px;position:relative}.cta-content h2{margin:12px 0 18px;font-size:2.4rem;font-weight:800;line-height:1.25}.cta-content p{color:var(--text-muted);max-width:520px;margin-bottom:32px;font-size:1.05rem;line-height:1.8}.cta-buttons{flex-wrap:wrap;gap:14px;display:flex}@media (width<=900px){.cta-card{grid-template-columns:1fr;gap:32px;padding:40px 28px}.cta-visual{height:200px}.cta-logo{width:160px;height:160px}}@media (width<=600px){.cta-buttons{flex-wrap:nowrap;gap:12px}.cta-buttons .btn{flex:1;min-width:0;padding-left:16px;padding-right:16px}}@media (width<=1100px){.hero-title{font-size:3.4rem}.hero-showcase{height:min(480px,65vh)}}@media (width<=900px){.hero-layout{flex-direction:column-reverse;gap:50px}.hero-content{text-align:center}.hero-logo-image{margin:0 auto 28px}.hero-subtitle{margin:0 auto 36px}.hero-buttons{justify-content:center}.hero-showcase{flex:none;width:100%;max-width:440px;height:min(460px,60vh)}.hero-arrow{opacity:1}.section-header-split{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=768px){.hero-title{font-size:2.4rem}.hero-logo-image{max-width:300px}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:row;justify-content:center;gap:12px}.hero-buttons .btn{flex:1;min-width:0;padding-left:18px;padding-right:18px}.trust-grid{gap:10px}.trust-item{text-align:center;flex-direction:column;gap:6px;padding:0 4px}.trust-item .trust-text{align-items:center}.trust-item .trust-text span,.trust-divider{display:none}}@media (width<=480px){.hero-title{font-size:2rem}.hero-showcase{height:380px}.featured-products,.categories,.cta-section{padding:60px 0}.cta-content h2{font-size:1.8rem}}@media (width<=400px){.hero-title{font-size:1.7rem}.hero-showcase{height:320px}.cta-content h2{font-size:1.6rem}}.page-header h1{letter-spacing:-1px;margin-bottom:12px;font-size:3rem;font-weight:900}.page-header p{color:var(--text-muted);font-size:1.05rem}.products-layout{direction:rtl;grid-template-columns:280px 1fr;align-items:start;gap:40px;display:grid}.filters-sidebar{top:calc(var(--nav-height) + 24px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:28px;padding:24px;display:flex;position:sticky}.filter-group{flex-direction:column;gap:12px;display:flex}.filter-group-title{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);align-items:center;gap:8px;margin:0;padding-bottom:12px;font-size:.82rem;font-weight:700;display:flex}.filter-group-title:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:14px}.filter-list{flex-direction:column;gap:4px;display:flex}.filter-list-item{border-radius:var(--radius-xs);color:var(--text-muted);font-family:var(--font);cursor:pointer;text-align:right;width:100%;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:500;display:flex}.filter-list-item .icon{width:18px;height:18px;color:var(--primary);opacity:.7;transition:var(--transition);flex-shrink:0}.filter-list-item.active .icon,.filter-list-item:hover .icon{opacity:1}.filter-list-item:hover{background:var(--bg-input);color:var(--text)}.filter-list-item.active{background:var(--primary-dim);color:var(--primary);border-color:var(--primary);font-weight:700}.price-range-display{color:var(--text);background:var(--bg-input);border-radius:var(--radius-xs);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.price-range-display span:nth-child(2){color:var(--text-dim)}.price-range-display span:last-child{color:var(--text-muted);margin-right:auto;font-weight:400}.price-range-slider{height:32px;padding-top:12px;position:relative}.price-range-slider input[type=range]{pointer-events:none;-webkit-appearance:none;appearance:none;z-index:2;background:0 0;width:100%;height:4px;margin:0;position:absolute;top:12px;left:0;right:0}.price-range-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;background:var(--primary);border:2px solid var(--bg);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%}.price-range-slider input[type=range]::-moz-range-thumb{pointer-events:auto;background:var(--primary);border:2px solid var(--bg);cursor:pointer;width:18px;height:18px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%}.price-range-track{background:var(--bg-input);z-index:1;border-radius:999px;height:4px;position:absolute;top:18px;left:0;right:0}.filter-checkbox{cursor:pointer;color:var(--text-muted);transition:var(--transition);align-items:center;gap:10px;padding:6px 4px;font-size:.9rem;display:flex}.filter-checkbox:hover{color:var(--text)}.filter-checkbox input{display:none}.checkbox-box{border:1.5px solid var(--border);background:var(--bg-input);width:18px;height:18px;transition:var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.filter-checkbox input:checked+.checkbox-box{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px var(--primary-glow)}.filter-checkbox input:checked+.checkbox-box:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:4px;height:8px;transform:rotate(45deg)translate(-1px,-1px)}.filter-checkbox input:checked~span{color:var(--text);font-weight:600}.filter-clear-btn{width:100%;margin-top:4px}.filter-toggle-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);cursor:pointer;align-items:center;gap:8px;padding:9px 16px;font-size:.9rem;font-weight:700;display:none}.filter-toggle-btn .icon{width:18px;height:18px;color:var(--primary)}.filter-toggle-btn:hover{border-color:var(--primary)}.filters-mobile-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:14px;display:none}.filters-mobile-head span{color:var(--text);font-size:1.05rem;font-weight:800}.filters-close{background:var(--bg-input);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;font-size:1.05rem;line-height:1}.filters-close:hover{color:var(--primary)}.filters-backdrop{z-index:1000;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s,visibility .3s;display:none;position:fixed;inset:0}.filters-backdrop.active{opacity:1;visibility:visible}.products-grid.is-loading{opacity:.4;pointer-events:none;transition:opacity .2s}.products-spinner{z-index:40;pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.products-spinner.active{display:flex}.products-spinner span{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:46px;height:46px;animation:.7s linear infinite gridSpin}@keyframes gridSpin{to{transform:rotate(360deg)}}.products-main{min-width:0}.sort-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;font-size:.9rem;display:flex}.sort-controls{align-items:center;gap:12px;display:flex}.sort-controls label{color:var(--text-muted);font-size:.85rem;font-weight:600}.results-count{color:var(--text);font-size:.92rem;font-weight:700}.results-count:before{content:"◆";color:var(--primary);vertical-align:middle;margin-left:8px;font-size:.7rem}.sort-bar select{background-color:var(--bg-input);border:1px solid var(--border);width:170px;color:var(--text);border-radius:var(--radius-xs);cursor:pointer;transition:var(--transition);-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999999' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:14px 50%;background-repeat:no-repeat;padding:8px 14px 8px 38px;font-size:.85rem}.sort-bar select:hover,.sort-bar select:focus{border-color:var(--primary);outline:none}.products-grid{grid-template-columns:repeat(3,1fr);gap:24px;min-height:300px;display:grid}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:56px;display:flex}.pag-btn{border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border);min-width:42px;height:42px;color:var(--text-muted);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:0 14px;font-family:inherit;font-size:.92rem;font-weight:600;display:flex}.pag-btn:hover:not(:disabled):not(.active){border-color:var(--primary);color:var(--primary);background:var(--primary-dim);transform:translateY(-2px)}.pag-btn.active{background:var(--gradient-brand);border-color:var(--primary);color:#000;box-shadow:0 6px 18px var(--primary-glow)}.pag-btn:disabled{opacity:.4;cursor:not-allowed}.pag-nav{font-size:1.3rem}.pag-dots{color:var(--text-dim);user-select:none;padding:0 4px}@media (width<=1100px){.products-grid{grid-template-columns:repeat(2,1fr)}.page-header h1{font-size:2.4rem}}@media (width<=900px){.products-layout{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(2,1fr)}.filter-toggle-btn{display:inline-flex}.filters-sidebar{z-index:1001;border:none;border-left:1px solid var(--border);border-radius:0;gap:22px;width:280px;max-width:78vw;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.filters-sidebar.open{transform:translate(0)}.filters-mobile-head{display:flex}.filters-backdrop{display:block}}@media (width<=600px){.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:10px 12px 12px}.product-card .product-title{font-size:.85rem}.product-card .product-price{font-size:.95rem}.product-footer{flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}.product-footer .btn{width:100%}.sort-controls label{display:none}.sort-bar select{width:150px}.results-count{text-align:right;order:1;width:100%}.sort-bar .filter-toggle-btn{order:2}.sort-controls{order:3}}@media (width<=400px){.products-grid{gap:10px}.product-info{padding:8px 10px 10px}.product-card .product-title{font-size:.8rem}.product-card .product-price{font-size:.9rem}.sort-bar select{width:130px}}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.active-filters:empty{display:none}.filter-chip{background:var(--primary-dim);border:1px solid var(--primary);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.filter-chip-x{background:var(--primary);color:#000;cursor:pointer;width:18px;height:18px;transition:var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-chip-x:hover{transform:scale(1.15)}.filter-chip-x svg{width:10px;height:10px}.filter-chip-clear{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0}.filter-chip-clear:hover{color:var(--danger);border-color:var(--danger)}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:32px;font-size:.9rem;display:flex}.breadcrumb a{color:var(--text-muted);transition:var(--transition)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span:last-child{color:var(--text);font-weight:600}.product-detail-layout{grid-template-columns:1.1fr 1fr;gap:64px;margin-bottom:80px;display:grid}.product-gallery{top:calc(var(--nav-height) + 24px);flex-direction:row;align-self:start;align-items:flex-start;gap:14px;display:flex;position:sticky}.main-image{border:1px solid var(--border);border-radius:var(--radius);aspect-ratio:1;background:0 0;flex:auto;min-width:0;max-height:calc(100vh - 180px);position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.main-image:after{content:"";border-radius:var(--radius);background:linear-gradient(135deg,var(--primary),transparent 30%,transparent 70%,var(--primary));-webkit-mask-composite:xor;opacity:.4;pointer-events:none;z-index:6;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.slider-track{will-change:transform;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex}.slide{cursor:zoom-in;flex:0 0 100%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.zoom-image{object-fit:contain;transform-origin:50%;pointer-events:none;width:100%;height:100%;padding:16px;transition:transform .4s cubic-bezier(.4,0,.2,1)}.slider-arrow{backdrop-filter:blur(8px);width:44px;height:44px;color:var(--primary);cursor:pointer;z-index:5;transition:var(--transition);opacity:0;background:#0a192fb3;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.main-image:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:var(--primary);color:var(--bg)}.slider-prev{right:12px}.slider-next{left:12px}.placeholder-emoji-lg{font-size:8rem}.detail-badge{border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:700}.gallery-thumbnails{z-index:7;scrollbar-width:none;opacity:0;pointer-events:none;background:#00000057;border-radius:14px;gap:8px;max-width:calc(100% - 28px);padding:7px 9px;transition:opacity .45s;display:flex;position:absolute;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 6px 20px #0000004d}.gallery-thumbnails::-webkit-scrollbar{display:none}.gallery-thumbnails.visible{opacity:.9;pointer-events:auto}.thumb{cursor:pointer;opacity:.55;background:#ffffff0f;border:2px solid #0000;border-radius:9px;flex-shrink:0;width:46px;height:46px;padding:0;transition:opacity .25s,border-color .25s;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;padding:4px}.thumb:hover{opacity:.85;border-color:var(--accent)}.thumb.active{opacity:1;border-color:var(--primary)}.gallery-thumbs-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm,12px);width:72px;max-width:72px;max-height:calc(100vh - 180px);box-shadow:none;opacity:1;pointer-events:auto;scrollbar-width:thin;flex-direction:column;flex:0 0 72px;gap:10px;padding:8px;display:flex;position:static;bottom:auto;left:auto;overflow:hidden auto;transform:none}.gallery-thumbs-col::-webkit-scrollbar{width:6px}.gallery-thumbs-col::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}.gallery-thumbs-col .thumb{opacity:.7;flex-shrink:0;width:100%;height:56px}.gallery-thumbs-col .thumb.active{opacity:1}.gallery-dots{justify-content:center;gap:8px;margin-top:12px;display:none}.gallery-dot{background:var(--border);cursor:pointer;border:none;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.gallery-dot.active{background:var(--primary);width:22px}.image-lightbox{z-index:9999;backdrop-filter:blur(4px);background:#000000eb;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.image-lightbox.open{display:flex}.image-lightbox img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%}.lightbox-close{color:#fff;cursor:pointer;z-index:3;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s;display:flex;position:absolute;top:18px;left:18px}.lightbox-close:hover{background:#ffffff40}.lightbox-close svg{width:24px;height:24px}.lightbox-zone{cursor:pointer;z-index:2;-webkit-tap-highlight-color:transparent;background:0 0;border:none;width:42%;display:none;position:absolute;top:0;bottom:0}.lightbox-zone-right{right:0}.lightbox-zone-left{left:0}@media (width<=600px){.image-lightbox.has-many .lightbox-zone{display:block}}.info-badges{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.info-badges .detail-badge{border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:700}.zoom-image.zoomed{cursor:zoom-out}.detail-category{color:var(--primary);text-transform:uppercase;letter-spacing:2px;background:var(--primary-dim);border:1px solid var(--primary-dim);border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.detail-title-main{flex-direction:column;gap:12px;min-width:0;display:flex}.detail-title{letter-spacing:-.5px;margin-bottom:0;font-size:2.4rem;font-weight:800;line-height:1.25}.detail-wish{border:1px solid var(--border);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background .2s,transform .15s;display:flex}.detail-wish:hover{color:var(--danger);border-color:var(--danger);background:#ff6b6b14}.detail-wish svg{transition:fill .2s}.detail-wish.active{color:var(--danger);border-color:var(--danger);background:#ff6b6b1a}.detail-wish.active svg{fill:var(--danger)}.detail-wish.active:hover{transform:scale(1.06)}.detail-description{color:var(--text-muted);margin-bottom:28px;font-size:1.05rem;line-height:1.85}.detail-price-section{background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:28px;position:relative;overflow:hidden}.detail-price-section:before{content:"";background:var(--gradient-brand);width:4px;height:100%;position:absolute;top:0;right:0}.detail-price-old{color:var(--text-dim);margin-bottom:4px;font-size:1rem;font-weight:500;text-decoration:line-through}.detail-price{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:900;line-height:1.1}.detail-price span{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);font-size:1rem;font-weight:500}.detail-price-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.detail-saved{color:var(--success);background:var(--primary-dim);border:1px solid var(--primary-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.detail-unavailable-msg{color:var(--text-dim);text-align:center;padding:16px 0;font-size:1.1rem;font-weight:700}.detail-buy{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-buy .color-options{flex:auto;order:2;min-width:0}.detail-buy .detail-actions{flex-basis:100%;order:3}.color-options{flex-wrap:wrap;gap:10px;display:flex}.color-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);cursor:pointer;align-items:center;gap:9px;padding:9px 14px;font-family:inherit;font-size:.9rem;font-weight:600;transition:border-color .2s,background .2s;display:inline-flex}.color-option:hover{border-color:var(--primary)}.color-option.active{border-color:var(--primary);background:var(--primary-dim)}.color-option-check{border:2px solid var(--border);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.color-option.active .color-option-check{border-color:var(--primary)}.color-option.active .color-option-check:after{content:"";background:var(--primary);border-radius:50%;position:absolute;inset:2px}.color-option-price{color:var(--primary);font-size:.82rem;font-weight:700}.detail-actions{align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-actions .btn{flex:1}.qty-stepper{background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-sm);flex-direction:row;flex:1;align-items:center;gap:0;height:64px;padding:0 14px;display:flex;position:relative;overflow:hidden}.qty-stepper:before{content:"";background:var(--gradient-brand);width:6px;height:100%;box-shadow:0 0 14px var(--primary-glow);position:absolute;top:0;right:0}.qty-btn{border:1.5px solid var(--border);width:46px;height:46px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);user-select:none;font-size:1.5rem;font-weight:400;font-family:var(--font);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.qty-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim);transform:scale(1.05)}.qty-btn:active{transform:scale(.92)}.qty-value{color:var(--primary);text-align:center;font-variant-numeric:tabular-nums;min-width:48px;padding:0 8px;font-size:1.5rem;font-weight:900}.qty-label{align-items:center;margin-right:auto;padding:0 8px 0 10px;display:flex}.qty-cart-icon{opacity:.7;flex-shrink:0;width:24px;height:24px}.detail-actions .back-btn{justify-content:center;align-items:center;height:64px;padding:0 14px;display:inline-flex}.detail-specs,.detail-long-desc{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px;padding:28px}.detail-specs h3,.detail-long-desc h3{color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:.95rem;font-weight:700;display:flex}.detail-specs h3:before,.detail-long-desc h3:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:16px}.specs-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.spec-row{background:var(--bg);border-radius:var(--radius-xs);transition:var(--transition);border:1px solid #0000;justify-content:space-between;align-items:center;padding:12px 16px;font-size:.9rem;display:flex}.spec-row:hover{border-color:var(--primary-dim);background:var(--bg-input)}.spec-row span{color:var(--text-muted)}.spec-row strong{color:var(--text);font-weight:600}.detail-long-desc p{color:var(--text-muted);line-height:1.9}.detail-features-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.feature-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);align-items:center;gap:12px;padding:18px;display:flex}.feature-item:hover{border-color:var(--primary-dim);transform:translateY(-2px)}.feature-item>span{background:var(--primary-dim);border:1px solid var(--primary-dim);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-item>span svg{width:20px;height:20px}.feature-item strong{margin-bottom:2px;font-size:.85rem;display:block}.feature-item p{color:var(--text-muted);margin:0;font-size:.75rem}.related-section{border-top:1px solid var(--border);margin-top:60px;padding-top:60px}.related-section h2{align-items:center;gap:12px;margin-bottom:32px;font-size:1.8rem;font-weight:800;display:flex}.related-section h2:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:28px}.related-section .products-grid{scroll-snap-type:x proximity;cursor:grab;scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-input);gap:24px;padding-bottom:10px;display:flex;overflow-x:auto}.related-section .products-grid::-webkit-scrollbar{height:6px}.related-section .products-grid::-webkit-scrollbar-track{background:var(--bg-input);border-radius:999px}.related-section .products-grid::-webkit-scrollbar-thumb{background:var(--gradient-brand);border-radius:999px}.related-section .products-grid>.product-card{scroll-snap-align:start;flex:0 0 260px}.related-section .products-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}@media (width<=768px){.related-section .products-grid{gap:16px}.related-section .products-grid>.product-card{flex-basis:85%}}@media (width<=900px){.product-detail-layout{grid-template-columns:1fr;gap:32px}.product-gallery{flex-direction:column;position:static}.gallery-thumbs-col{flex-direction:row;flex-basis:auto;order:2;width:100%;max-width:100%;max-height:none;overflow:auto hidden}.gallery-thumbs-col .thumb{flex:none;width:56px;height:56px}}@media (width<=768px){.detail-actions .back-btn{display:none}.breadcrumb{margin-bottom:20px}.detail-title{margin-bottom:0;font-size:1.7rem}.detail-title-main{flex-flow:wrap;align-items:center;gap:8px 10px}.detail-description{display:none}.detail-specs,.detail-long-desc{margin-bottom:16px;padding:20px}.feature-item{padding:14px}.related-section{margin-top:40px;padding-top:40px}.related-section h2{margin-bottom:20px;font-size:1.4rem}}@media (width<=600px){.detail-title,.detail-price{font-size:1.5rem}.specs-grid,.detail-features-list{grid-template-columns:1fr}.detail-actions{flex-direction:row;align-items:stretch;gap:10px}.detail-saved{display:none}.detail-buy{align-items:center;gap:10px 12px;margin-bottom:28px}.detail-buy .detail-actions{flex:auto;order:1;min-width:0;margin-bottom:0}.detail-buy .color-options{flex-direction:column;flex-basis:100%;order:3;width:100%}.color-option{justify-content:center;width:100%}.detail-actions .btn,.detail-actions .btn-lg,.qty-stepper{border-radius:var(--radius-sm);height:50px;min-height:50px}.detail-actions .btn,.detail-actions .btn-lg,.detail-actions .qty-stepper{flex:auto}.detail-actions .btn,.detail-actions .btn-lg{padding:0 16px;font-size:.92rem}.qty-stepper{padding:0 8px}.qty-stepper:before{width:4px}.qty-btn{width:34px;height:34px;font-size:1.15rem}.qty-value{min-width:30px;padding:0 4px;font-size:1.15rem}.qty-label{padding:0 4px 0 6px}.qty-cart-icon{width:18px;height:18px}.main-image{max-height:none;margin-bottom:12px}.zoom-image{padding:6px}.thumb{width:40px;height:40px}.gallery-thumbnails{gap:6px;padding:6px 8px;bottom:10px}.gallery-thumbs-col{display:none}.gallery-dots{align-self:stretch;width:100%;display:flex}.detail-price-section{padding:18px}.product-detail-layout{gap:24px;margin-bottom:40px}}.page-header{text-align:center;margin-bottom:32px}.form-control{transition:border-color .2s,box-shadow .2s}.form-control.field-invalid{box-shadow:0 0 0 3px #ff6b6b26;border-color:var(--danger)!important}.page-header h1{letter-spacing:-1px;font-size:2.6rem;font-weight:900}.checkout-steps{direction:rtl;justify-content:space-between;align-items:flex-start;max-width:720px;margin:0 auto 56px;padding:0 20px;display:flex;position:relative}.step-line{background:var(--border);z-index:0;height:2px;position:absolute;top:26px;left:60px;right:60px}.step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.step-circle{background:var(--bg-card);border:2px solid var(--border);width:52px;height:52px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex}.step-circle svg{width:22px;height:22px}.step-label{color:var(--text-muted);transition:var(--transition);white-space:nowrap;font-size:.85rem;font-weight:600}.step.active .step-circle{background:var(--gradient-brand);border-color:var(--primary);color:#000;box-shadow:0 8px 24px var(--primary-glow);transform:scale(1.08)}.step.active .step-label{color:var(--primary);font-weight:700}.step.completed .step-circle{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.step.completed .step-label{color:var(--text)}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:32px;display:grid}.cart-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:20px;margin-bottom:14px;padding:20px;display:flex;position:relative;overflow:hidden}.cart-item:before{content:"";background:var(--gradient-brand);opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;right:0}.cart-item:hover{border-color:var(--primary-dim);transform:translate(-4px)}.cart-item:hover:before{opacity:1}.cart-item-link{color:inherit;text-decoration:none;display:contents}.cart-item-link:hover h3{color:var(--primary)}.cart-item-image{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.cart-item-image img{object-fit:contain;width:100%;height:100%;padding:8px}.item-emoji{font-size:2.2rem}.cart-item-info{flex:1;min-width:0}.cart-item-info h3{white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:1rem;font-weight:700;overflow:hidden}.cart-item-price{color:var(--text-muted);font-size:.85rem}.cart-item-qty{background:var(--bg-input);border:1px solid var(--border);border-radius:999px;align-items:center;gap:12px;padding:4px;font-size:1rem;font-weight:700;display:flex}.qty-btn{width:32px;height:32px;color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.qty-btn:hover{background:var(--primary);color:#000}.cart-item-subtotal{background:var(--gradient-brand);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.cart-item-remove{color:var(--text-dim);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;font-size:1.2rem;display:flex}.cart-item-remove:hover{color:var(--danger);background:#ff6b6b1f}.sidebar-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);border-radius:var(--radius);top:calc(var(--nav-height) + 24px);padding:28px;position:sticky;box-shadow:0 20px 50px #00000040}.sidebar-card h3{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:22px;padding-bottom:16px;font-size:.9rem;font-weight:700;display:flex}.sidebar-card h3:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:16px}.summary-row{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem;display:flex}.summary-row span:last-child{color:var(--text);font-weight:600}.summary-total{color:var(--text-muted);border-top:1px dashed var(--border);justify-content:space-between;align-items:baseline;margin-top:8px;margin-bottom:24px;padding-top:18px;font-size:1rem;font-weight:700;display:flex}.summary-total span:last-child{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900}.coupon-section input{background:var(--bg);border:1px solid var(--border)}.checkout-form-layout{max-width:800px;margin:0 auto}.form-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:36px}.form-section h2{align-items:center;gap:12px;margin-bottom:8px;font-size:1.5rem;font-weight:800;display:flex}.form-section h2:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:24px}.form-section>form{margin-top:24px}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{margin-bottom:20px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-control{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim);background:var(--bg-card);outline:none}.form-control:hover:not(:focus){border-color:var(--text-dim)}textarea.form-control{resize:vertical;min-height:80px}.payment-section{border-top:1px solid var(--border);margin-top:36px;padding-top:28px}.payment-section h3{align-items:center;gap:10px;margin-bottom:18px;font-size:1.1rem;font-weight:700;display:flex}.payment-section h3:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:18px}.payment-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.payment-option{cursor:pointer;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-sm);transition:var(--transition);padding:20px;display:block;position:relative}.payment-option:hover{border-color:var(--primary);transform:translateY(-2px)}.payment-option.active{border-color:var(--primary);background:var(--primary-dim);box-shadow:0 6px 20px var(--primary-glow)}.payment-option.active:before{content:"✓";background:var(--gradient-brand);color:#000;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;font-weight:900;display:flex;position:absolute;top:12px;left:12px}.payment-option input{display:none}.payment-option-content{align-items:center;gap:16px;display:flex}.payment-icon{background:var(--bg-card);border:1px solid var(--border);width:52px;height:52px;color:var(--primary);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:2rem;display:flex}.payment-icon svg{width:24px;height:24px}.payment-option.active .payment-icon{background:var(--bg);border-color:var(--primary-dim)}.payment-option-content strong{margin-bottom:4px;font-size:.95rem;display:block}.payment-option-content p{color:var(--text-muted);margin:0;font-size:.78rem}.form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:16px;margin-top:32px;padding-top:28px;display:flex}.save-address-check{cursor:pointer;color:var(--text-muted);user-select:none;align-items:center;gap:10px;margin:4px 0 8px;font-size:.9rem;display:flex}.save-address-check input{display:none}.save-address-check .checkbox-box{border:1.5px solid var(--border);background:var(--bg-input);width:20px;height:20px;transition:var(--transition);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.save-address-check input:checked+.checkbox-box{background:var(--primary);border-color:var(--primary)}.save-address-check input:checked+.checkbox-box:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-1px,-1px)}.save-address-check input:checked~span:last-child{color:var(--text);font-weight:600}.success-box{text-align:center;background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);border-radius:var(--radius);max-width:560px;margin:60px auto;padding:72px 40px;position:relative;overflow:hidden}.success-box:before{content:"";background:radial-gradient(circle,var(--primary-glow),transparent 60%);opacity:.4;pointer-events:none;width:400px;height:400px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.success-box>*{z-index:1;position:relative}.success-icon{background:var(--gradient-brand);color:#000;width:88px;height:88px;box-shadow:0 12px 32px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;animation:.6s cubic-bezier(.34,1.56,.64,1) successPop;display:flex}.success-icon svg{width:44px;height:44px}@keyframes successPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-box h2{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:1.8rem}.success-box p{color:var(--text-muted);margin-bottom:8px;font-size:.95rem}.success-box strong{color:var(--primary);background:var(--primary-dim);-webkit-text-fill-color:var(--primary);border-radius:6px;padding:4px 12px;font-size:1.1rem}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}.sidebar-card{position:static}.page-header h1{font-size:2rem}.step-label{font-size:.7rem}.step-circle{width:44px;height:44px}.step-line{top:22px;left:50px;right:50px}.payment-options{grid-template-columns:1fr}}@media (width<=768px){.page-header h1{font-size:1.7rem}.cart-item{flex-wrap:wrap;align-items:center;gap:10px 12px;padding:14px}.cart-item:hover{transform:none}.cart-item-image{order:1;width:60px;height:60px}.cart-item-info{flex:auto;order:2;min-width:0}.cart-item-remove{flex-shrink:0;order:3}.cart-item-qty{order:4}.cart-item-subtotal{order:5;margin-inline-start:auto;font-size:1.05rem;display:block}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-section{padding:22px 18px}.checkout-steps{margin-bottom:40px}}@media (width<=600px){.step-circle{width:38px;height:38px;font-size:.9rem}.step-line{top:19px}.step-label{display:none}.sidebar-card{padding:20px}}@media (width<=480px){.cart-item-info h3{white-space:normal;font-size:.92rem}}.card-transfer-hint{color:var(--text-muted);margin:0 0 12px;font-size:.9rem}.bank-card{aspect-ratio:1.586;color:#fff;background:linear-gradient(135deg,#1f1420 0%,#2d1a2e 45%,#1f2430 100%);border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;max-width:380px;margin:0 auto 18px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #00000059}[data-theme=light] .bank-card{background:linear-gradient(135deg,#243154 0%,#3b4a73 45%,#8a3070 100%);box-shadow:0 14px 30px #2431544d}.bank-card:after{content:"";background:radial-gradient(circle at 85% 12%,var(--primary-glow),transparent 46%);pointer-events:none;position:absolute;inset:0}.bank-card>*{z-index:1;position:relative}.bank-card-top{justify-content:space-between;align-items:center;display:flex}.bank-card-chip{background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:6px;width:40px;height:29px;box-shadow:inset 0 0 0 1px #00000040}.bank-card-brand{letter-spacing:.3px;font-size:.95rem;font-weight:700}.bank-card-number{letter-spacing:3px;text-align:center;text-shadow:0 1px 3px #00000073;font-size:1.4rem;font-weight:700}.bank-card-bottom{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.bank-card-holder{flex-direction:column;gap:2px;min-width:0;display:flex}.bank-card-label{opacity:.82;font-size:.7rem}.bank-card-holder strong{font-size:.98rem;font-weight:700}.bank-card-copy{color:#fff;cursor:pointer;background:#ffffff29;border:1px solid #ffffff52;border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:.82rem;font-weight:700;transition:background .2s}.bank-card-copy:hover{background:#ffffff4d}@media (width<=480px){.bank-card-number{letter-spacing:2px;font-size:1.12rem}}.card-input-group{direction:ltr;justify-content:center;gap:10px;max-width:360px;margin:0 auto;display:flex}.card-input-group .card-slot{text-align:center;letter-spacing:3px;font-variant-numeric:tabular-nums;min-width:0;padding-left:4px;padding-right:4px;font-weight:700}.card-input-bank{min-height:1.1em;color:var(--primary);text-align:center;margin-top:8px;font-size:.85rem;font-weight:700}.payment-total{background:var(--primary-dim);border:1px solid var(--primary-dim);border-radius:var(--radius-sm);color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin:16px 0;padding:14px 18px;font-size:.95rem;font-weight:600;display:flex}.payment-total strong{color:var(--primary);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}@media (width<=480px){.card-input-group{gap:6px}.card-input-group .card-slot{letter-spacing:1px}}.cart-notices{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.cart-notices:empty{display:none}.cart-notice{border-radius:var(--radius-sm,10px);border:1px solid var(--border);background:var(--bg-card);color:var(--text);align-items:center;gap:12px;padding:13px 16px;font-size:.9rem;font-weight:600;line-height:1.6;animation:.35s cubic-bezier(.34,1.56,.64,1) cartNoticeIn;display:flex}.cart-notice--warning{border-color:color-mix(in srgb,var(--warning)55%,transparent);background:color-mix(in srgb,var(--warning)10%,transparent)}.cart-notice--info{border-color:color-mix(in srgb,var(--accent)50%,transparent);background:color-mix(in srgb,var(--accent)10%,transparent)}.cart-notice-text{flex:1}.cart-notice-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:1.35rem;line-height:1;transition:color .2s}.cart-notice-close:hover{color:var(--text)}@keyframes cartNoticeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-wrap{max-width:900px;margin:0 auto}.profile-header{align-items:center;gap:20px;margin-bottom:32px;display:flex}.profile-avatar{background:var(--gradient-brand);color:#000;width:64px;height:64px;box-shadow:0 8px 24px var(--primary-glow);border:2px solid var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.6rem;font-weight:800;display:flex}.profile-greeting{flex:1;min-width:0}.profile-greeting h1{letter-spacing:-.3px;margin:0 0 4px;font-size:1.6rem;font-weight:800}.profile-greeting p{color:var(--text-muted);margin:0;font-size:.92rem}.profile-logout{flex-shrink:0}.profile-stats{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:14px;padding:18px 20px;display:flex}.stat-card:hover{border-color:var(--primary-dim);transform:translateY(-2px)}.stat-icon{background:var(--primary-dim);border:1px solid var(--primary-dim);width:44px;height:44px;color:var(--primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:22px;height:22px}.stat-body strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800;line-height:1;display:block}.stat-body span{color:var(--text-muted);font-size:.82rem}.profile-card{background:linear-gradient(180deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;padding:28px}.profile-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:14px;display:flex}.profile-card-title{color:var(--text);text-transform:uppercase;letter-spacing:1.2px;align-items:center;gap:10px;margin:0;font-size:.96rem;font-weight:700;display:flex}.profile-card-title:before{content:"";background:var(--gradient-brand);border-radius:2px;width:4px;height:18px}.phone-missing-banner{background:var(--gradient-brand-subtle);border:1px solid var(--primary-dim);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex}.phone-missing-banner .icon-chip{background:var(--gradient-brand);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.phone-missing-banner .icon-chip svg{width:20px;height:20px}.phone-missing-banner .text{flex:1;min-width:0}.phone-missing-banner strong{margin-bottom:2px;font-size:.95rem;display:block}.phone-missing-banner p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.6}.account-grid{grid-template-columns:repeat(2,1fr);gap:16px 20px;display:grid}.account-grid .field-full{grid-column:1/-1}.field-label{color:var(--text-muted);letter-spacing:.2px;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.field-input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);padding:12px 16px;font-size:.95rem}.field-input:hover:not(:focus):not(:disabled){border-color:var(--text-dim)}.field-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.field-input.field-invalid{box-shadow:0 0 0 3px #ff6b6b26;border-color:var(--danger)!important}.field-error-msg{color:var(--danger);opacity:0;margin-top:6px;font-size:.8rem;transition:opacity .2s,transform .2s;transform:translateY(-4px)}.field-error-msg.show{opacity:1;transform:translateY(0)}.field-input:disabled{color:var(--text-muted);cursor:not-allowed;background:var(--bg-input)}.field-input[dir=ltr]{text-align:left;font-variant-numeric:tabular-nums;direction:ltr}.field-hint{color:var(--text-dim);margin-top:6px;font-size:.78rem;display:block}.account-actions{justify-content:flex-start;gap:12px;margin-top:22px;display:flex}.phone-readonly{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);align-items:center;gap:10px;min-height:46px;padding:6px 12px 6px 6px;display:flex}.phone-readonly-val{color:var(--text);font-variant-numeric:tabular-nums;flex:1;font-size:.95rem}.phone-readonly .btn{flex-shrink:0}.phone-change-flow{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);margin-top:18px;padding:18px}.phone-change-flow .field-input{margin-top:8px}.phone-change-flow .code-input{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;direction:ltr;font-size:1.25rem}.pcf-hint{color:var(--text-dim);margin:8px 0 0;font-size:.8rem}.pcf-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.pcf-actions .auth-aux-link{color:var(--primary);font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:4px;font-size:.85rem}.pcf-actions .auth-aux-link:disabled{color:var(--text-muted);cursor:not-allowed}.orders-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.order-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin-bottom:12px;padding:20px 22px;position:relative;overflow:hidden}.order-row:before{content:"";background:var(--gradient-brand);opacity:0;width:3px;height:100%;transition:opacity .3s;position:absolute;top:0;right:0}.order-row:hover{border-color:var(--primary-dim)}.order-row:hover:before{opacity:1}.order-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.order-id{align-items:center;gap:10px;font-size:.95rem;display:flex}.order-tracking-code{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.3px;font-weight:800}.order-date{color:var(--text-muted);font-size:.82rem}.order-meta{align-items:center;gap:12px;display:flex}.order-total{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:800}.order-status{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.order-status.pending{color:var(--warning);border-color:color-mix(in srgb,var(--warning)30%,transparent);background:color-mix(in srgb,var(--warning)10%,transparent)}.order-status.processing{color:var(--primary);border-color:var(--primary-dim);background:var(--primary-dim)}.order-status.shipped{color:var(--accent);border-color:color-mix(in srgb,var(--accent)30%,transparent);background:var(--accent-dim)}.order-status.delivered{color:var(--success);border-color:color-mix(in srgb,var(--success)30%,transparent);background:color-mix(in srgb,var(--success)10%,transparent)}.order-status.cancelled{color:var(--danger);border-color:color-mix(in srgb,var(--danger)30%,transparent);background:color-mix(in srgb,var(--danger)10%,transparent)}.order-payment{background:var(--bg-input);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.order-payment svg{width:16px;height:16px}.order-payment.paid{color:var(--success);border-color:color-mix(in srgb,var(--success)30%,transparent);background:color-mix(in srgb,var(--success)10%,transparent)}.order-payment.failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger)30%,transparent);background:color-mix(in srgb,var(--danger)10%,transparent)}.order-payment.pending{color:var(--text-dim)}.order-items{border-top:1px dashed var(--border);color:var(--text-muted);margin-top:14px;padding-top:14px;font-size:.84rem;line-height:1.7}.order-tracking{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:14px;font-size:.85rem;display:flex}.order-tracking-icon{color:var(--primary);display:inline-flex}.order-tracking-icon svg{width:18px;height:18px}.order-tracking-link{color:var(--primary);align-items:center;gap:4px;margin-right:auto;font-weight:600;display:inline-flex}.order-tracking-link svg{width:14px;height:14px}.order-cancel-note{border-radius:var(--radius-xs);background:color-mix(in srgb,var(--danger)8%,transparent);border:1px solid color-mix(in srgb,var(--danger)25%,transparent);color:var(--text);margin-top:14px;padding:12px 14px;font-size:.86rem;line-height:1.8}.order-cancel-note strong{color:var(--danger);margin-inline-end:4px}.order-cancel-note span{white-space:pre-wrap}.order-manual-tag{background:var(--primary-dim);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary)30%,transparent);border-radius:999px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.order-actions{border-top:1px dashed var(--border);flex-wrap:wrap;gap:10px;margin-top:14px;padding-top:14px;display:flex}.order-detail-modal{z-index:2000;background:var(--bg-overlay,#0009);backdrop-filter:blur(4px);opacity:0;visibility:hidden;justify-content:center;align-items:center;padding:20px;transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.order-detail-modal.active{opacity:1;visibility:visible}.order-detail-sheet{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:100%;max-width:640px;max-height:90vh;transition:transform .25s;display:flex;overflow:hidden;transform:translateY(16px)scale(.98);box-shadow:0 24px 60px #00000059}.order-detail-modal.active .order-detail-sheet{transform:translateY(0)scale(1)}.order-detail-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.order-detail-head h3{margin:0;font-size:1.05rem;font-weight:800}.order-detail-close{border:1px solid var(--border);background:var(--bg-input);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-detail-close:hover{color:var(--text);border-color:var(--primary)}.order-detail-close svg{width:16px;height:16px}.order-detail-body{padding:20px 22px;overflow-y:auto}.od-meta,.od-rows{grid-template-columns:1fr 1fr;gap:2px 28px;margin-bottom:18px;display:grid}.od-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;font-size:.86rem;display:flex}.od-key{color:var(--text-muted)}.od-val{color:var(--text);text-align:left;font-weight:600}.od-section{margin-bottom:18px}.od-section-title{color:var(--primary);border-bottom:1px solid var(--border);margin:0 0 10px;padding-bottom:8px;font-size:.85rem;font-weight:800}.od-table-wrap{overflow-x:auto}.od-table{border-collapse:collapse;width:100%;font-size:.85rem}.od-table thead th{background:var(--bg-input);color:var(--text-muted);text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:9px 10px;font-weight:700}.od-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:9px 10px}.od-num{text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}.od-empty{text-align:center;color:var(--text-dim);padding:18px}.od-totals{max-width:320px;margin:16px 0 0 auto}.od-total-row{border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:14px;padding:8px 0;font-size:.88rem;display:flex}.od-total-grand{border-bottom:none;border-top:2px solid var(--primary);color:var(--primary);margin-top:4px;padding-top:12px;font-size:1.05rem;font-weight:800}.od-foot{justify-content:flex-start;margin-top:18px;display:flex}@media (width<=560px){.od-meta,.od-rows{grid-template-columns:1fr;gap:0}}.profile-layout{grid-template-columns:260px 1fr;align-items:start;gap:28px;max-width:1100px;margin:0 auto;display:grid}.profile-side{top:calc(var(--nav-height) + 20px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;padding:20px;display:flex;position:sticky}.profile-side-head{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding-bottom:16px;display:flex}.profile-side-id{min-width:0}.profile-side-id strong{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:700;display:block;overflow:hidden}.profile-side-id span{color:var(--text-muted);font-size:.82rem}.profile-tabs{flex-direction:column;gap:4px;display:flex}.profile-tab{border-radius:var(--radius-xs);width:100%;color:var(--text-muted);font-family:var(--font);cursor:pointer;text-align:right;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.profile-tab svg{flex-shrink:0;width:18px;height:18px}.profile-tab:hover{background:var(--bg-input);color:var(--text)}.profile-tab.active{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}.tab-count{background:var(--primary);color:#000;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-right:auto;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex}.profile-side .profile-logout{width:100%}.profile-main{min-width:0}.profile-panel{animation:.25s profileFade;display:none}.profile-panel.active{display:block}@keyframes profileFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel-title{letter-spacing:-.3px;margin:0 0 20px;font-size:1.3rem;font-weight:800}.panel-hint{color:var(--text-muted);margin:0 0 16px;font-size:.85rem}a.stat-card{color:inherit;text-decoration:none}.orders-group{margin-bottom:28px}.orders-group:last-child{margin-bottom:0}.orders-group-title{color:var(--text);align-items:center;gap:8px;margin:0 0 14px;font-size:.95rem;font-weight:700;display:flex}.ogt-icon{color:var(--primary);display:inline-flex}.ogt-icon svg{width:18px;height:18px}.order-status-chip{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.order-status-chip svg{width:15px;height:15px}.order-status-chip.pending{color:var(--warning);border-color:color-mix(in srgb,var(--warning)30%,transparent);background:color-mix(in srgb,var(--warning)10%,transparent)}.order-status-chip.processing{color:var(--primary);border-color:var(--primary-dim);background:var(--primary-dim)}.order-status-chip.shipped{color:var(--accent);border-color:color-mix(in srgb,var(--accent)30%,transparent);background:var(--accent-dim)}.order-status-chip.delivered{color:var(--success);border-color:color-mix(in srgb,var(--success)35%,transparent);background:color-mix(in srgb,var(--success)12%,transparent)}.order-status-chip.cancelled{color:var(--danger);border-color:color-mix(in srgb,var(--danger)30%,transparent);background:color-mix(in srgb,var(--danger)10%,transparent)}.order-bottom{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.order-payment-chip{background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700}.order-payment-chip.paid{color:var(--success);border-color:color-mix(in srgb,var(--success)35%,transparent);background:color-mix(in srgb,var(--success)12%,transparent)}.order-payment-chip.failed{color:var(--danger);border-color:color-mix(in srgb,var(--danger)30%,transparent);background:color-mix(in srgb,var(--danger)10%,transparent)}.tickets-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.ticket-row{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.ticket-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.ticket-subject{color:var(--text);font-weight:700}.ticket-status{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.74rem;font-weight:700}.ticket-status.open{color:var(--warning);border-color:color-mix(in srgb,var(--warning)30%,transparent);background:color-mix(in srgb,var(--warning)10%,transparent)}.ticket-status.answered{color:var(--success);border-color:color-mix(in srgb,var(--success)35%,transparent);background:color-mix(in srgb,var(--success)12%,transparent)}.ticket-status.closed{color:var(--text-dim)}.ticket-message{color:var(--text-muted);white-space:pre-wrap;margin:0 0 8px;font-size:.88rem;line-height:1.7}.ticket-reply{background:var(--primary-dim);border:1px solid var(--primary-dim);border-radius:var(--radius-xs);color:var(--text);margin-bottom:8px;padding:10px 12px;font-size:.85rem}.ticket-date{color:var(--text-dim);font-size:.78rem}.tk-thread{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);flex-direction:column;gap:10px;max-height:340px;margin:4px 0 12px;padding:12px;display:flex;overflow-y:auto}.tk-msg{border-radius:12px;max-width:85%;padding:9px 13px;font-size:.86rem;line-height:1.7}.tk-msg-body{white-space:pre-wrap;color:var(--text)}.tk-msg-head{color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.72rem;display:flex}.tk-msg--user{background:var(--bg-card);border:1px solid var(--border);border-bottom-right-radius:4px;align-self:flex-start}.tk-msg--admin{background:var(--primary-dim);border:1px solid var(--primary-dim);border-bottom-left-radius:4px;align-self:flex-end}.tk-reply-form{align-items:flex-end;gap:8px;margin-bottom:10px;display:flex}.tk-reply-form textarea{resize:vertical;flex:1}.tk-reply-form .btn{flex-shrink:0}.tk-closed-note{background:var(--bg-input);border:1px dashed var(--border);border-radius:var(--radius-xs);color:var(--text-muted);text-align:center;margin-bottom:10px;padding:9px 12px;font-size:.83rem}@media (width<=860px){.profile-layout{grid-template-columns:1fr;gap:20px;max-width:640px}.profile-side{position:static}.profile-tabs{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.profile-tab{justify-content:flex-start;min-height:46px;padding:12px 14px}.profile-side .profile-logout{width:100%}}@media (width<=700px){.profile-stats,.account-grid{grid-template-columns:1fr}.profile-header{flex-wrap:wrap}.profile-logout{margin-right:auto}.order-top{align-items:flex-start}}@media (width<=480px){.profile-greeting h1{font-size:1.3rem}.profile-avatar{width:52px;height:52px;font-size:1.3rem}.profile-header{gap:14px;margin-bottom:22px}.profile-side,.profile-card{padding:16px}.account-grid{gap:12px}.account-actions .btn{width:100%}.stat-card{padding:14px 16px}.order-meta{flex-wrap:wrap}.tk-reply-form{flex-direction:column;align-items:stretch}.tk-reply-form .btn{width:100%}.tk-msg{max-width:92%}.ticket-row{padding:14px 16px}}@media (width<=360px){.panel-title{font-size:1.15rem}.profile-card,.profile-side{padding:14px}.profile-tabs{grid-template-columns:1fr}.profile-tab{padding:10px 12px;font-size:.88rem}.tk-thread{padding:10px}}.auth-page{min-height:calc(100vh - var(--nav-height));justify-content:center;align-items:center;padding:clamp(40px,6vw,80px) clamp(16px,3vw,24px);display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-page:before{background:var(--primary);opacity:.15;width:560px;height:560px;animation:11s ease-in-out infinite authOrb;top:-160px;right:-180px}.auth-page:after{background:var(--accent);opacity:.09;width:440px;height:440px;animation:14s ease-in-out infinite reverse authOrb;bottom:-140px;left:-140px}@keyframes authOrb{0%,to{transform:translate(0)}50%{transform:translate(40px,-30px)}}.auth-content{z-index:1;width:clamp(320px,32vw,480px);max-width:92vw;animation:.55s cubic-bezier(.25,.46,.45,.94) both pageFadeUp;position:relative}.auth-title{text-align:center;letter-spacing:-.5px;margin:0 0 10px;font-size:clamp(1.8rem,2.6vw,2.4rem);font-weight:800}.auth-title .accent{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-sub{text-align:center;color:var(--text-muted);margin:0 0 32px;font-size:.92rem;line-height:1.7}.phone-echo{color:var(--text);background:var(--primary-dim);font-variant-numeric:tabular-nums;direction:ltr;border-radius:6px;margin:0 4px;padding:2px 8px;font-weight:700;display:inline-block}.auth-step{animation:.35s cubic-bezier(.25,.46,.45,.94) both stepFade;display:none}.auth-step.active{display:block}@keyframes stepFade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-back{color:var(--text-muted);font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 10px 6px 6px;font-size:.85rem;font-weight:600;display:inline-flex}.auth-back svg{width:16px;height:16px;transition:transform var(--transition)}.auth-back:hover{color:var(--primary);background:var(--primary-dim)}.auth-back:hover svg{transform:translate(3px)}.auth-form .form-group{margin-bottom:16px}.auth-form label{color:var(--text-muted);letter-spacing:.2px;margin-bottom:8px;font-size:.82rem;font-weight:600;display:block}.auth-form .form-control{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-family:var(--font);transition:var(--transition);direction:rtl;padding:14px 16px;font-size:.95rem}.auth-form .form-control[dir=ltr]{text-align:left;direction:ltr}.auth-form .form-control:hover:not(:focus){border-color:var(--text-dim)}.auth-form .form-control:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.auth-form .form-control::placeholder{color:var(--text-dim)}.phone-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);transition:var(--transition);direction:ltr;display:flex;overflow:hidden}.phone-field:hover:not(:focus-within){border-color:var(--text-dim)}.phone-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.phone-prefix{background:var(--bg-input);border-left:1px solid var(--border);color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:.95rem;font-weight:700;display:flex}.phone-flag{border-radius:3px;flex-direction:column;flex-shrink:0;width:22px;height:16px;display:flex;overflow:hidden}.phone-flag span{flex:1}.phone-flag .green{background:#239f40}.phone-flag .white{background:#fff}.phone-flag .red{background:#da0000}.phone-input{min-width:0;color:var(--text);font-family:var(--font);text-align:left;font-variant-numeric:tabular-nums;letter-spacing:.5px;direction:ltr;background:0 0;border:none;outline:none;flex:1;padding:14px 16px;font-size:.95rem}.phone-input::placeholder{color:var(--text-dim);letter-spacing:.3px}.phone-part{text-align:center;letter-spacing:3px;flex:1 1 0;min-width:0;padding:14px 4px}#phone3{flex:1.25 1 0}.phone-part::placeholder{letter-spacing:2px}.phone-sep{background:var(--border);border-radius:2px;flex-shrink:0;align-self:center;width:7px;height:2px}.code-input{letter-spacing:12px;padding:16px 12px;font-weight:700;text-align:center!important;font-size:1.4rem!important}@media (width<=480px){.code-input{letter-spacing:6px;font-size:1.25rem!important}}.auth-form .auth-check{cursor:pointer;color:var(--text-muted);user-select:none;transition:color var(--transition);flex-direction:row;align-items:center;gap:10px;margin:4px 0 16px;padding:4px 2px;font-size:.9rem;display:flex}.auth-check:hover{color:var(--text)}.auth-check input{display:none}.auth-check .box{border:1.5px solid var(--border);background:var(--bg-card);width:18px;height:18px;transition:var(--transition);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.auth-check input:checked+.box{background:var(--primary);border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.auth-check input:checked+.box:after{content:"";border:2px solid #000;border-width:0 2px 2px 0;width:4px;height:8px;transform:rotate(45deg)translate(-1px,-1px)}.auth-check input:checked~.label{color:var(--text);font-weight:600}.auth-submit{width:100%;margin-top:4px}.auth-aux-link{text-align:center;color:var(--text-muted);transition:color var(--transition);margin-top:14px;font-size:.85rem;display:block}.auth-aux-link:hover{color:var(--primary)}.auth-divider{color:var(--text-dim);align-items:center;gap:14px;margin:28px 0 20px;font-size:.82rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-social{flex-direction:column;gap:12px;display:flex}.btn-social{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);width:100%;color:var(--text);font-family:var(--font);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:flex}.btn-social:hover{border-color:var(--primary);background:var(--bg-input);transform:translateY(-1px)}.btn-social svg{flex-shrink:0;width:20px;height:20px}.auth-switch{text-align:center;color:var(--text-muted);margin-top:28px;font-size:.9rem}.auth-switch a,.auth-switch button{color:var(--primary);cursor:pointer;font-weight:700;font-family:var(--font);font-size:inherit;transition:color var(--transition);background:0 0;border:none;margin-right:6px;padding:0}.auth-switch a:hover,.auth-switch button:hover{color:var(--primary-hover);text-underline-offset:4px;text-decoration:underline}.auth-error{color:var(--danger);border-radius:var(--radius-xs);opacity:0;background:#ff6b6b14;border:1px solid #ff6b6b40;align-items:center;gap:10px;max-height:0;margin-bottom:0;padding:0 14px;font-size:.86rem;font-weight:500;transition:all .3s;display:flex;overflow:hidden;transform:translateY(-8px)}.auth-error.show{opacity:1;max-height:120px;margin-bottom:18px;padding:12px 14px;transform:translateY(0)}.auth-error:before{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6b6b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:18px;height:18px;display:inline-flex}.auth-info{background:var(--primary-dim);border:1px solid var(--primary-dim);color:var(--primary);border-radius:var(--radius-xs);align-items:center;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.9rem;font-weight:600;display:flex}.auth-info svg{flex-shrink:0;width:18px;height:18px}.auth-success{text-align:center;padding:8px 0}.auth-success-icon{background:var(--gradient-brand);color:#000;width:88px;height:88px;box-shadow:0 12px 32px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;animation:.6s cubic-bezier(.34,1.56,.64,1) successPop;display:flex}.auth-success-icon svg{width:42px;height:42px}