*{box-sizing:border-box}body{margin:0;background:#fff;color:#173735;font:16px/1.5 system-ui,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;background:#173f39;color:white;font-weight:650}button:disabled{opacity:.45;cursor:default}a{color:inherit}header{max-width:1240px;margin:auto;padding:22px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e3e9e6}.brand{text-decoration:none;font-size:24px;font-weight:750}.brand b{color:#cf641d}.brand span{display:block;font-size:12px;letter-spacing:2px;color:#58716b}.outline{background:white;border:1px solid #bdcbc6;color:#173735}main{max-width:1240px;margin:auto;padding:30px}.intro{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:center;margin-bottom:32px}.intro img{width:100%;height:180px;object-fit:cover;border-radius:18px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.5px;color:#9b491c}h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.5px;line-height:1.12;margin:12px 0}h2{font-size:24px;line-height:1.25;margin:12px 0 18px}.intro p{font-size:20px;margin:12px 0}.intro small,small{color:#5b6f68;font-size:13px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px}.assistant{background:#eff6f2;border:1px solid #d9e8df;border-radius:18px;padding:24px}.filters{display:flex;gap:12px;align-items:end}.filters label{flex:1}.filters button{white-space:nowrap}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;border:1px solid #b7c9c0;padding:11px;border-radius:8px;margin-top:6px;background:white;color:#183b35}textarea{height:75px;resize:vertical}#advice{margin-bottom:0;color:#446457;font-size:14px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}nav button{background:white;border:1px solid #d5dfda;color:#3c544b;padding:9px 15px}nav button.active{background:#173f39;color:white}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title span{font-size:14px;color:#5b6f68}.cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{border:1px solid #dce4df;border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:start}.tag{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#9b491c}.card h3{margin:8px 0;font-size:20px}.card p{color:#5b6f68;font-size:14px;margin:0 0 20px}.card-bottom{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto}.price{font-size:22px;font-weight:700}.card button{padding:9px 14px;background:#fff0df;color:#8c3c09}.order{position:sticky;top:20px;border:1px solid #d9e4dd;border-radius:18px;padding:24px;background:#fafcfb}.order h2 span{font-size:15px;background:#e4efe8;border-radius:30px;padding:4px 10px}#cart{border-bottom:1px solid #dbe3df;padding-bottom:16px}.empty{padding:18px 0;color:#687d72}.cart-line{padding:12px 0;border-bottom:1px solid #e1e8e3}.cart-line small{display:block}.cart-row{display:flex;justify-content:space-between;gap:10px}.cart-controls{display:flex;align-items:center;gap:12px;margin-top:8px}.cart-controls button{background:#e7eee9;color:#183b35;padding:2px 10px}.total{display:flex;justify-content:space-between;margin:22px 0 10px}.total strong{font-size:26px}.whatsapp{width:100%;margin-top:18px;background:#1a744b}#send-status{font-size:14px}.credit{font-size:12px;color:#7a8881;margin-top:20px}footer{text-align:center;border-top:1px solid #e5ebe7;padding:25px;font-size:14px;color:#526d60}dialog{border:0;border-radius:18px;width:min(480px,calc(100% - 32px));padding:28px;color:#183b35;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#102d28a8}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{margin:0}dialog p{color:#526c5e}dialog form>button{width:100%;margin-top:20px}#config-error{color:#a52e16}:focus-visible{outline:3px solid #ea973d;outline-offset:3px}@media(max-width:1000px){.filters{flex-wrap:wrap}.filters button{width:100%}.layout{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:750px){header{padding:16px}.outline{font-size:14px;padding:10px}main{padding:20px 16px}.intro{grid-template-columns:1fr;gap:14px}.intro img{height:170px}.layout{grid-template-columns:1fr}.order{position:static}.assistant{padding:20px}.cards{gap:12px}.card{padding:16px}.card-bottom{flex-wrap:wrap;gap:10px}.filters label{min-width:110px}.intro small{display:block}h1{letter-spacing:-.8px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.brand{font-size:20px}.brand span{font-size:11px}}

[hidden]{display:none!important}.dish-photo{width:100%;height:140px;object-fit:cover;border-radius:10px;margin-bottom:14px}.load-state{padding:40px;text-align:center}

:root{--brand-color:#173f39;--brand-text:white}button:not(.outline):not(.whatsapp){background:var(--brand-color);color:var(--brand-text)}nav button{background:white!important;color:#314a3d!important}nav button.active{background:var(--brand-color)!important;color:var(--brand-text)!important}.card button{background:var(--brand-color);color:var(--brand-text)}.intro .restaurant-logo{width:180px;height:160px;object-fit:contain;justify-self:end}.search-label{margin:24px 0 0}.search-label input{padding:14px 16px;background:#f8faf9}.cards{gap:20px}.card{overflow:hidden;padding:0;border-radius:18px}.card .dish-photo{height:190px;width:100%;border-radius:0;margin:0}.card>.tag{margin:20px 20px 0}.card>h3,.card>p{margin-left:20px;margin-right:20px}.card-bottom{padding:0 20px 20px}.card>p{min-height:44px}#restaurant-info{max-width:1180px;margin:20px auto 35px;padding:26px;background:#f1f6f3;border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:26px}#restaurant-info p{white-space:pre-line;color:#405c4d}#restaurant-info a{display:inline-block;margin-top:12px;font-weight:650;text-decoration:underline}.intro:has(img[hidden]){grid-template-columns:1fr}@media(max-width:750px){.intro .restaurant-logo{justify-self:start;width:110px;height:100px}.intro:has(.restaurant-logo:not([hidden])){grid-template-columns:minmax(0,1fr) 110px}.cards{gap:12px}.card .dish-photo{height:150px}#restaurant-info{grid-template-columns:1fr;margin:15px 16px;padding:22px}.card>.tag{margin:16px 16px 0}.card>h3,.card>p{margin-left:16px;margin-right:16px}.card-bottom{padding:0 16px 16px}}
/* Buttons must remain distinct from labels and body text. */
button{min-height:44px;border:2px solid var(--brand-color);box-shadow:0 3px 0 #173f3926;font-size:15px;font-weight:750;transition:filter .15s,transform .15s,box-shadow .15s;cursor:pointer}
button:not(:disabled):hover{filter:brightness(.94);transform:translateY(-1px);box-shadow:0 5px 0 #173f3926}button:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 #173f3926}
button:focus-visible,a:focus-visible{outline:3px solid #ea973d;outline-offset:4px}
.outline{border:2px solid #467395;color:#17466e;background:#edf4fa}.card button{border:2px solid var(--brand-color)}nav button{border:2px solid #709386;min-height:44px}nav button.active{box-shadow:inset 0 0 0 2px #ffffff45;border-color:var(--brand-color)}
.whatsapp{border-color:#0c4f30;background:#1a744b;color:#fff}button:disabled{opacity:1;cursor:not-allowed;background:#e4e9e6!important;color:#697771!important;border-color:#b7c3bc!important;box-shadow:none}
.cart-controls button{min-width:44px;min-height:44px;border:2px solid #467395;background:#edf4fa!important;color:#17466e!important;font-size:20px}
#map-link{display:inline-block;min-height:44px;padding:10px 16px;border:2px solid #467395;border-radius:10px;background:#edf4fa;color:#17466e;text-decoration:none!important;box-shadow:0 3px 0 #173f3926}
@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}}

.brand .agency-logo{width:72px;height:67px;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:12px}.agency-footer{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:24px 16px}.agency-footer img{display:block;width:90px;height:84px;object-fit:contain}@media(max-width:600px){.brand .agency-logo{width:58px;height:54px}.agency-footer img{width:76px;height:71px}}
.menu-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.restaurant-access{display:inline-flex;align-items:center;justify-content:center;background:#173f39;color:#fff;border:2px solid #173f39;border-radius:10px;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 3px 0 #092c27}.restaurant-access:hover{background:#255b50}.restaurant-access:focus-visible{outline:3px solid #ea973d;outline-offset:3px}@media(max-width:600px){header{flex-wrap:wrap;gap:14px}.menu-header-actions{width:100%;justify-content:flex-start}.restaurant-access{min-height:44px}}

/* Warm, photo-led styling for the example menu only. */
.demo-menu{background:#fffaf3}.demo-menu header{border-bottom-color:#e8dccd}.demo-menu .intro{grid-template-columns:1fr 46%;gap:36px;background:#f2e4d1;border-radius:28px;overflow:hidden;padding:36px;margin-bottom:36px}.demo-menu .intro img{height:270px;border-radius:20px;box-shadow:0 12px 30px #4e32251a}.demo-menu h1{font-family:Georgia,serif;font-weight:normal;font-size:clamp(38px,4.5vw,61px);line-height:1.07}.demo-menu .intro p{color:#a64d25}.demo-menu .eyebrow{color:#a64d25}.demo-menu .assistant{background:#edf2e6;border-color:#d4dfc8}.demo-menu .card{background:#fff;border-color:#e8dccd;box-shadow:0 5px 20px #63462c09;transition:box-shadow .2s,transform .2s}.demo-menu .card:hover{box-shadow:0 12px 28px #63462c18;transform:translateY(-3px)}.demo-menu .card .dish-photo{height:225px}.demo-menu .card>.tag{font-size:10px;font-weight:750;color:#b45028}.demo-menu .card h3{font-family:Georgia,serif;font-weight:normal;font-size:25px;line-height:1.2}.demo-menu .price{color:#a64d25}.demo-menu .section-title h2{font-family:Georgia,serif;font-size:32px;font-weight:normal}.demo-menu .order{background:white;border-color:#e3d6c4;box-shadow:0 10px 35px #63462c08}.demo-menu .search-label input{background:white}.demo-menu .agency-footer{border-color:#e8dccd}.demo-menu .credit{color:#84796a}@media(max-width:750px){.demo-menu .intro{grid-template-columns:1fr;padding:24px;gap:20px;border-radius:22px}.demo-menu .intro img{height:230px}.demo-menu .card .dish-photo{height:170px}.demo-menu .card h3{font-size:21px}}@media(max-width:390px){.demo-menu .card .dish-photo{height:210px}}@media(prefers-reduced-motion:reduce){.demo-menu .card{transition:none;transform:none!important}}

/* Installation is offered by the outer page when the menu is embedded. */

.demo-menu .assistant{display:none}

/* The live restaurant menu gives its own food and brand center stage. */
.restaurant-menu{background:#fffaf5}.restaurant-menu header{border-color:#eadfd3;gap:20px}.restaurant-menu .brand{display:flex;align-items:center;gap:14px;font-size:22px}.menu-brand-logo{width:64px;height:64px;object-fit:contain;background:white;border-radius:16px;padding:6px;border:1px solid #e8ded4}
.restaurant-menu .intro{grid-template-columns:minmax(0,1fr) 46%;gap:32px;padding:32px;background:#f4e9dc;border:1px solid #eaddcc;border-radius:28px;overflow:hidden}.restaurant-menu h1{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,60px);font-weight:normal;line-height:1.08}.restaurant-menu .intro p{font-size:22px}.restaurant-menu .intro .restaurant-cover{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 12px 30px #4e32251a}.restaurant-menu .intro:has(img[hidden]){grid-template-columns:1fr}.restaurant-menu .assistant{display:none}.restaurant-menu .search-label input{background:white;min-height:52px;border-radius:14px}.restaurant-menu nav{gap:10px}.restaurant-menu nav button{border-radius:999px}.restaurant-menu .card{background:white;border-color:#e7ddd0;box-shadow:0 6px 24px #5438210a}.restaurant-menu .card .dish-photo{height:230px}.restaurant-menu .card h3{font-family:Georgia,serif;font-size:26px;line-height:1.2;font-weight:normal}.restaurant-menu .card>.tag{font-weight:750;font-size:11px;letter-spacing:1.3px}.restaurant-menu .card-bottom{gap:12px}.restaurant-menu .card button{min-width:105px}.restaurant-menu .section-title h2{font-family:Georgia,serif;font-size:32px;font-weight:normal}.restaurant-menu .order{background:white;border-color:#e7ddd0;box-shadow:0 8px 32px #5438210a;border-radius:22px}.restaurant-menu #restaurant-info{background:white;border:1px solid #e7ddd0}.menu-empty{grid-column:1/-1;padding:30px;border:1px solid #e7ddd0;background:white;border-radius:18px;color:#52685d}
@media(max-width:750px){.restaurant-menu .intro{grid-template-columns:1fr;padding:24px;gap:20px;border-radius:22px}.restaurant-menu .intro:has(.restaurant-logo:not([hidden])){grid-template-columns:minmax(0,1fr) 110px}.restaurant-menu .intro .restaurant-cover{height:230px}.restaurant-menu .card .dish-photo{height:175px}.restaurant-menu .card h3{font-size:22px}.restaurant-menu .brand{font-size:20px}.menu-brand-logo{width:52px;height:52px}.restaurant-menu .intro p{font-size:19px}}
@media(max-width:390px){.restaurant-menu .card .dish-photo{height:220px}}

/* A restaurant identity, rather than a plain list of dishes. */
.restaurant-menu .brand,.restaurant-menu #restaurant{text-transform:capitalize;letter-spacing:.02em}.restaurant-menu header{border-bottom:2px solid #e8cfab}.restaurant-menu .intro{position:relative;background:radial-gradient(circle at 5% 5%,#fff8eb 0,transparent 45%),linear-gradient(135deg,#f5e2c9,#efe9de);border-color:#e4c9a5;box-shadow:0 12px 35px #5d3d1810}.restaurant-menu .intro:before{content:'';position:absolute;width:150px;height:150px;border:1px solid #b77c3840;border-radius:50%;left:-80px;bottom:-60px;pointer-events:none}.restaurant-menu .intro>div,.restaurant-menu .intro>img{position:relative}.restaurant-menu .intro .eyebrow{display:inline-block;padding:7px 13px;border-radius:999px;background:#fff8ec;border:1px solid #dfbf96;color:#8b451c;font-size:10px;letter-spacing:1.7px}.restaurant-menu h1{font-weight:normal;font-size:clamp(32px,4.2vw,55px)}.restaurant-menu .intro p{color:#935321}.restaurant-menu .intro .restaurant-cover{border:5px solid #fff7eb;box-shadow:0 12px 28px #70451524}.restaurant-menu .section-title{border-bottom:1px solid #e5d4bd;padding-bottom:12px;margin-bottom:20px}.restaurant-menu .section-title h2:before{content:'✦';color:#b57834;font-size:23px;margin-right:12px}.restaurant-menu .card{border-color:#e6d3b8;box-shadow:0 8px 24px #63401e0c}.restaurant-menu .card .tag{color:#985321}.restaurant-menu .price{color:#935321}.restaurant-menu .order{border-top:5px solid var(--brand-color);background:linear-gradient(#fff,#fffcf6)}.restaurant-menu .agency-footer{background:#173f39;color:#eaf0e8;border:0}.restaurant-menu .agency-footer img{background:white;padding:5px;border-radius:14px}
@media(max-width:750px){.restaurant-menu h1{font-size:clamp(30px,7vw,42px)}.restaurant-menu .intro .restaurant-cover{border-width:4px}}

/* Original painted culinary artwork, visible around the menu cover. */
.restaurant-menu .intro,.demo-menu .intro{background:#f6edd9 url('/restaurant-art.webp') center bottom/cover no-repeat;padding:34px 34px 70px;border:1px solid #e6c58e;box-shadow:0 14px 38px #63451918}.restaurant-menu .intro>div,.demo-menu .intro>div{background:#fffaf0f2;padding:24px;border-radius:20px;box-shadow:0 5px 20px #533c1910;border:1px solid #fff7df}.restaurant-menu .intro:before{display:none}.restaurant-menu .intro .restaurant-cover,.demo-menu .intro img{border:6px solid #fffaf0;box-shadow:0 12px 28px #4d351d35}.restaurant-menu .section-title,.demo-menu .section-title{background:#f5e5c9;padding:14px 18px;border-radius:14px;border:1px solid #e5c38b}.restaurant-menu .section-title h2,.demo-menu .section-title h2{margin:0}.restaurant-menu .card .tag,.demo-menu .card .tag{background:#f7e9d0;padding:5px 10px;border-radius:999px}.restaurant-menu .card,.demo-menu .card{border-bottom:4px solid #d8aa69}.restaurant-menu .order,.demo-menu .order{border-top:5px solid #d39b4c}
@media(max-width:750px){.restaurant-menu .intro,.demo-menu .intro{padding:20px 20px 54px;background-position:center bottom}.restaurant-menu .intro>div,.demo-menu .intro>div{padding:18px}.restaurant-menu .intro .restaurant-cover,.demo-menu .intro img{border-width:4px}.restaurant-menu .section-title h2,.demo-menu .section-title h2{font-size:28px}}

.cover-photo,.food-photo{position:relative;margin:0;width:100%;overflow:hidden}.cover-photo{border-radius:20px;align-self:center}.cover-photo img{display:block;width:100%;margin:0}.food-photo img{display:block}.cover-photo figcaption,.food-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(transparent,#102d28eb);color:white;font-weight:750;font-size:16px;line-height:1.3;text-shadow:0 1px 3px #0008}.cover-photo figcaption{font-size:20px;padding:35px 22px 20px;border-radius:0 0 20px 20px}.intro:has(.restaurant-logo:not([hidden])) .cover-photo{width:180px;justify-self:end}.cover-photo:has(.restaurant-logo) img{background:#fff}.cover-photo:has(.restaurant-logo) figcaption{position:static;background:#173f39;padding:10px;font-size:14px}.intro:has(figure[hidden]){grid-template-columns:1fr}
@media(max-width:750px){.cover-photo figcaption{font-size:17px;padding:28px 16px 15px}.food-photo figcaption{font-size:14px;padding:25px 12px 12px}.intro:has(.restaurant-logo:not([hidden])) .cover-photo{width:110px}}

.section-title{scroll-margin-top:18px}

#menu>.card,#menu>.menu-empty{scroll-margin-top:16px}.cover-photo{min-height:280px}@media(max-width:750px){.cover-photo{min-height:230px}}

.view-products header,.view-products .intro,.view-products .assistant,.view-products .search-label{display:none!important}.view-products main{padding-top:18px}.view-products .section-title{margin-top:0}.view-products .layout{align-items:start}

.view-products #categories{margin:0 0 20px;display:flex;gap:8px}

#dish-dialog{max-height:90dvh;overflow-y:auto}#dish-photo-preview{display:block;width:100%;height:180px;object-fit:cover;border-radius:14px;margin-top:18px}.quantity-picker{display:grid;grid-template-columns:48px 76px 48px;gap:10px;align-items:center}.quantity-picker input{margin:0;text-align:center;min-height:48px}.quantity-picker button{padding:4px;font-size:24px;min-height:48px}#preparation-options{display:flex;flex-wrap:wrap;gap:8px}#preparation-options button{font-size:13px;padding:8px 12px}#preparation-options button[aria-pressed=true]{background:var(--brand-color);color:var(--brand-text);border-color:var(--brand-color)}#quick-cart{display:none}.order{scroll-margin-top:16px}.view-products #categories{position:sticky;top:0;z-index:3;background:#fffaf3;padding:10px 0;border-bottom:1px solid #e3d0b5}
@media(max-width:750px){body:has(#quick-cart:not([hidden])){padding-bottom:85px}#quick-cart:not([hidden]){display:block;position:fixed;left:16px;right:16px;bottom:max(14px,env(safe-area-inset-bottom));z-index:5;width:calc(100% - 32px);background:var(--brand-color);color:var(--brand-text);border:2px solid #fff7e5;border-radius:16px;padding:16px;box-shadow:0 8px 26px #173f3935}.view-products #categories{flex-wrap:nowrap;overflow-x:auto;padding:12px 2px;margin-bottom:16px;scrollbar-width:thin}.view-products #categories button{flex-shrink:0}.cards{grid-template-columns:1fr}.card .dish-photo,.demo-menu .card .dish-photo,.restaurant-menu .card .dish-photo{height:220px}.order{scroll-margin-top:90px}}

/* Readable mobile type alongside full-width food photos. */
@media(max-width:750px){body{font-size:17px;line-height:1.55}.card h3,.demo-menu .card h3,.restaurant-menu .card h3{font-size:27px;line-height:1.2;font-weight:600}.card>p,.demo-menu .card>p,.restaurant-menu .card>p{font-size:17px;line-height:1.55;color:#344c42;margin-bottom:18px}.food-photo figcaption{font-size:18px;line-height:1.3;padding:32px 16px 15px}.cover-photo figcaption{font-size:19px}.price,.demo-menu .price,.restaurant-menu .price{font-size:29px}.card button{font-size:18px;min-height:50px;padding:11px 20px}.card .tag,.demo-menu .card .tag,.restaurant-menu .card .tag{font-size:13px}.card-bottom{align-items:center}.card>h3,.card>p{margin-left:20px;margin-right:20px}.card-bottom{padding:0 20px 20px}#categories button{font-size:17px;min-height:48px}label,.search-label{font-size:17px}input,select,textarea{font-size:17px;min-height:48px}.order h2{font-size:28px}.cart-row strong,.cart-row span{font-size:18px}.cart-line small,.order small,#send-status{font-size:15px;line-height:1.5;color:#405a4c}.total strong{font-size:30px}.whatsapp,#quick-cart:not([hidden]){font-size:18px}.intro small{font-size:15px}#dish-dialog p{font-size:17px}#preparation-options button{font-size:16px}.section-title span{font-size:16px}.card .dish-photo,.demo-menu .card .dish-photo,.restaurant-menu .card .dish-photo{height:auto;aspect-ratio:3/2;object-fit:cover}}

/* Stop intrinsic image and navigation widths from expanding the product grid. */
.layout>div,.layout>aside,.cards,.card,.food-photo{min-width:0;max-width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{width:100%}.food-photo{width:100%;flex-shrink:0;align-self:stretch}.card .food-photo .dish-photo{display:block;width:100%;max-width:100%;height:225px;object-fit:cover}.card h3,.card p,.food-photo figcaption{overflow-wrap:anywhere}.view-products #categories{width:100%;max-width:100%;min-width:0}.view-products .section-title{min-width:0;gap:12px}.view-products .section-title h2{min-width:0;overflow-wrap:anywhere}
@media(max-width:750px){.layout{grid-template-columns:minmax(0,1fr)}.cards{grid-template-columns:minmax(0,1fr)}main{width:100%;max-width:100%;padding:18px 16px}.card .food-photo .dish-photo,.demo-menu .card .food-photo .dish-photo,.restaurant-menu .card .food-photo .dish-photo{height:clamp(180px,55vw,260px);aspect-ratio:auto;width:100%;max-width:100%;object-fit:contain;background:#f4eadb}.food-photo{overflow:hidden}.view-products #categories{overflow-x:auto;flex-wrap:nowrap}.section-title{flex-wrap:wrap}.card h3,.demo-menu .card h3,.restaurant-menu .card h3{font-size:27px}.card p{font-size:17px}.card-bottom{flex-wrap:wrap;gap:14px}.card-bottom .price{font-size:29px}.card-bottom button{font-size:18px;min-height:50px}}

/* Show every category without horizontal scrolling. */
#categories,.view-products #categories{display:flex;flex-wrap:wrap;overflow:visible;gap:8px;position:static;width:100%;max-width:100%}#categories button,.view-products #categories button{flex:0 1 auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
@media(max-width:750px){#categories,.view-products #categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex-wrap:wrap;overflow:visible;position:static;padding:0;margin:0 0 20px;gap:8px}#categories button,.view-products #categories button{width:100%;min-height:48px;font-size:16px;padding:10px 8px}}
@media(min-width:500px) and (max-width:750px){#categories,.view-products #categories{grid-template-columns:repeat(3,minmax(0,1fr))}}

#back-categories:not([hidden]){display:block;position:fixed;right:16px;top:max(12px,env(safe-area-inset-top));bottom:auto;z-index:6;background:#173f39;color:#fff;border:2px solid #fff7e5;border-radius:14px;min-height:48px;padding:12px 18px;font-size:17px;box-shadow:0 6px 20px #173f3935}body.view-products main{padding-top:80px}#categories{scroll-margin-top:80px}