/* ================================================
   Bella Diana Aesthetic Clinic — Responsive Tweaks
   ================================================ */

@media (max-width: 1024px) {
  .hero-split {
    gap: 30px;
  }

  .hero-copy h1 {
    font-size: clamp(2.3rem, 6vw, 3.4rem);
  }
}

@media (max-width: 768px) {
  .hero {
    padding-top: 50px;
  }

  .hero-split {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .hero-copy p {
    margin: 0 auto;
  }

  .hero-badges {
    justify-content: center;
  }

  .hero-actions {
    justify-content: center;
  }

  .cta-banner {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .brand-icon {
    width: 36px;
    height: 36px;
  }

  .brand-title {
    font-size: 1rem;
  }

  .section-title {
    font-size: 2rem;
  }
}