:root{--primary: #0c831f;--primary-dark: #0a6b19;--primary-light: #e8f5e9;--primary-50: #f0f9f1;--accent: #f4a261;--accent-dark: #e8924a;--success: #0c831f;--error: #d32f2f;--warning: #f57c00;--info: #1976d2;--white: #ffffff;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #eeeeee;--gray-300: #e0e0e0;--gray-400: #bdbdbd;--gray-500: #9e9e9e;--gray-600: #757575;--gray-700: #616161;--gray-800: #424242;--gray-900: #212121;--black: #000000;--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #f0f0f0;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #ffffff;--border-light: #f0f0f0;--border-default: #e0e0e0;--border-dark: #ccc;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--container-max: 1280px;--container-padding: 16px;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-toast: 2000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-secondary);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);width:100%}.announcement-bar{background:var(--primary);color:var(--text-inverse);padding:var(--space-2) var(--container-padding);text-align:center;font-size:.8125rem;font-weight:500}.announcement-content{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.announcement-highlight{background:var(--accent);color:var(--text-primary);padding:2px 8px;border-radius:var(--radius-sm);font-weight:700;font-size:.75rem}.announcement-divider{opacity:.5}.header-new{background:var(--bg-primary);border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:var(--z-sticky)}.header-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-3) var(--container-padding);display:flex;align-items:center;gap:var(--space-4)}.mobile-menu-btn{display:none;padding:var(--space-2);color:var(--text-primary)}.logo-new{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;flex-shrink:0}.logo-icon{width:36px;height:36px}.logo-icon svg{width:100%;height:100%}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.location-selector{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);transition:background .2s}.location-selector:hover{background:var(--gray-100)}.location-selector svg{color:var(--primary);flex-shrink:0}.location-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.location-label{font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.location-value{font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:2px}.search-bar-new{flex:1;max-width:500px;display:flex;align-items:center;gap:var(--space-2);background:var(--gray-100);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);transition:all .2s}.search-bar-new:focus-within{background:var(--white);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-bar-new input{flex:1;border:none;background:none;outline:none;font-size:.9375rem;color:var(--text-primary)}.search-bar-new input::placeholder{color:var(--text-muted)}.header-actions-new{display:flex;align-items:center;gap:var(--space-3)}.user-menu-container{position:relative}.user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;font-size:.875rem;transition:background .2s}.user-btn:hover{background:var(--gray-100)}.user-btn-text{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--space-2);z-index:var(--z-dropdown)}.dropdown-item{display:block;width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);transition:background .2s}.dropdown-item:hover{background:var(--gray-100)}.cart-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;position:relative;transition:background .2s}.cart-btn:hover{background:var(--primary-dark)}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:var(--text-primary);font-size:.6875rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-info{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.cart-label{font-size:.75rem;opacity:.9}.cart-total{font-size:.8125rem;font-weight:700}.login-btn{display:flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--text-inverse);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-weight:600;font-size:.875rem;transition:background .2s}.login-btn:hover{background:var(--primary-dark)}.nav-new{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding);display:flex;gap:var(--space-1);border-top:1px solid var(--border-light)}.nav-link-new{padding:var(--space-3) var(--space-4);font-size:.875rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;transition:all .2s}.nav-link-new:hover{color:var(--primary);border-bottom-color:var(--primary)}.nav-dropdown{position:relative}.nav-link-dropdown{display:flex;align-items:center;gap:4px}.nav-dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:1000;padding:var(--space-2) 0}.nav-dropdown-item{display:block;padding:var(--space-2) var(--space-4);font-size:.875rem;color:var(--text-secondary);transition:all .2s}.nav-dropdown-item:hover{background:var(--gray-100);color:var(--primary)}.nav-dropdown-parent{font-weight:600;color:var(--text-primary)}.nav-dropdown-item-group{border-bottom:1px solid var(--border-light);padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.nav-dropdown-item-group:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.nav-dropdown-submenu{padding-left:var(--space-4)}.nav-dropdown-subitem{font-size:.8125rem;color:var(--text-muted)}.mobile-nav-group{display:flex;flex-direction:column}.mobile-submenu{padding-left:var(--space-4);border-left:2px solid var(--border-light);margin-left:var(--space-4);margin-top:var(--space-1)}.mobile-submenu-item{font-size:.875rem;color:var(--text-secondary);padding:var(--space-2) 0}.mobile-submenu-level2{padding-left:var(--space-4)}.mobile-submenu-subitem{font-size:.8125rem;color:var(--text-muted);padding:var(--space-1) 0}.mobile-search-bar{display:none;align-items:center;gap:var(--space-2);background:var(--gray-100);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);margin:0 var(--container-padding) var(--space-3)}.mobile-search-bar input{flex:1;border:none;background:none;outline:none;font-size:.875rem;color:var(--text-primary)}.mobile-search-bar input::placeholder{color:var(--text-muted)}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);animation:fadeIn .2s ease}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(320px,85vw);background:var(--white);display:flex;flex-direction:column;animation:slideInLeft .3s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--border-light)}.close-btn-new{padding:var(--space-2);color:var(--text-secondary)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--primary-light);color:var(--primary);font-weight:600}.mobile-login-btn{margin:var(--space-4);padding:var(--space-3);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:600;text-align:center}.mobile-nav{flex:1;display:flex;flex-direction:column;padding:var(--space-4) 0}.mobile-nav a{padding:var(--space-4);font-size:1rem;font-weight:500;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.mobile-nav a:hover{background:var(--gray-50)}.mobile-logout-btn{margin:var(--space-4);padding:var(--space-3);border:1px solid var(--error);color:var(--error);border-radius:var(--radius-md);font-weight:500}.mobile-menu-footer{padding:var(--space-4);border-top:1px solid var(--border-light);text-align:center}.mobile-menu-footer p{font-size:.875rem;color:var(--text-muted);margin-bottom:var(--space-1)}.mobile-phone{font-size:1.125rem;font-weight:600;color:var(--primary)}.hero-new{background:linear-gradient(135deg,#f0f9f1,#e8f5e9,#fff8e1);padding:var(--space-10) var(--container-padding);margin-bottom:var(--space-8);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;max-width:var(--container-max);margin-left:auto;margin-right:auto}.hero-content{max-width:560px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--white);color:var(--primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;margin-bottom:var(--space-4);box-shadow:var(--shadow-sm)}.badge-icon{display:flex;color:var(--primary)}.badge-icon svg{width:16px;height:16px}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15;color:var(--text-primary);margin-bottom:var(--space-4)}.title-highlight{color:var(--primary)}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-6);max-width:480px}.hero-ctas{display:flex;gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--primary);color:var(--text-inverse);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;transition:all .2s}.btn-hero-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--white);color:var(--primary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;border:1px solid var(--primary);transition:all .2s}.btn-hero-secondary:hover{background:var(--primary-light)}.hero-features{display:flex;gap:var(--space-6);flex-wrap:wrap}.hero-feature{display:flex;align-items:flex-start;gap:var(--space-3)}.feature-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--white);border-radius:var(--radius-md);color:var(--primary);box-shadow:var(--shadow-sm)}.feature-text{display:flex;flex-direction:column}.feature-text strong{font-size:.9375rem;color:var(--text-primary)}.feature-text span{font-size:.8125rem;color:var(--text-muted)}.hero-visual{position:relative;display:flex;justify-content:center}.hero-image-container{position:relative;width:100%;max-width:480px}.hero-image-bg{width:100%;aspect-ratio:1;background:linear-gradient(135deg,var(--primary-light),#c8e6c9);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.hero-image-bg:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='80' fill='%2355a045' opacity='0.2'/%3E%3Ccircle cx='100' cy='100' r='50' fill='%2355a045' opacity='0.3'/%3E%3C/svg%3E") center/contain no-repeat}.hero-floating-cards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-card{position:absolute;background:var(--white);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-2);animation:float 3s ease-in-out infinite}.floating-emoji{font-size:1.5rem}.floating-text{font-size:.875rem;font-weight:600;color:var(--text-primary)}.card-1{top:10%;left:-10%;animation-delay:0s}.card-2{top:50%;right:-5%;animation-delay:1s}.card-3{bottom:15%;left:5%;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-stats-card{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:var(--white);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-5)}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.stat-label{font-size:.75rem;color:var(--text-muted)}.stat-divider{width:1px;height:32px;background:var(--border-default)}.promo-banner{background:linear-gradient(90deg,var(--primary) 0%,#2e7d32 100%);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.promo-content{color:var(--text-inverse)}.promo-badge{display:inline-block;background:var(--accent);color:var(--text-primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;text-transform:uppercase;margin-bottom:var(--space-1)}.promo-content h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-1)}.promo-content p{font-size:.875rem;opacity:.9}.promo-btn{background:var(--white);color:var(--primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-weight:600;transition:transform .2s}.promo-btn:hover{transform:scale(1.05)}.section{margin-bottom:var(--space-10)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary)}.section-subtitle{font-size:.9375rem;color:var(--text-muted);margin-top:var(--space-1)}.section-link{font-size:.875rem;font-weight:600;color:var(--primary);display:flex;align-items:center;gap:var(--space-1)}.section-link:hover{text-decoration:underline}.category-grid-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4)}.category-card-new{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-align:center;transition:all .2s;cursor:pointer}.category-card-new:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card-new.active{border-color:var(--primary);background:var(--primary-light)}.category-icon-new{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--primary-50);display:flex;align-items:center;justify-content:center;overflow:hidden}.category-icon-new img{width:100%;height:100%;object-fit:cover}.category-emoji{font-size:2rem}.category-name-new{font-size:.875rem;font-weight:600;color:var(--text-primary)}.category-count{font-size:.75rem;color:var(--text-muted)}.category-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.category-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all .2s}.category-chip:hover{border-color:var(--primary);color:var(--primary)}.category-chip.active{background:var(--primary);border-color:var(--primary);color:var(--text-inverse)}.chip-emoji{font-size:1rem}.subcategory-section{margin-top:var(--space-5);padding:var(--space-4);background:var(--surface-secondary);border-radius:var(--radius-lg)}.subcategory-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-3)}.subcategory-section .category-chips{margin-bottom:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.product-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;position:relative;transition:all .2s}.product-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-badge{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--error);color:var(--text-inverse);padding:2px 8px;border-radius:var(--radius-sm);font-size:.6875rem;font-weight:700;z-index:1}.product-image-container{aspect-ratio:1;padding:var(--space-3);display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.product-image{width:100%;height:100%;object-fit:contain}.product-image-placeholder{width:80%;height:80%;display:flex;align-items:center;justify-content:center}.product-image-placeholder svg{width:100%;height:100%}.product-content{padding:var(--space-3)}.product-unit{font-size:.75rem;color:var(--text-muted);display:block;margin-bottom:var(--space-1)}.product-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.product-category{font-size:.75rem;color:var(--text-muted);display:block;margin-top:var(--space-1)}.product-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light)}.product-pricing{display:flex;flex-direction:column}.product-price{font-size:1rem;font-weight:700;color:var(--text-primary)}.product-original-price{font-size:.75rem;color:var(--text-muted);text-decoration:line-through}.add-btn{background:var(--primary);color:var(--text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;font-size:.8125rem;transition:background .2s}.add-btn:hover:not(:disabled){background:var(--primary-dark)}.add-btn:disabled{opacity:.6;cursor:not-allowed}.quantity-selector{display:flex;align-items:center;background:var(--primary);border-radius:var(--radius-md);overflow:hidden}.qty-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-inverse);transition:background .2s}.qty-btn:hover:not(:disabled){background:var(--primary-dark)}.qty-btn:disabled{opacity:.6}.qty-value{min-width:24px;text-align:center;font-weight:600;font-size:.875rem;color:var(--text-inverse)}.product-card-horizontal{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.product-image-container-sm{width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;background:var(--gray-50);flex-shrink:0;position:relative}.product-image-placeholder-sm{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.product-badge-sm{position:absolute;top:2px;left:2px;background:var(--error);color:var(--text-inverse);padding:1px 4px;border-radius:2px;font-size:.5625rem;font-weight:700}.product-content-horizontal{flex:1;min-width:0}.product-name-sm{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-unit-sm{font-size:.6875rem;color:var(--text-muted)}.product-pricing-sm{display:flex;gap:var(--space-2);align-items:baseline;margin-top:var(--space-1)}.product-price-sm{font-size:.875rem;font-weight:700;color:var(--text-primary)}.product-original-price-sm{font-size:.6875rem;color:var(--text-muted);text-decoration:line-through}.add-btn-sm{width:28px;height:28px;background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:700;font-size:1.125rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quantity-selector-sm{display:flex;align-items:center;background:var(--primary);border-radius:var(--radius-md);overflow:hidden}.quantity-selector-sm button{width:24px;height:24px;color:var(--text-inverse);font-weight:700;display:flex;align-items:center;justify-content:center}.quantity-selector-sm span{min-width:20px;text-align:center;color:var(--text-inverse);font-size:.8125rem;font-weight:600}.carousel-container{position:relative}.carousel-new{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2)}.carousel-new::-webkit-scrollbar{display:none}.carousel-new>*{scroll-snap-align:start;flex-shrink:0;width:180px}.carousel-nav{display:flex;gap:var(--space-2)}.carousel-btn{width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s}.carousel-btn:hover{border-color:var(--primary);color:var(--primary)}.catalog-layout{display:grid;grid-template-columns:240px 1fr;gap:var(--space-6);align-items:start}.catalog-sidebar-new{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);position:sticky;top:100px}.sidebar-title{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.filter-group{margin-bottom:var(--space-5)}.filter-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);display:block}.filter-input{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;transition:border-color .2s}.filter-input:focus{outline:none;border-color:var(--primary)}.filter-select{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem;background:var(--white);cursor:pointer}.price-range{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.clear-filters-btn{padding:var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s}.clear-filters-btn:hover{border-color:var(--primary);color:var(--primary)}.filters-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;align-items:center}.filter-select{min-width:160px}.empty-state{text-align:center;padding:var(--space-12) var(--space-5)}.empty-state h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.empty-state p{color:var(--text-muted);margin-bottom:var(--space-5)}.loading-text{text-align:center;color:var(--text-muted);padding:var(--space-8) 0}.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:var(--z-modal);animation:fadeIn .2s ease}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:var(--white);display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.cart-drawer-header h2{font-size:1.25rem;font-weight:700;flex:1}.cart-item-count{font-size:.875rem;color:var(--text-muted)}.cart-close-btn{padding:var(--space-2);color:var(--text-secondary)}.cart-drawer-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.cart-empty{text-align:center;padding:var(--space-10) 0}.cart-empty-icon{width:120px;height:120px;margin:0 auto var(--space-5)}.cart-empty h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2)}.cart-empty p{color:var(--text-muted);margin-bottom:var(--space-5)}.cart-progress{background:var(--primary-50);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4)}.progress-bar{height:4px;background:var(--gray-200);border-radius:2px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.progress-text{font-size:.8125rem;color:var(--text-secondary);text-align:center}.cart-items-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.cart-item-row{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-lg)}.cart-item-image{width:60px;height:60px;border-radius:var(--radius-md);overflow:hidden;background:var(--white);flex-shrink:0}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cart-item-details{flex:1;min-width:0}.cart-item-details h4{font-size:.9375rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-unit{font-size:.75rem;color:var(--text-muted);display:block}.cart-item-price{font-size:.875rem;font-weight:700;color:var(--primary);margin-top:var(--space-1)}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.quantity-control-cart{display:flex;align-items:center;background:var(--primary);border-radius:var(--radius-md);overflow:hidden}.quantity-control-cart button{width:28px;height:28px;color:var(--text-inverse);display:flex;align-items:center;justify-content:center}.quantity-control-cart span{min-width:24px;text-align:center;color:var(--text-inverse);font-size:.875rem;font-weight:600}.remove-item-btn{color:var(--text-muted);padding:var(--space-1)}.remove-item-btn:hover{color:var(--error)}.cart-section{margin-bottom:var(--space-5)}.cart-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:.9375rem;font-weight:600;margin-bottom:var(--space-3)}.slot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.slot-btn{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:left;transition:all .2s}.slot-btn:hover{border-color:var(--primary)}.slot-btn.active{border-color:var(--primary);background:var(--primary-light)}.slot-day{display:block;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.slot-time{display:block;font-size:.75rem;color:var(--text-muted)}.pincode-input{width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem}.pincode-input:focus{outline:none;border-color:var(--primary)}.payment-options{display:flex;flex-direction:column;gap:var(--space-2)}.payment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.payment-option:hover{border-color:var(--primary)}.payment-option.active{border-color:var(--primary);background:var(--primary-light)}.payment-option input{accent-color:var(--primary)}.payment-label{display:flex;flex-direction:column}.payment-label strong{font-size:.875rem}.payment-label small{font-size:.75rem;color:var(--text-muted)}.cart-drawer-footer{border-top:1px solid var(--border-light);padding:var(--space-4) var(--space-5);background:var(--white)}.cart-summary{margin-bottom:var(--space-4)}.cart-summary .summary-row{display:flex;justify-content:space-between;font-size:.9375rem;margin-bottom:var(--space-2)}.cart-summary .summary-row.total{font-weight:700;font-size:1.125rem;padding-top:var(--space-3);border-top:1px solid var(--border-light);margin-top:var(--space-3)}.free-delivery{color:var(--primary);font-weight:600}.checkout-btn{width:100%;padding:var(--space-4);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;transition:background .2s}.checkout-btn:hover:not(:disabled){background:var(--primary-dark)}.checkout-btn:disabled{background:var(--gray-400);cursor:not-allowed}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{background:var(--white);border-radius:var(--radius-2xl);padding:var(--space-8);width:min(400px,100%);max-height:90vh;overflow-y:auto;position:relative;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.auth-close-btn{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-2);color:var(--text-muted)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{width:64px;height:64px;margin:0 auto var(--space-4)}.auth-header h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-2)}.auth-subtitle{color:var(--text-muted);font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-error{background:#ffebee;color:var(--error);padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.input-with-icon{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color .2s}.input-with-icon:focus-within{border-color:var(--primary)}.input-with-icon svg{color:var(--text-muted);flex-shrink:0}.input-with-icon input{flex:1;border:none;outline:none;font-size:.9375rem}.auth-submit-btn{padding:var(--space-4);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-weight:600;font-size:1rem;transition:background .2s;margin-top:var(--space-2)}.auth-submit-btn:hover:not(:disabled){background:var(--primary-dark)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-footer{text-align:center;margin-top:var(--space-5)}.auth-footer p{font-size:.9375rem;color:var(--text-secondary)}.auth-switch-btn{color:var(--primary);font-weight:600;margin-left:var(--space-1)}.auth-switch-btn:hover{text-decoration:underline}.auth-terms{text-align:center;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-light)}.auth-terms p{font-size:.75rem;color:var(--text-muted)}.auth-terms a{color:var(--primary)}.auth-terms a:hover{text-decoration:underline}.toast-new{position:fixed;top:var(--space-5);right:var(--space-5);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-toast);animation:slideInToast .3s ease;max-width:min(400px,calc(100vw - 40px))}@keyframes slideInToast{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-icon svg{width:100%;height:100%}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-info .toast-icon{color:var(--info)}.toast-message{flex:1;font-size:.9375rem;font-weight:500}.toast-close{padding:var(--space-1);color:var(--text-muted)}.orders-section{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.order-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.order-header strong{font-size:1rem}.order-status{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.6875rem;font-weight:600;text-transform:uppercase}.status-confirmed{background:#e8f5e9;color:#2e7d32}.status-packing{background:#fff3e0;color:#ef6c00}.status-out_for_delivery{background:#e3f2fd;color:#1565c0}.status-delivered{background:#e8f5e9;color:#2e7d32}.status-cancelled{background:#ffebee;color:#c62828}.status-pending{background:#fafafa;color:#757575}.order-details{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-3)}.order-details p{margin:var(--space-1) 0}.order-actions{display:flex;flex-direction:column;gap:var(--space-2)}.payment-actions,.cancel-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.cancel-reason{flex:1;min-width:120px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.8125rem}.vendor-section{background:linear-gradient(135deg,var(--primary-light) 0%,#fff8e1 100%);border-radius:var(--radius-2xl);padding:var(--space-10);margin-bottom:var(--space-8);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}.vendor-content h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:var(--space-4)}.vendor-content p{color:var(--text-secondary);font-size:1.0625rem;margin-bottom:var(--space-5)}.vendor-benefits{list-style:none;margin-bottom:var(--space-5)}.vendor-benefits li{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-secondary)}.vendor-benefits li:before{content:"";width:20px;height:20px;background:var(--primary);border-radius:50%;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E");background-size:12px;background-position:center;background-repeat:no-repeat}.vendor-form-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.vendor-form-card h3{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-5)}.vendor-form{display:flex;flex-direction:column;gap:var(--space-4)}.vendor-form input{padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.9375rem;transition:border-color .2s}.vendor-form input:focus{outline:none;border-color:var(--primary)}.vendor-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.vendor-form button{padding:var(--space-4);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-weight:600;font-size:1rem}.vendor-form button:hover{background:var(--primary-dark)}.vendor-status{margin-top:var(--space-3);padding:var(--space-3);background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary);font-size:.875rem;text-align:center}.footer{background:var(--gray-900);color:var(--text-inverse);margin-top:auto}.footer-main{max-width:var(--container-max);margin:0 auto;padding:var(--space-12) var(--container-padding);display:grid;grid-template-columns:2fr repeat(4,1fr) 1.5fr;gap:var(--space-8)}.footer-brand{grid-column:span 1}.footer-logo{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.footer-logo .logo-text{color:var(--text-inverse)}.footer-tagline{color:var(--gray-400);font-size:.9375rem;line-height:1.6;margin-bottom:var(--space-5)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:40px;height:40px;border-radius:50%;background:var(--gray-800);display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all .2s}.social-link:hover{background:var(--primary);color:var(--text-inverse)}.footer-links{display:contents}.footer-column h4{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-4);color:var(--text-inverse)}.footer-column a{display:block;font-size:.875rem;color:var(--gray-400);padding:var(--space-2) 0;transition:color .2s}.footer-column a:hover{color:var(--text-inverse)}.footer-contact h4{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-4)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.contact-item svg{color:var(--primary);flex-shrink:0;margin-top:2px}.contact-item>div{display:flex;flex-direction:column}.contact-label{font-size:.75rem;color:var(--gray-500);margin-bottom:2px}.contact-item a,.contact-item span{font-size:.875rem;color:var(--gray-300)}.contact-item a:hover{color:var(--text-inverse)}.footer-bottom{border-top:1px solid var(--gray-800);padding:var(--space-5) var(--container-padding);max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-bottom p{font-size:.875rem;color:var(--gray-500)}.footer-payments{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:var(--gray-500)}.payment-icons{display:flex;gap:var(--space-2)}.payment-badge{padding:var(--space-1) var(--space-2);background:var(--gray-800);border-radius:var(--radius-sm);font-size:.75rem;color:var(--gray-400)}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-card{opacity:.7}.skeleton-image{width:100%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);color:var(--text-inverse);border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;transition:background .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--white);color:var(--primary);border:1px solid var(--primary);border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;transition:background .2s}.btn-secondary:hover{background:var(--primary-light)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.font-bold{font-weight:700}@media (max-width: 1024px){.hero-new{grid-template-columns:1fr;text-align:center}.hero-content,.hero-description{max-width:none}.hero-ctas,.hero-features{justify-content:center}.hero-visual{display:none}.vendor-section{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer-brand{grid-column:span 2}.catalog-layout{grid-template-columns:1fr}.catalog-sidebar-new{position:static;display:none}}@media (max-width: 768px){.mobile-menu-btn{display:flex}.location-selector,.search-bar-new{display:none}.mobile-search-bar{display:flex}.nav-new,.user-btn-text,.cart-info{display:none}.header-container{justify-content:space-between}.hero-new{padding:var(--space-6) var(--container-padding)}.hero-title{font-size:1.75rem}.hero-features{flex-direction:column;align-items:center;gap:var(--space-4)}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.category-grid-new{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.footer-main{grid-template-columns:1fr;text-align:center}.footer-brand{grid-column:span 1}.footer-social{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.orders-grid{grid-template-columns:1fr}}@media (max-width: 480px){:root{--container-padding: 12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.product-card{border-radius:var(--radius-lg)}.product-content{padding:var(--space-2)}.product-name{font-size:.8125rem}.category-grid-new{grid-template-columns:repeat(2,1fr)}.category-card-new{padding:var(--space-3)}.category-icon-new{width:48px;height:48px}.hero-features{display:none}.vendor-section{padding:var(--space-6)}.vendor-form-card{padding:var(--space-4)}.vendor-form .form-row{grid-template-columns:1fr}}.address-selector{margin-bottom:var(--space-4)}.address-title{display:flex;align-items:center;gap:var(--space-2);font-size:1rem;font-weight:600;margin-bottom:var(--space-3)}.address-loading,.address-empty{text-align:center;padding:var(--space-4);color:var(--text-muted)}.address-empty p{margin-bottom:var(--space-3)}.address-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.address-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.address-card:hover,.address-card.selected{border-color:var(--primary);background:var(--primary-light)}.address-radio{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary);color:#fff;flex-shrink:0}.radio-empty{width:20px;height:20px;border:2px solid var(--border-default);border-radius:50%}.address-content{display:flex;flex-direction:column;gap:2px;flex:1}.address-label{font-weight:600;color:var(--text-primary)}.address-line{font-size:.875rem;color:var(--text-secondary)}.address-actions{display:flex;gap:var(--space-1);flex-shrink:0}.address-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--radius-sm);background:var(--white);color:var(--text-secondary);cursor:pointer;transition:all .2s}.address-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.address-action-btn.delete:hover{border-color:var(--error);color:var(--error);background:#fef2f2}.address-action-btn:disabled{opacity:.5;cursor:not-allowed}.address-form.edit-form{border:1px solid var(--primary);background:var(--primary-light)}.add-address-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--primary);font-weight:500;transition:all .2s}.add-address-btn:hover{border-color:var(--primary);background:var(--primary-light)}.address-form{padding:var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--gray-50)}.address-form .form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.address-form .form-header h4{font-size:.875rem;font-weight:600}.close-form-btn{color:var(--text-muted)}.address-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.address-form .form-input{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:.875rem}.address-form .form-input.full-width{grid-column:span 2}.save-address-btn{width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:500}.save-address-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4)}.order-detail-modal{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.modal-header h2{font-size:1.25rem;font-weight:700}.modal-close{color:var(--text-muted)}.modal-content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.order-tracker{margin-bottom:var(--space-5)}.order-tracker h3{font-size:.875rem;font-weight:600;margin-bottom:var(--space-3);color:var(--text-secondary)}.order-cancelled{text-align:center;padding:var(--space-4);background:#fef2f2;border-radius:var(--radius-md)}.cancelled-badge{display:inline-block;padding:var(--space-1) var(--space-3);background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:var(--space-2)}.status-steps{display:flex;justify-content:space-between;position:relative}.status-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;position:relative}.step-indicator{width:28px;height:28px;border-radius:50%;background:var(--gray-200);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-muted);z-index:1}.status-step.completed .step-indicator{background:var(--primary);color:#fff}.status-step.current .step-indicator{background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-light)}.step-label{font-size:.6875rem;text-align:center;color:var(--text-muted)}.status-step.completed .step-label,.status-step.current .step-label{color:var(--primary);font-weight:500}.step-connector{position:absolute;top:14px;left:50%;width:100%;height:2px;background:var(--gray-200)}.status-step.completed .step-connector{background:var(--primary)}.order-summary-section{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-md)}.order-summary-section h3{font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.summary-details{display:flex;flex-direction:column;gap:var(--space-2)}.summary-row{display:flex;justify-content:space-between;font-size:.875rem}.summary-row span:first-child{color:var(--text-muted)}.payment-status{padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500}.payment-status.paid{background:#dcfce7;color:#16a34a}.payment-status.pending{background:#fef3c7;color:#d97706}.order-items-section{margin-bottom:var(--space-4)}.order-items-section h3{font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.order-items-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-light)}.item-info{display:flex;flex-direction:column}.item-name{font-weight:500}.item-qty{font-size:.8125rem;color:var(--text-muted)}.item-price{font-weight:600}.order-totals{padding-top:var(--space-3);border-top:1px solid var(--border-default)}.total-row{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:var(--space-1)}.total-row.grand-total{font-weight:700;font-size:1rem;padding-top:var(--space-2);border-top:1px solid var(--border-default);margin-top:var(--space-2)}.tracking-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.tracking-section h3{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:600;margin-bottom:var(--space-3)}.tracking-timeline{display:flex;flex-direction:column}.timeline-item{display:flex;gap:var(--space-3);position:relative;padding-bottom:var(--space-3)}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:4px}.timeline-line{position:absolute;left:5px;top:16px;width:2px;height:calc(100% - 12px);background:var(--border-default)}.timeline-content{display:flex;flex-direction:column}.timeline-status{font-weight:600;font-size:.875rem}.timeline-desc{font-size:.8125rem;color:var(--text-secondary)}.timeline-time{font-size:.75rem;color:var(--text-muted);margin-top:2px}.order-card{cursor:pointer;transition:all .2s}.order-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.order-card .view-details{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--primary);font-size:.8125rem;font-weight:500;margin-top:var(--space-2)}@media (max-width: 480px){.address-form .form-grid{grid-template-columns:1fr}.address-form .form-input.full-width{grid-column:span 1}.status-steps{overflow-x:auto;padding-bottom:var(--space-2)}.step-label{font-size:.5625rem}}.vendor-portal{min-height:100vh;background:var(--gray-50)}.vendor-header{background:var(--primary);color:#fff;padding:var(--space-4) var(--container-padding)}.vendor-header-content{max-width:var(--container-max);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.vendor-brand{display:flex;align-items:center;gap:var(--space-3)}.vendor-logo{width:40px;height:40px;background:#fff;color:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem}.vendor-brand h1{font-size:1.25rem;font-weight:700}.vendor-name{font-size:.875rem;opacity:.9}.vendor-logout{padding:var(--space-2) var(--space-4);background:#fff3;color:#fff;border-radius:var(--radius-md);font-weight:500}.vendor-logout:hover{background:#ffffff4d}.vendor-status-message{background:var(--primary);color:#fff;text-align:center;padding:var(--space-2);font-size:.875rem}.vendor-tabs{display:flex;gap:var(--space-2);padding:var(--space-4) var(--container-padding);max-width:var(--container-max);margin:0 auto}.vendor-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-md);font-weight:500;color:var(--text-secondary);transition:all .2s}.vendor-tab:hover{border-color:var(--primary)}.vendor-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.vendor-content{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding) var(--space-8)}.vendor-loading,.vendor-empty{text-align:center;padding:var(--space-10);color:var(--text-muted)}.vendor-orders h2,.vendor-inventory h2{font-size:1.25rem;margin-bottom:var(--space-4)}.vendor-orders-list{display:grid;gap:var(--space-4)}.vendor-order-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);overflow:hidden}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--gray-50);border-bottom:1px solid var(--border-light)}.order-id{font-weight:600}.order-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.order-badge.status-assigned{background:#fef3c7;color:#d97706}.order-badge.status-accepted{background:#dbeafe;color:#2563eb}.order-badge.status-picked{background:#e0e7ff;color:#4f46e5}.order-badge.status-ready{background:#dcfce7;color:#16a34a}.order-card-body{padding:var(--space-4)}.order-info-row{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:.875rem}.order-info-row span{color:var(--text-muted)}.order-card-actions{display:flex;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--border-light)}.action-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:500;font-size:.875rem}.action-btn.accept{background:#dcfce7;color:#16a34a}.action-btn.reject{background:#fef2f2;color:#ef4444}.action-btn.primary{background:var(--primary);color:#fff;flex:1;justify-content:center}.vendor-inventory-list{display:grid;gap:var(--space-3)}.inventory-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light)}.inventory-info h3{font-size:1rem;margin-bottom:var(--space-1)}.inventory-sku{font-size:.8125rem;color:var(--text-muted)}.inventory-controls{display:flex;gap:var(--space-4);align-items:center}.control-group{display:flex;flex-direction:column;gap:var(--space-1)}.control-group label{font-size:.75rem;color:var(--text-muted)}.control-group input{width:80px;padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-md);text-align:center}.toggle-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;font-size:.875rem}.toggle-btn.on{background:#dcfce7;color:#16a34a}.toggle-btn.off{background:#fef2f2;color:#ef4444}.vendor-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f9f1,#e8f5e9);padding:var(--space-4)}.vendor-login-card{width:100%;max-width:400px;background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000001a;padding:var(--space-8)}.vendor-login-header{text-align:center;margin-bottom:var(--space-6)}.vendor-logo-large{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:2rem;margin:0 auto var(--space-4)}.vendor-login-header h1{font-size:1.5rem;margin-bottom:var(--space-1)}.vendor-login-header p{color:var(--text-muted)}.vendor-login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-error{background:#fef2f2;color:#ef4444;padding:var(--space-3);border-radius:var(--radius-md);font-size:.875rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-weight:500;font-size:.875rem}.form-group input{padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:1rem}.form-group input:focus{outline:none;border-color:var(--primary)}.vendor-login-btn{padding:var(--space-3);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-weight:600;font-size:1rem;margin-top:var(--space-2)}.vendor-login-btn:disabled{opacity:.7}.vendor-login-footer{text-align:center;margin-top:var(--space-6)}.vendor-login-footer a{color:var(--primary);font-weight:500}@media (max-width: 768px){.inventory-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.inventory-controls{width:100%;justify-content:space-between}.vendor-tabs{overflow-x:auto}}.product-detail-page{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.product-detail-loading,.product-not-found{text-align:center;padding:var(--space-8)}.product-not-found h2{font-size:1.5rem;margin-bottom:var(--space-2)}.product-not-found p{color:var(--text-muted);margin-bottom:var(--space-4)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:.875rem;margin-bottom:var(--space-4);flex-wrap:wrap}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--primary)}.breadcrumb-separator{color:var(--border-default)}.breadcrumb-current{color:var(--text-primary);font-weight:500}.back-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:var(--space-6);transition:all .2s}.back-button:hover{border-color:var(--primary);color:var(--primary)}.product-detail-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.product-detail-image{position:relative;aspect-ratio:1;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.product-detail-image img{width:100%;height:100%;object-fit:cover}.product-detail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--primary-light)}.product-detail-placeholder svg{width:40%;height:40%}.product-detail-badge{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--error);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:600}.product-detail-info{display:flex;flex-direction:column;gap:var(--space-4)}.product-detail-category{font-size:.875rem;color:var(--primary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-detail-name{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1.2}.product-detail-unit{display:inline-block;background:var(--primary-light);color:var(--primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;width:fit-content}.product-detail-sku{font-size:.75rem;color:var(--text-muted)}.product-detail-pricing{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-4) 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.product-detail-price{font-size:2rem;font-weight:700;color:var(--primary)}.product-detail-original-price{font-size:1.25rem;color:var(--text-muted);text-decoration:line-through}.product-detail-discount{font-size:.875rem;color:var(--error);font-weight:600;background:#fef2f2;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.product-detail-description{padding:var(--space-4) 0}.product-detail-description h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.product-detail-description p{color:var(--text-secondary);line-height:1.6}.product-detail-actions{padding:var(--space-4) 0}.product-detail-add-btn{width:100%;max-width:300px;padding:var(--space-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s}.product-detail-add-btn:hover:not(:disabled){background:var(--primary-dark)}.product-detail-add-btn:disabled{opacity:.7;cursor:not-allowed}.product-detail-quantity{display:flex;align-items:center;gap:var(--space-4);background:var(--primary-light);padding:var(--space-2);border-radius:var(--radius-md);width:fit-content}.qty-btn-large{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s}.qty-btn-large:hover:not(:disabled){background:var(--primary-dark)}.qty-btn-large:disabled{opacity:.5}.qty-value-large{font-size:1.5rem;font-weight:700;min-width:48px;text-align:center}.product-detail-features{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--background);border-radius:var(--radius-md)}.feature-item{display:flex;align-items:center;gap:var(--space-3);font-size:.875rem;color:var(--text-secondary)}.feature-icon{font-size:1.25rem}.related-products-section{padding-top:var(--space-8);border-top:1px solid var(--border-light)}.related-products-section h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-6)}.related-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-4)}.view-all-link{display:inline-block;color:var(--primary);font-weight:600;text-decoration:none;margin-top:var(--space-4)}.view-all-link:hover{text-decoration:underline}@media (max-width: 992px){.product-detail-container{grid-template-columns:1fr;gap:var(--space-6)}.related-products-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.product-detail-page{padding:var(--space-4) var(--space-3)}.product-detail-name,.product-detail-price{font-size:1.5rem}.related-products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.product-detail-add-btn{max-width:100%}}.delivery-trust-section{background:linear-gradient(180deg,var(--surface) 0%,var(--white) 100%);padding:var(--space-12) var(--container-padding);margin-bottom:var(--space-8)}.trust-header{text-align:center;margin-bottom:var(--space-10)}.trust-header h2{font-family:var(--font-display);font-size:2rem;font-weight:700;margin-bottom:var(--space-3);color:var(--text-primary)}.trust-header p{font-size:1.0625rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:var(--container-max);margin:0 auto var(--space-10)}.trust-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;box-shadow:0 4px 12px #0000000d;border:1px solid var(--border-light);transition:all .3s ease}.trust-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--primary)}.trust-icon{width:64px;height:64px;background:var(--primary-light);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--primary)}.trust-card h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.trust-card p{font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.trust-stats{display:flex;justify-content:center;gap:var(--space-8);max-width:var(--container-max);margin:0 auto;padding:var(--space-6);background:var(--primary);border-radius:var(--radius-2xl)}.stat-box{text-align:center;padding:var(--space-2) var(--space-6)}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--white);margin-bottom:var(--space-1)}.stat-desc{font-size:.875rem;color:#ffffffe6}@media (max-width: 1024px){.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-stats{flex-wrap:wrap;gap:var(--space-4)}.stat-box{flex:1 1 calc(50% - var(--space-4))}}@media (max-width: 768px){.delivery-trust-section{padding:var(--space-8) var(--container-padding)}.trust-header h2{font-size:1.5rem}.trust-grid{grid-template-columns:1fr;gap:var(--space-4)}.trust-stats{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.stat-box{border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:var(--space-3)}.stat-box:last-child{border-bottom:none}.stat-number{font-size:1.5rem}}