/*
 * SAFAROKA — HOME STATIC DISCOUNT IMAGE R6
 * Corrective override for the legacy V1.9.80/V1.9.83 homepage promo card.
 * Purpose: show ONE approved static banner image instead of the coded promo card UI.
 */

/* Preserve the desktop hero/search left-rail behavior from the home hotfix family. */
@media (min-width: 768px) {
  .desktop-home-hero .search-card,
  .desktop-home-hero .trust-strip,
  .hero-copy + .search-card,
  .hero-copy ~ .trust-strip {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}

/*
 * Actual promo card layers used across the legacy and newer homepage versions.
 * The root stays in place, but every coded child is hidden and replaced visually
 * by the approved static artwork.
 */
.home-promo-card,
.promo-ticket {
  display: block !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: calc(100% - 32px) !important;
  max-width: 980px !important;
  aspect-ratio: 1388 / 663 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 34px rgba(8, 56, 45, .10) !important;
  background-color: transparent !important;
  background-image: url('/assets/img/home-discount-static-v1986.webp') !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 100% 100% !important;
  isolation: isolate !important;
}

.home-promo-card::before,
.home-promo-card::after,
.promo-ticket::before,
.promo-ticket::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.home-promo-card > *,
.promo-ticket > * {
  display: none !important;
  visibility: hidden !important;
}

/* If the page still has the older mobile-only promo UI, do not duplicate it. */
.mobile-discover-promo {
  display: none !important;
}

/* Keep the promo section airy; the approved image is the only visual card. */
.home-promo-section,
.home-promos,
.home-promo-wrap,
.home-promo,
.promo-section,
[data-home-promo] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 767px) {
  .home-promo-card,
  .promo-ticket {
    width: calc(100% - 24px) !important;
    max-width: 720px !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 22px rgba(8, 56, 45, .08) !important;
  }
}