/* Shared layouts with partner branding, multilingual content and WhatsApp checkout. */
:root { --orange-deep:color-mix(in srgb,var(--orange) 85%,black); --ember:color-mix(in srgb,var(--orange) 70%,black); --bottle-2:color-mix(in srgb,var(--bottle) 85%,white); }
[hidden] { display:none!important; }
body:not([data-store-state=ready]) #topbar,
body:not([data-store-state=ready]) #tabbar,
body:not([data-store-state=ready]) #bagbar { display:none; }
body:not([data-store-state=ready]) #main { display:grid;align-items:center;min-height:calc(100dvh - 80px);padding:0; }
body:not([data-store-state=ready]) #site-footer { margin:0;padding:24px;text-align:center;color:var(--ink-soft);font-size:.875rem; }
body:not([data-store-state=ready]) #site-footer a { text-decoration:underline;text-underline-offset:3px; }
.tpl-startup { max-width:720px;text-align:center; }
.tpl-startup h1 { font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2; }
.tpl-startup p { margin-block:20px;color:var(--ink-soft); }
.tpl-logo { display:inline-flex;align-items:center; }
.tpl-logo img { width:100%;height:auto;max-height:64px;object-fit:contain; }
.tpl-logo .display { font-size:1.5rem;line-height:1.1; }
.topbar__logo { margin-inline-end:auto; }
.topbar__actions { gap:8px; }
/* Native disclosure behavior with a custom, keyboard-accessible language menu. */
.language-menu { position:relative; }
.language-menu summary { display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:10px 13px;border-radius:999px;font-size:14px;font-weight:600;transition:background 160ms; }
.language-menu summary::-webkit-details-marker { display:none; }
.language-menu summary:hover,.language-menu[open] summary { background:var(--blush);color:var(--bottle); }
.language-menu summary>svg { width:19px;height:19px; }
.language-menu summary>svg:last-child { width:14px;height:14px;transition:transform 180ms;opacity:.65; }
.language-menu[open] summary>svg:last-child { transform:rotate(180deg); }
.topbar[data-tone=over] .language-menu summary { background:#ffffff14;color:#fff; }
.topbar[data-tone=over] .language-menu summary:hover,.topbar[data-tone=over] .language-menu[open] summary { background:#ffffff29; }
.language-menu__panel { position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:190px;padding:7px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 44px color-mix(in srgb,var(--ink) 12%,transparent);animation:language-in 160ms ease-out; }
.language-menu__panel button { display:flex;align-items:center;gap:12px;width:100%;padding:10px;border-radius:12px;text-align:start;font-size:14px;font-weight:600; }
.language-menu__panel button:hover { background:var(--blush); }
.language-menu__panel button[aria-pressed=true] { background:var(--peach-soft);color:var(--bottle); }
.language-menu__symbol { display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--paper);font-size:11px;font-weight:700; }
.language-menu__panel button>svg { width:16px;height:16px;margin-inline-start:auto; }
@keyframes language-in { from { opacity:0;transform:translateY(-4px); } }
.hero__title .hl { white-space:normal; }
.hero__title { overflow-wrap:break-word; }
.hero__sub { white-space:pre-line; }
.tpl-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px; }
.tpl-copy { font-size:var(--t-l);max-width:800px;white-space:pre-line;line-height:1.7; }
.tpl-spacer { height:48px; }
.tpl-locations { display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px; }
.tpl-location { background:var(--blush);padding:28px;border-radius:var(--r-l); }
.tpl-location h3 { font-size:1.7rem; }
.tpl-location a { display:block;margin-block:12px;color:var(--ember); }
.tpl-hours>div { display:flex;justify-content:space-between;gap:24px;padding:7px 0;font-size:.9rem; }
.menu__heading-row { display:flex;align-items:center;justify-content:space-between;gap:16px; }
.menu__heading-row>.btn { flex:none; }
.tpl-more { display:block;margin:36px auto; }
.tpl-empty { padding:64px 0; }
.tpl-item-form { display:contents; }
.stepper input { width:34px;min-width:0;border:0;background:transparent;text-align:center;font-weight:700;appearance:textfield;-moz-appearance:textfield; }
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button { -webkit-appearance:none;margin:0; }
.bag__hint { font-size:var(--t-xs);color:var(--ink-soft);margin:0 0 16px; }
.menu__rail .chip { flex-shrink:1;white-space:normal;height:auto;min-height:40px; }
.tpl-summary { background:var(--blush);padding:26px;border-radius:var(--r-l); }
.tpl-summary>strong { display:block;font-size:1.7rem;margin-block:18px; }
.tpl-summary>p { font-size:.9rem;line-height:1.6;margin-block:16px; }
.tpl-summary small { display:block;color:var(--ink-soft); }
.tpl-modes { display:flex;flex-wrap:wrap;gap:8px; }
.tpl-modes label { cursor:pointer;gap:8px; }
.tpl-notice { padding:16px;background:var(--peach-soft);border-radius:12px;margin:20px 0; }
.tpl-error { color:#a21c1c;white-space:pre-line; }
.tpl-request { max-width:900px; }
.tpl-request-actions { display:flex;flex-wrap:wrap;gap:12px;margin-block:24px; }
.tpl-message { white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.8;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--blush); }
.tpl-order-list { margin-block:32px; }
.tpl-order-list>a { display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px 0; }
.tpl-order-list small { display:block;margin-top:8px;color:var(--ink-soft); }
.tpl-order-list strong { overflow-wrap:anywhere; }
#site-footer { margin-top:var(--section);padding-top:32px; }
body[data-hero] #site-footer { margin-top:0; }
.foot__logo img { max-height:none; }
.tpl-socials { display:flex;gap:20px;flex-wrap:wrap;margin-block:20px; }
.tpl-socials a:hover,.tpl-credit a:hover { text-decoration:underline; }
.tpl-credit { font-size:var(--t-s); }
.tpl-credit a { color:#fff;font-weight:700; }
.tpl-toast { position:fixed;bottom:calc(var(--tabbar-h) + 90px);left:50%;transform:translateX(-50%);padding:14px 24px;border-radius:999px;background:var(--bottle);color:var(--paper);width:max-content;max-width:90vw;z-index:100; }
#network-status:not(:empty) { padding:12px 20px;background:var(--peach-soft);text-align:center; }
[dir=rtl] .display { letter-spacing:0;line-height:1.35;-webkit-text-stroke:0; }
[dir=rtl] .tabbar__blob { left:auto;right:6px;transform:translateX(calc(var(--i,0) * -1 * (100% + 12px))); }
[dir=rtl] .way { text-align:right; }
[dir=rtl] .back svg,[dir=rtl] .btn svg:last-child { transform:scaleX(-1); }
@media(min-width:1024px) { .topbar__logo{margin-inline-end:0;}.topbar__nav{margin-inline:24px auto;}.topbar__nav a{padding-inline:12px;} }
@media(max-width:1023px) { .tpl-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media(max-width:700px) {
  .tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;}
  .topbar__in{gap:8px;}.topbar__actions{gap:6px;}.topbar__logo{width:76px;}.language-menu summary{padding:8px 10px;font-size:13px;gap:7px;}
  .tpl-order-list>a{gap:12px;font-size:.9rem;}.tpl-order-list>a>svg{display:none;}
}
.tpl-checkout-map { height: 300px; border-radius: 16px; overflow: hidden; position: relative; z-index: 0; margin-block: 16px; }
.tpl-location-picker h3 { margin-block: 20px 8px; }
.tpl-location-picker > p { font-size: 14px; margin-block: 10px; }
.tpl-coordinate-fields { display: grid; gap: 12px; margin-block: 12px; }
.tpl-map-pin span { display: block; width: 24px; height: 24px; background: var(--orange); border: 3px solid white; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); box-shadow: 0 2px 8px #0005; }
[data-delivery-notice]:empty { display:none; }

@media(prefers-reduced-motion:reduce) { .language-menu__panel{animation:none;} }

.tpl-empty-bag{display:block;width:100px;height:100px;margin:auto;color:var(--bottle);}

@media(min-width:1024px) and (max-width:1240px){.topbar .search-field{width:175px;}.topbar__nav{margin-inline:12px auto;}.topbar__nav a{padding-inline:8px;}}