:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px);--primary-dark:#103820;--primary:#237a44;--primary-hover:#1b6337;--primary-light:#2ea65a;--primary-subtle:#eaf7ee;--accent-gold:#e69d00;--accent-orange:#e76f51;--accent-red:#e63946;--whatsapp-green:#25d366;--bg-app:#f6f9f6;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f0f7f2;--bg-glass:#ffffffe6;--text-main:#14221a;--text-muted:#5f7467;--text-light:#8fa297;--text-white:#fff;--border-light:#e3ede6;--border-green:#c8e6d2;--shadow-sm:0 2px 8px #1238200f;--shadow-md:0 8px 24px #12382014;--shadow-lg:0 16px 36px #1238201f;--shadow-float:0 20px 40px #1238202e;--radius-xs:8px;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-full:9999px;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-fast:.18s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.3s cubic-bezier(.16, 1, .3, 1);--transition-bounce:.45s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5;overflow-x:hidden}.sarvana-main-wrapper{background-color:var(--bg-app);flex-direction:column;min-height:100dvh;display:flex;position:relative}.main-content-container{width:100%;max-width:1200px;margin:0 auto;padding-bottom:100px}@media (width>=992px){.main-content-container{padding-bottom:50px}}.store-header{z-index:80;border-bottom:1px solid var(--border-light);padding-top:max(4px, env(safe-area-inset-top));background:#fff;position:sticky;top:0;box-shadow:0 2px 10px #1238200a}.header-top-row{box-sizing:border-box;justify-content:space-between;align-items:center;gap:8px;width:100%;max-width:1280px;margin:0 auto;padding:8px 12px;display:flex}@media (width>=768px){.header-top-row{gap:12px;padding:10px 16px}}.header-brand-group{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}@media (width>=768px){.header-brand-group{gap:10px}}.brand-logo-img{object-fit:contain;cursor:pointer;flex-shrink:1;max-width:140px;height:42px;max-height:42px;transition:transform .2s}@media (width>=576px){.brand-logo-img{max-width:180px;height:48px;max-height:48px}}@media (width>=992px){.brand-logo-img{max-width:280px;height:64px;max-height:64px}}.user-location-selector{background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;padding:4px 8px;font-size:.72rem;font-weight:600;display:flex}@media (width>=768px){.user-location-selector{padding:5px 10px;font-size:.78rem}}.user-location-selector:hover{border-color:var(--border-green);background:#e2f2e6}.location-text{white-space:nowrap;text-overflow:ellipsis;max-width:65px;overflow:hidden}@media (width>=480px){.location-text{max-width:90px}}@media (width>=768px){.location-text{max-width:140px}}.desktop-search-wrapper{flex:1;align-items:center;max-width:480px;display:none;position:relative}.desktop-search-wrapper input{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:44px;font-family:var(--font-body);color:var(--text-main);transition:var(--transition-fast);border:1.5px solid #0000;outline:none;padding:0 38px 0 42px;font-size:.9rem}.desktop-search-wrapper input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #237a441f}.search-icon-left{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;display:flex;position:absolute;right:12px}.desktop-only-btn,.desktop-only-text,.desktop-bulk-btn{display:none}@media (width>=992px){.desktop-only-text{display:inline}.desktop-only-btn,.desktop-bulk-btn{display:flex}}.header-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}@media (width>=768px){.header-actions{gap:8px}}.header-icon-btn{background:var(--bg-elevated);border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}@media (width>=768px){.header-icon-btn{width:38px;height:38px}}.header-icon-btn:hover{color:var(--primary);background:#e2f0e6}.user-auth-pill-btn{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);flex-shrink:0;align-items:center;gap:6px;padding:3px;display:flex}@media (width>=992px){.user-auth-pill-btn{padding:5px 12px 5px 6px}}.user-auth-pill-btn:hover{border-color:var(--border-green);background:#e2f2e6}.auth-avatar-circle{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:flex}@media (width>=768px){.auth-avatar-circle{width:30px;height:30px}}.auth-user-label{color:var(--text-main);white-space:nowrap;font-size:.82rem;font-weight:700}.header-cart-btn{background:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition-bounce);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex;position:relative}@media (width>=768px){.header-cart-btn{width:38px;height:38px}}@media (width>=992px){.header-cart-btn{border-radius:var(--radius-full);gap:8px;width:auto;height:auto;padding:8px 16px}}.header-cart-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.header-badge-cart{background:var(--accent-orange);color:#fff;border-radius:var(--radius-full);border:1.5px solid #fff;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:.68rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}@media (width>=992px){.header-badge-cart{border:none;position:static}}.header-badge{background:var(--accent-orange);color:#fff;border-radius:var(--radius-full);border:1.5px solid #fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.mobile-search-section{max-width:1200px;margin:0 auto;padding:10px 16px 14px}.mobile-search-headline{font-family:var(--font-heading);color:var(--primary-dark);margin-bottom:12px;font-size:1.55rem;font-weight:800;line-height:1.18}.mobile-search-bar-row{align-items:center;gap:8px;display:flex}.mobile-search-bar-row .search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.mobile-search-bar-row input{background:var(--bg-elevated);border-radius:var(--radius-full);width:100%;height:46px;font-family:var(--font-body);color:var(--text-main);transition:var(--transition-fast);border:1.5px solid #0000;outline:none;padding:0 38px 0 42px;font-size:.88rem}.mobile-search-bar-row input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #237a441f}.filter-toggle-btn{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-light);width:46px;height:46px;color:var(--text-main);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.filter-toggle-btn:hover,.filter-toggle-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.filter-sort-tray{flex-wrap:wrap;align-items:center;gap:8px;max-width:1200px;margin:0 auto;padding:0 16px 12px;display:flex}.sort-chip-btn{color:#14221a;border-radius:var(--radius-full);cursor:pointer;background:#fff;border:1px solid #c8e6d2;padding:5px 12px;font-size:.76rem;font-weight:600}.sort-chip-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notifications-popover{z-index:100;background:#fff;border:1px solid #e3ede6;border-radius:16px;width:calc(100vw - 24px);max-width:320px;padding:14px;position:absolute;top:60px;right:12px;box-shadow:0 10px 30px #12382026}@media (width>=992px){.desktop-search-wrapper,.desktop-bulk-btn,.desktop-only-btn{display:flex}.mobile-search-section{display:none}}.seasonal-section{padding:12px 16px 6px}.section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.section-title{font-family:var(--font-heading);color:var(--primary-dark);font-size:1.2rem;font-weight:800}.section-see-all{color:var(--primary);cursor:pointer;align-items:center;gap:2px;font-size:.85rem;font-weight:700;display:flex}.section-see-all:hover{text-decoration:underline}.banner-carousel-wrapper{border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;background:#1b3d26;height:180px;position:relative;overflow:hidden}@media (width>=992px){.banner-carousel-wrapper{border-radius:var(--radius-lg);height:260px}}.banner-slide-img{object-fit:cover;filter:brightness(.85);width:100%;height:100%;transition:transform .5s}.banner-carousel-wrapper:hover .banner-slide-img{transform:scale(1.03)}.banner-slide-overlay{color:#fff;background:linear-gradient(90deg,#0e2616e0 0%,#0e261673 60%,#0e26161a 100%);flex-direction:column;justify-content:space-between;padding:16px;display:flex;position:absolute;inset:0}@media (width>=992px){.banner-slide-overlay{padding:24px}}.banner-badge-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);letter-spacing:.3px;text-transform:uppercase;background:#ffffff40;border:1px solid #fff6;align-self:flex-start;padding:4px 10px;font-size:.72rem;font-weight:700}.banner-info-content h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:800;line-height:1.2}@media (width>=992px){.banner-info-content h3{font-size:1.8rem}}.banner-info-content p{color:#ffffffe6;margin-top:2px;font-size:.85rem}.banner-dots{align-items:center;gap:5px;display:flex;position:absolute;bottom:12px;right:16px}.banner-dot-item{width:6px;height:6px;transition:var(--transition-fast);background:#fff6;border-radius:50%}.banner-dot-item.active{background:#5ae488;border-radius:4px;width:16px}.category-filter-bar{scrollbar-width:none;align-items:center;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.category-filter-bar::-webkit-scrollbar{display:none}.category-pill{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition-fast);align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.category-pill:hover{background:var(--bg-elevated);color:var(--text-main)}.category-pill.active{background:var(--primary-dark);color:#fff;border-color:var(--primary-dark);box-shadow:0 4px 12px #10382033}.bulk-promo-banner-wrapper{padding:0 16px 6px}.bulk-promo-card{border-radius:var(--radius-md);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#103820 0%,#1e5e37 100%);justify-content:space-between;align-items:center;padding:12px 16px;transition:transform .2s;display:flex}.bulk-promo-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bulk-promo-icon{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.bulk-promo-title{font-family:var(--font-heading);color:#fff;font-size:.95rem;font-weight:800}.bulk-promo-desc{color:#ffffffd9;font-size:.74rem}.product-section{padding:10px 16px 20px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=768px){.product-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:20px}}.product-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-green);transform:translateY(-3px)}.product-card-thumb{background:#f2f7f3;width:100%;padding-top:85%;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.product-card:hover .product-card-img{transform:scale(1.06)}.btn-wishlist-heart{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:30px;height:30px;color:var(--text-muted);cursor:pointer;z-index:2;transition:var(--transition-bounce);background:#ffffffe0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000001f}.btn-wishlist-heart:hover{transform:scale(1.15)}.btn-wishlist-heart.active{color:var(--accent-red);background:#ffe3e3}.stock-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#5ae488;border-radius:var(--radius-full);background:#103820d1;padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;bottom:8px;left:8px}.product-card-body{flex-direction:column;flex:1;padding:10px;display:flex}.product-card-title{font-family:var(--font-heading);color:var(--text-main);margin-bottom:2px;font-size:.92rem;font-weight:700;line-height:1.25}.product-card-unit{color:var(--text-muted);margin-bottom:6px;font-size:.74rem}.product-card-price-row{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.product-card-price{font-family:var(--font-heading);color:var(--primary-dark);font-size:1.05rem;font-weight:800}.product-card-price small{color:var(--text-muted);font-size:.72rem;font-weight:500}.product-card-dual-actions{flex-direction:column;gap:6px;width:100%;margin-top:auto;display:flex}.btn-card-add-cart{border-radius:var(--radius-full);color:#1e5e37;width:100%;height:35px;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:#eaf7ee;border:1.5px solid #a3e0b8;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.btn-card-add-cart:hover{color:#103820;background:#d4f0dc;border-color:#237a44}.btn-card-buy-now{border-radius:var(--radius-full);color:#fff;width:100%;height:35px;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-bounce);background:linear-gradient(135deg,#237a44 0%,#103820 100%);border:1px solid #5ae48866;justify-content:center;align-items:center;gap:6px;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 3px 10px #237a4447}.btn-card-buy-now:hover{background:linear-gradient(135deg,#1e5e37 0%,#0a2515 100%);transform:translateY(-1px);box-shadow:0 5px 14px #237a4461}.mobile-bottom-dock{bottom:max(12px, calc(env(safe-area-inset-bottom) + 6px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-full);z-index:90;background:#102a1af2;border:1px solid #ffffff26;justify-content:space-around;align-items:center;width:calc(100% - 24px);max-width:440px;padding:6px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 36px #00000073}@media (width>=992px){.mobile-bottom-dock{display:none}}.dock-item-btn{color:#ffffffa6;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4px 10px;display:flex}.dock-icon-box{justify-content:center;align-items:center;display:flex;position:relative}.dock-label{letter-spacing:.2px;margin-top:2px;font-size:.65rem;font-weight:700}.dock-item-btn.active{color:#5ae488}.dock-item-btn.active .dock-icon-box{transform:translateY(-1px)}.dock-bulk-highlight{color:#5ae488}.dock-badge{background:var(--accent-orange);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:.62rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-8px}.splash-wrapper{z-index:1000;color:#fff;background:#0c1a11;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0;overflow:hidden}.splash-bg-media{object-fit:cover;opacity:.88;width:100%;height:100%;animation:16s ease-in-out infinite alternate subtleZoom;position:absolute;inset:0;transform:scale(1.04)}@keyframes subtleZoom{0%{transform:scale(1.02)}to{transform:scale(1.08)}}.splash-overlay{z-index:1;background:linear-gradient(#0e2616b3 0%,#0e261633 40%,#0c1c11d9 75%,#08140cfa 100%);position:absolute;inset:0}.splash-content{z-index:2;width:100%;max-width:500px;height:100%;min-height:100dvh;padding:max(32px, calc(env(safe-area-inset-top) + 14px)) 20px max(28px, calc(env(safe-area-inset-bottom) + 16px)) 20px;box-sizing:border-box;flex-direction:column;justify-content:space-between;margin:0 auto;display:flex;position:relative}.splash-top-bar{justify-content:space-between;align-items:center;display:flex}.splash-logo-box{border-radius:var(--radius-full);background:#fffffff2;align-items:center;gap:8px;padding:6px 14px;display:flex}.btn-splash-skip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#fff3;border:1px solid #ffffff4d;padding:8px 20px;font-size:.85rem;font-weight:600}.btn-splash-skip:hover{background:#ffffff59;transform:translateY(-1px)}.splash-hero-text h1{font-family:var(--font-heading);color:#fff;margin-bottom:6px;font-size:2.3rem;font-weight:800;line-height:1.15}.splash-hero-text h1 .green-accent{color:#5ae488;display:block}.splash-hero-text p{color:#ffffffe0;max-width:340px;font-size:.98rem;line-height:1.45}.splash-pagination{gap:6px;margin-top:16px;display:flex}.splash-dot{width:24px;height:4px;transition:var(--transition-smooth);background:#ffffff4d;border-radius:4px}.splash-dot.active{background:#5ae488;width:36px}.get-started-action{margin-top:auto;padding-top:20px}.swipe-slider-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-full);cursor:pointer;width:100%;height:62px;transition:var(--transition-bounce);background:#ffffff29;border:1.5px solid #ffffff47;justify-content:space-between;align-items:center;padding:6px;display:flex;position:relative;overflow:hidden}.swipe-slider-btn:hover{background:#ffffff3d;transform:translateY(-2px)}.swipe-circle-icon{width:50px;height:50px;color:var(--primary-dark);transition:var(--transition-bounce);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #00000040}.swipe-slider-btn:hover .swipe-circle-icon{transform:scale(1.05)rotate(45deg)}.swipe-text{font-family:var(--font-heading);letter-spacing:.4px;color:#fff;font-size:1.05rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.swipe-chevrons{color:#ffffffb3;letter-spacing:-2px;align-items:center;padding-right:14px;display:flex}.product-detail-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;padding-top:env(safe-area-inset-top);background:#000000a6;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=768px){.product-detail-modal-overlay{padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom) 16px;align-items:center}}.product-detail-sheet{background:var(--bg-surface);width:100%;max-width:540px;max-height:calc(100vh - env(safe-area-inset-top,0px));max-height:calc(100dvh - env(safe-area-inset-top,0px));border-radius:28px 28px 0 0;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;position:relative;overflow-y:auto}@media (width>=768px){.product-detail-sheet{border-radius:24px;max-height:88vh}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail-top-nav{z-index:10;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;top:14px;left:0;right:0}.nav-circle-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:38px;height:38px;color:var(--text-main);cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition-fast);background:#ffffffe0;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;display:flex}.nav-circle-btn:hover{background:#fff;transform:scale(1.08)}.nav-sheet-title{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #00000080;font-size:.95rem;font-weight:700}.detail-hero-gallery{background:#142e1d;width:100%;height:290px;position:relative}.detail-main-img{object-fit:cover;width:100%;height:100%}.gallery-thumbnails-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);background:#00000080;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.gallery-thumb-item{object-fit:cover;cursor:pointer;width:44px;height:44px;transition:var(--transition-fast);border:2px solid #0000;border-radius:8px}.gallery-thumb-item.active{border-color:#5ae488;transform:scale(1.08)}.detail-quick-actions-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);grid-template-columns:repeat(4,1fr);gap:8px;padding:14px 18px;display:grid}.quick-action-item{border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:.75rem;font-weight:600;text-decoration:none;display:flex}.quick-action-item:hover{color:var(--primary);background:#e2f2e6}.quick-action-icon{width:32px;height:32px;color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-content-body{flex-direction:column;gap:16px;padding:18px;display:flex}.detail-main-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-title-group h2{font-family:var(--font-heading);color:var(--text-main);font-size:1.45rem;font-weight:800}.in-stock-label{color:var(--primary);margin-top:2px;font-size:.8rem;font-weight:600;display:inline-block}.detail-rating-row{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:.82rem;display:flex}.rating-star-icon{color:var(--accent-gold);fill:var(--accent-gold)}.detail-price-box{flex-direction:column;align-items:flex-end;display:flex}.detail-price-amount{font-family:var(--font-heading);color:var(--primary-dark);font-size:1.45rem;font-weight:800}.detail-unit-badge{color:var(--text-muted);font-size:.75rem}.unit-options-wrapper{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.unit-pill-btn{border-radius:var(--radius-full);background:var(--bg-elevated);border:1.5px solid var(--border-light);color:var(--text-main);cursor:pointer;transition:var(--transition-fast);padding:6px 14px;font-size:.82rem;font-weight:600}.unit-pill-btn.active{background:var(--primary-subtle);border-color:var(--primary);color:var(--primary-dark);font-weight:700}.detail-description-box h4{font-family:var(--font-heading);margin-bottom:4px;font-size:.95rem;font-weight:700}.detail-description-box p{color:var(--text-muted);font-size:.88rem;line-height:1.5}.nutrition-grid{background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-light);grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;display:grid}.nutrition-item{font-size:.78rem}.nutrition-item span{color:var(--text-main);font-weight:700;display:block}.related-products-section h4{font-family:var(--font-heading);margin-bottom:10px;font-size:1rem;font-weight:700}.related-thumbnails-row{scrollbar-width:none;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.related-thumb-card{border-radius:var(--radius-sm);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast);text-align:center;background:#fff;flex:0 0 76px;overflow:hidden}.related-thumb-card:hover{border-color:var(--primary);transform:translateY(-2px)}.related-thumb-card img{object-fit:cover;width:76px;height:60px}.related-thumb-card span{white-space:nowrap;text-overflow:ellipsis;padding:3px 2px;font-size:.68rem;font-weight:600;display:block;overflow:hidden}.detail-bottom-actions{background:var(--bg-surface);padding:14px 18px max(18px, calc(env(safe-area-inset-bottom) + 8px)) 18px;border-top:1px solid var(--border-light);align-items:center;gap:10px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 16px #0000000d}.qty-counter-box{background:var(--bg-elevated);border-radius:var(--radius-full);border:1px solid var(--border-light);align-items:center;gap:8px;padding:4px;display:flex}.qty-btn{border:1px solid var(--border-light);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.qty-btn:hover{background:var(--primary);color:#fff}.qty-display{text-align:center;min-width:24px;font-size:.95rem;font-weight:700}.btn-add-to-cart-large{background:var(--primary);border-radius:var(--radius-full);color:#fff;height:48px;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-bounce);border:none;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 6px 18px #237a4459}.btn-add-to-cart-large:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-auth-submit{border-radius:var(--radius-full);color:#fff;width:100%;height:52px;font-family:var(--font-heading);cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#237a44 0%,#103820 100%);border:1px solid #5ae48859;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:.98rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 22px #12382047}.btn-auth-submit:hover{background:linear-gradient(135deg,#1e5e37 0%,#0a2515 100%);border-color:#5ae488;transform:translateY(-2px);box-shadow:0 12px 28px #12382061}.btn-auth-submit:active{transform:translateY(0)}.btn-admin-unlock{border-radius:var(--radius-full);color:#fff;width:100%;height:50px;font-family:var(--font-heading);cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#103820 0%,#061a0d 100%);border:1.5px solid #5ae48866;justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:.95rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #10382059}.btn-admin-unlock:hover{background:linear-gradient(135deg,#195230 0%,#0a2515 100%);border-color:#5ae488;transform:translateY(-2px);box-shadow:0 12px 28px #10382073}.btn-admin-unlock:active{transform:translateY(0)}.btn-browse-produce{border-radius:var(--radius-full);color:#fff;min-width:200px;height:48px;font-family:var(--font-heading);cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#237a44 0%,#103820 100%);border:1px solid #5ae48866;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #237a4452}.btn-browse-produce:hover{background:linear-gradient(135deg,#1e5e37 0%,#0a2515 100%);border-color:#5ae488;transform:translateY(-2px);box-shadow:0 10px 26px #12382066}.btn-browse-produce:active{transform:translateY(0)}.btn-whatsapp-direct{border-radius:var(--radius-full);color:#fff;height:48px;font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:#25d366;border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:.9rem;font-weight:700;display:flex;box-shadow:0 6px 18px #25d3664d}.cart-drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#000000a6;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-drawer{background:var(--bg-surface);width:100%;max-width:440px;height:100dvh;box-shadow:var(--shadow-float);padding-top:env(safe-area-inset-top);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) slideLeft;display:flex}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.btn-back-step{background:var(--bg-elevated);border:1px solid var(--border-green);width:32px;height:32px;color:var(--primary-dark);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-back-step:hover{background:var(--primary);color:#fff}.checkout-step-tabs{background:#f0f7f2;border-bottom:1px solid #d1e8d9;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;display:flex}.checkout-step-tab{color:#5f7467;cursor:pointer;transition:var(--transition-fast);align-items:center;gap:6px;font-size:.78rem;font-weight:700;display:flex}.checkout-step-tab.active{color:#103820}.checkout-step-tab.completed{color:#237a44}.step-num{color:#103820;background:#d1e8d9;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.checkout-step-tab.active .step-num{color:#fff;background:#237a44}.checkout-step-tab.completed .step-num{color:#5ae488;background:#103820}.step-divider{background:#d1e8d9;flex:1;height:2px;margin:0 4px}.cart-free-delivery-banner{background:linear-gradient(135deg,#eaf7ee 0%,#d8f2df 100%);border-bottom:1px solid #c8e6d2;padding:10px 18px}.delivery-progress-track{background:#237a4426;border-radius:10px;width:100%;height:5px;overflow:hidden}.delivery-progress-fill{background:linear-gradient(90deg,#237a44 0%,#5ae488 100%);border-radius:10px;height:100%;transition:width .4s}.cart-items-scroll{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.checkout-step2-scroll{flex-direction:column;flex:1;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}.cart-item-card-modern{background:#fff;border:1.5px solid #edf4ef;border-radius:16px;align-items:center;gap:12px;padding:12px;transition:border-color .2s;display:flex;box-shadow:0 2px 8px #12382008}.cart-item-card-modern:hover{border-color:#c8e6d2}.cart-item-thumb-modern{object-fit:cover;border:1px solid #edf4ef;border-radius:12px;flex-shrink:0;width:62px;height:62px}.cart-item-info{flex:1;min-width:0}.cart-item-title{font-family:var(--font-heading);color:#103820;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.cart-item-unit-badge{color:#5f7467;background:#f0f7f2;border-radius:4px;margin:2px 0 4px;padding:1px 6px;font-size:.72rem;display:inline-block}.cart-item-pricing{align-items:center;gap:8px;display:flex}.cart-unit-rate{color:#237a44;font-size:.88rem;font-weight:700}.cart-line-total{color:#8fa297;font-size:.74rem}.cart-item-controls{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.btn-item-trash{color:#94a3b8;cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:2px}.btn-item-trash:hover{color:#dc2626}.modern-qty-box{border-radius:var(--radius-full);background:#f0f7f2;border:1px solid #c8e6d2;align-items:center;padding:2px 4px;display:flex}.modern-qty-btn{color:#103820;cursor:pointer;width:22px;height:22px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.modern-qty-btn:hover{color:#fff;background:#237a44}.modern-qty-val{text-align:center;color:#103820;min-width:20px;font-size:.85rem;font-weight:800}.checkout-card-box{background:#fff;border:1.5px solid #edf4ef;border-radius:16px;padding:14px;box-shadow:0 2px 8px #12382008}.checkout-card-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.checkout-card-header h4{font-family:var(--font-heading);color:#103820;flex:1;font-size:.92rem;font-weight:800}.required-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:700}.checkout-form-grid{flex-direction:column;gap:10px;display:flex}.checkout-label{color:#103820;margin-bottom:4px;font-size:.76rem;font-weight:700;display:block}.req-star{color:#dc2626}.checkout-input-wrapper{align-items:center;display:flex;position:relative}.input-ico{color:#5f7467;pointer-events:none;position:absolute;left:12px}.country-code{color:#1e5e37;pointer-events:none;font-size:.84rem;font-weight:700;position:absolute;left:12px}.checkout-input{width:100%;height:42px;font-family:var(--font-body);color:#14221a;background:#fbfdfb;border:1.5px solid #d1e8d9;border-radius:12px;outline:none;padding:0 12px 0 34px;font-size:.86rem;transition:all .2s}.checkout-input.with-prefix{padding-left:44px}.checkout-input:focus{background:#fff;border-color:#237a44;box-shadow:0 0 0 3px #237a441f}.err-text{color:#dc2626;margin-top:3px;font-size:.7rem;font-weight:600;display:block}.delivery-slots-grid{flex-direction:column;gap:8px;display:flex}.delivery-slot-card{cursor:pointer;background:#fbfdfb;border:1.5px solid #d1e8d9;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.delivery-slot-card.selected{background:#eaf7ee;border-color:#237a44}.delivery-slot-card input[type=radio]{accent-color:#237a44;margin-top:3px}.slot-title{color:#103820;font-size:.84rem;font-weight:800}.slot-sub{color:#5f7467;margin-top:1px;font-size:.72rem}.payment-method-pill{background:#f0f7f2;border:1px solid #c8e6d2;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;display:flex}.cart-drawer-footer{padding:14px 18px max(18px, calc(env(safe-area-inset-bottom) + 8px)) 18px;background:#fff;border-top:1px solid #edf4ef;flex-direction:column;gap:8px;display:flex;box-shadow:0 -4px 16px #1238200a}.cart-summary-line{color:#5f7467;justify-content:space-between;align-items:center;font-size:.84rem;display:flex}.cart-summary-line.total-line{font-family:var(--font-heading);color:#103820;border-top:1px dashed #d1e8d9;margin-top:2px;padding-top:8px;font-size:1.15rem;font-weight:800}.btn-whatsapp-order-main{border-radius:var(--radius-full);color:#fff;width:100%;height:52px;font-family:var(--font-heading);cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#25d366 0%,#16a34a 100%);border:1px solid #fff6;justify-content:center;align-items:center;gap:10px;font-size:.98rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 24px #25d36661}.btn-whatsapp-order-main:hover{background:linear-gradient(135deg,#20ba59 0%,#15803d 100%);transform:translateY(-2px);box-shadow:0 12px 28px #25d3667a}.trust-strip-mini{color:#5f7467;justify-content:center;align-items:center;gap:6px;margin-top:2px;font-size:.7rem;font-weight:600;display:flex}.order-success-view{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:30px 20px;display:flex}.order-success-icon-box{background:#eaf7ee;border:2px solid #a3e0b8;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.order-success-title{font-family:var(--font-heading);color:#103820;font-size:1.35rem;font-weight:800}.order-success-desc{color:#5f7467;max-width:320px;font-size:.86rem;line-height:1.5}.order-receipt-card{text-align:left;background:#f0f7f2;border:1px solid #c8e6d2;border-radius:16px;flex-direction:column;gap:6px;width:100%;padding:14px 18px;font-size:.82rem;display:flex}.receipt-row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.receipt-row.total{border-top:1px dashed #a3e0b8;margin-top:4px;padding-top:6px;font-weight:800}.bulk-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom)) 12px;box-sizing:border-box;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bulk-modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-float);box-sizing:border-box;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow-y:auto}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.bulk-header{color:#fff;background:linear-gradient(135deg,#103820 0%,#1f643a 100%);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.bulk-header h3{font-family:var(--font-heading);font-size:1.3rem;font-weight:800}.bulk-header p{color:#ffffffd9;font-size:.8rem}.bulk-crates-list{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.bulk-crate-item{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:12px;display:flex}.bulk-crate-thumb{border-radius:var(--radius-xs);object-fit:cover;width:54px;height:54px}.bulk-crate-info{flex:1}.bulk-crate-title{font-family:var(--font-heading);font-size:.92rem;font-weight:700}.bulk-crate-rates{color:var(--primary-dark);font-size:.8rem;font-weight:600}.bulk-crate-rates s{color:var(--text-light);margin-right:4px;font-weight:400}.bulk-qty-input-box{align-items:center;gap:4px;display:flex}.bulk-qty-input-box input{text-align:center;border-radius:var(--radius-xs);border:1px solid var(--border-light);width:60px;height:34px;font-size:.88rem;font-weight:700}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 40px);max-width:380px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast-item{color:#fff;border-radius:var(--radius-full);background:#103820;border:1px solid #5ae4884d;align-items:center;gap:10px;padding:12px 18px;font-size:.85rem;font-weight:600;animation:.3s cubic-bezier(.16,1,.3,1) slideDownToast;display:flex;box-shadow:0 10px 30px #00000059}@keyframes slideDownToast{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.toast-item.info{background:#1a2c3a;border-color:#5ab4e44d}.empty-state-box{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-state-icon{font-size:3rem}.empty-state-box h4{font-family:var(--font-heading);color:var(--text-main);font-size:1.15rem;font-weight:700}.centered-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom)) 12px;box-sizing:border-box;background:#08180eb8;justify-content:center;align-items:center;animation:.2s fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.centered-modal-box{border:1px solid var(--border-light);box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100dvh - 48px);animation:.25s cubic-bezier(.16,1,.3,1) zoomInModal;display:flex;overflow:hidden;box-shadow:0 25px 60px #0006}@keyframes zoomInModal{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.location-modal-header{border-bottom:1px solid var(--border-light);background:#fff;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.location-header-icon-box{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.location-modal-title{font-family:var(--font-heading);color:var(--primary-dark);font-size:1.15rem;font-weight:800;line-height:1.2}.location-modal-sub{color:var(--text-muted);font-size:.76rem}.delivery-speed-banner{border-bottom:1px solid var(--border-green);background:linear-gradient(135deg,#eaf7ee 0%,#d8f2df 100%);flex-direction:column;gap:2px;padding:10px 18px;display:flex}.pincode-search-wrapper{background:var(--bg-elevated);border:1.5px solid var(--border-light);border-radius:var(--radius-full);height:44px;transition:var(--transition-fast);align-items:center;gap:8px;padding:0 14px;display:flex}.pincode-search-wrapper:focus-within{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #237a441f}.pincode-search-wrapper input{font-family:var(--font-body);color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.88rem;font-weight:600}.pincode-result-success{background:#eaf7ee;border:1px solid #a3e0b8;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:10px 14px;font-size:.82rem;display:flex}.btn-select-pin{background:var(--primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;border:none;padding:6px 14px;font-size:.78rem;font-weight:700}.pincode-result-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 14px;font-size:.82rem;display:flex}.city-tabs-strip{background:#f0f7f2;border-radius:14px;gap:4px;margin:0 18px 10px;padding:4px;display:flex}.city-tab-btn{color:var(--text-main);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px;display:flex}.city-tab-btn span{font-size:.78rem;font-weight:700}.city-tab-btn small{color:var(--text-muted);font-size:.65rem;font-weight:600}.city-tab-btn.active{color:#fff;background:#237a44;box-shadow:0 2px 8px #237a444d}.city-tab-btn.active small{color:#c8e6d2}.pincode-list-scroll{flex-direction:column;flex:1;gap:8px;padding:0 18px 18px;display:flex;overflow-y:auto}.city-info-tag{border:1px dashed var(--border-green);background:#fbfdfb;border-radius:12px;padding:10px 12px}.pincode-item-row{background:var(--bg-elevated);border:1px solid var(--border-light);cursor:pointer;transition:var(--transition-fast);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pincode-item-row:hover{border-color:var(--border-green);background:#e2f2e6}.pincode-item-row.current{border:1.5px solid var(--primary);background:#eaf7ee}.pin-badge{color:#5ae488;font-family:var(--font-heading);letter-spacing:.5px;background:#103820;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:800}.btn-select-row{color:var(--primary-dark);border:1px solid var(--border-green);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#fff;padding:4px 10px;font-size:.74rem;font-weight:700}.pincode-item-row:hover .btn-select-row{background:var(--primary);color:#fff;border-color:var(--primary)}.desktop-admin-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#103820;border:1px solid #5ae48866;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.desktop-admin-btn:hover{background:#1b5330;transform:translateY(-1px)}.admin-layout-wrapper{color:#14221a;background:#0d1e13;flex-direction:column;min-height:100vh;display:flex}.admin-topbar{background:#103820;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.admin-badge-tag{color:#5ae488;background:#5ae48833;border:1px solid #5ae48859;border-radius:6px;padding:2px 8px;font-size:.68rem;font-weight:800}.btn-exit-admin{color:#103820;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#5ae488;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:800;display:inline-flex}.btn-exit-admin:hover{background:#fff;transform:translateY(-1px)}.admin-container{flex:1;width:100%;max-width:1400px;min-height:calc(100vh - 70px);margin:0 auto;display:flex}.admin-sidebar{background:#132a1c;border-right:1px solid #ffffff14;flex-direction:column;gap:6px;width:240px;padding:20px 12px;display:flex}.admin-nav-link{color:#ffffffbf;font-family:var(--font-body);cursor:pointer;text-align:left;transition:var(--transition-fast);background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.88rem;font-weight:600;display:flex}.admin-nav-link:hover{color:#fff;background:#ffffff14}.admin-nav-link.active{color:#fff;background:#237a44;font-weight:700;box-shadow:0 4px 12px #237a4459}.admin-main-panel{background:#f6f9f6;flex:1;padding:24px 30px;overflow-y:auto}.admin-page-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-heading{font-family:var(--font-heading);color:#103820;font-size:1.5rem;font-weight:800}.admin-subheading{color:#5f7467;margin-top:2px;font-size:.84rem}.btn-admin-action{color:#fff;border-radius:var(--radius-full);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-fast);background:#237a44;border:none;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:800;display:inline-flex;box-shadow:0 4px 14px #237a444d}.btn-admin-action:hover{background:#103820;transform:translateY(-1px)}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=992px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:#fff;border:1px solid #e3ede6;border-radius:16px;align-items:flex-start;gap:14px;padding:18px;display:flex;box-shadow:0 2px 10px #1238200a}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-label{color:#5f7467;font-size:.78rem;font-weight:600}.stat-number{font-family:var(--font-heading);color:#103820;margin-top:2px;font-size:1.45rem;font-weight:800;line-height:1.2}.stat-subtext{color:#237a44;margin-top:2px;font-size:.72rem;font-weight:600}.admin-card-section{background:#fff;border:1px solid #e3ede6;border-radius:16px;padding:20px;box-shadow:0 2px 10px #1238200a}.admin-table-responsive{background:#fff;border:1px solid #e3ede6;border-radius:16px;width:100%;overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.admin-data-table th{font-family:var(--font-heading);color:#103820;white-space:nowrap;background:#f0f7f2;border-bottom:1px solid #e3ede6;padding:12px 16px;font-weight:700}.admin-data-table td{color:#14221a;vertical-align:middle;border-bottom:1px solid #edf4ef;padding:12px 16px}.admin-data-table tr:hover{background:#fbfdfb}.admin-search-box{border-radius:var(--radius-full);background:#fff;border:1.5px solid #e3ede6;flex:1;align-items:center;gap:8px;max-width:360px;height:42px;padding:0 16px;display:flex}.admin-search-box input{font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;font-size:.86rem}.admin-inline-input{border:1px solid #c8e6d2;border-radius:6px;outline:none;padding:4px 8px;font-size:.85rem;font-weight:700}.stock-toggle-btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);border:none;padding:4px 10px;font-size:.72rem;font-weight:800}.stock-toggle-btn.in-stock{color:#237a44;background:#eaf7ee;border:1px solid #a3e0b8}.stock-toggle-btn.out-stock{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.btn-icon-action{cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:#f0f7f2;border:1px solid #e3ede6;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon-action:hover{background:#fff;transform:scale(1.08)}.btn-table-whatsapp{color:#fff;border-radius:var(--radius-full);transition:var(--transition-fast);background:#25d366;align-items:center;gap:5px;padding:5px 12px;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-table-whatsapp:hover{background:#1ea952}.admin-status-select{color:#103820;background:#f0f7f2;border:1px solid #c8e6d2;border-radius:8px;outline:none;padding:4px 8px;font-size:.78rem;font-weight:700}.admin-field-label{color:#103820;margin-bottom:4px;font-size:.8rem;font-weight:700;display:block}.badge-chip{color:#1e5e37;background:#eaf7ee;border:1px solid #c8e6d2;border-radius:6px;padding:2px 8px;font-size:.74rem;font-weight:700;display:inline-block}.status-pill{border-radius:var(--radius-full);padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-block}.status-whatsapp-dispatched{color:#0369a1;background:#e0f2fe}.status-out-for-delivery{color:#b45309;background:#fef3c7}.status-delivered{color:#15803d;background:#eaf7ee}.btn-link{color:#237a44;cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:700}.btn-link:hover{text-decoration:underline}.store-footer{color:#14221a;background:#fff;border-top:1px solid #e3ede6;margin-top:36px;padding:40px 18px 24px;box-shadow:0 -4px 20px #12382008}.store-footer-inner{max-width:1280px;margin:0 auto}.footer-pillars-grid{border-bottom:1px solid #edf4ef;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;padding-bottom:28px;display:grid}@media (width<=900px){.footer-pillars-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.footer-pillars-grid{grid-template-columns:1fr}}.footer-pillar-item{align-items:center;gap:12px;display:flex}.pillar-icon-box{background:#eaf7ee;border:1px solid #c8e6d2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;display:flex}.pillar-title{font-family:var(--font-heading);color:#103820;font-size:.88rem;font-weight:800}.pillar-desc{color:#5f7467;margin-top:2px;font-size:.74rem}.footer-main-grid{border-bottom:1px solid #edf4ef;grid-template-columns:2fr 1fr 1fr;gap:28px;padding-bottom:28px;display:grid}@media (width<=768px){.footer-main-grid{grid-template-columns:1fr;gap:22px}}.footer-col-title{font-family:var(--font-heading);color:#103820;letter-spacing:.5px;margin-bottom:12px;font-size:.95rem;font-weight:800}.footer-brand-desc{color:#4a5e52;max-width:420px;margin-bottom:14px;font-size:.82rem;line-height:1.55}.footer-contact-links{flex-direction:column;gap:8px;display:flex}.footer-contact-item{color:#237a44;transition:var(--transition-fast);align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.footer-contact-item:hover{color:#103820;transform:translate(2px)}.footer-links-list{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-links-list li{color:#3b4d42;cursor:pointer;transition:var(--transition-fast);align-items:center;gap:8px;font-size:.82rem;display:flex}.footer-links-list li:hover{color:#237a44;font-weight:700;transform:translate(3px)}.hub-badge{letter-spacing:.3px;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.hub-badge.same-day{color:#1e5e37;background:#eaf7ee;border:1px solid #a3e0b8}.hub-badge.two-day{color:#4a5e52;background:#f0f7f2;border:1px solid #c8e6d2}.footer-bottom-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.footer-copyright{color:#5f7467;font-size:.78rem}.footer-admin-link-btn{color:#5f7467;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#f6faf7;border:1px solid #c8e6d2;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;display:inline-flex}.footer-admin-link-btn:hover{color:#fff;background:#237a44;border-color:#237a44}.shake-animation{animation:.45s cubic-bezier(.36,.07,.19,.97) both shakeModal}@keyframes shakeModal{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.admin-topbar-brand{align-items:center;gap:12px;display:flex}.admin-topbar-logo{object-fit:contain;width:auto;height:44px}.admin-topbar-title{font-family:var(--font-heading);color:#fff;font-size:1.15rem;font-weight:800}.admin-topbar-sub{color:#a3e0b8;font-size:.72rem}.admin-topbar-actions{align-items:center;gap:8px;display:flex}.btn-lock-admin{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-lock-admin:hover{background:#fee2e2}.admin-mobile-tab-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#132a1c;border-bottom:1px solid #ffffff1a;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.admin-mobile-tab-strip::-webkit-scrollbar{display:none}.admin-mobile-tab-btn{border-radius:var(--radius-full);color:#fffc;white-space:nowrap;cursor:pointer;transition:var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;display:flex}.admin-mobile-tab-btn.active{color:#fff;background:#237a44;border-color:#5ae488;box-shadow:0 2px 8px #237a4466}.desktop-sidebar{display:flex}@media (width<=900px){.desktop-sidebar{display:none}}.admin-mobile-cards-list{grid-template-columns:1fr;gap:12px;display:grid}@media (width>=768px){.admin-mobile-cards-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1200px){.admin-mobile-cards-list{grid-template-columns:repeat(3,1fr)}}.admin-product-card-item{background:#fff;border:1px solid #e3ede6;border-radius:16px;flex-direction:column;gap:12px;padding:14px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #1238200a}.admin-product-card-item:hover{border-color:var(--border-green);box-shadow:0 4px 14px #12382014}.admin-card-header-flex{align-items:flex-start;gap:12px;display:flex}.admin-card-thumb{object-fit:cover;border:1px solid #edf4ef;border-radius:12px;flex-shrink:0;width:64px;height:64px}.admin-card-actions-bar{border-top:1px solid #edf4ef;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.btn-counter-step{cursor:pointer;color:#103820;width:24px;height:24px;transition:var(--transition-fast);background:#f0f7f2;border:1px solid #c8e6d2;border-radius:6px;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.btn-counter-step:hover{color:#fff;background:#237a44;border-color:#237a44}.admin-order-card{background:#fff;border:1px solid #e3ede6;border-radius:16px;padding:16px;box-shadow:0 2px 8px #1238200a}@media (width<=600px){.admin-topbar{padding:12px 14px}.admin-topbar-title{font-size:1rem}.admin-topbar-sub{display:none}.admin-main-panel{padding:16px 12px}}