/* Team page — mobile header (RTL/LTR, dark + light) */

@media (max-width: 991px) {
    /*
        شبكة ترويسة البطولة (‎display: grid‎ في ‎championship-mobile.css‎)
        لا تنطبق على صفحة الفريق — هناك ‎.team-header-top‎ لا ‎.club-logo-header‎.
    */
    .profile-header-wrapper.mini.club:has(.team-header-top) {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        grid-template-columns: none;
    }

    .profile-header-wrapper.mini.club:has(.team-header-top) > .club-profile-info {
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
    }

    .profile-header-wrapper.mini.club {
        min-height: 0 !important;
        padding: 16px 0 0 !important;
        justify-content: flex-start !important;
        position: relative;
    }

    .profile-header-wrapper.mini.club .club-profile-info {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
        max-width: 100%;
        margin: 0;
        box-sizing: border-box;
    }

    /*
        Logo + name + follow.

        الحشو الأفقي صفر هنا عن قصد: بين 768px و991px تحتفظ
        ‎.profile-page-header .big_container‎ بحشوها القياسي 20px — وهو حشو
        ‎.container‎ نفسه في ‎style.css‎ — فيرتصف الهيدر مع المحتوى. وتحت
        767px تُصفّر ‎responsive.css‎ حشو ‎big_container‎، فنعيد الـ20px في
        كتلة ‎max-width: 767px‎ أدناه.
    */
    .profile-header-wrapper.mini.club .team-header-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        width: 100%;
        padding-block: 0 14px;
        padding-inline: 0;
        box-sizing: border-box;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 1 1 auto;
        min-width: 0;
        margin: 0 !important;
        text-align: right;
        position: static;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo img {
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
        margin: 0 !important;
        object-fit: contain;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 4px;
        min-width: 0;
        flex: 1 1 auto;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo h3 {
        margin: 0;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.3;
        color: #fff;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-align: right;
        width: 100%;
        /* اسم فريق بكلمة واحدة طويلة كان يتجاوز الصندوق بدل أن يُقصّ سطرين */
        overflow-wrap: anywhere;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo .fifa-rank-badge {
        margin: 0;
        font-size: 12px;
        font-weight: 700;
        color: #39dbbf;
        line-height: 1.2;
    }

    .profile-header-wrapper.mini.club .team-header-top .follow-btn {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 8px 14px;
        /* ‎.radius-btn‎ في ‎style.css‎ يعطيه ‎height: 38px‎ وتوسيطاً مرناً،
           فالحدّ الأدنى هنا موافقٌ له لا مخالف. */
        min-height: 38px;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
        border-radius: 20px;
        border: 1px solid rgba(57, 219, 191, 0.45);
        color: #39dbbf;
        background: rgba(57, 219, 191, 0.08);
    }

    .profile-header-wrapper.mini.club .team-header-top .follow-btn.active {
        background: rgba(57, 219, 191, 0.18);
        border-color: #39dbbf;
        color: #fff;
    }

    /* Scrollable tabs */
    .profile-header-wrapper.mini.club .match-links-scroll {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        padding-top: 2px;
        position: static !important;
    }

    .profile-header-wrapper.mini.club .match-links-scroll::-webkit-scrollbar {
        display: none;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap {
        /*
            ‎!important‎ لقاعدة ‎d-md-none‎ من بوتستراب
            (‎display:none !important‎ من ‎768px‎ صعوداً): قالب الموبايل يُخدَم
            بترويسة الجهاز لا بعرض الشاشة، وهذا شريط التبويبات الوحيد فيه،
            فكانت تغيب بين ‎768px‎ و‎991px‎ — وهو المدى الذي تحكمه هذه
            الترويسة. وتحت ‎768px‎ لا أثر للزيادة فقاعدة بوتستراب داخل
            ‎@media (min-width: 768px)‎.
        */
        display: inline-flex !important;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 4px;
        width: max-content;
        min-width: 100%;
        padding-block: 0;
        padding-inline: 0;
        box-sizing: border-box;
        /* ‎style.css‎ يعطي ‎.profile-header-wrapper.mini .filter-categories-wrap‎
           ‎position: absolute; bottom: 0; right: 96px‎ من تصميم سطح المكتب
           القديم؛ ‎static‎ يُعطّل الإزاحات، والتصفير هنا احتياط. */
        position: static !important;
        bottom: auto !important;
        inset-inline: auto !important;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item,
    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item {
        margin: 0 !important;
        padding: 12px 14px 14px;
        font-size: 13px;
        font-weight: 700;
        color: #8b90a5;
        white-space: nowrap;
        flex-shrink: 0;
        position: relative;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item:before,
    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item:before {
        display: none !important;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active,
    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active {
        color: #fff;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active::after,
    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active::after {
        content: '';
        position: absolute;
        inset-inline: 8px;
        bottom: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: #39dbbf;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown:has(> a.active)::before {
        content: '';
        position: absolute;
        inset-inline: 0;
        bottom: 0;
        height: 3px;
        border-radius: 3px 3px 0 0;
        background: #39dbbf;
        display: block !important;
    }

    /*
        تبويب الترتيب: النصّ يورث نفس قواعد التبويبات أعلاه؛ هنا نضبط
        الحاوية وزرّ القائمة (الكل/أرض/خارج) فقط — بدون صندوق داكن.
    */
    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown {
        display: inline-flex;
        flex-direction: row;
        align-items: stretch;
        gap: 0;
        margin: 0 !important;
        padding-bottom: 0;
        position: relative;
        flex-shrink: 0;
        vertical-align: bottom;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown #rank_pos.rank-scope-wrap--nav {
        flex-direction: row !important;
        align-items: center !important;
        align-self: center;
        height: auto;
        flex-shrink: 0;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown:has(> a.active)::before {
        display: none !important;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown .rank-scope-toggle {
        margin: 0;
        padding: 6px 10px;
        min-width: 0 !important;
        min-height: 0 !important;
        width: auto !important;
        height: auto !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        align-self: center;
        margin-inline-start: 2px;
        color: rgba(255, 255, 255, 0.45);
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown:has(> a.active) .rank-scope-toggle {
        color: #39DBBF;
        background: transparent !important;
    }

    /* Content area */
    .profile-page-header + section.inner-page-content .club-page-inner .main-row {
        margin-left: 0;
        margin-right: 0;
    }

    .profile-page-header + section.inner-page-content #match_list_conf.col-lg-5 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    /*
        20px لا 12px: هو حشو ‎.container‎ القياسي في ‎style.css‎، وعليه بُنيت
        قواعد الخروج عن الحشو في ‎responsive.css‎ تحت 767px —
        ‎.rank-group-wrapper‎ و‎.ranking-table‎ تأخذان ‎width: calc(100% + 40px)‎
        مع ‎margin-right: -20px‎. فقيمة 12px كانت تجعل الجدولين يتجاوزان
        الشاشة 8px من كل جهة. و20px أيضاً هو ما يرتصف عليه الهيدر أعلاه.
    */
    .profile-page-header + section.inner-page-content .container {
        padding-inline: 20px;
    }
}

@media (max-width: 767px) {
    /*
        تحت 767px تُصفّر ‎responsive.css‎ حشو
        ‎.profile-page-header .big_container‎، فيصير الهيدر بلا حشو أفقي
        بينما ‎.container‎ في المحتوى على 20px. نعيد الـ20px هنا على صفّ
        الترويسة وعلى شريط التبويبات معاً فيرتصف الثلاثة على خطّ واحد.
    */
    .profile-header-wrapper.mini.club .team-header-top {
        padding-inline: 20px;
        gap: 10px;
    }

    .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap {
        padding-inline: 20px;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo img {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .profile-header-wrapper.mini.club .team-header-top .club-logo h3 {
        font-size: 15px;
    }

    .profile-header-wrapper.mini.club .team-header-top .follow-btn {
        padding: 7px 12px;
        font-size: 11px;
    }
}

/* ── Light mode ── */
@media (max-width: 991px) {
    html.light .profile-page-header:has(.profile-header-wrapper.mini.club) {
        background: url("../images/champ-light-bg.svg") no-repeat center center #e3e5f0;
    }

    html.light .profile-header-wrapper.mini.club .team-header-top .club-logo h3 {
        color: #131521;
    }

    html.light .profile-header-wrapper.mini.club .team-header-top .club-logo .fifa-rank-badge {
        color: #1a9e88;
    }

    html.light .profile-header-wrapper.mini.club .team-header-top .follow-btn {
        border-color: rgba(26, 158, 136, 0.45);
        color: #1a9e88;
        background: rgba(57, 219, 191, 0.1);
    }

    html.light .profile-header-wrapper.mini.club .team-header-top .follow-btn.active {
        background: #39dbbf;
        border-color: #39dbbf;
        color: #fff;
    }

    html.light .profile-header-wrapper.mini.club .match-links-scroll {
        border-top-color: #d8dce8;
        background: rgba(255, 255, 255, 0.35);
    }

    html.light .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item {
        color: #707488;
    }

    html.light .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active,
    html.light .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active {
        color: #131521;
    }

    html.light .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown .rank-scope-toggle {
        color: #707488;
        background: transparent !important;
        border: 0;
    }

    html.light .profile-header-wrapper.mini.club .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown:has(> a.active) .rank-scope-toggle {
        color: #39DBBF;
    }

    /*
        نظير ما جرى في ‎championship-mobile.css‎: صفّ المباراة صار أبيض في
        ‎team-matches.css‎ وهو ملفٌّ مشترك بين الصفحتين، فلو بقي القسم هنا
        ‎#e3e5f0‎ لظهرت صفحة الفريق بصفوف بيضاء فوق سطح مزرقّ لا يقابله
        شيء في البطولة. والقيمة هي خلفية ‎body‎ في الفاتح.
    */
    html.light .profile-page-header + section.inner-page-content:has(#match_list_conf) {
        background: #f8f9fc;
    }
}

/* ── Dark mode ── */
@media (max-width: 991px) {
    html.dark .profile-page-header:has(.profile-header-wrapper.mini.club),
    html:not(.light) .profile-page-header:has(.profile-header-wrapper.mini.club) {
        background: #131521;
    }

    html.dark .profile-header-wrapper.mini.club .team-header-top .club-logo h3,
    html:not(.light) .profile-header-wrapper.mini.club .team-header-top .club-logo h3 {
        color: #fff;
    }

    html.dark .profile-header-wrapper.mini.club .match-links-scroll,
    html:not(.light) .profile-header-wrapper.mini.club .match-links-scroll {
        border-top-color: rgba(255, 255, 255, 0.06);
        background: rgba(0, 0, 0, 0.12);
    }

    html.dark .profile-page-header + section.inner-page-content:has(#match_list_conf),
    html:not(.light) .profile-page-header + section.inner-page-content:has(#match_list_conf) {
        background: #131521;
    }
}

/* ── LTR ── */
@media (max-width: 991px) {
    html[dir="ltr"] .profile-header-wrapper.mini.club .team-header-top .club-logo {
        text-align: left;
    }

    html[dir="ltr"] .profile-header-wrapper.mini.club .team-header-top .club-logo h3 {
        text-align: left;
    }

    html[dir="ltr"] .profile-header-wrapper.mini.club .team-header-top .club-logo-text {
        align-items: flex-start;
    }
}

/* تبويب الانتقالات — مسافة أعلى لعنوان «أهم الإنتقالات» */
.champ-tab-item.transfer .transform-content #imp_trans_title.block-title {
    margin-top: 15px;
}

.champ-tab-item.transfer .transform-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px minmax(0, 1fr);
    align-items: center;
    column-gap: 8px;
    padding: 10px 14px;
}

.champ-tab-item.transfer .transform-item .from,
.champ-tab-item.transfer .transform-item .to {
    width: auto;
    min-width: 0;
}

.champ-tab-item.transfer .transform-item .from {
    justify-self: stretch;
}

.champ-tab-item.transfer .transform-item .to {
    justify-content: flex-end;
    justify-self: stretch;
}

.champ-tab-item.transfer .transform-item .cost-wrap {
    grid-column: 2;
    grid-row: 1;
    width: 112px !important;
    min-width: 112px;
    max-width: 112px;
    margin: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    overflow: visible;
}

.champ-tab-item.transfer .transform-item .cost-wrap .exch-wrap {
    width: 100%;
    height: auto;
    min-height: 28px;
    justify-content: center;
    overflow: visible;
    flex-wrap: nowrap;
}

.champ-tab-item.transfer .transform-item .cost-wrap .exch-wrap svg {
    display: none;
}

.champ-tab-item.transfer .transform-item .cost-wrap .exch-wrap span,
.champ-tab-item.transfer .transform-item .cost-wrap > span {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    width: auto;
    min-width: 72px;
    max-width: 108px;
    height: auto;
    min-height: 24px;
    padding: 4px 8px;
    margin: 0;
}

.champ-tab-item.transfer .transform-item .cost-wrap .price {
    position: static !important;
    right: auto !important;
    left: auto !important;
    margin: 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
}

.champ-tab-item.transfer .transform-item .player .text {
    min-width: 0;
    overflow: hidden;
}

.champ-tab-item.transfer .transform-item .player h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ==========================================================================
   تبويب الترتيب — شريط اختيار الدوري + جدول الترتيب

   كان ‎.tab-filter-item‎ يستخدم شكل الحبة القديم (شفافية 0.4 وحدّ أخضر
   فقط) بلا علاقة بشرائح ‎.tab-statics-filter‎ و‎.transfer-filter-pill‎.
   والحاوية ‎.scrollable-area-x‎ تخرج عن الحشو بـ ‎calc(100% + 40px)‎ فتبدو
   الشريحة وحيدة في فراغ. هنا توحيد الشكل وربط الفلاتر بالجدول في لوحة واحدة.
   ========================================================================== */

.club-page-inner .champ-tab-item.rank > .champ-filters.scrollable-area-x {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0 0 14px;
    padding: 0 0 6px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
}

.club-page-inner .champ-tab-item.rank > .champ-filters.scrollable-area-x::-webkit-scrollbar {
    display: none;
}

.club-page-inner .champ-tab-item.rank > .champ-filters.scrollable-area-x .mCSB_container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 0 !important;
}

.club-page-inner .champ-tab-item.rank .tab-filter-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 8px;
    height: 38px;
    margin: 0;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #2a2f45;
    background: #1f2130;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.club-page-inner .champ-tab-item.rank .tab-filter-item .img {
    width: 22px;
    height: 22px;
    margin: 0;
    opacity: 0.72;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.club-page-inner .champ-tab-item.rank .tab-filter-item .img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.club-page-inner .champ-tab-item.rank .tab-filter-item span {
    opacity: 1;
    transition: color 0.2s ease;
}

.club-page-inner .champ-tab-item.rank .tab-filter-item:hover {
    border-color: rgba(57, 219, 191, 0.45);
    transform: translateY(-1px);
}

.club-page-inner .champ-tab-item.rank .tab-filter-item.active {
    background: rgba(57, 219, 191, 0.12);
    border-color: #39dbbf;
    color: #fff !important;
    box-shadow: 0 2px 12px rgba(57, 219, 191, 0.15);
}

.club-page-inner .champ-tab-item.rank .tab-filter-item.active .img {
    opacity: 1;
}

/* لوحة الجدول — ربط بصري بين الفلاتر والترتيب */
.club-page-inner .champ-tab-item.rank #league.match-page-inner {
    margin-top: 0;
    padding: 0;
}

.club-page-inner .champ-tab-item.rank #league .small-container {
    padding: 0;
}

.club-page-inner .champ-tab-item.rank .ranking-table {
    width: 100% !important;
    margin: 0 0 16px !important;
    border-radius: 14px;
    border: 1px solid #252a40;
    background: #151825;
    overflow: hidden;
}

.club-page-inner .champ-tab-item.rank .rank-row.header {
    min-height: 40px;
    margin: 0;
    padding: 0 12px;
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    font-size: 11px;
    color: #707488;
}

.club-page-inner .champ-tab-item.rank .rank-row:not(.header) {
    margin: 0;
    min-height: 48px;
    padding: 0 12px;
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 0;
}

.club-page-inner .champ-tab-item.rank .rank-row:not(.header):last-child {
    border-bottom: none;
}

.club-page-inner .champ-tab-item.rank .rank-stages-wrapper {
    margin-bottom: 12px;
}

.club-page-inner .champ-tab-item.rank .rank-stages-wrapper .inline-tabs-items {
    gap: 6px;
}

.club-page-inner .champ-tab-item.rank .rank-stages-wrapper .inline-tab-item {
    min-width: 0;
    height: 34px;
    padding: 0 14px;
    border-radius: 10px;
    font-size: 12px;
    border: 1px solid #2a2f45;
    background: #1f2130;
}

.club-page-inner .champ-tab-item.rank .rank-stages-wrapper .inline-tab-item.active {
    background: rgba(57, 219, 191, 0.12);
    border-color: #39dbbf;
    color: #fff;
}

/* الوضع الفاتح */
html.light .club-page-inner .champ-tab-item.rank .tab-filter-item {
    background: #f4f5fa;
    border-color: #e3e5f0;
    color: #0e1019 !important;
}

html.light .club-page-inner .champ-tab-item.rank .tab-filter-item.active {
    background: rgba(22, 174, 148, 0.1);
    border-color: #16ae94;
    color: #0e1019 !important;
    box-shadow: 0 2px 10px rgba(22, 174, 148, 0.12);
}

html.light .club-page-inner .champ-tab-item.rank .ranking-table {
    background: #fff;
    border-color: #e8eaf3;
}

html.light .club-page-inner .champ-tab-item.rank .rank-row.header {
    background: #f4f5fa;
    border-bottom-color: #e8eaf3;
    color: #707488;
}

html.light .club-page-inner .champ-tab-item.rank .rank-row:not(.header) {
    border-bottom-color: #eef0f6;
    color: #0e1019;
}

html.light .club-page-inner .champ-tab-item.rank .rank-stages-wrapper .inline-tab-item {
    background: #f4f5fa;
    border-color: #e3e5f0;
    color: #707488;
}

html.light .club-page-inner .champ-tab-item.rank .rank-stages-wrapper .inline-tab-item.active {
    background: rgba(22, 174, 148, 0.1);
    border-color: #16ae94;
    color: #0e1019;
}

@media (max-width: 767px) {
    .club-page-inner .champ-tab-item.rank > .champ-filters.scrollable-area-x {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .club-page-inner .champ-tab-item.rank .tab-filter-item {
        height: 36px;
        padding: 0 12px;
        font-size: 12px;
    }

    .club-page-inner .champ-tab-item.rank .tab-filter-item .img {
        width: 20px;
        height: 20px;
    }

    .club-page-inner .champ-tab-item.rank .ranking-table {
        width: 100% !important;
        margin-right: 0 !important;
        border-radius: 12px;
    }

    .club-page-inner .champ-tab-item.rank .rank-row.header {
        padding: 0 10px;
        font-size: 10px;
    }

    .club-page-inner .champ-tab-item.rank .rank-row:not(.header) {
        min-height: 44px;
        padding: 0 10px;
        font-size: 12px;
    }
}