/* ==========================================================================
   أبعاد جلوبال — Responsive Layout v2
   Mobile-first refinements
   ========================================================================== */

/* ── Large screens (≤ 1180px) ── */
@media (max-width: 1180px) {
  .footer-top { grid-template-columns: 1.5fr 1fr 1.5fr; }
  .footer-nl  { grid-column: 1 / -1; }
}

/* ── Tablet landscape (≤ 1024px) ── */
@media (max-width: 1024px) {
  :root { --hdr-h: 84px; }

  .nav-main  { display: none; }
  .lang-btn  { display: none; }
  .nav-toggle { display: flex; }
  .hdr-cta   { display: none; }

  .about-grid,
  .why-grid,
  .contact-grid,
  .contact-layout { grid-template-columns: 1fr; }

  .why-media { max-width: 520px; margin-inline: auto; }
  .about-media { max-width: 540px; margin-inline: auto; }

  .proj-grid { grid-template-columns: repeat(2,1fr); }
  .proj-card--wide { grid-column: span 2; }

  .serv-grid,
  .serv-grid-v2 { grid-template-columns: repeat(2,1fr); }
  .news-grid,
  .news-grid-v2 { grid-template-columns: repeat(2,1fr); }
  .news-featured { grid-template-columns: 1fr; }
  .news-featured-body { padding: 28px; }
  [dir="ltr"] .news-featured-body { padding: 28px; }
  .nl-section { grid-template-columns: 1fr; gap: 36px; }

  .testi-wrapper { grid-template-columns: 1fr; }

  .stats-grid { grid-template-columns: repeat(4,1fr); }
  .hero-stats-inner { grid-template-columns: repeat(4,1fr); }

  .pd-gallery { grid-template-columns: 1fr; height: auto; }
  .pd-gallery .main { grid-row: auto; aspect-ratio: 16/9; }
  .pd-spec-bar { grid-template-columns: repeat(2,1fr); }
  .pd-layout { grid-template-columns: 1fr; }
  .price-card { position: static; }

  .article-layout { grid-template-columns: 1fr; }
  .article-sidebar { position: static; }

  .vmv-grid { grid-template-columns: 1fr 1fr; }
  .team-grid { grid-template-columns: repeat(2,1fr); }
  .awards-grid { grid-template-columns: repeat(2,1fr); }
  .process-grid { grid-template-columns: repeat(2,1fr); }
  .pd-gallery-v2 { grid-template-columns: 1fr; }
  .pd-gallery-v2 .pd-main-img { grid-column: auto; }

  .footer-top { grid-template-columns: 1fr 1fr; gap: 36px; }
  .footer-brand { grid-column: 1 / -1; }
}

/* ── Tablet portrait (≤ 768px) ── */
@media (max-width: 768px) {
  :root { --hdr-h: 72px; }

  .hero-stats-inner,
  .hero-stats-band .hero-stats-inner { grid-template-columns: repeat(2,1fr); }
  .hero-stats-band .hero-stat { padding: 20px 16px; }
  .hero-scroll { display: none; }
  .hero-content { padding-block: calc(var(--hdr-h) + 40px) 60px; }

  .proj-grid { grid-template-columns: 1fr; }
  .proj-card--wide { grid-column: auto; }

  .serv-grid,
  .serv-grid-v2 { grid-template-columns: 1fr; }
  .news-grid,
  .news-grid-v2 { grid-template-columns: 1fr; }

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

  .form-grid,
  .form-row { grid-template-columns: 1fr; }
  .feature-list { grid-template-columns: 1fr; }

  .vmv-grid { grid-template-columns: 1fr; }
  .team-grid { grid-template-columns: 1fr 1fr; }
  .awards-grid { grid-template-columns: 1fr; }
  .cta-band-actions { flex-direction: column; align-items: center; }
  .process-grid { grid-template-columns: 1fr 1fr; }
  .timeline { padding-right: 20px; }
  [dir="ltr"] .timeline { padding-left: 20px; }

  .footer-top { grid-template-columns: 1fr; gap: 28px; }

  .contact-form-card { padding: 24px; }

  .cta-band { padding-inline: 24px; }
  .cta-actions { flex-direction: column; align-items: center; }

  .hero-actions { flex-direction: column; align-items: flex-start; }
  .hero-actions .btn { width: 100%; max-width: 300px; }
}

/* ── Phone (≤ 480px) ── */
@media (max-width: 480px) {
  html { font-size: 15px; }

  .hero-stats-inner { grid-template-columns: repeat(2,1fr); }
  .hero-stat { padding: 18px 16px; }

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

  .pd-spec-bar { grid-template-columns: 1fr 1fr; }
  .team-grid { grid-template-columns: 1fr; }

  .tl-item { grid-template-columns: 64px 1fr; }
  .tl-dot { right: -27px; }
  [dir="ltr"] .tl-dot { right: auto; left: -27px; }

  .footer-bottom { flex-direction: column; text-align: center; }
  .footer-legal  { flex-direction: column; gap: 8px; }

  .testi-card { flex: 0 0 290px; }
  .proj-card .proj-body { padding: 18px 20px; }

  .mobile-nav { padding-top: calc(var(--hdr-h) + 20px); }
  .mobile-nav .m-link { font-size: 1.3rem; }

  .to-top { bottom: 20px; right: 20px; width: 42px; height: 42px; }
  [dir="ltr"] .to-top { right: auto; left: 20px; }
}

/* ── Print ── */
@media print {
  .site-header, .site-footer, .to-top, .scroll-progress,
  .mobile-nav, .hero-scroll, .hero-stats { display: none !important; }
  body { background: #fff; color: #000; }
  .hero { min-height: 0; }
}