/* ============================================================
   PRICING BADGES  —  v215

   OWNER FEEDBACK APPLIED:
   - The big 3D discount ribbon that wrapped around the whole
     card (ribbon-v214) is REMOVED from the build entirely.
   - Only ONE small red discount badge remains, sitting neatly
     in the top-right corner of the card.
   - The royal-blue "Most Popular" pill stays, small and centred.
   ============================================================ */

/* ---------- royal blue plan pill (unchanged behaviour) ---------- */
/* any card carrying a pill or badge gets real head-room so nothing
   ever sits welded to the card's top edge */
.price-card{overflow:visible!important}
.price-card.popular,
.price-card.on-sale{padding-top:62px!important}
.price-card.popular.on-sale{padding-top:82px!important}

.price-card .pop-tag{
  position:absolute!important;
  top:16px!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 34px)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:6px 14px!important;
  min-height:30px!important;
  border:1.5px solid #2e6fc4!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0f3c7a,#144d9e 60%,#1b65ba)!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(20,77,158,.28)!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  line-height:1.3!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
  text-wrap:balance;
  text-transform:uppercase;
  z-index:6!important;
}

/* kill any shine/pseudo layers, including cached ones */
.price-card .pop-tag::before,
.price-card .pop-tag::after{display:none!important;animation:none!important}

.price-card .pop-tag .badge-crown{width:15px!important;height:15px!important;flex:0 0 15px!important;color:#f2c14e!important;filter:none}

/* ============================================================
   THE ONE SMALL RED DISCOUNT BADGE
   Small, flat, quiet. It must never overlap the plan pill and
   must never sit across the card.
   ============================================================ */
.price-card{position:relative}

.price-card.on-sale .sale-ribbon{
  position:absolute!important;
  top:18px!important;
  right:16px!important;
  bottom:auto!important;
  left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:calc(100% - 28px)!important;
  min-width:0!important;
  min-height:24px!important;
  padding:3px 10px!important;
  border:0!important;
  border-radius:6px!important;
  background:#e0123c!important;
  color:#fff!important;
  font-size:11.5px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  text-transform:uppercase;
  box-shadow:0 3px 9px rgba(224,18,60,.26)!important;
  transform:none!important;
  animation:none!important;
  z-index:5!important;
}
.price-card.on-sale .sale-ribbon::before,
.price-card.on-sale .sale-ribbon::after{display:none!important;content:none!important}

/* when a plan pill is present, the red badge drops underneath it
   instead of colliding with it */
.price-card.popular.on-sale .pop-tag{top:16px!important}
.price-card.popular.on-sale .sale-ribbon{top:56px!important;right:16px!important}

/* ============================================================
   HARD REMOVAL of the old wrap-around 3D ribbon.
   Even if a browser has ribbon-v214.css cached, nothing renders.
   ============================================================ */
.sab-ribbon,
.sab-ribbon *,
.price-card .sab-ribbon,
.price-card[data-ribbon] .sab-ribbon{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.price-card.has-ribbon{padding-top:inherit}
.price-card.has-ribbon .master-info{padding-top:0!important}

@media(max-width:560px){
  .price-card.popular,
  .price-card.on-sale{padding-top:58px!important}
  .price-card.popular.on-sale{padding-top:84px!important}
  .price-card .pop-tag{max-width:calc(100% - 26px)!important;font-size:.58rem!important;top:14px!important}
  .price-card.on-sale .sale-ribbon{top:16px!important;right:12px!important;font-size:11px!important;padding:3px 9px!important}
  .price-card.popular.on-sale .sale-ribbon{top:54px!important}
}