/* Shared cover badges: the same component for Currency, Boosting and Items. */
.offer-cover-badges { position: absolute; z-index: 1; bottom: 12px; left: 14px; right: 14px; display: flex; gap: 6px; flex-wrap: wrap; }
.offer-cover-badges > span { display: inline-flex; gap: 5px; align-items: center; padding: 5px 8px; border: 1px solid #6c96c1; background: #0d1a2ceb; border-radius: 8px; color: #f6f8ff; font-size: 12px; overflow-wrap: anywhere; }
.offer-cover-badges .offer-cover-delivery { color: #4ade80; border-color: #4ade8066; }
.offer-cover-badges > .badge-gold {
  color: #F5C84C; border-color: rgba(245, 200, 76, .55); background: rgba(245, 200, 76, .12);
}
.offer-cover-badges > .badge-gold:hover, .offer-cover-badges > .badge-gold:focus-visible {
  border-color: rgba(245, 200, 76, .75); background: rgba(245, 200, 76, .18);
}
.offer-cover-badges .ico { width: 14px; height: 14px; }
/* Anchor to the main image only, so thumbnail strips never shift the overlay. */
.product-item-hero { position: relative; isolation: isolate; overflow: hidden; min-width: 0; border-radius: var(--r); }
.product-item-hero > [data-product-zoom] { display: block; }
.product-item-hero .offer-cover-badges > .badge-items { color: #67D7F7; border-color: #67D7F780; background: #102E3BF2; }
.product-item-hero .offer-cover-delivery { color: #4ADE80; border-color: #4ADE8066; background: #102D24F2; }
.product-item-hero .offer-cover-badges > span { max-width: 100%; }
@media(max-width:540px) { .product-item-hero .offer-cover-badges { left: 10px; right: 10px; bottom: 10px; } }