/* ============================================================
   DENTWIDE — Responsive (1200 / 768 / 480)
   ============================================================ */

/* ── ≤ 1200px (Tablet landscape) ────────────────────────── */
@media (max-width: 1200px) {
  .container { padding-inline: var(--space-6); }
  .section-title { font-size: var(--font-size-3xl); }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: var(--space-10); }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── ≤ 768px (Tablet portrait / mobile) ─────────────────── */
@media (max-width: 768px) {
  :root { --header-height: 64px; }

  .container { padding-inline: var(--space-5); }
  .section  { padding-block: var(--space-16); }
  .section--lg { padding-block: var(--space-20); }
  .section-title { font-size: var(--font-size-2xl); }
  .section-subtitle { font-size: var(--font-size-base); }

  /* Header */
  .nav, .header__actions .btn { display: none; }
  .hamburger { display: flex; }

  /* Hero */
  .hero { min-height: 100svh; }
  .hero__title { font-size: clamp(2rem, 8vw, 3rem); }
  .hero__subtitle { font-size: var(--font-size-base); }
  .hero__actions { gap: var(--space-3); }
  .hero__shape--1 { width: 300px; height: 300px; }

  /* Page hero */
  .page-hero__title { font-size: var(--font-size-3xl); }
  .page-hero { padding-top: calc(var(--header-height) + var(--space-12)); padding-bottom: var(--space-12); }

  /* Grids */
  .grid--2, .grid--3, .grid--4 { grid-template-columns: 1fr; }
  .form-row { grid-template-columns: 1fr; }

  /* Stats */
  .stat-number { font-size: var(--font-size-4xl); }

  /* Footer */
  .footer__grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .footer__bottom { flex-direction: column; text-align: center; }

  /* Gallery */
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-filters { gap: var(--space-2); }

  /* Gallery single-col can be 2 */
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }

  /* Lightbox nav */
  .lightbox__prev { left: var(--space-3); }
  .lightbox__next { right: var(--space-3); }

  /* Map */
  .map-wrapper iframe { height: 260px; }

  /* Scroll top */
  .scroll-top { bottom: var(--space-5); right: var(--space-5); }

  /* Lang btn text */
  .lang-btn .lang-text { display: none; }
}

/* ── ≤ 480px (Small mobile) ─────────────────────────────── */
@media (max-width: 480px) {
  .container { padding-inline: var(--space-4); }
  .section-title { font-size: var(--font-size-xl); }

  .hero__title { font-size: 1.9rem; }
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .btn { width: 100%; justify-content: center; }
  .btn.btn--outline { width: auto; }

  .gallery-grid { grid-template-columns: 1fr; }

  .lightbox { padding: var(--space-4); }
  .lightbox__img { max-height: 70vh; }

  .page-hero__title { font-size: var(--font-size-2xl); }

  .stat-number { font-size: var(--font-size-3xl); }

  .footer__grid { gap: var(--space-6); }

  .mobile-nav__link { font-size: var(--font-size-xl); }

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

/* ── Print ───────────────────────────────────────────────── */
@media print {
  .header, .footer, .scroll-top, .hero__scroll { display: none; }
  .hero { min-height: auto; padding: var(--space-8) 0; }
  body { color: #000; }
}