/* =========================================================
   Geometry lock: keep desktop/mobile layout stable while theme changes
   Source: theme-geometry-lock-v172.css
========================================================= */


:root{
  --v172-topbar-h: 78px;
  --v172-home-w: min(1300px, 90%);
  --v172-wide-w: min(1320px, 92%);
  --v172-medium-w: min(1250px, 92%);
  --v172-section-gap: 52px;
  --v172-header-gap: 18px;
  --v172-card-gap: 18px;
  --v172-radius-hero: 36px;
  --v172-radius-card: 28px;
  --v172-transition-safe: background-color .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease;
}

/* No layout transition while switching theme */
html[data-theme] *,
html[data-theme] *::before,
html[data-theme] *::after{
  box-sizing: border-box !important;
  transition-property: background-color, color, border-color, box-shadow, opacity, filter !important;
}

/* ========== TOPBAR SAME IN BOTH THEMES ========== */
.topbar{
  height: var(--v172-topbar-h) !important;
  min-height: var(--v172-topbar-h) !important;
  padding: 0 5vw !important;
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
}

.topbar .brand{
  height: var(--v172-topbar-h) !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.topbar .brand img{
  width: 68px !important;
  height: 68px !important;
  object-fit: contain !important;
}

.topbar .menu{
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  height: var(--v172-topbar-h) !important;
  min-height: var(--v172-topbar-h) !important;
}

.topbar .menu a,
.nav-dropdown-trigger{
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.theme-toggle,
.menu-toggle{
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  border-radius: 16px !important;
}

/* ========== HOME TOP STAGE LOCK ========== */
.home-stage-v113{
  min-height: auto !important;
  padding-top: 96px !important;
  padding-bottom: 0 !important;
  gap: 14px !important;
}

.home-stage-v113 > .breaking-strip,
.breaking-strip{
  width: min(1240px, 92%) !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 92px minmax(0, 1fr) !important;
  align-items: center !important;
  border-radius: 18px !important;
  overflow: hidden !important;
}

.home-stage-v113 > .breaking-strip > strong,
.breaking-strip > strong{
  width: 92px !important;
  min-width: 92px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  font-size: 15px !important;
}

.breaking-track{
  height: 58px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 16px !important;
}

.results-panel-wrap-v113,
.results-panel-wrap-v113 .home-worldcup-scoreboard-v34,
.home-worldcup-scoreboard-v34{
  width: min(1180px, 89%) !important;
  margin: 0 auto !important;
}

/* ========== HOME CONTENT LOCK ========== */
.home-news-pro{
  width: var(--v172-home-w) !important;
  margin: 36px auto 48px !important;
  padding: 0 0 48px !important;
  background: transparent !important;
}

.category-pro-section{
  width: var(--v172-home-w) !important;
  margin: var(--v172-section-gap) auto !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Section headers same geometry */
.home-news-pro > .pro-section-head{
  width: fit-content !important;
  max-width: min(560px, 100%) !important;
  min-width: 340px !important;
}

.category-pro-section > .pro-section-head,
.latest-pro-block > .pro-section-head,
.most-read-pro-block > .pro-section-head{
  width: fit-content !important;
  max-width: min(520px, 100%) !important;
  min-width: 300px !important;
}

.home-news-pro > .pro-section-head,
.category-pro-section > .pro-section-head,
.latest-pro-block > .pro-section-head,
.most-read-pro-block > .pro-section-head{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: unset !important;
  margin: 0 0 var(--v172-header-gap) auto !important;
  padding: 12px 14px !important;
  border-radius: 20px !important;
}

.home-news-pro > .pro-section-head > div,
.category-pro-section > .pro-section-head > div,
.latest-pro-block > .pro-section-head > div,
.most-read-pro-block > .pro-section-head > div{
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.home-news-pro > .pro-section-head span,
.category-pro-section > .pro-section-head span,
.latest-pro-block > .pro-section-head span,
.most-read-pro-block > .pro-section-head span{
  font-size: 10px !important;
  line-height: 1 !important;
  padding: 4px 8px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

.home-news-pro > .pro-section-head h2,
.category-pro-section > .pro-section-head h2,
.latest-pro-block > .pro-section-head h2,
.most-read-pro-block > .pro-section-head h2{
  margin: 0 !important;
  font-size: clamp(22px, 1.8vw, 32px) !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
}

.home-news-pro > .pro-section-head p,
.category-pro-section > .pro-section-head p,
.latest-pro-block > .pro-section-head p,
.most-read-pro-block > .pro-section-head p{
  display: none !important;
}

.home-news-pro > .pro-section-head .view-all-link,
.category-pro-section > .pro-section-head .view-all-link,
.latest-pro-block > .pro-section-head .view-all-link,
.most-read-pro-block > .pro-section-head .view-all-link{
  min-width: auto !important;
  width: auto !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  line-height: 38px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Main story slider */
.hero-news-slider{
  min-height: 500px !important;
  height: auto !important;
  border-radius: 34px !important;
  overflow: hidden !important;
}

/* Latest and category grids */
.latest-news-pro-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.category-pro-layout{
  display: grid !important;
  grid-template-columns: 1.1fr .9fr !important;
  gap: 18px !important;
}

.pro-news-card,
.featured-category-card,
.compact-pro-card{
  min-height: 310px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

.pro-news-content{
  padding: 22px !important;
}

.pro-news-content h3,
.featured-category-card .pro-news-content h3,
.compact-pro-card .pro-news-content h3{
  font-size: 22px !important;
  line-height: 1.45 !important;
}

/* Most read */
.most-read-pro-block{
  width: 100% !important;
  margin: 42px auto 0 !important;
  padding: 0 !important;
}

.most-read-pro-block .most-read-grid{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.most-read-pro-block .most-read-media-item{
  min-height: 240px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

/* Egyptian subsections */
.egypt-subsections{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 16px !important;
}

.egypt-subsections a{
  min-height: 92px !important;
  padding: 16px !important;
  border-radius: 22px !important;
}

/* ========== NEWS CENTER LOCK ========== */
.newsroom-premium-main{
  width: var(--v172-wide-w) !important;
  margin: 0 auto !important;
  padding: 116px 0 74px !important;
}

.newsroom-premium-hero{
  min-height: 320px !important;
  padding: 42px !important;
  border-radius: 36px !important;
  margin: 0 !important;
}

.newsroom-premium-panel{
  margin-top: 28px !important;
  padding: 24px !important;
  border-radius: 34px !important;
}

.newsroom-toolbar{
  display: grid !important;
  grid-template-columns: minmax(280px, .9fr) 1.5fr !important;
  gap: 16px !important;
  align-items: center !important;
}

.premium-filter-tabs{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.premium-filter-tabs button{
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 18px !important;
  border-radius: 16px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

.newsroom-meta-line{
  margin: 20px 0 18px !important;
}

.premium-lead-news{
  display: grid !important;
  grid-template-columns: 1.25fr .75fr !important;
  gap: 18px !important;
  margin-bottom: 18px !important;
}

.premium-lead-side{
  display: grid !important;
  gap: 18px !important;
}

.premium-lead-card{
  min-height: 250px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
}

.premium-lead-card.is-featured{
  min-height: 520px !important;
}

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

.premium-list-card{
  min-height: 380px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
}

.premium-list-content{
  padding: 20px !important;
}

/* ========== LEAGUES CENTER LOCK ========== */
.leagues-clean-page{
  width: var(--v172-medium-w) !important;
  margin: 120px auto 60px !important;
}

.leagues-clean-hero{
  padding: 34px !important;
  border-radius: 30px !important;
  margin-bottom: 22px !important;
}

.leagues-clean-hero h1{
  font-size: 42px !important;
  line-height: 1.15 !important;
  margin: 8px 0 6px !important;
}

.leagues-clean-filters{
  gap: 16px !important;
  margin: 28px 0 26px !important;
}

.leagues-clean-filters input,
.leagues-clean-filters select{
  height: 62px !important;
  border-radius: 22px !important;
  font-size: 15px !important;
  padding-inline: 52px 18px !important;
}

.leagues-clean-head{
  margin-bottom: 18px !important;
}

.leagues-clean-grid{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
}

.league-clean-card{
  min-height: 246px !important;
  padding: 24px !important;
  border-radius: 28px !important;
}

.league-clean-logo{
  width: 76px !important;
  height: 76px !important;
  border-radius: 24px !important;
}

/* ========== CATEGORY PAGE LOCK ========== */
.category-clean-page,
.category-page{
  width: var(--v172-medium-w) !important;
  margin: 120px auto 60px !important;
}

.category-hero,
.category-clean-hero,
.section-hero{
  padding: 34px !important;
  border-radius: 30px !important;
  margin-bottom: 28px !important;
}

/* ========== MATCH / ARTICLE BASIC LOCK ========== */
.match-detail-page,
.article-pro-page{
  width: min(1320px, 92%) !important;
  margin-inline: auto !important;
}

.lineup-stage{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

.lineup-pitch{
  height: 560px !important;
  min-height: unset !important;
  border-radius: 28px !important;
}

/* ========== RESPONSIVE LOCK ========== */
@media(max-width:1050px){
  .newsroom-premium-hero,
  .newsroom-toolbar,
  .premium-lead-news{
    grid-template-columns: 1fr !important;
  }

  .premium-lead-card.is-featured{
    min-height: 420px !important;
  }

  .premium-news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lineup-stage{
    grid-template-columns: 1fr !important;
  }
}

@media(max-width:900px){
  .topbar{
    padding: 0 18px !important;
  }

  .topbar .menu{
    height: auto !important;
  }

  .home-stage-v113{
    padding-top: 88px !important;
    gap: 12px !important;
  }

  .home-stage-v113 > .breaking-strip,
  .breaking-strip{
    width: 92% !important;
    height: 50px !important;
    min-height: 50px !important;
    grid-template-columns: 92px minmax(0, 1fr) !important;
  }

  .home-stage-v113 > .breaking-strip > strong,
  .breaking-strip > strong{
    width: 92px !important;
    min-width: 92px !important;
    height: 50px !important;
  }

  .breaking-track{
    height: 50px !important;
  }

  .home-news-pro > .pro-section-head,
  .category-pro-section > .pro-section-head,
  .latest-pro-block > .pro-section-head,
  .most-read-pro-block > .pro-section-head{
    width: min(100%, 420px) !important;
    min-width: 0 !important;
    margin: 0 0 16px auto !important;
    padding: 10px 12px !important;
  }

  .home-news-pro > .pro-section-head h2,
  .category-pro-section > .pro-section-head h2,
  .latest-pro-block > .pro-section-head h2,
  .most-read-pro-block > .pro-section-head h2{
    font-size: 22px !important;
    white-space: normal !important;
  }

  .latest-news-pro-grid,
  .category-pro-layout,
  .leagues-clean-grid,
  .leagues-clean-filters{
    grid-template-columns: 1fr !important;
  }

  .leagues-clean-page{
    width: min(100% - 22px, 1250px) !important;
    margin-top: 95px !important;
  }

  .league-clean-card{
    min-height: 220px !important;
  }

  .egypt-subsections{
    grid-template-columns: 1fr 1fr !important;
  }

  .lineup-pitch{
    height: 500px !important;
  }
}

@media(max-width:760px){
  .newsroom-premium-main{
    width: 92% !important;
    padding: 96px 0 54px !important;
  }

  .newsroom-premium-hero{
    min-height: 270px !important;
    padding: 26px !important;
    border-radius: 28px !important;
  }

  .newsroom-premium-panel{
    padding: 16px !important;
    border-radius: 26px !important;
  }

  .premium-lead-card,
  .premium-lead-card.is-featured{
    min-height: 300px !important;
    border-radius: 24px !important;
  }

  .premium-news-grid{
    grid-template-columns: 1fr !important;
  }

  .premium-list-card{
    min-height: 320px !important;
    display: block !important;
  }

  .premium-list-content{
    padding: 16px !important;
  }

  .most-read-pro-block .most-read-grid{
    grid-template-columns: 1fr !important;
  }

  .lineup-pitch{
    height: 430px !important;
  }
}

@media(max-width:540px){
  .egypt-subsections{
    grid-template-columns: 1fr !important;
  }

  .hero-news-slider{
    min-height: 430px !important;
  }
}








html[data-visual-theme="dark"]{
  color-scheme: dark;
}



/* Header */






/* Generic panels */


/* Home section headers */








/* Cards */






/* Newsroom */












/* News cards over images remain white text on overlay */


/* Leagues cards */


/* Article / match text */




/* Footer */






/* =========================================================
   Balanced public UI layer
   Source: clean-balanced-v186.css
========================================================= */


:root{
  --v186-red:#d91f2d;
  --v186-red-soft:#ef4454;
  --v186-blue:#2454a6;
  --v186-navy:#101827;
  --v186-light-bg:#f4f7fb;
  --v186-light-surface:#ffffff;
  --v186-light-soft:#f8fafc;
  --v186-light-text:#101828;
  --v186-light-muted:#667085;
  --v186-border:rgba(16,24,40,.10);
  --v186-radius:24px;
  --v186-radius-lg:30px;
}







/* =========================================================
   HEADER
========================================================= */









/* Dropdown */












/* Section headers */














/* =========================================================
   EMPTY STATES — من غير بلوكات ضخمة
========================================================= */





/* =========================================================
   MOST READ — كروت فقط
========================================================= */







/* =========================================================
   BUTTONS
========================================================= */





/* =========================================================
   SEARCH + FILTERS
========================================================= */









/* =========================================================
   BREAKING STRIP
========================================================= */







/* =========================================================
   ARTICLE PAGE CLEANUP
========================================================= */

.article-pro-page .article-pro-category,
.article-pro-page .article-pro-meta{
  display:none !important;
}

.article-pro-page .article-hero-content{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
  gap:14px !important;
  padding-top:42px !important;
  padding-bottom:36px !important;
}

.article-pro-page .article-back-link{
  margin:0 !important;
  align-self:flex-start !important;
}

.article-pro-page #articleTitle{
  margin:0 !important;
  max-width:840px !important;
}

/* =========================================================
   DARK MODE: لا نكسر شكله
========================================================= */

html[data-visual-theme="dark"] .empty-news,
html[data-theme="dark"] .empty-news{
  background:rgba(255,255,255,.06) !important;
  color:rgba(255,255,255,.80) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */





/* =========================================================
   Homepage category desktop/original section layout
   Source: sections-v164.css
========================================================= */
/* =========================================================
   v162 - SECTIONS ONLY patch + v161 main headline safety
   Purpose:
   1) Keep the latest main headline update: smaller, one line, ellipsis.
   2) Apply ONLY the homepage category sections display from:
      الكورة المصرية -> الكورة العربية -> الكورة العالمية -> رياضات أخرى.
   This file is intentionally scoped to .home-page .category-pro-section.
========================================================= */

/* v161: main news headline smaller and one line */
.home-news-pro .hero-slide-content,
.hero-slide-content{
    max-width:calc(100% - 116px) !important;
}

.home-news-pro .hero-slide-content h2,
.hero-slide-content h2{
    font-family:"Cairo","Tajawal","IBM Plex Sans Arabic",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:clamp(28px,2.65vw,42px) !important;
    line-height:1.18 !important;
    font-weight:850 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    text-wrap:nowrap !important;
    max-width:100% !important;
    margin-bottom:10px !important;
    color:#fff !important;
    -webkit-text-stroke:0 transparent !important;
    text-stroke:0 transparent !important;
    text-shadow:0 3px 14px rgba(0,0,0,.55) !important;
}

.home-news-pro .hero-slide-content p,
.hero-slide-content p{
    max-width:820px !important;
}

@media(max-width:760px){
    .home-news-pro .hero-slide-content,
    .hero-slide-content{
        right:18px !important;
        left:18px !important;
        max-width:none !important;
    }

    .home-news-pro .hero-slide-content h2,
    .hero-slide-content h2{
        font-size:24px !important;
        line-height:1.22 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        margin-bottom:8px !important;
    }
}

/* Homepage category sections only: الكورة المصرية -> رياضات أخرى */
.home-page .category-pro-section{
    width:min(1360px,94%) !important;
    margin:72px auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    position:relative !important;
}

.home-page .category-pro-section::before,
.home-page .category-pro-section::after{
    display:none !important;
    content:none !important;
}

.home-page .category-pro-section > .pro-section-head{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:auto !important;
    margin:0 0 28px !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:18px !important;
    direction:rtl !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    overflow:visible !important;
}

.home-page .category-pro-section > .pro-section-head > div{
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    text-align:right !important;
}

.home-page .category-pro-section > .pro-section-head span{
    display:block !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 8px !important;
    padding:0 !important;
    color:#ff515f !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
}

.home-page .category-pro-section > .pro-section-head h2{
    margin:0 !important;
    color:#fff !important;
    font-family:"Cairo","Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:clamp(36px,4.2vw,62px) !important;
    line-height:1.06 !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    white-space:normal !important;
    text-shadow:0 5px 18px rgba(0,0,0,.25) !important;
}

.home-page .category-pro-section > .pro-section-head p{
    display:none !important;
}

.home-page .category-pro-section > .pro-section-head .view-all-link{
    flex:0 0 auto !important;
    min-width:auto !important;
    width:auto !important;
    min-height:44px !important;
    height:44px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    padding:0 20px !important;
    border-radius:999px !important;
    font-size:14px !important;
    line-height:1 !important;
    font-weight:850 !important;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.14) !important;
    box-shadow:none !important;
    margin:0 !important;
    white-space:nowrap !important;
    transition:transform .22s ease,border-color .22s ease,background .22s ease !important;
}

.home-page .category-pro-section > .pro-section-head .view-all-link:hover{
    transform:translateY(-2px) !important;
    border-color:rgba(255,81,95,.36) !important;
    background:rgba(255,81,95,.14) !important;
}

/* Section cards display */
.home-page .category-pro-section .category-pro-layout{
    display:grid !important;
    grid-template-columns:1.1fr .9fr !important;
    gap:18px !important;
    align-items:stretch !important;
    width:100% !important;
}

.home-page .category-pro-section .category-side-list{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:18px !important;
}

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

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

.home-page .category-pro-section .pro-news-image{
    position:absolute !important;
    inset:0 !important;
    background-size:cover !important;
    background-position:center !important;
    transition:transform .55s ease !important;
}

.home-page .category-pro-section .pro-news-card:hover .pro-news-image{
    transform:scale(1.06) !important;
}

.home-page .category-pro-section .pro-news-content{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    padding:22px !important;
    text-align:right !important;
}

.home-page .category-pro-section .pro-news-content span{
    display:inline-flex !important;
    width:max-content !important;
    max-width:100% !important;
    padding:6px 11px !important;
    margin:0 0 12px !important;
    border-radius:999px !important;
    background:rgba(255,49,49,.16) !important;
    color:#ff6868 !important;
    border:0 !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

.home-page .category-pro-section .pro-news-content h3{
    margin:0 !important;
    font-size:22px !important;
    line-height:1.45 !important;
    font-weight:900 !important;
    color:#fff !important;
    display:-webkit-box !important;
    -webkit-line-clamp:3 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.home-page .category-pro-section .pro-news-content p{
    margin:8px 0 0 !important;
    color:#c2cadb !important;
    line-height:1.75 !important;
    font-size:14px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
}

.home-page .category-pro-section .featured-category-card{
    min-height:420px !important;
    border-radius:34px !important;
}

.home-page .category-pro-section .featured-category-card .pro-news-content h3{
    font-size:30px !important;
    line-height:1.35 !important;
}

.home-page .category-pro-section .compact-pro-card{
    min-height:201px !important;
    border-radius:24px !important;
}

.home-page .category-pro-section .compact-pro-card .pro-news-content{
    padding:16px !important;
}

.home-page .category-pro-section .compact-pro-card .pro-news-content h3{
    font-size:16px !important;
    line-height:1.55 !important;
    -webkit-line-clamp:2 !important;
}

.home-page .category-pro-section .compact-pro-card .pro-news-content p{
    display:none !important;
}

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

/* Egyptian sub sections */
.home-page .egypt-subsections{
    margin-top:22px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:14px !important;
}

.home-page .egypt-subsections a{
    min-height:88px !important;
    padding:16px 18px !important;
    border-radius:20px !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
    transition:transform .22s ease,border-color .22s ease,background .22s ease !important;
}

.home-page .egypt-subsections a:hover{
    transform:translateY(-3px) !important;
    border-color:rgba(255,81,95,.28) !important;
    background:rgba(255,255,255,.065) !important;
}

.home-page .egypt-subsections a span{
    display:block !important;
    margin:0 0 8px !important;
    color:#ff515f !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.home-page .egypt-subsections a strong{
    display:block !important;
    color:#fff !important;
    font-size:15px !important;
    line-height:1.5 !important;
    font-weight:900 !important;
}

@media(max-width:1000px){
    .home-page .category-pro-section .category-pro-layout{
        grid-template-columns:1fr !important;
    }
}

@media(max-width:900px){
    .home-page .category-pro-section{
        width:min(100% - 28px,100%) !important;
        margin:52px auto !important;
    }

    .home-page .category-pro-section > .pro-section-head{
        align-items:flex-start !important;
        gap:12px !important;
    }

    .home-page .category-pro-section > .pro-section-head h2{
        font-size:34px !important;
    }

    .home-page .category-pro-section .category-side-list,
    .home-page .egypt-subsections{
        grid-template-columns:1fr !important;
    }

    .home-page .category-pro-section .featured-category-card{
        min-height:330px !important;
    }

    .home-page .category-pro-section .featured-category-card .pro-news-content h3,
    .home-page .category-pro-section .pro-news-content h3{
        font-size:21px !important;
        line-height:1.45 !important;
        -webkit-line-clamp:2 !important;
    }

    .home-page .category-pro-section .compact-pro-card{
        min-height:190px !important;
    }
}

@media(max-width:520px){
    .home-page .category-pro-section > .pro-section-head{
        margin-bottom:20px !important;
    }

    .home-page .category-pro-section > .pro-section-head h2{
        font-size:30px !important;
    }

    .home-page .category-pro-section > .pro-section-head .view-all-link{
        height:40px !important;
        padding:0 16px !important;
        font-size:13px !important;
    }
}














/* =========================================================
   v163 - Soft section label patch
   Purpose:
   Remove the hard outline/badge look around English section labels
   such as EGYPTIAN FOOTBALL, ARAB FOOTBALL, WORLD FOOTBALL,
   OTHER SPORTS, and the category page label.
========================================================= */

/* Homepage category labels */
.home-page .category-pro-section > .pro-section-head span,
.home-page .category-pro-section > .pro-section-head .section-label,
.home-page .category-pro-section > .pro-section-head .section-kicker,
.home-page .category-pro-section > .pro-section-head [class*="label"],
.home-page .category-pro-section > .pro-section-head [class*="kicker"],
/* Category page label */
.category-page .category-page-section .section-title span,
.category-page .news-section.category-page-section .section-title span,
.category-page #categoryPageLabel,
/* General reused section label/kicker classes */
.section-title > span,
.pro-section-head > div > span,
.section-label,
.section-kicker,
.news-section .section-title span{
    display:inline-block !important;
    width:auto !important;
    max-width:100% !important;
    padding:0 !important;
    margin:0 0 10px !important;
    background:transparent !important;
    background-image:none !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    color:#e94b55 !important;
    font-family:"Cairo","Tajawal",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:12px !important;
    line-height:1.25 !important;
    font-weight:750 !important;
    letter-spacing:1.45px !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    text-shadow:none !important;
    -webkit-text-stroke:0 transparent !important;
    text-stroke:0 transparent !important;
    filter:none !important;
    -webkit-font-smoothing:antialiased !important;
    -moz-osx-font-smoothing:grayscale !important;
    text-rendering:geometricPrecision !important;
}

/* Remove pseudo borders/glows sometimes attached to labels */
.home-page .category-pro-section > .pro-section-head span::before,
.home-page .category-pro-section > .pro-section-head span::after,
.category-page .category-page-section .section-title span::before,
.category-page .category-page-section .section-title span::after,
.category-page #categoryPageLabel::before,
.category-page #categoryPageLabel::after,
.section-title > span::before,
.section-title > span::after,
.pro-section-head > div > span::before,
.pro-section-head > div > span::after{
    display:none !important;
    content:none !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Category page header: keep it clean and soft, without a hard outlined badge feeling */
.category-page .category-page-section,
.category-page .news-section.category-page-section{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

.category-page .category-page-section .section-title,
.category-page .news-section.category-page-section .section-title{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
}








/* Main visible buttons: view all, theme toggle, menu toggle, dynamic buttons */

















/* Theme and mobile menu buttons: keep icons/lines very clear */




















/* Reduce motion for users who prefer it */




/* =========================================================
   Leagues center finalized layout
   Source: sections-v168.css
========================================================= */
/* =====================================================
   3alTrack v165 — Professional Dark Mode Leagues Center
   Scope: leagues.html فقط — البحث، فلتر الدول، وكروت البطولات
   ===================================================== */

/* Make sure the leagues center breathes better in dark mode */




/* Hero refinement */




@keyframes leaguesHeroSweepV165{
  0%, 68% { transform: translateX(-110%); opacity: 0; }
  76% { opacity: 1; }
  100% { transform: translateX(110%); opacity: 0; }
}







/* Search + country filter */
















/* Results title and count */






/* League cards */












































/* =====================================================
   3alTrack v166 — Arabic country search + remove country scroll
   Scope: leagues.html only
   ===================================================== */
.leagues-clean-filters-v166{
  grid-template-columns: 1fr !important;
  max-width: 780px;
  margin-inline: auto !important;
}
.leagues-clean-filters-v166 .league-search-pro{
  width: 100% !important;
}
#leagueCountryFilter,
.league-country-pro{
  display: none !important;
}


.league-clean-country span{
  white-space: nowrap;
}
@media(max-width:900px){
  .leagues-clean-filters-v166{
    max-width: 100%;
  }
}

/* =====================================================
   3alTrack v167 — Leagues hero text pure white and clearer
   Scope: leagues.html only
   ===================================================== */
.leagues-clean-hero span,
.leagues-clean-hero h1,
.leagues-clean-hero p{
  color: #ffffff !important;
}

.leagues-clean-hero span{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: 0 4px 14px rgba(0,0,0,.20) !important;
}

.leagues-clean-hero h1{
  text-shadow: 0 10px 26px rgba(0,0,0,.30) !important;
}

.leagues-clean-hero p{
  opacity: .96;
  text-shadow: 0 6px 18px rgba(0,0,0,.22) !important;
}



/* =====================================================
   3alTrack v168 — leagues hero title pure white fix
   Scope: leagues.html only
   ===================================================== */








/* =========================================================
   Homepage top stories slider restore
   Source: main-news-slider-v191.css
========================================================= */
/* =========================================================
   3alTrack v191 — Restore Main News Slider
   رجوع اسلايدر الخبر الرئيسي بشكل واضح واحترافي
========================================================= */

.home-news-pro .hero-news-slider,
.hero-news-slider{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  width:100% !important;
  min-height:620px !important;
  border-radius:38px !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.home-news-pro .hero-slide,
.hero-slide{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:opacity .65s ease, visibility .65s ease !important;
}

.home-news-pro .hero-slide.active,
.hero-slide.active{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.home-news-pro .hero-slide-bg,
.hero-slide-bg{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background-size:cover !important;
  background-position:center !important;
  z-index:0 !important;
}

.home-news-pro .hero-slide::after,
.hero-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:
    linear-gradient(to top,
      rgba(2,6,23,.94) 0%,
      rgba(2,6,23,.82) 18%,
      rgba(2,6,23,.55) 38%,
      rgba(2,6,23,.20) 58%,
      rgba(2,6,23,.02) 78%) !important;
}

.home-news-pro .hero-slide-content,
.hero-slide-content{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  position:absolute !important;
  right:42px !important;
  left:42px !important;
  bottom:42px !important;
  z-index:4 !important;
  max-width:850px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.home-news-pro .hero-slide-content span,
.hero-slide-content span{
  display:inline-flex !important;
  width:max-content !important;
  margin-bottom:12px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:#d91f2d !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.home-news-pro .hero-slide-content h2,
.hero-slide-content h2{
  color:#ffffff !important;
  font-size:clamp(30px,4.2vw,56px) !important;
  line-height:1.14 !important;
  font-weight:950 !important;
  margin:0 0 12px !important;
  text-shadow:0 3px 18px rgba(0,0,0,.36) !important;
}

.home-news-pro .hero-slide-content p,
.hero-slide-content p{
  color:rgba(255,255,255,.86) !important;
  font-size:17px !important;
  line-height:1.85 !important;
  max-width:720px !important;
  margin:0 !important;
}

.home-news-pro .hero-slide-dots,
.hero-slide-dots{
  display:flex !important;
  position:absolute !important;
  left:34px !important;
  bottom:34px !important;
  z-index:6 !important;
  gap:8px !important;
}

.home-news-pro .hero-slide-dots button,
.hero-slide-dots button{
  width:9px !important;
  height:9px !important;
  border-radius:999px !important;
  border:0 !important;
  padding:0 !important;
  background:rgba(255,255,255,.45) !important;
}

.home-news-pro .hero-slide-dots button.active,
.hero-slide-dots button.active{
  width:28px !important;
  background:#ffffff !important;
}



html[data-visual-theme="dark"] .home-news-pro .hero-news-slider,
html[data-theme="dark"] .home-news-pro .hero-news-slider{
  background:#050814 !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 28px 72px rgba(0,0,0,.32) !important;
}

@media(max-width:900px){
  .home-news-pro .hero-news-slider,
  .hero-news-slider{
    min-height:520px !important;
    border-radius:28px !important;
  }

  .home-news-pro .hero-slide-content,
  .hero-slide-content{
    right:22px !important;
    left:22px !important;
    bottom:32px !important;
  }

  .home-news-pro .hero-slide-content h2,
  .hero-slide-content h2{
    font-size:clamp(24px,7vw,34px) !important;
  }

  .home-news-pro .hero-slide-content p,
  .hero-slide-content p{
    font-size:15px !important;
  }

  .home-news-pro .hero-slide-dots,
  .hero-slide-dots{
    left:22px !important;
    bottom:22px !important;
  }
}



/* =========================================================
   Navbar/footer logo sizing and match-card baseline
   Source: match-time-logo-v193.css
========================================================= */
/* =========================================================
   3alTrack v193
   - Match time full-width inside match card
   - Bigger navbar and footer logo
========================================================= */

/* =========================
   Bigger logo in navbar
========================= */
.topbar .brand{
  gap:10px !important;
}

.topbar .brand img,
header.topbar .brand img{
  width:auto !important;
  height:52px !important;
  max-height:52px !important;
  object-fit:contain !important;
}

.topbar .brand-slogan{
  font-size:13px !important;
  font-weight:900 !important;
}

/* =========================
   Bigger logo in footer
========================= */
.pro-footer-brand img,
footer .pro-footer-brand img{
  width:auto !important;
  height:58px !important;
  max-height:58px !important;
  object-fit:contain !important;
}

.pro-footer-brand span strong{
  font-size:22px !important;
  line-height:1.1 !important;
}

.pro-footer-brand span small{
  font-size:13px !important;
}

/* =========================
   Full-width professional match time
========================= */

/* Home match card center */
.match-score-v64 .match-local-time-v190.local-time-refined-v192,
.match-score-v64 .local-time-refined-v192{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:10px 0 5px !important;
  padding:8px 12px !important;
  border-radius:16px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:7px !important;
  direction:ltr !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.match-score-v64 .local-time-refined-v192 svg{
  width:15px !important;
  height:15px !important;
  flex:none !important;
  opacity:.88 !important;
}

.match-score-v64 .local-time-refined-v192 span{
  font-size:9px !important;
  font-weight:950 !important;
  letter-spacing:1.05px !important;
  text-align:left !important;
  opacity:.78 !important;
}

.match-score-v64 .local-time-refined-v192 strong{
  font-size:14px !important;
  font-weight:950 !important;
  text-align:right !important;
  letter-spacing:.1px !important;
}

.match-score-v64 .local-time-refined-v192 small{
  display:none !important;
}

/* Compact match-center cards */
.center-score .center-local-time-v190.local-time-refined-v192,
.center-score .local-time-refined-v192{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:7px 0 6px !important;
  padding:7px 10px !important;
  border-radius:14px !important;
  display:grid !important;
  grid-template-columns:auto 1fr auto !important;
  align-items:center !important;
  justify-content:center !important;
  column-gap:6px !important;
  direction:ltr !important;
  line-height:1 !important;
}

.center-score .local-time-refined-v192 svg{
  width:14px !important;
  height:14px !important;
  flex:none !important;
}

.center-score .local-time-refined-v192 span{
  font-size:8px !important;
  font-weight:950 !important;
  letter-spacing:.85px !important;
  text-align:left !important;
}

.center-score .local-time-refined-v192 strong{
  font-size:13px !important;
  font-weight:950 !important;
  text-align:right !important;
}

.center-score .local-time-refined-v192 small{
  display:none !important;
}








/* Dark mode */
html[data-visual-theme="dark"] .local-time-refined-v192,
html[data-theme="dark"] .local-time-refined-v192{
  background:rgba(255,255,255,.08) !important;
  color:#dbe7ff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}

html[data-visual-theme="dark"] .local-time-refined-v192 strong,
html[data-theme="dark"] .local-time-refined-v192 strong{
  color:#ffffff !important;
}

html[data-visual-theme="dark"] .local-time-refined-v192 span,
html[data-theme="dark"] .local-time-refined-v192 span{
  color:#ff6b78 !important;
}

/* Mobile logo balance */
@media(max-width:760px){
  .topbar .brand img,
  header.topbar .brand img{
    height:46px !important;
    max-height:46px !important;
  }

  .topbar .brand-slogan{
    font-size:12px !important;
  }

  .pro-footer-brand img,
  footer .pro-footer-brand img{
    height:52px !important;
    max-height:52px !important;
  }

  .match-score-v64 .local-time-refined-v192{
    padding:7px 9px !important;
    column-gap:5px !important;
  }

  .match-score-v64 .local-time-refined-v192 span{
    font-size:8px !important;
    letter-spacing:.75px !important;
  }

  .match-score-v64 .local-time-refined-v192 strong{
    font-size:12px !important;
  }
}



/* =========================================================
   Approved continuation fixes before final time treatment
   Source: continue-v208.css
========================================================= */


/* ========== Local match time clarity ========== */
.local-time-clear-v208{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  text-align:center !important;
  border-radius:16px !important;
  font-style:normal !important;
  isolation:isolate !important;
}

.local-time-clear-v208 span{
  display:block !important;
  direction:rtl !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:950 !important;
  opacity:.88 !important;
  letter-spacing:0 !important;
}

.local-time-clear-v208 strong{
  display:block !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-size:19px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.6px !important;
  margin-top:3px !important;
}

.local-time-clear-v208 small{
  display:block !important;
  direction:rtl !important;
  max-width:104px !important;
  margin-top:3px !important;
  font-size:8.5px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.center-score .local-time-clear-v208{
  padding:8px 10px !important;
  margin:6px auto 5px !important;
  min-width:118px !important;
}

.match-score-v64 .local-time-clear-v208{
  padding:9px 12px !important;
  margin-top:8px !important;
  min-width:122px !important;
}

html[data-theme="dark"] .local-time-clear-v208,
html[data-visual-theme="dark"] .local-time-clear-v208{
  color:#ffffff !important;
  background:
    radial-gradient(circle at 20% 10%,rgba(255,255,255,.14),transparent 30%),
    linear-gradient(135deg,rgba(225,29,46,.24),rgba(7,10,18,.82)) !important;
  border:1px solid rgba(225,29,46,.34) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] .local-time-clear-v208 small,
html[data-visual-theme="dark"] .local-time-clear-v208 small{
  color:#ffcf7a !important;
}







/* Make scheduled compact score readable */
.center-score > b{
  direction:ltr !important;
  unicode-bidi:isolate !important;
}

/* ========== World Cup logo clarity ========== */
.league-tab img[src*="2026_FIFA_World_Cup_emblem"],
.match-competition-link-v84 img[src*="2026_FIFA_World_Cup_emblem"]{
  object-fit:contain !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:0 !important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.25)) !important;
}

.league-tab img[src*="2026_FIFA_World_Cup_emblem"]{
  width:34px !important;
  height:34px !important;
}

.match-competition-link-v84 img[src*="2026_FIFA_World_Cup_emblem"]{
  width:34px !important;
  height:34px !important;
}
















@media(max-width:760px){
  .center-score .local-time-clear-v208{
    min-width:102px !important;
    padding:7px 8px !important;
  }

  .local-time-clear-v208 strong{
    font-size:16px !important;
  }

  .local-time-clear-v208 small{
    max-width:92px !important;
    font-size:7.6px !important;
  }

  .match-score-v64 .local-time-clear-v208{
    min-width:104px !important;
    padding:7px 9px !important;
  }
}



/* =========================================================
   Final approved plain visitor-local time under VS
   Source: plain-time-under-vs-v211.css
========================================================= */
/* =========================================================
   3alTrack v211 — Plain Time Under VS
   الوقت نص فقط تحت VS بدون مربع/تحديد/خلفية
========================================================= */

/* Kill the time pill completely */
.match-time-only-v209,
.local-time-clear-v208,
.center-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194,
.match-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194{
  display:block !important;
  min-width:0 !important;
  max-width:none !important;
  width:auto !important;
  height:auto !important;
  padding:0 !important;
  margin:4px auto 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  overflow:visible !important;
  color:inherit !important;
}

/* The actual time text only */
.match-time-only-v209 strong,
.local-time-clear-v208 strong,
.center-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 strong,
.match-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 strong{
  display:block !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  font-size:18px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:-.35px !important;
  color:#ffffff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.28) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  white-space:nowrap !important;
}

/* Hide any old helper labels */
.match-time-only-v209 span,
.match-time-only-v209 small,
.local-time-clear-v208 span,
.local-time-clear-v208 small,
.center-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 span,
.center-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 small,
.match-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 span,
.match-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 small{
  display:none !important;
}

/* Make the VS block clean and centered */
.match-card-v64 .match-score-v64{
  min-width:88px !important;
  padding:0 4px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.match-card-v64 .match-score-v64 b{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin:0 auto !important;
  overflow:visible !important;
}

.match-card-v64 .match-score-v64 > b:not(:has(.match-time-only-v209)){
  font-size:32px !important;
}

/* Scheduled match: VS then time text under it */
.match-card-v64 .match-score-v64 b .match-time-only-v209{
  margin-top:4px !important;
}

/* If the time is rendered inside b, keep it simple */
.match-card-v64 .match-score-v64 b .match-time-only-v209 strong{
  font-size:18px !important;
}




/* Center match list too */
.center-score .match-time-only-v209,
.center-score .local-time-clear-v208{
  margin:4px auto 0 !important;
}

.center-score .match-time-only-v209 strong,
.center-score .local-time-clear-v208 strong{
  font-size:17px !important;
}

/* Small screens */
@media(max-width:760px){
  .match-card-v64 .match-score-v64{
    min-width:70px !important;
    padding:0 2px !important;
  }

  .match-card-v64 .match-score-v64 > b:not(:has(.match-time-only-v209)){
    font-size:26px !important;
  }

  .match-time-only-v209 strong,
  .local-time-clear-v208 strong,
  .center-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 strong,
  .match-local-time-v190.local-time-pro-v191.local-time-refined-v192.local-time-hour-only-v194 strong{
    font-size:15px !important;
    letter-spacing:-.25px !important;
  }

  .center-score .match-time-only-v209 strong,
  .center-score .local-time-clear-v208 strong{
    font-size:15px !important;
  }
}

@media(max-width:390px){
  .match-time-only-v209 strong,
  .local-time-clear-v208 strong{
    font-size:14px !important;
  }
}



/* =========================================================
   Article page relayout
   Source: article-page-v187.css
========================================================= */
/* v187 Article page relayout */
.article-pro-page .article-pro-hero{
    display:none !important;
}

.article-pro-page main{
    padding-top:24px;
}

.article-shell-v187{
    margin-top:0 !important;
    align-items:start;
}

.article-pro-content-v187{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:28px !important;
}

.article-inline-tools{
    display:flex;
    justify-content:flex-start;
}

.article-back-link-inline{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
    font-size:14px;
    background:rgba(255,255,255,.08);
    color:#f8fbff;
    border:1px solid rgba(255,255,255,.10);
}

.article-figure-holder,
.article-premium-figure-v187{
    margin:0;
}

.article-loading-box{
    min-height:260px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:28px;
    background:rgba(255,255,255,.05);
    color:#e8eef9;
    font-weight:800;
}

.article-pro-page .article-premium-figure-v187{
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.article-pro-page .article-premium-figure-v187 .article-main-image{
    width:100%;
    display:block;
    aspect-ratio:16/9;
    object-fit:cover;
    border-radius:28px;
    margin:0 !important;
}

.article-pro-page .article-premium-figure-v187 figcaption{
    display:none !important;
}

.article-pro-page .article-info-card{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    gap:14px !important;
}

.article-pro-page .article-info-card div{
    padding:16px 18px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.065) !important;
    border:1px solid rgba(255,255,255,.08) !important;
    box-shadow:none !important;
}

.article-inline-header{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.article-inline-header h1{
    margin:0;
    color:#ffffff;
    font-size:clamp(30px,3.7vw,42px);
    line-height:1.25;
    font-weight:900;
}

.article-pro-page .article-body-pro{
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
}

.article-pro-page .article-body-pro p,
.article-pro-page .article-body-pro .article-lead-paragraph,
.article-pro-page .article-body-pro blockquote{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 0 18px !important;
}

.article-pro-page .article-body-pro p,
.article-pro-page .article-body-pro .article-lead-paragraph{
    color:#e8eef9 !important;
    font-size:18px !important;
    line-height:2.1 !important;
    font-weight:700 !important;
}

.article-pro-page .article-body-pro p:last-child,
.article-pro-page .article-body-pro .article-lead-paragraph:last-child,
.article-pro-page .article-body-pro blockquote:last-child{
    margin-bottom:0 !important;
}

.article-pro-page .article-body-pro .article-lead-paragraph::before{
    content:none !important;
}

.article-pro-page .article-share-box button{
    box-shadow:none !important;
}









@media (max-width: 1050px){
    .article-pro-content-v187{
        order:1;
    }

    .article-pro-page .article-share-box{
        order:3;
    }

    .article-pro-page .article-side-column{
        order:2;
    }
}

@media (max-width: 760px){
    .article-pro-content-v187{
        padding:18px !important;
        gap:16px;
    }

    .article-back-link-inline{
        font-size:13px;
        padding:9px 14px;
    }

    .article-pro-page .article-premium-figure-v187 .article-main-image{
        border-radius:20px;
    }

    .article-pro-page .article-info-card{
        grid-template-columns:1fr !important;
    }

    .article-inline-header h1{
        font-size:clamp(24px,7vw,32px);
    }

    .article-pro-page .article-body-pro p,
    .article-pro-page .article-body-pro .article-lead-paragraph{
        font-size:16px !important;
        line-height:1.95 !important;
    }
}






/* Remove most-read section fully on article page */
.article-pro-page .article-wide-most-read,
.article-pro-page #articleMostRead{
  display:none !important;
}

/* General spacing after removing most-read */
.article-pro-page .article-bottom-related{
  margin-top:42px !important;
}





/* Main article layout */


/* Main content card */


/* Image: clean premium edge */


/* Back button */




/* Info cards under image */








/* Title */


/* Article text: remove selection-looking boxes and force readability */






/* Sidebar related */






/* Related cards */






/* Share buttons */




/* Empty states */


/* Bottom related */




/* Navigation previous/next */






/* Keep dark mode unchanged except hiding most-read */
html[data-visual-theme="dark"] .article-pro-page .article-wide-most-read,
html[data-theme="dark"] .article-pro-page .article-wide-most-read{
  display:none !important;
}

/* Mobile refinement */




/* =========================================================
   Article share icons
   Source: article-page-v189.css
========================================================= */
/* =========================================================
   3alTrack v189 — Article Share Icons
   - تحويل WhatsApp / Facebook / X إلى أيقونات
   - ترك "نسخ الرابط" نص كما هو
========================================================= */

.article-pro-page .article-share-box{
  gap:12px !important;
}

/* Icon-only share buttons */
.article-pro-page .article-share-box .article-share-icon-btn{
  width:52px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:1 !important;
}

.article-pro-page .article-share-box .article-share-icon-btn svg{
  width:23px !important;
  height:23px !important;
  display:block !important;
  fill:currentColor !important;
  pointer-events:none !important;
}

/* Keep copy link as text */
.article-pro-page .article-share-box #copyArticleLink{
  width:auto !important;
  min-width:96px !important;
  padding-inline:14px !important;
  font-size:13px !important;
  font-weight:850 !important;
  border-radius:16px !important;
}

/* Dark mode colors */
html[data-visual-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn,
html[data-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn{
  background:rgba(255,255,255,.075) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

html[data-visual-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.whatsapp:hover,
html[data-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.whatsapp:hover{
  background:#25D366 !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

html[data-visual-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.facebook:hover,
html[data-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.facebook:hover{
  background:#1877F2 !important;
  color:#ffffff !important;
  border-color:transparent !important;
}

html[data-visual-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.x-twitter:hover,
html[data-theme="dark"] .article-pro-page .article-share-box .article-share-icon-btn.x-twitter:hover{
  background:#0f172a !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.18) !important;
}


















/* Mobile: keep icons neat in one row */
@media(max-width:1050px){
  .article-pro-page .article-share-box{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
  }

  .article-pro-page .article-share-box .article-share-icon-btn{
    width:48px !important;
    height:48px !important;
    min-height:48px !important;
    border-radius:16px !important;
  }

  .article-pro-page .article-share-box #copyArticleLink{
    min-height:48px !important;
  }
}






/* توزيع ثابت مثل الدارك */
body.article-pro-page .article-pro-shell{
  width:min(1320px,92%) !important;
  margin:0 auto 70px !important;
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr) 340px !important;
  gap:22px !important;
  align-items:start !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.article-pro-page .article-share-box{
  position:sticky !important;
  top:105px !important;
  display:grid !important;
  gap:10px !important;
  width:auto !important;
}

body.article-pro-page .article-pro-content,
body.article-pro-page .article-pro-content-v187{
  grid-column:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  padding:28px !important;
}

body.article-pro-page .article-side-column{
  display:block !important;
  position:relative !important;
}




/* الكروت الرئيسية */




/* صورة الخبر واللودينج */


/* معلومات الخبر */








/* النصوص */




/* الزرار الرجوع */


/* الأخبار المشابهة والمزيد */






/* أزرار المشاركة */




/* موبايل: نفس ترتيب الدارك */
@media(max-width:1050px){
  body.article-pro-page .article-pro-shell{
    grid-template-columns:1fr !important;
  }

  body.article-pro-page .article-pro-content,
  body.article-pro-page .article-pro-content-v187{
    order:1 !important;
  }

  body.article-pro-page .article-side-column{
    order:2 !important;
  }

  body.article-pro-page .article-share-box{
    order:3 !important;
    position:static !important;
  }
}

@media(max-width:760px){
  body.article-pro-page .article-pro-shell{
    width:min(100% - 24px,1320px) !important;
    gap:18px !important;
  }

  body.article-pro-page .article-pro-content,
  body.article-pro-page .article-pro-content-v187{
    padding:18px !important;
    gap:16px !important;
  }

  
}










/* Home/category large section blocks shown in screenshot */





/* English labels like ARAB FOOTBALL */


/* Paragraphs/small descriptions */


/* Article page: hard contrast */


/* Main content card must be solid, not translucent */


/* Remove dull grey/translucent layers inside the article */












/* Meta/info/sidebar */


















/* ===== Category sections on homepage: visible text over cards ===== */


/* section title/header */






/* cards: white card, image as faint background */





/* reduce image visual noise */


/* content must sit above overlay */


/* actual card text */






/* empty text */


/* ===== Article page: make the article body readable ===== */




/* article title */


/* body container */


/* body text, regardless of dynamic tags generated by JS */




/* lead/first paragraph stronger */


/* side/related cards */








/* mobile cleanup */











/* بدل الطبقة البيضاء الثقيلة، نخلي الصورة واضحة مع تغميقة سفلية فقط */




/* المحتوى يكون جزء من الكارت نفسه زي الدارك، مش بوكس منفصل */


















/* تحسين بسيط لصفحة المقال فقط من غير تغيير شكلها جذرياً */








/* =========================================================
   v218 home top stories and mobile polish
   Source: home-mobile-topstories-fix-v218.css
========================================================= */


/* نستخدم data-theme و data-visual-theme لضمان التطبيق */




































/* =========================
   3) إصلاح الموبايل للأقسام + أهم الأخبار
========================= */




@media (max-width: 900px){
  /* Header locked to the approved original mobile order */
  header.topbar,
  .topbar{
    direction:ltr !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 18px !important;
    display:grid !important;
    grid-template-columns:70px minmax(0,1fr) 118px !important;
    grid-template-areas:"menu theme brand" !important;
    align-items:center !important;
    gap:10px !important;
    position:sticky !important;
    top:0 !important;
    z-index:5000 !important;
    background:rgba(6,10,18,.96) !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
  }

  

  header.topbar .brand,
  .topbar .brand{
    grid-area:brand !important;
    justify-self:end !important;
    direction:rtl !important;
    height:78px !important;
    width:auto !important;
    max-width:118px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:7px !important;
    margin:0 !important;
    padding:0 !important;
    order:initial !important;
  }

  header.topbar .brand img,
  .topbar .brand img{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    object-fit:contain !important;
  }

  header.topbar .brand-slogan,
  .topbar .brand-slogan{
    display:block !important;
    font-size:12.5px !important;
    line-height:1.2 !important;
    font-weight:950 !important;
    color:#f8fafc !important;
    white-space:nowrap !important;
  }

  

  header.topbar .theme-toggle,
  .topbar .theme-toggle,
  .theme-toggle{
    grid-area:theme !important;
    justify-self:center !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    border-radius:18px !important;
    background:#161d2a !important;
    border:1px solid rgba(255,255,255,.10) !important;
    color:#fff !important;
    opacity:1 !important;
    visibility:visible !important;
    order:initial !important;
  }

  header.topbar .theme-toggle .theme-icon,
  .topbar .theme-toggle .theme-icon,
  .theme-toggle .theme-icon{
    color:inherit !important;
    font-size:23px !important;
    line-height:1 !important;
    opacity:1 !important;
  }

  

  header.topbar .menu-toggle,
  .topbar .menu-toggle,
  .menu-toggle{
    grid-area:menu !important;
    justify-self:start !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:18px !important;
    background:#161d2a !important;
    border:1px solid rgba(255,255,255,.10) !important;
    opacity:1 !important;
    visibility:visible !important;
    order:initial !important;
  }

  header.topbar .menu-toggle span,
  .topbar .menu-toggle span,
  .menu-toggle span{
    display:block !important;
    width:24px !important;
    height:3px !important;
    border-radius:999px !important;
    background:#ffffff !important;
    opacity:1 !important;
    margin:0 !important;
  }

  

  

  header.topbar .menu,
  .topbar .menu{
    direction:rtl !important;
    grid-area:none !important;
    position:fixed !important;
    top:86px !important;
    right:14px !important;
    left:14px !important;
    width:auto !important;
    height:auto !important;
    max-height:calc(100vh - 105px) !important;
    overflow:auto !important;
    display:none !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:8px !important;
    padding:14px !important;
    border-radius:24px !important;
    background:rgba(8,12,22,.98) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 24px 60px rgba(2,8,23,.34) !important;
    z-index:6000 !important;
  }

  header.topbar .menu.open,
  .topbar .menu.open,
  header.topbar .menu.active,
  .topbar .menu.active{
    display:flex !important;
  }

  header.topbar .menu a,
  .topbar .menu a{
    width:100% !important;
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:10px 13px !important;
    border-radius:16px !important;
    color:#f8fafc !important;
    background:rgba(255,255,255,.04) !important;
    font-size:14px !important;
    font-weight:900 !important;
  }

  

  
}

@media (max-width: 900px){
  :root{
    --v229-card-h:168px;
    --v229-card-radius:24px;
    --v229-img-w:34%;
    --v229-card-bg:#111722;
    --v229-card-bg2:#0b111d;
    --v229-card-border:rgba(255,255,255,.10);
    --v229-title:#ffffff;
    --v229-muted:rgba(226,232,240,.78);
    --v229-chip:#ff8f87;
    --v229-chip-bg:rgba(118,24,39,.72);
  }

  
  body.category-page main{
    width:100% !important;
    margin:0 !important;
    padding:18px 0 30px !important;
    background:transparent !important;
    overflow:visible !important;
  }

  body.home-page .category-pro-section,
  body.category-page main > .category-page-section,
  body.category-page main > .news-section.category-page-section{
    width:min(100% - 28px, 430px) !important;
    margin:28px auto !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  body.home-page .category-pro-section > .pro-section-head,
  body.category-page main > .category-page-section > .section-title,
  body.category-page main > .news-section.category-page-section > .section-title{
    width:100% !important;
    margin:0 0 16px !important;
    padding:0 2px !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-end !important;
    justify-content:space-between !important;
    gap:12px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    text-align:right !important;
  }

  body.category-page main > .category-page-section > .section-title::before,
  body.category-page main > .category-page-section > .section-title::after,
  body.category-page main > .news-section.category-page-section > .section-title::before,
  body.category-page main > .news-section.category-page-section > .section-title::after,
  body.category-page #categoryPageLabel::before,
  body.category-page #categoryPageLabel::after,
  body.category-page .section-title span::before,
  body.category-page .section-title span::after{
    display:none !important;
    content:none !important;
  }

  body.home-page .category-pro-section > .pro-section-head span,
  body.category-page #categoryPageLabel,
  body.category-page main > .category-page-section > .section-title span,
  body.category-page main > .news-section.category-page-section > .section-title span{
    display:block !important;
    margin:0 0 4px !important;
    padding:0 !important;
    color:#8d1730 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:1.4px !important;
  }

  body.home-page .category-pro-section > .pro-section-head h2,
  body.category-page #categoryPageTitle,
  body.category-page main > .category-page-section > .section-title h2,
  body.category-page main > .news-section.category-page-section > .section-title h2{
    margin:0 !important;
    color:#0f172a !important;
    font-size:30px !important;
    line-height:1.12 !important;
    font-weight:950 !important;
    letter-spacing:-.3px !important;
    text-shadow:none !important;
  }

  html[data-theme="dark"] body.home-page .category-pro-section > .pro-section-head h2,
  html[data-visual-theme="dark"] body.home-page .category-pro-section > .pro-section-head h2,
  html[data-theme="dark"] body.category-page #categoryPageTitle,
  html[data-visual-theme="dark"] body.category-page #categoryPageTitle{
    color:#f8fafc !important;
  }

  body.home-page .category-pro-section > .pro-section-head p,
  body.category-page #categoryPageDesc,
  body.category-page .section-title p{
    display:none !important;
  }

  body.home-page .category-pro-section .view-all-link,
  body.category-page .view-all-link{
    min-width:max-content !important;
    height:40px !important;
    padding:0 16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#123dff 0%,#7425d8 48%,#b31235 100%) !important;
    border:0 !important;
    box-shadow:0 12px 28px rgba(31,64,255,.20) !important;
    font-size:13px !important;
    font-weight:950 !important;
    text-decoration:none !important;
  }

  body.home-page .category-pro-section .category-pro-layout,
  body.home-page .category-pro-section .category-side-list,
  body.category-page #categoryPageNews,
  body.category-page .category-news-grid.page-news-grid,
  body.category-page .page-news-grid{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  
  body.home-page .category-pro-section .pro-news-card,
  body.home-page .category-pro-section .featured-category-card,
  body.home-page .category-pro-section .compact-pro-card,
  body.category-page #categoryPageNews > .category-news-card,
  body.category-page .category-news-grid.page-news-grid > .category-news-card,
  body.category-page .category-news-grid.page-news-grid > .category-news-card:first-child{
    direction:ltr !important;
    width:100% !important;
    height:var(--v229-card-h) !important;
    min-height:var(--v229-card-h) !important;
    max-height:var(--v229-card-h) !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) var(--v229-img-w) !important;
    align-items:stretch !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:var(--v229-card-radius) !important;
    overflow:hidden !important;
    position:relative !important;
    isolation:isolate !important;
    text-decoration:none !important;
    color:#fff !important;
    background:linear-gradient(180deg,var(--v229-card-bg),var(--v229-card-bg2)) !important;
    border:1px solid var(--v229-card-border) !important;
    box-shadow:0 16px 34px rgba(2,8,23,.22), inset 0 1px 0 rgba(255,255,255,.035) !important;
    transform:none !important;
  }

  body.home-page .category-pro-section .pro-news-card::before,
  body.home-page .category-pro-section .pro-news-card::after,
  body.home-page .category-pro-section .featured-category-card::before,
  body.home-page .category-pro-section .featured-category-card::after,
  body.home-page .category-pro-section .compact-pro-card::before,
  body.home-page .category-pro-section .compact-pro-card::after,
  body.category-page #categoryPageNews > .category-news-card::before,
  body.category-page #categoryPageNews > .category-news-card::after,
  body.category-page .category-news-grid.page-news-grid > .category-news-card::before,
  body.category-page .category-news-grid.page-news-grid > .category-news-card::after{
    display:none !important;
    content:none !important;
  }

  body.home-page .category-pro-section .pro-news-image,
  body.category-page #categoryPageNews > .category-news-card .category-news-image,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-image,
  body.category-page .category-news-grid.page-news-grid > .category-news-card:first-child .category-news-image{
    grid-column:2 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-height:none !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    filter:saturate(1.02) contrast(1.02) brightness(.9) !important;
    transform:none !important;
    z-index:1 !important;
  }

  body.home-page .category-pro-section .pro-news-image::after,
  body.category-page #categoryPageNews > .category-news-card .category-news-image::after,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-image::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(270deg,rgba(6,10,18,0) 0%,rgba(6,10,18,.20) 100%) !important;
    pointer-events:none !important;
  }

  body.home-page .category-pro-section .pro-news-content,
  body.category-page #categoryPageNews > .category-news-card .category-news-content,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content,
  body.category-page .category-news-grid.page-news-grid > .category-news-card:first-child .category-news-content{
    direction:rtl !important;
    grid-column:1 !important;
    grid-row:1 !important;
    position:relative !important;
    inset:auto !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:16px 16px 16px 18px !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    background:linear-gradient(180deg,var(--v229-card-bg),var(--v229-card-bg2)) !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    text-align:right !important;
  }

  body.home-page .category-pro-section .pro-news-content::after,
  body.category-page #categoryPageNews > .category-news-card .category-news-content::after,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content::after{
    content:"" !important;
    position:absolute !important;
    top:15px !important;
    bottom:15px !important;
    right:-1px !important;
    width:1px !important;
    background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent) !important;
    pointer-events:none !important;
  }

  body.home-page .category-pro-section .pro-news-content span,
  body.category-page #categoryPageNews > .category-news-card .category-news-content span,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    max-width:100% !important;
    align-self:flex-start !important;
    padding:7px 11px !important;
    margin:0 0 9px !important;
    border-radius:999px !important;
    color:var(--v229-chip) !important;
    background:var(--v229-chip-bg) !important;
    border:1px solid rgba(255,120,120,.12) !important;
    box-shadow:none !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.home-page .category-pro-section .pro-news-content h3,
  body.home-page .category-pro-section .featured-category-card .pro-news-content h3,
  body.home-page .category-pro-section .compact-pro-card .pro-news-content h3,
  body.category-page #categoryPageNews > .category-news-card .category-news-content h3,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content h3,
  body.category-page .category-news-grid.page-news-grid > .category-news-card:first-child .category-news-content h3{
    width:100% !important;
    margin:0 !important;
    color:var(--v229-title) !important;
    font-size:19px !important;
    line-height:1.34 !important;
    font-weight:950 !important;
    letter-spacing:0 !important;
    text-shadow:none !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-align:right !important;
    text-wrap:balance !important;
  }

  body.home-page .category-pro-section .pro-news-content p,
  body.home-page .category-pro-section .featured-category-card .pro-news-content p,
  body.home-page .category-pro-section .compact-pro-card .pro-news-content p,
  body.category-page #categoryPageNews > .category-news-card .category-news-content p,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content p,
  body.category-page .category-news-grid.page-news-grid > .category-news-card:first-child .category-news-content p{
    width:100% !important;
    margin:6px 0 0 !important;
    color:var(--v229-muted) !important;
    font-size:12px !important;
    line-height:1.55 !important;
    font-weight:650 !important;
    text-align:right !important;
    display:-webkit-box !important;
    -webkit-line-clamp:1 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
  }

  
  

  

  
}

@media (max-width: 380px){
  :root{
    --v229-card-h:152px;
    --v229-card-radius:22px;
    --v229-img-w:35%;
  }

  header.topbar,
  .topbar{
    grid-template-columns:62px minmax(0,1fr) 108px !important;
    padding:0 14px !important;
  }

  header.topbar .brand,
  .topbar .brand{
    max-width:108px !important;
  }

  header.topbar .brand img,
  .topbar .brand img{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
  }

  header.topbar .brand-slogan,
  .topbar .brand-slogan{
    font-size:12px !important;
  }

  body.home-page .category-pro-section,
  body.category-page main > .category-page-section,
  body.category-page main > .news-section.category-page-section{
    width:min(100% - 22px, 430px) !important;
  }

  body.home-page .category-pro-section > .pro-section-head h2,
  body.category-page #categoryPageTitle{
    font-size:27px !important;
  }

  body.home-page .category-pro-section .pro-news-content,
  body.category-page #categoryPageNews > .category-news-card .category-news-content,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content{
    padding:13px 12px 13px 14px !important;
  }

  body.home-page .category-pro-section .pro-news-content span,
  body.category-page #categoryPageNews > .category-news-card .category-news-content span,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content span{
    font-size:9.75px !important;
    padding:5px 9px !important;
    margin-bottom:6px !important;
  }

  body.home-page .category-pro-section .pro-news-content h3,
  body.category-page #categoryPageNews > .category-news-card .category-news-content h3,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content h3{
    font-size:16px !important;
    line-height:1.34 !important;
  }

  body.home-page .category-pro-section .pro-news-content p,
  body.category-page #categoryPageNews > .category-news-card .category-news-content p,
  body.category-page .category-news-grid.page-news-grid > .category-news-card .category-news-content p{
    display:none !important;
  }
}

/* =========================================================
   3alTrack v234 — Refined News Edges + Most Read Cards
   الهدف: تخفيف سواد الحواف، وتحسين آخر الأخبار/الأكثر قراءة
   بنفس لغة v232/v233 وبدون تغيير الداتا أو ترتيب الأخبار.
   Light colors live in light-mode-v234.css only.
========================================================= */

/* Top stories edge polish: remove harsh black frame while keeping premium depth */
body.home-page .home-news-pro .hero-news-slider,
body.home-page .hero-news-slider{
  border-radius:34px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg,#182238 0%,#0f1728 100%) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 24px 66px rgba(2,8,23,.26),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}

body.home-page .home-news-pro .hero-slide::after,
body.home-page .hero-slide::after{
  background:
    linear-gradient(to top,
      rgba(12,18,32,.82) 0%,
      rgba(12,18,32,.62) 24%,
      rgba(12,18,32,.34) 48%,
      rgba(12,18,32,.10) 72%,
      rgba(12,18,32,.02) 100%) !important;
}

body.home-page .home-news-pro .hero-slide-content,
body.home-page .hero-slide-content{
  bottom:38px !important;
}

/* Premium section shells */
body.home-page .latest-pro-block,
body.home-page .most-read-pro-block{
  position:relative !important;
  isolation:isolate !important;
  width:100% !important;
  margin:44px auto 0 !important;
  padding:24px !important;
  border-radius:34px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(55,88,180,.16), transparent 32%),
    radial-gradient(circle at 92% 8%, rgba(159,29,52,.13), transparent 28%),
    linear-gradient(180deg, rgba(28,39,62,.88), rgba(17,26,44,.94)) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 24px 68px rgba(2,8,23,.24),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
}

body.home-page .latest-pro-block::before,
body.home-page .most-read-pro-block::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.065), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent 56%) !important;
  pointer-events:none !important;
}

body.home-page .latest-pro-block > *,
body.home-page .most-read-pro-block > *{
  position:relative !important;
  z-index:1 !important;
}

body.home-page .latest-pro-block > .pro-section-head,
body.home-page .most-read-pro-block > .pro-section-head{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  margin:0 0 20px !important;
  padding:0 0 16px !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
}

body.home-page .latest-pro-block > .pro-section-head span,
body.home-page .most-read-pro-block > .pro-section-head span{
  width:max-content !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:rgba(159,29,52,.26) !important;
  border:1px solid rgba(255,126,126,.13) !important;
  color:#ff9b92 !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
}

body.home-page .latest-pro-block > .pro-section-head h2,
body.home-page .most-read-pro-block > .pro-section-head h2{
  margin:0 !important;
  color:#f8fafc !important;
  font-size:clamp(28px, 2.6vw, 42px) !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  white-space:normal !important;
}

body.home-page .latest-pro-block > .pro-section-head p,
body.home-page .most-read-pro-block > .pro-section-head p{
  display:block !important;
  margin:4px 0 0 !important;
  max-width:520px !important;
  color:rgba(226,232,240,.72) !important;
  font-size:14px !important;
  line-height:1.8 !important;
  font-weight:700 !important;
}

body.home-page .latest-pro-block > .pro-section-head .view-all-link,
body.home-page .most-read-pro-block > .pro-section-head .view-all-link{
  min-width:118px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#123dff 0%, #6d28d9 48%, #9f1d34 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 16px 34px rgba(18,61,255,.18) !important;
  font-size:13px !important;
  font-weight:900 !important;
}

/* Latest cards: softer ink instead of hard black */
body.home-page .latest-news-pro-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
}

body.home-page .latest-clean-card{
  position:relative !important;
  display:grid !important;
  grid-template-rows:202px minmax(0,1fr) !important;
  min-height:382px !important;
  overflow:hidden !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#1a2740 0%,#132035 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 18px 44px rgba(2,8,23,.22),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
  color:#ffffff !important;
  text-decoration:none !important;
  transform:none !important;
}

body.home-page .latest-clean-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 32%) !important;
  pointer-events:none !important;
}

body.home-page .latest-clean-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:
    0 26px 64px rgba(2,8,23,.30),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .latest-clean-image{
  position:relative !important;
  width:auto !important;
  height:202px !important;
  min-height:202px !important;
  margin:8px 8px 0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#1c2a43 !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

body.home-page .latest-clean-image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(10,18,32,.02),rgba(10,18,32,.18)) !important;
  pointer-events:none !important;
}

body.home-page .latest-clean-image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  filter:saturate(1.05) contrast(1.02) brightness(.98) !important;
  transform:scale(1.01) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

body.home-page .latest-clean-card:hover .latest-clean-image img{
  transform:scale(1.055) !important;
  filter:saturate(1.08) contrast(1.04) brightness(1.02) !important;
}

body.home-page .latest-clean-body{
  position:relative !important;
  z-index:3 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:18px 18px 20px !important;
  background:linear-gradient(180deg,rgba(26,39,64,.00),rgba(12,20,34,.16)) !important;
  text-align:right !important;
  direction:rtl !important;
}

body.home-page .latest-clean-body span,
body.home-page .most-read-copy span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  color:#ffa29a !important;
  background:rgba(159,29,52,.54) !important;
  border:1px solid rgba(255,126,126,.12) !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.home-page .latest-clean-body h3{
  margin:0 !important;
  color:#ffffff !important;
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

body.home-page .latest-clean-body p{
  margin:0 !important;
  color:rgba(226,232,240,.75) !important;
  font-size:13.5px !important;
  line-height:1.8 !important;
  font-weight:650 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

/* Most read: better image/card balance */
body.home-page .most-read-pro-block .most-read-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}

body.home-page .most-read-pro-block .most-read-media-item{
  position:relative !important;
  display:grid !important;
  grid-template-rows:166px minmax(104px,1fr) !important;
  min-height:282px !important;
  overflow:hidden !important;
  border-radius:26px !important;
  color:#ffffff !important;
  background:linear-gradient(180deg,#1a2740 0%,#132035 100%) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:
    0 18px 42px rgba(2,8,23,.22),
    inset 0 1px 0 rgba(255,255,255,.055) !important;
  text-decoration:none !important;
  transform:none !important;
}

body.home-page .most-read-pro-block .most-read-media-item:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:
    0 26px 62px rgba(2,8,23,.30),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .most-read-pro-block .most-read-thumb{
  position:relative !important;
  height:166px !important;
  min-height:166px !important;
  margin:8px 8px 0 !important;
  border-radius:20px !important;
  overflow:hidden !important;
  background-size:cover !important;
  background-position:center !important;
  filter:saturate(1.06) contrast(1.02) brightness(.98) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}

body.home-page .most-read-pro-block .most-read-thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg,rgba(10,18,32,.02),rgba(10,18,32,.22)) !important;
  pointer-events:none !important;
}

body.home-page .most-read-pro-block .most-read-thumb strong{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:2 !important;
  width:36px !important;
  height:36px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#123dff 0%,#6d28d9 48%,#9f1d34 100%) !important;
  box-shadow:0 12px 28px rgba(18,61,255,.22) !important;
  font-size:15px !important;
  font-weight:950 !important;
}

body.home-page .most-read-pro-block .most-read-copy{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:15px 16px 18px !important;
  direction:rtl !important;
  text-align:right !important;
  background:linear-gradient(180deg,rgba(26,39,64,.00),rgba(12,20,34,.16)) !important;
}

body.home-page .most-read-pro-block .most-read-copy h3{
  margin:0 !important;
  color:#ffffff !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:950 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

body.home-page .latest-pro-block .empty-news,
body.home-page .most-read-pro-block .empty-news{
  min-height:128px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  border-radius:24px !important;
  background:rgba(25,37,60,.76) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  color:rgba(226,232,240,.84) !important;
  font-weight:900 !important;
}

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

  body.home-page .most-read-pro-block .most-read-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  }
}

@media (max-width:900px){
  body.home-page .home-news-pro .hero-news-slider,
  body.home-page .hero-news-slider{
    border-radius:28px !important;
  }

  body.home-page .latest-pro-block,
  body.home-page .most-read-pro-block{
    margin-top:28px !important;
    padding:16px !important;
    border-radius:28px !important;
  }

  body.home-page .latest-pro-block > .pro-section-head,
  body.home-page .most-read-pro-block > .pro-section-head{
    align-items:flex-start !important;
    gap:12px !important;
    margin-bottom:16px !important;
    padding-bottom:14px !important;
  }

  body.home-page .latest-pro-block > .pro-section-head h2,
  body.home-page .most-read-pro-block > .pro-section-head h2{
    font-size:24px !important;
  }

  body.home-page .latest-pro-block > .pro-section-head p,
  body.home-page .most-read-pro-block > .pro-section-head p{
    display:none !important;
  }

  body.home-page .latest-news-pro-grid,
  body.home-page .most-read-pro-block .most-read-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.home-page .latest-clean-card,
  body.home-page .most-read-pro-block .most-read-media-item{
    direction:ltr !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 38% !important;
    grid-template-rows:1fr !important;
    min-height:166px !important;
    border-radius:24px !important;
  }

  body.home-page .latest-clean-image,
  body.home-page .most-read-pro-block .most-read-thumb{
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    border-radius:0 !important;
    border:0 !important;
  }

  body.home-page .latest-clean-body,
  body.home-page .most-read-pro-block .most-read-copy{
    grid-column:1 !important;
    grid-row:1 !important;
    height:100% !important;
    justify-content:center !important;
    padding:18px 16px !important;
  }

  body.home-page .latest-clean-body h3{
    font-size:18px !important;
    line-height:1.45 !important;
  }

  body.home-page .latest-clean-body p{
    display:none !important;
  }

  body.home-page .most-read-pro-block .most-read-copy h3{
    font-size:17px !important;
    -webkit-line-clamp:2 !important;
  }

  body.home-page .most-read-pro-block .most-read-thumb strong{
    top:12px !important;
    right:12px !important;
    width:34px !important;
    height:34px !important;
  }
}

@media (max-width:520px){
  body.home-page .latest-clean-card,
  body.home-page .most-read-pro-block .most-read-media-item{
    min-height:158px !important;
    grid-template-columns:minmax(0,1fr) 36% !important;
  }

  body.home-page .latest-clean-body span,
  body.home-page .most-read-copy span{
    font-size:11px !important;
    padding:6px 10px !important;
  }

  body.home-page .latest-clean-body h3,
  body.home-page .most-read-pro-block .most-read-copy h3{
    font-size:16px !important;
    line-height:1.5 !important;
  }
}


/* =========================================================
   3alTrack v235 — Strong visible polish for Top/Latest/Most Read
   Purpose: make the change visually obvious and reduce hard black blocks.
   Dark + base styles here. Light corrections remain in light-mode-v235.css.
========================================================= */
body.home-page .home-news-pro{
  max-width:1200px !important;
  margin-inline:auto !important;
}

/* Top stories: softer outer edges and cleaner image panel */
body.home-page .home-news-pro .hero-news-slider,
body.home-page .hero-news-slider{
  border-radius:38px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 88% 12%, rgba(77,109,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(30,43,70,.92) 0%, rgba(20,31,52,.94) 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 26px 70px rgba(2,8,23,.28),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .home-news-pro .hero-slide,
body.home-page .hero-slide{
  border-radius:inherit !important;
  overflow:hidden !important;
  background:#17233a !important;
}

body.home-page .home-news-pro .hero-slide-bg,
body.home-page .hero-slide-bg{
  filter:saturate(1.05) contrast(1.02) brightness(.96) !important;
}

body.home-page .home-news-pro .hero-slide::after,
body.home-page .hero-slide::after{
  background:
    linear-gradient(90deg, rgba(12,19,33,.90) 0%, rgba(12,19,33,.66) 34%, rgba(12,19,33,.28) 64%, rgba(12,19,33,.04) 100%),
    linear-gradient(180deg, rgba(12,19,33,.04) 0%, rgba(12,19,33,.26) 100%) !important;
}

body.home-page .home-news-pro .hero-slide-content,
body.home-page .hero-slide-content{
  max-width:min(560px, 58%) !important;
  padding:0 !important;
  right:38px !important;
  left:auto !important;
  bottom:42px !important;
  text-align:right !important;
}

/* Latest/Most-read shells: premium navy, no harsh black slabs */
body.home-page .latest-pro-block,
body.home-page .most-read-pro-block{
  background:
    radial-gradient(circle at 12% 0%, rgba(66,98,210,.20), transparent 31%),
    radial-gradient(circle at 88% 10%, rgba(159,29,52,.13), transparent 30%),
    linear-gradient(180deg, rgba(35,49,78,.88), rgba(22,34,56,.94)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 26px 70px rgba(2,8,23,.24),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .latest-pro-block::before,
body.home-page .most-read-pro-block::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,.07), transparent 36%),
    radial-gradient(circle at 30% 0%, rgba(255,255,255,.08), transparent 36%) !important;
}

/* Latest cards: lighter navy cards with visible image/content balance */
body.home-page .latest-clean-card{
  background:linear-gradient(180deg,#223653 0%,#1a2a44 100%) !important;
  border-color:rgba(255,255,255,.16) !important;
  box-shadow:
    0 18px 44px rgba(2,8,23,.20),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .latest-clean-image{
  margin:10px 10px 0 !important;
  border-radius:24px !important;
  border-color:rgba(255,255,255,.11) !important;
  background:#223653 !important;
}

body.home-page .latest-clean-body{
  background:linear-gradient(180deg,rgba(34,54,83,0),rgba(15,27,46,.20)) !important;
}

/* Most Read v235: full-image editorial card instead of dark two-block card */
body.home-page .most-read-pro-block .most-read-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

body.home-page .most-read-pro-block .most-read-media-item{
  position:relative !important;
  display:block !important;
  min-height:270px !important;
  height:270px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:#20334f !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 18px 46px rgba(2,8,23,.22),
    inset 0 1px 0 rgba(255,255,255,.09) !important;
  color:#fff !important;
  text-decoration:none !important;
}

body.home-page .most-read-pro-block .most-read-media-item:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:
    0 28px 70px rgba(2,8,23,.30),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body.home-page .most-read-pro-block .most-read-thumb{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  border-radius:inherit !important;
  border:0 !important;
  background-size:cover !important;
  background-position:center !important;
  filter:saturate(1.08) contrast(1.04) brightness(.96) !important;
  transform:scale(1.01) !important;
  transition:transform .35s ease, filter .35s ease !important;
}

body.home-page .most-read-pro-block .most-read-media-item:hover .most-read-thumb{
  transform:scale(1.06) !important;
  filter:saturate(1.12) contrast(1.06) brightness(1) !important;
}

body.home-page .most-read-pro-block .most-read-thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(8,13,24,.05) 0%, rgba(8,13,24,.12) 32%, rgba(8,13,24,.88) 100%),
    linear-gradient(90deg, rgba(8,13,24,.34), transparent 52%) !important;
  pointer-events:none !important;
}

body.home-page .most-read-pro-block .most-read-thumb strong{
  top:14px !important;
  right:14px !important;
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#165dff 0%,#7c3aed 50%,#e11d48 100%) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 14px 32px rgba(15,23,42,.30) !important;
}

body.home-page .most-read-pro-block .most-read-copy{
  position:absolute !important;
  z-index:3 !important;
  inset:auto 0 0 0 !important;
  height:auto !important;
  min-height:128px !important;
  padding:70px 18px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  gap:10px !important;
  direction:rtl !important;
  text-align:right !important;
  background:linear-gradient(180deg, transparent 0%, rgba(8,13,24,.38) 34%, rgba(8,13,24,.92) 100%) !important;
}

body.home-page .most-read-pro-block .most-read-copy span{
  color:#ffe5e1 !important;
  background:rgba(225,29,72,.72) !important;
  border-color:rgba(255,255,255,.16) !important;
}

body.home-page .most-read-pro-block .most-read-copy h3{
  max-width:100% !important;
  margin:0 !important;
  color:#ffffff !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:950 !important;
  text-shadow:0 4px 18px rgba(0,0,0,.28) !important;
  -webkit-line-clamp:2 !important;
}

@media (max-width:900px){
  body.home-page .home-news-pro .hero-slide-content,
  body.home-page .hero-slide-content{
    max-width:78% !important;
    right:22px !important;
    bottom:28px !important;
  }

  body.home-page .latest-pro-block,
  body.home-page .most-read-pro-block{
    padding:16px !important;
    border-radius:28px !important;
  }

  body.home-page .most-read-pro-block .most-read-grid{
    grid-template-columns:1fr !important;
  }

  body.home-page .most-read-pro-block .most-read-media-item{
    height:190px !important;
    min-height:190px !important;
    border-radius:24px !important;
  }

  body.home-page .most-read-pro-block .most-read-copy{
    min-height:116px !important;
    padding:58px 16px 16px !important;
  }
}


/* =========================================================
   3alTrack v238 — remove the unwanted transparent panel under Top Stories
   Base: v235. This removes only the home news section overlay layer
   that came from old style.css (.home-news-pro::before).
========================================================= */
body.home-page .home-news-pro::before,
.home-news-pro::before{
  display:none !important;
  content:none !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.home-page .home-news-pro{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Keep the Top Stories title pill, but remove any extended transparent slab around it. */
body.home-page .home-news-pro > .pro-section-head{
  background:linear-gradient(145deg, rgba(22,32,54,.88), rgba(15,23,42,.74)) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

@media (max-width: 900px){
  body.home-page .home-news-pro::before,
  .home-news-pro::before{
    display:none !important;
    content:none !important;
  }
}


/* =========================================================
   v240 — Breaking pulse next to label + faster ticker + premium latest news clarity
   Base/Dark styles. Light-specific color refinements live in light-mode-v239.css.
========================================================= */
.home-stage-v113 > .breaking-strip,
.breaking-strip{
  position:relative !important;
  background:
    linear-gradient(90deg, rgba(115,18,28,.96) 0%, rgba(28,37,59,.98) 44%, rgba(15,23,42,.98) 100%) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 18px 42px rgba(2,8,23,.22),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.home-stage-v113 > .breaking-strip::after,
.breaking-strip::after{
  display:none !important;
  content:none !important;
  animation:none !important;
  box-shadow:none !important;
}

.home-stage-v113 > .breaking-strip > strong,
.breaking-strip > strong{
  position:relative !important;
  gap:8px !important;
  color:#ffffff !important;
  background:linear-gradient(135deg,#e11d2f 0%,#991b2f 100%) !important;
  text-shadow:0 1px 8px rgba(0,0,0,.28) !important;
  letter-spacing:.01em !important;
}

.home-stage-v113 > .breaking-strip > strong::before,
.breaking-strip > strong::before{
  display:none !important;
  content:none !important;

}

.breaking-track.breaking-v128-track{
  background:linear-gradient(90deg,rgba(15,23,42,.88),rgba(21,32,53,.92)) !important;
}

.breaking-v128-viewport{
  mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%) !important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30px,#000 calc(100% - 30px),transparent 100%) !important;
}

.breaking-v128-item{
  height:40px !important;
  padding:0 18px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 24px rgba(2,8,23,.18) !important;
}

.breaking-v128-item::before{
  content:"" !important;
  width:6px !important;
  height:6px !important;
  margin-inline-start:0 !important;
  margin-inline-end:8px !important;
  border-radius:999px !important;
  background:#ff3347 !important;
  box-shadow:0 0 0 4px rgba(239,68,68,.15), 0 0 18px rgba(239,68,68,.36) !important;
  flex:0 0 auto !important;
}

.breaking-v128-title{
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.24) !important;
}

.breaking-v128-empty{
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:950 !important;
  text-shadow:0 1px 10px rgba(0,0,0,.22) !important;
}

.breaking-v128-fade-start{
  background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(15,23,42,0)) !important;
}

.breaking-v128-fade-end{
  background:linear-gradient(270deg,rgba(15,23,42,.96),rgba(15,23,42,0)) !important;
}

@keyframes breakingDotPulseV239{
  0%{box-shadow:0 0 0 0 rgba(255,255,255,.70), 0 0 18px rgba(255,255,255,.56); transform:scale(1);}
  70%{box-shadow:0 0 0 10px rgba(255,255,255,0), 0 0 22px rgba(255,255,255,.22); transform:scale(1.04);}
  100%{box-shadow:0 0 0 0 rgba(255,255,255,0), 0 0 18px rgba(255,255,255,.34); transform:scale(1);}
}

@keyframes breakingStripPulseV239{
  0%{box-shadow:0 0 0 0 rgba(239,68,68,.30); opacity:.82;}
  70%{box-shadow:0 0 0 14px rgba(239,68,68,0); opacity:.2;}
  100%{box-shadow:0 0 0 0 rgba(239,68,68,0); opacity:.82;}
}

body.home-page .latest-pro-block{
  background:
    radial-gradient(circle at 12% 0%, rgba(59,130,246,.11), transparent 32%),
    linear-gradient(180deg, rgba(21,32,53,.90), rgba(13,22,38,.96)) !important;
  border-color:rgba(148,163,184,.12) !important;
}

body.home-page .latest-pro-block::before{
  background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 36%) !important;
}

body.home-page .latest-pro-block > .pro-section-head h2{
  color:#f8fafc !important;
  font-size:clamp(34px,3.2vw,52px) !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  text-shadow:0 12px 28px rgba(2,8,23,.22) !important;
}

body.home-page .latest-pro-block > .pro-section-head p{
  color:rgba(226,232,240,.76) !important;
  font-size:15px !important;
  font-weight:700 !important;
}

body.home-page .latest-news-pro-grid{
  gap:20px !important;
}

body.home-page .latest-clean-card{
  background:
    linear-gradient(180deg,rgba(28,42,68,.98) 0%,rgba(15,25,43,.99) 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 22px 54px rgba(2,8,23,.26),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

body.home-page .latest-clean-image{
  height:214px !important;
  min-height:214px !important;
  margin:10px 10px 0 !important;
  border-radius:24px !important;
  border-color:rgba(255,255,255,.10) !important;
  background:#20304d !important;
}

body.home-page .latest-clean-image::after{
  background:
    linear-gradient(180deg,rgba(4,8,17,.00),rgba(4,8,17,.16)),
    linear-gradient(90deg,rgba(4,8,17,.10),transparent 38%) !important;
}

body.home-page .latest-clean-body{
  padding:19px 20px 22px !important;
  gap:12px !important;
}

body.home-page .latest-clean-body span{
  color:#ffb0a8 !important;
  background:linear-gradient(180deg,rgba(173,31,54,.70),rgba(119,21,38,.60)) !important;
  border-color:rgba(255,143,143,.18) !important;
  font-size:12.5px !important;
  font-weight:950 !important;
}

body.home-page .latest-clean-body h3{
  color:#ffffff !important;
  font-size:clamp(21px,1.55vw,25px) !important;
  line-height:1.44 !important;
  font-weight:950 !important;
  letter-spacing:-.01em !important;
  text-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

body.home-page .latest-clean-body p{
  color:rgba(226,232,240,.82) !important;
  font-size:14.5px !important;
  line-height:1.85 !important;
  font-weight:700 !important;
}

@media (max-width:760px){
  .home-stage-v113 > .breaking-strip,
  .breaking-strip{
    grid-template-columns:76px minmax(0,1fr) !important;
  }

  .home-stage-v113 > .breaking-strip > strong,
  .breaking-strip > strong{
    font-size:14px !important;
  }

  .breaking-v128-title{
    font-size:14px !important;
  }

  body.home-page .latest-clean-card{
    grid-template-columns:minmax(0,1fr) 37% !important;
    min-height:178px !important;
    border-radius:26px !important;
  }

  body.home-page .latest-clean-image{
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    border-radius:0 !important;
  }

  body.home-page .latest-clean-body{
    padding:18px 16px !important;
  }

  body.home-page .latest-clean-body h3{
    font-size:22px !important;
    line-height:1.38 !important;
  }

  body.home-page .latest-clean-body p{
    font-size:13px !important;
    line-height:1.65 !important;
  }
}


/* =========================================================
   v240 — Breaking ticker: pulse sits next to عاجل + clearer speed change
========================================================= */
.home-stage-v113 > .breaking-strip,
.breaking-strip{
  grid-template-columns:112px minmax(0,1fr) !important;
}

.home-stage-v113 > .breaking-strip > strong,
.breaking-strip > strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:9px !important;
  position:relative !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

.home-stage-v113 > .breaking-strip > strong::before,
.breaking-strip > strong::before{
  display:none !important;
  content:none !important;
}

.home-stage-v113 > .breaking-strip > strong::after,
.breaking-strip > strong::after{
  content:"" !important;
  display:inline-block !important;
  flex:0 0 10px !important;
  width:10px !important;
  height:10px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 0 rgba(255,255,255,.72), 0 0 18px rgba(255,255,255,.58) !important;
  animation:breakingDotPulseV240 1.05s ease-out infinite !important;
  transform-origin:center !important;
  vertical-align:middle !important;
}

.home-stage-v113 > .breaking-strip::after,
.breaking-strip::after{
  display:none !important;
  content:none !important;
  animation:none !important;
  box-shadow:none !important;
}

.breaking-v128-loop{
  will-change:transform !important;
}

.breaking-track.breaking-v128-track{
  isolation:isolate !important;
}

.breaking-track.breaking-v128-track.is-slowing .breaking-v128-item{
  background:linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,.10)) !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 26px rgba(2,8,23,.20) !important;
}

.breaking-track.breaking-v128-track.is-slowing .breaking-v128-title::after{
  content:"" !important;
  display:inline-block !important;
  width:5px !important;
  height:5px !important;
  margin-inline-start:8px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 0 12px rgba(255,255,255,.45) !important;
  vertical-align:middle !important;
}

@keyframes breakingDotPulseV240{
  0%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,.76), 0 0 16px rgba(255,255,255,.56); opacity:1;}
  68%{transform:scale(1.08); box-shadow:0 0 0 9px rgba(255,255,255,0), 0 0 22px rgba(255,255,255,.24); opacity:.94;}
  100%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,0), 0 0 14px rgba(255,255,255,.44); opacity:1;}
}

@media (max-width:760px){
  .home-stage-v113 > .breaking-strip,
  .breaking-strip{
    grid-template-columns:86px minmax(0,1fr) !important;
  }

  .home-stage-v113 > .breaking-strip > strong,
  .breaking-strip > strong{
    gap:7px !important;
  }

  .home-stage-v113 > .breaking-strip > strong::after,
  .breaking-strip > strong::after{
    width:8px !important;
    height:8px !important;
    flex-basis:8px !important;
  }
}


/* =========================================================
   v241 — Breaking speed restored + dot beside عاجل + no home news categories
   Built on v240. Ticker speed is restored in script.js to v239 values.
========================================================= */
.home-stage-v113 > .breaking-strip,
.breaking-strip{
  grid-template-columns:112px minmax(0,1fr) !important;
}

.home-stage-v113 > .breaking-strip > strong,
.breaking-strip > strong{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:8px !important;
}

.home-stage-v113 > .breaking-strip > strong::before,
.breaking-strip > strong::before{
  display:none !important;
  content:none !important;
}

.home-stage-v113 > .breaking-strip > strong::after,
.breaking-strip > strong::after{
  content:"" !important;
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 0 rgba(255,255,255,.72), 0 0 18px rgba(255,255,255,.56) !important;
  animation:breakingDotPulseV239 1.15s ease-out infinite !important;
}

/* remove the extra slow-mode visual added in v240 */
.breaking-track.breaking-v128-track.is-slowing .breaking-v128-title::after{
  display:none !important;
  content:none !important;
}

/* Homepage news cards: no category badges anywhere on home news cards */
body.home-page .hero-slide-content > span,
body.home-page .latest-clean-body > span,
body.home-page .most-read-copy > span,
body.home-page .category-pro-section .pro-news-content > span{
  display:none !important;
  content:none !important;
}

body.home-page .latest-clean-body,
body.home-page .most-read-pro-block .most-read-copy,
body.home-page .category-pro-section .pro-news-content{
  gap:10px !important;
}

body.home-page .hero-slide-content{
  gap:14px !important;
}

@media (max-width:760px){
  .home-stage-v113 > .breaking-strip,
  .breaking-strip{
    grid-template-columns:86px minmax(0,1fr) !important;
  }
  .home-stage-v113 > .breaking-strip > strong::after,
  .breaking-strip > strong::after{
    width:8px !important;
    height:8px !important;
    flex-basis:8px !important;
  }
}


/* =========================================================
   v243 — Breaking ticker dot on the RIGHT of عاجل + slightly faster news
   Built on v242. Keep most-read image fix and no home categories.
========================================================= */
.home-stage-v113 > .breaking-strip,
.breaking-strip{
  grid-template-columns:112px minmax(0,1fr) !important;
}

.home-stage-v113 > .breaking-strip > strong,
.breaking-strip > strong{
  direction:rtl !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:row !important;
  gap:8px !important;
  white-space:nowrap !important;
}

/* Dot must be visually on the right side of the Arabic word */
.home-stage-v113 > .breaking-strip > strong::before,
.breaking-strip > strong::before{
  content:"" !important;
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  flex:0 0 9px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  box-shadow:0 0 0 0 rgba(255,255,255,.74), 0 0 18px rgba(255,255,255,.58) !important;
  animation:breakingDotPulseV243 1.12s ease-out infinite !important;
  transform-origin:center !important;
}

.home-stage-v113 > .breaking-strip > strong::after,
.breaking-strip > strong::after{
  display:none !important;
  content:none !important;
  animation:none !important;
  box-shadow:none !important;
}

.breaking-v128-title{
  font-weight:900 !important;
  letter-spacing:0 !important;
}

.breaking-track.breaking-v128-track.is-slowing .breaking-v128-item{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08)) !important;
  border-color:rgba(255,255,255,.18) !important;
}

.breaking-track.breaking-v128-track.is-slowing .breaking-v128-title::after{
  display:none !important;
  content:none !important;
}

@keyframes breakingDotPulseV243{
  0%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,.78), 0 0 16px rgba(255,255,255,.58); opacity:1;}
  66%{transform:scale(1.10); box-shadow:0 0 0 10px rgba(255,255,255,0), 0 0 22px rgba(255,255,255,.24); opacity:.95;}
  100%{transform:scale(1); box-shadow:0 0 0 0 rgba(255,255,255,0), 0 0 14px rgba(255,255,255,.45); opacity:1;}
}

@media (max-width:760px){
  .home-stage-v113 > .breaking-strip,
  .breaking-strip{
    grid-template-columns:86px minmax(0,1fr) !important;
  }
  .home-stage-v113 > .breaking-strip > strong,
  .breaking-strip > strong{
    gap:7px !important;
  }
  .home-stage-v113 > .breaking-strip > strong::before,
  .breaking-strip > strong::before{
    width:8px !important;
    height:8px !important;
    flex-basis:8px !important;
  }
}


/* =========================================================
   v244 — Top Stories bottom shadow only
   التظليل في الأخبار الرئيسية من تحت فقط، بدون تظليل جانبي.
========================================================= */
body.home-page .home-news-pro .hero-slide-bg,
body.home-page .hero-slide-bg{
  background-position:center center !important;
  filter:saturate(1.06) contrast(1.03) brightness(.98) !important;
}

body.home-page .home-news-pro .hero-slide::after,
body.home-page .hero-slide::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  pointer-events:none !important;
  z-index:1 !important;
  background:
    linear-gradient(180deg,
      rgba(7,11,20,0) 0%,
      rgba(7,11,20,.04) 34%,
      rgba(7,11,20,.42) 68%,
      rgba(7,11,20,.86) 100%) !important;
}

body.home-page .home-news-pro .hero-slide-content,
body.home-page .hero-slide-content{
  z-index:2 !important;
  right:36px !important;
  left:36px !important;
  bottom:34px !important;
  top:auto !important;
  max-width:calc(100% - 72px) !important;
  width:auto !important;
  padding:0 !important;
  text-align:right !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.home-page .home-news-pro .hero-slide-content::before,
body.home-page .hero-slide-content::before{
  display:none !important;
  content:none !important;
}

@media (max-width:760px){
  body.home-page .home-news-pro .hero-slide::after,
  body.home-page .hero-slide::after{
    background:
      linear-gradient(180deg,
        rgba(7,11,20,0) 0%,
        rgba(7,11,20,.05) 28%,
        rgba(7,11,20,.48) 62%,
        rgba(7,11,20,.90) 100%) !important;
  }

  body.home-page .home-news-pro .hero-slide-content,
  body.home-page .hero-slide-content{
    right:18px !important;
    left:18px !important;
    bottom:24px !important;
    max-width:calc(100% - 36px) !important;
  }
}


/* v249 — Safe admin/login footer removal + admin news pagination */
body.login-page > footer.pro-footer-v7,
body.login-page > footer,
body.admin-dashboard-page > footer.pro-footer-v7,
body.admin-dashboard-page > footer {
    display: none !important;
}

.cms-pagination-v69 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(15, 23, 42, .58);
    border: 1px solid rgba(148, 163, 184, .18);
}

.cms-pagination-info {
    color: rgba(255, 255, 255, .82);
    font-size: 13px;
    font-weight: 800;
}

.cms-pagination-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.cms-pagination-v69 button {
    min-width: 38px;
    height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    background: rgba(255, 255, 255, .08);
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.cms-pagination-v69 button.active,
.cms-pagination-v69 button:hover:not(:disabled) {
    background: linear-gradient(135deg, #ef4444, #f97316);
    border-color: rgba(255, 255, 255, .22);
}

.cms-pagination-v69 button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

.cms-page-dots {
    color: rgba(255, 255, 255, .72);
    font-weight: 900;
    padding: 0 2px;
}

/* =========================================================
   3alTrack v250 — Admin media fields + article gallery/video
   - Safe UI only. Extra media is stored inside the existing content field.
========================================================= */
.cms-media-panel-v250{
    display:grid;
    gap:14px;
    padding:16px;
    border-radius:22px;
    background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.10);
}

.cms-media-title-v250{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.cms-media-title-v250 span{
    color:#ffb347;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.cms-media-title-v250 strong{
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.cms-compact-textarea-v250{
    min-height:92px !important;
}

.cms-field-hint{
    color:#aeb7cc;
    font-size:11px;
    line-height:1.7;
    font-weight:800;
}

.cms-gallery-upload-v250{
    min-height:104px;
}

.cms-gallery-preview-v250{
    min-height:70px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    padding:10px;
    border-radius:18px;
    background:rgba(0,0,0,.16);
    border:1px dashed rgba(255,255,255,.12);
}

.cms-gallery-preview-v250 img{
    width:72px;
    height:56px;
    object-fit:cover;
    border-radius:12px;
    border:1px solid rgba(255,255,255,.12);
}

.cms-gallery-preview-v250 > span{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:6px 10px;
    border-radius:999px;
    color:#cbd5e1;
    background:rgba(255,255,255,.07);
    font-size:12px;
    font-weight:900;
}

.cms-pending-gallery-v250{
    color:#fff !important;
    background:rgba(255,49,49,.18) !important;
    border:1px solid rgba(255,49,49,.22);
}

.article-media-block-v250{
    margin:0 0 22px;
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.88));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 60px rgba(0,0,0,.22);
}

.article-media-head-v250{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 18px 0;
}

.article-media-head-v250 span{
    color:#ffb347;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
}

.article-media-head-v250 h2{
    margin:0;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

.article-gallery-slider-v250{
    position:relative;
    min-height:360px;
    margin:14px;
    overflow:hidden;
    border-radius:24px;
    background:#020617;
}

.article-gallery-slide-v250{
    position:absolute;
    inset:0;
    margin:0;
    opacity:0;
    transform:scale(1.025);
    transition:opacity .35s ease, transform .55s ease;
    pointer-events:none;
}

.article-gallery-slide-v250.active{
    opacity:1;
    transform:scale(1);
    pointer-events:auto;
}

.article-gallery-slide-v250::after{
    content:"";
    position:absolute;
    inset:auto 0 0;
    height:40%;
    background:linear-gradient(to top,rgba(0,0,0,.52),transparent);
    pointer-events:none;
}

.article-gallery-slide-v250 img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    cursor:zoom-in;
}

.article-gallery-arrow-v250{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:4;
    width:46px;
    height:46px;
    border:0;
    border-radius:999px;
    color:#fff;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    font-size:30px;
    font-weight:900;
    cursor:pointer;
    transition:.2s ease;
}

.article-gallery-arrow-v250:hover{
    background:#ff3131;
}

.article-gallery-arrow-v250.prev{right:16px;}
.article-gallery-arrow-v250.next{left:16px;}

.article-gallery-dots-v250{
    position:absolute;
    left:50%;
    bottom:16px;
    z-index:4;
    transform:translateX(-50%);
    display:flex;
    gap:7px;
    padding:7px 10px;
    border-radius:999px;
    background:rgba(15,23,42,.50);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.article-gallery-dots-v250 button{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.55);
    cursor:pointer;
    transition:.2s ease;
}

.article-gallery-dots-v250 button.active{
    width:24px;
    border-radius:999px;
    background:#ff3131;
}

.article-youtube-frame-v250{
    margin:14px;
    aspect-ratio:16/9;
    border-radius:24px;
    overflow:hidden;
    background:#020617;
    border:1px solid rgba(255,255,255,.10);
}

.article-youtube-frame-v250 iframe{
    width:100%;
    height:100%;
    display:block;
    border:0;
}

@media(max-width:760px){
    .article-gallery-slider-v250{
        min-height:240px;
        margin:10px;
        border-radius:20px;
    }
    .article-youtube-frame-v250{
        margin:10px;
        border-radius:20px;
    }
    .article-media-head-v250{
        padding:14px 14px 0;
    }
    .article-media-head-v250 h2{
        font-size:18px;
    }
    .article-gallery-arrow-v250{
        width:40px;
        height:40px;
        font-size:25px;
    }
}


/* =========================================================
   v251 Article title position + clear back link
   - Title is now above the main image
   - Back to News Center is a clear premium button
========================================================= */
body.article-pro-page .article-pro-content-v187{
    gap:18px !important;
}

body.article-pro-page .article-inline-tools-v251,
body.article-pro-page .article-inline-tools{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    position:relative !important;
    z-index:5 !important;
    margin:0 0 2px !important;
}

body.article-pro-page .article-back-link-v251,
body.article-pro-page .article-back-link-inline{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    min-height:42px !important;
    padding:10px 18px !important;
    border-radius:999px !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    letter-spacing:0 !important;
    color:#0f172a !important;
    background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(226,232,240,.96)) !important;
    border:1px solid rgba(255,255,255,.72) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body.article-pro-page .article-back-link-v251:hover,
body.article-pro-page .article-back-link-inline:hover{
    transform:translateY(-1px) !important;
    color:#b91c1c !important;
    background:linear-gradient(135deg,#ffffff,#fff7ed) !important;
    border-color:rgba(249,115,22,.38) !important;
}

body.article-pro-page .article-inline-header-v251,
body.article-pro-page .article-inline-header{
    order:initial !important;
    padding:2px 4px 4px !important;
    margin:0 !important;
}

body.article-pro-page .article-inline-header-v251 h1,
body.article-pro-page .article-inline-header h1{
    margin:0 !important;
    color:#ffffff !important;
    font-size:clamp(32px,3.8vw,48px) !important;
    line-height:1.25 !important;
    font-weight:900 !important;
    letter-spacing:-.4px !important;
    text-align:right !important;
    text-shadow:0 14px 34px rgba(0,0,0,.42) !important;
}

body.article-pro-page .article-figure-holder-v251,
body.article-pro-page .article-figure-holder{
    margin-top:2px !important;
}

body.article-pro-page .article-premium-figure-v187 .article-main-image{
    border-radius:28px !important;
    box-shadow:0 20px 55px rgba(0,0,0,.24) !important;
}

@media(max-width:760px){
    body.article-pro-page .article-back-link-v251,
    body.article-pro-page .article-back-link-inline{
        min-height:38px !important;
        padding:9px 14px !important;
        font-size:13px !important;
    }

    body.article-pro-page .article-inline-header-v251 h1,
    body.article-pro-page .article-inline-header h1{
        font-size:clamp(24px,7vw,34px) !important;
        line-height:1.32 !important;
    }

    body.article-pro-page .article-premium-figure-v187 .article-main-image{
        border-radius:20px !important;
    }
}

/* 3alTrack v252 — Article YouTube fallback + autoplay gallery polish */
.article-youtube-open-v252{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 14px 14px;
    padding:10px 16px;
    border-radius:999px;
    color:#fff;
    font-weight:900;
    text-decoration:none;
    background:linear-gradient(135deg,#ff3131,#ff7a18);
    box-shadow:0 14px 32px rgba(255,49,49,.22);
}
.article-youtube-open-v252:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 40px rgba(255,49,49,.28);
}
.article-gallery-slider-v250.is-paused .article-gallery-slide-v250.active{
    transform:scale(1.01);
}

/* =========================================================
   3alTrack v253 — Article Back Button Safe Spacing
   - Prevents the "الرجوع إلى مركز الأخبار" button from being clipped under the fixed navbar
   - Keeps title above image and all v252 gallery/video fixes
========================================================= */
body.article-pro-page main{
    padding-top:112px !important;
}

body.article-pro-page .article-pro-shell,
body.article-pro-page .article-shell-v187{
    margin-top:0 !important;
}

body.article-pro-page .article-inline-tools-v251,
body.article-pro-page .article-inline-tools{
    margin-top:0 !important;
    margin-bottom:10px !important;
    overflow:visible !important;
    z-index:20 !important;
}

body.article-pro-page .article-back-link-v251,
body.article-pro-page .article-back-link-inline{
    position:relative !important;
    z-index:25 !important;
    flex-shrink:0 !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
}

@media(max-width:900px){
    body.article-pro-page main{
        padding-top:102px !important;
    }
}

@media(max-width:760px){
    body.article-pro-page main{
        padding-top:92px !important;
    }

    body.article-pro-page .article-inline-tools-v251,
    body.article-pro-page .article-inline-tools{
        margin-bottom:8px !important;
    }
}


/* =========================================================
   3alTrack v254 — YouTube at the end of article
   - Article text appears first
   - Gallery stays after content when available
   - YouTube block is locked to the final media position
========================================================= */
body.article-pro-page .article-body-pro .article-youtube-end-v254{
    margin-top:30px !important;
    margin-bottom:4px !important;
}

body.article-pro-page .article-body-pro .article-gallery-block-v250 + .article-youtube-end-v254{
    margin-top:22px !important;
}

body.article-pro-page .article-youtube-end-v254 .article-media-head-v250{
    padding-top:18px !important;
}

body.article-pro-page .article-youtube-end-v254 .article-youtube-open-v252::before{
    content:"▶";
    font-size:12px;
    line-height:1;
}

@media(max-width:760px){
    body.article-pro-page .article-body-pro .article-youtube-end-v254{
        margin-top:22px !important;
    }
}


/* =========================================================
   3alTrack v255 — Album upload only + YouTube no-empty-card
   - Admin album URLs textarea is hidden; uploads only remain visible.
   - Article YouTube uses a safe thumbnail/open card instead of an empty iframe.
   ========================================================= */
.cms-hidden-gallery-store-v255{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    padding:0 !important;
    margin:-1px !important;
    border:0 !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    clip-path:inset(50%) !important;
    white-space:nowrap !important;
    opacity:0 !important;
    pointer-events:none !important;
}
.cms-gallery-upload-only-v255{
    margin-top:4px;
}
.article-youtube-card-v255 .article-youtube-frame-v250{
    display:none !important;
}
.article-youtube-thumb-link-v255{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:320px;
    border-radius:28px;
    overflow:hidden;
    text-decoration:none;
    color:#fff;
    background:
        radial-gradient(circle at 50% 35%, rgba(255,70,45,.30), transparent 36%),
        linear-gradient(145deg, rgba(8,14,32,.95), rgba(13,32,72,.92));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 22px 54px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.10);
    isolation:isolate;
}
.article-youtube-thumb-link-v255::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(4,10,24,.08), rgba(4,10,24,.72));
    z-index:1;
}
.article-youtube-thumb-link-v255 img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:.72;
    transform:scale(1.03);
    transition:transform .45s ease, opacity .45s ease;
    z-index:0;
}
.article-youtube-thumb-link-v255:hover img{
    transform:scale(1.08);
    opacity:.86;
}
.article-youtube-thumb-link-v255.no-thumb{
    min-height:220px;
}
.article-youtube-play-v255{
    position:relative;
    z-index:2;
    width:82px;
    height:82px;
    border-radius:999px;
    display:grid;
    place-items:center;
    padding-inline-start:5px;
    font-size:34px;
    color:#fff;
    background:linear-gradient(135deg, #ff2f1f, #ffb02e);
    box-shadow:0 18px 44px rgba(255,60,35,.38), 0 0 0 10px rgba(255,255,255,.10);
    margin-bottom:18px;
}
.article-youtube-thumb-link-v255 strong,
.article-youtube-thumb-link-v255 small{
    position:relative;
    z-index:2;
    text-shadow:0 3px 16px rgba(0,0,0,.45);
}
.article-youtube-thumb-link-v255 strong{
    font-size:clamp(1.05rem, 2vw, 1.45rem);
    font-weight:1000;
}
.article-youtube-thumb-link-v255 small{
    margin-top:6px;
    font-weight:800;
    color:rgba(255,255,255,.84);
}
@media (max-width: 680px){
    .article-youtube-thumb-link-v255{
        min-height:220px;
        border-radius:22px;
    }
    .article-youtube-play-v255{
        width:66px;
        height:66px;
        font-size:28px;
        margin-bottom:14px;
    }
}


/* =========================================================
   3alTrack v256 — Article readability / color contrast fix
   Scope: article page only. Fixes unreadable text on related,
   previous/next, more stories, title and media cards.
========================================================= */
body.article-pro-page,
body.article-pro-page main{
    color:#f8fafc !important;
}

body.article-pro-page .article-inline-header-v251 h1,
body.article-pro-page .article-inline-header h1,
body.article-pro-page #articleTitle{
    color:#ffffff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.42) !important;
    letter-spacing:-.02em !important;
}

body.article-pro-page .article-pro-content,
body.article-pro-page .article-side-card,
body.article-pro-page .article-navigation a{
    color:#f8fafc !important;
}

body.article-pro-page .article-body-pro,
body.article-pro-page .article-body-pro p,
body.article-pro-page .article-body-pro .article-lead-paragraph,
body.article-pro-page .article-body-pro blockquote,
body.article-pro-page .article-body-pro li{
    color:#f8fafc !important;
    text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}

body.article-pro-page .article-info-card div span{
    color:#facc15 !important;
    opacity:1 !important;
}
body.article-pro-page .article-info-card div strong{
    color:#ffffff !important;
    opacity:1 !important;
}

body.article-pro-page .article-back-link-v251,
body.article-pro-page .article-back-link-inline{
    color:#ffffff !important;
    background:linear-gradient(135deg,rgba(239,68,68,.96),rgba(249,115,22,.92)) !important;
    border-color:rgba(255,255,255,.18) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.22) !important;
}

body.article-pro-page .sidebar-title span,
body.article-pro-page .article-bottom-related .section-title span{
    color:#ff5d5d !important;
    opacity:1 !important;
    text-shadow:none !important;
}
body.article-pro-page .sidebar-title h3,
body.article-pro-page .article-bottom-related .section-title h2{
    color:#ffffff !important;
    text-shadow:0 4px 18px rgba(0,0,0,.30) !important;
}

body.article-pro-page .related-news-card{
    background:linear-gradient(145deg,#16233b,#101a2d) !important;
    border-color:rgba(255,255,255,.10) !important;
    color:#ffffff !important;
}
body.article-pro-page .related-news-card span{
    color:#fbbf24 !important;
    opacity:1 !important;
}
body.article-pro-page .related-news-card h4,
body.article-pro-page .related-news-card strong,
body.article-pro-page .related-news-card p{
    color:#ffffff !important;
    opacity:1 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.30) !important;
}

body.article-pro-page .article-navigation a{
    background:linear-gradient(145deg,#17233a,#111b2f) !important;
    border-color:rgba(255,255,255,.10) !important;
    text-decoration:none !important;
}
body.article-pro-page .article-navigation span{
    color:#fbbf24 !important;
    opacity:1 !important;
}
body.article-pro-page .article-navigation strong{
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:900 !important;
    text-shadow:0 1px 2px rgba(0,0,0,.34) !important;
}

body.article-pro-page .bottom-related-card{
    isolation:isolate !important;
    color:#ffffff !important;
    background:#111b2f !important;
}
body.article-pro-page .bottom-related-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(2,6,23,.04) 0%,rgba(2,6,23,.42) 46%,rgba(2,6,23,.94) 100%) !important;
}
body.article-pro-page .bottom-related-card span,
body.article-pro-page .bottom-related-card h3{
    position:relative !important;
    z-index:2 !important;
}
body.article-pro-page .bottom-related-card span{
    color:#ffffff !important;
    background:rgba(225,29,72,.92) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
body.article-pro-page .bottom-related-card h3{
    color:#ffffff !important;
    opacity:1 !important;
    font-weight:950 !important;
    text-shadow:0 3px 14px rgba(0,0,0,.55) !important;
}

body.article-pro-page .article-media-block-v250,
body.article-pro-page .article-youtube-end-v254{
    color:#ffffff !important;
}
body.article-pro-page .article-media-head-v250 h2,
body.article-pro-page .article-youtube-end-v254 h2{
    color:#ffffff !important;
}
body.article-pro-page .article-media-head-v250 span,
body.article-pro-page .article-youtube-end-v254 span{
    color:#fbbf24 !important;
}

@media(max-width:760px){
    body.article-pro-page .article-inline-header-v251 h1,
    body.article-pro-page .article-inline-header h1,
    body.article-pro-page #articleTitle{
        font-size:clamp(25px,8vw,34px) !important;
        line-height:1.22 !important;
    }

    body.article-pro-page .article-navigation{
        grid-template-columns:1fr !important;
    }

    body.article-pro-page .bottom-related-card h3{
        font-size:18px !important;
        line-height:1.5 !important;
    }
}

/* =========================================================
   v258 — Match Details Pro Summary
   تفاصيل المباراة: مسجلون تحت كل فريق + مجموع المباراتين + ضربات الترجيح
   لا يلمس شكل التشكيلة.
========================================================= */
.match-hero-v258{
    min-height:auto !important;
    padding-bottom:32px !important;
}

.match-scoreboard-v258{
    min-height:300px !important;
    grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:20px !important;
    margin-top:22px !important;
}

.match-hero-v258 .team-result-card-v258{
    align-self:stretch !important;
    justify-content:flex-start !important;
    gap:12px !important;
    padding:20px !important;
    border-radius:34px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.092), rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.13) !important;
    box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.team-copy-v258{
    width:100% !important;
    display:grid !important;
    gap:6px !important;
    justify-items:center !important;
}

.match-hero-v258 .team-copy-v258 h2{
    margin:0 !important;
    font-size:25px !important;
    line-height:1.25 !important;
}

.match-hero-v258 .premium-team-score-v57{
    min-width:52px !important;
    min-height:42px !important;
    padding:0 14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:16px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#ff8a3d) !important;
    box-shadow:0 14px 28px rgba(255,49,49,.22) !important;
    font-size:26px !important;
    font-weight:950 !important;
    line-height:1 !important;
}

.team-scorers-v258{
    width:100% !important;
    margin-top:auto !important;
    padding:13px !important;
    border-radius:22px !important;
    background:rgba(3,7,18,.26) !important;
    border:1px solid rgba(255,255,255,.10) !important;
}

.team-scorers-title-v258{
    display:block !important;
    margin-bottom:10px !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.8px !important;
}

.team-goals-list-v258{
    display:grid !important;
    gap:8px !important;
}

.team-goal-chip-v258{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:8px !important;
    align-items:center !important;
    padding:8px 10px !important;
    border-radius:14px !important;
    color:#fff !important;
    background:rgba(255,255,255,.085) !important;
    border:1px solid rgba(255,255,255,.09) !important;
}

.goal-minute-v258{
    min-width:38px !important;
    min-height:28px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:10px !important;
    background:rgba(255,179,71,.14) !important;
    color:#ffcf7a !important;
    font-size:12px !important;
    font-weight:950 !important;
}

.team-goal-chip-v258 strong{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:950 !important;
}

.team-goal-chip-v258 em{
    color:#cbd5e8 !important;
    font-style:normal !important;
    font-size:11px !important;
    font-weight:900 !important;
}

.team-goals-empty-v258{
    padding:10px !important;
    border-radius:14px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.055) !important;
    border:1px dashed rgba(255,255,255,.11) !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.match-score-center-v258{
    align-self:center !important;
    min-height:0 !important;
    padding:22px 14px !important;
    border-radius:34px !important;
}

.match-score-center-v258::before{
    inset:-7px !important;
    border-radius:40px !important;
    opacity:.55 !important;
}

.match-main-score-v258{
    color:#fff !important;
    font-size:48px !important;
    letter-spacing:-1px !important;
}

.match-decision-strip-v258{
    position:relative !important;
    z-index:3 !important;
    max-width:1060px !important;
    margin:0 auto 22px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:14px !important;
}

.decision-card-v258{
    min-height:96px !important;
    padding:16px !important;
    border-radius:24px !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.045)) !important;
    border:1px solid rgba(255,255,255,.11) !important;
    box-shadow:0 18px 46px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.decision-card-v258 span{
    display:block !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
    letter-spacing:.7px !important;
}

.decision-card-v258 strong{
    display:block !important;
    margin:6px 0 2px !important;
    color:#fff !important;
    font-size:26px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

.decision-card-v258 small{
    color:#cbd5e8 !important;
    font-size:12px !important;
    line-height:1.6 !important;
    font-weight:850 !important;
}

.decision-card-v258.is-score{
    background:
        radial-gradient(circle at 82% 16%, rgba(255,49,49,.22), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
}

.decision-card-v258.is-penalty{
    background:
        radial-gradient(circle at 80% 12%, rgba(255,179,71,.22), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.05)) !important;
}

.decision-card-v258.is-muted{
    opacity:.82 !important;
}

@media(max-width:980px){
    .match-scoreboard-v258{
        grid-template-columns:1fr !important;
        gap:14px !important;
        padding:16px 0 !important;
    }

    .match-hero-v258 .team-result-card-v258{
        align-items:center !important;
        text-align:right !important;
        justify-content:flex-start !important;
    }

    .match-hero-v258 .team-copy-v258{
        justify-items:start !important;
        text-align:right !important;
    }

    .team-scorers-v258{
        margin-top:0 !important;
    }

    .match-score-center-v258{
        order:2 !important;
        width:100% !important;
    }

    .match-decision-strip-v258{
        grid-template-columns:1fr !important;
        gap:10px !important;
    }
}

@media(max-width:540px){
    .match-hero-v258 .team-result-card-v258{
        padding:14px !important;
        border-radius:26px !important;
    }

    .match-hero-v258 .team-copy-v258 h2{
        font-size:19px !important;
    }

    .team-goal-chip-v258{
        grid-template-columns:auto minmax(0,1fr) !important;
    }

    .team-goal-chip-v258 em{
        grid-column:2 !important;
    }

    .decision-card-v258{
        min-height:auto !important;
        padding:14px !important;
    }
}

/* =========================================================
   v259 — Match Details Compact Premium
   الهدف: تفاصيل المباراة Premium Compact بدل كارت النتيجة الكبير.
   لا يلمس شكل التشكيلة.
========================================================= */
.match-detail-page{
    padding-top:104px !important;
}

.match-hero-v258{
    max-width:1120px !important;
    margin-inline:auto !important;
    padding:24px 24px 26px !important;
    border-radius:32px !important;
    background:
        radial-gradient(circle at 88% 8%, rgba(255,49,49,.18), transparent 31%),
        radial-gradient(circle at 10% 90%, rgba(255,179,71,.10), transparent 35%),
        linear-gradient(135deg, rgba(7,12,25,.97), rgba(14,28,58,.95)) !important;
    box-shadow:0 24px 74px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.match-hero-v258 .luxury-match-kicker{
    margin-bottom:14px !important;
}

.match-hero-v258 .premium-match-league,
.match-hero-v258 .luxury-match-league{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:8px 12px !important;
    border-radius:16px !important;
}

.match-scoreboard-v258,
.luxury-scoreboard.match-scoreboard-v258{
    width:min(100%, 940px) !important;
    min-height:0 !important;
    margin:22px auto 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 136px minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:14px !important;
    padding:0 !important;
}

.match-hero-v258 .team-result-card-v258,
.luxury-match-hero .premium-match-team.team-result-card-v258{
    min-height:0 !important;
    align-self:stretch !important;
    display:grid !important;
    grid-template-rows:auto auto minmax(0,1fr) !important;
    justify-items:center !important;
    align-items:start !important;
    gap:10px !important;
    padding:16px !important;
    border-radius:24px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.11), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.082), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 18px 44px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.match-hero-v258 .premium-team-logo,
.luxury-match-hero .premium-team-logo{
    width:82px !important;
    height:82px !important;
    border-radius:22px !important;
    background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.match-hero-v258 .premium-team-logo img,
.luxury-match-hero .premium-team-logo img{
    width:56px !important;
    height:56px !important;
    filter:drop-shadow(0 10px 14px rgba(0,0,0,.32)) !important;
}

.team-copy-v258{
    width:100% !important;
    display:grid !important;
    justify-items:center !important;
    gap:8px !important;
}

.match-hero-v258 .team-copy-v258 h2,
.luxury-match-hero .premium-match-team.team-result-card-v258 h2{
    max-width:100% !important;
    min-height:0 !important;
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(18px, 1.6vw, 23px) !important;
    line-height:1.25 !important;
    font-weight:950 !important;
    text-align:center !important;
    text-shadow:0 10px 22px rgba(0,0,0,.28) !important;
}

.match-hero-v258 .premium-team-score-v57{
    min-width:48px !important;
    min-height:36px !important;
    padding:0 13px !important;
    border-radius:14px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#ff3131,#ff8a3d) !important;
    box-shadow:0 12px 24px rgba(255,49,49,.22) !important;
    font-size:23px !important;
    font-weight:950 !important;
    line-height:1 !important;
}

.team-scorers-v258{
    width:100% !important;
    margin-top:2px !important;
    padding:10px !important;
    border-radius:18px !important;
    background:rgba(3,7,18,.24) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.team-scorers-title-v258{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    margin-bottom:8px !important;
    color:#ffcf7a !important;
    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.8px !important;
}

.team-scorers-title-v258::before,
.team-scorers-title-v258::after{
    content:"" !important;
    width:5px !important;
    height:5px !important;
    border-radius:50% !important;
    background:rgba(255,207,122,.7) !important;
}

.team-goals-list-v258{
    display:grid !important;
    gap:7px !important;
}

.team-goal-chip-v258{
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    gap:7px !important;
    align-items:center !important;
    padding:7px 9px !important;
    border-radius:13px !important;
    color:#fff !important;
    background:rgba(255,255,255,.075) !important;
    border:1px solid rgba(255,255,255,.085) !important;
}

.goal-minute-v258{
    min-width:34px !important;
    min-height:25px !important;
    padding:0 7px !important;
    display:inline-grid !important;
    place-items:center !important;
    border-radius:9px !important;
    background:rgba(255,179,71,.14) !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.team-goal-chip-v258 strong{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#fff !important;
    font-size:12.5px !important;
    font-weight:950 !important;
}

.team-goal-chip-v258 em{
    color:#cbd5e8 !important;
    font-style:normal !important;
    font-size:10.5px !important;
    font-weight:850 !important;
}

.team-goals-empty-v258{
    padding:8px 10px !important;
    border-radius:13px !important;
    color:#aeb8cc !important;
    background:rgba(255,255,255,.048) !important;
    border:1px dashed rgba(255,255,255,.11) !important;
    font-size:11.5px !important;
    font-weight:900 !important;
    text-align:center !important;
}

.match-score-center-v258,
.luxury-score-center.match-score-center-v258{
    width:136px !important;
    min-height:0 !important;
    height:auto !important;
    align-self:center !important;
    justify-self:center !important;
    gap:8px !important;
    padding:14px 10px !important;
    border-radius:26px !important;
    background:
        radial-gradient(circle at 50% 10%, rgba(255,255,255,.12), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.095), rgba(0,0,0,.18)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.match-score-center-v258::before,
.luxury-score-center.match-score-center-v258::before{
    inset:-5px !important;
    border-radius:30px !important;
    opacity:.35 !important;
    border-color:rgba(255,49,49,.16) !important;
}

.match-score-center-v258 .premium-status-pill{
    min-height:26px !important;
    padding:0 9px !important;
    font-size:10px !important;
    border-radius:999px !important;
}

.match-main-score-v258,
.match-score-center-v258 strong.match-main-score-v258{
    color:#fff !important;
    font-size:34px !important;
    line-height:1 !important;
    letter-spacing:-.5px !important;
    font-weight:950 !important;
}

.match-score-center-v258 small{
    color:#cbd5e8 !important;
    font-size:10.5px !important;
    line-height:1.45 !important;
    font-weight:850 !important;
}

.match-decision-strip-v258{
    max-width:940px !important;
    margin:2px auto 18px !important;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:10px !important;
}

.decision-card-v258{
    min-height:0 !important;
    padding:11px 13px !important;
    border-radius:18px !important;
    background:linear-gradient(145deg, rgba(255,255,255,.082), rgba(255,255,255,.04)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 14px 32px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.decision-card-v258 span{
    display:block !important;
    color:#ffcf7a !important;
    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.55px !important;
}

.decision-card-v258 strong{
    display:block !important;
    margin:4px 0 1px !important;
    color:#fff !important;
    font-size:clamp(16px, 1.45vw, 21px) !important;
    line-height:1.18 !important;
    font-weight:950 !important;
}

.decision-card-v258 small{
    color:#cbd5e8 !important;
    font-size:10.5px !important;
    line-height:1.55 !important;
    font-weight:800 !important;
}

.decision-card-v258.is-score,
.decision-card-v258.is-penalty{
    background:
        radial-gradient(circle at 88% 10%, rgba(255,179,71,.16), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.092), rgba(255,255,255,.045)) !important;
}

.luxury-match-title-line{
    max-width:940px !important;
    margin:10px auto 0 !important;
    padding:10px 14px !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.055) !important;
    border:1px solid rgba(255,255,255,.08) !important;
}

.premium-match-facts.luxury-match-facts{
    max-width:940px !important;
    margin:14px auto 0 !important;
    gap:10px !important;
}

.premium-match-facts.luxury-match-facts > div{
    padding:12px 14px !important;
    border-radius:18px !important;
}

.premium-match-tabs.luxury-match-tabs{
    max-width:940px !important;
    margin:16px auto 0 !important;
}

@media(max-width:980px){
    .match-hero-v258{
        padding:18px !important;
        border-radius:28px !important;
    }

    .match-scoreboard-v258,
    .luxury-scoreboard.match-scoreboard-v258{
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:16px !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        order:2 !important;
        width:min(100%, 280px) !important;
        padding:12px !important;
        border-radius:22px !important;
    }

    .match-hero-v258 .team-result-card-v258.home{order:1 !important;}
    .match-hero-v258 .team-result-card-v258.away{order:3 !important;}

    .match-hero-v258 .team-result-card-v258,
    .luxury-match-hero .premium-match-team.team-result-card-v258{
        grid-template-columns:auto minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        justify-items:start !important;
        align-items:center !important;
        text-align:right !important;
        padding:13px !important;
        border-radius:22px !important;
    }

    .match-hero-v258 .premium-team-logo{
        grid-row:1 / span 2 !important;
        width:66px !important;
        height:66px !important;
        border-radius:18px !important;
    }

    .match-hero-v258 .premium-team-logo img{
        width:46px !important;
        height:46px !important;
    }

    .team-copy-v258{
        justify-items:start !important;
        text-align:right !important;
    }

    .team-scorers-v258{
        grid-column:1 / -1 !important;
        margin-top:0 !important;
    }

    .match-decision-strip-v258{
        grid-template-columns:1fr !important;
        gap:8px !important;
    }
}

@media(max-width:540px){
    .match-detail-page{
        width:min(94%, 420px) !important;
        padding-top:92px !important;
    }

    .match-hero-v258{
        padding:14px !important;
        border-radius:24px !important;
    }

    .match-main-score-v258,
    .match-score-center-v258 strong.match-main-score-v258{
        font-size:30px !important;
    }

    .match-hero-v258 .team-copy-v258 h2,
    .luxury-match-hero .premium-match-team.team-result-card-v258 h2{
        font-size:18px !important;
    }

    .team-goal-chip-v258{
        grid-template-columns:auto minmax(0,1fr) !important;
    }

    .team-goal-chip-v258 em{
        grid-column:2 !important;
    }

    .premium-match-facts.luxury-match-facts{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   v260 — Match Details Premium Clean
   Fix: remove bulky split cards, keep lineup unchanged.
========================================================= */
.match-detail-page{
    padding-top:96px !important;
}

.match-hero-v258{
    width:min(94vw, 1040px) !important;
    margin:0 auto 28px !important;
    padding:22px 24px 24px !important;
    border-radius:30px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 82% 0%, rgba(255,49,49,.16), transparent 28%),
        radial-gradient(circle at 12% 96%, rgba(56,189,248,.10), transparent 32%),
        linear-gradient(135deg, rgba(6,12,27,.97), rgba(12,27,56,.94)) !important;
    box-shadow:0 26px 78px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.match-hero-v258 .luxury-match-kicker,
.match-hero-v258 .premium-match-league,
.match-hero-v258 .luxury-match-league{
    position:relative !important;
    z-index:3 !important;
}

.match-scoreboard-v258,
.luxury-scoreboard.match-scoreboard-v258{
    width:min(100%, 900px) !important;
    min-height:0 !important;
    margin:18px auto 12px !important;
    padding:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 142px minmax(0,1fr) !important;
    gap:14px !important;
    align-items:start !important;
}

.match-hero-v258 .team-result-card-v258,
.luxury-match-hero .premium-match-team.team-result-card-v258{
    min-height:0 !important;
    height:auto !important;
    align-self:start !important;
    padding:14px 14px 12px !important;
    border-radius:22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.070), rgba(255,255,255,.030)) !important;
    border:1px solid rgba(255,255,255,.105) !important;
    box-shadow:0 14px 34px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.07) !important;
}

.match-hero-v258 .premium-team-logo,
.luxury-match-hero .premium-team-logo{
    width:64px !important;
    height:64px !important;
    border-radius:18px !important;
    flex:0 0 auto !important;
    background:linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.055)) !important;
    border:1px solid rgba(255,255,255,.09) !important;
    box-shadow:0 12px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.match-hero-v258 .premium-team-logo img,
.luxury-match-hero .premium-team-logo img{
    width:44px !important;
    height:44px !important;
    object-fit:contain !important;
}

.team-copy-v258{
    width:100% !important;
    display:block !important;
    text-align:center !important;
}

.match-hero-v258 .team-copy-v258 h2,
.luxury-match-hero .premium-match-team.team-result-card-v258 h2{
    margin:0 !important;
    color:#fff !important;
    font-size:clamp(20px, 1.75vw, 26px) !important;
    line-height:1.18 !important;
    font-weight:950 !important;
    text-align:center !important;
    letter-spacing:-.2px !important;
    text-shadow:0 10px 24px rgba(0,0,0,.28) !important;
}

/* النتيجة تظهر في المنتصف فقط، بدون بادج داخل كل فريق */
.match-hero-v258 .team-copy-v258 .premium-team-score-v57{
    display:none !important;
}

.team-scorers-v258{
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

.team-scorers-title-v258{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    margin:2px 0 8px !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.65px !important;
}

.team-scorers-title-v258::before,
.team-scorers-title-v258::after{
    content:"" !important;
    width:5px !important;
    height:5px !important;
    border-radius:999px !important;
    background:rgba(255,207,122,.78) !important;
}

.team-goals-list-v258{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:6px !important;
}

.team-goal-chip-v258{
    width:auto !important;
    max-width:100% !important;
    min-height:31px !important;
    padding:5px 8px !important;
    border-radius:999px !important;
    display:inline-grid !important;
    grid-template-columns:auto minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:6px !important;
    color:#fff !important;
    background:rgba(255,255,255,.078) !important;
    border:1px solid rgba(255,255,255,.095) !important;
    box-shadow:none !important;
}

.goal-minute-v258{
    min-width:30px !important;
    min-height:22px !important;
    padding:0 6px !important;
    border-radius:999px !important;
    display:inline-grid !important;
    place-items:center !important;
    background:rgba(255,179,71,.15) !important;
    color:#ffcf7a !important;
    font-size:11px !important;
    font-weight:950 !important;
}

.team-goal-chip-v258 strong{
    max-width:170px !important;
    min-width:0 !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.1 !important;
    font-weight:950 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}

.team-goal-chip-v258 em{
    color:#cbd5e8 !important;
    font-style:normal !important;
    font-size:10px !important;
    font-weight:850 !important;
}

.team-goals-empty-v258{
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:32px !important;
    padding:0 12px !important;
    border-radius:999px !important;
    color:#c2ccdc !important;
    background:rgba(255,255,255,.052) !important;
    border:1px dashed rgba(255,255,255,.12) !important;
    font-size:12px !important;
    font-weight:900 !important;
    text-align:center !important;
}

.match-score-center-v258,
.luxury-score-center.match-score-center-v258{
    width:142px !important;
    min-height:112px !important;
    height:auto !important;
    align-self:center !important;
    justify-self:center !important;
    padding:13px 10px !important;
    border-radius:24px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.12), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.18)) !important;
    border:1px solid rgba(255,255,255,.12) !important;
    box-shadow:0 16px 38px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.09) !important;
}

.match-score-center-v258::before,
.luxury-score-center.match-score-center-v258::before{
    inset:-4px !important;
    border-radius:28px !important;
    opacity:.28 !important;
}

.match-score-center-v258 .premium-status-pill{
    min-height:24px !important;
    padding:0 10px !important;
    font-size:10px !important;
    border-radius:999px !important;
}

.match-main-score-v258,
.match-score-center-v258 strong.match-main-score-v258{
    color:#fff !important;
    font-size:clamp(34px, 3.4vw, 44px) !important;
    line-height:1 !important;
    letter-spacing:-.8px !important;
    font-weight:950 !important;
}

.match-score-center-v258 small{
    max-width:110px !important;
    color:#d7deeb !important;
    font-size:10px !important;
    line-height:1.4 !important;
    font-weight:850 !important;
    text-align:center !important;
}

.match-decision-strip-v258{
    max-width:900px !important;
    margin:2px auto 14px !important;
    padding:0 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

/* النتيجة موجودة في المنتصف؛ نخفي التكرار تحت */
.match-decision-strip-v258 .decision-card-v258.is-score{
    display:none !important;
}

.decision-card-v258{
    flex:0 1 260px !important;
    min-height:54px !important;
    padding:9px 12px !important;
    border-radius:18px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    align-items:center !important;
    background:linear-gradient(145deg, rgba(255,255,255,.074), rgba(255,255,255,.035)) !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.12), inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.decision-card-v258 span{
    grid-row:1 / span 2 !important;
    color:#ffcf7a !important;
    font-size:10px !important;
    font-weight:950 !important;
    white-space:nowrap !important;
    letter-spacing:.3px !important;
}

.decision-card-v258 strong{
    margin:0 !important;
    color:#fff !important;
    font-size:17px !important;
    line-height:1.15 !important;
    font-weight:950 !important;
}

.decision-card-v258 small{
    color:#cbd5e8 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
}

.luxury-match-title-line{
    max-width:900px !important;
    margin:8px auto 0 !important;
    padding:8px 12px !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.052) !important;
    border:1px solid rgba(255,255,255,.075) !important;
}

.premium-match-facts.luxury-match-facts{
    max-width:900px !important;
    margin:12px auto 0 !important;
    gap:8px !important;
}

.premium-match-facts.luxury-match-facts > div{
    min-height:58px !important;
    padding:10px 13px !important;
    border-radius:16px !important;
}

.premium-match-tabs.luxury-match-tabs{
    max-width:900px !important;
    margin:13px auto 0 !important;
}

@media(max-width:980px){
    .match-detail-page{
        width:min(94%, 720px) !important;
        padding-top:92px !important;
    }

    .match-hero-v258{
        padding:17px !important;
        border-radius:26px !important;
    }

    .match-scoreboard-v258,
    .luxury-scoreboard.match-scoreboard-v258{
        grid-template-columns:1fr !important;
        gap:10px !important;
        margin-top:16px !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        order:2 !important;
        width:min(100%, 270px) !important;
        min-height:92px !important;
        padding:11px !important;
        border-radius:22px !important;
    }

    .match-hero-v258 .team-result-card-v258.home{order:1 !important;}
    .match-hero-v258 .team-result-card-v258.away{order:3 !important;}

    .match-hero-v258 .team-result-card-v258,
    .luxury-match-hero .premium-match-team.team-result-card-v258{
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        align-items:center !important;
        justify-items:start !important;
        text-align:right !important;
        padding:12px !important;
        border-radius:20px !important;
    }

    .match-hero-v258 .premium-team-logo{
        grid-row:1 / span 2 !important;
        width:58px !important;
        height:58px !important;
        border-radius:16px !important;
    }

    .match-hero-v258 .premium-team-logo img{
        width:40px !important;
        height:40px !important;
    }

    .team-copy-v258{
        text-align:right !important;
    }

    .match-hero-v258 .team-copy-v258 h2{
        text-align:right !important;
        font-size:20px !important;
    }

    .team-scorers-v258{
        grid-column:1 / -1 !important;
        margin-top:4px !important;
    }

    .team-goals-list-v258{
        justify-content:flex-start !important;
    }

    .decision-card-v258{
        flex:1 1 100% !important;
    }
}

@media(max-width:540px){
    .match-detail-page{
        width:min(94%, 430px) !important;
        padding-top:88px !important;
    }

    .match-hero-v258{
        padding:13px !important;
        border-radius:23px !important;
    }

    .match-main-score-v258,
    .match-score-center-v258 strong.match-main-score-v258{
        font-size:32px !important;
    }

    .team-goal-chip-v258 strong{
        max-width:190px !important;
    }

    .premium-match-facts.luxury-match-facts{
        grid-template-columns:1fr !important;
    }
}


/* =========================================================
   v261 — Match Details Slim Responsive Launch Fix
   - remove inner match facts/competition/title-line
   - show scorers only when goals exist
   - show aggregate/penalties only when data exists
   - tighten responsive layout across match page
========================================================= */
.match-detail-page{
    width:min(96vw, 1120px) !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
}

.match-hero-v258{
    width:min(96vw, 1080px) !important;
    padding:18px 20px 20px !important;
    border-radius:28px !important;
}

.match-hero-v258 .premium-match-league,
.match-hero-v258 .luxury-match-league,
.match-hero-v258 .premium-match-facts,
.match-hero-v258 .luxury-match-facts,
.match-hero-v258 .luxury-match-title-line{
    display:none !important;
}

.match-scoreboard-v258,
.luxury-scoreboard.match-scoreboard-v258{
    width:min(100%, 920px) !important;
    grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr) !important;
    gap:12px !important;
    margin:14px auto 10px !important;
    align-items:stretch !important;
}

.match-hero-v258 .team-result-card-v258,
.luxury-match-hero .premium-match-team.team-result-card-v258{
    min-height:158px !important;
    padding:14px !important;
    border-radius:23px !important;
    justify-content:center !important;
    gap:8px !important;
}

.match-hero-v258 .team-result-card-v258.no-goals{
    min-height:136px !important;
}

.match-hero-v258 .premium-team-logo{
    width:58px !important;
    height:58px !important;
    border-radius:17px !important;
}

.match-hero-v258 .premium-team-logo img{
    width:42px !important;
    height:42px !important;
}

.match-hero-v258 .team-copy-v258 h2,
.luxury-match-hero .premium-match-team.team-result-card-v258 h2{
    font-size:clamp(22px, 2.2vw, 30px) !important;
    line-height:1.1 !important;
}

.team-scorers-v258:empty,
.team-goals-empty-v258,
.team-scorers-title-v258{
    display:none !important;
}

.team-scorers-v258{
    margin-top:2px !important;
}

.team-goals-list-v258{
    gap:5px !important;
}

.team-goal-chip-v258{
    min-height:28px !important;
    padding:4px 8px !important;
    border-radius:999px !important;
}

.match-score-center-v258,
.luxury-score-center.match-score-center-v258{
    width:126px !important;
    min-height:104px !important;
    padding:12px 9px !important;
    border-radius:22px !important;
    align-self:center !important;
}

.match-main-score-v258,
.match-score-center-v258 strong.match-main-score-v258{
    font-size:clamp(34px, 3vw, 42px) !important;
}

.match-score-center-v258 small{
    display:none !important;
}

.match-decision-strip-v258:empty{
    display:none !important;
}

.match-decision-strip-v258{
    max-width:760px !important;
    margin:8px auto 10px !important;
    gap:7px !important;
}

.match-decision-strip-v258 .decision-card-v258{
    flex:0 1 240px !important;
    min-height:48px !important;
    padding:8px 11px !important;
    border-radius:16px !important;
}

.premium-match-tabs.luxury-match-tabs{
    margin-top:10px !important;
}

/* Safe site-wide responsive hardening before upload */
img, video, iframe{
    max-width:100% !important;
}

@media(max-width:1100px){
    .topbar{
        max-width:100vw !important;
    }
    .match-detail-page{
        width:min(94vw, 900px) !important;
        padding-top:88px !important;
    }
}

@media(max-width:820px){
    .match-scoreboard-v258,
    .luxury-scoreboard.match-scoreboard-v258{
        grid-template-columns:1fr !important;
        width:min(100%, 560px) !important;
        gap:9px !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        order:1 !important;
        width:min(100%, 220px) !important;
        min-height:88px !important;
        margin-inline:auto !important;
    }

    .match-hero-v258 .team-result-card-v258.home{order:2 !important;}
    .match-hero-v258 .team-result-card-v258.away{order:3 !important;}

    .match-hero-v258 .team-result-card-v258,
    .luxury-match-hero .premium-match-team.team-result-card-v258{
        min-height:94px !important;
        grid-template-columns:auto minmax(0,1fr) !important;
        grid-template-rows:auto auto !important;
        justify-items:start !important;
        text-align:right !important;
        padding:11px 12px !important;
        border-radius:19px !important;
    }

    .match-hero-v258 .team-result-card-v258.no-goals{
        min-height:84px !important;
    }

    .match-hero-v258 .premium-team-logo{
        grid-row:1 / span 2 !important;
        width:52px !important;
        height:52px !important;
    }

    .match-hero-v258 .premium-team-logo img{
        width:38px !important;
        height:38px !important;
    }

    .team-copy-v258,
    .match-hero-v258 .team-copy-v258 h2{
        text-align:right !important;
    }

    .team-scorers-v258{
        grid-column:1 / -1 !important;
        width:100% !important;
    }

    .team-goals-list-v258{
        justify-content:flex-start !important;
    }

    .match-decision-strip-v258 .decision-card-v258{
        flex:1 1 100% !important;
    }
}

@media(max-width:560px){
    .match-detail-page{
        width:94vw !important;
        padding-top:82px !important;
    }

    .match-hero-v258{
        padding:12px !important;
        border-radius:22px !important;
    }

    .match-hero-v258 .luxury-match-kicker{
        transform:none !important;
        margin-inline:auto !important;
        max-width:100% !important;
        font-size:10px !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        min-height:80px !important;
        border-radius:19px !important;
    }

    .match-main-score-v258,
    .match-score-center-v258 strong.match-main-score-v258{
        font-size:31px !important;
    }

    .match-hero-v258 .team-copy-v258 h2,
    .luxury-match-hero .premium-match-team.team-result-card-v258 h2{
        font-size:20px !important;
    }

    .premium-match-tabs.luxury-match-tabs{
        display:flex !important;
        flex-wrap:wrap !important;
        gap:7px !important;
    }

    .premium-match-tabs.luxury-match-tabs a{
        flex:1 1 30% !important;
        min-width:86px !important;
        text-align:center !important;
    }
}


/* =========================================================
   v262 — Match Premium Responsive Final
   Clean scoreboard, readable Light/Dark, no bulky mobile stack
========================================================= */
.match-detail-page{
    max-width:1180px !important;
    width:min(94vw, 1180px) !important;
    margin-inline:auto !important;
}

.match-hero-v258,
.luxury-match-hero.match-hero-v258{
    width:min(100%, 1120px) !important;
    margin:18px auto 22px !important;
    padding:clamp(18px, 2.3vw, 30px) !important;
    border-radius:34px !important;
    overflow:hidden !important;
    background:
        radial-gradient(circle at 88% 12%, rgba(255,88,45,.24), transparent 30%),
        radial-gradient(circle at 14% 86%, rgba(30,115,255,.24), transparent 35%),
        linear-gradient(135deg, rgba(8,15,34,.96), rgba(16,33,76,.94) 54%, rgba(9,16,35,.98)) !important;
    border:1px solid rgba(160,190,255,.18) !important;
    box-shadow:0 24px 64px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.match-hero-v258 .premium-match-bg,
.luxury-match-hero.match-hero-v258 .premium-match-bg{
    opacity:.55 !important;
}

.match-center-brand-v262,
.match-hero-v258 .luxury-match-kicker,
.luxury-match-hero.match-hero-v258 .luxury-match-kicker{
    width:max-content !important;
    max-width:100% !important;
    margin:0 auto 16px !important;
    padding:9px 18px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg, rgba(255,95,44,.23), rgba(255,185,80,.13)) !important;
    border:1px solid rgba(255,160,82,.34) !important;
    box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
    transform:none !important;
    text-align:center !important;
}

.match-hero-v258 .luxury-match-kicker strong{
    display:none !important;
}

.match-hero-v258 .luxury-match-kicker span,
.match-center-brand-v262 span{
    display:block !important;
    color:#ffb461 !important;
    font-size:12px !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase !important;
    font-weight:1000 !important;
    white-space:nowrap !important;
}

.match-scoreboard-v258,
.luxury-scoreboard.match-scoreboard-v258{
    width:min(100%, 980px) !important;
    margin:0 auto 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(96px, 128px) minmax(0,1fr) !important;
    align-items:center !important;
    gap:clamp(8px, 1.6vw, 18px) !important;
    direction:ltr !important;
}

.match-scoreboard-v258 > *,
.luxury-scoreboard.match-scoreboard-v258 > *{
    direction:rtl !important;
}

.match-hero-v258 .team-result-card-v258,
.luxury-match-hero .premium-match-team.team-result-card-v258{
    min-height:clamp(116px, 12vw, 154px) !important;
    padding:clamp(12px, 1.7vw, 18px) !important;
    border-radius:26px !important;
    display:grid !important;
    grid-template-columns:auto minmax(0, 1fr) !important;
    grid-template-rows:auto auto !important;
    align-items:center !important;
    justify-content:initial !important;
    gap:10px 12px !important;
    text-align:right !important;
    background:linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.045)) !important;
    border:1px solid rgba(190,210,255,.18) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 18px 42px rgba(0,0,0,.14) !important;
    backdrop-filter:blur(10px) !important;
}

.match-hero-v258 .team-result-card-v258.no-goals{
    min-height:clamp(96px, 10vw, 128px) !important;
}

.match-hero-v258 .team-result-card-v258.home{
    grid-column:1 !important;
}

.match-hero-v258 .match-score-center-v258{
    grid-column:2 !important;
}

.match-hero-v258 .team-result-card-v258.away{
    grid-column:3 !important;
}

.match-hero-v258 .premium-team-logo{
    width:clamp(46px, 5vw, 62px) !important;
    height:clamp(46px, 5vw, 62px) !important;
    border-radius:18px !important;
    grid-row:1 / span 2 !important;
    background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)) !important;
    border:1px solid rgba(255,255,255,.14) !important;
}

.match-hero-v258 .premium-team-logo img{
    width:72% !important;
    height:72% !important;
    object-fit:contain !important;
}

.match-hero-v258 .team-copy-v258{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    align-items:flex-start !important;
    text-align:right !important;
}

.match-hero-v258 .team-copy-v258 h2,
.luxury-match-hero .premium-match-team.team-result-card-v258 h2{
    margin:0 !important;
    font-size:clamp(24px, 3.3vw, 38px) !important;
    line-height:1.05 !important;
    color:#ffffff !important;
    text-shadow:0 3px 18px rgba(0,0,0,.32) !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}

.match-hero-v258 .team-copy-v258 .premium-team-score-v57,
.match-hero-v258 .premium-team-score-v57{
    display:none !important;
}

.match-score-center-v258,
.luxury-score-center.match-score-center-v258{
    width:100% !important;
    min-width:0 !important;
    min-height:112px !important;
    padding:13px 10px !important;
    border-radius:24px !important;
    align-self:center !important;
    justify-self:center !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:9px !important;
    background:linear-gradient(180deg, rgba(5,10,24,.82), rgba(14,26,55,.72)) !important;
    border:1px solid rgba(210,225,255,.20) !important;
    box-shadow:0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.match-score-center-v258 .premium-status-pill{
    padding:5px 11px !important;
    border-radius:999px !important;
    font-size:11px !important;
    line-height:1 !important;
    max-width:100% !important;
    white-space:nowrap !important;
}

.match-main-score-v258,
.match-score-center-v258 strong.match-main-score-v258{
    font-size:clamp(32px, 4.3vw, 52px) !important;
    line-height:.95 !important;
    color:#ffffff !important;
    letter-spacing:.5px !important;
    text-shadow:0 4px 16px rgba(0,0,0,.35) !important;
}

.match-score-center-v258 small{
    display:none !important;
}

.team-scorers-v258{
    grid-column:1 / -1 !important;
    width:100% !important;
    margin:4px 0 0 !important;
    padding-top:6px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
    background:transparent !important;
    box-shadow:none !important;
}

.team-scorers-v258:empty,
.team-goals-empty-v258,
.team-scorers-title-v258{
    display:none !important;
}

.team-goals-list-v258{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    justify-content:flex-start !important;
}

.team-goal-chip-v258{
    min-height:28px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    font-size:12px !important;
    color:#ffffff !important;
    background:rgba(255,255,255,.10) !important;
    border:1px solid rgba(255,255,255,.16) !important;
}

.match-decision-strip-v258{
    width:min(100%, 680px) !important;
    margin:7px auto 13px !important;
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:8px !important;
}

.match-decision-strip-v258:empty{
    display:none !important;
}

.match-decision-strip-v258 .decision-card-v258{
    flex:0 1 auto !important;
    min-height:0 !important;
    padding:8px 14px !important;
    border-radius:999px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    text-align:center !important;
    background:rgba(255,255,255,.08) !important;
    border:1px solid rgba(255,255,255,.15) !important;
    box-shadow:none !important;
}

.match-decision-strip-v258 .decision-card-v258 span,
.match-decision-strip-v258 .decision-card-v258 small{
    font-size:11px !important;
    color:rgba(230,238,255,.78) !important;
    white-space:nowrap !important;
}

.match-decision-strip-v258 .decision-card-v258 strong{
    font-size:15px !important;
    color:#ffffff !important;
    white-space:nowrap !important;
}

.premium-match-tabs.luxury-match-tabs{
    margin:13px auto 0 !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    flex-wrap:wrap !important;
}

.premium-match-tabs.luxury-match-tabs a{
    min-width:104px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    text-align:center !important;
    font-size:13px !important;
    font-weight:900 !important;
}

/* Mobile keeps the real scoreboard shape: teams beside score, not stacked */
@media(max-width:720px){
    .match-detail-page{
        width:100% !important;
        padding:82px 10px 28px !important;
        overflow-x:hidden !important;
    }

    .match-hero-v258,
    .luxury-match-hero.match-hero-v258{
        width:100% !important;
        margin:10px auto 18px !important;
        padding:14px 10px 16px !important;
        border-radius:24px !important;
    }

    .match-center-brand-v262,
    .match-hero-v258 .luxury-match-kicker,
    .luxury-match-hero.match-hero-v258 .luxury-match-kicker{
        margin-bottom:12px !important;
        padding:8px 12px !important;
        max-width:calc(100% - 8px) !important;
    }

    .match-hero-v258 .luxury-match-kicker span,
    .match-center-brand-v262 span{
        font-size:10px !important;
        letter-spacing:.9px !important;
    }

    .match-scoreboard-v258,
    .luxury-scoreboard.match-scoreboard-v258{
        grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr) !important;
        gap:7px !important;
        width:100% !important;
        align-items:center !important;
    }

    .match-hero-v258 .team-result-card-v258,
    .luxury-match-hero .premium-match-team.team-result-card-v258{
        min-height:104px !important;
        padding:10px 7px !important;
        border-radius:18px !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto auto auto !important;
        justify-items:center !important;
        align-items:center !important;
        text-align:center !important;
        gap:5px !important;
    }

    .match-hero-v258 .team-result-card-v258.no-goals{
        min-height:98px !important;
    }

    .match-hero-v258 .premium-team-logo{
        grid-row:auto !important;
        width:42px !important;
        height:42px !important;
        border-radius:14px !important;
    }

    .match-hero-v258 .premium-team-logo img{
        width:30px !important;
        height:30px !important;
    }

    .match-hero-v258 .team-copy-v258{
        align-items:center !important;
        text-align:center !important;
        width:100% !important;
    }

    .match-hero-v258 .team-copy-v258 h2,
    .luxury-match-hero .premium-match-team.team-result-card-v258 h2{
        font-size:clamp(16px, 5vw, 21px) !important;
        line-height:1.08 !important;
        max-width:100% !important;
        text-align:center !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        order:initial !important;
        width:84px !important;
        min-height:92px !important;
        padding:9px 5px !important;
        border-radius:18px !important;
        gap:7px !important;
    }

    .match-score-center-v258 .premium-status-pill{
        padding:4px 7px !important;
        font-size:9.5px !important;
        max-width:76px !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    .match-main-score-v258,
    .match-score-center-v258 strong.match-main-score-v258{
        font-size:28px !important;
        letter-spacing:0 !important;
    }

    .team-scorers-v258{
        padding-top:5px !important;
    }

    .team-goals-list-v258{
        justify-content:center !important;
        gap:4px !important;
    }

    .team-goal-chip-v258{
        font-size:10.5px !important;
        padding:4px 6px !important;
        min-height:24px !important;
    }

    .match-decision-strip-v258{
        margin:9px auto 11px !important;
        gap:6px !important;
    }

    .match-decision-strip-v258 .decision-card-v258{
        padding:7px 9px !important;
        border-radius:14px !important;
        flex:1 1 100% !important;
    }

    .premium-match-tabs.luxury-match-tabs{
        margin-top:11px !important;
        gap:6px !important;
    }

    .premium-match-tabs.luxury-match-tabs a{
        min-width:0 !important;
        flex:1 1 30% !important;
        padding:8px 8px !important;
        font-size:12px !important;
    }
}

@media(max-width:380px){
    .match-scoreboard-v258,
    .luxury-scoreboard.match-scoreboard-v258{
        grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr) !important;
        gap:5px !important;
    }

    .match-score-center-v258,
    .luxury-score-center.match-score-center-v258{
        width:78px !important;
    }

    .match-main-score-v258,
    .match-score-center-v258 strong.match-main-score-v258{
        font-size:25px !important;
    }

    .match-hero-v258 .team-copy-v258 h2,
    .luxury-match-hero .premium-match-team.team-result-card-v258 h2{
        font-size:15px !important;
    }
}