@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw;overscroll-behavior-y:none}body{font-family:Poppins,Inter,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}#root{width:100%;max-width:100vw;overflow-x:hidden;position:relative}:root{--primary: #2563EB;--primary-light: #3B82F6;--primary-glow: rgba(37, 99, 235, .15);--secondary: #2563EB;--secondary-glow: rgba(37, 99, 235, .2);--accent: #FF6B35;--accent-glow: rgba(255, 107, 53, .18);--danger: #EF4444;--warning: #F59E0B;--star: #FBBF24;--bg: #F2F4F6;--bg-card: #FFFFFF;--bg-surface: #F8FAFC;--text: #1C1C1C;--text-muted: #6B7280;--text-light: #9CA3AF;--border: rgba(0, 0, 0, .06);--shadow-xs: 0 1px 3px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.07);--shadow: 0 4px 16px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--shadow-xl: 0 16px 48px rgba(0,0,0,.18);--r-xs: 6px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--t: .2s var(--ease);--t-slow: .35s var(--ease);--navbar-h: 116px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:99px}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--text)}p{line-height:1.6}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 16px}@media print{.no-print{display:none!important}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:var(--r-sm);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--t);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:linear-gradient(135deg,var(--accent),#e55a20);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-secondary:hover{transform:translateY(-1px)}.btn-ghost{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-card)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary-glow);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.input{width:100%;padding:12px 16px;border-radius:var(--r);border:2px solid var(--border);background:var(--bg-card);color:var(--text);font-family:Poppins,sans-serif;font-size:15px;transition:border-color var(--t),box-shadow var(--t);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input.error{border-color:var(--danger);box-shadow:0 0 0 3px #ef444426}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar{position:sticky;top:0;z-index:200;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 16px #0000000d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-top:env(safe-area-inset-top,0px)}.navbar-inner{width:100%;max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;flex-direction:column;gap:10px}.nav-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.nav-logo-text{font-size:30px;font-weight:900;color:var(--primary);letter-spacing:-1.2px}.nav-delivery-badge{background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--r-full);padding:3px 10px}.nav-delivery-time{font-size:11px;font-weight:800;color:#fff;white-space:nowrap}.nav-location-btn{display:flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r);padding:7px 12px;cursor:pointer;color:var(--text);transition:all var(--t);max-width:170px}.nav-location-btn:hover{border-color:var(--primary);background:var(--primary-glow)}.nav-location-btn svg{color:var(--primary);flex-shrink:0}.nav-location-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.nav-location-label{font-size:10px;font-weight:600;color:var(--text-muted);line-height:1}.nav-location-name{font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:40px;height:40px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--t);position:relative}.icon-btn:hover{background:var(--primary-glow);color:var(--primary);border-color:var(--primary)}.cart-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);padding:0 3px}.nav-search-row{width:100%}.nav-search-wrap{position:relative;width:100%;max-width:720px;margin:0 auto}.nav-search-icon-svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.nav-search-input{width:100%;padding:13px 42px 13px 44px;border-radius:var(--r);border:2px solid var(--border);background:var(--bg-surface);color:var(--text);font-family:Poppins,sans-serif;font-size:14px;font-weight:500;outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}.nav-search-input::placeholder{color:var(--text-muted);font-weight:400}.nav-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px;display:flex;align-items:center;padding:0;z-index:2}.nav-search-clear:hover{color:var(--text)}.hero-banner{position:relative;width:100%;overflow:hidden;border-radius:0}.hero-slide{position:relative;width:100%;min-height:200px;display:flex;align-items:center;justify-content:space-between;padding:28px 24px;overflow:hidden}@media(min-width:768px){.hero-slide{min-height:260px;padding:40px 48px}}.hero-blob{position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:#ffffff1f;filter:blur(48px);pointer-events:none}.hero-content{position:relative;z-index:1;max-width:420px}.hero-badge{display:inline-flex;align-items:center;background:#ffffff38;color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:var(--r-full);margin-bottom:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3)}.hero-heading{font-size:clamp(22px,5vw,40px);font-weight:900;color:#fff;line-height:1.15;margin-bottom:10px;text-shadow:0 2px 8px rgba(0,0,0,.15)}.hero-sub{font-size:13px;color:#ffffffd1;margin-bottom:16px;font-weight:500;line-height:1.5}@media(min-width:768px){.hero-sub{font-size:15px}}.hero-pills{display:flex;gap:8px;flex-wrap:wrap}.hero-pill{display:inline-flex;align-items:center;background:#fff3;color:#fff;font-size:12px;font-weight:700;padding:5px 12px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-emoji-deco{position:absolute;right:24px;bottom:10px;font-size:clamp(64px,10vw,120px);opacity:.9;filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));pointer-events:none;line-height:1}@media(min-width:768px){.hero-emoji-deco{right:80px;bottom:20px}}.hero-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 6px;background:var(--bg)}.hero-dot{width:8px;height:8px;border-radius:var(--r-full);border:none;background:#d1d5db;cursor:pointer;transition:all .3s;padding:0}.hero-dot.active{background:var(--primary);width:24px}.category-grid-section{background:var(--bg-card);padding:16px 16px 12px;border-bottom:1px solid var(--border)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1280px;margin:0 auto}@media(min-width:480px){.category-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:768px){.category-grid{grid-template-columns:repeat(8,1fr);gap:12px}.category-grid-section{padding:20px 24px 16px}}.category-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;background:none;border:2px solid transparent;border-radius:var(--r);cursor:pointer;transition:all var(--t);font-family:Poppins,sans-serif}.category-tile:hover{background:var(--bg-surface);transform:translateY(-2px)}.category-tile.active{border-color:var(--cat-color, var(--primary));background:var(--cat-bg, var(--primary-glow))}.category-icon{width:48px;height:48px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all var(--t)}.category-tile.active .category-icon{box-shadow:0 4px 12px #0003}@media(min-width:768px){.category-icon{width:56px;height:56px;font-size:28px}}.category-label{font-size:11px;font-weight:700;color:var(--text);text-align:center;line-height:1.2}.category-tile.active .category-label{color:var(--cat-color, var(--primary))}.catalog-page{background:var(--bg);min-height:100vh}.catalog-wrapper{display:flex;flex-direction:row;min-height:calc(100vh - var(--navbar-h));width:100%;max-width:1280px;margin:0 auto;align-items:flex-start}.category-sidebar{width:76px;position:sticky;top:var(--navbar-h);height:calc(100vh - var(--navbar-h));background:var(--bg-card);z-index:10;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.category-sidebar::-webkit-scrollbar{display:none}.sidebar-list{display:flex;flex-direction:column;padding:8px 0}.sidebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:12px 4px;cursor:pointer;color:var(--text-muted);font-weight:600;font-size:10px;transition:all var(--t);border-bottom:1px solid var(--border);width:100%}.sidebar-item:last-child{border-bottom:none}.sidebar-item.active{background:var(--primary-glow);color:var(--primary);border-left:3px solid var(--primary)}.sidebar-emoji{width:28px;height:28px;font-size:16px;border-radius:var(--r-sm);background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.sidebar-item.active .sidebar-emoji{background:var(--primary-glow)}@media(min-width:768px){.category-sidebar{width:220px;min-width:220px;padding:0}.sidebar-list{gap:2px;padding:16px 12px}.sidebar-item{flex-direction:row;justify-content:flex-start;text-align:left;padding:11px 14px;border-radius:var(--r);border:none;font-size:13px;gap:10px;border-bottom:none}.sidebar-item.active{background:var(--primary-glow);border-left:none;border-radius:var(--r)}.sidebar-emoji{width:32px;height:32px;font-size:18px}}.main-content{flex:1;padding:12px 10px;min-width:0;overflow:hidden}@media(min-width:768px){.main-content{padding:24px 28px}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-title{font-size:15px;font-weight:800;color:var(--text)}@media(min-width:768px){.section-header{margin-bottom:16px}.section-title{font-size:20px}}.see-all-btn{background:none;border:none;color:var(--primary);font-family:Poppins,sans-serif;font-weight:700;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);transition:background var(--t)}.see-all-btn:hover{background:var(--primary-glow)}.category-section{background:var(--bg-card);border-radius:var(--r-lg);padding:20px;margin-bottom:32px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.category-section .section-header{margin-bottom:16px}.category-section .product-grid{margin-bottom:12px}.search-results-label{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:12px}.product-grid{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:10px;padding-bottom:4px;align-items:stretch;-ms-overflow-style:none;scrollbar-width:none}.product-grid::-webkit-scrollbar{display:none}.product-grid .product-card{min-width:140px;max-width:156px;flex-shrink:0}@media(min-width:768px){.product-grid .product-card{min-width:180px;max-width:210px}.product-grid{gap:14px}}.product-grid-multi{display:grid!important;flex-wrap:unset;flex-direction:unset;overflow-x:unset;grid-template-columns:repeat(2,1fr)!important;gap:10px;padding-bottom:0;align-items:stretch}@media(min-width:480px){.product-grid-multi{grid-template-columns:repeat(3,1fr)!important}}@media(min-width:768px){.product-grid-multi{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))!important;gap:16px}}.product-grid-wrap{width:100%}.product-card{width:100%;display:flex;flex-direction:column;background:var(--bg-card);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--t),transform var(--t);position:relative;cursor:pointer}.product-card:hover{box-shadow:var(--shadow)}.pc-discount-badge{position:absolute;top:8px;left:8px;z-index:3;background:linear-gradient(135deg,var(--accent),#e55a20);color:#fff;font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--r-full);letter-spacing:.02em;box-shadow:0 2px 6px #ff6b3559}.pc-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#f8fafc;flex-shrink:0;padding:10px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.pc-out-of-stock-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ef4444e6;color:#fff;font-size:10px;font-weight:800;padding:4px 10px;border-radius:var(--r-sm);text-transform:uppercase;z-index:5;white-space:nowrap;box-shadow:0 4px 12px #ef44444d;pointer-events:none}.pc-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:var(--r-sm);transition:transform .3s var(--ease)}.product-card:hover .pc-img{transform:scale(1.05)}.pc-variants-badge{position:absolute;top:8px;right:8px;background:#2563eb1a;color:var(--primary);font-size:10px;font-weight:800;padding:3px 8px;border-radius:var(--r-sm);border:1px solid rgba(37,99,235,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pc-delivery-badge{position:absolute;bottom:8px;left:8px;background:#0000008c;color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--r-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pc-body{padding:10px;display:flex;flex-direction:column;flex:1;gap:4px}.pc-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:768px){.pc-name{font-size:14px}.pc-body{padding:12px}}.pc-rating-row{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted);font-weight:500}.pc-stars{color:var(--star);font-size:12px}.pc-rating-val{font-weight:700;color:var(--text)}.pc-rating-sep{color:var(--text-light)}.pc-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.pc-footer-row{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.pc-price-block{display:flex;flex-direction:column;gap:1px}.pc-price{font-size:16px;font-weight:900;color:var(--primary);line-height:1}.pc-mrp{font-size:11px;font-weight:500;color:var(--text-muted);text-decoration:line-through;line-height:1}.pc-add-btn{padding:7px 14px;border-radius:var(--r-sm);background:var(--bg-card);border:1.5px solid var(--primary);color:var(--primary);font-size:12px;font-weight:800;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t),color var(--t);letter-spacing:.04em}.pc-add-btn:hover{background:var(--primary);color:#fff}.pc-add-btn.disabled{background:#f1f5f9!important;border-color:#e2e8f0!important;color:#94a3b8!important;cursor:not-allowed!important}.pc-stepper{display:flex;align-items:center;background:var(--primary);border-radius:var(--r-sm);gap:2px;height:34px;padding:2px;min-width:80px}.pc-step-btn{width:28px;height:28px;border:none;background:transparent;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--r-xs);transition:background .15s;padding:0;line-height:1}.pc-step-btn:hover{background:#fff3}.pc-step-count{flex:1;font-size:14px;font-weight:800;color:#fff;text-align:center}.pc-add-zone{display:flex;align-items:center}.pc-fav-btn{position:absolute;top:8px;right:8px;z-index:4;width:30px;height:30px;border-radius:50%;border:none;background:#ffffffe0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 8px #0000001f;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;padding:0;line-height:1}.pc-fav-btn:hover{transform:scale(1.18);box-shadow:0 4px 14px #ef44444d;background:#fff}.pc-fav-btn.active{background:#fff5f5;box-shadow:0 2px 12px #ef444459}.pdm-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;background:var(--bg-card)}.pdm-fav-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-family:Poppins,sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--t)}.pdm-fav-btn:hover{border-color:#ef4444;background:#fff5f5;color:#ef4444}.pdm-fav-btn.active{background:#fff5f5;border-color:#ef4444;color:#ef4444}.pdm-fav-icon{font-size:16px;line-height:1}.pdm-fav-label{font-size:13px;font-weight:700}.nav-fav-btn{color:#ef4444!important;border-color:#ef444433!important}.nav-fav-btn:hover{background:#ef444414!important;border-color:#ef4444!important;color:#ef4444!important}.rec-section{background:var(--bg-card);border-bottom:1px solid var(--border);padding:16px 0 4px;margin-bottom:0;overflow:hidden}.rec-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.rec-title-group{display:flex;flex-direction:column;gap:2px}.rec-title{font-size:17px;font-weight:900;color:var(--text);line-height:1.2}@media(min-width:768px){.rec-title{font-size:20px}.rec-header{padding:0 24px 14px}}.rec-subtitle{font-size:11px;color:var(--text-muted);font-weight:500}.rec-badge{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:11px;font-weight:800;padding:5px 12px;border-radius:var(--r-full);white-space:nowrap;box-shadow:0 2px 8px var(--primary-glow)}.rec-scroll-track{display:flex;flex-direction:row;gap:10px;overflow-x:auto;padding:0 16px 16px;-ms-overflow-style:none;scrollbar-width:none;align-items:stretch}.rec-scroll-track::-webkit-scrollbar{display:none}@media(min-width:768px){.rec-scroll-track{gap:14px;padding:0 24px 20px}}.rec-card{min-width:140px;max-width:156px;flex-shrink:0;background:var(--bg-card);border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow-xs);cursor:pointer;position:relative;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--t),transform var(--t)}@media(min-width:768px){.rec-card{min-width:170px;max-width:190px}}.rec-fav-btn{position:absolute;top:7px;right:7px;z-index:4;width:28px;height:28px;border-radius:50%;border:none;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 6px #0000001a;transition:transform .15s}.rec-fav-btn:hover{transform:scale(1.15)}.rec-fav-btn.active{background:#fff5f5}.rec-img-wrap{aspect-ratio:1/1;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:8px;border-bottom:1px solid var(--border);overflow:hidden}.rec-img{width:100%;height:100%;object-fit:contain;border-radius:var(--r-sm);transition:transform .3s}.rec-card:hover .rec-img{transform:scale(1.05)}.rec-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;flex:1}.rec-name{font-size:12px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rec-rating-row{display:flex;align-items:center;gap:3px}.rec-star{color:var(--star);font-size:11px}.rec-rating{font-size:11px;font-weight:700;color:var(--text-muted)}.rec-price-row{display:flex;align-items:baseline;gap:5px}.rec-price{font-size:15px;font-weight:900;color:var(--primary);line-height:1}.rec-mrp{font-size:10px;font-weight:500;color:var(--text-muted);text-decoration:line-through}.rec-add-zone{margin-top:auto;padding-top:6px}.fav-page{min-height:calc(100vh - var(--navbar-h));background:var(--bg);padding-bottom:80px}.fav-header{display:flex;align-items:center;gap:12px;padding:16px 16px 12px;background:var(--bg-card);border-bottom:1px solid var(--border);position:sticky;top:var(--navbar-h);z-index:50}.fav-back-btn{background:none;border:none;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;color:var(--primary);cursor:pointer;padding:6px 12px;border-radius:var(--r-sm);transition:background var(--t);white-space:nowrap}.fav-back-btn:hover{background:var(--primary-glow)}.fav-title{font-size:20px;font-weight:900;color:var(--text);flex:1}.fav-count{font-size:13px;font-weight:700;color:var(--text-muted);background:var(--bg-surface);padding:4px 12px;border-radius:var(--r-full);white-space:nowrap}.fav-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:12px;text-align:center}.fav-empty-heart{font-size:72px;filter:drop-shadow(0 4px 16px rgba(239,68,68,.2));line-height:1}.fav-empty-title{font-size:22px;font-weight:900;color:var(--text);margin-top:8px}.fav-empty-sub{font-size:14px;color:var(--text-muted);font-weight:500}.fav-grid{padding-top:8px!important}.smart-sections{background:var(--bg);padding:0}.smart-section{padding:16px 0 4px;border-bottom:6px solid var(--bg);background:var(--bg-card);border-bottom:1px solid var(--border);margin-bottom:8px}.smart-section-header{padding:0 16px 10px;display:flex;align-items:center;justify-content:space-between}.smart-section-title{font-size:16px;font-weight:800;color:var(--text)}@media(min-width:768px){.smart-section-title{font-size:20px}.smart-section-header{padding:0 24px 12px}}.smart-section-scroll{display:flex;flex-direction:row;overflow-x:auto;gap:10px;padding:0 16px 14px;-ms-overflow-style:none;scrollbar-width:none}.smart-section-scroll::-webkit-scrollbar{display:none}@media(min-width:768px){.smart-section-scroll{padding:0 24px 16px;gap:14px}}.smart-card-wrap{flex-shrink:0;width:148px}@media(min-width:768px){.smart-card-wrap{width:190px}}.cart-backdrop{position:fixed;inset:0;background:#00000073;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cart-panel{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);background:var(--bg-card);z-index:400;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.cart-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cart-title{font-size:20px;font-weight:800;color:var(--text)}.cart-delivery-eta{font-size:12px;font-weight:600;color:var(--primary);margin-top:4px}.cart-close{width:36px;height:36px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all var(--t)}.cart-close:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.upsell-bar{padding:10px 16px 12px;background:#fff7ed;border-bottom:1px solid #FED7AA;flex-shrink:0}.upsell-bar.upsell-success{background:#eff6ff;border-bottom-color:#dbeafe;color:var(--primary);font-size:13px;font-weight:600;padding:12px 16px}.upsell-text{font-size:12px;font-weight:600;color:#92400e;margin-bottom:8px;line-height:1.4}.upsell-text strong{color:var(--accent)}.upsell-progress-track{height:6px;background:#fed7aa;border-radius:var(--r-full);overflow:hidden}.upsell-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--primary-light));border-radius:var(--r-full)}.cart-items{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;text-align:center;color:var(--text-muted);padding:40px 20px}.cart-empty .emoji{font-size:56px}.cart-empty p{font-size:15px;font-weight:600}.cart-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-surface);border-radius:var(--r);border:1px solid var(--border)}.cart-item-img{width:52px;height:52px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0;border:1px solid var(--border);background:#fff}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-price{font-size:12px;color:var(--text-muted);font-weight:500;margin-bottom:8px}.cart-item-actions{display:flex;align-items:center;justify-content:space-between}.cart-item-subtotal{font-size:14px;font-weight:800;color:var(--primary)}.cart-remove{width:28px;height:28px;border-radius:var(--r-full);border:none;background:transparent;color:var(--text-muted);font-size:14px;cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-remove:hover{background:#ef44441a;color:var(--danger)}.qty-stepper{display:flex;align-items:center;background:var(--primary);border-radius:var(--r-sm);gap:0;height:30px;overflow:hidden}.qty-btn{width:30px;height:30px;border:none;background:transparent;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;padding:0;line-height:1;flex-shrink:0}.qty-btn:hover{background:#fff3}.qty-count{min-width:30px;font-size:14px;font-weight:800;color:#fff;text-align:center}.cart-footer{padding:16px 20px 20px;border-top:1px solid var(--border);flex-shrink:0;display:flex;flex-direction:column;gap:10px}.cart-savings-row{display:flex;align-items:center;justify-content:space-between;background:#eff6ff;border:1px solid #DBEAFE;border-radius:var(--r);padding:8px 14px;font-size:13px;font-weight:600;color:#1e40af}.cart-savings-amount{font-size:14px;font-weight:800;color:var(--primary)}.cart-total-row{display:flex;align-items:center;justify-content:space-between}.cart-total-label{font-size:14px;font-weight:700;color:var(--text-muted)}.cart-total-amount{font-size:22px;font-weight:900;color:var(--text)}.cart-checkout-btn{width:100%;justify-content:center;font-size:16px;font-weight:800;padding:15px;border-radius:var(--r);background:linear-gradient(135deg,var(--primary),var(--primary-light));letter-spacing:.02em}.sticky-cart-bar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:250;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:var(--r-full);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:280px;max-width:calc(100vw - 32px);box-shadow:0 8px 32px #2563eb59;cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.skeleton-card{background:var(--bg-card);border-radius:var(--r);border:1px solid var(--border);overflow:hidden}.skeleton-img{width:100%;aspect-ratio:1 / 1}.skeleton-body{padding:12px;display:flex;flex-direction:column;gap:8px}.skeleton-line{height:12px;border-radius:99px}.skeleton-line.medium{width:80%}.skeleton-line.short{width:50%}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state .emoji{font-size:56px;margin-bottom:12px;display:block}.empty-state h3{font-size:18px;font-weight:700;color:var(--text);margin-bottom:8px}.empty-state p{font-size:14px}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);padding:24px 16px;text-align:center;color:var(--text-muted);font-size:13px;font-weight:500}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);padding:24px 16px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border-radius:var(--r-xl);padding:36px;box-shadow:var(--shadow-xl)}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-text{font-size:36px;font-weight:900;color:var(--primary);letter-spacing:-2px}.auth-logo-sub{font-size:13px;color:var(--text-muted);font-weight:500;margin-top:4px}.auth-title{font-size:22px;font-weight:800;color:var(--text);margin-bottom:6px}.auth-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{font-size:13px;font-weight:600;color:var(--text)}.form-hint{font-size:12px;color:var(--text-muted)}.form-error{font-size:12px;font-weight:600;color:var(--danger)}.auth-link{color:var(--primary);font-weight:700;font-size:14px;text-decoration:none;cursor:pointer}.auth-link:hover{text-decoration:underline}.pvm-wrapper{position:fixed;inset:0;z-index:2000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media(min-width:768px){.pvm-wrapper{align-items:center}}.pvm-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.pvm-container{position:relative;background:#fff;border-radius:24px 24px 0 0;z-index:1;max-height:85vh;width:100%;max-width:520px;overflow-y:auto;display:flex;flex-direction:column;pointer-events:auto;box-shadow:0 -10px 40px #0000001a}@media(min-width:768px){.pvm-container{border-radius:24px;box-shadow:0 20px 60px #0003}}.pvm-handle{width:40px;height:4px;background:#e2e8f0;border-radius:2px;margin:12px auto 4px;flex-shrink:0}.pvm-header{padding:16px 20px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #F1F5F9}.pvm-img-wrap{width:64px;height:64px;border-radius:12px;overflow:hidden;border:1px solid #F1F5F9;flex-shrink:0}.pvm-img{width:100%;height:100%;object-fit:cover}.pvm-title{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:2px}.pvm-category{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.02em}.pvm-desc{font-size:13px;color:#94a3b8;margin-top:2px}.pvm-close{width:32px;height:32px;border-radius:50%;background:#f8fafc;border:1px solid #F1F5F9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.pvm-close:hover{background:#f1f5f9}.pvm-hint{padding:12px 20px;font-size:12px;font-weight:700;color:#64748b;background:#f8fafc;text-transform:uppercase;letter-spacing:.05em}.pvm-list{padding:8px 20px 24px}.pvm-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F1F5F9}.pvm-row:last-child{border-bottom:none}.pvm-info{flex:1}.pvm-price{font-size:18px;font-weight:900;color:#111827}.pvm-price span{font-size:13px;font-weight:600;color:#64748b;margin-left:2px}.pvm-grade{font-size:14px;font-weight:600;color:#475569}.pvm-footer{position:sticky;bottom:0;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 20px;border-top:1px solid #F1F5F9}.pvm-view-cart{width:100%;padding:14px;font-size:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-card);z-index:2}.modal-title{font-size:18px;font-weight:800;color:var(--text)}.modal-close{width:36px;height:36px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--t)}.modal-close:hover{background:var(--danger);color:#fff}.modal-body{padding:16px 20px 24px}.variant-option{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--r);border:2px solid var(--border);margin-bottom:10px;cursor:pointer;transition:all var(--t);background:var(--bg-card)}.variant-option:hover,.variant-option.selected{border-color:var(--primary);background:var(--primary-glow)}.variant-img{width:56px;height:56px;border-radius:var(--r-sm);object-fit:cover;border:1px solid var(--border);background:#fff;flex-shrink:0}.variant-info{flex:1;min-width:0}.variant-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.variant-price{font-size:16px;font-weight:900;color:var(--primary)}.page-wrapper{max-width:800px;margin:0 auto;padding:24px 16px;min-height:calc(100vh - var(--navbar-h))}.page-title{font-size:24px;font-weight:900;color:var(--text);margin-bottom:24px}.order-card{background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-xs)}.order-status-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-full);font-size:12px;font-weight:700}.status-pending{background:#f59e0b1f;color:#92400e}.status-confirmed{background:#2563eb1f;color:var(--primary)}.status-delivered{background:#1d4ed81f;color:#1e40af}.status-cancelled{background:#ef44441f;color:var(--danger)}.confirm-page{max-width:640px;margin:0 auto;padding:24px 16px}@media(max-width:767px){.catalog-wrapper{padding-bottom:80px}}@media(min-width:1280px){.catalog-wrapper{padding:0 24px}}.catalog-container{min-height:calc(100vh - var(--navbar-h));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.confirm-card{background:var(--bg-card);border-radius:var(--r-xl);padding:32px 28px;box-shadow:var(--shadow-lg);border:1px solid var(--border);width:100%}.confirm-phone-group{display:flex;flex-direction:column;gap:6px}.confirm-phone-group label{font-size:13px;font-weight:600;color:var(--text)}.error-msg{color:var(--danger);font-size:13px;font-weight:600;background:#ef444414;padding:10px 14px;border-radius:var(--r);border:1px solid rgba(239,68,68,.2)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:32px}.step{display:flex;flex-direction:column;align-items:center;gap:6px}.step-circle{width:36px;height:36px;border-radius:var(--r-full);border:2px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--text-muted);transition:all var(--t)}.step.active .step-circle{border-color:var(--primary);background:var(--primary);color:#fff}.step.done .step-circle{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.step-label{font-size:11px;font-weight:600;color:var(--text-muted)}.step.active .step-label{color:var(--primary)}.step-line{flex:1;height:2px;background:var(--border);margin:0 4px 20px;transition:background var(--t)}.step-line.done{background:var(--primary)}.status-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--r-full);font-size:13px;font-weight:700}.profile-avatar{width:72px;height:72px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--primary),var(--primary-light));display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff;font-weight:800;flex-shrink:0}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:left;padding:10px 14px;background:var(--bg-surface);color:var(--text-muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border)}.admin-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--text)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg-surface)}.delivery-toggle{display:flex;flex-direction:column;gap:10px}.delivery-toggle label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-left:2px}.delivery-options{display:flex;background:#eeeff2;padding:5px;border-radius:16px;gap:6px}.delivery-option{flex:1;padding:12px;border:none;background:transparent;border-radius:12px;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:8px}.delivery-option.active{background:var(--bg-card);color:var(--primary);box-shadow:0 4px 12px #0000001a}.delivery-option:not(.active):hover{background:#ffffff80}.confirm-order-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;margin-bottom:28px;box-shadow:var(--shadow-sm)}.confirm-order-summary h3{font-size:15px;margin-bottom:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.confirm-item-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:12px}.confirm-total{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:2px dashed var(--border);font-weight:900;font-size:20px;color:var(--text)}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer;margin-bottom:24px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-full);transition:all var(--t);width:fit-content}.back-link:hover{border-color:var(--primary);color:var(--primary);transform:translate(-4px)}.btn-ghost{background:#fff;border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-xs)}.btn-ghost:hover{background:var(--bg-surface);border-color:var(--text-muted)}.btn-danger{background:#fff5f5!important;color:var(--danger)!important;border:1px solid #FED7D7!important;font-weight:700!important}.btn-danger:hover{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important}.order-success-card{text-align:center;padding:40px 32px!important}.order-success-title{font-size:28px;font-weight:900;margin-bottom:8px}.order-token-box{background:var(--bg-surface);border:2px dashed var(--primary);border-radius:var(--r-lg);padding:24px;margin-bottom:24px}.order-token-label{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.order-token-value{font-size:40px;font-weight:900;color:var(--primary);letter-spacing:2px;line-height:1;margin:8px 0 16px}.order-eta-chip{background:#fff7ed;color:#c2410c;padding:12px 20px;border-radius:var(--r);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #FFEDD5}.order-whatsapp-btn{background:#25d366;color:#fff;font-weight:800;font-size:16px;border-radius:var(--r);justify-content:center;box-shadow:0 4px 14px #25d3664d}.order-whatsapp-btn:hover{background:#128c7e;transform:translateY(-1px)}.profile-page{max-width:600px;margin:0 auto;padding:16px;min-height:100vh}.profile-header-card{background:#fff;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 4px 20px #0000000d;margin-bottom:24px;border:1px solid var(--border)}.profile-avatar{width:80px;height:80px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 16px;box-shadow:0 8px 16px var(--primary-glow)}.profile-name-display{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;margin-bottom:8px}.profile-name{font-size:20px;font-weight:800;color:var(--text);margin:0}.profile-edit-badge{font-size:11px;font-weight:700;color:var(--primary);background:var(--primary-glow);padding:2px 8px;border-radius:var(--r-full)}.profile-phone{font-size:14px;color:var(--text-muted);font-weight:500;margin-bottom:24px}.profile-stats-row{display:flex;justify-content:space-around;align-items:center;padding:16px 0 0;border-top:1px dashed var(--border)}.profile-stat{flex:1}.profile-stat-value{font-size:18px;font-weight:800;color:var(--text)}.profile-stat-label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.profile-stat-divider{width:1px;height:24px;background:var(--border)}.profile-section{margin-bottom:24px}.profile-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}.profile-section-title{font-size:16px;font-weight:800;color:var(--text);margin:0}.profile-order-card{background:#fff;border-radius:16px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);box-shadow:0 2px 8px #00000005;cursor:pointer;transition:transform .2s}.profile-order-token{font-size:13px;font-weight:800;color:var(--text)}.profile-order-meta{font-size:11px;color:var(--text-muted);font-weight:600}.profile-order-amount{font-size:14px;font-weight:800;color:var(--text);text-align:right}.profile-order-status{font-size:11px;font-weight:700}.profile-action-list{background:#fff;border-radius:16px;border:1px solid var(--border);overflow:hidden}.profile-action-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--text);transition:background .2s}.profile-action-row:last-child{border-bottom:none}.profile-action-row:hover{background:var(--bg-surface)}.profile-action-chevron{color:var(--text-light);font-size:18px}.profile-action-danger{color:var(--danger)}.profile-action-danger .profile-action-chevron{color:var(--danger);opacity:.5}.nav-login-btn{padding:6px 14px!important;font-size:13px!important;font-weight:800!important;border-radius:var(--r-full)!important}.profile-name-edit{display:flex;flex-direction:column;gap:12px;padding:8px 0}.profile-name-input{text-align:center;font-size:18px!important;font-weight:700!important;padding:12px!important}.profile-save-err{font-size:12px;color:var(--danger);margin:0}.profile-name-actions{display:flex;gap:8px;justify-content:center}.profile-save-toast{background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--r-full);font-size:13px;font-weight:700;margin:8px 0}.profile-empty-orders{text-align:center;padding:32px 0;color:var(--text-muted)}.profile-empty-orders p{margin-bottom:16px}.pdm-wrapper{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}@media(min-width:768px){.pdm-wrapper{align-items:center}}.pdm-backdrop{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto}.pdm-container{position:relative;background:#fff;border-radius:24px 24px 0 0;z-index:1;max-height:92vh;width:100%;overflow-y:auto;display:flex;flex-direction:column;pointer-events:auto;box-shadow:0 -10px 40px #0000001a}@media(min-width:768px){.pdm-container{width:600px;border-radius:24px;max-height:85vh;box-shadow:0 20px 60px #0003}}.pdm-header{position:sticky;top:0;background:#fff;padding:16px 20px;display:flex;justify-content:flex-end;z-index:10}.pdm-close{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:none;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pdm-content{padding:0 20px 40px}.pdm-hero{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}@media(min-width:480px){.pdm-hero{flex-direction:row;align-items:flex-start}}.pdm-img-wrap{width:100%;aspect-ratio:1;background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--border);flex-shrink:0}@media(min-width:480px){.pdm-img-wrap{width:200px}}.pdm-img{width:100%;height:100%;object-fit:contain;padding:10px}.pdm-main-info{flex:1}.pdm-eta{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.pdm-title{font-size:24px;font-weight:800;margin-bottom:8px}.pdm-subtitle{font-size:14px;color:var(--text-muted);margin-bottom:16px}.pdm-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.pdm-price-block{display:flex;flex-direction:column}.pdm-price{font-size:20px;font-weight:800}.pdm-mrp{font-size:14px;color:var(--text-light);text-decoration:line-through}.pdm-section{margin-top:32px;padding:20px;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border)}.pdm-section-title{font-size:16px;font-weight:800;margin-bottom:16px}.pdm-highlights-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.pdm-highlights-table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px}.pdm-highlights-table tr:last-child td{border-bottom:none}.pdm-highlights-label{width:40%;color:var(--text-muted);font-weight:600;background:var(--bg-surface)}.pdm-highlights-value{color:var(--text);font-weight:500}.pdm-desc-list{list-style:none}.pdm-desc-item{position:relative;padding-left:20px;margin-bottom:12px;font-size:14px;color:var(--text);line-height:1.5}.pdm-desc-item:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:800}.mobile-cart-bar-wrap{position:fixed;bottom:20px;left:0;right:0;padding:0 16px;z-index:900;display:flex;justify-content:center}.mobile-cart-bar{background:var(--primary);background:linear-gradient(135deg,var(--primary) 0%,#1e40af 100%);color:#fff;padding:14px 20px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px #1e40af66;cursor:pointer;border:1px solid rgba(255,255,255,.1);width:100%;max-width:600px}.mcb-left{display:flex;align-items:center;gap:16px}.mcb-count-badge{background:#fff;color:var(--primary);padding:6px 12px;border-radius:10px;font-size:13px;font-weight:800;box-shadow:0 4px 10px #0000001a}.mcb-total-info{display:flex;flex-direction:column}.mcb-total{font-size:17px;font-weight:800;letter-spacing:-.02em}.mcb-label{font-size:10px;font-weight:700;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.mcb-right{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;background:#ffffff26;padding:8px 16px;border-radius:12px;transition:background .2s}.mcb-right:hover{background:#ffffff40}.mcb-chevron{font-size:22px;line-height:1}.pc-stepper{display:flex;align-items:center;background:var(--primary);color:#fff;border-radius:var(--r-sm);padding:2px;gap:8px;box-shadow:0 4px 12px var(--primary-glow)}.pc-step-btn{background:none;border:none;color:#fff;font-size:18px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:800}.pc-step-count{font-size:14px;font-weight:800;min-width:20px;text-align:center}.category-sidebar{display:none!important}.catalog-wrapper{display:block!important}.catalog-main-content{width:100%;max-width:1280px;margin:0 auto;padding-bottom:80px}.zepto-cat-grid-section{background:var(--bg-card);border-bottom:1px solid var(--border);padding:14px 16px 10px}.zepto-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:1280px;margin:0 auto}@media(min-width:480px){.zepto-cat-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:640px){.zepto-cat-grid{grid-template-columns:repeat(6,1fr)}}@media(min-width:768px){.zepto-cat-grid{grid-template-columns:repeat(9,1fr);gap:12px}.zepto-cat-grid-section{padding:18px 24px 14px}}@media(min-width:1024px){.zepto-cat-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}}.zepto-cat-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:var(--r);cursor:pointer;transition:all var(--t);border:2px solid transparent;background:none;font-family:Poppins,sans-serif;text-align:center;-webkit-user-select:none;user-select:none}.zepto-cat-tile:hover{background:var(--bg-surface);transform:translateY(-2px)}.zepto-cat-tile.active{background:var(--bg-surface);border-color:var(--primary)}.zepto-cat-icon{width:52px;height:52px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 8px #0000001f;transition:transform var(--t),box-shadow var(--t)}.zepto-cat-tile:hover .zepto-cat-icon{transform:scale(1.08);box-shadow:0 4px 16px #0000002e}.zepto-cat-tile.active .zepto-cat-icon{box-shadow:0 4px 16px #00000040}.zepto-cat-tile span:last-child{font-size:10px;font-weight:700;color:var(--text);line-height:1.2}.zepto-cat-tile.active span:last-child{color:var(--primary)}@media(min-width:768px){.zepto-cat-icon{width:60px;height:60px;font-size:28px}.zepto-cat-tile span:last-child{font-size:11px}}.zepto-sticky-cat-bar{position:sticky;top:var(--navbar-h);z-index:100;background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:0 2px 8px #0000000f}.zepto-cat-pills-wrap{display:flex;overflow-x:auto;gap:8px;padding:10px 16px;scrollbar-width:none;-ms-overflow-style:none;max-width:1280px;margin:0 auto}.zepto-cat-pills-wrap::-webkit-scrollbar{display:none}.zepto-cat-pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:6px 14px;border-radius:var(--r-full);border:2px solid var(--border);background:var(--bg-surface);color:var(--text-muted);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--t);flex-shrink:0}.zepto-cat-pill:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.zepto-cat-pill.active{background:var(--primary-glow);font-weight:700}.zepto-subcat-bar{background:var(--bg);border-bottom:1px solid var(--border)}.zepto-subcat-pills{display:flex;overflow-x:auto;gap:8px;padding:8px 16px;scrollbar-width:none;-ms-overflow-style:none;max-width:1280px;margin:0 auto}.zepto-subcat-pills::-webkit-scrollbar{display:none}.zepto-subcat-pill{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 14px;border-radius:var(--r-full);border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-family:Poppins,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t);flex-shrink:0}.zepto-subcat-pill:hover{border-color:var(--primary);color:var(--primary)}.zepto-subcat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-glow)}.search-category-dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:500;padding:14px 16px;transform-origin:top center}.search-dropdown-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.search-dropdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}@media(min-width:480px){.search-dropdown-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:640px){.search-dropdown-grid{grid-template-columns:repeat(4,1fr)}}.search-dropdown-cat-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:var(--text);transition:all var(--t);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-dropdown-cat-btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.search-dropdown-emoji{font-size:16px;flex-shrink:0}.zepto-product-scroll{flex-wrap:nowrap!important;overflow-x:auto!important;display:flex!important}.pdm-options-section{padding-top:5px;border-top:1px solid #f0f0f0}.pdm-variant-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.pdm-variant-row{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;padding:12px;border:1px solid #eee;border-radius:12px;background:#fff;transition:all .2s ease}.pdm-variant-row:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.pdm-vr-img-wrap{width:48px!important;height:48px!important;border-radius:8px;overflow:hidden;background:#f9f9f9;flex-shrink:0}.pdm-vr-img-wrap img{width:100%!important;height:100%!important;object-fit:contain!important}.pdm-vr-info{flex:1}.pdm-vr-name{font-weight:700;font-size:14px;color:#1f2937}.pdm-vr-unit-price{font-size:12px;color:#6b7280;margin-top:2px}.pdm-vr-price-col{text-align:right;margin-right:8px}.pdm-vr-price{font-weight:800;font-size:16px;color:#111827}.pdm-vr-mrp{font-size:11px;color:#9ca3af;text-decoration:line-through}.pdm-vr-add-btn{background:#fff;color:#2563eb;border:1px solid #d1d5db;padding:6px 16px;border-radius:8px;font-weight:800;font-size:13px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-width:90px;box-shadow:0 1px 2px #0000000d}.pdm-vr-add-btn:hover{background:#f8fafc;border-color:#2563eb;transform:translateY(-1px)}.pc-stepper.small{padding:2px;min-width:90px;background:#f8fafc;border:1px solid #2563eb}.pc-stepper.small .pc-step-btn{padding:4px 10px;font-size:16px;color:#2563eb}.pc-stepper.small .pc-step-count{font-size:14px;font-weight:800;color:#111827}:root{--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--color-warning: #F59E0B;--color-notification: #EF4444;--color-success: #10B981;--color-text-muted: #6B7280;--radius-lg: 12px}@media(max-width:767px){.navbar-inner{padding:6px 12px;gap:6px}.nav-logo-text{font-size:22px;letter-spacing:-.8px}.nav-location-btn{padding:5px 8px;max-width:130px;min-height:44px;min-width:44px}.nav-location-label{font-size:9px}.nav-location-name{font-size:11px}.icon-btn{width:44px;height:44px}.nav-actions{gap:4px}}.nav-location-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--t)}.nav-location-btn:hover .nav-location-chevron{transform:rotate(180deg)}.nav-search-input:focus{border-color:var(--primary);background:var(--bg-card);box-shadow:0 0 0 3px var(--primary-glow)}@media(max-width:767px){.nav-search-input{font-size:13px;padding:11px 38px 11px 40px}}.product-card{border-radius:var(--radius-lg)!important}.pc-price,.pc-mrp,.rec-price,.rec-mrp{font-variant-numeric:tabular-nums}.pc-mrp{color:var(--color-text-muted)!important;font-size:var(--text-xs)}.rec-mrp{color:var(--color-text-muted)!important}.pc-price{font-size:var(--text-base);font-weight:900;color:var(--primary)}.pc-star-visual{display:inline-flex;align-items:center;gap:1px;line-height:1}.pc-rating-val{font-size:var(--text-xs);font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.pc-rating-reviews{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.rec-rating-count{font-size:10px;color:var(--color-text-muted);font-weight:500;margin-left:2px}.pc-add-btn{transition:background var(--t),color var(--t),transform .15s,box-shadow .15s}.pc-add-btn:active,.pc-add-btn.pulse{box-shadow:0 0 0 4px #2563eb33}.pc-fav-btn{background:#ffffffbf!important;backdrop-filter:blur(8px) saturate(1.5)!important;-webkit-backdrop-filter:blur(8px) saturate(1.5)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 2px 10px #00000024!important}.rec-fav-btn{background:#ffffffbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.5)}.smart-section-title{font-size:var(--text-lg)!important;text-wrap:balance;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.rec-title{font-size:var(--text-lg)!important;text-wrap:balance}.smart-section-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:800;letter-spacing:.03em;text-transform:uppercase;flex-shrink:0}.smart-section-scroll-outer{position:relative;overflow:hidden}.smart-section-scroll-outer:after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;z-index:5}.rec-scroll-outer{position:relative;overflow:hidden}.rec-scroll-outer:after{content:"";position:absolute;top:0;right:0;bottom:0;width:56px;background:linear-gradient(to right,transparent,var(--bg-card));pointer-events:none;z-index:5}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:250;display:flex;align-items:center;justify-content:space-around;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014;padding:0;height:60px;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:768px){.bottom-nav{display:none}}.bottom-nav-tab{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-family:Poppins,sans-serif;transition:color var(--t);position:relative;padding:8px 4px;min-height:44px}.bottom-nav-tab.active{color:var(--primary)}.bottom-nav-tab.cart-tab{color:var(--accent)}.bottom-nav-icon{position:relative;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:10px;font-weight:600;line-height:1}.bottom-nav-tab.active .bottom-nav-label{font-weight:800}.bottom-nav-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:var(--r-full)}.bottom-nav-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:var(--r-full);background:var(--accent);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-card);padding:0 3px;font-family:Poppins,sans-serif}@media(max-width:767px){body{padding-bottom:60px}}.min-order-banner{background:linear-gradient(135deg,#fff7ed,#fef3c7);border:1px solid #FED7AA;border-radius:var(--r);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:var(--text-xs);font-weight:600;color:#92400e;margin:8px 16px;flex-shrink:0}.min-order-banner-icon{font-size:18px;flex-shrink:0}.min-order-banner-text{flex:1;line-height:1.4}.min-order-banner strong{color:var(--accent)}.trust-strip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;overflow-x:auto;scrollbar-width:none}.trust-strip::-webkit-scrollbar{display:none}@media(min-width:768px){.trust-strip{padding:8px 24px;gap:12px}}.trust-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-full);background:var(--bg-card);border:1px solid var(--border);font-size:var(--text-xs);font-weight:700;color:var(--text-muted);white-space:nowrap;flex-shrink:0;box-shadow:var(--shadow-xs)}.trust-chip-cod{background:#10b98114;border-color:#10b98140;color:#065f46}.trust-chip-cod-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}.trust-chip-secure{background:#2563eb0f;border-color:#2563eb33;color:var(--primary)}.trust-chip-delivery{background:#f59e0b14;border-color:#f59e0b40;color:#92400e}.payment-icons-row{display:flex;align-items:center;gap:6px;padding:6px 16px 8px;background:var(--bg-surface);border-bottom:1px solid var(--border)}.payment-icon-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600;margin-right:4px;white-space:nowrap}.payment-icon-pill{padding:3px 8px;border-radius:4px;background:var(--bg-card);border:1px solid var(--border);font-size:10px;font-weight:800;color:var(--text);box-shadow:var(--shadow-xs);white-space:nowrap}.payment-icon-pill.upi{color:#4f46e5}.payment-icon-pill.gpay{color:#1a73e8}.payment-icon-pill.cash{color:#059669}.hero-dots{cursor:pointer;-webkit-user-select:none;user-select:none}.section-title{font-size:var(--text-lg)!important}@media(max-width:400px){.nav-logo-text{font-size:18px}.nav-location-btn{max-width:100px}.nav-actions{gap:2px}.icon-btn{width:38px;height:38px}}.navbar-trust-strip{display:flex;align-items:center;gap:8px;padding:5px 14px 6px;background:var(--bg-surface);border-top:1px solid var(--border);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.navbar-trust-strip::-webkit-scrollbar{display:none}.navbar-payment-pills{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}:root{--navbar-h: 130px}@media(max-width:767px){:root{--navbar-h: 110px}}@media(min-width:768px){:root{--navbar-h: 120px}.navbar-trust-strip{padding:5px 24px 6px;gap:12px}}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:#1c1c1e;color:#fff;padding:10px 20px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;font-family:Poppins,sans-serif;box-shadow:0 4px 20px #0000004d;padding-top:calc(10px + env(safe-area-inset-top,0px))}.offline-banner svg{flex-shrink:0;opacity:.9}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-card{background:var(--bg-card);border-radius:var(--radius-lg, 12px);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;min-height:220px}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 0%,#e8eaf0 50%,var(--bg-surface) 100%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:6px}.skeleton-img{width:100%;aspect-ratio:1/1;border-radius:0;border-bottom:1px solid var(--border)}.skeleton-body{padding:10px;display:flex;flex-direction:column;gap:8px;flex:1}.skeleton-line{height:12px;border-radius:6px}.skeleton-line.medium{width:75%}.skeleton-line.short{width:45%}.skeleton-line.long{width:90%}.skeleton-price{height:18px;width:55%;margin-top:auto;border-radius:6px}.page-transition-wrapper{width:100%;will-change:opacity,transform}.bottom-nav{padding-bottom:max(env(safe-area-inset-bottom,0px),4px);height:calc(60px + env(safe-area-inset-bottom,0px))}@media(max-width:767px){body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.profile-page-header{display:flex;align-items:center;padding:14px 16px 0;gap:12px}.profile-back-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--primary);font-family:Poppins,sans-serif;font-size:14px;font-weight:700;cursor:pointer;padding:8px 4px;border-radius:var(--r-sm);transition:background var(--t);min-height:44px}.profile-back-btn:hover{background:var(--primary-glow)}.bottom-nav-tab.cart-tab{transition:color var(--t)}