/* ============================================================
   Al-Naeim Construction Co. Ltd — Responsive Rules
   ============================================================ */

/* Ultra-wide */
@media (min-width: 1800px){
  .container{ width: min(86%, 1600px); }
}

/* Laptop */
@media (max-width: 1280px){
  .nav__menu ul{ gap: 1.5rem; }
}

/* Laptop */
@media (max-width: 1180px){
  .services__grid{ grid-template-columns: repeat(2, 1fr); }
  .equipment__layout{ grid-template-columns: 1fr; }
  .footer__grid{ grid-template-columns: 1fr 1fr; }
}

/* Tablet */
@media (max-width: 1024px){
  .nav__menu{ display:none; }
  .nav__burger{ display:flex; }
  .nav__cta{ display:none; }

  .about__grid{ grid-template-columns: 1fr; gap: 3rem; }
  .chairman__grid{ grid-template-columns: 1fr; gap: 3rem; }
  .chairman__portrait{ max-width:360px; justify-self:center; }
  .about__values{ grid-template-columns: 1fr; }
  .projects__grid{ grid-template-columns: repeat(2,1fr); }
  .projects__timeline{ grid-template-columns: 1fr; gap: 2rem; }
  .gallery__grid{ grid-template-columns: repeat(2,1fr); grid-auto-rows: 160px; }
  .safety__grid{ grid-template-columns: 1fr; gap: 2.5rem; }
  .safety__list{ grid-template-columns: 1fr; }
  .news__grid, .trust__grid, .partners__grid{ grid-template-columns: 1fr; }
  .contact__grid{ grid-template-columns: 1fr; gap: 2.5rem; }
  .equipment__gallery{ grid-template-columns: repeat(2,1fr); }

  .nav__menu.is-open{
    display:flex; position:fixed; inset: var(--nav-h) 0 0 0;
    background: rgba(8,8,9,.98); backdrop-filter: blur(20px);
    flex-direction:column; padding: 2rem 1.5rem; overflow-y:auto;
  }
  .nav__menu.is-open ul{ flex-direction:column; align-items:flex-start; gap:0; width:100%; }
  .nav__menu.is-open ul li{ width:100%; border-bottom:1px solid rgba(255,255,255,.06); }
  .nav__menu.is-open ul a{ display:block; padding: 1.1rem 0; font-size:1.1rem; }
  .nav__menu.is-open .mega{
    position:static; transform:none; opacity:1; visibility:visible; pointer-events:auto;
    display:flex; background:none; border:none; padding: 0 0 1rem 1rem; backdrop-filter:none;
  }

  .hero__stats-strip{ grid-template-columns: repeat(2,1fr); }
  .hero__stats-strip .stat:nth-child(3){ border-inline-start:none; }
}

/* Mobile */
@media (max-width: 640px){
  .hero__title{ font-size: clamp(2.6rem, 14vw, 4rem); }
  .hero__cta{ flex-direction:column; width:100%; }
  .hero__cta .btn{ width:100%; }
  .hero__scroll{ display:none; }
  .lang-switch{ display:none; }
  .section{ padding: 6rem 0; }

  .services__grid{ grid-template-columns: 1fr; }
  .equipment__gallery{ grid-template-columns: 1fr; }
  .about__stats{ gap: 1.4rem; flex-wrap: wrap; }
  .about__badge{ flex-direction:column; align-items:flex-start; gap:.3rem; }
  .projects__grid{ grid-template-columns: 1fr; }
  .gallery__grid{ grid-template-columns: 1fr; grid-auto-rows: 220px; }
  .gallery__item[style*="span 2"]{ grid-row: span 1 !important; }
  .footer__grid{ grid-template-columns: 1fr; }
  .footer__bottom{ flex-direction:column; text-align:center; }
  .careers__inner{ padding: 2.5rem 1.5rem; }
}

/* Fine-pointer only features */
@media (hover: none){
  .cursor{ display:none; }
  body{ cursor:auto; }
}
