:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--primary:#ff5a1f;--primary-dark:#e14a12;--primary-darker:#c2410c;--primary-light:#ff8a5b;--primary-bg:#fff7ed;--primary-bg-hover:#ffedd5;--ink:#0f172a;--ink-soft:#1e293b;--success:#22c55e;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--error:#ef4444;--error-bg:#fee2e2;--info:#0ea5e9;--info-bg:#cffafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#f8fafc;--bg-surface:#fff;--bg-elevated:#fff;--text-primary:#0b1220;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-light:#f1f5f9;--border-default:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 10px 25px #0f172a1a;--shadow-xl:0 20px 40px #0f172a1f;--shadow-primary:0 4px 14px #ff5a1f40;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--touch-target-min:44px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:1100}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,html{max-width:100vw;overflow-x:hidden;width:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;background:var(--bg-primary);color:#0b1220;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-regular);letter-spacing:-.011em;line-height:1.6;margin:0;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;text-rendering:optimizeLegibility;width:100%}html{height:-webkit-fill-available}body{overscroll-behavior-y:contain}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid #ff5a1f;outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}img{display:block;height:auto;max-width:100%}code{font-family:SF Mono,Fira Code,Fira Mono,Menlo,Monaco,Consolas,monospace;font-size:.875em}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}::selection{background:#ffedd5;background:var(--primary-bg-hover);color:#e14a12;color:var(--primary-dark)}.add-address-modal-content{background:#fff;background:var(--bg-surface,#fff);border-radius:18px;border-radius:var(--radius-xl,18px);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-xl,0 8px 32px #0000001f);display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:420px;overflow-y:auto;padding:32px 24px;padding:var(--space-6,32px) var(--space-5,24px);position:relative;width:100%}@media (max-width:600px){.add-address-modal-content{border-radius:12px;border-radius:var(--radius-lg,12px);max-height:96vh;max-width:98vw;min-width:0;padding:var(--space-4) var(--space-2)}.modal-overlay{align-items:flex-end!important;background:#00000080;padding:0!important}}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);position:fixed;right:0;top:0;z-index:10000}.add-address-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4,16px)}.add-address-modal-header h3{color:#22223b;color:var(--text-primary,#22223b);font-size:1.5rem;font-size:var(--font-size-xl,1.5rem);font-weight:700;font-weight:var(--font-bold,700);margin:0}.add-address-modal-close-btn{align-items:center;background:#f3f4f6;background:var(--gray-100,#f3f4f6);border:none;border-radius:50%;color:#9ca3af;color:var(--gray-400,#9ca3af);cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;min-height:36px;min-height:var(--touch-target-min,36px);min-width:36px;min-width:var(--touch-target-min,36px);padding:8px;padding:var(--space-2,8px);transition:background .2s,color .2s}.add-address-modal-close-btn:hover{background:#e5e7eb;background:var(--gray-200,#e5e7eb);color:#4b5563;color:var(--gray-600,#4b5563)}.add-address-form-grid{grid-gap:16px 24px;grid-gap:var(--space-4,16px) var(--space-6,24px);display:grid;gap:16px 24px;gap:var(--space-4,16px) var(--space-6,24px);grid-template-columns:1fr}@media (min-width:600px){.add-address-form-grid{grid-template-columns:repeat(2,1fr)}.add-address-full-width{grid-column:span 2/span 2}}.add-address-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.add-address-form-group label{color:#374151;color:var(--gray-700,#374151);font-size:.95rem;font-size:var(--font-size-sm,.95rem);font-weight:500;font-weight:var(--font-medium,500);margin-bottom:2px}.add-address-form-group input,.add-address-form-group select{background:#f9fafb;background:var(--gray-50,#f9fafb);border:1.5px solid #d1d5db;border:1.5px solid var(--gray-300,#d1d5db);border-radius:8px;border-radius:var(--radius-md,8px);box-sizing:border-box;color:#22223b;color:var(--text-primary,#22223b);font-size:1rem;font-size:var(--font-size-base,1rem);min-height:36px;min-height:var(--touch-target-min,36px);padding:12px 16px;padding:var(--space-3,12px) var(--space-4,16px);transition:border-color .2s,box-shadow .2s;width:100%}.add-address-form-group input:focus,.add-address-form-group select:focus{background:#fff;border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 0 0 2px #6366f114;outline:none}.add-address-detect-coords-btn{align-items:center;background:none;border:none;color:#6366f1;color:var(--primary,#6366f1);cursor:pointer;display:inline-flex;font-size:.95rem;font-size:var(--font-size-sm,.95rem);gap:4px;gap:var(--space-1,4px);margin-top:12px;margin-top:var(--space-3,12px);min-height:36px;min-height:var(--touch-target-min,36px);transition:color .2s}.add-address-detect-coords-btn:hover{color:#4338ca;color:var(--primary-dark,#4338ca)}.add-address-coords-display{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.8rem;font-size:var(--font-size-xs,.8rem);margin-top:4px;margin-top:var(--space-1,4px)}.add-address-error-box{background:#fef2f2;background:var(--error-bg,#fef2f2);border-left:4px solid #ef4444;border-left:4px solid var(--error,#ef4444);border-radius:8px;border-radius:var(--radius-md,8px);color:#ef4444;color:var(--error,#ef4444);margin-top:16px;margin-top:var(--space-4,16px);padding:16px;padding:var(--space-4,16px)}.add-address-error-box p{font-size:.95rem;font-size:var(--font-size-sm,.95rem);margin:0}.add-address-modal-actions{display:flex;gap:12px;gap:var(--space-3,12px);justify-content:flex-end;margin-top:24px;margin-top:var(--space-6,24px)}.add-address-modal-actions .btn{border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;font-size:.95rem;font-size:var(--font-size-sm,.95rem);font-weight:500;font-weight:var(--font-medium,500);padding:12px 20px;padding:var(--space-3,12px) var(--space-5,20px);transition:all .2s}.add-address-modal-actions .btn-cancel{background:#fff;background:var(--bg-surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-default,#e5e7eb);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);color:#374151;color:var(--gray-700,#374151)}.add-address-modal-actions .btn-cancel:hover{background:#f9fafb;background:var(--gray-50,#f9fafb)}.add-address-modal-actions .btn-save{background:#6366f1;background:var(--primary,#6366f1);border:1px solid #0000;box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-sm,0 1px 2px #0000000a);color:#fff;color:var(--text-inverse,#fff)}.add-address-modal-actions .btn-save:hover{background:#4338ca;background:var(--primary-dark,#4338ca)}.loading-screen{align-items:center;background:linear-gradient(135deg,#ff5a1f,#e14a12 50%,#c2410c);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-content{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-4,16px)}.loading-logo{animation:logoFloat 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(255,255,255,.5));height:160px;object-fit:contain;width:160px}@media (max-width:640px){.loading-logo{height:140px;width:140px}}@media (max-width:375px){.loading-logo{height:120px;width:120px}}.loading-brand{animation:fadeInOut 2s ease-in-out infinite;color:#fff;font-size:2rem;font-weight:800;letter-spacing:.5px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:32px;margin-top:8px;margin-top:var(--space-2,8px);width:32px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInOut{0%,to{opacity:1}50%{opacity:.6}}.app{-webkit-overflow-scrolling:touch;background:var(--bg-primary);box-sizing:border-box;color:var(--text-primary);display:flex;flex-direction:column;max-width:100vw;min-height:-webkit-fill-available;overflow-x:hidden;overflow-y:auto;padding:0;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);width:100%}.header{grid-gap:var(--space-2);background:var(--bg-surface);box-shadow:var(--shadow-sm);display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + var(--safe-area-top));position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.topbar{justify-content:space-between}.brand,.topbar{align-items:center;display:flex;gap:var(--space-3)}.brand{flex-shrink:0}.logo-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:2px;min-height:var(--touch-target-min);padding:0;transition:transform .2s}.logo-button:hover{transform:scale(1.05)}.logo{color:var(--primary);font-size:var(--font-size-xl);font-weight:var(--font-extrabold);letter-spacing:.3px}.logo-image{display:block;height:64px;object-fit:contain;width:auto}@media (max-width:640px){.logo-image{height:52px}}@media (max-width:375px){.logo-image{height:44px}}.location-selector{position:relative}.location-button{background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3)}.location-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-2);min-width:240px;position:absolute;top:100%;z-index:var(--z-dropdown)}.location-list{max-height:320px;overflow-y:auto}.location-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-medium);justify-content:space-between;min-height:var(--touch-target-min);padding:var(--space-3);text-align:left;width:100%}.location-item:hover{background:var(--gray-50)}.location-item.active{background:var(--primary-bg-hover);color:var(--primary-dark);font-weight:var(--font-semibold)}.distance{color:var(--text-muted);font-size:var(--font-size-xs)}.top-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.menu-container{position:relative}.menu-trigger{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--space-2);transition:all .2s}.menu-trigger:hover{color:var(--primary);transform:scale(1.1)}.menu-trigger:active{transform:scale(.95)}.menu-icon{font-size:1.5rem;line-height:1}.dropdown-menu{animation:menuSlideIn .15s ease-out;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:none!important;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));z-index:100}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu-user-info{background:var(--primary-bg);display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4)}.menu-user-name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold)}.menu-user-phone{color:var(--text-secondary);font-size:var(--font-size-sm)}.menu-divider{background:var(--border-light);height:1px;margin:0}.menu-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-md);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background .15s;width:100%}.menu-item:hover{background:var(--gray-50)}.menu-item-icon{font-size:1.1rem;text-align:center;width:24px}.menu-item-logout{color:var(--error)}.menu-item-logout:hover{background:var(--error-bg)}.menu-cart-badge{background:var(--primary);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-bold);margin-left:auto;padding:2px 8px}.icon-button{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-semibold);gap:var(--space-1);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);transition:all .2s;white-space:nowrap}.icon-button:hover{background:var(--gray-50);border-color:var(--border-strong)}.icon-button.logout-btn{background:var(--error-bg);border-color:#fecaca;color:var(--error)}.icon-button.logout-btn:hover{background:#fee2e2;border-color:#f87171}.badge{background:var(--success-bg);border-radius:var(--radius-full);color:var(--success);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3)}.badge,.header h1{margin:0 0 var(--space-2)}.header h1{font-size:clamp(var(--font-size-3xl),5vw,2.25rem);font-weight:var(--font-bold)}.subtext{color:var(--text-secondary);font-size:var(--font-size-md);line-height:1.6;margin:0}.status-card{grid-gap:var(--space-2);background:var(--gray-100);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);padding:var(--space-3)}.auth-page-container{align-items:center;background:linear-gradient(135deg,#f5f3ff,#ede9fe 50%,#ddd6fe);display:flex;justify-content:center;min-height:100vh;min-height:-webkit-fill-available;padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-area-bottom));padding-top:calc(var(--space-4) + var(--safe-area-top))}.auth-panel{grid-gap:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:grid;gap:var(--space-5);max-width:400px;padding:var(--space-6) var(--space-5);position:relative;width:100%}.auth-panel.auth-page{animation:slideUp .3s ease-out}.auth-panel.auth-modal{box-shadow:none;max-width:100%;padding:var(--space-5) var(--space-4)}.auth-close-btn{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:36px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);position:absolute;right:var(--space-3);top:var(--space-3);transition:all .2s;width:36px}.auth-close-btn:hover{background:var(--gray-200);color:var(--text-secondary)}.auth-header{text-align:center}.auth-logo{font-size:2.5rem;margin-bottom:var(--space-3)}.auth-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.auth-header .muted{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.auth-form{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.phone-input-group{border:2px solid var(--border-default);border-radius:var(--radius-lg);display:flex;overflow:hidden;transition:border-color .2s}.phone-input-group:focus-within{border-color:var(--primary)}.country-code{align-items:center;background:var(--gray-50);border-right:2px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.country-code .flag{font-size:var(--font-size-xl)}.phone-input{border:none;flex:1 1;font-size:16px!important;letter-spacing:1px;min-height:var(--touch-target-min);outline:none;padding:var(--space-3) var(--space-4)}.phone-input::placeholder{color:var(--text-muted);letter-spacing:0}.otp-input{border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-2xl);font-weight:var(--font-semibold);letter-spacing:8px;min-height:var(--touch-target-min);outline:none;padding:var(--space-4);text-align:center;transition:border-color .2s}.otp-input:focus{border-color:var(--primary)}.otp-sent-info{align-items:center;background:var(--success-bg);border:1px solid #bbf7d0;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.otp-sent-info p{color:var(--success);font-size:var(--font-size-md);font-weight:var(--font-medium);margin:0}.otp-sent-info .link-button{color:#065f46;font-weight:var(--font-semibold);text-decoration:underline;white-space:nowrap}.auth-skip{border-top:1px solid var(--border-default);padding-top:var(--space-2);text-align:center}.auth-skip .muted{font-size:var(--font-size-base);margin:0 0 var(--space-3)}.auth-status{border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-medium);margin:0;padding:var(--space-3) var(--space-4);text-align:center}.auth-status.success{background:var(--success-bg);border:1px solid #bbf7d0;color:var(--success)}.auth-status.error{background:var(--error-bg);border:1px solid #fecaca;color:var(--error)}.auth-success{padding:var(--space-5) 0;text-align:center}.auth-success .success-icon{align-items:center;background:var(--success-bg);border-radius:50%;color:var(--success);display:flex;font-size:1.75rem;height:60px;justify-content:center;margin:0 auto var(--space-4);width:60px}.auth-success h2{font-weight:var(--font-bold);margin:0 0 var(--space-2)}.login-prompt-icon{margin-bottom:var(--space-3)}.checkout-login-prompt h3{margin:0 0 var(--space-2)}.checkout-login-prompt .muted{color:var(--text-secondary);margin:0 0 var(--space-5)}.auth-modal-content{padding:0}.auth-modal-content .auth-panel{box-shadow:none;padding:var(--space-4) 0}.signin-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none!important;color:#fff!important}.signin-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-darker) 100%)}.auth-panel h2{font-weight:var(--font-bold);margin:0 0 var(--space-2)}.auth-actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.auth-actions input{border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-md);min-height:var(--touch-target-min);padding:var(--space-3)}.checkbox{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);gap:var(--space-2)}.checkbox input[type=checkbox]{accent-color:var(--primary);height:18px;width:18px}.status{color:var(--info);font-weight:var(--font-medium)}.error,.status{font-size:var(--font-size-base);margin:0}.error{background:var(--error-bg);border-left:3px solid var(--error);border-radius:var(--radius-md);color:var(--error);padding:var(--space-2) var(--space-3)}.address-card-header{margin-bottom:var(--space-2)}.close-btn,.close-button{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--font-size-xl);height:32px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0;width:32px}.close-btn{transition:color .2s}.close-btn:hover{color:var(--text-primary)}.close-btn.back-to-shop{border-radius:var(--radius-sm);color:var(--primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);padding:var(--space-2) var(--space-3);width:auto}.close-btn.back-to-shop:hover{background:var(--primary-bg);color:var(--primary-dark)}.orders-panel,.profile-panel{grid-gap:var(--space-3);padding:var(--space-4)}.orders-panel,.profile-panel,.profile-panel-container{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:grid;gap:var(--space-3)}.profile-panel-container{grid-gap:var(--space-3);box-sizing:border-box;grid-template-columns:140px 1fr;max-width:100vw;overflow:hidden;width:100%}.profile-panel-container.simple{display:flex;flex-direction:column;gap:0;grid-template-columns:none;padding:0}.profile-simple-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--border-light);display:flex;gap:var(--space-3);padding:var(--space-4)}.back-btn-simple{background:none;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-semibold);margin:calc(var(--space-2)*-1);padding:var(--space-2);transition:background .15s}.back-btn-simple:hover{background:var(--primary-bg)}.profile-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin:0}.user-greeting-card{background:linear-gradient(135deg,var(--primary-bg) 0,var(--primary-bg-hover) 100%);border-bottom:1px solid var(--border-light);padding:var(--space-4)}.greeting-content{display:flex;flex-direction:column;gap:var(--space-2)}.greeting-row{align-items:center;display:flex;gap:var(--space-3)}.greeting-text{color:var(--text-primary);font-size:var(--font-size-lg)}.greeting-text strong{color:var(--primary-dark)}.edit-link{background:none;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2);transition:background .15s}.edit-link:hover{background:#7c3aed1a}.user-phone{color:var(--text-secondary);font-size:var(--font-size-sm)}.edit-name-form{display:flex;flex-direction:column;gap:var(--space-2)}.edit-name-input{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-md);max-width:280px;padding:var(--space-2) var(--space-3);width:100%}.edit-name-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.edit-name-actions{display:flex;gap:var(--space-2)}.btn.small{font-size:var(--font-size-sm);min-height:32px;padding:var(--space-1) var(--space-3)}.profile-content.simple{padding:var(--space-4)}.profile-overview{display:flex;flex-direction:column;gap:var(--space-3)}.profile-quick-links{display:flex;flex-direction:column;gap:var(--space-2)}.quick-link-card:active{transform:scale(.98);transition:transform .12s}.quick-link-card{align-items:center;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);text-align:left;transition:all .15s;width:100%}.quick-link-card:hover{background:var(--gray-50);border-color:var(--border-strong)}.quick-link-icon{align-items:center;background:var(--primary-bg);border-radius:var(--radius-md);display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.quick-link-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.quick-link-text strong{color:var(--text-primary);font-size:var(--font-size-md)}.quick-link-text span{color:var(--text-muted);font-size:var(--font-size-sm)}.quick-link-arrow{color:var(--text-muted);font-size:var(--font-size-lg)}.profile-sidebar{background:var(--gray-50);border-right:1px solid var(--border-default);padding:var(--space-3) 0}.profile-nav{display:flex;flex-direction:column;gap:0}.nav-item{align-items:center;background:none;border:none;border-left:3px solid #0000;cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-medium);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);text-align:left;transition:all .2s}.nav-item,.nav-item:hover{color:var(--text-secondary)}.nav-item:hover{background:var(--gray-100)}.nav-item.active{background:var(--primary-bg-hover);border-left-color:var(--primary)}.nav-item.active,.nav-item.back-btn{color:var(--primary);font-weight:var(--font-semibold)}.nav-item.back-btn{border-bottom:1px solid var(--border-default);margin-bottom:var(--space-2)}.nav-item.back-btn:hover{background:var(--primary-bg)}.profile-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:var(--space-5);width:100%}.profile-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.profile-grid label{grid-gap:var(--space-2);color:var(--text-primary);display:grid;font-size:var(--font-size-base);font-weight:var(--font-medium);gap:var(--space-2)}.address-card input,.address-card select,.profile-grid input{border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:16px!important;min-height:var(--touch-target-min);padding:var(--space-3)}.address-block{color:#1e293b;font-size:13px;gap:6px}.address-card input,.address-card select,.profile-grid input{border:1px solid #e2e8f0;border-radius:10px;font-size:14px;padding:10px 12px}.address-block{grid-gap:var(--space-4);display:grid;gap:var(--space-4)}.address-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.address-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin:0}.address-actions{align-items:center;display:flex;gap:var(--space-3)}.address-actions .muted{color:var(--text-muted);font-size:var(--font-size-sm)}.saved-addresses{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.saved-addresses h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0}.saved-addresses ul{grid-gap:var(--space-3);display:grid;gap:var(--space-3);padding:0}.saved-addresses li{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s}.saved-addresses li:hover{border-color:var(--primary-light);box-shadow:var(--shadow-primary)}.orders-list{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.order-item{grid-gap:var(--space-2);background:var(--gray-50);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);padding:var(--space-3)}.order-header{align-items:center;border-bottom:1px solid var(--border-default);justify-content:space-between;padding-bottom:var(--space-2)}.order-id{font-size:var(--font-size-base);font-weight:var(--font-semibold)}.order-date{color:var(--text-secondary);font-size:var(--font-size-sm)}.order-details{grid-gap:var(--space-2);gap:var(--space-2)}.order-details p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.order-details strong{color:var(--text-primary)}.order-items{border-top:1px solid var(--border-default);margin-top:var(--space-2);padding-top:var(--space-2)}.order-items strong{color:var(--text-primary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.order-items ul{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;padding-left:var(--space-4)}.order-items li{margin:2px 0}.saved-addresses ul{list-style:none;margin:0;padding-left:0}.address-item-content{align-items:stretch;display:flex;gap:var(--space-3);justify-content:space-between;width:100%}.address-item-content>div:first-child{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.address-item-content strong{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold)}.address-item-content>div:first-child>div:last-child{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.4}.address-location{color:var(--primary);font-weight:var(--font-medium);gap:var(--space-1);margin-top:var(--space-1)}.address-location,.edit-button{align-items:center;display:flex;font-size:var(--font-size-sm)}.edit-button{align-self:center;background:var(--primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;flex-shrink:0;font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-4);pointer-events:auto;transition:all .2s;white-space:nowrap;z-index:10}.edit-button:hover{background:var(--primary-dark);box-shadow:var(--shadow-primary);transform:translateY(-2px)}.edit-button:active{box-shadow:0 2px 6px #7c3aed33;transform:translateY(0)}.address-card{grid-gap:var(--space-3);background:var(--bg-surface);border:2px solid var(--primary-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4)}.address-card-header{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-1)}.address-card-header h4{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold);margin:0}.address-card label{grid-gap:var(--space-2);color:var(--text-primary);display:grid;font-size:var(--font-size-base);font-weight:var(--font-medium);gap:var(--space-2)}.address-card input,.address-card select{border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:16px!important;min-height:var(--touch-target-min);padding:var(--space-3);transition:all .2s}.address-card input:focus,.address-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.address-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.order-card,.orders-header{align-items:center;display:flex;justify-content:space-between}.order-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--space-3)}.order-meta{grid-gap:var(--space-1);display:grid;gap:var(--space-1);text-align:right}.order-status{font-size:var(--font-size-sm);font-weight:var(--font-semibold)}.order-status.delivered{color:var(--success)}.order-status.cancelled{color:var(--error)}.status-label{color:var(--text-secondary);font-size:var(--font-size-sm);letter-spacing:.5px;margin:0;text-transform:uppercase}.status-value{font-weight:var(--font-semibold);margin:0}.search{align-items:center;background:var(--gray-50);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3)}.search-icon{color:var(--text-muted);font-size:var(--font-size-md)}.search input{background:#0000;border:none;color:var(--text-primary);font-size:16px!important;outline:none;padding:var(--space-1) 0;width:100%}.search input::placeholder,.search-hint{color:var(--text-muted)}.search-hint{font-size:var(--font-size-xs);white-space:nowrap}.voice-input-btn{flex-shrink:0}.voice-input-btn:active{transform:scale(.9)}.category-grid-section{background:var(--bg-surface);border-bottom:1px solid var(--border-light);padding:var(--space-3) 0}.category-grid{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;padding:0 var(--space-4) var(--space-2);scroll-behavior:smooth;scrollbar-width:none}.category-grid::-webkit-scrollbar{display:none}.category-card{align-items:center;background:var(--bg-surface);border:1.5px solid var(--border-default);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px;min-width:72px;padding:var(--space-2) var(--space-3);position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.category-card:active{transform:scale(.95)}.category-card.active{background:linear-gradient(135deg,#ff5a1f14,#ff5a1f0a);border-color:var(--primary);box-shadow:0 2px 8px #ff5a1f33}.category-card .category-icon{font-size:1.75rem;line-height:1;transition:transform .2s}.category-card.active .category-icon{transform:scale(1.1)}.category-card .category-name{color:var(--text-primary);font-size:11px;font-weight:var(--font-semibold);line-height:1.2;text-align:center;white-space:nowrap}.category-card.active .category-name{color:var(--primary)}@media (max-width:640px){.category-grid-section{padding:var(--space-2) 0}.category-grid{gap:var(--space-2);padding:0 var(--space-3) var(--space-2)}.category-card{min-width:68px;padding:var(--space-2)}.category-card .category-icon{font-size:1.6rem}.category-card .category-name{font-size:10px}}@media (max-width:375px){.category-card{min-width:64px;padding:6px}.category-card .category-icon{font-size:1.5rem}.category-card .category-name{font-size:9px}}.promo-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding:var(--space-3) var(--space-5)}.promo-card{grid-gap:var(--space-2);border-radius:var(--radius-lg);color:var(--text-inverse);display:grid;gap:var(--space-2);padding:var(--space-4)}.promo-left{background:linear-gradient(135deg,#ff5a1f,#e14a12)}.promo-right{background:linear-gradient(135deg,#8b5cf6 0,var(--primary) 100%)}.promo-card h3{font-size:var(--font-size-md);font-weight:var(--font-semibold);margin:0}.promo-card p{font-size:var(--font-size-sm);margin:0;opacity:.9}.promo-badges{display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:var(--space-2);margin-top:var(--space-1)}.promo-badges span{background:#ffffff40;border-radius:var(--radius-full);padding:3px var(--space-2)}.section-header{align-items:center;display:flex;justify-content:space-between}.section-header h2{font-size:var(--font-size-xl);font-weight:var(--font-bold);margin:0}.link-button{align-items:center;background:#0000;border:none;color:var(--error);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-1) var(--space-2);text-decoration:underline}.chips{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-2);scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{align-items:center;background:var(--bg-surface);border:1px solid #cbd5f5;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);min-height:var(--touch-target-min);padding:var(--space-2) var(--space-3);white-space:nowrap}.chip.active{background:var(--info);border-color:var(--info);color:var(--text-inverse)}.results{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--space-2) var(--space-5)}.muted{color:var(--text-muted)}.product-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0 var(--space-5) calc(100px + var(--safe-area-bottom));touch-action:pan-y}.product-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);position:relative;touch-action:pan-y;transition:all .2s cubic-bezier(.4,0,.2,1)}.product-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.product-card:active{transform:translateY(0)}.carousel-product-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);height:100%;max-height:280px;padding:var(--space-2);position:relative}.carousel-product-card .product-image-container{align-items:center;aspect-ratio:1;background:var(--gray-50);border-radius:var(--radius-md);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.carousel-product-card .product-image{height:85%;object-fit:contain;width:85%}.carousel-product-card .unit-badge{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:var(--font-medium);margin-top:2px;padding:4px 0;text-align:center}.carousel-product-card .product-info{display:flex;flex-direction:column;gap:0;margin-top:var(--space-1);min-height:36px}.carousel-product-card .product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:12px;font-weight:var(--font-medium);line-height:1.3;margin:0;overflow:hidden}.carousel-product-card .product-price{align-items:center;display:flex;gap:var(--space-2);margin-top:auto}.carousel-product-card .price-current{color:var(--text-primary);font-size:14px;font-weight:var(--font-bold)}.carousel-product-card .price-original{color:var(--text-muted);font-size:12px;text-decoration:line-through}.carousel-product-card .discount-badge{background:#16a34a;border-radius:4px;color:#fff;font-size:10px;font-weight:var(--font-bold);left:6px;line-height:1;padding:3px 6px;position:absolute;top:6px;z-index:2}.product-image-container{align-items:center;aspect-ratio:1;background:var(--gray-50);border-radius:var(--radius-md);display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image{height:85%;object-fit:contain;transition:transform .2s;width:85%}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{align-items:center;color:var(--gray-300);display:flex;font-size:2.5rem;height:100%;justify-content:center;width:100%}.discount-badge{background:#16a34a;border-radius:4px;color:#fff;font-size:10px;left:6px;line-height:1;padding:3px 6px;top:6px}.add-btn-overlay,.discount-badge{font-weight:var(--font-bold);position:absolute;z-index:2}.add-btn-overlay{align-items:center;background:#fff;border:2px solid var(--primary);border-radius:10px;box-shadow:0 2px 12px #ff5a1f33;color:var(--primary);cursor:pointer;display:flex;font-size:22px;height:36px;justify-content:center;right:8px;top:8px;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.add-btn-overlay:hover{background:var(--primary);box-shadow:0 4px 16px #ff5a1f4d;color:#fff;transform:scale(1.08)}.add-btn-overlay:active{transform:scale(.95)}.add-btn-overlay:disabled{background:var(--gray-100);border-color:var(--gray-300);box-shadow:none;color:var(--gray-400);cursor:not-allowed;opacity:.5}.qty-overlay{align-items:center;animation:scaleIn .2s cubic-bezier(.4,0,.2,1);background:var(--primary);border-radius:10px;box-shadow:0 2px 12px #ff5a1f40;display:flex;gap:0;overflow:hidden;position:absolute;right:8px;top:8px;touch-action:manipulation;z-index:2}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.qty-overlay.max-reached{background:var(--gray-500)}.qty-btn-small{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:var(--font-bold);justify-content:center;padding:6px 10px;transition:background .15s}.qty-btn-small:hover:not(:disabled){background:#ffffff26}.qty-btn-small:disabled{cursor:not-allowed;opacity:.5}.qty-value-small{color:#fff;font-size:13px;font-weight:var(--font-semibold);min-width:20px;text-align:center}.unit-badge{background:var(--gray-100);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;font-weight:var(--font-medium);margin-top:2px;padding:4px 0;text-align:center}.product-info{display:flex;flex-direction:column;gap:0;margin-top:var(--space-1);min-height:36px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:12px;font-weight:var(--font-medium);line-height:1.3;margin:0;overflow:hidden}.product-price{align-items:center;display:flex;gap:var(--space-2);margin-top:auto}.price-current{color:var(--text-primary);font-size:14px;font-weight:var(--font-bold)}.price-original{color:var(--text-muted);font-size:12px;text-decoration:line-through}.out-of-stock-overlay{align-items:center;background:#ffffffd9;border-radius:var(--radius-lg);display:flex;inset:0;justify-content:center;position:absolute;z-index:3}.out-of-stock-overlay span{background:var(--gray-200);border-radius:var(--radius-full);color:var(--text-muted);font-size:11px;font-weight:var(--font-semibold);padding:6px 12px}.product-brand{color:var(--primary);font-weight:var(--font-medium)}.product-brand,.product-unit{font-size:var(--font-size-xs);margin:0}.product-unit{color:var(--text-muted)}.product-card h3{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold);line-height:1.3;margin:0}.product-meta{align-items:center;display:flex;justify-content:space-between}.price{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-bold)}.stock{color:var(--success);font-size:var(--font-size-sm);font-weight:var(--font-semibold)}.stock.low{color:var(--error)}.quantity-selector{background:var(--primary);border-radius:var(--radius-lg);gap:0;height:var(--touch-target-min);padding:var(--space-2) var(--space-3);width:100%}.qty-minus,.qty-plus,.quantity-selector{align-items:center;display:flex;justify-content:center}.qty-minus,.qty-plus{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--font-size-xl);font-weight:var(--font-bold);min-height:40px;min-width:40px;padding:var(--space-1) var(--space-3);transition:opacity .2s}.qty-minus:hover,.qty-plus:hover{opacity:.8}.qty-value{color:#fff;font-size:var(--font-size-lg);min-width:30px}.max-reached,.qty-value{font-weight:var(--font-semibold);text-align:center}.max-reached{color:#f59e0b;color:var(--warning,#f59e0b);font-size:var(--font-size-xs);margin:0}.max-reached-selector{background:var(--gray-500)}.qty-plus:disabled{cursor:not-allowed;opacity:.4}.btn:disabled{background:var(--gray-400)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-semibold);justify-content:center;min-height:var(--touch-target-min);padding:var(--space-3);transition:all .2s}.btn.primary{background:var(--primary);color:var(--text-inverse)}.btn.primary:hover:not(:disabled){background:var(--primary-dark)}.btn.primary.success{background:var(--success)}.btn.ghost{background:var(--bg-surface);border:1px solid var(--primary-light);color:var(--primary)}.btn:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.app{padding:var(--space-6) var(--space-6) 60px}.header{padding:var(--space-4) var(--space-5)}.address-row,.profile-grid{grid-template-columns:repeat(2,1fr)}.promo-row{grid-template-columns:1.2fr 1fr}.product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.cart-button{position:relative}.cart-badge{align-items:center;background:var(--error);border-radius:50%;color:#fff;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-semibold);height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.panel{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}.panel,.panel-header{background:var(--bg-surface)}.panel-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:10}.panel-header h2{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0}.panel-header-actions{align-items:center;display:flex;gap:var(--space-2)}.clear-cart-btn{background:#fee2e2;border:none;border-radius:12px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:12px;transition:all .2s;width:100%}.clear-cart-btn:hover{background:#fecaca;transform:translateY(-1px)}.panel-content{-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:0}.cart-panel{display:grid;grid-template-rows:auto 1fr;max-height:90vh;max-width:100vw;overflow-x:hidden;width:100%}.cart-items{grid-gap:12px;-webkit-overflow-scrolling:touch;display:grid;gap:12px;overflow-y:auto;padding:var(--space-3)}.cart-item{align-items:flex-start;background:#fff;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:16px;transition:all .2s}.cart-item:hover{box-shadow:0 2px 6px #00000014}.cart-item-image{align-items:center;background:var(--gray-50);border-radius:8px;display:flex;flex-shrink:0;height:50px;justify-content:center;overflow:hidden;width:50px}.cart-item-image img{height:100%;object-fit:contain;width:100%}.cart-item-info{grid-gap:4px;display:grid;flex:1 1;gap:4px;min-width:0}.cart-item-info h4{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin:0}.cart-item-info .muted{color:var(--text-muted);font-size:12px}.cart-item-info .price{color:var(--primary);font-size:14px;font-weight:600;margin:0}.cart-item-controls{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.quantity-control{background:var(--primary-bg);border:1px solid var(--border-light);border-radius:8px;gap:4px;padding:2px;width:-webkit-fit-content;width:fit-content}.qty-btn,.quantity-control{align-items:center;display:flex}.qty-btn{background:none;border:none;border-radius:6px;color:var(--primary);cursor:pointer;font-size:16px;font-weight:var(--font-bold);justify-content:center;min-height:28px;min-width:28px;padding:4px 8px;transition:all .2s}.qty-btn:hover{background:var(--primary);color:#fff}.qty-btn:active{transform:scale(.95)}.qty-display{font-size:14px;font-weight:600;min-width:28px;text-align:center}.item-total,.qty-display{color:var(--text-primary)}.item-total{font-size:15px;font-weight:700;margin:0}.remove-btn{background:none;border:none;border-radius:6px;color:var(--error);cursor:pointer;font-size:12px;font-weight:500;min-height:28px;padding:4px 8px;text-decoration:underline;transition:all .2s}.cart-summary{grid-gap:var(--space-3);background:#fff;border-top:2px solid var(--border-default);display:grid;gap:var(--space-3);padding:var(--space-4)}.summary-row{font-size:15px;font-weight:500}.summary-row.total{border-top:2px solid var(--border-default);font-size:18px;font-weight:700;margin-top:var(--space-2);padding-top:var(--space-3)}.summary-row .highlight{color:var(--success);font-weight:var(--font-semibold)}.delivery-hint{background:#ff98001a;color:var(--warning);padding:var(--space-1) var(--space-2)}.delivery-hint,.delivery-info{border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-align:center}.delivery-info{background:#22c55e1a;color:var(--success);margin-bottom:var(--space-1);padding:var(--space-2)}.coupon-applied{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-md);box-shadow:0 2px 8px #10b9814d;color:#fff;display:flex;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3)}.coupon-icon{font-size:24px}.coupon-text{flex:1 1;font-weight:600}.coupon-text,.coupon-value{font-size:var(--font-size-md)}.coupon-value{background:#fff3;border-radius:var(--radius-full);font-weight:700;padding:4px 12px}.empty-message{color:var(--text-muted);font-size:var(--font-size-md);padding:40px var(--space-5);text-align:center}.full-width{margin-top:var(--space-2);width:100%}.floating-cart-btn{align-items:center;animation:slideUp .4s ease-out;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:50%;bottom:calc(80px + var(--safe-area-bottom));box-shadow:0 8px 24px #7c3aed66;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:60px;z-index:998}.floating-cart-btn:hover{box-shadow:0 12px 32px #7c3aed80;transform:scale(1.1)}.floating-cart-btn:active{transform:scale(.95)}.floating-cart-icon{align-items:center;display:flex;font-size:1.75rem}.floating-cart-badge{align-items:center;background:#fbbf24;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#000;display:flex;font-size:var(--font-size-xs);font-weight:var(--font-bold);height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpCart{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.floating-cart-btn{bottom:calc(70px + var(--safe-area-bottom));height:56px;right:16px;width:56px}.floating-cart-icon{font-size:1.5rem}.floating-cart-badge{font-size:var(--font-size-xs);height:20px;width:20px}.profile-panel-container{grid-template-columns:1fr;max-width:100vw;overflow-x:hidden;width:100%}.profile-sidebar{border-bottom:1px solid var(--border-default);border-right:none;overflow-x:auto;padding:var(--space-2) 0;width:100%}.profile-nav{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto;scrollbar-width:none;width:100%}.profile-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;padding:var(--space-3);width:100%}.profile-nav::-webkit-scrollbar{display:none}.nav-item{border-bottom:3px solid #0000;border-left:none;flex-shrink:0;font-size:var(--font-size-sm);padding:var(--space-3);white-space:nowrap}.nav-item.active{background:#0000;border-bottom-color:var(--primary);border-left:none}.profile-content{padding:var(--space-4)}.header{padding:var(--space-2) var(--space-3)}.header,.topbar{gap:var(--space-2)}.logo-image{height:28px}.logo{font-size:var(--font-size-lg)}.icon-button{font-size:var(--font-size-xs);padding:var(--space-2)}.product-grid{gap:var(--space-2);grid-template-columns:repeat(2,1fr);padding:0 var(--space-3) calc(100px + var(--safe-area-bottom))}.product-card{padding:var(--space-2)}.price,.product-card h3{font-size:var(--font-size-base)}.category-strip{padding:var(--space-3) var(--space-4)}.category-tile{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.promo-row{gap:var(--space-2);grid-template-columns:1fr;padding:var(--space-2) var(--space-4)}.promo-card{padding:var(--space-3)}.promo-card h3{font-size:var(--font-size-base)}.cart-item{gap:10px;padding:12px}.cart-item-image{height:45px;width:45px}.cart-item-info h4{font-size:13px}.cart-item-info .muted{font-size:11px}.cart-item-info .price{font-size:13px}.item-total{font-size:14px}.cart-item-controls{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.panel{max-width:100vw;overflow-x:hidden;width:100%}.panel-header{padding:var(--space-3)}.panel-header h2{font-size:var(--font-size-md)}.cart-panel,.panel-content{max-width:100vw;overflow-x:hidden;width:100%}.cart-items{padding:var(--space-2)}.checkout-section{box-sizing:border-box;padding:var(--space-3) var(--space-2);width:100%}.address-option{gap:var(--space-2);padding:var(--space-2)}.address-details{font-size:var(--font-size-sm)}.address-details,.address-text{word-break:break-word}.cart-summary{padding:var(--space-2);padding-bottom:calc(var(--space-2) + var(--safe-area-bottom) + 70px)}.address-row{grid-template-columns:1fr}}.checkout-section{background:#fff;border-top:1px solid var(--border-light);box-sizing:border-box;overflow-x:hidden;padding:var(--space-4);width:100%}.checkout-section h3{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0 0 var(--space-3) 0;text-transform:uppercase}.address-options{grid-gap:var(--space-3);display:grid;gap:var(--space-3);margin-bottom:var(--space-3);width:100%}.address-option{align-items:flex-start;background:var(--gray-50);border:2px solid var(--border-default);border-radius:var(--radius-xl);box-sizing:border-box;cursor:pointer;display:flex;font-family:inherit;gap:var(--space-3);min-height:var(--touch-target-min);padding:var(--space-4);text-align:left;transition:all .2s;width:100%;word-break:break-word}.address-option:hover{background:var(--primary-bg);border-color:var(--primary);box-shadow:0 4px 12px #7c3aed26;transform:translateY(-2px)}.address-radio{color:var(--gray-400);flex-shrink:0;font-size:1.1rem;margin-top:2px}.address-option.selected .address-radio{color:var(--primary)}.address-option.selected{background:var(--primary-bg);border-color:var(--primary);box-shadow:0 4px 12px #7c3aed33}.address-details{flex:1 1;font-size:var(--font-size-base)}.address-label{font-size:15px;font-weight:700;margin-bottom:var(--space-1);word-break:break-word}.place-order-btn{background:var(--primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-3);width:100%}.place-order-btn:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.02)}.place-order-btn:disabled{cursor:not-allowed}.checkout-message{animation:slideUp .3s ease-out;border-radius:var(--radius-sm);font-size:var(--font-size-base);margin-bottom:var(--space-3);padding:var(--space-3);text-align:center}.checkout-message.success{background:var(--success-bg);border:1px solid #bbf7d0;color:var(--success)}.checkout-message.error{background:var(--error-bg);border:1px solid #fecaca;color:#991b1b}.order-item{background:#fff;border:none;border-radius:var(--radius-xl);box-shadow:0 2px 8px #00000014;margin-bottom:var(--space-3);overflow:hidden;transition:all .2s}.order-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.order-item.expanded{box-shadow:0 8px 24px #7c3aed26;transform:translateY(0)}.order-header-btn{background:none;border:none;cursor:pointer;min-height:var(--touch-target-min);padding:0;text-align:left;transition:all .2s;width:100%}.order-header-btn:hover{background:var(--primary-bg)}.order-header{background:linear-gradient(135deg,#fafafa,#fff);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.order-summary{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.order-id{color:var(--text-primary);font-size:16px;font-weight:700}.order-status{display:flex}.status-badge{border-radius:var(--radius-full);font-size:13px;font-weight:700;padding:var(--space-2) var(--space-3);text-transform:capitalize}.status-badge.pending{background:var(--warning-bg);color:#92400e}.status-badge.confirmed{background:var(--info-bg);color:#0c4a6e}.status-badge.shipped{background:#d1fae5;color:#064e3b}.status-badge.out-for-delivery{background:#dbeafe;color:#1e3a8a}.status-badge.delivered{background:var(--success-bg);color:var(--success)}.status-badge.cancelled{background:var(--error-bg);color:#991b1b}.order-info-row{align-items:center;color:var(--text-muted);display:flex;font-size:14px;font-weight:500;justify-content:space-between}.order-date{flex:1 1}.order-total{color:var(--text-primary);font-size:16px;font-weight:700;min-width:80px;text-align:right}.expand-icon{color:var(--text-muted);font-size:18px;font-weight:700;margin-left:auto;transition:transform .2s}.order-item.expanded .expand-icon{transform:rotate(0deg)}.order-details{grid-gap:var(--space-4);animation:slideUp .3s ease-out;background:#fafafa;border-top:1px solid var(--border-light);display:grid;gap:var(--space-4);padding:var(--space-4)}.order-detail-section{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.order-detail-section h4{font-size:13px;font-weight:700;letter-spacing:.8px;margin:0}.order-items-list{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.order-item-detail{grid-gap:var(--space-2);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);padding:var(--space-3)}.item-name{font-size:var(--font-size-base);font-weight:var(--font-semibold)}.item-meta{color:var(--text-secondary);display:flex;justify-content:space-between}.item-meta,.item-subtotal{font-size:var(--font-size-sm)}.item-subtotal{color:var(--primary);font-weight:var(--font-semibold)}.delivery-address{grid-gap:var(--space-2);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);padding:var(--space-3)}.address-label,.address-text{margin:0}.order-summary-details{grid-gap:var(--space-2);background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-lg);display:grid;gap:var(--space-2);padding:var(--space-3)}.summary-row{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);justify-content:space-between}.summary-row.total{border-top:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-semibold);padding-top:var(--space-2)}@media (max-width:640px){.order-header{padding:var(--space-3)}.order-header,.order-summary{gap:var(--space-2)}.order-id{font-size:var(--font-size-base)}.order-info-row{font-size:var(--font-size-sm);gap:var(--space-1)}.order-details{gap:var(--space-3);padding:var(--space-3)}.order-detail-section h4{font-size:var(--font-size-sm)}}.order-tracking{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}.tracking-container{animation:trackingPop .25s ease-out;background:#fff;border-radius:var(--radius-xl);box-shadow:0 20px 60px #0f172a40;display:flex;flex-direction:column;max-height:min(90vh,820px);max-width:640px;overflow:hidden;padding-bottom:var(--safe-area-bottom);width:100%}.order-tracking .tracking-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-default);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--space-4)}.order-tracking .tracking-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-semibold);margin:0}.order-tracking .tracking-header .close-btn{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:0;transition:color .2s;width:36px}.order-tracking .tracking-header .close-btn:hover{color:var(--text-primary)}.tracking-content{grid-gap:var(--space-3);-webkit-overflow-scrolling:touch;display:grid;gap:var(--space-3);overflow-y:auto;padding:var(--space-4)}.tracking-order-info{grid-gap:var(--space-3);background:var(--primary-bg);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding:var(--space-3)}.order-date-info,.order-id-info{display:flex;flex-direction:column;gap:var(--space-1)}.tracking-order-info .label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-transform:uppercase}.tracking-order-info .value{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-semibold)}.tracking-status{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.tracking-status-card{align-items:center;border-left:4px solid;border-radius:var(--radius-md);display:flex;gap:var(--space-3);padding:var(--space-4)}.tracking-status-card.pending{background:var(--warning-bg);border-color:var(--warning)}.tracking-status-card.confirmed{background:var(--info-bg);border-color:var(--info)}.tracking-status-card.out-for-delivery{background:#e0f2fe;border-color:#0284c7}.tracking-status-card.delivered{background:var(--success-bg);border-color:var(--success)}.tracking-status-card.cancelled{background:var(--error-bg);border-color:var(--error)}.tracking-progress{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.progress-step{grid-gap:4px;color:var(--text-muted);display:grid;font-size:var(--font-size-xs);font-weight:var(--font-medium);gap:4px;justify-items:center;text-align:center}.progress-dot{align-items:center;background:#fff;border:1px solid var(--border-default);border-radius:999px;display:flex;height:34px;justify-content:center;width:34px}.progress-step.done{color:var(--text-primary)}.progress-step.done .progress-dot{background:var(--success-bg);border-color:#86efac}.status-icon{font-size:2rem;min-width:40px;text-align:center}.status-info h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0}.status-info p{color:var(--text-secondary);font-size:var(--font-size-base);margin:0}.status-message{background:#f0f9ff;border-left:3px solid var(--info);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.status-message p{color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5;margin:0}.tracking-history{grid-gap:var(--space-3);display:grid;gap:var(--space-3)}.tracking-history-item{align-items:flex-start;background:var(--gray-100);border-radius:var(--radius-sm);display:flex;gap:var(--space-3);padding:var(--space-3)}.tracking-history-dot{border-radius:999px;flex-shrink:0;height:10px;margin-top:7px;width:10px}.tracking-history-dot.pending{background:#d97706}.tracking-history-dot.confirmed{background:#0284c7}.tracking-history-dot.out-for-delivery{background:#2563eb}.tracking-history-dot.delivered{background:#16a34a}.tracking-history-dot.cancelled{background:#dc2626}.tracking-history-title{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-semibold);margin:0}.tracking-history-time{color:var(--text-muted);font-size:var(--font-size-xs);margin:2px 0 0}.tracking-history-note{color:var(--text-secondary);font-size:var(--font-size-sm);margin:4px 0 0}.payment-card{background:var(--gray-100);border-radius:var(--radius-sm);padding:var(--space-3)}.payment-card,.payment-options{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.payment-option{align-items:center;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2)}.payment-option.selected{background:var(--primary-bg);border-color:var(--primary)}.payment-option input{accent-color:var(--primary)}.payment-helper{color:var(--text-muted)}.payment-helper,.payment-status-text{font-size:var(--font-size-xs);margin:0}.payment-status-text{color:var(--text-secondary)}.damage-note{background:#fffbeb;border-left:3px solid #f59e0b;border-radius:var(--radius-sm);color:#92400e;font-size:var(--font-size-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.estimated-delivery{background:var(--warning-bg);border-left:3px solid var(--warning);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.estimated-delivery .label{color:#92400e;font-size:var(--font-size-sm);font-weight:var(--font-semibold);margin:0;text-transform:uppercase}.estimated-delivery .time{color:#92400e;font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:var(--space-1) 0 0 0}.order-detail-section h4{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold);margin:0 0 var(--space-2) 0;text-transform:uppercase}.order-items-summary{grid-gap:var(--space-2);display:grid;gap:var(--space-2)}.item-summary{background:var(--gray-100);border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--space-3)}.item-name{color:var(--text-primary)}.item-name,.item-qty{font-weight:var(--font-medium)}.item-qty{color:var(--text-secondary)}.delivery-address-info{background:var(--gray-100);border-radius:var(--radius-sm);padding:var(--space-3)}.address-label{color:var(--text-primary);font-size:var(--font-size-base);margin:0 0 var(--space-1) 0}.address-text{line-height:1.4;margin:0 0 var(--space-1) 0}.address-pincode,.address-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.address-pincode{margin:0}@media (max-width:640px){.order-tracking{align-items:flex-end;padding:0}.tracking-container{animation:slideUp .25s ease-out;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;max-width:none}.order-tracking .tracking-header{padding:var(--space-4)}.order-tracking .tracking-header h2{font-size:var(--font-size-lg)}.tracking-content{gap:var(--space-3);padding:var(--space-4)}.tracking-status-card{gap:var(--space-3);padding:var(--space-3)}.status-icon{font-size:1.75rem}.status-info h3{font-size:var(--font-size-md);margin:0 0 2px}.status-info p{font-size:var(--font-size-sm)}.tracking-order-info{gap:var(--space-3);grid-template-columns:1fr}.estimated-delivery,.tracking-order-info{padding:var(--space-3)}.estimated-delivery .time{font-size:var(--font-size-md)}.order-detail-section h4{font-size:var(--font-size-sm);margin:0 0 var(--space-2) 0}.item-summary{font-size:var(--font-size-sm);padding:var(--space-2)}.tracking-progress{grid-template-columns:1fr 1fr}.delivery-address-info{padding:var(--space-2)}.address-label{font-size:var(--font-size-sm);margin:0 0 2px}.address-text{margin:0 0 2px}.address-pincode,.address-text{font-size:var(--font-size-xs)}}@keyframes trackingPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-inline-section{margin-bottom:0;padding:0 var(--space-5)}.auth-inline{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;padding:var(--space-4) var(--space-5)}.auth-inline-content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-5);justify-content:center}.auth-inline-text{text-align:center}.auth-inline-text h2{font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.auth-inline-text .muted{color:#fff;font-size:var(--font-size-base);margin:0 0 var(--space-2) 0;opacity:.85}.trust-badges{align-items:center;display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.trust-badge{color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-medium);opacity:.95}.trust-badge:first-child{animation:pulse 2s ease-in-out infinite;font-size:var(--font-size-md);font-weight:var(--font-bold)}@keyframes pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.auth-inline-form{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);max-width:380px;min-width:260px}.phone-input-group.compact{align-items:center;background:#fff;border-radius:var(--radius-md);display:flex;overflow:hidden}.country-code.fixed{align-items:center;background:var(--gray-50);border-right:1px solid var(--border-default);color:var(--text-secondary);cursor:default;display:flex;font-size:var(--font-size-md);font-weight:var(--font-semibold);gap:var(--space-1);padding:var(--space-3)}.country-code.fixed .flag{font-size:var(--font-size-lg)}.phone-input-group.compact .phone-input{background:#fff;border:none;color:var(--text-primary);flex:1 1;font-size:16px!important;min-height:var(--touch-target-min);outline:none;padding:var(--space-3)}.auth-inline-actions{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.checkbox.compact{align-items:center;color:#fff;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);opacity:.9}.checkbox.compact input[type=checkbox]{accent-color:#fff;height:16px;width:16px}.auth-inline-actions .btn.primary{background:#fff;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);transition:all .2s;white-space:nowrap}.auth-inline-actions .btn.primary:hover:not(:disabled){background:var(--gray-100)}.auth-inline-actions .btn.primary:disabled{cursor:not-allowed;opacity:.6}.otp-sent-info.compact{align-items:center;color:#fff;display:flex;gap:var(--space-3);justify-content:space-between}.otp-sent-info.compact p{font-size:var(--font-size-md);margin:0}.otp-sent-info.compact .link-button{border-radius:var(--radius-sm);color:#000c;font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);text-decoration:underline;white-space:nowrap}.link-button.small{align-items:center;color:#fff;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-bold);min-height:var(--touch-target-min);opacity:1;padding:var(--space-2);text-decoration:underline}.otp-input-group{display:flex;gap:var(--space-3)}.otp-input-group .otp-input{border:none;border-radius:var(--radius-lg);flex:1 1;font-size:var(--font-size-md);letter-spacing:4px;padding:var(--space-3) var(--space-4);text-align:center}.otp-input-group .btn.primary,.otp-input-group .otp-input{font-weight:var(--font-semibold);min-height:var(--touch-target-min)}.otp-input-group .btn.primary{background:#fff;border:none;border-radius:var(--radius-md);color:var(--primary);cursor:pointer;padding:var(--space-3) var(--space-5);transition:all .2s}.otp-input-group .btn.primary:hover:not(:disabled){background:var(--gray-100)}.otp-input-group .btn.primary:disabled{cursor:not-allowed;opacity:.6}.auth-status.compact{border-radius:var(--radius-md);font-size:var(--font-size-base);margin:0;padding:var(--space-2) var(--space-3);text-align:center}.auth-status.compact.success{background:#fff3;color:#fff}.auth-status.compact.error{background:#ef444433;color:#fecaca}.auth-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:env(safe-area-inset-top,16px) env(safe-area-inset-right,16px) env(safe-area-inset-bottom,16px) env(safe-area-inset-left,16px);position:fixed;right:0;top:0;z-index:var(--z-modal)}.auth-modal{-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:flex-start;max-height:90vh;max-width:400px;min-height:0;overflow-y:auto;padding:var(--space-6);position:relative;width:100%}@media (max-width:600px){.auth-modal{max-height:96vh;max-width:98vw;min-width:0;padding:var(--space-4) var(--space-2)}.auth-modal-overlay{padding:env(safe-area-inset-top,8px) env(safe-area-inset-right,8px) env(safe-area-inset-bottom,8px) env(safe-area-inset-left,8px)}}.auth-modal .auth-close-btn{align-items:center;background:var(--gray-100);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:var(--font-size-lg);height:36px;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);position:absolute;right:var(--space-4);top:var(--space-4);transition:background .2s;width:36px}.auth-modal .auth-close-btn:hover{background:var(--gray-200)}.auth-modal .auth-header{margin-bottom:var(--space-5);text-align:center}.auth-modal .auth-logo{font-size:2.5rem;margin-bottom:var(--space-3)}.auth-modal .auth-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.auth-modal .auth-header .muted{color:var(--text-muted);font-size:var(--font-size-md);margin:0}.auth-modal .auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-modal .phone-input-group{align-items:center;border:2px solid var(--border-default);border-radius:var(--radius-lg);display:flex;overflow:hidden;transition:border-color .2s}.auth-modal .phone-input-group:focus-within{border-color:var(--primary)}.auth-modal .country-code.fixed{align-items:center;background:var(--gray-50);border-right:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-weight:var(--font-semibold);gap:var(--space-2);padding:var(--space-4)}.auth-modal .phone-input{border:none;flex:1 1;font-size:16px!important;min-height:var(--touch-target-min);outline:none;padding:var(--space-4)}.auth-modal .checkbox{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-md);gap:var(--space-2)}.auth-modal .otp-input{border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--font-size-xl);font-weight:var(--font-semibold);letter-spacing:6px;min-height:var(--touch-target-min);padding:var(--space-4);text-align:center;transition:border-color .2s;width:100%}.auth-modal .otp-input:focus{border-color:var(--primary);outline:none}.auth-modal .otp-sent-info{align-items:center;background:var(--success-bg);border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:var(--space-3)}.auth-modal .otp-sent-info p{color:var(--success);font-size:var(--font-size-md);margin:0}.auth-modal .btn.primary.full-width{background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-semibold);min-height:var(--touch-target-min);padding:var(--space-4);transition:all .2s;width:100%}.auth-modal .btn.primary.full-width:hover:not(:disabled){background:var(--primary-dark)}.auth-modal .btn.primary.full-width:disabled{cursor:not-allowed;opacity:.6}.auth-modal .auth-status{border-radius:var(--radius-md);font-size:var(--font-size-md);margin-top:var(--space-2);padding:var(--space-3);text-align:center}.auth-modal .auth-status.success{background:var(--success-bg);color:var(--success)}.auth-modal .auth-status.error{background:var(--error-bg);color:var(--error)}.checkout-login-prompt{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:var(--radius-xl);margin-bottom:calc(80px + var(--safe-area-bottom));margin-top:var(--space-4);padding:var(--space-6) var(--space-5);text-align:center}.login-prompt-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.checkout-login-prompt h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.checkout-login-prompt .muted{color:var(--text-muted);font-size:var(--font-size-md);margin:0 0 var(--space-5) 0}.checkout-login-prompt .btn.primary.full-width{background:var(--primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-semibold);max-width:280px;min-height:var(--touch-target-min);padding:var(--space-4) var(--space-5);transition:all .2s;width:100%}.checkout-login-prompt .btn.primary.full-width:hover{background:var(--primary-dark);transform:translateY(-1px)}@media (max-width:600px){.auth-inline{padding:var(--space-4)}.auth-inline-content{align-items:center;flex-direction:column;gap:var(--space-4)}.auth-inline-text h2{font-size:var(--font-size-xl)}.trust-badges{gap:6px}.trust-badge{font-size:var(--font-size-xs)}}.auth-modal-wide{-webkit-overflow-scrolling:touch;max-height:calc(90vh - var(--safe-area-top) - var(--safe-area-bottom));max-width:480px;overflow-y:auto;width:95%}.profile-form{text-align:left}.profile-form .form-label{color:var(--text-secondary);display:block;font-size:var(--font-size-md);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.profile-form .form-input{background:var(--gray-50);border:1.5px solid var(--border-default);border-radius:var(--radius-lg);box-sizing:border-box;font-size:16px!important;margin-top:var(--space-2);min-height:var(--touch-target-min);padding:var(--space-3) var(--space-4);transition:all .2s;width:100%}.profile-form .form-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.profile-form .form-section{background:var(--primary-bg);border-radius:var(--radius-lg);margin:var(--space-4) 0;padding:var(--space-4)}.profile-form .form-section h4{color:var(--primary-darker);font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0 0 var(--space-3) 0}.profile-form .form-row{display:flex;gap:var(--space-3)}.profile-form .form-row .form-label{flex:1 1}@media (max-width:480px){.profile-form .form-row{flex-direction:column;gap:0}}@media (max-width:430px){.app,.auth-inline-section,.cart-items,.cart-panel,.cart-summary,.checkout-section,.panel,.panel-content,.profile-content,.profile-panel-container{box-sizing:border-box;max-width:100vw;overflow-x:hidden;width:100%}.auth-inline-section{padding:0 var(--space-3)}.auth-inline{padding:var(--space-3)}.auth-inline-form{max-width:100%;min-width:auto;width:100%}.panel-header{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.panel-header h2{flex:1 1;font-size:var(--font-size-base);min-width:0}.close-btn.back-to-shop{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-2)}.address-option,.address-options{box-sizing:border-box;width:100%}.address-details{word-wrap:break-word;min-width:0;overflow-wrap:break-word}.profile-grid{width:100%}.address-card,.profile-grid input,.profile-grid select{box-sizing:border-box;max-width:100%;width:100%}.address-card input,.address-card select,.btn.full-width{max-width:100%;width:100%}.btn.full-width{box-sizing:border-box}}@media (max-width:375px){:root{--font-size-xs:0.625rem;--font-size-sm:0.6875rem;--font-size-base:0.75rem;--font-size-md:0.8125rem}.header{padding:var(--space-2)}.logo-image{height:24px}.logo{font-size:var(--font-size-md)}.icon-button{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.top-actions{gap:var(--space-1)}.product-grid{gap:var(--space-2);padding:0 var(--space-2) calc(90px + var(--safe-area-bottom))}.product-card{padding:var(--space-2)}.product-card h3{font-size:var(--font-size-sm)}.category-strip{padding:var(--space-2) var(--space-3)}.category-tile{font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-2)}.floating-cart-btn{bottom:calc(12px + var(--safe-area-bottom));height:50px;right:12px;width:50px}.floating-cart-icon{font-size:1.25rem}.promo-row{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.promo-card{padding:var(--space-2)}.auth-panel{padding:var(--space-4) var(--space-3)}}@media (max-height:500px) and (orientation:landscape){.auth-page-container{align-items:flex-start;overflow-y:auto;padding:var(--space-2)}.auth-panel{margin:var(--space-2) 0;padding:var(--space-4)}.auth-logo{font-size:2rem;margin-bottom:var(--space-2)}.auth-modal{max-height:95vh}.order-tracking .tracking-container{border-radius:0;max-height:100vh}}@supports (-webkit-touch-callout:none){.app{min-height:-webkit-fill-available}.auth-modal-overlay{height:100%}.floating-cart-btn,.header{transform:translateZ(0)}}@media (prefers-contrast:high){:root{--border-default:var(--gray-400);--text-secondary:var(--gray-700);--text-muted:var(--gray-600)}.btn.primary{border:2px solid var(--primary-dark)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.auth-modal-overlay,.cart-panel,.floating-cart-btn,.header{display:none!important}.app{background:#fff}.product-grid{padding-bottom:0}}body,html{height:100%;margin:0;overflow-y:auto;padding:0}:root{--vh-100:100vh}@supports (height:100dvh){:root{--vh-100:100dvh}}.app{min-height:100vh;min-height:var(--vh-100);overflow-y:visible}.cart-items,.panel-content,.profile-content,.tracking-content{-webkit-overflow-scrolling:touch;overflow-y:auto}.bottom-nav{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#1e293b;border-top:1px solid #334155;bottom:0;box-shadow:0 -4px 16px #00000014;justify-content:space-around;left:0;min-height:60px;padding:4px 0 max(4px,env(safe-area-inset-bottom));position:fixed;right:0;z-index:999}.bottom-nav,.bottom-nav-item{align-items:center;display:flex}.bottom-nav-item{background:none;border:none;border-radius:12px;color:#64748b;cursor:pointer;flex-direction:column;gap:2px;justify-content:center;min-height:48px;min-width:60px;padding:6px 12px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1)}.bottom-nav-item:active{transform:scale(.95)}.bottom-nav-item.active{background:linear-gradient(135deg,#ff5a1f1f,#ff5a1f0f);color:var(--primary)}.bottom-nav-item.active:before{animation:slideDown .2s ease-out;background:var(--primary);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-3px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.bottom-nav-icon{stroke-width:2;height:24px;transition:all .18s cubic-bezier(.4,0,.2,1);width:24px}.bottom-nav-item.active .bottom-nav-icon{stroke-width:2.5;filter:drop-shadow(0 2px 4px rgba(255,90,31,.2));transform:translateY(-1px)}.bottom-nav-label{font-size:11px;font-weight:500;letter-spacing:.01em;transition:all .18s cubic-bezier(.4,0,.2,1)}.bottom-nav-item.active .bottom-nav-label{font-weight:600;transform:translateY(-1px)}.product-grid{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}@media (max-width:640px){.bottom-nav{box-shadow:0 -3px 12px #0000000f;min-height:56px;padding:4px 0 max(4px,env(safe-area-inset-bottom))}.bottom-nav-item{border-radius:10px;gap:2px;min-height:44px;min-width:56px;padding:4px 10px}.bottom-nav-icon{height:22px;width:22px}.bottom-nav-label{font-size:10px}.product-grid{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.checkout-login-prompt{margin-bottom:calc(72px + env(safe-area-inset-bottom))}}.profile-setup-overlay{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:9999}.profile-setup-container{animation:slideUp .4s ease-out;background:#fff;border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000004d;max-width:440px;padding:var(--space-6);width:100%}.profile-setup-header{margin-bottom:var(--space-5);text-align:center}.profile-setup-header h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-2) 0}.profile-setup-header .muted{color:var(--text-secondary);font-size:var(--font-size-md);margin:0}.profile-setup-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-setup-form .form-group{display:flex;flex-direction:column;gap:var(--space-2)}.profile-setup-form label{color:var(--text-primary);font-size:var(--font-size-base);font-weight:var(--font-semibold)}.profile-setup-form input{border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:16px!important;min-height:var(--touch-target-min);padding:var(--space-3);transition:all .2s}.profile-setup-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.profile-setup-form input:disabled{background:var(--gray-100);color:var(--text-muted);cursor:not-allowed}@media (max-width:640px){.profile-setup-overlay{padding:var(--space-3)}.profile-setup-container{padding:var(--space-5) var(--space-4)}.profile-setup-header h2{font-size:var(--font-size-xl)}}.order-review-items{display:flex;flex-direction:column;gap:var(--space-2)}.review-item{background:#fff;border-radius:var(--radius-sm);justify-content:space-between;padding:var(--space-2)}.review-delivery,.review-item{display:flex;font-size:var(--font-size-sm)}.review-delivery{flex-direction:column;gap:var(--space-2)}.review-delivery p{margin:0}.review-delivery strong{color:var(--text-primary);font-weight:var(--font-semibold)}.place-order-container{background:#fff;border-top:1px solid var(--border-light);padding:var(--space-2) var(--space-4);padding-bottom:calc(80px + var(--safe-area-bottom))}.place-order-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:var(--radius-xl);box-shadow:0 4px 12px #7c3aed4d;font-size:16px;font-weight:700;padding:var(--space-4);transition:all .3s}.place-order-btn:hover:not(:disabled){box-shadow:0 6px 16px #7c3aed66;transform:translateY(-2px)}.place-order-btn:active:not(:disabled){transform:translateY(0)}.place-order-btn:disabled{background:var(--gray-300);box-shadow:none}.delivery-estimate{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:var(--radius-xl);margin-top:var(--space-2);padding:var(--space-4)}.stock-warning{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:10px;font-weight:var(--font-semibold);margin-top:2px;padding:3px 6px;text-align:center}.location-selector-inline{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;gap:4px;min-height:36px;min-width:0;padding:4px 8px;transition:background .2s}.location-selector-inline:active{background:var(--gray-50)}.location-selector-inline .location-icon{flex-shrink:0;font-size:16px}.location-text-inline{align-items:center;display:flex;flex:1 1;gap:4px;min-width:0}.location-value-inline{color:var(--text-primary);font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-chevron-inline{color:var(--text-muted);flex-shrink:0;font-size:10px}@media (max-width:640px){.location-value-inline{font-size:12px;max-width:100px}}@media (max-width:375px){.location-value-inline{max-width:80px}}.location-modal-overlay{align-items:flex-end;animation:fadeIn .2s ease-out;background:#00000080;display:flex;inset:0;position:fixed;z-index:10000}.location-modal-sheet{animation:slideUpModal .3s ease-out;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:85vh;padding-bottom:env(safe-area-inset-bottom);width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.location-modal-handle{background:var(--gray-300);border-radius:2px;height:4px;margin:12px auto 8px;width:40px}.location-modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.location-modal-header h2{color:var(--text-primary);font-size:18px;font-weight:700;margin:0}.location-modal-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:background .2s;width:32px}.location-modal-close:active{background:var(--gray-200)}.location-modal-content{-webkit-overflow-scrolling:touch;overflow-y:auto;padding:20px}.location-saved h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.location-saved-item{align-items:center;background:var(--gray-50);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:12px;min-height:44px;padding:16px;transition:all .2s;width:100%}.location-saved-item:active{background:var(--primary-bg);border-color:var(--primary);transform:scale(.98)}.location-saved-icon{flex-shrink:0;font-size:24px}.location-saved-text{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;text-align:left}.location-saved-text strong{color:var(--text-primary);font-size:15px;font-weight:600}.location-saved-text span{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-add-new-btn{align-items:center;background:var(--primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;min-height:48px;padding:16px;transition:all .2s;width:100%}.location-add-new-btn:active{background:var(--primary-dark);transform:scale(.98)}.location-add-new-btn span{font-size:20px}.location-empty{padding:40px 20px;text-align:center}.location-empty-icon{font-size:64px;margin-bottom:16px}.location-empty h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0 0 8px}.location-empty p{color:var(--text-secondary);font-size:14px;margin:0}@media (max-width:640px){.location-selector-row{margin:6px 0 2px;padding:8px 0}.location-value{font-size:13px}.location-modal-sheet{max-height:90vh}}
/*# sourceMappingURL=main.ea10f84a.css.map*/