.b3na-img{
  position: relative !important;
  overflow: hidden;
  isolation: isolate;
}
.b3na-img > a > img{
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1 !important;
}
.b3na-badges.on-image{
  position: absolute !important;
  top: 8px;
  inset-inline-end: 8px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  z-index: 999 !important; 
  pointer-events: none;     
}
.offer-badget-product{
  background:#e91e63; color:#fff; font-weight:700;
  font-size:12px; padding:8px 10px; border-radius:10px;
  line-height:1; letter-spacing:.2px; box-shadow:0 4px 14px rgba(0,0,0,.18);
  display:inline-block; pointer-events:auto;
  text-align:center;
}
.out-of-stock-card-product{
  background:rgba(0,0,0,.78); color:#fff; font-weight:800; font-size:11px;
  padding:7px 10px; border-radius:10px; line-height:1; letter-spacing:.3px;
  box-shadow:0 4px 14px rgba(0,0,0,.18); display:inline-block;
}

.b3na-soldout-overlay{
  position:absolute !important;
  inset:0;
  background: rgba(0,0,0,.35);
  border-radius: inherit;
  z-index: 2 !important;
  pointer-events: none;
}

html[dir="ltr"] .b3na-badges.on-image{ left: 8px; right: auto; }
html[dir="rtl"] .b3na-badges.on-image{ left: 8px; right: auto; }

@media (max-width: 480px){
  .b3na-badges.on-image{ top: 6px; gap: 4px; }
  .offer-badget-product{ font-size:11px; padding:7px 9px; border-radius:8px; }
  .out-of-stock-card-product{ font-size:10px; padding:6px 8px; border-radius:8px; }
}