/* Start:/local/templates/mainleague/assets/css/root.css?17455669688240*/
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_italic.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_italic.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_light.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_light.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_lightitalic.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_lightitalic.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_medium.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_medium.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_mediumitalic.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_mediumitalic.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_mediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_bold.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_bold.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_bolditalic.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_bolditalic.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_bolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_black.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_black.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'GothamPro';
    src: url('/local/templates/mainleague/assets/css/assets/font/gothampro_blackitalic.woff2') format('woff2'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_blackitalic.woff') format('woff'),
         url('/local/templates/mainleague/assets/css/assets/font/gothampro_blackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    outline: none;
    box-sizing: border-box;
  }
  html { height: 101%; }
  body { font-size: 62.5%; line-height: 1; font-family: GothamPro, sans-serif; }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
  ol, ul { list-style: none; }
  
  blockquote, q { quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  strong { font-weight: bold; } 
  
  input { outline: none; }
  
  table { border-collapse: collapse; border-spacing: 0; }
  img { border: 0; max-width: 100%; }
  
  a { text-decoration: none; }
  a:hover { text-decoration: none; } */
/* :root {
    font-family: 'Oswald', sans-serif;

    --h1-size: 30px;
    --h2-size: 27px;
    --h3-size: 24px;
    --h4-size: 21px;
    --h5-size: 18px;

    --p-size: 15px;

    --white-color: #FFFFFF;
    --red-color: #E52D2D;
    --grey-color: #434343;
} */


:root {
    
    /* Colors */
    --color-primary: #E52D2D;
    --color-primary-two: #434343;

    /* Background colors */
    --bg-primary: #ffffff;
    --bg-primary-two: #f5f5f5;
    --bg-primary-three: #e7e7e7;

    /* Color Border */
    --playoff-border: rgb(225 225 225);
    --playoff-border-final: rgb(229 45 45);

    /* Text colors */
    --text-primary: #434343;
    --text-primary-bg: #ffffff;
    --text-primary-region-table: #bdbdbd;
    --text-primary-btn: #ffffff;
    --text-primary-btn-active: #000000;
    --text-color-white: #FFFFFF;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;

    /* Border radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);

    /* Font sizes */
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;
    --text-4xl: 2.25rem;
    --text-5xl: 3rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}
[data-theme="dark"] {
    /* Colors */
    --color-primary: #E52D2D;
    --color-primary-two: #434343;

    /* Background colors */
    --bg-primary: #1e1e1e;
    --bg-primary-two: #2b2b2b;
    --bg-primary-three: #414141;

    /* Color Border */
    --playoff-border: rgb(75, 75, 75);
    --playoff-border-final: rgb(229 45 45);

    /* Text colors */
    --text-primary: #ffffff;
    --text-primary-bg: #000000;
    --text-primary-region-table: #bdbdbd;
    --text-primary-btn: #ffffff;
    --text-primary-btn-active: #ffffff;
    --text-color-white: #FFFFFF;

    /* Shadows */
    --shadow-sm: 0 10px 15px -3px rgb(0 0 0 / 93%);
    --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 93%);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 93%);
}
/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    
}

body {
    font-family: 'GothamPro', sans-serif !important;
    line-height: 1.5;
    color: var(--text-primary);
    background-color: var(--bg-primary);
    overflow-x: hidden;
}

html, body {
    /*-ms-overflow-style: none;  /* IE/Edge */
    /*scrollbar-width: none;     /* Firefox */
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    /*display: none; /* Скрываем полосу прокрутки */
}

main{
    /* margin: var(--spacing-xl) 0rem !important;  */
}

a { text-decoration: none !important; color: inherit !important; }

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 var(--spacing-xl);
    width: 100%;
}
.color-w{
    color: #FFFFFF !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 20px !important;
    background-color: #ffffff9e;
    padding: 9px 14px;
    border-radius: 100%;
}

.arrows__wrapper{
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.arrows__item{
    font-size: 23px;
    margin-bottom: 5px;
}

.arrows__item.active{
    color:var(--color-primary) !important;
}

.arrows__link svg path{
    stroke: var(--text-primary) !important;
}
/* End */


/* Start:/local/templates/mainleague/assets/css/theme.css?17454890001726*/
:root {
    --track-width: 54px;
    --track-height: 32px;
    --puck-size: 22px;
    --light-ice: #e0f7fa;
    --dark-ice: #1a237e;
    --puck-color: #212121;
    --duration: 0.8s;
}

[data-theme="dark"] {
    --puck-color: #e0f7fa;
}

body {
    transition: background var(--duration) ease-in-out;
}

.toggle-container {
    position: relative;
    width: var(--track-width);
    height: var(--track-height);
    background: linear-gradient(135deg, #80deea, #b2ebf2);
    border-radius: 30px;
    padding: 5px;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.ice-track {
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 8px,
        rgba(255,255,255,0.3) 8px,
        rgba(255,255,255,0.3) 16px
    );
    border-radius: 25px;
    position: relative;
}

.puck {
    position: absolute;
    width: var(--puck-size);
    height: var(--puck-size);
    background: var(--puck-color);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    transition: all var(--duration) cubic-bezier(0.65, 0, 0.35, 1);
}

.puck::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 60%;
    background: radial-gradient(circle, 
        rgba(255,255,255,0.4) 30%, 
        transparent 70%
    );
    border-radius: 50%;
    top: 20%;
    left: 20%;
}

/* Темная тема */
[data-theme="dark"] .toggle-container {
    background: linear-gradient(135deg, #0d47a1, #1565c0);
}

[data-theme="dark"] .puck {
    left: calc(100% - var(--puck-size) - 5px);
}
/* End */


/* Start:/local/templates/mainleague/assets/css/header.css?174652010912993*/
/* drop-btn and table */

#data-sport-off{position: relative; z-index: 2; width: 203px;}
#data-divisions, #data-group, #data-sport{position: absolute;margin-top: -71px;z-index: 2;}
#standings-group-block #data-sport{left: 20px; width: 203px;}
#standings-group-block #data-divisions{left: 230px; width: 288px;}
#standings-group-block #data-group{left: 526px;}
#data-sport{left: 0px; width: 203px;}
#data-divisions{left: 210px;    width: 288px;}
#data-group{left: 506px;}
#data-division-gen{left: 0px;}
#data-gender{left: 292px;position: absolute;}
.tur-margin-top-mpb{margin-top:79px}
@media(max-width:1285px){
    #standings-group-block #data-sport{left: 0px; width: 203px !important;}
    #standings-group-block #data-divisions{left: 209px;    width: 279px !important;}
    #standings-group-block #data-group{left: 494px;}
}
@media(max-width:1024px){
    #data-divisions, #data-group, #data-sport{margin-top: -65px;}
    #data-group{left: 431px;}
    #data-gender{left: 250px;}
    #data-divisions{width: 242px; left: 182px;}
    #data-sport{width: 175px;}
    #data-sport-off{width: 176px;}
}
@media(max-width:900px){       
    #data-divisions, #data-group, #data-sport{margin-top: -45px;}
    .tur-margin-top-mpb{margin-top:60px}
}
@media(max-width:590px){
    #standings-group-block #data-sport, #standings-group-block #data-divisions, #standings-group-block #data-group, #standings-group-block #data-table {left: 50%;transform: translateX(-50%);position: absolute;z-index: -10;width: auto !important;}
    #standings-group-block #data-table{margin-top: 30px !important;z-index: 5;}
    #standings-group-block #data-sport {margin-top: -150px !important;z-index: 4;}
    #standings-group-block #data-divisions {margin-top: -100px !important;z-index: 3;}
    #standings-group-block #data-group {margin-top: -50px !important;z-index: 2;}
    .tur-margin-top-mpb {margin-top: 209px;}
    #data-gender{position: relative !important; left: 0px !important;margin-bottom: 15px;}
    #data-sport-off{width: 176px;margin-top: 39px;left: 50%;transform: translateX(-50%);}
}
@media(max-width:360px){
    .tur-margin-top-mpb {margin-top: 231px;}
}
.gentab-content.active{display: block;}
.gentab-content{display: none;}
.tab-content.active{display: block;}
.tab-content{display: none;}
.tabs__body-off.active{display: block;}
.tabs__body-off{display: none;}
.tabs__body-10.active{display: block;}
.tabs__body-10{display: none;}
.tabs__body.active{display: block;}
.tabs__body{display: none;}
.tabs__body_main.active{display: block;}
.tabs__body_main{display: none;}
.gen-tab-hide{display: none;}
.clickable-row{
    cursor: pointer;
}
/* end drop-btn and table */

/* Hero section */
.hero {
    position: relative;
    height: 600px;
    margin-top: -2rem !important;
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0; 
    transition: transform 0.3s ease;
}


.hero-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    z-index: 2;
}

.hero-content {
    color: var(--text-light);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-content h1 {
    font-size: var(--text-5xl);
    font-weight: bold;
    margin-bottom: var(--spacing-md);
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-content p {
    font-size: var(--text-xl);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
/* Navigation */
.menu-dekstop{
    position: sticky;
    top: 0;
    z-index: 100;
}
.menu-mobile{
    position: sticky;
    top: 0;
    z-index: 100;
}
.topbar {
    background-color: var(--bg-primary-two);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-normal);
}

.topbar.hide {
    transform: translateY(-100%);
}

.navbar {
    /* background-color: var(--bg-primary);  Светлана мем*/
    background-color: var(--color-primary);
    transition: transform var(--transition-normal);
    position: relative;
    z-index: 999;
}
.box-shadow{
    box-shadow: var(--shadow-lg);
}
.navbar.hide {
    transform: translateY(-100%);
}

.right-items{
    display: flex;
    gap: 20px;
    align-items: center;
    flex-direction: row;
    width: 200px;
    justify-content: flex-end;
}

.social-icons a {
    color: var(--puck-color);
    margin: 0 5px;
    font-size: 24px;
    transition: color 0.3s;
    align-content: center;
}

.nav-content-topbar {
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 150px;
}

.nav-content {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    font-size: var(--text-xl);
    font-weight: bold;
    color: var(--color-primary);
    transition: color var(--transition-fast);
}

.logo:hover {
    color: var(--color-primary-dark);
}
.logo a img{
    width: 137px;
}
.region-logo{
    width: 27px;
    height: 38px;
}

.nav-links {
    display: flex;
    gap: var(--spacing-xl);
    justify-content: space-around;
    width: 100%;
}

.nav-links a {
    color: var(--text-color-white) !important;
    text-decoration: none;
    transition: all var(--transition-fast);
    position: relative;
    font-size: var(--text-lg);
    text-transform: uppercase;
    font-weight: 600;
}

.nav-links a::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--text-color-white);
    transition: width var(--transition-fast);
}

.nav-links a:hover {
    color: var(--text-color-white);
}

.nav-links a:hover::after {
    width: 100%;
}
.social-icons svg, .social-icons svg g path{
    fill:var(--text-primary);
    margin-top: 5px;
}
.menu-btn {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: var(--spacing-sm);
    transition: transform var(--transition-fast);
}

.menu-btn:hover {
    transform: scale(1.1);
}
/* Стили для Swiper */
.region-swiper {
    flex: 1;
    position: relative;
    height: 100%;
}

.region-blocks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

.region-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s;
    border-radius: 8px;
    height: 100%;
    justify-content: center;
}
.region-blocks .swiper-slide a{
    text-decoration: none;
    color: var(--text-color);
    font-weight: 400;
}

.region-item span {
    font-size: 14px;
    color: var(--text-color);
    font-weight: 400;
}

/* Анимация бордера */
.region-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: var(--color-primary);
    transition: width 0.3s ease;
    border-radius: 2px;
}

.region-item:hover::before {
    width: 100%;
}

/* Адаптивность */
@media (max-width: 768px) {    
    .region-item i {
        font-size: 18px;
    }
    
    .region-item span {
        font-size: 12px;
    }
}
.region-swiper {
    position: relative;
    overflow: hidden;
}

/* Тени по краям */
.region-swiper::before,
.region-swiper::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 2;
}

.region-swiper::before {
    left: 0;
    background: linear-gradient(to right, rgb(144 144 144 / 65%) 0%, rgb(141 138 138 / 0%) 100%);
    opacity: 0;
}

.region-swiper::after {
    right: 0;
    background: linear-gradient(to left, rgb(144 144 144 / 65%) 0%, rgb(141 138 138 / 0%) 100%);
    opacity: 0;
}

/* Показываем тени при необходимости */
.region-swiper.can-scroll-prev::before {
    opacity: 1;
}

.region-swiper.can-scroll-next::after {
    opacity: 1;
}

/* .region-swiper.can-scroll-both::before,
.region-swiper.can-scroll-both::after {
    opacity: 1;
} */

/* Для темной темы */
[data-theme="dark"] .region-swiper::before {
    background: linear-gradient(
        to right,
        rgb(24 24 24 / 78%) 0%, 
        rgba(30, 30, 30, 0) 100%
    );
}

[data-theme="dark"] .region-swiper::after {
    background: linear-gradient(
        to left,
        rgb(24 24 24 / 78%) 0%, 
        rgba(30, 30, 30, 0) 100%
    );
}
.menu-dekstop{
    display: block;
}
.menu-mobile{
    display: none;
}
.header-left svg{width: 40px !important; height: 40px !important;margin-top: 5px;}
.mav-breadcrumb {
    background-color: var(--bg-primary-two);
    padding: 8px 0px;
    box-shadow: var(--shadow-lg);
    position: relative;
    z-index: 100;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

.mav-breadcrumb::-webkit-scrollbar {
    display: none; 
}

.breadcrumb {
    display: inline-flex;
    align-items: center;
    list-style: none; 
    padding: 0;
    margin: 0 0 0 150px;
    gap: 12px; 
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: var(--text-sm);
    white-space: nowrap; /
}

.breadcrumb li:not(:last-child)::after {
    content: '/';
    color: #838383;
    margin-left: 8px;
    transition: color 0.3s;
}

.breadcrumb a {
    color: #838383;
    text-decoration: none;
    transition: color 0.3s, text-decoration 0.3s;
    max-width: 300px;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
}

.breadcrumb a:hover {
    color: var(--color-primary);
    text-decoration: underline;
}

.breadcrumb li:last-child {
    color: var(--text-secondary);
    font-weight: 500;
    white-space: nowrap; 
}

/* Адаптивность */
@media (max-width: 768px) {
    .breadcrumb {
        font-size: 14px;
        gap: 8px;
    }
    
    .breadcrumb li:not(:last-child)::after {
        margin-left: 4px;
    }

    .breadcrumb a {
        max-width: 150px; /* Уменьшаем максимальную ширину текста на маленьких экранах */
    }
}
@media (max-width: 1199px) {
    .nav-links a {
        font-size: var(--text-sm);
    }
}
/* Мобильная версия */
@media (max-width: 1024px) {
    .breadcrumb {
        margin: 0px !important;
    }
    .menu-dekstop {
        display: none;
    }
    .menu-mobile {
        display: block;
    }
    .menu-btn {
        display: block;
    }
    .popup-menu-mobile {
        position: fixed;
        width: 100%; 
        height: 100%;
        top: 0;
        right: -100%; 
        background-color: var(--bg-primary); 
        transition: right 0.3s ease; 
        z-index: 200; 
    }
    .popup-menu-mobile.active {
        right: 0; 
    }
    .nav-links {
        display: flex;
        flex-direction: column; 
        justify-content: center;
        align-items: center;
        height: 76%;
    }
    .nav-links a {
        color: var(--text-secondary) !important;
        text-decoration: none;
        transition: all var(--transition-fast);
        position: relative;
        font-size: var(--text-xl);
    }
    .close-btn {
        font-size: 24px;
        background: none;
        border: none;
        cursor: pointer;
    }

    .close-btn svg path{
        fill: var(--text-primary) !important;
    }
    
    .menu-btn svg {
        /* fill: var(--text-primary) !important; */
        fill: var(--text-color-white) !important;
    }
    .header-button-menu-mobile{
        display: flex        ;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        margin: 20px 0px;
    }
    .region-swiper {
        height: 12%;
        background-color: var(--bg-primary-two);
    }
    .logo{
        height: 56px;
    }
    .logo a img{
        width: 66px;
    }
    .section-header h2 {
        font-size: var(--text-3xl) !important;
    }
    .header-left svg {
        width: 25px !important;
        height: 40px !important;
        margin-top: 5px;
    }
    .dropdown span, .btn {
        font-size: var(--text-sm) !important;
    }
    .container {
        padding: 0 var(--spacing-md);
    }
    .hero {
        height: 370px;
    }
    .hero-content h1 {
        font-size: var(--text-3xl);
    }
    .hero-content p {
        font-size: var(--text-base);
    } 
    .right-items {
        justify-content: flex-start;
    }
} 









/* End */


/* Start:/local/templates/mainleague/assets/css/main.css?175948807853551*/
/* Section styles */
.section {
    margin-bottom: var(--spacing-lg);
    padding-top: var(--spacing-lg);
    position: relative;
}

.section-header-h3 {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin: var(--spacing-lg) 0;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.section-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    margin-bottom: 10px !important;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 10;
}

.section-header i {
    color: var(--color-primary);
    transition: transform var(--transition-fast);
}

.section-header:hover i {
    transform: scale(1.1);
}

.section-header h2 {
    font-size: var(--text-2xl);
    font-weight: bold;
}

/* Standings table */
.standings-table, .top5-table, .player-stat {
    overflow-x: auto;
    transition: transform var(--transition-normal);
}

.standings-table:hover, .top5-table:hover, .player-stat:hover {
    transform: translateY(-4px);
}
.top5-table, .player-stat{
    width: 100%;
    border-spacing: 0px 35px;
    margin-top: -30px;
}
table {
    width: 100%;
    border-spacing: 0px 4px;
    position: relative;
    z-index: 1;
}

th, td {
    padding: var(--spacing-md);
    text-align: left;
    background-color: var(--bg-primary-two);
    font-size: var(--text-base);
}

/* th:first-child,  */
td:first-child {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
}

/* th:last-child,  */
td:last-child {
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
}

th {
    background-color: var(--bg-secondary);
    font-size: var(--text-xs);
    text-transform: uppercase;
    color: var(--text-secondary);
    font-weight: 700;
}

td {
    border-bottom: 1px solid var(--bg-secondary);
    transition: background-color var(--transition-fast);
    font-weight: 600;
}

tr:hover td {
    background-color: var(--bg-secondary);
}
@media(max-width:560px){
    /* .top5-table .player-logo-top5{
        display: none; 
    }
     .player-info{
        padding-left: 0 !important;
    } */
}
@media (max-width: 470px) {
    .standings-table th:nth-child(6),
    .standings-table td:nth-child(6) {
        display: none;
    }
    .standings-table th:nth-child(5),
    .standings-table td:nth-child(5) {
        /* border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg); */
    }
    .team-cell .team-logo{
        display: none;
    }
    .team-cell{
        display: table-cell !important;
    }
}
@media (max-width: 375px) {
    .standings-table th:nth-child(5),
    .standings-table td:nth-child(5) {
        display: none;
    }
    .standings-table th:nth-child(4),
    .standings-table td:nth-child(4) {
        /* border-top-right-radius: var(--radius-lg);
        border-bottom-right-radius: var(--radius-lg); */
    }
}
.points {
    font-weight: bold;
    color: var(--color-primary);
}

.position-pont {
    text-align: center;
}

.team-cell {
    /* width: 100%; */
    display: table-cell;
    align-items: center;
    gap: 12px;
    padding: 12px 16px !important;
    vertical-align: middle;
    position: relative;
}
.team-two{
    text-align: right !important;
}

.team-two a{
    justify-content: flex-end !important;
}

.team-cell a{
    display: flex;
    align-items: center;
    gap: 12px;
}
.player-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 120px;
}
.team-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.team-name {
    font-weight: 600;
    font-size: 1rem;
    color: var(--text-color);
}

.team-subtitle {
    font-size: 0.875rem;
    color: var(--text-primary-region-table);
    margin-top: 2px;
}

.team-info-playoff {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.team-logo {
    object-fit: cover;
    width: 29px;
    height: 40px;
    flex-shrink: 0;
}
.player-logo-top5 {
    object-fit: cover;
    width: 90px;
    height: 90px;
    flex-shrink: 0;
    position: absolute;
    border: 4px solid var(--color-primary);
    border-radius: var(--radius-full);
    /* top: -10px; */
    top: 50%;
    transform: translateY(-50%);
}
.playoffs-section {
    --gap: 14px;
    --item-gap: 16px;
    --border-radius: 8px;
}
.playoff-table{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.bracket-container {
    display: grid;
    /* grid-template-columns: minmax(200px, 1fr) minmax(150px, 1fr) minmax(100px, 1fr) minmax(150px, 1fr) minmax(100px, 1fr) minmax(150px, 1fr) minmax(200px, 1fr); */
    grid-template-columns: 13% 13% 14% 15% 14% 13% 13%;
    /* grid-template-columns: 4fr 2fr 1fr 2fr 1fr 2fr 4fr; */
    gap: var(--gap);
    position: relative;
    justify-items: center;
    align-items: center;
    max-width: 100%;
}
@media(max-width:1590px){
    .bracket-container {
        grid-template-columns: 13% 13% 14% 14% 14% 13% 13%;
    }
}
@media(max-width:1370px){
    .bracket-container {
        grid-template-columns: 13% 13% 13% 13% 13% 13% 13%;
    }
}
.bracket-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--bg-primary-two);
    padding: var(--spacing-md);
    border-radius: var(--radius-lg);
    width: 100%;
    display: inline-block;transition: transform 0.2s ease;
}

.bracket-column a{text-decoration: none;color: inherit;}

.bracket-column:hover {
    transform: scale(1.01);
}

.column-match{
    max-width: 250px;
    gap: var(--gap);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-left: 1px solid var(--playoff-border);
    border-right: 1px solid var(--playoff-border);
    width: 100%;
}

.colum-1-2{justify-content: space-around !important;}

.final{
    border-left: 1px dashed var(--playoff-border-final);
    border-right: 1px dashed var(--playoff-border-final);
    background-color: rgba(229, 45, 45, .1);
}
.match-list {
    display: flex;
    flex-direction: column;
    gap: var(--item-gap);
    width: 100%;
}

.match-item {
    display: flex;
    flex-direction: column;
    background: var(--bg-secondary);
    border-radius: var(--border-radius);
    padding: 16px 0px 0px;
    position: relative;
    gap: var(--gap);
}
.team-vs-team{
    border-bottom: 1px solid var(--playoff-border);
}
.team-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--gap);
    align-items: flex-start;
}

.connector {
    position: absolute;
    background: var(--color-border);
}

.connector.vertical {
    width: 2px;
    height: calc(100% + 40px);
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.connector.horizontal {
    height: 2px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.champion-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.trophy-icon {
    width: 64px;
    height: 64px;
}
.team-info-playoff .team-logo{
    object-fit: cover;
    width: 40px;
    height: 55px;
    flex-shrink: 0;
}
.score {
    align-items: center;
    aspect-ratio: 1 / 1;
    border-radius: var(--radius-md);
    color: white;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 48px;
    font-weight: 700;
    font-size: var(--text-lg);
}

.win-match-playoff{
    background-color: var(--color-primary);
    color:#FFFFFF;
}

.win-team-final{
    background-color: #e52d2dc2;
}

.win-team-final .team-name, .win-team-final .score, .win-team-final .round-title {
    color:#ffffff;
}
.win-team-final .team-vs-team, .win-team-final .round-title{
    border-bottom: 1px solid rgb(255, 255, 255);
}

.round-title{
    width: 100%;
    border-bottom: 2px solid var(--playoff-border);
    text-transform: uppercase;
    font-size: var(--text-base);
    color: rgb(197 197 197);
}
/* Адаптивность */
@media (max-width: 1124px) {
    .bracket-container {
        grid-template-columns: 1fr;
    }
    .final { order: 1; }
    .semi-final.right,.semi-final.left { order: 2; }
    .semi-final.right-1-2, .semi-final.left-1-2 { order: 3; }
    .semi-final.right-1-4, .semi-final.left-1-4 { order: 4; }
    .semi-final.right-1-8, .semi-final.left-1-8 { order: 5; }
    .column-match {
        max-width: 100%;
        border-left: unset;
        border-right: unset;
    }
    .final{
        border-left: unset;
        border-right: unset;
        background-color: unset;
    }
    .team-name {
        font-size: var(--text-base) !important;
    }
}

/* news */
/* Обертка новостей */
.news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
    margin-top: var(--spacing-lg);
}
.all-news-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing-xl);
    margin-top: var(--spacing-lg);
}
.section a{text-decoration: none;color: inherit;}

/* Карточка новости */
.news-item {
    background: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: transform 0.3s;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative; 
    padding-bottom: 10px; 
}

/* Псевдоэлемент для нижнего подчеркивания */
.news-item::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 4px;
    background: var(--color-primary); 
    transition: all 0.3s ease;
    border-radius: 2px; 
    transform: translateX(-50%);
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
}

/* При наведении */
.news-item:hover::before {
    width: 100%; /* Расширение линии */
}

/* Адаптивность */
@media (max-width: 768px) {
    .news-item::before {
        height: 3px; 
    }
}
/* border-bottom: 4px solid var(--color-primary); */
.swiper-slide .news-item{
    height: 419px !important;
}
@media (max-width: 767px) {
    .swiper-slide .news-item .news-title {
        display: -webkit-box; /* Включаем режим многострочного текста */
        -webkit-box-orient: vertical; /* Вертикальная ориентация текста */
        -webkit-line-clamp: 2; /* Ограничение в две строки */
        overflow: hidden; /* Скрываем лишний текст */
        text-overflow: ellipsis; /* Добавляем многоточие в конце */
    }
}
/* Контейнер контента */
.news-item .news-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
    justify-content: space-between;
    padding: 0px 20px 10px;
    align-items: flex-start; 
}

/* Заголовок */
.news-item .news-title {
    font-size: var(--text-base);
}

/* Нижний блок */
.news-item .news-bottom {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}

/* Изображение */
.news-image-wrapper {
    position: relative;
    height: 320px; 
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: var(--radius-lg);
}

/* Выравнивание высоты карточек */
.news-grid {
    display: grid;
    grid-auto-rows: 1fr; 
}
.all-news-grid {
    display: grid;
    grid-auto-rows: 1fr; 
}
.news-item {
    display: flex;
    flex-direction: column;
}

.news-content {
    flex: 1;
}

/* Стили для изображения */
.news-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.1); 
    transition: transform 0.3s;
}

/* Эффект при ховере */
.news-item:hover .news-image {
    transform: scale(1.15);
}

/* Стили для даты */
.news-date {
    color: var(--text-secondary);
    font-size: var(--text-base);
}

/* Стили для категории */
.news-art {
    color: #fff;
    font-size: var(--text-sm);
    padding: 4px 12px;
    background-color: var(--color-primary);
    border-radius: var(--radius-lg);
    font-weight: 700;
    text-transform: uppercase;
}

/* Адаптивность */
@media (max-width: 1024px) {
    .news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .all-news-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .news-image-wrapper {
        height: 250px;
    }
}
@media (max-width: 768px) {
    .news-grid {
        display: none !important;
    }
    .all-news-grid {
        grid-template-columns: 1fr;
    }
    #news .news-swiper {
        display: block;
    }

    #news .swiper-slide {
        width: 90%;
    }

    #news .swiper-pagination {
        bottom: -20px;
    }
}
@media (max-width: 410px) {
    .news-image-wrapper {
        height: 197px;
    }
    .swiper-slide .news-item {
        height: 328px !important;
    }
}




.news-content {
    display: flex;
    flex-direction: row; /* По умолчанию строка */
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
}

.image-column {
    flex: 1 1 45%;
    max-width: 50%;
    display: flex;
}

.news-image-detail {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    max-height: 600px;
    cursor: pointer;
}

.text-column {
    flex: 1 1 45%;
}

.news-text {
    font-size: var(--text-lg);
}

/* Стиль для случая, когда текст длинный */
.news-content.reversed {
    flex-direction: column;
}

.news-content.reversed .image-column {
    order: -1; /* Перемещаем изображение вверх */
}
@media (max-width: 768px) {
.news-content {
    flex-direction: column;
}

.image-column {
    order: -1; /* Изображение всегда сверху */
    max-width: 100%;
}
}
/* Секция амбассадоров */
.ambassadors-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 24px;
    align-items: stretch;
}

/* Карточка амбассадора */
/* Общие стили */
.ambassadors-swiper {
    overflow: hidden; 
    position: relative;
}

/* Изображение */
.card-image {
    position: relative;
    height: 352px;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius-lg);
    background-color: var(--color-primary);
    flex-shrink: 0;
}

/* Фоновое изображение */
.card-image .background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1; 
}

/* Основное изображение */
.card-image .foreground-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2; 
    transition: transform 0.3s ease;
}

.ambassador-card:hover .card-image .foreground-image {
    transform: scale(1.1); 
}

.ambassador-card {
    border-radius: var(--radius-lg);
    transition: transform 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 260px !important;
}

.ambassador-card:hover {
    transform: translateY(-4px);
}


.card-content {
    padding: 16px;
    text-align: center;
    flex-grow: 1
}

.card-content h3 {
    font-size: var(--text-xl);
    margin-bottom: 8px;
}

.card-content .role {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--color-accent);
    margin-bottom: 8px;
}

.card-content p {
    font-size: var(--text-sm);
    opacity: 0.9;
    line-height: 1.4;
}

/* Сетка спонсоров */
.sponsors-grid {
    display: grid;
    gap: var(--spacing-lg);
    height: 155px;
}
@media(max-width:530px){
    .partners-block .sponsors-grid {
        height: 436px;
    }
}
.organizers-grid {
    grid-template-columns: repeat(3, 1fr);
}
@media(max-width:800px){
    .organizers-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .sponsors-grid {
        height: 337px;
    }
}
@media(max-width:402px){
    .organizers-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}
.partners-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
}
.partners-block h3, .organizers-block h3{
    font-size: var(--text-3xl);
    margin: 20px 0px;
}
/* Карточка спонсора */
.sponsor-card {
    position: relative;
    display: block;
    background-color: var(--bg-primary);
    border-radius: var(--radius-lg);
    text-align: center;
    /*box-shadow: var(--shadow-md);*/
    overflow: hidden;
    transition: all var(--transition-normal);
    text-decoration: none; 
    color: inherit; 
}
.sponsor-card-org {
    position: relative;
    display: block;
    background-color: var(--bg-primary);
    border-radius: var(--radius-lg);
    text-align: center;
    /*box-shadow: var(--shadow-md);*/
    overflow: hidden;
    transition: all var(--transition-normal);
    text-decoration: none;
    color: inherit;
}
.sponsor-card:hover, .sponsor-card-org:hover {
    transform: translateY(0px);
    box-shadow: var(--shadow-lg);
}

.card-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff; 
    z-index: 1;
    border-radius: var(--radius-lg);
}

.sponsor-card img, .sponsor-card-org img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    transition: transform var(--transition-normal);
    z-index: 2; 
}

.sponsor-card:hover img, .sponsor-card-org:hover img {
    transform: scale(1.1);
}

.sponsor-card h3, .sponsor-card-org h3 {
    font-size: var(--text-lg);
    margin-top: var(--spacing-sm);
    z-index: 2;
}

/* sort but */
.block-sort{
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
}

.filter-btn {
    background: var(--bg-primary) !important;
    border: 2px solid var(--color-primary) !important;
    color: var(--text-primary) !important;
}

.filter-btn.active {
    background: var(--color-primary) !important;
    color: #FFFFFF !important;
    border-color: var(--color-primary) !important;
}

.filter-btn:hover:not(.active) {
    background: var(--bg-hover);
    border-color: var(--color-accent);
}

/* btn-down */
.btn{
    display: flex;
    align-items: center;
    background: var(--color-primary);
    color: white;
    padding: 10px 16px;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    user-select: none;
    white-space: nowrap;
    width: max-content;
    text-decoration: none;
}

.btn-sort-right, .btn-right {
    display: flex;
    gap: 15px;
    flex-wrap: nowrap;
}
.btn-sort-right-match{
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.white{color: #FFFFFF !important;}
/* Контейнер кнопки */
.dropdown {
    position: relative;
    display: inline-block;
}

.header-left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-sm);
}
/* Кнопка */
.dropbtn.btn-down {
    display: flex;
    align-items: center;
    gap: 40px;
    background: var(--color-primary);
    color: white;
    padding: 10px 16px;
    border-radius: var(--radius-full);
    cursor: pointer;
    transition: all 0.3s;
    position: relative;
    user-select: none;
    white-space: nowrap;
    min-width: 156px;
    justify-content: space-between;
}
.dropdown span, .btn{font-size: var(--text-lg)}
/* Стрелка */
.arrow {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform 0.3s;
    transform: rotate(45deg);
}

/* Поворот стрелки при открытии */
.dropdown.active .arrow {
    transform: rotate(-135deg);
}

/* Выпадающее меню */
.dropdown-content, .dropdown-content-match, .dropdown-content-playoff, .dropdown-content-stat-player, .dropdown-content-topPlayer{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 8px;
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 1000;
    transform-origin: top;
    transform: scaleY(0);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
}

.dropdown.active .dropdown-content, .dropdown.active .dropdown-content-match, .dropdown.active .dropdown-content-playoff, .dropdown.active .dropdown-content-stat-player, .dropdown.active .dropdown-content-topPlayer{
    display: block;
    transform: scaleY(1);
}

/* Пункты меню */
.dropdown-content a, .dropdown-content-match a, .dropdown-content-playoff a, .dropdown-content-stat-player a, .dropdown-content-topPlayer a {
    display: block;
    padding: 12px 16px;
    color: var(--text-color);
    text-decoration: none;
    border-radius: var(--radius-lg);
    transition: all 0.2s;
}

.dropdown-content a:hover, .dropdown-content-match a:hover, .dropdown-content-playoff a:hover, .dropdown-content-stat-player a:hover, .dropdown-content-topPlayer a:hover {
    background: var(--color-primary);
    color: var(--text-primary-btn) !important;
}
.dropdown-content a.active:hover, .dropdown-content-match a.active:hover, .dropdown-content-playoff a.active:hover, .dropdown-content-stat-player a.active:hover, .dropdown-content-topPlayer a.active:hover {
    color: var(--text-primary-btn-active) !important;
}
.dropdown-content a.active, .dropdown-content-match a.active, .dropdown-content-playoff a.active, .dropdown-content-stat-player a.active, .dropdown-content-topPlayer a.active {
    font-weight: 700;
    background: var(--color-primary-hover);
    color: var(--text-primary);
}
/* Обязательное правило для отображения всех опций */
.table-dropdown .dropdown-content a {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.table-container {
    display: none;
}

.table-container.active {
    display: block;
}

.sport-table {
    display: none;
}

.sport-table.active {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}
.stat-player-table {
    display: none;
}

.stat-player-table.active {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
}
.static-player{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}
.stat-player{
    width: 50%;
}
@media(max-width:725px){
    .static-player{
        flex-direction: column;
    }
    .stat-player{
        width: 100%;
    }
}

tr[data-group] {
    display: table-row;
}

tr[data-group].hidden {
    display: none;
}
/* phtotgallery */

#photo-list a {
    text-decoration: none;
    color: inherit;
    display: block;
    position: relative;
}

.gallery-container {
    overflow: hidden;
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
}
.gallery-container-detail {
    overflow: hidden;
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: var(--radius-lg);
}
/* @media(max-width:830px){
    .heig-gallery{
        height: 328px !important;
    }
} */
.gallery-container .swiper-wrapper{
    margin: 10px 10px;
}
.ambassadors-swiper .swiper-wrapper{
    margin: 10px 10px;
}
.album-card {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.album-card:hover {
    transform: scale(1.05);
}

.card-slider {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.card-slider-all {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.card-slider .card-images {
    display: flex;
    height: 100%;
    transition: transform 0.3s ease;
    will-change: transform;
}

.card-slider .card-image {
    min-width: 100%;
    max-width: 100%;
    height: 316px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background: linear-gradient(
        to top, 
        rgba(0,0,0,0.9) 20%, 
        rgba(0,0,0,0.6) 50%, 
        transparent 100%
    );
    pointer-events: none;
}

.album-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.album-title {
    font-size: 1.2em;
    margin-right: 10px;
    color: #FFFFFF;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis;
    flex-grow: 1; 
    max-width: calc(100% - 40px); 
}
.all-photo{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}
.photo-block{
    width: 400px;
    flex: auto;
}
.arrow-icon {
    color: #fff;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.swiper {
    overflow: hidden !important;
}
.photo-count {
    display: flex;
    gap: 2px;
    height: 5px;
    margin-top: 15px;
    pointer-events: none;
}

.count-bar {
    flex: 1;
    height: 100%;
    background: rgba(255,255,255,0.5);
    transition: all 0.3s ease;
}

.count-bar.active {
    background: #fff;
}
@media(max-width:580px){
    .card-slider .card-image {
        height:245px;
    }
}
@media(max-width:478px){
    .card-slider .card-image {
        height:180px;
    }
}
.gallery-container-detail {
    max-width: 800px;
    margin: 0 auto;
}

.main-swiper {
    width: 100%;
    max-height: 500px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.main-swiper img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.thumbnails-swiper {
    width: 100%;
    padding: 10px 10px;
}

.thumbnails-swiper .swiper-slide {
    width: 100px;
    height: 75px;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    transition: transform 0.2s;
}

.thumbnails-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.thumbnail-photo.active {
    border: 2px solid var(--color-primary);
    transform: scale(1.1);
    box-shadow: 0 0 0 2px rgba(229,45,45,0.3);
}

/* Стили для навигационных стрелок */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
    transition: color 0.3s;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: var(--color-primary);
}

/* playoff */


.matches-swiper .swiper-wrapper{
    margin: 10px 0px;
}
.matches-swiper  .swiper-slide {
    height: auto !important;
}
.match-card a{text-decoration: none;color: inherit;}
.matches-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-lg);
}

.match-card {
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    background: var(--bg-primary-two);
    height: 100%;
    width: 100%;
}

.match-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: var(--shadow-lg) !important;
}

.sport-type {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin-bottom: var(--spacing-xs);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sport-type p{
    font-size: var(--text-base);
}

.articulles-tur-match{
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}
.articule{
    color: #ffffff;
    background-color: red;
    border-radius: 20px;
    padding: 2px 10px;
}

.match-date {
    font-size: var(--text-sm);
    color: var(--text-color);
    margin-bottom: var(--spacing-md);
}

.teams {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    gap: 10px;
    width: auto;
}

.team {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 50%;
}

.club-logo {
    /* width: 37px; */
    width: auto;
    height: 60px;
    object-fit: fill;
    margin-bottom: var(--spacing-xs);
}

.team-name {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.score-block {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

.total-score {
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--color-primary);
    margin-bottom: var(--spacing-xs);
}

.period-scores {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--spacing-xs);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.vs {
    font-size: var(--text-xl);
    color: var(--color-accent);
    margin-bottom: var(--spacing-xs);
}

.time {
    font-size: var(--text-base);
    color: var(--color-success);
}

/* Стили для завершенных матчей */
.completed .total-score {
    color: var(--color-success);
}

.completed .period-scores {
    color: var(--text-secondary);
}

/* Стили для предстоящих матчей */
.upcoming .vs {
    color: var(--color-accent);
}

.upcoming .time {
    color: var(--color-warning);
}

/* Адаптивность */
@media (max-width: 768px) {
    .matches-grid {
        grid-template-columns: 1fr;
    }
}

.button-container input[type="radio"] {
    display: none;
}

.button-container {
    position: relative;
    display: flex;
    border-radius: var(--radius-full);
    overflow: hidden;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 2px solid var(--color-primary);
    height: 40px;
}
.but-playoff-gender{
    position: absolute !important;
    margin-top: -47px !important;
    left: 230px !important;
    height: 47px !important;
}
.padd-but-playoff{
    padding: 9px 20px;
}
@media(max-width:1285px){
    .but-playoff-gender{
        left: 212px !important;
    }
}
@media(max-width:1024px){
    .but-playoff-gender{
        left: 185px !important;
        margin-top: -41px !important;
        height: 41px !important;
    }
    .padd-but-playoff{
        padding: 6px 20px;
    }
}
@media(max-width:590px){
    .but-playoff-gender{
        left: 50% !important;
        transform: translateX(-50%) !important;
        margin-top: -36px !important;
        height: 41px !important;
    }
    .tab-playoff{
        margin-top: 50px;
    }
}
/* Кнопки */
.toggle-button {
    flex: 1;
    padding: 6px 20px;
    cursor: pointer;
    text-align: center;
    transition: color 0.3s, font-weight 0.3s;
    z-index: 1;
    position: relative;
    outline: none;
    border-radius: var(--radius-full);
}

.toggle-button.active {
    color: white;
    font-weight: bold;
}

/* Слайдер */
.slider-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: var(--color-primary);
    transition: transform 0.3s ease-in-out;
    z-index: 0;
}
.slider-toggle-3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 33.33%;
    height: 100%;
    background: var(--color-primary);
    transition: transform 0.3s ease-in-out;
    z-index: 0;
}
.slider-toggle-4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 100%;
    background: var(--color-primary);
    transition: transform 0.3s ease-in-out;
    z-index: 0;
}

/* Перемещение слайдера при активации первой кнопки */
.toggle-button:first-child.active ~ .slider-toggle {
    transform: translateX(0%);
}

/* Перемещение слайдера при активации второй кнопки */
.toggle-button:last-child.active ~ .slider-toggle {
    transform: translateX(100%);
}

/* Контейнер контента */
.content-container {
    margin-top: 20px;
}

/* Контент */
.content {
    display: none;
}

.content.active {
    display: block;
}

.school-profile {
    padding: 60px 0;
    background: var(--bg-secondary);
}

.school-header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 60px;
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
}

.school-logo {
    text-align: center;
    padding: 20px;
}

.logo-image-region {
    max-width: 175px;
    height: auto;
}

.school-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.school-title {
    font-size: var(--text-2xl);
    color: var(--text-primary);
    margin-bottom: 16px;
}

.school-details {
    display: grid;
    gap: 16px;
}

.detail-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.detail-item i {
    color: var(--color-accent);
    width: 24px;
    height: 24px;
}

.sports-teams {
    text-align: center;
}

.teams-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
    margin-top: 32px;
}

.team-card {
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    padding: 24px;
    transition: transform 0.3s, box-shadow 0.3s;
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.team-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
}

.team-card img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    margin-bottom: 16px;
}

.team-info h3 {
    font-size: var(--text-lg);
    color: var(--color-primary);
    margin-bottom: 8px;
}

.team-info p {
    font-size: var(--text-sm);
    color: var(--text-secondary);
    margin: 0;
}

/* Адаптивность */
@media (max-width: 768px) {
    .school-header {
        grid-template-columns: 1fr;
    }
    
    .teams-grid {
        grid-template-columns: 1fr;
    }
    
    .team-card {
        padding: 16px;
    }
}
.full-width-background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1;
    height: 100%;
    overflow: hidden;
}
.gradient-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background: rgb(0 0 0 / 38%);
    z-index: 2;
}

/*page-comand*/
.school__wrapper-1 {
    background: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    padding: 24px;
    box-shadow: var(--shadow-md);
}

.school__inner-1 {
    display: flex;
    flex-direction: column; /* Изменяем порядок на колонку */
    align-items: center; /* Центрируем содержимое */
    gap: 24px;
    max-width: 100%;
    justify-content: space-between;
}

/* Изображение */
.school__inner-img {
    text-align: center; /* Центрируем изображение */
}

.img-school-right {
    width: 150px; /* Увеличиваем размер для лучшего отображения */
    height: auto;
    border-radius: var(--radius-sm);
    object-fit: cover;
}

/* Текстовая часть */
.school__inner-text {
    text-align: center; /* Центрируем текст */
}

.school__inner-title {
    font-size: var(--text-4xl);
    color: var(--text-primary);
    margin: 0 0 8px;
}

.school__inner-subtitle {
    font-size: var(--text-lg);
    color: var(--text-primary);
    margin: 0 0 16px;
}

/* Список статистики */
.school__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Центрируем элементы списка */
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.school__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bg-primary-three);
    padding: 8px 12px;
    border-radius: var(--radius-lg);
    font-size: var(--text-sm);
    color: var(--text-primary);
    flex: 1;
}

.school__item p {
    font-size: var(--text-lg);
}

.school__item div {
    font-size: var(--text-xl);
    font-weight: 600;
    color: var(--color-primary);
}

/* Адаптивность */
@media (min-width: 769px) {
    .school__inner-1 {
        flex-direction: row; /* Возвращаем строку для десктопов */
        align-items: center;
    }

    .school__inner-img {
        order: 2; /* Перемещаем изображение вправо */
        margin-left: 24px;
    }

    .school__inner-text {
        order: 1; /* Перемещаем текст влево */
        text-align: left; /* Выравниваем текст по левому краю */
    }
}
.iframe-videos{
    border-radius: var(--radius-lg);
    width: 100%;
    height: 500px;
    display: flex;
    gap: 20px;
    padding-top: 17px;
}
@media(max-width:1024px){
    .iframe-videos{
        flex-direction: column;
        height: 1000px;
    }
}
@media(max-width:699px){
    .iframe-videos{
        height: 500px;
    }
}

/* about liga */
.container-liga-desc {
    display: flex; 
    gap: 20px;
}

.left-block-liga {
    width: 50%; 
    display: flex;
    justify-content: center; 
    align-items: center; 
}

.right-block-liga {
    width: 60%;
    display: flex;
    flex-direction: column; 
}

.top-block-liga {
    display: flex; 
    justify-content: space-around; 
    gap: 20px;
}

.red-box-liga {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
    background-color: var(--color-primary);
    border-radius: var(--radius-lg);
    width: 100%;
	margin-bottom: 10px;
}

.number {
    font-size: 25px; 
    font-weight: 600; 
    color: #ffffff;
    position: relative;
}

.text {
    font-size: 17px; 
    color: #ffffff;
    position: relative;
	font-weight: 500;
}
@media(max-width:485px){
    .top-block-liga-mob {
        display: flex    ;
        gap: 20px;
        flex-direction: column;
    }
    .right-top-block-mob {
        width: 100% !important;
    }
    .left-top-block-mob {
        width: 100% !important;
    }

	.number {
		font-size: 21px; 
		font-weight: 600;
		color: #ffffff;

		position: relative;
		width: 100px;
	}
	
	.text {
		font-size: 15px; 
		color: #ffffff;

		position: relative;
		font-weight: 500;
	}
}
.bottom-block-liga {
    margin-top: 10px; 
   
}

.block-liga-img {
    width: 500px;
    height: 100%;
    background: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    display: flex; 
    align-items: center; 
    justify-content: center; 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 7%); 
    flex: 1;
    padding: 20px;
}
.text-block-liga{
    font-size: 18px;
    color: #112542;
	font-weight: 300;
}
/*мобильная лига*/
.container-liga-mob {
    display: flex; 
    flex-direction: column; 
}

.top-block-liga-mob {
    display: flex; 
    gap: 20px;
}

.left-top-block-mob {
    width: 50%; 
    margin-right: 30px;
}

.right-top-block-mob {
    width: 50%; 
    display: flex;
    justify-content: center;
    align-items: center;
}
.container-liga-desc{
    display: flex;
}
.container-liga-mob{
    display: none;
}
@media(max-width:879px){
    .container-liga-desc{
        display: none;
    }
    .container-liga-mob{
        display: flex;
    }
	.left-top-block-mob {
        width: 35%;
        margin-right: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 20px;
        flex: 1;
    }
	.red-box-liga {
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 20px;
        background-color: var(--color-primary);
        border-radius: var(--radius-lg);
        width: 100%;
        margin-bottom: 0px; 
    }
	.right-top-block-mob {
		width: 65%; 
		display: flex;
		justify-content: center;
		align-items: center;
	}
    .bottom-block-liga-mob {
        margin-top: 20px !important;
    }
}

.bottom-block-liga-mob {
    margin-top: 10px; 
    display: flex;
    height: 100%;
    align-items: center;
    background-color: var(--bg-primary-two);
    padding: 10px 20px;
    border-radius: var(--radius-lg);
}

.block-liga-img-mob {
    width: 100%; 
    max-width: 500px;
    height: 100%; 
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07); 
    flex: 1;
}

.red-box-liga-mob {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(--color-primary);
    border-radius: var(--radius-lg);
    margin-bottom: 10px; 
    height: 60px; 
}

.number-mob {
    font-size: 25px; 
    font-weight: 600;
    color: #ffffff;
    top: 3px;
    position: relative;
}

.text-mob {
    font-size: 17px;
    color: #ffffff;
    top: 3px;
    position: relative;
}

.text-block-liga-mob {
    font-size: 18px;
    color: var(--text-primary);
	font-weight: 300;
}

/*search*/
.search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
}

.search-results.hidden {
    display: none;
}

.search-results-item {
    padding: 10px 15px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-results-item:hover {
    background-color: #f0f8ff;
}

.search-form{
    position: relative;
}

.search-block input{
    background-color: var(--bg-primary-two);
    border: 1px solid var(--bg-primary-three);
    padding: 10px 50px 10px 10px;
    border-radius: var(--radius-lg);
    width: 100%;
    font-size: var(--text-lg);
    color: var(--text-primary);
}

.search-button{
    position: absolute;
    right: 10px;
    background-color: unset;
    border: unset;
    color: var(--text-primary);
    top: 8px;
}

/* detail-match */

.match-block{
    background-color: transparent;
    display: block;
    flex: 1 0 auto;
    margin: 0;
    overflow: hidden;
    padding: 40px 0;
    position: relative;
    z-index: 10;
}

.background-image {
    width: 100%;
    height: 150%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.match-block-preview {
    position: relative;
    z-index: 10;
    padding: 40px 0;
    display: flex;
    justify-content: center;
    height: 600px;
    align-items: center;
}
#match-info {
    position: relative; 
    overflow: visible;
    padding-bottom: var(--spacing-2xl);
    margin-bottom: 0px;
    margin-top: -2rem;
}

.full-width-background {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    z-index: -1; 
    height: 100%;
    overflow: hidden;
}

.match-preview {
    border-radius: var(--radius-lg);
    max-width: fit-content;
}

.match-header {
    text-align: center;
    margin-bottom: 24px;
}

.match-tags {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
}

.tag {
    padding: 4px 12px;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    color: white;
}

.tag-blue {
    background: var(--color-primary);
}

.match-title {
    font-size: var(--text-5xl);
    color: var(--text-color-white);
    margin: 0;
}

.match-details {
    margin-bottom: 24px;
}

.match-meta {
    text-align: center;
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.match-date-preview {
    font-size: var(--text-3xl);
    color: var(--text-color-white);
    margin: 0;
}

.match-location {
    font-size: var(--text-lg);
    color: #ffffff;
    margin: 0;
}

.match-teams-dekstop {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 30px;
}
.match-teams-mobile {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 30px;
}
.team-preview {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}

.team-logo-match {
    width: 77px;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
}

.logo-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-name-match {
    font-size: var(--text-2xl);
    color: var(--text-color-white) !important;
    text-decoration: none;
    transition: color 0.3s;
    font-weight: 600;
}

.team-name-match:hover {
    color: var(--text-color-white) !important;
}

.match-score {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.score-match {
    font-size: 39px;
    font-weight: 700;
    color: var(--text-color-white);
}

.win-score {
    color: var(--color-success);
}

.delimiter {
    margin: 0 8px;
}

.periods {
    display: flex;
    gap: 12px;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.period {
    padding: 4px 8px;
    background: #2b2b2b;
    color: var(--text-color-white);
    border-radius: var(--radius-sm);
}

.match-officials {
    text-align: center;
    font-size: var(--text-lg);
    color: var(--text-secondary);
}

.label {
    font-weight: 600;
    color: #a7a7a7;
}
.match-teams-dekstop{
    display: grid;
}
.match-teams-mobile{
    display: none;
}
/* Адаптивность */
@media (max-width: 768px) {
    .match-teams-dekstop{
        display: none;
    }

    .match-teams-mobile {
        display: grid;
        grid-template-columns: 1fr; /* Одна колонка */
        gap: 16px;
        justify-items: start;
    }

    .team-preview {
        justify-content: center;
        align-items: center;
        gap: 12px;
        display: flex;
    }

    .team-info-match {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        justify-content: center;
        flex-wrap: nowrap;
    }

    .match-score {
        order: -1; /* Перемещаем счет наверх */
        margin-top: 0;
        gap: 8px;
    }

    .score-match {
        font-size: 20px; /* Уменьшаем размер шрифта */
    }

    .periods {
        display: none; /* Скрываем периоды */
    }

    /* Стиль для строк с командами */
    .team-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
    }

    .team-row .team-name-match {
        font-size: var(--text-sm); /* Уменьшаем размер шрифта */
    }

    .team-row .score {
        font-size: var(--text-lg);
        font-weight: 700;
    }
    .team-logo-match {
        width: 50px;
        flex-shrink: 0;
    }
    .team-name-match {
        font-size: var(--text-lg);
    }
    .match-title {
        font-size: var(--text-2xl);
    }
}

/* region */

#region {
    padding: 60px 0;
    background: var(--bg-secondary);
}

.regions-grid {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
}

.region-card {
    background: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    padding: 16px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex: auto;
}

.region-logo-big {
    width: 80px;
    height: 80px;
    object-fit: contain;
}

.region-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.region-name {
    font-size: var(--text-md);
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--text-primary);
}

.region-subtitle {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

/* Дополнительные стили */
.region-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
    border-radius: inherit;
}

.region-card:hover::before {
    opacity: 1;
}

@media (max-width: 768px) {
    .regions-grid {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
    
    .region-logo-big {
        width: 60px;
        height: 60px;
    }
    
    .region-name {
        font-size: var(--text-sm);
    }
    
    .region-subtitle {
        font-size: 12px;
    }
}



.header-topPlayer{
    flex-direction: column !important; 
    align-items: flex-start !important;
}
.block-top-tur{
    display: flex;
    gap: 20px;
}
.block-top{ 
    width: 40%;
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    padding: 20px;
}
.block-tur{
    flex: 1;
    position: relative;
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
    padding: 20px;
}

#standings-group-block td{
    background-color: var(--bg-primary-three) !important;
}

#standings-group-block thead {
    position: sticky;  
    top: 0;            
    z-index: 1;  
    background-color: var(--bg-primary-two);      
}
#standings-group-block .tabs__body-10, #standings-group-block .sport-table{
    /* max-height: 603px;
    overflow-y: auto; */
}
@media(max-width:1285px){
    .header-topPlayer{
        flex-direction: row !important; 
        align-items: center !important;
    }
    #standings-group-block td{
        background-color: var(--bg-primary-two) !important;
    }
    #standings-group-block thead {
        position: relative;   
        background-color: unset;      
    }
    .block-top-tur {
        flex-direction: column;
    }
    .block-tur, 
    .block-top {
        background-color: transparent;
        padding: unset;
    }
    .block-tur{
        margin-bottom: var(--spacing-2xl);
    }
    .block-top{ 
        width: 100%;
        background-color: transparent;
        padding: unset;
        padding-top: var(--spacing-2xl);
    }
    .block-tur { order: 1; }
    .block-top { order: 2; }
}

/* detail player */

/* Базовые стили для блока */
.info-block {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 50px 20px;
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
}

/* Стили для изображения */
.info-block__image {
    object-fit: cover;
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    border: 4px solid var(--color-primary);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.info-block__logo {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Сохраняем пропорции изображения */
}

/* Стили для текстового контента */
.info-block__content {
    flex-grow: 1;
}

.info-block__title {
    font-size: var(--text-4xl);
    color: var(--text-primary);
    margin: 0 0 8px;
    font-weight: 600;
}

.info-block__subtitle {
    font-size: var(--text-lg);
    color: var(--text-primary);
    margin: 0;
    line-height: 1.4; /* Улучшаем читаемость */
}

/* Адаптивность */
@media (max-width: 768px) {
    .info-block {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .info-block__image {
        width: 120px;
        height: 120px;
    }
}
/* detail player */
.pad120{
 padding-right: 120px;
 padding-left: 0px !important;
}

.header-protocol-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
}
.protocol-sub{
    color: var(--text-color);
    margin: 0px !important;
}

.line100{
    width: 100%;
    border-bottom: 2px solid #c9c9c9;
    margin: 20px 0px;
}

.protocol-block{
    padding: 20px;
    background-color: var(--bg-primary-two);
    border-radius: var(--radius-lg);
}
.protocol-block h4{
    color: var(--text-color);
}
.row-form-protocol{
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
.form-select-sm{
    border-radius: var(--radius-lg) !important;
}
.block-button-protocol{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    margin: 10px 0px;
}
td span{
    cursor: pointer;
}
.col input{
    width: 100%;
    border-radius: var(--radius-lg);
    padding: 0px 10px;
    border: 1px solid #b7b7b7;
}
.flex-center{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.filter-block{
    margin: 20px 0px;
}
.sort-protocol{
    display: flex    ;
    justify-content: space-between;
    gap: 10px;
}
.sort-protocol select{
    width: 100%;
    border-radius: var(--radius-lg);
    padding: 10px;
    border: 1px solid #d9d9d9;
    background-color: var(--bg-primary-two);
    color: var(--text-primary);
}
.main-row-protocol{
    display: grid;
    grid-template-columns: repeat(4, auto);
    gap: 20px;
    max-width: 100%;
}
.card-protocol{
    border-radius: var(--radius-lg);
    padding: 15px;
    background-color: var(--bg-primary-two);
    transition: transform 0.2s;
    min-height: 100px;
}
.card:hover {
    transform: translateY(-3px);
}
/* End */


/* Start:/local/templates/mainleague/assets/css/footer.css?17454890003976*/
.footer {
    background: #1a1a1a;
    color: white;
    padding-top: 20px;
    position: relative;
    z-index: 1;
  }
  
  .footer-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    width: 100%;
  }
  
  .footer-item {
      flex: 1 1 135px;
      margin-bottom: 15px;
      width: 135px;
  }
  
  .footer-link {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    padding: 8px 0;
    display: block;
    transition: all 0.3s ease; 
  }
  
  /* Стили для выпадающих меню */
  .has-submenu {
    position: relative;
  }
  
  .submenu {
    position: relative;
    left: 0;
    list-style: none;
    margin: 0;
    min-width: 200px;
    z-index: 1000;
  }
  
  .has-submenu:hover .submenu {
    display: block;
  }
  
  .submenu li {
    padding: 8px 0px;
  }
  
  .submenu a {
    color: #ddd;
    font-size: 0.9em;
    text-decoration: none;
    transition: all 0.3s ease; 
    position: relative;
    padding: 8px 0; 
  }
  
  .submenu a::after, .footer-link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--color-primary); /* Яркий цвет для видимости */
    transition: width 0.3s ease; /* Отдельный переход для ширины */
  }
  
  /* Анимация при наведении */
  .submenu a:hover::after, .footer-link:hover::after {
    width: 100%;
  }
  /* Соцсети */
  .social-icons {
    display: flex;
    justify-content: flex-end;
  }
  
  .social-link img {
    transition: transform 0.3s;
  }
  
  .social-link:hover img {
    transform: scale(1.1);
  }
  
  /* Нижний блок */
  .footer-bottom {
    border-top: 1px solid #333;
    padding-top: 20px;
    margin-top: 20px;
  }
  
  .footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    padding-bottom: 20px;
  }
  
  .policy-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .policy-links a {
    color: #ddd;
    text-decoration: none;
  }
  .footer-logo{
      width: 85px;
      height: auto;
  }
  .footer-nav{
      display: flex;
      justify-content: space-between;
  }
  @media(max-width:1355px){
    .footer-bottom-inner {
      justify-content: flex-start;
    }
  }
  /* Мобильная адаптация */
  @media (max-width: 1024px) {
    .footer-list {
      flex-direction: column; /* Устанавливаем колоночное направление */
      align-items: center; /* Центрируем элементы по горизонтали */
      text-align: center; /* Центрируем текст */
    }
  
    .footer-item {
      flex: 1 1 100%; /* Задаем ширину 100% для каждого элемента */
      margin-bottom: 15px; /* Отступ между элементами */
      display: flex;
      flex-direction: column;
      align-content: center;
      align-items: center;
    }
  
    .footer-bottom-inner {
      flex-direction: column; /* Устанавливаем колоночное направление */
      text-align: center; /* Центрируем текст */
    }
  
    .social-icons {
      justify-content: center; /* Центрируем иконки соцсетей */
    }
    .footer-nav {
      display: flex;
      flex-direction: column;
    }
    .mob-footer{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
    }
  
  }
  .footer-item svg, .footer-item svg g path{
      fill:#FFFFFF !important;
  }
/* End */


/* Start:/local/templates/mainleague/components/bitrix/menu/main_menu/style.css?17604301501293*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/mainleague/components/bitrix/menu/main_menu/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}
.nav-links__drop {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.nav-links__drop .nav-links__down {
    position: absolute;
    width: 160px;
    top: 25px;
    margin: 0 auto;
    display: flex;
    padding: 30px 10px 15px;
    background: var(--color-primary);
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.nav-links__drop:hover .nav-links__down {
    opacity: 1;
    visibility: visible;
}
@media(max-width:1024px) {
	.nav-links__drop {
		gap: var(--spacing-xl);
	}
	.nav-links__drop .nav-links__down {
		position: relative;
		top: auto;
		padding: 10px;
		color: var(--text-color-white);
		width: 200px;
	}
}


/* End */


/* Start:/local/templates/mainleague/components/bitrix/breadcrumb/breadcrumb/style.css?1745489000610*/
.bx-breadcrumb {
	margin: 10px 0;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	white-space: normal;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/local/components/scp/cookie_info/templates/.default/style.css?17454890011351*/

.rt10{
    right: 10px;
}
.cookie_box{
    width: 550px;
    padding: 16px 20px;
    position: fixed;
    z-index: 999;
    bottom: 30px;
    background: var(--bg-primary);
    transition: opacity 1.2s, transform 1.2s;
    flex-direction: column;
    align-items: center;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    border-radius: var(--radius-lg);
}
.cookie_box__style{border-color:var(--color-primary);}
.cookie_box__style .cookie_box__btn-close-cookie{
    background-color:var(--color-primary);
}

.cookie_box__text{
    margin-bottom:0;
    font-size:var(--text-base) !important;
    color:rgba(25,25,25,.6);font-size:12px;
    font-weight:400;
    line-height:20px;    
}
.cookie_box a{
    color:var(--color-primary);
}
.cookie_box__btn-close-cookie{    
    color:var(--text-color-white);
    padding: 11px;
    border-radius: var(--radius-full);
    cursor: pointer;
    text-align: center;
    display:inline-block;    
    transition:.3s;
    font-size:var(--text-base) !important;
    line-height:19px;
    margin-top: 20px;
}
.cookie_box .btn-close-cookie:hover{opacity:.5}
.cookie_box.cookie__hide{
    transition-delay:0s;
    opacity:0 !important;
    transform:translateY(20px) !important
}
@media(max-width:610px){
    .cookie_box{width: 330px;}
}
/* End */


/* Start:/local/templates/mainleague/styles.css?17728160332970*/
@media screen and (min-width: 300px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 85px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 30px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 24px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 400px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 105px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 40px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 24px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 600px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 153px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 60px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 34px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 800px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 201px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 77px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 46px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 1000px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 250px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 96px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 58px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 1200px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 289px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 110px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 68px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 1400px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 337px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 128px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 79px;
	margin-left: auto;
	margin-right: 4%;
	}
}


@media screen and (min-width: 1600px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 385px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 148px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 88px;
	margin-left: auto;
	margin-right: 4%;
	}
}

@media screen and (min-width: 1800px) {
	.new_game_promo_out {
	margin: 0 -35px 0 -35px; 
	height: 450px;
	background-image: url(https://schoolliga.ru/2_600х2500_CS2_dark.jpg); 
	background-size: 100% 100%;  
	padding-top: 172px;
	}

	.new-game_promo_in {
	width: 27%; 
	height: 105px;
	margin-left: auto;
	margin-right: 4%;
	}
}

/* End */
/* /local/templates/mainleague/assets/css/root.css?17455669688240 */
/* /local/templates/mainleague/assets/css/theme.css?17454890001726 */
/* /local/templates/mainleague/assets/css/header.css?174652010912993 */
/* /local/templates/mainleague/assets/css/main.css?175948807853551 */
/* /local/templates/mainleague/assets/css/footer.css?17454890003976 */
/* /local/templates/mainleague/components/bitrix/menu/main_menu/style.css?17604301501293 */
/* /local/templates/mainleague/components/bitrix/breadcrumb/breadcrumb/style.css?1745489000610 */
/* /local/components/scp/cookie_info/templates/.default/style.css?17454890011351 */
/* /local/templates/mainleague/styles.css?17728160332970 */