/* =========================
   HOME PAGE BANNERS
========================= */

.mfh-banner {
  margin: 18px 0;
}

.mfh-banner-wrap {
  display: block;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
}

.mfh-banner img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

/* TOP banner spacing */
.home-banner-top {
  margin-top: 12px;
}

/* BOTTOM banner spacing */
.home-banner-bottom {
  margin-bottom: 24px;
}

/* Desktop banner height control */
@media (min-width: 1024px) {
  .mfh-banner img {
    max-height: 340px;
  }
}

/* Mobile optimization */
@media (max-width: 768px) {
  .mfh-banner img {
    max-height: 180px;
  }
}