.woocommerce-account .bf-vip-card{
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 16px 16px 14px;
  background: #fff;
  box-shadow: 0 10px 22px rgba(0,0,0,0.06);
  margin: 0;
}

.woocommerce-account .bf-vip-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.woocommerce-account .bf-vip-title{
  font-size:14px;
  font-weight:700;
  letter-spacing:.2px;
}

.woocommerce-account .bf-vip-spent{
  font-size:13px;
  opacity:.85;
  white-space:nowrap;
}

.woocommerce-account .bf-vip-sub{
  font-size:13px;
  opacity:.9;
  margin-bottom:10px;
}

.woocommerce-account .bf-vip-perk{ opacity:.8; }

.woocommerce-account .bf-vip-bar{
  height:10px;
  border-radius:999px;
  background: rgba(157, 11, 2, 0.12);
  overflow:hidden;
}

.woocommerce-account .bf-vip-bar__fill{
  display:block;
  height:100%;
  border-radius:999px;
  background:#9d0b02;
  width:0;               /* for animation */
  transition: width .45s ease;
}

.woocommerce-account .bf-vip-tiers{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-top:10px;
}

@media (max-width:680px){
  .woocommerce-account .bf-vip-tiers{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.woocommerce-account .bf-vip-tier{
  display:flex;
  flex-direction:column;
  gap:3px;
  font-size:12px;
  padding:8px 10px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,0.06);
  background: rgba(0,0,0,0.02);
}

.woocommerce-account .bf-vip-dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(0,0,0,0.18);
}

.woocommerce-account .bf-vip-tier__label{ font-weight:700; line-height:1.15; }
.woocommerce-account .bf-vip-tier__amount{ opacity:.75; }

.woocommerce-account .bf-vip-tier.is-done{
  border-color: rgba(157, 11, 2, 0.25);
  background: rgba(157, 11, 2, 0.06);
}

.woocommerce-account .bf-vip-tier.is-done .bf-vip-dot{ background:#9d0b02; }

.woocommerce-account .bf-vip-tier.is-active{
  border-color: rgba(157, 11, 2, 0.45);
  background: rgba(157, 11, 2, 0.10);
}

.woocommerce-account .bf-vip-next{
  margin-top:10px;
  font-size:13px;
  opacity:.92;
}

.woocommerce-account .bf-vip-nextperk{ opacity:.8; }
.woocommerce-account .bf-vip-next.is-max{ opacity:1; }