/* Shared phone and tablet layout for public pages and standalone manager pages. */
@media screen and (max-width:1200px){
 .publicHeader .mobileMenu[open]>nav{display:flex;flex-direction:column;gap:0;margin:0}
 .publicHeader .mobileMenu nav a{white-space:normal;min-height:44px}
}
@media screen and (max-width:760px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 .publicSite .siteWrap{width:calc(100% - 28px);min-width:0}
 .publicSite main,.publicSite section,.publicSite article,.publicSite form,.publicSite fieldset,.publicSite .rentalCatalogueResults,.publicSite .rentalBody{min-width:0}
 .publicSite h1,.publicSite h2,.publicSite h3,.publicSite p,.publicSite dd,.publicSite label{overflow-wrap:anywhere}
 .publicSite img{max-width:100%}
 .publicSite .publicHeader{height:auto;min-height:74px}
 .publicSite .headerInner{min-height:74px;gap:8px;flex-wrap:nowrap}
 .publicSite .publicBrand{flex:1 1 95px;min-width:0}
 .publicSite .publicBrand img{width:110px;max-width:100%;height:58px}
 .publicSite .mobileMenu{flex:none;margin-left:0}
 .publicSite .managerMenu{flex:none}
 .publicSite .mobileMenu summary,.publicSite .managerMenu summary{font-size:12px;padding:12px 9px;min-height:44px;box-sizing:border-box}
 .publicHeader .mobileMenu[open]>nav,.publicHeader .managerMenu[open]>.managerDropdown{position:fixed;top:74px;left:12px;right:12px;min-width:0;width:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
 .publicSite .managerDropdown a{min-height:44px}
 .publicSite .publicHero .heroText{width:100%;box-sizing:border-box}
 .publicSite .sectionIntro h2,.publicSite .publicContact h2{font-size:clamp(30px,9vw,48px);line-height:1.08}
 .publicSite .heroButtons,.publicSite .contactBox>div{width:100%;max-width:100%}
 .publicSite .redButton,.publicSite .darkButton,.publicSite .outlineButton,.publicSite .whatsappButton{max-width:100%;min-height:44px;text-align:center;white-space:normal;overflow-wrap:anywhere}
 .publicSite .contactInner{grid-template-columns:minmax(0,1fr)}
 .publicSite .contactBox{min-width:0;padding:22px}
 .publicSite .detailTitle h1{font-size:clamp(30px,9vw,44px);line-height:1.08}
 .publicSite .detailHeader .siteWrap{gap:12px;min-width:0}
 .publicSite .detailHeader img{max-width:38vw}
 .publicSite .detailColumns,.publicSite .detailGallery,.publicSite .configGroups,.publicSite .configChoiceText,.publicSite .configChoice>span{min-width:0}
 .publicSite .configGroups fieldset{padding:12px}
 .publicSite .configChoice{grid-template-columns:20px minmax(0,1fr)}
 .publicSite .configChoice>b{grid-column:2;white-space:normal}
 .publicSite .configChoice>input{grid-column:1;grid-row:1}
 .publicSite .configChoice>.configChoiceText{grid-column:2;grid-row:1}
 .publicSite .configChoice>.configChoicePrice{grid-column:2 / -1;grid-row:2;text-align:left;align-items:flex-start;min-width:0}
 .publicSite .configChoicePrice small,.publicSite .configChoicePrice b{white-space:normal;overflow-wrap:normal;word-break:normal}
 .publicSite .configChoicePrice .configPriceAmount{display:inline;white-space:nowrap;overflow-wrap:normal;word-break:normal}
 .publicSite .rentalDates{padding:16px;gap:14px}
 .publicSite .rentalDates>label,.publicSite .rentalDates>p{flex-basis:100%;min-width:0}
 .publicSite .rentalCheckAvailability{width:100%;min-height:46px}
 .publicSite .rentalDateControl{width:100%;box-sizing:border-box}
 .publicSite .rentalWeekday{font-size:14px}
 .publicSite .rentalBody{padding:16px}
 .publicSite .rentalSummary h3{font-size:22px}
 .publicSite .rentalLightbox{max-width:100vw;box-sizing:border-box}
 .table-wrap,#vehicleTable,.calendarScroll,.workshopTimelineScroll,.workshopWeekScroll{max-width:100%;min-width:0;overscroll-behavior-x:contain}
 .form-grid>*,.columns>*,.grid>*,.dashboard-grid>*,.stock-base-grid>*{min-width:0}
 .app-header{position:static;display:grid;grid-template-columns:minmax(0,1fr);padding:12px 14px}
 .app-header .header-context{min-width:0}
 .app-header .actions{width:100%;justify-content:flex-start;gap:8px}
 .app-header #newVehicle span{white-space:normal}
 .app-sidebar{max-width:calc(100vw - 44px);padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .app-header~main{min-width:0;padding-inline:14px}
 .workspace-page,.workspace-page .panel{min-width:0;max-width:100%}
 .workspace-page .panel{padding:16px;box-sizing:border-box}
 .workspace-page .actions{flex-wrap:wrap}
 .workspace-page .field-action{min-width:0}
 .workspace-page .field-action select{min-width:0}
 #vehicleCatalogue .catalogue-choice{grid-template-columns:minmax(0,1fr)}
 #vehicleCatalogue .equipment-choice-values{text-align:left;white-space:normal}
 #vehicleCatalogue .equipment-choice-actions{justify-content:flex-start}
 .payload-strip{left:10px;right:10px;bottom:env(safe-area-inset-bottom);max-height:32dvh;flex-wrap:wrap}
 .payload-strip .payload-price{max-width:none;text-align:left}
 .payload-strip .payload-price strong{white-space:normal}
 body:has(#wickSaveDock:not([hidden])) .payload-strip{bottom:145px;max-height:25dvh}
 #editorView{padding-bottom:390px}
 .customers .sources .actions label{min-width:0;width:100%}
 .floorplanAdminTitle{flex-wrap:wrap}
 .floorplanAdmin header{flex-wrap:wrap}
}
@media screen and (max-width:600px){
 .grid,.triple{grid-template-columns:minmax(0,1fr)}
 .seasonTabs{overflow-x:auto;max-width:100%;gap:0}
 .seasonTabs button{flex:0 0 auto;min-height:44px;padding:12px 10px}
 .saveBar{bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 20px);padding:10px;gap:8px;box-sizing:border-box}
 .saveBar .primary{width:100%}
 .saveBar #unsavedHint{font-size:13px}
 .legalSite header{flex-wrap:wrap}
 .legalSite main{padding:28px 18px 50px}
}