/* ============================================================
   8match — главная страница: точечные правки под макет Figma.
   Подключается ПОСЛЕ redesign.css/redesign-pages.css, переопределяет
   только то, что нужно для home (через специфичные .home-* селекторы).
   ============================================================ */

/* ---------------------------------------------------------------
   HERO — фон «под фото» средствами CSS (своих фото нет)
   --------------------------------------------------------------- */
.home-hero{
  background:
    radial-gradient(ellipse 120% 70% at 50% -10%, rgba(255,255,255,.10), transparent 60%),
    radial-gradient(circle at 12% 25%, rgba(255,255,255,.06), transparent 45%),
    radial-gradient(circle at 88% 80%, rgba(255,75,85,.16), transparent 50%),
    radial-gradient(circle at 90% 15%, rgba(115,174,139,.14), transparent 45%),
    linear-gradient(180deg,#1b1b1b 0%,#2b2b2b 45%,#161616 100%);
  min-height:460px;
  display:flex;
  align-items:center;
}
.home-hero::before{
  content:"";
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 1px, transparent 1px 5px);
  mix-blend-mode:overlay;
  pointer-events:none;
}
.home-hero .rd-hero__inner{padding:96px 40px}
@media (max-width:720px){
  .home-hero{min-height:0}
  .home-hero .rd-hero__inner{padding:56px 20px}
}
.home-hero h1{text-shadow:0 3px 18px rgba(0,0,0,.45)}
.home-hero p{text-shadow:0 2px 10px rgba(0,0,0,.4)}
.home-hero .rd-search{border-radius:12px}
.home-hero .rd-search button{
  display:flex;align-items:center;gap:8px;
  text-transform:uppercase;letter-spacing:.6px;font-size:13px;
}
.home-hero .rd-search button svg{flex-shrink:0}

/* ---------------------------------------------------------------
   СБОРНЫЕ ПО ФУТБОЛУ — шире сетка флагов на десктопе
   --------------------------------------------------------------- */
.home-teams .rd-flags{columns:7;column-gap:24px}
@media (max-width:1300px){ .home-teams .rd-flags{columns:5} }
@media (max-width:1100px){ .home-teams .rd-flags{columns:4} }
@media (max-width:720px){ .home-teams .rd-flags{columns:2} }

/* ---------------------------------------------------------------
   ТУРНИРЫ — по макету: слева кубок + название/описание,
   справа рельс годов со стрелками
   --------------------------------------------------------------- */
.home-tourney{
  display:flex;gap:28px;align-items:flex-start;
  padding:34px 0;border-bottom:1px solid var(--rd-line);
}
.home-tourney:last-child{border-bottom:0;padding-bottom:8px}
.home-tourney:first-child{padding-top:8px}
.home-tourney__icon{
  width:78px;height:156px;flex-shrink:0;
  background-color:var(--rd-green);
  -webkit-mask:url(/img/ui/trophy-world.png) no-repeat center/contain;
  mask:url(/img/ui/trophy-world.png) no-repeat center/contain;
}
/* 240px пола: длинный рельс годов (у ЛЧ 71 розыгрыш) не должен сжимать
   описание в узкий столбик — рельс и так умеет прокручиваться. */
.home-tourney__intro{flex:0 1 340px;min-width:240px}
.home-tourney__name{margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.2px}
.home-tourney__name a{color:var(--rd-ink);text-decoration:none}
.home-tourney__name a:hover{color:var(--rd-coral)}
.home-tourney__desc{margin:0;font-size:14px;color:var(--rd-muted);font-weight:500;line-height:1.55}
.home-tourney__meta{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--rd-green)}

/* рельс годов */
.home-years{
  flex:1 1 auto;min-width:0;
  display:flex;align-items:center;gap:10px;
  align-self:center;
}
.home-years__nav{
  flex-shrink:0;width:34px;height:34px;border:0;background:none;cursor:pointer;
  color:var(--rd-green);display:grid;place-items:center;border-radius:50%;
  transition:background .15s ease;
}
.home-years__nav:hover{background:rgba(115,174,139,.14)}
.home-years__track{
  flex:1 1 auto;min-width:0;
  display:flex;align-items:center;gap:34px;
  overflow-x:auto;scroll-behavior:smooth;
  scrollbar-width:none;-ms-overflow-style:none;
  padding:4px 2px;
}
.home-years__track::-webkit-scrollbar{display:none}
.home-year{
  flex-shrink:0;
  font-size:26px;font-weight:800;letter-spacing:-.5px;
  color:var(--rd-ink);text-decoration:none;
  padding:2px 0;border-bottom:2px solid transparent;
  transition:color .15s ease,border-color .15s ease;
}
.home-year:hover{color:var(--rd-coral);border-bottom-color:var(--rd-coral)}

@media (max-width:1100px){
  .home-tourney{flex-wrap:wrap}
  .home-tourney__intro{flex:1 1 auto}
  .home-years{flex:1 1 100%;order:3;margin-top:6px}
  .home-year{font-size:22px}
}
@media (max-width:720px){
  .home-tourney{flex-direction:column;align-items:center;text-align:center;gap:14px;padding:26px 0}
  .home-tourney__icon{width:64px}
  .home-tourney__name{font-size:24px}
  /* ⚠️ .home-tourney здесь — колоночный флекс с align-items:center, а такой
     контейнер ужимает детей по содержимому. Без ширины рельс годов вырастал
     до 7490px и растягивал всю страницу, хотя дорожка внутри умеет скроллиться. */
  .home-years{align-self:stretch;width:100%;justify-content:center}
  .home-years__track{gap:22px;justify-content:flex-start}
}

/* ---------------------------------------------------------------
   ВИДЕО — тёмная секция (как в макете), подпись сверху у большого
   ролика, ряд превью с подписью снаружи, чипсы команд
   --------------------------------------------------------------- */
.home-videos{background:#1c1c1c}
.home-videos .rd-section__title{color:#fff}
.home-video-lead .rd-video__cap{
  top:0;bottom:auto;
  background:linear-gradient(to bottom, rgba(0,0,0,.85), transparent);
  font-size:20px;font-weight:800;padding:22px 24px;
}
.home-video-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.home-video-caption{margin:12px 0 0;color:#fff;font-size:14px;font-weight:700;line-height:1.35}
.home-video-teams{margin-top:22px}
.home-video-teams .rd-chip{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  color:rgba(255,255,255,.8);
  font-weight:600;
}
.home-video-teams .rd-chip:hover{border-color:var(--rd-coral);color:#fff}
@media (max-width:1100px){ .home-video-row{grid-template-columns:repeat(2,1fr)} }
@media (max-width:720px){ .home-video-row{grid-template-columns:1fr} }

/* ---------------------------------------------------------------
   ЗНАЧИМЫЕ МАТЧИ — объединённая строка команд + «группа →»
   --------------------------------------------------------------- */
.home-match__teams{
  margin-top:14px;padding-bottom:12px;border-bottom:2px solid var(--rd-coral);
  text-align:center;font-size:14px;font-weight:800;color:var(--rd-ink);
}
.home-match__teams span{margin:0 6px;color:var(--rd-muted);font-weight:600}
.home-matches .rd-match__meta{border-top:0;padding-top:0;margin-top:10px}
.home-match__foot{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:10px;padding-top:10px;border-top:1px solid var(--rd-line);
}
.home-match__foot span{font-size:13px;font-weight:700;color:#3f66c9}
.home-match__foot svg{color:var(--rd-green)}

/* ---------------------------------------------------------------
   СТАТИСТИКА ФУТБОЛИСТОВ — фичеред игрок и список
   --------------------------------------------------------------- */
.home-feature{background:var(--rd-bg-soft2);border:0;margin-bottom:30px}
.home-feature__country{
  display:flex;align-items:center;gap:8px;
  margin:2px 0 14px;font-size:14px;font-weight:700;color:var(--rd-text);
}
.home-feature__country img{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.home-feature__desc{margin:0 0 4px;font-size:14px;color:var(--rd-muted);font-weight:500;line-height:1.55;max-width:480px}
.home-feature .rd-link-more{margin-top:4px;font-size:15px}

.home-subhead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 18px;flex-wrap:wrap}
.home-subhead h3{margin:0;font-size:20px;font-weight:800;color:var(--rd-ink)}

.home-plist{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){ .home-plist{grid-template-columns:repeat(3,1fr)} }
@media (max-width:720px){ .home-plist{grid-template-columns:1fr} }

/* ---------------------------------------------------------------
   ТРЕНЕРЫ — прямоугольные карточки вместо круглых аватаров
   --------------------------------------------------------------- */
.home-coach-card .rd-card__body{text-align:left}
.home-coach-placeholder{
  display:grid;place-items:center;color:#9aa1ad;font-weight:800;font-size:26px;letter-spacing:.5px;
}

/* ---------------------------------------------------------------
   СТАДИОНЫ — флаг перед городом/страной
   --------------------------------------------------------------- */
.home-stadium__loc{display:flex;align-items:center;gap:7px}
.home-stadium__loc img{width:18px;height:12px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08);flex-shrink:0}