
.mv-premium-clean,
.match-view-page,
.mv-page {
    --mv-premium-bg: #070000;
    --mv-premium-panel: rgba(20, 3, 5, .94);
    --mv-premium-panel-2: rgba(255, 255, 255, .055);
    --mv-premium-red: #b20812;
    --mv-premium-red-2: #5b0307;
    --mv-premium-gold: #ffd36a;
    --mv-premium-gold-2: #c9922f;
    --mv-premium-text: #fff5dc;
    --mv-premium-muted: rgba(255, 245, 220, .70);
    --mv-premium-line: rgba(255, 211, 106, .18);
    color: var(--mv-premium-text);
    overflow-x: hidden;
}

.mv-premium-clean *,
.match-view-page *,
.mv-page * {
    box-sizing: border-box;
}

.mv-premium-clean img,
.match-view-page img,
.mv-page img {
    max-width: 100%;
}

.mv-premium-clean .container,
.match-view-page .container,
.mv-page .container {
    min-width: 0;
}

.mv-premium-clean .card,
.mv-premium-clean .mv-card,
.mv-premium-clean .match-card,
.match-view-page .card,
.match-view-page .mv-card,
.match-view-page .match-card,
.mv-page .card,
.mv-page .mv-card,
.mv-page .match-card {
    border-radius: 26px;
    border: 1px solid var(--mv-premium-line);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 211, 106, .10), transparent 32%),
        linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03)),
        var(--mv-premium-panel);
    box-shadow: 0 22px 58px rgba(0, 0, 0, .28);
}

.mv-premium-clean .btn,
.match-view-page .btn,
.mv-page .btn,
.mv-premium-clean a[class*="btn"],
.match-view-page a[class*="btn"],
.mv-page a[class*="btn"] {
    border-radius: 15px;
    font-weight: 950;
    white-space: nowrap;
    word-break: keep-all;
}

.mv-premium-clean .btn-primary,
.match-view-page .btn-primary,
.mv-page .btn-primary,
.mv-premium-clean .mv-btn,
.match-view-page .mv-btn,
.mv-page .mv-btn {
    border: 0;
    color: #230000;
    background: linear-gradient(135deg, #ffe9ad, #c9922f);
    box-shadow: 0 14px 32px rgba(0,0,0,.22);
}

.mv-premium-clean .badge,
.match-view-page .badge,
.mv-page .badge,
.mv-premium-clean [class*="badge"],
.match-view-page [class*="badge"],
.mv-page [class*="badge"] {
    border-radius: 999px;
    font-weight: 950;
}

.mv-premium-clean table,
.match-view-page table,
.mv-page table {
    width: 100%;
}

.mv-premium-clean .table-responsive,
.match-view-page .table-responsive,
.mv-page .table-responsive {
    border-radius: 22px;
    border: 1px solid var(--mv-premium-line);
    background: rgba(0, 0, 0, .18);
}

.mv-premium-clean .team-logo,
.match-view-page .team-logo,
.mv-page .team-logo,
.mv-premium-clean [class*="logo"],
.match-view-page [class*="logo"],
.mv-page [class*="logo"] {
    object-fit: contain;
}

.mv-premium-clean h1,
.mv-premium-clean h2,
.mv-premium-clean h3,
.match-view-page h1,
.match-view-page h2,
.match-view-page h3,
.mv-page h1,
.mv-page h2,
.mv-page h3 {
    color: #ffe9ad;
    font-weight: 950;
    line-height: 1.25;
}

.mv-premium-clean p,
.match-view-page p,
.mv-page p {
    line-height: 1.8;
}

.mv-premium-clean .row,
.match-view-page .row,
.mv-page .row {
    min-width: 0;
}

.mv-premium-clean [class*="col-"],
.match-view-page [class*="col-"],
.mv-page [class*="col-"] {
    min-width: 0;
}

.mv-premium-clean .mv-score,
.match-view-page .mv-score,
.mv-page .mv-score,
.mv-premium-clean [class*="score"],
.match-view-page [class*="score"],
.mv-page [class*="score"] {
    direction: ltr;
    unicode-bidi: isolate;
    white-space: nowrap;
}

.mv-premium-clean [class*="hero"],
.match-view-page [class*="hero"],
.mv-page [class*="hero"] {
    border-radius: clamp(22px, 4vw, 36px);
}

.mv-premium-clean [class*="timeline"],
.match-view-page [class*="timeline"],
.mv-page [class*="timeline"],
.mv-premium-clean [class*="stat"],
.match-view-page [class*="stat"],
.mv-page [class*="stat"] {
    min-width: 0;
}

.mv-premium-clean [class*="pitch"],
.match-view-page [class*="pitch"],
.mv-page [class*="pitch"] {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .mv-premium-clean [class*="hero"],
    .match-view-page [class*="hero"],
    .mv-page [class*="hero"] {
        padding-inline: 16px;
    }

    .mv-premium-clean .row,
    .match-view-page .row,
    .mv-page .row {
        row-gap: 16px;
    }

    .mv-premium-clean .table-responsive,
    .match-view-page .table-responsive,
    .mv-page .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    .mv-premium-clean,
    .match-view-page,
    .mv-page {
        font-size: 15px;
    }

    .mv-premium-clean .container,
    .match-view-page .container,
    .mv-page .container {
        padding-inline: 12px;
    }

    .mv-premium-clean h1,
    .match-view-page h1,
    .mv-page h1 {
        font-size: clamp(1.65rem, 8vw, 2.15rem);
    }

    .mv-premium-clean h2,
    .match-view-page h2,
    .mv-page h2 {
        font-size: 1.35rem;
    }

    .mv-premium-clean .btn,
    .match-view-page .btn,
    .mv-page .btn,
    .mv-premium-clean a[class*="btn"],
    .match-view-page a[class*="btn"],
    .mv-page a[class*="btn"] {
        width: 100%;
        justify-content: center;
    }

    .mv-premium-clean [class*="actions"],
    .match-view-page [class*="actions"],
    .mv-page [class*="actions"] {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
