/* Вёрстка из front/css/league.css. Отличия при переносе:
     • пути картинок ../img -> /img (файлы отдаются от корня);
     • .league-filters button продублировано на .league-filters a (у нас ссылки,
       этим же классом размечена пагинация). */

.league-page{background:#08090b}
.league-hero{min-height:563px;background:linear-gradient(180deg,rgba(8,9,11,.05) 0%,rgba(8,9,11,.06) 65%,#08090b 100%),url('/img/bg_league.webp') center/cover no-repeat}
.league-hero-inner{padding-top:38px}
.breadcrumbs{display:flex;align-items:center;gap:10px;color:#7f8088;font-size:12px}.breadcrumbs a:hover{color:#c5c6cb}.breadcrumbs b{font-weight:400}
.league-hero-copy{margin-top:54px}.league-hero-copy h1{font-size:48px;line-height:1;letter-spacing:-.04em;margin:0 0 34px}.league-hero-copy p{font-size:17px;color:#d0d0d4;margin:0}
.league-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}.league-stats article{height:92px;position:relative;isolation:isolate;overflow:hidden;border:1px solid #27272a;box-shadow:0 0 0 1px #000;border-radius:10px;background:#18181b;padding:17px}.league-stats article img{position:absolute;width:136px;height:100px;right:-2px;top:-4px;z-index:-1}.league-stats strong{display:block;font-size:27px;line-height:1.1}.league-stats span{display:block;margin-top:10px;color:#999aa2;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.03em}
.league-hero-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.league-hero-bottom>div{max-width:620px}.league-hero-bottom h2{font-size:27px;letter-spacing:-.02em;margin:0 0 10px}.league-hero-bottom p{color:#c3c3c8;font-size:15px;line-height:1.45;margin:0}.league-hero-bottom .partner{width:360px;height:76px}
.league-filterbar{height:76px;background:#18191d;border-top:1px solid #27272a;border-bottom:1px solid #27272a}.league-filters{height:100%;display:flex;align-items:center;gap:9px}.league-filters button,.league-filters a{height:35px;border:1px solid #303137;border-radius:19px;background:#111214;color:#93949c;padding:0 18px;font-size:12px;font-weight:600;cursor:pointer}.league-filters button.active,.league-filters a.active{background:#0d69fd;border-color:#0d69fd;color:#fff}.league-filters button:hover,.league-filters a:hover{filter:brightness(1.15)}
.league-picks{padding-top:46px}.league-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.league-section-head h2{font-size:31px;letter-spacing:-.03em;margin:0}.league-section-head span{color:#7d7e86}
.league-prediction-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.league-prediction-grid .prediction-card{max-width:none}.league-prediction[hidden]{display:none}.league-prediction .pick-row.red b:last-child{color:#ef4444}.league-prediction .pick-row.red .pick-icon{background:#ef4444}.league-prediction .pick-row.gray b:last-child{color:#a1a1aa}.league-prediction .pick-row.gray .pick-icon{background:#a1a1aa}
.about-league{min-height:172px;margin-top:48px;margin-bottom:77px;border:1px solid #27272a;box-shadow:0 0 0 1px #000;border-radius:12px;background:radial-gradient(ellipse 26% 120% at 100% 100%,rgba(13,105,253,.08),transparent 75%),#18191d;padding:31px 24px}.about-league h2{font-size:31px;letter-spacing:-.03em;margin:0 0 19px}.about-league p{color:#c4c5ca;font-size:15px;line-height:1.45;margin:0}
@media(max-width:1000px){.league-hero{min-height:auto;padding-bottom:40px}.league-stats{grid-template-columns:repeat(2,1fr)}.league-hero-bottom{align-items:flex-end}.league-hero-bottom>div{max-width:500px}.league-hero-bottom .partner{width:330px}.league-prediction-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.league-hero{background-position:62% center}.league-hero-inner{padding-top:27px}.league-hero-copy{margin-top:38px}.league-hero-copy h1{font-size:37px;margin-bottom:20px}.league-hero-copy p{font-size:14px}.league-stats{gap:9px;margin-top:36px}.league-stats article{height:83px;padding:14px}.league-stats article img{width:115px;height:86px}.league-stats strong{font-size:22px}.league-stats span{font-size:8px;margin-top:8px}.league-hero-bottom{display:block}.league-hero-bottom h2{font-size:22px}.league-hero-bottom p{font-size:13px}.league-hero-bottom .partner{width:100%;margin-top:23px}.league-filterbar{height:65px}.league-filters{overflow-x:auto}.league-filters button,.league-filters a{white-space:nowrap}.league-section-head h2{font-size:26px}.league-prediction-grid{grid-template-columns:1fr;gap:13px}.league-prediction-grid .prediction-card{height:286px}.about-league{padding:25px 19px;margin-top:35px;margin-bottom:45px}.about-league h2{font-size:26px}.about-league p{font-size:13px}}
@media(max-width:390px){.league-stats{grid-template-columns:1fr 1fr}.league-section-head span{font-size:11px}}

/* У номеров страниц одна цифра — без минимальной ширины кнопки выходят
   разной величины и прыгают при переходе на двузначные. */
.league-picks .league-filters a{min-width:38px;padding:0 12px}

/* Чипы в вёрстке — <button>, у него текст центрируется сам. У ссылки нет:
   она становится флекс-элементом и текст прижимается влево. Заметнее всего
   на пагинации, где в кнопке одна цифра. */
.league-filters a{display:inline-flex;align-items:center;justify-content:center}
/* SEO-тексты, FAQ и перелинковка лиг (M1XB-3738) — в стиле текстов /leagues. */
.league-hero-bottom{justify-content:flex-end}
.league-copy{margin-top:56px}
.league-copy--upcoming{margin-top:40px;margin-bottom:-8px}
.league-copy h2,.league-faq h2,.league-more h2{margin:0 0 16px;font-size:28px;line-height:1.2;letter-spacing:-.4px}
.league-copy h2:not(:first-child){margin-top:40px}
.league-copy p{margin:0 0 16px;font-size:16px;line-height:1.6;color:#a1a1aa}
.league-copy p:last-child{margin-bottom:0}
.league-copy strong{color:#e4e4e7}
.league-copy a{color:#0d7cff}
.league-copy a:hover{text-decoration:underline}
.league-faq{margin-top:56px}
.league-more{margin-top:56px;margin-bottom:77px}
.league-more ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.league-more a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border:1px solid #27272a;border-radius:8px;background:#18181b;color:#d4d4d8;font-size:14px;transition:border-color .2s,color .2s}
.league-more a:hover{border-color:#0d69fd;color:#fff}
@media(max-width:600px){.league-copy{margin-top:40px}.league-copy--upcoming{margin-top:28px}.league-copy h2,.league-faq h2,.league-more h2{font-size:22px}.league-copy p{font-size:14px}.league-faq,.league-more{margin-top:40px}.league-more{margin-bottom:45px}.league-more a{height:36px;padding:0 12px;font-size:13px}}
.league-hero-copy p{line-height:1.5}
.league-picks .empty a{color:#0d7cff}.league-picks .empty a:hover{text-decoration:underline}