:root { --blue:#08aaf0; --ice:#7fd8ff; --navy:#071525; --gold:#f3bf27; --ink:#101e32; }
* { box-sizing:border-box; }
html { max-width:100%; overflow-x:clip; scroll-behavior:smooth; }
body { max-width:100%; margin:0; overflow-x:clip; background:#f6faff; color:var(--ink); font-family:"DM Sans",Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.delivery-strip { height:45px; display:flex; align-items:center; overflow:hidden; contain:paint; background:#08a9ed; color:#fff; font-size:17px; font-weight:700; white-space:nowrap; }
.delivery-ticker { display:flex; align-items:center; width:max-content; animation:delivery-ticker 24s linear infinite; will-change:transform; }
.delivery-message { display:flex; align-items:center; gap:28px; flex:none; padding-right:28px; }
.delivery-promo { color:#d71920; }
.delivery-ticker b { color:#ffe36d; font-size:22px; }
@keyframes delivery-ticker { to { transform:translateX(-50%); } }
.site-header { height:77px; display:flex; align-items:center; gap:34px; padding:7px clamp(30px,5.2vw,100px); color:#fff; background:#2e353d; }
.brand { display:flex; align-items:center; width:min(530px,34vw); min-width:350px; flex:none; }
.brand img { display:block; width:100%; height:62px; object-fit:cover; object-position:center; }
nav { display:flex; align-items:center; gap:35px; margin-left:auto; font-size:16px; font-weight:600; white-space:nowrap; }
nav a:hover { color:#82d8ff; }
.header-actions { display:flex; align-items:center; gap:29px; margin-left:auto; font-size:17px; font-weight:700; white-space:nowrap; }
.order-button { display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#14c5f6,#008ee4); color:#fff; border-radius:6px; box-shadow:0 9px 20px #05172555; padding:17px 30px; font-size:22px; font-weight:700; transition:transform .2s,filter .2s; }
.order-button:hover { transform:translateY(-2px); filter:brightness(1.08); }
.header-order { padding:14px 20px; font-size:17px; }
.phone { white-space:nowrap; }
.hero { min-height:438px; position:relative; display:grid; grid-template-columns:46% 54%; overflow:hidden; color:#fff; background:#091629; }
.hero:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#081525 0%,#0b1829 39%,transparent 64%),linear-gradient(180deg,#06132322,transparent); }
.hero-copy { position:relative; z-index:1; padding:29px 10px 26px clamp(32px,5.2vw,100px); }
.fish-pattern { position:absolute; z-index:-1; left:0; top:10px; margin:0; width:110px; height:125px; color:#8c9eaf35; font-size:60px; line-height:.82; transform:rotate(-32deg); letter-spacing:2px; }
h1,h2 { font-family:"DM Serif Display",Georgia,serif; }
h1 { font-size:clamp(50px,4.4vw,73px); line-height:.95; letter-spacing:-1.5px; margin:0 0 15px; }
h1 span { color:#75d2ff; }
.hero-intro { font-size:26px; margin:0 0 10px; font-weight:600; }
.cuisine-list { margin:0 0 20px; color:#e4edf7; font-size:17px; }
.cuisine-list b { padding:0 8px; color:#c6d1db; }
.hero-buttons { display:flex; gap:16px; }
.menu-button { display:inline-flex; align-items:center; justify-content:center; border:2px solid #efc432; border-radius:6px; color:#f9d957; padding:14px 27px; font-size:22px; font-weight:700; }
.benefits { display:flex; align-items:center; gap:26px; margin:24px 0 0; padding:0; list-style:none; }
.benefits li { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.benefits svg { width:30px; height:27px; overflow:visible; fill:none; stroke:#f5c632; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.benefits svg text { fill:#f5c632; stroke:none; font:700 19px "DM Sans",sans-serif; }
.benefits span { color:white; font-size:16px; font-weight:600; }
.hygiene-rating { position:absolute; top:230px; right:10px; left:auto; width:clamp(125px,8.7vw,165px); height:auto; border-radius:10px; box-shadow:0 8px 22px #0007; }
.hero-photo { min-height:438px; background:linear-gradient(90deg,transparent,#07142108),url("assets/whiston-chippy-front-enhanced.png") center -24px/cover no-repeat; }
.category-wrap { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; max-width:1473px; padding:0 0; margin:-22px auto 16px; }
.category { min-height:209px; overflow:hidden; display:grid; grid-template-rows:142px 1fr; position:relative; background:#fff; border:5px solid #fff; border-radius:18px; box-shadow:0 7px 20px #13294715; }
.category-art { display:block; background-repeat:no-repeat; background-size:cover; }
.fish .category-art { background-color:#8a4d20; background-image:url("assets/fish-feature.png"); background-position:center; background-size:cover; }
.chinese .category-art { background-color:#372116; background-image:url("assets/chinese-feature.png"); background-position:center; background-size:cover; }
.greek .category-art { background-color:#6b371d; background-image:url("assets/greek-feature.png"); background-position:center; background-size:cover; }
.burgers .category-art { background-color:#3f2517; background-image:url("assets/burger-feature.png"); background-position:center; background-size:cover; }
.category > span:last-of-type { padding:6px 19px; }.category strong { display:block; font:25px "DM Serif Display",Georgia,serif; }.category small { display:block; color:#626a77; font-size:15px; }.category i { position:absolute; bottom:13px; right:17px; height:36px; width:36px; border-radius:50%; background:var(--gold); color:#fff; display:grid; place-items:center; font:38px Arial; }
.menu-collapsed-intro { display:none; max-width:1527px; margin:0 auto 28px; padding:24px 30px; color:#fff; background:linear-gradient(145deg,#071525,#102b47); border:1px solid #1f577d; border-radius:16px; text-align:center; }
.menu-collapsed .menu-collapsed-intro { display:block; }.menu-collapsed .full-menu { display:none; }
.menu-collapsed:has(#full-menu:target) .menu-collapsed-intro { display:none; }.menu-collapsed:has(#full-menu:target) .full-menu { display:block; }
.menu-collapsed-intro strong { display:block; font:31px "DM Serif Display",Georgia,serif; }.menu-collapsed-intro p { margin:8px 0 17px; color:#c9d7e4; }
.menu-collapsed-intro button,.hide-menu-button { padding:11px 17px; color:#071525; background:#60d4ff; border:1px solid #65d3fb; border-radius:7px; cursor:pointer; font:700 14px "DM Sans",sans-serif; }
.hide-menu-button { position:absolute; top:0; right:0; color:#d4e7f5; background:#ffffff0d; border-color:#5d7c965e; }.hide-menu-button:hover { border-color:#65d3fb; }
.seo-page-links { max-width:1527px; margin:0 auto 45px; padding:21px 27px; color:#516275; background:#fff; border-top:1px solid #dce6ed; text-align:center; }.seo-page-links span { margin-right:10px; font-weight:700; }.seo-page-links a { margin:0 9px; color:#087ebc; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.information-grid { max-width:1527px; padding:0 0 30px; margin:auto; display:grid; grid-template-columns:3fr 2fr; gap:18px; }
.reviews,.find-us { min-height:230px; border-radius:12px; background:linear-gradient(125deg,#f3f9ff,#e7f4ff); padding:24px 30px; }
.reviews-title { display:flex; align-items:center; justify-content:space-between; gap:15px; }.reviews h2 { margin:0; font-size:38px; line-height:1; }.reviews h2 span { color:#109fe8; }.rating { display:grid; grid-template-columns:auto auto; column-gap:10px; align-items:center; }.rating b { color:#edb51d; letter-spacing:2px; font-size:29px; }.rating strong { font-size:18px; }.rating small { font-size:12px; font-weight:400; }.rating em { grid-column:1 / -1; text-align:right; color:#5b6673; font-size:14px; font-style:normal; }
.review-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:23px; }.review-card { display:block; padding:12px 14px; min-height:103px; background:#fff; border-radius:10px; color:#29394b; }.review-card span { color:#edb51d; letter-spacing:1px; }.review-card p { margin:5px 0; font-size:13px; line-height:1.3; }.review-card small { color:#657282; font-size:11px; }
.find-us { display:flex; gap:20px; }.find-copy { flex:1; }.find-us h2 { margin:0 0 12px; font-family:"DM Sans",sans-serif; font-size:20px; }.find-us p { margin:0 0 10px; line-height:1.45; }.find-us a { color:#008ee5; text-decoration:underline; font-weight:700; }.find-us hr { border:0; border-top:1px solid #c9d5df; margin:15px 0; }.find-us span { color:#536174; }.map-card { border:0; width:43%; min-height:200px; margin:-4px 0; align-self:stretch; border-radius:8px; }
.full-menu { max-width:1527px; margin:10px auto 45px; padding:42px; color:#fff; background:linear-gradient(145deg,#071525,#102b47); border:1px solid #1f577d; border-radius:20px; box-shadow:0 20px 50px #142b4420; scroll-margin-top:18px; }
.menu-heading-row { position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }
.menu-eyebrow { color:#6dd7ff; font-size:13px; font-weight:700; letter-spacing:2px; }
.full-menu h2 { margin:5px 0 7px; font-size:44px; line-height:1; }
.menu-heading-row p { margin:0; color:#c9d7e4; }
.menu-search { width:min(410px,38%); color:#9ddfff; font-size:13px; font-weight:700; }
.menu-search span { display:block; margin-bottom:7px; }
.menu-search input { width:100%; height:50px; padding:0 17px; color:#14243a; background:#fff; border:2px solid transparent; border-radius:9px; font:16px "DM Sans",sans-serif; outline:none; }
.menu-search input:focus { border-color:#19bdf3; box-shadow:0 0 0 4px #13b8ef28; }
.menu-filters { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0 12px; }
.menu-filters button { padding:10px 15px; color:#d4e7f5; background:#ffffff0d; border:1px solid #5d7c965e; border-radius:999px; font:600 14px "DM Sans",sans-serif; cursor:pointer; }
.menu-filters button:hover { border-color:#65d3fb; }
.menu-filters button.is-active { color:#071525; background:#60d4ff; border-color:#60d4ff; }
.menu-filters .menu-filter--gluten-free { color:#082f1b; background:#b9f7cf; border-color:#72d79a; }
.menu-filters .menu-filter--gluten-free:hover,.menu-filters .menu-filter--gluten-free.is-active { color:#fff; background:#167a42; border-color:#70d99a; }
.menu-status { min-height:20px; margin:0 0 17px; color:#9cb2c5; font-size:13px; }
.menu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.menu-group { overflow:hidden; padding:0 20px 7px; color:#17263a; background:#fff; border-radius:13px; box-shadow:0 8px 25px #020a1460; }
.menu-group h3 { margin:0 -20px 4px; padding:15px 20px; color:#fff; background:linear-gradient(90deg,#079fdc,#0873bd); font:27px "DM Serif Display",Georgia,serif; }
.menu-group--gluten-free { border:2px solid #63cd8a; box-shadow:0 10px 32px #58cf8b47; }
.menu-group--gluten-free h3 { color:#fff; background:linear-gradient(90deg,#08733c,#18a75a); }
.menu-group--gluten-free .menu-group-note { color:#174d2d; background:#e5faec; border:1px solid #a5e5ba; }
.menu-group-note { margin:9px 0 7px; padding:9px 11px; color:#365169; background:#eaf7ff; border-radius:7px; font-size:13px; line-height:1.35; }
.menu-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:16px; align-items:start; padding:11px 0; border-bottom:1px dashed #cbd6df; }
.menu-item:last-child { border-bottom:0; }
.menu-item strong { display:block; font-size:15px; line-height:1.25; }
.menu-item small { display:block; margin-top:4px; color:#687687; font-size:12px; line-height:1.35; }
.lunch-offer-note { margin:6px 0 0; color:#8a6810; font-size:12px; font-weight:700; line-height:1.35; }.lunch-offer-note.is-live { color:#08723c; }
.menu-item b { color:#087ebc; font-size:15px; line-height:1.25; text-align:right; white-space:nowrap; }
.menu-item-controls { display:flex; flex-direction:column; align-items:flex-end; gap:7px; }
.add-item,.basket-button,.checkout-button,.add-confirm { border:0; cursor:pointer; font:700 14px "DM Sans",sans-serif; }
.add-item { min-width:62px; padding:7px 11px; color:#fff; background:#087ebc; border-radius:6px; }
.add-item:hover { background:#065f92; }
.basket-button { display:inline-flex; align-items:center; gap:7px; padding:10px 13px; color:#fff; background:#ffffff16; border:1px solid #ffffff45; border-radius:7px; white-space:nowrap; }
.basket-button b { display:grid; place-items:center; min-width:21px; height:21px; padding:0 5px; color:#092037; background:#f5c632; border-radius:50%; font-size:12px; }
.basket-dock { position:fixed; z-index:18; right:24px; bottom:24px; display:flex; align-items:center; gap:19px; padding:13px 15px 13px 18px; color:#fff; background:#0b82c2; border:0; border-radius:999px; box-shadow:0 10px 25px #07152555; cursor:pointer; font:700 15px "DM Sans",sans-serif; transform:translateY(100px); opacity:0; transition:transform .22s ease,opacity .22s ease,background .2s; }
.basket-dock.has-items { transform:translateY(0); opacity:1; }.basket-dock:hover { background:#0671ad; }.basket-dock span { display:flex; align-items:center; gap:6px; }.basket-dock b { display:grid; place-items:center; min-width:21px; height:21px; padding:0 5px; color:#092037; background:#f5c632; border-radius:50%; font-size:12px; }.basket-dock strong { padding-left:17px; border-left:1px solid #ffffff65; font-size:17px; }
.basket-panel { position:fixed; z-index:20; top:0; right:0; display:flex; flex-direction:column; width:min(420px,100%); height:100dvh; padding:24px; color:#17263a; background:#fff; box-shadow:-12px 0 35px #0004; transform:translateX(105%); transition:transform .22s ease; }
.basket-panel.is-open { transform:translateX(0); }
.basket-head,.dialog-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }
.basket-head span,.dialog-head span { color:#087ebc; font-size:12px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; }
.basket-head h2,.dialog-head h2 { margin:3px 0 0; font-size:32px; line-height:1; }
.icon-button { width:38px; height:38px; padding:0; color:#334b61; background:#edf4f8; border:0; border-radius:50%; cursor:pointer; font-size:29px; line-height:1; }
.basket-items { flex:1; overflow:auto; margin:25px -4px 0; padding:0 4px; }
.basket-empty { margin:0; padding:22px 0; color:#657282; line-height:1.5; }
.basket-item { display:flex; justify-content:space-between; gap:13px; padding:14px 0; border-bottom:1px solid #dce6ed; }
.basket-item-edit { flex:1; min-width:0; padding:0; color:inherit; background:transparent; border:0; cursor:pointer; text-align:left; }.basket-item-edit:hover strong { color:#087ebc; text-decoration:underline; }.basket-item-edit:disabled { cursor:default; }.basket-item-edit:disabled:hover strong { color:inherit; text-decoration:none; }
.basket-item strong,.basket-item small { display:block; }.basket-item small { margin-top:4px; color:#687687; font-size:12px; line-height:1.35; }
.basket-item-actions { display:grid; grid-template-columns:27px 20px 27px; align-items:center; gap:4px; text-align:center; }
.basket-item-actions button { width:27px; height:27px; padding:0; color:#087ebc; background:#e6f6fd; border:0; border-radius:5px; cursor:pointer; font-size:19px; }.basket-item-actions span { font-weight:700; }.basket-item-actions b { grid-column:1 / -1; margin-top:3px; color:#087ebc; font-size:14px; }
.basket-total { display:flex; justify-content:space-between; align-items:baseline; padding:20px 0 13px; border-top:2px solid #d4e3ec; font-size:17px; font-weight:700; }.basket-total strong { color:#087ebc; font-size:25px; }
.checkout-button,.add-confirm { width:100%; padding:15px 18px; color:#fff; background:linear-gradient(135deg,#14c5f6,#008ee4); border-radius:7px; font-size:17px; }.checkout-button:disabled { cursor:not-allowed; opacity:.45; }.basket-note { margin:12px 0 0; color:#657282; text-align:center; font-size:12px; }
.whatsapp-button { display:flex; align-items:center; justify-content:center; margin-bottom:10px; background:#25d366; text-decoration:none; }.whatsapp-button:hover { background:#128c7e; }
.order-dialog { width:min(570px,calc(100% - 28px)); max-height:min(88dvh,760px); padding:0; color:#17263a; background:#fff; border:0; border-radius:16px; box-shadow:0 22px 60px #0007; }.order-dialog::backdrop { background:#051322a8; }.order-dialog form,.order-dialog > div,.review-dialog > p,.review-dialog pre { margin-left:0; margin-right:0; }.order-dialog form,.review-dialog { padding:28px; }.order-dialog .dialog-head { margin-bottom:23px; }
.order-dialog fieldset { display:grid; gap:9px; margin:0 0 18px; padding:13px 15px; border:1px solid #d5e3eb; border-radius:9px; }.order-dialog legend { padding:0 5px; color:#365169; font-size:13px; font-weight:700; }.order-dialog fieldset label,.check-option { cursor:pointer; font-size:15px; }.check-option { display:block; margin:0 0 18px; padding:13px 15px; background:#eff9fe; border-radius:8px; }
.order-dialog .lunch-offer-note { margin:0 0 14px; padding:11px 13px; color:#8a6810; background:#fff7d8; border-radius:8px; }.order-dialog .lunch-offer-note.is-live { color:#08723c; background:#e8f8ee; }
.dialog-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; margin-top:22px; }.dialog-actions strong { color:#087ebc; font-size:20px; }.dialog-actions .add-confirm { width:auto; min-width:175px; }
.checkout-intro { margin:0 0 18px; color:#526579; line-height:1.45; }.checkout-field { display:block; margin:0 0 15px; color:#365169; font-size:13px; font-weight:700; }.checkout-field em { color:#687687; font-style:normal; font-weight:400; }.checkout-field input,.checkout-field textarea { display:block; width:100%; margin-top:7px; padding:11px 12px; color:#17263a; background:#fff; border:1px solid #bfd0db; border-radius:7px; font:15px "DM Sans",sans-serif; resize:vertical; }.promo-field { margin-bottom:7px; }.promo-status { margin:0 0 16px; padding:9px 11px; border-radius:7px; font-size:13px; font-weight:700; line-height:1.4; }.promo-status.is-valid { color:#126534; background:#e4f8eb; border:1px solid #9bdcb0; }.promo-status.is-invalid { color:#9e2525; background:#fff0ef; border:1px solid #f0bbb8; }.marketing-consent { display:block; margin:-4px 0 20px; color:#40566a; font-size:13px; line-height:1.45; cursor:pointer; }.marketing-consent__text { color:#000; font-weight:700; }.delivery-fields { margin:0 0 18px; padding:17px 15px 4px; background:#f5fbfe; border:1px solid #d5e3eb; border-radius:9px; }.delivery-fields h3,.allergy-panel h3 { margin:0 0 13px; color:#17263a; font-size:16px; }.payment-help { margin:-8px 0 20px; color:#526579; font-size:13px; line-height:1.45; }.payment-help a { color:#087ebc; font-weight:700; text-decoration:underline; }.allergy-panel { margin:0 0 18px; padding:16px; background:#fff8e9; border:1px solid #eed286; border-radius:9px; }.allergy-panel p { margin:0 0 13px; color:#5f4b13; font-size:13px; line-height:1.45; }.allergy-toggle { display:block; color:#40300a; font-size:14px; font-weight:700; cursor:pointer; }.allergy-panel .checkout-field { margin-top:14px; }.allergy-status { margin:11px 0 0 !important; color:#08723c !important; font-weight:700; }.checkout-dialog { overflow:auto; }.checkout-summary { margin:20px 0; padding:13px 15px; color:#075d91; background:#e9f8ff; border-radius:8px; font-weight:700; }.delivery-minimum-warning { margin:-8px 0 20px; color:#ba1a1a; font-size:14px; font-weight:700; line-height:1.4; }.review-dialog p { color:#526579; line-height:1.5; }.review-dialog pre { overflow:auto; margin:20px 0; padding:16px; color:#e8f3fb; background:#10253b; border-radius:9px; font:13px/1.55 "DM Sans",sans-serif; white-space:pre-wrap; }
.menu-footnote { margin:20px 0 0; padding:14px 17px; color:#c9d9e6; background:#ffffff0a; border-left:4px solid #f3bf27; border-radius:5px; font-size:14px; }
.menu-empty { min-height:100px; }
@media (prefers-reduced-motion:reduce) { .delivery-ticker { width:100%; min-width:0; justify-content:center; animation:none; } .delivery-message:nth-child(n+2),.delivery-message b { display:none; } }
@media (max-width:1450px) { .site-header { gap:22px; padding-inline:34px; }.brand{width:390px;min-width:280px;} .brand img{height:54px;} nav{gap:20px;}.header-actions{gap:16px;}.hero-intro{font-size:22px;}.hygiene-rating{top:255px;right:10px;left:auto;width:105px;}.category-wrap,.information-grid{max-width:calc(100% - 60px);} }
@media (max-width:1450px) { .full-menu{max-width:calc(100% - 60px);} }
@media (max-width:1000px) { nav{display:none;}.header-actions{margin-left:auto;}.hero{grid-template-columns:52% 48%;}.hygiene-rating{display:none;}.category-wrap,.menu-collapsed-intro,.seo-page-links{max-width:calc(100% - 60px);}.category-wrap{grid-template-columns:repeat(2,1fr);}.information-grid{grid-template-columns:1fr;}.menu-grid{grid-template-columns:1fr;} }
@media (max-width:680px) { .delivery-strip{font-size:14px;height:38px;}.site-header{height:67px;padding:6px 15px;}.brand{width:55vw;min-width:0;}.brand img{height:42px;}.header-order{padding:11px 13px;font-size:14px;}.header-actions{gap:5px;}.basket-button{padding:9px;}.basket-button span{display:none;}.basket-dock{right:14px;bottom:14px;}.phone{display:none;}.hero{display:block;min-height:620px;}.hero-photo{position:absolute;inset:0;background-position:60% 35%;}.hero:after{background:linear-gradient(90deg,#081525f7 0%,#081525c7 57%,#08152525 100%);}.hero-copy{padding:43px 24px;}.hero-intro{font-size:21px;}.cuisine-list{font-size:15px;line-height:1.7;}.hero-buttons{flex-wrap:wrap;}.order-button,.menu-button{font-size:18px;padding:14px 17px;}.benefits{display:grid;gap:8px;margin-top:22px;}.benefits span{font-size:15px;}.category-wrap{padding:0 13px;margin-top:-25px;gap:8px;max-width:none;}.menu-collapsed-intro,.seo-page-links{max-width:none;margin-right:13px;margin-left:13px;}.menu-collapsed-intro{padding:20px 15px;}.menu-collapsed-intro strong{font-size:26px;}.seo-page-links{font-size:14px;line-height:2;}.seo-page-links span{display:block;}.category{min-height:142px;grid-template-rows:75px 1fr;}.category strong{font-size:19px;}.category > span:last-of-type{padding:5px 9px;}.category small{font-size:11px;}.category i{bottom:10px;right:8px;width:28px;height:28px;font-size:28px;}.information-grid{padding:0 13px 25px;max-width:none;}.reviews,.find-us{padding:20px;}.reviews-title{display:block;}.reviews h2{font-size:31px;}.rating{margin-top:15px;}.review-cards{grid-template-columns:1fr;margin-top:18px;}.review-card{min-height:0;}.find-us{display:block;}.map-card{width:100%;display:block;min-height:180px;margin-top:16px;}.full-menu{max-width:none;margin:0 13px 25px;padding:25px 15px;border-radius:14px;}.menu-heading-row{display:block;}.hide-menu-button{position:static;margin-top:17px;}.full-menu h2{font-size:34px;}.menu-search{width:100%;margin-top:22px;}.menu-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;}.menu-filters button{flex:none;}.menu-group{padding-inline:14px;}.menu-group h3{margin-inline:-14px;padding-inline:14px;font-size:24px;}.menu-item{gap:9px;}.menu-item b{font-size:14px;}.order-dialog form,.review-dialog{padding:21px;}.dialog-actions{align-items:stretch;flex-direction:column;}.dialog-actions .add-confirm{width:100%;} }
@media (max-width:680px) { .site-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }.brand { width:auto; }.brand img { object-fit:contain; object-position:left center; }.header-actions { gap:5px; margin-left:0; }.header-order { min-height:43px; padding:10px 9px; font-size:0; }.header-order::after { content:"Order"; font-size:13px; } }
.delivery-radius-status { margin:0 0 18px; padding:11px 13px; border-radius:8px; font-size:13px; font-weight:700; line-height:1.45; }.delivery-radius-status.is-info,.delivery-radius-status.is-checking { color:#075d91; background:#e9f8ff; }.delivery-radius-status.is-available { color:#08723c; background:#e8f8ee; }.delivery-radius-status.is-outside { color:#ba1a1a; background:#ffebee; }
.delivery-minimum-warning.is-met { color:#087ebc; }
.cookie-consent { position:fixed; z-index:100; inset:auto 16px 16px; display:flex; justify-content:center; pointer-events:none; }
.cookie-consent__panel { width:min(650px,100%); padding:22px; color:#17263a; background:#fff; border:1px solid #bdd6e6; border-radius:14px; box-shadow:0 18px 55px #06182e55; pointer-events:auto; }
.cookie-consent__panel h2 { margin:0 0 9px; font-size:21px; }.cookie-consent__panel p { margin:0; color:#40566a; font-size:14px; line-height:1.5; }
.cookie-consent__choices { display:grid; gap:9px; margin:16px 0 0; }.cookie-consent__choices label { display:grid; grid-template-columns:auto 1fr; column-gap:8px; align-items:start; color:#17263a; font-size:14px; font-weight:700; }.cookie-consent__choices input { margin-top:3px; }.cookie-consent__choices span { grid-column:2; margin-top:3px; color:#526579; font-size:13px; font-weight:400; line-height:1.35; }
.cookie-consent__actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; margin-top:18px; }.cookie-consent__actions button,.cookie-settings-button { padding:10px 13px; border:1px solid #087ebc; border-radius:7px; cursor:pointer; font:700 14px "DM Sans",sans-serif; }.cookie-consent__reject,.cookie-consent__manage { color:#075d91; background:#fff; }.cookie-consent__accept,.cookie-consent__save { color:#fff; background:#087ebc; }
.cookie-settings-button { position:fixed; z-index:17; left:14px; bottom:14px; color:#075d91; background:#fff; box-shadow:0 5px 16px #07152533; }
@media (max-width:680px) { .cookie-consent { inset:auto 10px 10px; }.cookie-consent__panel { padding:18px; }.cookie-consent__actions { justify-content:stretch; }.cookie-consent__actions button { flex:1 1 140px; }.cookie-settings-button { bottom:12px; left:12px; font-size:12px; } }