/* Sports — mockup pumtl23-sports-desktop [3:337]. */

.hero__headline--lg { font-size: 76px; line-height: 97px; }
.hero__watermark--left { left: 259px; width: auto; text-align: left; font-size: 250px; line-height: 319px; }

.featured { background: var(--color-bg); }
.featured__split { display: flex; gap: var(--space-24); align-items: stretch; }
.featured__photo { width: 768px; flex: none; }
.featured__photo img {
  width: 100%; height: 520px; object-fit: cover;
  border-radius: var(--radius-xl);
  box-shadow: inset 0 0 0 1px var(--color-border-brand);
}
.featured__content {
  flex: 1; display: flex; flex-direction: column; gap: var(--space-16); justify-content: center;
  padding: var(--space-32); border-radius: var(--radius-xl);
  background: var(--fill-glass-soft);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}
.featured__title {
  margin: 0; font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-h3); line-height: 51px; text-transform: uppercase; color: var(--color-white);
}
.featured__sub { margin: 0; font-size: var(--fs-body-sm); line-height: 23px; color: var(--color-muted); }
.featured__players {
  display: grid; gap: var(--space-8); margin: 0;
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-h6); line-height: 31px; text-transform: uppercase; color: var(--color-white);
}
.featured__vs { font-size: var(--fs-small); color: var(--color-brand-light); }
.featured__time { margin: 0; font-size: var(--fs-ui); line-height: 18px; color: var(--color-brand-light); }

@media (max-width: 1199px) {
  .featured__split { flex-direction: column; }
  .featured__photo { width: 100%; }
}
/* ── мобильный фрейм [105:4] ──────────────────────────────────────────────
   Герой pad 32/16 gap 24, заголовок 38/41.8, кнопка 42; шапка рынков pad 32/16,
   рельс категорий 44 высотой со скроллом; карточки события 155 через 16,
   коэффициенты в два столбца по 52. */
@media (max-width: 767px) {
  .hero { padding-block: var(--space-32); }
  .hero__headline--lg { gap: var(--space-4); font-size: 38px; line-height: 41.8px; }
  .hero__lead { font-size: var(--fs-ui); line-height: 21px; }
  .hero__cta { width: 100%; min-height: 42px; }
  .hero__watermark--left { font-size: 72px; line-height: 92px; left: var(--container-pad-mobile); }
  /* В мобильном фрейме фото есть: контейнер 358×284 с кадром 260×260 и чипом. */
  .hero__right { width: 100%; margin-top: 0; padding-top: var(--space-12); }
  .hero__photo, .hero__photo img { width: 260px; height: 260px; }

  .markets { padding-block: var(--space-32); }
  .markets__top { gap: var(--space-24); }
  .markets .section__title { font-size: var(--fs-h5); line-height: 36px; }
  .tabs { width: 100%; overflow-x: auto; scrollbar-width: none; gap: var(--space-8); }
  .tab { flex: none; min-height: 44px; padding: var(--space-8) var(--space-16); font-size: var(--fs-caption); line-height: 15.31px; }

  .market-row { padding-top: var(--space-24); gap: var(--space-24); }
  .market-board { gap: var(--space-16); }
  .market-row__item { min-height: 155px; padding: var(--space-16); gap: var(--space-16); }
  .market-row__odds { gap: var(--space-8); }
  .market-row__odds .odd { min-height: 52px; }

  .featured { padding-block: var(--space-32); }
  .featured__split { gap: var(--space-16); }
  .featured__title { font-size: var(--fs-h4); line-height: 41px; }
}