:root{--bg-primary:#fafafa;--bg-surface:#fff;--bg-secondary:#f4f4f5;--bg-tertiary:#e4e4e7;--bg-glass:#ffffffd9;--text-primary:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--text-inverse:#fff;--border-color:#e4e4e7;--border-subtle:#f4f4f5;--border-focus:#18181b;--accent-black:#18181b;--accent-orange:#ff7d31;--accent-orange-hover:#ea580c;--accent-orange-glow:#ff7d3126;--accent-red:#ef4444;--accent-green:#16a34a;--accent-blue:#2563eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-card:0 4px 20px #0000000d;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--header-height:76px;--announcement-height:38px}[data-theme=dark]{--bg-primary:#09090b;--bg-surface:#18181b;--bg-secondary:#27272a;--bg-tertiary:#3f3f46;--bg-glass:#18181bd9;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#09090b;--border-color:#27272a;--border-subtle:#1f1f23;--border-focus:#f4f4f5;--accent-black:#fff;--accent-orange:#ff7d31;--accent-orange-hover:#fb923c;--accent-orange-glow:#ff7d3133;--accent-red:#f87171;--accent-green:#4ade80;--accent-blue:#60a5fa;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-card:0 4px 20px #0006}*{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Cairo,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px}html[lang=en]{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p,span,label{color:inherit}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary)}input,select,textarea{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=dark] select option{color:#f4f4f5;background-color:#18181b}button{cursor:pointer;background:0 0;border:none;outline:none}svg{flex-shrink:0}img,video{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media (width<=768px){.container{padding:0 16px}}.btn{border-radius:var(--radius-md);white-space:nowrap;-webkit-user-select:none;user-select:none;will-change:transform;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,color .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative}.btn:active{transition-duration:80ms;transform:scale(.96)!important}.btn-primary{background-color:var(--accent-black);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-primary{color:#09090b;background-color:#fff}.btn-primary:hover{opacity:.95;transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000040}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--bg-tertiary);transform:translateY(-2px);box-shadow:0 6px 16px -4px #0000001a}.btn-outline{color:var(--text-primary);border:1.5px solid var(--border-color);background-color:#0000}.btn-outline:hover{border-color:var(--text-primary);background-color:var(--bg-secondary);transform:translateY(-2px)}.btn-accent{background-color:var(--accent-black);color:var(--text-inverse);box-shadow:0 4px 14px #00000026}.btn-accent:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000040}.btn-sm{border-radius:var(--radius-sm);padding:8px 14px;font-size:12px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:16px}.btn-icon{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);will-change:transform;justify-content:center;align-items:center;padding:0;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.btn-icon:hover{background-color:var(--bg-secondary);border-color:var(--text-primary);transform:translateY(-2px)scale(1.05);box-shadow:0 4px 12px #00000014}.btn-icon:active{transition-duration:80ms;transform:scale(.92)!important}.btn-icon svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}.btn-icon:hover svg{transform:scale(1.08)}.announcement-bar{background-color:var(--accent-black);color:#fff;text-align:center;letter-spacing:.5px;padding:8px 0;font-size:12px;font-weight:600}[data-theme=dark] .announcement-bar{border-bottom:1px solid var(--border-color);background-color:#121215}.site-header{z-index:1000;background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal);position:sticky;top:0}.nav-inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand-logo-wrap{align-items:center;gap:10px;display:flex}.brand-logo-img{object-fit:contain;width:auto;height:38px;transition:filter var(--transition-fast)}[data-theme=dark] .brand-logo-img,html[data-theme=dark] .brand-logo-img{filter:invert()}.brand-logo-text{letter-spacing:1px;color:var(--text-primary);font-size:22px;font-weight:900}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link-item a,.nav-link-item button{color:var(--text-secondary);align-items:center;padding:6px 2px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex;position:relative}.nav-link-item a:after,.nav-link-item button:after{content:"";background-color:var(--accent-orange);border-radius:var(--radius-full);width:0;height:2.5px;transition:width .25s cubic-bezier(.16,1,.3,1),left .25s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%}.nav-link-item a:hover,.nav-link-item button:hover{color:var(--text-primary)}.nav-link-item a:hover:after,.nav-link-item button:hover:after,.nav-link-item a.active:after,.nav-link-item button.active:after{width:100%;left:0}.nav-link-item a.active,.nav-link-item button.active{color:var(--text-primary);font-weight:700}.nav-actions{align-items:center;gap:10px;display:flex}.badge-count{border-radius:var(--radius-full);border:1.5px solid var(--bg-surface);background-color:#ef4444;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444466;color:#fff!important}html[dir=rtl] .badge-count{left:-4px;right:auto}.product-card{background-color:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a}.product-card:hover{box-shadow:var(--shadow-xl);border-color:var(--border-focus);transform:translateY(-4px)}.product-card-media{background-color:var(--bg-secondary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;padding-top:110%;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity .35s cubic-bezier(.4, 0, .2, 1);position:absolute;top:0;left:0}.product-card-img-hover{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform var(--transition-slow), opacity .35s cubic-bezier(.4, 0, .2, 1);pointer-events:none;position:absolute;top:0;left:0}.product-card:hover .product-card-img{transform:scale(1.05)}.product-card:hover .product-card-img.has-hover-img{opacity:0}.product-card:hover .product-card-img-hover{opacity:1;transform:scale(1.05)}.product-discount-badge{z-index:5;letter-spacing:-.2px;background-color:#18181b;border:1px solid #ffffff26;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px;box-shadow:0 4px 10px #00000040;color:#fff!important}[data-theme=dark] .product-discount-badge{background-color:#27272a;border:1px solid #fff3;box-shadow:0 4px 10px #00000080;color:#fff!important}.badge-pill,.badge-discount{border-radius:var(--radius-full);box-shadow:var(--shadow-sm);background-color:#18181b;border:1px solid #ffffff26;font-weight:800;color:#fff!important}[data-theme=dark] .badge-pill,[data-theme=dark] .badge-discount{background-color:#27272a;border:1px solid #fff3;color:#fff!important}.flash-sale-pill{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:900;display:inline-flex}.flash-timer-pill{text-align:center;background-color:#18181b;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;min-width:28px;padding:4px 8px;font-size:12px;font-weight:900;line-height:1.2;display:inline-flex;box-shadow:0 2px 6px #0003;color:#fff!important}[data-theme=dark] .flash-timer-pill{background-color:#27272a;border:1px solid #fff3;color:#fff!important}html[dir=rtl] .product-discount-badge{left:auto;right:10px}.product-floating-actions{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;top:10px;right:10px}html[dir=rtl] .product-floating-actions{left:10px;right:auto}.product-icon-btn{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#18181b;width:32px;height:32px;transition:all var(--transition-fast);background-color:#ffffffe6;border:1px solid #0000000d;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 8px #0000001f}[data-theme=dark] .product-icon-btn{color:#f4f4f5;background-color:#18181be6;border-color:#ffffff1a}.product-icon-btn:hover{transform:scale(1.1)}.product-icon-btn.wishlist-active{background-color:#fee2e2;color:#ef4444!important}[data-theme=dark] .product-icon-btn.wishlist-active{background-color:#ef444433;color:#f87171!important}.product-outofstock-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:6;color:#fff;background-color:#000000a6;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.product-card-body{flex-direction:column;flex:1;padding:14px;display:flex}.product-title{color:var(--text-primary);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.product-color-swatches{z-index:5;flex-wrap:wrap;align-items:center;gap:6px;min-height:18px;margin-bottom:8px;display:flex;position:relative}.product-color-dot{cursor:pointer;background:0 0;border:1px solid #00000026;border-radius:50%;outline:none;flex-shrink:0;width:14px;height:14px;padding:0;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);position:relative}[data-theme=dark] .product-color-dot{border-color:#ffffff40}.product-color-dot:hover{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--accent-orange);z-index:2;transform:scale(1.35)}.product-color-dot.active{box-shadow:0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--accent-orange);transform:scale(1.2)}.product-color-more{color:var(--text-muted);margin-inline-start:2px;font-size:10px;font-weight:800}.detail-color-pill{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1.5px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.detail-color-pill:hover{border-color:var(--border-focus);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.detail-color-pill.selected{border-color:var(--accent-orange);color:var(--accent-orange);box-shadow:0 0 0 1px var(--accent-orange), 0 4px 14px #ff6b0026;background-color:#ff6b0014;font-weight:800}.detail-color-circle{border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #00000040,inset 0 0 0 1px #0003}.detail-color-pill:hover .detail-color-circle{transform:scale(1.15)}.detail-color-pill.selected .detail-color-circle{box-shadow:0 2px 6px #00000059, 0 0 0 2px var(--bg-surface), 0 0 0 3.5px var(--accent-orange);transform:scale(1.1)}.product-trust-grid{border-top:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;padding-top:18px;display:grid}@media (width<=480px){.product-trust-grid{grid-template-columns:1fr;gap:8px}}.product-trust-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:inherit;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.product-trust-item:hover{background-color:var(--bg-surface);border-color:var(--border-focus);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.product-trust-icon-box{border-radius:var(--radius-md);width:36px;height:36px;color:var(--accent-orange);background-color:#ff6b001a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-trust-title{color:var(--text-primary);font-size:13px;font-weight:800;line-height:1.2}.product-trust-desc{color:var(--text-secondary);margin-top:2px;font-size:11px;line-height:1.25}.product-accordion-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-xl);background-color:var(--bg-surface);margin-top:20px;overflow:hidden}.product-accordion-item{border-bottom:1px solid var(--border-color)}.product-accordion-item:last-child{border-bottom:none}.product-accordion-header{width:100%;color:var(--text-primary);cursor:pointer;text-align:inherit;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px 18px;font-size:14px;font-weight:800;transition:background-color .15s;display:flex}.product-accordion-header:hover{background-color:var(--bg-secondary)}.product-accordion-body{color:var(--text-secondary);padding:0 18px 18px;font-size:13.5px;line-height:1.7}.product-card-bottom{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.product-price-box{flex-direction:column;display:flex}.product-price-current{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:900}.product-price-original{color:var(--text-muted);margin-top:-2px;font-size:11px;font-weight:600;text-decoration:line-through}.product-add-circle-btn{border-radius:var(--radius-full);background-color:var(--accent-black);color:#fff;width:34px;height:34px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #00000026}[data-theme=dark] .product-add-circle-btn{color:#09090b;background-color:#fff}.product-add-circle-btn:hover:not(:disabled){transform:scale(1.1)}.product-add-circle-btn.added{transform:scale(1.1);color:#fff!important;background-color:#16a34a!important}.product-add-circle-btn:disabled{opacity:.4;cursor:not-allowed}.product-savings-badge{background-color:#f0fdf4;border:1px solid #bbf7d0;align-items:center;display:inline-flex;color:#15803d!important}[data-theme=dark] .product-savings-badge{background-color:#22c55e26;border:1px solid #22c55e4d;color:#4ade80!important}.product-stock-meter{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:700;display:flex}.product-stock-meter.stock-in{color:#166534;background-color:#f0fdf4;border:1px solid #bbf7d0}.product-stock-meter.stock-in .stock-meter-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px}[data-theme=dark] .product-stock-meter.stock-in{color:#4ade80;background-color:#22c55e1f;border-color:#22c55e40}.product-stock-meter.stock-out{color:#991b1b;background-color:#fef2f2;border:1px solid #fee2e2}.product-stock-meter.stock-out .stock-meter-dot{background-color:#ef4444;border-radius:50%;width:8px;height:8px}[data-theme=dark] .product-stock-meter.stock-out{color:#f87171;background-color:#ef44441f;border-color:#ef444440}.alert-success{color:#15803d;border-radius:var(--radius-md);background-color:#f0fdf4;border:1px solid #bbf7d0;padding:12px 16px;font-size:13px;font-weight:700}[data-theme=dark] .alert-success{color:#4ade80;background-color:#22c55e1f;border-color:#22c55e40}.alert-danger{color:#b91c1c;border-radius:var(--radius-md);background-color:#fef2f2;border:1px solid #fee2e2;padding:12px 16px;font-size:13px;font-weight:700}[data-theme=dark] .alert-danger{color:#f87171;background-color:#ef44441f;border-color:#ef444440}.alert-warning{color:#b45309;border-radius:var(--radius-md);background-color:#fffbeb;border:1px solid #fef3c7;padding:12px 16px;font-size:13px;font-weight:700}[data-theme=dark] .alert-warning{color:#facc15;background-color:#eab3081f;border-color:#eab30840}.section-padding{padding:64px 0}@media (width<=768px){.section-padding{padding:40px 0}}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;display:flex}.section-title{color:var(--text-primary);letter-spacing:-.5px;font-size:26px;font-weight:900}.section-subtitle{color:var(--text-secondary);margin-top:4px;font-size:14px}.grid-products{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1100px){.grid-products{grid-template-columns:repeat(3,1fr);gap:20px}}@media (width<=768px){.grid-products{grid-template-columns:repeat(2,1fr);gap:14px}}@media (width<=480px){.grid-products{grid-template-columns:repeat(2,1fr);gap:10px}}.modal-backdrop,.search-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:2100;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box,.search-modal-box{background-color:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:540px;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;overflow:hidden}.search-modal-header{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:16px 20px;display:flex}.search-modal-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:16px;font-weight:700}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;position:fixed;inset:0}.mobile-drawer-content{background-color:var(--bg-surface);width:80%;max-width:320px;box-shadow:var(--shadow-xl);z-index:2001;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideInLeft;display:flex;position:fixed;top:0;bottom:0;left:0}html[dir=rtl] .mobile-drawer-content{animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;left:auto;right:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cart-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;position:fixed;inset:0}.cart-drawer{background-color:var(--bg-surface);width:100%;max-width:440px;box-shadow:var(--shadow-xl);z-index:2001;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0}html[dir=rtl] .cart-drawer{animation:.3s cubic-bezier(.16,1,.3,1) slideInLeft;left:0;right:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pulse-animation{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}.spin-animation,.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-fade-up{animation:.7s cubic-bezier(.16,1,.3,1) both heroFadeUp}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-action-btn-primary{border-radius:var(--radius-full);letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#ff7a1a 0%,#ff4b00 100%);border:1px solid #ffffff40;align-items:center;gap:12px;padding:16px 32px;font-size:15px;font-weight:900;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 12px 32px -6px #ff57228c,0 4px 12px #0000004d;color:#fff!important}.hero-action-btn-primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 18px 40px -4px #ff5722b3,0 6px 16px #0006}.hero-action-btn-primary .btn-circle-icon{background:#00000040;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex}.hero-action-btn-primary:hover .btn-circle-icon{transform:translate(-4px)}html[dir=ltr] .hero-action-btn-primary:hover .btn-circle-icon{transform:translate(4px)}.hero-action-btn-glass{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;align-items:center;gap:10px;padding:16px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 24px #0003;color:#fff!important}.hero-action-btn-glass:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.hero-drop-badge{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fff;letter-spacing:.8px;background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:8px;width:fit-content;padding:6px 16px;font-size:12px;font-weight:800;display:inline-flex}.live-beacon{background-color:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite beaconPulse;box-shadow:0 0 10px #22c55e,0 0 20px #22c55e}@keyframes beaconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.hero-preview-card{border-radius:var(--radius-lg);cursor:pointer;opacity:.55;background:#18181b;border:2px solid #0000;width:130px;height:78px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.hero-preview-card.active{opacity:1;border-color:#fff;transform:scale(1.06);box-shadow:0 8px 24px #ffffff40}.hero-preview-card:hover{opacity:.9}.mobile-bottom-nav{display:none}.mobile-only{display:none!important}@media (width<=900px){.mobile-only{display:inline-flex!important}.desktop-nav,.desktop-only{display:none!important}.nav-inner{gap:12px;height:64px}.brand-logo-img{height:32px}.brand-logo-text{font-size:19px}.btn-icon{width:38px;height:38px}}@media (width<=768px){html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{touch-action:manipulation;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom,6px);display:flex!important}.mobile-nav-tab:active{transform:scale(.92)}.grid-products{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.product-card{border-radius:var(--radius-lg)}.product-card-body{padding:10px 12px 12px}.product-title{margin-bottom:6px;font-size:13px;line-height:1.3}.product-price-current{font-size:14.5px}.product-price-original{font-size:10.5px}.product-add-circle-btn{width:32px;height:32px}.section-title{font-size:21px;line-height:1.25}.section-subtitle{font-size:12.5px}.cart-drawer{width:100%!important;max-width:100%!important}.modal-backdrop,.search-modal-backdrop{padding:12px!important}.search-modal-box{max-height:85vh!important}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=password],select,textarea{font-size:16px!important}}@media (width<=550px){.cart-btn-label{display:none!important}.nav-actions{gap:6px!important}.nav-actions .btn-icon{width:34px!important;height:34px!important}.brand-logo-text{font-size:17px!important}.grid-products{gap:10px!important}.product-card-body{padding:8px 10px 10px}}@keyframes pageEnterFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main{will-change:opacity, transform;animation:.25s cubic-bezier(.16,1,.3,1) forwards pageEnterFade}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.badge-count{animation:.25s cubic-bezier(.16,1,.3,1) badgePop}.btn-icon:has(svg) svg{transition:transform .35s cubic-bezier(.16,1,.3,1)}.category-pill,.size-pill,.color-pill,.tag-pill{will-change:transform;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,border-color .2s,box-shadow .2s!important}.category-pill:hover,.size-pill:hover{transform:translateY(-2px)}.category-pill:active,.size-pill:active{transform:scale(.94)}.product-add-circle-btn{will-change:transform;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s,box-shadow .2s!important}.product-add-circle-btn:hover{transform:scale(1.12);box-shadow:0 4px 12px #00000026}.product-add-circle-btn:active{transform:scale(.92)!important}@keyframes flyoutReveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cat-flyout-menu,.dropdown-menu-box{will-change:transform, opacity;animation:.2s cubic-bezier(.16,1,.3,1) forwards flyoutReveal}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
