/* mobile-320.css — small-screen hardening (320–420px), loaded site-wide last */
@media(max-width:420px){
 body{overflow-x:clip}
 .wrap{padding-left:16px;padding-right:16px}
 .subhero h1,.tour-hero h1,.boat-hero h1,.event-hero h1,.about-intro h1{font-size:clamp(26px,8.8vw,34px)!important;overflow-wrap:break-word}
 .subhero .sub,.tagline{font-size:15px!important}
 .stat-bar{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 14px}
 .hero-ctas{display:flex;flex-wrap:wrap;gap:10px}
 .hero-ctas .btn,.tour-hero .ctas .btn{flex:1 1 100%;justify-content:center}
 .tour-kpis,.boat-kpis-icon{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}
 .glance-grid{grid-template-columns:1fr 1fr!important}
 .gallery-grid{grid-template-columns:1fr 1fr!important;grid-auto-rows:108px}
 .footer-grid{grid-template-columns:1fr!important;gap:28px}
 .footer-cta{flex-direction:column;align-items:flex-start;gap:14px}
 .legal-bar{flex-direction:column;gap:8px;text-align:center}
 .whatsapp-fab span{display:none}
 .whatsapp-fab{padding:13px}
 .tm-incl-grid,.contact-grid,.boat-grid,.fc-grid,.i1-dt-grid,.reltrips-grid,.ei-grid{grid-template-columns:1fr!important}
 .section-head{display:block}
 .section-head .lead{margin-top:10px}
 .crumbs{font-size:12px}
 .advisor-card{flex-direction:column;align-items:flex-start}
 .advisor-card .ac-actions{width:100%}
 .advisor-card .ac-actions a{flex:1 1 auto;justify-content:center}
 .tc-row{grid-template-columns:1fr!important}
 .cta-row{flex-wrap:wrap}
 .cta-row .btn{flex:1 1 100%;justify-content:center}
 .doc-meta{flex-wrap:wrap}
 .evx-water{flex-direction:column;align-items:flex-start}
 .evx-water .wa2{width:100%}
 .evx-water .wa2 a{flex:1 1 auto;justify-content:center;text-align:center}
 .tour-top-cta.quote-sticky{padding:22px 18px}
 .quote-sticky .price-large{font-size:22px}
 .cat-plate{position:static!important;margin:12px 0 0}
 .fleetspec-table{min-width:720px}
 .timeline li{gap:10px}
}
@media(max-width:350px){
 .wrap{padding-left:12px;padding-right:12px}
 .subhero h1,.tour-hero h1,.boat-hero h1{font-size:24px!important}
 h2{font-size:clamp(20px,6.8vw,24px)!important}
 .stat-bar,.tour-kpis,.boat-kpis-icon,.glance-grid{grid-template-columns:1fr!important}
 .gallery-grid{grid-template-columns:1fr!important;grid-auto-rows:130px}
 .btn{font-size:13.5px;padding:12px 14px}
 .header-cta{padding:9px 13px;font-size:12.5px}
 .brand-text{font-size:15px}
}