/* Let content reflow at intermediate widths without hiding overflow. */
.header-inner>*,.hero-copy,.welcome,.menu-teaser,.page-heading>*,.visit-details,.practical-item>div{min-width:0}
.page-heading{flex-wrap:wrap}
.pizza h2,.pizza p,.welcome p,.visit-block address{overflow-wrap:anywhere}
.visit-block .visit-payments{margin-top:9px;line-height:1.7;font-size:12px}
.categories{flex-wrap:wrap}
.main-nav>a{min-height:44px}
.hero-actions>.order-guide{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.pizza.is-selected{background:var(--pale);border-radius:7px;box-shadow:inset 3px 0 var(--red);padding-inline:14px;scroll-margin-block:calc(var(--header-height) + 28px) 90px}
.selected-pizza-label{display:block;margin-bottom:5px;font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--red)}
/* A second navigation row keeps the logo and call button readable on tablets. */
@media(min-width:701px) and (max-width:1000px){
 :root{--header-height:126px}
 html{scroll-padding-top:140px}
 .header-inner{height:var(--header-height);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:82px 44px;gap:0 16px}
 .brand{grid-row:1;grid-column:1}
 .header-call{grid-row:1;grid-column:2}
 .header-call small{display:block}
 .main-nav{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;height:44px;text-align:center}
 .main-nav>a{padding:11px 5px 9px}
 .menu-layout{grid-template-columns:minmax(0,1fr) 235px;gap:24px}
 .categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .categories button{padding-inline:5px;gap:5px;font-size:11px}
}
@media(max-width:700px){
 .header-inner{grid-template-columns:minmax(0,1fr) auto}
 .main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .categories{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mobile-bar{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr)}
 .mobile-bar>a{line-height:1.3;text-align:center}
 .button{max-width:100%}
 .hero-actions>.order-guide{font-size:11px;text-align:center;line-height:1.6;margin-top:2px}
 .pizza.is-selected{padding-inline:10px}
 .selected-pizza-label{font-size:9px;letter-spacing:.6px}
}
@media(max-width:340px){
 .wrap{width:calc(100% - 24px)}
 .page-heading h1{font-size:28px}
 .page-menu .page-heading>.original-menu{font-size:12px;padding-inline:12px;gap:8px}
 .categories button{font-size:9px;gap:3px;padding-inline:3px}
 .hero h1{font-size:32px}
 .welcome h2{font-size:20px}
 .home-bottom{grid-template-columns:85px minmax(0,1fr);gap:12px}
 .visit-phone{font-size:20px}
}
@media(max-height:500px) and (orientation:landscape){
 html{scroll-padding-top:12px}
 .site-header{position:relative}
 .menu-sticky{top:0}
}