/** Shopify CDN: Minification failed

Line 9:0 Unexpected "{"
Line 9:1 Expected identifier but found "%"
Line 58:0 Unexpected "{"
Line 58:1 Expected identifier but found "%"

**/
{% style %}
/* Ensure product card image wrappers can anchor an absolutely-positioned badge */
.card, .wbimgblock, .card__media, .grid-view-item__image-wrapper { position: relative; }

/* Put the badge in the top-right (some themes set left:10px by default) */
.card__badge,
.product__badge,
.wbproduct-container .card__badge {
  position: absolute;
  top: 0px;
  right: 0px;
  left: auto !important;
  z-index: 3;
  pointer-events: none;
}

/* Make all badges look like the Best-Sellers CTA pill */
.card__badge span,
.card__badge .badge,
.badge--save {
  display: inline-block;
  background: #e95c0b !important;      /* orange */
  color: #fff !important;
  font-weight: 500 !important;
  font-size: .95rem !important;
  line-height: 1 !important;
  padding: 8px 12px !important;
  border-radius: 9999px !important;     /* full pill */
  box-shadow: 0 6px 16px rgba(233,92,11,.22) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,.08);
  white-space: nowrap;
}

/* Some themes add gradient/pseudo-elements that make mobile look transparent */
.card__badge span::before,
.card__badge span::after,
.badge--save::before,
.badge--save::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}

/* Keep it solid on mobile too */
@media (max-width: 767px){
  .card__badge span,
  .badge--save { background: #e95c0b !important; }
}
{% endstyle %}