/* Base: mimic theme badge placement */
.products .product,
.woocommerce div.product .images,
.woocommerce div.product .woocommerce-product-gallery,
.wstb-theme-proxy { position: relative; }

.wstb-badges { pointer-events:none; }

.wstb-badge,
.wstb-inline-badge {
  display:inline-block;
  pointer-events:auto;
  background:var(--wst-badge-bg,#111827);
  color:#fff;
  padding:.45em .75em;
  border-radius:999px;
  font-weight:700;
  font-size:.9em;
  line-height:1;
  white-space:nowrap;
  margin:.25em;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}

.wstb-pos-top_left{position:absolute;top:.75em;left:.75em;}
.wstb-pos-top_right{position:absolute;top:.75em;right:.75em;}
.wstb-pos-bottom_left{position:absolute;bottom:.75em;left:.75em;}
.wstb-pos-bottom_right{position:absolute;bottom:.75em;right:.75em;}

.wstb-inline{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center;}

.wstb-anim-fade{animation:wstbFade .25s ease-out both;}
@keyframes wstbFade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}

.wstb-anim-slide{animation:wstbSlide .25s ease-out both;}
@keyframes wstbSlide{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}

.wstb-anim-pulse{animation:wstbPulse 1s ease-in-out 1 both;}
@keyframes wstbPulse{0%{transform:scale(.96)}50%{transform:scale(1.04)}100%{transform:scale(1)}}

@media (max-width:768px){
  .wstb-badge,.wstb-inline-badge{font-size:.85em;padding:.4em .65em;}
}
