.beatspro .hero-photo {
    mask-image: radial-gradient(ellipse 12.5% 6.3% at 17.6% 15.9%, transparent 98%, black 100%);
}
.beatspro .discount-badge[data-move-selected] { outline: 3px solid #587dff; outline-offset: 4px; }
.beatspro .hero[data-custom-background] .hero-photo {
    visibility: hidden;
    pointer-events: none;
}
.beatspro .hero[data-custom-background] .hero-media::after { display: none; }
.beatspro .discount-badge {
    position: absolute;
    z-index: 2;
    left: 10.5%;
    top: 6.5%;
    width: 48.5%;
    min-height: 23%;
    padding: 10px 6px;
    border-radius: 50%;
    background: #ff1725;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    direction: rtl;
    font-weight: 700;
    line-height: 1.15;
    overflow-wrap: anywhere;
}
.beatspro .discount-badge > span:first-child { font-size: clamp(28px, 7vw, 70px); max-width: 100%; }
.beatspro .discount-badge > span:last-child { font-size: clamp(18px, 4vw, 42px); max-width: 100%; }
@media (max-width: 600px) {
    .beatspro .discount-badge > span:first-child { font-size: clamp(24px, 7.8vw, 46px); }
    .beatspro .discount-badge > span:last-child { font-size: clamp(16px, 4.6vw, 28px); }
}