/* Approved A concept: ingredient-first browsing, without merchant/table detail on home. */
.browse-view .site-shell{max-width:680px;padding:0 28px}.browse-view .site-header{height:78px;border-bottom:0}.browse-view .wordmark{font-size:27px;letter-spacing:-1.6px;gap:0}.browse-view .wordmark .pear{width:27px;height:34px;margin-left:4px}.browse-view .header-actions{gap:8px}.browse-view .header-actions .saved-link{font-size:14px;gap:4px}.browse-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:21px 0 24px}.browse-intro h1{font-size:30px;line-height:1.3;letter-spacing:-1.3px;font-weight:800}.browse-intro p{font-size:14px;line-height:1.6;color:#808675;margin-top:10px;letter-spacing:-.25px}.browse-month-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:5px 12px;border:1px solid #dfe4d4;border-radius:22px;font-size:14px;font-weight:700;white-space:nowrap;margin-top:1px}.browse-month-button svg{width:14px;height:14px;stroke-width:1.6}.browse-categories{display:flex;align-items:center;gap:8px;padding-bottom:22px}.browse-categories button{padding:8px 13px;border-radius:22px;font-size:15px;font-weight:550;line-height:1.4;color:#858a7c;min-height:40px}.browse-categories button[aria-pressed=true]{background:#dbe9b8;color:#324629;font-weight:750}.browse-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;padding-bottom:24px}.browse-food{display:flex;align-items:center;flex-direction:column;min-width:0;padding:0;text-align:center}.browse-food img{width:100%;height:140px;object-fit:contain;display:block;border-radius:0;background:none;transition:transform .2s ease}.browse-food strong{font-size:18px;line-height:1.5;font-weight:700;margin-top:9px;letter-spacing:-.5px;max-width:100%;word-break:keep-all;overflow-wrap:anywhere}.browse-food:hover img{transform:translateY(-4px) rotate(-2deg)}.browse-food:active img{transform:scale(.96)}.browse-more{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;border-top:1px solid #e3e6db;border-bottom:1px solid #e3e6db;font-size:14px;font-weight:650;margin:4px 0 0;color:#687857}.browse-calendar-call{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;margin:24px 0 4px;padding:18px 19px;background:#edf1e3;border-radius:11px;font-size:14px;font-weight:650;text-align:left;line-height:1.5}.browse-calendar-call span{font-size:18px;color:#7d8c68}.browse-secondary-links{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin:25px 0 12px;font-size:12px;color:#8a927d}.browse-secondary-links a{min-height:36px;display:flex;align-items:center}.browse-image-note{font-size:11px;color:#9ba18f;text-align:center;margin:0 0 14px}.browse-view .site-footer{border-top:0;padding-top:16px;font-size:11px;color:#909780}.browse-home .search{margin:10px 0 6px;height:48px}.browse-home .search input{font-size:15px}.browse-search-note{font-size:13px;line-height:1.7;color:#849073;margin:0 0 20px}.browse-search-note:empty{display:none}.browse-empty{padding:36px 0;font-size:16px}.browse-empty p{margin-top:8px;font-size:14px;color:#7f8972}
.browse-dialog{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:100%;max-height:90dvh;border:0;border-radius:24px 24px 0 0;background:#faf9f6;color:#25301f;padding:12px 24px 26px;overflow-y:auto;box-shadow:0 -10px 50px #20251b08}.browse-dialog::backdrop{background:#26301f45;backdrop-filter:blur(2px)}.browse-sheet-handle{width:34px;height:4px;background:#d7ddcc;border-radius:4px;margin:0 auto 15px}.browse-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.browse-sheet-header h2{font-size:23px;line-height:1.4;letter-spacing:-.8px}.browse-dialog .icon-button{width:38px;height:38px;font-size:27px;color:#89917b;line-height:1}.browse-months{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px}.browse-months button{min-height:48px;border-radius:10px;background:#eef1e5;font-size:16px}.browse-months button[aria-pressed=true]{background:#dbe9b8;font-weight:750}.browse-calendar-detail{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#697b53;margin-top:18px}.browse-preview-tools{display:flex;justify-content:space-between;align-items:center}.browse-preview-tools .browse-save svg{width:23px;height:23px}.browse-preview-tools .browse-save[aria-pressed=true]{color:#526a32;background:#e6edda}.browse-preview-tools .browse-save[aria-pressed=true] svg{fill:#d2e3b1}.browse-preview-photo{display:block;width:100%;height:128px;object-fit:contain;margin:0 0 4px}.browse-dialog #browse-dialog-title{font-size:28px;line-height:1.4;letter-spacing:-1px;font-weight:800}.browse-dialog .browse-sheet-header #browse-dialog-title{font-size:23px}.browse-preview-period{font-size:14px;color:#7f8872;margin:7px 0 24px}.browse-preview-primary{display:flex;align-items:center;justify-content:center;min-height:52px;background:#33472a;color:#fff;border-radius:9px;font-size:16px;font-weight:750;padding:10px 14px}.browse-preview-secondary{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:14px;color:#647653;margin-top:6px}.browse-preview-note{font-size:12px;line-height:1.7;color:#8e9681;text-align:center;margin-top:7px}
@media(max-width:600px){.browse-view .site-shell{padding:0 22px}.browse-intro h1{font-size:28px}.browse-grid{gap:28px 12px}.browse-food img{height:101px}.browse-food strong{font-size:16px}.browse-view .site-footer{font-size:10px}.browse-view .saved-link{min-width:0}.browse-view .header-actions{gap:3px}}
@media(max-width:350px){.browse-view .site-shell{padding:0 18px}.browse-intro h1{font-size:25px}.browse-intro p{font-size:13px}.browse-categories{gap:4px}.browse-categories button{padding:8px 11px;font-size:14px}.browse-grid{gap:24px 8px}.browse-food img{height:87px}.browse-food strong{font-size:15px}.browse-dialog{padding-left:20px;padding-right:20px}.browse-view .saved-link{font-size:13px!important}.browse-view .site-header .icon-button{width:38px}}
@media(prefers-reduced-motion:reduce){.browse-food img{transition:none}.browse-food:hover img{transform:none}}