:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--brand-rgb:59, 130, 246;--accent-50:#f0f9ff;--accent-100:#e0f2fe;--accent-500:#0ea5e9;--accent-700:#0369a1;--accent-900:#082f49;--accent-rgb:14, 165, 233;--hero-bg:#1c2050;--hero-stop-1:28, 25, 80;--hero-stop-2:28, 70, 93;--hero-stop-3:20, 70, 56;--hero-alpha-1:.92;--hero-alpha-2:.78;--hero-alpha-3:.78;--cta-stop-1:#0f766e;--cta-stop-2:#0d9488;--cta-stop-3:#14b8a6;--cta-text:#0f766e;--cta-hover-bg:#f0fdfa;--admin-sidebar-stop-1:var(--brand-900);--admin-sidebar-stop-2:#1e40af;--admin-sidebar-toggle-stop-1:var(--brand-900);--admin-sidebar-toggle-stop-2:#172554;--shadow-brand:0 6px 20px rgba(var(--brand-rgb), .22);--ring-brand:0 0 0 3px rgba(var(--brand-rgb), .18);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-12:.75rem;--fs-13:.8125rem;--fs-14:.875rem;--fs-15:.9375rem;--fs-16:1rem;--fs-18:1.125rem;--fs-20:1.25rem;--fs-24:1.5rem;--fs-30:1.875rem;--fs-36:2.25rem;--fs-44:2.75rem;--fs-56:3.5rem;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-relaxed:1.65;--tracking-tightest:-.035em;--tracking-tighter:-.025em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-wider:.08em;--ink-50:#f8fafc;--ink-100:#f1f5f9;--ink-200:#e2e8f0;--ink-300:#cbd5e1;--ink-400:#94a3b8;--ink-500:#64748b;--ink-600:#475569;--ink-700:#334155;--ink-800:#1e293b;--ink-900:#0f172a;--bg-app:#f7f8fb;--bg-surface:#fff;--bg-muted:#f1f5f9;--border:#e6e9ef;--border-strong:#d6dbe4;--text:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--success:#059669;--success-bg:#d1fae5;--warning:#b45309;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--r-xs:6px;--r-sm:8px;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-pill:999px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 2px 4px #0f172a0a, 0 6px 16px #0f172a0f;--shadow-lg:0 4px 8px #0f172a0a, 0 12px 32px #0f172a14;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--d-fast:.14s;--d-base:.22s;--d-slow:.36s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-feature-settings:"cv11", "ss01", "ss03", "cv02";color:var(--text-body);background:var(--bg-app);line-height:var(--lh-relaxed);font-size:var(--fs-16);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input,select,textarea,button{font:inherit;color:inherit}ul{list-style:none}::selection{background:rgba(var(--brand-rgb), .22);color:var(--text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;font-weight:700}p{text-wrap:pretty}.price,.price-large,.price-original,.price-original-large,.summary-row,.summary-row.total,.cart-item-total,.order-detail-total,.order-items-table td,.order-items-table th,.admin-table td,.detail-table td,.stat-card h2{font-variant-numeric:tabular-nums;font-feature-settings:"tnum", "ss01"}:focus-visible{box-shadow:var(--ring-brand);border-radius:var(--r-sm);outline:none}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem}.page-pad{padding-top:2.25rem;padding-bottom:3rem}.text-muted{color:var(--text-muted);font-size:var(--fs-14)}.text-success{color:var(--success)}.text-error{color:var(--danger)}.tag{background:linear-gradient(135deg, var(--accent-100), var(--brand-100));color:var(--accent-900);border-radius:var(--r-pill);font-size:var(--fs-12);letter-spacing:.01em;margin-bottom:.5rem;padding:4px 12px;font-weight:600;display:inline-block}.empty-state{text-align:center;padding:4rem 1rem}.empty-state p{color:var(--text-muted);font-size:var(--fs-15);margin-bottom:1rem}.slow-load-msg{background:linear-gradient(135deg, var(--brand-50), var(--brand-100));border:1px solid var(--brand-200);border-radius:var(--r-lg);animation:fadeInUp .4s var(--ease-out);flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1.5rem 1rem;display:flex}.slow-load-msg .loader-spinner{border-width:2.5px;width:28px;height:28px}.slow-load-msg p{color:var(--brand-700);font-size:var(--fs-14);margin:0;font-weight:500}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.results-count{color:var(--text-muted);font-size:var(--fs-14);letter-spacing:.005em;margin-bottom:1rem}.btn{border-radius:var(--r-md);cursor:pointer;font-family:var(--font-sans);font-weight:600;font-size:var(--fs-14);letter-spacing:0;transition:transform var(--d-fast) var(--ease), box-shadow var(--d-base) var(--ease), background var(--d-base) var(--ease), color var(--d-base) var(--ease), border-color var(--d-base) var(--ease);-webkit-tap-highlight-color:transparent;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.2rem;line-height:1.2;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{color:#fff;background:linear-gradient(135deg,#1f2937,#475569);box-shadow:0 1px 2px #0f172a33,0 8px 24px #0f172a2e}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#111827,#334155);transform:translateY(-1px);box-shadow:0 2px 4px #0f172a38,0 14px 30px #0f172a38}.btn-outline{border-color:var(--border-strong);color:var(--text-body);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 14px #dc26264d}.btn-lg{font-size:var(--fs-16);border-radius:var(--r-md);padding:.85rem 1.8rem}.btn-sm{font-size:var(--fs-13);padding:.42rem .85rem}.btn-xs{font-size:var(--fs-12);border-radius:var(--r-sm);padding:.28rem .6rem}.btn-block{width:100%}.btn-link{color:var(--brand-600);cursor:pointer;font-size:var(--fs-14);transition:color var(--d-fast) var(--ease);background:0 0;border:none;padding:.35rem 0;font-weight:600}.btn-link:hover{color:var(--brand-700)}.form-group{flex-direction:column;flex:1;gap:.4rem;margin-bottom:1rem;display:flex}.form-group label{font-size:var(--fs-13);color:var(--text-body);letter-spacing:.01em;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border);border-radius:var(--r-md);font-size:var(--fs-15);background:var(--bg-surface);color:var(--text);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease), background var(--d-fast) var(--ease);padding:.7rem .85rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-subtle)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border-strong)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand);outline:none}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row>.form-group{min-width:0}.form-fieldset{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);margin-bottom:1rem;padding:1.25rem}.form-fieldset legend{color:var(--text);font-weight:700;font-family:var(--font-display);letter-spacing:var(--tracking-tight);padding:0 .5rem}.checkbox-group label{font-size:var(--fs-14);cursor:pointer;color:var(--text-body);align-items:center;gap:.5rem;display:flex}.form-actions{gap:.75rem;margin-top:1rem;display:flex}textarea{resize:vertical}.header{-webkit-backdrop-filter:saturate(180%)blur(14px);z-index:100;background:#ffffffd1;border-bottom:1px solid #e2e8f0b3;position:sticky;top:0;box-shadow:0 1px #0f172a05,0 6px 18px #0f172a0a}.header-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{font-family:var(--font-display);font-size:var(--fs-20);letter-spacing:var(--tracking-tighter);color:var(--text);align-items:center;gap:.5rem;font-weight:800;display:flex}.nav{align-items:center;gap:1.75rem;display:flex}.nav a,.nav .btn-link{font-size:var(--fs-14);color:var(--text-body);transition:color var(--d-fast) var(--ease);padding:.25rem 0;font-weight:500;position:relative}.nav a:hover,.nav .btn-link:hover{color:var(--brand-600)}.nav a:after{content:"";background:linear-gradient(90deg, var(--brand-500), var(--accent-500));width:0;height:2px;transition:width var(--d-base) var(--ease-out);border-radius:1px;position:absolute;bottom:-6px;left:0}.nav a:hover:after{width:100%}.badge{background:linear-gradient(135deg, var(--brand-500), var(--accent-500));color:#fff;border-radius:var(--r-pill);vertical-align:super;letter-spacing:.02em;margin-left:4px;padding:2px 6px;font-size:.62rem;font-weight:700}.menu-toggle{cursor:pointer;color:var(--text-body);background:0 0;border:none;font-size:1.4rem;display:none}.footer{color:#e2e8f0;background:linear-gradient(#1e293b,#0b1220);border-top:none;margin-top:3.5rem;padding:3.5rem 0 1.5rem}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:2.5rem;display:grid}.footer h3{font-size:var(--fs-20);color:#fff;letter-spacing:var(--tracking-tighter);margin-bottom:.65rem}.footer h4{font-size:var(--fs-12);color:#94a3b8;text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:700;font-family:var(--font-sans);margin-bottom:.9rem}.footer p{color:#94a3b8;font-size:var(--fs-14);line-height:var(--lh-relaxed);max-width:40ch}.footer a{color:#94a3b8;font-size:var(--fs-14);transition:all var(--d-fast) var(--ease);padding:.3rem 0;display:block}.footer a:hover{color:var(--brand-200);transform:translate(3px)}.footer-bottom{text-align:center;border-top:1px solid #ffffff14;margin-top:2.25rem;padding-top:1.25rem}.footer-bottom p{color:#64748b;font-size:var(--fs-13);margin:0 auto}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{background:var(--bg-surface);flex:1}.loader-wrap{justify-content:center;align-items:center;padding:4rem;display:flex}.loader-spinner{border:3px solid var(--ink-200);border-top-color:var(--brand-500);border-radius:50%;width:36px;height:36px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--ink-100) 25%, var(--ink-200) 50%, var(--ink-100) 75%);border-radius:var(--r-sm);background-size:200% 100%;margin-bottom:.75rem;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-banner{background-color:var(--hero-bg);background-image:linear-gradient(120deg, rgba(var(--hero-stop-1), var(--hero-alpha-1)) 0%, rgba(var(--hero-stop-2), var(--hero-alpha-2)) 45%, rgba(var(--hero-stop-3), var(--hero-alpha-3)) 100%), url(https://images.unsplash.com/photo-1731688687548-16c5da917c11?auto=format&fit=crop&w=2400&q=70);color:#fff;isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:6.5rem 0 6rem;position:relative;overflow:hidden}.hero-banner:before{content:"";opacity:.55;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 104' fill='none' stroke='%23ffffff' stroke-opacity='0.06' stroke-width='1'><polygon points='30,2 58,18 58,50 30,66 2,50 2,18'/><polygon points='90,2 118,18 118,50 90,66 62,50 62,18'/><polygon points='60,54 88,70 88,102 60,118 32,102 32,70'/></svg>");background-size:220px 190px;position:absolute;inset:0}.hero-banner:after{content:"";background:radial-gradient(circle, rgba(var(--brand-rgb), .18) 0%, transparent 70%);z-index:0;pointer-events:none;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-30%;left:-10%}.hero-banner>.container{z-index:1;position:relative}.hero-banner h1{font-family:var(--font-display);font-size:clamp(2rem, 4.5vw, var(--fs-56));font-weight:800;line-height:var(--lh-tight);letter-spacing:var(--tracking-tightest);color:#fff;z-index:1;text-wrap:balance;max-width:18ch;margin-bottom:1rem;position:relative}.hero-banner p{font-size:clamp(var(--fs-16), 1.3vw, var(--fs-20));color:#ffffffd1;max-width:56ch;line-height:var(--lh-relaxed);z-index:1;margin-bottom:1.75rem;position:relative}.hero-banner .btn-primary{color:var(--brand-700);z-index:1;background:#fff;position:relative;box-shadow:0 6px 18px #0000002e}.hero-banner .btn-primary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.section{padding:4rem 0}.section-alt{background:var(--bg-muted)}.section-title{font-family:var(--font-display);font-size:clamp(var(--fs-24), 2vw, var(--fs-36));letter-spacing:var(--tracking-tighter);text-align:center;color:var(--text);margin-bottom:2rem;font-weight:700}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.category-card{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--r-lg);transition:transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease), background var(--d-base) var(--ease);text-align:center;font-size:var(--fs-14);color:var(--text-body);letter-spacing:-.005em;flex-direction:column;align-items:center;gap:.75rem;padding:1.6rem 1rem;font-weight:600;display:flex}.category-card:hover{border-color:var(--brand-300);box-shadow:0 12px 28px rgba(var(--brand-rgb), .12);background:linear-gradient(135deg, var(--accent-50), var(--brand-50));color:var(--text);transform:translateY(-4px)}.category-icon{border-radius:var(--r-md);background:linear-gradient(135deg, var(--brand-50), var(--accent-50));width:60px;height:60px;color:var(--brand-600);transition:background var(--d-base) var(--ease), color var(--d-base) var(--ease), transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);justify-content:center;align-items:center;font-size:1.75rem;display:inline-flex}.category-icon-svg{justify-content:center;align-items:center;display:inline-flex}.category-icon-svg svg{width:100%;height:100%}.category-card:hover .category-icon{background:linear-gradient(135deg, var(--brand-500), var(--accent-500));color:#fff;box-shadow:0 8px 18px rgba(var(--brand-rgb), .28);transform:scale(1.05)}.features-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.feature-card{border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);padding:1.6rem}.feature-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200);transform:translateY(-3px)}.feature-card h3{font-size:var(--fs-18);color:var(--text);letter-spacing:var(--tracking-tight);margin-bottom:.4rem}.feature-card p{color:var(--text-muted);font-size:var(--fs-15);line-height:var(--lh-relaxed)}.cta-section{background:linear-gradient(135deg, var(--cta-stop-1) 0%, var(--cta-stop-2) 50%, var(--cta-stop-3) 100%);color:#fff;padding:4rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle,#ffffff17 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-40%;right:-15%}.cta-section h2{font-family:var(--font-display);font-size:clamp(var(--fs-24), 2.4vw, var(--fs-36));letter-spacing:var(--tracking-tighter);color:#fff;z-index:1;margin-bottom:.6rem;position:relative}.cta-section p{color:#ffffffd9;font-size:var(--fs-16);max-width:60ch;line-height:var(--lh-relaxed);z-index:1;margin-bottom:1.75rem;margin-left:auto;margin-right:auto;position:relative}.cta-section .btn-primary{color:var(--cta-text);z-index:1;background:#fff;position:relative;box-shadow:0 6px 18px #0000002e}.cta-section .btn-primary:hover{background:var(--cta-hover-bg);transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);background:var(--bg-surface);box-shadow:var(--shadow-xs);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--brand-200);box-shadow:0 10px 30px rgba(var(--brand-rgb), .1), 0 2px 6px #0f172a0d;transform:translateY(-3px)}.product-card-img{background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.product-card-img img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-slow) var(--ease-out)}.product-card:hover .product-card-img img{transform:scale(1.06)}.product-card-placeholder{opacity:.6;font-size:3rem}.product-card-info{flex:1;padding:1rem 1.1rem .6rem}.product-card-info h3{font-family:var(--font-sans);font-size:var(--fs-15);letter-spacing:-.005em;color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.35rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-cat{font-size:var(--fs-12);color:var(--accent-500);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.product-card-price{align-items:baseline;gap:.45rem;margin-top:.6rem;display:flex}.price{font-family:var(--font-display);font-weight:700;font-size:var(--fs-18);color:var(--text);letter-spacing:var(--tracking-tight)}.price-original{color:var(--text-subtle);font-size:var(--fs-14);font-weight:500;text-decoration:line-through}.price-unit{color:var(--text-subtle);font-size:var(--fs-13)}.product-card-moq{font-size:var(--fs-12);color:var(--text-subtle);letter-spacing:.005em;margin-top:.4rem}.product-card>a{flex-direction:column;flex:1;display:flex}.product-card>.btn{margin:0 1rem 1rem}.products-page-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.products-page-header h1{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:var(--tracking-tighter);color:var(--text)}.products-filters{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);flex-wrap:wrap;gap:1rem;margin-bottom:1.75rem;padding:1.1rem;display:flex}.filter-group{flex-direction:column;gap:.35rem;min-width:180px;display:flex}.filter-group label{font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:700}.filter-group input,.filter-group select{border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:var(--fs-14);background:var(--bg-surface);color:var(--text);transition:border-color var(--d-fast) var(--ease), box-shadow var(--d-fast) var(--ease);padding:.55rem .8rem}.filter-group input:focus,.filter-group select:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand);outline:none}.filters-toggle{display:none}.product-detail{grid-template-columns:1fr 1fr;gap:2.75rem;display:grid}.product-detail-gallery{border-radius:var(--r-xl);border:1px solid var(--border);background:linear-gradient(135deg,#f8fafc,#f1f5f9);justify-content:center;align-items:center;min-height:380px;display:flex;overflow:hidden}.product-detail-gallery img{object-fit:cover;border-radius:var(--r-xl);width:100%;height:100%}.product-detail-placeholder{opacity:.5;font-size:5rem}.product-detail-info h1{font-family:var(--font-display);font-size:clamp(var(--fs-24), 2.2vw, var(--fs-36));letter-spacing:var(--tracking-tighter);line-height:var(--lh-snug);color:var(--text);margin-bottom:.5rem}.product-detail-price{align-items:baseline;gap:.6rem;margin:1rem 0 .5rem;display:flex}.price-large{font-family:var(--font-display);font-size:var(--fs-36);color:var(--text);letter-spacing:var(--tracking-tighter);font-weight:700;line-height:1}.price-original-large{color:var(--text-subtle);font-size:var(--fs-18);font-weight:500;text-decoration:line-through}.product-detail-desc{margin:1.75rem 0}.product-detail-desc h3{font-size:var(--fs-16);color:var(--text);letter-spacing:var(--tracking-tight);margin-bottom:.5rem}.product-detail-desc p{color:var(--text-body);font-size:var(--fs-15);line-height:var(--lh-relaxed)}.qty-control{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);align-items:center;display:inline-flex;overflow:hidden}.qty-control button{background:var(--bg-muted);cursor:pointer;width:38px;height:38px;font-size:var(--fs-16);transition:background var(--d-fast) var(--ease);color:var(--text-body);border:none;justify-content:center;align-items:center;font-weight:600;display:flex}.qty-control button:hover{background:var(--ink-200);color:var(--text)}.qty-control input{text-align:center;width:52px;font-size:var(--fs-15);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:var(--bg-surface);color:var(--text);border:none;font-weight:600}.qty-control input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-control input::-webkit-inner-spin-button{-webkit-appearance:none}.product-detail-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.pincode-check{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.75rem}.pincode-check h3{font-size:var(--fs-16);color:var(--text);letter-spacing:var(--tracking-tight);margin-bottom:.6rem}.pincode-input-group{gap:.5rem;display:flex}.pincode-input-group input{border:1.5px solid var(--border);border-radius:var(--r-sm);max-width:220px;font-size:var(--fs-15);font-variant-numeric:tabular-nums;background:var(--bg-surface);flex:1;padding:.6rem .85rem}.pincode-input-group input:focus{border-color:var(--brand-500);box-shadow:var(--ring-brand);outline:none}.pincode-check p{font-size:var(--fs-14);margin-top:.6rem}.sticky-add-to-cart{display:none}.pagination{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2.5rem;padding:1rem 0;display:flex}.pagination button{border:1.5px solid var(--border);background:var(--bg-surface);border-radius:var(--r-md);cursor:pointer;min-width:40px;height:40px;font-size:var(--fs-14);font-variant-numeric:tabular-nums;transition:all var(--d-fast) var(--ease);color:var(--text-body);font-weight:600}.pagination button:hover:not(:disabled){border-color:var(--brand-500);color:var(--brand-600);background:var(--brand-50)}.pagination button.active{background:linear-gradient(135deg, var(--brand-500), var(--accent-500));color:#fff;box-shadow:var(--shadow-brand);border-color:#0000}.pagination button:disabled{opacity:.4;cursor:not-allowed}.auth-card{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-surface);max-width:440px;box-shadow:var(--shadow-md);margin:2.5rem auto;padding:2.25rem}.auth-card h1{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:var(--tracking-tighter);color:var(--text);margin-bottom:.4rem}.auth-card p{color:var(--text-muted);font-size:var(--fs-15);margin-bottom:1.5rem}.profile-form{max-width:720px}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:2rem;display:grid}.cart-items{flex-direction:column;gap:.85rem;display:flex}.cart-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:box-shadow var(--d-base) var(--ease);grid-template-columns:64px 1fr auto auto;align-items:center;gap:1rem;padding:1rem 1.1rem;display:grid}.cart-item:hover{box-shadow:var(--shadow-sm)}.cart-item-img{background:var(--bg-muted);border-radius:var(--r-sm);justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.cart-item-img img{object-fit:cover;width:100%;height:100%}.cart-item-placeholder{opacity:.5;font-size:1.5rem}.cart-item-info h3{font-family:var(--font-sans);font-size:var(--fs-15);letter-spacing:-.005em;color:var(--text);margin-bottom:.2rem;font-weight:600}.cart-item-total{text-align:right;font-weight:700;font-family:var(--font-display);letter-spacing:var(--tracking-tight)}.cart-item-total .btn-link{font-size:var(--fs-13);font-weight:500;font-family:var(--font-sans);letter-spacing:0;margin-top:.3rem;display:block}.cart-summary{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--bg-surface);box-shadow:var(--shadow-md);padding:1.6rem;position:sticky;top:88px}.cart-summary h2{font-family:var(--font-display);font-size:var(--fs-20);letter-spacing:var(--tracking-tight);color:var(--text);margin-bottom:1rem}.summary-row{font-size:var(--fs-15);color:var(--text-body);justify-content:space-between;padding:.55rem 0;display:flex}.summary-row.total{border-top:1.5px solid var(--border);font-weight:700;font-family:var(--font-display);font-size:var(--fs-18);letter-spacing:var(--tracking-tight);color:var(--text);margin-top:.5rem;padding-top:.85rem}.cart-summary .btn{margin-top:1.25rem}.summary-item{font-size:var(--fs-13);color:var(--text-muted);justify-content:space-between;padding:.3rem 0;display:flex}.checkout-layout{grid-template-columns:1fr 380px;align-items:start;gap:2rem;display:grid}.checkout-section{margin-bottom:1.75rem}.checkout-section h2{font-family:var(--font-display);font-size:var(--fs-18);letter-spacing:var(--tracking-tight);color:var(--text);margin-bottom:.75rem}.address-preview{border-radius:var(--r-md);font-size:var(--fs-14);border:1px solid var(--border);line-height:var(--lh-relaxed);background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.1rem}.address-preview p{color:var(--text-body);margin-bottom:.2rem}.alert{border-radius:var(--r-md);font-size:var(--fs-14);line-height:var(--lh-relaxed);margin-bottom:1rem;padding:1rem 1.1rem}.alert-warning{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.alert p{margin-bottom:.5rem}.alert p:last-child{margin-bottom:0}.orders-list{gap:.75rem;display:grid}.order-card{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:box-shadow var(--d-base) var(--ease);padding:1.1rem}.order-card:hover{box-shadow:var(--shadow-sm)}.order-card-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.status-badge{border-radius:var(--r-pill);font-size:var(--fs-12);text-transform:capitalize;letter-spacing:.02em;padding:4px 12px;font-weight:700;display:inline-block}.status-pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.status-confirmed{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.status-processing{background:linear-gradient(135deg, var(--brand-100), var(--brand-200));color:var(--brand-800)}.status-shipped{color:#155e75;background:linear-gradient(135deg,#cffafe,#a5f3fc)}.status-delivered{color:#166534;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.status-cancelled{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca)}.orders-page-header{justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;display:flex}.orders-page-header h1{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:var(--tracking-tighter);color:var(--text)}.orders-detail-list{flex-direction:column;gap:1rem;display:flex}.order-detail-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:box-shadow var(--d-base) var(--ease), border-color var(--d-base) var(--ease);overflow:hidden}.order-detail-card:hover{box-shadow:var(--shadow-sm)}.order-detail-card.expanded{border-color:var(--brand-200);box-shadow:0 6px 24px rgba(var(--brand-rgb), .1)}.order-detail-header{cursor:pointer;transition:background var(--d-fast) var(--ease);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.order-detail-header:hover{background:var(--bg-app)}.order-detail-header-left{flex-direction:column;gap:.25rem;display:flex}.order-detail-id{align-items:center;gap:.75rem;display:flex}.order-detail-id strong{font-family:var(--font-display);font-size:var(--fs-16);letter-spacing:var(--tracking-tight);color:var(--text)}.order-detail-header-right{text-align:right;align-items:center;gap:1rem;display:flex}.order-detail-total{font-family:var(--font-display);font-weight:700;font-size:var(--fs-16);letter-spacing:var(--tracking-tight);color:var(--text)}.order-detail-count{font-size:var(--fs-13);color:var(--text-muted)}.order-expand-icon{color:var(--text-subtle);transition:transform var(--d-base) var(--ease);font-size:.8rem;display:inline-block}.order-expand-icon.open{transform:rotate(180deg)}.order-detail-items-summary{flex-wrap:wrap;gap:.4rem;padding:0 1.25rem .85rem;display:flex}.order-item-chip{background:var(--bg-muted);color:var(--text-body);border-radius:var(--r-pill);font-size:var(--fs-12);padding:3px 10px;font-weight:500;display:inline-block}.order-item-chip-more{background:var(--brand-50);color:var(--brand-700)}.order-detail-body{border-top:1px solid var(--border);animation:fadeInUp .25s var(--ease-out);padding:1.25rem}.order-detail-section{margin-bottom:1.25rem}.order-detail-section h3{font-family:var(--font-sans);font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:.5rem;font-weight:700}.order-detail-section p{color:var(--text-body);font-size:var(--fs-14);line-height:var(--lh-relaxed)}.order-detail-addresses{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.order-items-table-wrap{overflow-x:auto}.order-items-table{border-collapse:collapse;width:100%;font-size:var(--fs-14)}.order-items-table th{text-align:left;background:var(--bg-app);border-bottom:1.5px solid var(--border);font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.6rem .85rem;font-weight:700}.order-items-table td{border-bottom:1px solid var(--ink-100);color:var(--text-body);padding:.6rem .85rem}.order-items-table tfoot td{border-top:1.5px solid var(--border);color:var(--text);border-bottom:none;font-weight:600}.order-item-link{color:var(--brand-600);font-weight:500}.order-item-link:hover{text-decoration:underline}.order-detail-meta{border-top:1px solid var(--ink-100);font-size:var(--fs-13);color:var(--text-muted);flex-wrap:wrap;gap:1.5rem;padding-top:.85rem;display:flex}@media (width<=768px){.orders-page-header{flex-direction:column;gap:.25rem}.order-detail-header{flex-direction:column;align-items:flex-start;gap:.5rem}.order-detail-header-right{justify-content:space-between;width:100%}.order-detail-addresses{grid-template-columns:1fr}}.cms-page{max-width:760px}.cms-page h1{font-family:var(--font-display);font-size:clamp(var(--fs-30), 2.4vw, var(--fs-44));letter-spacing:var(--tracking-tightest);line-height:var(--lh-tight);color:var(--text);margin-bottom:1.25rem}.cms-page h2{font-family:var(--font-display);font-size:var(--fs-24);letter-spacing:var(--tracking-tighter);color:var(--text);margin:2rem 0 .85rem}.cms-page p{color:var(--text-body);font-size:var(--fs-16);line-height:var(--lh-relaxed);max-width:70ch;margin-bottom:1rem}.cms-page ul{margin-bottom:1rem;padding-left:1.5rem}.cms-page ul li{color:var(--text-body);line-height:var(--lh-relaxed);margin-bottom:.35rem;list-style:outside}.bank-details-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-surface);max-width:540px;box-shadow:var(--shadow-sm);margin-top:1rem;padding:1.75rem}.detail-table{width:100%}.detail-table td{vertical-align:top;font-size:var(--fs-14);padding:.55rem 0}.detail-table td:first-child{color:var(--text-muted);text-transform:uppercase;width:40%;letter-spacing:var(--tracking-wide);font-weight:600;font-size:var(--fs-12)}.detail-table td:last-child{color:var(--text);font-weight:500}.admin-layout{min-height:100vh;display:flex}.admin-sidebar{background:linear-gradient(180deg, var(--admin-sidebar-stop-1), var(--admin-sidebar-stop-2));color:#fff;z-index:200;border-right:1px solid #ffffff0f;flex-direction:column;width:250px;display:flex;position:fixed;top:0;bottom:0;left:0}.admin-sidebar-header{border-bottom:1px solid #ffffff14;padding:1.4rem 1.25rem}.admin-sidebar-header a{font-family:var(--font-display);font-size:var(--fs-18);letter-spacing:var(--tracking-tighter);color:#fff;font-weight:800}.admin-sidebar nav{flex:1;padding:.75rem 0;overflow-y:auto}.admin-sidebar nav a{color:#ffffffb3;font-size:var(--fs-14);letter-spacing:-.005em;transition:all var(--d-fast) var(--ease);border-left:3px solid #0000;padding:.65rem 1.25rem;font-weight:500;display:block}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;border-left-color:var(--brand-400);background:#ffffff14}.admin-sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.admin-sidebar-footer a{color:#ffffffa6;font-size:var(--fs-13)}.admin-sidebar-footer button{color:#ffffffa6;font-size:var(--fs-13);cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{color:#fff}.admin-sidebar-toggle{display:none}.admin-main{background:var(--bg-app);flex:1;min-height:100vh;margin-left:250px;padding:1.75rem 2rem}.admin-page h1{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:var(--tracking-tighter);color:var(--text);margin-bottom:1.5rem}.admin-page-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-page-header h1{margin-bottom:0}.admin-stats{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);text-align:center;box-shadow:var(--shadow-xs);transition:transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);padding:1.6rem}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card h2{font-family:var(--font-display);font-size:var(--fs-36);letter-spacing:var(--tracking-tightest);background:linear-gradient(135deg, var(--brand-500), var(--accent-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-weight:800;line-height:1}.stat-card p{color:var(--text-muted);font-size:var(--fs-13);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:500}.admin-table-wrap{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-xs);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:600px}.admin-table th{text-align:left;background:var(--bg-app);border-bottom:1.5px solid var(--border);font-size:var(--fs-12);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:.8rem 1rem;font-weight:700}.admin-table td{border-bottom:1px solid var(--ink-100);font-size:var(--fs-14);color:var(--text-body);padding:.72rem 1rem}.admin-table tr:hover td{background:var(--bg-app)}.admin-table select{border:1px solid var(--border);border-radius:var(--r-xs);font-size:var(--fs-13);background:var(--bg-surface);padding:.32rem .55rem}.admin-form{background:var(--bg-surface);border-radius:var(--r-lg);border:1px solid var(--border);max-width:720px;box-shadow:var(--shadow-xs);padding:1.75rem}.image-preview-grid{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem;display:flex}.image-preview-item{border-radius:var(--r-md);border:2px solid var(--border);width:100px;height:100px;transition:border-color var(--d-fast) var(--ease);position:relative;overflow:hidden}.image-preview-item:hover{border-color:var(--brand-300)}.image-preview-item.main-image{border-color:var(--brand-500)}.image-preview-item img{object-fit:cover;width:100%;height:100%}.image-preview-actions{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab3;justify-content:center;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.image-preview-actions .btn{color:#fff;min-width:0;padding:2px 5px;font-size:.65rem}.image-preview-actions .btn-outline{border-color:#ffffff80}.image-preview-actions .btn-danger{font-size:.7rem}.image-badge{background:linear-gradient(135deg, var(--brand-500), var(--accent-500));color:#fff;border-radius:var(--r-xs);letter-spacing:.04em;padding:2px 7px;font-size:.6rem;font-weight:700;position:absolute;top:4px;left:4px}.order-success{text-align:center;padding:2rem 0}.order-success h2{font-family:var(--font-display);font-size:var(--fs-30);letter-spacing:var(--tracking-tighter);color:var(--success);margin-bottom:.5rem}.order-success .order-id{font-family:var(--font-display);font-size:var(--fs-18);font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:var(--tracking-tight);margin-bottom:1.5rem;font-weight:600}.expect-steps{text-align:left;border-radius:var(--r-md);background:#f0fdf4;border:1px solid #bbf7d0;max-width:520px;margin:0 auto 1.5rem;padding:1.5rem 1.75rem}.expect-steps h3{font-size:var(--fs-16);color:#166534;letter-spacing:var(--tracking-tight);margin-bottom:.75rem}.expect-steps ol{padding-left:1.5rem}.expect-steps ol li{color:var(--text-body);font-size:var(--fs-14);line-height:var(--lh-relaxed);margin-bottom:.5rem;list-style:decimal}@media (width<=768px){.menu-toggle{display:block}.nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#fffffffa;flex-direction:column;gap:0;padding:1rem 1.25rem;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 8px 28px #0f172a14}.nav.nav-open{display:flex}.nav a,.nav .btn-link{border-bottom:1px solid var(--ink-100);width:100%;padding:.85rem 0}.nav a:after{display:none}.hero-banner{padding:3.5rem 0}.footer-grid{grid-template-columns:1fr;gap:2rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.product-card-img{height:150px}.product-card-info{padding:.8rem}.product-card-info h3{font-size:var(--fs-14)}.product-card>.btn{font-size:var(--fs-13);margin:0 .75rem .75rem}.filters-toggle{display:inline-flex}.products-filters{display:none}.products-filters.open{flex-direction:column;display:flex}.product-detail{grid-template-columns:1fr;gap:1.5rem}.product-detail-gallery{min-height:260px}.sticky-add-to-cart{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;padding:.8rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 22px #0f172a14}.sticky-add-to-cart span{font-family:var(--font-display);font-weight:700;font-size:var(--fs-18);letter-spacing:var(--tracking-tight);color:var(--text)}.sticky-add-to-cart .btn{flex-shrink:0}.cart-layout{grid-template-columns:1fr}.cart-item{grid-template-columns:50px 1fr;gap:.75rem}.cart-item-qty{grid-column:1/-1}.cart-item-total{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.cart-summary{position:static}.checkout-layout{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(3,1fr)}.features-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.admin-sidebar{transition:transform var(--d-base) var(--ease);transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-toggle{z-index:199;background:linear-gradient(135deg, var(--admin-sidebar-toggle-stop-1), var(--admin-sidebar-toggle-stop-2));color:#fff;font-size:var(--fs-14);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.8rem 1rem;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.admin-main{margin-left:0;padding:3.5rem 1rem 1.5rem}}@media (width<=480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 .85rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}