@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#1a4d2e;--color-primary-dark:#0f3320;--color-primary-light:#2d6a4f;--color-accent:#7cb342;--color-accent-light:#9ccc65;--color-accent-dark:#558b2f;--color-bg:#f8f6f1;--color-bg-card:#fff;--color-bg-overlay:#1a4d2ef2;--color-text:#1a1a1a;--color-text-secondary:#666;--color-text-muted:#999;--color-text-inverse:#fff;--color-success:#4caf50;--color-warning:#ff9800;--color-error:#f44336;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 16px 48px #00000026;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--z-loader:500}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-card:#2a2a2a;--color-text:#f5f5f5;--color-text-secondary:#b0b0b0;--color-text-muted:gray}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}html{scroll-behavior:smooth}body::-webkit-scrollbar{background:0 0;width:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--color-text-secondary)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:480px;padding:0 var(--space-md);margin:0 auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes leafFill{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal)ease forwards}.animate-fade-in-up{animation:fadeInUp var(--transition-normal)ease forwards}.animate-slide-in-bottom{animation:slideInBottom var(--transition-normal)ease forwards}.animate-pulse{animation:2s ease-in-out infinite pulse}.veg-badge{border:1.5px solid var(--color-accent);border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.veg-badge:after{content:"";background-color:var(--color-accent);border-radius:50%;width:8px;height:8px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-lg);font-size:var(--font-size-base);border-radius:var(--radius-lg);transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:48px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--color-bg-card);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-accent{background-color:var(--color-accent);color:var(--color-text-inverse)}.btn-accent:hover{background-color:var(--color-accent-dark)}.btn-ghost{color:var(--color-text);background-color:#0000}.btn-ghost:hover{background-color:#0000000d}.btn-sm{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-sm);min-height:36px}.btn-lg{padding:var(--space-lg)var(--space-xl);font-size:var(--font-size-lg);min-height:56px}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background-color:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.98)}.input{width:100%;padding:var(--space-md);font-size:var(--font-size-lg);background-color:var(--color-bg-card);border-radius:var(--radius-md);transition:all var(--transition-fast);border:2px solid #0000;min-height:56px;font-family:inherit}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1a4d2e1a}.input::placeholder{color:var(--color-text-muted)}.tag{font-size:var(--font-size-xs);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:4px 8px;font-weight:600;display:inline-flex}.tag-bestseller{color:#e65100;background-color:#fff3e0}.tag-fast{color:#2e7d32;background-color:#e8f5e9}.bottom-sheet-overlay{z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-normal);background-color:#00000080;position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;visibility:visible}.bottom-sheet{background-color:var(--color-bg-card);border-radius:var(--radius-xl)var(--radius-xl)0 0;max-height:85vh;transition:transform var(--transition-normal);z-index:var(--z-modal);padding-bottom:env(safe-area-inset-bottom,16px);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.bottom-sheet.open{transform:translateY(0)}.bottom-sheet-handle{background-color:var(--color-text-muted);border-radius:var(--radius-full);width:40px;height:4px;margin:var(--space-sm)auto var(--space-md)}.quantity-selector{align-items:center;gap:var(--space-sm);background-color:var(--color-bg);border-radius:var(--radius-md);padding:4px;display:flex}.quantity-btn{background-color:var(--color-bg-card);border-radius:var(--radius-sm);width:36px;height:36px;font-size:var(--font-size-lg);color:var(--color-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:600;display:flex}.quantity-btn:hover{background-color:var(--color-primary);color:var(--color-text-inverse)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-value{text-align:center;min-width:40px;font-size:var(--font-size-lg);font-weight:600}.checkbox-wrapper{align-items:center;gap:var(--space-md);padding:var(--space-md);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast);display:flex}.checkbox-wrapper:hover{background-color:var(--color-bg)}.checkbox{border:2px solid var(--color-text-muted);border-radius:var(--radius-sm);width:24px;height:24px;transition:all var(--transition-fast);flex-shrink:0;position:relative}.checkbox.checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox.checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:12px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}.header{background-color:var(--color-bg);padding:var(--space-md);z-index:var(--z-sticky);border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-logo{width:auto;height:36px}.header-table{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background-color:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:600;display:flex}.cart-badge{position:relative}.cart-badge-count{background-color:var(--color-error);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.floating-cart{bottom:var(--space-lg);left:var(--space-md);right:var(--space-md);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-dark)100%);max-width:448px;color:var(--color-text-inverse);padding:var(--space-md)var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-sticky);animation:slideInBottom var(--transition-normal)ease;justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:fixed}.floating-cart-info{flex-direction:column;gap:2px;display:flex}.floating-cart-items{font-size:var(--font-size-sm);opacity:.9}.floating-cart-total{font-size:var(--font-size-lg);font-weight:700}.floating-cart-btn{align-items:center;gap:var(--space-sm);background-color:var(--color-text-inverse);color:var(--color-primary);padding:var(--space-sm)var(--space-md);border-radius:var(--radius-md);font-weight:600;display:flex}.price{color:var(--color-text);font-weight:700}.price-currency{font-size:.8em}.skeleton{background:linear-gradient(90deg,var(--color-bg)25%,#ffffff80 50%,var(--color-bg)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.divider{height:1px;margin:var(--space-md)0;background-color:#00000014}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}@media print{.no-print{display:none!important}}@media (min-width:480px){.container{padding:0 var(--space-lg)}}