/* Readable text and layouts at narrow widths. */
body{font-size:16px}small{font-size:16px}input,select,textarea,button{max-width:100%}img{max-width:100%}.home-order-form,.home-order-copy,.order-pick>*{min-width:0}.delivery-calendar .period-dates button small{line-height:1.1}.delivery-calendar .period-dates button{height:50px}
@media(max-width:1100px){.site-nav{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.site-nav nav{order:3;flex:0 0 100%;display:flex;justify-content:center;gap:clamp(16px,4vw,36px);flex-wrap:wrap}.site-nav .nav-actions{margin-left:auto}.home-order{gap:28px}.home-order-form{padding:24px}}
@media(max-width:800px){.home-order{grid-template-columns:1fr}.home-order-copy{padding:0}.home-order-illustration{max-width:480px}.order-pick{grid-template-columns:1fr}.order-food{display:none}.welcome.container{grid-template-columns:1fr 1fr;gap:20px;padding-left:24px}.welcome h1{font-size:clamp(30px,4.5vw,38px)}}
@media(max-width:600px){.welcome.container{grid-template-columns:1fr;padding:20px 20px 32px;gap:20px}.welcome h1{font-size:clamp(30px,7vw,40px);line-height:1.25;margin:14px 0 0}.welcome-text{font-size:16px;line-height:1.65;margin-top:16px}.welcome .overline{font-size:16px;line-height:1.5}.welcome .primary-action{margin-top:18px;min-height:48px}.welcome .welcome-caption{font-size:16px;margin-top:18px;gap:10px}.welcome .visual-stage{grid-column:1;grid-row:2;width:min(100%,340px);justify-self:center;align-self:auto}.welcome .visual-stage img{max-width:none}.site-nav .logo .official-logo{width:130px}.site-nav .nav-actions{gap:8px}.site-nav .nav-actions .login-link,.site-nav .nav-order{font-size:16px;padding:10px 12px;min-height:44px}.site-nav nav{gap:16px}.site-nav nav a{font-size:16px}.home-order-form{padding:20px 16px}.home-order-heading{flex-wrap:wrap;gap:12px}.home-order-bottom{grid-template-columns:1fr}.home-order-bottom .order-primary{width:100%}.delivery-calendar{padding:10px}.calendar-heading button{width:44px;height:44px}.calendar-summary{gap:8px;flex-wrap:wrap}.order-dialog{width:calc(100% - 16px);max-width:none;padding:16px}.order-fields{grid-template-columns:1fr}.footer-brand p{white-space:normal}.nutrition-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the mobile ordering action alongside the headline. */
@media(max-width:700px){
 .welcome.container{grid-template-columns:minmax(0,1fr);padding-inline:20px}
 .welcome-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
 .welcome-heading>.overline{grid-column:1/-1;grid-row:1}
 .welcome-heading>h1{grid-column:1;grid-row:2;font-size:clamp(22px,4.8vw,34px);line-height:1.3;margin:14px 0 0}
 .welcome-heading>.primary-action{grid-column:2;grid-row:2;justify-self:end;align-self:center;gap:10px;padding:12px;min-height:48px;margin:14px 0 0;font-size:16px;white-space:nowrap}
 .welcome-heading>.welcome-text{grid-column:1/-1;grid-row:3}
 .welcome-heading>.welcome-caption{grid-column:1/-1;grid-row:4}
 .welcome .visual-stage{grid-column:1;grid-row:2;width:min(100%,340px);justify-self:center;align-self:auto}
}
@media(max-width:380px){.welcome-heading{column-gap:8px}.welcome-heading>.primary-action{flex-direction:column;gap:2px;padding:10px;white-space:nowrap}}

@media(max-width:700px){
 .welcome-heading{grid-template-columns:minmax(0,1fr) minmax(120px,auto);column-gap:16px}
 .welcome-heading>.primary-action{font-size:20px;min-height:60px;padding:16px 20px;gap:14px}
 .welcome-heading>.welcome-text{grid-column:1;grid-row:3;min-width:0}
 .welcome-heading>.welcome-caption{grid-column:2;grid-row:3;justify-self:end;align-self:start;display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin:18px 0 0;font-size:18px;line-height:1.6;text-align:right}
 .welcome-heading>.welcome-caption i{display:none}
}
@media(max-width:420px){
 .welcome-heading{column-gap:10px;grid-template-columns:minmax(0,1fr) 126px}
 .welcome-heading>.primary-action{font-size:18px;padding:14px 12px;gap:6px}
 .welcome-heading>.welcome-caption{font-size:18px}
 .welcome-heading>.welcome-text{grid-column:1/-1;grid-row:4;margin-top:20px}
}

/* Align the mobile action and supporting copy as one right column. */
@media(max-width:700px){
 .welcome-heading>.primary-action{justify-self:stretch;align-self:start;justify-content:center;margin-top:14px}
 .welcome-heading>.welcome-caption{justify-self:stretch;align-self:start;align-items:center;text-align:center;margin-top:16px;gap:0;line-height:1.9}
 .welcome-heading>.welcome-text{align-self:start;margin-top:16px;line-height:2.1375}
}
@media(max-width:420px){.welcome-heading>.welcome-text{line-height:1.8;margin-top:20px}}

/* One aligned header row, with an evenly spaced navigation row below. */
.site-nav .nav-actions .login-link,.site-nav .nav-actions .nav-order{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:48px;min-height:48px;padding:0 20px;line-height:1.25;margin:0}
.site-nav>.logo{display:flex;align-items:center;align-self:center;line-height:1}
@media(max-width:1100px){
 .site-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 16px;padding-block:16px;min-height:0}
 .site-nav>.logo{grid-column:1;grid-row:1;justify-self:start}
 .site-nav>.nav-actions{grid-column:2;grid-row:1;margin:0;align-items:center;gap:12px}
 .site-nav>nav{grid-column:1/-1;grid-row:2;width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:clamp(16px,4vw,36px)}
 .site-nav>nav>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.4;white-space:nowrap}
}
@media(max-width:420px){
 .site-nav{column-gap:8px;row-gap:12px}
 .site-nav .logo .official-logo{width:104px}
 .site-nav>.nav-actions{gap:8px}
 .site-nav .nav-actions .login-link,.site-nav .nav-actions .nav-order{height:48px;min-height:48px;padding:0 10px;font-size:16px}
 .site-nav>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
}