:root{--color-bg:#fff;--color-surface:#f7f7f7;--color-text:#1c1c1c;--color-text-muted:#666;--color-border:#e5e5e5;--color-green:#2e7d32;--color-yellow:#f9a825;--color-red:#c62828;--color-grey:#9e9e9e;--max-width:1200px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;color:var(--color-text);background:var(--color-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);margin:0;padding:0}body{background:var(--color-bg);min-width:320px;color:var(--color-text);margin:0;font-size:16px;line-height:1.6}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.container{width:min(100% - 32px, var(--max-width));margin-inline:auto}.page-content{padding-top:var(--space-5);padding-bottom:var(--space-7)}.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}@media (width>=768px){.container{width:min(100% - 48px, var(--max-width))}.page-content{padding-top:var(--space-6)}}@media (width>=1024px){.container{width:min(100% - 64px, var(--max-width))}}.site-header{z-index:100;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;width:100%;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:64px;display:flex}.site-logo{letter-spacing:-.03em;flex-shrink:0;font-size:19px;font-weight:750}.header-actions{align-items:center;gap:var(--space-2);display:flex}.header-icon-button,.mobile-menu-button,.mobile-menu-close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--color-text);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.header-icon-button:hover,.mobile-menu-button:hover,.mobile-menu-close:hover{background:var(--color-surface)}.header-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:22px;height:22px}.mobile-menu-button{flex-direction:column;gap:4px}.mobile-menu-button span{background:currentColor;border-radius:999px;width:20px;height:2px}.desktop-nav,.desktop-login{display:none}.mobile-menu-overlay{z-index:1000;position:fixed;inset:0}.mobile-menu-backdrop{background:#00000059;position:absolute;inset:0}.mobile-menu-panel{background:var(--color-bg);width:min(88vw,360px);height:100%;padding:var(--space-4);position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-8px 0 30px #0000001f}.mobile-menu-top{border-bottom:1px solid var(--color-border);min-height:48px;margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.mobile-menu-close{font-size:30px;font-weight:300}.mobile-nav{gap:var(--space-6);flex-direction:column;display:flex}.mobile-nav-group{flex-direction:column;display:flex}.mobile-nav-heading{margin-bottom:var(--space-2);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.mobile-nav-group a{border-bottom:1px solid var(--color-border);align-items:center;min-height:48px;font-weight:550;display:flex}@media (width>=900px){.header-inner{min-height:72px}.desktop-nav{align-items:center;gap:28px;margin-left:auto;display:flex}.desktop-nav a{color:var(--color-text-muted);font-size:15px;font-weight:550}.desktop-nav a:hover{color:var(--color-text)}.desktop-login{min-height:44px;padding-inline:var(--space-3);align-items:center;font-size:15px;font-weight:600;display:inline-flex}.mobile-menu-wrapper{display:none}}.food-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.food-card-image-link{display:block}.food-card-image{aspect-ratio:1;background:var(--color-surface);justify-content:center;align-items:center;display:flex;overflow:hidden}.food-card-image img{object-fit:contain;width:100%;height:100%}.food-card-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.food-card-body{padding:14px}.food-card-brand{color:var(--color-text-muted);margin:0 0 3px;font-size:12px}.food-card-title{margin:0;font-size:16px;line-height:1.35}.food-card-package{color:var(--color-text-muted);margin:5px 0 0;font-size:13px}.food-card-nutrition{flex-wrap:wrap;gap:6px 12px;margin-top:12px;font-size:13px;font-weight:650;display:flex}.food-card-meta{border-top:1px solid var(--color-border);color:var(--color-text-muted);justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;font-size:13px;display:flex}.foods-page{padding:8px 0 48px}.foods-page-header{max-width:720px}.foods-page-title{letter-spacing:-.04em;margin:0;font-size:clamp(36px,9vw,54px);line-height:1.05}.foods-page-description{color:var(--color-text-muted);margin:16px 0 0;font-size:16px;line-height:1.65}.foods-toolbar{grid-template-columns:1fr auto;gap:10px;margin-top:28px;display:grid}.foods-search{gap:8px;min-width:0;display:flex}.foods-search input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;width:100%;min-width:0;height:48px;padding:0 14px}.foods-search input:focus{border-color:#999}.foods-search button,.foods-filter-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:48px;color:var(--color-text);background:#fff;padding:0 16px;font-weight:700}.foods-search button{display:none}.foods-filter-button{min-width:78px}.foods-results-meta{color:var(--color-text-muted);margin:22px 0 14px;font-size:13px}.foods-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=640px){.foods-page{padding-top:24px}.foods-search button{justify-content:center;align-items:center;display:inline-flex}.foods-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=900px){.foods-toolbar{max-width:760px}.foods-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.foods-results-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.foods-clear-filters{color:var(--color-text);font-weight:700}.filter-overlay{z-index:1200;position:fixed;inset:0}.filter-backdrop{background:#00000061;border:0;width:100%;height:100%;position:absolute;inset:0}.filter-sheet{max-height:88vh;padding:20px 20px calc(20px + env(safe-area-inset-bottom));background:#fff;border-radius:20px 20px 0 0;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -12px 40px #00000029}.filter-sheet-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.filter-sheet-header h2{letter-spacing:-.03em;margin:0;font-size:28px;line-height:1.1}.filter-eyebrow{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px;font-size:12px;font-weight:700}.filter-close{border-radius:var(--radius-sm);background:var(--color-surface);border:0;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;line-height:1;display:flex}.filter-form{flex-direction:column;gap:20px;display:flex}.filter-field{flex-direction:column;gap:8px;display:flex}.filter-field label{font-size:14px;font-weight:700}.filter-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:50px;color:var(--color-text);background:#fff;padding:0 14px}.filter-actions{grid-template-columns:auto 1fr;gap:12px;margin-top:8px;display:grid}.filter-clear,.filter-apply{border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:700;display:flex}.filter-clear{border:1px solid var(--color-border);background:#fff}.filter-apply{background:var(--color-text);color:#fff;border:0}.foods-empty{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;padding:48px 20px}.foods-empty h2{margin:0}.foods-empty p{color:var(--color-text-muted);margin:8px 0 20px}.foods-empty a{border-radius:var(--radius-sm);background:var(--color-text);color:#fff;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}@media (width>=900px){.filter-sheet{border-radius:0;width:min(420px,100%);max-height:none;padding:28px;inset:0 0 0 auto}}