@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,400,0,0";:root{color:#2e2118;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#fffaf0;font-family:Trebuchet MS,Gill Sans,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}img,svg,video{max-width:100%;height:auto;display:block}button,input,select{font:inherit;touch-action:manipulation}button{cursor:pointer}a{color:inherit}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--orange:#ec671e;--yellow:#ffc928;--ink:#302219;--muted:#7d7166;--cream:#fffaf0;--line:#eadfce;--green:#357048;--surface:#fffdf8;--app-max:480px;--page-pad:clamp(12px, 4vw, 18px);--topbar-h:clamp(56px, 14vw, 68px);--nav-clearance:calc(88px + env(safe-area-inset-bottom,0px));--topbar-offset:calc(var(--topbar-h) + env(safe-area-inset-top,0px))}#root{min-height:100dvh}.app-shell{min-height:100dvh;max-width:var(--app-max);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:#fffaf0f5;margin:0 auto;position:relative;overflow-x:clip}.topbar{z-index:4;width:min(100%, var(--app-max));height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--page-pad), env(safe-area-inset-right,0px)) 0 max(var(--page-pad), env(safe-area-inset-left,0px));background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand{color:var(--ink);flex:none;align-items:center;min-width:0;text-decoration:none;display:flex}.brand-logo{object-fit:contain;width:clamp(88px,28vw,116px);height:clamp(36px,11vw,48px);display:block}.location{min-width:0;color:var(--ink);align-items:center;gap:6px;margin-left:auto;display:flex}.location .pin{color:var(--orange);flex:none;font-size:clamp(16px,4.5vw,20px)}.location-text{min-width:0}.location small,.location strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.location small{color:var(--muted);letter-spacing:.4px;text-transform:uppercase;font-size:clamp(7px,2vw,9px)}.location strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,3.2vw,12px)}.chevron{color:var(--muted);flex:none}.language-select{width:36px;height:36px;color:var(--ink);flex:none;justify-content:center;align-items:center;margin-left:4px;display:flex;position:relative}.language-select .material-symbols-outlined{color:var(--muted);font-size:22px}.language-select select{appearance:none;color:#0000;opacity:0;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0;position:absolute;inset:0}main{width:100%;max-width:var(--app-max);background:#fffdf8f2;margin:0 auto;padding-top:0}.chrome-spacer{pointer-events:none;flex-shrink:0;width:100%;height:420px;display:block}.hero-section{top:var(--topbar-offset);z-index:3;width:min(100%, var(--app-max));max-height:min(72dvh,560px);padding:0 var(--page-pad) clamp(10px, 2.5vw, 15px);background:var(--surface);will-change:transform, opacity;backface-visibility:hidden;pointer-events:auto;position:fixed;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 5px 14px #30221912}.hero-section.is-collapsed{pointer-events:none;box-shadow:none}.hero-copy{flex-direction:column;display:flex}.hero-copy h1,.hero-art{display:none}.eyebrow{color:var(--orange);text-transform:uppercase;letter-spacing:1.4px;margin:0 0 6px;font-size:clamp(8px,2.4vw,10px);font-weight:800}.hero-lede{color:var(--muted);margin:0 0 clamp(10px,2.5vw,14px);font-size:clamp(12px,3.4vw,13px);line-height:1.4}.store-switcher{grid-template-columns:1fr 1fr;gap:clamp(6px,2vw,8px);display:grid}.store-switcher button{text-align:left;border:1px solid var(--line);background:var(--cream);min-height:48px;color:var(--ink);border-radius:8px;align-items:center;gap:8px;padding:clamp(8px,2.2vw,10px);transition:all .2s;display:flex}.store-switcher button.active{border-color:var(--orange);background:#fff4d2;box-shadow:0 3px #f7d27b}.store-switcher button>span:first-child{color:var(--orange);flex:none;font-size:clamp(18px,5vw,22px)}.store-switcher b,.store-switcher small{display:block}.store-switcher b{font-size:clamp(10px,2.8vw,12px);line-height:1.15}.store-switcher small{color:var(--muted);margin-top:2px;font-size:clamp(8px,2.2vw,10px);line-height:1.2}.order-section{padding:clamp(18px, 4vw, 25px) var(--page-pad) var(--nav-clearance);background-color:#fffdf8f2;background-image:linear-gradient(#fffdf8f0,#fffdf8f0),url(/bg/fp.jpg);background-position:0 0,top;background-size:auto,min(100vw,520px);background-attachment:scroll,scroll}.section-heading{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.section-heading h2{color:var(--ink);letter-spacing:-.4px;max-width:16ch;margin:0;font:700 clamp(20px,6vw,26px)/1.05 Georgia,Times New Roman,serif}.open-status{color:var(--green);white-space:nowrap;flex:none;font-size:clamp(9px,2.5vw,11px)}.open-status i{vertical-align:middle;background:#58a16f;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.search-row{gap:8px;margin-top:clamp(14px,3.5vw,18px);display:flex}.search-box{background:var(--cream);border:1px solid var(--line);border-radius:7px;flex:1;align-items:center;min-width:0;min-height:48px;padding:0 10px;display:flex}.search-box span{color:var(--orange);flex:none;font-size:20px}.search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:12px 8px;font-size:16px}.filter-button{border:1px solid var(--line);min-width:48px;min-height:48px;color:var(--ink);background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:12px;display:inline-flex}.filter-button span:last-child{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(8px,2.5vw,12px);display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.product-image{aspect-ratio:1.15;background:#eee3c4;height:auto;min-height:110px;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.tag{background:var(--yellow);max-width:calc(100% - 16px);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:clamp(7px,2vw,9px);font-weight:700;position:absolute;top:8px;left:8px;overflow:hidden}.quick-add{background:var(--orange);color:#fff;border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;line-height:1;display:none;position:absolute;bottom:8px;right:8px}.product-info{flex-direction:column;flex:1;padding:clamp(8px,2.5vw,10px);display:flex}.product-category{text-transform:uppercase;color:var(--orange);letter-spacing:1px;margin:0 0 4px;font-size:clamp(7px,2vw,9px);font-weight:800}.product-info h3{overflow-wrap:anywhere;margin:0 0 4px;font:700 clamp(13px,3.6vw,15px)/1.15 Georgia,Times New Roman,serif}.product-info>p:last-of-type{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0;font-size:clamp(10px,2.6vw,11px);line-height:1.3;display:-webkit-box;overflow:hidden}.product-bottom{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:10px;display:flex}.product-bottom strong{font:700 clamp(13px,3.6vw,15px) Georgia,Times New Roman,serif}.product-bottom button{color:#fff;background:var(--green);white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:2px;min-height:34px;padding:7px 9px;font-size:clamp(10px,2.6vw,11px);display:inline-flex}.product-bottom button span{font-size:13px}.empty-state{color:var(--muted);text-align:center;padding:40px 0;font-size:14px}.bottom-nav{bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:4;width:min(calc(100% - 16px), calc(var(--app-max) - 16px));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf8f7;border:1px solid #eadfcef2;border-radius:24px;justify-content:space-around;align-items:center;gap:2px;min-height:64px;padding:6px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #30221929}.bottom-nav a,.bottom-nav button{min-width:0;min-height:48px;color:var(--muted);text-align:center;background:0 0;border:0;border-radius:14px;flex:1;place-items:center;gap:2px;padding:4px 2px;font-size:clamp(8px,2.2vw,10px);font-weight:600;line-height:1.1;text-decoration:none;display:grid;position:relative}.bottom-nav .current{color:var(--orange);font-weight:700}.bottom-nav a.current:after,.bottom-nav button.current:after{content:"";background:var(--orange);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.bottom-nav .nav-add{border:4px solid var(--surface);background:var(--orange);color:#fff;border-radius:50%;flex:0 0 clamp(50px,14vw,58px);align-self:center;width:clamp(50px,14vw,58px);min-height:clamp(50px,14vw,58px);margin-top:-16px;box-shadow:0 5px #d94f13,0 8px 18px #ec671e47}.bottom-nav .nav-add:after{display:none}.bottom-nav .nav-add b{background:var(--yellow);min-width:16px;height:16px;color:var(--ink);border-radius:999px;place-items:center;padding:0 3px;font-size:9px;line-height:1;display:grid;position:absolute;top:0;right:0}.toast{z-index:5;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;text-align:center;white-space:normal;border-radius:8px;max-width:min(92vw,360px);padding:10px 14px;font-size:clamp(11px,3vw,13px);position:fixed;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0003}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-size:20px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.store-switcher .material-symbols-outlined{color:var(--orange);font-size:clamp(18px,5vw,22px)}.search-box .material-symbols-outlined,.filter-button .material-symbols-outlined{vertical-align:middle;font-size:19px}.bottom-nav .material-symbols-outlined{font-size:clamp(20px,5.5vw,22px)}.bottom-nav .nav-add .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24;font-size:clamp(22px,6vw,24px)}.bottom-nav .current .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24}.product-bottom .material-symbols-outlined{vertical-align:middle;font-size:14px}body{background-color:var(--cream);background-image:url(/bg/fp.jpg);background-position:top;background-repeat:no-repeat;background-size:min(100vw,520px);background-attachment:scroll}@media (width<=360px){.location-text{max-width:72px}.store-switcher{grid-template-columns:1fr}.store-switcher button{min-height:44px}.section-heading{flex-direction:column;align-items:flex-start}.product-grid{grid-template-columns:1fr}.product-image{aspect-ratio:16/9}}@media (width>=390px){.filter-button span:last-child{display:inline}.filter-button{padding:0 14px}}@media (height<=700px){.hero-section{max-height:58dvh}.benefits-strip{min-height:0}.hero-lede{margin-bottom:8px}}@media (height<=560px) and (orientation:landscape){.hero-section{max-height:46dvh}.eyebrow,.hero-lede,.benefits-strip{display:none}.bottom-nav{bottom:calc(6px + env(safe-area-inset-bottom,0px));min-height:56px}.bottom-nav .nav-add{margin-top:-10px}}@media (width>=700px){:root{--app-max:min(480px, 100vw);--page-pad:18px;--topbar-h:72px}body{background:#202020}.app-shell{box-shadow:0 0 35px #00000080}.topbar{height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding-left:18px;padding-right:18px}.brand-logo{width:128px;height:52px}.location strong{font-size:13px}.location small{font-size:9px}.language-select{width:40px;height:40px}.hero-section{top:var(--topbar-offset,calc(var(--topbar-h) + env(safe-area-inset-top,0px)));max-height:min(68dvh,520px)}.bottom-nav{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.quick-add{display:grid}}@media (width>=900px){:root{--app-max:520px}}@media (hover:hover) and (pointer:fine){.bottom-nav .nav-add:hover{transform:translateY(-2px)}.category-list button:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-1px)}}.category-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:8px;margin:16px 0 20px;padding:3px 0 6px;display:flex;overflow-x:auto}.category-list::-webkit-scrollbar{display:none}.category-list button{border:1px solid var(--line);background:var(--cream);min-height:36px;color:var(--muted);white-space:nowrap;scroll-snap-align:start;border-radius:999px;flex:none;padding:7px 14px;font-size:clamp(11px,3vw,12px);font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s}.category-list button.selected{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 3px #f7d27b}.promo-carousel{margin:0 calc(var(--page-pad) * -1);order:-1;position:relative}.promo-banner{aspect-ratio:690/261;background:#fff4ce;border:0;border-radius:0;width:100%;height:auto;margin:0;padding:0;display:block;overflow:hidden}.promo-banner img{object-fit:contain;width:100%;height:100%;display:block}.banner-dots{right:max(10px, env(safe-area-inset-right,0px));gap:5px;display:flex;position:absolute;bottom:8px}.banner-dots button{background:#ffffffa6;border:1px solid #fff;border-radius:50%;width:8px;height:8px;padding:0}.banner-dots button.active{background:var(--orange)}.benefits-strip{margin:0 calc(var(--page-pad) * -1) 12px;color:#fffaf0;background:#433c38;border-radius:0 0 18px 18px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;padding:clamp(6px,1.8vw,8px) clamp(6px,2vw,10px);display:grid}.benefits-strip div{text-align:center;border-right:1px solid #fffaf059;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 4px;font-size:clamp(8px,2.4vw,10px);font-weight:700;line-height:1.15;display:flex}.benefits-strip div:last-child{border-right:0}.benefits-strip span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.benefits-strip .material-symbols-outlined{color:var(--yellow);font-size:clamp(14px,4vw,18px)}@media (width<=360px){.benefits-strip{padding-inline:4px}.benefits-strip div{font-size:8px}}@media (height<=560px) and (orientation:landscape){.promo-banner{aspect-ratio:2.8}}
