:root {
    --color-primary: #a5b591;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex-center-menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
@media (max-width: 768px) {
    .flex-center-menu {
        display: block;
    }
}
.index-title-h2 {
    font-size: 38px;
    text-align: center;
    padding: 30px 0;
    box-sizing: border-box;
}
.bordered{
    padding: 15px 0;
}
.header-desktop__logo img {
    height: 120px;
}
.header-desktop .flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-desktop__address_text,
.header-desktop__address_shedule{
    position: relative;
}
.header-desktop__address_text:before {
    content: "\f041";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -26px;
    color: #000;
    font-size: 20px;
}
.header-desktop__address_shedule:before {
    content: "\f073";
    font-family: FontAwesome;
    font-size: 20px;
    position: absolute;
    top: 25px;
    left: -30px;
    color: #000;
}
.header-desktop__phones {
    font-size: 20px;
}
.header-desktop__phones a{
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
.header-desktop__phones .margin-bottom-none a, .header-desktop__phones a:last-child{
    margin-bottom: 0;
}
.header-desktop__phones .soc-icon{
    margin-left: 10px;
}

/* Бургер-кнопка - всегда видна для тестирования */
.header-mobile {
    display: none;
}
.header-mobile {
    border-bottom: 1px solid #000;
}
.header-mobile__logo {
    position: relative;
    z-index: 1002;
}
.header-mobile__logo img {
    height: 60px;
}
.header-mobile .flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-nav-content .flex-center-menu{
    border-top: 1px solid #000;
}
.mobile-menu-wrapper {
    margin-top: 10px;
    float: left;
}
.mobile-nav-content .psk016 li {
    border-bottom: 1px solid;
    color: #000;
}

.mobile-nav-content .psk016>li>a.active,
.mobile-nav-content .psk016>li:hover>a,
.mobile-nav-content .psk016>li>span.active,
.mobile-nav-content .psk016>li:hover>span {
    background-color: var(--color-primary);
    color: #fff;
}
.mobile-nav-content .psk016 a,
.mobile-nav-content .psk016 span {
    color: #000;
}
.header-mobile__phone {
    width: 40px;
    text-align: right;
}
.header-mobile__phone .header-mobile__phone_icon {
    font-size: 28px;
}
.burger-menu {
    display: flex; /* Принудительно показываем */
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 30px;
    position: relative;
    z-index: 1002;
    margin: 10px; /* Отступ для видимости */
}

.burger-menu span {
    display: block;
    height: 3px;
    width: 100%;
    background: #333;
    margin-bottom: 5px;
    transition: 0.3s;
    transform-origin: center;
}

/* Затемнение фона */
.mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Мобильное меню */
.mobile-nav {
    position: fixed;
    top: 0;
    left: -100%;
    width: 300px;
    max-width: 80%;
    height: 100vh;
    background: white;
    z-index: 1000;
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    overflow-y: auto;
}

.mobile-nav.active {
    left: 0;
}

.mobile-nav-content {
    padding: 64px 20px 20px;
}

/* Анимация бургера при открытии */
.burger-menu.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.burger-menu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

/* Адаптивность - показываем всегда для теста */
/* @media (max-width: 768px) {
    .burger-menu {
        display: flex;
    }
} */

/* Запрет прокрутки тела при открытом меню */
body.menu-open {
    overflow: hidden;
}
@media(max-width: 768px){
    .header-desktop,
    .menu-desktop {
        display: none;
    }
    .header-mobile {
        display: block;
    }
    .fixed-border {
        padding-top: 66px;
    }
}

.header-mobile {
    position: fixed; /* Фиксируем шапку */
    top: 0; /* Прижимаем к верхнему краю */
    left: 0; /* Прижимаем к левому краю */
    width: 100%; /* Занимаем всю ширину */
    z-index: 1000; /* Убедимся, что шапка поверх других элементов */
    background-color: white; /* Фон для читаемости */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Легкая тень для отделения от контента */
}

.no-select {
    /* Класс для запрета выделения в любом блоке */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Убираем выделение при клике для всех интерактивных элементов */
.header-mobile * {
    -webkit-tap-highlight-color: transparent; /* Убирает подсветку на мобильных */
    outline: none; /* Убирает контур при фокусе */
}

/* Специфично для кнопки бургер-меню */
.burger-menu {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

/* Специфично для ссылок */
.header-mobile a {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

/* Специфично для телефона */
.header-mobile__phone {
    -webkit-tap-highlight-color: transparent;
    outline: none;
}


/* Дополнительные стили для корректного отображения */
body {
    padding-top: 60px; /* Добавляем отступ сверху, чтобы контент не скрывался под шапкой */
}
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input,textarea,option{margin:0;padding:0;border:0;font-size:inherit;font-family:BF__Geometria-Regular;vertical-align:baseline;color:inherit}
body{font-size:14px;color:#000}
.container:before,.container:after,.row:before,.row:after{display:table;content:""}
.container:after,.row:after{clear:both}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.psk001{background:#348a97}
.psk002{font-size:26px;color:#fff;padding-top:35px;text-align:center;}
.psk003{text-align:center;}
.psk003 li{font-size:16px;list-style:none;margin:0 24px;color:#fff;display:inline-block;}
.psk003 li a{text-decoration:none;}
.psk005{font-size:16px;position:relative;padding:2px;cursor:pointer;margin-top:13px;color:#fff;background:#79e0fe;background:linear-gradient(45deg,transparent 6.5px,#79e0fe 6.5px) bottom left,linear-gradient(135deg,transparent 6.5px,#79e0fe 6.5px) top left,linear-gradient(225deg,transparent 6.5px,#79e0fe 6.5px) top right,linear-gradient(315deg,transparent 6.5px,#79e0fe 6.5px) bottom right;background-size:52% 52%;background-repeat:no-repeat;margin-bottom:25px;}
.psk005_1{position:absolute;top:0;left:0;width:100%;padding:2px;z-index:2;display:none;background:#73d8f4;background:linear-gradient(45deg,transparent 6.5px,#73d8f4 6.5px) bottom left,linear-gradient(135deg,transparent 6.5px,#73d8f4 6.5px) top left,linear-gradient(225deg,transparent 6.5px,#73d8f4 6.5px) top right,linear-gradient(315deg,transparent 6.5px,#73d8f4 6.5px) bottom right;background-size:52% 52%;background-repeat:no-repeat}
.psk006{background:#348a97;background:linear-gradient(45deg,transparent 6px,#348a97 6px) bottom left,linear-gradient(135deg,transparent 6px,#348a97 6px) top left,linear-gradient(225deg,transparent 6px,#348a97 6px) top right,linear-gradient(315deg,transparent 6px,#348a97 6px) bottom right;background-size:52% 52%;padding:12px 0;background-repeat:no-repeat;text-align:center}
.psk007{
    background:var(--color-primary);
    transition:all .3s ease;
}
.psk012{padding-top:10px;color:#79e0fe;text-align:center;}
.psk016{z-index:11;position:relative}
.psk016>li>a.active,.psk016>li:hover>a, .psk016>li>span.active,.psk016>li:hover>span{background-color:rgba(65,65,65,0.9)}
.psk016 li{list-style:none;position:relative;padding:0}
.psk016>li>ul{position:absolute;top:100%;left:0;background-color:rgba(65,65,65,0.9);padding:5px 0 15px;width:100%;display:none}
.psk016>li:first-child>ul:before{position:absolute;top:0;left:-30px;background-color:rgba(65,65,65,0.9);width:30px;content:'';bottom:0}
.psk016>li>ul>li{padding:0}
.psk016 a,.psk016 span{color:#fff;font-size:20px;text-decoration:none;padding:10px 20px;display:block;text-align:center;}
.psk016>li>ul>li a{font-size:14px;display:block;text-transform:uppercase;padding:2px 30px}
.psk016 i{display:none}
/*.psk017_02{background:url(/bitrix/templates/psk/i/bg1.jpg)}*/
.psk070{text-align:center}
.psk070 img{padding-top:15px}
.psk073{z-index:13}
h1{text-align:center;font-size:22px;font-weight:400;padding:18px 0 12px}
p,li{line-height:24px;padding:10px 0}
@media (min-width:401px) {
    .psk070{float:left;width:50%}
    .psk073{float:left;width:50%}
}
@media (min-width:601px) {
    h1{font-size:48px}
}
@media (min-width:768px){
    /*.psk016 i{display:inline}*/
    h1{font-size:36px;}
    .psk016>li:first-child a{padding-left:0}
    /*.psk016>li:hover ul{display:block}*/
    .psk016>li{float:left}
    .psk016>li:first-child>a.active:before,.psk016>li:first-child:hover>a:before{position:absolute;top:0;left:-30px;background-color:rgba(65,65,65,0.9);width:30px;content:'';bottom:0}
    .psk016 a,.psk016 span{font-size:16px;padding:10px 5px}
    .psk016>li>ul>li a{font-size:12px;padding:0 15px}
    .psk070 img{width:100%}
    .psk070{width:16.66666667%}
    .psk073{width:25%}
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
    .col-sm-12{width:100%}
    .col-sm-11{width:91.66666667%}
    .col-sm-10{width:83.33333333%}
    .col-sm-9{width:75%}
    .col-sm-8{width:66.66666667%}
    .col-sm-7{width:58.33333333%}
    .col-sm-6{width:50%}
    .col-sm-5{width:41.66666667%}
    .col-sm-4{width:33.33333333%}
    .col-sm-3{width:25%}
    .col-sm-2{width:16.66666667%}
    .col-sm-1{width:8.33333333%}
    .container{width:750px}
}
@media (min-width:992px){
    .psk016 a,.psk016 span{font-size:20px;padding:10px 15px}
    .psk016>li>ul>li a{font-size:14px;padding:2px 20px}
    .container{width:970px}
}
@media (min-width:1200px) {
    .psk016 a,.psk016 span{font-size:20px;padding:10px 20px}
    .psk016>li>ul>li a{padding:2px 30px}
    .container{width:1170px}
}