/* ==========================================================================
   SAIMEN CONSTRUCTION COMPANY — RESPONSIVE STYLES
   ========================================================================== */

/* ---- Laptop / small desktop ---- */
@media (max-width: 1180px){
  :root{ --space-section: 100px; }
  .container{ padding: 0 24px; }
  .intro__grid, .why__grid{ gap: 50px; }
}

/* ---- Tablet ---- */
@media (max-width: 980px){
  :root{ --space-section: 84px; --space-section-tight: 48px; }

  .nav{ display:none; }
  .burger{ display:flex; }

  .intro__grid{ grid-template-columns: 1fr; }
  .intro__media{ max-width: 420px; margin: 0 auto 50px; }

  .why__grid{ grid-template-columns: 1fr; }
  .why__media{ order:-1; max-width: 480px; margin: 0 auto 50px; aspect-ratio: 16/10; }

  .services__grid{ grid-template-columns: repeat(2, 1fr); }
  .projects__grid{ grid-template-columns: repeat(2, 1fr); }
  .news__grid{ grid-template-columns: repeat(2, 1fr); }

  .stats__grid{ grid-template-columns: repeat(2, 1fr); row-gap: 30px; }
  .stat{ border-right:none !important; border-left:none !important; }

  .process__track{ grid-template-columns: repeat(3, 1fr); row-gap: 44px; }
  .process__track::before{ display:none; }

  .footer__top{ grid-template-columns: 1fr 1fr; row-gap: 44px; }

  .hero__floaters{ display:none; }
  .hero__content{ max-width: 620px; }
}

/* ---- Mobile ---- */
@media (max-width: 640px){
  .container{ padding: 0 20px; }

  .header__inner{ height: 68px; }
  .logo__sub{ display:none; }
  .header__actions{ gap: 10px; }
  .header__actions .btn--sm{ display:none; }
  .lang-switch{ padding: 6px 10px; font-size:12px; }

  .mobile-nav{ inset: 68px 0 0 0; padding: 28px 20px; }
  .mobile-nav__list a{ font-size: 21px; padding: 10px 0; }

  .hero{ min-height: 92vh; }
  .hero__content{ padding-top: 60px; }
  .hero__title{ font-size: clamp(32px, 9vw, 44px); }
  .hero__subtitle{ font-size: 15.5px; }
  .hero__ctas{ flex-direction: column; align-items:stretch; }
  .hero__ctas .btn{ text-align:center; }

  .section{ padding: 64px 0; }
  .section-tight{ padding: 44px 0; }
  .section-head{ margin-bottom: 36px; }

  .intro__media-badge{ left: 12px; bottom:-18px; padding: 14px 18px; }
  html[dir="rtl"] .intro__media-badge{ right: 12px; }

  .services__grid{ grid-template-columns: 1fr; gap: 20px; }
  .projects__grid{ grid-template-columns: 1fr; gap: 20px; }
  .news__grid{ grid-template-columns: 1fr; gap: 30px; }

  .stats__grid{ grid-template-columns: repeat(2, 1fr); }
  .stat__num, .stat__plus{ font-size: 30px; }

  .process__track{ grid-template-columns: 1fr; gap: 34px; }

  .why__list{ gap: 24px; }

  .clients__row{ gap: 28px; }
  .client-mark{ font-size: 16px; }

  .cta-banner{ padding: 64px 0; }

  .footer{ padding-top: 56px; }
  .footer__top{ grid-template-columns: 1fr; gap: 36px; padding-bottom: 40px; }
  .footer__bottom{ flex-direction: column; gap: 16px; text-align:center; }

  .testimonial-slider{ min-height: 260px; }
}

/* ---- Reduced motion ---- */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}