/* ============================================================
   TENNISON — legacy bridge (старые страницы → v2)
   Scope: body без .v2-page
   Подключать ПОСЛЕ main.css и main-v2.css
   ============================================================ */

/* ——— База: светлая страница как v2 ——— */
body:not(.v2-page) {
  font-family: var(--mv2-font, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  color: var(--mv2-text, #1F1F1F);
  background: var(--mv2-bg, #F4F5F6) !important;
  -webkit-font-smoothing: antialiased;
}

/* Inter везде на legacy; иконки FA / Tabler / Quill не трогаем */
body:not(.v2-page) #wrapper .content,
body:not(.v2-page) #footer,
body:not(.v2-page) .hamburger-mobile-menu {
  font-family: var(--mv2-font, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif) !important;
}

body:not(.v2-page) #wrapper .content p,
body:not(.v2-page) #wrapper .content span,
body:not(.v2-page) #wrapper .content div,
body:not(.v2-page) #wrapper .content li,
body:not(.v2-page) #wrapper .content td,
body:not(.v2-page) #wrapper .content th,
body:not(.v2-page) #wrapper .content label,
body:not(.v2-page) #wrapper .content input,
body:not(.v2-page) #wrapper .content select,
body:not(.v2-page) #wrapper .content textarea,
body:not(.v2-page) #wrapper .content button,
body:not(.v2-page) #wrapper .content a,
body:not(.v2-page) #wrapper .content h1,
body:not(.v2-page) #wrapper .content h2,
body:not(.v2-page) #wrapper .content h3,
body:not(.v2-page) #wrapper .content h4,
body:not(.v2-page) #footer p,
body:not(.v2-page) #footer a,
body:not(.v2-page) #footer li,
body:not(.v2-page) .hamburger-mobile-menu a,
body:not(.v2-page) .hamburger-mobile-menu span {
  font-family: inherit !important;
  font-style: normal !important;
}

body:not(.v2-page) #wrapper {
  background: var(--mv2-bg, #F4F5F6) !important;
}

@media screen and (max-width: 990px) {
  body:not(.v2-page) #wrapper {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden;
  }

  body:not(.v2-page) html,
  body:not(.v2-page) {
    overflow-x: hidden;
    max-width: 100%;
  }

  body:not(.v2-page) #wrapper .content {
    overflow-x: hidden !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box {
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    max-width: calc(100% - 24px) !important;
  }

  body:not(.v2-page) #wrapper .content .hero-content {
    padding: 0 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box .main-content-block,
  body:not(.v2-page) #wrapper .content .content-box .empty-content-block,
  body:not(.v2-page) #wrapper .content .content-box .recovery-block {
    padding: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.with-right-column .left-column,
  body:not(.v2-page) #wrapper .content .content-box.with-right-column .right-column,
  body:not(.v2-page) #wrapper .content .content-box .left-column.all-width-column {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.news-container .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

body:not(.v2-page) #wrapper .content {
  background: var(--mv2-bg, #F4F5F6) !important;
}

/* Убираем тёмные/зелёные skew-полосы (главная причина «тёмного фона») */
body:not(.v2-page) #wrapper .content .bottom-top-bg,
body:not(.v2-page) #wrapper .content .top-bg,
body:not(.v2-page) #wrapper .content .bottom-bg {
  display: none !important;
}

body:not(.v2-page) #wrapper .content::after {
  display: none !important;
}

/* ——— Шапка (компактная, как v2 topbar) ——— */
body:not(.v2-page) #wrapper .content #header {
  position: relative;
  z-index: 200;
  height: auto !important;
  min-height: 56px !important;
  padding: 10px 16px !important;
  background: var(--mv2-topbar, #1F1F1F) !important;
  border-top: 3px solid var(--mv2-accent, #B7E000) !important;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.08) !important;
}

body:not(.v2-page) #wrapper .content #header .logo {
  margin-top: 4px !important;
}

body:not(.v2-page) #wrapper .content #header .logo.logo--liga {
  margin-top: 0 !important;
}

body:not(.v2-page) #wrapper .content #header .logo.logo--liga img {
  display: block !important;
  height: 26px !important;
  width: auto !important;
  max-width: none !important;
}

/* Тёмная legacy-шапка — белый SVG, как mobile topbar v2 */
body:not(.v2-page) #wrapper .content #header .logo.logo--liga .mainV2__logo-img--dark {
  display: none !important;
}

body:not(.v2-page) #wrapper .content #header .logo.logo--liga .mainV2__logo-img--light {
  display: block !important;
}

/* Страница турнира — без колокольчика в legacy-шапке */
body:not(.v2-page):has(.content-box.tournament-box) #wrapper .content #header .notification-menu {
  display: none !important;
}

body:not(.v2-page) #wrapper .content #header .logo.logo--liga.logo--test {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
}

body:not(.v2-page) #wrapper .content #header .logo .logo--test-label {
  display: inline-block !important;
  flex-shrink: 0 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  font-family: var(--mv2-font, 'Inter', sans-serif) !important;
  color: #1F1F1F !important;
  background: #B7E000 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  padding: 3px 7px !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

body:not(.v2-page) #wrapper .content #header .main-menu li a {
  font-family: var(--mv2-font) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.92) !important;
}

body:not(.v2-page) #wrapper .content #header .main-menu li a:hover,
body:not(.v2-page) #wrapper .content #header .main-menu li a:active,
body:not(.v2-page) #wrapper .content #header .main-menu li a.active {
  color: var(--mv2-accent, #B7E000) !important;
}

/* Выпадающие меню профиля / уведомлений (не main-menu — там белый фон) */
body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu {
  background: var(--mv2-card, #fff) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  overflow: hidden;
}

body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu li,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li {
  border-bottom-color: var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
}

body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu li a,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li a {
  color: var(--mv2-text, #1F1F1F) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  float: none !important;
  display: block;
  padding: 12px 16px !important;
}

body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu li a:hover,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li a:hover,
body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu li a:active,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li a:active {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content #header .user-menu ul.submenu li:hover,
body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li:hover {
  background: var(--mv2-accent-soft, #F5FBEA) !important;
}

body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li a.btn-white.second {
  border: none !important;
  background: transparent !important;
  color: var(--mv2-text, #1F1F1F) !important;
  transform: none !important;
  text-transform: none !important;
  font-weight: 600 !important;
}

body:not(.v2-page) #wrapper .content #header .notification-menu ul.submenu li a.btn-white.second:hover {
  color: var(--mv2-accent-dark, #6B8E00) !important;
  background: transparent !important;
}

body:not(.v2-page) #header .user-menu-block {
  border-left-color: rgba(255, 255, 255, 0.1) !important;
}

body:not(.v2-page) #header .unread-messages {
  background: var(--mv2-accent, #B7E000) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  font-family: var(--mv2-font) !important;
}

/* ——— Hero / заголовок страницы (был белый на тёмном skew) ——— */
body:not(.v2-page) #wrapper .content .hero-content {
  max-width: 1010px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

body:not(.v2-page) #wrapper .content .main-title {
  color: var(--mv2-text, #1F1F1F) !important;
  font-family: var(--mv2-font) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: left !important;
  padding: 20px 16px 12px !important;
  letter-spacing: -0.02em;
}

body:not(.v2-page) #wrapper .content .main-title.left {
  float: none !important;
}

/* ——— news-header (список турниров, новости, H2H и др.) ——— */
body:not(.v2-page) .news-header {
  padding-top: 20px;
  padding-bottom: 8px;
}

body:not(.v2-page) .news-header__title {
  color: var(--mv2-text, #1F1F1F) !important;
  font-family: var(--mv2-font) !important;
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  letter-spacing: -0.02em;
}

body:not(.v2-page) .news-header__date {
  color: var(--mv2-secondary, #6F6F6F) !important;
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) .news-header__breadcrumb {
  color: var(--mv2-secondary, #6F6F6F) !important;
  border-color: var(--mv2-border, rgba(31, 31, 31, 0.12)) !important;
  font-family: var(--mv2-font) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

body:not(.v2-page) .news-header__breadcrumb a {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) .news-header__breadcrumb .breadcrumb-item.active {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) .news-header__breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

/* Список турниров пользователя: строки-ссылки — тёмный текст, не accent */
body:not(.v2-page) #wrapper .content .content-box .schedule-item,
body:not(.v2-page) #wrapper .content .content-box .schedule-item:hover {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .content-box .schedule-group {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

/* ——— Мобильное меню ——— */
@media screen and (max-width: 990px) {
  body:not(.v2-page) #header .user-menu-block {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 0 !important;
    border-left: none !important;
    float: right !important;
  }

  body:not(.v2-page) #header .user-menu-block .notification-menu {
    margin: 0 !important;
    float: none !important;
  }

  body:not(.v2-page) #header .user-menu-block .notification-menu.mobile-content {
    margin: 0 !important;
  }

  body:not(.v2-page) .user-mobile-menu {
    display: flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    border-radius: 8px;
  }

  body:not(.v2-page) .user-mobile-menu:active {
    background: rgba(255, 255, 255, 0.08);
  }

  body:not(.v2-page) .user-mobile-menu i {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.92);
    line-height: 1;
  }

  body:not(.v2-page) .user-mobile-menu img {
    display: none !important;
  }

  /* Правый кластер шапки: колокол → аватар → бургер, без лишних border-left */
  body:not(.v2-page) #wrapper .content #header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  body:not(.v2-page) #wrapper .content #header .logo {
    float: none !important;
    margin-top: 0 !important;
    margin-right: auto !important;
    flex-shrink: 0 !important;
  }

  body:not(.v2-page) #wrapper .content #header .notification-menu.mobile-content {
    order: 1 !important;
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }

  body:not(.v2-page) #wrapper .content #header .notification-menu.mobile-content li {
    padding: 0 !important;
  }

  body:not(.v2-page) #wrapper .content #header .notification-menu.mobile-content .profile-preview img {
    width: 22px !important;
    height: 22px !important;
  }

  body:not(.v2-page) #wrapper .content #header .top-bar-avatar_mobile {
    order: 2 !important;
    float: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border-left: none !important;
    flex-shrink: 0 !important;
  }

  body:not(.v2-page) #wrapper .content #header .top-bar-avatar_mobile .profile-avatar-header {
    width: 28px !important;
    height: 28px !important;
  }

  body:not(.v2-page) #wrapper .content #header .user-menu-block {
    order: 3 !important;
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
  }
}

body:not(.v2-page) .hamburger-bg {
  background: rgba(0, 0, 0, 0.4) !important;
  z-index: 500 !important;
}

body:not(.v2-page) .hamburger-mobile-menu {
  width: min(88vw, 320px) !important;
  padding: 16px 20px 28px !important;
  border-left: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18) !important;
  z-index: 510 !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

body:not(.v2-page) .hamburger-mobile-menu:before {
  display: none !important;
}

body:not(.v2-page) .hamburger-mobile-menu .close-hamburger {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  width: 36px !important;
  height: 36px !important;
  background: var(--mv2-card-alt, #F4F5F6) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

body:not(.v2-page) .hamburger-mobile-menu .close-hamburger i {
  font-size: 18px;
  color: var(--mv2-secondary, #6F6F6F);
  line-height: 1;
}

body:not(.v2-page) .hamburger-mobile-menu .top-block {
  margin-top: 44px !important;
  margin-bottom: 16px !important;
}

body:not(.v2-page) .hamburger-mobile-menu .top-block a {
  font-family: var(--mv2-font) !important;
  display: block !important;
  margin-bottom: 0 !important;
  padding: 11px 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border-bottom: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08));
}

body:not(.v2-page) .hamburger-mobile-menu .top-block a:last-child {
  border-bottom: none;
}

body:not(.v2-page) .hamburger-mobile-menu .top-block a:hover,
body:not(.v2-page) .hamburger-mobile-menu .top-block a:active {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) .hamburger-mobile-menu .bottom-block {
  padding-top: 16px !important;
  border-top: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
}

body:not(.v2-page) .hamburger-mobile-menu .bottom-block a {
  font-family: var(--mv2-font) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--mv2-text, #1F1F1F) !important;
  padding-bottom: 12px !important;
  display: block;
}

body:not(.v2-page) .hamburger-mobile-menu .bottom-block a span:nth-child(1) {
  float: none !important;
  width: auto !important;
  display: block;
  font-size: 15px !important;
  line-height: 1.35;
  margin-bottom: 8px;
}

body:not(.v2-page) .hamburger-mobile-menu .bottom-block a .profile-avatar-header {
  float: none !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 44px !important;
  height: 44px !important;
  line-height: 44px !important;
  margin: 0 0 8px !important;
  border-radius: 50% !important;
  background: var(--mv2-accent-soft, #F5FBEA) !important;
  color: var(--mv2-accent-dark, #6B8E00) !important;
  font-size: 14px !important;
  object-fit: cover;
}

body:not(.v2-page) .hamburger-mobile-menu .bottom-block a.btn-white {
  float: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  border: 1.5px solid var(--mv2-text, #1F1F1F) !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  text-align: center;
  transform: none !important;
}

/* ——— Подвал ——— */
body:not(.v2-page) #footer {
  background: var(--mv2-accent, #B7E000) !important;
  position: relative;
  z-index: 10;
}

body:not(.v2-page) #footer .footer-content {
  border-top-color: rgba(31, 31, 31, 0.12) !important;
}

body:not(.v2-page) #footer .footer-menu li a,
body:not(.v2-page) #footer .copyright {
  font-family: var(--mv2-font) !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

/* ——— Ссылки в контенте ——— */
body:not(.v2-page) #wrapper .content .content-box a,
body:not(.v2-page) #wrapper .content a:not(#header a):not(#footer a) {
  color: var(--mv2-text, #1F1F1F);
}

body:not(.v2-page) #wrapper .content .content-box a:hover:not(.btn-green):not(.btn-green_full):not(.btn-white):not(.tournament-join-bar__btn),
body:not(.v2-page) #wrapper .content a:not(#header a):not(#footer a):hover:not(.btn-green):not(.btn-green_full):not(.btn-white):not(.tournament-join-bar__btn) {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) .content-box a.grey {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) h1,
body:not(.v2-page) h2,
body:not(.v2-page) h3 {
  font-family: var(--mv2-font) !important;
}

/* ——— Карточки контента ——— */
body:not(.v2-page) #wrapper .content .content-box {
  position: relative;
  z-index: 10;
  background: var(--mv2-card, #fff) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 14px;
}

/* ——— Кнопки: плоские, без skew ——— */
body:not(.v2-page) .btn-white {
  float: none;
  font-family: var(--mv2-font) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 1.5px solid var(--mv2-text, #1F1F1F) !important;
  border-radius: 10px !important;
  background: transparent !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body:not(.v2-page) .btn-white:hover {
  opacity: 1 !important;
  border-color: var(--mv2-accent-dark, #6B8E00) !important;
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) .btn-white:active {
  background: var(--mv2-text, #1F1F1F) !important;
  color: #fff !important;
}

body:not(.v2-page) .button,
body:not(.v2-page) button.button,
body:not(.v2-page) input[type="submit"].button {
  font-family: var(--mv2-font) !important;
  border-radius: 10px !important;
}

body:not(.v2-page) .button.primary,
body:not(.v2-page) .button.success,
body:not(.v2-page) button.primary {
  background: var(--mv2-accent, #B7E000) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border-color: var(--mv2-accent, #B7E000) !important;
}

body:not(.v2-page) .btn-green {
  float: none;
  font-family: var(--mv2-font) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 1.5px solid var(--mv2-accent, #B7E000) !important;
  border-radius: 10px !important;
  background: transparent !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body:not(.v2-page) .btn-green:hover {
  border-color: var(--mv2-text, #1F1F1F) !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) .btn-green_full {
  font-family: var(--mv2-font) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: none !important;
  background: var(--mv2-accent, #B7E000) !important;
  border: 1.5px solid var(--mv2-accent, #B7E000) !important;
  border-radius: 10px !important;
  color: var(--mv2-text, #1F1F1F) !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body:not(.v2-page) .btn-green_full:hover,
body:not(.v2-page) .btn-green_full:focus {
  background: var(--mv2-accent-dark, #6B8E00) !important;
  border-color: var(--mv2-accent-dark, #6B8E00) !important;
  color: #fff !important;
}

/* ——— Формы ——— */
body:not(.v2-page) input,
body:not(.v2-page) select,
body:not(.v2-page) textarea,
body:not(.v2-page) .form-control {
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) input[type="text"],
body:not(.v2-page) input[type="email"],
body:not(.v2-page) input[type="password"],
body:not(.v2-page) input[type="tel"],
body:not(.v2-page) input[type="number"],
body:not(.v2-page) select,
body:not(.v2-page) textarea,
body:not(.v2-page) .form-control {
  border-radius: 10px !important;
  border-color: var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
}

body:not(.v2-page) .form-group .hint,
body:not(.v2-page) .form-group label {
  font-family: var(--mv2-font) !important;
  color: var(--mv2-secondary, #6F6F6F) !important;
}

/* ——— Уведомления ——— */
body:not(.v2-page) .notification-center {
  border-color: var(--mv2-accent, #B7E000) !important;
  background: var(--mv2-topbar, #1F1F1F) !important;
}

body:not(.v2-page) .recovery-block,
body:not(.v2-page) .recovery-form {
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) .reveal h1 {
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) .grey,
body:not(.v2-page) .text-muted {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) table {
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) .tabs-title > a {
  font-family: var(--mv2-font) !important;
}

body:not(.v2-page) .tabs-title > a:focus,
body:not(.v2-page) .tabs-title > a[aria-selected="true"] {
  background: var(--mv2-accent-soft, #F5FBEA) !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) .cookieBox {
  font-family: var(--mv2-font) !important;
  background: var(--mv2-card, #fff) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 24px rgba(31, 31, 31, 0.12) !important;
}

body:not(.v2-page) .cookieBox__title {
  font-family: var(--mv2-font) !important;
  font-weight: 700 !important;
  font-style: normal !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) .cookieBox__desc {
  font-family: var(--mv2-font) !important;
  font-style: normal !important;
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) .cookieBox a {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) .cookieBox__btn.btn-white {
  background: var(--mv2-accent, #B7E000) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 1.5px solid var(--mv2-text, #1F1F1F) !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transform: none !important;
  -webkit-transform: none !important;
}

/* ——— Остатки старого lime в блоках турнира/матча ——— */
body:not(.v2-page) .content-box.tournament-box > .tournament-dates-bar,
body:not(.v2-page) .content-box.tournament-box > .tournament-series__inform_detail.tournament-dates-bar {
  background: var(--mv2-accent-soft, #F5FBEA) !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

/* ——— Заголовок турнира / матча (был под тёмным skew, текст white) ——— */
body:not(.v2-page) #wrapper .content .tournament-top,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 {
  min-height: auto !important;
  padding: 16px 16px 12px !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-city,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-city {
  float: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  padding: 0 0 8px !important;
  letter-spacing: -0.02em;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 a.tournament-name--linked {
  float: none !important;
  top: 0 !important;
  padding-left: 0 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .tournament-city {
  padding: 0 0 8px !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .tournament-name,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game a.tournament-name--linked {
  top: 0 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-name span,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line {
  color: var(--mv2-secondary, #6F6F6F) !important;
  text-transform: none !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_title {
  color: var(--mv2-text, #1F1F1F) !important;
  font-weight: 600 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_region,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_ntrp,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_avg-us {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_avg-us b {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_deadline b {
  color: var(--mv2-text, #1F1F1F) !important;
  font-weight: 700 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-top__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 4px !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-top__head .tournament-city {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-top__head .tournament-status {
  flex: 0 0 auto !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  border: 0 !important;
  float: none !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-avg-us-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  white-space: nowrap !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-avg-us-i,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-avg-us-i.small-i {
  position: static !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  vertical-align: baseline !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-avg-us-i img {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) {
  min-height: 0 !important;
  padding-bottom: 10px !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-name,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) a.tournament-name--linked {
  top: 0 !important;
  max-width: 100% !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-series_detail {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 a.tournament-name--linked:hover .tournament-name__line_title {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-recruiting-avg-us--header {
  color: var(--mv2-secondary, #6F6F6F) !important;
  border-top-color: var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-recruiting-avg-us--header b {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status {
  top: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border-right: 0 !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.recruitment,
body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.ingame,
body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.complete,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.recruitment,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.ingame,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.complete {
  position: relative !important;
  float: none !important;
  top: 0 !important;
  right: auto !important;
  padding: 6px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-family: var(--mv2-font) !important;
  line-height: 1.2 !important;
  border-radius: 8px !important;
  text-transform: none !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.recruitment:after,
body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.ingame:after,
body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.complete:after,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.recruitment:after,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.ingame:after,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.complete:after {
  display: none !important;
  content: none !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.recruitment,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.recruitment {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.ingame,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.ingame {
  background: var(--mv2-win-bg, #E8F5A3) !important;
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-status > span.complete,
body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-status > span.complete {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  color: var(--mv2-muted, #A0A0A0) !important;
}

body:not(.v2-page) #wrapper .content .tournament-top .tournament-name span.tournament-name__rename {
  color: #E05A5A !important;
}

/* ——— Турнир: участники, таблица круга (gamesTable) ——— */
body:not(.v2-page) #wrapper .content .content-box.tournament-box {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .memberBox__lastName {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .members-num span {
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .members-num .num {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .member-status {
  float: none !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  margin-top: 16px !important;
  margin-bottom: 12px !important;
  gap: 10px !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .member-status .btn-white {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .member-status .participation {
  float: none !important;
  padding-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  line-height: 1.3 !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: var(--mv2-win, #5FBF4A) !important;
  text-transform: none !important;
}

body:not(.v2-page) #wrapper .content .tournament-members-list .member-status .participation img {
  position: static !important;
  top: auto !important;
  left: auto !important;
  width: 16px !important;
  height: 16px !important;
}

body:not(.v2-page) #wrapper .content .tournamentDateInform__item {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border-radius: 8px;
}

body:not(.v2-page) #wrapper .content .gamesBox {
  background: var(--mv2-card, #fff) !important;
  border-radius: 12px;
  margin-bottom: 12px;
}

body:not(.v2-page) #wrapper .content .gamesTable {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable thead.gamesTableHead th {
  color: var(--mv2-secondary, #6F6F6F) !important;
  background: var(--mv2-bg, #F4F5F6) !important;
  font-family: var(--mv2-font) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em;
  line-height: 1.2 !important;
  padding: 10px 8px !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr {
  background: var(--mv2-card, #fff) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) {
  background: var(--mv2-bg, #F4F5F6) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody th,
body:not(.v2-page) #wrapper .content .gamesTable tbody td {
  color: #1F1F1F !important;
  -webkit-text-fill-color: #1F1F1F !important;
  font-family: var(--mv2-font) !important;
  font-style: normal !important;
  text-transform: none !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(odd) th,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(odd) td {
  background: #FFFFFF !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) th,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) td {
  background: #F4F5F6 !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody th.gamesTable__num {
  font-weight: 600 !important;
  font-size: 15px !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) th,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) td,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) a,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) span,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) p,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) b {
  color: #1F1F1F !important;
  -webkit-text-fill-color: #1F1F1F !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__userProfile,
body:not(.v2-page) #wrapper .content .gamesTable__userProfile:visited,
body:not(.v2-page) #wrapper .content .gamesTable__userProfile > span:not(.gamesTable__userProfileAvatar) {
  color: #1F1F1F !important;
  -webkit-text-fill-color: #1F1F1F !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__userProfileAvatar_text.avatar-color-1,
body:not(.v2-page) #wrapper .content .gamesTable__userProfileAvatar_text.avatar-color-2,
body:not(.v2-page) #wrapper .content .gamesTable__userProfileAvatar_text.avatar-color-3,
body:not(.v2-page) #wrapper .content .gamesTable__userProfileAvatar_text.avatar-color-4,
body:not(.v2-page) #wrapper .content .gamesTable__userProfileAvatar_text.avatar-color-5 {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__userProfile:hover,
body:not(.v2-page) #wrapper .content .gamesTable__userProfile:hover span {
  color: var(--mv2-accent-dark, #6B8E00) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__set,
body:not(.v2-page) #wrapper .content .gamesTable__set:hover,
body:not(.v2-page) #wrapper .content .gamesTable__setList p,
body:not(.v2-page) #wrapper .content .gamesTable__setList b {
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(odd) td.gamesTable__game_win,
body:not(.v2-page) #wrapper .content .gamesTable tbody tr:nth-child(even) td.gamesTable__game_win,
body:not(.v2-page) #wrapper .content .gamesTable tbody td.gamesTable__game_win,
body:not(.v2-page) #wrapper .content .gamesTable .gamesTable__gameItem.gamesTable__game_win {
  background: rgba(209, 239, 69, 0.5) !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__setDesc {
  color: var(--mv2-muted, #A0A0A0) !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
}

body:not(.v2-page) #wrapper .content .gamesTable__setList b {
  font-weight: 700 !important;
}

body:not(.v2-page) #wrapper .content .gamesTableSplit {
  display: none;
}

/* ——— Турнир mobile: шапка, участники, таблица, описание, комменты ——— */
@media screen and (max-width: 768px) {
  body:not(.v2-page) #wrapper .content .tournament-top.tournament-top--title-v2:not(.tournament-top--title-v2_game) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    padding: 14px 16px 10px !important;
    min-height: 0 !important;
    position: relative !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-top__head {
    margin-bottom: 6px !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-city {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 26px !important;
    max-width: none !important;
    width: auto !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: manual !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-top__head .tournament-status {
    align-self: center !important;
    justify-self: end !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-status > span.recruitment,
  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-status > span.ingame,
  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-status > span.complete {
    white-space: nowrap !important;
    display: inline-block !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) .tournament-name,
  body:not(.v2-page) #wrapper .content .tournament-top--title-v2:not(.tournament-top--title-v2_game) a.tournament-name--linked {
    max-width: 100% !important;
    width: 100% !important;
    top: 0 !important;
    padding: 0 !important;
    float: none !important;
    position: static !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .tournament-name__line_deadline {
    display: block !important;
    margin-top: 2px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: var(--mv2-text, #1F1F1F) !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2 .clearfix {
    display: none !important;
  }

  body:not(.v2-page) .content-box.tournament-box > .tournament-dates-bar--ingame,
  body:not(.v2-page) .content-box.tournament-box > .tournament-series__inform_detail.tournament-dates-bar--ingame {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) .content-box.tournament-box > .tournament-dates-bar--ingame .tournament-dates-bar__items {
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.tournament-box .tournament-members-list {
    padding: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-members-list {
    padding: 16px 16px 0 !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-members-list .tournament-members-avatar {
    margin-bottom: 16px !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-members-list .memberBox.memberBox_single > .memberBox__lastName {
    max-width: 68px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    word-break: break-word !important;
    hyphens: auto !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-members-partner .tournament-members-logo {
    width: 96px !important;
    max-width: 96px !important;
  }

  body:not(.v2-page) #wrapper .content .tournamentDateInform {
    padding: 0 16px 8px !important;
  }

  body:not(.v2-page) #wrapper .content .tournamentDateInform__item {
    padding: 10px 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesBox {
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08));
    overflow: visible !important;
    background: var(--mv2-card, #fff) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableWrap--desktop {
    display: none !important;
  }

  /* ——— Таблица круга mobile: split (игроки фикс + скролл счёта) ——— */
  body:not(.v2-page) #wrapper .content .gamesTableSplit {
    display: block;
    font-family: var(--mv2-font) !important;
    color: var(--mv2-text, #1F1F1F) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__head,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__row {
    display: flex;
    align-items: stretch;
    border-bottom: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08));
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__head {
    background: var(--mv2-bg, #F4F5F6) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__row {
    background: #FFFFFF !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__row--even {
    background: #F4F5F6 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__pinned {
    flex: 0 0 148px;
    width: 148px;
    max-width: 148px;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 6px 8px 8px;
    box-sizing: border-box;
    border-right: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08));
    background: inherit;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__head .gamesTableSplit__pinned {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    min-height: 44px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__headNum,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__headUser {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em;
    color: var(--mv2-secondary, #6F6F6F) !important;
    line-height: 1.2 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__num {
    flex: 0 0 18px;
    width: 18px;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center;
    color: var(--mv2-text, #1F1F1F) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__player {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__profile {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    min-width: 0;
    color: var(--mv2-text, #1F1F1F) !important;
    text-decoration: none !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__profile:hover,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__profile:hover .gamesTableSplit__name {
    color: var(--mv2-accent-dark, #6B8E00) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__avatarBox {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    overflow: hidden;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__avatar {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__avatar--text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__name {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.15 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__firstName,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__lastName {
    font-size: 11px !important;
    white-space: normal !important;
    word-break: break-word;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__lastName {
    font-weight: 600 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__scrollTrack {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__scrollTrack::-webkit-scrollbar {
    display: none;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__scrollInner {
    display: flex;
    align-items: stretch;
    min-height: 100%;
    width: max-content;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border-right: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08));
    padding: 8px 4px;
    font-size: 12px !important;
    color: var(--mv2-text, #1F1F1F) !important;
    min-height: 52px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--head {
    font-size: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em;
    color: var(--mv2-secondary, #6F6F6F) !important;
    min-height: 44px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--total {
    min-width: 44px;
    width: 44px;
    font-weight: 600 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--game {
    min-width: 72px;
    width: 72px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--double {
    min-width: 88px;
    width: 88px;
    padding: 0;
    flex-direction: column;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--disable {
    background: #FFFFFF !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__row--even .gamesTableSplit__cell--disable {
    background: #F4F5F6 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__row .gamesTableSplit__cell--win,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__row--even .gamesTableSplit__cell--win {
    background: rgba(209, 239, 69, 0.5) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell--double .gamesTable__gameItem.gamesTable__game_win {
    background: rgba(209, 239, 69, 0.5) !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell .gamesTable__set {
    width: 100%;
    min-height: 100%;
    padding: 4px 2px;
    font-size: 12px !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell .gamesTable__setList {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 2px;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell .gamesTable__setList p,
  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell .gamesTable__setList b {
    font-size: 12px !important;
    margin: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesTableSplit__cell .gamesTable__setDesc {
    font-size: 10px !important;
    text-align: center;
    line-height: 1.2 !important;
  }

  body:not(.v2-page) #wrapper .content .gamesSetsButtonsBox {
    padding: 0 16px 16px !important;
    text-align: center !important;
  }

  body:not(.v2-page) #wrapper .content .gamesSetsButton {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    display: block !important;
    box-sizing: border-box !important;
  }
}

body:not(.v2-page) #wrapper .content .alert.descriptionFull {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 12px !important;
  color: var(--mv2-text, #1F1F1F) !important;
  margin: 12px 16px !important;
  padding: 14px 16px !important;
}

body:not(.v2-page) #wrapper .content .alert.descriptionFull .commentTotal {
  margin-bottom: 8px !important;
}

body:not(.v2-page) #wrapper .content .alert.descriptionFull p {
  color: var(--mv2-text, #1F1F1F) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

body:not(.v2-page) #wrapper .content .commentTotal {
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--mv2-secondary, #6F6F6F) !important;
}

body:not(.v2-page) #wrapper .content .commentList {
  border-top: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  padding-top: 16px !important;
}

body:not(.v2-page) #wrapper .content .gamesSetsButtonsBox {
  padding: 0 16px 16px !important;
}

/* ——— G1 / C1 / S1: фильтры court & sparrings (v2 chips) ——— */
body:not(.v2-page) form[name="court_filter"],
body:not(.v2-page) form[name="sparring_filter"],
body:not(.v2-page) form.game_filter[name="sparring_filter"] {
  justify-content: flex-start !important;
  gap: 8px !important;
  padding: 0 !important;
}

body:not(.v2-page) form[name="court_filter"] .filter-field,
body:not(.v2-page) form[name="sparring_filter"] .filter-field,
body:not(.v2-page) form.game_filter[name="sparring_filter"] .filter-field {
  float: none !important;
  margin: 0 !important;
}

body:not(.v2-page) .selectorWithTitle {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  height: auto !important;
  min-height: 34px !important;
  margin: 0 8px 8px 0 !important;
  padding: 0 0 0 12px !important;
  background: var(--mv2-card, #fff) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  box-shadow: none !important;
}

body:not(.v2-page) .selectorWithTitle__title {
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-secondary, #6F6F6F) !important;
  padding: 0 8px 0 0 !important;
  white-space: nowrap !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button,
body:not(.v2-page) form.game_filter[name="sparring_filter"] .ui-selectmenu-button,
body:not(.v2-page) form[name="court_filter"] .custom-field span[role="combobox"].ui-selectmenu-button,
body:not(.v2-page) form[name="sparring_filter"] .custom-field span[role="combobox"].ui-selectmenu-button,
body:not(.v2-page) .selectorWithTitle > span.ui-selectmenu-button {
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  width: auto !important;
  min-width: 88px !important;
  max-width: 200px !important;
  height: 34px !important;
  padding: 6px 28px 6px 10px !important;
  margin: 0 8px 8px 0 !important;
  line-height: 1.2 !important;
  background: var(--mv2-card, #fff) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  -webkit-text-fill-color: var(--mv2-text, #1F1F1F) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

body:not(.v2-page) .selectorWithTitle > span.ui-selectmenu-button {
  margin: 0 !important;
  border: none !important;
  border-left: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 0 999px 999px 0 !important;
  background: transparent !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button:hover,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button:hover,
body:not(.v2-page) form.game_filter[name="sparring_filter"] .ui-selectmenu-button:hover,
body:not(.v2-page) .selectorWithTitle:hover {
  border-color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button .ui-selectmenu-text,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button .ui-selectmenu-text,
body:not(.v2-page) .selectorWithTitle .ui-selectmenu-text {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  font-style: normal !important;
  text-transform: none !important;
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  line-height: 1.2 !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button .ui-selectmenu-icon,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button .ui-selectmenu-icon,
body:not(.v2-page) .selectorWithTitle .ui-selectmenu-icon {
  width: 10px !important;
  height: 10px !important;
  margin-top: 0 !important;
  right: 10px !important;
  background: none !important;
  transform: none !important;
  -webkit-transform: none !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button .ui-selectmenu-icon::after,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button .ui-selectmenu-icon::after,
body:not(.v2-page) .selectorWithTitle .ui-selectmenu-icon::after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  margin: 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F6F6F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button-open .ui-selectmenu-icon,
body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button-open .ui-selectmenu-icon,
body:not(.v2-page) .selectorWithTitle .ui-selectmenu-button-open .ui-selectmenu-icon {
  transform: rotate(180deg) !important;
  -webkit-transform: rotate(180deg) !important;
}

body:not(.v2-page) form[name="court_filter"] .custom-combobox-city,
body:not(.v2-page) form[name="sparring_filter"] .custom-combobox-city {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: 220px !important;
  height: 34px !important;
  margin: 0 8px 8px 0 !important;
  padding: 0 28px 0 12px !important;
  background: var(--mv2-card, #fff) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  box-sizing: border-box !important;
  position: relative !important;
}

body:not(.v2-page) form[name="court_filter"] .custom-combobox-city:hover,
body:not(.v2-page) form[name="sparring_filter"] .custom-combobox-city:hover {
  border-color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) form[name="court_filter"] input.custom-combobox-city-input,
body:not(.v2-page) form[name="sparring_filter"] input.custom-combobox-city-input {
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  -webkit-text-fill-color: var(--mv2-text, #1F1F1F) !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

body:not(.v2-page) form[name="court_filter"] .custom-combobox-toggle,
body:not(.v2-page) form[name="sparring_filter"] .custom-combobox-toggle {
  color: var(--mv2-secondary, #6F6F6F) !important;
  background: none !important;
  border: none !important;
}

body:not(.v2-page) form[name="court_filter"] .ui-icon-triangle-city,
body:not(.v2-page) form[name="sparring_filter"] .ui-icon-triangle-city {
  transform: none !important;
  -webkit-transform: none !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F6F6F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: contain !important;
}

body:not(.v2-page) form[name="court_filter"] .ratingSearch {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  text-align: left !important;
  float: none !important;
}

body:not(.v2-page) form[name="court_filter"] .ratingSearch__input,
body:not(.v2-page) form[name="court_filter"] input.ratingSearch__input {
  flex: 1 1 140px !important;
  min-width: 0 !important;
  width: auto !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 6px 14px !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--mv2-text, #1F1F1F) !important;
  -webkit-text-fill-color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-card, #fff) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  box-sizing: border-box !important;
}

body:not(.v2-page) form[name="court_filter"] .ratingSearch__button {
  flex: 0 0 auto !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 6px 16px !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-accent, #B7E000) !important;
  border: 1.5px solid var(--mv2-text, #1F1F1F) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  cursor: pointer !important;
}

body:not(.v2-page) form[name="court_filter"] .ratingSearch__button:hover {
  border-color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-accent-dark, #9BC400) !important;
}

body:not(.v2-page) form[name="court_filter"] label[for="court_filter_resultOnMap"] {
  display: inline-flex !important;
  align-items: center !important;
  height: 34px !important;
  margin: 0 0 8px !important;
  padding: 6px 14px !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-card, #fff) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  cursor: pointer !important;
}

body:not(.v2-page) form[name="court_filter"] .vsb-main button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: auto !important;
  min-width: 120px !important;
  max-width: 200px !important;
  height: 34px !important;
  margin: 0 8px 8px 0 !important;
  padding: 6px 28px 6px 12px !important;
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-card, #fff) !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 999px !important;
  transform: none !important;
  -webkit-transform: none !important;
  cursor: pointer !important;
}

body:not(.v2-page) form[name="court_filter"] .vsb-main .vsb-menu li {
  background: var(--mv2-card, #fff) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border-color: var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
}

body:not(.v2-page) .content-box.main-page-content > .btn.btn-white {
  display: inline-block !important;
  margin: 8px 0 0 !important;
}

body:not(.v2-page) .ui-selectmenu-menu .ui-menu-item-wrapper {
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  background: var(--mv2-card, #fff) !important;
  border: none !important;
}

body:not(.v2-page) .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: none !important;
}

@media screen and (max-width: 768px) {
  body:not(.v2-page) form[name="court_filter"],
  body:not(.v2-page) form[name="sparring_filter"],
  body:not(.v2-page) form.game_filter[name="sparring_filter"] {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body:not(.v2-page) form[name="court_filter"] .filter-field,
  body:not(.v2-page) form[name="sparring_filter"] .filter-field,
  body:not(.v2-page) form.game_filter[name="sparring_filter"] .filter-field {
    width: 100% !important;
  }

  body:not(.v2-page) .selectorWithTitle {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) form[name="court_filter"] .ui-selectmenu-button,
  body:not(.v2-page) form[name="sparring_filter"] .ui-selectmenu-button,
  body:not(.v2-page) form.game_filter[name="sparring_filter"] .ui-selectmenu-button,
  body:not(.v2-page) form[name="court_filter"] .custom-combobox-city,
  body:not(.v2-page) form[name="sparring_filter"] .custom-combobox-city,
  body:not(.v2-page) .selectorWithTitle > span.ui-selectmenu-button {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) .selectorWithTitle > span.ui-selectmenu-button {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body:not(.v2-page) form[name="court_filter"] .ratingSearch {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body:not(.v2-page) form[name="court_filter"] .ratingSearch__input,
  body:not(.v2-page) form[name="court_filter"] input.ratingSearch__input,
  body:not(.v2-page) form[name="court_filter"] .ratingSearch__button {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ——— H1: how_it_works — float-колонки в стек на mobile ——— */
@media screen and (max-width: 768px) {
  body:not(.v2-page) #wrapper .content .howContentItem {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }

  body:not(.v2-page) #wrapper .content .howContentLeft,
  body:not(.v2-page) #wrapper .content .howContentRight {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .howContentRight {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  }

  body:not(.v2-page) #wrapper .content .buttonContent {
    padding: 0 !important;
    justify-content: stretch !important;
  }

  body:not(.v2-page) #wrapper .content .buttonContent .btn-green,
  body:not(.v2-page) #wrapper .content .buttonContent .btn-white {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
  }
}

/* ——— SC1: strong_calculate — игроки vs в колонку ——— */
@media screen and (max-width: 768px) {
  body:not(.v2-page) #wrapper .content .gameBox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .gamePlayers {
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body:not(.v2-page) #wrapper .content .gamePlayers > b {
    margin: 0 !important;
    text-align: center !important;
    font-size: 14px !important;
    color: var(--mv2-secondary, #6F6F6F) !important;
  }

  body:not(.v2-page) #wrapper .content .gamePlayerBox {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .gameTableInput {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .gamesHistoryDetailPredict {
    transform: none !important;
    -webkit-transform: none !important;
    border-radius: 8px !important;
  }
}

/* ——— CT1: contacts — колонки и email ——— */
@media screen and (max-width: 768px) {
  body:not(.v2-page) #wrapper .content .content-box.contacts .left,
  body:not(.v2-page) #wrapper .content .content-box.contacts .right,
  body:not(.v2-page) #wrapper .content .content-box .left,
  body:not(.v2-page) #wrapper .content .content-box .right {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.contacts .big-text,
  body:not(.v2-page) #wrapper .content .content-box.contacts .big-text a,
  body:not(.v2-page) #wrapper .content .content-box .right .big-text,
  body:not(.v2-page) #wrapper .content .content-box .right .big-text a {
    display: block !important;
    font-family: var(--mv2-font) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: none !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    margin-bottom: 24px !important;
    color: var(--mv2-text, #1F1F1F) !important;
  }
}

/* ——— M1: game/show — match-box и таблица характеристик ——— */
@media screen and (max-width: 768px) {
  body:not(.v2-page) #wrapper .content .content-box.match-box {
    padding: 0 !important;
    overflow: hidden !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box .match-left-side,
  body:not(.v2-page) #wrapper .content .content-box.match-box .match-right-side {
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box .match-right-side {
    position: static !important;
    min-width: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box .match-left-side .match-header {
    padding: 16px !important;
    margin-bottom: 16px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box .match-left-side .match-content {
    margin: 0 16px 16px !important;
    min-width: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .user-params {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body:not(.v2-page) #wrapper .content .user-params__content {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    border-radius: 12px !important;
  }

  body:not(.v2-page) #wrapper .content .user-params__content-table {
    min-width: 520px !important;
  }

  body.legacy-payment-page #wrapper .content .user-params__content-table,
  body.legacy-payment-page #wrapper .content .subscription-plans-row .plan-card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.legacy-payment-page #wrapper .content .content-box.with-right-column {
    overflow: visible !important;
  }

  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column,
  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column.all-width-column {
    overflow: visible !important;
  }

  body:not(.v2-page) #wrapper .content .user-params__content-table th,
  body:not(.v2-page) #wrapper .content .user-params__content-table td {
    font-family: var(--mv2-font) !important;
    font-size: 13px !important;
    color: var(--mv2-text, #1F1F1F) !important;
  }

  body:not(.v2-page) #wrapper .content .user-params__tabs-item.is-active a {
    color: var(--mv2-text, #1F1F1F) !important;
    border-bottom-color: var(--mv2-accent, #B7E000) !important;
  }
}

/* ——— G2: Telegram FAB ——— */
body:not(.v2-page) .messenger_link {
  z-index: 250 !important;
}

body:not(.v2-page) .messenger_link:hover svg {
  fill: none !important;
}

@media screen and (max-width: 768px) {
  body:not(.v2-page) .messenger_link {
    right: 16px !important;
    bottom: 96px !important;
    width: 48px !important;
    height: 48px !important;
  }

  body:not(.v2-page) .messenger_link svg {
    width: 48px !important;
    height: 48px !important;
  }

  body:not(.v2-page) .cookieBox {
    bottom: 96px !important;
    z-index: 260 !important;
  }

  body:not(.v2-page) #footer .footer-content {
    padding-bottom: 56px !important;
  }
}

/* ——— G4: specialBanner — кнопка на тёмном фоне ——— */
body:not(.v2-page) .specialBanner {
  border-radius: 14px !important;
  overflow: hidden !important;
  margin: 8px 0 !important;
}

body:not(.v2-page) .specialBanner__title {
  font-family: var(--mv2-font) !important;
  font-style: normal !important;
  color: #fff !important;
}

body:not(.v2-page) .specialBanner .specialBanner__button.btn-green {
  background: var(--mv2-accent, #B7E000) !important;
  color: var(--mv2-text, #1F1F1F) !important;
  border: 1.5px solid var(--mv2-text, #1F1F1F) !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
}

body:not(.v2-page) .specialBanner .specialBanner__button.btn-green:hover {
  background: var(--mv2-accent-dark, #9BC400) !important;
}

@media screen and (max-width: 768px) {
  body:not(.v2-page) .specialBanner {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 20px 16px !important;
  }

  body:not(.v2-page) .specialBanner__title {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  body:not(.v2-page) .specialBanner .specialBanner__button.btn-green {
    width: 100% !important;
    text-align: center !important;
  }
}

/* ——— G5: пагинация news/court ——— */
body:not(.v2-page) #wrapper .content .navigation .pagination li,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li {
  transform: none !important;
  -webkit-transform: none !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 4px 8px !important;
  border: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
  border-radius: 8px !important;
  background: var(--mv2-card, #fff) !important;
  font-family: var(--mv2-font) !important;
  font-weight: 600 !important;
  font-style: normal !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .navigation .pagination li a,
body:not(.v2-page) #wrapper .content .navigation .pagination li span,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li a,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li span {
  font-family: var(--mv2-font) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  color: var(--mv2-text, #1F1F1F) !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
}

body:not(.v2-page) #wrapper .content .navigation .pagination li.current a,
body:not(.v2-page) #wrapper .content .navigation .pagination li.current span,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li.current a,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li.current span {
  background: var(--mv2-text, #1F1F1F) !important;
  color: #fff !important;
}

body:not(.v2-page) #wrapper .content .navigation .pagination li a:hover,
body:not(.v2-page) #wrapper .content .navigation-white .pagination li a:hover {
  background: var(--mv2-card-alt, #EFEFEF) !important;
  color: var(--mv2-text, #1F1F1F) !important;
}

body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-previous a,
body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-previous span,
body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-next a,
body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-next span,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-previous a,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-previous span,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-next a,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-next span {
  background-position: center !important;
  background-size: 10px !important;
}

body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-previous a:hover,
body:not(.v2-page) #wrapper .content .navigation .pagination .pagination-next a:hover,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-previous a:hover,
body:not(.v2-page) #wrapper .content .navigation-white .pagination .pagination-next a:hover {
  background-color: var(--mv2-card-alt, #EFEFEF) !important;
}

/* ——— HyperOS / forced dark mode: светлый фон (все страницы) ——— */
html {
  color-scheme: light only;
  background-color: #F4F5F6;
}

body.v2-page,
body.v2-page #wrapper,
body.v2-page #wrapper .content,
body.v2-page #wrapper .v2-page-shell {
  background-color: #F4F5F6 !important;
  color: #1F1F1F !important;
}

body.legacy-payment-page,
body.legacy-payment-page #wrapper,
body.legacy-payment-page #wrapper .content,
body.legacy-payment-page #wrapper .content .content-box,
body.legacy-payment-page #wrapper .content .hero-content {
  background: #F4F5F6 !important;
  color: #1F1F1F !important;
}

body.legacy-payment-page {
  overflow-x: hidden !important;
  max-width: 100% !important;
  --legacy-pay-bar-nav-offset: env(safe-area-inset-bottom, 0px);
  --legacy-pay-bar-stack-height: 120px;
}

body.legacy-payment-page #footer,
body.legacy-payment-page .messenger_link,
body.legacy-payment-page .mainV2__bottom-nav,
body.legacy-payment-page .mainV2__bottom-sheet,
body.legacy-payment-page .mainV2__sheet-overlay,
body.legacy-payment-page #wrapper > .content > .bottom-bg,
body.legacy-payment-page #wrapper > .content > .bottom-top-bg,
body.legacy-payment-page #wrapper .content .content-box.main-page-content {
  display: none !important;
}

body.legacy-payment-page #wrapper .content .user-params__content-table,
body.legacy-payment-page .subscription-plans-row .user-params__content-table,
body.legacy-payment-page .subscription-plans-row .plan-card {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

body.legacy-payment-page .subscription-plans-row,
body.legacy-payment-page .subscription-plan-col,
body.legacy-payment-page .subscription-plans-row label {
  min-width: 0 !important;
  max-width: 100% !important;
}

body.legacy-payment-page #wrapper {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.legacy-payment-page #wrapper .content .left-column.all-width-column,
body.legacy-payment-page #wrapper .content .left-column.all-width-column form,
body.legacy-payment-page #wrapper .content .subscription-plans-row,
body.legacy-payment-page #wrapper .content .subscription-plans-row > [class*="col-"] {
  z-index: auto !important;
}

/* main.css: label { float:left; height:39px } — карточки подписки наезжают, клики не доходят */
body.legacy-payment-page .subscription-plans-row > [class*="col-"],
body.legacy-payment-page .subscription-plans-row > .subscription-plan-col {
  float: none !important;
  position: relative;
  z-index: auto !important;
  isolation: isolate;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body.legacy-payment-page .subscription-plans-row label {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  clear: both !important;
  cursor: pointer;
  pointer-events: auto !important;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(31, 31, 31, 0.08);
  position: relative;
  z-index: 1;
}

body.legacy-payment-page .subscription-plans-row .user-params__content-table {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

body.legacy-payment-page .user-params__content-table_disable {
  pointer-events: none;
  cursor: default;
}

/* ——— Subscription plan cards: selected / hover / CTA ——— */
body.legacy-payment-page .subscription-plans-row .plan-card {
  border: 1px solid #E5E5E5;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.15s ease, background-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

body.legacy-payment-page .subscription-plans-row label:hover > .plan-card:not(.user-params__content-table_disable) {
  border-color: #1F1F1F;
  border-width: 2px;
}

body.legacy-payment-page .subscription-plans-row:has(.sub-radio_input:checked:not(:disabled)) .subscription-plan-col:not(.is-selected) label > .plan-card:not(.user-params__content-table_disable) {
  opacity: 0.88;
}

body.legacy-payment-page .subscription-plan-col.is-selected label > .plan-card,
body.legacy-payment-page .sub-radio_input:checked + label > .plan-card {
  border: 2px solid #B7E000;
  background: #F5FBEA;
  box-shadow: 0 2px 12px rgba(183, 224, 0, 0.22);
}

body.legacy-payment-page .subscription-plan-col.is-selected label::before,
body.legacy-payment-page .sub-radio_input:checked + label::before {
  content: "✓ Выбран";
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 3;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Inter', sans-serif;
  background: #B7E000;
  color: #1F1F1F;
  padding: 4px 10px;
  border-radius: 99px;
  line-height: 1.25;
  pointer-events: none;
}

body.legacy-payment-page .sub-radio_input:checked + label .plan-card .thead-dark th {
  background: #1F1F1F !important;
  color: #fff !important;
}

body.legacy-payment-page .sub-radio_input:checked + label .plan-card tbody th {
  background: #F5FBEA !important;
}

body.legacy-payment-page .plan-card__current-row th {
  background: #B7E000 !important;
  color: #1F1F1F !important;
}

body.legacy-payment-page .btn-white.btn-selected,
body.legacy-payment-page .btn-white.btn-cancel {
  display: none;
  width: 100% !important;
  background: #1F1F1F !important;
  color: #B7E000 !important;
  border-color: #1F1F1F !important;
}

body.legacy-payment-page .sub-radio_input:checked + label .btn-selected,
body.legacy-payment-page .sub-radio_input:checked + label .btn-cancel {
  display: inline-block;
}

body.legacy-payment-page .sub-radio_input:checked + label .btn-sub {
  display: none;
}

body.legacy-payment-page .sub-radio_input {
  position: fixed;
  left: -9999px;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

body.legacy-payment-page .totalButtonsBox {
  margin-top: 24px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px;
}

body.legacy-payment-page .totalButtonsBox .btn-pay-primary {
  width: 100% !important;
  max-width: 360px;
  min-height: 54px;
  margin: 4px auto 0 !important;
  padding: 14px 28px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
  text-transform: none !important;
  border-radius: 10px !important;
  border: 2px solid #1F1F1F !important;
  background: #1F1F1F !important;
  color: #B7E000 !important;
  transform: none !important;
  box-shadow: 0 4px 14px rgba(31, 31, 31, 0.18);
  cursor: pointer;
  display: block;
  float: none !important;
}

body.legacy-payment-page .totalButtonsBox .btn-pay-primary:hover {
  background: #B7E000 !important;
  color: #1F1F1F !important;
  border-color: #B7E000 !important;
}

@media screen and (max-width: 991px) {
  body.legacy-payment-page #wrapper {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.legacy-payment-page #wrapper .content {
    overflow-x: hidden !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.legacy-payment-page #wrapper .content .content-box,
  body.legacy-payment-page #wrapper .content .content-box.with-right-column {
    margin: 0 0 12px !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column,
  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column.all-width-column {
    padding: 12px 12px 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
  }

  body.legacy-payment-page .hero-content > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  body.legacy-payment-page .subscription-plans-row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.legacy-payment-page .subscription-plans-row > .col-4,
  body.legacy-payment-page .subscription-plans-row > .col-lg-4,
  body.legacy-payment-page .subscription-plans-row > .subscription-plan-col,
  body.legacy-payment-page .subscription-plans-row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.legacy-payment-page .subscription-plans-row label {
    display: block !important;
    width: 100% !important;
  }

  body.legacy-payment-page .user-params__content-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    background: #fff !important;
    color: #1F1F1F !important;
    box-sizing: border-box !important;
  }

  body.legacy-payment-page .user-params__content-table th,
  body.legacy-payment-page .user-params__content-table td {
    word-wrap: break-word !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  body.legacy-payment-page .user-params__content-table .thead-dark th {
    font-size: 17px !important;
    padding: 10px 8px !important;
  }

  body.legacy-payment-page .user-params__content-table tbody th {
    padding: 8px 10px !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body.legacy-payment-page .user-params__content-table tbody th b {
    font-size: 16px !important;
    line-height: 1.25 !important;
    word-break: break-word !important;
  }

  body.legacy-payment-page .table_th_content {
    gap: 8px !important;
    min-width: 0 !important;
  }

  body.legacy-payment-page .btn-white.btn-sub,
  body.legacy-payment-page .btn-white.btn-selected,
  body.legacy-payment-page .btn-white.btn-cancel {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
  }

  body.legacy-payment-page .totalButtonsBox .btn-pay-primary {
    max-width: none;
    min-height: 52px;
    font-size: 17px !important;
  }

  body.legacy-payment-page .subscription-plan-col.is-selected .plan-card tbody th,
  body.legacy-payment-page .sub-radio_input:checked + label .plan-card tbody th {
    background: #F5FBEA !important;
  }

  body.legacy-payment-page .totalButtonsBox .btn-white {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.legacy-payment-page .messenger_link {
    right: 12px !important;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.legacy-payment-page .user-params__content-table tbody th {
    background: #fff !important;
    color: #1F1F1F !important;
  }

  body.legacy-payment-page .user-params__content-table .thead-dark th {
    background: #1F1F1F !important;
    color: #fff !important;
  }

  body.legacy-payment-page .big-text,
  body.legacy-payment-page .main-title {
    color: #1F1F1F !important;
  }

  body.legacy-payment-page #wrapper .content {
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }

  body.legacy-payment-page #wrapper .content .hero-content {
    margin: 0 !important;
    max-width: 100% !important;
    padding: max(8px, env(safe-area-inset-top, 0px)) 12px 4px !important;
  }

  body.legacy-payment-page .hero-content .main-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin: 0 0 4px !important;
  }

  body.legacy-payment-page .subscription-payment-form__lead {
    margin-bottom: 10px !important;
    font-size: 14px !important;
  }

  body.legacy-payment-page .big-text {
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    padding-top: 2px;
    overflow: visible !important;
  }

  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column,
  body.legacy-payment-page #wrapper .content .content-box.with-right-column .left-column.all-width-column {
    padding: 12px 12px 20px !important;
  }

  body.legacy-payment-page .totalButtonsBox {
    margin-bottom: 12px;
    flex-wrap: wrap !important;
    gap: 12px;
    justify-content: stretch !important;
  }

  body.legacy-payment-page .totalButtonsBox_period {
    width: 100%;
    margin-right: 0 !important;
  }

  body.legacy-payment-page .table_th_content p {
    font-size: 13px;
    line-height: 1.35;
  }

  body.legacy-payment-page .user-params__content-table .btn-box th {
    padding: 12px 10px !important;
  }
}

/* ——— Subscription payment: compact mobile layout ——— */
body.legacy-payment-page .subscription-payment-form__lead {
  display: block;
  margin: 0 0 12px;
  text-align: center;
  font-family: var(--mv2-font, 'Inter', sans-serif) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  text-transform: none !important;
  line-height: 1.35 !important;
  color: #666 !important;
  letter-spacing: 0;
}

body.legacy-payment-page .subscription-common-features {
  display: none;
}

body.legacy-payment-page .subscription-plan-tabs {
  display: none;
}

body.legacy-payment-page .subscription-footnote,
body.legacy-payment-page .subscription-payment-form__notice {
  color: #999;
  font-size: 13px;
  line-height: 1.4;
  margin: 12px 0;
}

body.legacy-payment-page .subscription-footnote-wrap {
  display: block;
  margin: 0 0 12px;
}

body.legacy-payment-page .subscription-footnote-wrap__summary {
  display: none;
}

body.legacy-payment-page .subscription-footnote-wrap .subscription-footnote {
  margin: 0;
}

body.legacy-payment-page .subscription-payment-form__notice--mobile {
  display: none;
  margin: 8px 0 0;
  font-size: 11px;
  line-height: 1.35;
  text-align: center;
  color: #888;
}

body.legacy-payment-page .subscription-payment-form__notice--mobile a {
  color: #1F1F1F;
}

body.legacy-payment-page .subscription-pay-bar {
  margin-top: 12px;
}

body.legacy-payment-page .subscription-pay-bar__summary {
  display: none;
}

@keyframes legacySubPayPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(183, 224, 0, 0.45);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(183, 224, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(183, 224, 0, 0);
  }
}

body.legacy-payment-page .totalButtonsBox .btn-pay-primary.is-attention {
  animation: legacySubPayPulse 0.55s ease-out 2;
}

body.legacy-payment-page .subscription-payment-form__notice b {
  color: #1F1F1F;
}

body.legacy-payment-page .subscription-payment-form__notice--center {
  text-align: center;
  font-weight: 600;
  color: #1F1F1F;
}

body.legacy-payment-page .plan-card__title {
  font-size: 18px !important;
  text-align: left !important;
  padding: 10px 72px 10px 12px !important;
}

body.legacy-payment-page .table_th_content {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
}

body.legacy-payment-page .table_th_content__check {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  line-height: 0;
  margin-top: 1px;
}

body.legacy-payment-page .plan-card__check-icon {
  display: block;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
}

body.legacy-payment-page .table_th_content p {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 400 !important;
}

body.legacy-payment-page .user-params__content-table th,
body.legacy-payment-page .user-params__content-table td {
  font-family: var(--mv2-font, 'Inter', sans-serif) !important;
  font-weight: 400 !important;
}

body.legacy-payment-page .user-params__content-table th:not(:last-child),
body.legacy-payment-page .user-params__content-table td:not(:last-child) {
  height: auto !important;
  min-height: 0 !important;
}

body.legacy-payment-page .plan-card__diff-row th {
  padding: 6px 12px !important;
}

body.legacy-payment-page .plan-card__diff-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

body.legacy-payment-page .plan-card__diff-label {
  color: #666;
  font-size: 13px;
  line-height: 1.3;
  flex: 1 1 auto;
  min-width: 0;
}

body.legacy-payment-page .plan-card__diff-value {
  color: #1F1F1F;
  font-size: 13px;
  font-weight: 600 !important;
  line-height: 1.35;
  text-align: right;
  flex: 0 1 auto;
  min-width: 0;
  word-break: break-word;
}

body.legacy-payment-page .plan-card__price-row th {
  text-align: center !important;
  padding: 8px 12px !important;
}

body.legacy-payment-page .plan-card__price-main {
  display: block;
  font-size: 20px;
  font-weight: 700 !important;
  line-height: 1.2;
  color: #1F1F1F;
}

body.legacy-payment-page .plan-card__price-old {
  color: #d32f2f;
  font-size: 15px;
  font-weight: 500 !important;
  margin-right: 6px;
}

body.legacy-payment-page .plan-card__price-note,
body.legacy-payment-page .plan-card__price-period {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 400 !important;
  color: #666;
}

body.legacy-payment-page .plan-card__price-period b {
  font-weight: 600 !important;
  color: #1F1F1F;
}

body.legacy-payment-page .plan-card__price-row--period th {
  padding-top: 0 !important;
}

body.legacy-payment-page .plan-card__current-row th {
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
}

@media screen and (min-width: 992px) {
  body.legacy-payment-page .plan-card__title {
    text-align: center !important;
    padding: 10px 12px !important;
  }
}

@media screen and (max-width: 991px) {
  body.legacy-payment-page .subscription-common-features {
    display: block;
    margin: 0 0 12px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }

  body.legacy-payment-page .subscription-common-features__summary {
    list-style: none;
    cursor: pointer;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--mv2-font, 'Inter', sans-serif);
    color: #1F1F1F;
    outline: none;
  }

  body.legacy-payment-page .subscription-common-features__summary::-webkit-details-marker {
    display: none;
  }

  body.legacy-payment-page .subscription-common-features__summary::after {
    content: "▾";
    float: right;
    color: #666;
    font-size: 12px;
  }

  body.legacy-payment-page .subscription-common-features[open] .subscription-common-features__summary::after {
    content: "▴";
  }

  body.legacy-payment-page .subscription-common-features__list {
    margin: 0;
    padding: 0 12px 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #444;
    font-family: var(--mv2-font, 'Inter', sans-serif);
    list-style: none;
  }

  body.legacy-payment-page .subscription-common-features__item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 5px;
  }

  body.legacy-payment-page .subscription-common-features__item::before {
    content: "";
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z' fill='%234CAF50'/%3E%3Cpath d='M738.133333 311.466667L448 601.6l-119.466667-119.466667-59.733333 59.733334 179.2 179.2 349.866667-349.866667z' fill='%23CCFF90'/%3E%3C/svg%3E") center / contain no-repeat;
  }

  body.legacy-payment-page .subscription-plan-tabs {
    display: flex;
    gap: 8px;
    margin: 0 0 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.legacy-payment-page .subscription-plan-tabs::-webkit-scrollbar {
    display: none;
  }

  body.legacy-payment-page .subscription-plan-tab {
    flex: 1 0 auto;
    min-width: 0;
    padding: 8px 14px;
    border: 1.5px solid #E5E5E5;
    border-radius: 999px;
    background: #fff;
    color: #1F1F1F;
    font-family: var(--mv2-font, 'Inter', sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
  }

  body.legacy-payment-page .subscription-plan-tab.is-active {
    border-color: #1F1F1F;
    background: #1F1F1F;
    color: #B7E000;
  }

  body.legacy-payment-page .subscription-plan-tab:disabled,
  body.legacy-payment-page .subscription-plan-tab.is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
  }

  body.legacy-payment-page .subscription-plans-row {
    gap: 0 !important;
  }

  body.legacy-payment-page .subscription-plans-row .plan-card {
    overflow: visible;
  }

  body.legacy-payment-page .subscription-plan-col:not(.is-selected) {
    display: none !important;
  }

  body.legacy-payment-page .plan-card tbody tr.plan-card__common-feature,
  body.legacy-payment-page .plan-card__common-feature {
    display: none !important;
    height: 0 !important;
    visibility: collapse !important;
  }

  body.legacy-payment-page .plan-card__btn-row {
    display: none !important;
  }

  body.legacy-payment-page .plan-card__diff-row th {
    padding: 6px 10px !important;
  }

  body.legacy-payment-page .plan-card__diff-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
  }

  body.legacy-payment-page .plan-card__diff-label {
    font-size: 11px;
    line-height: 1.25;
  }

  body.legacy-payment-page .plan-card__diff-value {
    font-size: 14px;
    line-height: 1.3;
    text-align: left;
  }

  body.legacy-payment-page .plan-card__price-row--period {
    display: none !important;
  }

  body.legacy-payment-page .plan-card__price-main {
    font-size: 18px;
  }

  body.legacy-payment-page .user-params__content-table tbody th {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }

  body.legacy-payment-page .user-params__content-table .thead-dark th {
    padding: 10px 12px !important;
    font-size: 16px !important;
  }

  body.legacy-payment-page .subscription-plan-col.is-selected label::before,
  body.legacy-payment-page .sub-radio_input:checked + label::before {
    top: 8px;
    right: 8px;
    font-size: 10px;
    padding: 3px 8px;
  }

  body.legacy-payment-page .subscription-payment-form {
    padding-bottom: calc(var(--legacy-pay-bar-stack-height) + var(--legacy-pay-bar-nav-offset) + 8px) !important;
  }

  body.legacy-payment-page:has(.subscription-pay-bar .totalButtonsBox_period) {
    --legacy-pay-bar-stack-height: 156px;
  }

  body.legacy-payment-page .subscription-footnote-wrap {
    margin: 0 0 8px;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
  }

  body.legacy-payment-page .subscription-footnote-wrap:not([open]) .subscription-footnote {
    display: none;
  }

  body.legacy-payment-page .subscription-footnote-wrap__summary {
    display: list-item;
    list-style: none;
    cursor: pointer;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    font-family: var(--mv2-font, 'Inter', sans-serif);
    color: #1F1F1F;
    outline: none;
  }

  body.legacy-payment-page .subscription-footnote-wrap__summary::-webkit-details-marker {
    display: none;
  }

  body.legacy-payment-page .subscription-footnote-wrap__summary::after {
    content: "▾";
    float: right;
    color: #666;
    font-size: 12px;
  }

  body.legacy-payment-page .subscription-footnote-wrap[open] .subscription-footnote-wrap__summary::after {
    content: "▴";
  }

  body.legacy-payment-page .subscription-footnote-wrap .subscription-footnote {
    padding: 0 12px 10px;
    font-size: 11px;
    line-height: 1.4;
  }

  body.legacy-payment-page .subscription-payment-form__notice--desktop {
    display: none !important;
  }

  body.legacy-payment-page .subscription-payment-form__notice--mobile {
    display: block;
  }

  body.legacy-payment-page .subscription-pay-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: var(--legacy-pay-bar-nav-offset);
    z-index: 220;
    margin-top: 0;
    padding: 8px 12px calc(6px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, 0.97);
    border-top: 1px solid #E5E5E5;
    box-shadow: 0 -4px 18px rgba(31, 31, 31, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  body.legacy-payment-page .subscription-pay-bar__summary {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
    font-family: var(--mv2-font, 'Inter', sans-serif);
  }

  body.legacy-payment-page .subscription-pay-bar__plan {
    font-size: 14px;
    font-weight: 600;
    color: #1F1F1F;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.legacy-payment-page .subscription-pay-bar__price {
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    color: #1F1F1F;
  }

  body.legacy-payment-page .subscription-pay-bar .totalButtonsBox {
    margin: 0 !important;
    gap: 8px !important;
  }

  body.legacy-payment-page .subscription-pay-bar .totalButtonsBox_period {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  body.legacy-payment-page .subscription-pay-bar .totalButtonsBox_period label {
    margin: 0 !important;
    font-size: 12px !important;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  body.legacy-payment-page .subscription-pay-bar #subscribe_period {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    max-width: none;
    font-size: 14px;
    padding: 8px 10px;
  }

  body.legacy-payment-page .subscription-pay-bar .btn-pay-primary {
    margin: 0 !important;
    min-height: 48px !important;
    font-size: 16px !important;
  }

  body.legacy-payment-page #wrapper .content {
    padding-bottom: var(--legacy-pay-bar-nav-offset) !important;
  }

  body.legacy-payment-page .messenger_link {
    bottom: calc(var(--legacy-pay-bar-stack-height) + var(--legacy-pay-bar-nav-offset)) !important;
  }
}

/* ——— Game edit: шапка без наложения + компактный ввод счёта (мобайл) ——— */
@media screen and (max-width: 990px) {
  body:not(.v2-page) #wrapper .content .tournament-top.tournament-top--title-v2_game {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    float: none !important;
    min-height: 0 !important;
    padding: 12px 16px 10px !important;
    overflow: visible !important;
    position: static !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .tournament-city,
  #wrapper .content .tournament-top .tournament-city {
    float: none !important;
    position: static !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 0 4px !important;
    margin: 0 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
    text-align: left !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .tournament-name,
  body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game a.tournament-name--linked,
  #wrapper .content .tournament-top .tournament-name {
    float: none !important;
    position: static !important;
    top: 0 !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .tournament-name__line {
    font-size: 13px !important;
    line-height: 1.35 !important;
    margin: 0 0 3px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body:not(.v2-page) #wrapper .content .tournament-top--title-v2_game .clearfix {
    display: none !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-left-side {
    min-height: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 12px 10px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__editUser {
    width: 100% !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 12px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__user {
    width: 80px !important;
    flex-shrink: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__userAvatarImage,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__userAvatarImageEmpty {
    width: 80px !important;
    height: 80px !important;
    border-radius: 80px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__userName {
    font-size: 11px !important;
    line-height: 1.25 !important;
    margin-top: 4px !important;
    word-break: break-word !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__score,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__score_edit {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    align-items: stretch !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__scoreLine {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 4px !important;
    margin: 0 !important;
    width: 100% !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__scoreInputTitle {
    width: 100% !important;
    font-size: 12px !important;
    margin: 8px 0 2px !important;
    text-align: center !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__scoreItem {
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    margin: 2px !important;
    font-size: 15px !important;
    transform: none !important;
    -webkit-transform: none !important;
    box-shadow: none !important;
    border: 1px solid var(--mv2-border, rgba(31, 31, 31, 0.15)) !important;
    border-radius: 8px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__scoreItem_tieBreak {
    width: 34px !important;
    height: 30px !important;
    line-height: 30px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__scoreInput {
    height: 100% !important;
    border: 0 !important;
    font-size: 15px !important;
    text-align: center !important;
    border-radius: 8px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .matchBox__editCheckBox {
    font-size: 12px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-content {
    margin: 0 12px 12px !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .scores-bottom,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .scores-bottom_box {
    font-size: 13px !important;
    line-height: 1.35 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-right-side {
    margin-top: 0 !important;
    padding: 12px 16px !important;
    width: 100% !important;
    position: static !important;
    border-bottom: 0.5px solid var(--mv2-border, rgba(31, 31, 31, 0.08)) !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-info {
    font-size: 14px !important;
    margin-bottom: 12px !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-info select,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-info input {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-bottom {
    height: auto !important;
    padding: 14px 16px 20px !important;
    display: flex !important;
    flex-direction: column-reverse !important;
    gap: 10px !important;
    align-items: stretch !important;
    border: 0 !important;
  }

  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-bottom .btn-white,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-bottom .btn-white.second,
  body:not(.v2-page) #wrapper .content .content-box.match-box.edit-match .match-bottom input.btn-white {
    position: static !important;
    float: none !important;
    left: auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}