:root {
    --bg: #05070d;
    --panel: #0b1018;
    --panel-soft: #111827;
    --text: #ffffff;
    --muted: #9ca3af;
    --line: rgba(255, 255, 255, .08);
    --brand: #ff3131;
    --warning: #ffb347;
    --blue: #9ab8ff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Cairo', sans-serif;
    background: var(--bg);
    color: var(--text);
    overflow-x: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    display: block;
    max-width: 100%;
}

.topbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    height: 80px;
    padding: 0 60px;
    display: flex;
    align-items: center;
    gap: 35px;
    background: rgba(5, 7, 13, .86);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    backdrop-filter: blur(16px);
}

.brand {
    width: 65px;
    flex-shrink: 0;
}

.menu {
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu a {
    position: relative;
    color: #d7d7d7;
    font-size: 15px;
    font-weight: 800;
    transition: color .25s ease;
}

.menu a::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 0;
    height: 2px;
    background: var(--brand);
    transition: width .25s ease;
}

.menu a:hover {
    color: var(--brand);
}

.menu a:hover::after {
    width: 100%;
}

.menu-toggle {
    display: none;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, .05);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.menu-toggle span {
    width: 22px;
    height: 2px;
    border-radius: 20px;
    background: #fff;
}

.site-loader {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at center, rgba(40, 100, 255, .18), transparent 35%),
        linear-gradient(180deg, #070b16, #101a35);
    transition: opacity .8s ease, visibility .8s ease, transform .8s ease;
}

.loader-logo {
    width: 120px;
    filter: drop-shadow(0 0 25px rgba(0, 180, 255, .45));
    animation: logoFloat 1.8s infinite ease-in-out, logoGlow 2s infinite ease-in-out;
}

.site-loader h1 {
    margin-top: 15px;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 1px;
    text-shadow: 0 0 25px rgba(255, 255, 255, .25);
}

.site-loader p {
    margin-top: 8px;
    color: #b7c7ff;
}

.loader-bar {
    width: 220px;
    height: 7px;
    margin-top: 35px;
    overflow: hidden;
    border-radius: 30px;
    background: #1d2544;
}

.loader-progress {
    width: 0;
    height: 100%;
    background: linear-gradient(90deg, #3a8bff, var(--brand));
    animation: loadingBar 2.1s forwards;
}

.loader-hide {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.05);
}

.live-center {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 55px;
    margin-top: 80px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient(90deg, #0d1426, #162447, #0d1426);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.live-center-label {
    min-width: 170px;
    height: 100%;
    padding: 0 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    background: var(--brand);
    color: #fff;
    font-weight: 900;
}

.live-center-label span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    animation: liveBlink 1s infinite;
}

.live-ticker {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
}

.live-ticker-track {
    display: inline-block;
    min-width: 100%;
    padding-right: 100%;
    color: #fff;
    font-weight: 800;
    animation: tickerMove 26s linear infinite;
}

.hero {
    min-height: calc(100vh - 55px);
    position: relative;
    background:
        radial-gradient(circle at 20% 50%, rgba(255, 49, 49, .15), transparent 30%),
        linear-gradient(90deg, rgba(5, 7, 13, .05), rgba(5, 7, 13, .22), rgba(5, 7, 13, .82), rgba(5, 7, 13, .98)),
        url("./assets/hero-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-copy {
    width: 620px;
    max-width: 90%;
    position: absolute;
    right: 7%;
    top: 50%;
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 24px;
    background: rgba(5, 7, 13, .28);
    backdrop-filter: blur(8px);
    opacity: 0;
    transform: translateY(-50%) translateX(120px) scale(.95);
    animation: heroEnter 2.1s cubic-bezier(.16, 1, .3, 1) forwards 2.65s;
}

.hero-copy small,
.hero-copy h1,
.hero-copy p,
.hero-actions {
    opacity: 0;
    transform: translateY(30px);
    animation: heroText 0.8s ease forwards;
}

.hero-copy small {
    color: var(--brand);
    font-size: 14px;
    font-weight: 900;
    animation-delay: 3.25s;
}

.hero-copy h1 {
    margin: 15px 0;
    font-size: 52px;
    line-height: 1.35;
    font-weight: 900;
    animation-delay: 3.65s;
}

.hero-copy h1 span {
    display: block;
    margin-top: 10px;
    color: var(--brand);
}

.hero-copy p {
    margin-bottom: 30px;
    color: #d6d6d6;
    font-size: 17px;
    line-height: 1.9;
    animation-delay: 4.05s;
}

.hero-actions {
    display: flex;
    gap: 15px;
    animation-delay: 4.45s;
}

.primary-link,
.ghost-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 28px;
    border-radius: 50px;
    font-weight: 900;
    transition: transform .25s ease, background .25s ease;
}

.primary-link {
    background: var(--brand);
    animation: pulseGlow 3s infinite;
}

.ghost-link {
    border: 1px solid rgba(255, 255, 255, .15);
    background: rgba(255, 255, 255, .04);
}

.primary-link:hover,
.ghost-link:hover {
    transform: translateY(-4px);
}

.ghost-link:hover {
    background: rgba(255, 255, 255, .08);
}

.live-strip,
.leagues-section,
.news-section,
.featured-match-section,
.table-section,
.scorers-section {
    width: min(1300px, 90%);
    margin: auto;
    padding: 90px 0 30px;
}

.section-title,
.live-head {
    margin-bottom: 30px;
}

.section-title span {
    color: var(--brand);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
}

.section-title h2,
.live-head h2 {
    margin: 8px 0;
    font-size: 38px;
    font-weight: 900;
}

.section-title p {
    color: #8e8e8e;
}

.live-head {
    display: flex;
    align-items: center;
    gap: 12px;
}

.live-head span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--brand);
    animation: pulseLive 1.5s infinite;
}

.live-row,
.league-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.live-row:empty::before {
    content: "جاري تحميل مباريات اليوم...";
    display: block;
    padding: 25px;
    border-radius: 20px;
    background: var(--panel-soft);
    color: var(--warning);
    font-weight: 900;
}

.match-card,
.league-card,
.small-news,
.match-info-card,
.event-card,
.standings-card,
.scorers-card {
    background: linear-gradient(145deg, var(--panel-soft), var(--panel));
    border: 1px solid rgba(255, 255, 255, .06);
}

.match-card,
.league-card,
.small-news {
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.match-card {
    min-height: 260px;
    padding: 24px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
}

.match-card::before {
    content: "";
    position: absolute;
    inset: -1px;
    background: radial-gradient(circle at top, rgba(255, 49, 49, .16), transparent 45%);
    opacity: 0;
    transition: opacity .3s ease;
}

.match-card:hover,
.league-card:hover,
.featured-news:hover {
    transform: translateY(-8px);
    border-color: var(--brand);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

.match-card:hover::before {
    opacity: 1;
}

.match-league {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
    color: var(--brand);
    font-size: 13px;
    font-weight: 900;
}

.match-teams {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.match-team {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: center;
}

.match-team img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    transition: transform .3s ease;
}

.match-card:hover .match-team img {
    transform: scale(1.12);
}

.match-team strong {
    font-size: 15px;
    line-height: 1.4;
}

.match-score-box {
    min-width: 90px;
    display: flex;
    justify-content: center;
}

.match-score-box b {
    color: var(--brand);
    font-size: 28px;
    font-weight: 900;
}

.match-card-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 18px;
    flex-wrap: wrap;
}

.match-time {
    text-align: center;
    color: var(--warning);
    font-weight: 800;
}

.match-status-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 14px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 900;
}

.match-status-badge.is-upcoming {
    background: rgba(255, 179, 71, .14);
    color: var(--warning);
}

.match-status-badge.is-live {
    background: rgba(255, 49, 49, .18);
    color: var(--brand);
    animation: pulseGlow 2s infinite;
}

.match-status-badge.is-finished {
    background: rgba(255, 255, 255, .08);
    color: #d7d7d7;
}

.match-stage {
    margin-top: 14px;
    text-align: center;
    color: var(--blue);
    font-size: 13px;
    font-weight: 800;
}

.league-card {
    min-height: 210px;
    position: relative;
    overflow: hidden;
    padding: 30px;
    border-radius: 24px;
}

.league-card::before {
    content: "";
    position: absolute;
    top: -70px;
    left: -70px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 49, 49, .15), transparent);
}

.league-icon {
    margin-bottom: 25px;
    font-size: 42px;
}

.league-card h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 900;
}

.league-card p {
    color: #a0a0a0;
    line-height: 1.7;
}

.news-layout {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 24px;
}

.featured-news {
    min-height: 420px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 35px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
    background:
        linear-gradient(to top, rgba(0, 0, 0, .92), rgba(0, 0, 0, .15)),
        url("./assets/hero-bg.png");
    background-size: cover;
    background-position: center;
    transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

.news-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 8px 15px;
    border-radius: 30px;
    background: var(--brand);
    font-size: 13px;
    font-weight: 900;
}

.featured-content span,
.small-news span,
.featured-match-info span,
.article-category {
    color: var(--brand);
    font-weight: 900;
}

.featured-content h3 {
    margin: 12px 0;
    font-size: 34px;
    line-height: 1.4;
    font-weight: 900;
}

.featured-content p {
    color: #d5d5d5;
    line-height: 1.9;
}

.side-news {
    display: grid;
    gap: 18px;
}

.small-news {
    min-height: 126px;
    padding: 22px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.small-news:hover {
    transform: translateX(-8px);
    border-color: var(--brand);
}

.small-news span {
    margin-bottom: 10px;
    font-size: 13px;
}

.small-news h4 {
    font-size: 18px;
    line-height: 1.6;
}

.featured-match-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 30px;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    background: linear-gradient(135deg, var(--panel-soft), var(--panel));
}

.featured-match-card::before {
    content: "";
    position: absolute;
    top: -120px;
    left: -120px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: radial-gradient(rgba(255, 49, 49, .18), transparent);
}

.featured-match-info,
.featured-match-meta {
    position: relative;
    z-index: 1;
}

.featured-match-info h3 {
    margin: 20px 0;
    font-size: 42px;
    font-weight: 900;
}

.featured-match-info h3 b {
    margin: 0 15px;
    color: var(--brand);
}

.featured-match-info p {
    margin-bottom: 30px;
    color: #bdbdbd;
    line-height: 1.9;
}

.match-details-btn {
    display: inline-block;
    padding: 14px 28px;
    border-radius: 50px;
    background: var(--brand);
    font-weight: 900;
    transition: transform .25s ease;
}

.match-details-btn:hover {
    transform: translateY(-4px);
}

.featured-match-meta {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 25px;
}

.featured-match-meta div {
    padding: 22px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 18px;
    background: rgba(255, 255, 255, .04);
}

.featured-match-meta strong {
    display: block;
    margin-bottom: 8px;
    color: var(--brand);
    font-size: 28px;
}

.featured-match-meta span {
    color: #a8a8a8;
}

.standings-card,
.scorers-card {
    border-radius: 24px;
    overflow: hidden;
}

.standings-head,
.standings-row {
    display: grid;
    grid-template-columns: 70px 2fr repeat(5, 1fr);
    gap: 10px;
    align-items: center;
    padding: 20px 22px;
}

.standings-head {
    background: rgba(255, 49, 49, .12);
    color: var(--brand);
    font-weight: 900;
}

.standings-row {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    transition: background .25s ease;
}

.standings-row:hover {
    background: rgba(255, 255, 255, .03);
}

.standings-row:last-child,
.scorer-row:last-child {
    border-bottom: 0;
}

.standings-head span,
.standings-row span,
.standings-row b {
    text-align: center;
}

.standings-row strong {
    text-align: right;
    font-weight: 900;
}

.standings-row b,
.scorer-goals {
    color: var(--brand);
    font-weight: 900;
}

.scorer-row {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    transition: background .25s ease, transform .25s ease;
}

.scorer-row:hover {
    background: rgba(255, 255, 255, .03);
    transform: translateX(-5px);
}

.scorer-rank {
    width: 60px;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
}

.scorer-info {
    flex: 1;
}

.scorer-info strong {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 900;
}

.scorer-info span {
    color: #9f9f9f;
    font-size: 14px;
}

.scorer-goals {
    min-width: 70px;
    text-align: center;
    font-size: 28px;
}

.first { background: linear-gradient(90deg, rgba(255, 215, 0, .08), transparent); }
.second { background: linear-gradient(90deg, rgba(192, 192, 192, .08), transparent); }
.third { background: linear-gradient(90deg, rgba(205, 127, 50, .08), transparent); }

.article-page {
    width: min(1100px, 90%);
    margin: 120px auto 0;
}

.article-cover {
    height: 420px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 28px;
}

.article-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-content {
    max-width: 850px;
    margin: 45px auto 0;
}

.article-category {
    font-size: 14px;
    letter-spacing: 1px;
}

.article-content h1 {
    margin: 18px 0;
    font-size: 44px;
    line-height: 1.4;
    font-weight: 900;
}

.article-meta {
    display: flex;
    gap: 12px;
    margin-bottom: 35px;
    color: #9f9f9f;
}

.article-content p {
    margin-bottom: 24px;
    color: #d6d6d6;
    font-size: 18px;
    line-height: 2.1;
}

.match-page {
    width: min(1300px, 90%);
    margin: 120px auto 0;
}

.match-hero {
    display: grid;
    grid-template-columns: 1fr 1.5fr 1fr;
    gap: 30px;
    align-items: center;
    padding: 40px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 30px;
    background: linear-gradient(135deg, var(--panel-soft), var(--panel));
}

.team-box,
.match-center {
    text-align: center;
}

.team-logo {
    width: 120px;
    height: 120px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    font-size: 48px;
}

.team-logo img {
    width: 70%;
    height: 70%;
    object-fit: contain;
}

.team-box h2 {
    font-size: 26px;
    font-weight: 900;
}

.match-status {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: rgba(255, 49, 49, .12);
    color: var(--brand);
    font-weight: 900;
}

.match-score {
    margin: 20px 0;
    font-size: 72px;
    font-weight: 900;
}

.match-time-big {
    margin-bottom: 10px;
    color: var(--brand);
    font-size: 28px;
    font-weight: 900;
}

.match-league-name {
    color: #9f9f9f;
}

.match-details-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.match-info-card {
    padding: 30px;
    border-radius: 24px;
}

.match-info-card h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
}

.match-info-card ul {
    list-style: none;
}

.match-info-card li {
    padding: 12px 0;
    color: #d6d6d6;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.match-info-card li:last-child {
    border-bottom: 0;
}

.match-events {
    margin-top: 60px;
}

.event-card {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    padding: 22px;
    border-radius: 18px;
}

.minute {
    min-width: 70px;
    text-align: center;
    color: var(--brand);
    font-size: 24px;
    font-weight: 900;
}

.event-card p {
    font-size: 17px;
}

.skeleton-text,
.skeleton-score {
    display: block;
    min-height: 28px;
    border-radius: 12px;
    background: linear-gradient(90deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .14), rgba(255, 255, 255, .06));
    background-size: 200% 100%;
    animation: skeletonMove 1.2s infinite;
}

.skeleton-text {
    width: 150px;
    margin: auto;
}

.skeleton-score {
    width: 120px;
    height: 70px;
    margin: 20px auto;
}

.footer {
    margin-top: 80px;
    padding: 60px 20px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.footer img {
    width: 90px;
    margin: 0 auto 15px;
    transition: transform .3s ease;
}

.footer img:hover {
    transform: scale(1.08);
}

.footer h3 {
    margin-bottom: 10px;
    font-size: 26px;
}

.footer p {
    color: #8f8f8f;
}

@keyframes loadingBar {
    to { width: 100%; }
}

@keyframes logoFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes logoGlow {
    0%, 100% { filter: drop-shadow(0 0 18px rgba(0, 180, 255, .35)); }
    50% { filter: drop-shadow(0 0 35px rgba(255, 49, 49, .45)); }
}

@keyframes heroEnter {
    to {
        opacity: 1;
        transform: translateY(-50%) translateX(0) scale(1);
    }
}

@keyframes heroText {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes pulseLive {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.5); opacity: .5; }
    100% { transform: scale(1); opacity: 1; }
}

@keyframes pulseGlow {
    0% { box-shadow: 0 0 0 rgba(255, 49, 49, 0); }
    50% { box-shadow: 0 0 35px rgba(255, 49, 49, .25); }
    100% { box-shadow: 0 0 0 rgba(255, 49, 49, 0); }
}

@keyframes tickerMove {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

@keyframes liveBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: .25; }
}

@keyframes skeletonMove {
    from { background-position: 200% 0; }
    to { background-position: -200% 0; }
}

@media (max-width: 900px) {
    .topbar {
        height: 76px;
        padding: 0 18px;
        justify-content: space-between;
        gap: 0;
    }

    .brand {
        width: 55px;
        order: 1;
    }

    .menu-toggle {
        display: flex;
        order: 2;
    }

    .menu {
        position: absolute;
        top: 76px;
        left: 18px;
        width: 260px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 18px;
        background: #101827;
        opacity: 0;
        visibility: hidden;
        transform: translateY(-10px);
        transition: all .25s ease;
    }

    .menu.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .menu a {
        padding: 12px;
        border-radius: 12px;
    }

    .menu a:hover {
        background: rgba(255, 255, 255, .05);
    }

    .hero {
        min-height: 82vh;
        background-position: center;
    }

    .hero-copy {
        width: 90%;
        right: 5%;
        top: 55%;
        padding: 22px;
    }

    .hero-copy h1 {
        font-size: 42px;
    }

    .hero-copy p {
        font-size: 15px;
    }

    .hero-actions {
        flex-wrap: wrap;
    }

    .live-row,
    .league-grid,
    .news-layout,
    .featured-match-card,
    .match-hero,
    .match-details-grid {
        grid-template-columns: 1fr;
    }

    .live-strip,
    .leagues-section,
    .news-section,
    .featured-match-section,
    .table-section,
    .scorers-section {
        width: 90%;
        padding: 65px 0 20px;
    }

    .section-title h2,
    .live-head h2 {
        font-size: 30px;
    }

    .featured-content h3,
    .featured-match-info h3 {
        font-size: 24px;
    }

    .standings-card {
        overflow-x: auto;
    }

    .standings-head,
    .standings-row {
        min-width: 720px;
        grid-template-columns: 50px 1.5fr repeat(5, 70px);
        font-size: 13px;
    }

    .article-page,
    .match-page {
        margin-top: 100px;
    }

    .article-cover {
        height: 260px;
    }

    .article-content h1 {
        font-size: 30px;
    }

    .article-content p {
        font-size: 16px;
    }

    .team-logo {
        width: 90px;
        height: 90px;
        font-size: 36px;
    }

    .team-box h2 {
        font-size: 22px;
    }

    .match-score {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .live-center {
        height: 48px;
    }

    .live-center-label {
        min-width: 130px;
        padding: 0 14px;
        font-size: 13px;
    }
}

/* =========================
   PREMIUM LOADER + THEMES
========================= */

html[data-theme="light"] {
    --bg: #f4f7fb;
    --panel: #ffffff;
    --panel-soft: #eef3fa;
    --text: #101828;
    --muted: #667085;
    --line: rgba(16, 24, 40, .12);
    --brand: #e11d48;
    --warning: #b45309;
    --blue: #2563eb;
}

body {
    transition: background .35s ease, color .35s ease;
}

.theme-toggle {
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: rgba(255, 255, 255, .055);
    color: var(--text);
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.theme-toggle:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 49, 49, .35);
    background: rgba(255, 49, 49, .12);
}

.theme-icon {
    font-size: 20px;
    line-height: 1;
}

.site-loader {
    isolation: isolate;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(255, 49, 49, .16), transparent 28%),
        radial-gradient(circle at 20% 20%, rgba(58, 139, 255, .22), transparent 30%),
        radial-gradient(circle at 80% 80%, rgba(139, 92, 246, .18), transparent 32%),
        linear-gradient(145deg, #030712 0%, #07111f 52%, #101a35 100%);
}

.site-loader::before {
    content: "";
    position: absolute;
    inset: -40%;
    z-index: -2;
    background:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 58px 58px;
    transform: rotate(8deg);
    animation: loaderGrid 7s linear infinite;
}

.site-loader::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, .55) 100%);
}

.loader-bg-orb {
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    filter: blur(18px);
    opacity: .5;
    animation: orbFloat 5s ease-in-out infinite;
}

.orb-one {
    top: 18%;
    right: 16%;
    background: rgba(255, 49, 49, .2);
}

.orb-two {
    left: 16%;
    bottom: 15%;
    background: rgba(58, 139, 255, .18);
    animation-delay: 1.2s;
}

.loader-brand-shell {
    position: relative;
    width: 176px;
    height: 176px;
    display: grid;
    place-items: center;
    margin-bottom: 20px;
}

.loader-brand-shell::before {
    content: "";
    position: absolute;
    inset: 28px;
    border-radius: 38px;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow:
        inset 0 0 30px rgba(255, 255, 255, .04),
        0 24px 90px rgba(0, 0, 0, .45);
    backdrop-filter: blur(18px);
}

.loader-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 1px solid transparent;
}

.ring-one {
    border-top-color: rgba(255, 49, 49, .9);
    border-right-color: rgba(255, 49, 49, .15);
    animation: loaderSpin 2.7s linear infinite;
}

.ring-two {
    inset: 14px;
    border-bottom-color: rgba(58, 139, 255, .9);
    border-left-color: rgba(58, 139, 255, .15);
    animation: loaderSpin 3.4s linear infinite reverse;
}

.ring-three {
    inset: 28px;
    border-top-color: rgba(255, 255, 255, .35);
    animation: loaderSpin 4.6s linear infinite;
}

.loader-logo {
    position: relative;
    z-index: 2;
    width: 96px;
    filter: drop-shadow(0 0 30px rgba(255, 49, 49, .25));
    animation: loaderLogoBreath 2.2s ease-in-out infinite;
}

.site-loader h1 {
    margin-top: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1;
    letter-spacing: 1.5px;
    background: linear-gradient(90deg, #fff, #c7d2fe, #fff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.site-loader p {
    margin-top: 14px;
    font-size: 18px;
    color: #c7d2fe;
    letter-spacing: .4px;
}

.loader-status {
    margin-top: 10px;
    color: rgba(255, 255, 255, .58);
    font-size: 13px;
    font-weight: 800;
}

.loader-bar {
    position: relative;
    width: min(310px, 70vw);
    height: 8px;
    margin-top: 34px;
    border: 1px solid rgba(255, 255, 255, .08);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 0 35px rgba(58, 139, 255, .16);
}

.loader-progress {
    background: linear-gradient(90deg, #3a8bff, #8b5cf6, #ff3131);
    animation: loadingBar 2.45s cubic-bezier(.16, 1, .3, 1) forwards;
}

.loader-hide {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.06);
}

html[data-theme="light"] body {
    background:
        radial-gradient(circle at top right, rgba(225, 29, 72, .08), transparent 28%),
        var(--bg);
}

html[data-theme="light"] .topbar {
    background: rgba(255, 255, 255, .86);
    border-bottom-color: var(--line);
    box-shadow: 0 18px 50px rgba(16, 24, 40, .06);
}

html[data-theme="light"] .menu a {
    color: #344054;
}

html[data-theme="light"] .menu-toggle,
html[data-theme="light"] .theme-toggle {
    background: rgba(16, 24, 40, .04);
}

html[data-theme="light"] .menu-toggle span {
    background: #101828;
}

html[data-theme="light"] .hero {
    background:
        radial-gradient(circle at 18% 45%, rgba(225, 29, 72, .10), transparent 32%),
        linear-gradient(90deg, rgba(244, 247, 251, .15), rgba(244, 247, 251, .5), rgba(244, 247, 251, .92)),
        url("./assets/hero-bg.png");
    background-size: cover;
    background-position: center;
}

html[data-theme="light"] .hero-copy,
html[data-theme="light"] .match-card,
html[data-theme="light"] .league-card,
html[data-theme="light"] .small-news,
html[data-theme="light"] .featured-match-card,
html[data-theme="light"] .standings-card,
html[data-theme="light"] .scorers-card,
html[data-theme="light"] .match-hero,
html[data-theme="light"] .match-info-card,
html[data-theme="light"] .event-card,
html[data-theme="light"] .admin-card {
    background: rgba(255, 255, 255, .9);
    border-color: var(--line);
    box-shadow: 0 24px 80px rgba(16, 24, 40, .08);
}

html[data-theme="light"] .hero-copy p,
html[data-theme="light"] .section-title p,
html[data-theme="light"] .league-card p,
html[data-theme="light"] .featured-match-info p,
html[data-theme="light"] .article-content p,
html[data-theme="light"] .match-info-card li,
html[data-theme="light"] .footer p {
    color: #475467;
}

html[data-theme="light"] .live-center {
    background: linear-gradient(90deg, #ffffff, #eef3fa, #ffffff);
}

html[data-theme="light"] .live-ticker-track {
    color: #101828;
}

html[data-theme="light"] .match-card:hover,
html[data-theme="light"] .league-card:hover,
html[data-theme="light"] .small-news:hover {
    box-shadow: 0 28px 90px rgba(16, 24, 40, .14);
}

html[data-theme="light"] .featured-news {
    border-color: var(--line);
}

html[data-theme="light"] .standings-head {
    background: rgba(225, 29, 72, .08);
}

html[data-theme="light"] .footer {
    border-top-color: var(--line);
}

.admin-page {
    width: min(980px, 90%);
    margin: 130px auto 0;
    min-height: 70vh;
}

.admin-card {
    padding: 38px;
    border-radius: 30px;
    background: linear-gradient(145deg, var(--panel-soft), var(--panel));
    border: 1px solid var(--line);
}

.admin-card h1 {
    margin: 12px 0 28px;
    font-size: 34px;
    font-weight: 900;
}

.admin-form {
    display: grid;
    gap: 16px;
}

.admin-form input,
.admin-form textarea {
    width: 100%;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    outline: none;
    background: rgba(255, 255, 255, .06);
    color: var(--text);
    font-family: inherit;
    font-size: 15px;
    transition: border-color .25s ease, box-shadow .25s ease, background .25s ease;
}

.admin-form textarea {
    min-height: 190px;
    resize: vertical;
}

.admin-form input:focus,
.admin-form textarea:focus {
    border-color: rgba(255, 49, 49, .55);
    box-shadow: 0 0 0 4px rgba(255, 49, 49, .12);
}

.admin-form button {
    padding: 16px 24px;
    border: 0;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 900;
    transition: transform .25s ease, box-shadow .25s ease;
}

.admin-form button:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(255, 49, 49, .22);
}

#adminMessage {
    margin-top: 18px;
    font-weight: 900;
}

html[data-theme="light"] .admin-form input,
html[data-theme="light"] .admin-form textarea {
    background: #fff;
    color: #101828;
}

@keyframes loaderGrid {
    from { transform: rotate(8deg) translate3d(0, 0, 0); }
    to { transform: rotate(8deg) translate3d(58px, 58px, 0); }
}

@keyframes loaderSpin {
    to { transform: rotate(360deg); }
}

@keyframes loaderLogoBreath {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.06); }
}

@keyframes orbFloat {
    0%, 100% { transform: translate3d(0, 0, 0); }
    50% { transform: translate3d(20px, -24px, 0); }
}

@media (max-width: 900px) {
    .theme-toggle {
        width: 44px;
        height: 44px;
        order: 2;
    }

    .menu-toggle {
        order: 3;
    }

    .admin-page {
        margin-top: 105px;
    }

    .admin-card {
        padding: 24px;
    }
}

/* =========================
   CONTENT STRUCTURE UPDATE
========================= */
.site-loader {
    display: none !important;
}

.category-news-section,
.category-page-section,
.leagues-page-section,
.leagues-page-hero {
    position: relative;
    z-index: 2;
    padding: 80px 7vw;
}

.category-news-grid,
.page-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.category-news-card {
    min-height: 310px;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: 0 24px 70px rgba(0,0,0,.22);
    transition: transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}

.category-news-card:hover {
    transform: translateY(-8px);
    border-color: rgba(255, 49, 49, .42);
    box-shadow: 0 32px 90px rgba(255, 49, 49, .16);
}

.category-news-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform .55s ease;
}

.category-news-card:hover .category-news-image {
    transform: scale(1.08);
}

.category-news-content {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 26px;
    z-index: 2;
}

.category-news-content span {
    color: #ff6b6b;
    font-weight: 900;
    font-size: 13px;
}

.category-news-content h3 {
    font-size: 22px;
    line-height: 1.55;
    margin: 10px 0;
}

.category-news-content p {
    color: rgba(255,255,255,.78);
    font-size: 14px;
    line-height: 1.8;
}

.empty-news {
    padding: 24px;
    border-radius: 22px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.1);
    color: rgba(255,255,255,.72);
    font-weight: 800;
}

.leagues-page-hero {
    padding-bottom: 20px;
}

.league-details-card {
}

.league-panel {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.1);
}

.league-panel h4 {
    margin: 12px 0 10px;
    color: #ffb347;
    font-size: 15px;
}

.mini-table {
    display: grid;
    grid-template-columns: 44px 1fr 42px;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,.07);
    font-size: 13px;
}

.admin-form select {
    width: 100%;
    height: 54px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    color: #fff;
    padding: 0 16px;
    font-family: inherit;
    font-weight: 800;
    outline: none;
}

.admin-form select option {
    background: #101827;
    color: #fff;
}

html[data-theme="light"] .category-news-card,
html[data-theme="light"] .empty-news,
html[data-theme="light"] .league-panel,
html[data-theme="light"] .admin-form select {
    background: rgba(255,255,255,.92);
    border-color: rgba(16,24,40,.08);
    color: #101828;
}

html[data-theme="light"] .category-news-content p,
html[data-theme="light"] .empty-news {
    color: rgba(16,24,40,.72);
}

html[data-theme="light"] .category-news-card {
    box-shadow: 0 20px 60px rgba(16,24,40,.08);
}

html[data-theme="light"] .admin-form select option {
    background: #fff;
    color: #101828;
}

@media (max-width: 900px) {
    .category-news-section,
    .category-page-section,
    .leagues-page-section,
    .leagues-page-hero {
        padding: 54px 18px;
    }

    .category-news-grid,
    .page-news-grid {
        grid-template-columns: 1fr;
    }

    html[data-theme="light"] .menu {
        background: rgba(255,255,255,.97);
        border-color: rgba(16,24,40,.08);
        box-shadow: 0 24px 70px rgba(16,24,40,.12);
    }

    html[data-theme="dark"] .menu {
        background: #101827;
    }
}



/* =========================
   PREMIUM TOP RESULTS
========================= */

.top-results{
    width:min(1300px,90%);
    margin:110px auto 0;
    padding:26px;
    border-radius:28px;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.18), transparent 34%),
        linear-gradient(145deg, rgba(17,24,39,.92), rgba(7,11,22,.96));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.top-results::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.04), transparent);
    pointer-events:none;
}

.top-results-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:22px;
}

.top-results-head span{
    color:#ff3131;
    font-size:13px;
    letter-spacing:2px;
    font-weight:900;
}

.top-results-head h2{
    margin:6px 0 0;
    font-size:34px;
    font-weight:900;
}

.results-link{
    padding:10px 18px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
    color:#fff;
    font-weight:900;
    transition:.3s;
}

.results-link:hover{
    background:#ff3131;
    transform:translateY(-3px);
}

.results-slider{
    position:relative;
    z-index:2;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(310px,1fr);
    gap:16px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    padding-bottom:6px;
    scrollbar-width:thin;
}

.result-card{
    min-height:178px;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    transition:.35s;
    position:relative;
    overflow:hidden;
}

.result-card::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#ff3131,#ffb347);
    opacity:.75;
}

.result-card:hover{
    transform:translateY(-6px);
    border-color:rgba(255,49,49,.55);
    box-shadow:0 18px 45px rgba(0,0,0,.34);
}

.result-league{
    color:#ffb347;
    font-size:12px;
    font-weight:900;
    margin-bottom:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.result-teams{
    display:grid;
    grid-template-columns:1fr 92px 1fr;
    align-items:center;
    gap:12px;
}

.result-team{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:9px;
    min-width:0;
    text-align:center;
}

.result-team img{
    width:48px;
    height:48px;
    object-fit:contain;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.28));
}

.result-team strong{
    font-size:14px;
    line-height:1.35;
}

.result-score{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:70px;
    border-radius:18px;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.07);
}

.result-score b{
    color:#fff;
    font-size:26px;
    font-weight:900;
}

.result-score span{
    color:#ffb347;
    font-size:12px;
    font-weight:900;
}

.result-card.is-live .result-score span{
    color:#ff3131;
}

.result-card.is-live::after{
    animation:pulseGlow 2s infinite;
    background:#ff3131;
}

.result-meta{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
    color:#aeb7cc;
    font-size:12px;
    font-weight:800;
}

.result-loading,
.result-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:115px;
    color:#ffb347;
    font-weight:900;
}

[data-theme="light"] .top-results{
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(245,247,251,.98));
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 55px rgba(20,32,60,.12);
}

[data-theme="light"] .top-results-head h2,
[data-theme="light"] .results-link,
[data-theme="light"] .result-card{
    color:#121826;
}

[data-theme="light"] .results-link{
    background:rgba(0,0,0,.04);
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .result-card{
    background:linear-gradient(145deg, #fff, #f6f8fc);
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .result-score{
    background:#eef2f8;
    border-color:rgba(0,0,0,.06);
}

[data-theme="light"] .result-score b{
    color:#121826;
}

[data-theme="light"] .result-meta{
    color:#667085;
}

@media(max-width:900px){
    .top-results{
        width:90%;
        margin-top:95px;
        padding:20px;
        border-radius:24px;
    }

    .top-results-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .top-results-head h2{
        font-size:26px;
    }

    .results-slider{
        grid-auto-columns:minmax(280px,86vw);
    }

    .result-teams{
        grid-template-columns:1fr 82px 1fr;
    }
}



/* =========================
   V3 CLEAN REBUILD FIXES
========================= */

.hero + .top-results{
    margin-top:-36px;
    margin-bottom:72px;
    position:relative;
    z-index:9;
}

.top-results-head{
    align-items:flex-start;
}

.top-results-head p{
    margin:8px 0 0;
    color:#aeb7cc;
    font-size:14px;
    font-weight:700;
}

.top-match-filters{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin:0 0 22px;
}

.filter-group-main{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.all-filter{
    margin-inline-start:24px;
}

.match-filter{
    border:none;
    outline:none;
    padding:10px 18px;
    border-radius:999px;
    font-family:inherit;
    font-weight:900;
    color:#d7d7d7;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    transition:.3s;
}

.match-filter:hover,
.match-filter.active{
    color:#fff;
    background:#ff3131;
    border-color:#ff3131;
    transform:translateY(-2px);
}

[data-theme="light"] .match-filter{
    color:#1f2937;
    background:#fff;
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .match-filter:hover,
[data-theme="light"] .match-filter.active{
    color:#fff;
    background:#ff3131;
}

.hero-copy{
    opacity:0;
    transform:translateY(-50%) translateX(42px) scale(.98);
    animation:heroFastIn .78s cubic-bezier(.16,1,.3,1) forwards !important;
    animation-delay:0s !important;
}

.hero-copy small,
.hero-copy h1,
.hero-copy p,
.hero-actions{
    opacity:0;
    transform:translateY(18px);
    animation:heroTextFast .55s ease forwards !important;
}

.hero-copy small{ animation-delay:.12s !important; }
.hero-copy h1{ animation-delay:.22s !important; }
.hero-copy p{ animation-delay:.34s !important; }
.hero-actions{ animation-delay:.46s !important; }

@keyframes heroFastIn{
    from{ opacity:0; transform:translateY(-50%) translateX(42px) scale(.98); }
    to{ opacity:1; transform:translateY(-50%) translateX(0) scale(1); }
}

@keyframes heroTextFast{
    to{ opacity:1; transform:translateY(0); }
}

.category-news-section .category-news-grid{
    grid-template-columns:repeat(4,1fr);
}

.category-news-section .category-news-card:nth-child(n+5){
    display:none;
}

.category-page .category-news-grid,
body.category-page .category-news-grid{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}

.category-page .category-news-card:nth-child(n+5),
body.category-page .category-news-card:nth-child(n+5){
    display:block;
}

@media(max-width:900px){
    .topbar{
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:9999;
    }

    .menu{
        display:flex !important;
        position:fixed;
        top:74px;
        right:16px;
        left:16px;
        width:auto;
        max-height:calc(100vh - 94px);
        flex-direction:column;
        gap:8px;
        padding:18px;
        border-radius:22px;
        background:rgba(7,11,22,.96);
        border:1px solid rgba(255,255,255,.1);
        transform:translateY(-12px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:.3s ease;
        z-index:9998;
        backdrop-filter:blur(16px);
    }

    .menu.active{
        transform:translateY(0);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .menu a{
        display:block;
        padding:13px 14px;
        border-radius:14px;
        background:rgba(255,255,255,.04);
    }

    [data-theme="light"] .menu{
        background:rgba(255,255,255,.96);
        border-color:rgba(0,0,0,.08);
    }

    [data-theme="light"] .menu a{
        background:rgba(0,0,0,.04);
        color:#111827;
    }

    .hero + .top-results{
        margin-top:22px;
        margin-bottom:44px;
    }

    .top-match-filters{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .all-filter{
        margin-inline-start:0;
    }
}

@media(max-width:760px){
    .news-layout{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .featured-news{
        min-height:330px !important;
        border-radius:24px !important;
    }

    .featured-content h3{
        font-size:24px !important;
        line-height:1.35 !important;
    }

    .featured-content p{
        font-size:14px !important;
        line-height:1.8 !important;
    }

    .side-news{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:10px !important;
    }

    .small-news{
        min-height:auto !important;
        padding:14px 16px !important;
        border-radius:18px !important;
        background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
        border:1px solid rgba(255,255,255,.08) !important;
    }

    [data-theme="light"] .small-news{
        background:#fff !important;
        border-color:rgba(0,0,0,.08) !important;
    }

    .category-news-section .category-news-grid{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .category-news-section .category-news-card:first-child{
        display:block !important;
        border-radius:24px !important;
    }

    .category-news-section .category-news-card:first-child .category-news-image{
        min-height:210px !important;
    }

    .category-news-section .category-news-card:not(:first-child){
        display:grid !important;
        grid-template-columns:104px 1fr !important;
        min-height:112px !important;
        border-radius:18px !important;
        overflow:hidden !important;
    }

    .category-news-section .category-news-card:not(:first-child) .category-news-image{
        min-height:100% !important;
        height:100% !important;
    }

    .category-news-section .category-news-card:not(:first-child) .category-news-content{
        padding:12px !important;
    }

    .category-news-section .category-news-card:not(:first-child) h3{
        font-size:14px !important;
        line-height:1.55 !important;
        margin:4px 0 !important;
    }

    .category-news-section .category-news-card:not(:first-child) p{
        display:none !important;
    }
}



/* =========================
   NEWS DETAIL PAGE - CLEAN V2
========================= */

.article-page,
.clean-article-page{
    padding-top:0 !important;
}

.article-hero,
.article-hero-bg,
.article-shell,
.article-clean-header,
.article-clean-layout,
.article-clean-card,
.clean-related,
.reading-progress,
.you-may-like{
    all:unset;
}

.news-detail-page{
    width:min(1120px,90%);
    margin:0 auto;
    padding:94px 0 80px;
}

.news-detail-header{
    max-width:900px;
    margin-bottom:22px;
}

.back-link{
    display:inline-flex;
    align-items:center;
    margin-bottom:16px;
    padding:9px 16px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.1);
    font-weight:900;
    transition:.25s ease;
}

.back-link:hover{
    background:#ff3131;
    transform:translateY(-2px);
}

.news-detail-header .article-category{
    display:block;
    color:#ff3131;
    font-size:13px;
    font-weight:900;
    letter-spacing:1.5px;
    margin-bottom:8px;
}

.news-detail-header h1{
    color:#fff;
    font-size:clamp(32px,4.2vw,54px);
    line-height:1.25;
    font-weight:900;
    margin:0 0 12px;
}

.news-detail-header .article-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    color:#aeb7cc;
    font-size:14px;
    font-weight:800;
}

.news-detail-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 320px;
    gap:26px;
    align-items:start;
}

.news-detail-card{
    overflow:hidden;
    border-radius:26px;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.news-detail-image{
    width:100%;
    height:330px;
    object-fit:cover;
    display:block;
    background:#111827;
}

.news-detail-body{
    padding:28px 34px 12px;
    color:#eef2ff;
    font-size:18px;
    line-height:2.05;
    font-weight:600;
}

.news-detail-body p{
    margin:0 0 18px;
}

.news-detail-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    padding:0 34px 30px;
}

.news-detail-actions button,
.news-detail-actions a{
    border:none;
    outline:none;
    font-family:inherit;
    padding:12px 18px;
    border-radius:999px;
    font-weight:900;
    color:#fff;
    background:#ff3131;
    transition:.25s ease;
}

.news-detail-actions a{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
}

.news-detail-actions button:hover,
.news-detail-actions a:hover{
    transform:translateY(-2px);
}

.news-detail-sidebar{
    position:sticky;
    top:96px;
    padding:20px;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
    border:1px solid rgba(255,255,255,.09);
}

.sidebar-title span{
    color:#ff3131;
    font-size:12px;
    letter-spacing:1.8px;
    font-weight:900;
}

.sidebar-title h3{
    margin:5px 0 16px;
    color:#fff;
    font-size:23px;
    font-weight:900;
}

.related-news-list{
    display:grid;
    gap:12px;
}

.related-news-card{
    display:grid;
    grid-template-columns:84px 1fr;
    gap:12px;
    padding:10px;
    border-radius:16px;
    color:#fff;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
    transition:.25s ease;
}

.related-news-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,49,49,.4);
}

.related-thumb{
    min-height:76px;
    border-radius:12px;
    background-size:cover;
    background-position:center;
}

.related-news-card span{
    color:#ffb347;
    font-size:11px;
    font-weight:900;
}

.related-news-card h4{
    margin:5px 0 0;
    font-size:14px;
    line-height:1.55;
    font-weight:900;
}

[data-theme="light"] .news-detail-header h1,
[data-theme="light"] .sidebar-title h3,
[data-theme="light"] .related-news-card{
    color:#111827;
}

[data-theme="light"] .back-link,
[data-theme="light"] .news-detail-card,
[data-theme="light"] .news-detail-sidebar{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 50px rgba(20,32,60,.12);
}

[data-theme="light"] .back-link{
    color:#111827;
}

[data-theme="light"] .news-detail-body{
    color:#1f2937;
}

[data-theme="light"] .news-detail-actions a,
[data-theme="light"] .related-news-card{
    background:#f6f8fc;
    border-color:rgba(0,0,0,.07);
}

[data-theme="light"] .news-detail-actions a{
    color:#111827;
}

@media(max-width:980px){
    .news-detail-layout{
        grid-template-columns:1fr;
    }

    .news-detail-sidebar{
        position:relative;
        top:auto;
    }
}

@media(max-width:760px){
    .news-detail-page{
        width:92%;
        padding-top:84px;
    }

    .news-detail-header{
        margin-bottom:16px;
    }

    .back-link{
        margin-bottom:12px;
    }

    .news-detail-header h1{
        font-size:30px;
        line-height:1.35;
    }

    .news-detail-card{
        border-radius:22px;
    }

    .news-detail-image{
        height:220px;
    }

    .news-detail-body{
        padding:22px 18px 8px;
        font-size:17px;
        line-height:2;
    }

    .news-detail-actions{
        padding:0 18px 22px;
        flex-direction:column;
    }

    .news-detail-actions button,
    .news-detail-actions a{
        width:100%;
        text-align:center;
    }

    .news-detail-sidebar{
        padding:18px;
        border-radius:20px;
    }
}



/* =========================
   v1.1 HOMEPAGE REDESIGN
   Scoped to .home-page only
========================= */

.home-page{
    --home-radius-lg:30px;
    --home-radius-md:22px;
}

.home-page .topbar{
    min-height:74px;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.home-page .hero{
    min-height:600px;
    display:flex;
    align-items:center;
}

.home-page .hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 25%, rgba(255,49,49,.16), transparent 30%),
        linear-gradient(to top, var(--bg) 0%, rgba(7,11,22,.65) 50%, rgba(7,11,22,.22) 100%);
    pointer-events:none;
}

.home-page .hero-copy{
    z-index:2;
    animation:homeHeroIn .78s cubic-bezier(.16,1,.3,1) both !important;
    animation-delay:0s !important;
}

.home-page .hero-copy small,
.home-page .hero-copy h1,
.home-page .hero-copy p,
.home-page .hero-actions{
    animation-delay:0s !important;
}

@keyframes homeHeroIn{
    from{
        opacity:0;
        transform:translateY(-50%) translateX(36px) scale(.98);
    }
    to{
        opacity:1;
        transform:translateY(-50%) translateX(0) scale(1);
    }
}

.home-page .hero-copy h1{
    letter-spacing:-1px;
}

.home-page .hero-copy p{
    max-width:580px;
}

.home-page .hero-actions a{
    box-shadow:0 12px 32px rgba(255,49,49,.16);
}

.home-page .hero + .top-results{
    width:min(1280px,90%);
    margin:-58px auto 80px;
    position:relative;
    z-index:7;
}

.home-page .top-results{
    border-radius:var(--home-radius-lg);
    padding:26px;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.18), transparent 34%),
        linear-gradient(145deg, rgba(17,24,39,.94), rgba(7,11,22,.98));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 28px 80px rgba(0,0,0,.32);
}

.home-page .top-results-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:18px;
}

.home-page .top-results-head span,
.home-page .section-title span{
    color:#ff3131;
    font-weight:900;
    letter-spacing:2px;
}

.home-page .top-results-head h2{
    font-size:34px;
    margin:4px 0 6px;
}

.home-page .top-results-head p{
    color:#aeb7cc;
    font-size:14px;
    font-weight:700;
}

.home-page .top-match-filters{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:22px;
}

.home-page .filter-group-main{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.home-page .match-filter{
    border:none;
    padding:10px 18px;
    border-radius:999px;
    font-family:inherit;
    font-weight:900;
    color:#d7d7d7;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    transition:.25s ease;
}

.home-page .match-filter:hover,
.home-page .match-filter.active{
    color:#fff;
    background:#ff3131;
    border-color:#ff3131;
    transform:translateY(-2px);
}

.home-page .all-filter{
    margin-inline-start:auto;
    background:rgba(255,179,71,.11);
    color:#ffb347;
}

.home-page .results-slider{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(310px,1fr);
    gap:16px;
    overflow-x:auto;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
}

.home-page .results-slider.is-changing{
    animation:resultsFade .28s ease both;
}

@keyframes resultsFade{
    from{ opacity:.55; transform:translateY(8px); }
    to{ opacity:1; transform:translateY(0); }
}

.home-page .result-card{
    scroll-snap-align:start;
    min-height:176px;
    border-radius:24px;
    background:linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028));
    border:1px solid rgba(255,255,255,.085);
    transition:.3s ease;
}

.home-page .result-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,49,49,.45);
}

.home-page .news-section,
.home-page .category-news-section{
    width:min(1280px,90%);
    margin:0 auto 78px;
}

.home-page .news-layout{
    display:grid;
    grid-template-columns:1.45fr .9fr;
    gap:20px;
}

.home-page .featured-news{
    min-height:460px;
    border-radius:var(--home-radius-lg);
    overflow:hidden;
}

.home-page .side-news{
    display:grid;
    gap:14px;
}

.home-page .small-news{
    min-height:calc((460px - 28px) / 3);
    border-radius:var(--home-radius-md);
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.028));
    border:1px solid rgba(255,255,255,.085);
    transition:.25s ease;
}

.home-page .small-news:hover{
    transform:translateY(-4px);
    border-color:rgba(255,49,49,.38);
}

.home-page .section-title-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    text-align:inherit;
}

.home-page .view-all-link{
    flex-shrink:0;
    padding:10px 18px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.09);
    font-weight:900;
    transition:.25s ease;
}

.home-page .view-all-link:hover{
    background:#ff3131;
    border-color:#ff3131;
    transform:translateY(-2px);
}

.home-page .category-news-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.home-page .category-news-card:nth-child(n+5){
    display:none;
}

.home-page .category-news-card{
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.03));
    border:1px solid rgba(255,255,255,.085);
    transition:.25s ease;
}

.home-page .category-news-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,49,49,.38);
}

.home-page .category-news-image{
    min-height:180px;
}

[data-theme="light"] .home-page .top-results,
[data-theme="light"] .home-page .small-news,
[data-theme="light"] .home-page .category-news-card{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 16px 45px rgba(20,32,60,.10);
}

[data-theme="light"] .home-page .top-results-head p{
    color:#667085;
}

[data-theme="light"] .home-page .match-filter,
[data-theme="light"] .home-page .view-all-link{
    color:#1f2937;
    background:#fff;
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .home-page .match-filter.active,
[data-theme="light"] .home-page .match-filter:hover,
[data-theme="light"] .home-page .view-all-link:hover{
    color:#fff;
    background:#ff3131;
    border-color:#ff3131;
}

@media(max-width:1000px){
    .home-page .hero{
        min-height:560px;
    }

    .home-page .news-layout{
        grid-template-columns:1fr;
    }

    .home-page .side-news{
        grid-template-columns:repeat(3,1fr);
    }

    .home-page .small-news{
        min-height:155px;
    }

    .home-page .category-news-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:760px){
    .home-page .topbar{
        min-height:68px;
    }

    .home-page .menu{
        display:flex !important;
        position:fixed;
        top:76px;
        right:16px;
        left:16px;
        width:auto;
        max-height:calc(100vh - 96px);
        flex-direction:column;
        gap:8px;
        padding:18px;
        border-radius:22px;
        background:rgba(7,11,22,.96);
        border:1px solid rgba(255,255,255,.1);
        transform:translateY(-12px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:.28s ease;
        z-index:9998;
        backdrop-filter:blur(16px);
    }

    .home-page .menu.active{
        transform:translateY(0);
        opacity:1;
        visibility:visible;
        pointer-events:auto;
    }

    .home-page .menu a{
        display:block;
        padding:13px 14px;
        border-radius:14px;
        background:rgba(255,255,255,.04);
    }

    [data-theme="light"] .home-page .menu{
        background:rgba(255,255,255,.96);
        border-color:rgba(0,0,0,.08);
    }

    [data-theme="light"] .home-page .menu a{
        color:#111827;
        background:rgba(0,0,0,.04);
    }

    .home-page .hero{
        min-height:520px;
    }

    .home-page .hero-copy{
        width:90%;
    }

    .home-page .hero-copy h1{
        font-size:44px;
        line-height:1.12;
    }

    .home-page .hero-copy p{
        font-size:15px;
        line-height:1.9;
    }

    .home-page .hero + .top-results{
        width:92%;
        margin:24px auto 54px;
        padding:20px;
        border-radius:24px;
    }

    .home-page .top-results-head h2{
        font-size:26px;
    }

    .home-page .top-match-filters{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .home-page .all-filter{
        margin-inline-start:0;
    }

    .home-page .results-slider{
        grid-auto-columns:minmax(280px,86vw);
    }

    .home-page .news-section,
    .home-page .category-news-section{
        width:92%;
        margin-bottom:54px;
    }

    .home-page .featured-news{
        min-height:330px;
        border-radius:24px;
    }

    .home-page .side-news{
        grid-template-columns:1fr;
        gap:10px;
    }

    .home-page .small-news{
        min-height:auto;
        padding:15px 16px;
        border-radius:18px;
    }

    .home-page .small-news h4{
        font-size:15px;
        line-height:1.55;
    }

    .home-page .section-title-row{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .home-page .category-news-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .home-page .category-news-card:first-child .category-news-image{
        min-height:210px;
    }

    .home-page .category-news-card:not(:first-child){
        display:grid;
        grid-template-columns:104px 1fr;
        min-height:112px;
        border-radius:18px;
    }

    .home-page .category-news-card:not(:first-child) .category-news-image{
        height:100%;
        min-height:100%;
    }

    .home-page .category-news-card:not(:first-child) .category-news-content{
        padding:12px;
    }

    .home-page .category-news-card:not(:first-child) h3{
        font-size:14px;
        line-height:1.55;
        margin:4px 0;
    }

    .home-page .category-news-card:not(:first-child) p{
        display:none;
    }
}



/* =========================
   v1.2 MATCHES EXPERIENCE
   Grouped by competition
========================= */

.home-page .top-results{
    padding:26px;
}

.home-page .results-slider{
    display:grid !important;
    grid-auto-flow:row !important;
    grid-auto-columns:unset !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    overflow:visible !important;
    padding-bottom:0 !important;
    scroll-snap-type:none !important;
}

.home-page .competition-group{
    border-radius:24px;
    overflow:hidden;
    background:linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.085);
}

.home-page .competition-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:15px 18px;
    background:rgba(255,255,255,.045);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.home-page .competition-title{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.home-page .competition-title img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.home-page .competition-icon{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,179,71,.12);
}

.home-page .competition-title h3{
    margin:0;
    color:#fff;
    font-size:17px;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.home-page .competition-count{
    flex-shrink:0;
    color:#ffb347;
    font-size:12px;
    font-weight:900;
}

.home-page .competition-matches{
    display:grid;
}

.home-page .match-row-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr) 100px;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.065);
    transition:.25s ease;
}

.home-page .match-row-card:last-child{
    border-bottom:none;
}

.home-page .match-row-card:hover{
    background:rgba(255,255,255,.055);
}

.home-page .match-row-team{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.home-page .match-row-team:last-of-type{
    justify-content:flex-start;
}

.home-page .match-row-team img{
    width:34px;
    height:34px;
    object-fit:contain;
    flex-shrink:0;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));
}

.home-page .match-row-team strong{
    font-size:14px;
    font-weight:900;
    line-height:1.4;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.home-page .match-row-center{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.home-page .match-row-center b{
    min-width:78px;
    padding:8px 10px;
    text-align:center;
    border-radius:14px;
    color:#fff;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.07);
    font-size:18px;
    font-weight:900;
}

.home-page .status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    padding:4px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
}

.home-page .status-pill.is-live{
    color:#fff;
    background:#ff3131;
    animation:liveSoftPulse 1.6s infinite;
}

.home-page .status-pill.is-finished{
    color:#86efac;
    background:rgba(34,197,94,.12);
}

.home-page .status-pill.is-upcoming{
    color:#ffb347;
    background:rgba(255,179,71,.12);
}

.home-page .match-row-meta{
    color:#9ca3af;
    font-size:12px;
    font-weight:800;
    text-align:left;
}

@keyframes liveSoftPulse{
    0%,100%{ box-shadow:0 0 0 rgba(255,49,49,0); }
    50%{ box-shadow:0 0 18px rgba(255,49,49,.35); }
}

[data-theme="light"] .home-page .competition-group{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 14px 42px rgba(20,32,60,.10);
}

[data-theme="light"] .home-page .competition-head{
    background:#f6f8fc;
    border-bottom-color:rgba(0,0,0,.07);
}

[data-theme="light"] .home-page .competition-title h3,
[data-theme="light"] .home-page .match-row-card,
[data-theme="light"] .home-page .match-row-center b{
    color:#111827;
}

[data-theme="light"] .home-page .match-row-card{
    border-bottom-color:rgba(0,0,0,.06);
}

[data-theme="light"] .home-page .match-row-card:hover{
    background:#f8fafc;
}

[data-theme="light"] .home-page .match-row-center b{
    background:#eef2f8;
    border-color:rgba(0,0,0,.06);
}

@media(max-width:760px){
    .home-page .top-results{
        padding:18px;
    }

    .home-page .competition-head{
        padding:14px;
    }

    .home-page .competition-title h3{
        font-size:15px;
    }

    .home-page .competition-count{
        font-size:11px;
    }

    .home-page .match-row-card{
        grid-template-columns:1fr 84px 1fr;
        gap:8px;
        padding:14px 12px;
    }

    .home-page .match-row-team{
        flex-direction:column;
        justify-content:center;
        text-align:center;
        gap:7px;
    }

    .home-page .match-row-team img{
        width:32px;
        height:32px;
    }

    .home-page .match-row-team strong{
        white-space:normal;
        font-size:12px;
        max-width:95px;
    }

    .home-page .match-row-center b{
        min-width:68px;
        font-size:15px;
        padding:7px 8px;
    }

    .home-page .status-pill{
        min-width:62px;
        font-size:10px;
        padding:4px 7px;
    }

    .home-page .match-row-meta{
        grid-column:1 / -1;
        text-align:center;
        font-size:11px;
        margin-top:-2px;
    }
}



/* =========================
   v1.3 MATCH CENTER
========================= */

.home-page .match-center{
    overflow:hidden;
}

.home-page .league-tabs-wrap{
    margin:0 0 20px;
    overflow:hidden;
}

.home-page .league-tabs{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:0 0 8px;
    scroll-snap-type:x mandatory;
}

.home-page .league-tab{
    flex:0 0 auto;
    min-width:150px;
    max-width:210px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:11px 13px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.045);
    color:#fff;
    font-family:inherit;
    transition:.25s ease;
    scroll-snap-align:start;
}

.home-page .league-tab:hover,
.home-page .league-tab.active{
    border-color:rgba(255,49,49,.55);
    background:rgba(255,49,49,.12);
    transform:translateY(-2px);
}

.home-page .league-tab img,
.home-page .league-tab-icon{
    width:28px;
    height:28px;
    flex-shrink:0;
    object-fit:contain;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,179,71,.12);
}

.home-page .league-tab b{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
    font-weight:900;
}

.home-page .league-tab small{
    margin-inline-start:auto;
    color:#ffb347;
    font-size:11px;
    font-weight:900;
}

.home-page .league-tab em{
    font-style:normal;
    color:#fff;
    background:#ff3131;
    font-size:10px;
    font-weight:900;
    border-radius:999px;
    padding:3px 6px;
}

.home-page .match-center-panel{
    border-radius:24px;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.085);
    overflow:hidden;
}

.home-page .match-center-panel.is-changing{
    animation:matchPanelIn .28s ease both;
}

@keyframes matchPanelIn{
    from{
        opacity:.55;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.home-page .selected-league-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:16px 18px;
    background:rgba(255,255,255,.045);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.home-page .selected-league-head span{
    color:#ff3131;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.5px;
}

.home-page .selected-league-head h3{
    margin:4px 0 0;
    color:#fff;
    font-size:22px;
    font-weight:900;
}

.home-page .selected-league-head strong{
    flex-shrink:0;
    color:#ffb347;
    font-size:13px;
}

.home-page .center-matches-list{
    display:grid;
}

.home-page .center-match-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr);
    align-items:center;
    gap:12px;
    padding:16px 18px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,.065);
    transition:.25s ease;
}

.home-page .center-match-card:last-child{
    border-bottom:none;
}

.home-page .center-match-card:hover{
    background:rgba(255,255,255,.055);
}

.home-page .center-team{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.home-page .center-team:last-child{
    justify-content:flex-end;
}

.home-page .center-team img{
    width:36px;
    height:36px;
    object-fit:contain;
    flex-shrink:0;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.22));
}

.home-page .center-team strong{
    font-size:14px;
    font-weight:900;
    line-height:1.4;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.home-page .center-score{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
}

.home-page .center-score b{
    min-width:78px;
    text-align:center;
    padding:8px 10px;
    border-radius:14px;
    color:#fff;
    background:rgba(0,0,0,.22);
    border:1px solid rgba(255,255,255,.07);
    font-size:18px;
    font-weight:900;
}

.home-page .show-more-matches{
    width:calc(100% - 32px);
    margin:0 16px 16px;
    border:none;
    padding:13px 18px;
    border-radius:18px;
    color:#fff;
    background:rgba(255,49,49,.14);
    border:1px solid rgba(255,49,49,.32);
    font-family:inherit;
    font-weight:900;
    transition:.25s ease;
}

.home-page .show-more-matches:hover{
    background:#ff3131;
    transform:translateY(-2px);
}

.home-page .match-center-empty{
    display:grid;
    place-items:center;
    text-align:center;
    gap:7px;
    min-height:170px;
    padding:28px;
    color:#fff;
}

.home-page .match-center-empty strong{
    color:#ffb347;
    font-size:18px;
}

.home-page .match-center-empty span{
    color:#aeb7cc;
    font-weight:700;
}

.home-page .match-skeleton{
    display:grid;
    gap:12px;
    padding:18px;
}

.home-page .match-skeleton span{
    height:64px;
    border-radius:18px;
    background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.13),rgba(255,255,255,.06));
    background-size:200% 100%;
    animation:skeletonMove 1.15s infinite linear;
}

@keyframes skeletonMove{
    from{ background-position:200% 0; }
    to{ background-position:-200% 0; }
}

[data-theme="light"] .home-page .league-tab,
[data-theme="light"] .home-page .match-center-panel{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 14px 42px rgba(20,32,60,.10);
}

[data-theme="light"] .home-page .league-tab,
[data-theme="light"] .home-page .center-match-card,
[data-theme="light"] .home-page .selected-league-head h3,
[data-theme="light"] .home-page .center-score b{
    color:#111827;
}

[data-theme="light"] .home-page .selected-league-head{
    background:#f6f8fc;
    border-bottom-color:rgba(0,0,0,.07);
}

[data-theme="light"] .home-page .center-match-card{
    border-bottom-color:rgba(0,0,0,.06);
}

[data-theme="light"] .home-page .center-match-card:hover{
    background:#f8fafc;
}

[data-theme="light"] .home-page .center-score b{
    background:#eef2f8;
    border-color:rgba(0,0,0,.06);
}

[data-theme="light"] .home-page .match-center-empty span{
    color:#667085;
}

[data-theme="light"] .home-page .match-skeleton span{
    background:linear-gradient(90deg,#eef2f8,#f8fafc,#eef2f8);
    background-size:200% 100%;
}

@media(max-width:760px){
    .home-page .league-tab{
        min-width:138px;
        max-width:180px;
        padding:10px 12px;
        border-radius:16px;
    }

    .home-page .league-tab b{
        font-size:12px;
    }

    .home-page .selected-league-head{
        padding:14px;
    }

    .home-page .selected-league-head h3{
        font-size:18px;
    }

    .home-page .center-match-card{
        grid-template-columns:1fr 82px 1fr;
        gap:8px;
        padding:14px 12px;
    }

    .home-page .center-team{
        flex-direction:column;
        justify-content:center;
        text-align:center;
        gap:7px;
    }

    .home-page .center-team:last-child{
        justify-content:center;
    }

    .home-page .center-team img{
        width:32px;
        height:32px;
    }

    .home-page .center-team strong{
        white-space:normal;
        font-size:12px;
        max-width:95px;
    }

    .home-page .center-score b{
        min-width:66px;
        font-size:15px;
        padding:7px 8px;
    }

    .home-page .status-pill{
        min-width:62px;
        font-size:10px;
        padding:4px 7px;
    }
}


.small-news{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}





.small-news{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:14px;
    align-items:center;
    overflow:hidden;
}

.small-news-image{
    height:100%;
    min-height:105px;
    border-radius:18px;
    background-size:cover;
    background-position:center;
}

.small-news-content{
    position:relative;
    z-index:2;
}

@media(max-width:760px){
    .news-layout{
        display:block;
    }

    .featured-news{
        margin-bottom:14px;
    }

    .side-news{
        display:grid;
        gap:12px;
    }

    .small-news{
        grid-template-columns:105px 1fr;
        min-height:110px;
        padding:10px;
    }

    .small-news-image{
        min-height:90px;
        border-radius:14px;
    }

    .small-news h4{
        font-size:14px;
        line-height:1.5;
    }
}




.category-news-section{
    width:min(1280px,90%);
    margin:70px auto;
    padding:28px;
    border-radius:32px;
    background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
}

.category-news-section .section-title{
    text-align:right;
    margin-bottom:28px;
}

.category-news-section .section-title span{
    color:#ff3131;
    letter-spacing:2px;
    font-size:13px;
    font-weight:900;
}

.category-news-section .section-title h2{
    font-size:42px;
    margin:8px 0;
}

.category-news-section .section-title p{
    color:#aeb7cc;
    font-weight:700;
}

.category-news-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.category-news-card{
    min-height:310px;
    border-radius:24px;
    overflow:hidden;
    position:relative;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.1);
    transition:.3s ease;
}

.category-news-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,49,49,.5);
}

.category-news-image{
    height:180px;
    background-size:cover;
    background-position:center;
}

.category-news-content{
    padding:16px;
}

.category-news-content span{
    color:#ff3131;
    font-weight:900;
    font-size:12px;
}

.category-news-content h3{
    font-size:17px;
    line-height:1.6;
    margin:8px 0;
    color:#fff;
}

.category-news-content p{
    color:#aeb7cc;
    font-size:14px;
    line-height:1.7;
}

@media(max-width:900px){
    .category-news-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:600px){
    .category-news-section{
        width:92%;
        padding:20px;
        margin:45px auto;
    }

    .category-news-section .section-title h2{
        font-size:32px;
    }

    .category-news-grid{
        grid-template-columns:1fr;
    }

    .category-news-card{
        min-height:auto;
    }
}


/* =========================
   Premium Admin Login
========================= */

.login-page{
    min-height:100vh;
    font-family:"Cairo",sans-serif;
    background:
        radial-gradient(circle at 20% 18%, rgba(255,49,49,.20), transparent 30%),
        radial-gradient(circle at 80% 82%, rgba(255,179,71,.14), transparent 32%),
        #070b16;
    color:#fff;
    overflow-x:hidden;
}

.login-shell{
    min-height:100vh;
    display:grid;
    grid-template-columns:1.15fr .85fr;
}

.login-visual{
    position:relative;
    padding:44px 7vw;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    overflow:hidden;
    isolation:isolate;
}

.login-visual::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(to left, rgba(7,11,22,.18), rgba(7,11,22,.88)),
        url("assets/hero-bg.png") center/cover no-repeat;
    opacity:.52;
    z-index:-2;
}

.login-visual::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.12);
    left:-110px;
    bottom:-120px;
    box-shadow:0 0 80px rgba(255,49,49,.16);
    z-index:-1;
}

.login-brand{
    width:max-content;
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-size:24px;
    font-weight:900;
}

.login-brand img{
    width:72px;
    height:auto;
    filter:drop-shadow(0 12px 26px rgba(0,0,0,.35));
}

.login-hero-copy{
    max-width:680px;
    animation:loginTextIn .85s cubic-bezier(.16,1,.3,1) both;
}

.login-kicker,
.login-label{
    display:inline-flex;
    color:#ffb347;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
    margin-bottom:12px;
}

.login-hero-copy h1{
    font-size:62px;
    line-height:1.18;
    margin:0 0 18px;
    letter-spacing:-1px;
}

.login-hero-copy p{
    max-width:520px;
    color:#d6dbea;
    font-size:17px;
    line-height:2;
    font-weight:700;
}

.login-stats{
    display:grid;
    grid-template-columns:repeat(2, minmax(170px, 220px));
    gap:14px;
}

.login-stats div{
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(16px);
}

.login-stats strong{
    display:block;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

.login-stats span{
    color:#aeb7cc;
    font-weight:800;
    font-size:13px;
}

.login-panel{
    display:grid;
    place-items:center;
    padding:34px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
    border-right:1px solid rgba(255,255,255,.08);
}

.login-card{
    width:min(100%, 470px);
    padding:38px;
    border-radius:34px;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.14), transparent 35%),
        rgba(11,18,32,.86);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 30px 90px rgba(0,0,0,.35);
    backdrop-filter:blur(18px);
    animation:loginCardIn .75s cubic-bezier(.16,1,.3,1) both;
}

.login-card h2{
    font-size:38px;
    margin:0 0 8px;
}

.login-card > p{
    color:#aeb7cc;
    margin:0 0 24px;
    font-weight:700;
    line-height:1.8;
}

.login-form{
    display:grid;
    gap:16px;
}

.login-form label{
    display:grid;
    gap:8px;
}

.login-form label span{
    color:#d9deea;
    font-size:13px;
    font-weight:900;
}

.login-form input{
    width:100%;
    min-height:54px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.09);
    background:rgba(255,255,255,.07);
    color:#fff;
    outline:none;
    font-family:inherit;
    font-size:15px;
    transition:.24s ease;
}

.login-form input:focus{
    border-color:rgba(255,49,49,.65);
    box-shadow:0 0 0 4px rgba(255,49,49,.12);
    background:rgba(255,255,255,.095);
}

.login-form button{
    min-height:56px;
    margin-top:6px;
    border:0;
    border-radius:18px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-family:inherit;
    font-size:16px;
    font-weight:900;
    box-shadow:0 18px 42px rgba(255,49,49,.22);
    transition:.25s ease;
}

.login-form button:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 52px rgba(255,49,49,.32);
}

.login-message{
    min-height:24px;
    margin:16px 0 0 !important;
    font-weight:900;
}

.back-home{
    display:inline-flex;
    margin-top:18px;
    color:#ffb347;
    font-weight:900;
}

@keyframes loginCardIn{
    from{
        opacity:0;
        transform:translateY(24px) scale(.98);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

@keyframes loginTextIn{
    from{
        opacity:0;
        transform:translateX(36px);
        filter:blur(5px);
    }
    to{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

[data-theme="light"] .login-page{
    background:
        radial-gradient(circle at 20% 18%, rgba(255,49,49,.14), transparent 30%),
        radial-gradient(circle at 80% 82%, rgba(255,179,71,.12), transparent 32%),
        #f5f7fb;
    color:#111827;
}

[data-theme="light"] .login-panel{
    background:rgba(255,255,255,.62);
    border-right-color:rgba(0,0,0,.08);
}

[data-theme="light"] .login-card{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 24px 70px rgba(20,32,60,.13);
}

[data-theme="light"] .login-card h2,
[data-theme="light"] .login-form label span{
    color:#111827;
}

[data-theme="light"] .login-card > p{
    color:#667085;
}

[data-theme="light"] .login-form input{
    color:#111827;
    background:#f6f8fc;
    border-color:rgba(0,0,0,.08);
}

@media(max-width:900px){
    .login-shell{
        grid-template-columns:1fr;
    }

    .login-visual{
        min-height:42vh;
        padding:28px 6vw;
    }

    .login-hero-copy h1{
        font-size:42px;
    }

    .login-panel{
        padding:22px;
        border-right:0;
    }

    .login-card{
        border-radius:28px;
        padding:28px;
    }
}

@media(max-width:560px){
    .login-visual{
        min-height:auto;
        gap:42px;
    }

    .login-brand img{
        width:58px;
    }

    .login-brand span{
        font-size:20px;
    }

    .login-hero-copy h1{
        font-size:34px;
    }

    .login-hero-copy p{
        font-size:14px;
    }

    .login-stats{
        grid-template-columns:1fr;
    }

    .login-panel{
        padding:18px;
    }

    .login-card{
        padding:22px;
        border-radius:24px;
    }

    .login-card h2{
        font-size:30px;
    }
}


/* =========================================================
   FINAL SAFE NEWS FIX - loaded last intentionally
========================================================= */

.news-section,
.category-news-section,
.category-page-section,
.category-news-grid,
.page-news-grid,
.latest-news-grid{
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
}

.latest-news-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    margin-top:24px !important;
}

.load-more-news{
    margin:22px auto 0 !important;
    min-height:46px !important;
    padding:0 26px !important;
    display:flex !important;
    width:max-content !important;
    align-items:center !important;
    justify-content:center !important;
    border:0 !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-family:"Cairo",sans-serif !important;
    font-size:14px !important;
    font-weight:900 !important;
    box-shadow:0 14px 32px rgba(255,49,49,.20) !important;
    opacity:1 !important;
    visibility:visible !important;
    position:relative !important;
    z-index:20 !important;
}

@media(max-width:760px){
    .home-page .news-section,
    .home-page .category-news-section,
    .category-page .category-page-section{
        width:92% !important;
        margin:42px auto !important;
        padding:0 !important;
        overflow:visible !important;
        height:auto !important;
        max-height:none !important;
    }

    .home-page .latest-news-grid,
    .home-page .category-news-grid,
    .category-page .page-news-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
        overflow:visible !important;
        height:auto !important;
        max-height:none !important;
    }

    .home-page .latest-news-grid .category-news-card,
    .home-page .category-news-section .category-news-card,
    .category-page .category-news-card{
        width:100% !important;
        min-height:136px !important;
        height:auto !important;
        display:grid !important;
        grid-template-columns:118px minmax(0,1fr) !important;
        align-items:stretch !important;
        border-radius:22px !important;
        overflow:hidden !important;
        position:relative !important;
        background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
        border:1px solid rgba(255,255,255,.11) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
    }

    .home-page .latest-news-grid .category-news-card:first-child,
    .home-page .category-news-section .category-news-card:first-child,
    .category-page .category-news-card:first-child{
        min-height:136px !important;
        display:grid !important;
        grid-template-columns:118px minmax(0,1fr) !important;
    }

    .home-page .latest-news-grid .category-news-image,
    .home-page .category-news-section .category-news-image,
    .home-page .category-news-section .category-news-card:first-child .category-news-image,
    .category-page .category-news-image,
    .category-page .category-news-card:first-child .category-news-image{
        position:relative !important;
        inset:auto !important;
        width:118px !important;
        height:100% !important;
        min-height:136px !important;
        display:block !important;
        opacity:1 !important;
        background-size:cover !important;
        background-position:center !important;
        background-repeat:no-repeat !important;
    }

    .home-page .latest-news-grid .category-news-content,
    .home-page .category-news-section .category-news-content,
    .category-page .category-news-content{
        position:relative !important;
        z-index:2 !important;
        padding:13px 14px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        text-align:right !important;
        min-width:0 !important;
    }

    .home-page .latest-news-grid .category-news-content span,
    .home-page .category-news-section .category-news-content span,
    .category-page .category-news-content span{
        display:inline-flex !important;
        max-width:100% !important;
        margin-bottom:6px !important;
        padding:4px 8px !important;
        border-radius:999px !important;
        background:rgba(255,49,49,.15) !important;
        color:#ff6767 !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .home-page .latest-news-grid .category-news-content h3,
    .home-page .category-news-section .category-news-content h3,
    .category-page .category-news-content h3{
        width:100% !important;
        margin:0 !important;
        color:#fff !important;
        font-size:15px !important;
        line-height:1.55 !important;
        font-weight:900 !important;
        text-align:right !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .home-page .latest-news-grid .category-news-content p,
    .home-page .category-news-section .category-news-content p,
    .category-page .category-news-content p{
        display:block !important;
        margin:6px 0 0 !important;
        color:#b7bfd2 !important;
        font-size:12px !important;
        line-height:1.6 !important;
        text-align:right !important;
        display:-webkit-box !important;
        -webkit-line-clamp:1 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .load-more-news{
        width:100% !important;
        margin-top:16px !important;
    }
}


/* =========================================================
   FINAL SHOW ALL NEWS - no load-more buttons
========================================================= */

.load-more-news{
    display:none !important;
}

.news-section,
.category-news-section,
.category-page-section,
.category-news-grid,
.page-news-grid,
.latest-news-grid{
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
}

.latest-news-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    margin-top:24px !important;
}

@media(max-width:900px){
    .latest-news-grid,
    .page-news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:760px){
    .home-page .news-section,
    .home-page .category-news-section,
    .category-page .category-page-section{
        width:92% !important;
        margin:42px auto !important;
        padding:0 !important;
        overflow:visible !important;
        height:auto !important;
        max-height:none !important;
    }

    .home-page .latest-news-grid,
    .home-page .category-news-grid,
    .category-page .page-news-grid{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
        overflow:visible !important;
        height:auto !important;
        max-height:none !important;
    }

    .home-page .latest-news-grid .category-news-card,
    .home-page .category-news-section .category-news-card,
    .category-page .category-news-card{
        width:100% !important;
        min-height:136px !important;
        height:auto !important;
        display:grid !important;
        grid-template-columns:118px minmax(0,1fr) !important;
        align-items:stretch !important;
        border-radius:22px !important;
        overflow:hidden !important;
        position:relative !important;
        background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04)) !important;
        border:1px solid rgba(255,255,255,.11) !important;
        box-shadow:0 14px 34px rgba(0,0,0,.16) !important;
    }

    .home-page .latest-news-grid .category-news-card:first-child,
    .home-page .category-news-section .category-news-card:first-child,
    .category-page .category-news-card:first-child{
        min-height:136px !important;
        display:grid !important;
        grid-template-columns:118px minmax(0,1fr) !important;
    }

    .home-page .latest-news-grid .category-news-image,
    .home-page .category-news-section .category-news-image,
    .home-page .category-news-section .category-news-card:first-child .category-news-image,
    .category-page .category-news-image,
    .category-page .category-news-card:first-child .category-news-image{
        position:relative !important;
        inset:auto !important;
        width:118px !important;
        height:100% !important;
        min-height:136px !important;
        display:block !important;
        opacity:1 !important;
        background-size:cover !important;
        background-position:center !important;
        background-repeat:no-repeat !important;
    }

    .home-page .latest-news-grid .category-news-content,
    .home-page .category-news-section .category-news-content,
    .category-page .category-news-content{
        position:relative !important;
        z-index:2 !important;
        padding:13px 14px !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;
        align-items:flex-start !important;
        text-align:right !important;
        min-width:0 !important;
    }

    .home-page .latest-news-grid .category-news-content span,
    .home-page .category-news-section .category-news-content span,
    .category-page .category-news-content span{
        display:inline-flex !important;
        max-width:100% !important;
        margin-bottom:6px !important;
        padding:4px 8px !important;
        border-radius:999px !important;
        background:rgba(255,49,49,.15) !important;
        color:#ff6767 !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:900 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .home-page .latest-news-grid .category-news-content h3,
    .home-page .category-news-section .category-news-content h3,
    .category-page .category-news-content h3{
        width:100% !important;
        margin:0 !important;
        color:#fff !important;
        font-size:15px !important;
        line-height:1.55 !important;
        font-weight:900 !important;
        text-align:right !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }

    .home-page .latest-news-grid .category-news-content p,
    .home-page .category-news-section .category-news-content p,
    .category-page .category-news-content p{
        display:block !important;
        margin:6px 0 0 !important;
        color:#b7bfd2 !important;
        font-size:12px !important;
        line-height:1.6 !important;
        text-align:right !important;
        display:-webkit-box !important;
        -webkit-line-clamp:1 !important;
        -webkit-box-orient:vertical !important;
        overflow:hidden !important;
    }
}


/* =========================================================
   3alTrack v2.0.1 - Home News Professional UI
   Matches section intentionally unchanged.
========================================================= */

.home-news-pro,
.category-pro-section{
    width:min(1300px,90%);
    margin:80px auto;
    position:relative;
    z-index:2;
}

.pro-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:26px;
}

.pro-section-head.compact{
    margin-top:28px;
}

.pro-section-head span{
    color:#ff3131;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
}

.pro-section-head h2{
    margin:8px 0;
    color:#fff;
    font-size:42px;
    line-height:1.2;
    font-weight:900;
}

.pro-section-head p{
    color:#aeb7cc;
    font-weight:700;
    line-height:1.8;
}

.hero-news-slider{
    min-height:500px;
    position:relative;
    overflow:hidden;
    border-radius:34px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 28px 90px rgba(0,0,0,.25);
}

.hero-news-loading{
    width:100%;
    height:500px;
    display:grid;
    place-items:center;
    gap:10px;
}

.hero-news-loading span{
    width:55%;
    height:12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    animation:pulseGlow 1.7s infinite;
}

.hero-slide{
    position:absolute;
    inset:0;
    display:flex;
    align-items:flex-end;
    text-decoration:none;
    color:#fff;
    opacity:0;
    visibility:hidden;
    transform:scale(1.025);
    transition:opacity .6s ease, visibility .6s ease, transform .8s ease;
}

.hero-slide.active{
    opacity:1;
    visibility:visible;
    transform:scale(1);
}

.hero-slide-bg{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform 5s ease;
}

.hero-slide.active .hero-slide-bg{
    transform:scale(1.04);
}

.hero-slide-content{
    position:relative;
    z-index:2;
    max-width:760px;
    padding:48px;
}

.hero-slide-content span,
.pro-news-content span{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    padding:6px 11px;
    margin-bottom:12px;
    border-radius:999px;
    background:rgba(255,49,49,.16);
    color:#ff6868;
    font-size:11px;
    font-weight:900;
}

.hero-slide-content h2{
    margin:0 0 14px;
    font-size:48px;
    line-height:1.22;
    font-weight:900;
}

.hero-slide-content p{
    color:#d7dcea;
    font-size:16px;
    line-height:1.9;
    font-weight:700;
}

.hero-slide-dots{
    position:absolute;
    left:28px;
    bottom:28px;
    z-index:5;
    display:flex;
    gap:8px;
}

.hero-slide-dots button{
    width:10px;
    height:10px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.45);
    transition:.25s ease;
}

.hero-slide-dots button.active{
    width:34px;
    background:#ff3131;
}

.breaking-strip{
    margin:22px 0 0;
    min-height:58px;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:14px;
    overflow:hidden;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,49,49,.16),rgba(255,255,255,.05));
    border:1px solid rgba(255,255,255,.08);
}

.breaking-strip strong{
    height:100%;
    min-width:88px;
    display:grid;
    place-items:center;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-weight:900;
}

.breaking-track{
    overflow:hidden;
    white-space:nowrap;
    direction:ltr;
}

.breaking-track div{
    display:inline-flex;
    gap:34px;
    animation:breakingMove 28s linear infinite;
}

.breaking-track a,
.breaking-track span{
    color:#fff;
    font-weight:800;
    text-decoration:none;
    direction:rtl;
}

@keyframes breakingMove{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

.latest-news-pro-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.category-pro-layout{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:18px;
    align-items:stretch;
}

.category-side-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.pro-news-card{
    position:relative;
    min-height:310px;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    border-radius:28px;
    text-decoration:none;
    color:#fff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 22px 70px rgba(0,0,0,.18);
    transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.pro-news-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,49,49,.45);
    box-shadow:0 28px 80px rgba(255,49,49,.14);
}

.pro-news-image{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:transform .55s ease;
}

.pro-news-card:hover .pro-news-image{
    transform:scale(1.06);
}

.pro-news-content{
    position:relative;
    z-index:2;
    width:100%;
    padding:22px;
}

.pro-news-content h3{
    margin:0;
    font-size:22px;
    line-height:1.55;
    font-weight:900;
    color:#fff;
}

.pro-news-content p{
    margin:8px 0 0;
    color:#c2cadb;
    line-height:1.75;
    font-size:14px;
}

.featured-category-card{
    min-height:420px;
}

.featured-category-card .pro-news-content h3{
    font-size:30px;
}

.compact-pro-card{
    min-height:201px;
    border-radius:22px;
}

.compact-pro-card .pro-news-content{
    padding:16px;
}

.compact-pro-card .pro-news-content h3{
    font-size:16px;
    line-height:1.55;
}

.compact-pro-card .pro-news-content p{
    display:none;
}

.empty-news{
    width:100%;
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    color:#aeb7cc;
    font-weight:800;
    text-align:center;
}

@media(max-width:1000px){
    .latest-news-pro-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .category-pro-layout{
        grid-template-columns:1fr;
    }
}

@media(max-width:760px){
    .home-news-pro,
    .category-pro-section{
        width:92%;
        margin:52px auto;
    }

    .pro-section-head{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
        margin-bottom:18px;
    }

    .pro-section-head h2{
        font-size:32px;
    }

    .pro-section-head p{
        font-size:14px;
    }

    .hero-news-slider{
        min-height:430px;
        border-radius:28px;
    }

    .hero-slide-content{
        padding:26px;
    }

    .hero-slide-content h2{
        font-size:32px;
        line-height:1.3;
    }

    .hero-slide-content p{
        font-size:14px;
    }

    .hero-slide-dots{
        left:22px;
        bottom:20px;
    }

    .breaking-strip{
        grid-template-columns:1fr;
        gap:0;
    }

    .breaking-strip strong{
        min-height:42px;
        min-width:0;
    }

    .breaking-track{
        padding:13px;
    }

    .latest-news-pro-grid,
    .category-side-list{
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .pro-news-card,
    .featured-category-card,
    .compact-pro-card{
        min-height:138px;
        display:grid;
        grid-template-columns:118px 1fr;
        align-items:stretch;
        border-radius:22px;
    }

    .pro-news-image{
        position:relative;
        inset:auto;
        width:118px;
        min-height:138px;
    }

    .pro-news-content{
        padding:13px 14px;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .pro-news-content span{
        padding:4px 8px;
        margin-bottom:6px;
        font-size:10px;
    }

    .pro-news-content h3,
    .featured-category-card .pro-news-content h3,
    .compact-pro-card .pro-news-content h3{
        font-size:15px;
        line-height:1.55;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .pro-news-content p{
        margin-top:6px;
        font-size:12px;
        line-height:1.6;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }
}

[data-theme="light"] .pro-section-head h2,
[data-theme="light"] .pro-news-content h3{
    color:#111827;
}

[data-theme="light"] .hero-news-slider,
[data-theme="light"] .pro-news-card,
[data-theme="light"] .breaking-strip,
[data-theme="light"] .empty-news{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 50px rgba(20,32,60,.10);
}

[data-theme="light"] .pro-section-head p,
[data-theme="light"] .pro-news-content p,
[data-theme="light"] .empty-news{
    color:#667085;
}


/* =========================================================
   3alTrack v2.0.2 - Clear News Roles
========================================================= */

.most-read-pro-block{
    margin-top:34px;
}

.most-read-grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
}

.most-read-item{
    min-height:142px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border-radius:24px;
    text-decoration:none;
    color:#fff;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.14), transparent 40%),
        rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    transition:.28s ease;
}

.most-read-item:hover{
    transform:translateY(-5px);
    border-color:rgba(255,49,49,.45);
    box-shadow:0 20px 50px rgba(255,49,49,.12);
}

.most-read-item strong{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:12px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-weight:900;
}

.most-read-item span{
    color:#ff6868;
    font-size:10px;
    font-weight:900;
}

.most-read-item h3{
    margin:6px 0 0;
    color:#fff;
    font-size:15px;
    line-height:1.55;
    font-weight:900;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.latest-pro-block .empty-news{
    margin-top:0;
}

@media(max-width:1000px){
    .most-read-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }
}

@media(max-width:760px){
    .most-read-grid{
        display:flex;
        gap:12px;
        overflow-x:auto;
        padding-bottom:6px;
        scroll-snap-type:x mandatory;
    }

    .most-read-item{
        min-width:245px;
        min-height:130px;
        scroll-snap-align:start;
    }
}

[data-theme="light"] .most-read-item{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 14px 34px rgba(20,32,60,.08);
}

[data-theme="light"] .most-read-item h3{
    color:#111827;
}


/* =========================================================
   3alTrack v2.1 - News Center
========================================================= */

.all-news-cta{
    width:max-content;
    min-height:46px;
    margin:24px auto 0;
    padding:0 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-weight:900;
    box-shadow:0 14px 34px rgba(255,49,49,.22);
    transition:.25s ease;
}

.all-news-cta:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 46px rgba(255,49,49,.32);
}

.news-center-main{
    width:min(1300px,90%);
    margin:0 auto;
    padding:110px 0 70px;
}

.news-center-hero{
    min-height:310px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    overflow:hidden;
    padding:42px;
    border-radius:36px;
    background:
        linear-gradient(135deg,rgba(255,49,49,.18),rgba(255,255,255,.04)),
        url("assets/hero-bg.png") center/cover no-repeat;
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 28px 90px rgba(0,0,0,.24);
}

.news-center-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to left,rgba(7,11,22,.25),rgba(7,11,22,.88));
}

.news-center-hero > *{
    position:relative;
    z-index:2;
}

.news-center-hero span{
    color:#ffb347;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
}

.news-center-hero h1{
    margin:10px 0;
    color:#fff;
    font-size:58px;
    line-height:1.1;
    font-weight:900;
}

.news-center-hero p{
    max-width:620px;
    color:#d9deea;
    line-height:1.9;
    font-weight:700;
}

.news-center-panel{
    margin-top:32px;
    padding:28px;
    border-radius:34px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.news-center-tools{
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    align-items:center;
}

.news-search-box input{
    width:100%;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    outline:none;
    color:#fff;
    background:rgba(255,255,255,.07);
    font-family:"Cairo",sans-serif;
    font-weight:800;
}

.news-search-box input:focus{
    border-color:rgba(255,49,49,.55);
    box-shadow:0 0 0 4px rgba(255,49,49,.12);
}

.news-filter-tabs{
    display:flex;
    gap:9px;
    flex-wrap:wrap;
}

.news-filter-tabs button{
    min-height:44px;
    padding:0 15px;
    border:0;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.08);
    font-family:"Cairo",sans-serif;
    font-weight:900;
    transition:.22s ease;
}

.news-filter-tabs button.active,
.news-filter-tabs button:hover{
    background:linear-gradient(135deg,#ff3131,#b80f18);
}

.news-center-meta{
    margin:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#aeb7cc;
    font-weight:800;
}

.news-center-meta strong{
    color:#fff;
}

.all-news-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.all-news-card{
    min-height:340px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border-radius:26px;
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 20px 60px rgba(0,0,0,.18);
    transition:.28s ease;
}

.all-news-card:hover{
    transform:translateY(-7px);
    border-color:rgba(255,49,49,.45);
    box-shadow:0 28px 80px rgba(255,49,49,.13);
}

.all-news-image{
    min-height:190px;
    background-size:cover;
    background-position:center;
}

.all-news-content{
    padding:18px;
}

.all-news-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.all-news-meta span{
    padding:5px 9px;
    border-radius:999px;
    color:#ff6868;
    background:rgba(255,49,49,.14);
    font-size:10px;
    font-weight:900;
}

.all-news-meta small{
    color:#aeb7cc;
    font-weight:800;
}

.all-news-content h3{
    color:#fff;
    margin:0;
    font-size:20px;
    line-height:1.55;
    font-weight:900;
}

.all-news-content p{
    margin:8px 0 0;
    color:#b9c1d2;
    line-height:1.75;
    font-size:14px;
}

.news-center-skeleton{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.news-center-skeleton span{
    height:260px;
    border-radius:26px;
    background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.12),rgba(255,255,255,.05));
    animation:pulseGlow 1.5s infinite;
}

.pagination{
    margin-top:28px;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}

.pagination button{
    min-width:42px;
    min-height:42px;
    padding:0 14px;
    border:0;
    border-radius:14px;
    color:#fff;
    background:rgba(255,255,255,.08);
    font-family:"Cairo",sans-serif;
    font-weight:900;
}

.pagination button.active{
    background:linear-gradient(135deg,#ff3131,#b80f18);
}

.pagination button:disabled{
    opacity:.35;
}

@media(max-width:1000px){
    .news-center-tools{
        grid-template-columns:1fr;
    }

    .all-news-grid,
    .news-center-skeleton{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px){
    .news-center-main{
        width:92%;
        padding-top:92px;
    }

    .news-center-hero{
        min-height:260px;
        padding:28px;
        border-radius:28px;
    }

    .news-center-hero h1{
        font-size:38px;
    }

    .news-center-panel{
        padding:18px;
        border-radius:26px;
    }

    .news-filter-tabs{
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:4px;
    }

    .news-filter-tabs button{
        min-width:max-content;
    }

    .news-center-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:6px;
    }

    .all-news-grid{
        display:flex;
        flex-direction:column;
        gap:14px;
    }

    .all-news-card{
        min-height:0;
        display:grid;
        grid-template-columns:118px minmax(0,1fr);
        border-radius:22px;
    }

    .all-news-image{
        min-height:136px;
    }

    .all-news-content{
        padding:13px 14px;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }

    .all-news-meta{
        align-items:flex-start;
        flex-direction:column;
        gap:4px;
        margin-bottom:6px;
    }

    .all-news-content h3{
        font-size:15px;
        display:-webkit-box;
        -webkit-line-clamp:2;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .all-news-content p{
        font-size:12px;
        display:-webkit-box;
        -webkit-line-clamp:1;
        -webkit-box-orient:vertical;
        overflow:hidden;
    }

    .news-center-skeleton{
        grid-template-columns:1fr;
    }

    .news-center-skeleton span{
        height:140px;
    }

    .all-news-cta{
        width:100%;
    }
}

[data-theme="light"] .news-center-panel,
[data-theme="light"] .all-news-card,
[data-theme="light"] .pagination button,
[data-theme="light"] .news-filter-tabs button,
[data-theme="light"] .news-search-box input{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    color:#111827;
}

[data-theme="light"] .news-center-meta strong,
[data-theme="light"] .all-news-content h3{
    color:#111827;
}

[data-theme="light"] .news-center-meta,
[data-theme="light"] .all-news-content p,
[data-theme="light"] .all-news-meta small{
    color:#667085;
}


/* =========================================================
   v2.1.1 - Most Read Images
========================================================= */

.most-read-item{
    padding:0 !important;
    overflow:hidden !important;
    gap:0 !important;
}

.most-read-thumb{
    min-height:118px;
    position:relative;
    background-size:cover;
    background-position:center;
}

.most-read-thumb strong{
    position:absolute;
    top:12px;
    right:12px;
}

.most-read-copy{
    padding:15px;
}

@media(max-width:760px){
    .most-read-item{
        min-width:265px;
    }

    .most-read-thumb{
        min-height:115px;
    }

    .most-read-copy{
        padding:13px;
    }
}



/* =========================================================
   3alTrack v2.2 - Admin Dashboard CMS
========================================================= */

.admin-dashboard-page{
    min-height:100vh;
    background:
        radial-gradient(circle at 12% 16%, rgba(255,49,49,.16), transparent 28%),
        radial-gradient(circle at 86% 78%, rgba(255,179,71,.10), transparent 30%),
        #070b16;
    padding:0;
    color:#fff;
}

.cms-sidebar{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    width:285px;
    padding:26px 20px;
    display:flex;
    flex-direction:column;
    gap:24px;
    background:rgba(7,11,22,.94);
    border-left:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(18px);
}

.cms-logo{
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    font-weight:900;
    font-size:18px;
}

.cms-logo img{
    width:56px;
}

.cms-nav{
    display:grid;
    gap:10px;
}

.cms-nav a{
    padding:13px 14px;
    border-radius:16px;
    color:#cfd6e6;
    background:rgba(255,255,255,.035);
    border:1px solid transparent;
    font-weight:900;
    transition:.24s ease;
}

.cms-nav a:hover,
.cms-nav a.active{
    color:#fff;
    background:rgba(255,49,49,.14);
    border-color:rgba(255,49,49,.28);
}

.cms-logout{
    margin-top:auto;
    min-height:48px;
    border:0;
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-family:"Cairo",sans-serif;
    font-weight:900;
}

.cms-main{
    margin-right:285px;
    padding:32px;
}

.cms-top{
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:24px 28px;
    border-radius:30px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 60px rgba(0,0,0,.18);
}

.cms-top span,
.cms-panel-head span{
    color:#ffb347;
    font-size:12px;
    font-weight:900;
    letter-spacing:2px;
}

.cms-top h1{
    margin:6px 0 0;
    font-size:34px;
    font-weight:900;
}

.cms-user{
    min-width:220px;
    padding:14px 16px;
    border-radius:20px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.08);
    text-align:left;
    direction:ltr;
}

.cms-user strong,
.cms-user small{
    display:block;
}

.cms-user small{
    color:#aeb7cc;
    font-weight:800;
}

.cms-stats{
    margin:24px 0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.cms-stats article{
    min-height:128px;
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px;
    border-radius:26px;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.12), transparent 38%),
        rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 50px rgba(0,0,0,.14);
}

.cms-stats article > span{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border-radius:18px;
    background:rgba(255,49,49,.14);
    font-size:25px;
}

.cms-stats strong{
    display:block;
    font-size:30px;
    font-weight:900;
}

.cms-stats p{
    color:#aeb7cc;
    font-weight:800;
}

.cms-grid{
    display:grid;
    grid-template-columns:minmax(380px,.82fr) minmax(0,1.18fr);
    gap:20px;
    align-items:start;
}

.cms-panel{
    padding:24px;
    border-radius:30px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 22px 70px rgba(0,0,0,.18);
}

.cms-panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:20px;
}

.cms-panel-head h2{
    margin:6px 0 0;
    font-size:27px;
    font-weight:900;
}

.cms-light-btn{
    min-height:42px;
    padding:0 16px;
    border:0;
    border-radius:14px;
    color:#fff;
    background:rgba(255,255,255,.08);
    font-family:"Cairo",sans-serif;
    font-weight:900;
}

.cms-news-form{
    display:grid;
    gap:15px;
}

.cms-news-form label{
    display:grid;
    gap:8px;
}

.cms-news-form label span{
    color:#d9deea;
    font-size:13px;
    font-weight:900;
}

.cms-news-form input,
.cms-news-form select,
.cms-news-form textarea,
.cms-table-tools input,
.cms-table-tools select{
    width:100%;
    min-height:50px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    outline:none;
    color:#fff;
    background:rgba(255,255,255,.07);
    font-family:"Cairo",sans-serif;
    font-weight:800;
}

.cms-news-form textarea{
    min-height:170px;
    padding:14px;
    resize:vertical;
    line-height:1.8;
}

.cms-news-form input:focus,
.cms-news-form select:focus,
.cms-news-form textarea:focus,
.cms-table-tools input:focus,
.cms-table-tools select:focus{
    border-color:rgba(255,49,49,.55);
    box-shadow:0 0 0 4px rgba(255,49,49,.11);
}

.cms-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.cms-image-preview{
    min-height:150px;
    display:flex;
    align-items:flex-end;
    padding:14px;
    border-radius:20px;
    overflow:hidden;
    background:
        linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
    border:1px dashed rgba(255,255,255,.14);
    background-size:cover;
    background-position:center;
}

.cms-image-preview span{
    padding:6px 10px;
    border-radius:999px;
    color:#fff;
    background:rgba(0,0,0,.55);
    font-size:12px;
    font-weight:900;
}

.cms-submit{
    min-height:54px;
    border:0;
    border-radius:17px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-family:"Cairo",sans-serif;
    font-size:16px;
    font-weight:900;
    box-shadow:0 16px 40px rgba(255,49,49,.20);
}

.cms-submit:disabled{
    opacity:.6;
}

.cms-message{
    min-height:24px;
    margin-top:14px;
    font-weight:900;
}

.cms-table-tools{
    display:grid;
    grid-template-columns:1fr 210px;
    gap:12px;
    margin-bottom:16px;
}

.cms-news-list{
    display:grid;
    gap:12px;
}

.cms-news-row{
    display:grid;
    grid-template-columns:86px minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:12px;
    border-radius:22px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
}

.cms-row-image{
    width:86px;
    height:70px;
    border-radius:16px;
    background-size:cover;
    background-position:center;
    background-color:rgba(255,255,255,.08);
}

.cms-row-main{
    min-width:0;
}

.cms-row-main span{
    display:inline-flex;
    padding:4px 8px;
    margin-bottom:5px;
    border-radius:999px;
    color:#ff6868;
    background:rgba(255,49,49,.14);
    font-size:10px;
    font-weight:900;
}

.cms-row-main h3{
    margin:0;
    color:#fff;
    font-size:15px;
    line-height:1.5;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.cms-row-main p{
    margin-top:4px;
    color:#aeb7cc;
    font-size:12px;
    font-weight:800;
}

.cms-row-actions{
    display:flex;
    gap:8px;
}

.cms-row-actions button{
    min-height:38px;
    padding:0 12px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.09);
    font-family:"Cairo",sans-serif;
    font-weight:900;
}

.cms-row-actions button.danger{
    background:rgba(255,49,49,.16);
    color:#ff8585;
}

.cms-empty{
    padding:24px;
    border-radius:20px;
    color:#aeb7cc;
    background:rgba(255,255,255,.045);
    text-align:center;
    font-weight:900;
}

.cms-toast{
    position:fixed;
    left:24px;
    bottom:24px;
    z-index:20000;
    min-width:260px;
    max-width:360px;
    padding:15px 18px;
    border-radius:18px;
    color:#fff;
    background:rgba(17,24,39,.96);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 55px rgba(0,0,0,.35);
    transform:translateY(20px);
    opacity:0;
    visibility:hidden;
    transition:.28s ease;
    font-weight:900;
}

.cms-toast.show{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
}

.cms-toast.error{
    background:rgba(127,29,29,.96);
}

@media(max-width:1180px){
    .cms-stats{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .cms-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:820px){
    .cms-sidebar{
        position:relative;
        width:100%;
        min-height:auto;
        flex-direction:column;
        border-left:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .cms-main{
        margin-right:0;
        padding:18px;
    }

    .cms-nav{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .cms-top{
        align-items:flex-start;
        flex-direction:column;
        border-radius:24px;
    }

    .cms-user{
        width:100%;
    }

    .cms-stats{
        grid-template-columns:1fr;
    }

    .cms-form-row,
    .cms-table-tools{
        grid-template-columns:1fr;
    }

    .cms-news-row{
        grid-template-columns:72px minmax(0,1fr);
    }

    .cms-row-image{
        width:72px;
        height:70px;
    }

    .cms-row-actions{
        grid-column:1/-1;
        justify-content:flex-end;
    }
}

[data-theme="light"] .admin-dashboard-page{
    background:#f5f7fb;
    color:#111827;
}

[data-theme="light"] .cms-sidebar,
[data-theme="light"] .cms-top,
[data-theme="light"] .cms-panel,
[data-theme="light"] .cms-stats article,
[data-theme="light"] .cms-news-row{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 50px rgba(20,32,60,.08);
}

[data-theme="light"] .cms-nav a,
[data-theme="light"] .cms-light-btn,
[data-theme="light"] .cms-news-form input,
[data-theme="light"] .cms-news-form select,
[data-theme="light"] .cms-news-form textarea,
[data-theme="light"] .cms-table-tools input,
[data-theme="light"] .cms-table-tools select,
[data-theme="light"] .cms-row-actions button{
    background:#f6f8fc;
    color:#111827;
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .cms-row-main h3,
[data-theme="light"] .cms-top h1,
[data-theme="light"] .cms-panel-head h2,
[data-theme="light"] .cms-stats strong,
[data-theme="light"] .cms-logo{
    color:#111827;
}

[data-theme="light"] .cms-stats p,
[data-theme="light"] .cms-row-main p,
[data-theme="light"] .cms-user small{
    color:#667085;
}



/* =========================================================
   3alTrack v2.3 - Supabase Image Upload
========================================================= */

.cms-hidden-image-url{
    display:none !important;
}

.cms-upload-box{
    min-height:142px;
    display:grid;
    place-items:center;
    padding:18px;
    border-radius:22px;
    text-align:center;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.14), transparent 38%),
        rgba(255,255,255,.055);
    border:1px dashed rgba(255,255,255,.22);
    transition:.25s ease;
}

.cms-upload-box:hover,
.cms-upload-box.dragover{
    border-color:rgba(255,49,49,.75);
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.22), transparent 38%),
        rgba(255,255,255,.075);
    transform:translateY(-2px);
}

.cms-upload-box input{
    display:none;
}

.cms-upload-box strong{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:900;
}

.cms-upload-box span{
    display:block;
    margin-top:6px;
    color:#aeb7cc;
    font-size:13px;
    font-weight:800;
}

.cms-upload-progress{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    display:none;
}

.cms-upload-progress.active{
    display:block;
}

.cms-upload-progress span{
    width:0%;
    height:100%;
    display:block;
    border-radius:999px;
    background:linear-gradient(135deg,#ff3131,#ffb347);
    transition:width .28s ease;
}

.cms-image-preview{
    min-height:178px !important;
}

@media(max-width:820px){
    .cms-upload-box{
        min-height:128px;
    }
}

[data-theme="light"] .cms-upload-box{
    background:#f6f8fc;
    border-color:rgba(0,0,0,.14);
}

[data-theme="light"] .cms-upload-box strong{
    color:#111827;
}

[data-theme="light"] .cms-upload-box span{
    color:#667085;
}



/* =========================================================
   3alTrack v2.5 - Professional Article Page
   No reading time / no editor photo
========================================================= */

.article-pro-page{
    background:
        radial-gradient(circle at 12% 14%, rgba(255,49,49,.13), transparent 28%),
        radial-gradient(circle at 86% 82%, rgba(255,179,71,.08), transparent 30%),
        var(--bg);
}

.article-pro-hero{
    min-height:620px;
    position:relative;
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    padding:130px 7vw 70px;
    background-size:cover;
    background-position:center;
}

.article-pro-hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(to top, rgba(5,7,13,.98), rgba(5,7,13,.22) 55%, rgba(5,7,13,.65)),
        radial-gradient(circle at 80% 35%, rgba(255,49,49,.16), transparent 34%);
}

.article-hero-content{
    position:relative;
    z-index:2;
    max-width:980px;
}

.article-back-link{
    display:inline-flex;
    margin-bottom:18px;
    padding:9px 15px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.10);
    font-weight:900;
}

.article-pro-category{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    padding:7px 12px;
    border-radius:999px;
    color:#ff6868;
    background:rgba(255,49,49,.16);
    font-size:12px;
    font-weight:900;
}

.article-hero-content h1{
    margin:18px 0 18px;
    color:#fff;
    font-size:58px;
    line-height:1.22;
    font-weight:900;
    letter-spacing:-1px;
}

.article-pro-meta{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    color:#d9deea;
    font-weight:900;
}

.article-pro-shell{
    width:min(1320px,92%);
    margin:-42px auto 70px;
    position:relative;
    z-index:3;
    display:grid;
    grid-template-columns:96px minmax(0,1fr) 340px;
    gap:22px;
    align-items:start;
}

.article-share-box{
    position:sticky;
    top:105px;
    display:grid;
    gap:10px;
}

.article-share-box button{
    min-height:44px;
    border:0;
    border-radius:15px;
    color:#fff;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.08);
    font-family:"Cairo",sans-serif;
    font-size:12px;
    font-weight:900;
    transition:.22s ease;
}

.article-share-box button:hover{
    background:linear-gradient(135deg,#ff3131,#b80f18);
    transform:translateY(-2px);
}

.article-pro-content,
.article-side-card{
    border-radius:32px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 26px 80px rgba(0,0,0,.18);
}

.article-pro-content{
    padding:30px;
}

.article-info-card{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin-bottom:28px;
}

.article-info-card div{
    padding:16px;
    border-radius:20px;
    background:rgba(0,0,0,.18);
    border:1px solid rgba(255,255,255,.07);
}

.article-info-card span{
    display:block;
    margin-bottom:6px;
    color:#ffb347;
    font-size:11px;
    font-weight:900;
}

.article-info-card strong{
    color:#fff;
    font-size:14px;
    font-weight:900;
}

.article-body-pro{
    color:#e7ebf4;
    font-size:19px;
    line-height:2.15;
    font-weight:600;
}

.article-body-pro .article-main-image{
    width:100%;
    max-height:560px;
    object-fit:cover;
    border-radius:28px;
    margin-bottom:30px;
    box-shadow:0 20px 60px rgba(0,0,0,.24);
}

.article-body-pro p{
    margin:0 0 24px;
}

.article-body-pro h2{
    margin:36px 0 16px;
    color:#fff;
    font-size:32px;
    line-height:1.45;
    font-weight:900;
}

.article-body-pro blockquote{
    margin:30px 0;
    padding:20px 24px;
    border-right:4px solid #ff3131;
    border-radius:20px;
    color:#fff;
    background:rgba(255,49,49,.10);
    font-size:21px;
    font-weight:900;
}

.article-side-column{
    display:grid;
    gap:18px;
}

.article-side-card{
    padding:20px;
}

.pro-related-list{
    display:grid;
    gap:12px;
}

.article-most-read{
    display:grid;
    gap:12px;
}

.article-most-read-item{
    display:grid;
    grid-template-columns:72px 34px minmax(0,1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border-radius:18px;
    color:#fff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.06);
}

.article-most-read-item div{
    width:72px;
    height:58px;
    border-radius:14px;
    background-size:cover;
    background-position:center;
}

.article-most-read-item strong{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-weight:900;
}

.article-most-read-item h4{
    margin:0;
    color:#fff;
    font-size:13px;
    line-height:1.45;
    font-weight:900;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.article-navigation{
    margin-top:36px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.article-navigation a{
    min-height:110px;
    padding:18px;
    border-radius:22px;
    color:#fff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    transition:.22s ease;
}

.article-navigation a:hover{
    background:rgba(255,49,49,.12);
    border-color:rgba(255,49,49,.32);
}

.article-navigation span{
    display:block;
    color:#ffb347;
    font-size:12px;
    font-weight:900;
    margin-bottom:7px;
}

.article-navigation strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    line-height:1.6;
}

.article-bottom-related{
    width:min(1320px,92%);
    margin:0 auto 80px;
}

.bottom-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.bottom-related-card{
    min-height:300px;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    padding:22px;
    border-radius:28px;
    color:#fff;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 60px rgba(0,0,0,.16);
}

.bottom-related-card div{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    transition:.45s ease;
}

.bottom-related-card:hover div{
    transform:scale(1.06);
}

.bottom-related-card span,
.bottom-related-card h3{
    position:relative;
    z-index:2;
}

.bottom-related-card span{
    width:max-content;
    padding:5px 9px;
    border-radius:999px;
    color:#ff6868;
    background:rgba(255,49,49,.15);
    font-size:10px;
    font-weight:900;
}

.bottom-related-card h3{
    margin:10px 0 0;
    font-size:20px;
    line-height:1.55;
}

.image-lightbox{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    place-items:center;
    padding:24px;
    background:rgba(0,0,0,.86);
}

.image-lightbox.active{
    display:grid;
}

.image-lightbox img{
    max-width:94vw;
    max-height:88vh;
    border-radius:22px;
    box-shadow:0 24px 90px rgba(0,0,0,.45);
}

.image-lightbox button{
    position:absolute;
    top:22px;
    left:22px;
    width:48px;
    height:48px;
    border:0;
    border-radius:50%;
    color:#fff;
    background:#ff3131;
    font-size:28px;
    font-weight:900;
}

@media(max-width:1120px){
    .article-pro-shell{
        grid-template-columns:1fr;
    }

    .article-share-box{
        position:relative;
        top:auto;
        grid-template-columns:repeat(4,1fr);
        order:2;
    }

    .article-pro-content{
        order:1;
    }

    .article-side-column{
        order:3;
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:760px){
    .article-pro-hero{
        min-height:520px;
        padding:110px 5vw 52px;
    }

    .article-hero-content h1{
        font-size:34px;
        line-height:1.35;
    }

    .article-pro-shell{
        width:92%;
        margin:-28px auto 52px;
        gap:16px;
    }

    .article-pro-content,
    .article-side-card{
        padding:18px;
        border-radius:26px;
    }

    .article-info-card{
        grid-template-columns:1fr;
    }

    .article-body-pro{
        font-size:17px;
        line-height:2;
    }

    .article-body-pro .article-main-image{
        border-radius:22px;
        margin-bottom:22px;
    }

    .article-body-pro h2{
        font-size:25px;
    }

    .article-share-box{
        grid-template-columns:1fr 1fr;
    }

    .article-side-column{
        grid-template-columns:1fr;
    }

    .article-navigation{
        grid-template-columns:1fr;
    }

    .bottom-related-grid{
        display:flex;
        flex-direction:column;
    }

    .bottom-related-card{
        min-height:230px;
    }
}

[data-theme="light"] .article-pro-page{
    background:#f5f7fb;
}

[data-theme="light"] .article-pro-content,
[data-theme="light"] .article-side-card,
[data-theme="light"] .article-info-card div,
[data-theme="light"] .article-navigation a,
[data-theme="light"] .article-most-read-item{
    background:#fff;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 18px 50px rgba(20,32,60,.08);
}

[data-theme="light"] .article-body-pro,
[data-theme="light"] .article-info-card strong,
[data-theme="light"] .article-body-pro h2,
[data-theme="light"] .article-most-read-item h4,
[data-theme="light"] .article-navigation a{
    color:#111827;
}

[data-theme="light"] .article-body-pro blockquote{
    color:#111827;
    background:rgba(255,49,49,.08);
}

/* =========================================================
   v2.6 - الدوري
========================================================= */

.egypt-subsections{
    margin-top:20px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}

.egypt-subsections a{
    min-height:118px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    padding:18px;
    border-radius:24px;
    color:#fff;
    background:
        radial-gradient(circle at top right, rgba(255,49,49,.15), transparent 38%),
        rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 18px 50px rgba(0,0,0,.14);
    transition:.25s ease;
}

.egypt-subsections a:hover{
    transform:translateY(-5px);
    border-color:rgba(255,49,49,.45);
}

.egypt-subsections span{
    color:#ff6868;
    font-size:12px;
    font-weight:900;
}

.egypt-subsections strong{
    font-size:18px;
    line-height:1.5;
}

@media(max-width:760px){
    .egypt-subsections{
        grid-template-columns:1fr;
    }
}

[data-theme="light"] .egypt-subsections a{
    background:#fff;
    color:#111827;
    border-color:rgba(0,0,0,.08);
    box-shadow:0 14px 34px rgba(20,32,60,.08);
}



/* =========================================================
   v2.7 - Navbar Other Sports + Extra Sections
========================================================= */

@media(min-width:901px){
    .menu{
        gap:18px;
        flex-wrap:wrap;
    }

    .menu a{
        font-size:13px;
    }
}

@media(max-width:900px){
    .menu.active{
        max-height:calc(100vh - 90px);
        overflow-y:auto;
        padding-bottom:18px;
    }
}



/* =========================================================
   v2.8 - Navbar Order Fix
========================================================= */

@media(max-width:900px){
    .menu.active a{
        width:100%;
        padding:10px 4px;
    }
}



/* =========================================================
   v3.0 - Breaking / Featured News
========================================================= */

.cms-flags-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
}

.cms-switch{
    min-height:58px;
    display:flex !important;
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.09);
}

.cms-switch input{
    display:none;
}

.cms-switch span{
    width:44px;
    height:24px;
    position:relative;
    border-radius:999px;
    background:rgba(255,255,255,.16);
    flex-shrink:0;
}

.cms-switch span::after{
    content:"";
    position:absolute;
    top:3px;
    right:3px;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#fff;
    transition:.22s ease;
}

.cms-switch input:checked + span{
    background:linear-gradient(135deg,#ff3131,#ffb347);
}

.cms-switch input:checked + span::after{
    right:23px;
}

.cms-switch strong{
    color:#fff;
    font-size:13px;
    font-weight:900;
}

.cms-row-badges{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    margin-bottom:5px;
}

.cms-row-badges span{
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    color:#ff6868;
    background:rgba(255,49,49,.14);
    font-size:10px;
    font-weight:900;
}

@media(max-width:820px){
    .cms-flags-row{
        grid-template-columns:1fr;
    }
}

[data-theme="light"] .cms-switch{
    background:#f6f8fc;
    border-color:rgba(0,0,0,.08);
}

[data-theme="light"] .cms-switch strong{
    color:#111827;
}









/* =========================================================
   No YouTube Stable Reset
   الفيديو ملغي بالكامل: لا زر، لا iframe، لا عناصر فيديو.
========================================================= */

textarea#content{
    display:block !important;
}

.article-body-pro iframe,
.pro-news-card iframe,
.category-news-card iframe,
.all-news-card iframe,
.related-news-card iframe,
.bottom-related-card iframe,
.hero-slide iframe{
    display:none !important;
}



/* =========================================================
   Match Details Phase 2
========================================================= */

.match-detail-page{
    width:min(1180px, calc(100% - 32px));
    margin:120px auto 60px;
    direction:rtl;
}

.match-detail-hero,
.match-panel{
    background:linear-gradient(135deg, rgba(21,35,74,.96), rgba(14,22,50,.96));
    border:1px solid rgba(255,255,255,.1);
    border-radius:28px;
    box-shadow:0 20px 60px rgba(0,0,0,.24);
}

.match-detail-hero{
    padding:28px;
    margin-bottom:22px;
}

.match-league-chip{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 14px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    margin:0 auto 22px;
}

.match-league-chip img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.match-detail-scoreboard{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:22px;
}

.match-detail-team{
    display:grid;
    justify-items:center;
    gap:12px;
    color:#fff;
    text-align:center;
}

.match-detail-team img{
    width:82px;
    height:82px;
    object-fit:contain;
}

.match-detail-team h2{
    margin:0;
    font-size:clamp(1.1rem, 2vw, 1.8rem);
}

.match-detail-score{
    min-width:170px;
    display:grid;
    justify-items:center;
    gap:8px;
    padding:18px 24px;
    border-radius:24px;
    background:rgba(255,255,255,.08);
    color:#fff;
}

.match-detail-score strong{
    font-size:clamp(2rem, 4vw, 3.4rem);
    line-height:1;
}

.match-detail-score span{
    color:#ffcf70;
    font-weight:800;
}

.match-detail-grid{
    display:grid;
    gap:22px;
}

.match-panel{
    padding:24px;
    color:#fff;
}

.match-panel h3{
    margin:0 0 18px;
    color:#ff6b4a;
    font-size:1.35rem;
}

.empty-match-data{
    margin:0;
    color:rgba(255,255,255,.72);
}

.match-events-list{
    display:grid;
    gap:12px;
}

.match-event{
    display:grid;
    grid-template-columns:58px 44px 1fr;
    align-items:center;
    gap:12px;
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
}

.event-minute{
    color:#ffcf70;
    font-weight:900;
    text-align:center;
}

.event-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:rgba(255,255,255,.1);
}

.match-event strong{
    display:block;
    margin-bottom:4px;
}

.match-event p{
    margin:0;
    color:rgba(255,255,255,.7);
}

.match-stats-table{
    display:grid;
    gap:10px;
}

.stats-teams,
.stat-row{
    display:grid;
    grid-template-columns:1fr 1.4fr 1fr;
    align-items:center;
    gap:10px;
    text-align:center;
}

.stats-teams{
    color:#ffcf70;
    padding-bottom:8px;
}

.stat-row{
    padding:12px;
    border-radius:16px;
    background:rgba(255,255,255,.06);
}

.stat-row strong{
    color:rgba(255,255,255,.72);
}

.lineups-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
}

.lineup-team{
    padding:18px;
    border-radius:20px;
    background:rgba(255,255,255,.06);
}

.lineup-title{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
}

.lineup-title img{
    width:34px;
    height:34px;
    object-fit:contain;
}

.lineup-title span{
    margin-right:auto;
    color:#ffcf70;
    font-weight:800;
}

.lineup-team h4{
    margin:16px 0 8px;
    color:#ff6b4a;
}

.lineup-team ul{
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:7px;
}

.lineup-team li{
    display:flex;
    gap:10px;
    color:rgba(255,255,255,.84);
}

.lineup-team li span{
    min-width:28px;
    color:#ffcf70;
    font-weight:900;
}

@media(max-width:760px){
    .match-detail-page{
        width:min(100% - 20px, 1180px);
        margin-top:95px;
    }

    .match-detail-scoreboard{
        grid-template-columns:1fr;
    }

    .match-detail-score{
        order:2;
    }

    .lineups-grid{
        grid-template-columns:1fr;
    }

    .stats-teams,
    .stat-row{
        grid-template-columns:1fr 1.2fr 1fr;
        font-size:.88rem;
    }
}





/* =========================================
   MATCH DETAILS PRO UI
========================================= */

.match-detail-page{
    width:min(1300px,90%);
    margin:120px auto 0;
}

.match-pro-hero{
    padding:35px;
    border-radius:30px;
    background:linear-gradient(145deg,var(--panel-soft),var(--panel));
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:25px;
}

.match-pro-league{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:30px;
    color:var(--brand);
    font-weight:900;
}

.match-pro-league img{
    width:38px;
    height:38px;
    object-fit:contain;
}

.match-pro-scoreboard{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:30px;
    align-items:center;
}

.match-pro-team{
    text-align:center;
}

.match-pro-team img{
    width:110px;
    height:110px;
    object-fit:contain;
    margin:auto;
}

.match-pro-team h2{
    margin-top:16px;
    font-size:28px;
    font-weight:900;
}

.match-pro-center{
    text-align:center;
}

.match-pro-status{
    display:inline-block;
    padding:10px 18px;
    border-radius:999px;
    font-weight:900;
}

.match-pro-status.is-live{
    background:rgba(255,49,49,.18);
    color:var(--brand);
    animation:pulseGlow 2s infinite;
}

.match-pro-status.is-finished{
    background:rgba(255,255,255,.08);
    color:#d7d7d7;
}

.match-pro-status.is-upcoming{
    background:rgba(255,179,71,.15);
    color:var(--warning);
}

.match-pro-score{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-top:18px;
    font-size:60px;
    font-weight:900;
}

.match-tabs{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:25px;
}

.match-tabs button{
    border:0;
    border-radius:999px;
    padding:12px 24px;
    background:rgba(255,255,255,.08);
    color:#fff;
    font-family:inherit;
    font-weight:900;
}

.match-tabs button.active{
    background:var(--brand);
}

.match-panel{
    padding:28px;
    border-radius:24px;
    background:linear-gradient(145deg,var(--panel-soft),var(--panel));
    border:1px solid rgba(255,255,255,.08);
}

.match-panel h3{
    margin-bottom:20px;
    font-size:24px;
}

.match-tab-panel{
    display:none;
}

.match-tab-panel.active{
    display:block;
}

.match-timeline{
    display:grid;
    gap:15px;
}

.timeline-event{
    display:flex;
    gap:18px;
    align-items:flex-start;
    padding:18px;
    border-radius:18px;
    background:rgba(255,255,255,.04);
}

.timeline-minute{
    min-width:60px;
    color:var(--brand);
    font-weight:900;
}

.timeline-icon{
    font-size:20px;
}

.timeline-content p{
    margin-top:6px;
    color:var(--muted);
}

.pro-stats-list{
    display:grid;
    gap:22px;
}

.pro-stat-row{
    display:grid;
    gap:10px;
}

.stat-values{
    display:grid;
    grid-template-columns:80px 1fr 80px;
    text-align:center;
    align-items:center;
}

.stat-bars{
    display:flex;
    gap:8px;
}

.bar{
    height:10px;
    border-radius:999px;
}

.bar.home{
    background:var(--brand);
}

.bar.away{
    background:#3a8bff;
}

.lineups-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.lineup-team{
    padding:22px;
    border-radius:20px;
    background:rgba(255,255,255,.04);
}

.lineup-title{
    text-align:center;
    margin-bottom:20px;
}

.lineup-title img{
    width:60px;
    height:60px;
    object-fit:contain;
    margin:auto;
    margin-bottom:12px;
}

.lineup-team ul{
    list-style:none;
}

.lineup-team li{
    display:flex;
    gap:12px;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.06);
}

.empty-match-data{
    color:var(--muted);
}

@media (max-width:900px){

    .match-pro-scoreboard{
        grid-template-columns:1fr;
    }

    .match-pro-team img{
        width:80px;
        height:80px;
    }

    .match-pro-team h2{
        font-size:22px;
    }

    .match-pro-score{
        font-size:42px;
    }

    .lineups-grid{
        grid-template-columns:1fr;
    }

    .stat-values{
        grid-template-columns:60px 1fr 60px;
    }
}




/* FINAL MATCH DETAILS POLISH */

.match-detail-page {
    width: min(1180px, 94%);
    margin: 105px auto 0;
}

.match-pro-hero {
    padding: 28px;
    border-radius: 26px;
    background:
        radial-gradient(circle at center, rgba(255,255,255,.08), transparent 35%),
        linear-gradient(135deg, #12337b, #081429);
}

.match-pro-scoreboard {
    grid-template-columns: 1fr 180px 1fr;
}

.match-pro-team img {
    width: 86px;
    height: 86px;
}

.match-pro-team h2 {
    font-size: 25px;
}

.match-pro-score {
    width: 160px;
    height: 130px;
    margin: 14px auto 0;
    border-radius: 24px;
    background: rgba(255,255,255,.11);
    font-size: 52px;
}

.match-tabs {
    position: sticky;
    top: 82px;
    z-index: 50;
    padding: 12px;
    border-radius: 20px;
    background: rgba(5,7,13,.88);
    backdrop-filter: blur(14px);
}

.match-panel {
    padding: 24px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(27,52,111,.96), rgba(13,24,56,.96));
}

.match-panel h3 {
    color: #ff9a8a;
    font-size: 26px;
    margin-bottom: 22px;
}

/* Events */
.match-timeline {
    gap: 10px;
}

.timeline-event {
    min-height: 72px;
    display: grid;
    grid-template-columns: 70px 46px 1fr;
    align-items: center;
    padding: 14px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.055);
}

.timeline-minute {
    font-size: 18px;
    color: #ffd37a;
    text-align: center;
}

.timeline-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
}

.timeline-content strong {
    font-size: 16px;
}

.timeline-content p {
    margin-top: 3px;
    font-size: 14px;
}

/* Stats */
.stats-header,
.stat-values {
    display: grid;
    grid-template-columns: 1fr 1.4fr 1fr;
    align-items: center;
    text-align: center;
}

.stats-header {
    color: #fff;
    margin-bottom: 18px;
}

.pro-stat-row {
    padding: 13px 16px;
    border-radius: 16px;
    background: rgba(255,255,255,.055);
}

.stat-values strong {
    color: rgba(255,255,255,.86);
    font-size: 14px;
}

.stat-values span {
    color: #ffd37a;
    font-weight: 900;
}

.stat-bars {
    margin-top: 9px;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,.08);
}

.bar {
    height: 100%;
}

/* Lineups */
.lineups-grid {
    gap: 18px;
}

.lineup-team {
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.07);
}

.lineup-title {
    display: grid;
    grid-template-columns: 50px 1fr auto;
    gap: 12px;
    align-items: center;
    text-align: start;
}

.lineup-title img {
    width: 44px;
    height: 44px;
    margin: 0;
}

.lineup-title span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #ffd37a;
}

.lineup-team h4 {
    color: #ff9a8a;
    margin: 18px 0 10px;
}

.lineup-team li {
    justify-content: space-between;
    font-size: 15px;
}

.lineup-team li span {
    color: #ffd37a;
    font-weight: 900;
}

@media (max-width: 900px) {
    .match-pro-scoreboard {
        grid-template-columns: 1fr;
    }

    .match-pro-score {
        width: 140px;
        height: 110px;
        font-size: 42px;
    }

    .timeline-event {
        grid-template-columns: 52px 38px 1fr;
    }
}

.team-cell{
    display:flex;
    align-items:center;
    gap:10px;
}

.team-cell img{
    width:26px;
    height:26px;
    object-fit:contain;
}






/* LEAGUES HUB PAGE */

.leagues-hub-page{
    width:min(1300px,92%);
    margin:120px auto 0;
}

.leagues-hub-hero{
    padding:38px;
    border-radius:30px;
    background:linear-gradient(135deg,var(--panel-soft),var(--panel));
    border:1px solid rgba(255,255,255,.08);
    margin-bottom:26px;
}

.leagues-hub-hero span{
    color:var(--brand);
    font-weight:900;
    letter-spacing:2px;
}

.leagues-hub-hero h1{
    margin:12px 0;
    font-size:42px;
    font-weight:900;
}

.leagues-hub-hero p{
    color:var(--muted);
    line-height:1.9;
}

.leagues-search-box{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:14px;
    margin-bottom:26px;
}

.leagues-search-box input,
.leagues-search-box select{
    height:56px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    background:rgba(255,255,255,.06);
    color:var(--text);
    padding:0 18px;
    font-family:inherit;
    font-weight:800;
    outline:none;
}

.leagues-search-box select option{
    background:#101827;
    color:#fff;
}

.leagues-results-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.leagues-results-head h2{
    font-size:28px;
}

.leagues-results-head span{
    color:var(--warning);
    font-weight:900;
}

.leagues-hub-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.league-hub-card{
    padding:24px;
    border-radius:24px;
    background:linear-gradient(145deg,var(--panel-soft),var(--panel));
    border:1px solid rgba(255,255,255,.08);
    transition:.25s ease;
}

.league-hub-card:hover{
    transform:translateY(-6px);
    border-color:var(--brand);
}

.league-hub-logo{
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:rgba(255,255,255,.07);
    margin-bottom:18px;
    font-size:34px;
}

.league-hub-logo img{
    width:54px;
    height:54px;
    object-fit:contain;
}

.league-hub-content span{
    color:var(--brand);
    font-weight:900;
    font-size:13px;
}

.league-hub-content h3{
    margin:8px 0;
    font-size:22px;
    line-height:1.5;
}

.league-hub-content p{
    color:var(--muted);
    margin-bottom:20px;
}

.league-open-btn{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:46px;
    border-radius:999px;
    background:var(--brand);
    color:#fff;
    font-weight:900;
}

@media(max-width:900px){
    .leagues-search-box,
    .leagues-hub-grid{
        grid-template-columns:1fr;
    }

    .leagues-hub-hero h1{
        font-size:32px;
    }
}



/* LEAGUES HUB PRO */

.league-hub-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}

.league-country{
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    color:var(--muted);
    font-size:12px;
    font-weight:900;
}

.league-country img{
    width:20px;
    height:14px;
    object-fit:cover;
    border-radius:3px;
}

.league-hub-card{
    min-height:245px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.league-open-btn{
    margin-top:18px;
}




/* LEAGUE DETAILS PAGE */

.league-details-page {
    width: min(1250px, 92%);
    margin: 120px auto 60px;
}

.league-details-hero {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 24px;
    align-items: center;
    padding: 32px;
    border-radius: 28px;
    background: linear-gradient(135deg, var(--panel-soft), var(--panel));
    border: 1px solid rgba(255,255,255,.08);
    margin-bottom: 24px;
}

.league-details-logo {
    width: 105px;
    height: 105px;
    display: grid;
    place-items: center;
    border-radius: 26px;
    background: rgba(255,255,255,.07);
    font-size: 46px;
}

.league-details-logo img {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.league-details-info span,
.league-section-title span {
    color: var(--brand);
    font-weight: 900;
    letter-spacing: 2px;
}

.league-details-info h1 {
    margin: 10px 0;
    font-size: 42px;
}

.league-details-info p {
    color: var(--muted);
}

.league-details-tabs {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 22px;
}

.league-details-tab {
    border: 0;
    border-radius: 999px;
    padding: 12px 22px;
    background: rgba(255,255,255,.08);
    color: var(--text);
    font-family: inherit;
    font-weight: 900;
}

.league-details-tab.active {
    background: var(--brand);
    color: #fff;
}

.league-details-panel {
    display: none;
    padding: 24px;
    border-radius: 26px;
    background: linear-gradient(135deg, var(--panel-soft), var(--panel));
    border: 1px solid rgba(255,255,255,.08);
}

.league-details-panel.active {
    display: block;
}

.league-section-title {
    margin-bottom: 18px;
}

.league-section-title h2 {
    font-size: 28px;
    margin-top: 5px;
}

.league-table-head,
.league-table-row {
    display: grid;
    grid-template-columns: 50px 2fr repeat(8, 1fr);
    gap: 10px;
    align-items: center;
    padding: 14px;
}

.league-table-head {
    border-radius: 16px;
    background: rgba(255,255,255,.08);
    color: var(--brand);
    font-weight: 900;
}

.league-table-row {
    border-bottom: 1px solid rgba(255,255,255,.06);
}

.league-table-team {
    display: flex;
    align-items: center;
    gap: 10px;
}

.league-table-team img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.league-scorers-grid,
.league-matches-grid {
    display: grid;
    gap: 12px;
}

.league-scorer-card,
.league-match-card {
    padding: 16px;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.06);
}

@media (max-width: 900px) {
    .league-details-page {
        width: min(100% - 22px, 1250px);
        margin-top: 95px;
    }

    .league-details-hero {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .league-details-logo {
        margin: auto;
    }

    .league-table-head,
    .league-table-row {
        grid-template-columns: 40px 1.8fr 1fr 1fr;
        font-size: 12px;
    }

    .league-table-head span:nth-child(n+5),
    .league-table-row span:nth-child(n+5) {
        display: none;
    }
}

/* FINAL PATCH: moved original breaking strip + compact footer */
.home-page > .breaking-strip {
    width: min(1250px, 94%);
    margin: 96px auto 18px !important;
    min-height: 48px !important;
    border-radius: 16px !important;
    overflow: hidden;
    position: relative;
    z-index: 30;
    box-shadow: 0 16px 45px rgba(0,0,0,.18);
}

.home-page > .breaking-strip strong {
    min-width: 82px !important;
    font-size: 15px;
}

.home-page > .breaking-strip .breaking-track {
    padding: 0 16px;
}

.home-page > .hero {
    margin-top: 0 !important;
}

.home-news-pro > .breaking-strip,
.home-news-pro .breaking-strip {
    margin-top: 22px;
}

/* remove accidental top ad/spacer blocks if they exist */
.ad-slot-top,
.site-breaking-bar,
.top-news-ticker {
    display: none !important;
}

/* Compact premium footer */
.site-footer-premium {
    min-height: 86px !important;
    padding: 16px min(4vw, 42px) !important;
    margin-top: 24px !important;
    display: grid !important;
    grid-template-columns: 1fr auto auto !important;
    gap: 18px !important;
    align-items: center !important;
    text-align: start !important;
    background: linear-gradient(90deg, rgba(8,14,31,.98), rgba(17,29,58,.98)) !important;
    border-top: 1px solid rgba(255,255,255,.08) !important;
}

.footer-brand-line {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.site-footer-premium img {
    width: 40px !important;
    height: 40px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

.site-footer-premium h3 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.site-footer-premium p {
    margin: 2px 0 0 !important;
    color: var(--muted) !important;
    font-size: 12px !important;
}

.site-footer-premium small {
    color: var(--muted) !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

.footer-social {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.footer-social a {
    min-height: 32px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.footer-social a:hover {
    background: var(--brand) !important;
}

html[data-theme="light"] .site-footer-premium {
    background: linear-gradient(90deg, #fff, #eef3fa) !important;
}

html[data-theme="light"] .footer-social a {
    color: #111827 !important;
    background: rgba(15,23,42,.06) !important;
}

@media (max-width: 900px) {
    .home-page > .breaking-strip {
        width: min(100% - 18px, 1250px);
        margin-top: 86px !important;
        min-height: 42px !important;
        grid-template-columns: auto 1fr !important;
        border-radius: 14px !important;
    }

    .home-page > .breaking-strip strong {
        min-width: 66px !important;
        min-height: 42px !important;
        font-size: 13px !important;
    }

    .home-page > .breaking-strip .breaking-track {
        padding: 0 12px !important;
    }

    .site-footer-premium {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
        padding: 16px 14px !important;
        gap: 12px !important;
    }

    .footer-brand-line,
    .footer-social {
        justify-content: center !important;
    }

    .footer-social a {
        min-height: 31px !important;
        padding: 0 10px !important;
        font-size: 11px !important;
    }
}




body.dark {
    --bg: #0b1220;
    --card: #111a2e;
    --text: #ffffff;
    --muted: #aab3c2;
    --accent: #ef4444;
}

.dark .match-card,
.dark .card,
.dark .ticker {
    background: linear-gradient(145deg, #111a2e, #0b1220) !important;
    color: white;
}

/* =========================================================
   3alTrack Professional Breaking Ticker - Safe Override
   Changes only the breaking strip and ticker animation.
========================================================= */

.home-page > .breaking-strip {
    width: min(1250px, 94%) !important;
    min-height: 56px !important;
    margin: 96px auto 18px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    position: relative !important;
    z-index: 30 !important;
    isolation: isolate !important;
    background:
        linear-gradient(135deg, rgba(255, 49, 49, .16), rgba(255, 255, 255, .055)),
        rgba(8, 14, 31, .88) !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    box-shadow: 0 18px 55px rgba(0, 0, 0, .22) !important;
    backdrop-filter: blur(16px);
}

.home-page > .breaking-strip::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 255, 255, .11), transparent 28%),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, .045), transparent);
    opacity: .9;
}

.home-page > .breaking-strip > strong {
    min-width: 92px !important;
    min-height: 56px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 18px !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    background:
        linear-gradient(135deg, #ff3434 0%, #c30f1e 52%, #860b15 100%) !important;
    box-shadow: -10px 0 24px rgba(255, 49, 49, .18) inset !important;
    position: relative !important;
    z-index: 3 !important;
}

.home-page > .breaking-strip > strong::before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .72);
    animation: breakingPulse 1.65s ease-out infinite;
}

.home-page > .breaking-strip .breaking-track {
    min-width: 0 !important;
    height: 56px !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    direction: ltr !important;
    display: flex !important;
    align-items: center !important;
}

.breaking-marquee {
    height: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    will-change: transform;
    animation: breakingProfessionalMove var(--breaking-duration, 34s) linear infinite;
    transform: translateX(-50%);
}

.breaking-track:hover .breaking-marquee {
    animation-play-state: paused;
}

.breaking-marquee-group {
    min-width: max-content;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding-inline: 7px;
}

.breaking-news-chip {
    direction: rtl !important;
    height: 36px;
    max-width: 520px;
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    padding: 0 13px 0 10px;
    border-radius: 999px;
    color: #fff !important;
    text-decoration: none !important;
    font-family: "Cairo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 14px;
    font-weight: 800 !important;
    line-height: 1;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .115), rgba(255, 255, 255, .055)) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .14);
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.breaking-news-chip:hover {
    transform: translateY(-1px);
    background:
        linear-gradient(180deg, rgba(255, 49, 49, .26), rgba(255, 255, 255, .075)) !important;
    border-color: rgba(255, 49, 49, .35) !important;
}

.breaking-chip-dot {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 999px;
    background: #ff3131;
    box-shadow: 0 0 0 4px rgba(255, 49, 49, .12);
}

.breaking-chip-title {
    max-width: 380px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.breaking-chip-meta {
    height: 22px;
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    color: #ffccd0;
    font-size: 11px;
    font-weight: 900;
    background: rgba(255, 49, 49, .14);
    border: 1px solid rgba(255, 49, 49, .20);
}

.breaking-empty-state {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 800;
}

.breaking-fade {
    width: 52px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
    pointer-events: none;
}

.breaking-fade-start {
    left: 0;
    background: linear-gradient(90deg, rgba(8, 14, 31, .92), transparent);
}

.breaking-fade-end {
    right: 0;
    background: linear-gradient(270deg, rgba(8, 14, 31, .92), transparent);
}

@keyframes breakingProfessionalMove {
    from { transform: translateX(-50%); }
    to   { transform: translateX(0); }
}

@keyframes breakingPulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 255, 255, .72); }
    70%  { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}

/* Light mode polish */
[data-theme="light"] .home-page > .breaking-strip {
    background:
        linear-gradient(135deg, rgba(255, 49, 49, .10), rgba(255, 255, 255, .92)),
        #ffffff !important;
    border-color: rgba(15, 23, 42, .08) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .10) !important;
}

[data-theme="light"] .breaking-news-chip {
    color: #111827 !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.86)) !important;
    border-color: rgba(15, 23, 42, .09) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}

[data-theme="light"] .breaking-news-chip:hover {
    background: linear-gradient(180deg, rgba(255,49,49,.12), rgba(255,255,255,.94)) !important;
    border-color: rgba(255, 49, 49, .24) !important;
}

[data-theme="light"] .breaking-chip-meta {
    color: #b80f18;
    background: rgba(255, 49, 49, .09);
}

[data-theme="light"] .breaking-empty-state {
    color: #475467;
}

[data-theme="light"] .breaking-fade-start {
    background: linear-gradient(90deg, rgba(255,255,255,.96), transparent);
}

[data-theme="light"] .breaking-fade-end {
    background: linear-gradient(270deg, rgba(255,255,255,.96), transparent);
}

@media (max-width: 900px) {
    .home-page > .breaking-strip {
        width: min(100% - 18px, 1250px) !important;
        min-height: 46px !important;
        margin-top: 86px !important;
        border-radius: 15px !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
    }

    .home-page > .breaking-strip > strong {
        min-width: 68px !important;
        min-height: 46px !important;
        padding: 0 11px !important;
        font-size: 13px !important;
    }

    .home-page > .breaking-strip > strong::before {
        width: 7px;
        height: 7px;
    }

    .home-page > .breaking-strip .breaking-track {
        height: 46px !important;
    }

    .breaking-news-chip {
        height: 31px;
        max-width: 310px;
        padding: 0 10px 0 8px;
        gap: 7px;
        font-size: 12px;
    }

    .breaking-chip-title {
        max-width: 215px;
    }

    .breaking-chip-meta {
        display: none;
    }

    .breaking-marquee-group {
        gap: 10px;
    }

    .breaking-fade {
        width: 28px;
    }
}


/* =========================================================
   Light Mode Breaking Ticker Visibility Fix
   Keeps the professional ticker design and fixes inherited
   white text from older .breaking-track span rules.
========================================================= */

.breaking-news-chip,
.breaking-news-chip .breaking-chip-title {
    color: #ffffff !important;
}

.breaking-news-chip .breaking-chip-meta {
    color: #ffccd0 !important;
}

[data-theme="light"] .breaking-news-chip,
[data-theme="light"] .breaking-news-chip .breaking-chip-title {
    color: #101828 !important;
}

[data-theme="light"] .breaking-news-chip .breaking-chip-meta {
    color: #b42318 !important;
}

[data-theme="light"] .breaking-chip-dot {
    background: #e11d2e !important;
    box-shadow: 0 0 0 4px rgba(225, 29, 46, .12) !important;
}

[data-theme="light"] .home-page > .breaking-strip .breaking-track {
    color: #101828 !important;
}

[data-theme="light"] .breaking-news-chip:hover,
[data-theme="light"] .breaking-news-chip:hover .breaking-chip-title {
    color: #0f172a !important;
}


/* =========================================================
   FINAL PRE-HOSTING PATCH: Professional footer + social logos
   ========================================================= */
.site-footer-premium {
    position: relative !important;
    width: min(1250px, calc(100% - 32px)) !important;
    margin: 56px auto 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-align: start !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,49,49,.18), transparent 35%),
        radial-gradient(circle at 88% 20%, rgba(75,120,255,.18), transparent 38%),
        linear-gradient(135deg, rgba(7,12,26,.98), rgba(15,23,42,.98)) !important;
    box-shadow: 0 26px 80px rgba(0,0,0,.34) !important;
}

.site-footer-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.07), transparent);
    opacity: .65;
}

.footer-main {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 1.35fr) .75fr .75fr 1.2fr;
    gap: 28px;
    padding: 34px;
}

.footer-brand-block { min-width: 0; }

.footer-brand-line {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    color: #fff !important;
    text-decoration: none !important;
}

.site-footer-premium .footer-brand-line img {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
    margin: 0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.06) !important;
    padding: 6px !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.25) !important;
}

.site-footer-premium h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: 25px !important;
    line-height: 1.1 !important;
    font-weight: 950 !important;
    letter-spacing: .3px !important;
}

.site-footer-premium p,
.site-footer-premium a,
.site-footer-premium small,
.site-footer-premium span {
    font-family: 'Cairo', sans-serif !important;
}

.site-footer-premium .footer-brand-line p {
    margin: 5px 0 0 !important;
    color: #ffb4b4 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

.footer-desc {
    max-width: 430px !important;
    margin: 16px 0 0 !important;
    color: rgba(231,237,247,.72) !important;
    font-size: 14px !important;
    line-height: 1.9 !important;
    font-weight: 700 !important;
}

.footer-links,
.footer-social-wrap {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.footer-links strong,
.footer-social-wrap strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 950;
}

.footer-links a {
    width: fit-content;
    color: rgba(231,237,247,.72) !important;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    transition: color .18s ease, transform .18s ease;
}

.footer-links a:hover {
    color: var(--brand, #ff3131) !important;
    transform: translateX(-4px);
}

.footer-social {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.footer-social .social-link {
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 13px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.07) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.footer-social .social-link svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    fill: currentColor !important;
}

.footer-social .social-link:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(255,255,255,.25) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.28) !important;
}

.social-facebook:hover { background: #1877f2 !important; }
.social-instagram:hover { background: linear-gradient(135deg,#f58529,#dd2a7b,#8134af,#515bd4) !important; }
.social-x:hover { background: #111 !important; }
.social-threads:hover { background: #000 !important; }
.social-youtube:hover { background: #ff0033 !important; }
.social-tiktok:hover { background: linear-gradient(135deg,#25f4ee,#000,#fe2c55) !important; }

.footer-bottom {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 16px 34px;
    border-top: 1px solid rgba(255,255,255,.09);
    background: rgba(0,0,0,.16);
}

.footer-bottom small,
.footer-bottom span {
    color: rgba(231,237,247,.62) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

html[data-theme="light"] .site-footer-premium {
    background:
        radial-gradient(circle at 12% 0%, rgba(255,49,49,.12), transparent 35%),
        radial-gradient(circle at 88% 20%, rgba(75,120,255,.13), transparent 38%),
        linear-gradient(135deg, #ffffff, #f1f5f9) !important;
    border-color: rgba(15,23,42,.10) !important;
    box-shadow: 0 18px 55px rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .site-footer-premium h3,
html[data-theme="light"] .footer-links strong,
html[data-theme="light"] .footer-social-wrap strong {
    color: #0f172a !important;
}

html[data-theme="light"] .footer-desc,
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-bottom small,
html[data-theme="light"] .footer-bottom span {
    color: rgba(15,23,42,.68) !important;
}

html[data-theme="light"] .footer-social .social-link {
    color: #0f172a !important;
    background: rgba(15,23,42,.06) !important;
    border-color: rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .footer-social .social-link:hover {
    color: #fff !important;
}

@media (max-width: 1050px) {
    .footer-main {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    .site-footer-premium {
        width: min(100% - 18px, 1250px) !important;
        margin-top: 36px !important;
        border-radius: 24px !important;
    }

    .footer-main {
        grid-template-columns: 1fr !important;
        padding: 24px 18px !important;
        gap: 22px !important;
        text-align: center !important;
    }

    .footer-brand-line,
    .footer-links,
    .footer-social-wrap,
    .footer-social {
        align-items: center !important;
        justify-content: center !important;
    }

    .footer-links a {
        width: auto;
    }

    .footer-desc {
        margin-inline: auto !important;
    }

    .footer-social .social-link span {
        display: none !important;
    }

    .footer-social .social-link {
        width: 44px !important;
        height: 44px !important;
        padding: 0 !important;
    }

    .footer-bottom {
        flex-direction: column;
        text-align: center;
        padding: 15px 18px;
    }
}


/* =========================================================
   3alTrack compact footer + visible latest-news thumbnails
   ========================================================= */
.site-footer-premium {
    width: min(1180px, calc(100% - 28px)) !important;
    margin: 34px auto 14px !important;
    border-radius: 22px !important;
    box-shadow: 0 16px 48px rgba(0,0,0,.26) !important;
}

.footer-main {
    grid-template-columns: minmax(220px, 1.35fr) .72fr .72fr auto !important;
    gap: 18px !important;
    padding: 20px 24px !important;
    align-items: start !important;
}

.site-footer-premium .footer-brand-line {
    gap: 10px !important;
}

.site-footer-premium .footer-brand-line img {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    padding: 4px !important;
}

.site-footer-premium h3 {
    font-size: 20px !important;
    line-height: 1 !important;
}

.site-footer-premium .footer-brand-line p {
    margin-top: 3px !important;
    font-size: 11px !important;
}

.footer-desc {
    max-width: 330px !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}

.footer-links,
.footer-social-wrap {
    gap: 6px !important;
}

.footer-links strong,
.footer-social-wrap strong {
    margin-bottom: 2px !important;
    font-size: 13px !important;
}

.footer-links a {
    font-size: 12px !important;
    line-height: 1.45 !important;
}

.footer-social {
    gap: 8px !important;
    max-width: 148px !important;
}

.footer-social .social-link {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border-radius: 50% !important;
}

.footer-social .social-link span {
    display: none !important;
}

.footer-social .social-link svg {
    width: 17px !important;
    height: 17px !important;
    flex-basis: 17px !important;
}

.footer-bottom {
    padding: 10px 24px !important;
    gap: 10px !important;
}

.footer-bottom small,
.footer-bottom span {
    font-size: 11px !important;
}

.home-page .latest-news-pro-grid {
    align-items: stretch !important;
}

.home-page .latest-news-pro-grid .latest-news-card {
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 22px !important;
    background: rgba(255,255,255,.055) !important;
}

.home-page .latest-news-pro-grid .latest-news-card .latest-news-thumb {
    position: relative !important;
    width: 100% !important;
    height: 168px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.06) !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

.home-page .latest-news-pro-grid .latest-news-card .latest-news-thumb img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform .45s ease !important;
}

.home-page .latest-news-pro-grid .latest-news-card:hover .latest-news-thumb img {
    transform: scale(1.055) !important;
}

.home-page .latest-news-pro-grid .latest-news-card .pro-news-content {
    position: relative !important;
    padding: 14px 16px 16px !important;
    background: transparent !important;
}

.home-page .latest-news-pro-grid .latest-news-card .pro-news-content h3 {
    font-size: 17px !important;
    line-height: 1.55 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.home-page .latest-news-pro-grid .latest-news-card .pro-news-content p {
    font-size: 12.5px !important;
    line-height: 1.65 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

html[data-theme="light"] .home-page .latest-news-pro-grid .latest-news-card {
    background: #fff !important;
}

@media (max-width: 1050px) {
    .footer-main {
        grid-template-columns: 1.2fr .8fr .8fr !important;
    }

    .footer-social-wrap {
        grid-column: 1 / -1 !important;
    }

    .footer-social {
        max-width: none !important;
    }
}

@media (max-width: 760px) {
    .site-footer-premium {
        margin-top: 28px !important;
        border-radius: 18px !important;
    }

    .footer-main {
        grid-template-columns: 1fr !important;
        padding: 18px 16px !important;
        gap: 16px !important;
    }

    .footer-desc {
        max-width: 100% !important;
        margin-top: 8px !important;
    }

    .footer-bottom {
        padding: 10px 16px !important;
    }

    .home-page .latest-news-pro-grid .latest-news-card {
        min-height: 128px !important;
        display: grid !important;
        grid-template-columns: 112px 1fr !important;
        flex-direction: unset !important;
        border-radius: 18px !important;
    }

    .home-page .latest-news-pro-grid .latest-news-card .latest-news-thumb {
        width: 112px !important;
        height: 100% !important;
        min-height: 128px !important;
        border-bottom: 0 !important;
        border-left: 1px solid rgba(255,255,255,.08) !important;
    }

    .home-page .latest-news-pro-grid .latest-news-card .pro-news-content {
        padding: 12px 13px !important;
        justify-content: center !important;
    }

    .home-page .latest-news-pro-grid .latest-news-card .pro-news-content h3 {
        font-size: 14px !important;
    }

    .home-page .latest-news-pro-grid .latest-news-card .pro-news-content p {
        -webkit-line-clamp: 1 !important;
        font-size: 11.5px !important;
    }
}


/* =========================================================
   FINAL VISUAL PATCH v3 - compact footer + cleaner news cards
========================================================= */
.compact-site-footer{
    min-height:auto !important;
    padding:14px 22px !important;
    margin-top:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    border-radius:24px !important;
    width:min(94%,1200px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
}
.compact-site-footer .footer-brand-line{
    text-decoration:none !important;
}
.compact-site-footer .footer-brand-line h3{font-size:20px !important;}
.compact-site-footer .footer-brand-line p{font-size:12px !important; margin-top:2px !important;}
.compact-site-footer .footer-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}
.compact-site-footer .footer-social-icons a{
    width:36px !important;
    height:36px !important;
    min-height:36px !important;
    padding:0 !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
}
.compact-site-footer .footer-social-icons a span{display:none !important;}
.compact-site-footer .footer-social-icons a svg{
    width:16px !important;
    height:16px !important;
    fill:currentColor !important;
}
.compact-site-footer small{font-size:12px !important;}

.home-page .latest-news-pro-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
}
.home-page .latest-news-card{
    min-height:auto !important;
    display:grid !important;
    grid-template-columns:150px 1fr !important;
    align-items:stretch !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.055) !important;
}
.home-page .latest-news-card .latest-news-thumb{
    min-height:165px !important;
    background-size:cover !important;
    background-position:center !important;
}
.home-page .latest-news-card .latest-news-content{
    padding:16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}
.home-page .latest-news-card .latest-news-content h3{
    font-size:18px !important;
    line-height:1.55 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}
.home-page .latest-news-card .latest-news-content p{
    font-size:13px !important;
    line-height:1.7 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.most-read-grid{
    gap:16px !important;
}
.most-read-media-item{
    min-height:auto !important;
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}
.most-read-media-item .most-read-thumb{
    min-height:126px !important;
    background-size:cover !important;
    background-position:center !important;
}
.most-read-media-item .most-read-copy{
    padding:14px !important;
}
.most-read-media-item .most-read-copy h3{
    font-size:14px !important;
    line-height:1.55 !important;
}

@media(max-width:1000px){
    .home-page .latest-news-pro-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}
@media(max-width:760px){
    .compact-site-footer{
        flex-direction:column !important;
        padding:14px !important;
        gap:10px !important;
    }
    .home-page .latest-news-pro-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    .home-page .latest-news-card{
        grid-template-columns:118px 1fr !important;
    }
    .home-page .latest-news-card .latest-news-thumb{
        min-height:132px !important;
    }
}


/* =========================================================
   FINAL UX PATCH v5 - cleaner latest news + slimmer footer
========================================================= */

/* Latest news cards - desktop */
.home-page .latest-news-pro-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
}

.home-page .latest-news-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:auto !important;
    border-radius:24px !important;
    overflow:hidden !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.14) !important;
}

.home-page .latest-news-card .latest-news-thumb{
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    overflow:hidden !important;
    background:#121a2d !important;
}

.home-page .latest-news-card .latest-news-thumb img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.home-page .latest-news-card .pro-news-content,
.home-page .latest-news-card .latest-news-content{
    width:100% !important;
    padding:16px 18px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:flex-start !important;
    text-align:right !important;
    gap:8px !important;
}

.home-page .latest-news-card .pro-news-content span,
.home-page .latest-news-card .latest-news-content span{
    display:inline-flex !important;
    align-items:center !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    font-size:11px !important;
    font-weight:900 !important;
    background:rgba(255,79,79,.14) !important;
    color:#ff7d7d !important;
    margin:0 !important;
}

.home-page .latest-news-card .pro-news-content h3,
.home-page .latest-news-card .latest-news-content h3{
    width:100% !important;
    margin:0 !important;
    font-size:20px !important;
    line-height:1.55 !important;
    font-weight:900 !important;
    color:#fff !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.home-page .latest-news-card .pro-news-content p,
.home-page .latest-news-card .latest-news-content p{
    width:100% !important;
    margin:0 !important;
    color:#c4cde0 !important;
    font-size:13px !important;
    line-height:1.8 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.home-page .latest-news-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(255,49,49,.28) !important;
    box-shadow:0 24px 58px rgba(255,49,49,.10) !important;
}

/* Footer - slimmer and cleaner */
.compact-site-footer,
.site-footer-premium.compact-site-footer{
    width:min(94%,1180px) !important;
    margin:22px auto 12px !important;
    padding:12px 18px !important;
    min-height:auto !important;
    border-radius:18px !important;
    background:linear-gradient(90deg, rgba(18,27,49,.96), rgba(26,40,74,.96)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    box-shadow:0 12px 30px rgba(0,0,0,.14) !important;
}

.compact-site-footer .footer-brand-line{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    text-decoration:none !important;
    color:#fff !important;
}

.compact-site-footer .footer-brand-line img{
    width:42px !important;
    height:42px !important;
    border-radius:12px !important;
    object-fit:contain !important;
}

.compact-site-footer .footer-brand-line h3{
    margin:0 !important;
    font-size:18px !important;
    line-height:1.1 !important;
    color:#fff !important;
}

.compact-site-footer .footer-brand-line p{
    margin:2px 0 0 !important;
    font-size:11px !important;
    color:#d3daea !important;
}

.compact-site-footer .footer-social-icons{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

.compact-site-footer .footer-social-icons a{
    width:34px !important;
    height:34px !important;
    min-height:34px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
    display:grid !important;
    place-items:center !important;
}

.compact-site-footer .footer-social-icons a:hover{
    background:rgba(255,79,79,.16) !important;
    border-color:rgba(255,79,79,.35) !important;
}

.compact-site-footer .footer-social-icons svg{
    width:15px !important;
    height:15px !important;
    fill:currentColor !important;
}

.compact-site-footer small{
    font-size:11px !important;
    font-weight:800 !important;
    color:#d3daea !important;
    white-space:nowrap !important;
}

html[data-theme="light"] .home-page .latest-news-card{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 16px 40px rgba(20,32,60,.08) !important;
}
html[data-theme="light"] .home-page .latest-news-card .pro-news-content h3,
html[data-theme="light"] .home-page .latest-news-card .latest-news-content h3{
    color:#111827 !important;
}
html[data-theme="light"] .home-page .latest-news-card .pro-news-content p,
html[data-theme="light"] .home-page .latest-news-card .latest-news-content p{
    color:#667085 !important;
}
html[data-theme="light"] .compact-site-footer,
html[data-theme="light"] .site-footer-premium.compact-site-footer{
    background:linear-gradient(90deg, #ffffff, #eef3fa) !important;
}
html[data-theme="light"] .compact-site-footer .footer-brand-line,
html[data-theme="light"] .compact-site-footer .footer-brand-line h3{
    color:#111827 !important;
}
html[data-theme="light"] .compact-site-footer .footer-brand-line p,
html[data-theme="light"] .compact-site-footer small{
    color:#5f6c84 !important;
}
html[data-theme="light"] .compact-site-footer .footer-social-icons a{
    color:#111827 !important;
    background:rgba(15,23,42,.05) !important;
    border-color:rgba(15,23,42,.08) !important;
}

/* Mobile */
@media(max-width:900px){
    .home-page .latest-news-pro-grid{
        grid-template-columns:1fr !important;
        gap:14px !important;
    }

    .home-page .latest-news-card{
        display:grid !important;
        grid-template-columns:120px 1fr !important;
        align-items:stretch !important;
        min-height:auto !important;
    }

    .home-page .latest-news-card .latest-news-thumb{
        width:120px !important;
        height:auto !important;
        min-height:128px !important;
    }

    .home-page .latest-news-card .pro-news-content,
    .home-page .latest-news-card .latest-news-content{
        padding:12px 13px !important;
        gap:6px !important;
    }

    .home-page .latest-news-card .pro-news-content h3,
    .home-page .latest-news-card .latest-news-content h3{
        font-size:16px !important;
        -webkit-line-clamp:2 !important;
    }

    .home-page .latest-news-card .pro-news-content p,
    .home-page .latest-news-card .latest-news-content p{
        font-size:12px !important;
        -webkit-line-clamp:2 !important;
    }

    .compact-site-footer,
    .site-footer-premium.compact-site-footer{
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
        padding:12px !important;
        gap:10px !important;
    }

    .compact-site-footer .footer-brand-line{
        justify-content:center !important;
    }
}


/* =========================================================
   FORCE FINAL PATCH v6 - Latest News Rebuild + Ultra Footer
   Uses new unique classes to avoid old CSS conflicts.
========================================================= */

/* Latest news block */
.home-page #latestGeneralNews.latest-news-pro-grid,
#latestGeneralNews.latest-news-pro-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
}

.latest-clean-card{
    direction:rtl !important;
    text-decoration:none !important;
    color:#fff !important;
    overflow:hidden !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:0 16px 44px rgba(0,0,0,.16) !important;
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease !important;
}

.latest-clean-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(255,49,49,.32) !important;
    box-shadow:0 20px 52px rgba(255,49,49,.10) !important;
}

.latest-clean-image{
    width:100% !important;
    height:185px !important;
    flex:0 0 185px !important;
    overflow:hidden !important;
    background:#11192d !important;
}

.latest-clean-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.latest-clean-body{
    min-height:142px !important;
    padding:16px 18px 18px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:right !important;
    gap:8px !important;
}

.latest-clean-body span{
    display:inline-flex !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    background:rgba(255,49,49,.14) !important;
    color:#ff7878 !important;
    font-size:11px !important;
    font-weight:900 !important;
}

.latest-clean-body h3{
    width:100% !important;
    margin:0 !important;
    color:#fff !important;
    font-size:20px !important;
    line-height:1.55 !important;
    font-weight:900 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.latest-clean-body p{
    width:100% !important;
    margin:0 !important;
    color:#c5cde0 !important;
    font-size:13px !important;
    line-height:1.75 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

/* Ultra footer - no old footer class */
.ultra-footer{
    width:min(94%,1180px) !important;
    min-height:54px !important;
    margin:20px auto 12px !important;
    padding:10px 16px !important;
    border-radius:18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    color:#fff !important;
    background:linear-gradient(90deg, rgba(22,31,56,.96), rgba(33,55,104,.96)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}

.ultra-footer-brand{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    color:#fff !important;
    text-decoration:none !important;
    flex-shrink:0 !important;
}

.ultra-footer-brand img{
    width:36px !important;
    height:36px !important;
    object-fit:contain !important;
    border-radius:10px !important;
}

.ultra-footer-brand span{
    display:flex !important;
    flex-direction:column !important;
    line-height:1.15 !important;
}

.ultra-footer-brand strong{
    font-size:17px !important;
    font-weight:900 !important;
}

.ultra-footer-brand small{
    font-size:10px !important;
    color:#d4dbeb !important;
    font-weight:800 !important;
}

.ultra-footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    flex-wrap:wrap !important;
}

.ultra-footer-social a{
    width:32px !important;
    height:32px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    text-decoration:none !important;
}

.ultra-footer-social a:hover{
    background:rgba(255,49,49,.18) !important;
    border-color:rgba(255,49,49,.35) !important;
}

.ultra-footer-social svg{
    width:14px !important;
    height:14px !important;
    fill:currentColor !important;
}

.ultra-footer > small{
    font-size:11px !important;
    color:#d4dbeb !important;
    font-weight:900 !important;
    white-space:nowrap !important;
}

/* Light theme */
html[data-theme="light"] .latest-clean-card{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 36px rgba(20,32,60,.08) !important;
}
html[data-theme="light"] .latest-clean-body h3{color:#111827 !important;}
html[data-theme="light"] .latest-clean-body p{color:#667085 !important;}
html[data-theme="light"] .ultra-footer{
    background:linear-gradient(90deg,#fff,#eef3fa) !important;
    color:#111827 !important;
}
html[data-theme="light"] .ultra-footer-brand,
html[data-theme="light"] .ultra-footer-brand strong{color:#111827 !important;}
html[data-theme="light"] .ultra-footer-brand small,
html[data-theme="light"] .ultra-footer > small{color:#5f6c84 !important;}
html[data-theme="light"] .ultra-footer-social a{
    color:#111827 !important;
    background:rgba(15,23,42,.055) !important;
    border-color:rgba(15,23,42,.08) !important;
}

/* Mobile */
@media(max-width:900px){
    .home-page #latestGeneralNews.latest-news-pro-grid,
    #latestGeneralNews.latest-news-pro-grid{
        grid-template-columns:1fr !important;
        gap:13px !important;
    }

    .latest-clean-card{
        display:grid !important;
        grid-template-columns:118px 1fr !important;
        align-items:stretch !important;
        min-height:126px !important;
    }

    .latest-clean-image{
        width:118px !important;
        height:auto !important;
        min-height:126px !important;
        flex:auto !important;
    }

    .latest-clean-body{
        min-height:126px !important;
        padding:11px 13px !important;
        gap:5px !important;
    }

    .latest-clean-body span{
        font-size:10px !important;
        padding:4px 8px !important;
    }

    .latest-clean-body h3{
        font-size:16px !important;
        line-height:1.45 !important;
    }

    .latest-clean-body p{
        font-size:12px !important;
        line-height:1.55 !important;
        -webkit-line-clamp:2 !important;
    }

    .ultra-footer{
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
        padding:12px !important;
        gap:9px !important;
        border-radius:18px !important;
    }

    .ultra-footer-brand{
        justify-content:center !important;
    }

    .ultra-footer-social{
        gap:8px !important;
    }

    .ultra-footer-social a{
        width:34px !important;
        height:34px !important;
    }
}


/* =========================================================
   FOOTER FINAL PATCH v7 - Premium compact footer
========================================================= */
.pro-footer-v7{
    direction:rtl !important;
    width:min(94%,1180px) !important;
    margin:26px auto 14px !important;
    padding:0 !important;
    overflow:hidden !important;
    border-radius:22px !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(255,49,49,.18), transparent 30%),
        linear-gradient(135deg, rgba(13,21,42,.98), rgba(24,42,84,.98)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.18) !important;
}

.pro-footer-top{
    min-height:74px !important;
    padding:14px 18px !important;
    display:grid !important;
    grid-template-columns:auto 1fr auto !important;
    align-items:center !important;
    gap:18px !important;
}

.pro-footer-brand{
    display:flex !important;
    align-items:center !important;
    gap:11px !important;
    text-decoration:none !important;
    color:#fff !important;
    white-space:nowrap !important;
}

.pro-footer-brand img{
    width:44px !important;
    height:44px !important;
    object-fit:contain !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.pro-footer-brand span{
    display:flex !important;
    flex-direction:column !important;
    line-height:1.2 !important;
}

.pro-footer-brand strong{
    font-size:20px !important;
    font-weight:950 !important;
    letter-spacing:.2px !important;
    color:#fff !important;
}

.pro-footer-brand small{
    margin-top:2px !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#cbd5e8 !important;
}

.pro-footer-links{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

.pro-footer-links a{
    height:32px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:#dbe5f7 !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.07) !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-decoration:none !important;
    transition:.2s ease !important;
}

.pro-footer-links a:hover{
    color:#fff !important;
    background:rgba(255,49,49,.16) !important;
    border-color:rgba(255,49,49,.35) !important;
}

.pro-footer-social{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    flex-wrap:wrap !important;
}

.pro-footer-social a{
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    text-decoration:none !important;
    transition:.2s ease !important;
}

.pro-footer-social a:hover{
    transform:translateY(-2px) !important;
    background:rgba(255,49,49,.20) !important;
    border-color:rgba(255,49,49,.38) !important;
}

.pro-footer-social svg{
    width:15px !important;
    height:15px !important;
    fill:currentColor !important;
}

.pro-footer-bottom{
    min-height:34px !important;
    padding:8px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border-top:1px solid rgba(255,255,255,.07) !important;
    background:rgba(0,0,0,.12) !important;
    color:#b9c5dc !important;
    font-size:11px !important;
    font-weight:800 !important;
}

html[data-theme="light"] .pro-footer-v7{
    color:#111827 !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(255,49,49,.12), transparent 32%),
        linear-gradient(135deg,#fff,#edf3fb) !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 34px rgba(20,32,60,.08) !important;
}

html[data-theme="light"] .pro-footer-brand,
html[data-theme="light"] .pro-footer-brand strong{
    color:#111827 !important;
}

html[data-theme="light"] .pro-footer-brand small,
html[data-theme="light"] .pro-footer-bottom{
    color:#667085 !important;
}

html[data-theme="light"] .pro-footer-links a,
html[data-theme="light"] .pro-footer-social a{
    color:#111827 !important;
    background:rgba(15,23,42,.045) !important;
    border-color:rgba(15,23,42,.07) !important;
}

html[data-theme="light"] .pro-footer-bottom{
    background:rgba(15,23,42,.025) !important;
    border-top-color:rgba(15,23,42,.06) !important;
}

@media(max-width:980px){
    .pro-footer-top{
        grid-template-columns:1fr !important;
        justify-items:center !important;
        text-align:center !important;
        gap:12px !important;
        padding:16px !important;
    }

    .pro-footer-brand{
        justify-content:center !important;
    }

    .pro-footer-links{
        gap:7px !important;
    }

    .pro-footer-social{
        justify-content:center !important;
    }

    .pro-footer-bottom{
        flex-direction:column !important;
        justify-content:center !important;
        text-align:center !important;
        gap:4px !important;
    }
}

@media(max-width:520px){
    .pro-footer-v7{
        width:min(94%,420px) !important;
        border-radius:20px !important;
        margin-top:22px !important;
    }

    .pro-footer-top{
        min-height:auto !important;
        padding:15px 12px !important;
    }

    .pro-footer-links{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        width:100% !important;
    }

    .pro-footer-links a{
        height:34px !important;
        padding:0 10px !important;
        font-size:12px !important;
    }

    .pro-footer-social a{
        width:36px !important;
        height:36px !important;
    }
}


/* =========================================================
   NEWSROOM + ARTICLE PREMIUM PATCH v8
========================================================= */

/* News center premium */
.newsroom-premium-main{
    width:min(1320px,92%) !important;
    margin:0 auto !important;
    padding:116px 0 74px !important;
}

.newsroom-premium-hero{
    min-height:320px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:36px !important;
    padding:42px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr) !important;
    gap:24px !important;
    align-items:end !important;
    color:#fff !important;
    background:
        linear-gradient(135deg,rgba(8,13,26,.88),rgba(8,13,26,.45)),
        radial-gradient(circle at 88% 18%,rgba(255,49,49,.35),transparent 34%),
        url("assets/hero-bg.png") center/cover no-repeat !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.24) !important;
}

.newsroom-hero-copy span{
    color:#ff5b5b !important;
    font-size:13px !important;
    font-weight:950 !important;
    letter-spacing:2.2px !important;
    text-transform:uppercase !important;
}

.newsroom-hero-copy h1{
    margin:10px 0 !important;
    color:#fff !important;
    font-size:60px !important;
    line-height:1.08 !important;
    font-weight:950 !important;
}

.newsroom-hero-copy p{
    max-width:640px !important;
    color:#dbe4f5 !important;
    font-size:16px !important;
    line-height:1.9 !important;
    font-weight:800 !important;
}

.newsroom-hero-stats{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
}

.newsroom-hero-stats div{
    min-height:92px !important;
    padding:14px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    backdrop-filter:blur(12px) !important;
}

.newsroom-hero-stats strong{
    display:block !important;
    color:#fff !important;
    font-size:25px !important;
    font-weight:950 !important;
}

.newsroom-hero-stats span{
    display:block !important;
    margin-top:4px !important;
    color:#cbd5e8 !important;
    font-size:12px !important;
    font-weight:850 !important;
}

.newsroom-premium-panel{
    margin-top:28px !important;
    padding:24px !important;
    border-radius:34px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 24px 72px rgba(0,0,0,.16) !important;
}

.newsroom-toolbar{
    display:grid !important;
    grid-template-columns:minmax(280px,.9fr) 1.5fr !important;
    gap:16px !important;
    align-items:start !important;
}

.premium-search input{
    min-height:54px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.075) !important;
}

.premium-filter-tabs{
    justify-content:flex-start !important;
}

.newsroom-meta-line{
    margin:20px 0 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    color:#aeb8cc !important;
    font-weight:850 !important;
}

.newsroom-meta-line strong{
    color:#fff !important;
    font-size:17px !important;
}

.premium-lead-news{
    margin-bottom:18px !important;
    display:grid !important;
    grid-template-columns:1.25fr .75fr !important;
    gap:18px !important;
}

.premium-lead-side{
    display:grid !important;
    gap:18px !important;
}

.premium-lead-card{
    min-height:250px !important;
    position:relative !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:flex-end !important;
    border-radius:28px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:#11192d !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 22px 62px rgba(0,0,0,.16) !important;
}

.premium-lead-card.is-featured{
    min-height:520px !important;
}

.premium-lead-card img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    transition:transform .5s ease !important;
}

.premium-lead-card:hover img{
    transform:scale(1.06) !important;
}

.premium-lead-overlay{
    width:100% !important;
    position:relative !important;
    z-index:2 !important;
    padding:24px !important;
    background:linear-gradient(to top,rgba(3,6,15,.92),rgba(3,6,15,.35),transparent) !important;
}

.premium-lead-overlay span,
.premium-list-meta span{
    width:max-content !important;
    display:inline-flex !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    color:#ff7878 !important;
    background:rgba(255,49,49,.16) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.premium-lead-overlay h2{
    margin:10px 0 7px !important;
    color:#fff !important;
    font-size:24px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
}

.premium-lead-card.is-featured .premium-lead-overlay h2{
    font-size:36px !important;
    line-height:1.35 !important;
}

.premium-lead-overlay p{
    margin:0 !important;
    color:#d8deeb !important;
    line-height:1.8 !important;
    font-size:14px !important;
    font-weight:750 !important;
}

.premium-news-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
}

.premium-list-card{
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-radius:24px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:0 16px 42px rgba(0,0,0,.14) !important;
    transition:.25s ease !important;
}

.premium-list-card:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(255,49,49,.32) !important;
}

.premium-list-image{
    width:100% !important;
    height:180px !important;
    background:#10182a !important;
    overflow:hidden !important;
}

.premium-list-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.premium-list-content{
    padding:16px !important;
}

.premium-list-meta{
    margin-bottom:10px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}

.premium-list-meta small{
    color:#aeb8cc !important;
    font-size:11px !important;
    font-weight:850 !important;
}

.premium-list-content h3{
    margin:0 !important;
    color:#fff !important;
    font-size:19px !important;
    line-height:1.55 !important;
    font-weight:950 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.premium-list-content p{
    margin:8px 0 0 !important;
    color:#bdc7da !important;
    line-height:1.75 !important;
    font-size:13px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

/* Article page premium */
.article-pro-hero{
    min-height:560px !important;
    padding:126px 7vw 66px !important;
}

.article-hero-content{
    max-width:1040px !important;
}

.article-hero-content h1{
    max-width:980px !important;
    font-size:56px !important;
    line-height:1.22 !important;
    text-shadow:0 16px 42px rgba(0,0,0,.36) !important;
}

.article-pro-shell{
    grid-template-columns:84px minmax(0,1fr) 330px !important;
    gap:20px !important;
}

.article-pro-content{
    border-radius:34px !important;
    padding:28px !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.045)) !important;
}

.article-info-card{
    padding:12px !important;
    border-radius:24px !important;
    background:rgba(0,0,0,.16) !important;
    border:1px solid rgba(255,255,255,.06) !important;
}

.article-premium-figure{
    margin:0 0 32px !important;
}

.article-body-pro .article-main-image{
    width:100% !important;
    max-height:520px !important;
    object-fit:cover !important;
    border-radius:28px !important;
    margin:0 !important;
    box-shadow:0 22px 70px rgba(0,0,0,.24) !important;
    cursor:zoom-in !important;
}

.article-premium-figure figcaption{
    margin-top:10px !important;
    color:#9faabe !important;
    font-size:12px !important;
    font-weight:850 !important;
    text-align:center !important;
}

.article-lead-paragraph{
    padding:20px 22px !important;
    border-radius:22px !important;
    color:#fff !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:21px !important;
    line-height:2 !important;
    font-weight:850 !important;
}

.article-body-pro p:not(.article-lead-paragraph){
    color:#e1e7f2 !important;
    font-size:18px !important;
    line-height:2.15 !important;
}

.article-share-box button{
    min-height:42px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.075) !important;
}

.article-side-card{
    border-radius:28px !important;
    background:rgba(255,255,255,.052) !important;
}

.related-news-card{
    overflow:hidden !important;
    border-radius:18px !important;
}

.bottom-related-card{
    min-height:280px !important;
}

/* Light theme */
html[data-theme="light"] .newsroom-premium-main,
html[data-theme="light"] .article-pro-page{
    color:#111827 !important;
}
html[data-theme="light"] .newsroom-premium-panel,
html[data-theme="light"] .premium-list-card,
html[data-theme="light"] .article-pro-content,
html[data-theme="light"] .article-side-card{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 16px 42px rgba(20,32,60,.08) !important;
}
html[data-theme="light"] .premium-list-content h3,
html[data-theme="light"] .newsroom-meta-line strong,
html[data-theme="light"] .article-body-pro p:not(.article-lead-paragraph){
    color:#111827 !important;
}
html[data-theme="light"] .premium-list-content p,
html[data-theme="light"] .newsroom-meta-line,
html[data-theme="light"] .premium-list-meta small{
    color:#667085 !important;
}
html[data-theme="light"] .article-lead-paragraph{
    background:#f6f8fc !important;
    color:#111827 !important;
    border-color:rgba(15,23,42,.08) !important;
}

/* Responsive */
@media(max-width:1050px){
    .newsroom-premium-hero,
    .newsroom-toolbar,
    .premium-lead-news{
        grid-template-columns:1fr !important;
    }

    .premium-lead-card.is-featured{
        min-height:420px !important;
    }

    .premium-news-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }

    .article-pro-shell{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:760px){
    .newsroom-premium-main{
        width:92% !important;
        padding:96px 0 54px !important;
    }

    .newsroom-premium-hero{
        min-height:270px !important;
        padding:26px !important;
        border-radius:28px !important;
    }

    .newsroom-hero-copy h1{
        font-size:42px !important;
    }

    .newsroom-hero-stats{
        grid-template-columns:1fr !important;
    }

    .newsroom-premium-panel{
        padding:16px !important;
        border-radius:26px !important;
    }

    .newsroom-meta-line{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .premium-lead-card,
    .premium-lead-card.is-featured{
        min-height:300px !important;
        border-radius:24px !important;
    }

    .premium-lead-overlay{
        padding:18px !important;
    }

    .premium-lead-card.is-featured .premium-lead-overlay h2,
    .premium-lead-overlay h2{
        font-size:22px !important;
    }

    .premium-news-grid{
        grid-template-columns:1fr !important;
    }

    .premium-list-card{
        display:grid !important;
        grid-template-columns:118px 1fr !important;
        align-items:stretch !important;
    }

    .premium-list-image{
        height:auto !important;
        min-height:128px !important;
    }

    .premium-list-content{
        padding:12px !important;
    }

    .premium-list-content h3{
        font-size:16px !important;
    }

    .premium-list-content p{
        font-size:12px !important;
        -webkit-line-clamp:2 !important;
    }

    .premium-list-meta{
        align-items:flex-start !important;
        flex-direction:column !important;
        gap:5px !important;
    }

    .article-pro-hero{
        min-height:460px !important;
        padding:104px 5vw 48px !important;
    }

    .article-hero-content h1{
        font-size:32px !important;
    }

    .article-pro-content{
        padding:17px !important;
        border-radius:26px !important;
    }

    .article-info-card{
        grid-template-columns:1fr !important;
    }

    .article-lead-paragraph{
        font-size:17px !important;
        line-height:1.9 !important;
        padding:16px !important;
    }

    .article-body-pro p:not(.article-lead-paragraph){
        font-size:16px !important;
        line-height:2 !important;
    }

    .article-share-box{
        grid-template-columns:1fr 1fr !important;
    }
}


/* =========================================================
   HOTFIX v9 - Article loader fixed + premium newsroom visibility
========================================================= */
.article-pro-page .article-pro-hero{
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.article-pro-page .article-pro-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:radial-gradient(circle at 18% 22%, rgba(255,49,49,.22), transparent 28%) !important;
    z-index:1;
}

.article-pro-page .article-hero-content{
    z-index:3 !important;
}

.article-pro-page .article-back-link{
    text-decoration:none !important;
}

.article-body-pro .article-premium-figure{
    overflow:hidden !important;
    border-radius:30px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    padding:10px !important;
}

.article-body-pro .article-main-image{
    display:block !important;
}

.article-lead-paragraph::before{
    content:"“";
    color:#ff3131;
    font-size:36px;
    line-height:0;
    margin-left:6px;
}

.newsroom-premium-main .premium-lead-news:empty{
    display:none !important;
}

.newsroom-premium-main .premium-lead-card.is-featured::after{
    content:"FEATURED";
    position:absolute;
    top:18px;
    left:18px;
    z-index:3;
    padding:6px 10px;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-size:10px;
    font-weight:950;
    letter-spacing:1px;
}

html[data-theme="light"] .article-body-pro .article-premium-figure{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
}


/* =========================================================
   MATCH DETAILS PREMIUM PATCH v10
========================================================= */
.match-premium-page{
    background:
        radial-gradient(circle at 12% 14%, rgba(255,49,49,.12), transparent 28%),
        radial-gradient(circle at 86% 80%, rgba(255,179,71,.08), transparent 30%),
        var(--bg) !important;
}

.match-detail-page{
    width:min(1320px,92%) !important;
    margin:0 auto !important;
    padding:112px 0 72px !important;
}

.premium-match-loading{
    min-height:420px;
    display:grid;
    place-items:center;
    text-align:center;
    gap:14px;
    padding:40px;
    border-radius:34px;
    color:#fff;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.08);
}

.premium-match-loading div{
    width:48px;
    height:48px;
    border-radius:50%;
    border:4px solid rgba(255,255,255,.12);
    border-top-color:#ff3131;
    animation:premiumSpin 1s linear infinite;
}

@keyframes premiumSpin{to{transform:rotate(360deg)}}

.premium-match-hero{
    position:relative;
    overflow:hidden;
    border-radius:38px;
    padding:28px;
    color:#fff;
    background:
        linear-gradient(135deg,rgba(8,13,27,.96),rgba(16,28,58,.94)),
        radial-gradient(circle at 82% 14%,rgba(255,49,49,.28),transparent 32%);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 28px 90px rgba(0,0,0,.24);
}

.premium-match-bg{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.8;
}

.premium-match-bg span{
    position:absolute;
    border-radius:999px;
    filter:blur(24px);
}

.premium-match-bg span:nth-child(1){
    width:220px;height:220px;right:-70px;top:-70px;background:rgba(255,49,49,.20);
}
.premium-match-bg span:nth-child(2){
    width:180px;height:180px;left:10%;bottom:-90px;background:rgba(255,179,71,.10);
}
.premium-match-bg span:nth-child(3){
    width:260px;height:120px;left:35%;top:20%;background:rgba(255,255,255,.045);
}

.premium-match-league,
.premium-scoreboard,
.premium-match-facts,
.premium-match-tabs{
    position:relative;
    z-index:2;
}

.premium-match-league{
    width:max-content;
    max-width:100%;
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 14px;
    border-radius:18px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.09);
}

.premium-match-league img{
    width:36px;
    height:36px;
    object-fit:contain;
}

.premium-match-league span{
    display:block;
    color:#ffb347;
    font-size:11px;
    font-weight:950;
}

.premium-match-league strong{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:950;
}

.premium-scoreboard{
    min-height:320px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);
    align-items:center;
    gap:28px;
}

.premium-match-team{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:14px;
}

.premium-team-logo{
    width:128px;
    height:128px;
    display:grid;
    place-items:center;
    border-radius:34px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 18px 42px rgba(0,0,0,.18);
}

.premium-team-logo img{
    width:88px;
    height:88px;
    object-fit:contain;
    filter:drop-shadow(0 12px 18px rgba(0,0,0,.28));
}

.premium-team-logo span{
    color:#fff;
    font-size:40px;
    font-weight:950;
}

.premium-match-team h2{
    max-width:100%;
    margin:0;
    color:#fff;
    font-size:28px;
    line-height:1.35;
    font-weight:950;
}

.premium-score-center{
    min-height:220px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    border-radius:34px;
    background:rgba(0,0,0,.20);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:inset 0 0 42px rgba(255,255,255,.025);
}

.premium-score-center strong{
    color:#fff;
    font-size:58px;
    line-height:1;
    font-weight:950;
    letter-spacing:-1px;
}

.premium-score-center small{
    color:#cbd5e8;
    font-size:13px;
    font-weight:850;
    text-align:center;
}

.premium-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:0 14px;
    border-radius:999px;
    color:#fff;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.10);
    font-size:12px;
    font-weight:950;
}

.premium-status-pill.is-live{
    background:#ff3131;
    animation:livePulse 1.5s infinite;
}
.premium-status-pill.is-finished{background:rgba(34,197,94,.16);color:#86efac;}
.premium-status-pill.is-upcoming{background:rgba(255,179,71,.13);color:#ffcf7a;}
.premium-status-pill.is-paused{background:rgba(96,165,250,.16);color:#bfdbfe;}

@keyframes livePulse{
    0%,100%{box-shadow:0 0 0 rgba(255,49,49,0)}
    50%{box-shadow:0 0 24px rgba(255,49,49,.38)}
}

.premium-match-facts{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.premium-match-facts div{
    padding:16px;
    border-radius:20px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.075);
}

.premium-match-facts span{
    display:block;
    margin-bottom:6px;
    color:#ffb347;
    font-size:11px;
    font-weight:950;
}

.premium-match-facts strong{
    color:#fff;
    font-size:14px;
    line-height:1.6;
    font-weight:950;
}

.premium-match-tabs{
    margin-top:18px;
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    justify-content:center;
}

.premium-match-tabs a{
    min-height:38px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.08);
    font-size:12px;
    font-weight:950;
}

.premium-match-tabs a:hover{
    background:rgba(255,49,49,.16);
    border-color:rgba(255,49,49,.34);
}

.premium-match-content{
    margin-top:22px;
}

.premium-match-main{
    display:grid;
    gap:20px;
}

.premium-match-card{
    padding:24px;
    border-radius:30px;
    color:#fff;
    background:rgba(255,255,255,.052);
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 20px 62px rgba(0,0,0,.16);
}

.premium-section-head{
    margin-bottom:18px;
}

.premium-section-head span{
    color:#ff5b5b;
    font-size:12px;
    font-weight:950;
    letter-spacing:1.6px;
}

.premium-section-head h3{
    margin:6px 0 0;
    color:#fff;
    font-size:28px;
    line-height:1.3;
    font-weight:950;
}

.premium-section-head p{
    margin:6px 0 0;
    color:#aeb8cc;
    font-size:13px;
    font-weight:800;
}

.premium-empty-state{
    padding:22px;
    border-radius:22px;
    color:#aeb8cc;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.07);
    font-weight:850;
}

.premium-events-timeline{
    position:relative;
    display:grid;
    gap:12px;
}

.premium-event-item{
    display:grid;
    grid-template-columns:64px 42px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:14px;
    border-radius:20px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.07);
}

.premium-event-minute{
    min-height:36px;
    display:grid;
    place-items:center;
    border-radius:14px;
    color:#ffcf7a;
    background:rgba(255,179,71,.10);
    font-weight:950;
}

.premium-event-dot{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.09);
    border:1px solid rgba(255,255,255,.09);
}

.premium-event-copy strong{
    color:#fff;
    font-size:15px;
    font-weight:950;
}

.premium-event-copy p{
    margin:3px 0 0;
    color:#aeb8cc;
    font-size:13px;
    font-weight:800;
}

.premium-stats-teams{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:18px;
}

.premium-stats-teams strong{
    padding:12px;
    border-radius:16px;
    color:#fff;
    text-align:center;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.07);
    font-size:14px;
    font-weight:950;
}

.premium-stats-list{
    display:grid;
    gap:14px;
}

.premium-stat-row{
    padding:14px;
    border-radius:18px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.065);
}

.premium-stat-values{
    display:grid;
    grid-template-columns:80px minmax(0,1fr) 80px;
    gap:10px;
    align-items:center;
    margin-bottom:10px;
}

.premium-stat-values span{
    color:#fff;
    font-weight:950;
    text-align:center;
}

.premium-stat-values strong{
    color:#aeb8cc;
    font-size:13px;
    font-weight:900;
    text-align:center;
}

.premium-stat-bars{
    height:9px;
    display:flex;
    gap:4px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.06);
}

.premium-stat-bars i,
.premium-stat-bars b{
    display:block;
    height:100%;
    min-width:2px;
}

.premium-stat-bars i{background:linear-gradient(90deg,#ff3131,#ff7a7a);}
.premium-stat-bars b{background:linear-gradient(90deg,#60a5fa,#38bdf8);}

.premium-lineups-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.premium-lineup-team{
    overflow:hidden;
    border-radius:24px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
}

.premium-lineup-title{
    padding:16px;
    display:flex;
    align-items:center;
    gap:12px;
    background:rgba(0,0,0,.16);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.premium-lineup-title img{
    width:42px;
    height:42px;
    object-fit:contain;
}

.premium-lineup-title strong{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:950;
}

.premium-lineup-title span{
    display:block;
    margin-top:3px;
    color:#ffcf7a;
    font-size:12px;
    font-weight:850;
}

.premium-lineup-list{
    padding:16px;
}

.premium-lineup-list h4{
    margin:0 0 10px;
    color:#ff5b5b;
    font-size:13px;
    font-weight:950;
}

.premium-lineup-list ul{
    list-style:none;
    margin:0 0 18px;
    padding:0;
    display:grid;
    gap:7px;
}

.premium-lineup-list li{
    min-height:36px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:10px;
    border-radius:14px;
    background:rgba(255,255,255,.045);
    color:#dfe6f4;
    font-size:13px;
    font-weight:850;
}

.premium-lineup-list li span{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    flex-shrink:0;
    border-radius:10px;
    color:#fff;
    background:rgba(255,255,255,.09);
    font-size:12px;
    font-weight:950;
}

.premium-match-error a{
    display:inline-flex;
    margin-top:12px;
    padding:10px 16px;
    border-radius:999px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    font-weight:950;
}

html[data-theme="light"] .match-premium-page{
    background:#f5f7fb !important;
}

html[data-theme="light"] .premium-match-hero,
html[data-theme="light"] .premium-match-card,
html[data-theme="light"] .premium-match-loading{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 18px 48px rgba(20,32,60,.08) !important;
}

html[data-theme="light"] .premium-match-team h2,
html[data-theme="light"] .premium-score-center strong,
html[data-theme="light"] .premium-section-head h3,
html[data-theme="light"] .premium-event-copy strong,
html[data-theme="light"] .premium-stats-teams strong,
html[data-theme="light"] .premium-stat-values span,
html[data-theme="light"] .premium-lineup-title strong,
html[data-theme="light"] .premium-match-league strong,
html[data-theme="light"] .premium-match-facts strong{
    color:#111827 !important;
}

html[data-theme="light"] .premium-score-center,
html[data-theme="light"] .premium-match-facts div,
html[data-theme="light"] .premium-event-item,
html[data-theme="light"] .premium-stat-row,
html[data-theme="light"] .premium-lineup-team,
html[data-theme="light"] .premium-lineup-list li,
html[data-theme="light"] .premium-empty-state{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.07) !important;
}

html[data-theme="light"] .premium-section-head p,
html[data-theme="light"] .premium-event-copy p,
html[data-theme="light"] .premium-score-center small,
html[data-theme="light"] .premium-stat-values strong{
    color:#667085 !important;
}

@media(max-width:900px){
    .match-detail-page{
        width:92% !important;
        padding:96px 0 56px !important;
    }

    .premium-match-hero{
        padding:18px;
        border-radius:30px;
    }

    .premium-scoreboard{
        min-height:auto;
        grid-template-columns:1fr;
        gap:18px;
        padding:24px 0;
    }

    .premium-match-team{
        flex-direction:row;
        justify-content:center;
        text-align:right;
    }

    .premium-team-logo{
        width:76px;
        height:76px;
        border-radius:22px;
    }

    .premium-team-logo img{
        width:54px;
        height:54px;
    }

    .premium-match-team h2{
        font-size:20px;
    }

    .premium-score-center{
        order:2;
        min-height:160px;
        border-radius:26px;
    }

    .premium-match-team.home{order:1;}
    .premium-match-team.away{order:3;}

    .premium-score-center strong{
        font-size:46px;
    }

    .premium-match-facts{
        grid-template-columns:1fr;
    }

    .premium-section-head h3{
        font-size:24px;
    }

    .premium-event-item{
        grid-template-columns:52px 38px minmax(0,1fr);
        padding:12px;
    }

    .premium-stat-values{
        grid-template-columns:58px minmax(0,1fr) 58px;
    }

    .premium-lineups-grid{
        grid-template-columns:1fr;
    }
}


/* =========================================================
   MATCH DETAILS LUXURY PATCH v11
   Stronger luxury visual layer over v10.
========================================================= */

.match-luxury-page{
    background:
        radial-gradient(circle at 16% 10%, rgba(255,49,49,.16), transparent 30%),
        radial-gradient(circle at 86% 14%, rgba(255,179,71,.11), transparent 28%),
        radial-gradient(circle at 50% 86%, rgba(56,189,248,.06), transparent 32%),
        var(--bg) !important;
}

.match-luxury-page .match-detail-page{
    width:min(1360px,93%) !important;
    padding-top:116px !important;
}

.luxury-match-hero{
    min-height:640px !important;
    padding:30px !important;
    border-radius:44px !important;
    isolation:isolate !important;
    background:
        linear-gradient(135deg, rgba(4,8,18,.98), rgba(12,23,50,.96) 48%, rgba(28,21,39,.96)),
        radial-gradient(circle at 82% 12%, rgba(255,49,49,.40), transparent 34%),
        radial-gradient(circle at 15% 88%, rgba(255,179,71,.16), transparent 34%) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 34px 110px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.luxury-match-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    border-radius:43px !important;
    pointer-events:none !important;
    background:
        linear-gradient(120deg, rgba(255,255,255,.10), transparent 22%, transparent 76%, rgba(255,49,49,.12)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 84px) !important;
    mask:linear-gradient(#000, transparent 78%) !important;
    z-index:1 !important;
}

.luxury-match-bg span:nth-child(1){
    width:320px !important;
    height:320px !important;
    right:-100px !important;
    top:-110px !important;
    background:rgba(255,49,49,.28) !important;
    filter:blur(34px) !important;
}

.luxury-match-bg span:nth-child(2){
    width:260px !important;
    height:260px !important;
    left:-40px !important;
    bottom:-120px !important;
    background:rgba(255,179,71,.16) !important;
    filter:blur(36px) !important;
}

.luxury-match-bg span:nth-child(3){
    width:360px !important;
    height:180px !important;
    left:35% !important;
    top:22% !important;
    background:rgba(255,255,255,.055) !important;
    filter:blur(44px) !important;
    transform:rotate(-10deg) !important;
}

.luxury-match-kicker{
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:12px !important;
    margin-bottom:14px !important;
}

.luxury-match-kicker span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    color:#ffb347 !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.18) !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:1.4px !important;
    text-transform:uppercase !important;
}

.luxury-match-kicker strong{
    display:inline-flex !important;
    align-items:center !important;
    min-height:34px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.085) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.luxury-match-league{
    margin-inline:auto !important;
    background:rgba(255,255,255,.09) !important;
    backdrop-filter:blur(16px) !important;
    border-color:rgba(255,255,255,.13) !important;
}

.luxury-scoreboard{
    min-height:385px !important;
    grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr) !important;
}

.luxury-match-hero .premium-match-team{
    position:relative !important;
}

.luxury-match-hero .premium-team-logo{
    width:150px !important;
    height:150px !important;
    border-radius:42px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.055)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:
        0 24px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.luxury-match-hero .premium-team-logo img{
    width:102px !important;
    height:102px !important;
    filter:drop-shadow(0 18px 22px rgba(0,0,0,.35)) !important;
}

.luxury-match-hero .premium-match-team h2{
    max-width:420px !important;
    font-size:31px !important;
    letter-spacing:-.5px !important;
    text-shadow:0 18px 36px rgba(0,0,0,.32) !important;
}

.luxury-score-center{
    position:relative !important;
    min-height:250px !important;
    border-radius:42px !important;
    background:
        radial-gradient(circle at 50% 14%, rgba(255,255,255,.14), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.09), rgba(0,0,0,.22)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        0 24px 70px rgba(0,0,0,.24) !important;
}

.luxury-score-center::before{
    content:"" !important;
    position:absolute !important;
    inset:-12px !important;
    border-radius:50px !important;
    border:1px solid rgba(255,49,49,.22) !important;
    pointer-events:none !important;
    opacity:.85 !important;
}

.luxury-score-center strong{
    font-size:68px !important;
    letter-spacing:-2px !important;
    text-shadow:0 18px 38px rgba(0,0,0,.36) !important;
}

.luxury-score-center small{
    max-width:210px !important;
    line-height:1.7 !important;
}

.luxury-match-title-line{
    position:relative !important;
    z-index:3 !important;
    margin:-12px auto 24px !important;
    width:max-content !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:12px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    backdrop-filter:blur(14px) !important;
}

.luxury-match-title-line strong{
    max-width:280px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.luxury-match-title-line span{
    color:#ff5b5b !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1px !important;
    text-transform:uppercase !important;
}

.luxury-match-facts{
    max-width:1060px !important;
    margin-inline:auto !important;
}

.luxury-match-facts div{
    min-height:92px !important;
    padding:18px !important;
    border-radius:24px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
    backdrop-filter:blur(12px) !important;
    border-color:rgba(255,255,255,.10) !important;
}

.luxury-match-tabs{
    margin-top:22px !important;
}

.luxury-match-tabs a{
    min-height:42px !important;
    padding:0 20px !important;
    background:rgba(255,255,255,.08) !important;
    border-color:rgba(255,255,255,.10) !important;
    backdrop-filter:blur(12px) !important;
}

.luxury-overview-panel{
    margin:22px 0 !important;
    display:grid !important;
    grid-template-columns:1.25fr repeat(3,minmax(0,.75fr)) !important;
    gap:14px !important;
}

.luxury-overview-card{
    min-height:132px !important;
    padding:18px !important;
    border-radius:26px !important;
    color:#fff !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.072), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:0 16px 44px rgba(0,0,0,.14) !important;
}

.luxury-overview-card.is-main{
    background:
        radial-gradient(circle at 82% 18%, rgba(255,49,49,.18), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
}

.luxury-overview-card span{
    color:#ffb347 !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.2px !important;
    text-transform:uppercase !important;
}

.luxury-overview-card strong{
    display:block !important;
    margin:8px 0 4px !important;
    color:#fff !important;
    font-size:28px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
}

.luxury-overview-card p{
    margin:0 !important;
    color:#aeb8cc !important;
    font-size:12px !important;
    line-height:1.7 !important;
    font-weight:850 !important;
}

.luxury-match-content .premium-match-card{
    position:relative !important;
    overflow:hidden !important;
    border-radius:34px !important;
    padding:28px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 24px 72px rgba(0,0,0,.17) !important;
}

.luxury-match-content .premium-match-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    background:linear-gradient(120deg, rgba(255,255,255,.055), transparent 30%, transparent 75%, rgba(255,49,49,.055)) !important;
}

.luxury-match-content .premium-section-head,
.luxury-match-content .premium-events-timeline,
.luxury-match-content .premium-stats-teams,
.luxury-match-content .premium-stats-list,
.luxury-match-content .premium-lineups-grid,
.luxury-match-content .premium-empty-state{
    position:relative !important;
    z-index:2 !important;
}

.luxury-match-content .premium-section-head h3{
    font-size:31px !important;
}

.luxury-match-content .premium-event-item,
.luxury-match-content .premium-stat-row,
.luxury-match-content .premium-lineup-team{
    background:rgba(255,255,255,.058) !important;
    border-color:rgba(255,255,255,.08) !important;
}

.luxury-match-content .premium-event-item:hover,
.luxury-match-content .premium-stat-row:hover{
    border-color:rgba(255,49,49,.26) !important;
    transform:translateY(-2px) !important;
}

.luxury-match-content .premium-event-item,
.luxury-match-content .premium-stat-row{
    transition:.22s ease !important;
}

/* Light luxury */
html[data-theme="light"] .match-luxury-page{
    background:
        radial-gradient(circle at 12% 12%, rgba(255,49,49,.10), transparent 28%),
        radial-gradient(circle at 86% 14%, rgba(255,179,71,.10), transparent 30%),
        #f5f7fb !important;
}

html[data-theme="light"] .luxury-match-hero,
html[data-theme="light"] .luxury-overview-card,
html[data-theme="light"] .luxury-match-content .premium-match-card{
    background:#fff !important;
    color:#111827 !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 18px 50px rgba(20,32,60,.09) !important;
}

html[data-theme="light"] .luxury-match-kicker strong,
html[data-theme="light"] .luxury-match-title-line,
html[data-theme="light"] .luxury-match-title-line strong,
html[data-theme="light"] .luxury-overview-card strong{
    color:#111827 !important;
}

html[data-theme="light"] .luxury-match-kicker strong,
html[data-theme="light"] .luxury-match-title-line,
html[data-theme="light"] .luxury-match-facts div,
html[data-theme="light"] .luxury-match-tabs a{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .luxury-overview-card p{
    color:#667085 !important;
}

@media(max-width:980px){
    .luxury-match-hero{
        min-height:auto !important;
        padding:20px !important;
        border-radius:34px !important;
    }

    .luxury-match-kicker{
        flex-direction:column !important;
        align-items:center !important;
    }

    .luxury-scoreboard{
        grid-template-columns:1fr !important;
        min-height:auto !important;
        gap:18px !important;
        padding:26px 0 !important;
    }

    .luxury-match-hero .premium-match-team{
        flex-direction:row !important;
        justify-content:center !important;
    }

    .luxury-match-hero .premium-team-logo{
        width:86px !important;
        height:86px !important;
        border-radius:24px !important;
    }

    .luxury-match-hero .premium-team-logo img{
        width:60px !important;
        height:60px !important;
    }

    .luxury-match-hero .premium-match-team h2{
        font-size:21px !important;
        text-align:right !important;
    }

    .luxury-score-center{
        min-height:174px !important;
        border-radius:30px !important;
        order:2 !important;
    }

    .luxury-match-hero .premium-match-team.home{order:1 !important;}
    .luxury-match-hero .premium-match-team.away{order:3 !important;}

    .luxury-score-center strong{
        font-size:52px !important;
    }

    .luxury-match-title-line{
        display:none !important;
    }

    .luxury-match-facts,
    .luxury-overview-panel{
        grid-template-columns:1fr !important;
    }

    .luxury-overview-card{
        min-height:auto !important;
    }

    .luxury-match-content .premium-match-card{
        padding:20px !important;
        border-radius:28px !important;
    }
}

@media(max-width:540px){
    .match-luxury-page .match-detail-page{
        width:92% !important;
    }

    .luxury-match-hero{
        padding:16px !important;
        border-radius:30px !important;
    }

    .luxury-match-league{
        width:100% !important;
        justify-content:center !important;
    }

    .luxury-match-hero .premium-match-team{
        flex-direction:column !important;
        text-align:center !important;
    }

    .luxury-match-hero .premium-match-team h2{
        text-align:center !important;
        font-size:19px !important;
    }

    .luxury-score-center strong{
        font-size:44px !important;
    }

    .luxury-match-tabs a{
        flex:1 1 calc(33.333% - 8px) !important;
        justify-content:center !important;
        padding:0 10px !important;
    }
}


/* =========================================================
   MATCH ACCORDION PATCH v12 - luxury collapsible sections
========================================================= */
.luxury-match-content .premium-accordion-card{
    padding:0 !important;
    overflow:hidden !important;
}

.premium-accordion-toggle{
    width:100% !important;
    padding:24px 28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    background:transparent !important;
    border:0 !important;
    color:inherit !important;
    cursor:pointer !important;
    text-align:inherit !important;
}

.premium-accordion-toggle:hover{
    background:rgba(255,255,255,.03) !important;
}

.premium-accordion-heading{
    flex:1 1 auto !important;
}

.premium-accordion-heading .premium-section-head{
    margin-bottom:0 !important;
}

.premium-accordion-icon{
    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:24px !important;
    line-height:1 !important;
    transition:transform .25s ease, background .25s ease !important;
}

.premium-accordion-card.is-open .premium-accordion-icon{
    transform:rotate(180deg) !important;
    background:rgba(255,49,49,.16) !important;
    border-color:rgba(255,49,49,.30) !important;
}

.premium-accordion-panel{
    display:none !important;
    padding:0 28px 26px !important;
}

.premium-accordion-card.is-open .premium-accordion-panel{
    display:block !important;
    animation:accordionFade .25s ease !important;
}

@keyframes accordionFade{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}

.luxury-overview-panel{
    align-items:stretch !important;
}

.luxury-overview-card{
    cursor:default !important;
}

@media(max-width:980px){
    .premium-accordion-toggle{
        padding:18px 18px !important;
        align-items:flex-start !important;
    }

    .premium-accordion-icon{
        width:38px !important;
        height:38px !important;
        flex-basis:38px !important;
        font-size:20px !important;
    }

    .premium-accordion-panel{
        padding:0 18px 18px !important;
    }
}

html[data-theme="light"] .premium-accordion-icon{
    color:#111827 !important;
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}


/* =========================================================
   HOTFIX v13 - Accordion function restored
========================================================= */
.premium-accordion-card{
    scroll-margin-top:110px !important;
}
.premium-accordion-toggle{
    user-select:none !important;
}
.premium-accordion-card.is-open .premium-accordion-panel{
    display:block !important;
}


/* =========================================================
   MATCH PREMIUM REFINEMENT v14
   - Removed overview cards
   - Added premium field lineup view
   - Shorter page with exclusive accordions
========================================================= */
.luxury-match-content{
    margin-top:22px !important;
}

.luxury-match-content .premium-match-main{
    gap:16px !important;
}

.luxury-match-content .premium-accordion-card{
    padding:0 !important;
    overflow:hidden !important;
    border-radius:30px !important;
}

.luxury-match-content .premium-accordion-toggle{
    width:100% !important;
    padding:22px 26px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    border:0 !important;
    background:transparent !important;
    cursor:pointer !important;
    color:inherit !important;
    text-align:inherit !important;
}

.luxury-match-content .premium-accordion-toggle:hover{
    background:rgba(255,255,255,.03) !important;
}

.luxury-match-content .premium-accordion-heading{
    flex:1 1 auto !important;
}

.luxury-match-content .premium-accordion-heading .premium-section-head{
    margin-bottom:0 !important;
}

.luxury-match-content .premium-accordion-icon{
    width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:24px !important;
    line-height:1 !important;
    transition:transform .25s ease, background .25s ease, border-color .25s ease !important;
}

.luxury-match-content .premium-accordion-card.is-open .premium-accordion-icon{
    transform:rotate(180deg) !important;
    background:rgba(255,49,49,.16) !important;
    border-color:rgba(255,49,49,.32) !important;
}

.luxury-match-content .premium-accordion-panel{
    display:none !important;
    padding:0 26px 24px !important;
}

.luxury-match-content .premium-accordion-card.is-open .premium-accordion-panel{
    display:block !important;
    animation:accordionFadeV14 .24s ease !important;
}

@keyframes accordionFadeV14{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}

.premium-lineups-premium{
    display:block !important;
}

.lineup-stage{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
}

.lineup-pitch-card{
    overflow:hidden !important;
    border-radius:28px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.premium-lineup-title.is-premium{
    padding:16px 18px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.04)) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.premium-lineup-title.is-premium img{
    width:44px !important;
    height:44px !important;
    object-fit:contain !important;
}

.premium-lineup-title.is-premium strong{
    display:block !important;
    color:#fff !important;
    font-size:18px !important;
    font-weight:950 !important;
}

.premium-lineup-title.is-premium span{
    display:block !important;
    margin-top:4px !important;
    color:#ffcf7a !important;
    font-size:12px !important;
    font-weight:850 !important;
}

.lineup-pitch{
    position:relative !important;
    min-height:560px !important;
    margin:16px !important;
    overflow:hidden !important;
    border-radius:28px !important;
    background:
        linear-gradient(180deg, rgba(10,118,44,.94), rgba(7,94,34,.96)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:inset 0 0 0 2px rgba(255,255,255,.04), 0 18px 44px rgba(0,0,0,.18) !important;
}

.lineup-pitch::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:
        repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 48px, rgba(0,0,0,.03) 48px 96px) !important;
    pointer-events:none !important;
}

.lineup-pitch-markings{
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
    z-index:1 !important;
}

.lineup-pitch-markings .center-line{
    position:absolute !important;
    top:50% !important;
    left:0 !important;
    width:100% !important;
    height:1px !important;
    background:rgba(255,255,255,.52) !important;
}

.lineup-pitch-markings .center-circle{
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    width:86px !important;
    height:86px !important;
    transform:translate(-50%,-50%) !important;
    border-radius:50% !important;
    border:1px solid rgba(255,255,255,.55) !important;
}

.lineup-pitch-markings .penalty{
    position:absolute !important;
    left:50% !important;
    width:45% !important;
    height:16% !important;
    transform:translateX(-50%) !important;
    border:1px solid rgba(255,255,255,.45) !important;
}

.lineup-pitch-markings .penalty.top{
    top:0 !important;
    border-top:none !important;
    border-bottom-left-radius:20px !important;
    border-bottom-right-radius:20px !important;
}

.lineup-pitch-markings .penalty.bottom{
    bottom:0 !important;
    border-bottom:none !important;
    border-top-left-radius:20px !important;
    border-top-right-radius:20px !important;
}

.lineup-pitch-grid{
    position:relative !important;
    z-index:2 !important;
    height:100% !important;
    padding:28px 18px !important;
    display:grid !important;
    grid-template-columns:repeat(var(--pitch-cols), minmax(0,1fr)) !important;
    grid-template-rows:repeat(var(--pitch-rows), minmax(68px, 1fr)) !important;
    gap:10px 8px !important;
}

.pitch-player{
    align-self:center !important;
    justify-self:center !important;
    width:min(100%,112px) !important;
    padding:6px 6px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    border-radius:18px !important;
    background:rgba(7,18,36,.46) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 10px 18px rgba(0,0,0,.18) !important;
    backdrop-filter:blur(8px) !important;
}

.pitch-shirt{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    margin-bottom:6px !important;
    border-radius:50% !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#a80c18) !important;
    border:2px solid rgba(255,255,255,.22) !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.pitch-player strong{
    max-width:100% !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.pitch-player small{
    margin-top:3px !important;
    color:#cde9d3 !important;
    font-size:10px !important;
    font-weight:800 !important;
}

.lineup-subsection{
    padding:0 16px 16px !important;
}

.lineup-subsection h4{
    margin:0 0 12px !important;
    color:#ff6e6e !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.lineup-subs{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:10px !important;
}

.lineup-sub-chip{
    min-height:40px !important;
    padding:8px 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:8px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.lineup-sub-chip span{
    width:26px !important;
    height:26px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.lineup-sub-chip strong{
    color:#e7edf7 !important;
    font-size:12px !important;
    font-weight:850 !important;
}

html[data-theme="light"] .lineup-pitch-card,
html[data-theme="light"] .lineup-sub-chip{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .premium-lineup-title.is-premium{
    background:#fff !important;
    border-bottom-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .premium-lineup-title.is-premium strong,
html[data-theme="light"] .lineup-sub-chip strong{
    color:#111827 !important;
}

html[data-theme="light"] .luxury-match-content .premium-accordion-icon{
    color:#111827 !important;
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}

@media(max-width:980px){
    .lineup-stage{
        grid-template-columns:1fr !important;
    }

    .lineup-pitch{
        min-height:500px !important;
    }

    .luxury-match-content .premium-accordion-toggle{
        padding:18px !important;
        align-items:flex-start !important;
    }

    .luxury-match-content .premium-accordion-panel{
        padding:0 18px 18px !important;
    }
}

@media(max-width:540px){
    .lineup-pitch{
        min-height:430px !important;
        margin:12px !important;
        border-radius:22px !important;
    }

    .lineup-pitch-grid{
        padding:20px 8px !important;
        gap:8px 6px !important;
        grid-template-rows:repeat(var(--pitch-rows), minmax(56px, 1fr)) !important;
    }

    .pitch-player{
        width:min(100%,88px) !important;
        padding:5px 4px 7px !important;
        border-radius:14px !important;
    }

    .pitch-shirt{
        width:28px !important;
        height:28px !important;
        margin-bottom:4px !important;
        font-size:10px !important;
    }

    .pitch-player strong{
        font-size:9px !important;
    }

    .pitch-player small{
        font-size:8px !important;
    }

    .lineup-sub-chip{
        min-height:36px !important;
        padding:7px 10px !important;
    }
}


/* =========================================================
   MATCH LINEUP POSITIONING + COACH PREMIUM v15
========================================================= */
.premium-coach-card{
    margin:14px 16px 0 !important;
    padding:12px 14px !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    border-radius:18px !important;
    background:linear-gradient(135deg, rgba(255,255,255,.09), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 12px 24px rgba(0,0,0,.12) !important;
}

.premium-coach-avatar{
    width:48px !important;
    height:48px !important;
    flex:0 0 48px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border:2px solid rgba(255,255,255,.18) !important;
    font-size:14px !important;
    font-weight:950 !important;
    box-shadow:0 10px 18px rgba(184,15,24,.24) !important;
}

.premium-coach-copy span{
    display:block !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1px !important;
}

.premium-coach-copy strong{
    display:block !important;
    margin-top:4px !important;
    color:#fff !important;
    font-size:15px !important;
    font-weight:950 !important;
    line-height:1.4 !important;
}

.lineup-pitch{
    position:relative !important;
}

.lineup-pitch-players{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
}

.pitch-player{
    position:absolute !important;
    transform:translate(-50%, -50%) !important;
    width:min(100%,110px) !important;
}

.pitch-player strong{
    display:block !important;
    text-align:center !important;
}

.pitch-player small{
    display:block !important;
    text-align:center !important;
}

html[data-theme="light"] .premium-coach-card{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}
html[data-theme="light"] .premium-coach-copy strong{
    color:#111827 !important;
}

@media(max-width:540px){
    .premium-coach-card{
        margin:12px 12px 0 !important;
        padding:10px 12px !important;
    }

    .premium-coach-avatar{
        width:42px !important;
        height:42px !important;
        flex-basis:42px !important;
        font-size:12px !important;
    }

    .premium-coach-copy strong{
        font-size:13px !important;
    }

    .pitch-player{
        width:min(100%,82px) !important;
    }
}


/* =========================================================
   MATCH LINEUP HOTFIX + COACH/PLAYER PHOTOS v16
========================================================= */
.lineup-pitch{
    height:560px !important;
    min-height:unset !important;
}

.lineup-pitch-players{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    pointer-events:none !important;
}

.pitch-player{
    position:absolute !important;
    transform:translate(-50%, -50%) !important;
    width:min(100%,112px) !important;
    pointer-events:auto !important;
}

.pitch-shirt{
    overflow:hidden !important;
}

.pitch-shirt.has-photo{
    padding:0 !important;
    background:linear-gradient(135deg,#ff3131,#8f0f18) !important;
}

.pitch-player-photo{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:50% !important;
}

.premium-coach-avatar.has-photo{
    padding:0 !important;
    overflow:hidden !important;
}

.premium-coach-avatar.has-photo img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:50% !important;
}

.premium-coach-card{
    justify-content:space-between !important;
}

.premium-coach-copy{
    min-width:0 !important;
    flex:1 1 auto !important;
}

.premium-coach-copy strong{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

@media(max-width:980px){
    .lineup-pitch{
        height:500px !important;
    }
}

@media(max-width:540px){
    .lineup-pitch{
        height:430px !important;
    }

    .pitch-player{
        width:min(100%,84px) !important;
    }
}


/* =========================================================
   MATCH PREMIUM VISUAL UPGRADE v17
   - shirt badge
   - player premium cards
   - bench premium cards
========================================================= */
.pitch-player{
    width:min(100%,124px) !important;
    padding:8px 8px 10px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(7,18,36,.58), rgba(7,18,36,.42)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(10px) !important;
}

.pitch-player-top{
    position:relative !important;
    width:100% !important;
    height:56px !important;
    margin-bottom:6px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.pitch-avatar{
    width:52px !important;
    height:52px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.05)) !important;
    border:2px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:950 !important;
    box-shadow:0 10px 20px rgba(0,0,0,.18) !important;
}

.pitch-avatar.has-photo img,
.pitch-avatar-photo{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

.pitch-shirt-badge{
    position:absolute !important;
    bottom:-2px !important;
    right:18px !important;
    width:28px !important;
    height:30px !important;
    display:grid !important;
    place-items:center !important;
    color:#fff !important;
    filter:drop-shadow(0 8px 14px rgba(184,15,24,.34)) !important;
}

.pitch-shirt-badge::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(135deg,#ff3131,#a70d17) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    clip-path:polygon(20% 0%, 34% 0%, 41% 10%, 59% 10%, 66% 0%, 80% 0%, 100% 18%, 88% 38%, 88% 100%, 12% 100%, 12% 38%, 0% 18%) !important;
    border-radius:6px !important;
}

.pitch-shirt-badge span{
    position:relative !important;
    z-index:2 !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.pitch-player strong{
    font-size:11px !important;
    line-height:1.35 !important;
    color:#fff !important;
    font-weight:900 !important;
    text-shadow:0 6px 10px rgba(0,0,0,.2) !important;
}

.pitch-player small{
    margin-top:4px !important;
    color:#cfe9d7 !important;
    font-size:10px !important;
    font-weight:850 !important;
    letter-spacing:.4px !important;
}

.lineup-subsection{
    padding:0 16px 18px !important;
}

.lineup-sub-header{
    margin:0 0 12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}

.lineup-sub-header h4{
    margin:0 !important;
}

.lineup-sub-header span{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    padding:0 10px !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.16) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.lineup-subs-grid{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    gap:10px !important;
}

.lineup-sub-card{
    min-height:68px !important;
    padding:10px 12px !important;
    display:grid !important;
    grid-template-columns:44px minmax(0,1fr) 34px !important;
    gap:10px !important;
    align-items:center !important;
    border-radius:18px !important;
    background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.lineup-sub-avatar{
    width:44px !important;
    height:44px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    color:#fff !important;
    background:linear-gradient(135deg,#304a6d,#1d2a41) !important;
    border:2px solid rgba(255,255,255,.14) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.lineup-sub-avatar.has-photo img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

.lineup-sub-meta{
    min-width:0 !important;
}

.lineup-sub-meta strong{
    display:block !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.35 !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.lineup-sub-meta small{
    display:block !important;
    margin-top:3px !important;
    color:#c6d0e0 !important;
    font-size:10px !important;
    font-weight:800 !important;
}

.lineup-sub-number{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#8f0f18) !important;
    box-shadow:0 10px 16px rgba(184,15,24,.22) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

html[data-theme="light"] .pitch-player,
html[data-theme="light"] .lineup-sub-card{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 12px 22px rgba(20,32,60,.08) !important;
}

html[data-theme="light"] .pitch-player strong,
html[data-theme="light"] .lineup-sub-meta strong{
    color:#111827 !important;
}

html[data-theme="light"] .pitch-player small,
html[data-theme="light"] .lineup-sub-meta small{
    color:#667085 !important;
}

@media(max-width:980px){
    .lineup-subs-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:540px){
    .pitch-player{
        width:min(100%,92px) !important;
        padding:6px 5px 8px !important;
        border-radius:16px !important;
    }

    .pitch-player-top{
        height:46px !important;
        margin-bottom:4px !important;
    }

    .pitch-avatar{
        width:40px !important;
        height:40px !important;
        font-size:10px !important;
    }

    .pitch-shirt-badge{
        right:10px !important;
        width:22px !important;
        height:24px !important;
    }

    .pitch-shirt-badge span{
        font-size:8px !important;
    }

    .pitch-player strong{
        font-size:9px !important;
    }

    .pitch-player small{
        font-size:8px !important;
    }

    .lineup-sub-card{
        grid-template-columns:40px minmax(0,1fr) 30px !important;
        min-height:60px !important;
        padding:8px 10px !important;
    }

    .lineup-sub-avatar{
        width:40px !important;
        height:40px !important;
    }

    .lineup-sub-number{
        width:30px !important;
        height:30px !important;
        font-size:10px !important;
    }
}


/* =========================================================
   ARTICLE PAGE HOTFIX v18
   Remove unwanted horizontal glass/border line on news details.
========================================================= */
.article-pro-page{
    overflow-x:hidden !important;
}

.article-pro-page .article-pro-shell{
    overflow:visible !important;
}

.article-pro-page .article-pro-content,
.article-pro-page .article-side-card,
.article-pro-page .article-share-box button{
    border-color:rgba(255,255,255,.045) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.14) !important;
}

/* The visible line was created by stacked translucent borders across the article layout.
   This removes the continuous horizontal stroke while keeping the premium cards. */
.article-pro-page .article-pro-content::before,
.article-pro-page .article-pro-content::after,
.article-pro-page .article-side-card::before,
.article-pro-page .article-side-card::after,
.article-pro-page .article-share-box::before,
.article-pro-page .article-share-box::after,
.article-pro-page .article-pro-shell::before,
.article-pro-page .article-pro-shell::after{
    content:none !important;
    display:none !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
}

.article-pro-page .article-pro-content{
    background:
        linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.038)) !important;
    border-top-color:rgba(255,255,255,.025) !important;
}

.article-pro-page .article-info-card{
    border-color:rgba(255,255,255,.055) !important;
}

.article-pro-page .article-side-card{
    background:rgba(255,255,255,.045) !important;
    border-top-color:rgba(255,255,255,.025) !important;
}

.article-pro-page .related-news-card,
.article-pro-page .article-most-read-item{
    border-color:rgba(255,255,255,.045) !important;
}

@media(max-width:760px){
    .article-pro-page .article-pro-shell{
        margin-top:-20px !important;
    }

    .article-pro-page .article-pro-content,
    .article-pro-page .article-side-card{
        border-top-color:transparent !important;
    }
}

html[data-theme="light"] .article-pro-page .article-pro-content,
html[data-theme="light"] .article-pro-page .article-side-card{
    border-color:rgba(15,23,42,.055) !important;
    box-shadow:0 14px 34px rgba(20,32,60,.07) !important;
}

html[data-theme="light"] .article-pro-page .article-pro-content,
html[data-theme="light"] .article-pro-page .article-side-card{
    border-top-color:rgba(15,23,42,.035) !important;
}


/* =========================================================
   ARTICLE PAGE REAL LINE FIX v19
   The visible line was the hard edge/border at the bottom of the hero.
========================================================= */
.article-pro-page .article-pro-hero{
    border:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    margin-bottom:-120px !important;
    padding-bottom:190px !important;
}

.article-pro-page .article-pro-hero::before,
.article-pro-page .article-pro-hero::after{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

.article-pro-page .article-pro-hero::after{
    background:
        linear-gradient(to top, var(--bg) 0%, rgba(5,7,13,.96) 15%, rgba(5,7,13,.70) 46%, rgba(5,7,13,.26) 72%, rgba(5,7,13,.58) 100%),
        radial-gradient(circle at 80% 35%, rgba(255,49,49,.16), transparent 34%) !important;
}

.article-pro-page .article-pro-shell{
    margin-top:-92px !important;
    position:relative !important;
    z-index:5 !important;
}

.article-pro-page .article-side-column,
.article-pro-page .article-pro-content,
.article-pro-page .article-share-box{
    position:relative !important;
    z-index:6 !important;
}

/* Remove any remaining long separator coming from page/section borders */
.article-pro-page main,
.article-pro-page section,
.article-pro-page aside,
.article-pro-page article{
    outline:none !important;
}

.article-pro-page .article-bottom-related{
    border-top:0 !important;
}

@media(max-width:760px){
    .article-pro-page .article-pro-hero{
        margin-bottom:-90px !important;
        padding-bottom:145px !important;
    }

    .article-pro-page .article-pro-shell{
        margin-top:-64px !important;
    }
}


/* =========================================================
   ARTICLE PAGE CLEAN REBUILD v20
   Fix purple color bleed by removing hero/content overlap.
========================================================= */
.article-pro-page{
    background:#070b16 !important;
    overflow-x:hidden !important;
}

.article-pro-page .article-pro-hero{
    min-height:470px !important;
    margin:0 !important;
    padding:126px 7vw 62px !important;
    border:0 !important;
    border-bottom:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    isolation:isolate !important;
}

.article-pro-page .article-pro-hero::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        radial-gradient(circle at 82% 30%, rgba(255,49,49,.16), transparent 34%),
        linear-gradient(to top, #070b16 0%, rgba(7,11,22,.94) 20%, rgba(7,11,22,.56) 62%, rgba(7,11,22,.82) 100%) !important;
}

.article-pro-page .article-pro-hero::after{
    content:none !important;
    display:none !important;
}

.article-pro-page .article-hero-overlay{
    display:none !important;
}

.article-pro-page .article-hero-content{
    position:relative !important;
    z-index:3 !important;
}

.article-pro-page .article-pro-shell{
    width:min(1320px,92%) !important;
    margin:30px auto 70px !important;
    position:relative !important;
    z-index:3 !important;
    display:grid !important;
    grid-template-columns:94px minmax(0,1fr) 330px !important;
    gap:22px !important;
    align-items:start !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.article-pro-page .article-pro-shell::before,
.article-pro-page .article-pro-shell::after{
    content:none !important;
    display:none !important;
}

.article-pro-page .article-pro-content,
.article-pro-page .article-side-card{
    background:#10182b !important;
    border:1px solid rgba(255,255,255,.065) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.20) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}

.article-pro-page .article-pro-content{
    padding:28px !important;
    border-radius:30px !important;
}

.article-pro-page .article-side-card{
    border-radius:28px !important;
}

.article-pro-page .article-info-card{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

.article-pro-page .article-info-card div{
    background:#0b1222 !important;
    border:1px solid rgba(255,255,255,.055) !important;
    box-shadow:none !important;
}

.article-pro-page .article-body-pro .article-premium-figure{
    background:#0b1222 !important;
    border:1px solid rgba(255,255,255,.06) !important;
    box-shadow:none !important;
}

.article-pro-page .article-side-column{
    gap:18px !important;
}

.article-pro-page .related-news-card,
.article-pro-page .article-most-read-item{
    background:#151f35 !important;
    border:1px solid rgba(255,255,255,.055) !important;
    box-shadow:none !important;
}

.article-pro-page .article-share-box{
    position:sticky !important;
    top:105px !important;
    z-index:4 !important;
}

.article-pro-page .article-share-box button{
    background:#10182b !important;
    border:1px solid rgba(255,255,255,.065) !important;
    box-shadow:none !important;
}

.article-pro-page .article-bottom-related{
    position:relative !important;
    z-index:3 !important;
    border:0 !important;
}

/* remove any global translucent band from old article styles */
.article-pro-page main::before,
.article-pro-page main::after,
.article-pro-page section::before,
.article-pro-page section::after,
.article-pro-page aside::before,
.article-pro-page aside::after,
.article-pro-page article::before,
.article-pro-page article::after{
    box-shadow:none !important;
    outline:0 !important;
}

@media(max-width:1120px){
    .article-pro-page .article-pro-shell{
        grid-template-columns:1fr !important;
    }

    .article-pro-page .article-share-box{
        position:relative !important;
        top:auto !important;
        grid-template-columns:repeat(4,1fr) !important;
        order:2 !important;
    }

    .article-pro-page .article-side-column{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:760px){
    .article-pro-page .article-pro-hero{
        min-height:430px !important;
        padding:106px 5vw 46px !important;
    }

    .article-pro-page .article-pro-shell{
        width:92% !important;
        margin:22px auto 52px !important;
        gap:16px !important;
    }

    .article-pro-page .article-pro-content,
    .article-pro-page .article-side-card{
        border-radius:24px !important;
        padding:16px !important;
    }

    .article-pro-page .article-side-column{
        grid-template-columns:1fr !important;
    }

    .article-pro-page .article-share-box{
        grid-template-columns:1fr 1fr !important;
    }
}

html[data-theme="light"] .article-pro-page{
    background:#f5f7fb !important;
}

html[data-theme="light"] .article-pro-page .article-pro-hero::before{
    background:
        radial-gradient(circle at 82% 30%, rgba(255,49,49,.10), transparent 34%),
        linear-gradient(to top, #f5f7fb 0%, rgba(245,247,251,.94) 18%, rgba(245,247,251,.45) 62%, rgba(245,247,251,.74) 100%) !important;
}

html[data-theme="light"] .article-pro-page .article-pro-content,
html[data-theme="light"] .article-pro-page .article-side-card,
html[data-theme="light"] .article-pro-page .article-share-box button{
    background:#fff !important;
    border-color:rgba(15,23,42,.075) !important;
    box-shadow:0 14px 32px rgba(20,32,60,.07) !important;
}

html[data-theme="light"] .article-pro-page .article-info-card div,
html[data-theme="light"] .article-pro-page .article-body-pro .article-premium-figure,
html[data-theme="light"] .article-pro-page .related-news-card,
html[data-theme="light"] .article-pro-page .article-most-read-item{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.065) !important;
}


/* =========================================================
   LEAGUE DETAILS PREMIUM PATCH v21
========================================================= */
.league-premium-page{
    width:min(1320px,92%) !important;
    margin:0 auto !important;
    padding:116px 0 74px !important;
}

.league-premium-hero{
    position:relative !important;
    overflow:hidden !important;
    min-height:330px !important;
    padding:34px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) minmax(320px,.55fr) !important;
    gap:24px !important;
    align-items:center !important;
    border-radius:38px !important;
    color:#fff !important;
    background:
        linear-gradient(135deg,rgba(8,13,27,.96),rgba(16,32,64,.94)),
        radial-gradient(circle at 82% 14%,rgba(255,49,49,.28),transparent 34%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 28px 90px rgba(0,0,0,.22) !important;
}

.league-hero-bg{
    position:absolute !important;
    inset:0 !important;
    pointer-events:none !important;
}

.league-hero-bg span{
    position:absolute !important;
    border-radius:50% !important;
    filter:blur(32px) !important;
}

.league-hero-bg span:nth-child(1){width:260px;height:260px;right:-80px;top:-100px;background:rgba(255,49,49,.22);}
.league-hero-bg span:nth-child(2){width:240px;height:240px;left:8%;bottom:-110px;background:rgba(255,179,71,.11);}
.league-hero-bg span:nth-child(3){width:360px;height:150px;left:38%;top:30%;background:rgba(255,255,255,.04);}

.league-premium-logo,
.league-premium-info,
.league-premium-stats{
    position:relative !important;
    z-index:2 !important;
}

.league-premium-logo{
    width:124px !important;
    height:124px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:34px !important;
    background:rgba(255,255,255,.085) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 20px 60px rgba(0,0,0,.22) !important;
    font-size:50px !important;
}

.league-premium-logo img{
    width:92px !important;
    height:92px !important;
    object-fit:contain !important;
}

.league-premium-info span{
    color:#ff5b5b !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
}

.league-premium-info h1{
    margin:10px 0 8px !important;
    color:#fff !important;
    font-size:54px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

.league-premium-info p{
    margin:0 !important;
    color:#cbd5e8 !important;
    font-size:15px !important;
    line-height:1.8 !important;
    font-weight:800 !important;
}

.league-premium-stats{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
}

.league-premium-stats div{
    min-height:96px !important;
    padding:14px !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.09) !important;
}

.league-premium-stats span{
    display:block !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.league-premium-stats strong{
    display:block !important;
    margin-top:7px !important;
    color:#fff !important;
    font-size:28px !important;
    font-weight:950 !important;
}

.league-premium-tabs{
    margin:22px 0 !important;
    padding:10px !important;
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.league-premium-tab{
    min-height:44px !important;
    padding:0 18px !important;
    border:0 !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-family:Cairo,sans-serif !important;
    font-weight:950 !important;
    cursor:pointer !important;
    transition:.22s ease !important;
}

.league-premium-tab.active,
.league-premium-tab:hover{
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border-color:rgba(255,255,255,.14) !important;
    box-shadow:0 12px 24px rgba(255,49,49,.16) !important;
}

.league-premium-panel{
    display:none !important;
    padding:24px !important;
    border-radius:34px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:0 22px 70px rgba(0,0,0,.16) !important;
}

.league-premium-panel.active{
    display:block !important;
}

.league-premium-section-head{
    margin-bottom:18px !important;
}

.league-premium-section-head span{
    color:#ff5b5b !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:1.7px !important;
}

.league-premium-section-head h2{
    margin:6px 0 0 !important;
    color:#fff !important;
    font-size:34px !important;
    font-weight:950 !important;
}

.league-premium-section-head p{
    margin:6px 0 0 !important;
    color:#aeb8cc !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.league-podium{
    margin:0 0 18px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}

.league-podium-card{
    min-height:150px !important;
    padding:18px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:26px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.league-podium-card.rank-1{
    background:
        radial-gradient(circle at 85% 15%,rgba(255,179,71,.20),transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.088),rgba(255,255,255,.045)) !important;
}

.podium-rank{
    position:absolute !important;
    top:14px !important;
    left:14px !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:14px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-weight:950 !important;
}

.podium-logo{
    width:60px !important;
    height:60px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.08) !important;
    margin-bottom:12px !important;
}

.podium-logo img{
    width:44px !important;
    height:44px !important;
    object-fit:contain !important;
}

.league-podium-card strong{
    display:block !important;
    color:#fff !important;
    font-size:17px !important;
    font-weight:950 !important;
    line-height:1.45 !important;
}

.league-podium-card span{
    display:block !important;
    color:#ffcf7a !important;
    font-size:13px !important;
    font-weight:950 !important;
    margin-top:6px !important;
}

.league-premium-table-card{
    overflow:auto !important;
    border-radius:26px !important;
    background:rgba(0,0,0,.12) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.league-premium-table-head,
.league-premium-table-row{
    min-width:980px !important;
    display:grid !important;
    grid-template-columns:54px minmax(230px,1.6fr) repeat(7,72px) 80px !important;
    gap:8px !important;
    align-items:center !important;
}

.league-premium-table-head{
    padding:14px 16px !important;
    color:#ffcf7a !important;
    background:rgba(255,255,255,.055) !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.league-premium-table-row{
    position:relative !important;
    padding:13px 16px !important;
    color:#dbe4f5 !important;
    border-top:1px solid rgba(255,255,255,.055) !important;
    font-size:13px !important;
    font-weight:850 !important;
}

.league-premium-table-row.is-top{
    background:rgba(255,179,71,.045) !important;
}

.rank-cell{
    width:34px !important;
    height:34px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:12px !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    font-weight:950 !important;
}

.league-premium-team{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    color:#fff !important;
    font-weight:950 !important;
}

.league-premium-team img{
    width:30px !important;
    height:30px !important;
    object-fit:contain !important;
}

.league-premium-team span{
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.league-premium-table-row b{
    color:#fff !important;
    font-size:15px !important;
}

.league-form{
    position:absolute !important;
    left:12px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    gap:4px !important;
}

.league-form span{
    width:22px !important;
    height:22px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:7px !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.league-form .w{background:#22c55e;}
.league-form .d{background:#f59e0b;}
.league-form .l{background:#ef4444;}

.league-premium-scorers{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

.league-premium-scorer{
    min-height:96px !important;
    padding:14px !important;
    display:grid !important;
    grid-template-columns:42px 64px minmax(0,1fr) 82px !important;
    gap:12px !important;
    align-items:center !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.league-premium-scorer.is-elite{
    background:
        radial-gradient(circle at 86% 18%,rgba(255,179,71,.13),transparent 30%),
        rgba(255,255,255,.06) !important;
}

.scorer-rank{
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:15px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-weight:950 !important;
}

.scorer-photo{
    width:64px !important;
    height:64px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:50% !important;
    background:rgba(255,255,255,.08) !important;
    border:2px solid rgba(255,255,255,.12) !important;
}

.scorer-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.scorer-copy{
    min-width:0 !important;
}

.scorer-copy h3{
    margin:0 !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.scorer-copy p{
    margin:4px 0 0 !important;
    color:#aeb8cc !important;
    font-size:12px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.scorer-numbers{
    text-align:center !important;
}

.scorer-numbers strong{
    display:block !important;
    color:#fff !important;
    font-size:28px !important;
    font-weight:950 !important;
    line-height:1 !important;
}

.scorer-numbers span,
.scorer-numbers small{
    display:block !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:900 !important;
}

.scorer-numbers small{
    color:#aeb8cc !important;
    margin-top:3px !important;
}

.league-premium-matches{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

.league-premium-match-card{
    min-height:112px !important;
    padding:16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr) !important;
    gap:12px !important;
    align-items:center !important;
    border-radius:24px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    transition:.22s ease !important;
}

.league-premium-match-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(255,49,49,.28) !important;
}

.league-premium-match-team{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    text-align:center !important;
}

.league-premium-match-team img{
    width:40px !important;
    height:40px !important;
    object-fit:contain !important;
}

.league-premium-match-team strong{
    max-width:100% !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.4 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.league-premium-match-center{
    text-align:center !important;
}

.league-premium-match-center b{
    display:block !important;
    color:#fff !important;
    font-size:24px !important;
    font-weight:950 !important;
}

.league-premium-match-center span{
    display:inline-flex !important;
    margin-top:4px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.league-premium-match-center small{
    display:block !important;
    margin-top:5px !important;
    color:#aeb8cc !important;
    font-size:11px !important;
    font-weight:850 !important;
}

.league-premium-news{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}

.league-premium-news-card{
    overflow:hidden !important;
    border-radius:24px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.league-news-image{
    height:170px !important;
    background:#10182b !important;
    overflow:hidden !important;
}

.league-news-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.league-news-body{
    padding:15px !important;
}

.league-news-body span{
    color:#ff5b5b !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.league-news-body h3{
    margin:7px 0 6px !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.5 !important;
    font-weight:950 !important;
}

.league-news-body p{
    margin:0 !important;
    color:#aeb8cc !important;
    font-size:12px !important;
    line-height:1.7 !important;
    font-weight:800 !important;
}

html[data-theme="light"] .league-premium-page{
    color:#111827 !important;
}

html[data-theme="light"] .league-premium-hero,
html[data-theme="light"] .league-premium-panel,
html[data-theme="light"] .league-premium-tabs,
html[data-theme="light"] .league-premium-table-card,
html[data-theme="light"] .league-podium-card,
html[data-theme="light"] .league-premium-scorer,
html[data-theme="light"] .league-premium-match-card,
html[data-theme="light"] .league-premium-news-card{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 34px rgba(20,32,60,.07) !important;
}

html[data-theme="light"] .league-premium-info h1,
html[data-theme="light"] .league-premium-stats strong,
html[data-theme="light"] .league-premium-section-head h2,
html[data-theme="light"] .league-premium-team,
html[data-theme="light"] .league-premium-team span,
html[data-theme="light"] .league-premium-table-row b,
html[data-theme="light"] .league-podium-card strong,
html[data-theme="light"] .scorer-copy h3,
html[data-theme="light"] .scorer-numbers strong,
html[data-theme="light"] .league-premium-match-team strong,
html[data-theme="light"] .league-premium-match-center b,
html[data-theme="light"] .league-news-body h3{
    color:#111827 !important;
}

html[data-theme="light"] .league-premium-info p,
html[data-theme="light"] .league-premium-section-head p,
html[data-theme="light"] .scorer-copy p,
html[data-theme="light"] .league-news-body p,
html[data-theme="light"] .league-premium-match-center small{
    color:#667085 !important;
}

@media(max-width:1050px){
    .league-premium-hero{
        grid-template-columns:1fr !important;
        justify-items:center !important;
        text-align:center !important;
    }

    .league-premium-stats{
        width:100% !important;
    }

    .league-podium,
    .league-premium-scorers,
    .league-premium-matches,
    .league-premium-news{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:760px){
    .league-premium-page{
        width:92% !important;
        padding:96px 0 54px !important;
    }

    .league-premium-hero{
        min-height:auto !important;
        padding:24px !important;
        border-radius:30px !important;
    }

    .league-premium-logo{
        width:96px !important;
        height:96px !important;
        border-radius:28px !important;
    }

    .league-premium-logo img{
        width:70px !important;
        height:70px !important;
    }

    .league-premium-info h1{
        font-size:34px !important;
    }

    .league-premium-stats{
        grid-template-columns:1fr !important;
    }

    .league-premium-panel{
        padding:16px !important;
        border-radius:26px !important;
    }

    .league-premium-tabs{
        justify-content:flex-start !important;
        overflow-x:auto !important;
        flex-wrap:nowrap !important;
    }

    .league-premium-tab{
        flex:0 0 auto !important;
    }

    .league-premium-scorer{
        grid-template-columns:36px 54px minmax(0,1fr) 70px !important;
        padding:12px !important;
    }

    .scorer-photo{
        width:54px !important;
        height:54px !important;
    }

    .league-premium-match-card{
        grid-template-columns:1fr 96px 1fr !important;
        padding:12px !important;
    }
}


/* =========================================================
   LEAGUE MULTI GROUPS PATCH v22
   Shows all competition groups and uses competition logo from standings.
========================================================= */
.league-groups-overview{
    margin:0 0 18px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

.league-group-winner-card{
    min-height:132px !important;
    padding:16px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 86% 18%,rgba(255,179,71,.14),transparent 32%),
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.league-group-winner-card .group-label{
    width:max-content !important;
    max-width:100% !important;
    margin-bottom:10px !important;
    padding:5px 10px !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.15) !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.league-group-winner-card .podium-logo{
    width:52px !important;
    height:52px !important;
    margin-bottom:10px !important;
}

.league-group-winner-card strong{
    display:block !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.league-group-winner-card span{
    display:block !important;
    margin-top:5px !important;
    color:#ffcf7a !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.league-group-table{
    margin-bottom:20px !important;
}

.league-group-table:last-child{
    margin-bottom:0 !important;
}

.league-group-head{
    margin-bottom:10px !important;
    padding:14px 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.league-group-head span{
    color:#ff5b5b !important;
    font-size:11px !important;
    letter-spacing:1.4px !important;
    font-weight:950 !important;
}

.league-group-head h3{
    margin:4px 0 0 !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:950 !important;
}

.league-group-head strong{
    min-height:34px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.15) !important;
    font-size:12px !important;
    font-weight:950 !important;
}

html[data-theme="light"] .league-group-winner-card,
html[data-theme="light"] .league-group-head{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 12px 28px rgba(20,32,60,.06) !important;
}

html[data-theme="light"] .league-group-winner-card strong,
html[data-theme="light"] .league-group-head h3{
    color:#111827 !important;
}

@media(max-width:1050px){
    .league-groups-overview{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:620px){
    .league-groups-overview{
        grid-template-columns:1fr !important;
    }

    .league-group-head{
        align-items:flex-start !important;
        flex-direction:column !important;
    }
}


/* =========================================================
   LEAGUE GROUP ACCORDION + POINTS FIX v23
========================================================= */

/* More columns: rank, team, played, win, draw, lose, GF, GA, diff, points, form */
.league-premium-table-head,
.league-premium-table-row{
    grid-template-columns:54px minmax(230px,1.6fr) repeat(7,72px) 92px 130px !important;
    min-width:1120px !important;
}

.league-premium-table-head span:nth-last-child(2),
.league-premium-table-row b{
    color:#ffcf7a !important;
    font-weight:950 !important;
}

.league-premium-table-row b{
    width:54px !important;
    min-height:34px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:12px !important;
    background:rgba(255,179,71,.12) !important;
    border:1px solid rgba(255,179,71,.16) !important;
}

/* Form is now a real column, not absolute, so it won't cover points */
.league-form{
    position:static !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:4px !important;
}

.league-form span{
    width:24px !important;
    height:24px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:8px !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.league-form.is-empty span{
    background:rgba(255,255,255,.09) !important;
    color:#aeb8cc !important;
}

.league-group-head{
    width:100% !important;
    cursor:pointer !important;
    text-align:inherit !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.league-group-head:hover{
    border-color:rgba(255,49,49,.26) !important;
    background:rgba(255,255,255,.065) !important;
}

.league-group-arrow{
    width:42px !important;
    height:42px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:50% !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-size:24px !important;
    line-height:1 !important;
    transition:transform .25s ease, background .25s ease, border-color .25s ease !important;
}

.league-group-table.is-open .league-group-arrow{
    transform:rotate(180deg) !important;
    background:rgba(255,49,49,.16) !important;
    border-color:rgba(255,49,49,.32) !important;
}

.league-group-body{
    display:none !important;
}

.league-group-table.is-open .league-group-body{
    display:block !important;
    animation:leagueGroupOpen .24s ease !important;
}

@keyframes leagueGroupOpen{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
}

/* remove old 4-teams pill behavior if any survives */
.league-group-head > strong{
    display:none !important;
}

html[data-theme="light"] .league-group-arrow{
    color:#111827 !important;
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .league-premium-table-row b{
    background:rgba(245,158,11,.10) !important;
    border-color:rgba(245,158,11,.18) !important;
    color:#b45309 !important;
}

@media(max-width:760px){
    .league-group-head{
        flex-direction:row !important;
        align-items:center !important;
    }

    .league-group-arrow{
        width:38px !important;
        height:38px !important;
        font-size:20px !important;
    }
}


/* =========================================================
   WORLD CUP DETAILS PATCH v24
   Remove group leaders overview + best thirds + 3-day match schedule.
========================================================= */
.league-groups-overview,
.league-podium{
    display:none !important;
}

.best-thirds-panel{
    margin:0 0 20px !important;
}

.best-thirds-head{
    padding:16px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 88% 16%,rgba(255,179,71,.14),transparent 34%),
        rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.best-thirds-head span{
    color:#ff5b5b !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.4px !important;
}

.best-thirds-head h3{
    margin:5px 0 0 !important;
    color:#fff !important;
    font-size:24px !important;
    font-weight:950 !important;
}

.best-thirds-head p{
    margin:5px 0 0 !important;
    color:#aeb8cc !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.7 !important;
}

.best-thirds-head strong{
    min-height:36px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.16) !important;
    white-space:nowrap !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.best-thirds-grid{
    margin-top:12px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}

.best-third-card{
    min-height:78px !important;
    padding:12px !important;
    display:grid !important;
    grid-template-columns:40px minmax(0,1fr) 96px 70px !important;
    gap:10px !important;
    align-items:center !important;
    border-radius:20px !important;
    background:rgba(255,255,255,.048) !important;
    border:1px solid rgba(255,255,255,.065) !important;
}

.best-third-card.is-qualified{
    border-color:rgba(34,197,94,.22) !important;
    background:linear-gradient(145deg,rgba(34,197,94,.08),rgba(255,255,255,.045)) !important;
}

.best-third-rank{
    width:38px !important;
    height:38px !important;
    display:grid !important;
    place-items:center !important;
    border-radius:14px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    font-weight:950 !important;
}

.best-third-team{
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
}

.best-third-team img{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
}

.best-third-team strong{
    display:block !important;
    color:#fff !important;
    font-size:14px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.best-third-team span,
.best-third-stats small{
    display:block !important;
    color:#aeb8cc !important;
    font-size:11px !important;
    font-weight:850 !important;
}

.best-third-stats{
    text-align:center !important;
}

.best-third-stats b{
    display:block !important;
    color:#ffcf7a !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.best-third-card em{
    min-height:30px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(239,68,68,.16) !important;
    border:1px solid rgba(239,68,68,.18) !important;
    font-size:11px !important;
    font-style:normal !important;
    font-weight:950 !important;
}

.best-third-card.is-qualified em{
    background:rgba(34,197,94,.16) !important;
    border-color:rgba(34,197,94,.18) !important;
    color:#86efac !important;
}

.worldcup-day-block{
    margin-bottom:16px !important;
    padding:16px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.worldcup-day-block:last-child{
    margin-bottom:0 !important;
}

.worldcup-day-head{
    margin-bottom:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
}

.worldcup-day-head span{
    color:#ff5b5b !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.3px !important;
    text-transform:uppercase !important;
}

.worldcup-day-head h3{
    margin:4px 0 0 !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:950 !important;
}

.worldcup-day-head strong{
    min-height:34px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.15) !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.worldcup-day-matches{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}

.worldcup-match-detail-card{
    min-height:156px !important;
    padding:14px !important;
    display:block !important;
    border-radius:24px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    transition:.22s ease !important;
}

.worldcup-match-detail-card:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(255,49,49,.28) !important;
}

.worldcup-match-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
}

.worldcup-match-team{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:8px !important;
    text-align:center !important;
}

.worldcup-match-team img{
    width:42px !important;
    height:42px !important;
    object-fit:contain !important;
}

.worldcup-match-team strong{
    max-width:100% !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.worldcup-match-center{
    text-align:center !important;
}

.worldcup-match-center b{
    display:block !important;
    color:#fff !important;
    font-size:24px !important;
    font-weight:950 !important;
}

.worldcup-match-center span{
    display:block !important;
    margin-top:5px !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.worldcup-match-center small{
    display:inline-flex !important;
    margin-top:6px !important;
    padding:4px 9px !important;
    border-radius:999px !important;
    color:#cbd5e8 !important;
    background:rgba(255,255,255,.07) !important;
    font-size:10px !important;
    font-weight:850 !important;
}

.worldcup-match-meta{
    margin-top:12px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.06) !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:8px !important;
}

.worldcup-match-meta span{
    min-width:0 !important;
    padding:6px 8px !important;
    border-radius:12px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.045) !important;
    font-size:10px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
}

html[data-theme="light"] .best-thirds-head,
html[data-theme="light"] .best-third-card,
html[data-theme="light"] .worldcup-day-block,
html[data-theme="light"] .worldcup-match-detail-card{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 12px 28px rgba(20,32,60,.06) !important;
}

html[data-theme="light"] .best-thirds-head h3,
html[data-theme="light"] .best-third-team strong,
html[data-theme="light"] .worldcup-day-head h3,
html[data-theme="light"] .worldcup-match-team strong,
html[data-theme="light"] .worldcup-match-center b{
    color:#111827 !important;
}

html[data-theme="light"] .best-thirds-head p,
html[data-theme="light"] .best-third-team span,
html[data-theme="light"] .best-third-stats small,
html[data-theme="light"] .worldcup-match-meta span{
    color:#667085 !important;
}

@media(max-width:1050px){
    .best-thirds-grid,
    .worldcup-day-matches{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:760px){
    .best-thirds-head,
    .worldcup-day-head{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .best-third-card{
        grid-template-columns:36px minmax(0,1fr) 74px !important;
    }

    .best-third-card em{
        grid-column:1 / -1 !important;
    }

    .worldcup-match-row{
        grid-template-columns:1fr 96px 1fr !important;
    }

    .worldcup-match-meta{
        grid-template-columns:1fr 1fr !important;
    }
}


/* =========================================================
   HOME WORLD CUP SCOREBOARD + TEAM ARABIC PATCH v25
========================================================= */
.home-worldcup-scoreboard{
    width:min(1320px,92%) !important;
    margin:28px auto !important;
    padding:24px !important;
    position:relative !important;
    overflow:hidden !important;
    border-radius:34px !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 90% 16%,rgba(255,49,49,.16),transparent 33%),
        radial-gradient(circle at 12% 90%,rgba(255,179,71,.08),transparent 30%),
        linear-gradient(135deg,rgba(10,16,34,.96),rgba(17,31,63,.94)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 24px 78px rgba(0,0,0,.20) !important;
}

.home-worldcup-scoreboard::before{
    content:"" !important;
    position:absolute !important;
    inset:1px !important;
    pointer-events:none !important;
    border-radius:33px !important;
    background:
        linear-gradient(120deg,rgba(255,255,255,.06),transparent 22%,transparent 80%,rgba(255,49,49,.07)),
        repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 86px) !important;
    mask:linear-gradient(#000,transparent 72%) !important;
}

.home-worldcup-head,
.home-worldcup-days{
    position:relative !important;
    z-index:2 !important;
}

.home-worldcup-head{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:16px !important;
    margin-bottom:18px !important;
}

.home-worldcup-head span{
    color:#ff5b5b !important;
    font-size:12px !important;
    font-weight:950 !important;
    letter-spacing:1.8px !important;
}

.home-worldcup-head h2{
    margin:5px 0 0 !important;
    color:#fff !important;
    font-size:38px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
}

.home-worldcup-head p{
    margin:6px 0 0 !important;
    color:#aeb8cc !important;
    font-size:13px !important;
    font-weight:800 !important;
}

.home-worldcup-head a{
    min-height:42px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    text-decoration:none !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    box-shadow:0 12px 26px rgba(255,49,49,.18) !important;
    font-size:12px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.home-worldcup-days{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}

.home-worldcup-loading{
    grid-column:1 / -1 !important;
    padding:26px !important;
    text-align:center !important;
    border-radius:22px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.065) !important;
    font-weight:900 !important;
}

.home-wc-day{
    min-width:0 !important;
    padding:14px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.home-wc-day-head{
    margin-bottom:12px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}

.home-wc-day-head span{
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.2px !important;
    text-transform:uppercase !important;
}

.home-wc-day-head h3{
    margin:4px 0 0 !important;
    color:#fff !important;
    font-size:22px !important;
    font-weight:950 !important;
}

.home-wc-day-head strong{
    min-height:30px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    font-size:11px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.home-wc-day-list{
    display:grid !important;
    gap:10px !important;
}

.home-wc-match{
    min-height:108px !important;
    padding:12px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    transition:.22s ease !important;
}

.home-wc-match:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(255,49,49,.26) !important;
    background:rgba(255,255,255,.07) !important;
}

.home-wc-team{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:8px !important;
}

.home-wc-team img{
    width:38px !important;
    height:38px !important;
    object-fit:contain !important;
}

.home-wc-team strong{
    max-width:100% !important;
    color:#fff !important;
    font-size:13px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.home-wc-center{
    text-align:center !important;
}

.home-wc-center b{
    display:block !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1 !important;
    font-weight:950 !important;
}

.home-wc-center small{
    display:block !important;
    margin-top:8px !important;
    color:#ffcf7a !important;
    font-size:10px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.home-wc-status{
    display:inline-flex !important;
    margin-bottom:9px !important;
    min-height:24px !important;
    padding:0 8px !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#cbd5e8 !important;
    background:rgba(255,255,255,.08) !important;
    font-size:10px !important;
    font-weight:950 !important;
}

.home-wc-status.is-live{
    color:#fff !important;
    background:#ff3131 !important;
    box-shadow:0 0 18px rgba(255,49,49,.32) !important;
}

.home-wc-status.is-finished{
    color:#86efac !important;
    background:rgba(34,197,94,.14) !important;
}

.home-wc-empty{
    padding:22px !important;
    text-align:center !important;
    border-radius:20px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    font-size:12px !important;
    font-weight:900 !important;
}

html[data-theme="light"] .home-worldcup-scoreboard,
html[data-theme="light"] .home-wc-day,
html[data-theme="light"] .home-wc-match,
html[data-theme="light"] .home-wc-empty{
    background:#fff !important;
    color:#111827 !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 34px rgba(20,32,60,.07) !important;
}

html[data-theme="light"] .home-worldcup-head h2,
html[data-theme="light"] .home-wc-day-head h3,
html[data-theme="light"] .home-wc-team strong,
html[data-theme="light"] .home-wc-center b{
    color:#111827 !important;
}

html[data-theme="light"] .home-worldcup-head p,
html[data-theme="light"] .home-wc-empty{
    color:#667085 !important;
}

@media(max-width:1120px){
    .home-worldcup-days{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    .home-worldcup-scoreboard{
        width:92% !important;
        padding:16px !important;
        border-radius:28px !important;
    }

    .home-worldcup-head{
        flex-direction:column !important;
        align-items:flex-start !important;
    }

    .home-worldcup-head h2{
        font-size:30px !important;
    }

    .home-worldcup-head a{
        width:100% !important;
    }

    .home-wc-match{
        grid-template-columns:1fr 92px 1fr !important;
        padding:10px !important;
    }

    .home-wc-team img{
        width:32px !important;
        height:32px !important;
    }

    .home-wc-team strong{
        font-size:12px !important;
    }

    .home-wc-center b{
        font-size:22px !important;
    }

    .home-wc-center small{
        font-size:9px !important;
    }
}


/* =========================================================
   HOME WORLD CUP SCOREBOARD V26
   One selected day only + remove duplicate match center.
========================================================= */
.home-worldcup-scoreboard-v26{
    margin-top:34px !important;
}

.home-worldcup-tabs{
    position:relative !important;
    z-index:2 !important;
    margin:10px 0 18px !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    border-radius:24px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.home-worldcup-tab{
    min-height:62px !important;
    padding:10px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:18px !important;
    cursor:pointer !important;
    color:#fff !important;
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    font-family:Cairo,sans-serif !important;
    transition:.22s ease !important;
}

.home-worldcup-tab span{
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.8px !important;
    text-transform:uppercase !important;
}

.home-worldcup-tab strong{
    color:#fff !important;
    font-size:16px !important;
    font-weight:950 !important;
}

.home-worldcup-tab:hover,
.home-worldcup-tab.active{
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border-color:rgba(255,255,255,.16) !important;
    box-shadow:0 14px 30px rgba(255,49,49,.18) !important;
    transform:translateY(-2px) !important;
}

.home-worldcup-tab.active span,
.home-worldcup-tab:hover span{
    color:#fff3c7 !important;
}

.home-worldcup-selected{
    position:relative !important;
    z-index:2 !important;
}

.home-wc-selected-head{
    margin-bottom:14px !important;
    padding:16px 18px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 88% 18%,rgba(255,179,71,.14),transparent 34%),
        rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.home-wc-selected-head span{
    color:#ff5b5b !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.2px !important;
    text-transform:uppercase !important;
}

.home-wc-selected-head h3{
    margin:4px 0 0 !important;
    color:#fff !important;
    font-size:26px !important;
    font-weight:950 !important;
}

.home-wc-selected-head strong{
    min-height:36px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,179,71,.10) !important;
    border:1px solid rgba(255,179,71,.15) !important;
    font-size:12px !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.home-wc-selected-list{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
}

.home-wc-selected-list.is-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.home-wc-match-v26{
    min-height:132px !important;
    padding:16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:center !important;
    color:#fff !important;
    text-decoration:none !important;
    border-radius:26px !important;
    background:
        linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.14) !important;
    transition:.22s ease !important;
}

.home-wc-match-v26:hover{
    transform:translateY(-4px) !important;
    border-color:rgba(255,49,49,.30) !important;
    background:rgba(255,255,255,.075) !important;
}

.home-wc-team-v26{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:9px !important;
}

.home-wc-team-v26 img{
    width:54px !important;
    height:54px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.18)) !important;
}

.home-wc-team-v26 strong{
    max-width:100% !important;
    color:#fff !important;
    font-size:16px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.home-wc-center-v26{
    min-height:96px !important;
    padding:12px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-radius:22px !important;
    background:rgba(0,0,0,.18) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.home-wc-center-v26 b{
    display:block !important;
    color:#fff !important;
    font-size:34px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.5px !important;
}

.home-wc-center-v26 small{
    display:block !important;
    margin-top:8px !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.home-wc-empty-v26{
    padding:34px !important;
    text-align:center !important;
    border-radius:24px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.06) !important;
    font-weight:900 !important;
}

html[data-theme="light"] .home-worldcup-tabs,
html[data-theme="light"] .home-wc-selected-head,
html[data-theme="light"] .home-wc-match-v26,
html[data-theme="light"] .home-wc-empty-v26{
    background:#fff !important;
    color:#111827 !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 32px rgba(20,32,60,.07) !important;
}

html[data-theme="light"] .home-worldcup-tab{
    color:#111827 !important;
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .home-worldcup-tab strong,
html[data-theme="light"] .home-wc-selected-head h3,
html[data-theme="light"] .home-wc-team-v26 strong,
html[data-theme="light"] .home-wc-center-v26 b{
    color:#111827 !important;
}

html[data-theme="light"] .home-worldcup-tab.active strong,
html[data-theme="light"] .home-worldcup-tab:hover strong{
    color:#fff !important;
}

html[data-theme="light"] .home-wc-center-v26{
    background:#f6f8fc !important;
    border-color:rgba(15,23,42,.07) !important;
}

@media(max-width:1050px){
    .home-wc-selected-list.is-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    .home-worldcup-tabs{
        grid-template-columns:1fr !important;
    }

    .home-wc-selected-head{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .home-wc-match-v26{
        grid-template-columns:1fr 102px 1fr !important;
        min-height:118px !important;
        padding:12px !important;
        gap:10px !important;
    }

    .home-wc-team-v26 img{
        width:38px !important;
        height:38px !important;
    }

    .home-wc-team-v26 strong{
        font-size:13px !important;
    }

    .home-wc-center-v26{
        min-height:84px !important;
        padding:9px !important;
        border-radius:18px !important;
    }

    .home-wc-center-v26 b{
        font-size:25px !important;
    }

    .home-wc-center-v26 small{
        font-size:9px !important;
    }
}


.admin-floating-link{
    position:fixed !important;
    left:18px !important;
    bottom:18px !important;
    z-index:9999 !important;
    min-height:44px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    text-decoration:none !important;
    font-family:Cairo,sans-serif !important;
    font-size:13px !important;
    font-weight:950 !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    box-shadow:0 14px 34px rgba(255,49,49,.28) !important;
    border:1px solid rgba(255,255,255,.16) !important;
}

.admin-floating-link:hover{
    transform:translateY(-3px) !important;
}

@media(max-width:720px){
    .admin-floating-link{
        left:12px !important;
        bottom:12px !important;
        min-height:40px !important;
        padding:0 14px !important;
        font-size:12px !important;
    }
}


/* v34 premium scoreboard + infinite urgent ticker */
.home-worldcup-scoreboard-v34{
    position:relative !important;
    margin:42px auto 24px !important;
    padding:28px !important;
    max-width:1180px !important;
    overflow:hidden !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 14% 0%,rgba(255,49,49,.32),transparent 34%),
        radial-gradient(circle at 85% 22%,rgba(255,196,87,.18),transparent 30%),
        linear-gradient(145deg,#070b16 0%,#111a2e 52%,#070b16 100%) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.home-worldcup-scoreboard-v34::before{
    content:"" !important;
    position:absolute !important;
    inset:-2px !important;
    background:
        linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent),
        radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 34%) !important;
    pointer-events:none !important;
}

.home-worldcup-scoreboard-v34::after{
    content:"" !important;
    position:absolute !important;
    width:300px !important;
    height:300px !important;
    left:-130px !important;
    bottom:-150px !important;
    border-radius:50% !important;
    background:rgba(255,49,49,.16) !important;
    filter:blur(18px) !important;
    pointer-events:none !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:18px !important;
    margin-bottom:18px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head span{
    display:inline-flex !important;
    min-height:28px !important;
    align-items:center !important;
    padding:0 12px !important;
    border-radius:999px !important;
    color:#ffd27c !important;
    background:rgba(255,210,124,.10) !important;
    border:1px solid rgba(255,210,124,.18) !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:1.4px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head h2{
    margin:10px 0 6px !important;
    color:#fff !important;
    font-size:42px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-1px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head p{
    margin:0 !important;
    color:#aeb8cc !important;
    font-size:14px !important;
    font-weight:800 !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head a{
    min-height:44px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:950 !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 14px 30px rgba(255,49,49,.22) !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tabs{
    position:relative !important;
    z-index:2 !important;
    margin:16px 0 20px !important;
    padding:8px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:8px !important;
    border-radius:26px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab{
    min-height:66px !important;
    padding:10px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    border-radius:20px !important;
    color:#fff !important;
    cursor:pointer !important;
    font-family:Cairo,sans-serif !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    transition:.22s ease !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab span{
    color:#ffd27c !important;
    font-size:10.5px !important;
    font-weight:950 !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab strong{
    color:#fff !important;
    font-size:17px !important;
    font-weight:950 !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab:hover,
.home-worldcup-scoreboard-v34 .home-worldcup-tab.active{
    transform:translateY(-2px) !important;
    background:
        radial-gradient(circle at 20% 0%,rgba(255,210,124,.28),transparent 45%),
        linear-gradient(135deg,#ff3131,#b80f18) !important;
    border-color:rgba(255,255,255,.17) !important;
    box-shadow:0 16px 36px rgba(255,49,49,.22) !important;
}

.home-wc-selected-head{
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
}

.home-wc-match-v34{
    position:relative !important;
    min-height:210px !important;
    padding:15px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    gap:12px !important;
    color:#fff !important;
    text-decoration:none !important;
    overflow:hidden !important;
    border-radius:30px !important;
    background:
        radial-gradient(circle at 14% 8%,rgba(255,255,255,.11),transparent 38%),
        linear-gradient(180deg,rgba(255,255,255,.084),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.105) !important;
    box-shadow:0 20px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07) !important;
    transition:.24s ease !important;
}

.home-wc-match-v34::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg,transparent,rgba(255,49,49,.11),transparent) !important;
    opacity:0 !important;
    transition:.24s ease !important;
    pointer-events:none !important;
}

.home-wc-match-v34:hover{
    transform:translateY(-5px) !important;
    border-color:rgba(255,49,49,.32) !important;
    box-shadow:0 26px 60px rgba(0,0,0,.30),0 0 0 1px rgba(255,49,49,.08) !important;
}

.home-wc-match-v34:hover::before{
    opacity:1 !important;
}

.home-wc-match-topline,
.home-wc-match-footer{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
}

.home-wc-match-topline span,
.home-wc-match-footer span{
    min-width:0 !important;
    color:#aeb8cc !important;
    font-size:11px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.home-wc-match-topline em,
.home-wc-match-footer strong{
    min-height:25px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffd27c !important;
    font-size:10px !important;
    font-style:normal !important;
    font-weight:950 !important;
    background:rgba(255,210,124,.10) !important;
    border:1px solid rgba(255,210,124,.18) !important;
    white-space:nowrap !important;
}

.home-wc-live-dot{
    color:#fff !important;
    background:linear-gradient(135deg,#20d475,#0e9f5b) !important;
    border-color:rgba(255,255,255,.18) !important;
    box-shadow:0 0 0 5px rgba(32,212,117,.10) !important;
}

.home-wc-match-body{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 142px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
}

.home-wc-team-v34{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:9px !important;
}

.home-wc-logo-shell{
    width:66px !important;
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:22px !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.105) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 24px rgba(0,0,0,.18) !important;
}

.home-wc-logo-shell img{
    width:48px !important;
    height:48px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 10px 16px rgba(0,0,0,.18)) !important;
}

.home-wc-team-v34 strong{
    width:100% !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.45 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.home-wc-center-v34{
    min-height:112px !important;
    padding:12px 10px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    border-radius:26px !important;
    background:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.16)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.home-wc-center-v34 b{
    display:block !important;
    margin:7px 0 4px !important;
    color:#fff !important;
    font-size:35px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-1px !important;
    direction:ltr !important;
}

.home-wc-center-v34 small{
    color:#ffd27c !important;
    font-size:10px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.home-wc-status{
    min-height:24px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:950 !important;
    background:rgba(255,49,49,.20) !important;
    border:1px solid rgba(255,49,49,.26) !important;
}

.breaking-marquee.infinite-breaking-marquee,
.breaking-marquee{
    animation: breakingInfiniteLoop var(--breaking-duration, 38s) linear infinite !important;
    transform:translateX(0) !important;
}

.breaking-track:hover .breaking-marquee{
    animation-play-state:running !important;
}

@keyframes breakingInfiniteLoop{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

html[data-theme="light"] .home-worldcup-scoreboard-v34{
    background:
        radial-gradient(circle at 14% 0%,rgba(255,49,49,.16),transparent 34%),
        linear-gradient(145deg,#fff,#f5f7fb) !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 26px 70px rgba(20,32,60,.10) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-head h2,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab strong,
html[data-theme="light"] .home-wc-team-v34 strong,
html[data-theme="light"] .home-wc-center-v34 b{
    color:#111827 !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-head p,
html[data-theme="light"] .home-wc-match-topline span,
html[data-theme="light"] .home-wc-match-footer span{
    color:#64748b !important;
}

html[data-theme="light"] .home-wc-match-v34,
html[data-theme="light"] .home-wc-logo-shell{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 18px 44px rgba(20,32,60,.08) !important;
}

html[data-theme="light"] .home-wc-center-v34{
    background:#f5f7fb !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab{
    background:#fff !important;
    color:#111827 !important;
    border-color:rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab.active strong,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab:hover strong{
    color:#fff !important;
}

@media(max-width:1050px){
    .home-wc-selected-list,
    .home-wc-selected-list.is-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    .home-worldcup-scoreboard-v34{
        margin-top:24px !important;
        padding:18px !important;
        border-radius:26px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-head{
        align-items:flex-start !important;
        flex-direction:column !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-head h2{
        font-size:32px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tabs{
        grid-template-columns:1fr !important;
    }

    .home-wc-match-v34{
        min-height:190px !important;
        padding:12px !important;
        border-radius:24px !important;
    }

    .home-wc-match-body{
        grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .home-wc-logo-shell{
        width:48px !important;
        height:48px !important;
        border-radius:17px !important;
    }

    .home-wc-logo-shell img{
        width:36px !important;
        height:36px !important;
    }

    .home-wc-team-v34 strong{
        font-size:12px !important;
    }

    .home-wc-center-v34{
        min-height:92px !important;
        padding:9px 6px !important;
        border-radius:20px !important;
    }

    .home-wc-center-v34 b{
        font-size:25px !important;
    }

    .home-wc-center-v34 small{
        font-size:9px !important;
    }

    .home-wc-match-footer strong{
        display:none !important;
    }
}


/* v35 clean controls + compact premium scoreboard + permissions manager */
.admin-floating-link{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

.home-worldcup-scoreboard-v34{
    max-width:1040px !important;
    margin:30px auto 20px !important;
    padding:20px !important;
    border-radius:28px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head{
    margin-bottom:12px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head h2{
    font-size:clamp(25px,3vw,34px) !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head p{
    font-size:13px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-head a{
    min-height:38px !important;
    padding:0 13px !important;
    font-size:12px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tabs{
    margin:12px 0 14px !important;
    padding:6px !important;
    border-radius:20px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab{
    min-height:52px !important;
    border-radius:16px !important;
    padding:7px 8px !important;
}

.home-worldcup-scoreboard-v34 .home-worldcup-tab strong{
    font-size:14px !important;
}

.home-wc-selected-head{
    padding:12px 14px !important;
    border-radius:20px !important;
    margin-bottom:12px !important;
}

.home-wc-selected-head h3{
    font-size:21px !important;
}

.home-wc-selected-list,
.home-wc-selected-list.is-grid{
    gap:10px !important;
}

.home-wc-match-v34{
    min-height:154px !important;
    padding:11px !important;
    gap:8px !important;
    border-radius:22px !important;
}

.home-wc-match-body{
    grid-template-columns:minmax(0,1fr) 104px minmax(0,1fr) !important;
    gap:9px !important;
}

.home-wc-logo-shell{
    width:50px !important;
    height:50px !important;
    border-radius:17px !important;
}

.home-wc-logo-shell img{
    width:36px !important;
    height:36px !important;
}

.home-wc-team-v34{
    gap:6px !important;
}

.home-wc-team-v34 strong{
    font-size:13px !important;
}

.home-wc-center-v34{
    min-height:82px !important;
    padding:8px 7px !important;
    border-radius:18px !important;
}

.home-wc-center-v34 b{
    margin:4px 0 2px !important;
    font-size:26px !important;
}

.home-wc-center-v34 small,
.home-wc-status{
    font-size:9px !important;
}

.home-wc-match-topline span,
.home-wc-match-footer span{
    font-size:10px !important;
}

.home-wc-match-footer strong{
    min-height:22px !important;
    font-size:9px !important;
}

html[data-theme="light"] body{
    background:#f3f6fb !important;
    color:#101828 !important;
}

html[data-theme="light"] .topbar{
    background:rgba(255,255,255,.94) !important;
    border-bottom-color:rgba(15,23,42,.09) !important;
    box-shadow:0 12px 32px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .menu a,
html[data-theme="light"] .section-title h2,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-head h2,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab strong,
html[data-theme="light"] .home-wc-team-v34 strong,
html[data-theme="light"] .home-wc-center-v34 b,
html[data-theme="light"] .pro-news-card h3,
html[data-theme="light"] .article-pro-content,
html[data-theme="light"] .league-card h3{
    color:#101828 !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34{
    background:
        radial-gradient(circle at 8% 0%,rgba(225,29,72,.10),transparent 35%),
        linear-gradient(145deg,#ffffff,#f8fafc) !important;
    border-color:rgba(15,23,42,.11) !important;
    box-shadow:0 20px 60px rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-head p,
html[data-theme="light"] .home-wc-match-topline span,
html[data-theme="light"] .home-wc-match-footer span,
html[data-theme="light"] .home-wc-selected-head span,
html[data-theme="light"] .home-wc-center-v34 small{
    color:#475467 !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab,
html[data-theme="light"] .home-wc-match-v34,
html[data-theme="light"] .home-wc-logo-shell,
html[data-theme="light"] .home-wc-selected-head,
html[data-theme="light"] .home-wc-center-v34{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.12) !important;
    box-shadow:0 12px 34px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .home-wc-center-v34{
    background:#f1f5f9 !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab span,
html[data-theme="light"] .home-wc-match-topline em,
html[data-theme="light"] .home-wc-match-footer strong{
    color:#b45309 !important;
    background:rgba(180,83,9,.08) !important;
    border-color:rgba(180,83,9,.16) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab.active,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab:hover{
    background:linear-gradient(135deg,#e11d48,#b80f18) !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab.active span,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab.active strong,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab:hover span,
html[data-theme="light"] .home-worldcup-scoreboard-v34 .home-worldcup-tab:hover strong{
    color:#fff !important;
}

html[data-theme="light"] .breaking-strip{
    background:#fff !important;
    border-color:rgba(15,23,42,.11) !important;
    box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .breaking-track a,
html[data-theme="light"] .breaking-track span,
html[data-theme="light"] .breaking-news-chip{
    color:#101828 !important;
}

html[data-theme="light"] .breaking-chip-meta{
    color:#b45309 !important;
}

.cms-permissions-panel{
    margin-top:20px;
}

.cms-permission-form{
    display:grid;
    grid-template-columns:1fr 1fr 190px auto;
    gap:12px;
    align-items:end;
    margin-bottom:16px;
}

.cms-permission-form label{
    display:grid;
    gap:8px;
}

.cms-permission-form label span{
    color:#d9deea;
    font-size:13px;
    font-weight:900;
}

.cms-permission-form input,
.cms-permission-form select,
.cms-permission-actions select{
    width:100%;
    min-height:48px;
    padding:0 13px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:15px;
    outline:none;
    color:#fff;
    background:rgba(255,255,255,.07);
    font-family:"Cairo",sans-serif;
    font-weight:800;
}

.cms-permissions-list{
    display:grid;
    gap:10px;
}

.cms-permission-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:13px;
    border-radius:20px;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.075);
}

.cms-permission-row strong{
    display:block;
    color:#fff;
    font-weight:950;
    direction:ltr;
    text-align:left;
}

.cms-permission-row span{
    display:inline-flex;
    margin-top:5px;
    padding:3px 9px;
    border-radius:999px;
    color:#ffcf7a;
    background:rgba(255,207,122,.10);
    font-size:11px;
    font-weight:950;
}

.cms-permission-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.cms-permission-actions button{
    min-height:38px;
    padding:0 12px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:rgba(255,255,255,.09);
    font-family:"Cairo",sans-serif;
    font-weight:900;
}

.cms-permission-actions button.danger{
    background:rgba(255,49,49,.16);
    color:#ff8585;
}

html[data-theme="light"] .cms-panel,
html[data-theme="light"] .cms-stats article,
html[data-theme="light"] .cms-user,
html[data-theme="light"] .cms-permission-row,
html[data-theme="light"] .cms-news-row{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.11) !important;
    box-shadow:0 14px 38px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-panel-head h2,
html[data-theme="light"] .cms-stats strong,
html[data-theme="light"] .cms-permission-row strong,
html[data-theme="light"] .cms-row-main h3,
html[data-theme="light"] .cms-top h1{
    color:#101828 !important;
}

html[data-theme="light"] .cms-news-form label span,
html[data-theme="light"] .cms-permission-form label span,
html[data-theme="light"] .cms-stats p,
html[data-theme="light"] .cms-user small,
html[data-theme="light"] .cms-row-main p{
    color:#475467 !important;
}

html[data-theme="light"] .cms-news-form input,
html[data-theme="light"] .cms-news-form select,
html[data-theme="light"] .cms-news-form textarea,
html[data-theme="light"] .cms-table-tools input,
html[data-theme="light"] .cms-table-tools select,
html[data-theme="light"] .cms-permission-form input,
html[data-theme="light"] .cms-permission-form select,
html[data-theme="light"] .cms-permission-actions select{
    color:#101828 !important;
    background:#f8fafc !important;
    border-color:rgba(15,23,42,.12) !important;
}

@media(max-width:900px){
    .cms-permission-form,
    .cms-permission-row{
        grid-template-columns:1fr !important;
    }

    .cms-permission-actions{
        flex-wrap:wrap !important;
    }
}

@media(max-width:720px){
    .home-worldcup-scoreboard-v34{
        padding:14px !important;
        border-radius:22px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tabs{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tab{
        min-height:48px !important;
    }

    .home-wc-match-v34{
        min-height:142px !important;
        border-radius:18px !important;
    }

    .home-wc-match-body{
        grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
    }

    .home-wc-logo-shell{
        width:42px !important;
        height:42px !important;
        border-radius:14px !important;
    }

    .home-wc-logo-shell img{
        width:30px !important;
        height:30px !important;
    }

    .home-wc-center-v34{
        min-height:74px !important;
    }

    .home-wc-center-v34 b{
        font-size:22px !important;
    }
}


/* v36 professional admin + visible light theme */
html[data-theme="light"]{
    --bg:#eef3f8 !important;
    --panel:#ffffff !important;
    --panel-soft:#f6f8fb !important;
    --text:#0f172a !important;
    --muted:#475467 !important;
    --line:rgba(15,23,42,.14) !important;
    --brand:#d71920 !important;
    --warning:#b45309 !important;
    --blue:#1d4ed8 !important;
}

html[data-theme="light"] body{
    background:#eef3f8 !important;
    color:#0f172a !important;
}

html[data-theme="light"] .hero{
    background:
        linear-gradient(90deg,rgba(248,250,252,.05),rgba(248,250,252,.22),rgba(248,250,252,.82),rgba(248,250,252,.98)),
        url("./assets/hero-bg.png") !important;
    background-size:cover !important;
    background-position:center !important;
}

html[data-theme="light"] .hero-copy,
html[data-theme="light"] .panel,
html[data-theme="light"] .article-pro-content,
html[data-theme="light"] .article-side-card,
html[data-theme="light"] .league-hero,
html[data-theme="light"] .match-panel,
html[data-theme="light"] .category-pro-layout,
html[data-theme="light"] .pro-footer-v7,
html[data-theme="light"] .latest-news-pro-grid > *,
html[data-theme="light"] .pro-news-card,
html[data-theme="light"] .league-card,
html[data-theme="light"] .news-card,
html[data-theme="light"] .home-wc-match-v34,
html[data-theme="light"] .home-worldcup-scoreboard-v34,
html[data-theme="light"] .breaking-strip{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.13) !important;
    box-shadow:0 18px 50px rgba(15,23,42,.09) !important;
}

html[data-theme="light"] .hero-copy h1,
html[data-theme="light"] .hero-copy p,
html[data-theme="light"] .hero-copy small,
html[data-theme="light"] h1,
html[data-theme="light"] h2,
html[data-theme="light"] h3,
html[data-theme="light"] h4,
html[data-theme="light"] .menu a,
html[data-theme="light"] .pro-footer-brand strong,
html[data-theme="light"] .pro-footer-links a,
html[data-theme="light"] .news-title,
html[data-theme="light"] .home-wc-team-v34 strong,
html[data-theme="light"] .home-wc-center-v34 b,
html[data-theme="light"] .home-worldcup-tab strong{
    color:#0f172a !important;
    text-shadow:none !important;
}

html[data-theme="light"] p,
html[data-theme="light"] small,
html[data-theme="light"] .muted,
html[data-theme="light"] .home-worldcup-head p,
html[data-theme="light"] .home-wc-match-topline span,
html[data-theme="light"] .home-wc-match-footer span,
html[data-theme="light"] .pro-footer-brand small,
html[data-theme="light"] .pro-footer-bottom{
    color:#475467 !important;
}

html[data-theme="light"] .home-wc-center-v34,
html[data-theme="light"] .home-wc-logo-shell,
html[data-theme="light"] .home-worldcup-tabs,
html[data-theme="light"] .home-worldcup-tab,
html[data-theme="light"] .home-wc-selected-head{
    background:#f8fafc !important;
    border-color:rgba(15,23,42,.13) !important;
}

html[data-theme="light"] .home-worldcup-tab.active,
html[data-theme="light"] .home-worldcup-tab:hover{
    background:linear-gradient(135deg,#d71920,#9f1119) !important;
    color:#fff !important;
}

html[data-theme="light"] .home-worldcup-tab.active strong,
html[data-theme="light"] .home-worldcup-tab.active span,
html[data-theme="light"] .home-worldcup-tab:hover strong,
html[data-theme="light"] .home-worldcup-tab:hover span{
    color:#fff !important;
}

html[data-theme="light"] .breaking-strip strong,
html[data-theme="light"] .primary-btn,
html[data-theme="light"] .cms-submit{
    color:#fff !important;
}

html[data-theme="light"] .breaking-news-chip,
html[data-theme="light"] .breaking-track a,
html[data-theme="light"] .breaking-track span{
    color:#0f172a !important;
}

.admin-dashboard-page{
    min-height:100vh !important;
    background:
        radial-gradient(circle at 10% 0%,rgba(255,49,49,.14),transparent 30%),
        linear-gradient(135deg,#060914,#101828) !important;
}

.cms-sidebar{
    border-left:1px solid rgba(255,255,255,.08) !important;
    box-shadow:-20px 0 60px rgba(0,0,0,.28) !important;
}

.cms-main-pro{
    max-width:1480px !important;
}

.cms-top{
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    margin:-6px -4px 22px !important;
    padding:16px !important;
    border-radius:28px !important;
    background:rgba(8,13,26,.78) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    backdrop-filter:blur(18px) !important;
    box-shadow:0 18px 60px rgba(0,0,0,.18) !important;
}

.cms-theme-toggle{
    margin-inline-start:auto !important;
}

.cms-stats-pro article{
    position:relative !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 14% 0%,rgba(255,49,49,.18),transparent 34%),
        linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
}

.cms-panel{
    background:
        radial-gradient(circle at top right,rgba(255,49,49,.08),transparent 28%),
        rgba(255,255,255,.055) !important;
}

.cms-permissions-panel{
    padding:26px !important;
    border-radius:32px !important;
}

.cms-permission-help{
    margin:-8px 0 18px !important;
    color:#aeb7cc !important;
    font-weight:800 !important;
    line-height:1.8 !important;
}

.cms-permission-form-pro{
    grid-template-columns:minmax(230px,1.15fr) minmax(200px,1fr) 180px 170px !important;
    padding:14px !important;
    border-radius:24px !important;
    background:rgba(0,0,0,.16) !important;
    border:1px solid rgba(255,255,255,.07) !important;
}

.cms-permission-row-pro{
    padding:16px !important;
    border-radius:24px !important;
    background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035)) !important;
}

.cms-permission-user{
    min-width:0 !important;
}

.cms-permission-user strong{
    font-size:15px !important;
}

.cms-permission-user small{
    display:block !important;
    margin-top:6px !important;
    color:#8ea0bb !important;
    font-weight:800 !important;
    direction:ltr !important;
    text-align:left !important;
}

.role-chip{
    margin-inline-end:8px !important;
}

.role-admin{
    color:#78ffb0 !important;
    background:rgba(32,212,117,.12) !important;
    border:1px solid rgba(32,212,117,.18) !important;
}

.role-editor{
    color:#ffd27c !important;
    background:rgba(255,210,124,.12) !important;
    border:1px solid rgba(255,210,124,.18) !important;
}

.role-viewer{
    color:#c4cfdd !important;
    background:rgba(196,207,221,.10) !important;
    border:1px solid rgba(196,207,221,.14) !important;
}

.cms-permission-actions select{
    min-width:130px !important;
}

.cms-permission-actions button{
    transition:.18s ease !important;
}

.cms-permission-actions button:hover,
.cms-light-btn:hover,
.cms-submit:hover{
    transform:translateY(-2px) !important;
}

html[data-theme="light"] .admin-dashboard-page{
    background:
        radial-gradient(circle at 10% 0%,rgba(215,25,32,.10),transparent 30%),
        linear-gradient(135deg,#eef3f8,#f8fafc) !important;
}

html[data-theme="light"] .cms-sidebar{
    background:#ffffff !important;
    border-left-color:rgba(15,23,42,.11) !important;
    box-shadow:-12px 0 40px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-logo span,
html[data-theme="light"] .cms-nav a,
html[data-theme="light"] .cms-top h1,
html[data-theme="light"] .cms-user strong,
html[data-theme="light"] .cms-stats strong,
html[data-theme="light"] .cms-panel-head h2,
html[data-theme="light"] .cms-row-main h3,
html[data-theme="light"] .cms-permission-row strong{
    color:#0f172a !important;
}

html[data-theme="light"] .cms-top,
html[data-theme="light"] .cms-panel,
html[data-theme="light"] .cms-stats article,
html[data-theme="light"] .cms-user,
html[data-theme="light"] .cms-permission-form-pro,
html[data-theme="light"] .cms-permission-row-pro,
html[data-theme="light"] .cms-news-row,
html[data-theme="light"] .cms-empty{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.12) !important;
    box-shadow:0 14px 44px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-permission-help,
html[data-theme="light"] .cms-panel-head span,
html[data-theme="light"] .cms-news-form label span,
html[data-theme="light"] .cms-permission-form label span,
html[data-theme="light"] .cms-stats p,
html[data-theme="light"] .cms-user small,
html[data-theme="light"] .cms-row-main p,
html[data-theme="light"] .cms-permission-user small,
html[data-theme="light"] .cms-empty{
    color:#475467 !important;
}

html[data-theme="light"] .cms-news-form input,
html[data-theme="light"] .cms-news-form select,
html[data-theme="light"] .cms-news-form textarea,
html[data-theme="light"] .cms-table-tools input,
html[data-theme="light"] .cms-table-tools select,
html[data-theme="light"] .cms-permission-form input,
html[data-theme="light"] .cms-permission-form select,
html[data-theme="light"] .cms-permission-actions select{
    color:#0f172a !important;
    background:#f8fafc !important;
    border-color:rgba(15,23,42,.14) !important;
}

html[data-theme="light"] .cms-nav a.active,
html[data-theme="light"] .cms-nav a:hover{
    color:#fff !important;
    background:linear-gradient(135deg,#d71920,#9f1119) !important;
}

@media(max-width:1080px){
    .cms-permission-form-pro{
        grid-template-columns:1fr 1fr !important;
    }
}

@media(max-width:720px){
    .cms-top{
        position:relative !important;
    }

    .cms-permission-form-pro{
        grid-template-columns:1fr !important;
    }

    .cms-permission-row-pro{
        grid-template-columns:1fr !important;
    }

    .cms-permission-actions{
        width:100% !important;
    }

    .cms-permission-actions select,
    .cms-permission-actions button{
        flex:1 1 auto !important;
    }
}


/* v37 role-based professional admin */
body.role-editor [data-admin-only]{
    display:none !important;
}

.cms-editor-notice{
    margin:18px 0 0;
    padding:16px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-radius:22px;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,207,122,.16), transparent 34%),
        rgba(255,255,255,.055);
    border:1px solid rgba(255,207,122,.16);
    box-shadow:0 16px 46px rgba(0,0,0,.12);
}

.cms-editor-notice[hidden]{
    display:none !important;
}

.cms-editor-notice strong{
    color:#ffcf7a;
    font-size:14px;
    font-weight:950;
}

.cms-editor-notice span{
    color:#d9deea;
    font-size:13px;
    font-weight:800;
}

.cms-sidebar{
    background:
        radial-gradient(circle at 10% 5%, rgba(255,49,49,.18), transparent 34%),
        linear-gradient(180deg, rgba(9,13,24,.98), rgba(5,7,13,.98)) !important;
    border-left:1px solid rgba(255,255,255,.08) !important;
}

.cms-nav a{
    position:relative;
    min-height:46px !important;
    border-radius:16px !important;
    transition:.22s ease !important;
}

.cms-nav a:hover,
.cms-nav a.active{
    background:linear-gradient(135deg, rgba(255,49,49,.20), rgba(255,207,122,.08)) !important;
    border-color:rgba(255,255,255,.12) !important;
    transform:translateX(-2px);
}

.cms-main-pro{
    background:
        radial-gradient(circle at 80% 0%, rgba(255,49,49,.10), transparent 28%),
        radial-gradient(circle at 20% 16%, rgba(255,207,122,.06), transparent 30%);
}

.cms-panel{
    backdrop-filter:blur(16px);
}

.cms-permissions-panel{
    background:
        radial-gradient(circle at 90% 0%, rgba(255,49,49,.12), transparent 35%),
        rgba(255,255,255,.055) !important;
}

.cms-permission-row-pro{
    transition:.2s ease;
}

.cms-permission-row-pro:hover{
    transform:translateY(-2px);
    border-color:rgba(255,49,49,.22);
    box-shadow:0 18px 46px rgba(0,0,0,.16);
}

.role-chip{
    min-height:24px;
    padding:0 10px !important;
    align-items:center;
}

.role-admin{
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
}

.role-editor{
    color:#0b1018 !important;
    background:linear-gradient(135deg,#ffcf7a,#ffad42) !important;
}

.role-viewer{
    color:#d9deea !important;
    background:rgba(255,255,255,.08) !important;
}

html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] .admin-dashboard-page{
    background:#eef3f9 !important;
    color:#101828 !important;
}

html[data-theme="light"] .cms-sidebar{
    background:linear-gradient(180deg,#ffffff,#f8fafc) !important;
    border-left:1px solid rgba(15,23,42,.12) !important;
    box-shadow:-10px 0 30px rgba(15,23,42,.06) !important;
}

html[data-theme="light"] .cms-logo span,
html[data-theme="light"] .cms-nav a,
html[data-theme="light"] .cms-top h1,
html[data-theme="light"] .cms-user strong,
html[data-theme="light"] .cms-panel-head h2,
html[data-theme="light"] .cms-stats strong,
html[data-theme="light"] .cms-row-main h3,
html[data-theme="light"] .cms-permission-row strong,
html[data-theme="light"] .cms-empty{
    color:#101828 !important;
}

html[data-theme="light"] .cms-top span,
html[data-theme="light"] .cms-user small,
html[data-theme="light"] .cms-stats p,
html[data-theme="light"] .cms-row-main p,
html[data-theme="light"] .cms-news-form label span,
html[data-theme="light"] .cms-permission-form label span,
html[data-theme="light"] .cms-editor-notice span{
    color:#475467 !important;
}

html[data-theme="light"] .cms-panel,
html[data-theme="light"] .cms-stats article,
html[data-theme="light"] .cms-user,
html[data-theme="light"] .cms-news-row,
html[data-theme="light"] .cms-permission-row,
html[data-theme="light"] .cms-editor-notice,
html[data-theme="light"] .cms-empty{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.12) !important;
    box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-nav a:hover,
html[data-theme="light"] .cms-nav a.active{
    color:#e11d48 !important;
    background:#fff1f2 !important;
    border-color:rgba(225,29,72,.18) !important;
}

html[data-theme="light"] .cms-news-form input,
html[data-theme="light"] .cms-news-form select,
html[data-theme="light"] .cms-news-form textarea,
html[data-theme="light"] .cms-table-tools input,
html[data-theme="light"] .cms-table-tools select,
html[data-theme="light"] .cms-permission-form input,
html[data-theme="light"] .cms-permission-form select,
html[data-theme="light"] .cms-permission-actions select{
    color:#101828 !important;
    background:#f8fafc !important;
    border-color:rgba(15,23,42,.14) !important;
}

html[data-theme="light"] .cms-news-form input::placeholder,
html[data-theme="light"] .cms-news-form textarea::placeholder,
html[data-theme="light"] .cms-table-tools input::placeholder,
html[data-theme="light"] .cms-permission-form input::placeholder{
    color:#98a2b3 !important;
}

html[data-theme="light"] .cms-light-btn,
html[data-theme="light"] .cms-row-actions button,
html[data-theme="light"] .cms-permission-actions button{
    color:#101828 !important;
    background:#eef2f7 !important;
    border:1px solid rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .cms-row-actions button.danger,
html[data-theme="light"] .cms-permission-actions button.danger{
    color:#b42318 !important;
    background:#fff1f0 !important;
}

html[data-theme="light"] .cms-submit{
    color:#fff !important;
}

html[data-theme="light"] .role-viewer{
    color:#475467 !important;
    background:#eef2f7 !important;
}

html[data-theme="light"] .cms-editor-notice strong{
    color:#b45309 !important;
}

@media(max-width:860px){
    .cms-editor-notice{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* v38 admin/editor only permissions */
.role-viewer,
option[value="viewer"]{
    display:none !important;
}

.cms-permission-form select option[value="viewer"],
.cms-permission-actions select option[value="viewer"]{
    display:none !important;
}

.cms-permissions-panel .cms-panel-head::after{
    content:"Admin / Editor فقط";
    min-height:28px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    border-radius:999px;
    color:#ffcf7a;
    background:rgba(255,207,122,.10);
    border:1px solid rgba(255,207,122,.16);
    font-size:11px;
    font-weight:950;
}

html[data-theme="light"] .cms-permissions-panel .cms-panel-head::after{
    color:#b45309;
    background:#fffbeb;
    border-color:#fed7aa;
}


/* v39 editor news connection fix */
.cms-editor-hub{
    margin:18px 0 0;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-radius:24px;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,49,49,.14), transparent 34%),
        rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.085);
    box-shadow:0 18px 50px rgba(0,0,0,.14);
}

body.role-admin .cms-editor-hub{
    display:none !important;
}

.cms-editor-hub strong{
    display:block;
    color:#fff;
    font-size:18px;
    font-weight:950;
}

.cms-editor-hub span{
    display:block;
    margin-top:4px;
    color:#aeb7cc;
    font-size:13px;
    font-weight:800;
}

.cms-editor-hub nav{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.cms-editor-hub a{
    min-height:40px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    font-weight:950;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    box-shadow:0 12px 28px rgba(255,49,49,.20);
}

body.role-editor .cms-stats-pro{
    display:none !important;
}

body.role-editor .cms-grid{
    margin-top:18px;
}

html[data-theme="light"] .cms-editor-hub{
    background:#fff !important;
    border-color:rgba(15,23,42,.12) !important;
    box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-editor-hub strong{
    color:#101828 !important;
}

html[data-theme="light"] .cms-editor-hub span{
    color:#475467 !important;
}

@media(max-width:760px){
    .cms-editor-hub{
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
   v40 unified CMS theme with 3alTrack website identity
   ========================================================= */

.admin-dashboard-page{
    --cms-brand:#ff3131;
    --cms-brand-dark:#b80f18;
    --cms-gold:#ffcf7a;
    --cms-bg:#05070d;
    --cms-bg-2:#070b16;
    --cms-surface:#0b1018;
    --cms-surface-2:#111827;
    --cms-card:rgba(255,255,255,.055);
    --cms-card-strong:rgba(255,255,255,.075);
    --cms-border:rgba(255,255,255,.09);
    --cms-border-strong:rgba(255,255,255,.14);
    --cms-text:#ffffff;
    --cms-muted:#aeb8cc;
    --cms-soft:#d7dcea;
    --cms-shadow:0 22px 70px rgba(0,0,0,.24);
    color:var(--cms-text) !important;
    background:
        radial-gradient(circle at 82% 2%, rgba(255,49,49,.14), transparent 30%),
        radial-gradient(circle at 18% 14%, rgba(255,207,122,.07), transparent 28%),
        linear-gradient(180deg,var(--cms-bg),var(--cms-bg-2)) !important;
}

.admin-dashboard-page .cms-sidebar{
    background:
        radial-gradient(circle at 18% 0%, rgba(255,49,49,.20), transparent 34%),
        radial-gradient(circle at 85% 95%, rgba(255,207,122,.08), transparent 28%),
        linear-gradient(180deg,#080c17,#05070d) !important;
    border-left:1px solid var(--cms-border) !important;
    box-shadow:-18px 0 60px rgba(0,0,0,.22) !important;
}

.admin-dashboard-page .cms-logo{
    color:var(--cms-text) !important;
}

.admin-dashboard-page .cms-logo img{
    filter:drop-shadow(0 12px 22px rgba(255,49,49,.18)) !important;
}

.admin-dashboard-page .cms-logo span{
    color:var(--cms-text) !important;
    font-weight:950 !important;
}

.admin-dashboard-page .cms-nav a{
    color:var(--cms-soft) !important;
    background:transparent !important;
    border:1px solid transparent !important;
}

.admin-dashboard-page .cms-nav a:hover,
.admin-dashboard-page .cms-nav a.active{
    color:#fff !important;
    background:
        radial-gradient(circle at 16% 0%, rgba(255,207,122,.18), transparent 38%),
        linear-gradient(135deg, rgba(255,49,49,.24), rgba(255,255,255,.055)) !important;
    border-color:rgba(255,255,255,.12) !important;
    box-shadow:0 12px 30px rgba(255,49,49,.12) !important;
}

.admin-dashboard-page .cms-logout{
    color:#fff !important;
    background:linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 16px 36px rgba(255,49,49,.22) !important;
}

.admin-dashboard-page .cms-main,
.admin-dashboard-page .cms-main-pro{
    background:
        radial-gradient(circle at 84% 0%, rgba(255,49,49,.12), transparent 30%),
        radial-gradient(circle at 16% 16%, rgba(255,207,122,.06), transparent 30%) !important;
}

.admin-dashboard-page .cms-top{
    border-bottom:1px solid var(--cms-border) !important;
}

.admin-dashboard-page .cms-top span,
.admin-dashboard-page .cms-panel-head span{
    color:var(--cms-gold) !important;
}

.admin-dashboard-page .cms-top h1,
.admin-dashboard-page .cms-panel-head h2,
.admin-dashboard-page .cms-stats strong,
.admin-dashboard-page .cms-row-main h3,
.admin-dashboard-page .cms-permission-row strong{
    color:var(--cms-text) !important;
}

.admin-dashboard-page .cms-user,
.admin-dashboard-page .cms-panel,
.admin-dashboard-page .cms-stats article,
.admin-dashboard-page .cms-news-row,
.admin-dashboard-page .cms-permission-row,
.admin-dashboard-page .cms-editor-notice,
.admin-dashboard-page .cms-empty{
    color:var(--cms-text) !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(255,49,49,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.040)) !important;
    border:1px solid var(--cms-border) !important;
    box-shadow:var(--cms-shadow) !important;
}

.admin-dashboard-page .cms-stats article > span{
    color:#fff !important;
    background:
        radial-gradient(circle at 30% 0%, rgba(255,207,122,.20), transparent 44%),
        linear-gradient(135deg, rgba(255,49,49,.26), rgba(255,255,255,.06)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
}

.admin-dashboard-page .cms-stats p,
.admin-dashboard-page .cms-user small,
.admin-dashboard-page .cms-row-main p,
.admin-dashboard-page .cms-news-form label span,
.admin-dashboard-page .cms-permission-form label span,
.admin-dashboard-page .cms-editor-notice span{
    color:var(--cms-muted) !important;
}

.admin-dashboard-page .cms-news-form input,
.admin-dashboard-page .cms-news-form select,
.admin-dashboard-page .cms-news-form textarea,
.admin-dashboard-page .cms-table-tools input,
.admin-dashboard-page .cms-table-tools select,
.admin-dashboard-page .cms-permission-form input,
.admin-dashboard-page .cms-permission-form select,
.admin-dashboard-page .cms-permission-actions select{
    color:var(--cms-text) !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid var(--cms-border) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.admin-dashboard-page .cms-news-form input::placeholder,
.admin-dashboard-page .cms-news-form textarea::placeholder,
.admin-dashboard-page .cms-table-tools input::placeholder,
.admin-dashboard-page .cms-permission-form input::placeholder{
    color:rgba(215,220,234,.55) !important;
}

.admin-dashboard-page .cms-news-form input:focus,
.admin-dashboard-page .cms-news-form select:focus,
.admin-dashboard-page .cms-news-form textarea:focus,
.admin-dashboard-page .cms-table-tools input:focus,
.admin-dashboard-page .cms-table-tools select:focus,
.admin-dashboard-page .cms-permission-form input:focus,
.admin-dashboard-page .cms-permission-form select:focus,
.admin-dashboard-page .cms-permission-actions select:focus{
    border-color:rgba(255,49,49,.55) !important;
    box-shadow:0 0 0 4px rgba(255,49,49,.12), inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.admin-dashboard-page .cms-light-btn,
.admin-dashboard-page .cms-row-actions button,
.admin-dashboard-page .cms-permission-actions button{
    color:#fff !important;
    background:rgba(255,255,255,.085) !important;
    border:1px solid var(--cms-border) !important;
}

.admin-dashboard-page .cms-light-btn:hover,
.admin-dashboard-page .cms-row-actions button:hover,
.admin-dashboard-page .cms-permission-actions button:hover{
    background:rgba(255,49,49,.16) !important;
    border-color:rgba(255,49,49,.25) !important;
}

.admin-dashboard-page .cms-submit{
    color:#fff !important;
    background:
        radial-gradient(circle at 20% 0%, rgba(255,207,122,.28), transparent 45%),
        linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
    box-shadow:0 18px 42px rgba(255,49,49,.24) !important;
}

.admin-dashboard-page .cms-row-actions button.danger,
.admin-dashboard-page .cms-permission-actions button.danger{
    color:#ff9b9b !important;
    background:rgba(255,49,49,.13) !important;
    border-color:rgba(255,49,49,.20) !important;
}

.admin-dashboard-page .cms-row-main span,
.admin-dashboard-page .role-chip,
.admin-dashboard-page .cms-permission-row span{
    color:var(--cms-gold) !important;
    background:rgba(255,207,122,.10) !important;
    border:1px solid rgba(255,207,122,.16) !important;
}

.admin-dashboard-page .role-admin{
    color:#fff !important;
    background:linear-gradient(135deg,var(--cms-brand),var(--cms-brand-dark)) !important;
}

.admin-dashboard-page .role-editor{
    color:#0b1018 !important;
    background:linear-gradient(135deg,var(--cms-gold),#ffad42) !important;
}

.admin-dashboard-page .cms-upload-box,
.admin-dashboard-page .cms-image-preview{
    background:
        radial-gradient(circle at 82% 0%, rgba(255,49,49,.10), transparent 36%),
        rgba(255,255,255,.045) !important;
    border-color:rgba(255,255,255,.13) !important;
}

.admin-dashboard-page .cms-toast{
    background:rgba(8,12,23,.96) !important;
    border-color:var(--cms-border-strong) !important;
    box-shadow:0 18px 52px rgba(0,0,0,.28) !important;
}

html[data-theme="light"] .admin-dashboard-page{
    --cms-bg:#f3f6fb;
    --cms-bg-2:#eef3f9;
    --cms-surface:#ffffff;
    --cms-surface-2:#f8fafc;
    --cms-card:#ffffff;
    --cms-card-strong:#f8fafc;
    --cms-border:rgba(15,23,42,.11);
    --cms-border-strong:rgba(15,23,42,.16);
    --cms-text:#101828;
    --cms-muted:#475467;
    --cms-soft:#344054;
    --cms-shadow:0 16px 44px rgba(15,23,42,.08);
    color:var(--cms-text) !important;
    background:
        radial-gradient(circle at 82% 2%, rgba(225,29,72,.08), transparent 30%),
        radial-gradient(circle at 18% 14%, rgba(180,83,9,.06), transparent 28%),
        linear-gradient(180deg,#f8fafc,#eef3f9) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-sidebar{
    background:
        radial-gradient(circle at 18% 0%, rgba(225,29,72,.08), transparent 34%),
        linear-gradient(180deg,#ffffff,#f8fafc) !important;
    border-left:1px solid var(--cms-border) !important;
    box-shadow:-12px 0 34px rgba(15,23,42,.07) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-logo span,
html[data-theme="light"] .admin-dashboard-page .cms-nav a,
html[data-theme="light"] .admin-dashboard-page .cms-top h1,
html[data-theme="light"] .admin-dashboard-page .cms-panel-head h2,
html[data-theme="light"] .admin-dashboard-page .cms-stats strong,
html[data-theme="light"] .admin-dashboard-page .cms-user strong,
html[data-theme="light"] .admin-dashboard-page .cms-row-main h3,
html[data-theme="light"] .admin-dashboard-page .cms-permission-row strong{
    color:var(--cms-text) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-nav a:hover,
html[data-theme="light"] .admin-dashboard-page .cms-nav a.active{
    color:#e11d48 !important;
    background:#fff1f2 !important;
    border-color:rgba(225,29,72,.18) !important;
    box-shadow:0 10px 26px rgba(225,29,72,.08) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-user,
html[data-theme="light"] .admin-dashboard-page .cms-panel,
html[data-theme="light"] .admin-dashboard-page .cms-stats article,
html[data-theme="light"] .admin-dashboard-page .cms-news-row,
html[data-theme="light"] .admin-dashboard-page .cms-permission-row,
html[data-theme="light"] .admin-dashboard-page .cms-editor-notice,
html[data-theme="light"] .admin-dashboard-page .cms-empty{
    color:var(--cms-text) !important;
    background:#ffffff !important;
    border-color:var(--cms-border) !important;
    box-shadow:var(--cms-shadow) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-main,
html[data-theme="light"] .admin-dashboard-page .cms-main-pro{
    background:
        radial-gradient(circle at 84% 0%, rgba(225,29,72,.07), transparent 30%),
        radial-gradient(circle at 16% 16%, rgba(180,83,9,.04), transparent 30%) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-top span,
html[data-theme="light"] .admin-dashboard-page .cms-panel-head span,
html[data-theme="light"] .admin-dashboard-page .cms-editor-notice strong{
    color:#b45309 !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-stats p,
html[data-theme="light"] .admin-dashboard-page .cms-user small,
html[data-theme="light"] .admin-dashboard-page .cms-row-main p,
html[data-theme="light"] .admin-dashboard-page .cms-news-form label span,
html[data-theme="light"] .admin-dashboard-page .cms-permission-form label span,
html[data-theme="light"] .admin-dashboard-page .cms-editor-notice span{
    color:var(--cms-muted) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-news-form input,
html[data-theme="light"] .admin-dashboard-page .cms-news-form select,
html[data-theme="light"] .admin-dashboard-page .cms-news-form textarea,
html[data-theme="light"] .admin-dashboard-page .cms-table-tools input,
html[data-theme="light"] .admin-dashboard-page .cms-table-tools select,
html[data-theme="light"] .admin-dashboard-page .cms-permission-form input,
html[data-theme="light"] .admin-dashboard-page .cms-permission-form select,
html[data-theme="light"] .admin-dashboard-page .cms-permission-actions select{
    color:var(--cms-text) !important;
    background:#f8fafc !important;
    border-color:var(--cms-border) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-news-form input::placeholder,
html[data-theme="light"] .admin-dashboard-page .cms-news-form textarea::placeholder,
html[data-theme="light"] .admin-dashboard-page .cms-table-tools input::placeholder,
html[data-theme="light"] .admin-dashboard-page .cms-permission-form input::placeholder{
    color:#98a2b3 !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-light-btn,
html[data-theme="light"] .admin-dashboard-page .cms-row-actions button,
html[data-theme="light"] .admin-dashboard-page .cms-permission-actions button{
    color:#101828 !important;
    background:#eef2f7 !important;
    border-color:rgba(15,23,42,.10) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-row-actions button.danger,
html[data-theme="light"] .admin-dashboard-page .cms-permission-actions button.danger{
    color:#b42318 !important;
    background:#fff1f0 !important;
    border-color:#fecdca !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-submit,
html[data-theme="light"] .admin-dashboard-page .cms-logout{
    color:#fff !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-row-main span,
html[data-theme="light"] .admin-dashboard-page .cms-permission-row span{
    color:#b45309 !important;
    background:#fffbeb !important;
    border-color:#fed7aa !important;
}

html[data-theme="light"] .admin-dashboard-page .role-admin{
    color:#fff !important;
    background:linear-gradient(135deg,#e11d48,#b80f18) !important;
}

html[data-theme="light"] .admin-dashboard-page .role-editor{
    color:#78350f !important;
    background:linear-gradient(135deg,#fef3c7,#fbbf24) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-upload-box,
html[data-theme="light"] .admin-dashboard-page .cms-image-preview{
    background:#f8fafc !important;
    border-color:rgba(15,23,42,.14) !important;
}

html[data-theme="light"] .admin-dashboard-page .theme-toggle{
    color:#101828 !important;
    background:#ffffff !important;
    border-color:rgba(15,23,42,.12) !important;
}

html[data-theme="light"] .admin-dashboard-page .cms-toast{
    color:#fff !important;
    background:#101828 !important;
}


/* v42 mobile match result polish + CMS news stability */
.home-wc-live-dot{
    min-width:48px !important;
    justify-content:center !important;
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border-color:rgba(255,255,255,.20) !important;
    box-shadow:0 0 0 5px rgba(22,163,74,.12),0 10px 24px rgba(22,163,74,.20) !important;
}

.home-wc-center-v34 small{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    min-height:20px !important;
    padding:0 7px !important;
    border-radius:999px !important;
    background:rgba(255,207,122,.08) !important;
    border:1px solid rgba(255,207,122,.12) !important;
}

@media(max-width:720px){
    .home-worldcup-scoreboard-v34{
        max-width:calc(100% - 22px) !important;
        margin:18px auto 14px !important;
        padding:12px !important;
        border-radius:22px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-head{
        margin-bottom:10px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-head h2{
        font-size:24px !important;
        letter-spacing:0 !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-head p{
        font-size:12px !important;
        line-height:1.6 !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tabs{
        gap:5px !important;
        padding:5px !important;
        border-radius:18px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tab{
        min-height:43px !important;
        padding:5px 4px !important;
        border-radius:14px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tab span{
        font-size:8.5px !important;
        letter-spacing:.6px !important;
    }

    .home-worldcup-scoreboard-v34 .home-worldcup-tab strong{
        font-size:12px !important;
    }

    .home-wc-selected-head{
        padding:10px 11px !important;
        border-radius:18px !important;
    }

    .home-wc-selected-head h3{
        font-size:18px !important;
    }

    .home-wc-match-v34{
        min-height:128px !important;
        padding:10px !important;
        gap:7px !important;
        border-radius:20px !important;
    }

    .home-wc-match-topline,
    .home-wc-match-footer{
        gap:6px !important;
    }

    .home-wc-match-topline span,
    .home-wc-match-footer span{
        font-size:9px !important;
    }

    .home-wc-match-body{
        grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr) !important;
        gap:7px !important;
    }

    .home-wc-logo-shell{
        width:38px !important;
        height:38px !important;
        border-radius:13px !important;
    }

    .home-wc-logo-shell img{
        width:28px !important;
        height:28px !important;
    }

    .home-wc-team-v34{
        gap:5px !important;
    }

    .home-wc-team-v34 strong{
        font-size:11.5px !important;
        line-height:1.35 !important;
        white-space:normal !important;
        display:-webkit-box !important;
        -webkit-line-clamp:2 !important;
        -webkit-box-orient:vertical !important;
        min-height:31px !important;
    }

    .home-wc-center-v34{
        min-height:72px !important;
        padding:7px 5px !important;
        border-radius:17px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 24px rgba(0,0,0,.14) !important;
    }

    .home-wc-center-v34 b{
        font-size:22px !important;
        margin:3px 0 2px !important;
        letter-spacing:-.4px !important;
    }

    .home-wc-status{
        min-height:20px !important;
        padding:0 7px !important;
        font-size:8.5px !important;
    }

    .home-wc-center-v34 small{
        max-width:86px !important;
        min-height:18px !important;
        padding:0 5px !important;
        font-size:8px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .home-wc-live-dot{
        min-height:21px !important;
        min-width:42px !important;
        padding:0 7px !important;
        font-size:9px !important;
    }

    .home-wc-match-footer strong{
        display:inline-flex !important;
        min-height:20px !important;
        font-size:8px !important;
        padding:0 7px !important;
    }
}

html[data-theme="light"] .home-wc-center-v34 small{
    color:#92400e !important;
    background:#fffbeb !important;
    border-color:#fed7aa !important;
}

html[data-theme="light"] .home-wc-live-dot{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
}


/* v47 emergency restore */
.cms-message.success{
    color:#9ff0bf !important;
}

html[data-theme="light"] .cms-message.success{
    color:#047857 !important;
}


/* v48 persistent merged news fix */
.cms-message.error{
    color:#ff8b8b !important;
}

html[data-theme="light"] .cms-message.error{
    color:#b42318 !important;
}


/* v49 staging polish */
.cms-top{
    gap:14px !important;
}

.cms-top-actions{
    display:flex;
    align-items:center;
    gap:10px;
    margin-inline-start:auto;
}

.cms-staging-badge{
    min-height:34px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#0b1018;
    background:linear-gradient(135deg,#ffcf7a,#ffad42);
    border:1px solid rgba(255,207,122,.22);
    box-shadow:0 14px 34px rgba(255,207,122,.12);
    font-size:10px;
    font-weight:950;
    letter-spacing:1.1px;
    white-space:nowrap;
}

.cms-readiness-card{
    margin:18px 0 0;
    padding:16px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-radius:22px;
    background:
        radial-gradient(circle at 90% 0%, rgba(255,49,49,.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.040));
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 22px 70px rgba(0,0,0,.18);
}

.cms-readiness-card strong{
    display:block;
    color:#fff;
    font-size:15px;
    font-weight:950;
    margin-bottom:3px;
}

.cms-readiness-card span{
    color:#aeb8cc;
    font-size:13px;
    font-weight:800;
}

.cms-readiness-card a{
    min-height:38px;
    padding:0 14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,#ff3131,#b80f18);
    box-shadow:0 14px 34px rgba(255,49,49,.18);
    font-size:12px;
    font-weight:950;
    white-space:nowrap;
}

.cms-news-row{
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.cms-news-row:hover{
    transform:translateY(-2px);
    border-color:rgba(255,49,49,.22) !important;
}

.cms-submit,
.cms-logout,
.cms-readiness-card a{
    position:relative;
    overflow:hidden;
}

.cms-submit::before,
.cms-logout::before,
.cms-readiness-card a::before{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(110%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
    transition:transform .45s ease;
}

.cms-submit:hover::before,
.cms-logout:hover::before,
.cms-readiness-card a:hover::before{
    transform:translateX(-110%);
}

html[data-theme="light"] .cms-staging-badge{
    color:#78350f;
    background:linear-gradient(135deg,#fef3c7,#fbbf24);
    border-color:#fed7aa;
}

html[data-theme="light"] .cms-readiness-card{
    background:#ffffff !important;
    border-color:rgba(15,23,42,.11) !important;
    box-shadow:0 16px 44px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .cms-readiness-card strong{
    color:#101828;
}

html[data-theme="light"] .cms-readiness-card span{
    color:#475467;
}

@media(max-width:720px){
    .cms-top-actions{
        width:100%;
        order:3;
        justify-content:space-between;
    }

    .cms-staging-badge{
        min-height:31px;
        font-size:9px;
    }

    .cms-readiness-card{
        align-items:flex-start;
        flex-direction:column;
        padding:14px;
        border-radius:18px;
    }

    .cms-readiness-card a{
        width:100%;
    }
}


/* =========================================================
   v50 ultra-smooth breaking ticker loop
   ========================================================= */

.home-page > .breaking-strip .breaking-track,
.breaking-track{
    position:relative !important;
    overflow:hidden !important;
    min-width:0 !important;
    direction:ltr !important;
    contain:paint !important;
}

.breaking-track > .breaking-fade{
    display:block !important;
    animation:none !important;
    transform:none !important;
}

.breaking-track .breaking-marquee-group,
.breaking-track .breaking-marquee-group div{
    animation:none !important;
}

.breaking-marquee.infinite-breaking-marquee,
.breaking-track .breaking-marquee.infinite-breaking-marquee{
    height:100% !important;
    width:max-content !important;
    min-width:max-content !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    gap:0 !important;
    direction:ltr !important;
    transform:translate3d(0,0,0) !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
    perspective:1000px !important;
    animation:breakingTickerV50 var(--breaking-duration, 56s) linear infinite !important;
}

.breaking-track:hover .breaking-marquee.infinite-breaking-marquee,
.breaking-track:focus-within .breaking-marquee.infinite-breaking-marquee{
    animation-play-state:running !important;
}

.breaking-marquee-group{
    min-width:max-content !important;
    width:max-content !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    padding-inline:7px !important;
    direction:ltr !important;
    transform:translate3d(0,0,0) !important;
}

.breaking-news-chip{
    flex:0 0 auto !important;
    transform:translate3d(0,0,0);
    direction:rtl !important;
}

.breaking-chip-title{
    white-space:nowrap !important;
}

@keyframes breakingTickerV50{
    0%{
        transform:translate3d(0,0,0);
    }
    100%{
        transform:translate3d(-50%,0,0);
    }
}

@media(max-width:720px){
    .breaking-marquee-group{
        gap:10px !important;
        padding-inline:5px !important;
    }

    .breaking-news-chip{
        max-width:310px !important;
        height:34px !important;
        padding-inline:11px 9px !important;
        font-size:12px !important;
    }

    .breaking-chip-title{
        max-width:210px !important;
    }

    .breaking-chip-meta{
        height:20px !important;
        padding:0 7px !important;
        font-size:10px !important;
    }
}

@media(max-width:420px){
    .breaking-news-chip{
        max-width:270px !important;
    }

    .breaking-chip-title{
        max-width:170px !important;
    }
}


/* =========================================================
   v51 breaking ticker unstuck fix
   ========================================================= */

.home-page > .breaking-strip .breaking-track,
.breaking-track{
    position:relative !important;
    overflow:hidden !important;
    min-width:0 !important;
    direction:ltr !important;
}

.breaking-track > .breaking-fade{
    animation:none !important;
}

.breaking-marquee.infinite-breaking-marquee,
.breaking-track .breaking-marquee.infinite-breaking-marquee{
    height:100% !important;
    width:max-content !important;
    min-width:max-content !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    gap:0 !important;
    direction:ltr !important;
    transform:none !important;
    will-change:margin-inline-start !important;
    backface-visibility:hidden !important;
    animation:breakingTickerV51 var(--breaking-duration, 54s) linear infinite !important;
}

.breaking-track:hover .breaking-marquee.infinite-breaking-marquee,
.breaking-track:focus-within .breaking-marquee.infinite-breaking-marquee{
    animation-play-state:running !important;
}

.breaking-marquee-group{
    min-width:max-content !important;
    width:max-content !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
    padding-inline:7px !important;
    direction:ltr !important;
    animation:none !important;
}

.breaking-news-chip{
    flex:0 0 auto !important;
    direction:rtl !important;
    animation:none !important;
}

@keyframes breakingTickerV51{
    0%{
        margin-inline-start:0;
    }
    100%{
        margin-inline-start:-50%;
    }
}

@media(max-width:720px){
    .breaking-marquee.infinite-breaking-marquee,
    .breaking-track .breaking-marquee.infinite-breaking-marquee{
        animation-duration:var(--breaking-duration, 60s) !important;
    }

    .breaking-marquee-group{
        gap:10px !important;
        padding-inline:5px !important;
    }

    .breaking-news-chip{
        max-width:310px !important;
    }

    .breaking-chip-title{
        max-width:210px !important;
    }
}

@media(max-width:420px){
    .breaking-news-chip{
        max-width:270px !important;
    }

    .breaking-chip-title{
        max-width:170px !important;
    }
}


/* =========================================================
   v52 premium breaking ticker
   Fresh isolated classes; no dependency on old marquee rules.
   ========================================================= */

.home-page > .breaking-strip{
    isolation:isolate !important;
}

.home-page > .breaking-strip .breaking-track.breaking-v52-track,
.breaking-track.breaking-v52-track{
    position:relative !important;
    min-width:0 !important;
    height:58px !important;
    padding:0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    direction:ltr !important;
    contain:paint !important;
    border-radius:0 20px 20px 0 !important;
}

.breaking-track.breaking-v52-track div,
.breaking-track.breaking-v52-track a,
.breaking-track.breaking-v52-track span{
    box-sizing:border-box !important;
}

.breaking-track.breaking-v52-track div{
    animation:none;
}

.breaking-v52-viewport{
    position:relative !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
    direction:ltr !important;
    mask-image:linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%);
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 44px, #000 calc(100% - 44px), transparent 100%);
}

.breaking-v52-loop{
    height:100% !important;
    width:max-content !important;
    min-width:max-content !important;
    display:flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    gap:0 !important;
    direction:ltr !important;
    will-change:transform !important;
    backface-visibility:hidden !important;
    transform:translate3d(0,0,0);
    animation:breakingTickerV52 var(--breaking-v52-duration, 54s) linear infinite !important;
}

.breaking-v52-group{
    height:100% !important;
    width:max-content !important;
    min-width:max-content !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding-inline:6px !important;
    direction:ltr !important;
    animation:none !important;
    transform:none !important;
}

.breaking-v52-chip{
    direction:rtl !important;
    height:38px !important;
    max-width:560px !important;
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:9px !important;
    padding:0 13px 0 10px !important;
    border-radius:999px !important;
    color:#fff !important;
    text-decoration:none !important;
    font-family:"Cairo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:13.5px !important;
    font-weight:850 !important;
    line-height:1 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.13), rgba(255,255,255,.055)),
        rgba(11,16,24,.30) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 10px 24px rgba(0,0,0,.14) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transform:translate3d(0,0,0) !important;
    transition:background .2s ease, border-color .2s ease, box-shadow .2s ease !important;
    animation:none !important;
}

.breaking-v52-chip:hover{
    background:
        linear-gradient(180deg, rgba(255,49,49,.24), rgba(255,255,255,.075)),
        rgba(11,16,24,.36) !important;
    border-color:rgba(255,49,49,.34) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 13px 28px rgba(255,49,49,.12) !important;
}

.breaking-v52-pulse{
    width:7px !important;
    height:7px !important;
    flex:0 0 7px !important;
    display:inline-block !important;
    border-radius:999px !important;
    background:#ff3131 !important;
    box-shadow:0 0 0 4px rgba(255,49,49,.13) !important;
    animation:breakingV52Pulse 1.55s ease-out infinite !important;
}

.breaking-v52-title{
    max-width:395px !important;
    display:inline-block !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-weight:900 !important;
    animation:none !important;
}

.breaking-v52-meta{
    height:22px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 8px !important;
    border-radius:999px !important;
    color:#ffccd0 !important;
    font-size:10.5px !important;
    font-weight:950 !important;
    background:rgba(255,49,49,.15) !important;
    border:1px solid rgba(255,49,49,.20) !important;
    white-space:nowrap !important;
    animation:none !important;
}

.breaking-v52-edge{
    position:absolute !important;
    top:0 !important;
    z-index:4 !important;
    width:54px !important;
    height:100% !important;
    pointer-events:none !important;
    animation:none !important;
}

.breaking-v52-edge-start{
    left:0 !important;
    background:linear-gradient(90deg, rgba(20,7,10,.98), rgba(20,7,10,0)) !important;
}

.breaking-v52-edge-end{
    right:0 !important;
    background:linear-gradient(270deg, rgba(20,7,10,.98), rgba(20,7,10,0)) !important;
}

.breaking-v52-empty{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:rgba(255,255,255,.86) !important;
    font-size:14px !important;
    font-weight:900 !important;
    animation:none !important;
}

@keyframes breakingTickerV52{
    0%{ transform:translate3d(0,0,0); }
    100%{ transform:translate3d(-50%,0,0); }
}

@keyframes breakingV52Pulse{
    0%{ box-shadow:0 0 0 0 rgba(255,49,49,.42); }
    72%{ box-shadow:0 0 0 8px rgba(255,49,49,0); }
    100%{ box-shadow:0 0 0 0 rgba(255,49,49,0); }
}

html[data-theme="light"] .breaking-v52-chip{
    color:#111827 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,247,247,.90)),
        #fff !important;
    border-color:rgba(185,28,28,.12) !important;
    box-shadow:0 10px 24px rgba(20,32,60,.08) !important;
}

html[data-theme="light"] .breaking-v52-title{
    color:#111827 !important;
}

html[data-theme="light"] .breaking-v52-meta{
    color:#b42318 !important;
    background:#fff1f2 !important;
    border-color:#fecdd3 !important;
}

html[data-theme="light"] .breaking-v52-edge-start{
    background:linear-gradient(90deg, rgba(255,244,244,.98), rgba(255,244,244,0)) !important;
}

html[data-theme="light"] .breaking-v52-edge-end{
    background:linear-gradient(270deg, rgba(255,244,244,.98), rgba(255,244,244,0)) !important;
}

@media(max-width:720px){
    .home-page > .breaking-strip .breaking-track.breaking-v52-track,
    .breaking-track.breaking-v52-track{
        height:52px !important;
    }

    .breaking-v52-viewport{
        mask-image:linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
        -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 22px, #000 calc(100% - 22px), transparent 100%);
    }

    .breaking-v52-edge{
        width:28px !important;
    }

    .breaking-v52-group{
        gap:9px !important;
        padding-inline:4.5px !important;
    }

    .breaking-v52-chip{
        max-width:315px !important;
        height:34px !important;
        padding:0 10px 0 8px !important;
        gap:7px !important;
        font-size:12px !important;
    }

    .breaking-v52-title{
        max-width:210px !important;
    }

    .breaking-v52-meta{
        height:20px !important;
        padding:0 7px !important;
        font-size:9.5px !important;
    }
}

@media(max-width:420px){
    .breaking-v52-chip{
        max-width:270px !important;
    }

    .breaking-v52-title{
        max-width:168px !important;
    }
}


/* v53 unified CMS news view + remove readiness card */
.cms-readiness-card,
.cms-staging-badge{
    display:none !important;
}

.cms-filter-note{
    margin:0 0 12px;
    padding:10px 12px;
    border-radius:14px;
    color:#cbd5e1;
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.07);
    font-size:12px;
    font-weight:850;
    line-height:1.7;
}

html[data-theme="light"] .cms-filter-note{
    color:#475467;
    background:#f8fafc;
    border-color:#e5e7eb;
}


/* v57 safe rebuild: clean accurate score cards + pro countdown */
.home-wc-match-v34{
    padding:14px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(9,12,20,.94)) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.20) !important;
}

.home-wc-match-body{
    grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr) !important;
    gap:10px !important;
    direction:ltr !important;
}

.home-wc-team-v34{
    min-height:132px !important;
    justify-content:center !important;
    gap:8px !important;
    padding:10px 6px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.035) !important;
    border:1px solid rgba(255,255,255,.055) !important;
}

.home-wc-logo-shell{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
}

.home-wc-logo-shell img{
    width:34px !important;
    height:34px !important;
}

.home-wc-team-v34 strong{
    min-height:34px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    white-space:normal !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
}

.team-score-line-v57,
.premium-team-score-v57,
.worldcup-team-score-v57{
    min-width:42px !important;
    height:36px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 12px 26px rgba(255,49,49,.20) !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

.team-score-line-v57.is-vs{
    min-width:48px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.12) !important;
    border-color:rgba(255,207,122,.20) !important;
    box-shadow:none !important;
    font-size:12px !important;
}

.home-wc-center-v34{
    min-height:96px !important;
    padding:8px 5px !important;
    border-radius:20px !important;
    background:rgba(0,0,0,.22) !important;
}

.score-center-label-v57{
    min-height:26px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:12px !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.score-center-label-v57.is-live{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
}

.match-countdown-v57,
.match-live-minute-v57{
    min-height:24px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    direction:rtl !important;
    unicode-bidi:isolate !important;
    white-space:nowrap !important;
    font-size:9.5px !important;
    font-weight:950 !important;
}

.match-countdown-v57{
    color:#ffcf7a !important;
    background:rgba(255,207,122,.11) !important;
    border:1px solid rgba(255,207,122,.18) !important;
}

.match-countdown-v57::before{
    content:"⏱";
    margin-left:4px;
    font-size:10px;
}

.match-live-minute-v57{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border:1px solid rgba(255,255,255,.13) !important;
}

.premium-team-score-v57{
    margin-top:8px !important;
    min-width:48px !important;
    height:40px !important;
    font-size:20px !important;
}

.premium-score-center .match-center-status-v57{
    font-size:18px !important;
    color:#ffcf7a !important;
}

.worldcup-team-score-v57{
    margin-top:6px !important;
    min-width:36px !important;
    height:32px !important;
    font-size:15px !important;
}

html[data-theme="light"] .home-wc-match-v34{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 38px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .home-wc-team-v34{
    background:#f8fafc !important;
    border-color:#eef2f7 !important;
}

html[data-theme="light"] .home-wc-center-v34{
    background:#f3f4f6 !important;
}

html[data-theme="light"] .match-countdown-v57{
    color:#92400e !important;
    background:#fffbeb !important;
    border-color:#fed7aa !important;
}

@media(max-width:720px){
    .home-wc-match-v34{
        padding:10px !important;
        border-radius:20px !important;
    }

    .home-wc-match-body{
        grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) !important;
        gap:7px !important;
    }

    .home-wc-team-v34{
        min-height:122px !important;
        padding:8px 4px !important;
        border-radius:16px !important;
        gap:6px !important;
    }

    .home-wc-logo-shell{
        width:42px !important;
        height:42px !important;
    }

    .home-wc-logo-shell img{
        width:30px !important;
        height:30px !important;
    }

    .home-wc-team-v34 strong{
        min-height:34px !important;
        font-size:11.5px !important;
    }

    .team-score-line-v57{
        min-width:36px !important;
        height:32px !important;
        padding:0 10px !important;
        font-size:16px !important;
    }

    .home-wc-center-v34{
        min-height:82px !important;
        padding:6px 4px !important;
        border-radius:17px !important;
    }

    .score-center-label-v57{
        min-height:22px !important;
        padding:0 7px !important;
        font-size:9px !important;
    }

    .match-countdown-v57,
    .match-live-minute-v57{
        min-height:21px !important;
        padding:0 6px !important;
        font-size:8px !important;
    }
}


/* =========================================================
   v58 clean professional match UI
   New isolated card internals; prevents old score CSS conflicts.
   ========================================================= */

.match-card-v58{
    padding:14px !important;
    border-radius:22px !important;
    background:
        radial-gradient(circle at 10% 100%, rgba(255,49,49,.13), transparent 35%),
        linear-gradient(145deg, rgba(14,20,34,.96), rgba(8,12,22,.98)) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    box-shadow:0 18px 50px rgba(0,0,0,.22) !important;
    overflow:hidden !important;
}

.match-card-v58-head{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-bottom:10px !important;
    direction:ltr !important;
}

.match-card-v58-head span{
    color:#a9b7d0 !important;
    font-size:11px !important;
    font-weight:950 !important;
    line-height:1 !important;
}

.match-card-v58-head em{
    min-height:25px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.105) !important;
    border:1px solid rgba(255,207,122,.18) !important;
    font-size:10px !important;
    font-style:normal !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    direction:rtl !important;
}

.match-card-v58.is-live-card .match-card-v58-head em{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border-color:rgba(255,255,255,.12) !important;
}

.match-card-v58-body{
    position:relative !important;
    z-index:2 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:10px !important;
    direction:ltr !important;
}

.match-team-v58{
    min-width:0 !important;
    min-height:126px !important;
    padding:12px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    text-align:center !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.065) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.match-logo-v58{
    width:48px !important;
    height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:15px !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.10) !important;
}

.match-logo-v58 img{
    width:34px !important;
    height:34px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.18)) !important;
}

.match-team-v58 strong{
    width:100% !important;
    min-height:34px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:12.5px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
    white-space:normal !important;
    direction:rtl !important;
}

.match-team-v58 b{
    min-width:42px !important;
    height:36px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#b80f18) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 12px 26px rgba(255,49,49,.20) !important;
    font-size:18px !important;
    font-weight:950 !important;
    line-height:1 !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

.match-team-v58 b:empty{
    display:none !important;
}

.match-mid-v58{
    min-width:0 !important;
    padding:8px 5px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    border-radius:18px !important;
    background:rgba(0,0,0,.20) !important;
    border:1px solid rgba(255,255,255,.065) !important;
}

.match-state-v58{
    min-height:24px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.105) !important;
    border:1px solid rgba(255,207,122,.16) !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.match-state-v58.live,
.match-state-v58.is-live,
.match-state-v58.in-play{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
}

.match-mid-v58 small{
    max-width:76px !important;
    min-height:22px !important;
    padding:0 6px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.09) !important;
    border:1px solid rgba(255,207,122,.14) !important;
    font-size:8.5px !important;
    font-weight:950 !important;
    direction:rtl !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.match-mid-v58 small::before{
    content:"⏱";
    margin-left:3px;
    font-size:8px;
}

.match-card-v58-foot{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    margin-top:10px !important;
    direction:rtl !important;
}

.match-card-v58-foot span{
    min-width:0 !important;
    color:#aeb8cf !important;
    font-size:10px !important;
    font-weight:850 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
    text-overflow:ellipsis !important;
}

.match-card-v58-foot strong{
    min-height:26px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.11) !important;
    border:1px solid rgba(255,207,122,.17) !important;
    font-size:10px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

/* Hide old section subtitles under match details accordions */
.premium-section-head p,
.luxury-section-head p,
.premium-accordion-head p,
.luxury-accordion-head p{
    display:none !important;
}

/* Tone down oversized old heading remnants in match detail sections */
.premium-section-head,
.luxury-section-head{
    gap:4px !important;
}

html[data-theme="light"] .match-card-v58{
    background:#fff !important;
    border-color:rgba(15,23,42,.08) !important;
    box-shadow:0 14px 38px rgba(15,23,42,.08) !important;
}

html[data-theme="light"] .match-team-v58{
    background:#f8fafc !important;
    border-color:#eef2f7 !important;
}

html[data-theme="light"] .match-mid-v58{
    background:#f3f4f6 !important;
}

html[data-theme="light"] .match-team-v58 strong{
    color:#111827 !important;
}

html[data-theme="light"] .match-card-v58-head span,
html[data-theme="light"] .match-card-v58-foot span{
    color:#64748b !important;
}

@media(max-width:720px){
    .match-card-v58{
        padding:10px !important;
        border-radius:20px !important;
    }

    .match-card-v58-body{
        grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr) !important;
        gap:7px !important;
    }

    .match-team-v58{
        min-height:118px !important;
        padding:8px 4px !important;
        border-radius:16px !important;
        gap:6px !important;
    }

    .match-logo-v58{
        width:42px !important;
        height:42px !important;
        border-radius:14px !important;
    }

    .match-logo-v58 img{
        width:30px !important;
        height:30px !important;
    }

    .match-team-v58 strong{
        min-height:34px !important;
        font-size:11px !important;
    }

    .match-team-v58 b{
        min-width:36px !important;
        height:32px !important;
        padding:0 10px !important;
        font-size:16px !important;
    }

    .match-mid-v58{
        padding:6px 4px !important;
        border-radius:16px !important;
        gap:5px !important;
    }

    .match-state-v58{
        min-height:21px !important;
        padding:0 6px !important;
        font-size:8px !important;
    }

    .match-mid-v58 small{
        max-width:58px !important;
        min-height:20px !important;
        padding:0 5px !important;
        font-size:7.5px !important;
    }

    .match-card-v58-foot{
        margin-top:8px !important;
    }
}


/* =========================================================
   v60 dark premium matches — fixed after light-mode broken layout
   ========================================================= */

/* Make the whole match board premium dark always */
.home-worldcup-scoreboard-v34,
html[data-theme="light"] .home-worldcup-scoreboard-v34{
    max-width:1180px !important;
    margin:42px auto !important;
    padding:24px !important;
    border-radius:28px !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 12% 100%, rgba(255,49,49,.18), transparent 36%),
        radial-gradient(circle at 86% 0%, rgba(255,49,49,.13), transparent 32%),
        linear-gradient(145deg,#111827 0%,#07111f 55%,#05070d 100%) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 34px 90px rgba(0,0,0,.38) !important;
    overflow:hidden !important;
}

.home-worldcup-scoreboard-v34 *{
    box-sizing:border-box !important;
}

html[data-theme="light"] .home-worldcup-scoreboard-v34 h2,
html[data-theme="light"] .home-worldcup-scoreboard-v34 h3,
html[data-theme="light"] .home-worldcup-scoreboard-v34 p,
html[data-theme="light"] .home-worldcup-scoreboard-v34 span,
html[data-theme="light"] .home-worldcup-scoreboard-v34 strong{
    color:inherit;
}

.home-worldcup-tabs,
html[data-theme="light"] .home-worldcup-tabs{
    background:rgba(255,255,255,.06) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.home-worldcup-tab,
html[data-theme="light"] .home-worldcup-tab{
    color:#dbe4f4 !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.06) !important;
}

.home-worldcup-tab.active,
html[data-theme="light"] .home-worldcup-tab.active{
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#c8101d) !important;
    border-color:rgba(255,255,255,.13) !important;
    box-shadow:0 14px 34px rgba(255,49,49,.26) !important;
}

.home-wc-selected-head,
html[data-theme="light"] .home-wc-selected-head{
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    color:#fff !important;
}

.home-wc-selected-head h3,
.home-wc-selected-head strong,
html[data-theme="light"] .home-wc-selected-head h3,
html[data-theme="light"] .home-wc-selected-head strong{
    color:#fff !important;
}

/* Stronger grid control */
.home-wc-selected-list,
.home-wc-selected-list.is-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px !important;
    align-items:stretch !important;
}

/* New card ignores all previous broken match card classes */
.match-card-v60{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    min-height:206px !important;
    padding:16px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    text-decoration:none !important;
    border-radius:24px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 0% 100%, rgba(255,49,49,.16), transparent 34%),
        linear-gradient(145deg,rgba(18,25,40,.96),rgba(8,12,22,.98)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.match-card-v60:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(255,49,49,.28) !important;
    box-shadow:0 24px 64px rgba(255,49,49,.12),0 24px 60px rgba(0,0,0,.32) !important;
}

.match-card-v60-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    direction:ltr !important;
    margin-bottom:14px !important;
}

.match-card-v60-top span{
    min-width:0 !important;
    color:#aeb8cf !important;
    font-size:11px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.match-card-v60-top em{
    min-height:26px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.11) !important;
    border:1px solid rgba(255,207,122,.18) !important;
    font-size:10px !important;
    font-weight:950 !important;
    font-style:normal !important;
    direction:rtl !important;
    white-space:nowrap !important;
}

.match-card-v60.is-live .match-card-v60-top em{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border-color:rgba(255,255,255,.12) !important;
}

.match-card-v60-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr) !important;
    align-items:center !important;
    gap:12px !important;
    direction:ltr !important;
}

.match-team-v60{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    text-align:center !important;
}

.match-flag-v60{
    width:58px !important;
    height:58px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:18px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.20) !important;
}

.match-flag-v60 img{
    width:40px !important;
    height:40px !important;
    object-fit:contain !important;
    filter:drop-shadow(0 8px 14px rgba(0,0,0,.22)) !important;
}

.match-team-v60 strong{
    width:100% !important;
    min-height:36px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:950 !important;
    direction:rtl !important;
    white-space:normal !important;
}

.match-score-v60{
    min-height:112px !important;
    padding:11px 8px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.18)) !important;
    border:1px solid rgba(255,255,255,.095) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.match-status-v60,
.match-live-v60{
    min-height:24px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:9.5px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.match-status-v60{
    color:#ffcf7a !important;
    background:rgba(255,207,122,.10) !important;
    border:1px solid rgba(255,207,122,.16) !important;
}

.match-live-v60{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 0 0 5px rgba(22,163,74,.10) !important;
}

.match-score-v60 b{
    color:#fff !important;
    font-size:32px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.5px !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

.match-score-v60 small{
    max-width:92px !important;
    min-height:24px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.10) !important;
    border:1px solid rgba(255,207,122,.15) !important;
    font-size:9px !important;
    font-weight:950 !important;
    direction:rtl !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

/* Completely remove old detail/footer clutter for old card systems */
.home-wc-match-footer,
.match-card-v58-foot,
.match-card-v59-details,
.match-card-v60 .home-wc-match-footer{
    display:none !important;
}

/* Remove subtitles under match detail accordion headers */
.premium-section-head p,
.luxury-section-head p,
.premium-accordion-head p,
.luxury-accordion-head p{
    display:none !important;
}

html[data-theme="light"] .match-card-v60,
html[data-theme="light"] .match-team-v60 strong,
html[data-theme="light"] .match-score-v60 b{
    color:#fff !important;
}

@media(max-width:900px){
    .home-wc-selected-list,
    .home-wc-selected-list.is-grid{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:720px){
    .home-worldcup-scoreboard-v34,
    html[data-theme="light"] .home-worldcup-scoreboard-v34{
        margin:22px auto !important;
        padding:12px !important;
        border-radius:22px !important;
    }

    .match-card-v60{
        min-height:190px !important;
        padding:12px !important;
        border-radius:20px !important;
    }

    .match-card-v60-grid{
        grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .match-flag-v60{
        width:46px !important;
        height:46px !important;
        border-radius:15px !important;
    }

    .match-flag-v60 img{
        width:32px !important;
        height:32px !important;
    }

    .match-team-v60 strong{
        min-height:34px !important;
        font-size:11.5px !important;
    }

    .match-score-v60{
        min-height:94px !important;
        padding:8px 5px !important;
        border-radius:18px !important;
        gap:6px !important;
    }

    .match-score-v60 b{
        font-size:24px !important;
    }

    .match-status-v60,
    .match-live-v60{
        min-height:20px !important;
        padding:0 7px !important;
        font-size:8px !important;
    }

    .match-score-v60 small{
        max-width:70px !important;
        min-height:20px !important;
        padding:0 6px !important;
        font-size:7.5px !important;
    }
}


/* v61 goal scorers inside match cards */
.match-scorers-v61{
    margin-top:12px !important;
    padding-top:10px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:7px !important;
    border-top:1px solid rgba(255,255,255,.07) !important;
    direction:rtl !important;
}

.match-scorers-v61[hidden]{
    display:none !important;
}

.goal-scorer-v61{
    max-width:100% !important;
    min-height:25px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;
    border-radius:999px !important;
    color:#e5edf8 !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:10px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.goal-scorer-v61::before{
    content:"⚽";
    font-size:10px;
    opacity:.9;
}

.goal-scorer-v61 em{
    color:#ffcf7a !important;
    font-size:9px !important;
    font-style:normal !important;
    font-weight:950 !important;
    direction:ltr !important;
}

.goal-scorer-v61 b{
    min-width:0 !important;
    max-width:130px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:10px !important;
    font-weight:950 !important;
}

html[data-theme="light"] .goal-scorer-v61,
html[data-theme="light"] .goal-scorer-v61 b{
    color:#fff !important;
}

@media(max-width:720px){
    .match-scorers-v61{
        margin-top:9px !important;
        padding-top:8px !important;
        gap:5px !important;
    }

    .goal-scorer-v61{
        min-height:22px !important;
        padding:0 7px !important;
        gap:4px !important;
        font-size:8.5px !important;
    }

    .goal-scorer-v61 b{
        max-width:92px !important;
        font-size:8.5px !important;
    }

    .goal-scorer-v61 em{
        font-size:8px !important;
    }
}


/* v62 split goal scorers by team + remove latest news block */
.latest-pro-block{
    display:none !important;
}

.match-scorers-v62{
    margin-top:12px !important;
    padding-top:10px !important;
    border-top:1px solid rgba(255,255,255,.07) !important;
    direction:rtl !important;
}

.match-scorers-v62[hidden]{
    display:none !important;
}

.match-scorers-board-v62{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    align-items:stretch !important;
}

.scorer-team-v62{
    min-width:0 !important;
    padding:8px !important;
    border-radius:14px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.065) !important;
}

.scorer-team-v62 > strong{
    width:100% !important;
    margin-bottom:6px !important;
    display:block !important;
    color:#ffcf7a !important;
    font-size:9.5px !important;
    line-height:1.3 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-align:center !important;
}

.scorer-team-v62 > div{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
}

.goal-scorer-v62{
    min-width:0 !important;
    min-height:24px !important;
    padding:0 7px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border-radius:999px !important;
    color:#e5edf8 !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.075) !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.goal-scorer-v62::before{
    content:"⚽";
    font-size:9px;
    opacity:.9;
    flex:0 0 auto;
}

.goal-scorer-v62 em{
    color:#ffcf7a !important;
    font-size:8.5px !important;
    font-style:normal !important;
    font-weight:950 !important;
    direction:ltr !important;
    flex:0 0 auto;
}

.goal-scorer-v62 b{
    min-width:0 !important;
    max-width:110px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:950 !important;
}

.goal-empty-v62{
    min-height:24px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:rgba(255,255,255,.36) !important;
    font-size:8.5px !important;
    font-weight:850 !important;
}

.scorer-team-v62.neutral{
    grid-column:1 / -1 !important;
}

html[data-theme="light"] .scorer-team-v62,
html[data-theme="light"] .goal-scorer-v62{
    color:#fff !important;
}

@media(max-width:720px){
    .match-scorers-v62{
        margin-top:9px !important;
        padding-top:8px !important;
    }

    .match-scorers-board-v62{
        gap:6px !important;
    }

    .scorer-team-v62{
        padding:6px !important;
        border-radius:12px !important;
    }

    .scorer-team-v62 > strong{
        font-size:8px !important;
        margin-bottom:5px !important;
    }

    .goal-scorer-v62{
        min-height:21px !important;
        padding:0 5px !important;
        gap:3px !important;
    }

    .goal-scorer-v62 b{
        max-width:78px !important;
        font-size:8px !important;
    }

    .goal-scorer-v62 em{
        font-size:7.5px !important;
    }
}


/* v63 inline goal scorers under each team + auto side correction */
.match-scorers-v61,
.match-scorers-v62,
.match-scorers-board-v62,
.scorer-team-v62{
    display:none !important;
}

.match-card-v63{
    min-height:218px !important;
}

.match-card-v63 .match-card-v60-grid{
    align-items:start !important;
}

.match-card-v63 .match-team-v60{
    min-height:132px !important;
    justify-content:flex-start !important;
}

.team-inline-scorers-v63{
    width:100% !important;
    margin-top:2px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:5px !important;
    direction:rtl !important;
}

.team-inline-scorers-v63[hidden]{
    display:none !important;
}

.team-goal-chip-v63{
    max-width:100% !important;
    min-height:24px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    border-radius:999px !important;
    color:#e5edf8 !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.085) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
    font-size:9px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.team-goal-chip-v63::before{
    content:"⚽";
    font-size:9px;
    opacity:.95;
    flex:0 0 auto;
}

.team-goal-chip-v63 em{
    color:#ffcf7a !important;
    font-size:8.5px !important;
    font-style:normal !important;
    font-weight:950 !important;
    direction:ltr !important;
    flex:0 0 auto;
}

.team-goal-chip-v63 b{
    min-width:0 !important;
    max-width:112px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:9px !important;
    font-weight:950 !important;
}

html[data-theme="light"] .team-goal-chip-v63,
html[data-theme="light"] .team-goal-chip-v63 b{
    color:#fff !important;
}

@media(max-width:720px){
    .match-card-v63{
        min-height:202px !important;
    }

    .match-card-v63 .match-team-v60{
        min-height:120px !important;
    }

    .team-inline-scorers-v63{
        gap:4px !important;
    }

    .team-goal-chip-v63{
        min-height:21px !important;
        padding:0 5px !important;
        gap:3px !important;
    }

    .team-goal-chip-v63 b{
        max-width:78px !important;
        font-size:8px !important;
    }

    .team-goal-chip-v63 em{
        font-size:7.5px !important;
    }
}


/* =========================================================
   v64 minimal scorers — clean compact UI
   ========================================================= */

/* kill all old scorer boards completely */
.match-scorers-v61,
.match-scorers-v62,
.match-scorers-board-v62,
.scorer-team-v62,
.team-inline-scorers-v63,
.team-goal-chip-v63{
    display:none !important;
}

/* new compact card */
.match-card-v64{
    position:relative !important;
    width:100% !important;
    min-height:190px !important;
    padding:15px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
    border-radius:24px !important;
    overflow:hidden !important;
    isolation:isolate !important;
    text-decoration:none !important;
    color:#fff !important;
    background:
        radial-gradient(circle at 0% 100%, rgba(255,49,49,.13), transparent 32%),
        linear-gradient(145deg,rgba(18,25,40,.96),rgba(8,12,22,.985)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 18px 48px rgba(0,0,0,.24) !important;
}

.match-card-v64-top{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    direction:ltr !important;
    margin-bottom:12px !important;
}

.match-card-v64-top span{
    min-width:0 !important;
    color:#aeb8cf !important;
    font-size:11px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.match-card-v64-top em{
    min-height:26px !important;
    padding:0 10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.11) !important;
    border:1px solid rgba(255,207,122,.18) !important;
    font-size:10px !important;
    font-weight:950 !important;
    font-style:normal !important;
    white-space:nowrap !important;
}

.match-card-v64.is-live .match-card-v64-top em{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
}

.match-card-v64-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr) !important;
    align-items:start !important;
    gap:12px !important;
    direction:ltr !important;
}

.match-team-v64{
    min-width:0 !important;
    min-height:132px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    text-align:center !important;
}

.match-flag-v64{
    width:54px !important;
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:17px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 24px rgba(0,0,0,.20) !important;
}

.match-flag-v64 img{
    width:38px !important;
    height:38px !important;
    object-fit:contain !important;
}

.match-team-v64 strong{
    width:100% !important;
    min-height:32px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    color:#fff !important;
    font-size:13.5px !important;
    line-height:1.32 !important;
    font-weight:950 !important;
    direction:rtl !important;
    white-space:normal !important;
}

.match-score-v64{
    min-height:106px !important;
    padding:10px 7px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border-radius:22px !important;
    background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.18)) !important;
    border:1px solid rgba(255,255,255,.095) !important;
}

.match-status-v64,
.match-live-v64{
    min-height:23px !important;
    padding:0 9px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    font-size:9px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
}

.match-status-v64{
    color:#ffcf7a !important;
    background:rgba(255,207,122,.10) !important;
    border:1px solid rgba(255,207,122,.16) !important;
}

.match-live-v64{
    color:#fff !important;
    background:linear-gradient(135deg,#16a34a,#0f8f47) !important;
    border:1px solid rgba(255,255,255,.13) !important;
}

.match-score-v64 b{
    color:#fff !important;
    font-size:31px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:-.5px !important;
    direction:ltr !important;
    unicode-bidi:isolate !important;
}

.match-score-v64 small{
    max-width:86px !important;
    min-height:23px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#ffcf7a !important;
    background:rgba(255,207,122,.10) !important;
    border:1px solid rgba(255,207,122,.15) !important;
    font-size:8.5px !important;
    font-weight:950 !important;
    direction:rtl !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.team-mini-scorers-v64{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:4px !important;
    direction:rtl !important;
}

.team-mini-scorers-v64[hidden]{
    display:none !important;
}

.mini-scorer-v64{
    max-width:138px !important;
    min-height:22px !important;
    padding:0 7px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    border-radius:999px !important;
    color:#e5edf8 !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    font-size:8.5px !important;
    font-weight:900 !important;
    line-height:1 !important;
}

.mini-scorer-v64::before{
    content:"⚽";
    font-size:8px;
    opacity:.9;
    flex:0 0 auto;
}

.mini-scorer-v64 em{
    color:#ffcf7a !important;
    font-size:8px !important;
    font-style:normal !important;
    font-weight:950 !important;
    direction:ltr !important;
    flex:0 0 auto;
}

.mini-scorer-v64 b{
    min-width:0 !important;
    max-width:86px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:8.5px !important;
    font-weight:950 !important;
}

html[data-theme="light"] .match-card-v64,
html[data-theme="light"] .match-team-v64 strong,
html[data-theme="light"] .match-score-v64 b,
html[data-theme="light"] .mini-scorer-v64,
html[data-theme="light"] .mini-scorer-v64 b{
    color:#fff !important;
}

@media(max-width:720px){
    .match-card-v64{
        min-height:178px !important;
        padding:12px !important;
        border-radius:20px !important;
    }

    .match-card-v64-grid{
        grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr) !important;
        gap:8px !important;
    }

    .match-team-v64{
        min-height:116px !important;
        gap:6px !important;
    }

    .match-flag-v64{
        width:44px !important;
        height:44px !important;
        border-radius:14px !important;
    }

    .match-flag-v64 img{
        width:31px !important;
        height:31px !important;
    }

    .match-team-v64 strong{
        min-height:31px !important;
        font-size:11px !important;
    }

    .match-score-v64{
        min-height:88px !important;
        padding:7px 5px !important;
        border-radius:17px !important;
        gap:6px !important;
    }

    .match-score-v64 b{
        font-size:23px !important;
    }

    .match-status-v64,
    .match-live-v64{
        min-height:20px !important;
        padding:0 6px !important;
        font-size:8px !important;
    }

    .match-score-v64 small{
        max-width:68px !important;
        min-height:19px !important;
        padding:0 5px !important;
        font-size:7.3px !important;
    }

    .mini-scorer-v64{
        max-width:94px !important;
        min-height:19px !important;
        padding:0 5px !important;
        gap:3px !important;
    }

    .mini-scorer-v64 b{
        max-width:58px !important;
        font-size:7.5px !important;
    }

    .mini-scorer-v64 em{
        font-size:7px !important;
    }
}


/* v65 clearer scorers + cleanup */
.mini-scorer-v64{
    max-width:160px !important;
    min-height:25px !important;
    padding:0 9px !important;
    gap:5px !important;
    background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.065)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:0 7px 16px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.mini-scorer-v64::before{
    font-size:9.5px !important;
}

.mini-scorer-v64 em{
    min-width:28px !important;
    height:17px !important;
    padding:0 5px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#0b1018 !important;
    background:#ffcf7a !important;
    font-size:8.5px !important;
    font-weight:950 !important;
}

.mini-scorer-v64 b{
    max-width:104px !important;
    color:#ffffff !important;
    font-size:9.5px !important;
    letter-spacing:.05px !important;
}

.team-mini-scorers-v64{
    margin-top:1px !important;
    gap:5px !important;
}

.pro-footer-social a[aria-label="X"],
.pro-footer-social a[aria-label="YouTube"]{
    display:none !important;
}

.home-news-pro > .pro-section-head .view-all-link{
    display:none !important;
}

@media(max-width:720px){
    .mini-scorer-v64{
        max-width:112px !important;
        min-height:22px !important;
        padding:0 6px !important;
        gap:4px !important;
    }

    .mini-scorer-v64 em{
        min-width:24px !important;
        height:15px !important;
        padding:0 4px !important;
        font-size:7.5px !important;
    }

    .mini-scorer-v64 b{
        max-width:68px !important;
        font-size:8px !important;
    }
}


/* v68 clean guidance/data cleanup */
.hero-copy p,
.home-worldcup-head p,
.pro-section-head p,
.newsroom-hero-copy p,
.newsroom-hero-stats,
.login-hero-copy p,
.login-card p,
.login-stats,
.cms-editor-hub,
.cms-editor-notice,
.cms-filter-note,
.cms-permission-help,
.home-news-pro > .pro-section-head .view-all-link,
.pro-footer-social a[aria-label="X"],
.pro-footer-social a[aria-label="YouTube"]{
    display:none !important;
}

.cms-upload-box span{
    display:none !important;
}


/* v69 performance pagination */
.cms-pagination-v69{
    margin-top:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

.cms-pagination-v69 button{
    min-width:40px !important;
    height:38px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    color:#f8fafc !important;
    background:rgba(255,255,255,.07) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    font-weight:900 !important;
    cursor:pointer !important;
}

.cms-pagination-v69 button.active{
    background:linear-gradient(135deg,#ff3131,#c8101d) !important;
    border-color:rgba(255,255,255,.16) !important;
}

.cms-pagination-v69 button:disabled{
    opacity:.45 !important;
    cursor:not-allowed !important;
}


/* v70 image preview fix */
.cms-image-preview{
    position:relative !important;
    min-height:190px !important;
    display:flex !important;
    align-items:flex-end !important;
    justify-content:flex-start !important;
    background:rgba(255,255,255,.045) !important;
}

.cms-image-preview img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
    z-index:0 !important;
}

.cms-image-preview.has-image::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.04)) !important;
    z-index:1 !important;
    pointer-events:none !important;
}

.cms-image-preview span{
    position:relative !important;
    z-index:2 !important;
    display:inline-flex !important;
}


/* v72 social links */
.pro-footer-social a[aria-label="TikTok"],
.pro-footer-social a[aria-label="Facebook"],
.pro-footer-social a[aria-label="Instagram"],
.pro-footer-social a[aria-label="Threads"]{
    display:inline-flex !important;
}