/* Mobile (phones) */
@media (max-width: 575.98px) {
  /* Hero */
  header.hero {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }

  .hero__image {
    height: 220px;
    border-radius: 10px;
  }

  /* Navbar spacing */
  .navbar .nav-link i {
    margin-right: 0 !important;
  }

  /* Featured cards */
  .card-img-top {
    height: 180px;
  }

  /* Shop page */
  main.container.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  aside.col-lg-3 {
    margin-bottom: 1rem;
  }

  /* Reduce tab/button sizes */
  .nav-tabs .nav-link {
    padding: 0.5rem 0.6rem;
    font-size: 0.9rem;
  }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991.98px) {
  .hero__image {
    height: 300px;
  }

  .card-img-top {
    height: 200px;
  }
}

/* Desktop: penyesuaian */
@media (min-width: 992px) {
}