.bf-wrap{display:flex;justify-content:center;margin:0 0 2.5rem}
.bf-strip{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.625rem 1.25rem;margin:0;padding:.625rem 1.5rem .625rem .625rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0b0b0f;color:#fff;font-size:1.125rem;font-weight:600;line-height:1.2;box-shadow:0 16px 40px -16px rgba(0,0,0,.55)}
.bf-strip__label{padding:.5625rem 1.125rem;border-radius:999px;background:#ffd400;color:#0b0b0f;font-size:.875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.bf-strip__text{color:rgba(255,255,255,.72)}
.bf-timer{display:inline-flex;align-items:baseline;gap:.875rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:rgba(255,255,255,.6)}
.bf-timer b{color:#fff;font-size:1.375rem;font-weight:800}
@media (max-width:639px){.bf-strip{flex-direction:column;gap:.625rem;padding:.875rem 1.25rem;border-radius:1.5rem;font-size:1rem}.bf-timer b{font-size:1.25rem}}

.bf-price{color:#ea580c!important;-webkit-text-fill-color:#ea580c}
.bf-old{color:#8b95a7;font-weight:600;text-decoration:line-through;text-decoration-thickness:2px;white-space:nowrap}
.bf-save{display:inline-flex;align-items:center;padding:.3125rem .625rem;border-radius:999px;background:#dcfce7;color:#15803d;font-size:.8125rem;font-weight:700;line-height:1.2;white-space:nowrap}
.bf-tag{display:inline-flex;vertical-align:middle;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:#0b0b0f;color:#ffd400;font-family:inherit;font-size:.6875rem;font-weight:800;line-height:1.4;letter-spacing:normal;text-transform:none;white-space:nowrap}
.bf-tag,.bf-strip__label{position:relative;isolation:isolate}
.bf-tag::before,.bf-tag::after,.bf-strip__label::before,.bf-strip__label::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;animation:bf-wave 2.4s cubic-bezier(.2,.6,.4,1) infinite}
.bf-tag::after,.bf-strip__label::after{animation-delay:1.2s}
.bf-strip__label::before,.bf-strip__label::after{animation-name:bf-wave-sm}
@keyframes bf-wave{0%{box-shadow:0 0 0 0 rgba(255,212,0,.7)}100%{box-shadow:0 0 0 12px rgba(255,212,0,0)}}
@keyframes bf-wave-sm{0%{box-shadow:0 0 0 0 rgba(255,212,0,.7)}100%{box-shadow:0 0 0 6px rgba(255,212,0,0)}}
@media (prefers-reduced-motion:reduce){.bf-tag::before,.bf-tag::after,.bf-strip__label::before,.bf-strip__label::after{animation:none}}
.bf-tag svg{width:.875rem;height:.875rem}
.bf-tag--lg{margin-left:.25rem;padding:.25rem .75rem;font-size:1rem;line-height:1.25}
.segment .bf-tag{position:absolute;top:-.625rem;right:-.25rem;z-index:1}
@media (max-width:639px){.segment .bf-tag{top:-.5rem;right:-.125rem;padding:.125rem .3125rem}}
.bf-save svg{width:1rem;height:1rem;margin-right:.375rem;flex-shrink:0}
.bf-old[hidden],.bf-save[hidden],.bf-tag[hidden]{display:none!important}
