/* Вёрстка из front/css/all-leagues.css. Отличия, внесённые при переносе:
     • .all-filter-row button и .pagination button продублированы на a
       (у нас это ссылки — работают без JS и открываются в новой вкладке);
     • убрано правило .all-card:nth-child(n+4){display:none} из блока 600px:
       в макете карточек ровно шесть и лишние прятались для картинки,
       а на живой странице оно скрыло бы почти всю выдачу на телефоне.
   Остальное — как в макете. Правки сайта в конце файла. */

.all-leagues-page{background:#08090b}
.all-hero{min-height:581px;background:linear-gradient(180deg,rgba(8,9,11,.12),rgba(8,9,11,.12) 72%,#08090b 100%),url('/img/bgall.webp') center/cover no-repeat}
.all-hero-inner{padding-top:34px}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#8e8f97;font-size:14px}.breadcrumbs a:hover{color:#fff}.breadcrumbs b{font-weight:400}.breadcrumbs span{color:#6e6f76}
.all-hero h1{font-size:48px;line-height:1;letter-spacing:-.035em;margin:55px 0 35px}.all-subtitle{font-size:17px;color:#d3d3d7;margin:0}
.all-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:52px}
.all-stats article{height:94px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #27272a;box-shadow:0 0 0 1px #000;border-radius:10px;background:#18181b;padding:17px 16px}.all-stats article img{position:absolute;z-index:-1;right:-1px;top:-1px;width:136px;height:94px;object-fit:fill}.all-stats strong{display:block;font-size:28px;line-height:1}.all-stats span{display:block;margin-top:12px;color:#9b9ca3;font-size:11px;font-weight:700;text-transform:uppercase}
.all-hero-bottom{display:flex;align-items:flex-start;justify-content:space-between;margin-top:34px}.all-intro{max-width:650px}.all-intro h2{font-size:28px;line-height:1.1;letter-spacing:-.02em;margin:0 0 12px}.all-intro p{font-size:16px;color:#d0d0d4;line-height:1.45;margin:0}.all-partner{margin-top:18px}
.all-filters{height:76px;background:#18191d}.all-filter-row{height:100%;display:flex;align-items:center;gap:9px}.all-filter-row button,.all-filter-row a{height:37px;border:1px solid #34353b;border-radius:22px;background:#202126;color:#999aa2;padding:0 18px;font-weight:600;font-size:13px;cursor:pointer}.all-filter-row button.active,.all-filter-row a.active{background:#0d7cff;border-color:#0d7cff;color:#fff}
.all-content{padding-top:50px;padding-bottom:75px}.all-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.all-heading h2{font-size:31px;letter-spacing:-.025em;margin:0}.all-heading span{color:#777880}
.all-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.all-card{height:283px;position:relative;overflow:hidden;border:1px solid #27272a;box-shadow:0 0 0 1px #000;border-radius:12px;background:radial-gradient(ellipse 78% 28% at 50% 112%,rgba(255,255,255,.13),transparent 74%),#18181b;padding:24px}.all-card .meta{height:43px;padding-bottom:16px;border-bottom:1px solid #27272a}.all-card .match-row{margin:16px 0 13px}.all-card .pick-row{padding:16px 0}.all-card .card-link{margin-top:17px}
.pagination{display:flex;justify-content:center;gap:10px;margin-top:28px}.pagination button,.pagination a{width:41px;height:41px;border:1px solid #303137;border-radius:50%;background:#1d1e22;color:#a0a1a8;font-weight:600;cursor:pointer}.pagination button.active,.pagination a.active{background:#0d7cff;border-color:#0d7cff;color:#fff}
@media(max-width:1000px){.all-hero{min-height:494px}.all-hero-inner{padding-top:19px}.all-hero h1{font-size:39px;margin:20px 0 10px}.all-stats{gap:16px;margin-top:28px}.all-stats article{height:89px;padding:17px}.all-stats article img{height:89px}.all-hero-bottom{display:block;margin-top:27px}.all-intro{max-width:none}.all-intro h2{font-size:24px}.all-intro p{font-size:14px}.all-partner{width:100%;height:82px;margin-top:26px}.all-content{padding-top:48px}.all-heading h2{font-size:25px}.all-grid{gap:16px}.all-card{height:234px;padding:16px}.all-card .meta{height:35px;padding-bottom:11px;font-size:10px}.all-card .match-row{margin:12px 0 9px;gap:8px}.all-card .team-logo{width:38px;height:38px;flex-basis:38px}.all-card .team-logo .team-crest{width:25px;height:25px}.all-card .match-names b,.all-card .match-odds{font-size:11px}.all-card .prob-head{font-size:9px}.all-card .prob-bars{margin-top:6px}.all-card .prob-bars i{height:7px}.all-card .pick-row{padding:11px 0;font-size:11px}.all-card .card-link{margin-top:11px;font-size:11px}}
@media(max-width:767px){.all-leagues-page .mobile-nav a:first-child{color:#a1a1aa;background:transparent;border:1px solid transparent}.all-leagues-page .mobile-nav a[href="leagues.html"]{color:#fff;background:#27272a;border:2px solid #0d69fd}}
@media(max-width:600px){.all-hero{min-height:549px;background-position:center top}.all-hero-inner{padding-top:17px}.breadcrumbs{font-size:10px;gap:7px}.all-hero h1{font-size:31px;margin:25px 0 7px}.all-subtitle{font-size:12px}.all-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:27px}.all-stats article{height:80px;padding:15px 13px}.all-stats article img{width:105px;height:80px}.all-stats strong{font-size:25px}.all-stats span{font-size:9px;margin-top:11px}.all-hero-bottom{margin-top:24px}.all-intro h2{font-size:20px}.all-intro p{font-size:12px;line-height:1.35}.all-partner{display:flex;height:74px;margin-top:24px;padding:13px}.all-partner img{width:75px}.all-partner small{font-size:8px}.all-partner .bonus{font-size:10px}.all-partner .bonus b,.all-partner .bonus em{font-size:13px}.all-filters{height:60px}.all-filter-row{gap:6px;overflow-x:auto}.all-filter-row button,.all-filter-row a{height:34px;padding:0 15px;font-size:11px;white-space:nowrap}.all-content{padding-top:28px;padding-bottom:46px}.all-heading{margin-bottom:16px}.all-heading h2{font-size:22px}.all-heading span{font-size:12px}.all-grid{grid-template-columns:1fr;gap:14px}.all-card{height:204px;padding:14px}.all-card .meta{height:34px;padding-bottom:10px;font-size:9px}.all-card .match-row{margin:10px 0 7px}.all-card .team-logo{width:34px;height:34px;flex-basis:34px}.all-card .team-logo .team-crest{width:23px;height:23px}.all-card .match-names b,.all-card .match-odds{font-size:11px}.all-card .prob-head{font-size:9px}.all-card .prob-bars{margin-top:5px}.all-card .prob-bars i{height:7px}.all-card .pick-row{padding:10px 0;font-size:10px}.all-card .card-link{margin-top:10px;font-size:10px}.pagination{gap:8px;margin-top:18px}.pagination button,.pagination a{width:35px;height:35px;font-size:11px}.pagination .wide-page{display:none}}

/* ── Правки сайта поверх макета ────────────────────────────────────────────
   Макет рисовался до того, как на карточке появились две оценки и дата
   переехала на вторую строку. Содержимого стало больше, а высота в макете
   фиксированная и стоит вместе с overflow:hidden — часть карточки обрезалась
   бы снизу. Переводим высоту в минимальную: сетка всё равно выравнивает
   карточки в ряду по самой высокой. */
.all-card{height:auto;min-height:283px}
@media(max-width:767px){.all-card{height:auto;min-height:234px}}
@media(max-width:600px){.all-card{height:auto;min-height:204px}}

/* Та же причина у строки меты: в макете ей отведено 43px под одну строку
   «лига • дата» и один бейдж. У нас там две строки и два бейджа — при
   фиксированной высоте низ строки срезался. */
.all-card .meta{height:auto;min-height:43px}
@media(max-width:767px){.all-card .meta{height:auto;min-height:35px}}
@media(max-width:600px){.all-card .meta{height:auto;min-height:34px}}

/* Между 768 и 1000px макет держит три колонки, и карточка сжимается до
   224px. В макете в мете один бейдж и она помещалась; у нас их два, и они
   вылезали за край. Отдаём этому диапазону две колонки — так же, как ведут
   себя листинги на главной и странице лиги. */
@media(max-width:1000px){
  .all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Одну колонку из макета переутверждаем после своего правила: пара
   «max-width:767 / min-width:768» при дробной ширине окна оставляла щель,
   в которую проваливались три колонки. Так границы смыкаются гарантированно. */
@media(max-width:767px){
  .all-grid{grid-template-columns:1fr}
}

/* Распределение места в мете: бейджи держат свою ширину, строка лиги забирает
   остаток. min-width:0 нужен, чтобы она могла сжиматься, но без flex-grow
   она сжималась до минимума и название переносилось по буквам —
   мета вырастала до полутора сотен пикселей. */
.all-card .league-meta{flex:1 1 auto;min-width:0}
.all-card .estimate-badges{flex:none}

/* Ряд фильтров и пагинация прокручиваются на узких экранах: страниц бывает
   много, а полосу прокрутки прячем. */
.all-filter-row,.pagination{overflow-x:auto;scrollbar-width:none}
.all-filter-row::-webkit-scrollbar,.pagination::-webkit-scrollbar{display:none}
.all-filter-row>*,.pagination>*{flex:none}
.all-filter-row a,.pagination a{display:inline-flex;align-items:center;justify-content:center}
/* SEO-правки /upcoming-matches (29.10.2026): «All Predictions» — подпись, не H2;
   под списком текст, ссылки на лиги и FAQ (стили блоков — из league.css). */
.all-heading__title{margin:0;font-family:OpenRunde,Arial,sans-serif;font-size:31px;font-weight:700;letter-spacing:-.025em;color:#fafafa}
.all-content{padding-bottom:0}
.all-hero-bottom{gap:24px}.all-partner{flex:none}
.upcoming-leagues p{margin:0 0 20px;font-size:16px;line-height:1.6;color:#a1a1aa}
.upcoming-page .league-more:last-child{margin-bottom:77px}
.upcoming-leagues:not(:last-child){margin-bottom:0}
.upcoming-faq{margin-bottom:77px}
@media(max-width:1000px){.all-heading__title{font-size:25px}}
@media(max-width:600px){.all-heading__title{font-size:22px}.upcoming-leagues p{font-size:14px}.upcoming-faq,.upcoming-page .league-more:last-child{margin-bottom:45px}}