@media (max-width: 991px) {
  .hero-section {
    padding-top: 45px;
  }
  .hero-panel {
    margin-top: 20px;
  }
  .navbar-collapse {
    padding-top: 12px;
  }
  .page-header {
    padding-top: 125px;
  }
}
@media (max-width: 576px) {
  .hero-panel {
    padding: 30px 20px;
  }
  .mini-grid {
    gap: 7px;
  }
  .hero-section h1 {
    font-size: 2.8rem;
  }
  .page-header {
    padding-bottom: 45px;
  }
}

/* =========================================================
   MOBILE HERO FIX
   Mencegah konten hero tertutup navbar
========================================================= */

@media (max-width: 991.98px) {
  .hero-section {
    padding-top: 100px !important;
  }

  .hero-section .min-vh-75 {
    min-height: calc(75vh - 100px);
  }
}

@media (max-width: 576px) {
  .hero-section {
    padding-top: 115px !important;
    padding-bottom: 50px;
  }

  .hero-section .row {
    min-height: auto !important;
  }

  .hero-section h1 {
    margin-top: 18px;
    font-size: clamp(2.2rem, 11vw, 3.4rem);
    line-height: 1.08;
  }

  .hero-section .lead {
    font-size: 1rem;
  }

  .hero-section .eyebrow {
    font-size: 0.68rem;
    line-height: 1.4;
  }
}