/* Mile I Shipping V65 — mobile stability and seam removal */
.mobile-home-hero-v63,
.mobile-footer-v63{display:none}

@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{font-size:15px!important}
  img,svg,video,canvas{max-width:100%;height:auto}
  input,select,textarea,button{max-width:100%}
  .table-wrap,.rate-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

  /* Header: remove the visible blue seam and mobile scroll shadow. */
  .site-header,
  .site-header.scrolled{
    position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;
    height:76px!important;min-height:76px!important;padding:0 16px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;align-items:center!important;
    background:#031b42!important;
    border:0!important;border-bottom:0!important;outline:0!important;
    box-shadow:none!important;backdrop-filter:none!important;
  }
  .site-header::before,.site-header::after{display:none!important;content:none!important}
  .site-header .brand{height:68px!important;min-width:0!important;display:flex!important;align-items:center!important;overflow:visible!important}
  .site-header .brand img{width:auto!important;height:58px!important;max-width:205px!important;object-fit:contain!important;object-position:left center!important;transform:none!important;filter:none!important}
  .menu-toggle{display:grid!important;width:48px!important;height:48px!important;align-content:center!important;justify-content:center!important;border:0!important;border-radius:12px!important;background:#102f57!important;box-shadow:none!important}
  .menu-toggle span{width:25px!important;height:2px!important;background:#fff!important}
  .site-header nav,.header-actions{display:none!important}
  .menu-open .site-header{height:auto!important;min-height:76px!important;padding-bottom:14px!important;box-shadow:0 16px 34px rgba(0,0,0,.24)!important}
  .menu-open .site-header nav{grid-column:1/-1;display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%!important;padding-top:8px!important}
  .menu-open .site-header nav a{padding:12px 14px!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;color:#fff!important;text-align:left!important}
  .menu-open .header-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin-top:8px!important}
  .menu-open .header-actions .btn{width:100%!important}

  /* Home: one mobile hero and one mobile footer, without script timing races. */
  body.home-page .desktop-home-hero-v63,
  body.home-page .compact-footer{display:none!important}
  body.home-page .mobile-home-hero-v63{display:block!important}
  body.home-page .mobile-footer-v63{display:block!important}

  .mobile-home-hero-v63{
    position:relative!important;min-height:560px!important;height:auto!important;
    padding:75px 0 0!important;margin:-1px 0 0!important;overflow:hidden!important;
    border:0!important;outline:0!important;box-shadow:none!important;
    background:#031b42 url('assets/mile-i-hero.webp') 60% center/cover no-repeat!important;
    background-clip:border-box!important;
  }
  .mobile-home-hero-v63::before{
    content:""!important;display:block!important;position:absolute!important;inset:75px 0 0!important;z-index:0!important;
    background:linear-gradient(90deg,rgba(2,17,43,.88),rgba(2,17,43,.52) 55%,rgba(2,17,43,.16)),linear-gradient(180deg,rgba(2,17,43,.08),rgba(2,17,43,.18) 52%,rgba(2,17,43,.78))!important;
  }
  .mh63-overlay{display:none!important}
  .mh63-content{position:relative!important;z-index:1!important;padding:58px 18px 46px!important;max-width:440px!important;color:#fff!important}
  .mh63-eyebrow{display:inline-flex!important;padding:8px 12px!important;font-size:10px!important}
  .mh63-content h1{margin:14px 0!important;max-width:9.3ch!important;font-size:clamp(37px,10.8vw,49px)!important;line-height:.96!important;letter-spacing:-.045em!important;color:#fff!important;text-shadow:0 4px 18px rgba(0,0,0,.5)!important}
  .mh63-content h1 span{color:#ef202d!important}
  .mh63-content p{max-width:31ch!important;margin:0 0 18px!important;font-size:14px!important;line-height:1.5!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.6)!important}
  .mh63-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;max-width:390px!important}
  .mh63-actions .btn{min-height:46px!important;width:100%!important;min-width:0!important;padding:0 10px!important;font-size:11px!important}
  .hero-trust-wrap{margin:0!important;padding:12px!important;background:#f3f7fb!important}
  .premium-trust-bar{grid-template-columns:1fr!important;border-radius:16px!important}

  /* Dedicated home footer. */
  .mobile-footer-v63{background:#06255b!important;color:#fff!important;padding:0!important;border:0!important}
  .mf63-brand{display:flex!important;align-items:center!important;gap:12px!important;padding:18px 16px!important;text-align:left!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
  .mf63-brand img{width:118px!important;height:48px!important;object-fit:contain!important;margin:0!important;flex:0 0 auto!important}
  .mf63-brand p{margin:0!important;font-size:11px!important;line-height:1.35!important;color:#d7e4f2!important}
  .mf63-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;padding:17px 16px!important}
  .mobile-footer-v63 h4{margin:0 0 7px!important;font-size:10px!important;letter-spacing:.13em!important;color:#fff!important}
  .mobile-footer-v63 a,.mobile-footer-v63 span{display:block!important;margin:5px 0!important;font-size:11.5px!important;line-height:1.35!important;color:#dce7f5!important;text-decoration:none!important;overflow-wrap:anywhere!important}
  .mf63-contact{padding:15px 16px!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .mf63-contact div{display:grid!important;grid-template-columns:1fr!important;gap:2px!important}
  .mf63-bottom{padding:10px 12px 12px!important;background:rgba(0,0,0,.16)!important;text-align:center!important}
  .mf63-bottom span{display:inline!important;font-size:9.5px!important;color:#c7d5e7!important}
  .mf63-bottom span+span::before{content:" · "}

  /* Other public-page footers remain visible and become compact. */
  body:not(.home-page) .compact-footer{display:block!important;width:100%!important;overflow:hidden!important}
  body:not(.home-page) .compact-footer-main{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px 16px!important;padding:24px 18px 16px!important}
  body:not(.home-page) .compact-footer-brand{grid-column:1/-1!important;display:flex!important;align-items:center!important;gap:12px!important;overflow:visible!important}
  body:not(.home-page) .compact-footer-brand img{width:118px!important;height:50px!important;object-fit:contain!important;flex:0 0 auto!important}
  body:not(.home-page) .compact-footer-brand p{margin:0!important;font-size:11px!important;line-height:1.4!important}
  body:not(.home-page) .compact-footer-contact{grid-column:1/-1!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.12)!important}
  body:not(.home-page) .compact-footer-column h4,body:not(.home-page) .compact-footer-contact h4{margin:0 0 8px!important;font-size:11px!important}
  body:not(.home-page) .compact-footer a,body:not(.home-page) .compact-footer span{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere!important}
  body:not(.home-page) .compact-footer-bottom{display:flex!important;flex-direction:column!important;gap:4px!important;padding:11px 16px!important;text-align:center!important}

  /* Shared mobile content fixes. */
  .section-pad{padding:46px 16px!important}
  .section-copy.centered{margin-bottom:24px!important}
  .section-copy h2,.calculator-heading h2,.contact-heading h2{font-size:30px!important;line-height:1.08!important}
  .service-grid,.benefit-row,.process-grid,.journey-track{grid-template-columns:1fr!important;gap:12px!important}
  .service-grid article,.process-grid article,.journey-step{padding:20px 17px!important}
  .utility-shell{margin:0!important;padding:0 14px 48px!important;width:100%!important}
  .smart-calculator-card,.shipping-rates-showcase,.tracking-band,.contact-card-clean{border-radius:16px!important}
  .smart-calculator-grid,.dimension-group,.form-two,.form-three{grid-template-columns:1fr!important}
  .tracking-band{margin:0 12px 50px!important;padding:22px 16px!important;grid-template-columns:1fr!important}
  .tracking-band form{grid-template-columns:1fr!important}
  .contact-card-clean{grid-template-columns:1fr!important}
  .contact-summary,.contact-form-panel{padding:22px 16px!important}
  .public-map-card{min-height:230px!important}

  /* Information, authentication and portal pages. */
  .simple-header{min-height:72px!important;height:auto!important;padding:7px 14px!important}
  .simple-header img{height:58px!important;max-width:190px!important}
  .info-shell,.legal-shell{width:100%!important;max-width:100%!important;margin:0!important;padding:30px 13px 48px!important}
  .info-shell h1,.legal-shell h1{font-size:34px!important}
  .info-shell section,.legal-shell section{padding:19px 16px!important}
  .auth-page,.auth-layout{display:block!important;min-height:100vh!important}
  .auth-visual{display:none!important}
  .auth-card{width:100%!important;padding:28px 18px!important}
  .portal-main-v25,.portal-main{max-width:100%!important;overflow-x:hidden!important;padding:14px!important}
  .portal-grid-v25,.portal-grid,.admin-kpi-grid{grid-template-columns:1fr!important}
  .portal-modal,.account-status-dialog{max-width:calc(100vw - 24px)!important}
  .notification-popover,.profile-dropdown{max-width:calc(100vw - 24px)!important}
}

@media (max-width:430px){
  .site-header,.site-header.scrolled{height:70px!important;min-height:70px!important;padding:0 12px!important}
  .site-header .brand img{height:53px!important;max-width:176px!important}
  .mobile-home-hero-v63{min-height:535px!important;padding-top:69px!important;margin-top:-1px!important;background-position:61% center!important}
  .mobile-home-hero-v63::before{inset:69px 0 0!important}
  .mh63-content{padding:42px 16px 38px!important}
  .mh63-content h1{font-size:36px!important}
  .mh63-content p{font-size:13px!important;max-width:29ch!important}
  .mh63-actions{grid-template-columns:1fr!important;max-width:100%!important}
  .mf63-links{grid-template-columns:1fr 1fr!important;gap:14px!important}
  body:not(.home-page) .compact-footer-main{grid-template-columns:1fr!important}
  body:not(.home-page) .compact-footer-brand,body:not(.home-page) .compact-footer-contact{grid-column:1!important}
}

@media (max-width:360px){
  .mf63-links{grid-template-columns:1fr!important}
}