/* FESKY Caribbean responsive content corrections */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:94px}
body{min-width:320px;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}

@media(max-width:940px){
  html{scroll-padding-top:72px}

  main,section,.section,.hero,.cashflow-main{max-width:100%!important;overflow-x:hidden!important}

  .shell,.container{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .hero,
  .hero-full,
  .hero-section{
    min-height:auto!important;
    height:auto!important;
    padding-top:40px!important;
    padding-bottom:48px!important;
  }

  .hero-full-layout,
  .hero-layout,
  .solutions-layout,
  .why-layout,
  .contact-layout,
  .hero-grid,
  .showcase,
  .shipment-panel{
    grid-template-columns:1fr!important;
  }

  .hero-copy,
  .hero-content{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }

  .hero h1,
  .hero-title{
    max-width:100%!important;
    font-size:clamp(44px,10vw,68px)!important;
    line-height:.98!important;
    letter-spacing:-.045em!important;
    overflow-wrap:normal!important;
  }

  .hero p,.hero-subtitle{
    max-width:100%!important;
    font-size:16px!important;
    line-height:1.6!important;
  }

  .hero-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .hero-actions .button,
  .hero-actions .btn{
    width:100%!important;
    min-height:48px!important;
    justify-content:center!important;
  }

  .hero-trust,
  .trust-row{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  .division-grid,
  .industry-grid,
  .insight-grid,
  .feature-grid,
  .tracking-suite,
  .stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .map-card{width:100%!important;max-width:100%!important}
}

@media(max-width:600px){
  .shell,.container{
    padding-left:15px!important;
    padding-right:15px!important;
  }

  .hero,
  .hero-full,
  .hero-section{
    padding-top:30px!important;
    padding-bottom:40px!important;
  }

  .hero h1,
  .hero-title{
    font-size:clamp(38px,12vw,52px)!important;
    line-height:1!important;
  }

  .hero h2{font-size:26px!important}
  .hero p,.hero-subtitle{font-size:15px!important}

  .division-grid,
  .industry-grid,
  .insight-grid,
  .feature-grid,
  .tracking-suite,
  .stats,
  .product-grid,
  .catalog-grid{
    grid-template-columns:1fr!important;
  }

  .cashflow-main .dashboard{
    padding:10px!important;
    border-radius:20px!important;
  }

  .cashflow-main .dash-layout{grid-template-columns:1fr!important}
  .cashflow-main .sidebar{display:none!important}
  .cashflow-main .kpis{grid-template-columns:1fr!important}
  .cashflow-main .activity{grid-template-columns:1fr!important}
  .cashflow-main .fleet-panel{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
  }

  .category-tabs,.catalog-tabs,.filter-tabs{
    display:flex!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    padding-bottom:8px!important;
    scrollbar-width:none!important;
  }
}