/* 800Sport Discount Rules — "side strip" sale badge.
   Restyles the badge the theme already prints: <span class="product-badge badge sale">30%</span>
   into a slim black strip on the right edge of the photo reading  SALE · 30% OFF  (vertical).
   It hangs from the top-right corner of the photo (shop / home cards and the product page). */

/* ---------- product cards (shop, categories, home sliders) ---------- */
.t8dr-b-strip .product .product-thumbnail-wrapper .product-badges:has(.badge.sale){
  top:0 !important; right:0 !important; bottom:auto !important; left:auto !important;
  z-index:4 !important; display:flex !important; align-items:flex-start !important;
  pointer-events:none;   /* taps still reach the photo link */
}
/* cards: a tab hanging from the top-right corner, just long enough for the text */
.t8dr-b-strip .product .product-thumbnail-wrapper .product-badges .badge.sale{ padding:16px 0 !important; border-radius:0 0 0 12px !important; }

/* the strip itself */
.t8dr-b-strip .product-badges .badge.sale{
  display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important;
  box-sizing:border-box; width:26px !important; min-width:0 !important; height:auto !important;
  margin:0 !important; padding:14px 0 !important; border:0 !important; border-radius:0 !important;
  background:#0b0b0c !important; color:#fff !important; box-shadow:none !important; animation:none !important;
  writing-mode:vertical-rl; text-orientation:mixed; white-space:nowrap;
  font:700 10px/1 Inter,-apple-system,system-ui,sans-serif !important; letter-spacing:.22em !important; text-transform:uppercase !important;
}
.t8dr-b-strip .product-badges .badge.sale::before{
  content:"SALE \00B7\00A0" !important; display:inline !important; margin:0 !important; padding:0 !important;
  font:inherit !important; letter-spacing:inherit !important; color:inherit !important; background:none !important;
}
.t8dr-b-strip .product-badges .badge.sale::after{
  content:"\00A0OFF" !important; display:inline !important; position:static !important; margin:0 !important; padding:0 !important;
  font:inherit !important; letter-spacing:inherit !important; color:inherit !important; background:none !important;
}

/* quick-view / compare buttons: move left so they sit beside the strip */
.t8dr-b-strip .product .product-thumbnail-wrapper:has(.badge.sale) .product-buttons{ right:calc(26px + .75rem) !important; }
@media (min-width:1024.02px){
  .t8dr-b-strip .product .product-thumbnail-wrapper .product-badges .badge.sale{ width:30px !important; padding:20px 0 !important; border-radius:0 0 0 14px !important; font-size:11px !important; letter-spacing:.24em !important; }
  .t8dr-b-strip .product .product-thumbnail-wrapper:has(.badge.sale) .product-buttons{ right:calc(30px + 1.25rem) !important; }
}

/* ---------- product page gallery: strip hangs from the top right ---------- */
.t8dr-b-strip .single-product-gallery .product-badges:has(.badge.sale){
  top:0 !important; right:0 !important; left:auto !important; bottom:auto !important; z-index:4 !important;
  display:flex !important; align-items:stretch !important; pointer-events:none;
}
.t8dr-b-strip .single-product-gallery .product-badges .badge.sale{
  width:32px !important; height:210px !important; padding:0 !important; border-radius:0 0 0 14px !important;
  font-size:11.5px !important; letter-spacing:.24em !important;
}
@media (max-width:767px){
  .t8dr-b-strip .single-product-gallery .product-badges .badge.sale{ width:28px !important; height:170px !important; font-size:10.5px !important; }
}