/* MrSportsTravel V109 Mobile Optimization
   Desktop presentation is intentionally unchanged. All layout changes are limited to <=900px. */
.mst-mobile-menu-toggle{display:none}

@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{min-width:0!important}
  main,header,footer,section,nav{max-width:100%!important}
  img,video,svg,canvas,iframe,embed,object{max-width:100%!important}

  /* Shared compact mobile menu button */
  .mst-mobile-menu-toggle{
    display:inline-flex!important;align-items:center;justify-content:center;gap:8px;
    justify-self:end;align-self:center;min-width:96px;min-height:44px;padding:9px 12px;
    border:2px solid #fff;border-radius:7px;background:#07843f;color:#fff;
    font:900 15px/1 Arial,Helvetica,sans-serif;letter-spacing:.02em;cursor:pointer;
  }
  .mst-mobile-menu-toggle .mst-menu-icon{font-size:21px;line-height:1}
  .mst-mobile-menu-toggle:focus{outline:3px solid #fff;outline-offset:2px}

  /* Homepage / Testimonials / Press header */
  .v9-top{width:100%!important;overflow:visible!important}
  .v9-nav{
    width:100%!important;max-width:100%!important;min-height:0!important;
    display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;
    gap:8px!important;padding:8px 12px!important;
  }
  .v9-nav .nav-dad{grid-column:1!important;width:auto!important;min-width:0!important;margin:0!important;justify-self:start!important}
  .v9-nav .nav-dad img{width:68px!important;height:76px!important;max-width:none!important;object-fit:contain!important}
  .v9-nav>.mst-mobile-menu-toggle{grid-column:3!important}
  .v9-links{
    grid-column:1/-1!important;width:100%!important;max-width:100%!important;margin:0!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:0!important;max-height:calc(100vh - 116px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:4px 0 8px!important;border-top:1px solid rgba(255,255,255,.35)!important;
  }
  .v9-links.mst-mobile-open{display:flex!important}
  .v9-links>a,.v9-links>.nav-drop,.v9-links>details.mst-root-menu,.v9-links>.mst-search-toggle{width:100%!important;max-width:100%!important}
  .v9-links>a,.v9-links .nav-drop>a,.v9-links details.mst-root-menu>summary{
    display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:13px 12px!important;
    border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;
    color:#fff!important;background:#0758b8!important;text-align:left!important;font-size:15px!important;line-height:1.25!important;
    white-space:normal!important;text-decoration:none!important;font-weight:800!important;
  }
  .v9-links .nav-drop{display:block!important;height:auto!important;position:relative!important}
  .v9-links .nav-drop>a:after{content:''!important}
  .v9-links .nav-drop>.nav-menu{
    position:static!important;display:none!important;width:100%!important;min-width:0!important;max-width:none!important;
    margin:0!important;padding:0 0 4px 14px!important;border:0!important;box-shadow:none!important;background:#064d9f!important;
  }
  .v9-links .nav-drop.mst-mobile-subopen>.nav-menu{display:block!important}
  .v9-links .nav-menu a{display:block!important;width:100%!important;white-space:normal!important;padding:11px 12px!important;font-size:14px!important}

  /* Native Faves / USA / World / Experiences trees */
  .v9-links details.mst-root-menu{display:block!important;height:auto!important;position:relative!important}
  .v9-links details.mst-root-menu>summary{cursor:pointer!important}
  .v9-links details.mst-root-menu>summary::after{content:' +'!important;float:right!important;font-size:18px!important}
  .v9-links details.mst-root-menu[open]>summary::after{content:' −'!important}
  .v9-links .mst-root-panel{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;
    border:0!important;box-shadow:none!important;margin:0!important;padding:0 0 4px 14px!important;background:#064d9f!important;
  }
  .v9-links details.mst-root-menu:not([open])>.mst-root-panel{display:none!important}
  .v9-links details.mst-root-menu[open]>.mst-root-panel{display:block!important}
  .v9-links .mst-root-panel>a,.v9-links .mst-tree a,.v9-links .mst-tree summary{white-space:normal!important;font-size:14px!important;padding:11px 12px!important}
  .v9-links .mst-subpanel{padding-left:12px!important}
  .v9-links .mst-tree details>summary::after{right:12px!important}
  .v9-links .mst-search-toggle{display:block!important;height:48px!important;margin:4px 0 0!important;text-align:left!important;padding:10px 12px!important;background:#0758b8!important;border:0!important;border-radius:0!important;color:#fff!important}

  /* V18 injected header used by the legacy content pages */
  #mstv18-header{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}
  #mstv18-nav{
    width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
    display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;
    gap:8px!important;padding:8px 12px!important;
  }
  #mstv18-nav .dad{grid-column:1!important;flex:none!important;width:auto!important;min-width:0!important;margin:0!important;justify-self:start!important}
  #mstv18-nav .dad img{width:68px!important;height:76px!important;object-fit:contain!important}
  #mstv18-nav>.mst-mobile-menu-toggle{grid-column:3!important}
  #mstv18-links{
    grid-column:1/-1!important;width:100%!important;max-width:100%!important;height:auto!important;min-width:0!important;
    display:none!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    flex-wrap:nowrap!important;gap:0!important;max-height:calc(100vh - 116px)!important;overflow-y:auto!important;overflow-x:hidden!important;
    padding:4px 0 8px!important;border-top:1px solid rgba(255,255,255,.35)!important;
  }
  #mstv18-links.mst-mobile-open{display:flex!important}
  #mstv18-links>a,#mstv18-links>.drop,#mstv18-links>details.mst-root-menu,#mstv18-links>.mst-search-toggle{width:100%!important;max-width:100%!important}
  #mstv18-links>a,#mstv18-links .drop>a,#mstv18-links details.mst-root-menu>summary{
    display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:13px 12px!important;
    border-radius:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:#0758b8!important;color:#fff!important;
    text-align:left!important;font:800 15px/1.25 Arial,Helvetica,sans-serif!important;white-space:normal!important;text-decoration:none!important;
  }
  #mstv18-links .drop{display:block!important;height:auto!important;position:relative!important}
  #mstv18-links .drop>a:after{content:' +'!important;float:right!important;font-size:18px!important}
  #mstv18-links .drop.open>a:after{content:' −'!important}
  #mstv18-links .drop>.menu,#mstv18-links .drop.cascade>.hier-menu{
    position:static!important;display:none!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
    width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;overflow:visible!important;
    margin:0!important;padding:0 0 4px 14px!important;border:0!important;box-shadow:none!important;background:#064d9f!important;
  }
  #mstv18-links .drop.open>.menu,#mstv18-links .drop.cascade.open>.hier-menu{display:block!important}
  #mstv18-links .hier-menu li{width:100%!important}
  #mstv18-links .hier-menu li>a,#mstv18-links .menu a{width:100%!important;white-space:normal!important;padding:11px 34px 11px 12px!important;font-size:14px!important}
  #mstv18-links .hier-menu .submenu{
    position:static!important;display:none!important;width:100%!important;min-width:0!important;max-width:none!important;max-height:none!important;
    overflow:visible!important;margin:0!important;padding:0 0 0 14px!important;border:0!important;box-shadow:none!important;background:#05458f!important;
  }
  #mstv18-links .hier-menu li.has-sub.open>.submenu{display:block!important}
  #mstv18-links .hier-menu li.has-sub>a:after{content:'+'!important}
  #mstv18-links .hier-menu li.has-sub.open>a:after{content:'−'!important}
  #mstv18-links details.mst-root-menu{display:block!important;height:auto!important;position:relative!important}
  #mstv18-links details.mst-root-menu>summary::after{content:' +'!important;float:right!important;font-size:18px!important}
  #mstv18-links details.mst-root-menu[open]>summary::after{content:' −'!important}
  #mstv18-links .mst-root-panel{
    position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;width:100%!important;min-width:0!important;
    max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;margin:0!important;
    padding:0 0 4px 14px!important;background:#064d9f!important;
  }
  #mstv18-links details.mst-root-menu:not([open])>.mst-root-panel{display:none!important}
  #mstv18-links details.mst-root-menu[open]>.mst-root-panel{display:block!important}
  #mstv18-links .mst-root-panel>a,#mstv18-links .mst-tree a,#mstv18-links .mst-tree summary{white-space:normal!important;font-size:14px!important;padding:11px 12px!important}
  #mstv18-links .mst-subpanel{padding-left:12px!important}
  #mstv18-links .mst-search-toggle{display:block!important;width:100%!important;height:48px!important;margin-top:4px!important;text-align:left!important;padding:10px 12px!important;background:#0758b8!important;border:0!important;border-radius:0!important;color:#fff!important}

  /* Homepage: stack and fit the complete Don't Count the Days / Ali image. */
  .hero{width:100%!important;max-width:100%!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important}
  .hero-copy{width:100%!important;max-width:100%!important;padding:24px 16px 28px!important}
  .hero-media{width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:visible!important;border-left:0!important;border-top:6px solid #07843f!important;background:#fff!important}
  .hero-media img.ali{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center center!important}
  .goat{white-space:normal!important}
  .hero .btn{width:100%!important;max-width:100%!important;min-width:0!important;text-align:center!important}
  .proof,.proof-head,.facts,.testimonial,.final-cta,.final-cta-inner{width:100%!important;max-width:100%!important}
  .proof-line{grid-template-columns:1fr!important;gap:14px!important}
  .media-quote{text-align:left!important}
  .facts{grid-template-columns:1fr!important;padding-left:18px!important;padding-right:18px!important}
  .fact{grid-column:auto!important;border-right:0!important;border-bottom:2px solid #07843f!important}
  .fact:last-child{border-bottom:0!important}
  .testimonial{margin-left:auto!important;margin-right:auto!important;width:calc(100% - 28px)!important;padding:20px 16px!important}
  .final-cta{padding-left:16px!important;padding-right:16px!important}
  .final-cta-inner{grid-template-columns:1fr!important}
  .joe-phone-slot img{width:100%!important;max-width:250px!important;height:auto!important}
  .cta-buttons{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .cta-buttons .btn{width:100%!important;min-width:0!important}

  /* Keep common modern content-page layouts inside the phone viewport. */
  .mst-nav,.mst-links,.page-hero-inner,.content,.testimonial-grid,.mst-footer{width:100%!important;max-width:100%!important}
  .page-hero-inner,.content{padding-left:16px!important;padding-right:16px!important}
  .testimonial-grid{grid-template-columns:1fr!important}
  .mst-links{overflow-x:visible!important;white-space:normal!important}

  /* Legacy page safety: do not let old fixed-width canvases enlarge the viewport. */
  body.mstv18-legacy #body-element{max-width:100vw!important;overflow-x:hidden!important;transform:none!important}
  body.mstv18-legacy #body-element img{max-width:100%!important;height:auto!important;object-fit:contain!important}
  body.mst-v61-top-safe #body-element [style*="background-image"],
  body.mst-v57-layout-safe #body-element [style*="background-image"]{max-width:100%!important;background-size:contain!important;background-repeat:no-repeat!important}

  /* Search overlay sized for phones. */
  .mst-search-panel{padding:18px 10px!important}
  .mst-search-box{width:100%!important;max-width:100%!important;padding:14px!important}
}

@media (max-width:620px){
  .goat{font-size:42px!important;letter-spacing:-1px!important}
  .of-sports{font-size:29px!important}
  .cta-copy{font-size:23px!important}
  .proof-title{font-size:29px!important}
  .final-cta-copy h2{font-size:25px!important}
}