.clover-collection-promotions--banner {
  position: relative;
  width: 100%;
  height: auto;
  max-height: none;
  overflow: visible;
  background: rgb(var(--clover-navy));
}

.clover-collection-promotions--empty {
  min-height: 16rem;
  background: rgb(var(--clover-navy) / 0.06);
  border-bottom: 1px dashed rgb(var(--clover-navy) / 0.16);
}

.clover-collection-promotions__media {
  width: 100%;
  line-height: 0;
  height: auto;
  max-height: none;
  overflow: visible;
}

.clover-collection-promotions__media img,
.clover-collection-promotions__media svg,
.clover-collection-promotions__image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  object-fit: contain;
  object-position: center top;
}

.clover-collection-promotions--empty .clover-collection-promotions__media {
  min-height: 16rem;
}

.clover-collection-promotions--empty .clover-collection-promotions__media svg {
  width: 100%;
  height: 100%;
  min-height: 16rem;
  object-fit: contain;
}

.clover-collection-promotions__placeholder {
  opacity: 0.28;
}

/* Safety: hide legacy overlay copy if an older hero markup/CSS is still cached */
.clover-collection-promotions--banner .clover-collection-promotions__inner,
.clover-collection-promotions--banner .clover-collection-promotions__eyebrow,
.clover-collection-promotions--banner .clover-collection-promotions__title,
.clover-collection-promotions--banner .clover-collection-promotions__desc {
  display: none !important;
}

.clover-collection-promotions--banner::after {
  display: none !important;
  content: none !important;
}