/* Zoey Transportation V3.3 — mobile-first usability pass */
:root{--mobile-safe-bottom:calc(78px + env(safe-area-inset-bottom,0px));--tap:48px}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}body{overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}button,a,input,select,textarea{touch-action:manipulation}input,select,textarea{font-size:16px!important}button,.button,.portal-button{min-height:var(--tap)}
.mobile-only{display:none!important}
@media(max-width:900px){
  body.portal-body{padding-bottom:var(--mobile-safe-bottom);background-attachment:scroll}
  .portal-shell{width:100%;padding-inline:10px}
  .portal-topbar{position:sticky;top:0;z-index:50;margin-inline:-10px;padding:10px 12px;min-height:64px;display:flex;align-items:center;gap:10px}
  .portal-brand img{width:38px;height:38px}.portal-brand span{font-size:.9rem}.portal-nav{margin-left:auto}.portal-nav a{display:none}.portal-nav button{min-height:42px;padding:8px 11px}
  .dashboard-layout{display:block!important}.portal-sidebar{display:none!important}.dashboard-main{min-width:0;width:100%;padding:0!important}
  .dashboard-hero,.compact-hero{padding:20px 4px 14px!important;display:block!important}.dashboard-hero h1{font-size:clamp(1.75rem,8vw,2.4rem);line-height:1.05}.dashboard-hero p{overflow-wrap:anywhere}.hero-actions{margin-top:14px;display:grid!important;grid-template-columns:1fr;gap:8px}.hero-actions>*{width:100%}
  .stats-grid,.cards-grid,.ai-layout,.portal-grid,.dashboard-grid{grid-template-columns:1fr!important;gap:12px!important}
  .stat-card{min-height:118px;padding:16px}.portal-card,.operation-card{padding:16px!important;border-radius:18px!important}.operation-card::before{margin:-16px -16px 14px}
  .section-heading{display:block!important}.section-heading>div+*{margin-top:12px;width:100%}.section-heading select,.section-heading button{width:100%}
  .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:9px}.toolbar>*{width:100%;min-width:0}
  .records-list,.activity-list{min-width:0}.record-card,.rental-card{min-width:0;overflow:hidden}.record-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px}.record-actions>*{width:100%;min-width:0}
  .form-grid,.portal-form .form-grid{grid-template-columns:1fr!important}.portal-form label{min-width:0}.portal-form input,.portal-form select,.portal-form textarea{width:100%;min-width:0}
  table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .mobile-bottom-nav{display:grid;position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:999;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px;background:rgba(8,10,13,.94);border:1px solid rgba(255,255,255,.12);border-radius:19px;box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px)}
  .mobile-bottom-nav button,.mobile-bottom-nav a{min-width:0;min-height:56px;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.72);display:grid;place-items:center;align-content:center;gap:3px;padding:5px 2px;font-size:.66rem;font-weight:800;text-decoration:none;line-height:1.05}
  .mobile-bottom-nav .mobile-nav-icon{font-size:1.05rem;line-height:1}.mobile-bottom-nav .active{background:rgba(217,180,90,.18);color:#F6F3EA}.mobile-bottom-nav .more{color:#F6F3EA}
  .mobile-menu-sheet{position:fixed;inset:auto 8px calc(var(--mobile-safe-bottom) + 3px);z-index:998;display:none;max-height:min(70vh,620px);overflow:auto;padding:12px;background:#11151b;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.5)}.mobile-menu-sheet.open{display:grid;gap:6px}.mobile-menu-sheet button,.mobile-menu-sheet a{width:100%;min-height:48px;text-align:left;padding:12px 14px;border:0;border-radius:12px;background:rgba(34,40,49,.72);color:#F6F3EA;text-decoration:none;font-weight:750}.mobile-menu-sheet .active{color:#F6F3EA;background:rgba(217,180,90,.14)}
}
@media(max-width:700px){
  .site-header{padding-inline:14px}.brand-copy strong{font-size:.84rem}.brand-copy small{font-size:.62rem}.brand-emblem{width:42px;height:42px}
  .main-nav{max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain}
  .inner-main{overflow:hidden}.inner-hero,.v32-page-hero{padding:118px 0 58px!important}.inner-hero h1,.v32-page-hero h1{font-size:clamp(2.25rem,12vw,3.65rem);line-height:1.02}.inner-hero p,.v32-page-hero p{font-size:1rem}
  .inner-section,.section{padding-block:58px}.container{width:min(100% - 24px,1240px)}
  .booking-layout{display:flex!important;flex-direction:column!important;gap:14px!important}.booking-layout>aside{order:2}.booking-layout>section{order:1}.booking-card{padding:16px!important;border-radius:18px!important}.booking-grid{grid-template-columns:1fr!important}.booking-progress{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.booking-progress span{min-width:112px;scroll-snap-align:start;white-space:nowrap}.booking-trailer-photo{min-height:185px!important;max-height:240px}.booking-meta{grid-template-columns:1fr 1fr!important}.booking-submit{position:sticky;bottom:10px;z-index:10;box-shadow:0 14px 35px rgba(0,0,0,.3)}
  .fleet-grid,.service-grid,.standard-grid,.contact-grid,.about-grid{grid-template-columns:1fr!important}.fleet-card,.service-card{border-radius:20px}.fleet-card-actions,.card-actions,.action-row{display:grid!important;grid-template-columns:1fr!important;gap:8px}.fleet-card-actions>*,.card-actions>*,.action-row>*{width:100%}
  .hero-grid{padding-top:108px!important}.hero-copy h1{font-size:clamp(2.8rem,15vw,4.6rem)}.hero-copy p{font-size:1rem}.hero-visual{min-height:290px!important}.floating-card{max-width:165px;font-size:.76rem}
  .site-footer-premium .footer-grid{grid-template-columns:1fr!important}.footer-bottom{display:block!important;text-align:center}.footer-bottom>*{margin-top:8px}
}
@media(max-width:420px){.booking-meta{grid-template-columns:1fr!important}.portal-shell{padding-inline:7px}.portal-topbar{margin-inline:-7px}.portal-card,.operation-card{padding:14px!important}.operation-card::before{margin:-14px -14px 12px}.mobile-bottom-nav{left:5px;right:5px}.mobile-bottom-nav button,.mobile-bottom-nav a{font-size:.61rem}.portal-brand span{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(hover:none){.service-card:hover,.fleet-card:hover,.standard-grid article:hover{transform:none}.button:active,.portal-button:active{transform:scale(.985)}}

/* V3.6.2 reliable public mobile navigation */
@media(max-width:900px){
  body.mobile-nav-open{overflow:hidden}
  .menu-button{position:relative;z-index:1001;cursor:pointer}
  .menu-button span{transition:transform .2s ease,opacity .2s ease}
  .menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .main-nav.open{z-index:1000}
}