/* Mobile-first breakpoints */

/* Tablet: 1024px and below */
@media (max-width: 1024px) {
  .nav-list { gap: var(--sp-6); }
  .nav-list a { font-size: 0.85rem; }

  .contacts__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--sp-10);
  }

  .contacts__col:last-child { grid-column: span 2; }
}

/* Small tablet / large phone: 768px and below */
@media (max-width: 768px) {
  .navbar__nav,
  .navbar__actions .lang-switcher { display: none; }

  .burger { display: inline-flex; }

  .navbar__actions { gap: var(--sp-2); }

  .hero__inner { padding-top: 7rem; padding-bottom: 7rem; }

  .hero__title { max-width: 14ch; }

  .hero__meta {
    flex-direction: column;
    align-items: stretch;
    gap: var(--sp-3);
    border-radius: var(--r-lg);
    padding: var(--sp-4) var(--sp-6);
  }

  .hero__meta-item { justify-content: space-between; }

  .hero__meta-divider { display: none; }

  .hero__scroll { display: none; }

  .section__head { margin-bottom: var(--sp-12); }

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

  .service-card { padding: var(--sp-10) var(--sp-6); }

  .contacts__grid {
    grid-template-columns: 1fr;
    gap: var(--sp-10);
  }

  .contacts__col:last-child { grid-column: span 1; }

  .footer__inner {
    flex-direction: column;
    text-align: center;
    gap: var(--sp-6);
  }
}

/* Phone: 480px and below */
@media (max-width: 480px) {
  .container { --container-pad: 1.25rem; }

  .navbar__logo .logo-text { display: none; }

  .hero__cta { width: 100%; flex-direction: column; }
  .hero__cta .btn { width: 100%; }

  .btn { padding: 0.95rem 1.6rem; font-size: 0.9rem; }

  .service-card__no { font-size: 0.85rem; }
}

/* Wide screens: enhance hero spacing */
@media (min-width: 1600px) {
  :root { --container-max: 1480px; }
  .hero__inner { padding-top: 11rem; padding-bottom: 11rem; }
}