/* ============================================
   RESPONSIVE FINE-TUNING
   Base styles are mobile-first in style.css.
   This file holds cross-cutting breakpoint tweaks
   that don't belong to one component.
   ============================================ */

/* Small phones */
@media (max-width: 380px) {
  .hero h1 { font-size: 2.25rem; }
  .btn { padding: 0.85rem 1.5rem; font-size: 0.8rem; }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 999px) {
  .hero__content { max-width: 640px; }
}

/* Large desktop refinement */
@media (min-width: 1440px) {
  :root { --fs-body-lg: 1.2rem; }
}

/* Print */
@media print {
  .nav, .wa-float, .mobile-menu, footer { display: none; }
}