/* Shared narrow-screen spacing. Loaded after each page's theme. */
@media(max-width:760px){
.nav .container{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-block:12px}
.nav .container>.logo{flex:1 0 100%;min-width:0}
.nav .spacer{display:none}
.nav .nav-actions{display:flex;flex-wrap:wrap;width:100%;gap:8px;flex:1 0 100%;margin:0}
.nav .nav-actions>.btn{flex:1 1 100px;min-width:0;min-height:44px;white-space:normal;text-align:center;justify-content:center;margin:0}
.main,.customer-main,.marketplace-main,.auth-main{min-width:0}
.topbar,.customer-section-heading,.customer-account-actions,.customer-order-actions,.track-actions{flex-wrap:wrap;gap:10px}
.topbar h1,.customer-section-heading h2{min-width:0;overflow-wrap:anywhere}
.grid-2,.grid-3,.media-upload-grid,.wa-credentials{grid-template-columns:minmax(0,1fr)}
.field,input,select,textarea{min-width:0;max-width:100%}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{font-size:16px}
.btn{max-width:100%;white-space:normal;overflow-wrap:break-word}
.row.wrap>.btn,.customer-order-actions>.btn{min-height:44px;flex:1 1 130px;justify-content:center;text-align:center}
.restaurant-grid{align-items:stretch}
.restaurant-card{display:flex;flex-direction:column;min-width:0}
.restaurant-info{display:flex;flex-direction:column;flex:1;min-width:0}
.restaurant-cta{margin-top:auto}
.track-header{flex-wrap:wrap;gap:10px}
.track-actions>*{max-width:100%;min-height:44px;display:inline-flex;align-items:center}
.store-body .s-hero-title{flex-wrap:wrap;gap:12px}
.store-body .s-hero h1{font-size:clamp(24px,7vw,36px);overflow-wrap:anywhere;min-width:0}
.store-body .s-hero-content{min-width:0;max-width:100%}
.store-body .powered{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;text-align:center}
.tf-profile-nav{position:static;width:100%;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.customer-account:has(.tf-profile){padding-left:0}
.tf-profile-nav a{flex:1 1 120px;min-height:44px}
.tf-profile form#tf-profile-form{grid-template-columns:minmax(0,1fr);gap:20px}
.tf-profile-photo{border-right:0;border-bottom:1px solid #363035;padding:0 0 20px}
.tf-profile-card{padding:18px}
.tf-address-fields{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
.customer-section-heading{align-items:flex-start;flex-direction:column}
.store-link-box{display:flex;flex-wrap:wrap;gap:10px}
.store-link-box>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.track-actions{display:flex;flex-direction:column;align-items:stretch}
.track-actions>*{justify-content:center;text-align:center}
}