@media (max-width:1600px){.auth-download-app{margin-right:0}.auth-download-app .text{flex:0 0 auto}.profile-content .search-form{width:100%}}@media (min-width:500px){}@media (max-width:1400px){}@media (max-width:1200px){.menu-ul li{margin-left:20px}.search-form-wrapper .search-form{width:200px}body.auth{padding:30px 0}}@media (max-width:1024px){#zuck-modal-content .story-viewer .head .left .time,#zuck-modal-content .story-viewer .head .right .close{display:initial}#zuck-modal.rtl #zuck-modal-content .story-viewer.with-back-button .head .left .item-preview{margin-right:10px}#zuck-modal.rtl #zuck-modal-content .story-viewer .head .left>.back{display:none}.general-stats-item{width:20%}}@media (max-width:991px){.scrollable-matches{max-height:initial}.dynamic-content-area-wrap{display:none}.hidden-md{display:none}#zuck-modal #zuck-modal-content .story-viewer .head .right{padding-left:15px}#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .previous{left:auto;right:10px}#zuck-modal.rtl #zuck-modal-content .story-viewer .slides-pagination .next{right:auto;left:10px}#zuck-modal #zuck-modal-content .story-viewer .slides-pointers{top:20px}.header-wrapper .search-form-wrapper{display:none}body.auth{background-size:cover}.auth-download-app .img{display:none}.auth-form-wrap{width:100%;margin:20px auto;text-align:initial;padding:0 15px}.auth-form-wrap h3{margin-bottom:60px}.auth-form-wrap .mobile-back{display:inline-block;margin:0;margin-left:-5px}.auth-form-wrap .auth-form{text-align:initial}.auth-download-app .wrap{display:block;text-align:center;width:100%}.auth-download-app .download-btns{justify-content:center}.auth-download-app{min-height:initial;margin-bottom:30px}.auth-download-app .text{margin:0}.auth-download-app h3{font-size:28px;margin-bottom:15px}.auth-download-app p{font-size:20px;margin-bottom:30px}.player-info-wrap .text .player-name{margin-left:40px}.player-info-wrap{margin-left:0}.profile-header-wrapper{background-size:cover;padding:50px 20px 0 20px}.player-big-img{margin-left:0;max-width:100%;flex:0 0 auto;margin-top:0;margin-right:0;position:absolute;left:-50px;bottom:0;margin-bottom:0}.player-info-wrap .player-stats-info .player-info-item{padding:4px 20px}.player-info-wrap .player-stats-info .player-info-item:last-child{padding-left:0 !important}.player-info-wrap .player-stats-info .player-info-item:first-child{padding-right:0 !important}.player-big-img img{margin-right:0}.auth-wrapper .col-lg-8{display:none}body.auth{background:#131521}.stad-info-wrapper{padding-right:0}.small-news-item .news-img{height:140px}.video-item.small .news-img{height:140px}.full-m-item .teams .team-a,.full-m-item .teams .team-b{width:70px}.full-m-item .teams{width:70%}.full-m-item>div.date{width:30%}.full-m-item .champ{display:none}.teams_last_matches_header{padding:0 20px}}@media (max-width:767px){.rank-row .rank-group.main{width:46%}.match-event-item.penalties .team-item.team-a .p-shot-item,.match-event-item.penalties .team-item.team-a .p-shot-item:first-child{margin-right:0;margin-left:3px}.players-row .col{width:33.333%}.warning-hint{display:block;text-align:center;padding:20px}.warning-hint a{margin-top:20px}.change-profile-info{margin:0 auto}.line-match-item a .teams span.short-name{display:inline-block}.line-match-item a .teams span.full-name{display:none}.stories-section .container{padding:0}.stories-section .container .story:first-child{margin-right:20px !important}.page-breadcrumb{margin-bottom:25px}.champions-slider-wrap{margin-top:0}.filter-tags-wrap.scrollable-area-x{width:calc(100% + 40px)}.general-stats-item{width:33.333%;padding:0;margin-bottom:20px}.general-stats-wrap{flex-wrap:wrap}.general-stats-item:before{display:none}.general-stats-item.penalties{width:100%}.total-goals .progress{margin-right:0}.total-goals{margin-left:0;width:100%;margin-bottom:20px}.goals-details{flex-wrap:wrap;flex:1}.goals-details .goals-stats-item{margin-left:auto}.transform-history{min-height:initial}.scrollable-area-x{width:calc(100% + 40px);margin-right:-20px}.champ-filters .tab-filter-item:first-child{margin-right:20px}.mCSB_scrollTools{opacity:0 !important;visibility:hidden !important}.player-info-wrap .head{margin-bottom:20px}.player-info-wrap .text{flex-wrap:wrap}.player-info-wrap .text .player-name{margin-left:0;width:100%;display:inline-block;margin-bottom:20px}.player-info-wrap .text .player-name h1.player-page-heading,.player-info-wrap .text .player-name h3{font-size:20px;margin-bottom:8px}.player-info-wrap .text .player-name p.player-subline,.player-info-wrap .text .player-name h4{font-size:12px;line-height:1.45}.player-info-wrap .player-stats-info .player-info-item{width:74px;height:80px;display:inline-flex;background:rgba(31,33,46,0.5);overflow:hidden;border-radius:8px;border:1px solid rgba(112,116,136,0.2) !important;margin-left:10px;position:relative;z-index:5}header,.mobile-hide{display:none !important}.mobile-header{display:block}.about-wrapper{padding:0}footer{display:none}.action-bar{display:flex}body{min-height:100vh;padding-bottom:100px}.profile-page-header .big_container{padding:0}.profile-header-wrapper{border-radius:0;position:relative;align-items:flex-end;display:flex}.profile-header-wrapper.player:before{content:'';height:110px;right:0;left:0;bottom:0;position:absolute;background:linear-gradient(transparent,#131521);z-index:2}.filter-categories-wrap a{margin:0 10px}.matches-wrapper.wide .inline-match-item .result-wrap{margin:0 12px}.inline-match-item .first-team .img,.inline-match-item .second-team .img{margin-right:5px}.inline-match-item .first-team.second-team .img,.inline-match-item .second-team.second-team .img{margin-left:5px}.inline-match-item{padding:18px 10px}.inline-match-item.active-match .match-team-item a{margin-left:15px}.inline-match-item.active-match .match-team-item.second-team a{margin-right:15px}.active-match-progress{margin:0 12px}.result-status-text{top:-16px}.profile-header-wrapper.mini{margin-bottom:26px;min-height:300px;justify-content:center !important}.profile-header-wrapper.mini .profile-actions{top:30px;transform:none}.profile-header-wrapper.mini .club-logo{margin-bottom:40px;display:block;text-align:center}.profile-header-wrapper.mini .club-logo h3,.profile-header-wrapper.mini .club-logo h1.page-heading{margin-bottom:20px}.profile-header-wrapper.mini .follow-btn{position:initial;transform:none}.profile-header-wrapper.mini .filter-categories-wrap{position:initial}.profile-header-wrapper.mini .club-logo img{margin:0 0 15px}.mobile-back-button{display:flex}.profile-header-wrapper.club,.profile-header-wrapper.match{padding:0 15px}.players-table .rank-row .rank-group.main{width:50%}.rank-row{padding:0}.rank-group-wrapper{width:calc(100% + 40px);margin-right:-20px}.ranking-table{width:calc(100% + 40px);margin-right:-20px}.rank-group-wrapper .ranking-table{width:100%;margin-right:0}.rank-group-wrapper .rank-keys{padding:0 20px}.rank-keys-items:not(.match--results){display:block;padding:0;background:none}.rank-keys-items .rank-key svg{width:15px}.rank-keys-items:not(.match--results) .rank-key{margin-left:0;margin-bottom:5px;min-height:30px;border-radius:10px;display:flex;align-items:center;padding:0 15px;background:#191D2D}.rank-row .rank-col.win,.rank-row .rank-col.equal,.rank-row .rank-col.lose{display:none}.ranking-table:not(.players-table) .rank-group.matches.mr-auto{width:30%;flex:0 0 auto}.rank-group.results{width:14%;flex:0 0 auto}.inline-tabs-items .inline-tab-item{padding:0 15px;min-width:136px}.matches-wrapper .champ-links{display:none}.inline-match-item .result-wrap{margin:0 10px}.penalties-shots .p-shot-item{margin-right:3px}.penalties-shots.second-team-shots .p-shot-item{margin-left:3px;margin-right:0}.download-app-section{display:none}.popup-content.fav-teams-popup{padding:25px 20px 30px}.popup-item .popup-content .close-popup{left:15px}.player-info-wrap .head .player-img{width:40px;height:40px;margin-left:15px}.player-info-wrap .head .player-number-item img{width:26px}.player-info-wrap .head .player-number-item span{right:-5px;font-size:10px;width:15px;height:15px}.player-info-wrap .head .player-number-item{margin-left:10px}.player-info-wrap .head{margin-bottom:18px}.player-info-wrap .player-stats-info .player-info-item,.player-info-wrap .player-stats-info .player-info-item:first-child{padding:0 12px !important;display:flex;flex-direction:column;justify-content:center}.transform-item{padding:10px}.mobile-header-wrap .search-form-wrapper{width:calc(100% - 40px)}.mobile-header-wrap .search-form-wrapper .search-form{width:100%}.mobile-header-wrap .search-form-wrapper .search-form input{background:#131521}.mobile-header .filter-categories-wrap{margin-bottom:-30px;margin-top:20px}.stories-wrapper{margin:0;padding:0;background:none}.storiesWrapper{padding:0;margin:0 !important}.stories-wrapper .story-arrow{display:none !important}.stories-wrapper:after,.stories-wrapper:before{display:none !important}.xdsoft_datetimepicker .xdsoft_datepicker{float:none !important;margin:0 auto !important}.choose-team-slider{width:calc(100% + 40px);margin-right:-20px}#choose_fav_teams_popup{padding:0}.choose-team-slider .owl-nav .owl-next{left:10px !important}.choose-team-slider .owl-nav .owl-prev{right:10px !important;left:auto !important}.popup-content.fav-teams-popup,#choose_fav_teams_popup{height:100vh}.popup-teams-wrap{max-height:calc(100vh - 350px)}.match-profile-details .team-item .img{width:60px;height:60px}.match-profile-details .team-item h3{margin-bottom:14px;font-size:13px;position:absolute;top:0;right:50%;transform:translateX(50%)}.match-details{text-align:center;margin:20px 20px 0}.match-profile-details .team-item:before{bottom:-24px;width:50px}.match-profile-details{margin-bottom:16px;padding-bottom:34px}.match-profile-details .team-item{width:80px;white-space:nowrap;padding-top:30px}.profile-header-wrapper.match{border-radius:0 0 30px 30px;min-height:270px}.profile-content .search-form{width:100%}.mobile-share-button{display:initial}.news-details-wrap .single-news-video,.news-details-wrap .single-news-image{width:calc(100% + 40px);margin-right:-20px;border-radius:0;position:relative;margin-bottom:0;margin-top:0}.news-details-wrap:not(.news-details-wrap):before{content:'';position:absolute;right:0;top:0;left:0;height:110px;background:linear-gradient(#131521,transparent);z-index:5}.news-details-wrap{width:100%}.news-details-wrap .news-comments-wrapper{width:calc(100% + 40px);margin-right:-20px}.mobile-single-title{display:block;width:calc(100% + 40px);margin-right:-20px}.news-details-wrap .single-news-video img,.news-details-wrap .single-news-image img{border-radius:0 0 30px 30px;position:relative;z-index:4}.news-details-wrap .single-news-video svg{z-index:6}.match-details.active-match{margin:30px 10px 0}.watch-video-wrap .icon{opacity:1}.player-item a h3{font-size:12px}.champion-item .title{font-size:12px}.general-stats-item .title,.penalty-info-item span,.goals-stats-item span,.transform-history-item .club,.full-progress .head,.player-champ-item h3,.progress-state-item .text,.rank-row,.inline-player-item .player h5,.round-title{font-size:12px}.line-match-item{width:95px;height:80px}.line-match-item a,.line-match-item a .date,.line-match-item a .result .type,.line-match-item a .result{font-size:10px}.profile-row .col-sm-3{display:none}.profile-row .col-sm-9{max-width:100%;flex:0 0 100%}.players-slider-wrap{width:calc(100% + 40px);margin-right:-20px}.players-slider-wrap .owl-item:first-child .player-item{margin-right:20px}.players-slider .owl-stage{margin-right:-30px}.filter-tags-wrap .tag-item:first-child{margin-right:20px}.champions-slider-wrap{width:calc(100% + 40px);margin-right:-20px}.champions-slider-wrap .owl-item:first-child{padding-right:20px;margin-left:15px !important}.champions-slider-wrap .owl-item{margin-left:5px !important}.champ-slide-item .img{margin:0 auto 5px}.champions-slider .owl-stage{margin-right:-25px}.match-event-item.penalties ol.shots-text{font-size:10px}.stadium-img{width:calc(100% + 40px);margin-right:-20px}.stadium-img img{border-radius:0 0 20px 20px}}@media (max-width:576px){.other-profile .transform-history-item .club{margin-right:58px}.inline-match-item.active-match .match-team-item b{font-size:10px}.inline-match-item{padding:18px 0}.result-status-text{top:-20px}.inline-match-item .first-team a,.inline-match-item .second-team a{font-size:10px}.matches-wrapper.wide .inline-match-item .result-wrap{margin:0 10px}.profile-header-wrapper.match{padding-bottom:50px}.match-links-scroll{position:absolute;right:0;bottom:0;left:0;width:100%;margin:0 !important}.match-links-scroll .filter-categories-wrap{white-space:nowrap;justify-content:flex-start}.match-links-scroll .mCSB_container{margin:0 !important;padding-top:10px}.rank-keys-items.match--results .rank-key{margin-left:10px}.teams-last-matches .circle-result{margin-left:8px}.teams-last-matches{padding:18px 12px}.match-teams-rank{width:calc(100% + 40px);margin-right:-20px;padding:0}.match-teams-rank .ranking-table{width:100%}.match-info-collapse .collapse-header .title,.match-info-item .title,.match-info-collapse .collapse-header .title{width:120px;margin-left:12px}.match-info-collapse .collapse-header .title.match-rules{width:auto!important;max-width:none!important;white-space:nowrap!important;flex:1 1 auto;min-width:max-content;margin-left:0!important}.match-info-collapse .collapse-header.bold,.match-info-item.bold{font-weight:bold}.teams-last-10-matches{padding:12px 10px}.full-m-item .champ{display:none}.match-links-scroll .filter-categories-wrap a:last-child{padding-left:25px}.match-links-scroll .filter-categories-wrap a:first-child{padding-right:15px}.match-links-scroll .filter-categories-wrap a.active:first-child:before{width:calc(100% - 15px)}.match-links-scroll .filter-categories-wrap a.active:last-child:before{width:calc(100% - 25px)}.match-details.full-match{margin:40px 10px 0}.match-details.full-match .other-result,.match-details.full-match .main-result{width:130px}div#exchange_popup,#goal_popup{padding:0}.player-popup-head{padding:27px 15px 24px;padding-left:50px}.player-popup-head .inline-player-item .img{width:34px;height:34px}.match-event-item .time{margin:0 10px}.empty-content-wrap{padding:45px 20px 30px}.rank-row.header{white-space:nowrap}.popup-content.event-comments{width:100% !important;border-radius:0}.lineup-wrap .lineup-bg{width:calc(100% + 100px);margin-right:-50px}.lineup-custom-row{padding:10px 36px}.lineup-custom-row .lineup-text{padding:0 12px;font-size:14px}.lineup-wrap{position:relative;margin-bottom:32px;width:calc(100% + 60px);margin-right:-30px}.profile-links{margin:0 auto;text-align:center}.change-profile-info{width:100%}.profile-content .section-title{font-size:20px}.footer-bottom{display:block;text-align:center}.footer-bottom .copyrights{margin-bottom:15px}footer{padding:30px 0;margin-top:40px}.breadcrumb-wrap h1{font-size:18px;line-height:30px}.news-loader-wrap .col-6:nth-child(3),.news-loader-wrap .col-6:nth-child(4){display:none}.video-item .news-title{padding:0 10px 13px;color:#BFC3D4;line-height:20px;font-weight:normal}.news-item .news-img{margin-bottom:10px}.search-filter-wrap{padding:25px 20px 0;margin-bottom:20px}.search-filter-wrap .header{padding:0}.search-filter-wrap .filter-categories-wrap a{margin:0 10px}.search-filter-wrap .header h3{font-size:14px}.breadcrumb-wrap{display:block}.breadcrumb-wrap .actions{width:100%;margin:18px 0 0}.breadcrumb-wrap .search-form{width:100%}.general-stats-item{width:50%}.general-stats-item.penalties{width:100%;white-space:nowrap}.general-stats-item .penalties-info{margin-right:10px}.general-stats-item.penalties .penalties-stats:nth-child(2){margin-right:10px}.general-stats-item.penalties .line-progress{width:50px}.about-item .col-6{flex:0 0 100%;max-width:100%}.about-team-item{margin-bottom:20px}.transform-item .from,.transform-item .to{position:relative}.transform-item .from .club{position:absolute;width:20px;right:32px;top:50%;transform:translateY(-50%);margin:0}.transform-item .player .img{margin-left:25px}.transform-item .cost-wrap{width:110px;flex-wrap:wrap}.transform-item .cost-wrap span{width:70px}.transform-item .cost-wrap svg{flex:0 0 auto}.transform-item{padding-left:20px}.transform-item .to{flex-direction:column}.transform-item .to .club{width:28px;height:28px;margin:0;margin-bottom:4px}.transform-item .to .to-date{font-size:10px;font-weight:bold}.transform-item .player span{font-size:10px}.transform-item .player h5{font-size:12px}.transform-item .player .img{margin-left:20px}}@media (max-width:480px){.videos-row .col-6{max-width:100%;flex:0 0 100%}.trending-news .news-loader .col-6:nth-child(2){display:none}.search-news-wrap .news-item{margin-bottom:15px}.news-meta{display:block;margin-bottom:15px}.news-meta .news-date{display:flex;margin-bottom:15px}.single-news-image{margin-bottom:20px;margin-top:-25%}.single-news-title{font-size:18px;line-height:30px}.news-comments-wrapper{padding:20px}.small-news-item .news-title{font-size:12px;line-height:20px;padding:0 10px 13px}.single-page-head{padding:25px 20px}.news-meta .news-action-item{margin-right:20px}.news-meta .news-action-item:first-child{margin:0}.players-row .col{width:50%}.about-wrapper{padding:0}.about-item{margin-bottom:25px}.about-team-item{padding:10px}.about-team-item img{width:30px;height:30px;margin-left:10px}.trending-news .col-6{width:100%}.footer-menu-wrap li a{font-size:12px}.videos-loader .col-6:last-child{display:none}.videos-loader .col-6{max-width:100%;flex:0 0 100%}}@media (max-width:380px){.transform-item .cost-wrap{width:90px}.transform-item .cost-wrap span{width:60px}.watch-video-wrap .btn span{max-width:55px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media (max-width:767px){.profile-header-wrapper.club .club-profile-info{width:100%;max-width:100%;box-sizing:border-box}.profile-header-wrapper.club:not(.auto-height-header) .season-dropdown-wrap{width:100%;max-width:100%;box-sizing:border-box;justify-content:center;gap:12px}.profile-header-wrapper.club .season-dropdown-panel.season-dropdown-panel--mobile-fixed{width:min(280px,calc(100vw - 32px));max-width:calc(100vw - 32px);box-sizing:border-box;box-shadow:0 12px 30px rgba(0,0,0,.12)}#match_list_conf .inline-match-item .active-match-quick-links,#match_list_conf .mb-row-shell .active-match-quick-links{display:flex!important}}
/*
   المحدِّد الثاني ‎.mb-row-shell .active-match-quick-links‎ في كتلة 767px
   أعلاه: أيقونة الصفّ في صفحتَي البطولة والفريق صارت شقيقة الصفّ لا
   ابنته (الشرح في resources/views/partials/match-quick-link.blade.php)،
   فالمحدِّد القديم وحده يسقط هناك. وأُبقي القديم لأنّ صفحات الحكم
   والمدرّب والمعلّق ومباريات اليوم لم تُنقل بعد.
*/
.rank-keys-items>.rank-keys-promo-row{flex:1 1 100%;width:100%;max-width:100%;box-sizing:border-box}

/* مفاتيح الترتيب: كل لون/تأهل في سطر مستقل على الموبايل */
@media (max-width: 767px) {
    .rank-keys-items.rank-keys-promo-row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        background: none !important;
    }

    .rank-keys-items.rank-keys-promo-row .rank-key {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        margin-top: 0;
        box-sizing: border-box;
    }
}

@media (max-width: 991px) {
    #match_list_conf .rank-keys-items:not(.match--results) {
        display: block;
        padding: 0;
        background: none;
    }

    #match_list_conf .rank-keys-items.rank-keys-promo-row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        background: none !important;
    }

    #match_list_conf .rank-keys-items:not(.match--results) .rank-key,
    #match_list_conf .rank-keys-items.rank-keys-promo-row .rank-key {
        width: 100%;
        max-width: 100%;
        margin-left: 0 !important;
        margin-inline-start: 0 !important;
        margin-top: 0;
        margin-bottom: 5px;
        min-height: 30px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        padding: 0 15px;
        background: #191D2D;
        box-sizing: border-box;
    }

    html.light #match_list_conf .rank-keys-items:not(.match--results) .rank-key,
    html.light #match_list_conf .rank-keys-items.rank-keys-promo-row .rank-key {
        background: #e3e5f0;
        color: #0E1019;
    }
}

/*
   قالب البطولة/النادي العريض (سطح مكتب) عند تصغير النافذة ≤991px.

   المتصفّح يُخدَّم championship.blade.php / team.blade.php (وليس قالب
   الموبايل) — لكن ‎.hidden-md‎ و‎.mobile-hide‎ كانا يخفيان المحتوى والتبويبات.
*/
@media (max-width: 991px) {
    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club .club-profile-info > .filter-categories-wrap {
        position: static !important;
        right: auto !important;
        bottom: auto !important;
        display: flex !important;
        flex-wrap: nowrap;
        align-items: flex-end;
        justify-content: flex-start;
        gap: 4px;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        padding: 2px 0 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);
        box-sizing: border-box;
    }

    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club .club-profile-info > .filter-categories-wrap::-webkit-scrollbar {
        display: none;
    }

    /* صفحة النادي — ترويسة بدون club-logo-header / محدّد موسم */
    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club:not(:has(.club-logo-header)) {
        display: flex;
        flex-direction: column;
        min-height: 0 !important;
        padding: 16px 0 0 !important;
        margin-bottom: 0 !important;
    }

    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club:not(:has(.club-logo-header)) .club-profile-info {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }

    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club:not(:has(.club-logo-header)) .club-logo {
        position: relative;
        margin-bottom: 0;
        padding-inline: 20px;
    }

    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club:not(:has(.club-logo-header)) .follow-btn {
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
    }

    .club-page-inner > .main-row {
        display: flex;
        flex-direction: column;
    }

    .club-page-inner > .main-row > .col-lg-7.hidden-md {
        display: block !important;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        order: 2;
    }

    .club-page-inner > .main-row > .col-lg-5,
    .club-page-inner > .main-row > #match_list_conf.col-lg-5 {
        order: 1;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    /* قالب سطح المكتب فقط: عمود المباريات منفصل عن عمود التبويبات */
    section.profile-page-header:has(.filter-categories-wrap .champ-tab-link.active:not([data-target="matches"]))
        + section.inner-page-content
        .club-page-inner > .main-row:has(> .col-lg-7.hidden-md)
        > #match_list_conf.col-lg-5:is([data-champ-narrow-tab], :not([data-champ-active-tab=""])) {
        display: none !important;
    }

    section.profile-page-header:has(.filter-categories-wrap .champ-tab-link.active[data-target="matches"])
        + section.inner-page-content
        .club-page-inner > .main-row:has(> .col-lg-7.hidden-md)
        > #match_list_conf.col-lg-5 {
        display: block !important;
    }

    /*
       رابط بدون لاحقة تبويب: SSR يفعّل «الأخبار» — نعرض المباريات فوراً
       على العرض الضيّق قبل JS فقط (‎:not([data-champ-narrow-tab])‎).
    */
    section.profile-page-header:has(+ section.inner-page-content #match_list_conf[data-champ-active-tab=""]:not([data-champ-narrow-tab]))
        + section.inner-page-content
        .club-page-inner > .main-row:has(> .col-lg-7.hidden-md)
        > #match_list_conf.col-lg-5 {
        display: block !important;
    }

    section.profile-page-header:has(+ section.inner-page-content #match_list_conf[data-champ-active-tab=""]:not([data-champ-narrow-tab]))
        + section.inner-page-content
        .club-page-inner > .main-row > .col-lg-7.hidden-md {
        display: none !important;
    }
}

@media (max-width: 767px) {
    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .filter-categories-wrap.mobile-hide {
        display: flex !important;
    }

    section.profile-page-header:has(+ section.inner-page-content .club-page-inner) .profile-header-wrapper.mini.club .club-profile-info > .filter-categories-wrap {
        scroll-padding-inline: 20px;
        padding-inline: 20px;
    }
}

/* rank scope — بجانب تبويب الترتيب + خط نشاط واحد + لايت مود */
.filter-categories-wrap .rank-tab-with-dropdown{position:relative;display:inline-flex;flex-direction:row;align-items:flex-end;gap:2px;margin:0 18px;vertical-align:bottom;padding-bottom:20px;box-sizing:border-box}.filter-categories-wrap .rank-tab-with-dropdown>a.filter-cat-item{margin-left:0;margin-right:0;padding-bottom:0}.filter-categories-wrap .rank-tab-with-dropdown>a.filter-cat-item:before{display:none}.filter-categories-wrap .rank-tab-with-dropdown:has(>a.active):before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:5px;background:#39DBBF}
html.light:not(.dark) .rank-scope-toggle{color:#5c6470}html.light:not(.dark) .rank-scope-toggle:hover{color:#2aab95;background:rgba(0,0,0,.06)}html.light:not(.dark) .rank-scope-panel{background:#fff;border:1px solid #e2e5ef;box-shadow:0 10px 28px rgba(15,20,40,.12)}html.light:not(.dark) .rank-scope-panel .inline-tab-rank.rank_pos{color:#5c6470}html.light:not(.dark) .rank-scope-panel .inline-tab-rank.rank_pos:hover{color:#2a3142;background:rgba(0,0,0,.04)}html.light:not(.dark) .rank-scope-panel .inline-tab-rank.rank_pos.active{color:#0a0d12;background:#39DBBF}
#rank_pos.rank-scope-wrap--nav{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:auto;max-width:none;margin:0;padding:0;box-sizing:border-box;flex:0 0 auto}
.rank-scope-toggle{margin:0;padding:6px 10px;border:0;background:transparent;color:#BFC3D4;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;line-height:0;transition:color .2s,background .2s}
.rank-scope-toggle:hover{color:#39DBBF;background:rgba(57,219,191,.08)}
.rank-scope-toggle:focus-visible{outline:2px solid #39DBBF;outline-offset:2px}
.rank-scope-toggle.is-open .rank-scope-chevron{transform:rotate(180deg)}
.rank-scope-chevron{display:block;transition:transform .2s ease}
.rank-scope-panel{display:none;position:absolute;top:100%;margin-top:4px;inset-inline-start:0;inset-inline-end:auto;transform:none;min-width:200px;max-width:min(280px,calc(100vw - 32px));z-index:120;background:#191D2D;border-radius:12px;box-shadow:0 12px 28px rgba(0,0,0,.35);padding:6px;flex-direction:column;gap:4px}
.rank-scope-panel.is-open{display:flex}
.rank-scope-panel a.rank_pos{margin:0}
.rank-scope-panel .inline-tab-rank.rank_pos{display:flex;align-items:center;justify-content:flex-start;text-align:start;width:100%;min-height:40px;padding:11px 14px;line-height:1.35;border-radius:8px;font-size:14px;font-weight:bold;color:#707488;text-decoration:none;box-sizing:border-box;transition:color .2s,background .2s}
.rank-scope-panel .inline-tab-rank.rank_pos:before,.rank-scope-panel .inline-tab-rank.rank_pos:after{display:none!important;content:none!important}
.rank-scope-panel .inline-tab-rank.rank_pos:hover{color:#BFC3D4}
.rank-scope-panel .inline-tab-rank.rank_pos.active{color:#0E1019;background:#39DBBF}
@media (max-width:767px){.filter-categories-wrap .rank-tab-with-dropdown{margin:0 10px}.rank-scope-panel.is-open{z-index:500}}

/* تفاصيل المباراة: مسافة أقل للمجموع + صف واحد للفرق/النتيجة على الموبايل */
.match-details.active-match .other-result.agg.live-match-agg{margin-top:30px;padding-top:0}
/* رأس المباراة على الموبايل — انظر القواعد الموسّعة في نهاية الملف */

/* رأس صفحة المباراة: لا يُقص المحتوى؛ لوحة النطاق تُعرض بـ position:fixed من script.js */
.profile-header-wrapper.match{overflow:visible}

/* breadcrumb على الموبايل: عرض كامل + لمسة بصرية خفيفة */
@media (max-width:767px){
  .page-breadcrumb{margin-bottom:22px}
  .page-breadcrumb>.container{padding-left:0;padding-right:0;max-width:100%;width:100%}
  .page-breadcrumb .breadcrumb-wrap{
    position:relative;
    border-radius:0;
    padding:20px 16px 16px;
    border-bottom:1px solid #21263B;
    box-shadow:0 6px 20px rgba(0,0,0,.14)
  }
  .page-breadcrumb .breadcrumb-wrap:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    left:0;
    height:3px;
    background:linear-gradient(270deg,#39DBBF 0%,rgba(57,219,191,.25) 55%,transparent 100%)
  }
  .page-breadcrumb .breadcrumb-wrap h1{
    font-size:17px;
    line-height:1.4;
    margin-bottom:10px;
    letter-spacing:-.01em
  }
  .page-breadcrumb .breadcrumb-wrap .breadcrumb-path{
    flex-wrap:wrap;
    row-gap:4px;
    font-size:11px;
    line-height:1.5
  }
  .page-breadcrumb .breadcrumb-wrap .breadcrumb-path i{
    margin:0 6px;
    opacity:.45
  }
  .page-breadcrumb .breadcrumb-wrap .lineup-breadcrumb-teaser{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid rgba(191,195,212,.12);
    font-size:13px;
    line-height:1.55;
    max-width:none
  }
  html.light .page-breadcrumb .breadcrumb-wrap{
    border-bottom-color:#e6e8ef;
    box-shadow:0 4px 16px rgba(14,16,25,.06)
  }
  html.light .page-breadcrumb .breadcrumb-wrap .lineup-breadcrumb-teaser{border-top-color:rgba(14,16,25,.08)}
  html[dir=ltr] .page-breadcrumb .breadcrumb-wrap:before{background:linear-gradient(90deg,#39DBBF 0%,rgba(57,219,191,.25) 55%,transparent 100%)}
}

/*
    قتل بقايا الهيدر القديم في الكتلة المصغّرة أعلى الملف:
    min-height:270px و padding-bottom:50px و display:flex/flex-end
    كانت تجعل النتيجة في أعلى الصندوق ثم تنزلها بعد قواعد الموبايل الجديدة.
*/
@media (max-width: 991px) {
  .profile-header-wrapper.match {
    display: block !important;
    align-items: stretch !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  .profile-header-wrapper.match .match-profile-details .team-item h3 {
    position: static !important;
    transform: none !important;
    top: auto !important;
    right: auto !important;
  }
  .profile-header-wrapper.match .match-profile-details > .match-details,
  .profile-header-wrapper.match .match-details.active-match,
  .profile-header-wrapper.match .match-details.full-match {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 !important;
  }
  .profile-header-wrapper.match .match-links-scroll {
    position: relative !important;
  }
}

/* ─────────────────────────────────────────────────────────────
   رأس صفحة المباراة — تصميم موبايل احترافي
   شريط علوي زجاجي + بطاقة لاعبين + سطر معلومات + تبويبات
   ───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* الإطار الرئيسي للهيدر. الوميض بلون شعار البطولة (‎--champ-tint‎، App\Support\ChampTint) والأخضر بدونه */
  .profile-header-wrapper.match {
    position: relative;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0;
    border-radius: 0 0 24px 24px;
    overflow: hidden;
    display: block !important;
    background:
      radial-gradient(120% 90% at 50% 0%, rgba(var(--champ-tint, 57, 219, 191), 0.10), transparent 55%),
      linear-gradient(180deg, #1a1d2e 0%, #131521 100%);
    background-size: auto, auto, cover;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
  }

  html.light .profile-header-wrapper.match {
    background:
      radial-gradient(120% 90% at 50% 0%, rgba(var(--champ-tint, 57, 219, 191), 0.10), transparent 55%),
      linear-gradient(180deg, #ffffff 0%, #f4f6fb 100%);
    background-size: auto, auto, cover;
    box-shadow: 0 4px 16px rgba(14, 16, 25, 0.06);
  }

  /* ──── الشريط العلوي ──── */
  .profile-header-wrapper.match .match-mobile-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    box-sizing: border-box;
    min-height: calc(56px + env(safe-area-inset-top, 0px));
    padding-top: max(10px, env(safe-area-inset-top, 0px));
    padding-bottom: 10px;
    padding-inline: max(22px, calc(16px + env(safe-area-inset-left, 0px)), calc(16px + env(safe-area-inset-right, 0px)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35), transparent);
    position: relative;
    z-index: 5;
  }

  /* صفحة المباراة على الجوال/التابلت: إظهار الرجوع والمشاركة */
  .profile-header-wrapper.match .match-mobile-toolbar .mm-icon-btn.mm-back,
  .profile-header-wrapper.match .match-mobile-toolbar .mm-icon-btn.mm-share {
    display: inline-flex;
  }

  .profile-header-wrapper.match .mm-icon-btn.mm-back {
    margin-inline-start: 2px;
  }

  .profile-header-wrapper.match .mm-icon-btn.mm-share {
    margin-inline-end: 2px;
  }

  .profile-header-wrapper.match .mm-icon-btn {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff;
    transition: background-color .2s ease, transform .2s ease;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }

  .profile-header-wrapper.match .mm-icon-btn:active {
    transform: scale(0.94);
    background: rgba(255, 255, 255, 0.12);
  }

  .profile-header-wrapper.match .mm-icon-btn.mm-share.mm-shared {
    background: rgba(57, 219, 191, 0.22) !important;
    color: #39DBBF !important;
  }

  .profile-header-wrapper.match .mm-toolbar-center {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    justify-content: center;
  }

  .profile-header-wrapper.match .mm-league-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: #ffffff;
    text-decoration: none;
    line-height: 1.1;
  }

  .profile-header-wrapper.match .mm-league-logo {
    width: 18px;
    height: 18px;
    object-fit: contain;
    flex: 0 0 auto;
    border-radius: 4px;
  }

  .profile-header-wrapper.match .mm-league-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    text-align: start;
  }

  .profile-header-wrapper.match .mm-league-name {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
  }

  .profile-header-wrapper.match .mm-league-round {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.65);
    margin-top: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
  }

  /* ──── منطقة الفرق والنتيجة ──── */
  .profile-header-wrapper.match .match-profile-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
  }

  /* صف الفرق: شبكة ثلاثة أعمدة — النتيجة في التدفق فلا تقفز مع ارتفاع الصف */
  .profile-header-wrapper.match .match-profile-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start;
    column-gap: 8px;
    padding: 8px 14px 12px !important;
    margin-bottom: 0 !important;
    min-height: 128px;
    position: relative;
  }

  .profile-header-wrapper.match .match-profile-details > .team-item {
    min-width: 0;
    max-width: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    padding-top: 0;
  }
  .profile-header-wrapper.match .match-profile-details > .right-team { grid-column: 1; }
  .profile-header-wrapper.match .match-profile-details > .left-team { grid-column: 3; }

  .profile-header-wrapper.match .match-profile-details .team-item {
    position: static;
    width: 100%;
    max-width: 100%;
    padding-top: 0 !important;
    white-space: normal;
    text-align: center;
  }

  .profile-header-wrapper.match .match-profile-details .team-item:before { display: none; }

  /* الشعار: دائرة ناعمة + هالة خفيفة */
  .profile-header-wrapper.match .match-profile-details .team-item .img {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    padding: 4px;
  }

  .profile-header-wrapper.match .match-profile-details .team-item .img img {
    max-width: 100%;
    max-height: 100%;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3));
  }

  .profile-header-wrapper.match .match-profile-details .team-item h3 {
    position: static;
    transform: none;
    right: auto;
    top: auto;
    margin: 10px 0 0;
    padding: 0 4px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 34px;
  }

  html.light .profile-header-wrapper.match .match-profile-details .team-item h3 { color: #0e1019; }

  /* ──── .match-details عمود أوسط في الشبكة ──── */
  .profile-header-wrapper.match .match-profile-details > .match-details {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: center;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-self: center;
    gap: 6px;
    grid-column: 2;
    width: auto !important;
  }

  /* إلغاء هوامش قديمة من responsive.css الأساسي */
  .profile-header-wrapper.match .match-profile-details .match-details {
    margin: 0 !important;
  }

  /* قبل المباراة — الوقت */
  .profile-header-wrapper.match .match-profile-details > .match-details:not(.active-match):not(.full-match) {
    gap: 4px;
  }

  .profile-header-wrapper.match .match-profile-details > .match-details .time {
    font-size: 22px;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
    letter-spacing: -0.5px;
  }

  .profile-header-wrapper.match .match-profile-details > .match-details .timer {
    font-size: 11px;
    background: rgba(57, 219, 191, 0.14);
    color: #39DBBF;
    padding: 3px 10px;
    border-radius: 999px;
    height: auto;
    width: auto;
    margin: 0;
    font-weight: 700;
  }

  /* ──── أثناء المباراة — مباشر (active-match-progress) ──── */
  .profile-header-wrapper.match .match-details.active-match {
    gap: 6px;
    width: auto;
  }

  /* صف واحد: نتيجة | دائرة الوقت | نتيجة */
  .profile-header-wrapper.match .match-details.active-match .main-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
  }

  .profile-header-wrapper.match .match-details.active-match .main-result > b {
    flex: 1 1 0;
    min-width: 24px;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    margin: 0;
  }

  .profile-header-wrapper.match .match-details.active-match .main-result > b:first-of-type {
    text-align: end;
    padding-inline-end: 2px;
  }

  .profile-header-wrapper.match .match-details.active-match .main-result > b:last-of-type {
    text-align: start;
    padding-inline-start: 2px;
  }

  .profile-header-wrapper.match .match-details.active-match .main-result b.win { color: #39DBBF; }

  /* الحاوية الوسطى — شارة الحالة فوق + دائرة الوقت */
  .profile-header-wrapper.match .active-match-progress {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0;
    text-decoration: none;
    position: relative;
    min-width: 68px;
    max-width: 110px;
  }

  /*
     شارة الشوط داخل اللفّة مطلقة فلا تحجز ارتفاعاً. بعد ثانية ينسخها
     الجافاسكربت إلى ‎#match-detail-status-end‎ فوق الدائرة (في التدفق)
     فتنزل كتلة ‎.main-result‎. الحشو يحجز ذلك الارتفاع من أول رسم،
     ويُلغى حين تمتلئ الشارة العليا حتى لا يتضاعف الفراغ.
  */
  .profile-header-wrapper.match .match-details.live-match:not(.stopped-match) .active-match-progress {
    padding-top: 24px;
  }
  .profile-header-wrapper.match .match-details.live-match .active-match-progress:has(> .result-status-text:not(:empty)) {
    padding-top: 0;
  }
  .profile-header-wrapper.match .active-match-progress .result-status-text[hidden],
  .profile-header-wrapper.match .active-match-progress .live-match-status[hidden] {
    display: none !important;
  }
  .profile-header-wrapper.match .active-match-progress:has(> .result-status-text:not(:empty)) .match-inner-progress-wrap > .live-match-status {
    display: none !important;
  }

  /* إلغاء التموضع المطلق القديم لنصوص الحالة */
  .profile-header-wrapper.match .active-match-progress .result-status-text,
  .profile-header-wrapper.match .active-match-progress .match-inner-progress-wrap .result-status-text {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    margin: 0 0 5px !important;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(57, 219, 191, 0.14);
    color: #39DBBF;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
  }

  .profile-header-wrapper.match .active-match-progress .result-status-text:empty {
    display: none !important;
  }

  .profile-header-wrapper.match .active-match-progress .between-live {
    background: rgba(255, 196, 32, 0.16) !important;
    color: #ffc420 !important;
  }

  .profile-header-wrapper.match .active-match-progress .between-time {
    font-style: normal;
  }

  .profile-header-wrapper.match .match-details.live-match .active-match-progress .live-match-status:not(:empty)::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #39DBBF;
    margin-inline-end: 5px;
    flex-shrink: 0;
    animation: mmLivePulse 1.5s ease-out infinite;
  }

  /* دائرة التقدم — طبقات متمركزة (خلفية + قوس + رقم) */
  .profile-header-wrapper.match .active-match-progress .match-inner-progress-wrap {
    display: block !important;
    position: relative;
    width: 58px !important;
    height: 58px !important;
    transform: none !important;
    margin: 0 !important;
    flex-shrink: 0;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap .percent {
    position: relative !important;
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    margin: 0 !important;
  }

  /* الخلفية الدائرية — منفصلة عن SVG لضمان التمركز */
  .profile-header-wrapper.match .match-inner-progress-wrap .percent::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    z-index: 0;
    box-sizing: border-box;
  }

  /* تجاهل SVG تماماً على الموبايل واستبداله بـ conic-gradient (أدق وأبسط) */
  .profile-header-wrapper.match .match-inner-progress-wrap svg {
    display: none !important;
  }

  /* حلقة التقدم على ::before فقط حتى لا يتأثر النص بالقناع */
  .profile-header-wrapper.match .match-inner-progress-wrap .percent::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 50% !important;
    background:
      conic-gradient(
        from 0deg,
        #39DBBF 0,
        #39DBBF calc(var(--num, 0) * 1%),
        rgba(255, 255, 255, 0.1) calc(var(--num, 0) * 1%),
        rgba(255, 255, 255, 0.1) 100%
      ) !important;
    -webkit-mask: radial-gradient(circle, transparent 25px, #000 26px) !important;
            mask: radial-gradient(circle, transparent 25px, #000 26px) !important;
    box-shadow: none !important;
    border: none !important;
    z-index: 0 !important;
    transition: background .6s ease;
    animation: none !important;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap .number {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px;
    font-weight: 800;
    color: #39DBBF;
    z-index: 2;
    margin: 0 !important;
  }

  /* ── مباراة مباشرة: نبض/توهج على العداد ── */
  .profile-header-wrapper.match .match-details.live-match.active-match:not(.stopped-match) .match-inner-progress-wrap .number,
  .profile-header-wrapper.match .match-details.live-match.active-match:not(.stopped-match) .match-inner-progress-wrap .number span {
    animation: mmLiveTimeGlow 2s ease-in-out infinite;
  }

  html.dark .profile-header-wrapper.match .match-inner-progress-wrap.stopped .number,
  html.dark .profile-header-wrapper.match .match-inner-progress-wrap.half-time .number {
    color: rgba(255, 255, 255, 0.85);
  }

  html.light .profile-header-wrapper.match .match-inner-progress-wrap.stopped .number,
  html.light .profile-header-wrapper.match .match-inner-progress-wrap.half-time .number,
  html.light .profile-header-wrapper.match .match-inner-progress-wrap.stopped .number span,
  html.light .profile-header-wrapper.match .match-inner-progress-wrap.half-time .number span {
    color: #9a6b00;
  }

  /* نهاية الشوط — نصف دائرة + علامات حمراء */
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: auto !important;
    min-width: 58px;
    height: auto !important;
    overflow: visible !important;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap.stopped .percent {
    flex: 0 0 58px;
    position: relative !important;
    background: transparent !important;
  }

  /* نهاية الشوط: حلقة صفراء نصفها ممتلئ */
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped .percent::before {
    background:
      conic-gradient(
        from 0deg,
        #ffc420 0,
        #ffc420 50%,
        rgba(255, 196, 32, 0.22) 50%,
        rgba(255, 196, 32, 0.22) 100%
      ) !important;
    -webkit-mask: radial-gradient(circle, transparent 25px, #000 26px) !important;
            mask: radial-gradient(circle, transparent 25px, #000 26px) !important;
    transition: none !important;
  }

  /*
     شاهدا الدائرة — 58px وسمك قوسها 4px. التعريف المشترك أعلى هذا الملفّ.

     وكان هنا دبّوسان: عنصر ‎.ht-marker-top‎ أعلى الدائرة و‎::after‎ أسفلها،
     أحمران كلاهما، لا يظهران إلّا في حالة ‎.stopped‎ — أي في الاستراحة
     وحدها. فكان الخطّ الزمني بلا مبدأ ظاهر طوال الشوطين، ثم يظهر مبدؤه
     في اللحظة التي لا يجري فيها الوقت. وكان الأحمر يقع على المبدأ كما يقع
     على نقطة الوقوف، فلا يُفرَّق بين معلَم مكان وخبرٍ عن حال.

     فصار المبدأ برتقالياً دائماً، والوقوف أحمر عند نقطته وحدها.

     ‎--mk-out‎ بروز الشاهد عن حدّي القوس، فيبقى شاهداً على الحلقة لا جزءاً
     منها كما كان الدبّوس يبرز.
  */
  .profile-header-wrapper.match .match-inner-progress-wrap .percent::after,
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped:not([data-minutes=""]) .number::after,
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped_ex:not([data-minutes=""]) .number::after {
    content: "";
    position: absolute;
    inset: calc(var(--mk-out) * -1);
    border-radius: 50%;
    -webkit-mask: radial-gradient(circle,
        transparent calc(29px - 4px - var(--mk-out)),
        #000 calc(29px - 4px - var(--mk-out) + 0.5px));
            mask: radial-gradient(circle,
        transparent calc(29px - 4px - var(--mk-out)),
        #000 calc(29px - 4px - var(--mk-out) + 0.5px));
    pointer-events: none;
  }

  /*
     شاهد المبدأ على ‎.percent::after‎، وشاهد التوقّف على ‎.number::after‎.

     العنصران المتاحان هنا مختلفان عن الرئيسية: ‎.percent::after‎ فارغ في هذه
     الصفحة (بخلاف الرئيسية حيث يحمل شريطَي التوقّف)، و‎.number‎ مضبوط على
     ‎inset: 0‎ داخل الدائرة فصندوقه صندوقها — فيصلح مرتكزاً للشاهد الثاني.

     ولا يصحّ ‎.match-inner-progress-wrap::after‎ هنا كما في الرئيسية: الحاوية
     تصير في حالة ‎.stopped‎ عموداً مرناً بارتفاع تلقائي يضمّ شارة الحالة، فلا
     يبقى صندوقها صندوق الدائرة.

     والترتيب مقصود: الأحمر داخل ‎.number‎ وهي ذات ‎z-index: 2‎، والبرتقالي على
     ‎.percent::after‎ بـ‎1‎ — فيعلو الأحمر عند التقائهما في 360°.

     و‎:not([data-minutes=""])‎ يستثني الموقوف بلا نقطة معلومة؛ الشرح في
     ‎match-board.css‎ عند القاعدة المقابلة.
  */
  .profile-header-wrapper.match .match-inner-progress-wrap .percent::after {
    background: var(--mk-tick-start);
    z-index: 1;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap.stopped:not([data-minutes=""]) .number::after,
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped_ex:not([data-minutes=""]) .number::after {
    background: var(--mk-tick-stop);
    transform: rotate(var(--mk-at, 0deg));
  }

  .profile-header-wrapper.match .match-inner-progress-wrap.stopped > .between-live {
    display: none !important;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap.stopped.ht-countdown-active > .between-live {
    display: block !important;
  }

  .profile-header-wrapper.match .match-inner-progress-wrap.stopped .live-match-status {
    background: rgba(255, 196, 32, 0.16) !important;
    color: #ffc420 !important;
  }

  .profile-header-wrapper.match .match-details.stopped-match .active-match-progress .live-match-status:not(:empty)::before {
    display: none !important;
  }

  /*
     الوقت البديل، مطلقاً تحت الدائرة ومركزاً عليها.

     كان ‎position: static‎ داخل ‎.match-inner-progress-wrap‎ وهي ثابتة الارتفاع
     (58px تشغلها الدائرة كاملة)، فيسقط العنصر خارج صندوق أبيه ولا يُحسب في
     ارتفاعه، ثم يقع فوق ما يليه. ومع ‎direction: ltr‎ الموروثة كان يرتكز على
     الحافة اليسرى للدائرة لا على مركزها، فيخرج مزاحاً يساراً.

     المطلق يحلّ الأمرين: ‎left: 50%‎ مع الإزاحة يوسّطه على محور الدائرة بأي
     عرض نص، و‎top: 100%‎ يثبّته أسفلها مباشرة. والأب ‎position: relative‎ أصلاً.
  */
  .profile-header-wrapper.match .active-match-progress .extra-time {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    bottom: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: max-content;
    font-size: 10px;
    font-weight: 700;
    color: #FF3131;
    white-space: nowrap;
  }

  /*
     ‎style.css‎ يعطي ‎.extra-time‎ قيمة ‎display: inline-flex‎، وهي قاعدة مؤلِّف
     تتقدّم على ‎[hidden] { display: none }‎ في ورقة المتصفح. فكان العنصر يظهر
     من أول تحميل بقيمة ‎+0:0‎ في كل مباراة جارية، بينما القالب يبنيه بـ hidden
     و‎match_detail.js‎ هو من يرفع السمة عند بدء الوقت البديل فعلاً.
  */
  .profile-header-wrapper.match .active-match-progress .extra-time[hidden] {
    display: none !important;
  }

  .profile-header-wrapper.match .active-match-progress .extra-time i {
    color: rgba(255, 255, 255, 0.65);
  }

  html.light .profile-header-wrapper.match .active-match-progress .extra-time {
    color: #D93030;
  }

  html.light .profile-header-wrapper.match .active-match-progress .extra-time i,
  html.light .profile-header-wrapper.match .active-match-progress .extra-time .extra-count {
    color: #5c6070;
  }

  /* شارة الحالة فوق الدائرة */
  .profile-header-wrapper.match .active-match-progress .match-inner-progress-wrap > .live-match-status,
  .profile-header-wrapper.match .active-match-progress .match-inner-progress-wrap > .between-live {
    position: absolute !important;
    bottom: calc(100% + 5px) !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    z-index: 3;
    white-space: nowrap;
    max-width: none !important;
    width: max-content !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  /* نهاية الشوط — شارة ثابتة فوق الدائرة بدون قص */
  .profile-header-wrapper.match .match-inner-progress-wrap.stopped > .live-match-status {
    position: static !important;
    transform: none !important;
    order: -2;
    margin: 0 0 5px !important;
    max-width: min(92vw, 220px) !important;
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 11px;
    line-height: 1.35;
    padding: 5px 12px 4px;
  }

  .profile-header-wrapper.match .match-details.stopped-match .active-match-progress {
    max-width: min(92vw, 200px);
    min-width: 72px;
    overflow: visible;
  }

  /* المجموع */
  .profile-header-wrapper.match .match-details.active-match .other-result.agg.live-match-agg {
    margin-top: 4px !important;
    padding-top: 0;
    width: auto;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }

  /*
     حجز مكان الوقت البديل أسفل صندوق النتيجة.

     الوقت البديل مطلق فلا يزيد ارتفاع ‎.main-result‎، و«النتيجة الإجمالية»
     شقيق تالٍ لها بمسافة 4px، فكان الصفّان يقعان فوق بعضهما.

     ‎:has‎ يجعل الحجز استثناءً حقيقياً: لا يُحجز إلا حين يكون العنصر ظاهراً
     فعلاً، وهو شرط حيّ يتحقّق لحظة يرفع الـ JS سمة hidden. والحشو أسفل
     الصندوق لا يزحزح الأرقام ولا الدائرة لأن ‎align-items: center‎ يوسّطها
     داخل صندوق المحتوى قبل الحشو. وهو يدفع كل ما يأتي بعده لا «الإجمالية»
     وحدها، فأي صفّ يُضاف لاحقاً يسلم من التصادم تلقائياً.
  */
  .profile-header-wrapper.match .match-details.active-match .main-result:has(.extra-time:not([hidden])) {
    padding-bottom: 18px;
  }

  .profile-header-wrapper.match .match-details.active-match .other-result.agg b {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
  }

  .profile-header-wrapper.match .match-details.active-match .other-result.agg span {
    font-size: 9px;
    height: auto;
    padding: 1px 6px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
    flex-shrink: 0;
    line-height: 1.2;
    max-width: none;
  }

  html.light .profile-header-wrapper.match .active-match-progress .result-status-text {
    background: rgba(57, 219, 191, 0.12);
    color: #2a9d82;
  }

  html.light .profile-header-wrapper.match .match-inner-progress-wrap .percent::before {
    background: rgba(14, 16, 25, 0.04);
    border-color: rgba(14, 16, 25, 0.08);
  }

  html.light .profile-header-wrapper.match .match-inner-progress-wrap .number,
  html.light .profile-header-wrapper.match .match-inner-progress-wrap .number span,
  html.light .profile-header-wrapper.match [id^="match-detail-time"] {
    color: #1a7a68;
  }

  /* بعد المباراة — شارة فوق + أرقام تحت */
  .profile-header-wrapper.match .match-details.full-match {
    gap: 6px;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: center;
    column-gap: 10px;
    row-gap: 6px;
    width: 100%;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result > span {
    grid-column: 1 / -1;
    grid-row: 1;
    position: static !important;
    font-size: 10px;
    font-weight: 700;
    height: auto;
    min-height: 0;
    padding: 3px 12px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 999px;
    width: auto;
    max-width: 100%;
    letter-spacing: 0.3px;
    white-space: nowrap;
    margin: 0;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result > b:first-of-type {
    grid-column: 1;
    grid-row: 2;
    justify-self: end;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result > b:last-of-type {
    grid-column: 3;
    grid-row: 2;
    justify-self: start;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result::before {
    content: "";
    grid-column: 2;
    grid-row: 2;
    width: 8px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result b {
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    color: #ffffff;
    min-width: 24px;
    text-align: center;
    margin: 0;
  }

  .profile-header-wrapper.match .match-details.full-match .main-result b.win { color: #39DBBF; }

  /* المجموع / ركلات الترجيح */
  .profile-header-wrapper.match .match-details.full-match .other-result {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: auto;
    margin: 2px 0 0;
  }

  .profile-header-wrapper.match .match-details.full-match .other-result span {
    font-size: 10px;
    font-weight: 700;
    height: auto;
    min-height: 0;
    padding: 3px 8px;
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 999px;
    width: auto;
    letter-spacing: 0.3px;
  }

  .profile-header-wrapper.match .match-details.full-match .other-result b { font-size: 13px; color: rgba(255, 255, 255, 0.85); }

  html.light .profile-header-wrapper.match .match-details.active-match .main-result b,
  html.light .profile-header-wrapper.match .match-details.full-match .main-result b,
  html.light .profile-header-wrapper.match .match-profile-details > .match-details .time { color: #0e1019; }

  html.light .profile-header-wrapper.match .match-details.active-match .other-result.agg span,
  html.light .profile-header-wrapper.match .match-details.full-match .main-result > span,
  html.light .profile-header-wrapper.match .match-details.full-match .other-result span {
    background: rgba(14, 16, 25, 0.06);
    color: #4a4f63;
  }

  html.light .profile-header-wrapper.match .match-details.full-match .main-result::before {
    background: rgba(14, 16, 25, 0.18);
  }

  /* حالات الإلغاء / التأجيل / التوقف */
  .profile-header-wrapper.match .match-details.full-match > .match-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
  }

  .profile-header-wrapper.match .match-details.full-match .match-details span:not(.time) {
    position: static !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 4px 10px;
    white-space: nowrap;
    flex: 0 0 auto;
    background: rgba(255, 200, 80, 0.18);
    color: #ffd166;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
  }

  .profile-header-wrapper.match .match-details.full-match .match-details .time {
    position: static !important;
    display: block;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    flex: 0 0 auto;
  }

  html.light .profile-header-wrapper.match .match-details.full-match .match-details span:not(.time) {
    background: rgba(255, 170, 40, 0.14);
    color: #b8860b;
  }

  /* ──── شريط المعلومات (ملعب · تاريخ) ──── */
  .match-mobile-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 14px;
    padding: 8px 14px 12px;
    margin: 0 !important;
    width: 100%;
    position: relative;
  }

  .match-mobile-meta .mm-meta-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.65);
    line-height: 1.2;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .match-mobile-meta .mm-meta-item svg { opacity: 0.7; flex: 0 0 auto; }

  html.light .match-mobile-meta .mm-meta-item { color: #6b7080; }

  /* ──── شريط التبويبات ──── */
  .profile-header-wrapper.match .match-links-scroll {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.12);
  }

  html.light .profile-header-wrapper.match .match-links-scroll {
    border-top-color: rgba(14, 16, 25, 0.06);
    background: rgba(14, 16, 25, 0.03);
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap {
    padding: 0 12px;
    gap: 0;
    height: 44px;
    display: flex;
    align-items: stretch;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    margin: 0 12px;
    padding: 0 2px;
    color: rgba(255, 255, 255, 0.55);
    transition: color .2s ease;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item:first-child { margin-right: 4px; }
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item:last-child  { margin-left: 4px; }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active {
    color: #39DBBF;
  }

  /* مؤشر سفلي للتبويب النشط */
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #39DBBF;
    border-radius: 3px 3px 0 0;
  }

  html.light .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item {
    color: #6b7080;
  }
  html.light .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap > a.filter-cat-item.active {
    color: #39DBBF;
  }

  /* إلغاء أي مسافات قديمة */
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a:last-child,
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a:first-child,
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a.active::before {
    padding: inherit !important;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a.active:before,
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a.active:first-child:before,
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap a.active:last-child:before {
    display: none !important;
  }

  /* تاب الترتيب — نفس ألوان وبادج التابات الأخرى */
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown {
    display: inline-flex;
    flex-direction: row;
    align-items: stretch !important;
    align-self: stretch;
    margin: 0 8px;
    padding-bottom: 0 !important;
    vertical-align: middle;
    position: relative;
    height: 100%;
  }

  .profile-header-wrapper.match .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;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    height: auto;
    margin: 0 4px !important;
    padding: 0 2px !important;
    padding-bottom: 0 !important;
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.55);
    white-space: nowrap;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active {
    color: #39DBBF !important;
  }

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

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 3px;
    background: #39DBBF;
    border-radius: 3px 3px 0 0;
  }

  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown .rank-scope-toggle {
    align-self: center;
    margin-inline-start: 2px;
    color: rgba(255, 255, 255, 0.45);
  }

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

  html.light .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item {
    color: #6b7080;
  }

  html.light .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .rank-tab-with-dropdown > a.filter-cat-item.active {
    color: #39DBBF !important;
  }

  /* اللايف badge على تاب الفيديو */
  .profile-header-wrapper.match .match-links-scroll .filter-categories-wrap .filter-cat-item .live {
    position: static;
    margin-inline-start: 6px;
    background: #FF3131;
    box-shadow: 0 0 0 0 rgba(255, 49, 49, 0.6);
    animation: mmLivePulse 1.6s ease-out infinite;
  }

  @keyframes mmLivePulse {
    0%   { box-shadow: 0 0 0 0 rgba(255, 49, 49, 0.6); }
    70%  { box-shadow: 0 0 0 6px rgba(255, 49, 49, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 49, 49, 0); }
  }

  @keyframes mmLiveBgPulse {
    0%, 100% {
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18), 0 0 0 0 rgba(57, 219, 191, 0);
    }
    50% {
      box-shadow: 0 2px 14px rgba(57, 219, 191, 0.22), 0 0 14px 3px rgba(57, 219, 191, 0.18);
    }
  }

  @keyframes mmLiveArcGlow {
    0%, 100% {
      stroke: #39DBBF;
      opacity: 0.7;
    }
    50% {
      stroke: #6ef0d4;
      opacity: 1;
    }
  }

  @keyframes mmLiveTimeGlow {
    0%, 100% { opacity: 0.8; }
    50%      { opacity: 1; }
  }

  @media (prefers-reduced-motion: reduce) {
    .profile-header-wrapper.match .match-details.live-match.active-match .match-inner-progress-wrap .number,
    .profile-header-wrapper.match .match-details.live-match.active-match .match-inner-progress-wrap .number span,
    .profile-header-wrapper.match .match-details.live-match .active-match-progress .live-match-status:not(:empty)::before {
      animation: none !important;
    }
    .profile-header-wrapper.match .match-inner-progress-wrap .percent {
      transition: none !important;
    }
  }
}

@media (max-width: 576px) {
  .profile-header-wrapper.match { padding-bottom: 0 !important; }
  .profile-header-wrapper.match .match-links-scroll { position: relative !important; }
  .profile-header-wrapper.match .match-profile-details { padding: 8px 10px 12px !important; min-height: 120px; }
  .profile-header-wrapper.match .match-profile-details .team-item .img { width: 58px; height: 58px; }
  .profile-header-wrapper.match .match-profile-details > .match-details { max-width: none !important; }
  .profile-header-wrapper.match .match-details.active-match .main-result b,
  .profile-header-wrapper.match .match-details.full-match .main-result b { font-size: 24px; }
  .profile-header-wrapper.match .match-profile-details .team-item h3 { font-size: 12px; }
  .profile-header-wrapper.match .mm-league-name,
  .profile-header-wrapper.match .mm-league-round { max-width: 140px; }
}

/* ─────────────────────────────────────────────────────────────
   مسافة تنفّس بين الهيدر ومحتوى الصفحة على الموبايل
   + تحسين شريط التابات الفرعي (تشيلسي / مان سيتي … إلخ)
   ───────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
  /* فاصل أنيق بين الهيدر والمحتوى */
  .profile-page-header + .inner-page-content,
  .profile-page-header + section.inner-page-content {
    padding-top: 18px;
  }

  /* أول match-block-item داخل أي تاب لا يلتصق بالشريط */
  .match-page-inner .tab-content-item.active > .small-container > .match-block-item:first-child,
  .match-page-inner .tab-content-item.active > .match-block-item:first-child {
    margin-top: 4px;
  }

  /* الشريط الفرعي (تابات الفريقين / دور 16 / … ) — مظهر أنظف وأخف */
  .match-page-inner .inline-tabs-wrapper,
  .tab-area > .inline-tabs-wrapper,
  .inner-match-tab-content .inline-tabs-wrapper {
    margin: 4px 0 14px;
    padding: 0 4px;
  }

  .tab-area > .inline-tabs-wrapper + .tab-content-item {
    margin-top: 12px;
  }

  .match-page-inner .inline-tabs-items,
  .tab-area > .inline-tabs-wrapper .inline-tabs-items,
  .inner-match-tab-content .inline-tabs-items {
    display: inline-flex;
    width: 100%;
    max-width: 100%;
    background: rgba(25, 29, 45, 0.85);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 0;
    gap: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  }

  .match-page-inner .inline-tabs-items .inline-tab-item,
  .tab-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item,
  .inner-match-tab-content .inline-tabs-items .inline-tab-item {
    flex: 1 1 0;
    min-width: 0;
    height: 36px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
    border-radius: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color .25s ease, color .25s ease, transform .15s ease;
  }

  .match-page-inner .inline-tabs-items .inline-tab-item.active,
  .tab-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item.active,
  .inner-match-tab-content .inline-tabs-items .inline-tab-item.active {
    background: #39DBBF;
    color: #0E1019;
    box-shadow: 0 2px 8px rgba(57, 219, 191, 0.25);
  }

  .match-page-inner .inline-tabs-items .inline-tab-item:active,
  .tab-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item:active,
  .inner-match-tab-content .inline-tabs-items .inline-tab-item:active { transform: scale(0.97); }

  /* تابات منزلقة أفقياً (ما عدا rank-stages-flow له تنسيق مستقل) */
  .match-page-inner .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow),
  .dynamic-tabs-content .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
    scrollbar-width: none;
  }
  .match-page-inner .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow)::-webkit-scrollbar,
  .dynamic-tabs-content .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow)::-webkit-scrollbar { display: none; }
  .match-page-inner .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow) .inline-tabs-items,
  .dynamic-tabs-content .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow) .inline-tabs-items {
    width: auto;
    flex: 0 0 auto;
  }
  .match-page-inner .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow) .inline-tabs-items .inline-tab-item,
  .dynamic-tabs-content .inline-tabs-wrapper.rank-stages-wrapper:not(.rank-stages-flow) .inline-tabs-items .inline-tab-item {
    flex: 0 0 auto;
  }

  /* مراحل الترتيب — موبايل: تظهر فقط عند وجود أكثر من مرحلة */
  .champ-tab-item.rank > .rank-stages-flow:not(.rank-stages-flow--hidden):not([style*="display:none"]):not([style*="display: none"]),
  .dynamic-tabs-content .rank-stages-flow.inline-tabs-wrapper:not(.rank-stages-flow--hidden):not([style*="display:none"]):not([style*="display: none"]),
  #match_list_conf .rank-stages-flow:not(.rank-stages-flow--hidden):not([style*="display:none"]):not([style*="display: none"]) {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px 0 8px !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: transparent !important;
    overflow: visible !important;
    border: none !important;
    box-shadow: none !important;
  }

  .champ-tab-item.rank > .rank-stages-flow.rank-stages-flow--hidden,
  .champ-tab-item.rank > .rank-stages-flow[style*="display:none"],
  .champ-tab-item.rank > .rank-stages-flow[style*="display: none"],
  .dynamic-tabs-content .rank-stages-flow.rank-stages-flow--hidden,
  .dynamic-tabs-content .rank-stages-flow[style*="display:none"],
  .dynamic-tabs-content .rank-stages-flow[style*="display: none"],
  #match_list_conf .rank-stages-flow.rank-stages-flow--hidden,
  #match_list_conf .rank-stages-flow[style*="display:none"],
  #match_list_conf .rank-stages-flow[style*="display: none"] {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
  }

  .rank-stages-flow .rank-stages-flow__track,
  .rank-stages-flow #stages_target.inline-tabs-items,
  .dynamic-tabs-content .rank-stages-wrapper.rank-stages-flow .inline-tabs-items {
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 6px;
    flex-wrap: nowrap;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .rank-stages-flow .rank-stages-flow__track::-webkit-scrollbar,
  .rank-stages-flow #stages_target::-webkit-scrollbar {
    display: none;
  }

  .rank-stages-flow .rank-stage-pill {
    flex: 0 0 auto;
    min-width: 92px;
    max-width: 42vw;
    font-size: 12px;
    padding: 0 10px;
    height: 36px;
  }

  .rank-stages-flow .rank-stage-connector {
    flex: 0 0 auto;
  }

  .rank-stages-flow .rank-stage-connector__line {
    width: 12px;
  }

  html.light .rank-stages-flow .inline-tabs-items,
  html.light .rank-stages-flow .rank-stages-flow__track,
  html.light .dynamic-tabs-content .rank-stages-wrapper.rank-stages-flow .inline-tabs-items,
  html.light #stages_target.inline-tabs-items.rank-stages-flow__track {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
  }

  #stages_target.inline-tabs-items.rank-stages-flow__track,
  .rank-stages-flow #stages_target.inline-tabs-items {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* صفحة البطولة/الفريق — مسافة تحت شريط التبويبات (على المحتوى لا الهيدر) */
  .profile-page-header + section.inner-page-content:has(.club-page-inner) {
    padding-top: 12px !important;
  }

  .profile-page-header + section.inner-page-content:has(.club-page-inner) #match_list_conf.col-lg-5 {
    margin-top: 0;
  }

  .champ-tab-item.rank > .rank-stages-flow:not(.rank-stages-flow--hidden):not([style*="display:none"]):not([style*="display: none"]) {
    margin-top: 10px !important;
    margin-bottom: 8px !important;
  }

  /* إحصائيات — الشريط الكلاسيكي بشكل متناسق */
  .champ-tab-item.players_rank_champ .tab-area.champ-stats-area > .inline-tabs-wrapper {
    margin: 10px 0 10px !important;
    padding: 0 12px !important;
    width: 100%;
    box-sizing: border-box;
  }

  .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px;
    border-radius: 12px;
  }

  .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 38px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 9px;
    text-align: center;
    justify-content: center;
  }

  .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item.active {
    background: #39DBBF !important;
    color: #0E1019 !important;
    box-shadow: 0 2px 8px rgba(57, 219, 191, 0.25);
  }

  html.light .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items {
    background: #ffffff;
    border-color: rgba(14, 16, 25, 0.08);
    box-shadow: 0 2px 8px rgba(14, 16, 25, 0.05);
  }

  html.light .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item {
    color: #6b7080;
  }

  html.light .tab-area.champ-stats-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item.active {
    color: #0E1019;
  }

  .tab-area.champ-stats-area > .inline-tabs-wrapper + .tab-content-item {
    margin-top: 10px !important;
  }

  .champ-tab-item.rank > #league[style*="display: none"],
  .champ-tab-item.rank > #league[style*="display:none"] {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #group_cup.tab-area > .inline-tabs-wrapper[style*="display: none"] + .tab-content-item,
  #group_cup.tab-area > .inline-tabs-wrapper[style*="display:none"] + .tab-content-item {
    margin-top: 0 !important;
  }

  /* الوضع الفاتح */
  html.light .match-page-inner .inline-tabs-items,
  html.light .tab-area > .inline-tabs-wrapper .inline-tabs-items,
  html.light .inner-match-tab-content .inline-tabs-items {
    background: #ffffff;
    border-color: rgba(14, 16, 25, 0.08);
    box-shadow: 0 2px 8px rgba(14, 16, 25, 0.05);
  }
  html.light .match-page-inner .inline-tabs-items .inline-tab-item,
  html.light .tab-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item,
  html.light .inner-match-tab-content .inline-tabs-items .inline-tab-item {
    color: #6b7080;
  }
  html.light .match-page-inner .inline-tabs-items .inline-tab-item.active,
  html.light .tab-area > .inline-tabs-wrapper .inline-tabs-items .inline-tab-item.active,
  html.light .inner-match-tab-content .inline-tabs-items .inline-tab-item.active {
    color: #0E1019;
  }

  /* عناوين الأقسام أكثر تنفّساً على الموبايل */
  .match-block-item .section-title {
    font-size: 13px;
    margin-bottom: 12px;
    padding-top: 2px;
  }
}

@media (max-width: 380px) {
  .profile-header-wrapper.match .match-profile-details { padding: 14px 8px 10px; }
  .profile-header-wrapper.match .match-profile-details .team-item .img { width: 54px; height: 54px; }
  .profile-header-wrapper.match .match-details.active-match .main-result b,
  .profile-header-wrapper.match .match-details.full-match .main-result b { font-size: 22px; }
  .profile-header-wrapper.match .mm-league-name,
  .profile-header-wrapper.match .mm-league-round { max-width: 110px; }
}

/* إخفاء خطوط الموصلات عندما لا توجد مباريات بعد */
.line-row-wrap:not(:has(.line-match-item)):before,
.line-row-wrap:not(:has(.line-match-item)):after {
  display: none;
}

/* دور 32 — مباراة واحدة لكل عمود + أسهم */
#cups_map_detail.yss-bracket-pending {
  position: relative;
  min-height: 280px;
}
#cups_map_detail.yss-bracket-pending .small-container {
  opacity: 0;
  pointer-events: none;
}

[id^="round_"][data-bracket-h="1"] {
  position: relative;
}

[id^="round_"][data-bracket-h="1"] > .col-3 {
  display: none !important;
}

.bracket-h-scroller {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  gap: 10px;
  padding-block: 2px 8px;
  padding-inline: max(38px, calc(50% - 60px));
}

html[dir="rtl"] .bracket-h-scroller {
  direction: rtl;
}

html[dir="rtl"] .bracket-h-scroller .line-match-item,
html[dir="rtl"] .bracket-h-scroller .line-match-item a {
  direction: rtl;
}

.bracket-h-scroller::-webkit-scrollbar {
  display: none;
}

.bracket-h-scroller > .bracket-h-slide {
  flex: 0 0 auto;
  width: 120px;
  scroll-snap-align: center;
}

.bracket-h-scroller .bracket-h-slide > .col-6,
.bracket-h-scroller .bracket-h-slide > .col-12,
.bracket-h-scroller .bracket-h-slide > .d-flex {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  padding: 0;
  margin: 0;
}

.bracket-h-scroller .line-row-wrap {
  margin: 0;
}

.bracket-h-scroller .line-match-item {
  width: 120px;
  height: 110px;
  margin: 0 auto;
}

.bracket-h-scroller .line-match-item a {
  font-size: 11px;
  padding: 6px;
}

.bracket-h-arrows {
  position: absolute;
  top: 52%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  z-index: 5;
  padding: 0 0;
}

.bracket-h-btn {
  pointer-events: auto;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(112, 116, 136, 0.4);
  background: rgba(21, 24, 37, 0.92);
  color: #bfc3d4;
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

html.light .bracket-h-btn {
  background: rgba(255, 255, 255, 0.95);
  color: #4a4f63;
}

/* الجوال: صفحة البطولة — تمرير أفقي للمخطط كامل */
.bracket-scroll-hint {
  text-align: center;
  font-size: 11px;
  color: #707488;
  margin: 0 0 10px;
  padding: 0 12px;
}

@media (max-width: 991px) {
  #group_cup #cups_map_detail {
    overflow: hidden;
  }

  #group_cup #cups_map_detail .small-container.bracket-mobile-scroll {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    padding-bottom: 16px;
    scrollbar-width: thin;
  }

  #group_cup #cups_map_detail .small-container.bracket-mobile-scroll > .line-row,
  #group_cup #cups_map_detail .small-container.bracket-mobile-scroll > .line-row-wrap {
    min-width: 540px;
  }

  #group_cup #cups_map_detail .line-match-item {
    width: 100px;
    height: 88px;
  }

  #group_cup #cups_map_detail .line-0 .line-match-item {
    width: 220px;
  }
}

/* زر الإعدادات داخل صندوق اللوحة حتى يبقى عنصراً في الشريط والطبقة فوق الغطاء */
.action-bar > .action-bar-settings {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}

.action-bar #settings_is {
  position: relative;
  z-index: 60;
}

/* إخفاء مؤقت: التوقعات في شريط الإجراءات السفلي — أزل الصنف action-bar-item--hidden لإظهارها */
.action-bar a.action-bar-item[href*="predicted_champ"],
.action-bar .action-bar-item--hidden {
  display: none !important;
}

/* --------------------------------------------------------------------------
   زرّ إغلاق لوحة بحث ترويسة الهاتف

   لا توجد في المشروع كلّه قاعدة واحدة تُموضِع هذا الزرّ: القاعدة الوحيدة لهذا
   الصنف في ‎style.css‎ هي ‎.drop-header .close-dropdown‎، ولوحة البحث لا تضع
   زرّها داخل ‎.drop-header‎ كما تفعل لوحتا الفلتر والتاريخ. فبقي الوسم رابطاً
   سطرياً في السياق العادي: عرضه عرض أيقونته 14px وارتفاعه ارتفاع سطره ‎~27px‎،
   ويستقرّ عند بداية السطر — أي اليمين في العربية — على سطر مستقلّ فوق الحقل.
   من هنا جاء الصندوق 14×27 الذي لا يصلح هدفاً للمس، وجاء وقوعه في الجهة
   المعاكسة للجهة المتعارف عليها لزرّ الإغلاق.

   العلاج صندوق كتليّ بهدف لمس حقيقي 36×36 مع بقاء الأيقونة 14px، يُدفع إلى
   نهاية السطر بـ ‎margin-inline-start: auto‎: يساراً في العربية ويميناً تحت
   ‎html[dir="ltr"]‎ دون إزاحات معكوسة مكتوبة يدوياً.

   ولا نُعطيه ‎position: absolute‎ عمداً. اللوحة ترثُ من ‎.mobile-dropmenu-wrap
   .drop-item-wrap‎ تثبيتاً ‎fixed‎ عند ‎top: 0‎ بعرض الشاشة، وليس لها
   ‎overflow‎ داخليّ، والزرّ أوّل أبنائها؛ فبقاؤه في السياق العادي يضمن أنه
   دائماً في أعلى اللوحة ولا يغطّي الحقل ولا زاوية اللوحة المستديرة. أمّا
   ‎absolute‎ فكان سيضعه داخل حشو اللوحة العلويّ (25px) ويتداخل مع الحقل، وهو
   أيضاً الفخّ الذي يتكرّر في هذا المشروع حين يجتمع ‎left‎ و‎right‎ على عنصر
   مطلق فيفوز ‎right‎ في RTL ويُهمَل ‎left‎.

   والتخصيص مبنيّ على المعرّف لسببين: حصر الأثر في لوحة البحث وحدها دون
   ‎.close-dropdown‎ المشترك في لوحات الفلتر والتاريخ والإعدادات، وتخطّي
   ‎light.css‎ الذي يُحمَّل بعد هذا الملف ويفرض ‎fill: #0E1019‎ على
   ‎.close-dropdown path‎ فيُبطل ‎currentColor‎ ويقتل حالة الوقوف في الوضع
   الفاتح.
   -------------------------------------------------------------------------- */

#search_mobile_warp .search-dropdown-wrap > .close-dropdown {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-top: 0;
  margin-bottom: 4px;
  margin-inline-start: auto;
  margin-inline-end: 0;
  border-radius: 50%;
  color: #6C6F83;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

/* ‎#707488‎ هو الرمادي الهادئ نفسه المستعمل لنصّ الحقل الإرشادي في الوضعين،
   فيكفي لونٌ واحد للداكن والفاتح متى عاد ‎fill‎ إلى ‎currentColor‎. */
#search_mobile_warp .search-dropdown-wrap > .close-dropdown path {
  fill: currentColor;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
}

/* ‎#FC4D4D‎ هو عرف الإغلاق القائم في الملفّ نفسه عند ‎.close-search:hover‎. */
#search_mobile_warp .search-dropdown-wrap > .close-dropdown:hover,
#search_mobile_warp .search-dropdown-wrap > .close-dropdown:focus-visible,
#search_mobile_warp .search-dropdown-wrap > .close-dropdown:active {
  color: #FC4D4D;
}

/* ==========================================================================
   شاهدا دائرة الوقت — تعريف مشترك بين الرئيسية وصفحة المباراة

   الدائرة خطٌّ زمني ملفوف: تبدأ من الساعة 12 وتدور مرّة واحدة حتى نهاية
   المباراة. وهذا الالتفاف يُخفي عنها أمرين: أين يبدأ الزمن، وهل هو جارٍ
   الآن أم واقف. شاهدان يقولان كلٌّ واحداً منهما:

   • شاهد المبدأ (برتقالي، عند 0°): علامة مكان دائمة تحضر في كل حالة.
     ليست حالةً تُخبر عن شيء يجري، بل معلَمٌ يقول «من هنا يُقرأ القوس».
     ولذلك لونه ليس لون الحالات: البرتقالي حياديّ بين أخضر الجاري وأصفر
     الموقوف وأحمر التوقّف، فلا يُقرأ إنذاراً ولا تقدّماً.

   • شاهد التوقّف (أحمر، عند نقطة الوقوف): حالةٌ لا بنية، فلا يظهر إلّا
     والزمن واقف فعلاً، ويختفي مع أوّل ثانية تجري بعده.

   وكان هذا الملفّ يرسم قبل الآن شواهد كل حدود الأشواط دائماً وبالأحمر
   جميعاً. وكان ذلك خطأً في المعنى قبل أن يكون خطأً في الشكل: علامة
   الاستراحة تبقى بعد أن يبدأ الشوط الثاني فتقول «موقوف» عن مباراة تُلعب،
   والأحمر — وهو لون الإنذار — يُصرف على حدودٍ لا يجري عندها شيء. فبقي
   الأحمر لنقطة الوقوف وحدها، وصار المبدأ معلَماً برتقالياً.

   لماذا هنا: الصفحتان تحتاجان الشاهدين، وهذا الملفّ وحده يُحمَّل عليهما،
   فيبقى اللون والعرض وزوايا التوقّف رقماً واحداً لا رقمين يتخلّف أحدهما.

   ‎--mk-a‎ نصف عرض الشاهد زاويةً لا طولاً: 3° تُرسم نحو 2.1px على أصغر
   دائرة (38px) و3.5px على أكبرها (72px) — والفرق مقبول لأنه يطّرد مع قياس
   الدائرة نفسها. ولا يصحّ تخصيصه لكل سياق: قيمة مخروطٍ مخزّنة في متغيّر
   تُحسب عند تعريفها لا عند استعمالها، فأيّ ‎--mk-a‎ محلّي لا يبلغها.

   ولهذا السبب نفسه الشاهدان مرسومان عند 0° كلاهما، وتدوير الأحمر إلى
   موضعه يجري بـ‎transform‎ عند الاستعمال: ‎transform‎ خاصّية حقيقية تُحسب
   على العنصر نفسه، فتبلغها ‎--mk-at‎ المحلّية — بخلاف المخروط المخزّن.
   ========================================================================== */

html {
  --mk-start-ink: #da760a;
  --mk-stop-ink: #fc4d4d;
  --mk-a: 3deg;
  /* بروز الشاهد عن حدّي القوس، فيُقرأ شاهداً على الخطّ لا جزءاً منه */
  --mk-out: 2px;

  --mk-tick-start: conic-gradient(from 0deg,
      var(--mk-start-ink) 0 var(--mk-a),
      transparent var(--mk-a) calc(360deg - var(--mk-a)),
      var(--mk-start-ink) calc(360deg - var(--mk-a)) 360deg);

  --mk-tick-stop: conic-gradient(from 0deg,
      var(--mk-stop-ink) 0 var(--mk-a),
      transparent var(--mk-a) calc(360deg - var(--mk-a)),
      var(--mk-stop-ink) calc(360deg - var(--mk-a)) 360deg);
}

/* الأحمر أغمق درجةً على سطح فاتح ليبلغ التبايُن الكافي وهو بعرض 2px */
html.light {
  --mk-stop-ink: #e0393c;
}

/* --------------------------------------------------------------------------
   زاوية التوقّف — من أصناف الحالة لا من ‎--num‎

   الأصناف يضعها الخادم في ‎partials/match-row.blade.php‎ وأخواته:
   ‎stopped‎ للاستراحة، و‎stopped_ex‎ لما بعدها من نقاط الوقوف، ويميّز
   ‎ex_90‎ نهاية الوقت الأصلي و‎ex_105‎ نهاية الشوط الإضافي الأول.

   فتنطبق الزوايا على الحالات الخمس التي يقف فيها الزمن:

     نهاية الشوط الأول            (2)         180°   نصف حلقة 90 دقيقة
     نهاية الشوط الثاني           (5)  ex_90  270°   75% من حلقة 120
     نهاية الشوط الإضافي الأول    (8)  ex_105 315°   87.5% من حلقة 120
     نهاية الشوط الإضافي الثاني   (10)        360°   تمام الحلقة
     ركلات الترجيح                (6، 11)     360°   تمام الحلقة

   ولم أشتقّها من ‎--num‎ وهو الأدقّ ظاهراً، لسببين: ‎--num‎ مُعرَّف على
   ‎.percent‎ لا على الحاوية التي يُرسم عليها الشاهد في الرئيسية، وقيمته في
   الحالات الثلاث الأخيرة ‎120‎ — أي فوق المئة — فتحتاج حدّاً قبل أن تصير
   زاوية. والأصناف تعطي الزوايا نفسها بلا شرطين.

   والزوايا الأربع مطابقة لمنتهى القوس في كل حالة، فالشاهد يقف حيث يقف
   القوس تماماً. وفي 360° يلتقي بشاهد المبدأ فيعلوه — وهو الصحيح: الحلقة
   تمّت والزمن واقف عند منتهاها.
   -------------------------------------------------------------------------- */

.match-inner-progress-wrap.stopped { --mk-at: 180deg; }
.match-inner-progress-wrap.stopped_ex { --mk-at: 360deg; }
.match-inner-progress-wrap.stopped_ex.ex_90 { --mk-at: 270deg; }
.match-inner-progress-wrap.stopped_ex.ex_105 { --mk-at: 315deg; }

/* ——— قوانين البطولة: كل الصفحات (تفاصيل مباراة / بطولة / فريق) ——— */
#rules_main .collapse-header .title.match-rules,
#rules_main_g .collapse-header .title.match-rules,
.rule_key .collapse-header .title.match-rules {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    min-width: max-content;
    white-space: nowrap !important;
    line-height: 1.2;
    margin-inline-start: 0 !important;
    margin-inline-end: 12px !important;
    overflow: visible;
}

.collapse-item-wrap .collapse-header .title.match-rules svg,
.collapse-item-wrap .collapse-header.active .title.match-rules svg,
#rules_main .collapse-header .title.match-rules svg,
#rules_main_g .collapse-header .title.match-rules svg,
.rule_key .collapse-header .title.match-rules svg {
    flex-shrink: 0;
    margin-inline: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    -webkit-transform: none !important;
    transition: none !important;
}

.match-rules-label,
.match-rules-item-label {
    white-space: nowrap;
}

#rules_main .collapse-header,
#rules_main_g .collapse-header,
.rule_key .collapse-header {
    display: flex !important;
    align-items: center;
    gap: 10px;
    flex-wrap: nowrap !important;
}

#rules_main .collapse-header > svg:last-child,
#rules_main_g .collapse-header > svg:last-child,
.rule_key .collapse-header > svg:last-child {
    flex: 0 0 auto;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
}

/* بطاقة قوانين البطولة — عنوان + قائمة مرتبة */
.match-rules-block.match-info-collapse {
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--mb-row-line, rgba(255, 255, 255, 0.08));
    background: var(--mb-row-bg, #191d2d);
}

html.light .match-rules-block.match-info-collapse {
    background: #ffffff;
    border-color: #eef1f8;
}

.match-rules-block .collapse-header {
    margin-bottom: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 12px 14px !important;
}

.match-rules-block .collapse-content.match-rules-panel {
    padding: 0 10px 10px;
}

.match-rules-list {
    list-style: none;
    margin: 0;
    padding: 4px 0;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
}

html.light .match-rules-list {
    background: #f5f7fc;
}

.match-rules-list__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--mb-row-line, rgba(255, 255, 255, 0.06));
    font-size: 13px;
    font-weight: 600;
    color: var(--mb-text-strong, #ffffff);
}

html.light .match-rules-list__item {
    color: #131521;
    border-bottom-color: #eef1f8;
}

.match-rules-list__item:last-child {
    border-bottom: 0;
}

.match-rules-list__num {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(57, 219, 191, 0.14);
    color: var(--mb-accent, #39dbbf);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

html.light .match-rules-list__num {
    background: rgba(18, 165, 140, 0.12);
    color: #12a58c;
}

.match-rules-list__text,
.match-rules-item-label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    line-height: 1.35;
    color: inherit;
}

.match-rules-list__text::-webkit-scrollbar,
.match-rules-item-label::-webkit-scrollbar {
    display: none;
}

/* --------------------------------------------------------------------------
   حارس المرمى على الجوال والشاشات الضيّقة

   صفّ الحارس في style.css مثبت بـ bottom: 10%. على الملعب المنظوريّ ذلك
   يضعه في قلب منطقة الجزاء لا عند خط المرمى: نسبة العشرة بالمئة تُحسب من
   صندوق الـ wrap لا من العشب الظاهر، وفي العرض الضيّق يتقلّص الملعب بينما
   يبقى رأس اللاعب 48px فيبدو طالعاً نحو خط الدفاع.

   نُقرّبه من خط المرمى فقط تحت 767px، وأقرب بعد تحت 480px. شارة التشكيلة
   (.lineup-custom-row) في الزاوية فلا تتقاطع أفقياً مع الحارس في الوسط.
   وفريق الجولة يستعيد 10% لأن ملعبه له شبكة صفوف مستقلّة في round-xi.css.

   درجة الرفع: 2% فوق القيمة السابقة (4% بدل 2% تحت 767، و2% بدل 0 تحت 480)
   كي لا يعود إلى موضع 10% الأصلي.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .lineup-row.g {
    bottom: 4%;
  }
  .round-xi-page .lineup-row.g {
    bottom: 10%;
  }

  /*
     صفّ اللاعب 89px على ملعب ~390px فيغطي نحو 23% من الارتفاع، بينما الفجوة
     الأصلية بين الهجوم (22%) والوسط (38%) هي 16% فقط فيتداخل الرأسان. نرفع
     الهجوم أربع درجات والوسط درجتين كي تتّسع الفجوة عن الدفاع دون لصق
     الهجوم بصفّ المهاجم الصريح. درجة رابعة (14% بدل 16%) لأن صفّ 4-5-1
     بلا ‎.m-t-10‎ ما زال منخفضاً بعد الثلاث درجات. ‎.m-t-10‎ يخفض الهجوم
     10% أصلاً في 4-3-3 فنُبقي قيمته كما هي حتى لا يلتصق بأعلى الملعب.
  */
  .lineup-row.f {
    top: 14%;
  }
  .lineup-row.f.m-t-10 {
    top: 20%;
  }
  .lineup-row.m {
    top: 34%;
  }
  .round-xi-page .lineup-row.f,
  .round-xi-page .lineup-row.f.m-t-10 {
    top: 22%;
  }
  .round-xi-page .lineup-row.m {
    top: 38%;
  }

  /*
     تشكيلات فيها مهاجم صريح (4-2-3-1): اسمه تحت الصورة فيغطيه رأس
     اللاعب بمنتصف الصف التالي. ننزّل الثنائي أولاً ثم الصف الذي فوقه
     بمقدار أكبر حتى يظهر الاسم ويبقى فراغ بسيط عن الدفاع.
     الهاتف فقط. فريق الجولة له شبكة مستقلة فلا يتحرك.
  */
  .lineup-wrapper.has-striker .lineup-row.m {
    transform: translateY(36px);
  }
  .lineup-wrapper.has-striker .lineup-row.d {
    transform: translateY(12px);
  }
  .lineup-wrapper.has-striker .lineup-row.f {
    transform: translateY(40px);
  }
  .round-xi-page .lineup-wrapper.has-striker .lineup-row.m,
  .round-xi-page .lineup-wrapper.has-striker .lineup-row.d,
  .round-xi-page .lineup-wrapper.has-striker .lineup-row.f {
    transform: none;
  }
}

@media (max-width: 480px) {
  .lineup-row.g {
    bottom: 2%;
  }
  .round-xi-page .lineup-row.g {
    bottom: 10%;
  }

  .lineup-row.f {
    top: 12%;
  }
  .lineup-row.f.m-t-10 {
    top: 18%;
  }
  .lineup-row.m {
    top: 32%;
  }
  .round-xi-page .lineup-row.f,
  .round-xi-page .lineup-row.f.m-t-10 {
    top: 22%;
  }
  .round-xi-page .lineup-row.m {
    top: 38%;
  }
}