/* Madafoka public visual system. Loaded after the existing component styles. */
:root{
  --bg:#f3f0e7;--fg:#121714;--muted:#535d52;--line:#9ca99a;
  --surface:#e8e7dc;--accent:#0ae51b;--accent-text:var(--accent);
  --radius:2px;--radius-lg:4px;--space-1:8px;--space-2:16px;
  --space-3:24px;--space-4:40px;--space-5:64px;--space-6:96px;
  --stroke:1px solid var(--fg);--display:'Barlow Condensed',Impact,sans-serif;
  --body:'DM Sans',Arial,sans-serif;--ease-out:cubic-bezier(.22,1,.36,1);
  --shadow-soft:5px 5px 0 var(--fg);color-scheme:light;
}
html[data-theme=dark]{
  --bg:#101611;--fg:#f3f0e7;--muted:#b2bfb0;--line:#5a6b5c;
  --surface:#1e2920;--accent:#0ae51b;--accent-text:#36f65a;
  --shadow-soft:5px 5px 0 #00d820;color-scheme:dark;
}
html{overflow-x:clip;scroll-padding-top:96px}
body{overflow-x:clip;background:var(--bg);font-family:var(--body)}
main{animation:none}
p{line-height:1.55}
::selection{background:var(--accent);color:#101710}
.wrap{width:min(1480px,calc(100% - 100px))}
.eyebrow{font-size:.72rem;font-weight:900;letter-spacing:.18em}
.site-topbar{border-bottom:2px solid var(--fg);background:var(--bg)}
.header{border:0;background:var(--bg)}
.nav{height:82px;gap:22px}
.brand{display:inline-flex;align-items:center;flex:none;width:175px;height:60px;font-size:0;line-height:0;transform:none!important}
.brand-intro .header .brand{display:inline-flex;animation:none}
.brand-wordmark{width:100%;height:auto;object-fit:contain}
.brand-wordmark--dark,html[data-theme=dark] .brand-wordmark--light{display:none}
html[data-theme=dark] .brand-wordmark--dark{display:block}
.footer .brand-wordmark--light{display:none}
.footer .brand-wordmark--dark{display:block}
.header .navlinks{gap:clamp(5px,1.3vw,24px);padding:0;border:0;border-radius:0;background:none}
.navlinks a{padding:12px 2px;border-bottom:2px solid transparent;border-radius:0;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.navlinks a:hover{transform:none;border-bottom-color:var(--accent-text)}
.navlinks a[aria-current=page]{padding:12px 2px;border-radius:0;border-bottom-color:var(--accent-text);background:none;color:var(--fg)}
.nav-actions{gap:10px}
.language-switch,.theme{border-color:var(--line);border-radius:2px;background:transparent}
.language-switch button{border-radius:1px}
.theme{width:39px;height:39px}
.nav-cta,.button{min-height:49px;border:2px solid #101710;border-radius:2px;background:var(--accent);color:#101710;box-shadow:4px 4px 0 #101710;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.nav-cta{min-height:40px;padding:9px 17px;font-size:.75rem}
.button:hover,.nav-cta:hover{background:#101710;color:var(--accent);box-shadow:2px 2px 0 var(--accent);transform:translate(2px,2px)}
.button:active,.nav-cta:active{transform:translate(4px,4px);box-shadow:none}
.hero-secondary{border:0;border-bottom:2px solid var(--fg);border-radius:0;background:none;box-shadow:none;text-transform:uppercase;font-size:.78rem;letter-spacing:.07em;font-weight:900}
.hero-secondary:hover{border-color:var(--accent-text);background:none;box-shadow:none}
.has-arrow .ui-arrow{stroke-width:2.4}

/* Opening spread */
.hero{position:relative;padding:0 0 var(--space-4)}
.hero:before{display:none}
.hero-top{align-items:center;margin:0;padding:15px 0;border-bottom:1px solid var(--fg)}
.hero-top .edition{font-style:normal;font-weight:900;color:var(--accent-text)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:stretch;gap:0;min-height:clamp(590px,63vw,780px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:40px clamp(20px,5vw,78px) 48px 0}
.hero-marker{display:inline-flex;align-items:center;gap:14px;margin-bottom:clamp(30px,6vw,70px);font:900 .73rem/1 var(--body);letter-spacing:.18em;white-space:nowrap}
.hero-marker svg{width:90px;height:22px;overflow:visible;fill:none;stroke:var(--accent-text);stroke-width:4;stroke-linecap:round}
.hero h1.hero-slogan{width:100%;max-width:none;margin:0 0 32px;font:900 clamp(5.5rem,9.9vw,10.4rem)/.76 var(--display);letter-spacing:-.06em;text-transform:uppercase;text-wrap:nowrap}
.hero h1.hero-slogan span{display:block;width:max-content;max-width:100%;margin:7px 0 9px;color:var(--accent);filter:none;transform:rotate(-3deg);transform-origin:left center}
.hero-copy>p{max-width:34ch;margin:0 0 30px;color:var(--fg);font-size:clamp(.98rem,1.4vw,1.2rem);font-weight:600}
.hero-bottom{gap:25px}
.hero-bottom .small{max-width:135px;color:var(--muted);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.hero-logo{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:100%;aspect-ratio:auto;margin:0;overflow:hidden;background:#0b110d;color:#e9ffdf}
.hero-logo:before{content:'';position:absolute;inset:20px;border:1px solid #37e84170;border-radius:0;transform:none;background:none}
.hero-logo:after{content:'FOCA';position:absolute;inset:auto -4% -12%;font:900 clamp(10rem,22vw,26rem)/.8 var(--display);letter-spacing:-.08em;color:#18361d;pointer-events:none}
.hero-logo img.hero-hand{position:relative;z-index:1;width:min(105%,730px);max-height:none;height:auto;object-fit:contain;transform:rotate(-8deg) translateY(4%);filter:none;transition:transform .6s var(--ease-out)}
.hero-logo:hover img.hero-hand{transform:rotate(-4deg) translateY(1%)}
.hero-art-index,.hero-art-caption{position:absolute;z-index:2;left:40px;font-size:.67rem;font-weight:900;letter-spacing:.2em}
.hero-art-index{top:42px}.hero-art-caption{bottom:45px}
.hero-foot{margin:0;padding:18px 0;border-top:1px solid var(--fg);font-weight:900;color:var(--fg)}
.ticker{padding:12px 0;border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);background:var(--accent);color:#101710}
.ticker-track{animation-duration:44s}
.ticker span{font-size:1.55rem;font-weight:900;letter-spacing:.04em}
.ticker b{color:#101710}
.motion-pause{border:1px solid #101710;border-radius:2px;background:#101710;color:var(--accent)}

/* Home rhythm and editorial menu */
.section{padding-block:var(--space-6)}
.section-head{margin-bottom:var(--space-4);padding-bottom:20px;border-bottom:1px solid var(--fg)}
.section h2,.page-title{font:900 clamp(4.5rem,8.8vw,9rem)/.82 var(--display);letter-spacing:-.055em}
.section-head h2{max-width:10ch}
.text-link{font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;border-bottom:2px solid var(--fg)}
.text-link:hover{color:var(--accent-text);border-color:var(--accent-text)}
#home-menu-cards.cards,#public-menu-cards.cards{border-top:0}
.editorial-item{grid-template-columns:clamp(30px,5vw,72px) minmax(0,1fr) auto;padding:clamp(28px,4vw,55px) 0;border-bottom:1px solid var(--fg);transition:padding .25s var(--ease-out),background-color .2s}
.editorial-item:first-child{border-top:0}
.editorial-item:hover{padding-left:18px;background:color-mix(in srgb,var(--accent) 8%,var(--bg))}
.editorial-number{padding-top:8px;font:900 .85rem/1 var(--body);letter-spacing:.12em}
.editorial-copy h3{font:900 clamp(3.4rem,6.8vw,7rem)/.82 var(--display);letter-spacing:-.045em;margin-bottom:16px}
.editorial-copy p{max-width:55ch;color:var(--fg)}
.editorial-copy .menu-product-fact{max-width:62ch;color:var(--muted)}
.menu-diet-badge,.editorial-unavailable{border-radius:0}
.editorial-price{font:900 clamp(2rem,4vw,4rem)/.85 var(--display)}
.editorial-order{padding-bottom:5px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.editorial-item.is-unavailable{opacity:1}
.editorial-item.is-unavailable .editorial-copy h3,.editorial-item.is-unavailable .editorial-price{opacity:.52}
.brand-poster{overflow:hidden;background:var(--accent);color:#101710}
.brand-poster-inner{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(400px,51vw,650px);padding-block:30px 40px}
.brand-poster-index{position:relative;z-index:2;align-self:flex-start;border-bottom:1px solid #101710;padding-bottom:9px;font-size:.7rem;font-weight:900;letter-spacing:.2em}
.brand-poster-index span{font-style:italic}
.brand-poster p{position:relative;z-index:2;max-width:11ch;margin:0;font:900 clamp(4.8rem,11vw,12rem)/.82 var(--display);letter-spacing:-.045em;text-transform:uppercase}
.brand-poster img{position:absolute;right:-12%;bottom:-42%;width:min(65%,850px);height:auto;transform:rotate(14deg);opacity:.95}
.about-teaser{padding-block:var(--space-6);border:0;gap:clamp(40px,8vw,130px)}
.about-teaser .big-copy{font:900 clamp(3.8rem,7vw,7rem)/.86 var(--display);letter-spacing:-.045em}
.about-teaser .big-copy span{color:var(--accent-text)}
.about-teaser .body{align-self:center;padding:0;border-radius:0;background:none}
.about-teaser .body p{color:var(--fg);font-size:1.08rem}
.visit-band{padding-block:var(--space-5);border-top:2px solid #101710;background:var(--accent)}
.visit-band:after{opacity:.08}
.visit-band .brand-slogan{font:900 clamp(5rem,9vw,10rem)/.8 var(--display);letter-spacing:-.05em}
.visit-band .button{border-color:#101710;background:#101710;color:var(--accent);box-shadow:4px 4px 0 #f3f0e7}
.visit-band .button:hover{background:#f3f0e7;color:#101710}

/* Public page introductions and brand illustration */
.page-head{min-height:clamp(330px,37vw,550px);padding-block:clamp(55px,7vw,110px);border-bottom:2px solid var(--fg)}
.page-head:after{right:0;bottom:25px;width:clamp(160px,27vw,340px);height:clamp(54px,9vw,115px);border:0;border-radius:0;background:url('/assets/brand-wordmark-green.png') center/contain no-repeat;transform:rotate(-7deg);opacity:1}
html[data-theme=light] .page-head:after{background-image:url('/assets/brand-wordmark-black.png');opacity:.14}
.page-head .page-title{position:relative;z-index:1;max-width:12ch;margin-top:28px}
.page-menu .page-head:before,.page-order .order-heading:before{content:'';position:absolute;right:5%;top:15%;width:clamp(86px,11vw,155px);aspect-ratio:1;background:url('/assets/madafoka-mf-sticker.png') center/contain no-repeat;transform:rotate(12deg);opacity:.82;pointer-events:none}
.page-head>p{position:relative;z-index:1;max-width:55ch;margin-top:28px;color:var(--fg);font-size:1.08rem}
.draft-label{border-radius:0;border-color:var(--fg);color:var(--fg);font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.menu-page{padding-top:var(--space-5)}
.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(40px,8vw,140px);padding-top:var(--space-6)}
.story-grid .story-art{display:flex;align-items:center;justify-content:center;min-height:clamp(460px,48vw,650px);border:2px solid var(--fg);border-radius:0;background:var(--accent);color:#101710}
.story-art:before{display:none}
.story-art img{position:relative;z-index:1;width:98%;height:auto;max-height:660px;object-fit:contain;transform:rotate(-10deg) translateY(10%)}
.story-art-label,.story-art-foot{position:absolute;z-index:2;left:25px;font-size:.65rem;font-weight:900;letter-spacing:.16em}
.story-art-label{top:25px}.story-art-foot{bottom:25px}
.story-grid h2{font:900 clamp(4rem,6vw,7rem)/.86 var(--display);letter-spacing:-.045em}
.story-grid p{color:var(--fg)}
.principles{gap:0;padding-top:var(--space-6)}
.principles article{padding:25px clamp(14px,3vw,42px) 15px;border-top:2px solid var(--fg);border-right:1px solid var(--line)}
.principles article:first-child{padding-left:0}
.principles article:last-child{border-right:0}
.principles h3{font:900 clamp(2.5rem,3.5vw,4rem)/.9 var(--display)}
.principles p{color:var(--fg)}
.location-feature{border:2px solid var(--fg);border-radius:0;background:#101710}
.location-details h2{font:900 clamp(5.4rem,9vw,10rem)/.76 var(--display);letter-spacing:-.05em}
.location-map iframe{filter:grayscale(1) contrast(1.12)}
.location-map-top{border:1px solid #36f65a;border-radius:0}
.contact-follow>div{border-top:2px solid var(--fg)}
.contact-follow h2{font:900 clamp(2.8rem,4vw,4.5rem)/.9 var(--display);text-transform:uppercase}

/* Checkout as a printed order sheet */
.order-page{max-width:1340px;padding-top:var(--space-5)}
.order-heading{padding:0 0 var(--space-4);border-radius:0;border-bottom:2px solid var(--fg);background:none}
.order-heading h1{max-width:12ch;font:900 clamp(4.5rem,8vw,9rem)/1 var(--display);letter-spacing:-.04em;overflow-wrap:normal}
.order-heading>p{max-width:60ch;color:var(--fg)}
.demo-notice{border:0;border-left:4px solid var(--accent-text);border-radius:0;background:var(--surface);font-weight:800}
.order-step,.order-methods{border-top:2px solid var(--fg);padding-block:var(--space-4)}
.order-step:first-child{border-top:0}
.step-heading{gap:18px;margin-bottom:var(--space-4)}
.step-heading>span{width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--accent-text);font:900 1rem/1 var(--body)}
.step-heading h2,.order-methods-heading h2,.delivery-options h2{font:900 clamp(3.2rem,5vw,5.8rem)/.86 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.order-method-grid{gap:20px}
.order-method{min-height:295px;padding:30px;border:2px solid var(--fg);border-radius:0;background:var(--surface);box-shadow:4px 4px 0 var(--fg)}
.order-method:hover{border-color:var(--fg);background:var(--accent);box-shadow:2px 2px 0 var(--fg);transform:translate(2px,2px)}
.order-method strong{font:900 clamp(3.3rem,5vw,6rem)/.85 var(--display);letter-spacing:-.04em}
.order-method b{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.order-products{counter-reset:foca;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.order-product{counter-increment:foca;min-height:265px;padding:25px;border:1px solid var(--fg);border-radius:0;background:var(--bg);box-shadow:none}
.order-product:before{inset:0 0 auto;width:100%;height:4px;transform:scaleX(0);transform-origin:left}
.order-product:after{content:counter(foca,decimal-leading-zero);position:absolute;top:25px;right:24px;font-size:.72rem;font-weight:900;color:var(--accent-text)}
.order-product:hover{border-color:var(--fg);box-shadow:var(--shadow-soft);transform:translate(-2px,-2px)}
.order-product.selected{background:color-mix(in srgb,var(--accent) 10%,var(--bg));box-shadow:inset 0 0 0 1px var(--fg)}
.order-product.selected:before{transform:scaleX(1)}
.product-choice{padding-right:30px}
.product-choice strong{font:900 clamp(2.5rem,3.2vw,4rem)/.84 var(--display);letter-spacing:-.03em;text-transform:uppercase}
.product-description{color:var(--fg)}
.product-tag{border:0;border-radius:0;background:none;padding:0;color:var(--accent-text);text-transform:uppercase}
.product-price{font:900 1.9rem/.9 var(--display)}
.quantity{border-radius:0;border-color:var(--fg)}
.quantity button{border-radius:0}
.extras-group,.pickup-time-choice{border:1px solid var(--fg);border-radius:0;background:var(--bg)}
.extras-options label,.pickup-time-options label{border-radius:0;background:var(--surface)}
.extras-options label:has(input:checked),.pickup-time-options label:has(input:checked){border-color:var(--fg);background:var(--accent);color:#101710;box-shadow:inset 0 0 0 1px var(--fg)}
.extras-options label:has(input:checked) small{color:#101710}
.customer-fields input,#order-comment{border-color:var(--fg);border-radius:0;background:var(--bg)}
.customer-fields input:focus,#order-comment:focus{box-shadow:4px 4px 0 var(--accent)}
.order-summary{padding:clamp(22px,4vw,52px);border:2px solid var(--fg);border-radius:0;background:var(--surface);box-shadow:5px 5px 0 var(--fg)}
.order-summary:before{height:6px}
.order-summary .step-heading>span{background:none;color:var(--accent-text)}
.order-total{border:0;border-top:2px solid var(--fg);border-radius:0;background:none}
.order-total output{font:900 clamp(2.5rem,5vw,5rem)/.85 var(--display);color:var(--fg)}
.order-submit{min-height:62px;border:2px solid #101710;border-radius:0;background:var(--accent);color:#101710;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.order-submit:not(:disabled):hover{background:#101710;color:var(--accent);transform:translateY(-2px)}
.order-submit:disabled{opacity:.45}
.order-feedback,.online-order-notice,.order-confirmation,.delivery-options{border-radius:0}
.order-confirmation{background:var(--bg)}
.pickup-slot-window,.pickup-slot-trigger,.pickup-time-options label{border-radius:0}
.pickup-slot-grid button{border-radius:0}
.pickup-slot-grid button[aria-pressed=true]{border-color:#101710;box-shadow:inset 0 0 0 1px #101710}
.discount-box{padding:20px;border:1px solid var(--fg);border-radius:0;background:var(--bg)}
.discount-input-row input{border:1px solid var(--fg);border-radius:0;background:var(--bg);color:var(--fg)}
.discount-input-row button,#discount-remove{border-radius:0;background:var(--surface);font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}
.discount-input-row button:hover,#discount-remove:hover{background:var(--accent);color:#101710}
.order-feedback--success{border-color:#087a21;border-left:5px solid #087a21;border-radius:0;background:#e1f7dd;color:#12551f}
.order-feedback--error{border-left:5px solid #ad3029}
html[data-theme=dark] .order-feedback--success{background:#18371c;color:#d7f6d4}

/* Cart */
.cart-widget__panel{border-radius:0;background:#f3f0e7}
.cart-widget__panel:before{background:var(--accent)}
.cart-widget__close,.cart-widget__checkout{border-radius:0;background:var(--accent)}
.cart-widget__foot{background:#e6eddf}

/* The footer closes every public page without a trailing blank area. */
.footer.wrap{width:100%;max-width:none;margin:0;padding:0;background:#101710;color:#f3f0e7}
.footer-poster{position:relative;min-height:clamp(440px,49vw,720px);overflow:hidden;padding:clamp(30px,4vw,65px) max(50px,calc((100vw - 1480px)/2));border-top:2px solid var(--accent)}
.footer-poster>span{display:block;border-bottom:1px solid #f3f0e766;padding-bottom:10px;color:var(--accent);font-size:.75rem;font-weight:900;letter-spacing:.18em}
.footer-poster strong{position:relative;z-index:1;display:block;max-width:1100px;margin-top:clamp(45px,7vw,100px);font:900 clamp(5.4rem,12vw,15rem)/.75 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.footer-poster img{position:absolute;right:-3%;bottom:-5%;width:min(52%,750px);height:auto;transform:rotate(-8deg);opacity:.95}
.footer-top,.footer-bottom{width:min(1480px,calc(100% - 100px));margin-inline:auto}
.footer-top{align-items:start;padding:30px 0;border-top:1px solid #f3f0e766}
.footer .brand{width:220px;height:85px}
.footer-links{gap:clamp(14px,2vw,34px);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.footer-links a:hover,.footer-instagram:hover{color:var(--accent)}
.footer-address{margin:0;color:#c8d4c2;font-size:.84rem;font-weight:700;line-height:1.5}
.footer-bottom{margin-top:0;padding:18px 0 26px;border-color:#f3f0e766;color:#c8d4c2}
.footer-instagram{color:#f3f0e7;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}

/* Motion is reserved for major visual beats. */
.hero-copy>*{animation:none}
.hero-marker svg path{stroke-dasharray:128;stroke-dashoffset:128;animation:marker-draw .7s .4s var(--ease-out) forwards}
@keyframes marker-draw{to{stroke-dashoffset:0}}
.scroll-reveal.ready{opacity:1;transform:none;clip-path:inset(0 0 12% 0);transition:clip-path .8s var(--ease-out),opacity .7s}
.scroll-reveal.ready.visible{clip-path:inset(0)}
.brand-poster.scroll-reveal.ready{opacity:.7;clip-path:inset(0 0 10% 0)}
.brand-poster.scroll-reveal.ready.visible{opacity:1;clip-path:inset(0)}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .brand-poster img{animation:poster-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
  }
}
@keyframes poster-drift{from{translate:0 -18px}to{translate:0 35px}}
html[data-theme=dark] .hero h1 span,html[data-theme=dark] .brand span{text-shadow:none}
html[data-theme=dark] .button.orange{box-shadow:4px 4px 0 #f3f0e7}
.pointer-accent{width:22px;height:22px;margin:-11px;border-color:var(--accent-text);background:none}

@media(max-width:1100px){
  .wrap,.footer-top,.footer-bottom{width:calc(100% - 64px)}
  .nav>.brand{width:145px}
  .navlinks a{font-size:.72rem}
  .hero h1.hero-slogan{font-size:clamp(5rem,9.8vw,8.5rem)}
  .hero-grid{min-height:610px}
  .hero-art-index,.hero-art-caption{left:25px}
  .brand-poster img{right:-15%;bottom:-25%;width:68%}
  .footer-poster{padding-inline:32px}
  .footer-top{flex-wrap:wrap}
}
@media(max-width:850px){
  .header .navlinks{gap:2px}
  .navlinks a{padding-inline:0;font-size:.68rem}
  .navlinks a[aria-current=page]{padding-inline:0}
  .nav-cta{display:none}
  .hero-grid{min-height:510px}
  .hero-copy{padding-right:22px}
  .hero h1.hero-slogan{font-size:clamp(4.5rem,9.8vw,7rem)}
  .hero-marker{margin-bottom:30px}
  .hero-bottom .small{display:none}
  .page-head:after{opacity:.1}
  .story-grid{gap:32px}
  .principles{grid-template-columns:1fr}
  .principles article,.principles article:first-child{min-width:0;padding:22px 0;border-right:0}
  .footer-poster img{right:-15%;width:65%}
}
@media(max-width:700px){
  html{scroll-padding-top:78px}
  .wrap,.footer-top,.footer-bottom{width:calc(100% - 36px)}
  .nav{height:70px;gap:8px}
  .nav>.brand{width:128px;height:48px}
  .header .navlinks{top:70px;gap:0;padding:18px;border-top:2px solid var(--fg);border-bottom:2px solid var(--fg);background:var(--bg)}
  .navlinks a,.navlinks a[aria-current=page]{padding:13px 3px;border-bottom:1px solid var(--line);font-size:.95rem}
  .menu-toggle{display:grid;place-items:center;width:39px;height:39px;padding:6px;border:1px solid var(--fg);border-radius:0}
  .theme{width:36px;height:36px}
  .language-switch{padding:1px}
  .language-switch button{min-width:21px;font-size:.6rem}
  .hero{padding-bottom:0}
  .hero-top{padding:11px 0;font-size:.62rem}
  .hero-grid:has(.hero-logo){display:flex;flex-direction:column;gap:0;min-height:0}
  .hero-copy{order:0;align-items:flex-start;width:100%;padding:43px 0 34px;text-align:left}
  .hero-marker{margin-bottom:35px;font-size:.6rem}
  .hero-marker svg{width:65px}
  .hero h1.hero-slogan{max-width:none;margin:0 0 27px;font-size:clamp(4.4rem,18vw,8rem);line-height:.78;text-align:left}
  .hero h1.hero-slogan span{margin:5px 0 9px}
  .hero-copy>p{max-width:32ch;margin:0 0 26px;text-align:left;font-size:1rem}
  .hero-bottom{display:flex;justify-content:flex-start;gap:18px;width:100%;margin:0}
  .hero-bottom .button,.hero-secondary{flex:0 0 auto;width:auto;padding-inline:15px;font-size:.72rem}
  .hero-bottom .small{display:none}
  .hero-logo{order:1;width:100%;min-height:440px;max-height:560px;aspect-ratio:1.1}
  .hero-logo img.hero-hand{width:min(92%,500px)}
  .hero-art-index,.hero-art-caption{left:31px}
  .hero-foot{padding:16px 0}
  .hero-foot span:last-child{display:none}
  .section{padding-block:66px}
  .section h2,.page-title{font-size:clamp(4rem,13vw,7rem)}
  .section-head{align-items:start}
  .editorial-item{grid-template-columns:25px minmax(0,1fr) auto;gap:9px}
  .editorial-copy h3{font-size:clamp(2.5rem,10vw,4rem)}
  .editorial-price{font-size:1.75rem}
  .brand-poster-inner{min-height:550px;padding-block:22px 38px}
  .brand-poster p{max-width:8ch;font-size:clamp(5.5rem,18vw,9rem)}
  .brand-poster img{right:-28%;bottom:-13%;width:92%;opacity:.45}
  .about-teaser{grid-template-columns:minmax(0,1fr);padding-block:70px;gap:30px}
  .about-teaser>*{min-width:0}
  .about-teaser .big-copy{font-size:clamp(3rem,11vw,5rem);overflow-wrap:anywhere}
  .visit-band .brand-slogan{font-size:clamp(5rem,16vw,8rem)}
  .page-head{min-height:0;padding-block:55px 75px}
  .page-head .page-title{max-width:10ch}
  .page-head:after{width:180px;bottom:18px;opacity:.1}
  .page-menu .page-head:before,.page-order .order-heading:before{right:0;top:12px;width:76px;opacity:.42}
  html[data-theme=dark] .page-head:after{opacity:.3}
  html[data-theme=dark] .page-menu .page-head:before,html[data-theme=dark] .page-order .order-heading:before{opacity:.9}
  .menu-page{padding-top:38px}
  .story-grid{display:flex;flex-direction:column;gap:44px;padding-top:60px}
  .story-grid .story-art{order:1;width:100%;min-height:450px}
  .story-grid>div:last-child{order:0}
  .principles{display:block;padding-top:65px}
  .principles article,.principles article:first-child{padding:22px 0;border-right:0}
  .location-feature{grid-template-columns:1fr}
  .location-details{min-height:450px;padding:35px 24px}
  .location-details h2{font-size:clamp(5rem,16vw,8rem)}
  .contact-follow{grid-template-columns:1fr}
  .order-page{padding-top:40px}
  .order-heading{padding:0 0 35px}
  .order-heading h1{font-size:clamp(4.5rem,13vw,7rem)}
  .order-step,.order-methods{padding-block:34px}
  .order-method-grid,.order-products{grid-template-columns:1fr}
  .order-method{min-height:220px}
  .order-product{min-height:220px}
  .product-choice strong{font-size:clamp(2rem,8.2vw,3.4rem);overflow-wrap:anywhere}
  .order-summary{box-shadow:3px 3px 0 var(--fg)}
  .order-submit{width:100%}
  .footer-poster{min-height:515px;padding:30px 18px}
  .footer-poster strong{font-size:clamp(5.7rem,18vw,10rem)}
  .footer-poster img{right:-22%;bottom:-5%;width:90%;opacity:.35}
  .footer-top{display:grid;gap:18px;padding-block:30px}
  .footer .brand{width:200px;height:70px}
  .footer-links{gap:14px 22px;flex-wrap:wrap}
  .footer-bottom{padding-bottom:max(26px,env(safe-area-inset-bottom))}
}
@media(max-width:430px){
  .hero h1.hero-slogan{font-size:18vw}
  .hero-logo{min-height:370px}
  .hero-logo:before{inset:12px}
  .hero-art-index{top:23px}.hero-art-caption{bottom:24px}
  .hero-art-index,.hero-art-caption{left:23px;font-size:.55rem}
  .hero-bottom{gap:12px}
  .hero-bottom .button,.hero-secondary{padding-inline:12px;font-size:.66rem}
  .editorial-item{grid-template-columns:20px minmax(0,1fr);gap:7px}
  .editorial-price{grid-column:2;grid-row:2;padding-top:2px;font-size:1.9rem}
  .editorial-copy h3{font-size:clamp(2.4rem,11vw,3.3rem)}
  .location-facts{grid-template-columns:1fr;gap:15px}
  .location-details h2{font-size:clamp(4.5rem,16vw,6rem)}
}
@media(max-width:360px){
  .nav>.brand{width:108px}
  .nav-actions{gap:3px}
  .hero-marker{margin-bottom:25px}
  .hero h1.hero-slogan{font-size:17.7vw}
  .hero-bottom{display:grid;grid-template-columns:1fr;justify-items:start}
  .hero-bottom .button,.hero-secondary{min-height:46px;width:auto}
  .hero-logo{min-height:330px}
  .footer-poster strong{font-size:18vw}
}
@media(hover:none),(pointer:coarse){
  .hero-logo:hover img.hero-hand{transform:rotate(-8deg) translateY(4%)}
  .editorial-item:hover{padding-left:0;background:none}
  .order-product:hover,.order-method:hover{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-marker svg path{animation:none;stroke-dashoffset:0}
  .scroll-reveal.ready,.brand-poster.scroll-reveal.ready{clip-path:none;opacity:1}
  .hero-logo img.hero-hand,.hero-logo:hover img.hero-hand{transition:none;transform:none}
  .ticker-track{animation:none}
}

/* Focused refinements: one clear call to action and quieter closing sections. */
@media(min-width:1001px){
  .page-home .hero-bottom .button.orange{display:none}
}
.visit-band{padding-block:clamp(42px,5vw,72px)}
.visit-band:after{display:none}
.visit-band .eyebrow{margin-bottom:15px}
.visit-band .brand-slogan{font-size:clamp(3.8rem,7vw,7.5rem);line-height:.85}
.visit-band .button{flex:none;max-width:100%}
.brand-poster p{font-size:clamp(4.6rem,10vw,11rem)}

.page-menu .page-head:before{display:none}
.page-menu .page-head:after,
html[data-theme=light] .page-menu .page-head:after,
html[data-theme=dark] .page-menu .page-head:after{
  content:'FOCACCIA!';right:2%;top:50%;bottom:auto;width:auto;height:auto;
  border:0;background:none;opacity:1;color:var(--accent-text);
  font:900 clamp(3.3rem,6vw,7rem)/1 var(--display);
  font-style:italic;letter-spacing:-.055em;text-shadow:2px 2px 0 var(--fg);
  transform:translateY(-50%) rotate(-8deg);white-space:nowrap;pointer-events:none;
}

.footer-poster{display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(280px,28vw,390px);padding-block:32px 48px}
.footer-poster>span:first-child{width:100%;color:var(--accent)}
.footer-poster strong{max-width:none;margin:28px 0 0;font-size:clamp(4.8rem,8vw,9rem);line-height:.78}
.footer-poster strong span{color:var(--accent)}
.footer-poster-mark{position:absolute;right:max(50px,calc((100vw - 1480px)/2));bottom:28px;width:clamp(5rem,13vw,11rem);height:auto;color:var(--accent);transform:rotate(-14deg)}
.footer-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(24px,4vw,70px);padding-block:32px}
.footer-links{justify-content:center;flex-wrap:wrap}
.footer-address{text-align:right}
.footer-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #f3f0e766}
.footer-instagram{color:inherit;white-space:nowrap}
.footer-instagram:hover{color:var(--accent)}

@media(max-width:1000px){
  .brand-poster p{font-size:10vw}
  .hero h1.hero-slogan{font-size:clamp(4.2rem,9.3vw,7rem)}
  .footer-top{grid-template-columns:auto 1fr;gap:16px 30px}
  .footer-address{grid-column:1/-1;text-align:left}
}
@media(max-width:700px){
  .hero-copy{align-items:center;padding:44px 0 40px;text-align:center}
  .hero-marker{justify-content:center;margin-bottom:32px}
  .hero h1.hero-slogan{text-align:center;font-size:clamp(4.25rem,17.2vw,7.5rem)}
  .hero h1.hero-slogan span{margin-inline:auto;transform-origin:center}
  .hero-copy>p{margin-inline:auto;text-align:center}
  .hero-bottom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;gap:14px;width:min(100%,430px);margin-inline:auto}
  .hero-bottom .button,.hero-secondary{display:flex;justify-content:center;width:100%;min-width:0;padding-inline:12px;text-align:center}
  .hero-bottom .small{grid-column:1/-1;text-align:center}
  .brand-poster-inner{min-height:470px}
  .brand-poster p{max-width:100%;font-size:11.5vw;line-height:.86;text-wrap:balance}
  .brand-poster img{right:-25%;bottom:-12%;width:78%;opacity:.2}
  .about-teaser{text-align:center}
  .about-teaser .body p{margin-inline:auto}
  .about-teaser .body .text-link{justify-content:center;margin:24px auto 0}
  .visit-inner{align-items:center;text-align:center}
  .visit-band .brand-slogan{font-size:clamp(3.7rem,11vw,5.8rem)}
  .page-menu .page-head:after,
  html[data-theme=light] .page-menu .page-head:after,
  html[data-theme=dark] .page-menu .page-head:after{right:0;top:50%;bottom:auto;font-size:clamp(1.8rem,6vw,2.5rem)}
  .page-menu .page-head .page-title{max-width:58%;font-size:clamp(2rem,9vw,3.7rem);line-height:.95}
  .page-contact .page-head .page-title{max-width:none;font-size:clamp(2.35rem,12vw,5.1rem);letter-spacing:-.045em;overflow-wrap:normal;word-break:normal}
  .location-details{align-items:center;text-align:center}
  .location-details h2{max-width:100%;margin:28px 0 18px;font-size:clamp(2.8rem,13vw,6rem);overflow-wrap:normal;word-break:normal}
  .location-city{margin-inline:auto}
  .location-facts{text-align:center}
  .location-directions{justify-content:center}
  .footer-poster{min-height:210px;padding:24px 18px 34px}
  .footer-poster strong{margin-top:25px;font-size:clamp(3.2rem,10.5vw,5.5rem);line-height:.84}
  .footer-poster-mark{right:22px;bottom:25px;width:clamp(2.5rem,12vw,4rem);opacity:.7}
  .footer-top{grid-template-columns:1fr;justify-items:center;gap:19px;padding-block:34px;text-align:center}
  .footer .brand{width:190px;height:62px}
  .footer-links{display:grid;grid-template-columns:repeat(2,auto);gap:14px 34px;justify-content:center}
  .footer-address{grid-column:auto;text-align:center}
  .footer-bottom{flex-direction:row;gap:10px;padding-block:19px max(24px,env(safe-area-inset-bottom));font-size:.7rem}
  .footer-instagram{font-size:.7rem;letter-spacing:.02em}
  .footer-instagram .ui-arrow{width:16px;height:16px}
}
@media(max-width:430px){
  .hero h1.hero-slogan{font-size:17vw}
  .hero-bottom{grid-template-columns:1fr;width:min(100%,330px)}
  .hero-bottom .button,.hero-secondary{min-height:48px}
  .brand-poster-inner{min-height:420px}
  .brand-poster p{font-size:11.5vw}
  .location-facts{grid-template-columns:1fr;gap:18px}
  .footer-poster strong{font-size:10.5vw}
}

@media(max-width:700px){
  .site-topbar:has(.navlinks.open){z-index:120}
  .header:has(.navlinks.open){z-index:120}
  .menu-toggle[aria-expanded=true]{border-color:var(--accent);background:var(--accent);color:#101710}
  .menu-toggle[aria-expanded=true] span{background:#101710}
  .header .navlinks{
    position:absolute;inset:auto 0 auto;top:100%;
    display:flex;flex-direction:column;align-items:stretch;
    width:100%;height:auto;max-height:none;
    gap:0;overflow:visible;
    padding:24px max(20px,calc((100vw - 600px)/2)) max(28px,env(safe-area-inset-bottom));
    border:0;border-radius:0;background:var(--bg);color:var(--fg);box-shadow:none;
    counter-reset:nav-item;
  }
  .header .navlinks:before{
    content:'MA / DA / FO / KA  ·  KRAKÓW';display:block;flex:none;
    margin-bottom:10px;padding-bottom:16px;border-bottom:1px solid var(--line);
    color:var(--accent-text);font:900 .68rem/1.2 var(--body);letter-spacing:.17em;
  }
  .header .navlinks:after{
    content:'FOCACCIA / KRAKÓW';display:block;flex:none;margin-top:auto;
    padding-top:22px;border-top:1px solid var(--line);
    color:var(--accent-text);font:900 .65rem/1.2 var(--body);letter-spacing:.18em;
  }
  .header .navlinks a,
  .header .navlinks a[aria-current=page]{
    display:grid;grid-template-columns:28px minmax(0,1fr) 20px;align-items:center;
    min-height:72px;gap:12px;padding:10px 12px;
    border:0;border-bottom:1px solid var(--line);border-radius:0;
    background:none;color:var(--fg);text-align:left;
    font:900 clamp(2.25rem,10.5vw,3.8rem)/.85 var(--display);
    letter-spacing:-.04em;transform:none;
  }
  .header .navlinks a:before{
    content:counter(nav-item,decimal-leading-zero);counter-increment:nav-item;
    color:var(--accent-text);font:900 .65rem/1 var(--body);letter-spacing:.08em;
  }
  .header .navlinks a:after,
  .header .navlinks a[aria-current=page]:after{
    content:'';position:static;justify-self:end;width:12px;height:12px;
    border:0;border-top:2px solid currentColor;border-right:2px solid currentColor;
    border-radius:0;background:none;color:var(--accent-text);
    transform:rotate(45deg);
  }
  .header .navlinks a[aria-current=page]{background:var(--accent);color:#101710}
  .header .navlinks a[aria-current=page]:before,
  .header .navlinks a[aria-current=page]:after{color:#101710}
  .header .navlinks a:hover:not([aria-current=page]){color:var(--accent-text)}
  html[lang=en] .header .navlinks a{font-size:clamp(1.95rem,9vw,3rem);white-space:nowrap}

  .footer-poster>span:first-child{white-space:nowrap;font-size:clamp(.57rem,2.4vw,.7rem);letter-spacing:.13em}
  .footer-poster strong span{white-space:nowrap}
  .footer-top{
    grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-items:stretch;
    gap:21px 10px;padding-block:28px;text-align:left;
  }
  .footer .brand{grid-column:1;grid-row:1;justify-self:start;width:clamp(130px,41vw,175px);height:auto}
  .footer-address{
    grid-column:2;grid-row:1;margin:0;text-align:right;white-space:nowrap;
    color:#d2e1cd;font-size:.75rem;line-height:1.35;
  }
  .footer-links{
    grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    width:100%;gap:4px;margin:0;padding-top:16px;
    border-top:1px solid #f3f0e766;text-align:center;
  }
  .footer-links a{min-width:0;padding:6px 1px;white-space:nowrap;font-size:.72rem;letter-spacing:.04em}
  .footer-bottom{white-space:nowrap}
}
@media(max-width:360px){
  .header .navlinks a,
  .header .navlinks a[aria-current=page]{min-height:62px}
  .footer-links{gap:0}
  .footer-instagram{font-size:.66rem}
  html[lang=en] .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px}
}

@media(max-width:700px){
  .cart-widget{bottom:var(--cart-bottom,calc(14px + env(safe-area-inset-bottom)))}
  .cart-widget__trigger{touch-action:none;user-select:none}
  .cart-widget.is-dragging .cart-widget__trigger{transition:none;transform:rotate(-5deg)}
  .cart-widget__panel{max-height:min(630px,calc(100dvh - var(--cart-bottom,14px) - 93px))}
  .cart-widget.is-high .cart-widget__panel{
    top:calc(100% + 17px);bottom:auto;
    max-height:min(630px,calc(var(--cart-bottom) - 32px));transform-origin:top right;
  }
}
@media(max-width:700px) and (max-height:650px){
  .cart-widget__panel,.cart-widget.is-high .cart-widget__panel{
    position:fixed;inset:calc(84px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));
    width:auto;max-height:none;z-index:2;transform-origin:center;
  }
  .cart-widget__trigger[aria-expanded=true]{visibility:hidden}
}

/* Public-page cleanup */
.page-home .editorial-item[data-menu-product],
.page-menu .editorial-item[data-menu-product]{cursor:default}
.page-home .section-head .text-link{border-bottom:0}
.page-home .editorial-item:hover,.page-menu .editorial-item:hover{padding-left:0;background:none}
.editorial-order{display:none}
.page-menu .page-head:after,
html[data-theme=light] .page-menu .page-head:after,
html[data-theme=dark] .page-menu .page-head:after{display:none}
.page-about .story-grid{display:block}
.page-about .story-grid>div{max-width:900px}
.page-about .principles article{transition:none}
.page-about .principles article:hover{transform:none;background:none;border-color:transparent;border-top-color:var(--fg);border-right-color:var(--line)}
.page-about .principles article:last-child:hover{border-right-color:transparent}
.page-contact .page-head:after{display:none}
.page-contact .page-head{min-height:0;padding-block:clamp(50px,6vw,90px)}
.page-order .order-heading:before{display:none}
.page-order .order-heading h1{line-height:1;letter-spacing:-.035em}
html[data-theme=dark] .order-method:not([data-state=paused]):hover{background:var(--accent);color:#101710}
html[data-theme=dark] .order-method:not([data-state=paused]):hover>span{color:#101710}
.footer-instagram{display:inline-flex;align-items:center;gap:9px}
.instagram-icon{width:19px;height:19px;flex:none}
.contact-follow .instagram-icon{width:20px;height:20px;vertical-align:middle}

@media(max-width:700px){
  .brand-poster-inner{min-height:0;justify-content:flex-start;gap:24px;padding-block:22px 42px}
  .brand-poster p{max-width:13ch;font-size:clamp(3.2rem,10vw,5.2rem);line-height:.9}
  .brand-poster img{right:-12%;bottom:-18%;width:60%;opacity:.23}
  .page-menu .page-head{min-height:0;padding-bottom:55px}
  .page-menu .page-head .page-title{max-width:100%;font-size:clamp(3rem,12vw,6rem)}
  .page-about .principles article:hover{border-right:0;border-top-color:var(--fg)}
  .page-order .order-heading h1{font-size:clamp(3.2rem,12vw,6rem);overflow-wrap:anywhere}
  .footer-bottom{flex-wrap:wrap;white-space:normal}
  .footer-address{white-space:normal;overflow-wrap:anywhere}
  .theme,.menu-toggle{width:44px;height:44px;border:1px solid var(--fg);border-radius:0;background:var(--bg)}
  .theme svg{width:21px;height:21px}
  .header .navlinks{display:flex;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-12px) scale(.985);transform-origin:top;transition:opacity .22s ease,transform .32s var(--ease-out),visibility 0s .32s}
  .header .navlinks.open{visibility:visible;opacity:1;pointer-events:auto;transform:none;transition-delay:0s}
  .header .navlinks a{opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .3s var(--ease-out)}
  .header .navlinks.open a{opacity:1;transform:none}
  .header .navlinks.open a:nth-child(2){transition-delay:.025s}
  .header .navlinks.open a:nth-child(3){transition-delay:.05s}
  .header .navlinks.open a:nth-child(4){transition-delay:.075s}
  .header .navlinks.open a:nth-child(5){transition-delay:.1s}
}
@media(max-width:360px){
  .brand-poster p{font-size:clamp(2.8rem,10vw,3.5rem)}
  .nav>.brand{width:104px}
  .nav-actions{gap:2px}
  .language-switch{padding:1px}
  .language-switch button{min-width:19px}
}
@media(prefers-reduced-motion:no-preference){
  .theme.is-switching svg{animation:theme-switch .38s var(--ease-out)}
  @keyframes theme-switch{0%{opacity:.25;transform:rotate(-50deg) scale(.72)}100%{opacity:1;transform:rotate(0) scale(1)}}
}
@media(prefers-reduced-motion:reduce){
  .header .navlinks,.header .navlinks a{transition:none}
}

/* Keep the intended phrases together while allowing explicit line breaks. */
.page-home .section-head h2{max-width:none;white-space:nowrap;font-size:clamp(1.65rem,8vw,8rem)}
.page-menu .page-head .page-title{max-width:none;white-space:nowrap}
.page-about .page-head .page-title{max-width:none;white-space:nowrap;font-size:clamp(4.5rem,8vw,8rem)}
.page-about .page-head:after,
html[data-theme=light] .page-about .page-head:after,
html[data-theme=dark] .page-about .page-head:after{display:none}
.page-about .story-grid>div{max-width:none}
.page-about .story-grid h2{white-space:nowrap;font-size:clamp(2rem,6vw,7rem)}
.page-contact .page-head>p{max-width:none;white-space:pre}
.page-order .order-heading{border-bottom:0}
.page-order .order-heading h1{max-width:none;white-space:nowrap}
.home-copy-mobile-break{display:none}
.page-home .hero-copy>p{max-width:none;white-space:nowrap}

@media(min-width:701px) and (max-width:850px){
  .page-home .hero-copy>p{font-size:clamp(.875rem,1.8vw,1rem)}
}

@media(max-width:700px){
  .home-copy-mobile-break{display:initial}
  .page-home .hero-copy>p{max-width:none;white-space:nowrap;font-size:clamp(.875rem,4vw,1rem)}
  .page-menu .page-head .page-title{font-size:clamp(2rem,9vw,6rem)}
  .page-about .page-head .page-title{font-size:clamp(1.5rem,7.5vw,4.5rem)}
  .page-about .story-grid h2{font-size:clamp(1.7rem,7.5vw,4rem)}
  .page-order .order-heading h1{font-size:clamp(2.4rem,10vw,6rem)}
  .page-contact .page-head>p{white-space:pre-line}
}

.footer .footer-top{border-top:0}
@media(max-width:700px){
  .page-home .section-head .text-link{display:inline-flex;align-self:flex-start;margin-inline:0;justify-content:flex-start;text-align:left}
  .page-home .section-head .text-link:before{display:none}
  .page-home .section-head .text-link>span{text-align:left}
}

@media(max-width:700px){
  .page-menu .page-head .page-title{font-size:clamp(2.8rem,14vw,6rem);line-height:.82;letter-spacing:-.065em}
  .page-menu .editorial-copy h3{font-size:clamp(1.85rem,8.5vw,3rem)}

  .page-about .page-head .page-title{font-size:clamp(2rem,10.7vw,5rem);line-height:.82;letter-spacing:-.09em}
  .page-about .story-grid h2{font-size:clamp(1.5rem,7vw,3.3rem)}
  .page-about .principles h3{font-size:clamp(1.5rem,6vw,2.4rem)}

  .page-order .order-heading h1{font-size:clamp(3rem,15vw,6.5rem);line-height:.86;letter-spacing:-.06em}
  .page-order .step-heading h2,.page-order .order-methods-heading h2,.page-order .delivery-options h2{font-size:clamp(2rem,8vw,3.5rem)}
  .page-order .order-method strong{font-size:clamp(2rem,8vw,3.5rem)}

  .page-contact .page-head .page-title{font-size:clamp(3.2rem,16vw,6.5rem);line-height:.82;letter-spacing:-.06em;white-space:nowrap}
  .page-contact .location-details h2{font-size:clamp(2.25rem,10vw,4rem)}
  .page-contact .contact-follow h2{font-size:clamp(2rem,8vw,3.3rem)}
}

/* One neon accent throughout the light theme. */
html[data-theme=light] .location-details .eyebrow,
html[data-theme=light] .location-city,
html[data-theme=light] .location-label,
html[data-theme=light] .cart-widget__tag{color:var(--accent)}
html[data-theme=light] .location-directions,
html[data-theme=light] .cart-widget__trigger,
html[data-theme=light] .cart-widget__checkout,
html[data-theme=light] .cart-widget__checkout:hover,
html[data-theme=light] .cart-widget__close:hover,
html[data-theme=light] .brand-egg{background:var(--accent)}
html[data-theme=light] .location-map-top,
html[data-theme=light] .cart-widget__trigger:before{border-color:var(--accent)}
html[data-theme=light] .cart-widget__panel:before{background:repeating-linear-gradient(110deg,var(--accent) 0 28px,#ff7547 28px 34px,#101710 34px 40px)}
html[data-theme=light] .cart-widget__quick-total{background:linear-gradient(110deg,#ff7547 0 82%,var(--accent) 82% 88%,#ff7547 88%)}
html[data-theme=light] .cart-widget__foot{background:var(--surface)}
html[data-theme=light] .order-feedback--success{border-color:var(--accent);background:var(--surface);color:var(--fg)}
html[data-theme=light] .site-announcement:not([data-color=red]){border-bottom-color:var(--accent);background:var(--surface);color:var(--fg)}

/* Public announcement = a loud street poster, not a generic system alert. */
.site-announcement,
html[data-theme=light] .site-announcement:not([data-color=red]),
html[data-theme=dark] .site-announcement:not([data-color=red]){
  overflow:hidden;
  border-bottom:4px solid #101710;
  background:#36f65a;
  color:#101710;
}
.site-announcement[data-color=red],
html[data-theme=light] .site-announcement[data-color=red],
html[data-theme=dark] .site-announcement[data-color=red]{
  border-bottom-color:#101710;
  background:#ff5f45;
  color:#101710;
}
.site-announcement .wrap{
  position:relative;
  min-height:74px;
  padding-block:12px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(14px,2.5vw,34px);
}
.site-announcement .wrap::before{
  content:'MADA / INFO';
  padding:7px 10px 6px;
  background:#101710;
  color:#f5f6ed;
  font:900 .72rem/1 'Archivo Narrow','Arial Narrow',Arial,sans-serif;
  letter-spacing:.14em;
  white-space:nowrap;
  transform:rotate(-2deg);
}
.site-announcement .wrap::after{
  content:'MF\00AE';
  min-width:45px;
  padding:6px 8px 5px;
  border:3px solid currentColor;
  font:900 .82rem/1 'Archivo Narrow','Arial Narrow',Arial,sans-serif;
  letter-spacing:.04em;
  text-align:center;
  transform:rotate(3deg);
}
.site-announcement p{
  max-width:none;
  margin:0;
  font:900 clamp(1.25rem,2.2vw,2rem)/1 'Archivo Narrow','Arial Narrow',Arial,sans-serif;
  letter-spacing:.015em;
  text-align:left;
  text-transform:uppercase;
  text-wrap:balance;
}
@media(max-width:700px){
  .site-announcement .wrap{
    width:calc(100% - 28px);
    min-height:64px;
    padding-block:10px;
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
  }
  .site-announcement .wrap::before{padding:6px 7px 5px;font-size:.62rem;letter-spacing:.1em}
  .site-announcement .wrap::after{display:none}
  .site-announcement p{font-size:clamp(1rem,4.8vw,1.3rem);line-height:1.02}
}
@media(max-width:700px){
  html[data-theme=light] .header .navlinks a:active:not([aria-current=page]){background:var(--accent);color:#101710}
  html[data-theme=light] .header .navlinks a:active:not([aria-current=page]):before,
  html[data-theme=light] .header .navlinks a:active:not([aria-current=page]):after{color:#101710}
}

.page-order #order-methods-heading{white-space:nowrap;font-size:clamp(2.4rem,4.5vw,5.3rem)}
.page-order #delivery-heading{white-space:nowrap;font-size:clamp(2.8rem,4vw,4.2rem)}
@media(max-width:700px){
  .page-order #order-methods-heading{font-size:clamp(1.4rem,7vw,3.7rem)}
  .page-order #delivery-heading{font-size:clamp(1.5rem,8vw,3.7rem)}
}