@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-brand:#2e7d32;--color-brand-dark:#1b5e20;--color-brand-mid:#2e7d32;--color-brand-light:#e8f5e9;--color-brand-subtle:#f1f8e9;--primary:var(--color-brand);--primary-dark:var(--color-brand-dark);--primary-light:var(--color-brand-light);--color-bg:#f9fafb;--color-surface:#fff;--color-surface-2:#f3f4f6;--color-surface-3:#e5e7eb;--background:var(--color-bg);--white:#fff;--color-text:#111827;--color-text-2:#374151;--color-muted:#6b7280;--dark:var(--color-text);--text:var(--color-text-2);--muted:var(--color-muted);--color-border:#e5e7eb;--color-border-light:#f3f4f6;--border:var(--color-border);--color-success:#166534;--color-success-bg:#dcfce7;--color-warning:#92400e;--color-warning-bg:#fef3c7;--color-error:#991b1b;--color-error-bg:#fee2e2;--color-info:#1e40af;--color-info-bg:#dbeafe;--color-neutral:#374151;--color-neutral-bg:#f3f4f6;--max-width:1200px;--navbar-height:64px;--radius-sm:4px;--radius:8px;--radius-lg:12px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:.15s ease;--transition-slow:.2s ease;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);font-weight:700;line-height:1.2}.container{width:min(var(--max-width), calc(100% - 40px));margin:0 auto}.page{min-height:calc(100vh - var(--navbar-height));padding:36px 0 64px}.btn{border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);white-space:nowrap;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:7px;padding:10px 20px;font-size:.9rem;font-weight:600;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-text-2);background:0 0}.btn-outline:hover:not(:disabled){border-color:var(--color-brand);color:var(--color-brand)}.primary-btn{background:var(--color-brand);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.primary-btn:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.secondary-btn{background:var(--color-surface);color:var(--color-text-2);border-radius:var(--radius);border:1.5px solid var(--color-border);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.secondary-btn:hover{border-color:var(--color-brand);color:var(--color-brand)}.form-group{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.form-group label{color:var(--color-text-2);letter-spacing:.01em;font-size:.825rem;font-weight:600}.form-group input,.form-group textarea,.form-group select{border:1.5px solid var(--color-border);border-radius:var(--radius);width:100%;font-family:var(--font-body);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition);outline:none;padding:11px 14px;font-size:.9rem}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px #1a5c3814}.form-group textarea{resize:vertical;min-height:90px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=560px){.form-row{grid-template-columns:1fr;gap:0}}.status{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.01em;white-space:nowrap;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.status-confirmed{background:var(--color-info-bg);color:var(--color-info)}.status-processing{background:var(--color-warning-bg);color:var(--color-warning)}.status-out_for_delivery{color:#7e22ce;background:#fdf4ff}.status-delivered{background:var(--color-success-bg);color:var(--color-success)}.status-pending{background:var(--color-neutral-bg);color:var(--color-neutral)}.status-cancelled{background:var(--color-error-bg);color:var(--color-error)}.payment-paid{color:var(--color-success);font-weight:600}.payment-pending{color:var(--color-warning);font-weight:600}.payment-failed{color:var(--color-error);font-weight:600}.loading-state{text-align:center;color:var(--color-muted);padding:64px 20px;font-size:.95rem}.empty-state{text-align:center;padding:64px 20px}.empty-state h3{color:var(--color-text);margin-bottom:8px;font-size:1.15rem}.empty-state p{color:var(--color-muted);font-size:.9rem}.page-loading{text-align:center;color:var(--color-muted);padding:64px 20px;font-size:.95rem}.navbar{height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;transition:box-shadow var(--transition);position:sticky;top:0}.navbar.scrolled{box-shadow:var(--shadow-sm);border-bottom-color:var(--color-border)}.navbar-container{width:min(var(--max-width), calc(100% - 40px));justify-content:space-between;align-items:center;gap:24px;height:100%;margin:0 auto;display:flex}.brand{font-family:var(--font-heading);color:var(--color-brand);letter-spacing:-.03em;flex-shrink:0;align-items:center;gap:8px;font-size:1.35rem;font-weight:800;display:flex}.brand-icon{background:var(--color-brand);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-links{align-items:center;gap:2px;margin-left:28px;margin-right:auto;display:flex}.nav-links a{color:var(--color-muted);border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:5px;padding:6px 12px;font-size:.9rem;font-weight:500;display:flex;position:relative}.nav-links a:hover{color:var(--color-text);background:var(--color-surface-2)}.nav-links a.active{color:var(--color-brand);background:var(--color-brand-subtle);font-weight:600}.nav-actions{align-items:center;gap:12px;display:flex}.cart-link{border-radius:var(--radius);width:40px;height:40px;color:var(--color-text-2);transition:all var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.cart-link:hover{background:var(--color-surface-2);color:var(--color-text)}.cart-badge{background:var(--color-brand);color:#fff;border-radius:var(--radius-full);border:2px solid var(--color-surface);place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.user-actions{align-items:center;gap:6px;display:flex}.user-avatar{border-radius:var(--radius-full);background:var(--color-brand-light);width:32px;height:32px;color:var(--color-brand);font-size:.8rem;font-weight:700;font-family:var(--font-heading);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-name{color:var(--color-text-2);font-size:.85rem;font-weight:600}.icon-btn{border-radius:var(--radius);width:36px;height:36px;color:var(--color-muted);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--color-surface-2);color:var(--color-text-2)}.nav-hamburger{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;transition:background var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:none}.nav-hamburger:hover{background:var(--color-surface-2)}.nav-hamburger span{background:var(--color-text-2);width:18px;height:1.5px;transition:all var(--transition);border-radius:2px;display:block}.mobile-menu{z-index:99;display:none;position:fixed;inset:0}.mobile-menu.open{display:block}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;position:absolute;inset:0}.mobile-drawer{background:var(--color-surface);width:min(300px,85vw);height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:8px;padding:24px;display:flex;position:absolute;top:0;right:0}.mobile-drawer-header{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:20px;display:flex}.mobile-drawer a{border-radius:var(--radius);color:var(--color-text-2);transition:all var(--transition);align-items:center;gap:10px;padding:12px 14px;font-size:.95rem;font-weight:500;display:flex}.mobile-drawer a:hover,.mobile-drawer a.active{background:var(--color-brand-subtle);color:var(--color-brand)}.mobile-drawer-footer{border-top:1px solid var(--color-border-light);margin-top:auto;padding-top:20px}@media (width<=700px){.navbar{height:60px}.nav-links,.user-name{display:none}.nav-hamburger{display:flex}.brand{font-size:1.2rem}}.auth-page{min-height:calc(100vh - var(--navbar-height));background:var(--color-bg);justify-content:center;align-items:center;padding:48px 20px;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-xs);padding:36px 32px}.auth-brand-mark{color:var(--color-brand);font-family:var(--font-heading);align-items:center;gap:7px;margin-bottom:28px;font-size:1.1rem;font-weight:800;display:flex}.auth-card h1{color:var(--color-text);letter-spacing:-.02em;margin-bottom:6px;font-size:1.6rem}.auth-card>p{color:var(--color-muted);margin-bottom:28px;font-size:.875rem}.auth-btn{width:100%;margin-top:6px;padding:12px;font-size:.95rem}.error-message{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius);border:1px solid #991b1b26;margin-bottom:18px;padding:11px 14px;font-size:.85rem}.auth-footer{text-align:center;color:var(--color-muted);margin-top:24px;font-size:.875rem}.auth-footer a{color:var(--color-brand);font-weight:600}.password-wrapper{position:relative}.password-wrapper input{padding-right:42px}.password-toggle{color:var(--color-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-text-2)}.products-page{padding-top:40px;padding-bottom:64px}.page-header{margin-bottom:28px}.page-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.page-header h1{color:var(--color-text);letter-spacing:-.025em;margin-bottom:4px;font-size:1.75rem}.page-header p{color:var(--color-muted);font-size:.875rem}.search-wrapper{flex-shrink:0;position:relative}.search-wrapper svg{color:var(--color-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:260px;color:var(--color-text);transition:all var(--transition);font-size:.875rem;font-family:var(--font-body);outline:none;padding:10px 14px 10px 38px}.search-input::placeholder{color:var(--color-muted)}.search-input:focus{border-color:var(--color-brand);width:280px;box-shadow:0 0 0 3px #1a5c3814}.category-list{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.category-btn{border:1.5px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-2);transition:all var(--transition);font-size:.85rem;font-weight:500;font-family:var(--font-body);padding:7px 16px}.category-btn:hover{border-color:var(--color-brand);color:var(--color-brand);background:var(--color-brand-subtle)}.category-btn.active{background:var(--color-brand);color:#fff;border-color:var(--color-brand);font-weight:600}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}@media (width<=560px){.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}.search-input,.search-input:focus,.search-wrapper{width:100%}.page-header-top{flex-direction:column}}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);transition:all var(--transition);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-xs)}.product-image-wrapper{aspect-ratio:4/3;background:var(--color-surface-2);border-bottom:1px solid var(--color-border-light);position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:opacity var(--transition)}.product-card:hover .product-image{opacity:.95}.stock-warning{border-radius:var(--radius-sm);color:#854d0e;background:#fef9c3;border:1px solid #fde68a;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;top:10px;right:10px}.out-of-stock{border-radius:var(--radius-sm);background:var(--color-error-bg);color:var(--color-error);border:1px solid #991b1b33;padding:4px 8px;font-size:.7rem;font-weight:600;position:absolute;top:10px;right:10px}.product-info{flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.product-category{color:var(--color-brand);text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:.72rem;font-weight:600}.product-info h3{color:var(--color-text);letter-spacing:-.01em;margin-bottom:3px;font-size:.95rem;font-weight:600;line-height:1.3}.product-unit{color:var(--color-muted);margin-bottom:14px;font-size:.8rem}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{color:var(--color-text);letter-spacing:-.02em;font-size:1.05rem;font-weight:700;font-family:var(--font-heading)}.add-cart-btn{background:var(--color-brand);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:.825rem;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:5px;padding:8px 14px;display:flex}.add-cart-btn:hover:not(:disabled){background:var(--color-brand-dark);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.add-cart-btn:disabled{background:var(--color-surface-3);color:var(--color-muted);cursor:not-allowed}.home-page{overflow-x:hidden}.hero-section{max-width:var(--max-width);grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin:0 auto;padding:40px 20px;display:grid}@media (width<=800px){.hero-section{text-align:center;grid-template-columns:1fr;gap:32px}}.hero-content{z-index:1;position:relative}.hero-badge{background:var(--color-brand-light);color:var(--color-brand);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:16px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-content h1{color:var(--color-text);margin-bottom:16px;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;line-height:1.15}.hero-content h1 span{color:var(--color-brand)}.hero-content p{color:var(--color-muted);max-width:420px;margin-bottom:32px;font-size:1rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=800px){.hero-actions{justify-content:center}}.hero-visual{justify-content:center;align-items:center;display:flex}.section-heading{text-align:center;max-width:600px;margin:0 auto 40px}.section-heading>span{color:var(--color-brand);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.section-heading h2{color:var(--color-text);margin-bottom:8px;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700}.section-heading p{color:var(--color-muted);font-size:.9rem;line-height:1.6}.section-heading-row{text-align:left;justify-content:space-between;align-items:flex-end;max-width:none;margin-bottom:28px;display:flex}.section-heading-row>div{max-width:520px}.categories-section{padding:72px max(calc((100vw - var(--max-width)) / 2), 20px);background:var(--color-surface);border-top:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.categories-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.category-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:22px 12px;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-brand);background:var(--color-brand-subtle);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-card:hover .category-icon{background:var(--color-brand);color:#fff}.category-icon{background:var(--color-brand-light);width:48px;height:48px;color:var(--color-brand);transition:all var(--transition);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-card h3{color:var(--color-text-2);letter-spacing:-.01em;font-size:.825rem;font-weight:600}.category-card span{color:var(--color-brand);font-size:.72rem;font-weight:600}.featured-section{padding:72px max(calc((100vw - var(--max-width)) / 2), 20px)}.view-all-link{color:var(--color-brand);transition:opacity var(--transition);flex-shrink:0;align-items:center;gap:4px;margin-bottom:4px;font-size:.875rem;font-weight:600;display:flex}.view-all-link:hover{opacity:.75}.featured-products-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.loading-text{text-align:center;color:var(--color-muted);padding:40px 0;font-size:.9rem}.why-section{padding:72px max(calc((100vw - var(--max-width)) / 2), 20px);background:var(--color-surface);border-top:1px solid var(--color-border-light)}.benefits-grid{max-width:var(--max-width);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.benefit-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all var(--transition);padding:28px 24px}.benefit-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.benefit-icon{background:var(--color-brand-light);width:44px;height:44px;color:var(--color-brand);border-radius:10px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.benefit-card h3{letter-spacing:-.02em;margin-bottom:8px;font-size:1rem;font-weight:700}.benefit-card p{color:var(--color-muted);font-size:.875rem;line-height:1.6}.home-cta{padding:64px max(calc((100vw - var(--max-width)) / 2), 20px);background:var(--color-brand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;display:flex}.home-cta>div>span{color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.home-cta h2{color:#fff;letter-spacing:-.03em;max-width:520px;margin-bottom:10px;font-size:clamp(1.4rem,2.5vw,1.8rem);font-weight:800}.home-cta p{color:#ffffffb3;font-size:.9rem}.home-cta .primary-btn{color:var(--color-brand);background:#fff;flex-shrink:0}.home-cta .primary-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 6px 20px #00000026}@media (width<=1024px){.categories-grid,.featured-products-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=860px){.hero-section{grid-template-columns:1fr;gap:32px;min-height:auto;padding:48px 20px 40px}.hero-visual{display:none}.hero-content h1{font-size:2.2rem}.featured-products-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:1fr}.section-heading-row{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=640px){.categories-grid,.featured-products-grid{grid-template-columns:repeat(2,1fr)}.home-cta{text-align:center;flex-direction:column;align-items:center;padding:48px 20px}}.back-button{color:var(--color-muted);cursor:pointer;transition:color var(--transition);font-size:.875rem;font-weight:500;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:24px;padding:0;display:inline-flex}.back-button:hover{color:var(--color-text-2)}.back-link{color:var(--color-muted);transition:color var(--transition);align-items:center;gap:6px;margin-bottom:24px;font-size:.875rem;font-weight:500;display:inline-flex}.back-link:hover{color:var(--color-text-2)}.cart-page{padding-top:36px;padding-bottom:64px}.cart-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.cart-header h1{letter-spacing:-.025em;margin-bottom:4px;font-size:1.75rem}.cart-header p{color:var(--color-muted);font-size:.875rem}.back-shopping{color:var(--color-brand);transition:opacity var(--transition);flex-shrink:0;align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:flex}.back-shopping:hover{opacity:.75}.cart-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:24px;display:grid}.cart-items{flex-direction:column;gap:12px;display:flex}.cart-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:border-color var(--transition);grid-template-columns:90px 1fr auto auto auto;align-items:center;gap:16px;padding:16px;display:grid}.cart-item:hover{border-color:var(--color-border)}.cart-item-image{object-fit:cover;border-radius:var(--radius);background:var(--color-surface-2);width:90px;height:80px}.cart-item-info h3{letter-spacing:-.01em;color:var(--color-text);margin-bottom:3px;font-size:.925rem;font-weight:600}.cart-item-info p{color:var(--color-muted);margin-bottom:6px;font-size:.8rem}.cart-item-price{color:var(--color-text-2);font-size:.825rem;font-weight:500}.quantity-controls{border:1.5px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);align-items:center;display:flex;overflow:hidden}.quantity-controls button{cursor:pointer;width:32px;height:32px;color:var(--color-text-2);transition:background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.quantity-controls button:hover:not(:disabled){background:var(--color-surface-2)}.quantity-controls button:disabled{opacity:.35;cursor:not-allowed}.quantity-controls span{text-align:center;min-width:32px;color:var(--color-text);font-size:.875rem;font-weight:600}.cart-item-total{white-space:nowrap;font-size:.95rem;font-weight:700;font-family:var(--font-heading);color:var(--color-text)}.remove-btn{color:var(--color-muted);cursor:pointer;border-radius:var(--radius);transition:all var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.remove-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.order-summary{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);top:calc(var(--navbar-height) + 20px);padding:24px;position:sticky}.order-summary h2{letter-spacing:-.02em;color:var(--color-text);margin-bottom:20px;font-size:1.1rem;font-weight:700}.summary-row{color:var(--color-text-2);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;display:flex}.summary-divider{border:none;border-top:1px solid var(--color-border-light);margin:16px 0}.summary-total{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:0;font-size:1rem;font-weight:600;display:flex}.summary-total strong{font-family:var(--font-heading);font-size:1.1rem}.free-delivery{color:var(--color-brand);font-size:.825rem;font-weight:600}.checkout-btn{border-radius:var(--radius);background:var(--color-brand);color:#fff;cursor:pointer;width:100%;transition:all var(--transition);font-size:.9rem;font-weight:600;font-family:var(--font-body);letter-spacing:-.01em;border:none;margin-top:18px;padding:13px}.checkout-btn:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.secure-checkout{text-align:center;color:var(--color-muted);justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:.78rem;display:flex}.empty-cart{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:55vh;display:flex}.empty-cart-icon{background:var(--color-brand-light);width:72px;height:72px;color:var(--color-brand);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-cart h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.3rem}.empty-cart p{color:var(--color-muted);margin-bottom:24px;font-size:.875rem}.continue-shopping-btn{background:var(--color-brand);color:#fff;border-radius:var(--radius);transition:all var(--transition);align-items:center;gap:6px;padding:12px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.continue-shopping-btn:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}@media (width<=900px){.cart-layout{grid-template-columns:1fr}.order-summary{position:static}.cart-item{grid-template-columns:80px 1fr auto}.quantity-controls{grid-column:2}.cart-item-total,.remove-btn{grid-column:3}}@media (width<=600px){.cart-header{flex-direction:column;align-items:flex-start;gap:10px}.cart-item{grid-template-columns:72px 1fr;gap:12px;position:relative}.cart-item-image{width:72px;height:68px}.quantity-controls,.cart-item-total{grid-column:2}.remove-btn{position:absolute;top:12px;right:12px}}.checkout-page{padding-top:32px;padding-bottom:64px}.checkout-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:24px;display:grid}.checkout-form-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:28px}.checkout-summary{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);top:calc(var(--navbar-height) + 20px);padding:24px;position:sticky}.checkout-title{align-items:flex-start;gap:14px;margin-bottom:28px;display:flex}.checkout-title-icon{background:var(--color-brand-light);width:40px;height:40px;color:var(--color-brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.checkout-title h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.3rem}.checkout-title p{color:var(--color-muted);font-size:.85rem}.form-error{background:var(--color-error-bg);color:var(--color-error);border-radius:var(--radius);border:1px solid #991b1b26;margin-bottom:18px;padding:11px 14px;font-size:.85rem}.payment-continue-btn{border-radius:var(--radius);background:var(--color-brand);color:#fff;cursor:pointer;width:100%;transition:all var(--transition);font-size:.9rem;font-weight:600;font-family:var(--font-body);letter-spacing:-.01em;border:none;margin-top:4px;padding:13px}.payment-continue-btn:hover:not(:disabled){background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.payment-continue-btn:disabled{opacity:.6;cursor:not-allowed}.checkout-summary h2{letter-spacing:-.02em;margin-bottom:20px;font-size:1.05rem;font-weight:700}.checkout-products{flex-direction:column;gap:14px;display:flex}.checkout-product{grid-template-columns:52px 1fr auto;align-items:center;gap:12px;display:grid}.checkout-product img{object-fit:cover;border-radius:var(--radius);background:var(--color-surface-2);width:52px;height:52px}.checkout-product h4{color:var(--color-text);margin-bottom:3px;font-size:.85rem;font-weight:600;line-height:1.3}.checkout-product span{color:var(--color-muted);font-size:.775rem}.checkout-product strong{color:var(--color-text);white-space:nowrap;font-size:.875rem;font-weight:600}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}}@media (width<=560px){.checkout-form-container,.checkout-summary{padding:20px}}.payment-page{min-height:calc(100vh - var(--navbar-height));justify-content:center;align-items:center;padding:40px 20px;display:flex}.payment-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:460px;box-shadow:var(--shadow-sm);padding:48px 32px}.payment-loader-wrap{background:var(--color-brand-light);width:64px;height:64px;color:var(--color-brand);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.payment-loader{color:var(--color-brand);animation:1.1s linear infinite spin}.payment-card h2{letter-spacing:-.02em;color:var(--color-text);margin-bottom:8px;font-size:1.2rem;font-weight:700}.payment-card p{color:var(--color-muted);font-size:.875rem}.payment-error-icon{color:var(--color-error);margin:0 auto 16px}.payment-success-icon{color:var(--color-brand);margin:0 auto 16px}.payment-error{background:var(--color-error-bg);border-radius:var(--radius);margin:12px 0;padding:10px 14px;font-size:.85rem;color:var(--color-error)!important}.retry-payment-btn{background:var(--color-brand);color:#fff;border-radius:var(--radius);cursor:pointer;transition:all var(--transition);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:none;margin-top:20px;padding:12px 24px}.retry-payment-btn:hover{background:var(--color-brand-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.payment-secure-badge{color:var(--color-muted);justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:.78rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.order-success-page{min-height:calc(100vh - var(--navbar-height));justify-content:center;align-items:center;padding:40px 20px;display:flex}.order-success-card{background:var(--color-surface);border-radius:var(--radius-xl);text-align:center;border:1px solid var(--color-border-light);width:100%;max-width:560px;box-shadow:var(--shadow-sm);padding:48px 36px}.success-icon-wrap{background:var(--color-brand-light);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;display:flex}.success-icon{color:var(--color-brand);margin:0 auto 16px;display:block}.order-success-card h1{letter-spacing:-.025em;margin-bottom:10px;font-size:1.5rem}.success-message{color:var(--color-muted);margin-bottom:0;font-size:.9rem;line-height:1.6}.order-id-box{background:var(--color-surface-2);border-radius:var(--radius);border:1px solid var(--color-border-light);text-align:left;flex-direction:column;gap:5px;margin:24px 0;padding:14px 18px;display:flex}.order-id-box span{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.order-id-box strong{word-break:break-all;color:var(--color-text);font-family:Courier New,monospace;font-size:.875rem}.success-info{text-align:left;background:var(--color-surface-2);border-radius:var(--radius);border:1px solid var(--color-border-light);flex-direction:column;gap:12px;margin-bottom:28px;padding:18px;display:flex}.success-info-item{align-items:center;gap:12px;display:flex}.success-info-item svg{color:var(--color-brand);flex-shrink:0}.success-info-item div{flex-direction:column;gap:2px;display:flex}.success-info-item strong{color:var(--color-text);font-size:.875rem;font-weight:600}.success-info-item span{color:var(--color-muted);font-size:.8rem}.success-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=500px){.order-success-card{padding:36px 20px}.success-actions{flex-direction:column}.success-actions .primary-btn,.success-actions .secondary-btn{width:100%}}.orders-page{padding-top:36px;padding-bottom:64px}.orders-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.orders-header h1{letter-spacing:-.025em;margin-bottom:4px;font-size:1.75rem}.orders-header p{color:var(--color-muted);font-size:.875rem}.orders-header-icon{background:var(--color-brand-light);width:44px;height:44px;color:var(--color-brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.orders-list{flex-direction:column;gap:10px;display:flex}.order-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.order-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translate(2px)}.order-card-main{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.order-icon{background:var(--color-brand-light);width:40px;height:40px;color:var(--color-brand);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.order-info h3{letter-spacing:-.01em;color:var(--color-text);margin-bottom:4px;font-size:.925rem;font-weight:700}.order-info span{color:var(--color-muted);font-size:.8rem}.order-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.order-card-right strong{color:var(--color-text);font-size:.95rem;font-weight:700;font-family:var(--font-heading)}.order-card-right svg{color:var(--color-muted)}.empty-orders{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;min-height:50vh;display:flex}.empty-orders-icon{background:var(--color-surface-2);width:72px;height:72px;color:var(--color-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.empty-orders h2{letter-spacing:-.02em;margin-bottom:8px;font-size:1.2rem}.empty-orders p{color:var(--color-muted);max-width:300px;margin-bottom:24px;font-size:.875rem;line-height:1.6}@media (width<=560px){.order-card{flex-wrap:wrap}.order-card-right{border-top:1px solid var(--color-border-light);justify-content:space-between;width:100%;padding-top:12px}}.order-details-page{padding-top:32px;padding-bottom:64px}.order-details-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.order-details-header h1{letter-spacing:-.02em;margin-bottom:6px;font-size:1.5rem}.order-date{color:var(--color-muted);align-items:center;gap:6px;font-size:.825rem;display:flex}.order-tracking-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:20px;padding:24px}.order-tracking-section h2{color:var(--color-text);letter-spacing:-.01em;margin-bottom:24px;font-size:1rem;font-weight:700}.tracking-timeline{flex-direction:column;display:flex}.tracking-step{gap:16px;min-height:68px;display:flex}.tracking-indicator{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.tracking-dot{background:var(--color-surface-3);width:30px;height:30px;color:var(--color-muted);transition:all var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.tracking-line{background:var(--color-border-light);width:2px;transition:background var(--transition);flex:1;margin:4px 0}.tracking-content{padding-top:2px;padding-bottom:20px}.tracking-content h3{color:var(--color-text-2);letter-spacing:-.01em;margin-bottom:4px;font-size:.9rem;font-weight:600}.tracking-content p{color:var(--color-muted);font-size:.8rem;line-height:1.5}.tracking-step.completed .tracking-dot{background:var(--color-brand);color:#fff}.tracking-step.completed .tracking-line{background:var(--color-brand)}.tracking-step.completed .tracking-content h3{color:var(--color-text)}.tracking-step.current .tracking-dot{background:var(--color-brand);color:#fff;box-shadow:0 0 0 4px var(--color-brand-light)}.tracking-step.current .tracking-content h3{color:var(--color-brand);font-weight:700}.order-details-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.order-details-section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);margin-bottom:16px;padding:22px}.order-details-section:last-child{margin-bottom:0}.order-details-section h2{color:var(--color-text);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:18px;font-size:.9rem;font-weight:700;display:flex}.order-details-section h2 svg{color:var(--color-brand)}.order-sidebar{flex-direction:column;display:flex}.order-items{flex-direction:column;gap:14px;display:flex}.order-item{grid-template-columns:56px 1fr auto;align-items:center;gap:12px;display:grid}.order-item img{object-fit:cover;border-radius:var(--radius);background:var(--color-surface-2);width:56px;height:56px}.order-item-info h3{color:var(--color-text);letter-spacing:-.01em;margin-bottom:4px;font-size:.875rem;font-weight:600}.order-item-info span{color:var(--color-muted);font-size:.8rem}.order-item strong{color:var(--color-text);white-space:nowrap;font-size:.875rem;font-weight:700}.order-total{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;font-size:.95rem;font-weight:600;display:flex}.order-total strong{font-family:var(--font-heading);font-size:1.05rem}.address-details{flex-direction:column;gap:5px;display:flex}.address-details strong{color:var(--color-text);font-size:.9rem;font-weight:600}.address-details span{color:var(--color-muted);font-size:.825rem}.address-details p{color:var(--color-text-2);margin-top:2px;font-size:.85rem;line-height:1.6}.payment-details{flex-direction:column;gap:12px;display:flex}.payment-details>div{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.payment-details>div>span{color:var(--color-muted);font-size:.825rem}.payment-details small{color:var(--color-text-2);word-break:break-all;text-align:right;max-width:160px;font-family:Courier New,monospace;font-size:.75rem}.items-section{margin-bottom:0}@media (width<=860px){.order-details-grid{grid-template-columns:1fr}}