@media (max-width: 767px) {
  .home-hero {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .home-hero__media {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: clamp(280px, 78vw, 360px) !important;
    overflow: hidden !important;
  }

  .home-hero__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 34% !important;
    transform: none !important;
  }

  .home-hero__overlay {
    display: none !important;
  }

  .home-hero__inner.container {
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 32px 20px 38px !important;
    background: var(--navy) !important;
  }

  .home-hero__content,
  html[lang="ar"] .home-hero__content {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}