/* ================================================
   Mahim Project — Extra Responsive Fine-tuning
   (Supplements the breakpoints already defined in
   style.css and pages.css)
   ================================================ */

/* ===== LARGE DESKTOP ===== */
@media (min-width: 1600px) {
  .section, .section-sm { max-width: 1400px; }
}

/* ===== TABLET ===== */
@media (max-width: 1100px) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-right { display: none; }
  .hero::after { background: var(--white); }
  .hero-left { padding: 7rem 6% 4rem; }
  .why-section .inner { grid-template-columns: 1fr; gap: 3rem; }
}

/* ===== SMALL TABLET / LARGE PHONE ===== */
@media (max-width: 768px) {
  .services-overview-grid { grid-template-columns: 1fr; }
  .project-strip-grid { grid-template-columns: 1fr; }
  .trust-items { gap: 1rem 1.5rem; }
  .stat-cards { grid-template-columns: 1fr 1fr; }
  .about-hl-stats { grid-template-columns: 1fr 1fr; }
}

/* ===== PHONE ===== */
@media (max-width: 480px) {
  html { font-size: 15px; }
  .section, .section-sm { padding-left: 6%; padding-right: 6%; }
  .page-band { padding-left: 6%; padding-right: 6%; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { justify-content: center; }
  .hero-stats { flex-wrap: wrap; gap: 1.5rem; }
  .cta-strip .inner { text-align: center; }
  .back-to-top { right: 1rem; bottom: 1rem; width: 40px; height: 40px; }
  .nav-logo-sub { display: none; }
}

/* ===== VERY SMALL PHONE ===== */
@media (max-width: 360px) {
  .nav-right .btn { display: none; }
  .hero h1 { font-size: 2.2rem; }
}

/* ===== PRINT ===== */
@media print {
  nav, .hamburger, .back-to-top, .cta-strip, .lightbox, footer .social-links { display: none !important; }
  body { color: #000; }
  a { text-decoration: underline; }
}