:root{--primary:#0c831f;--primary-dark:#066a15;--primary-light:#e8f5e9;--primary-glow:#0c831f26;--primary-gradient:linear-gradient(135deg, #0c831f 0%, #14a828 100%);--secondary:#f7b731;--secondary-dark:#e09e1e;--text-main:#1a1a2e;--text-secondary:#3d3d5c;--text-muted:#7a7a8e;--text-light:#b0b0c0;--bg-body:#f5f5f5;--bg-card:#fff;--bg-input:#f0f0f5;--bg-elevated:#fff;--border-color:#e8e8ef;--border-light:#f0f0f5;--danger:#e74c3c;--success:#27ae60;--warning:#f39c12;--info:#3498db;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001a;--shadow-xl:0 16px 48px #0000001f;--shadow-up:0 -4px 16px #0000000f;--shadow-green:0 4px 20px #0c831f33;--shadow-card:0 2px 12px #0000000d;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition-fast:.15s var(--ease-out);--transition-normal:.25s var(--ease-out);--transition-slow:.4s var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes bounceIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmarkDraw{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family);background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}img{max-width:100%;display:block}.app-container{background-color:var(--bg-body);max-width:480px;min-height:100vh;box-shadow:var(--shadow-xl);margin:0 auto;position:relative;overflow-x:hidden}.page-content{min-height:100vh;padding-top:60px;padding-bottom:72px}.btn-primary{background:var(--primary-gradient);color:#fff;padding:14px var(--spacing-5);border-radius:var(--radius-lg);text-align:center;letter-spacing:.01em;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);box-shadow:var(--shadow-green);font-size:.95rem;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn-primary:active{transform:scale(.97)}.btn-primary:active:after{background:#ffffff26}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline{border:1.5px solid var(--primary);color:var(--primary);padding:12px var(--spacing-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;font-size:.9rem;font-weight:600}.btn-outline:hover{background-color:var(--primary-light)}.btn-outline:active{transform:scale(.97)}.input-field{border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-input);width:100%;color:var(--text-main);transition:all var(--transition-fast);padding:14px 16px;font-family:inherit;font-size:.95rem}.input-field:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 3px var(--primary-glow);outline:none}.input-field::placeholder{color:var(--text-light)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-4);margin-bottom:var(--spacing-4);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.text-h1{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1.2}.text-h2{letter-spacing:-.01em;font-size:1.2rem;font-weight:700;line-height:1.3}.text-h3{font-size:1.05rem;font-weight:700}.text-body{font-size:.95rem}.text-small{color:var(--text-muted);font-size:.82rem}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-secondary{color:var(--secondary)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mr-3{margin-right:var(--spacing-3)}.p-2{padding:var(--spacing-2)}.p-4{padding:var(--spacing-4)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.pt-4{padding-top:var(--spacing-4)}.pt-3{padding-top:var(--spacing-3)}.pb-3{padding-bottom:var(--spacing-3)}.text-center{text-align:center}.text-right{text-align:right}.w-full,.full-width{width:100%}.block{display:block}.rounded{border-radius:var(--radius-md)}.bg-yellow-50{background-color:#fefce8}.animate-fade-in{animation:fadeIn .4s var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-out) both}.animate-scale-in{animation:scaleIn .4s var(--ease-spring) both}.animate-bounce-in{animation:bounceIn .5s var(--ease-spring) both}.shimmer{background:linear-gradient(90deg, var(--bg-input) 25%, #e8e8ef 50%, var(--bg-input) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.header{background:var(--primary-gradient);width:100%;max-width:480px;height:60px;padding:0 var(--spacing-4);z-index:50;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 2px 16px #0c831f33}.header-left,.header-right{align-items:center;gap:var(--spacing-3);display:flex}.icon-btn{color:#ffffffe6;border-radius:var(--radius-full);width:38px;height:38px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.icon-btn:active{background:#ffffff26;transform:scale(.92)}.brand-name{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 3px #0000001a;font-size:1.2rem;font-weight:800}.cart-icon-wrapper{color:#fff;border-radius:var(--radius-full);width:38px;height:38px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.cart-icon-wrapper:active{background:#ffffff26;transform:scale(.92)}.cart-badge{color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;animation:bounceIn .35s var(--ease-spring);background:#ff3b30;justify-content:center;align-items:center;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-4px;box-shadow:0 2px 6px #ff3b3066}.bottom-nav{-webkit-backdrop-filter:blur(12px);z-index:50;width:100%;max-width:480px;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff2;border-top:1px solid #0000000a;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 20px #0000000f}.nav-item{color:var(--text-light);width:22%;transition:color var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 0;display:flex;position:relative}.nav-item.active{color:var(--primary)}.nav-item.active .icon-container{background:var(--primary-light);border-radius:var(--radius-full);padding:6px 16px}.icon-container{transition:all var(--transition-normal);border-radius:var(--radius-full);justify-content:center;align-items:center;padding:6px 16px;display:flex;position:relative}.nav-label{letter-spacing:.01em;transition:color var(--transition-fast);font-size:.62rem;font-weight:600}.nav-item.active .nav-label{color:var(--primary);font-weight:700}.nav-badge{color:#fff;border-radius:var(--radius-full);background:#ff3b30;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:0;right:4px;box-shadow:0 2px 6px #ff3b304d}.banner-container{border-radius:var(--radius-xl);width:100%;margin-bottom:var(--spacing-4);background-color:var(--bg-input);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.banner-track{transition:transform .6s var(--ease-out);display:flex}.banner-slide{justify-content:center;min-width:100%;display:flex}.banner-image{aspect-ratio:21/9;object-fit:cover;width:100%}.banner-indicators{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0003;gap:6px;padding:4px 8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.indicator{border-radius:var(--radius-full);width:6px;height:6px;transition:all .4s var(--ease-out);cursor:pointer;background-color:#ffffff73}.indicator.active{background-color:#fff;border-radius:4px;width:20px}.category-card{text-align:center;transition:transform var(--transition-fast);flex-direction:column;align-items:center;gap:6px;display:flex}.category-card:active{transform:scale(.93)}.category-image-wrapper{border-radius:var(--radius-full);width:68px;height:68px;transition:all var(--transition-fast);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2.5px solid #fff;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 3px 12px #0c831f1a}.category-card:active .category-image-wrapper{box-shadow:0 2px 8px #0c831f33}.category-image{object-fit:cover;width:100%;height:100%}.category-emoji-fallback{font-size:1.8rem}.category-name{color:var(--text-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:72px;font-size:.7rem;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.product-card{background-color:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.product-card:active{transform:scale(.98)}.product-image-container{background-color:var(--bg-input);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);position:absolute;top:0;left:0}.product-card:active .product-image{transform:scale(1.04)}.badge{border-radius:var(--radius-full);z-index:10;letter-spacing:.02em;text-transform:uppercase;padding:3px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;left:8px}.offer-badge{color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 2px 8px #e74c3c4d}.bestseller-badge{color:#fff;background:linear-gradient(135deg,#f7b731,#e09e1e);box-shadow:0 2px 8px #f7b7314d}.product-info{flex-direction:column;flex:1;gap:2px;padding:10px 12px 12px;display:flex}.product-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1px;font-size:.85rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.product-brand{color:var(--text-light);margin-bottom:var(--spacing-1);font-size:.72rem}.variant-select,.single-variant{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-input);width:100%;color:var(--text-secondary);margin-bottom:var(--spacing-2);padding:5px 8px;font-family:inherit;font-size:.75rem}.single-variant{border:1px dashed var(--border-color);text-align:center;color:var(--text-muted);background-color:#0000;font-size:.72rem}.price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.price-container{flex-direction:column;display:flex}.price{color:var(--text-main);letter-spacing:-.01em;font-size:1rem;font-weight:800}.mrp{color:var(--text-light);font-size:.7rem;text-decoration:line-through}.out-of-stock{color:var(--danger);border-radius:var(--radius-full);background:#fee2e2;padding:4px 10px;font-size:.72rem;font-weight:600}.add-btn{border:1.5px solid var(--primary);color:var(--primary);border-radius:var(--radius-md);transition:all var(--transition-fast);letter-spacing:.03em;background-color:#fff;padding:6px 18px;font-size:.82rem;font-weight:700}.add-btn:active{background-color:var(--primary);color:#fff;transform:scale(.95)}.quantity-control{border-radius:var(--radius-md);background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-green);animation:scaleIn .2s var(--ease-spring);align-items:center;display:flex;overflow:hidden}.qty-btn{color:#fff;transition:background var(--transition-fast);justify-content:center;align-items:center;padding:6px 8px;display:flex}.qty-btn:active{background:#0000001a}.qty-count{text-align:center;min-width:22px;padding:0 6px;font-size:.82rem;font-weight:800}.home-page{animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.search-container{padding:12px var(--spacing-4);background:var(--bg-body);z-index:40;position:sticky;top:60px}.search-bar{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);align-items:center;gap:var(--spacing-2);transition:all var(--transition-fast);padding:10px 16px;display:flex}.search-bar:active{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.search-input{color:var(--text-muted);background:0 0;border:none;flex:1;padding:2px 0;font-family:inherit;font-size:.9rem}.search-input:focus{outline:none}.section{margin-bottom:var(--spacing-2)}.section-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.section-header .text-h2{padding-bottom:4px;position:relative}.section-header .text-h2:after{content:"";background:var(--primary-gradient);border-radius:var(--radius-full);width:32px;height:3px;position:absolute;bottom:0;left:0}.category-grid{gap:var(--spacing-4) var(--spacing-2);grid-template-columns:repeat(4,1fr);display:grid}.product-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}.bg-light{background:linear-gradient(180deg, #f0fdf4 0%, var(--bg-body) 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.loading-state{min-height:50vh;color:var(--primary);justify-content:center;align-items:center;font-weight:600;display:flex}.category-page{animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.category-header{padding:var(--spacing-4);background-color:var(--bg-card);z-index:40;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;display:flex;position:sticky;top:60px}.product-list{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}.empty-state{min-height:40vh;padding:var(--spacing-8);text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;font-weight:500;display:flex}.cart-item{padding:var(--spacing-4) var(--spacing-3);background-color:var(--bg-card);border-bottom:1px solid var(--border-light);gap:var(--spacing-3);animation:fadeInUp .3s var(--ease-out) both;display:flex}.cart-item:last-child{border-bottom:none}.cart-item-image{border-radius:var(--radius-md);background-color:var(--bg-input);width:72px;height:72px;box-shadow:var(--shadow-xs);flex-shrink:0;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-details{flex-direction:column;flex:1;min-width:0;display:flex}.cart-item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);display:flex}.item-title{color:var(--text-main);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:.88rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.remove-btn{color:var(--text-light);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;padding:4px}.remove-btn:active{color:var(--danger);background:#fee2e2;transform:scale(.9)}.item-variant{color:var(--text-muted);margin-bottom:auto;font-size:.72rem}.cart-item-footer{margin-top:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.item-price{color:var(--text-main);font-size:.95rem;font-weight:800}.quantity-control.small{border-radius:var(--radius-sm)}.quantity-control.small .qty-btn{padding:5px}.quantity-control.small .qty-count{min-width:20px;font-size:.78rem}.cart-page{min-height:calc(100vh - 60px);animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.cart-header{padding:var(--spacing-4);background-color:var(--bg-card);z-index:40;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;display:flex;position:sticky;top:60px}.cart-items-list{background-color:var(--bg-card);margin-bottom:var(--spacing-3);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.cart-summary{background-color:var(--bg-card);border-radius:var(--radius-lg);margin:0 var(--spacing-4);padding:var(--spacing-4);box-shadow:var(--shadow-card)}.summary-row{margin-bottom:var(--spacing-2);justify-content:space-between;font-size:.88rem;display:flex}.delivery-hint{color:var(--primary);text-align:right;margin-bottom:var(--spacing-2);background:var(--primary-light);border-radius:var(--radius-sm);padding:6px 10px;font-size:.72rem;font-weight:500}.total-row{font-size:1.05rem}.border-t{border-top:1px dashed var(--border-color)}.font-bold{font-weight:700}.full-width{width:100%}.checkout-sticky-bar{-webkit-backdrop-filter:blur(10px);width:100%;max-width:480px;padding:10px var(--spacing-4);z-index:40;animation:slideUp .3s var(--ease-out);background:#fffffff2;position:fixed;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #0000000f}.min-order-warning{color:var(--danger);text-align:center;padding:var(--spacing-2) 0;border-radius:var(--radius-md);background:#fee2e2;font-size:.82rem;font-weight:600}.empty-cart-content{padding:var(--spacing-8);text-align:center;animation:fadeInUp .5s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.back-btn{color:var(--text-main);border-radius:var(--radius-full);width:36px;height:36px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.back-btn:active{background:var(--bg-input);transform:scale(.9)}.checkout-page{min-height:calc(100vh - 60px);animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.checkout-header{padding:var(--spacing-4);background-color:var(--bg-card);z-index:40;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;display:flex;position:sticky;top:60px}.checkout-form{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-card)}.form-group{margin-bottom:var(--spacing-5)}.form-group label{color:var(--text-secondary);letter-spacing:.01em;margin-bottom:8px;font-size:.82rem;font-weight:700;display:block}.error-banner{color:var(--danger);padding:12px var(--spacing-4);border-radius:var(--radius-md);text-align:center;border-left:4px solid var(--danger);animation:fadeInUp .3s var(--ease-out);background-color:#fee2e2;font-size:.88rem;font-weight:600}.location-success{align-items:center;gap:var(--spacing-2);color:var(--success);padding:12px var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--success);animation:fadeInUp .3s var(--ease-out);background-color:#e8f5e9;font-size:.88rem;font-weight:600;display:flex}.w-full{width:100%}.spin{animation:1s linear infinite spin}.payment-option{align-items:flex-start;gap:var(--spacing-3);padding:14px var(--spacing-4);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.payment-option.selected{border-color:var(--primary);background-color:var(--primary-light);box-shadow:0 0 0 3px var(--primary-glow)}.payment-option input[type=radio]{accent-color:var(--primary);width:18px;height:18px;margin-top:4px}.confirmation-page{min-height:calc(100vh - 140px);padding:var(--spacing-4);background:linear-gradient(180deg, #e8f5e9 0%, var(--bg-body) 60%);flex-direction:column;justify-content:center;align-items:center;display:flex}.confirmation-content{background-color:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--spacing-8) var(--spacing-5);text-align:center;box-shadow:var(--shadow-lg);width:100%;max-width:380px;animation:scaleIn .5s var(--ease-spring)}.success-icon{color:var(--success);animation:bounceIn .6s var(--ease-spring) .2s both;margin:0 auto}.order-id-box{background:linear-gradient(135deg, var(--primary-light), #c8e6c9);padding:var(--spacing-4);border-radius:var(--radius-lg);border:1px dashed var(--primary)}.action-buttons{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}.btn-whatsapp{color:#fff;padding:14px var(--spacing-5);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,#25d366,#128c7e);width:100%;max-width:300px;font-size:.95rem;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px 16px #25d3664d}.btn-whatsapp:active{transform:scale(.97);box-shadow:0 2px 8px #25d36666}.orders-page{animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.orders-header{padding:var(--spacing-4);background-color:var(--bg-card);z-index:40;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;display:flex;position:sticky;top:60px}.track-form{background-color:var(--bg-card);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.order-details-card{background-color:var(--bg-card);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);animation:fadeInUp .4s var(--ease-out);margin-top:var(--spacing-4)}.order-details-header{justify-content:space-between;align-items:flex-start;display:flex}.status-banner{align-items:center;gap:var(--spacing-3);background:linear-gradient(135deg, var(--primary-light), #c8e6c9);padding:14px var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid var(--primary);display:flex}.status-text-container{flex-direction:column;display:flex}.order-item-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.order-item-row:last-child{border-bottom:none}.border-b{border-bottom:1px solid var(--border-color)}.mb-3{margin-bottom:var(--spacing-3)}.account-page{animation:fadeIn .3s var(--ease-out);flex-direction:column;display:flex}.account-header{padding:var(--spacing-5) var(--spacing-4);background:var(--primary-gradient);z-index:40;text-align:center;color:#fff;position:sticky;top:60px;box-shadow:0 2px 16px #0c831f26}.account-header .text-h2{color:#fff}.account-card{background-color:var(--bg-card);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.detail-row{color:var(--text-secondary);align-items:center;padding:6px 0;font-size:.92rem;display:flex}.account-links{gap:var(--spacing-3);flex-direction:column;display:flex}.account-link-btn{background-color:var(--bg-card);padding:var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);width:100%;transition:transform var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.account-link-btn:active{transform:scale(.98)}.store-info-card{padding:var(--spacing-5);background:linear-gradient(135deg, var(--bg-card), var(--primary-light));border-radius:var(--radius-lg);border:1px dashed var(--border-color)}.search-page{background-color:var(--bg-body);min-height:100vh;animation:fadeIn .2s var(--ease-out);flex-direction:column;display:flex}.search-header{align-items:center;gap:var(--spacing-3);padding:10px var(--spacing-4);background-color:var(--bg-card);z-index:50;box-shadow:var(--shadow-xs);display:flex;position:sticky;top:0}.search-input-wrapper{background-color:var(--bg-input);border-radius:var(--radius-full);padding:0 var(--spacing-4);border:1.5px solid var(--border-color);height:42px;transition:all var(--transition-fast);flex:1;align-items:center;display:flex}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background-color:#fff}.search-input-wrapper input{height:100%;padding:0 var(--spacing-2);color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.92rem}.search-input-wrapper input::placeholder{color:var(--text-light)}.search-results{animation:fadeInUp .3s var(--ease-out)}.search-message{text-align:center;padding:var(--spacing-8) var(--spacing-4);color:var(--text-secondary);font-weight:500}.search-message.empty{background-color:var(--bg-card);border-radius:var(--radius-lg);border:1.5px dashed var(--border-color);box-shadow:var(--shadow-xs)}.suggestion-chips{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.chip{border:1.5px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);transition:all var(--transition-fast);background-color:#fff;padding:8px 16px;font-size:.85rem;font-weight:500}.chip:active{background-color:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:scale(.95)}.promo-popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s popup-fade-in;display:flex;position:fixed;inset:0}@keyframes popup-fade-in{0%{opacity:0}to{opacity:1}}.promo-popup-card{background:#fff;border-radius:16px;width:100%;max-width:380px;animation:.35s cubic-bezier(.34,1.56,.64,1) popup-scale-in;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes popup-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.promo-popup-close{color:#fff;cursor:pointer;z-index:2;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.promo-popup-close:hover{background:#000000b3}.promo-popup-image{object-fit:cover;width:100%;max-height:200px}.promo-popup-body{text-align:center;padding:1.5rem}.promo-popup-body h2{color:#1e293b;margin:0 0 .75rem;font-size:1.4rem;font-weight:800;line-height:1.3}.promo-popup-body p{color:#64748b;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.promo-popup-cta{background:var(--primary-gradient);color:#fff;border-radius:var(--radius-lg);cursor:pointer;width:100%;box-shadow:var(--shadow-green);border:none;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.promo-popup-cta:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0c831f59}.promo-popup-cta:active{transform:translateY(0)}.marquee-banner{white-space:nowrap;color:#fff;letter-spacing:.02em;z-index:49;background:linear-gradient(90deg,#066a15,#0c831f,#14a828);width:100%;max-width:480px;padding:6px 0;font-size:.75rem;font-weight:700;position:fixed;top:60px;left:50%;overflow:hidden;transform:translate(-50%)}.marquee-banner-inner{animation:18s linear infinite marquee-scroll;display:inline-block}@keyframes marquee-scroll{0%{transform:translate(0%)}to{transform:translate(-50%)}}.marquee-banner-inner span{padding:0 3rem;display:inline-block}