@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url('assets/fonts/cormorant.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500 600;font-display:swap;src:url('assets/fonts/cormorant-italic.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('assets/fonts/dm-sans.woff2') format('woff2')}
:root{--navy:#082f40;--cream:#f5ebd9;--paper:#fffaf1;--gold:#e2b76f;--terracotta:#9b4430;--muted:#53636a;--line:#dac9ac;--blue:#075577;--bougainvillea:#98264c;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--radius:12px;--ease-out:cubic-bezier(.23,1,.32,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--navy);font:15px/1.6 var(--sans)}body:has(dialog[open]){overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:disabled{cursor:not-allowed;opacity:.6}button,input,textarea,select{border-radius:8px}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}button:disabled:focus-visible{outline:none}[hidden]{display:none}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.02;letter-spacing:-1.4px;text-wrap:balance}h1{font-size:clamp(58px,6.2vw,88px)}h2{font-size:clamp(40px,4.2vw,58px)}h3{line-height:1.35;font-size:20px}h1 em,h2 em{color:var(--terracotta);font-weight:500}img{display:block;width:100%;object-fit:cover}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.announcement{background:var(--navy);color:var(--gold);padding:8px 16px;text-align:center;font-size:11px;letter-spacing:1.4px}.site-header{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{text-decoration:none;display:grid;gap:6px}.wordmark>span{font:600 29px var(--serif);letter-spacing:1px}.wordmark small{font-size:9px;letter-spacing:2.5px}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a{text-decoration:none}.site-header nav a:hover{color:var(--terracotta)}.bag-button{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--line);padding:11px 17px;min-height:48px;font-size:13px;border-radius:28px;transition:border-color 160ms ease}.count{background:var(--navy);color:var(--cream);border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center;font-size:11px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:88px;padding-block:70px 82px;position:relative}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2.3px;line-height:1.6;display:flex;align-items:center;gap:10px}.tiny-arch{width:13px;height:18px;border:1px solid var(--gold);border-radius:9px 9px 0 0}.hero h1{margin:24px 0 25px;color:var(--cream)}.hero-description{font-size:16px;color:#d5ddd9;max-width:370px;line-height:1.8}.primary{background:var(--navy);color:var(--cream);border:1px solid var(--navy);text-decoration:none;padding:16px 24px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:36px;border-radius:6px;font-size:14px;font-weight:600;transition:background 160ms ease,transform 140ms var(--ease-out)}.primary:hover{background:#204858}.hero .primary{margin-top:29px;background:var(--gold);color:var(--navy);border-color:var(--gold)}.primary>span:last-child{font-size:20px;line-height:1}.hero-footnote{font-size:11px;color:#d5ddd9;margin-top:20px;max-width:310px;line-height:1.8}.hero-photo{box-shadow:0 24px 64px #00121b66;position:relative;padding:10px;border:1px solid #a98b58;border-radius:220px 220px 10px 10px;min-width:0}.hero-photo img{height:480px;border-radius:210px 210px 4px 4px;object-position:center}.hero-photo figcaption{position:absolute;bottom:24px;left:25px;right:25px;text-align:right;font-size:10px;color:var(--cream);background:#102e3ae8;padding:7px 10px;border-radius:3px}.flavour-strip{background:var(--cream);color:var(--terracotta);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:42px;padding:22px 16px;font-size:11px;letter-spacing:1.7px;overflow:hidden}.flavour-strip span{white-space:nowrap}.flavour-strip i{font:18px var(--serif)}.catalogue{padding-block:65px 78px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:26px}.section-heading h2{margin-top:12px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8}.launch-notice{padding:12px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:8px;color:var(--muted)}.status-dot{background:var(--terracotta);height:7px;width:7px;border-radius:50%;flex-shrink:0}.menu-tools{display:flex;flex-direction:column;gap:14px;position:sticky;top:0;z-index:3;background:var(--cream);padding-block:12px;border-bottom:1px solid var(--line)}.categories{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 9px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}.category{border:1px solid var(--line);background:transparent;padding:11px 17px;min-height:46px;border-radius:25px;white-space:nowrap;font-size:13px;transition:background 160ms ease,color 160ms ease,border-color 160ms ease}.category[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--cream)}.category:hover{border-color:var(--navy)}.search{display:flex;align-items:center;gap:8px;width:270px;padding-inline:13px;background:var(--paper);border:1px solid var(--line);border-radius:7px}.search input{border:0;width:100%;height:46px;min-width:0;background:transparent;color:var(--navy);font-size:13px}.search svg{width:17px;height:17px;flex-shrink:0}.menu-caption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:22px 0 18px}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.food-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 12px #102e3a04;transition:border-color 180ms ease,box-shadow 180ms ease}.card-photo{position:relative;background:#e8dfce;height:232px;overflow:hidden}.card-photo img{height:100%;transition:transform 240ms var(--ease-out)}.food-card:hover .card-photo img{transform:scale(1.025)}.photo-pending{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6c5b44;background:linear-gradient(145deg,#eee5d3,#e0c9a9);gap:10px}.photo-pending::before{content:'';height:64px;width:52px;border:1px solid #9a805a;border-radius:32px 32px 0 0}.photo-pending span{font:italic 22px var(--serif)}.photo-pending small{font-size:9px;letter-spacing:1px}.card-badge{position:absolute;top:14px;left:14px;border-radius:4px;background:var(--cream);padding:4px 9px;font-size:9px;letter-spacing:.6px}.card-badge.sold{background:var(--navy);color:var(--cream)}.card-content{padding:23px;display:flex;flex-direction:column;flex:1}.card-category{font-size:10px;text-transform:uppercase;color:var(--terracotta);font-weight:600;letter-spacing:1.3px;margin-bottom:9px}.card-content h3{font:600 29px/1.1 var(--serif);letter-spacing:-.4px}.card-content>p:not(.card-category){color:var(--muted);font-size:13px;line-height:1.7;margin-top:11px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:24px}.card-price{font-size:16px;font-weight:600}.card-price.pending{font-size:11px;font-weight:400;color:var(--muted)}.add-button{border:1px solid var(--navy);color:var(--navy);background:transparent;padding:10px 14px;min-height:46px;font-size:12px;font-weight:600;border-radius:6px;transition:background 160ms ease,color 160ms ease,transform 140ms var(--ease-out)}.add-button:hover{background:var(--navy);color:var(--cream);border-color:var(--navy)}.empty-results{grid-column:1/-1;text-align:center;padding:60px 20px;border:1px dashed var(--line);border-radius:var(--radius)}.empty-results h3{font:28px var(--serif);margin-bottom:8px}.empty-results p{color:var(--muted);font-size:13px}.secondary{background:transparent;border:1px solid var(--navy);padding:12px 20px;min-height:44px;margin-top:20px;font-size:12px}.how-section{background:#ebdcc1;padding:65px 0 70px}.how-section .eyebrow{justify-content:center}.how-section h2{text-align:center;margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:45px}.steps article{text-align:center}.steps article>span{font:italic 24px var(--serif);color:var(--terracotta)}.steps h3{font:600 29px var(--serif);margin:15px 0 9px}.steps p{font-size:13px;color:var(--muted);max-width:260px;margin:auto}footer{padding-block:42px 30px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-main>p{font:italic 500 24px var(--serif);color:var(--muted)}.footer-main>div{display:flex;align-items:center;gap:20px;font-size:11px}.footer-main>div a{text-decoration:none}.footer-fine{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);text-align:center}.text-button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px;min-height:44px;padding:8px 10px}.mobile-bag{display:none}dialog{border:0;background:var(--paper);color:var(--navy);padding:28px;box-shadow:0 20px 80px #0003;max-height:94dvh;border-radius:var(--radius);overscroll-behavior:contain}dialog::backdrop{background:#08192399;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.product-dialog{width:min(500px,calc(100% - 32px))}.product-image{height:210px;border-radius:10px;overflow:hidden;margin-bottom:22px}.product-image img{height:100%}.product-dialog h2{font-size:38px;margin-bottom:12px}.product-description{font-size:14px;color:var(--muted)}.product-dialog fieldset{border:0;margin:22px 0;padding:0}.product-dialog legend{font-weight:600;margin-bottom:9px;font-size:13px}.option{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);padding:11px 12px;margin:8px 0;border-radius:8px;font-size:12px}.option>span{margin-inline-end:auto}.option input{width:18px;height:18px;accent-color:var(--navy)}.option small{font-size:10px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:14px}.quantity button{border:1px solid var(--line);background:var(--cream);min-width:44px;min-height:44px;padding:8px}.quantity output{font-size:14px;min-width:18px;text-align:center}.product-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px}.product-actions .primary{flex:1;gap:12px}.product-price{font-size:12px;font-weight:600;margin-top:18px}.cart-dialog{width:min(490px,100%);height:100dvh;max-height:100dvh;inset:0 0 0 auto;margin:0;border-radius:0;padding:28px}.cart-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}.cart-header h2{font-size:43px;margin-top:6px}.cart-empty{text-align:center;padding:60px 15px}.cart-empty svg{width:52px;height:52px;margin-bottom:20px}.cart-empty h3{font:28px var(--serif)}.cart-empty p{font-size:13px;color:var(--muted);margin:12px 0 24px}.cart-line{padding:20px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:64px 1fr;gap:14px}.cart-thumbnail{width:64px;height:68px;border-radius:6px;overflow:hidden}.cart-thumbnail img{height:100%}.cart-thumbnail .photo-pending::before{width:24px;height:30px}.cart-thumbnail .photo-pending span,.cart-thumbnail .photo-pending small{display:none}.line-top{display:flex;justify-content:space-between;gap:10px}.line-top h3{font:600 23px/1.2 var(--serif)}.line-top strong{font-size:12px;white-space:nowrap}.line-options{font-size:11px;color:var(--muted);margin:4px 0}.line-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.line-controls .quantity{gap:10px}.line-controls .quantity button{font-size:12px}.line-price-pending{font-size:10px;color:var(--terracotta)}.subtotal{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 6px;font-size:15px}.subtotal strong{font-size:17px}.fine{font-size:12px;line-height:1.6;color:var(--muted);margin:8px 0 14px}#checkout-form h3{font:600 31px var(--serif);margin:26px 0 16px}#checkout-form>label{display:block;font-size:13px;font-weight:600;margin:16px 0}#checkout-form label small{font-size:10px;font-weight:400;color:var(--muted)}#checkout-form input:not([type=radio]),#checkout-form textarea{display:block;width:100%;padding:12px;border:1px solid var(--line);color:var(--navy);background:var(--cream);margin-top:6px;font-weight:400;min-height:46px}#checkout-form textarea{resize:vertical}#checkout-form>label[hidden]{display:none}.fulfilment{border:0;padding:0;margin:18px 0}.fulfilment legend{font-size:12px;font-weight:600;margin-bottom:10px}.fulfilment label{display:inline-flex;align-items:center;gap:8px;margin-right:14px;min-height:44px;font-size:13px}.fulfilment input{width:18px;height:18px;accent-color:var(--navy)}.checkout-status{padding:12px 14px;background:#f4ead9;color:#674d2c;border-radius:7px;font-size:13px;margin:22px 0 14px}.checkout-status:empty{display:none}.whatsapp-button{width:100%;gap:16px}.privacy-dialog{width:min(540px,calc(100% - 32px))}.privacy-dialog h2{font-size:30px}.privacy-dialog p{font-size:13px;margin-bottom:18px}.toast{position:fixed;z-index:5;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:var(--cream);padding:12px 20px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.skip{position:fixed;top:-80px;left:16px;background:var(--navy);color:white;padding:12px;z-index:100}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.credits-page{max-width:820px;padding-block:40px}.credits-page h1{font-size:46px;margin:30px 0}.credits-page p,.credits-page li{margin-bottom:16px}.credits-page img{width:160px;height:100px;border-radius:8px}.credit-item{border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}.credit-item h2{font:23px var(--serif);margin:14px 0 8px}

.hero-band{background:radial-gradient(ellipse at 93% 0%,#185972 0,transparent 48%),linear-gradient(115deg,#061e2a,#083d50);color:var(--cream);overflow:hidden}
.hero .eyebrow{color:var(--gold)}.hero h1 em{color:var(--gold)}
.hero .primary:hover{background:#e0c394;border-color:#e0c394}
.hero-visual{position:relative;padding-bottom:22px;min-width:0}
.hero-detail{position:absolute;left:-48px;bottom:-5px;width:182px;background:var(--cream);padding:7px;box-shadow:0 12px 34px #0004;border-radius:8px;transform:rotate(-5deg)}
.hero-detail img{height:130px;border-radius:4px;object-position:center}
.hero-detail figcaption{display:flex;align-items:center;justify-content:space-between;padding:8px 5px 3px;color:var(--navy);font:600 23px var(--serif)}
.hero-detail figcaption span{font:10px var(--sans);color:var(--muted)}
.primary:active,.add-button:active,.quantity button:active{transform:scale(.98)}
.bag-button:hover{border-color:var(--navy)}
@media(hover:hover){.food-card:hover{border-color:#b6aa94;box-shadow:0 8px 22px #102e3a0a}}
@media(min-width:1200px){.menu-tools{flex-direction:row;align-items:center}.categories{flex:1}.search{width:190px}.category{padding-inline:13px;font-size:12px}}
@media(max-width:1020px){.wrap{width:calc(100% - 64px)}.hero{gap:42px}.hero-photo img{height:400px}.hero h1{font-size:clamp(55px,6.6vw,76px)}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:25px}.flavour-strip{gap:26px}.footer-main>p{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 36px)}.announcement{font-size:10px;padding:7px}.site-header{min-height:82px;gap:10px}.wordmark>span{font-size:22px;letter-spacing:.5px}.wordmark small{font-size:7px;letter-spacing:1.5px}.site-header nav{display:none}.bag-button{gap:7px;padding:8px 11px;font-size:11px}.bag-button svg{width:18px}.count{min-width:22px;height:22px}.hero{grid-template-columns:1fr;padding-block:36px 45px;gap:32px}.hero h1{font-size:clamp(46px,13.3vw,58px);margin:18px 0 20px;letter-spacing:-1.2px;text-wrap:initial}.hero-description{font-size:14px;max-width:310px;line-height:1.75}.hero-footnote{font-size:11px;margin-top:17px;max-width:290px}.hero .primary{margin-top:22px}.hero-photo{margin-inline:26px 0;border-radius:150px 150px 8px 8px;padding:7px}.hero-photo img{height:294px;border-radius:143px 143px 4px 4px}.hero-photo figcaption{font-size:8px;bottom:21px;left:17px;right:17px;padding:6px;max-width:180px;margin-left:auto}.flavour-strip{justify-content:flex-start;gap:20px;padding:17px 20px;font-size:10px}.flavour-strip span:last-child{display:none}.catalogue{padding-block:39px 45px}.section-heading{display:block;margin-bottom:22px}.section-heading h2{font-size:45px}.section-heading>p{margin-top:15px;font-size:13px}.launch-notice{font-size:11px;padding:12px 0;align-items:center;gap:9px}.status-dot{margin-top:0}.menu-tools{gap:9px;padding-block:10px}.search{width:100%}.menu-caption{flex-direction:column;font-size:10px;gap:4px;margin:18px 0}.food-grid{gap:15px;grid-template-columns:1fr}.card-photo{height:auto;min-height:204px;width:112px;flex-shrink:0}.card-badge{left:6px;top:8px;font-size:8px;padding:3px 5px}.card-content{padding:16px 13px;min-width:0}.card-category{font-size:9px;letter-spacing:.7px;margin-bottom:7px}.card-content h3{font-size:26px;line-height:1.02}.card-content>p:not(.card-category){font-size:12px;line-height:1.55;margin-top:9px}.card-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:14px}.card-price.pending{font-size:11px}.add-button{width:100%;font-size:12px;min-height:44px;padding:9px 8px}.how-section{padding-block:38px}.how-section h2{font-size:40px}.steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.steps h3{font-size:28px;margin-top:7px}.steps p{max-width:280px;font-size:13px}.steps article>span{font-size:20px}.footer-main{align-items:flex-start;gap:18px}.footer-main>div{flex-direction:column;gap:5px;align-items:flex-end}.footer-fine{text-align:left;font-size:11px}footer{padding-bottom:100px}.mobile-bag:not([hidden]){display:flex;position:fixed;z-index:4;bottom:max(14px,env(safe-area-inset-bottom));left:18px;right:18px;justify-content:space-between;box-shadow:0 6px 20px #112c3940}.mobile-bag>span:first-child{display:flex;gap:10px;align-items:center}.mobile-bag>span:last-child{font-size:13px}.mobile-bag [data-count]{border:1px solid #fff5;border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center}.toast{bottom:85px}.cart-dialog{padding:22px 18px}.product-actions{gap:12px}.product-actions .primary{padding-inline:14px;font-size:13px}.menu-caption span:last-child{max-width:300px}.photo-pending span{font-size:17px}.photo-pending small{font-size:7px;letter-spacing:.5px}.photo-pending::before{height:40px;width:33px}.empty-results{padding:40px 16px}.food-card{flex-direction:row}.card-photo img{position:absolute;inset:0;width:100%;height:100%}.hero-visual{padding-bottom:32px}.hero-detail{left:0;bottom:0;width:125px;padding:5px;transform:rotate(-5deg)}.hero-detail img{height:91px}.hero-detail figcaption{font-size:21px;padding:5px 4px 2px}.hero-detail figcaption span{display:none}.eyebrow{font-size:10px;letter-spacing:1.7px}.category{font-size:12px;padding-inline:15px}.search input{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card-photo img,.toast,.primary,.add-button,.category,.food-card,.bag-button{transition:none}}

/* Warm stucco, blue doors and brass, from the supplied brand references. */
.site-header{border-bottom:1px solid var(--line)}
.hero .eyebrow{color:var(--gold)}
.hero-band{border-bottom:4px solid var(--gold)}
.hero-photo{background:#093d50}
.section-heading .eyebrow,.card-category{color:var(--bougainvillea)}
.food-card{box-shadow:0 7px 24px #55381209}
.category[aria-pressed=true]{background:var(--blue);border-color:var(--blue)}
.advance-notice{margin:12px 0;padding:12px 14px;border-left:3px solid var(--gold);background:var(--cream);font-size:13px;font-weight:600}
.packshot{background:#fff}
.packshot img{object-fit:contain;padding:20px}
.cart-thumbnail.packshot img{padding:4px}
@media(max-width:600px){.announcement{font-size:10px;letter-spacing:.65px}.packshot img{padding:9px}.hero-photo{box-shadow:0 16px 36px #00121b55}}

.heritage{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-block:12px 76px}.heritage>img{border-radius:160px 160px 8px 8px;aspect-ratio:1.5;object-fit:cover;box-shadow:0 12px 35px #082f4018}.heritage h2{margin:18px 0 22px}.heritage>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:370px}.heritage-note{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:26px;font-size:10px;letter-spacing:1px;color:var(--bougainvillea)}@media(max-width:760px){.heritage{grid-template-columns:1fr;gap:28px;padding-block:0 44px}.heritage>img{border-radius:90px 90px 6px 6px}.heritage h2{font-size:43px}.heritage-note{font-size:9px}}

/* Cross-free edit of the owner-supplied Welcome artwork. */
.welcome-hero{background-image:linear-gradient(90deg,transparent 35%,#061e2a40 50%,#061e2adc 100%),url('assets/welcome-hero.webp');background-size:cover;background-position:center; background-repeat:no-repeat}
.welcome-hero .hero{display:flex;min-height:730px;padding-block:70px;justify-content:flex-end}
.welcome-hero .hero-copy{width:430px;max-width:44%;padding:28px 0 28px 22px}
.welcome-hero h1{font-size:clamp(52px,5.2vw,72px)}
.welcome-hero .hero-description,.welcome-hero .hero-footnote{color:#fff7e9}
@media(max-width:900px) and (min-width:641px){.welcome-hero .hero{min-height:650px}.welcome-hero .hero-copy{max-width:49%}.welcome-hero h1{font-size:52px}}
@media(max-width:640px){.welcome-hero{background-image:linear-gradient(180deg,transparent 0%,transparent 29%,#061e2a88 42%,#061e2a 59%),url('assets/welcome-hero.webp');background-size:100% 100%,auto 550px;background-position:center,12% top;background-color:#061e2a}.welcome-hero .hero{min-height:790px;align-items:flex-end;padding-block:370px 40px}.welcome-hero .hero-copy{width:100%;max-width:none;padding:0}.welcome-hero h1{font-size:clamp(46px,13.3vw,58px)}}

.photo-disclaimer{font-size:11px;line-height:1.65;color:var(--muted);padding:11px 13px;margin-top:14px;background:var(--cream);border-radius:6px}.supplied-photo img{object-fit:cover;background:transparent}.card-photo.supplied-photo img{padding:0}.product-image.supplied-photo{background:transparent}

.supplied-photo{position:relative;background:transparent}.photo-credit{position:absolute;bottom:7px;left:7px;max-width:calc(100% - 14px);padding:3px 6px;background:#fffaf1e8;color:var(--navy);border-radius:3px;font-size:9px;line-height:1.4}.menu-caption span:last-child{max-width:580px}@media(max-width:640px){.food-card{flex-direction:column}.card-photo{width:100%;height:220px;min-height:0}.card-content{padding:20px}.card-bottom{flex-direction:row;align-items:center}.add-button{width:auto}.menu-caption span:last-child{max-width:none}}

/* Rounded doorway silhouette inspired by the hero entrance. */
.food-card{border-radius:50% 50% var(--radius) var(--radius) / 145px 145px var(--radius) var(--radius)}

/* Blue doorway panels with quiet floral decoration. */
:root{--door-blue:#07384c;--glass-gold:#efd2a0;--panel-copy:#e8e2d5}
.card-content{position:relative;isolation:isolate;background:var(--door-blue);color:var(--paper);border-top:1px solid #e2b76f66}
.card-content::before{content:"";position:absolute;z-index:-1;inset:0;background:url('assets/bougainvillea-photo.webp') no-repeat right top;background-size:100px auto;opacity:.7;pointer-events:none}
.card-category{color:var(--gold)}
.card-content>p:not(.card-category),.card-content .card-price.pending{color:var(--panel-copy)}
.card-content .card-price{color:var(--paper)}
/* Translucent glass surfaces retain solid enough colour for readable labels. */
.primary,.add-button,.category,.bag-button,.secondary,.quantity button{backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);box-shadow:inset 0 1px 0 #ffffff50,0 4px 12px #082f4010;transition:background 160ms ease,box-shadow 160ms ease,transform 140ms var(--ease-out)}
.primary{background:linear-gradient(145deg,#174f62ed,#082f40ed);border-color:#688997;box-shadow:inset 0 1px 0 #ffffff38,0 4px 12px #082f401a}
.primary:hover{background:linear-gradient(145deg,#205d70,#103e50)}
.category,.bag-button,.secondary,.quantity button{background:linear-gradient(145deg,#fffaf1c9,#f5ebd9a6)}
.category[aria-pressed=true]{background:linear-gradient(145deg,#075577f0,#07384cf0);color:var(--paper)}
.card-content .add-button,.hero .primary{background:linear-gradient(145deg,#f5deb4ee,#e2b76fe6);color:var(--navy);border-color:#f7ddb2d9;box-shadow:inset 0 1px 0 #ffffff99,0 4px 14px #00121b25}
.card-content .add-button:hover,.hero .primary:hover{background:linear-gradient(145deg,#fbe7c5,#ebc384);color:var(--navy);border-color:var(--glass-gold)}
.card-content .add-button:focus-visible{outline-color:var(--gold);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.primary,.add-button,.category,.bag-button,.secondary,.quantity button{transition:none}}

.card-content::before{mask-image:linear-gradient(to right,transparent 66%,#000 94%);-webkit-mask-image:linear-gradient(to right,transparent 66%,#000 94%)}

.language-switcher{display:flex;align-items:center}.language-switcher select{min-height:44px;max-width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:22px;color:var(--navy);background:linear-gradient(135deg,#fffaf1ed,#fffaf1c9);box-shadow:inset 0 1px 0 #fff,0 3px 12px #061e2a0a;backdrop-filter:blur(12px);font:inherit;font-size:14px;cursor:pointer}.language-switcher select:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.language-switcher option{background:var(--cream);color:var(--navy)}
.site-header{flex-wrap:wrap;padding-block:18px;gap:16px}.site-header>.language-switcher{margin-inline-start:auto}
[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.45}[dir=rtl] .hero-copy{text-align:right}[dir=rtl] .card-content::before{transform:scaleX(-1)}[dir=rtl] .card-content>p{line-height:1.9}[dir=rtl] .cart-dialog{margin-inline-start:auto;margin-inline-end:0}[dir=rtl] input[type=tel],[dir=rtl] input[type=datetime-local]{direction:ltr;text-align:right}[dir=rtl] .wordmark{direction:ltr}[dir=rtl] .card-content h3{font-size:24px}
@media(max-width:640px){.site-header>.language-switcher{justify-content:center;margin:0}[dir=rtl] .welcome-hero h1{font-size:42px}}

.site-header>.language-switcher{display:flex}

[dir=rtl] body{font-family:Tahoma,Arial,sans-serif;font-size:16px}[dir=rtl] .card-content>p:not(.card-category){font-size:14px;line-height:1.9}[dir=rtl] .card-category,[dir=rtl] .eyebrow{font-size:12px;letter-spacing:0}[dir=rtl] .menu-caption,[dir=rtl] .launch-notice,[dir=rtl] .category{font-size:13px}

/* Keep hero copy on the dark right side independently of reading direction. */
.header-shell{background:var(--navy) url('assets/welcome-hero.webp') center 44%/cover;border-bottom:1px solid #e2b76f99;box-shadow:0 6px 24px #061e2a26;position:relative;isolation:isolate;z-index:2}
.header-shell::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#082f40ec,#062532dc);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%);z-index:-1}
.header-shell::after{content:'';position:absolute;inset:0;background:linear-gradient(165deg,#ffffff12,transparent 42%,#e2b76f08);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -1px 0 #ffffff10;pointer-events:none;z-index:-1}
.header-shell .site-header{display:grid;grid-template-columns:auto 1fr auto auto;gap:24px;min-height:108px;padding-block:20px;border-bottom:0;color:var(--cream)}
.site-header .wordmark{gap:5px;padding-inline-end:24px;border-inline-end:1px solid #e2b76f55}


.site-header nav{justify-self:center;gap:26px;font-size:13px;font-weight:500}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid transparent;transition:color 160ms ease,border-color 160ms ease}
.site-header nav a:hover{color:var(--gold);border-color:var(--gold)}
.site-header>.language-switcher{margin:0}
.site-header .language-switcher select,.site-header .bag-button{min-height:46px;border-color:#e2b76f66;background:linear-gradient(135deg,#ffffff17,#ffffff08);color:var(--cream);box-shadow:inset 0 1px 0 #ffffff22,0 4px 16px #0000000d}
.site-header .language-switcher select{font-size:13px;padding-inline:13px}
.site-header .bag-button{font-size:13px;padding:9px 16px;gap:9px;white-space:nowrap}
.site-header .bag-button:hover{border-color:var(--gold);background:#ffffff1c}
.site-header .count{background:var(--gold);color:var(--navy);font-weight:700}
.site-header a:focus-visible,.site-header button:focus-visible,.site-header select:focus-visible{outline-color:var(--gold)}
@media(max-width:1000px){.header-shell .site-header{gap:16px}.site-header .wordmark{padding-inline-end:16px}.site-header nav{gap:16px}.site-header .bag-button{padding-inline:12px}}
@media(max-width:900px){.header-shell .site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand language' 'navigation bag';gap:12px 14px;min-height:0;padding-block:18px}.site-header .wordmark{grid-area:brand;border:0;padding:0}.site-header nav{grid-area:navigation;display:flex;justify-self:start;gap:16px;font-size:12px}.site-header>.language-switcher{grid-area:language;justify-self:end}.site-header .language-switcher select{width:108px;font-size:12px;padding-inline:10px}.site-header .bag-button{grid-area:bag;justify-self:end;min-height:44px;font-size:12px;padding-inline:10px;gap:7px}.site-header .bag-button svg{width:18px}.site-header .count{min-width:22px;height:22px}.site-header .how-link{display:inline-flex}}
@supports not (backdrop-filter:blur(1px)){.header-shell::before{background:#082f40f5}}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}}
.welcome-hero .hero{direction:ltr}
[dir=rtl] .welcome-hero .hero-copy{direction:rtl}
@media(max-width:640px){.welcome-hero{background-image:linear-gradient(180deg,transparent 0,transparent 400px,#061e2a 550px),url('assets/welcome-hero.webp')}.welcome-hero .hero{min-height:0;padding-block:550px 40px;align-items:stretch}.welcome-hero .hero-copy{width:100%;max-width:none}}

.site-header .header-emblem{width:124px;height:96px;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 5px #00000033)}
.header-shell .site-header{padding-block:12px}
.offers-signup{margin-block:40px;display:grid;gap:24px;padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--paper),var(--cream));box-shadow:inset 0 1px 0 #fff,0 8px 28px #082f4008}.offers-signup h2{font-size:clamp(30px,4vw,42px);margin-block:12px 16px;line-height:1.12}.offers-signup p:not(.eyebrow){max-width:560px}.offers-actions{display:grid;align-content:center;justify-items:start;gap:12px}.offers-actions .fine{color:var(--muted)}.offers-actions .primary[hidden]{display:none}.whatsapp-contact{overflow-wrap:anywhere;min-height:44px;display:inline-flex;align-items:center}.offers-signup .primary{gap:0}
@media(min-width:900px){.offers-signup{grid-template-columns:1.5fr 1fr;padding:36px;gap:48px}}
@media(max-width:900px){.site-header .header-emblem{width:104px;height:80px}.header-shell .site-header{padding-block:12px;gap:8px 14px}}
.option[hidden]{display:none}

/* Order cards stay legible and shareable on mobile. */
#preview-order-card{width:100%;margin-bottom:12px}
.order-card-dialog{width:min(100% - 24px,640px)}
#order-card-preview{display:grid;gap:16px;margin:18px 0}
#order-card-preview img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--gold)}
.order-card-actions,#order-card-downloads{display:grid;gap:12px}
.order-card-actions [hidden]{display:none}
#order-card-downloads{margin-top:12px}
.footer-copyright{margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}
.footer-copyright p:first-child{font-weight:600;color:var(--navy);margin-bottom:6px}

/* Product personalisation: tactile options and a clear purchase footer. */
.product-dialog{width:min(540px,calc(100% - 24px));padding:24px;border:1px solid #d8bb8580;border-radius:24px;background:linear-gradient(155deg,#fffaf0,#f5edde);box-shadow:0 28px 90px #00131c66;scrollbar-width:thin;scrollbar-color:#a88a5c transparent;scroll-padding-block:72px 160px}
.product-dialog .dialog-top{position:sticky;top:-24px;z-index:2;margin:-24px -24px 20px;padding:14px 24px;background:#fff8ebf2;border-bottom:1px solid #d8bb8550;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.product-dialog .dialog-top .text-button{min-height:44px;padding-inline:16px;border:1px solid #a88a5c55;border-radius:24px;font-size:12px}
.product-dialog .dialog-top .eyebrow{font-family:var(--serif);font-size:23px;letter-spacing:.1px;text-transform:none;line-height:1.2}
.product-dialog .product-image{border-radius:100px 100px 16px 16px;overflow:hidden;margin-bottom:22px}
.product-dialog h2{font-size:42px;line-height:1.08;letter-spacing:-.7px;margin-bottom:12px}
.product-dialog .product-description{font-size:14px;line-height:1.75;color:#4f6268}
.product-dialog .photo-disclaimer{padding:12px 14px;margin-block:18px;background:#eadfc966;border:1px solid #d8bb8533;border-radius:12px;font-size:11px;line-height:1.7;color:#536168}
.product-dialog fieldset{margin-block:26px}
.product-dialog legend{font-size:14px;color:var(--navy);letter-spacing:.1px;margin-bottom:12px}
.product-dialog .option{min-height:58px;padding:12px 14px;margin-block:10px;border:1px solid #cdbb9b;border-radius:14px;background:#fffaf2;box-shadow:0 2px 7px #082b3905;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.product-dialog .option>span{font-size:13px;font-weight:500;line-height:1.5}
.product-dialog .option input{flex:0 0 20px;width:20px;height:20px;margin:0;accent-color:#0b3c4e}
.product-dialog .option small{flex-shrink:0;padding:5px 8px;border-radius:8px;background:#eee4d0;color:#344c54;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}
.product-dialog .option:has(input:checked){border-color:#b99045;background:#103b4b;color:#fff6e7;box-shadow:inset 0 1px 0 #ffffff20,0 4px 12px #082b3915}
.product-dialog .option:has(input:checked) input{accent-color:#e9c780}
.product-dialog .option:has(input:checked) small{background:#e9c780;color:#082b39}
.product-dialog .option:focus-within{outline:2px solid #a77223;outline-offset:3px}
.product-purchase{position:sticky;bottom:-24px;z-index:1;margin:28px -24px -24px;padding:16px 24px 24px;border-top:1px solid #b9904566;border-radius:20px 20px 0 0;background:#fff8edf5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -8px 26px #082b390d}
.product-price-summary{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.product-price-label{font-size:12px;color:#4f6268}
.product-dialog .product-price{margin:0;font-size:27px;font-weight:700;letter-spacing:-.7px;line-height:1.2;color:var(--navy);font-variant-numeric:tabular-nums}
.product-dialog .product-actions{display:grid;grid-template-columns:124px minmax(0,1fr);gap:12px;margin:0;align-items:center}
.product-dialog .product-actions .primary{min-height:52px;padding:12px;font-size:13px;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff33,0 4px 12px #082b391a;white-space:normal}
.product-dialog .product-actions .quantity{width:124px;justify-content:space-between;gap:4px;padding:3px;border:1px solid #cdbb9b;border-radius:12px;background:#fffaf2}
.product-dialog .product-actions .quantity button{width:38px;height:44px;min-width:38px;border:0;background:transparent;border-radius:8px}
.product-dialog .product-actions .quantity output{font-size:14px;font-weight:600;min-width:24px;text-align:center}
@media(prefers-reduced-motion:reduce){.product-dialog .option{transition:none}}
#address-confirmation{margin-block:0 20px;padding:14px;border:1px solid var(--line);border-radius:12px}
#address-confirmation[hidden]{display:none}
#review-address{width:100%;margin-bottom:14px;font-size:12px}
#checkout-form .address-confirm-check{display:flex;align-items:flex-start;gap:10px;margin:0;line-height:1.6}
#checkout-form .address-confirm-check input{flex:0 0 20px;width:20px;height:20px;margin-top:3px;accent-color:var(--navy)}

.site-header nav .offers-nav-link{color:#ffe2a0;background:#082b39c9;border:1px solid #e2b76faa;border-radius:24px;padding:0 12px;font-size:11px;letter-spacing:.5px;box-shadow:inset 0 1px 0 #ffffff24,0 3px 12px #00131c22}
.site-header nav .offers-nav-link:hover{color:#fff4d5;background:#143e4e}
.offers-reminder{width:min(480px,calc(100% - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:28px;border:1px solid var(--gold);border-radius:24px;background:var(--cream);color:var(--navy);box-shadow:0 24px 80px #00131c66}
.offers-reminder h2{font-size:clamp(30px,7vw,40px);line-height:1.15;margin:20px 0}
.offers-reminder>p{font-size:14px;line-height:1.7;margin:16px 0}
.offers-reminder>p.fine{font-size:12px}
.offers-reminder>.primary,.offers-reminder>.secondary{width:100%;margin-block:8px}
.offers-reminder>[hidden]{display:none}
@media(max-width:900px){
  .header-shell .site-header{grid-template-columns:minmax(54px,1fr) auto auto;grid-template-areas:'brand language bag' 'navigation navigation navigation';gap:6px 8px}
  .site-header .header-emblem{width:64px;height:50px}
  .site-header .language-switcher select{width:92px}
  .site-header nav{justify-self:center;justify-content:center;flex-wrap:wrap;gap:4px 8px}
  .site-header nav a{font-size:11px}
  .site-header nav .offers-nav-link{padding-inline:10px;letter-spacing:0}
}

/* Desktop: a floating glass navigation over a full-height doorway. */
@media(min-width:901px){
  .announcement{position:absolute;inset:0 0 auto;z-index:3;background:#082b39cc}
  .header-shell{position:fixed;inset:46px 24px auto;width:min(1360px,calc(100% - 48px));margin-inline:auto;border:1px solid #f3d69c66;border-radius:24px;background:transparent;box-shadow:0 12px 36px #00131c30;z-index:4}
  .header-shell::before{border-radius:inherit;background:linear-gradient(120deg,#082b398c,#082b39a6);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}
  .header-shell::after{border-radius:inherit;background:linear-gradient(145deg,#ffffff20,transparent 50%,#e2b76f0c)}
  .header-shell .site-header{width:calc(100% - 48px);min-height:92px;padding-block:8px;gap:20px}
  .site-header .header-emblem{width:100px;height:76px}
  .site-header nav{gap:8px}
  .site-header nav a{padding:0 16px;border-radius:24px;background:#082b3966;border:1px solid #ffffff20}
  .site-header .language-switcher select,.site-header .bag-button{background:#082b3980}
  .welcome-hero{background-attachment:fixed;background-position:center top}
  .welcome-hero .hero{width:min(1440px,calc(100% - 120px));min-height:100vh;min-height:100svh;padding-block:172px 64px;align-items:center}
  .welcome-hero .hero-copy{width:540px;max-width:42%;padding:0 0 0 24px}
  .welcome-hero h1{font-size:clamp(52px,4.4vw,76px)}
  #menu,#how,#offers{scroll-margin-top:156px}
}
@media(min-width:901px) and (prefers-reduced-motion:reduce){.welcome-hero{background-attachment:scroll}}
.menu-view-switch{display:none}
.continue-shopping{width:100%;margin:18px 0 8px}
.minimum-order-note{margin:0 0 12px;font-size:12px;color:var(--navy);font-weight:600}
.minimum-cart-notice{padding:12px 14px;border:1px solid #b15c3c55;border-radius:10px;background:#f6e8d7;color:#794229;font-size:13px;margin-top:16px}
.minimum-cart-notice.reached{background:#eaf0e7;border-color:#50684b55;color:#33482e}
.cart-suggestions{padding:18px 0 24px;border-bottom:1px solid var(--line);margin-bottom:24px}
.cart-suggestions h3{font:500 28px/1.15 var(--serif);margin-bottom:8px}
.suggestion-group{margin-top:20px}
.suggestion-group-title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--navy)}
.suggestion-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.suggestion{display:flex;flex-direction:column;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 4px 12px #07384c08}
.suggestion-photo{width:100%;height:110px;flex-shrink:0;overflow:hidden}
.suggestion-photo img{width:100%;height:100%;object-fit:cover}
.suggestion-drink .suggestion-photo{background:#f1eadc}
.suggestion-drink .suggestion-photo img{object-fit:contain;padding:8px}
.suggestion>div:last-child{min-width:0;flex:1;display:flex;flex-direction:column;width:100%;padding:12px}
.suggestion h5{font:600 21px/1.15 var(--serif);margin:0 0 8px;color:var(--navy);overflow-wrap:anywhere}
.suggestion-price{font-size:13px;font-weight:600;margin-bottom:10px}
.suggestion button{min-height:44px;padding:9px 6px;font-size:11px;width:100%;margin-top:auto}
@media(max-width:640px){
  .header-shell{background-image:url('assets/welcome-hero-mobile.webp')}
  .welcome-hero{background-image:linear-gradient(180deg,transparent 0,transparent 245px,#061e2a 320px),url('assets/welcome-hero-mobile.webp');background-size:100% 100%,auto 320px}
  .welcome-hero .hero{padding-block:320px 28px}
  .welcome-hero h1{font-size:clamp(38px,10.8vw,46px);margin:12px 0 16px}
  .welcome-hero .hero-description{line-height:1.6}
  .welcome-hero .primary{margin-top:18px}
  .welcome-hero .hero-footnote{margin-top:13px}
}
.mobile-bag.floating-cart{display:flex;position:fixed;z-index:5;isolation:isolate;left:auto;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:64px;height:64px;min-height:64px;align-items:center;justify-content:center;padding:0;border:1px solid #f9e4bb9c;border-radius:50%;background:linear-gradient(145deg,#b8d9e03b 0%,#0a3549ba 46%,#032334cc 100%);color:#fffaf1;box-shadow:inset 0 2px 2px #ffffff73,inset 0 -2px 4px #001c3440,0 8px 24px #03233438,0 2px 5px #03233424;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);transition:transform 160ms var(--ease-out),box-shadow 160ms var(--ease-out)}
.floating-cart::before{content:"";position:absolute;inset:3px;border-radius:inherit;border:1px solid #ffffff26;background:linear-gradient(145deg,#ffffff42,transparent 45%,transparent 70%,#e2b76f14);pointer-events:none}
.floating-cart svg{position:relative;width:27px;height:27px;stroke-width:1.7;filter:drop-shadow(0 1px 2px #001b32a6)}
.mobile-bag.floating-cart .floating-cart-count{position:absolute;top:-4px;right:-2px;display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:1px solid #fff4dcb3;border-radius:50%;background:linear-gradient(145deg,#f5dfb7f5,#d6aa68f2);color:var(--navy);font-size:11px;font-weight:600;box-shadow:inset 0 1px 1px #fff9,0 2px 5px #03233430}
.floating-cart:active{transform:scale(.96)}
.floating-cart:focus-visible{outline-color:var(--gold);outline-offset:5px}
@media(hover:hover){.floating-cart:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px #ffffff8c,inset 0 -2px 4px #001c3440,0 11px 28px #03233445}}
@media(prefers-reduced-motion:reduce){.mobile-bag.floating-cart{transition:none}.floating-cart:active,.floating-cart:hover{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.mobile-bag.floating-cart{background:linear-gradient(145deg,#366578,#072c3c)}}
.menu-tools{position:relative}
.product-navigation{display:flex;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:4;padding:10px 0 14px;background:var(--cream)}
.product-navigation button{min-height:44px;padding:10px 22px;border:1px solid #07384c35;border-radius:28px;background:linear-gradient(145deg,#fffaf1e8,#f5ead5cc);color:var(--navy);font-size:12px;font-weight:600;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 #fff9,0 3px 10px #07384c0a}
.product-navigation button:hover{background:var(--door-blue);color:var(--paper)}
.food-grid{scroll-margin-top:76px;scroll-margin-bottom:24px}
@media(min-width:901px){.product-navigation{top:152px}.food-grid{scroll-margin-top:228px}}
@media(max-width:640px){.food-grid{scroll-margin-bottom:110px}}
@media(max-width:640px){
  .menu-view-switch{display:flex;width:fit-content;margin:0 0 18px auto;padding:4px;gap:4px;border:1px solid var(--line);border-radius:30px;background:#fffaf180;box-shadow:inset 0 1px 0 #fff9}
  .menu-view-switch button{min-height:44px;padding:9px 18px;border:1px solid transparent;border-radius:24px;background:transparent;font-size:12px;font-weight:600}
  .menu-view-switch button[aria-pressed=true]{background:var(--door-blue);color:var(--paper);border-color:#e2b76f66;box-shadow:0 3px 9px #07384c20}
  .food-grid[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .food-grid[data-view=grid] .food-card{border-radius:50% 50% 12px 12px / 82px 82px 12px 12px}
  .food-grid[data-view=grid] .card-photo{height:156px}
  .food-grid[data-view=grid] .card-content{padding:14px 11px}
  .food-grid[data-view=grid] .card-category{font-size:9px;letter-spacing:.4px}
  .food-grid[data-view=grid] .card-content h3{font-size:23px;line-height:1.15;overflow-wrap:anywhere}
  .food-grid[data-view=grid] .card-content>p:not(.card-category){font-size:11px;line-height:1.6}
  .food-grid[data-view=grid] .card-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:16px}
  .food-grid[data-view=grid] .add-button{width:100%;font-size:11px;padding-inline:5px}
  .food-grid[data-view=list]{grid-template-columns:1fr;gap:14px}
  .food-grid[data-view=list] .food-card{flex-direction:row;border-radius:16px}
  .food-grid[data-view=list] .card-photo{width:105px;height:auto;min-height:180px;flex-shrink:0}
  .food-grid[data-view=list] .card-content{padding:16px 14px;border-top:0;min-width:0}
  .food-grid[data-view=list] .card-content h3{font-size:25px;line-height:1.15;overflow-wrap:anywhere}
  .food-grid[data-view=list] .card-content>p:not(.card-category){font-size:12px;line-height:1.6}
  .food-grid[data-view=list] .card-bottom{flex-direction:column;align-items:stretch;gap:10px;padding-top:16px}
  .food-grid[data-view=list] .add-button{width:100%}
  .food-grid .empty-results{grid-column:1/-1}
  [dir=rtl] .menu-view-switch{margin-inline-start:auto;margin-inline-end:0}
  [dir=rtl] .food-grid[data-view=grid] .card-content h3{font-size:19px;line-height:1.5}
  [dir=rtl] .food-grid[data-view=grid] .card-category{font-size:10px}
}
@supports not (backdrop-filter:blur(1px)){
  @media(min-width:901px){.header-shell::before{background:#082b39eb}}
}

.tip-panel{margin-block:24px;padding:18px;border:1px solid var(--gold);border-radius:16px;background:#f2eadc}.tip-panel h3{margin:0 0 8px}.tip-panel select{width:100%;min-height:48px;padding:12px;border:1px solid #877252;border-radius:10px;background:#fffaf0;color:var(--navy);font:inherit}.tip-summary{display:flex;justify-content:space-between;margin-block:16px;font-size:14px}.tip-order-total{margin:0;border-top:1px solid #cdbb9e;padding-top:14px}
/* Local information remains visible and readable on mobile and desktop. */
.local-cuisine{padding-block:32px 48px;border-top:1px solid var(--line)}
.local-cuisine h2{font:600 clamp(30px,5vw,44px)/1.15 var(--serif);margin-bottom:20px}
.local-cuisine>p{max-width:760px;font-size:14px;line-height:1.8;margin-bottom:16px;color:var(--navy)}
.local-contact,.locale-links{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:16px}
.local-contact a,.locale-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:4px;color:var(--navy)}