/* ==========================================================================
   Responsive — Fuel Oil Terminal Curaçao B.V.
   ========================================================================== */

@media (max-width: 1080px){
  :root{ --section-pad:96px; }
  .footer-top{ grid-template-columns:1.3fr 1fr 1fr; }
  .footer-col.footer-newsletter{ grid-column:1 / -1; }
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .stats-grid{ grid-template-columns:repeat(2,1fr); row-gap:36px; }
  .stat-item:nth-child(3){ border-left:none; }
  .value-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 960px){
  .nav-links{
    position:fixed;
    top:0; right:0;
    height:100vh;
    width:min(320px,86vw);
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    padding:110px 32px 32px;
    gap:26px;
    box-shadow:-16px 0 40px rgba(0,0,0,0.14);
    transform:translateX(100%);
    transition:transform .45s var(--ease);
    z-index:999;
  }
  .nav-links.is-open{ transform:translateX(0); }
  .nav-links a{ color:var(--color-heading) !important; font-size:16px; }
  .nav-toggle{ display:flex; }
  .nav-toggle.is-active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .nav-toggle.is-active span:nth-child(2){ opacity:0; }
  .nav-toggle.is-active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  .split{ grid-template-columns:1fr; gap:40px; }
  .grid-3{ grid-template-columns:repeat(2,1fr); }
  .form-row{ grid-template-columns:1fr; }
}

@media (max-width: 780px){
  :root{ --section-pad:72px; --section-pad-sm:56px; }
  .grid-3, .grid-4, .grid-2{ grid-template-columns:1fr; }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .footer-top{ grid-template-columns:1fr 1fr; gap:36px; }
  .cta-banner{ padding:44px 28px; flex-direction:column; align-items:flex-start; }
  .cta-banner-action{ width:100%; }
  .cta-banner-action .btn{ width:100%; }
  .value-grid{ grid-template-columns:1fr; }
  .hero-ctas{ flex-direction:column; align-items:stretch; }
  .hero-ctas .btn{ width:100%; }
  .footer-bottom{ flex-direction:column; align-items:flex-start; }
}

@media (max-width: 780px){
  .parallax-band{ background-attachment:scroll; min-height:340px; }
  .banner-hero-image{ height:400px; }
  .banner-hero.is-compact .banner-hero-image{ height:300px; }
  .banner-card{ margin-top:-80px; padding:36px 24px 32px; border-radius:20px; }
  .banner-pills{ gap:10px; }
  .banner-pill{ padding:11px 18px; font-size:13.5px; }
}

@media (max-width: 560px){
  .footer-top{ grid-template-columns:1fr; }
  .page-header{ min-height:44vh; padding-top:120px; }
  .hero{ min-height:92vh; }
  .cookie-banner{ left:12px; right:12px; bottom:12px; padding:18px; }
  .search-overlay{ padding:96px 16px 16px; }
}