.live-provider-card {
    display: block;
    background: #141414;
    border: 1px solid #262626;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.live-provider-card:hover {
    border-color: rgba(220, 38, 38, 0.45);
    box-shadow: 0 8px 28px rgba(220, 38, 38, 0.18);
    transform: translateY(-2px);
}

.live-provider-media {
    position: relative;
    height: 13.5rem;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media (min-width: 640px) {
    .live-provider-media {
        height: 14.5rem;
    }
}

.live-provider-media::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 20% 15%, rgba(255, 255, 255, 0.22), transparent 42%),
        radial-gradient(circle at 80% 85%, rgba(0, 0, 0, 0.35), transparent 50%);
    z-index: 1;
    pointer-events: none;
}

.live-provider-media::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.55), transparent);
    z-index: 2;
    pointer-events: none;
}

.live-provider-flow {
    position: absolute;
    width: 70%;
    max-width: 9rem;
    opacity: 0.35;
    pointer-events: none;
    z-index: 0;
}

.live-provider-flow-1 {
    top: -8%;
    left: -12%;
    transform: rotate(-8deg);
}

.live-provider-flow-2 {
    bottom: -10%;
    right: -12%;
    transform: rotate(12deg);
}

.live-provider-badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 5;
    font-size: 9px;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 0.25rem;
    background: #dc2626;
    color: #fff;
}

.live-provider-character {
    position: relative;
    z-index: 3;
    height: 100%;
    width: auto;
    max-width: 92%;
    object-fit: contain;
    object-position: bottom center;
    transition: transform 0.3s ease;
}

.live-provider-card:hover .live-provider-character {
    transform: scale(1.04);
}

.live-provider-bg-sexy {
    background: linear-gradient(145deg, #7f1d1d 0%, #ea580c 45%, #fbbf24 100%);
}

.live-provider-bg-evo {
    background: linear-gradient(145deg, #1e3a8a 0%, #2563eb 50%, #93c5fd 100%);
}

.live-provider-bg-sa {
    background: linear-gradient(145deg, #064e3b 0%, #059669 50%, #6ee7b7 100%);
}

.live-provider-bg-allbet {
    background: linear-gradient(145deg, #581c87 0%, #7c3aed 55%, #c4b5fd 100%);
}

.live-provider-bg-bg {
    background: linear-gradient(145deg, #0c4a6e 0%, #0284c7 50%, #7dd3fc 100%);
}

.live-provider-bg-pp {
    background: linear-gradient(145deg, #9a3412 0%, #ea580c 50%, #fdba74 100%);
}

.live-provider-bg-dg {
    background: linear-gradient(145deg, #422006 0%, #a16207 50%, #fde047 100%);
}

.live-provider-bg-wm {
    background: linear-gradient(145deg, #450a0a 0%, #b91c1c 50%, #fca5a5 100%);
}