/* ==========================================================
   APX UNIFIED SPONSORS — SOURCE: HOME PAGE
   ========================================================== */

:host{
    all:initial !important;

    display:block !important;
    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;

    position:relative !important;

    font-size:16px !important;
}

:host,
:host *,
:host *::before,
:host *::after{
    box-sizing:border-box;
}

.apx-shadow-body{
    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 !important;
    padding:0 !important;

    position:relative !important;
}

/* Никакие правила родительской страницы сюда не проходят */




#schedule {
    display: none !important;
}




/* ==================================================
   САМИ ПУНКТЫ МЕНЮ НЕ ДВИГАЕМ
   ================================================== */

header nav a,
.main-nav a,
.about-nav a{
    position:relative !important;

    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    border:0 !important;

    background:none !important;
    background-image:none !important;

    transition:none !important;
    animation:none !important;
}


/* Полностью отключаем старые полосы на самой ссылке */
header nav a::before,
header nav a::after,
.main-nav a::before,
.main-nav a::after,
.about-nav a::before,
.about-nav a::after{
    content:none !important;
    display:none !important;
}


/* ==================================================
   ОБЁРТКА РОВНО ПО ШИРИНЕ ТЕКСТА
   ================================================== */

.apx-nav-label-final{
    position:relative !important;

    display:inline-block !important;

    padding:0 !important;
    margin:0 !important;

    transform:none !important;

    transition:none !important;
    animation:none !important;
}


/* По умолчанию линии нет */
.apx-nav-label-final::after{
    content:"" !important;

    display:block !important;

    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:auto !important;
    bottom:-14px !important;

    width:40px !important;
    min-width:40px !important;
    max-width:40px !important;

    height:1px !important;
    min-height:1px !important;
    max-height:1px !important;

    margin:0 !important;
    padding:0 !important;

    background:#d1ac60 !important;

    opacity:0 !important;

    transform:translateX(-50%) !important;

    transition:none !important;
    animation:none !important;

    pointer-events:none !important;
}


/* ТОЛЬКО текущая страница */
a.apx-current-nav > .apx-nav-label-final::after,
a.apx-nav-active > .apx-nav-label-final::after{
    opacity:1 !important;

    bottom:-14px !important;

    width:40px !important;
    height:1px !important;

    transform:translateX(-50%) !important;

    transition:none !important;
    animation:none !important;
}


/* Активный пункт также вообще не двигается */
a.apx-current-nav,
a.apx-nav-active{
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    transition:none !important;
    animation:none !important;
}




/* ========= MOBILE HEADER ONLY ========= */
@media (max-width: 900px){

  html, body{
    overflow-x:hidden !important;
  }

  /* ==== canonical header ==== */
  #apx-canonical-header-v1{
    min-height:92px !important;
  }

  #apx-canonical-header-v1 .apx-ch-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:92px !important;
    padding:16px 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    box-sizing:border-box !important;
  }

  #apx-canonical-header-v1 .apx-ch-inner > *{
    min-width:0 !important;
  }

  #apx-canonical-header-v1 .apx-ch-brand{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex:0 1 auto !important;
    max-width:calc(100% - 78px) !important;
    text-decoration:none !important;
  }

  #apx-canonical-header-v1 .apx-ch-logo-emblem{
    width:42px !important;
    height:auto !important;
    flex:0 0 42px !important;
    object-fit:contain !important;
  }

  #apx-canonical-header-v1 .apx-ch-logo-word{
    height:32px !important;
    width:auto !important;
    max-width:150px !important;
    object-fit:contain !important;
  }

  /* скрываем desktop nav */
  #apx-canonical-header-v1 .apx-ch-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  /* скрываем desktop CTA в шапке */
  #apx-canonical-header-v1 .apx-ch-cta{
    display:none !important;
  }

  /* показываем мобильную кнопку, если она есть */
  #apx-canonical-header-v1 .apx-ch-menu-toggle,
  #apx-canonical-header-v1 .apx-ch-toggle,
  #apx-canonical-header-v1 .apx-menu-toggle,
  #apx-canonical-header-v1 .apx-burger,
  #apx-canonical-header-v1 [data-apx-menu-toggle],
  #apx-canonical-header-v1 [aria-label*="меню"],
  #apx-canonical-header-v1 [aria-label*="Меню"],
  #apx-canonical-header-v1 [class*="burger"],
  #apx-canonical-header-v1 [class*="menu-toggle"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:60px !important;
    height:60px !important;
    flex:0 0 60px !important;
    margin-left:auto !important;
    position:relative !important;
    z-index:1002 !important;
  }

  /* ==== old about-header fallback ==== */
  .about-header{
    min-height:92px !important;
  }

  .about-header-inner{
    width:100% !important;
    max-width:100% !important;
    min-height:92px !important;
    padding:16px 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    box-sizing:border-box !important;
  }

  .about-brand{
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    flex:0 1 auto !important;
    max-width:calc(100% - 78px) !important;
    text-decoration:none !important;
  }

  .about-brand-emblem{
    width:42px !important;
    height:auto !important;
    flex:0 0 42px !important;
    object-fit:contain !important;
  }

  .about-brand-wordmark,
  .about-brand-word{
    height:32px !important;
    width:auto !important;
    max-width:150px !important;
    object-fit:contain !important;
  }

  .about-nav{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
    width:0 !important;
    max-width:0 !important;
    overflow:hidden !important;
    margin:0 !important;
    padding:0 !important;
  }

  .about-cta{
    display:none !important;
  }

  .about-menu-toggle,
  .about-toggle,
  .about-burger,
  .about-header [data-apx-menu-toggle],
  .about-header [aria-label*="меню"],
  .about-header [aria-label*="Меню"],
  .about-header [class*="burger"],
  .about-header [class*="menu-toggle"]{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:60px !important;
    height:60px !important;
    flex:0 0 60px !important;
    margin-left:auto !important;
    position:relative !important;
    z-index:1002 !important;
  }
}

@media (max-width: 480px){
  #apx-canonical-header-v1 .apx-ch-inner,
  .about-header-inner{
    padding:14px 16px !important;
    min-height:86px !important;
  }

  #apx-canonical-header-v1 .apx-ch-logo-emblem,
  .about-brand-emblem{
    width:38px !important;
    flex-basis:38px !important;
  }

  #apx-canonical-header-v1 .apx-ch-logo-word,
  .about-brand-wordmark,
  .about-brand-word{
    height:28px !important;
    max-width:135px !important;
  }
}




.apx-rica-brand{
    display:flex !important;
    align-items:center !important;

    width:min(100%, 300px) !important;
    height:64px !important;

    overflow:visible !important;

    background:transparent !important;
}

.apx-rica-brand .apx-rica-official-logo{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:58px !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:left center !important;

    opacity:1 !important;
    visibility:visible !important;

    filter:none !important;
    transform:none !important;
}


/* MOBILE */

@media(max-width:760px){

    .apx-rica-brand{
        width:min(100%, 245px) !important;
        height:54px !important;
    }

    .apx-rica-brand .apx-rica-official-logo{
        max-height:48px !important;
    }

}

@media(max-width:380px){

    .apx-rica-brand{
        width:min(100%, 215px) !important;
    }

    .apx-rica-brand .apx-rica-official-logo{
        max-height:44px !important;
    }

}





.apx-rica-brand{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;

    width:auto !important;
    min-width:0 !important;
    height:auto !important;

    overflow:visible !important;
    background:transparent !important;
}

.apx-rica-logo-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    background:#ffffff !important;

    /*
      Делаем белую подложку чуть длиннее,
      чтобы логотип не выглядел обрезанным.
    */
    padding:10px 18px !important;

    min-width:126px !important;
    min-height:48px !important;

    line-height:0 !important;
}

.apx-rica-official-logo{
    display:block !important;

    width:auto !important;
    height:auto !important;

    max-width:100% !important;
    max-height:34px !important;

    object-fit:contain !important;
    object-position:center !important;
}

.apx-rica-title{
    display:inline-block !important;

    color:#f5f2ea !important;

    font-size:24px !important;
    font-weight:500 !important;
    line-height:1 !important;

    letter-spacing:-.03em !important;
    white-space:nowrap !important;
}

/* mobile */
@media(max-width:760px){

    .apx-rica-brand{
        gap:12px !important;
    }

    .apx-rica-logo-badge{
        padding:8px 14px !important;
        min-width:112px !important;
        min-height:42px !important;
    }

    .apx-rica-official-logo{
        max-height:28px !important;
    }

    .apx-rica-title{
        font-size:20px !important;
    }

}

@media(max-width:380px){

    .apx-rica-logo-badge{
        padding:7px 12px !important;
        min-width:100px !important;
    }

    .apx-rica-title{
        font-size:18px !important;
    }

}





/* Рица Парк — тем же шрифтом и размером, что MDK */
.apx-rica-title{
    display:inline-block !important;

    color:#f5f2ea !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:27px !important;
    font-weight:800 !important;
    line-height:1 !important;

    letter-spacing:-.055em !important;
    white-space:nowrap !important;

    margin:0 !important;
    padding:0 !important;
}

/* чуть аккуратнее выровняем по вертикали */
.apx-rica-brand{
    align-items:center !important;
    gap:14px !important;
}

@media(max-width:760px){
    .apx-rica-title{
        font-size:24px !important;
    }
}

@media(max-width:380px){
    .apx-rica-title{
        font-size:21px !important;
    }
}





/* ===================================================
   Главная — шапка как на странице "О школе"
   =================================================== */

.about-header{
    position:relative !important;
    z-index:1000 !important;

    width:100% !important;
    height:102px !important;

    display:flex !important;
    align-items:center !important;

    background:#041b16 !important;
    background-image:none !important;

    border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.about-header-inner{
    width:100% !important;
    max-width:1740px !important;

    margin:0 auto !important;
    padding:0 64px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:40px !important;
}

.about-brand{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;

    text-decoration:none !important;
}

.about-brand-emblem{
    width:54px !important;
    height:66px !important;
    object-fit:contain !important;
}

.about-brand-wordmark{
    width:116px !important;
    height:auto !important;
    object-fit:contain !important;
}

.about-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:34px !important;
}

.about-nav a{
    color:rgba(243,241,235,.72) !important;

    text-decoration:none !important;
    text-transform:uppercase !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:700 !important;

    letter-spacing:.07em !important;

    transition:color .2s ease !important;
}

.about-nav a:hover,
.about-nav a.active{
    color:#fff !important;
}

.about-apply{
    min-width:148px !important;
    height:48px !important;

    padding:0 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:20px !important;

    color:#fff !important;
    text-decoration:none !important;

    border:1px solid rgba(255,255,255,.35) !important;

    font-size:10px !important;
    font-weight:700 !important;

    letter-spacing:.06em !important;
    text-transform:uppercase !important;
}


/* Телефон */
@media(max-width:900px){

    .about-header{
        height:82px !important;
    }

    .about-header-inner{
        padding:0 18px !important;
    }

    .about-brand-emblem{
        width:45px !important;
        height:55px !important;
    }

    .about-brand-wordmark{
        width:98px !important;
    }

    .about-nav{
        display:none !important;
    }

    .about-apply{
        min-width:auto !important;
        width:48px !important;

        overflow:hidden !important;

        padding:0 16px !important;
    }

    .about-apply span:first-child{
        display:none !important;
    }
}





/* =========================================
   ШАПКА ГЛАВНОЙ — как на "О школе"
   ========================================= */

body > header,
.site-header,
.about-header {
    position:relative !important;
    z-index:1000 !important;

    width:100% !important;
    height:92px !important;
    min-height:92px !important;

    margin:0 !important;
    padding:0 !important;

    overflow:visible !important;

    background:#041b16 !important;
    background-image:none !important;

    border-bottom:1px solid rgba(255,255,255,.12) !important;
}


/* внутренний контейнер */
body > header > div,
.site-header .header-inner,
.site-header .site-header-inner,
.about-header-inner {
    min-height:92px !important;

    display:flex !important;
    align-items:center !important;

    padding-top:0 !important;
    padding-bottom:0 !important;

    overflow:visible !important;
}


/* логотипы больше не обрезаются */
body > header img,
.site-header img,
.about-header img {
    position:relative !important;
    top:auto !important;
    bottom:auto !important;

    transform:none !important;

    max-height:70px !important;

    object-fit:contain !important;
}


/* =========================================
   ВИДЕО — начинается СРАЗУ ПОСЛЕ ШАПКИ
   ========================================= */

.hero.hero-cinema {
    margin-top:0 !important;
    padding-top:0 !important;
}

.hero.hero-cinema > video.hero-video {
    top:0 !important;
}


/* убираем возможный старый промежуток/сдвиг */
.site-header + .hero,
.about-header + .hero,
body > header + .hero {
    margin-top:0 !important;
}


/* MOBILE */
@media(max-width:760px){

    body > header,
    .site-header,
    .about-header {
        height:78px !important;
        min-height:78px !important;
    }

    body > header > div,
    .site-header .header-inner,
    .site-header .site-header-inner,
    .about-header-inner {
        min-height:78px !important;
    }

    body > header img,
    .site-header img,
    .about-header img {
        max-height:58px !important;
    }
}





/* После окончания ролика видео вообще не существует визуально */
.hero.hero-cinema.story-ended > video,
.hero.hero-cinema.story-ended video.hero-video,
.hero.story-ended > video.hero-video,
.hero.story-ended .hero-video-wrap,
.hero.story-ended .video-wrap,
.hero.story-ended [class*="video-wrap"] {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Убираем старый hero-контент, если он остался поверх финала */
.hero.story-ended > .hero-content {
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
}

/* Финальный экран должен полностью закрывать область */
.hero.hero-cinema.story-ended {
    background:#041b16 !important;
    background-image:none !important;
}

.hero.story-ended .hero-finale {
    position:relative !important;
    z-index:20 !important;
}

.hero.story-ended .hero-finale-emblem {
    z-index:10 !important;
}





/* ==================================================
   ВО ВРЕМЯ ПРОСМОТРА — ТОЛЬКО ОДИН ВИДЕОСЛОЙ
   ================================================== */

.hero.hero-cinema:not(.story-ended){
    position:relative !important;

    width:100% !important;
    height:calc(100vh - 92px) !important;
    min-height:calc(100vh - 92px) !important;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden !important;

    background:#041b16 !important;
    background-image:none !important;
}


/* Убираем старые картинки/подложки hero */
.hero.hero-cinema:not(.story-ended)::before,
.hero.hero-cinema:not(.story-ended)::after{
    content:none !important;
    display:none !important;

    background:none !important;
    background-image:none !important;
}


/* Сам ролик занимает ВЕСЬ экран hero */
.hero.hero-cinema:not(.story-ended) > video.hero-video{
    display:block !important;

    position:absolute !important;
    inset:0 !important;

    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:0 !important;

    width:100% !important;
    height:100% !important;

    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:cover !important;
    object-position:center center !important;

    transform:none !important;

    opacity:1 !important;
    visibility:visible !important;

    z-index:0 !important;
}


/* Контент с кнопками поверх ролика */
.hero.hero-cinema:not(.story-ended) > .hero-content{
    position:relative !important;
    z-index:5 !important;

    background:transparent !important;
}


/* Любые старые video-wrapper не создают второй слой */
.hero.hero-cinema:not(.story-ended) .hero-video-wrap,
.hero.hero-cinema:not(.story-ended) .video-wrap{
    background:none !important;
    background-image:none !important;
}


/* Убираем poster после запуска */
.hero-video[poster]{
    background:none !important;
}


/* MOBILE */
@media(max-width:760px){

    .hero.hero-cinema:not(.story-ended){
        height:calc(100vh - 78px) !important;
        min-height:calc(100vh - 78px) !important;
    }

}





/* Только финальный экран после видео */
.hero.hero-cinema.story-ended{
    position:relative !important;
}

/* Поднимаем большую эмблему к самой верхней границе hero.
   Размер изображения НЕ меняем. */
.hero.story-ended > .hero-finale-emblem{
    top:0 !important;
    margin-top:0 !important;

    /* отменяем возможный вертикальный сдвиг,
       но НЕ меняем width/height */
    transform:translateY(0) !important;
}

/* На случай старого внутреннего отступа */
.hero.story-ended{
    padding-top:0 !important;
}





/* Убираем золотой контур вокруг формы */
.hero-finale,
.hero-finale .hero-form-grid {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* На случай если контур сделан псевдоэлементом */
.hero-finale::before,
.hero-finale::after {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}





/* Полностью прозрачный внешний блок формы */
.hero-finale,
.hero-finale .hero-form-grid {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Убираем возможную подложку через псевдоэлементы */
.hero-finale::before,
.hero-finale::after,
.hero-finale .hero-form-grid::before,
.hero-finale .hero-form-grid::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}





/* Тонкий контур формы в стиле шапки */
.hero-finale{
    background:transparent !important;

    border:1px solid rgba(255,255,255,.14) !important;
    outline:none !important;
    box-shadow:none !important;

    padding:32px 34px 36px !important;
}

/* Внутри никаких дополнительных рамок */
.hero-finale .hero-form-grid{
    background:transparent !important;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
}

.hero-finale::before,
.hero-finale::after{
    content:none !important;
    display:none !important;
}

@media(max-width:760px){
    .hero-finale{
        padding:24px 20px 28px !important;
    }
}





/* =========================================================
   MOBILE MENU — APX
   ========================================================= */

.apx-mobile-menu-button,
.apx-mobile-menu-overlay{
    display:none;
}


@media(max-width:850px){

    /* Шапка становится точкой привязки кнопки */
    body header,
    .apx-shadow-body .site-header{
        position:relative !important;
    }


    /* Убираем старую кнопку "Подать заявку / →" */
    .apx-mobile-old-cta{
        display:none !important;
    }


    /* КНОПКА МЕНЮ */
    .apx-mobile-menu-button{
        display:flex !important;

        position:absolute !important;

        right:24px !important;
        top:50% !important;

        width:64px !important;
        height:64px !important;

        transform:translateY(-50%) !important;

        align-items:center !important;
        justify-content:center !important;

        z-index:10020 !important;

        padding:0 !important;

        border:
            1px solid rgba(243,239,230,.34) !important;

        border-radius:0 !important;

        background:
            rgba(4,27,22,.78) !important;

        color:#f3efe6 !important;

        cursor:pointer !important;

        -webkit-tap-highlight-color:transparent !important;
    }


    /* Три минималистичные линии */
    .apx-mobile-menu-icon{
        position:relative;

        width:24px;
        height:16px;
    }

    .apx-mobile-menu-icon span{
        position:absolute;

        left:0;

        width:24px;
        height:1px;

        background:#f3efe6;

        transition:
            top .3s ease,
            transform .3s ease,
            opacity .25s ease;
    }

    .apx-mobile-menu-icon span:nth-child(1){
        top:0;
    }

    .apx-mobile-menu-icon span:nth-child(2){
        top:7px;
    }

    .apx-mobile-menu-icon span:nth-child(3){
        top:14px;
    }


    /* X при открытии */
    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(1){
        top:7px;
        transform:rotate(45deg);
    }

    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(2){
        opacity:0;
    }

    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(3){
        top:7px;
        transform:rotate(-45deg);
    }


    /* =====================================================
       OVERLAY
       ===================================================== */

    .apx-mobile-menu-overlay{
        display:block !important;

        position:fixed !important;

        inset:0 !important;

        z-index:10010 !important;

        background:
            rgba(3,23,18,.985) !important;

        opacity:0 !important;
        visibility:hidden !important;

        transform:translateX(100%) !important;

        transition:
            transform .46s cubic-bezier(.22,1,.36,1),
            opacity .35s ease,
            visibility .35s ease !important;
    }


    .apx-mobile-menu-overlay.is-open{
        opacity:1 !important;
        visibility:visible !important;

        transform:translateX(0) !important;
    }


    /* Очень мягкая декоративная подсветка */
    .apx-mobile-menu-overlay::before{
        content:"";

        position:absolute;

        right:-130px;
        top:70px;

        width:360px;
        height:360px;

        border-radius:50%;

        background:
            radial-gradient(
                circle,
                rgba(199,161,92,.075),
                rgba(199,161,92,0) 70%
            );

        pointer-events:none;
    }


    .apx-mobile-menu-inner{
        position:relative;

        display:flex;

        flex-direction:column;

        width:100%;
        height:100%;

        box-sizing:border-box;

        padding:
            115px
            28px
            28px;
    }


    .apx-mobile-menu-label{
        margin-bottom:33px;

        font-family:
            "PT Sans",
            Arial,
            sans-serif;

        font-size:9px;
        font-weight:700;

        letter-spacing:.25em;

        color:#c7a15c;
    }


    /* =====================================================
       LINKS
       ===================================================== */

    .apx-mobile-menu-links{
        border-top:
            1px solid rgba(255,255,255,.11);
    }


    .apx-mobile-menu-links a{
        position:relative;

        display:flex;

        align-items:center;

        min-height:63px;

        padding:
            0
            37px
            0
            3px;

        border-bottom:
            1px solid rgba(255,255,255,.10);

        text-decoration:none !important;

        font-family:
            "PT Sans",
            Arial,
            sans-serif !important;

        font-size:20px !important;
        font-weight:700 !important;

        line-height:1.15 !important;

        color:#f0eee8 !important;

        transition:
            color .2s ease,
            padding-left .25s ease !important;
    }


    .apx-mobile-menu-links a::after{
        content:"→";

        position:absolute;

        right:4px;

        font-size:16px;

        font-weight:400;

        color:rgba(199,161,92,.75);
    }


    .apx-mobile-menu-links a:active{
        padding-left:8px;

        color:#c7a15c !important;
    }


    /* CTA снизу */
    .apx-mobile-menu-cta{
        display:flex;

        align-items:center;
        justify-content:space-between;

        min-height:62px;

        margin-top:26px;

        padding:
            0
            20px;

        box-sizing:border-box;

        border:
            1px solid rgba(199,161,92,.48);

        text-decoration:none;

        font-family:
            "PT Sans",
            Arial,
            sans-serif;

        font-size:12px;
        font-weight:700;

        letter-spacing:.07em;

        text-transform:uppercase;

        color:#f2eee7;

        background:
            rgba(199,161,92,.05);
    }


    .apx-mobile-menu-cta::after{
        content:"→";

        color:#c7a15c;
    }


    .apx-mobile-menu-foot{
        margin-top:auto;

        padding-top:22px;

        border-top:
            1px solid rgba(255,255,255,.08);

        font-family:
            "PT Sans",
            Arial,
            sans-serif;

        font-size:8px;

        line-height:1.6;

        letter-spacing:.22em;

        color:
            rgba(242,238,229,.30);
    }


    /* Пока меню открыто, страницу не прокручиваем */
    html.apx-mobile-menu-open,
    html.apx-mobile-menu-open body{
        overflow:hidden !important;
    }

}


@media(max-width:390px){

    .apx-mobile-menu-button{
        right:18px !important;

        width:58px !important;
        height:58px !important;
    }

    .apx-mobile-menu-inner{
        padding-left:22px;
        padding-right:22px;
    }

    .apx-mobile-menu-links a{
        min-height:59px;

        font-size:18px !important;
    }

}





/* =====================================================
   ЕДИНОЕ DESKTOP-МЕНЮ APX
   ===================================================== */

.apx-canonical-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    gap:34px !important;

    margin:0 !important;
    padding:0 !important;

    white-space:nowrap !important;
}


.apx-canonical-nav > a{
    position:relative !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
    padding:0 0 10px !important;

    border:0 !important;
    background:none !important;

    text-decoration:none !important;

    font-family:
        "Manrope",
        Arial,
        sans-serif !important;

    font-size:10px !important;
    font-weight:600 !important;

    line-height:1 !important;

    letter-spacing:.065em !important;

    color:rgba(245,242,234,.78) !important;

    transition:
        color .22s ease !important;
}


/* Главное — только первая буква большая */
.apx-canonical-nav > a.apx-nav-home{
    text-transform:uppercase !important;
}


/* Все остальные — CAPS */
.apx-canonical-nav > a:not(.apx-nav-home){
    text-transform:uppercase !important;
}


.apx-canonical-nav > a:hover{
    color:#ffffff !important;
}


/* Активный раздел */
.apx-canonical-nav > a.is-current{
    color:#ffffff !important;
}


/* Золотая линия */
.apx-canonical-nav > a.is-current::after{
    content:"" !important;

    position:absolute !important;

    left:8% !important;
    right:8% !important;
    bottom:0 !important;

    height:1px !important;

    background:#c7a15c !important;
}


/* =====================================================
   НЕ ДАЁМ СТАРЫМ CSS ИЗМЕНЯТЬ РЕГИСТР
   ===================================================== */

header .apx-canonical-nav .apx-nav-home,
.site-header .apx-canonical-nav .apx-nav-home{
    text-transform:uppercase !important;
}


/* =====================================================
   MOBILE
   desktop nav скрывает уже существующая мобильная логика
   ===================================================== */

@media(max-width:850px){

    .apx-canonical-nav{
        display:none !important;
    }

}





@media(max-width:850px){

    /* =========================================
       ПРИ ОТКРЫТОМ МЕНЮ ШАПКА ВСЕГДА СВЕРХУ
       ========================================= */

    html.apx-mobile-menu-open header,
    html.apx-mobile-menu-open .site-header{
        position:relative !important;
        z-index:10050 !important;

        background:#041b16 !important;
    }


    /* overlay остаётся ниже кнопки */
    .apx-mobile-menu-overlay{
        z-index:10010 !important;
    }


    /* =========================================
       КНОПКА МЕНЮ / ЗАКРЫТИЯ
       ========================================= */

    .apx-mobile-menu-button{
        z-index:10060 !important;
    }


    .apx-mobile-menu-button.is-open{
        opacity:1 !important;
        visibility:visible !important;

        background:#041b16 !important;

        border:
            1px solid rgba(243,239,230,.48) !important;

        box-shadow:
            0 0 0 1px rgba(255,255,255,.025) !important;
    }


    /* X должен быть чётко виден */
    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span{
        background:#f5f1e8 !important;
        opacity:1 !important;
    }


    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(1){
        top:7px !important;
        transform:rotate(45deg) !important;
    }


    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(2){
        opacity:0 !important;
    }


    .apx-mobile-menu-button.is-open
    .apx-mobile-menu-icon span:nth-child(3){
        top:7px !important;
        transform:rotate(-45deg) !important;
    }


    /* меню начинается ниже шапки */
    .apx-mobile-menu-inner{
        padding-top:125px !important;
    }

}





@media(max-width:850px){

    /* Полностью непрозрачный фон меню */
    .apx-mobile-menu-overlay{
        background:#041b16 !important;
        background-color:#041b16 !important;
        background-image:none !important;

        opacity:0 !important;

        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }

    .apx-mobile-menu-overlay.is-open{
        opacity:1 !important;

        background:#041b16 !important;
        background-color:#041b16 !important;
        background-image:none !important;
    }

    /* Убираем декоративное свечение */
    .apx-mobile-menu-overlay::before,
    .apx-mobile-menu-overlay::after{
        content:none !important;
        display:none !important;
        background:none !important;
    }

    /* Внутренняя область тоже полностью непрозрачная */
    .apx-mobile-menu-inner{
        background:#041b16 !important;
        background-color:#041b16 !important;
        background-image:none !important;
    }

    /* Никаких полупрозрачных подложек вокруг меню */
    html.apx-mobile-menu-open,
    html.apx-mobile-menu-open body{
        background:#041b16 !important;
    }

}





@media(max-width:850px){

    /* ==========================================
       МЕНЮ ПОЛНОСТЬЮ ПЕРЕКРЫВАЕТ ЭКРАН
       ========================================== */

    .apx-mobile-menu-overlay{
        position:fixed !important;

        top:0 !important;
        left:0 !important;
        right:0 !important;

        /*
           Специально продолжаем слой ниже viewport.
           Это убирает просвет на мобильных Safari /
           Telegram / динамической нижней панели браузера.
        */
        bottom:-160px !important;

        width:100vw !important;

        height:calc(100dvh + 160px) !important;
        min-height:calc(100svh + 160px) !important;

        box-sizing:border-box !important;

        background:#041b16 !important;
        background-color:#041b16 !important;
        background-image:none !important;

        overflow:hidden !important;

        z-index:10010 !important;

        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;
    }


    .apx-mobile-menu-overlay.is-open{
        background:#041b16 !important;
        background-color:#041b16 !important;

        opacity:1 !important;
        visibility:visible !important;
    }


    /* Внутренняя часть также продолжается вниз */
    .apx-mobile-menu-inner{
        width:100% !important;

        height:auto !important;
        min-height:calc(100dvh + 160px) !important;

        box-sizing:border-box !important;

        background:#041b16 !important;
        background-color:#041b16 !important;
        background-image:none !important;

        overflow-y:auto !important;

        padding-bottom:
            calc(
                190px + env(safe-area-inset-bottom)
            ) !important;
    }


    /* Никаких декоративных прозрачных слоёв */
    .apx-mobile-menu-overlay::before,
    .apx-mobile-menu-overlay::after,
    .apx-mobile-menu-inner::before,
    .apx-mobile-menu-inner::after{
        display:none !important;
        content:none !important;
        background:none !important;
    }


    /* Пока меню открыто, страница под ним неподвижна */
    html.apx-mobile-menu-open,
    html.apx-mobile-menu-open body{
        overflow:hidden !important;
        background:#041b16 !important;
    }

}





@media(max-width:850px){

    /* Убираем APX FOOTBALL SCHOOL / CHERKESSK */
    .apx-mobile-menu-foot{
        display:none !important;
        visibility:hidden !important;
        height:0 !important;
        min-height:0 !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }

}





:host{
  --apx-partners-font:inherit;
}

/* ======================================================
   APX PARTNERS — STRICT / MINIMAL
   ====================================================== */

.apx-partners-v2,
.apx-partners-v2 *{
  box-sizing:border-box;
}

.apx-partners-v2{
  width:100%;
  margin:0;

  color:#f5f2ea;

  /* один фон с footer */
  background:#06130f;

  padding:66px 6.5vw 0;
}

.apx-partners-v2-inner{
  width:100%;
  max-width:1600px;
  margin:0 auto;
}


/* ---------- HEADER ---------- */

.apx-partners-v2-head{
  display:flex;

  align-items:flex-end;
  justify-content:space-between;

  gap:30px;

  padding-bottom:24px;

  border-bottom:1px solid rgba(255,255,255,.16);
}

.apx-partners-v2-head > span{
  color:#b6a36c;

  font-size:7px;
  font-weight:700;

  letter-spacing:.22em;
  line-height:1;

  text-transform:uppercase;
}

.apx-partners-v2-head h2{
  margin:0;

  font-family:var(--apx-partners-font);
  font-size:clamp(27px,2.5vw,42px);
  font-weight:500;

  line-height:.95;

  letter-spacing:-.035em;
  text-transform:uppercase;

  color:#f5f2ea;
}


/* ---------- GRID ---------- */

.apx-partners-v2-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.apx-partner-v2{
  position:relative;

  min-height:148px;

  display:grid;

  grid-template-columns:
    34px
    minmax(150px,1fr)
    auto
    22px;

  align-items:center;

  gap:22px;

  padding:28px 0;

  color:#f5f2ea;
  text-decoration:none;

  border-bottom:1px solid rgba(255,255,255,.16);

  background:transparent;

  transition:
    opacity .25s ease,
    background .25s ease;
}

.apx-partner-v2:first-child{
  padding-right:34px;

  border-right:1px solid rgba(255,255,255,.16);
}

.apx-partner-v2:last-child{
  padding-left:34px;
}


.apx-partner-v2::after{
  content:"";

  position:absolute;

  left:0;
  right:100%;
  bottom:-1px;

  height:1px;

  background:#b6a36c;

  transition:right .35s ease;
}

.apx-partner-v2:hover::after{
  right:0;
}


/* ---------- NUMBER ---------- */

.apx-partner-v2-no{
  align-self:start;

  padding-top:4px;

  color:rgba(255,255,255,.34);

  font-size:7px;
  font-weight:700;

  line-height:1;

  letter-spacing:.15em;
}


/* ======================================================
   MDK EXPRESS — CURRENT BRAND
   ====================================================== */

.apx-mdk-brand{
  display:flex;
  align-items:center;

  gap:15px;

  min-width:0;
}

.apx-mdk-mark{
  width:52px;
  height:52px;

  flex:0 0 52px;

  display:grid;
  place-items:center;

  border-radius:15px;

  background:#27ae60;

  color:#fff;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:25px;
  font-weight:850;

  line-height:1;

  letter-spacing:-.06em;
}

.apx-mdk-name{
  display:flex;
  align-items:baseline;

  gap:7px;

  min-width:0;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;
}

.apx-mdk-name strong{
  color:#fff;

  font-size:27px;
  font-weight:800;

  line-height:1;

  letter-spacing:-.055em;
}

.apx-mdk-name small{
  color:rgba(255,255,255,.72);

  font-size:17px;
  font-weight:500;

  line-height:1;
}


/* ======================================================
   RICA PARK WORDMARK
   ====================================================== */

.apx-rica-brand{
  width:min(100%,310px);
  height:70px;

  display:flex;
  align-items:center;

  min-width:0;
}

.apx-rica-brand img{
  display:block;

  width:100%;
  height:auto;

  max-width:310px;
  max-height:60px;

  object-fit:contain;
  object-position:left center;
}


/* ---------- URL ---------- */

.apx-partner-v2-link{
  color:rgba(255,255,255,.42);

  font-size:8px;
  font-weight:600;

  line-height:1;

  letter-spacing:.10em;

  white-space:nowrap;
}


/* ---------- ARROW ---------- */

.apx-partner-v2-arrow{
  color:#b6a36c;

  font-size:18px;
  font-weight:300;

  line-height:1;

  transition:transform .25s ease;
}

.apx-partner-v2:hover
.apx-partner-v2-arrow{
  transform:translate(2px,-2px);
}


/* ======================================================
   MOBILE
   ====================================================== */

@media(max-width:760px){

  .apx-partners-v2{
    padding:
      54px
      20px
      0;
  }

  .apx-partners-v2-head{
    display:block;

    padding-bottom:20px;
  }

  .apx-partners-v2-head > span{
    display:block;

    margin-bottom:13px;
  }

  .apx-partners-v2-head h2{
    font-size:31px;
  }


  .apx-partners-v2-grid{
    display:block;
  }


  .apx-partner-v2,
  .apx-partner-v2:first-child,
  .apx-partner-v2:last-child{

    min-height:126px;

    grid-template-columns:
      24px
      minmax(0,1fr)
      20px;

    grid-template-rows:
      1fr
      auto;

    gap:9px 15px;

    padding:
      23px
      0;

    border-right:0;
  }


  .apx-partner-v2-no{
    grid-column:1;
    grid-row:1 / 3;
  }


  .apx-mdk-brand,
  .apx-rica-brand{
    grid-column:2;
    grid-row:1;
  }


  .apx-partner-v2-link{
    grid-column:2;
    grid-row:2;

    font-size:7px;
  }


  .apx-partner-v2-arrow{
    grid-column:3;
    grid-row:1 / 3;

    align-self:center;
  }


  .apx-mdk-mark{
    width:46px;
    height:46px;

    flex-basis:46px;

    border-radius:13px;

    font-size:22px;
  }


  .apx-mdk-name strong{
    font-size:24px;
  }

  .apx-mdk-name small{
    font-size:15px;
  }


  .apx-rica-brand{
    width:min(100%,260px);
    height:56px;
  }

  .apx-rica-brand img{
    max-width:260px;
    max-height:50px;
  }

}


/* совсем маленькие Android / iPhone */

@media(max-width:380px){

  .apx-partners-v2{
    padding-left:16px;
    padding-right:16px;
  }

  .apx-mdk-name{
    gap:5px;
  }

  .apx-mdk-name strong{
    font-size:21px;
  }

  .apx-mdk-name small{
    font-size:13px;
  }

  .apx-rica-brand img{
    max-width:225px;
  }

}





/* ===============================
   3 ПАРТНЁРА
   =============================== */

.apx-partners-v2-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

/* Первые две карточки приводим к одинаковой ширине */
.apx-partner-v2,
.apx-partner-v2:first-child,
.apx-partner-v2:last-child{
    min-width:0 !important;
    min-height:148px !important;

    padding:27px 24px !important;

    border-right:1px solid rgba(255,255,255,.14) !important;
    border-bottom:1px solid rgba(255,255,255,.14) !important;
}

.apx-partner-v2:nth-child(3){
    border-right:0 !important;
}


/* ===============================
   СЕМЕЙНАЯ БАНЯ
   =============================== */

.apx-partner-v2--bath{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        auto
        20px !important;

    align-items:center !important;

    gap:18px !important;

    color:#f5f2ea !important;

    background:transparent !important;
}


/* 03 */

.apx-partner-v2--bath .apx-partner-v2-no{
    align-self:start !important;

    padding-top:4px !important;

    color:rgba(255,255,255,.34) !important;

    font-size:7px !important;
    font-weight:700 !important;

    letter-spacing:.15em !important;
}


/* название + адрес */

.apx-bath-content{
    display:flex !important;
    flex-direction:column !important;

    justify-content:center !important;

    min-width:0 !important;

    gap:9px !important;
}


.apx-bath-title{
    display:inline-block !important;

    width:max-content !important;
    max-width:100% !important;

    margin:0 !important;

    color:#f5f2ea !important;
    text-decoration:none !important;

    /*
      тот же строгий шрифтовой характер,
      который используется у партнёров
    */
    font-family:
        var(--apx-partners-font),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:25px !important;
    font-weight:800 !important;

    line-height:.95 !important;

    letter-spacing:-.045em !important;

    white-space:nowrap !important;

    transition:opacity .2s ease !important;
}

.apx-bath-title:hover{
    opacity:.72 !important;
}


.apx-bath-address{
    color:rgba(255,255,255,.42) !important;

    font-size:8px !important;
    font-weight:500 !important;

    line-height:1 !important;

    letter-spacing:.07em !important;

    white-space:nowrap !important;
}


/* телефон вместо URL сайта */

.apx-bath-phone{
    color:rgba(255,255,255,.46) !important;

    text-decoration:none !important;

    font-size:8px !important;
    font-weight:600 !important;

    line-height:1 !important;

    letter-spacing:.06em !important;

    white-space:nowrap !important;

    transition:color .2s ease !important;
}

.apx-bath-phone:hover{
    color:#f5f2ea !important;
}


/* стрелка */

.apx-bath-arrow{
    color:#b6a36c !important;

    text-decoration:none !important;

    font-size:18px !important;
    line-height:1 !important;

    transition:transform .22s ease !important;
}

.apx-bath-arrow:hover{
    transform:translate(2px,-2px) !important;
}


/* золотая линия при наведении */

.apx-partner-v2--bath::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:100% !important;
    bottom:-1px !important;

    height:1px !important;

    background:#b6a36c !important;

    transition:right .35s ease !important;
}

.apx-partner-v2--bath:hover::after{
    right:0 !important;
}


/* ===============================
   MOBILE
   =============================== */

@media(max-width:760px){

    .apx-partners-v2-grid{
        display:block !important;
    }

    .apx-partner-v2,
    .apx-partner-v2:first-child,
    .apx-partner-v2:last-child,
    .apx-partner-v2:nth-child(3){
        border-right:0 !important;

        padding:23px 0 !important;
    }

    .apx-partner-v2--bath{
        min-height:126px !important;

        grid-template-columns:
            24px
            minmax(0,1fr)
            20px !important;

        grid-template-rows:auto auto !important;

        gap:8px 15px !important;
    }

    .apx-partner-v2--bath .apx-partner-v2-no{
        grid-column:1 !important;
        grid-row:1 / 3 !important;
    }

    .apx-bath-content{
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .apx-bath-phone{
        grid-column:2 !important;
        grid-row:2 !important;
    }

    .apx-bath-arrow{
        grid-column:3 !important;
        grid-row:1 / 3 !important;

        align-self:center !important;
    }

    .apx-bath-title{
        font-size:23px !important;
    }
}





.apx-bath-title{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    gap:5px !important;

    color:#f5f2ea !important;
    text-decoration:none !important;
}

.apx-bath-brand{
    display:block !important;

    font-family:
        var(--apx-partners-font),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:28px !important;
    font-weight:800 !important;

    line-height:.92 !important;

    letter-spacing:-.05em !important;

    text-transform:uppercase !important;
}

.apx-bath-type{
    display:block !important;

    color:rgba(255,255,255,.52) !important;

    font-size:8px !important;
    font-weight:600 !important;

    line-height:1 !important;

    letter-spacing:.15em !important;

    text-transform:uppercase !important;
}

@media(max-width:760px){

    .apx-bath-brand{
        font-size:25px !important;
    }

    .apx-bath-type{
        font-size:7px !important;
    }

}





/* =========================================
   СЕМЕЙНАЯ БАНЯ — ПРИВОДИМ К ГОРИЗОНТАЛЬНОМУ
   ВИДУ КАК У ДРУГИХ ПАРТНЁРОВ
   ========================================= */

.apx-partner-v2--bath{
    position:relative !important;

    display:grid !important;

    grid-template-columns:
        28px
        minmax(0,1fr)
        auto
        20px !important;

    align-items:center !important;

    gap:18px !important;

    min-height:148px !important;

    color:#f5f2ea !important;
    background:transparent !important;
}


/* 03 */
.apx-partner-v2--bath .apx-partner-v2-no{
    align-self:start !important;
    padding-top:4px !important;

    color:rgba(255,255,255,.34) !important;

    font-size:7px !important;
    font-weight:700 !important;
    line-height:1 !important;

    letter-spacing:.15em !important;
}


/* левая основная часть */
.apx-bath-content{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    min-width:0 !important;

    gap:8px !important;
}


/* единое название */
.apx-bath-title{
    display:inline-block !important;

    width:max-content !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:#f5f2ea !important;
    text-decoration:none !important;

    transition:opacity .2s ease !important;
}

.apx-bath-title:hover{
    opacity:.74 !important;
}

.apx-bath-brand-full{
    display:block !important;

    color:#f5f2ea !important;

    font-family:
        var(--apx-partners-font),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:25px !important;
    font-weight:800 !important;

    line-height:.95 !important;
    letter-spacing:-.045em !important;

    text-transform:uppercase !important;
    white-space:nowrap !important;
}


/* адрес — ниже, но спокойно и строго */
.apx-bath-address{
    display:block !important;

    color:rgba(255,255,255,.44) !important;

    font-size:8px !important;
    font-weight:500 !important;

    line-height:1 !important;
    letter-spacing:.07em !important;

    white-space:nowrap !important;
}


/* телефон — делаем заметнее и читабельнее */
.apx-bath-phone{
    display:inline-block !important;

    margin:0 !important;
    padding:0 !important;

    color:#f5f2ea !important;
    text-decoration:none !important;

    font-size:11px !important;
    font-weight:700 !important;

    line-height:1 !important;
    letter-spacing:.04em !important;

    white-space:nowrap !important;

    transition:color .2s ease !important;
}

.apx-bath-phone:hover{
    color:#b6a36c !important;
}


/* стрелка */
.apx-bath-arrow{
    color:#b6a36c !important;
    text-decoration:none !important;

    font-size:18px !important;
    line-height:1 !important;

    transition:transform .22s ease !important;
}

.apx-bath-arrow:hover{
    transform:translate(2px,-2px) !important;
}


/* золотая линия при наведении */
.apx-partner-v2--bath::after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:100% !important;
    bottom:-1px !important;

    height:1px !important;

    background:#b6a36c !important;

    transition:right .35s ease !important;
}

.apx-partner-v2--bath:hover::after{
    right:0 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:760px){

    .apx-partner-v2--bath{
        grid-template-columns:
            24px
            minmax(0,1fr)
            20px !important;

        grid-template-rows:
            auto
            auto !important;

        gap:8px 15px !important;

        min-height:126px !important;
    }

    .apx-partner-v2--bath .apx-partner-v2-no{
        grid-column:1 !important;
        grid-row:1 / 3 !important;
    }

    .apx-bath-content{
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .apx-bath-phone{
        grid-column:2 !important;
        grid-row:2 !important;

        font-size:10px !important;
    }

    .apx-bath-arrow{
        grid-column:3 !important;
        grid-row:1 / 3 !important;

        align-self:center !important;
    }

    .apx-bath-brand-full{
        font-size:22px !important;
        white-space:normal !important;
    }

    .apx-bath-address{
        white-space:normal !important;
    }
}





/* =========================================
   БАНЯ: название сверху, адрес и номер ниже
   ========================================= */

.apx-partner-v2--bath{
    display:grid !important;
    grid-template-columns:
        28px
        minmax(0,1fr)
        20px !important;
    grid-template-rows:
        auto
        auto
        auto !important;

    align-items:start !important;

    column-gap:18px !important;
    row-gap:8px !important;

    min-height:148px !important;
}

.apx-partner-v2--bath .apx-partner-v2-no{
    grid-column:1 !important;
    grid-row:1 / 4 !important;
    align-self:start !important;
    padding-top:4px !important;
}

.apx-bath-content{
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;

    gap:8px !important;
    min-width:0 !important;
}

/* название */
.apx-bath-title{
    display:block !important;
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    text-decoration:none !important;
}

.apx-bath-brand-full{
    display:block !important;

    color:#f5f2ea !important;

    font-family:
        var(--apx-partners-font),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:22px !important;
    font-weight:800 !important;

    line-height:.96 !important;
    letter-spacing:-.04em !important;

    text-transform:uppercase !important;
    white-space:nowrap !important;
}

/* адрес и номер — в одном стиле */
.apx-bath-address,
.apx-bath-phone{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    text-decoration:none !important;

    font-size:10px !important;
    font-weight:650 !important;

    line-height:1.2 !important;
    letter-spacing:.05em !important;

    white-space:nowrap !important;
}

.apx-bath-address{
    grid-column:2 !important;
    grid-row:2 !important;

    color:rgba(255,255,255,.72) !important;
}

.apx-bath-phone{
    grid-column:2 !important;
    grid-row:3 !important;

    justify-self:start !important;

    color:#f5f2ea !important;
}

.apx-bath-phone:hover{
    color:#b6a36c !important;
}

/* стрелка справа */
.apx-bath-arrow{
    grid-column:3 !important;
    grid-row:1 / 4 !important;

    align-self:center !important;
}

/* mobile */
@media(max-width:760px){

    .apx-partner-v2--bath{
        grid-template-columns:
            24px
            minmax(0,1fr)
            20px !important;

        grid-template-rows:
            auto
            auto
            auto !important;

        column-gap:15px !important;
        row-gap:7px !important;

        min-height:126px !important;
    }

    .apx-partner-v2--bath .apx-partner-v2-no{
        grid-column:1 !important;
        grid-row:1 / 4 !important;
    }

    .apx-bath-content{
        grid-column:2 !important;
        grid-row:1 / 3 !important;
    }

    .apx-bath-brand-full{
        font-size:20px !important;
        white-space:normal !important;
    }

    .apx-bath-address,
    .apx-bath-phone{
        font-size:9px !important;
        white-space:normal !important;
    }

    .apx-bath-address{
        grid-column:2 !important;
        grid-row:2 !important;
    }

    .apx-bath-phone{
        grid-column:2 !important;
        grid-row:3 !important;
    }

    .apx-bath-arrow{
        grid-column:3 !important;
        grid-row:1 / 4 !important;
        align-self:center !important;
    }
}





/* =========================================
   БАНЯ — БЕЗ ТЕЛЕФОНА, В ОДНОМ СТИЛЕ
   С ДРУГИМИ СПОНСОРАМИ
   ========================================= */

.apx-partner-v2--bath{
    position:relative !important;

    display:grid !important;
    grid-template-columns:
        28px
        minmax(0,1fr)
        20px !important;
    grid-template-rows:
        auto
        auto !important;

    align-content:center !important;
    align-items:center !important;

    column-gap:18px !important;
    row-gap:8px !important;

    min-height:148px !important;
    padding:27px 24px !important;

    color:#f5f2ea !important;
    background:transparent !important;
}

/* 03 */
.apx-partner-v2--bath .apx-partner-v2-no{
    grid-column:1 !important;
    grid-row:1 / 3 !important;

    align-self:start !important;
    padding-top:4px !important;

    color:rgba(255,255,255,.34) !important;

    font-size:7px !important;
    font-weight:700 !important;
    line-height:1 !important;
    letter-spacing:.15em !important;
}

/* основная часть */
.apx-bath-content{
    grid-column:2 !important;
    grid-row:1 / 3 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;

    gap:9px !important;
    min-width:0 !important;
}

/* название */
.apx-bath-title{
    display:inline-block !important;

    width:max-content !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    color:#f5f2ea !important;
    text-decoration:none !important;

    transition:opacity .2s ease !important;
}

.apx-bath-title:hover{
    opacity:.74 !important;
}

.apx-bath-brand-full{
    display:block !important;

    color:#f5f2ea !important;

    font-family:
        var(--apx-partners-font),
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-size:25px !important;
    font-weight:800 !important;

    line-height:.95 !important;
    letter-spacing:-.045em !important;

    text-transform:uppercase !important;
    white-space:nowrap !important;
}

/* адрес */
.apx-bath-address{
    display:block !important;

    margin:0 !important;
    padding:0 !important;

    color:rgba(255,255,255,.44) !important;

    font-size:8px !important;
    font-weight:500 !important;

    line-height:1 !important;
    letter-spacing:.07em !important;

    white-space:nowrap !important;
}

/* телефон скрываем полностью */
.apx-bath-phone{
    display:none !important;
}

/* стрелка справа */
.apx-bath-arrow{
    grid-column:3 !important;
    grid-row:1 / 3 !important;

    align-self:center !important;

    color:#b6a36c !important;
    text-decoration:none !important;

    font-size:18px !important;
    line-height:1 !important;

    transition:transform .22s ease !important;
}

.apx-bath-arrow:hover{
    transform:translate(2px,-2px) !important;
}

/* золотая линия */
.apx-partner-v2--bath::after{
    content:"" !important;

    position:absolute !important;
    left:0 !important;
    right:100% !important;
    bottom:-1px !important;

    height:1px !important;
    background:#b6a36c !important;

    transition:right .35s ease !important;
}

.apx-partner-v2--bath:hover::after{
    right:0 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:760px){

    .apx-partner-v2--bath{
        grid-template-columns:
            24px
            minmax(0,1fr)
            20px !important;
        grid-template-rows:
            auto
            auto !important;

        column-gap:15px !important;
        row-gap:7px !important;

        min-height:126px !important;
        padding:23px 0 !important;
    }

    .apx-partner-v2--bath .apx-partner-v2-no{
        grid-column:1 !important;
        grid-row:1 / 3 !important;
    }

    .apx-bath-content{
        grid-column:2 !important;
        grid-row:1 / 3 !important;
    }

    .apx-bath-brand-full{
        font-size:22px !important;
        white-space:normal !important;
    }

    .apx-bath-address{
        white-space:normal !important;
    }

    .apx-bath-arrow{
        grid-column:3 !important;
        grid-row:1 / 3 !important;
    }
}





/* ПАРТНЁРЫ ШКОЛЫ — единый аккуратный стиль */
.apx-partners-title-unified-v1{
    position:relative !important;

    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;

    display:block !important;

    width:100% !important;
    max-width:none !important;

    margin:0 0 26px 0 !important;
    padding:0 !important;

    text-align:left !important;

    font-family:
        "Roboto Condensed",
        "Arial Narrow",
        Arial,
        sans-serif !important;

    font-size:40px !important;
    font-weight:700 !important;
    font-style:italic !important;

    line-height:.95 !important;
    letter-spacing:-.035em !important;

    text-transform:uppercase !important;

    color:#f3f1eb !important;

    transform:none !important;
    text-shadow:none !important;

    opacity:1 !important;
    visibility:visible !important;
}


/* телефон */
@media(max-width:850px){

    .apx-partners-title-unified-v1{
        margin-bottom:20px !important;

        font-size:30px !important;
        line-height:1 !important;
    }

}





/* Блок партнёров принимает реальный фон подвала */
.apx-shadow-.apx-shadow-body .apx-training-partners-bg-final{
    background-color:
        var(--apx-real-footer-bg-color) !important;

    background-image:
        var(--apx-real-footer-bg-image) !important;

    background-repeat:
        var(--apx-real-footer-bg-repeat) !important;

    background-position:
        var(--apx-real-footer-bg-position) !important;

    background-size:
        var(--apx-real-footer-bg-size) !important;

    box-shadow:none !important;
}

/* Внутренние обёртки не перекрывают фон */
.apx-shadow-.apx-shadow-body
.apx-training-partners-bg-final > div{
    background-color:transparent !important;
    background-image:none !important;
}





/* ===================================================
   ЕДИНАЯ ШАПКА APX
   Эталон — страница "РАСПИСАНИЕ"
   =================================================== */

/* Все семь пунктов */
a.apx-nav-item {
    position: relative !important;

    color: rgba(243,241,235,.72) !important;

    text-decoration: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
    background-image: none !important;
}

/* Любые вложенные span наследуют наш цвет */
a.apx-nav-item * {
    color: inherit !important;

    border-bottom: 0 !important;
    box-shadow: none !important;
}


/* Даже если старый JS добавил active не тому пункту,
   он всё равно остаётся приглушённым */
a.apx-nav-item:not(.apx-nav-current-canonical),
a.apx-nav-item:not(.apx-nav-current-canonical):hover,
a.apx-nav-item:not(.apx-nav-current-canonical):focus {
    color: rgba(243,241,235,.72) !important;
}


/* ---------------------------------------------------
   Полностью забираем управление старой чертой
   --------------------------------------------------- */

a.apx-nav-item::before {
    content: none !important;
    display: none !important;
}

a.apx-nav-item > *::before,
a.apx-nav-item > *::after {
    content: none !important;
    display: none !important;
}


/* Наша единственная золотая черта */
a.apx-nav-item::after {
    content: "" !important;

    display: block !important;

    position: absolute !important;

    left: 50% !important;
    bottom: -14px !important;

    width: 40px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b79b55 !important;
    background-color: #b79b55 !important;

    border: 0 !important;

    transform: translateX(-50%) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* ===================================================
   ТЕКУЩАЯ СТРАНИЦА
   =================================================== */

a.apx-nav-item.apx-nav-current-canonical {
    color: #ffffff !important;
}

a.apx-nav-item.apx-nav-current-canonical * {
    color: #ffffff !important;
}


/* Черта только под текущей страницей */
a.apx-nav-item.apx-nav-current-canonical::after {
    opacity: 1 !important;
    visibility: visible !important;
}





/* =============================================
   ЕДИНЫЙ ВИД ПУНКТОВ ШАПКИ
   Эталон: РАСПИСАНИЕ
   ============================================= */

header a[data-apx-nav-item="1"] {
    position: relative !important;

    color: rgba(243,241,235,.72) !important;

    text-decoration: none !important;

    border: 0 !important;
    border-bottom: 0 !important;

    box-shadow: none !important;
}

/* Любой текст внутри ссылки */
header a[data-apx-nav-item="1"] *:not(.apx-current-line-final) {
    color: inherit !important;
}

/* Гасим старые линии через псевдоэлементы */
header a[data-apx-nav-item="1"]::before,
header a[data-apx-nav-item="1"]::after {
    content: none !important;
    display: none !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =============================================
   ТЕКУЩИЙ РАЗДЕЛ
   ============================================= */

header a[data-apx-current="1"] {
    color: #ffffff !important;
}

header a[data-apx-current="1"] *:not(.apx-current-line-final) {
    color: #ffffff !important;
}


/* =============================================
   ЕДИНСТВЕННАЯ ЗОЛОТАЯ ЧЕРТА
   ============================================= */

header a[data-apx-current="1"] > .apx-current-line-final {
    display: block !important;

    position: absolute !important;

    left: 50% !important;
    bottom: -14px !important;

    width: 40px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b79b55 !important;

    transform: translateX(-50%) !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;
    z-index: 100 !important;
}





/* ===============================================
   ЕДИНЫЙ ВИД ШАПКИ НА ВСЕХ СТРАНИЦАХ
   =============================================== */

.apx-shadow-body header a[data-apx-nav="1"] {
    position: relative !important;

    color: rgba(243,241,235,.72) !important;

    text-decoration: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
}

/* ВАЖНО:
   красим вообще ВСЕ внутренние элементы ссылки */
.apx-shadow-body header a[data-apx-nav="1"] * {
    color: rgba(243,241,235,.72) !important;
}


/* Убираем старые псевдо-линии */
.apx-shadow-body header a[data-apx-nav="1"]::before,
.apx-shadow-body header a[data-apx-nav="1"]::after {
    content: none !important;
    display: none !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* ===============================================
   АКТИВНЫЙ РАЗДЕЛ
   =============================================== */

.apx-shadow-body header a[data-apx-current="1"] {
    color: #ffffff !important;
}

/* Это решает текущую проблему:
   белым становится не только <a>, но и любой span внутри */
.apx-shadow-body header a[data-apx-current="1"] *,
.apx-shadow-body header a[data-apx-current="1"] .apx-nav-label-final {
    color: #ffffff !important;
}


/* ===============================================
   ОДНА ЗОЛОТАЯ ЧЕРТА
   =============================================== */

.apx-shadow-body header
a[data-apx-current="1"]
> span.apx-nav-gold-line-final {

    display: block !important;

    position: absolute !important;

    left: 50% !important;
    bottom: -14px !important;

    width: 40px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b79b55 !important;

    transform: translateX(-50%) !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    z-index: 99999 !important;
}


/* Родители не имеют права обрезать линию */
.apx-shadow-body header,
.apx-shadow-body header nav,
.apx-shadow-body header .main-nav,
.apx-shadow-body header .about-nav {
    overflow: visible !important;
}





/* ======================================================
   ЕДИНСТВЕННАЯ ШАПКА APX
   Никаких зависимостей от CSS конкретных страниц
   ====================================================== */

#apx-canonical-header-v1,
#apx-canonical-header-v1 * {
    box-sizing: border-box !important;
}

#apx-canonical-header-v1 {
    width: 100% !important;
    height: 102px !important;
    min-height: 102px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    inset: auto !important;

    display: block !important;

    background: #041b16 !important;
    background-color: #041b16 !important;
    background-image: none !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: 9999 !important;
}

#apx-canonical-header-v1 .apx-ch-inner {
    width: 100% !important;
    max-width: 1740px !important;
    height: 102px !important;

    margin: 0 auto !important;
    padding: 0 64px !important;

    display: grid !important;
    grid-template-columns: 270px minmax(650px,1fr) 180px !important;

    align-items: center !important;
    column-gap: 34px !important;
}


/* ---------------- LOGO ---------------- */

#apx-canonical-header-v1 .apx-ch-brand {
    height: 102px !important;

    display: flex !important;
    align-items: center !important;

    gap: 14px !important;

    text-decoration: none !important;

    position: relative !important;
}

#apx-canonical-header-v1 .apx-ch-logo-emblem {
    width: 54px !important;
    height: 66px !important;

    display: block !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}

#apx-canonical-header-v1 .apx-ch-logo-word {
    width: 116px !important;
    height: auto !important;
    max-height: 66px !important;

    display: block !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}


/* ---------------- MENU ---------------- */

#apx-canonical-header-v1 .apx-ch-nav {
    height: 102px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 34px !important;

    overflow: visible !important;
}

#apx-canonical-header-v1 .apx-ch-nav > a {
    height: 102px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    white-space: nowrap !important;

    color: rgba(243,241,235,.72) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .07em !important;

    text-transform: uppercase !important;
    text-decoration: none !important;

    background: none !important;

    border: 0 !important;
    box-shadow: none !important;

    transform: none !important;

    overflow: visible !important;
}


/* Уничтожаем старые псевдоэлементы */
#apx-canonical-header-v1 .apx-ch-nav > a::before {
    content: none !important;
    display: none !important;
}


/* Только наша линия */
#apx-canonical-header-v1 .apx-ch-nav > a::after {
    content: "" !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 25px !important;

    width: 40px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b79b55 !important;

    border: 0 !important;

    transform: translateX(-50%) !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;
}


/* ACTIVE */
#apx-canonical-header-v1
.apx-ch-nav > a.apx-ch-current {

    color: #ffffff !important;
}

#apx-canonical-header-v1
.apx-ch-nav > a.apx-ch-current::after {

    opacity: 1 !important;
    visibility: visible !important;
}


/* ---------------- BUTTON ---------------- */

#apx-canonical-header-v1 .apx-ch-cta {
    width: 162px !important;
    height: 48px !important;

    margin: 0 !important;
    padding: 0 17px !important;

    justify-self: end !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    color: #ffffff !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    letter-spacing: .04em !important;

    text-decoration: none !important;
    text-transform: uppercase !important;

    background: transparent !important;

    border: 1px solid rgba(255,255,255,.35) !important;

    box-shadow: none !important;

    position: relative !important;
}

#apx-canonical-header-v1 .apx-ch-cta::before,
#apx-canonical-header-v1 .apx-ch-cta::after {
    content: none !important;
    display: none !important;
}

#apx-canonical-header-v1 .apx-ch-arrow {
    color: #ffffff !important;

    font-size: 15px !important;
    font-weight: 400 !important;

    line-height: 1 !important;

    margin-left: 12px !important;
}


/* ======================================================
   АДАПТАЦИЯ
   ====================================================== */

@media (max-width: 1450px) {

    #apx-canonical-header-v1 .apx-ch-inner {
        padding-left: 40px !important;
        padding-right: 40px !important;

        grid-template-columns: 230px minmax(600px,1fr) 170px !important;
    }

    #apx-canonical-header-v1 .apx-ch-nav {
        gap: 25px !important;
    }

    #apx-canonical-header-v1 .apx-ch-nav > a {
        font-size: 9px !important;
    }
}


@media (max-width: 1150px) {

    #apx-canonical-header-v1 .apx-ch-inner {
        padding-left: 24px !important;
        padding-right: 24px !important;

        grid-template-columns: 190px 1fr 150px !important;
    }

    #apx-canonical-header-v1 .apx-ch-nav {
        gap: 16px !important;
    }

    #apx-canonical-header-v1 .apx-ch-nav > a {
        font-size: 8px !important;
    }

    #apx-canonical-header-v1 .apx-ch-cta {
        width: 145px !important;
    }
}





/* Реальная золотая линия под активным пунктом */
#apx-canonical-header-v1 .apx-ch-nav > a {
    position: relative !important;
    overflow: visible !important;
}

/* Больше не используем старый ::after */
#apx-canonical-header-v1 .apx-ch-nav > a::after {
    content: none !important;
    display: none !important;
}

/* Сама линия */
#apx-canonical-header-v1
.apx-ch-nav > a.apx-ch-current
> .apx-ch-current-line {

    display: block !important;

    position: absolute !important;

    left: 50% !important;
    bottom: 24px !important;

    width: 40px !important;
    height: 1px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #b79b55 !important;
    background-color: #b79b55 !important;
    background-image: none !important;

    border: 0 !important;

    transform: translateX(-50%) !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    z-index: 99999 !important;
}





/*
   APX MOBILE SAFE V2
   ВАЖНО:
   шапку / меню / hamburger здесь вообще не трогаем.
*/

html{
    -webkit-text-size-adjust:100% !important;
    text-size-adjust:100% !important;
}

html,
body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}

img,
picture,
video,
svg,
canvas{
    max-width:100%;
}

img,
video{
    height:auto;
}

button,
a{
    touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;
}


/* ======================================================
   MOBILE
   ====================================================== */

@media (max-width:900px){

    main,
    main > section,
    article{
        max-width:100% !important;
    }

    /*
       НЕ ТРОГАЕМ:
       #apx-canonical-header-v1
       .apx-ch-inner
       .apx-ch-nav
       .apx-ch-cta
       hamburger/menu button
    */


    /* Текст */
    h1,
    h2,
    h3,
    p{
        overflow-wrap:break-word;
    }


    /* Специалисты — текст после hero */
    .apx-specialists-intro{
        box-sizing:border-box !important;

        width:100% !important;
        max-width:100% !important;

        padding-left:22px !important;
        padding-right:22px !important;
    }

    .apx-specialists-intro p{
        width:100% !important;
        max-width:100% !important;

        font-size:17px !important;
        line-height:1.55 !important;
    }


    /* Карточки специалистов */
    .apx-coaches-stage{
        max-width:100% !important;
        overflow:hidden !important;
    }

    .apx-coach-panel{
        min-width:0 !important;
    }


    /* Формы */
    form{
        box-sizing:border-box !important;
        width:100% !important;
        max-width:100% !important;
    }

    input,
    textarea,
    select{
        box-sizing:border-box !important;
        max-width:100% !important;

        /*
           16px предотвращает автоматическое увеличение
           формы Safari при нажатии на поле.
        */
        font-size:16px !important;
    }

    input,
    select,
    button{
        min-height:44px;
    }


    /* Таблицы */
    table{
        max-width:100% !important;
    }


    /* Подвал */
    footer{
        width:100% !important;
        max-width:100% !important;
        overflow:hidden !important;
    }
}


/* Компактные смартфоны */
@media (max-width:600px){

    .apx-specialists-intro{
        padding-left:18px !important;
        padding-right:18px !important;
    }

}


/* iOS Safari */
@supports (-webkit-touch-callout:none){

    input,
    textarea,
    select{
        font-size:16px !important;
    }

}





/* =========================================================
   APX — MOBILE HEADER FINAL
   desktop не затрагивается
   ========================================================= */

@media (max-width:900px) {

    #apx-canonical-header-v1 {
        width:100% !important;
        height:96px !important;
        min-height:96px !important;

        position:relative !important;

        overflow:visible !important;

        background:#041b16 !important;
    }

    #apx-canonical-header-v1 .apx-ch-inner {
        width:100% !important;
        max-width:none !important;

        height:96px !important;
        min-height:96px !important;

        box-sizing:border-box !important;

        padding:12px 18px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        gap:16px !important;
    }


    /* ---------- LOGO ---------- */

    #apx-canonical-header-v1 .apx-ch-brand {
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        flex:0 1 auto !important;

        width:auto !important;
        max-width:calc(100% - 74px) !important;

        margin:0 !important;
        padding:0 !important;

        gap:10px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-emblem {
        display:block !important;

        width:49px !important;
        height:67px !important;

        flex:0 0 49px !important;

        object-fit:contain !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-word {
        display:block !important;

        width:auto !important;
        height:35px !important;

        max-width:156px !important;

        object-fit:contain !important;
    }


    /* ---------- DESKTOP NAV УБИРАЕМ ---------- */

    #apx-canonical-header-v1 .apx-ch-nav {
        display:none !important;

        width:0 !important;
        height:0 !important;

        margin:0 !important;
        padding:0 !important;

        opacity:0 !important;
        visibility:hidden !important;

        pointer-events:none !important;

        overflow:hidden !important;
    }


    /*
       Исходная desktop CTA нам на телефоне не нужна:
       твой существующий mobile-menu уже копирует
       "Подать заявку" внутрь открывающегося меню.
    */
    #apx-canonical-header-v1 .apx-ch-cta {
        display:none !important;
    }


    /* ---------- BURGER ---------- */

    #apx-canonical-header-v1 .apx-mobile-menu-toggle,
#apx-canonical-header-v1 .apx-mobile-menu-button,
#apx-canonical-header-v1 .apx-mobile-menu-btn,
#apx-canonical-header-v1 .apx-menu-toggle,
#apx-canonical-header-v1 .apx-menu-button,
#apx-canonical-header-v1 .apx-burger,
#apx-canonical-header-v1 [data-apx-menu-toggle],
#apx-canonical-header-v1 [aria-controls='apx-mobile-menu'] {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        width:58px !important;
        min-width:58px !important;
        max-width:58px !important;

        height:58px !important;
        min-height:58px !important;
        max-height:58px !important;

        flex:0 0 58px !important;

        margin:0 0 0 auto !important;
        padding:0 !important;

        z-index:10002 !important;

        box-sizing:border-box !important;
    }

}


/* маленькие телефоны */
@media (max-width:420px) {

    #apx-canonical-header-v1,
    #apx-canonical-header-v1 .apx-ch-inner {
        height:88px !important;
        min-height:88px !important;
    }

    #apx-canonical-header-v1 .apx-ch-inner {
        padding-left:14px !important;
        padding-right:14px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-emblem {
        width:44px !important;
        height:61px !important;
        flex-basis:44px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-word {
        height:31px !important;
        max-width:138px !important;
    }

}





/* ==========================================
   APX MOBILE HEADER — COMPACT PREMIUM
   ========================================== */

@media (max-width:900px){

    #apx-canonical-header-v1{
        height:88px !important;
        min-height:88px !important;
    }

    #apx-canonical-header-v1 .apx-ch-inner{
        height:88px !important;
        min-height:88px !important;

        padding:10px 16px !important;
        gap:14px !important;
    }


    /* логотип */
    #apx-canonical-header-v1 .apx-ch-brand{
        gap:9px !important;
        max-width:calc(100% - 66px) !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-emblem{
        width:44px !important;
        height:60px !important;
        flex:0 0 44px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-word{
        height:31px !important;
        width:auto !important;
        max-width:140px !important;
    }


    /* бургер */
    #apx-canonical-header-v1 .apx-mobile-menu-toggle,
    #apx-canonical-header-v1 .apx-mobile-menu-button,
    #apx-canonical-header-v1 .apx-mobile-menu-btn,
    #apx-canonical-header-v1 .apx-menu-toggle,
    #apx-canonical-header-v1 .apx-menu-button,
    #apx-canonical-header-v1 .apx-burger,
    #apx-canonical-header-v1 [data-apx-menu-toggle],
    #apx-canonical-header-v1 [aria-controls="apx-mobile-menu"]{

        width:52px !important;
        min-width:52px !important;
        max-width:52px !important;

        height:52px !important;
        min-height:52px !important;
        max-height:52px !important;

        flex-basis:52px !important;

        margin-left:auto !important;
    }

}


/* самые компактные телефоны */
@media (max-width:420px){

    #apx-canonical-header-v1{
        height:82px !important;
        min-height:82px !important;
    }

    #apx-canonical-header-v1 .apx-ch-inner{
        height:82px !important;
        min-height:82px !important;

        padding:9px 14px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-emblem{
        width:40px !important;
        height:55px !important;
        flex-basis:40px !important;
    }

    #apx-canonical-header-v1 .apx-ch-logo-word{
        height:28px !important;
        max-width:128px !important;
    }

    #apx-canonical-header-v1 .apx-mobile-menu-toggle,
    #apx-canonical-header-v1 .apx-mobile-menu-button,
    #apx-canonical-header-v1 .apx-mobile-menu-btn,
    #apx-canonical-header-v1 .apx-menu-toggle,
    #apx-canonical-header-v1 .apx-menu-button,
    #apx-canonical-header-v1 .apx-burger,
    #apx-canonical-header-v1 [data-apx-menu-toggle],
    #apx-canonical-header-v1 [aria-controls="apx-mobile-menu"]{

        width:48px !important;
        min-width:48px !important;
        max-width:48px !important;

        height:48px !important;
        min-height:48px !important;
        max-height:48px !important;

        flex-basis:48px !important;
    }

}





@media (max-width:900px){

    /*
       Сначала скрываем ВСЕ известные старые мобильные
       кнопки меню на странице.
    */

    .apx-mobile-menu-toggle,
    .apx-mobile-menu-button,
    .apx-mobile-menu-btn,
    .apx-menu-toggle,
    .apx-menu-button,
    .apx-burger,
    [data-apx-menu-toggle],
    [aria-controls="apx-mobile-menu"]{
        display:none !important;
    }


    /*
       А кнопку, которая находится внутри нашей
       общей canonical-шапки, показываем обратно.
    */

    #apx-canonical-header-v1 .apx-mobile-menu-toggle,
    #apx-canonical-header-v1 .apx-mobile-menu-button,
    #apx-canonical-header-v1 .apx-mobile-menu-btn,
    #apx-canonical-header-v1 .apx-menu-toggle,
    #apx-canonical-header-v1 .apx-menu-button,
    #apx-canonical-header-v1 .apx-burger,
    #apx-canonical-header-v1 [data-apx-menu-toggle],
    #apx-canonical-header-v1 [aria-controls="apx-mobile-menu"]{

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        margin-left:auto !important;

        visibility:visible !important;
        opacity:1 !important;

        pointer-events:auto !important;

        z-index:10002 !important;
    }

}





/* =========================================================
   APX MOBILE MENU
   Шапка и кнопка меню остаются на месте при открытии
   ========================================================= */

@media (max-width:900px){

    /*
       Шапка всегда выше полноэкранного меню
    */
    #apx-canonical-header-v1{
        position:relative !important;
        z-index:30050 !important;

        background:#041b16 !important;
    }

    #apx-canonical-header-v1 .apx-ch-inner{
        position:relative !important;
        z-index:30051 !important;
    }


    /*
       Сам бургер остаётся именно на том же месте,
       где находится в закрытом состоянии.
    */
    #apx-canonical-header-v1 .apx-mobile-menu-button,
    #apx-canonical-header-v1 .apx-mobile-menu-button.is-open,
    #apx-canonical-header-v1 .apx-mobile-menu-toggle,
    #apx-canonical-header-v1 .apx-mobile-menu-toggle.is-open,
    #apx-canonical-header-v1 .apx-mobile-menu-btn,
    #apx-canonical-header-v1 .apx-mobile-menu-btn.is-open,
    #apx-canonical-header-v1 .apx-menu-toggle,
    #apx-canonical-header-v1 .apx-menu-toggle.is-open,
    #apx-canonical-header-v1 .apx-burger,
    #apx-canonical-header-v1 .apx-burger.is-open,
    #apx-canonical-header-v1 [data-apx-menu-toggle]{

        position:relative !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        margin-left:auto !important;

        transform:none;

        visibility:visible !important;
        opacity:1 !important;

        pointer-events:auto !important;

        z-index:30060 !important;
    }


    /*
       Полноэкранное меню находится ПОД шапкой.
       Текущая мобильная шапка = 88px.
    */
    .apx-mobile-menu-overlay{
        position:fixed !important;

        top:0 !important;
        right:0 !important;
        bottom:0 !important;
        left:0 !important;

        width:100% !important;
        height:100dvh !important;

        padding-top:88px !important;

        box-sizing:border-box !important;

        z-index:30000 !important;

        background:#041b16 !important;
    }


    /*
       Прокрутка только содержимого меню.
       Шапка при этом остаётся неподвижной.
    */
    .apx-mobile-menu-inner{
        width:100% !important;
        height:calc(100dvh - 88px) !important;
        max-height:calc(100dvh - 88px) !important;

        overflow-y:auto !important;
        overflow-x:hidden !important;

        -webkit-overflow-scrolling:touch;

        box-sizing:border-box !important;
    }

}


/* Компактные iPhone / Android */
@media (max-width:420px){

    .apx-mobile-menu-overlay{
        padding-top:82px !important;
    }

    .apx-mobile-menu-inner{
        height:calc(100dvh - 82px) !important;
        max-height:calc(100dvh - 82px) !important;
    }

}





@media(max-width:850px){

    /*
       Реальный родитель всего блока
       "СТАТЬ ЧАСТЬЮ КОМАНДЫ".
       Меняем ТОЛЬКО горизонтальную геометрию.
    */
    div.hero-finale{
        width:100vw !important;
        max-width:100vw !important;
        min-width:0 !important;

        left:50% !important;
        right:auto !important;

        transform:translateX(-50%) !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:32px !important;
        padding-right:32px !important;

        box-sizing:border-box !important;
    }


    /*
       Верхние элементы блока используют
       внутренние симметричные края родителя.
    */
    div.hero-finale > p,
    div.hero-finale > h2,
    div.hero-finale > span,
    div.hero-finale > .hero-form-grid{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        left:auto !important;
        right:auto !important;

        transform:none !important;

        box-sizing:border-box !important;
    }


    /*
       Сетка формы — одна колонка строго
       внутри этих же 32px.
    */
    div.hero-finale > .hero-form-grid{
        display:grid !important;

        grid-template-columns:minmax(0,1fr) !important;

        box-sizing:border-box !important;
    }


    div.hero-finale .hero-form-grid > *{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    div.hero-finale input,
    div.hero-finale select,
    div.hero-finale textarea,
    div.hero-finale button{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }


    /*
       Старые декоративные псевдоэлементы
       сетки тоже не выходят за правый край.
    */
    div.hero-finale .hero-form-grid::before,
    div.hero-finale .hero-form-grid::after{
        left:0 !important;
        right:0 !important;

        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }

}





/*
   Используем РОДНОЙ механизм сайта.

   Пока ролик не закончен и у .hero нет .story-ended —
   "СТАТЬ ЧАСТЬЮ КОМАНДЫ" вообще не существует визуально.
*/
.hero:not(.story-ended) .hero-finale{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    pointer-events:none !important;
}


/*
   Когда существующий JS добавляет .story-ended,
   старые штатные стили hero-finale снова начинают работать.
   Здесь намеренно НЕ задаём display/position/width,
   чтобы не ломать финальный экран.
*/
.hero.story-ended .hero-finale{
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
}





.apx-news-reference-v5{
    --news-image:url("/apx-training-hero.webp?v=1");

    width:100%;
    padding:
        80px
        max(76px, calc((100vw - 1500px) / 2))
        90px;

    box-sizing:border-box;

    background:#041b16;
    color:#f3f1eb;

    overflow:hidden;
}


/* HEADER */

.apx-news-ref-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;

    margin-bottom:28px;
}

.apx-news-ref-kicker{
    margin-bottom:15px;

    color:#b79b55;

    font-size:9px;
    font-weight:700;
    letter-spacing:.20em;
}

.apx-news-ref-head h2{
    margin:0;

    font-family:
        "Roboto Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;

    font-size:48px;
    font-weight:900;
    font-style:italic;

    line-height:.92;
    letter-spacing:-.035em;

    color:#e4e4de;
}

.apx-news-ref-all{
    padding-bottom:6px;

    color:rgba(243,241,235,.38);

    font-size:9px;
    font-weight:700;
    letter-spacing:.14em;
}

.apx-news-ref-all span{
    color:#b79b55;
}


/* FRAME */

.apx-news-ref-frame{
    position:relative;

    width:100%;
    height:455px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.16);

    box-sizing:border-box;
}

.apx-news-ref-track{
    display:flex;

    width:100%;
    height:100%;

    transform:translate3d(0,0,0);

    transition:
        transform .45s cubic-bezier(.22,.68,.18,1);
}

.apx-news-ref-slide{
    position:relative;

    flex:0 0 100%;

    width:100%;
    height:100%;

    overflow:hidden;
}


/* FOUR PANELS */

.apx-news-ref-visual{
    position:absolute;
    inset:0;

    display:grid;

    grid-template-columns:
        1fr 1fr 1fr 1fr;

    z-index:1;
}

.apx-news-ref-panel{
    position:relative;

    background-image:var(--news-image);
    background-repeat:no-repeat;

    /*
       Один уже существующий APX-фон делим
       на четыре визуальные части.
    */
    background-size:400% 100%;

    border-right:
        1px solid rgba(255,255,255,.15);

    filter:
        saturate(.82)
        brightness(.76);

    transform:scale(1.002);
}

.apx-news-ref-panel.p1{
    background-position:0% center;
}

.apx-news-ref-panel.p2{
    background-position:33.333% center;
}

.apx-news-ref-panel.p3{
    background-position:66.666% center;
}

.apx-news-ref-panel.p4{
    background-position:100% center;
}


/* DARK OVERLAY */

.apx-news-ref-overlay{
    position:absolute;
    inset:0;

    z-index:2;

    background:
        linear-gradient(
            90deg,

            rgba(3,18,15,.92) 0%,
            rgba(3,18,15,.82) 17%,
            rgba(3,18,15,.62) 37%,
            rgba(3,18,15,.22) 63%,
            rgba(3,18,15,.04) 100%
        ),
        linear-gradient(
            0deg,
            rgba(3,18,15,.48),
            transparent 55%
        );

    pointer-events:none;
}


/* CONTENT */

.apx-news-ref-content{
    position:absolute;

    left:58px;
    bottom:48px;

    width:min(760px,65%);

    z-index:5;
}

.apx-news-ref-meta{
    margin-bottom:22px;

    color:#d3a84b;

    font-size:9px;
    font-weight:700;
    letter-spacing:.16em;
}

.apx-news-ref-meta span{
    margin-left:24px;
}

.apx-news-ref-content h3{
    margin:0 0 20px;

    font-family:
        "Roboto Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;

    font-size:45px;
    line-height:.93;

    font-weight:900;
    font-style:italic;

    letter-spacing:-.025em;

    color:#fff;
}

.apx-news-ref-content p{
    margin:0 0 28px;

    max-width:620px;

    color:rgba(255,255,255,.72);

    font-size:14px;
    line-height:1.5;
}

.apx-news-ref-link{
    display:inline-flex;
    align-items:center;

    gap:13px;

    color:#fff;

    font-size:9px;
    font-weight:700;
    letter-spacing:.15em;

    text-decoration:none;
}

.apx-news-ref-link span{
    color:#b79b55;
}


/* FOOT */

.apx-news-ref-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;

    margin-top:16px;
}

.apx-news-ref-dots{
    display:flex;
    align-items:center;

    gap:9px;
}

.apx-news-ref-dot{
    width:27px;
    height:2px;

    margin:0;
    padding:0;

    border:0;

    background:
        rgba(255,255,255,.15);

    cursor:pointer;

    transition:
        width .18s ease,
        background .18s ease;
}

.apx-news-ref-dot.active{
    width:35px;

    background:#b79b55;
}


.apx-news-ref-arrows{
    display:flex;

    gap:8px;
}

.apx-news-ref-arrow{
    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0;

    border:
        1px solid rgba(255,255,255,.17);

    background:transparent;

    color:rgba(255,255,255,.65);

    font-size:17px;

    cursor:pointer;

    transition:
        border-color .17s ease,
        color .17s ease;
}

.apx-news-ref-arrow:hover{
    border-color:#b79b55;
    color:#fff;
}


/* ==================================================
   MOBILE
   ================================================== */

@media(max-width:850px){

    .apx-news-reference-v5{
        padding:
            56px
            18px
            65px;
    }

    .apx-news-ref-head{
        margin-bottom:22px;
    }

    .apx-news-ref-head h2{
        font-size:35px;
    }

    .apx-news-ref-all{
        display:none;
    }

    .apx-news-ref-frame{
        height:470px;
    }

    .apx-news-ref-visual{
        grid-template-columns:
            repeat(4,1fr);
    }

    .apx-news-ref-content{
        left:23px;
        right:23px;
        bottom:29px;

        width:auto;
    }

    .apx-news-ref-content h3{
        font-size:31px;
        line-height:.94;
    }

    .apx-news-ref-content h3 br{
        display:none;
    }

    .apx-news-ref-content p{
        max-width:92%;

        font-size:12.5px;
    }

    .apx-news-ref-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(3,18,15,.88),
                rgba(3,18,15,.42)
            ),
            linear-gradient(
                0deg,
                rgba(3,18,15,.78),
                transparent 68%
            );
    }

    .apx-news-ref-arrow{
        width:42px;
        height:42px;
    }

}





/* =====================================================
   ТРИ НОВЫХ ФОТО
   ===================================================== */

#apx-news-reference-v5
.apx-news-ref-slide:nth-child(1){
    --news-image:
        url("/media/news/apx-news-01-final.webp?v=20260910-172924") !important;
}

#apx-news-reference-v5
.apx-news-ref-slide:nth-child(2){
    --news-image:
        url("/media/news/apx-news-02-final.webp?v=20260910-172924") !important;
}

#apx-news-reference-v5
.apx-news-ref-slide:nth-child(3){
    --news-image:
        url("/media/news/apx-news-03-final.webp?v=20260910-172924") !important;
}


/*
   ВАЖНО:
   больше НЕ растягиваем картинку отдельно
   внутри четырёх колонок.

   Один цельный фон сохраняет пропорции.
*/
#apx-news-reference-v5
.apx-news-ref-visual{
    position:absolute !important;
    inset:0 !important;

    display:block !important;

    background-image:
        var(--news-image) !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;

    filter:
        saturate(.88)
        brightness(.82) !important;

    transform:none !important;
}


/*
   Старые четыре части больше
   не рисуют четыре растянутые копии.
*/
#apx-news-reference-v5
.apx-news-ref-panel{
    background:none !important;
    background-image:none !important;

    filter:none !important;
    transform:none !important;

    border:0 !important;
}


/*
   Но визуальные вертикальные разделители,
   как в исходном дизайне, сохраняем.
*/
#apx-news-reference-v5
.apx-news-ref-visual::after{
    content:"" !important;

    position:absolute !important;
    inset:0 !important;

    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,

            transparent 24.92%,
            rgba(255,255,255,.13) 25%,
            transparent 25.08%,

            transparent 49.92%,
            rgba(255,255,255,.13) 50%,
            transparent 50.08%,

            transparent 74.92%,
            rgba(255,255,255,.13) 75%,
            transparent 75.08%
        ) !important;

    z-index:2 !important;
}


/* затемнение для текста остаётся поверх фотографии */
#apx-news-reference-v5
.apx-news-ref-overlay{
    z-index:3 !important;
}

#apx-news-reference-v5
.apx-news-ref-content{
    z-index:5 !important;
}


/* MOBILE */

@media(max-width:850px){

    #apx-news-reference-v5
    .apx-news-ref-visual{
        background-size:
            cover !important;

        background-position:
            center center !important;
    }

    /*
       Для футбольных кадров на телефоне
       немного смещаем фокус вправо,
       где находятся дети.
    */
    #apx-news-reference-v5
    .apx-news-ref-slide:nth-child(1)
    .apx-news-ref-visual,

    #apx-news-reference-v5
    .apx-news-ref-slide:nth-child(3)
    .apx-news-ref-visual{
        background-position:
            63% center !important;
    }

    #apx-news-reference-v5
    .apx-news-ref-slide:nth-child(2)
    .apx-news-ref-visual{
        background-position:
            58% center !important;
    }
}





/* декоративные слои никогда не перехватывают нажатия */
#apx-news-reference-v5 .apx-news-ref-visual,
#apx-news-reference-v5 .apx-news-ref-visual::before,
#apx-news-reference-v5 .apx-news-ref-visual::after,
#apx-news-reference-v5 .apx-news-ref-panel,
#apx-news-reference-v5 .apx-news-ref-overlay{
    pointer-events:none !important;
}


/* контент и кнопки находятся выше */
#apx-news-reference-v5 .apx-news-ref-content{
    pointer-events:auto !important;
    z-index:50 !important;
}

#apx-news-reference-v5 .apx-news-ref-link{
    position:relative !important;

    display:inline-flex !important;

    pointer-events:auto !important;

    cursor:pointer !important;

    z-index:100 !important;

    touch-action:manipulation !important;

    -webkit-user-select:none !important;
    user-select:none !important;
}


/* чтобы глобальные стили сайта не отключили ссылки */
#apx-news-reference-v5 a.apx-news-ref-link,
#apx-news-reference-v5 a.apx-news-ref-link *{
    pointer-events:auto !important;
}


/* стрелки слайдера тоже гарантированно кликабельные */
#apx-news-reference-v5 .apx-news-ref-arrow,
#apx-news-reference-v5 .apx-news-ref-dot{
    pointer-events:auto !important;
    cursor:pointer !important;
    touch-action:manipulation !important;
}





#apx-news-reference-v5
.apx-news-ref-slide:nth-child(3){
    --news-image:
        url("/media/news/apx-news-03-final-v2.webp?v=20260910-175721") !important;
}

#apx-news-reference-v5
.apx-news-ref-slide:nth-child(3)
.apx-news-ref-visual{
    background-image:
        var(--news-image) !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;
}





#apx-news-reference-v5
.apx-news-ref-slide:nth-child(3){
    --news-image:
        url("/media/news/apx-news-03-final-v2.webp?v=20260910-175901") !important;
}

#apx-news-reference-v5
.apx-news-ref-slide:nth-child(3)
.apx-news-ref-visual{
    background-image:
        var(--news-image) !important;

    background-size:
        cover !important;

    background-position:
        center center !important;

    background-repeat:
        no-repeat !important;
}