/* Owner-supplied promo ribbons. One per product, anchored to image bottom. */
:is(.prod-img,.mx-photo){position:relative!important;display:block;overflow:hidden}
:is(.prod-img,.mx-photo) img.ds84-promo-banner{position:absolute!important;z-index:4;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:30%!important;object-fit:contain!important;object-position:bottom!important;pointer-events:none!important;border-radius:0!important;filter:none!important}
:is(.prod-img,.mx-photo) .prod-badges{z-index:5}

/* v3.72.86: responsive ribbons have no white padding or visual overflow. */
:is(.prod-img,.mx-photo) .ds84-promo-banner{display:block!important;aspect-ratio:auto!important;max-height:26%!important;width:100%!important;transform:none!important;opacity:1!important;box-shadow:none!important}
@media(max-width:560px){:is(.prod-img,.mx-photo) .ds84-promo-banner{max-height:25%!important}}

/* v3.72.87: actual Homepage product cards have high-specificity generic image rules.
   Override those ONLY for the artwork ribbon, not the product photo. */
body.v335-home .prod-card.v39-shop-card > a.prod-img > img.ds84-promo-banner,
body.v335 .v-trend-item > a.v-trend-img > img.ds84-promo-banner,
body.v335 .mx-product.v39-category-card > a.mx-photo > img.ds84-promo-banner,
.mx-product.v39-category-card > a.mx-photo > img.ds84-promo-banner {
  position:absolute!important; display:block!important;
  left:0!important;right:0!important;bottom:0!important;top:auto!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  max-height:none!important;min-height:0!important;
  aspect-ratio:auto!important;object-fit:fill!important;object-position:bottom!important;
  margin:0!important;padding:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;transform:none!important;
  opacity:1!important;filter:none!important;z-index:6!important;
  pointer-events:none!important;
}
body.v335 .v-trend-item > a.v-trend-img,
body.v335-home .prod-card.v39-shop-card > a.prod-img,
.mx-product.v39-category-card > a.mx-photo {position:relative!important;isolation:isolate}
.ds87-trend-label{
 display:inline-block;align-self:flex-start;max-width:100%;width:max-content;
 margin:3px 0 6px;padding:3px 6px;border-radius:4px;
 background:#f4edff;color:#7543ad;font-size:10px;line-height:1.2;
 font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.v335-home .prod-card.v39-shop-card .ds87-trend-label {margin:2px 0 5px;font-size:10px}
body.v335 .v-trend-item .ds87-trend-label{margin-bottom:6px}
@media(max-width:560px){body.v335-home .prod-card.v39-shop-card .ds87-trend-label{font-size:9px;padding:2px 5px}}
