/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
    margin: 0px;
    padding: 0px;
    font-family: "Mulish", sans-serif;
}

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


body {
    background-color: #fefae0;
}

a {
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

p, span, ul, li, ul, a, h1, h2, h3, h4, h5, h6 {
    color: rgb(2, 2, 2);
}

p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

img {
    max-width: 100%;
}

ul {
    padding-left: 20px;
}

nav>ul {
    padding-left: 0px;
}

.content {
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.header-content-lvl {
    padding: 56px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.header-content-lvl>div {
    width: calc(100% / 3 - (20px * 2 / 3));
}

.header-content-lvl-el1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
}

.header-content-lvl-el1-left {
    margin-top: auto;
    margin-bottom: auto;
}

.header-content-lvl-el1-left>a {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    text-decoration: underline;
    margin-bottom: 4px;
}

.header-content-lvl-el1-left>p {
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
}

.header-content-lvl-el1-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    gap: 24px;
}

.header-content-lvl-el1-right>a {
    margin-top: auto;
    margin-bottom: auto;
    padding: 7px;
    border: 2px solid rgb(2, 2, 2);
    border-radius: 100%;
    background-color: transparent;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-content-lvl-el1-right>a:hover {
    background: -o-linear-gradient(330deg, white, #ff895b);
    background: linear-gradient(120deg, white, #ff895b);
}

.header-content-lvl-el1-right>a>svg {
    width: 19px;
    height: 19px;
    -webkit-filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
    filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
}

.header-content-lvl-el2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.header-content-lvl-el2>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
}

.header-content-lvl-el2>a>img {
    margin: auto;
}

.header-content-lvl-el2.header-sl>a>img {
    max-height: 35px;
}

header {
    position: relative;
}

.header-content-lvl-el3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-content-lvl-el3-element {
    margin: auto 0 auto auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.classic-button1 {
    position: relative;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #ff8a5b;
    border-radius: 36px;
    padding: 13px 24px;
    background-color: #fefae0;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    overflow: hidden;
    z-index: 1;
    /* пусть будет */
}

/* Градиентный фон под текстом */
.classic-button1::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(left, #fefae0 30%, rgba(255, 138, 91, 0.5) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #fefae0), to(rgba(255, 138, 91, 0.5)));
    background: linear-gradient(to right, #fefae0 30%, rgba(255, 138, 91, 0.5) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
}

/* Плавное появление при наведении */
.classic-button1:hover::before {
    opacity: 1;
}

/* Текст поверх градиента */
.classic-button1-text {
    position: relative;
    z-index: 1;
}

/* Если нужны особые слои или эффекты */
#open-pop {
    z-index: 99999;
    /* Сохраняем */
}


.pc-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    padding: 18px;
    border-radius: 100%;
    border: 0px;
    background-color: #FF8A5B;
    cursor: pointer;
    margin-left: -20px;
    z-index: 99999;
}



.pc-menu>svg {
    height: 44px;
    width: 44px;
}

.header-content-lvl-el3-element>#open-pop {
    margin-top: auto;
    margin-bottom: auto;
}

.header-ap-logo {
    position: absolute;
    width: 100%;
    top: 0;
}

.header-content-lvl-el2.header-s2>a>img {
    width: 260px;
    margin-top: -65px;
}

.header-pre-logo {
    z-index: 5;
    position: inherit;
}

.header-content-lvl-el2.header-s2 {
    z-index: 6;
}


.header-pre-logo {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    border-bottom: 8px solid #ff8a5b;
    background-color: #fefae0;
}

.header-pre-logo.sticky {
    position: fixed;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

.header-pre-logo.hidden {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}


.header-content-lvl-el2.header-s2 {
    z-index: 9999;
}

.header-pre-logo #pc-hover-menu {
    padding: 190px 120px 60px 120px;
}

.header-pre-logo.sticky #pc-hover-menu {
    padding: 135px 120px 60px 120px;
}

.pc-hover-menu {
    position: fixed;
    top: 0;
    right: 0;

    background-color: #322e18;
    z-index: 9999;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    pointer-events: none;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 47%;
}

.pc-hover-menu.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    pointer-events: auto;
}

.pc-hover-menu-content-lvl1 {
    border-top: 2px solid #fefae0;
    padding-top: 48px;
    padding-bottom: 48px;
    border-bottom: 2px solid #fefae0;
    margin-bottom: 48px;
}

.pc-hover-menu-content-lvl1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.pc-hover-menu-content-lvl1-block {
    width: calc(100% / 2 - (20px * 1 / 2));
}

.pc-hover-menu-content-lvl1-block>p {
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fefae0;
    margin-bottom: 16px;
}

.pc-hover-menu-content-lvl1-block>nav>ul {
    list-style-type: none;
}

.pc-hover-menu-content-lvl1-block>nav>ul>li>a {
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    color: #fefae0;
    -webkit-transition: -webkit-text-decoration 0.3s ease;
    transition: -webkit-text-decoration 0.3s ease;
    -o-transition: text-decoration 0.3s ease;
    transition: text-decoration 0.3s ease;
    transition: text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}

.pc-hover-menu-content-lvl1-block>nav>ul>li>a:hover {
    text-decoration: none;
}

.pc-hover-menu-content-lvl1-block>nav>ul>li:not(:last-of-type) {
    margin-bottom: 10px;
}

.pc-hover-menu-content-lvl2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.pc-hover-menu-content-lvl2>div {
    width: calc(100% / 2 - (20px * 1 / 2));
}

.pc-hover-menu-content-lvl2-left-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.pc-hover-menu-content-lvl2-left-element>* {
    margin-top: auto;
    margin-bottom: auto;
}

.pc-hover-menu-content-lvl2-left-element>span {
    color: #fefae0;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.pc-hover-menu-content-lvl2-left-element>a {
    color: #fefae0;
    font-size: 20px;
    font-weight: 800;
    line-height: 25px;
    text-decoration: underline;
}

.pc-hover-menu-content-lvl2-left>div:not(:last-of-type) {
    margin-bottom: 30px;
}

.classic-button2 {
    position: relative;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    color: #fefae0;
    padding: 13px 24px;
    border: 2px solid #FF8A5B;
    border-radius: 36px;
    background-color: transparent;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* Градиент-подложка */
.classic-button2::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(left, rgba(255, 138, 91, 0) 0%, rgba(255, 138, 91, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 138, 91, 0)), to(rgba(255, 138, 91, 1)));
    background: linear-gradient(to right, rgba(255, 138, 91, 0) 0%, rgba(255, 138, 91, 1) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Показываем градиент при ховере */
.classic-button2:hover::before {
    opacity: 1;
}

/* Контент над градиентом */
.classic-button2>* {
    position: relative;
    z-index: 2;
}


.pc-hover-menu-content-lvl2-right>p {
    color: #fefae0;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.8px;
    margin-top: 15px;
}

/* Подложка */
.popup-overlay {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    /* затемнение */
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10000;
    overflow-y: auto;
}

/* Окно */
.popup-window {
    position: relative;
    background-color: #ff8a5b;
    width: 560px;
    max-width: 90%;
    padding: 50px 50px 0 50px;
    border-radius: 30px;
    margin: 40px auto;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 2px solid #fefae0;
}

/* Контент */
.popup-content {
    max-height: 80vh;
    overflow-y: auto;
}

/* Кнопка закрытия */
.popup-close {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

.popup-close svg {
    display: block;
    width: 14px;
    height: 14px;
}

/* Активный popup */
.popup-overlay.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* Блокировка прокрутки */
body.popup-open {
    overflow: hidden;
}

.popup-content-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 40px;
    border-bottom: 2px solid black;
    padding-bottom: 20px;
}

.popup-contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
}

.popup-contact-form input[type="text"],
.popup-contact-form input[type="tel"],
.popup-contact-form select {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #FF8A5B;
    border-radius: 8px;
    background-color: #fefae0;
    color: #333;
    outline: none;
}

.popup-contact-form select {
    font-family: "Mulish", sans-serif;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.popup-contact-form select:invalid {
    color: #777;
}

.popup-contact-form input::-webkit-input-placeholder {
    color: #777;
}

.popup-contact-form input::-moz-placeholder {
    color: #777;
}

.popup-contact-form input:-ms-input-placeholder {
    color: #777;
}

.popup-contact-form input::-ms-input-placeholder {
    color: #777;
}

.popup-contact-form input::placeholder {
    color: #777;
}

.popup-contact-form .acceptance-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
}

.popup-contact-form .acceptance-field input[type="checkbox"] {
    accent-color: #FF8A5B;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    margin: 0;
}

.popup-contact-form .acceptance-field a {
    text-decoration: underline;
}

.popup-contact-form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    /* <--- важно */
    width: 100%;
    padding: 12px 20px;
    padding-right: 40px;
    /* отступ под стрелку */
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #FF8A5B;
    border-radius: 8px;
    background-color: #fefae0;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M903.232 256l56.768 50.432L512 768 64 306.432 120.768 256 512 659.072z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px;
    color: #333;
}


.classic-button3 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 36px;
    padding: 10px 28px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: transparent;
    border: 2px solid #fefae0;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* Градиентная подложка */
.classic-button3::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(right, rgba(254, 250, 224, 1) 0%, rgba(254, 250, 224, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(254, 250, 224, 1)), to(rgba(254, 250, 224, 0)));
    background: linear-gradient(to left, rgba(254, 250, 224, 1) 0%, rgba(254, 250, 224, 0) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
}

/* Текст поверх градиента */
.classic-button3>* {
    position: relative;
    z-index: 1;
}

/* Появление градиента при наведении */
.classic-button3:hover::before {
    opacity: 1;
}

.home-big-slider {
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 720px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 120px;
}

.home-big-slider>div {
    width: 100%;
    margin-top: auto;
}

.home-big-slider-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.home-big-slider-sod>div {
    width: calc(100% / 2 - (20px * 1 / 2));
}

.home-big-slider-sod-left-accent {
    color: #05668d;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.home-big-slider-sod-left-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 20px;
}

.home-big-slider-sod-left-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 30px;
}

.classic-button4 {
    position: relative;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid rgba(17, 152, 34, 0.8);
    border-radius: 36px;
    padding: 13px 24px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

/* Градиент-подложка */
.classic-button4::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(right, rgba(17, 152, 34, 0.8) 0%, rgba(17, 152, 34, 0) 100%);
    background: -webkit-gradient(linear, right top, left top, from(rgba(17, 152, 34, 0.8)), to(rgba(17, 152, 34, 0)));
    background: linear-gradient(to left, rgba(17, 152, 34, 0.8) 0%, rgba(17, 152, 34, 0) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
}

/* Текст поверх градиента */
.classic-button4>* {
    position: relative;
    z-index: 1;
}

/* Эффект при наведении */
.classic-button4:hover::before {
    opacity: 1;
}

.home-big-slider-sod-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-big-slider-sod-right-sod {
    margin-top: auto;
    margin-left: auto;
    display: -ms-grid;
    display: grid;
}

.home-big-slider-sod-right-sod-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    margin-left: auto;
}

.home-big-slider-sod-right-sod-button button {
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 8px;
    border-radius: 100%;
    background-color: transparent;
    border: 2px solid #05668D;
    cursor: pointer;
    transition: color 0.3s ease;
    z-index: 1;
}

.classic-button2__icon {
    margin-left: 10px;
}

.classic-button2__icon>svg {
    height: 12px;
    width: auto;
    filter: invert(88%) sepia(17%) saturate(255%) hue-rotate(357deg) brightness(108%) contrast(99%);
}

.home-big-slider-sod-right-sod-button button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: -o-linear-gradient(left, rgba(255, 138, 91, 0) 0%, rgba(255, 138, 91, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 138, 91, 0)), to(rgba(255, 138, 91, 1)));
    background: linear-gradient(to right, rgba(255, 138, 91, 0) 0%, rgba(255, 138, 91, 1) 100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    z-index: 0;
}

.home-big-slider-sod-right-sod-button button:hover::before {
    opacity: 1;
}


.home-big-slider-sod-right-sod-button svg {
    height: 16px;
    width: 16px;
    margin: auto;
    -webkit-filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
    filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
}

.home-big-slider-sod-right-sod-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0px;
}

.home-big-slider-sod-right-sod-dots-element {
    height: 4px;
    width: 80px;
    background-color: #05668d75;
}

.home-big-slider-sod-right-sod-dots-element.active {
    background-color: #05668D;
}

/* контейнер со слайдами */
.home-big-slider {
    position: relative;
    overflow: hidden;
}

/* фоновые слои для кросс-фейда */
.home-big-slider .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

/* активный слой — видим */
.home-big-slider .bg-layer.current {
    opacity: 1;
}

/* контент поверх фона */
.home-big-slider .content {
    position: relative;
    z-index: 1;
    /* чтобы текст и навигация были поверх bg-layer */
}

/* плавность появления/исчезновения блока текста */
.home-big-slider-sod-left {
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
}

.home-plus-block {
    padding: 120px 0;
}

.home-plus-block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.home-plus-block-content>div {
    width: calc(100% / 3 - (20px * 2 / 3));
}

.home-plus-block-content-sod-img-sect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-plus-block-content-sod-img-sect>img {
    margin: auto;
    height: 184px;
    width: auto;
}

.home-plus-block-content-sod-img-sect {
    margin-bottom: 15px;
}

.home-plus-block-content-sod>h2 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-align: center;
}

.home-plus-block-content-sod>p {
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.home-service {
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home-service-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 120px;
}

.home-service-content-left {
    width: calc(27% - (120px * 1 / 2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-service-content-right {
    width: calc(73% - (120px * 1 / 2));
}

.home-service-content-left-content {
    margin-top: auto;
    margin-bottom: auto;
}

.home-service-content-left-content>h2 {
    color: rgb(254, 250, 224);
    font-size: 48px;
    font-weight: 800;
    line-height: 60px;
    margin-bottom: 20px;
}

.home-service-content-left-content>p {
    color: rgb(254, 250, 224);
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 20px;
}

.home-service-content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0px;
}

.home-service-content-right>a {
    width: calc(100% / 3);
    padding: 20px 30px;
    background-color: #fefae0a3;
    border: 1px solid #FF8A5B;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 320px;
}

.home-service-content-right>a:first-child {
    border-radius: 20px 0 0 0;
}

.home-service-content-right>a:last-of-type {
    border-radius: 0 0 20px 0;
}


.home-service-content-right>a:nth-of-type(3) {
    border-radius: 0 20px 0 0;
}

.home-service-content-right>a:nth-of-type(4) {
    border-radius: 0 0 0 20px;
}

.home-service-content-right-a-sod {
    margin-top: auto;
}

.home-service-content-right-a-sod>h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    padding: 0px 5px 10px 5px;
}

.home-service-content-right-a-sod-line {
    width: 100%;
    height: 2px;
    background-color: #FF8A5B;
}

.home-service-content-right-a-sod>p {
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 10px;
}

.home-service-content-right-a-sod-button svg {
    height: 16px;
    width: 16px;
    margin: auto;
    -webkit-filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
    filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
}

.home-service-content-right-a-sod-button button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #05668D;
    cursor: pointer;
}

.home-service-content-right-a-sod-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.home-service-content-right-a-sod-button-line {
    width: calc(100% - 36px - 20px);
    margin-top: auto;
    margin-bottom: auto;
    height: 2px;
    background-color: #05668D;
}

.home-service-content-right>a {
    position: relative;
    overflow: hidden;
    /* скрываем всё, что выходит за пределы <a> */
}

.home-spetsialist {
    padding: 120px 0;
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-spetsialist-lvl1-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
}

.home-spetsialist-lvl1-sod>div {
    width: calc(100% / 2 - (60px * 1 / 2));
}

.home-spetsialist-lvl1-sod-left>h2 {
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 20px;
}

.home-spetsialist-lvl1-sod-left>p {
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
}

.home-spetsialist-lvl1-sod-right-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.home-spetsialist-lvl1-sod-right-sod>* {
    margin-top: auto;
    margin-bottom: auto;
}

.home-spetsialist-lvl1-sod-right-sod-line {
    width: 60%;
    height: 2px;
    background-color: #ff8a5b;
}

.home-spetsialist-lvl1-sod-right-sod>a {
    width: 40%;
}

.home-spetsialist-lvl1 {
    margin-bottom: 80px;
}

.content-slider {
    max-width: 1700px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.content-slider-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.content-slider-sod-center {
    width: calc(85% - (20px * 2 / 3));
    overflow: hidden;
    position: relative;
}

.content-slider-sod-left, .content-slider-sod-right {
    width: calc((100% - 85%) / 2 - (20px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.content-slider-sod-left svg, .content-slider-sod-right svg {
    height: 16px;
    width: 16px;
    margin: auto;
    -webkit-filter: invert(63%) sepia(65%) saturate(846%) hue-rotate(320deg) brightness(102%) contrast(103%);
    filter: invert(63%) sepia(65%) saturate(846%) hue-rotate(320deg) brightness(102%) contrast(103%);
}

/* Базовый стиль кнопок */
.content-slider-sod-left button,
.content-slider-sod-right button {
    position: relative;
    /* для корректного позиционирования ::before */
    overflow: hidden;
    /* обрезаем псевдо-элемент по краям */
    z-index: 1;
    /* поверх псевдо-элемента */
    display: flex;
    padding: 8px;
    border-radius: 100%;
    background-color: transparent;
    border: 2px solid #FF8A5B;
    cursor: pointer;
    margin-top: auto;
    margin-bottom: auto;
    transition: color 0.3s ease;
    /* если захотите менять цвет иконки */
}

/* Градиент-подложка */
.content-slider-sod-left button::before,
.content-slider-sod-right button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
            rgba(255, 138, 91, 0) 0%,
            rgba(255, 138, 91, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Появление градиента при ховере */
.content-slider-sod-left button:hover::before,
.content-slider-sod-right button:hover::before {
    opacity: 1;
}


.content-slider-sod-right>button {
    margin-left: auto;
}

.content-slider-sod-center-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.content-slider-sod-center-slider>a {
    border: 2px solid #FF8A5B;
    border-radius: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* чтобы flex: 0 0 auto работал */
}

.content-slider-sod-center-slider-img {
    width: 100%;
    height: 510px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px 20px 0 0;
    margin-bottom: 20px;
}

.content-slider-sod-center-slider-content {
    padding: 20px 20px 20px 20px;
}

.content-slider-sod-center-slider-cn {
    width: 100%;
    background: #fefae0;
    border-radius: 20px;
}

.content-slider-sod-center-slider-content>h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 23.4px;
    margin-bottom: 10px;
}

.content-slider-sod-center-slider-content>p {
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 20px;
}

.content-slider-sod-center-slider-content-line {
    width: 100%;
    height: 2px;
    background-color: #FF8A5B;
}

.home-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 140px;
    background-color: #322e18;
}

.home-about>div {
    width: calc(100% / 2 - (140px * 1 / 2));
}

.home-about-left {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.home-about-right-content>h2 {
    color: rgb(255, 138, 91);
    font-size: 48px;
    font-weight: 800;
    line-height: 54px;
    margin-bottom: 20px;
}

.home-about-right-content>p {
    color: rgb(254, 250, 224);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 60px;
}

.home-about-right-content {
    margin-top: 120px;
    margin-bottom: 120px;
    padding-right: 20px;
    max-width: 640px;
}

.home-about-right-content-soc-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.home-about-right-content-soc-line>* {
    margin-top: auto;
    margin-bottom: auto;
}

.home-about-right-content-soc-line-soc {
    margin-left: auto;
    gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-about-right-content-soc-line-soc>a {
    margin-top: auto;
    margin-bottom: 0xp;
    border: 2px solid #FF8A5B;
    padding: 10px;
    border-radius: 100%;
}

.home-about-right-content-soc-line-soc svg {
    height: 20px;
    width: 20px;
    -webkit-filter: invert(100%) sepia(1%) saturate(7031%) hue-rotate(343deg) brightness(100%) contrast(99%);
    filter: invert(100%) sepia(1%) saturate(7031%) hue-rotate(343deg) brightness(100%) contrast(99%);
}

.home-otz {
    padding: 80px 0;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-pre-otz {
    background-color: #FF8A5B;
}

.home-otz-lvl1-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

.home-otz-lvl1-content>.home-otz-lvl1-content-left {
    width: calc(100% / 3 - (40px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-otz-lvl1-content>.home-otz-lvl1-content-center {
    width: calc(100% / 3 - 100px - (40px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-otz-lvl1-content>.home-otz-lvl1-content-right {
    width: calc(100% / 3 + 100px - (40px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-otz-lvl1-content-left>h2 {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
}

.home-otz-lvl1-content-center-line {
    width: 100%;
    height: 2px;
    background-color: rgb(2, 2, 2);
    margin-top: auto;
    margin-bottom: auto;
}

.classic-button5 {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 2px solid rgb(2, 2, 2);
    border-radius: 36px;
    padding: 13px 28px;
    background-color: #fefae000;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
}

.home-otz-lvl1-content-right>a {
    margin-top: auto;
    margin-bottom: auto;
}

.home-otz-lvl1-content-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.home-otz-lvl1-content-right>a:first-of-type {
    margin-left: auto;
}

.home-otz-lvl1 {
    margin-bottom: 80px;
}

.content-slider-sod-otz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.content-slider-sod-otz-left,
.content-slider-sod-otz-right {
    width: calc((100% - 85%) / 2 - (20px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-slider-sod-otz-center {
    width: calc(85% - (20px * 2/3));
    overflow: hidden;
    position: relative;
}

.content-slider-sod-otz-center-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    /* совпадает с вашим внешним gap */
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.content-slider-sod-otz-center-obekt {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /* чтобы не «тянулся» */
    background-color: #fefae0;
    border-radius: 20px;
    padding: 30px;
}

/* Кнопки-стрелки */
#content-slider-sod-otz-left-goleft,
#content-slider-sod-otz-left-goright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    border-radius: 50%;
    background: transparent;
    border: 2px solid #000;
    cursor: pointer;
}

#content-slider-sod-otz-right button {
    margin-left: 20px;
}

.content-slider-sod-otz-left svg,
.content-slider-sod-otz-right svg {
    width: 16px;
    height: 16px;
    -webkit-filter: invert(0%) sepia(5%) saturate(7500%) hue-rotate(293deg) brightness(93%) contrast(105%);
    filter: invert(0%) sepia(5%) saturate(7500%) hue-rotate(293deg) brightness(93%) contrast(105%);
}

.content-slider-sod-otz-center-obekt-name {
    font-size: 18px;
    font-weight: 800;
    line-height: 23.4px;
    margin-bottom: 10px;
}

.content-slider-sod-otz-center-obekt-time, .content-slider-sod-otz-center-obekt-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 14px;
}

.content-slider-sod-otz-center-obekt-line {
    width: 100%;
    height: 2px;
    margin-bottom: 14px;
    background: #FF8A5B;
}

.home-news {
    padding: 120px 0;
    background-position: right center;
    background-size: contain;
    background-repeat: no-repeat;
}

.home-news-lvl1-left>h2 {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
}

.home-news-lvl1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

.home-news-lvl1>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-news-lvl1-center-line {
    height: 2px;
    background-color: #ff8a5b;
    width: 100%;
    margin: auto;
}

.home-news-lvl1-right>a {
    margin: auto 0 auto auto;
}

.home-news-lvl1-left {
    width: calc(40% - (40px * 2 / 3));
}

.home-news-lvl1-center {
    width: calc(40% - (40px * 2 / 3));
}

.home-news-lvl1-right {
    width: calc(20% - (40px * 2 / 3));
}

.home-news-lvl1 {
    margin-bottom: 80px;
}

.home-news-lvl2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

.home-news-lvl2>a {
    overflow: hidden;
    position: relative;
}


.home-news-lvl2>a {
    width: calc(100% / 3 - (40px * 2 / 3));
    border: 2px solid #FF8A5B;
    border-radius: 20px;
    min-height: 340px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

.home-news-lvl2-link-content {
    background-color: #fefae0;
    padding: 20px;
}

.home-news-lvl2-link-content {
    margin-top: auto;
    border-radius: 0 0 20px 20px;
}

.home-news-lvl2-link-content>h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 22.5px;
    margin-bottom: 14px;
}

.home-news-lvl2-link-content-line {
    height: 2px;
    background-color: #ff8a5b;
    width: 100%;
}

.home-news-lvl2-link-content-text {
    font-size: 15px;
    font-weight: 500;
    line-height: 19px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.home-news-lvl2-link-content-text,
.home-news-lvl2-link-content-line-block {
    /* изначально прячем под контейнером */
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
}


.home-news-lvl2-link-content-line-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.home-news-lvl2-link-content-line-block-line {
    width: calc(100% - 36px - 20px);
    margin-top: auto;
    margin-bottom: auto;
    height: 2px;
    background-color: #05668D;
}

.home-news-lvl2-link-content-line-block button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #05668D;
    cursor: pointer;
}

.home-news-lvl2-link-content-line-block svg {
    height: 16px;
    width: 16px;
    margin: auto;
    -webkit-filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
    filter: invert(28%) sepia(99%) saturate(527%) hue-rotate(154deg) brightness(97%) contrast(100%);
}

.home-maps-social {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.home-maps {
    padding-top: 120px;
    padding-bottom: 120px;
    position: relative;
}


.home-maps>iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.home-maps>div {
    position: inherit;
    z-index: 1;
}

.home-maps-social-content {
    margin-left: auto;
    background-color: #ff8a5b;
    max-width: 550px;
    padding: 40px;
    border-radius: 20px;
}

.home-maps-social-content>h2 {
    font-size: 42px;
    font-weight: 800;
    line-height: 48px;
    padding-bottom: 14px;
    margin-bottom: 44px;
    width: 100%;
    border-bottom: 2px solid black;
}

.footer-lvl1 {
    padding: 80px 0 0 0;
    margin-bottom: 20px;
}

footer {
    border-top: 8px solid #ff8a5b;
}

.footer-lvl1-line1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-lvl1-line1-cotact-elements {
    width: calc(30% - (20px * 4 / 5));
}

.footer-lvl1-line1-logo {
    width: calc(20% - (20px * 4 / 5));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-lvl1-line1-logo>a {
    margin: auto;
}

.footer-lvl1-line1-menu-class {
    width: calc((100% - 20% - 30%) / 3 - (20px * 4 / 5));
}

.footer-lvl1-line1-menu-class-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 800;
    line-height: 16px;
    margin-bottom: 15px;
}

.footer-lvl1-line1-menu-class>nav>ul {
    list-style-type: none;
}

.footer-lvl1-line1-menu-class>nav>ul>li {
    margin-bottom: 10px;
}

.footer-lvl1-line1-menu-class>nav>ul>li>a {
    text-decoration: underline;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.footer-lvl1-line1-cotact-elements>a {
    margin-bottom: 20px;
}

.footer-lvl1-line1-cotact-elements-nn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.footer-lvl1-line1-cotact-elements-nn>* {
    margin-top: auto;
    margin-bottom: auto;
}

.footer-lvl1-line1-cotact-elements-nn>span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.footer-lvl1-line1-cotact-elements-nn>a {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-decoration: underline;
}

.footer-lvl1-line1-cotact-elements>.footer-lvl1-line1-cotact-elements-nn:not(:last-of-type) {
    margin-bottom: 36px;
}

.footer-lvl2 {
    padding-bottom: 80px;
}

.footer-lvl2-sod4>p {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    max-width: 250px;
}

.footer-lvl2-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-lvl2-sod4 {
    width: calc(30% - (20px * 4 / 5));
}

.footer-lvl2-sod1 {
    width: calc(20% - (20px * 4 / 5));
}

.footer-lvl2-sod3 {
    width: calc((100% - 20% - 30%) / 3 - (20px * 4 / 5));
}

.footer-lvl2-sod-2 {
    width: calc((100% - 30% - 20% - ((100% - 20% - 30%) / 3)) - (20px * 4 / 5));
}

.footer-lvl2-sod-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-lvl2-sod-2>img {
    margin-top: auto;
    margin-bottom: auto;
}

.footer-lvl2-sod1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-lvl2-sod1 svg {
    width: 19px;
    height: 19px;
    -webkit-filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
    filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
}

.footer-lvl2-sod1 a {
    position: relative;
    /* создаём контекст для ::before */
    overflow: hidden;
    /* обрезаем псевдо-элемент по краям */
    z-index: 1;
    /* поверх ::before */
    margin-top: auto;
    margin-bottom: auto;
    padding: 7px;
    border: 2px solid rgb(2, 2, 2);
    border-radius: 100%;
    background-color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease;
    /* если захотите менять цвет текста/иконки */
}

/* Псевдо-элемент с градиентом */
.footer-lvl2-sod1 a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(255, 138, 91, 0) 0%, rgba(255, 138, 91, 1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
}

/* Плавное появление градиента при hover */
.footer-lvl2-sod1 a:hover::before {
    opacity: 1;
}


.footer-lvl2-sod1>a:first-of-type {
    margin-left: auto;
}

.footer-lvl2-sod1>a:last-of-type {
    margin-right: auto;
}

.footer-lvl3 {
    background-color: #322e18;
    padding: 10px 0;
}

.footer-lvl3-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.footer-lvl3-content>* {
    margin-top: auto;
    margin-bottom: auto;
}

.footer-lvl3-content>span {
    color: #fefae0;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
}

.footer-lvl3-content>nav {
    margin-top: auto;
    margin-bottom: auto;
}

.footer-lvl3-content>nav>ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.footer-lvl3-content>nav>ul a {
    color: rgb(254, 250, 224);
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
    text-decoration: underline;
}

.footer-lvl3-content>a {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    color: rgb(254, 250, 224);
    font-size: 14px;
    font-weight: 500;
    line-height: 16.8px;
}

.footer-lvl3-content>a>span {
    margin-left: 10px;
    color: rgb(254, 250, 224);
}

/* Стиль для поля отзыва */
.popup-contact-form textarea {
    width: 100%;
    padding: 12px 20px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #FF8A5B;
    border-radius: 8px;
    background-color: #fefae0;
    color: #333;
    outline: none;
    resize: vertical;
}

.popup-popup-overlay-review {
    position: relative;
    background-color: #ff8a5b;
    width: 560px;
    max-width: 90%;
    padding: 50px 50px 0 50px;
    border-radius: 30px;
    margin: 40px auto;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 2px solid #fefae0;
}

.title-block {
    padding-top: 96px;
    padding-bottom: 60px;
}

.title-block h1 {
    font-size: 48px;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 20px;
}

.breadcrumb {
    list-style-type: none;
    padding-left: 0px;
}

.breadcrumb a {
    text-decoration: underline;
    color: rgb(50, 46, 24);
    font-size: 16px;
    font-weight: 500;
}

.breadcrumb_last {
    font-size: 16px;
    font-weight: 700;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.contacts-img {
    width: 100%;
    height: 346px;
    border-radius: 20px;
    border: 2px solid #FF8A5B;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 80px;
}

.contact-info-block-left-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.contact-info-block-left-element>span {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-top: auto;
    margin-bottom: auto;
}

.contact-info-block-left-element>a {
    font-size: 38px;
    font-weight: 700;
    line-height: 45.6px;
    margin-top: auto;
    margin-bottom: auto;
}

.contact-info-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 60px;
}

.contact-info-block>div {
    width: calc(100% / 2 - (60px * 1 / 2));
}

.contact-info-block-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.contact-info-block-left>div {
    margin-left: auto;
}

.contact-info-block-left>.contact-info-block-left-element:last-of-type {
    margin-bottom: 40px;
}

.contact-info-block-left>button {
    margin-left: auto;
    min-width: 40%;
}

.osn-content {
    margin-bottom: 100px;
    margin-top: 20px;
}

.contact-info-block-right>p {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.contact-info-block-right>p:first-of-type {
    margin-bottom: 20px;
    line-height: 46px;
}

.contact-info-block-right>p:last-of-type {
    margin-bottom: 60px;
}

.social-all-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto;
    margin-bottom: auto;
    gap: 24px;
}

.social-all-block a {
    margin-top: auto;
    margin-bottom: auto;
    padding: 4px;
    border: 2px solid rgb(2, 2, 2);
    border-radius: 100%;
    background-color: transparent;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.social-all-block svg {
    width: 22px;
    height: 22px;
    -webkit-filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
    filter: invert(0%) sepia(3%) saturate(519%) hue-rotate(53deg) brightness(100%) contrast(99%);
}

.page-doctor-tamplate-sod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 120px;
}

.page-doctor-tamplate-sod-left {
    width: calc(65% - (120px * 1 / 2));
}

.page-doctor-tamplate-sod-right {
    width: calc(35% - (120px * 1 / 2));
}

.page-doctor-tamplate-sod-right>img {
    width: 100%;
    margin-top: 96px;
    border-radius: 20px;
    border: 2px solid #FF8A5B;
}

.osn-content>p {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.osn-content>p:not(:last-of-type) {
    margin-bottom: 20px;
}

.osn-content>p:last-of-type {
    margin-bottom: 40px;
}

.osn-content-bio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 40px;
}

.osn-content-bio>div {
    width: calc(100% / 2 - (20px * 1 / 2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.osn-content-bio-left>h2, doctor-tline-line1 h2 {
    font-size: 23.4px;
    font-weight: 700;
    line-height: 28.0833px;
    margin-top: auto;
    margin-bottom: auto;
}

.osn-content-bio-right-line {
    margin-top: auto;
    margin-bottom: auto;
    width: 100%;
    height: 2px;
    background-color: #FF8A5B;
}

.osn-content-acts-lvl1>p {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
}

.osn-content-acts-lvl2>p {
    font-size: 16px;
    font-weight: 300;
    line-height: 19.2px;
}

.osn-content-acts-lvl2>p:not(:last-child) {
    margin-bottom: 20px;
}

.doctor-tline {
    margin-bottom: 100px;
}

.doctor-tline>div:not(:last-of-type) {
    margin-bottom: 40px;
}

.doctor-tline-line3>img {
    width: 100%;
    cursor: pointer;
}

.doctor-tline-line1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.doctor-tline-line1>div {
    width: calc(100% / 3 - (20px * 2 / 3));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.osn-content>ul {
    margin-bottom: 20px;
}

.doctor-tline-line2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.doctor-tline-line2>a {
    width: calc(100% / 4 - (20px * 3 / 4));
    border: 2px solid #FF8A5B;
    border-radius: 20px;
    padding: 20px;
    min-height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.doctor-tline-line2-sod {
    width: 100%;
    margin-top: auto;
}

.doctor-tline-line2-sod>h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.service-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 120px;
}

.service-page-content-left {
    width: calc(70% - (120px * 1 / 2));
}

.service-page-content-right {
    width: calc(30% - (120px * 1 / 2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 96px;
    padding-bottom: 60px;
}

.service-text-block {
    margin-top: 20px;
}

.service-page {
    margin-bottom: 80px;
}

.service-element {
    margin-bottom: 80px;
}

.service-element-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;

}

.service-element-content>a {
    width: calc(100% / 4 - (20px * 3 / 4));
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 320px;
}

.service-element-content-sod-cont {
    width: 100%;
    margin-top: auto;
}

.service-element-content-sod-cont>h3 {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: normal;
    line-height: 30px;
    margin-bottom: 10px;
}

.service-element-content-sod {
    position: relative;
    /* для позиционирования псевдо-элемента */
    overflow: hidden;
    /* чтобы градиент не выходил за рамки скруглений */
}

.service-element-content-sod::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* именно 20% от высоты блока */
    background: -webkit-gradient(linear,
            left bottom, left top,
            from(rgba(254, 250, 224, 1)),
            to(
                /* твёрдый цвет у низа */
            ));
    background: -o-linear-gradient(bottom,
            rgba(254, 250, 224, 1) 0%,
            /* твёрдый цвет у низа */
            rgba(254, 250, 224, 0) 100%
            /* к прозрачному у верха */
        );
    background: linear-gradient(to top,
            rgba(254, 250, 224, 1) 0%,
            /* твёрдый цвет у низа */
            rgba(254, 250, 224, 0) 100%
            /* к прозрачному у верха */
        );
    pointer-events: none;
    /* чтобы по градиенту клики проходили к ссылке */
    z-index: 1;
    /* поднимаем поверх фонового изображения */
    border-radius: inherit;
    /* сохраняем скругления */
}

.service-element-content-sod-cont {
    position: relative;
    z-index: 2;
    /* текст и линии — поверх градиента */
}

.footer-lvl1 #open-pop {
    z-index: 5 !important;
}

.price-page-info {
    margin-bottom: 80px;
}

.price-page-info-sod-p-img, .about-page-block-sod-img-back {
    width: 100%;
    margin-bottom: 40px;
    background-position: center 25%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    height: 350px;
}

.about-page-block-sod-img-back {
    margin-bottom: 0px;
}

/* 1) Контейнер на всю ширину */
.price-page-info-sod-drop-block {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/* 2) Элемент-аккордеон */
.price-page-info-sod-drop-block-item {
    border: 2px solid #FF8A5B;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}

/* 3) Скрытый радиокнопка */
.price-page-info-sod-drop-block-toggle {
    display: none;
}

/* 4) Шапка с градиентом */
.price-page-info-sod-drop-block-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 15px 30px;
    background: -webkit-gradient(linear,
            left top, right top,
            from(#fefae0),
            to(#FF8A5B));
    background: -o-linear-gradient(left,
            #fefae0 0%,
            #FF8A5B 100%);
    background: linear-gradient(90deg,
            #fefae0 0%,
            #FF8A5B 100%);
}

/* 5) Заголовок */
.price-page-info-sod-drop-block-title {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.8px
}

.price-page-info-sod-drop-block-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url('../img/plusprice.png');
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 100%;
    border: none;
    /* если не хочется рамки */
    /* можно убрать border: 1px solid black; если он есть */
}

.price-page-info-sod-drop-block-toggle:checked+.price-page-info-sod-drop-block-header .price-page-info-sod-drop-block-indicator {
    background-image: url('../img/minusprice.png');
}


/* 7) Контент сворачиваем по умолчанию */
.price-page-info-sod-drop-block-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease, padding 0.3s ease;
    -o-transition: max-height 0.3s ease, padding 0.3s ease;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 15px;
}

/* разворачиваем при активном радио */
.price-page-info-sod-drop-block-toggle:checked+.price-page-info-sod-drop-block-header+.price-page-info-sod-drop-block-content {
    max-height: 1000px;
    /* достаточно для вашего контента */
    padding: 20px 30px;
}

.price-page-info-sod-drop-block-indicator {
    height: 20px;
    width: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
    border: 1px solid black;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-page-info-sod-drop-block-indicator::before {
    font-size: 16px;
}

.price-page-info-sod-drop-block-content-title {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 0px 20px;
}

.price-page-info-sod-drop-block-content-sod-element-sod {
    margin-top: 10px;
}

.price-page-info-sod-drop-block-content-sod-element-sod-line {
    padding: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.price-page-info-sod-drop-block-content-sod-element-sod-line>p {
    font-size: 16px;
    font-weight: 500;
}

.price-page-info-sod-drop-block-content-sod-element-sod-line>p:last-of-type {
    margin-left: auto;
    min-width: 150px;
    text-align: right;
}

.price-page-info-sod-drop-block-content-sod-element-sod>.price-page-info-sod-drop-block-content-sod-element-sod-line:nth-child(2n) {
    background-color: #ff8a5b33;
}

.price-page-info-sod-drop-block-content-sod-element {
    margin-bottom: 20px;
}

.price-page-info-sod-drop-block-content-sod-element-predupr-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    font-style: italic;
}

.price-page-info-sod-drop-block-content-sod-element-predupr-text {
    font-size: 14px;
    font-weight: 300;
    line-height: 16.8px
}

.price-page-info-dblock>img {
    width: 100%;
    margin-bottom: 20px;
    cursor: pointer;
}

.price-page-info-dblock>*:not(:last-of-type) {
    margin-bottom: 20px;
}

.blog-page-content, .ost-otz-block {
    margin-bottom: 80px;
}

/* === Базовые стили (mobile-first) === */
.ost-otz-block-sod {
    width: 100%;
    /* на мобилке — одна колонка */
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    /* убираем возможные отступы между строками карточек */
    line-height: 1;
}

.ost-otz-block-sod .content-slider-sod-otz-center-obekt {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px;
    /* отступ снизу = gap */
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    /* не разбивать карточку между колонками */
    -webkit-column-break-inside: avoid;
    /* бордер уже задаём ниже */
}

.ost-otz-block-sod>.content-slider-sod-otz-center-obekt {
    border: 2px solid #FF8A5B;
    border-radius: 8px;
    padding: 20px;
}

.about-block-text-content-db {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 120px;
}

.about-block-text-content-db-left {
    width: calc(70% - (120px * 1 / 2));
}

.about-block-text-content-db-right {
    width: calc(30% - (120px * 1 / 2));
}

.about-block-text-content-db-left>*:not(:last-of-type) {
    margin-bottom: 20px;
}

.about-block-text-content-db-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.about-block-text-content-db-right-sod {
    margin-left: auto;
    margin-right: auto;
}

.about-block-text-content-db-right .footer-lvl1-line1-cotact-elements-nn {
    width: 100%;
}

.about-block-text-content-db-right .footer-lvl1-line1-cotact-elements-nn>span {
    margin-left: auto;
}

.about-block-text-content-db-right .footer-lvl1-line1-cotact-elements-nn>a {
    margin-right: auto;
}

.about-block-text-content-db-right-sod>* {
    margin-bottom: 20px;
}

.about-block-text-content-db-right-sod>p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-decoration: underline;
}

.about-block-text-content-db-right-sod .social-all-block>a:first-of-type {
    margin-left: auto;
}

.about-block-text-content-db-right-sod .social-all-block>a:last-of-type {
    margin-right: auto;
}

.class-zapis-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.class-zapis-pr>a {
    margin-left: auto;
    margin-right: auto;
    z-index: 5 !important;
}

.statia-chit-sod>* {
    margin-bottom: 20px;
}

.okaz-ysl-kat {
    padding-top: 96px;
}

.osn-content>#open-pop {
    z-index: 5 !important;
    margin-bottom: 60px;
}

.podservis-ysl {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 60px;
}

.podservis-ysl>a {
    width: calc(100% / 3 - (20px * 2 / 3));
    border-radius: 20px;
    padding: 20px;
    border: 2px solid #FF8A5B;
    display: flex;
    min-height: 150px;
}

.podservis-ysl-content {
    margin-top: auto;
    width: 100%;
}

.podservis-ysl-content>p {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
    margin-bottom: 10px;
}

.okaz-ysl-kat-usl-block-title {
    padding: 20px;
    border-radius: 20px 20px 0 0;
    border: 2px solid #FF8A5B;
    background: linear-gradient(90deg, #fefae0 0%, #FF8A5B 100%);
}

.okaz-ysl-kat-usl-block-sl {
    padding: 20px 40px;
    border-right: 2px solid #FF8A5B;
    border-bottom: 2px solid #FF8A5B;
    border-left: 2px solid #FF8A5B;
    box-sizing: border-box;
    /* чтобы padding считался внутрь размера */
}

.okaz-ysl-kat-usl-block-sl>a {
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 21.6px;
    text-decoration: underline;

    /* НИЖЕ — заставляем текст переноситься */
    white-space: normal;
    /* отменяем nowrap */
    overflow-wrap: break-word;
    /* ломаем слишком длинные слова */
    word-break: break-word;
    /* (для старых браузеров) */
    box-sizing: border-box;
    /* чтобы ширина 100% учитывала padding родителя */
}


.okaz-ysl-kat-usl-block-sl>a:not(:last-of-type) {
    margin-bottom: 10px;
}

.home-news-lvl2.vrachi>a {
    min-height: 700px;
}

.home-news-lvl2-link-content {
    width: 100%;
}

.wpcf7-form-control.wpcf7-acceptance.optional>span {
    margin-left: 0px;
}

.about-block-text-content-db-left>* {
    margin-bottom: 20px;
}



.about-block-text-content-db-left ul {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.contact-info-block-left>button {
    z-index: 5 !important;
}

/* когда курсор над карточкой — показываем скрытые элементы */
.home-news-lvl2>a:hover .home-news-lvl2-link-content-text,
.home-news-lvl2>a:hover .home-news-lvl2-link-content-line-block {
    transform: translateY(0);
    opacity: 1;
}

.osn-content.okaz-ys>.price-page-info-sod-drop-block-item {
    margin-top: 40px;
}

.home-news-lvl2-link-content-text>strong {
    font-weight: 700;
}

.home-news-lvl2-link-content-tite-pre-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 22.4px;
    margin-bottom: 10px;
}

.header-content-lvl-el2.header-s2>a>svg {
    max-width: 290px;
    margin-top: -100px;
}

.header-pre-logo.sticky .header-content-lvl {
    padding: 20px 0;
}

.header-content-lvl-el2.header-sl>a>svg {
    height: 35px;
}



/* Спрячем элементы по умолчанию через transform+opacity */
.content-slider-sod-center-slider-cn .home-news-lvl2-link-content-text,
.content-slider-sod-center-slider-cn .home-news-lvl2-link-content-line-block {
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.4s ease, opacity 0.4s ease;
}

/* При hover над карточкой — показываем */
.content-slider-sod-center-slider-cn:hover .home-news-lvl2-link-content-text,
.content-slider-sod-center-slider-cn:hover .home-news-lvl2-link-content-line-block {
    transform: translateY(0);
    opacity: 1;
}

/* Обрезаем всё, что вылезает за пределы */
.content-slider-sod-center-slider-cn {
    overflow: hidden;
}

.content-slider-sod-center-slider-cn {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 646px;
    display: flex;
}

.content-slider-sod-center-slider-cn>.content-slider-sod-center-slider-content {
    margin-top: auto;
    background-color: #fefae0;
    width: 100%;
}

.content-slider-sod-center-slider-content {
    overflow: hidden;
    /* чтобы ничего не вылезало */
    transition: height 0.4s ease-in-out;
    /* плавное изменение высоты */
}

.footer-lvl1-line1-logo svg {
    max-height: 166px;
}

/* Скрываем оба по умолчанию */
.site-logo__small,
.site-logo__footer {
    display: none;
}

.classic-button1__icon {
    margin-left: 10px;
}

.classic-button1__icon>svg {
    height: 12px;
    width: auto;
    filter: invert(0%) sepia(7%) saturate(20%) hue-rotate(332deg) brightness(90%) contrast(102%);
}

.service-element, .page-doctor-tamplate, .okaz-ysl-kat-usl-block-sl {
    background-position: right bottom;
    background-repeat: no-repeat;
}

.wpcf7-form-control.wpcf7-submit.has-spinner.classic-button3 {
    width: 50%;
}

.osn-content.okaz-ys>h2, .osn-content.okaz-ys>h3, .osn-content.okaz-ys>h4, .osn-content.okaz-ys>h5, .osn-content.okaz-ys>h6 {
    margin-bottom: 20px;
}

.statia-chit strong {
    display: block;
}

.wpcf7-response-output {
    margin: 0 0 50px 0 !important;
}

.pc-hover-menu-content-lvl2-right>p>a {
    color: #fefae0;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 300;
    line-height: 16.8px;
    margin-top: 15px;
}

.footer-lvl2-sod4>p>a {
    text-decoration: underline;
    font-size: 14px;
    font-weight: 700;
    line-height: 16.8px;
    max-width: 250px;
}

.popup-contact-form .classic-button5 {
    max-width: 50%;
}

/* Изначально скрываем мобильный контейнер, показывая его только при max-width: 600px */
.home-news-lvl2-mobil {
    display: none;
}

.samolet-bg-fon {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(../img/bg-birds-right.png);
}

.samolet-bg-fon2 {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(../img/bg-feets-right.png);
    background-size: 40%;
}

.okaz-ysl-kat-usl-block-sl {
    border-radius: 0 0 16px 16px;
}

.popup-content-ty-text {
  border-bottom: 2px solid black;
  text-align: center;
  padding-bottom: 14px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 2%;
}

.popup-content-ty-text2 {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 2%;
    margin-bottom: 10px;
}

.popup-content-ty-img {
    display: flex;
    margin-bottom: 20px;
}

.popup-content-ty-img > img {
    margin-left: auto;
    margin-right: auto;
    max-width: 108px;
    height: auto;
}

/* На экранах шире 750px — показываем «малый» логотип */
@media (min-width: 751px) {
    .site-logo__small {
        display: inline-block;
    }
}

/* На экранах до 750px включительно — показываем «футерный» SVG */
@media (max-width: 750px) {
    .site-logo__footer {
        display: inline-block;
    }
}


/* на мобильных можно сразу показывать всё через медиазапрос */
@media (max-width: 1000px) {

    .home-news-lvl2>a .home-news-lvl2-link-content-text,
    .home-news-lvl2>a .home-news-lvl2-link-content-line-block {
        transform: translateY(0);
        opacity: 1;
    }
}


/* === Tablet (от 768px до 1023px) === */
@media (min-width: 768px) {
    .ost-otz-block-sod {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

/* === Laptop (от 1024px до 1439px) === */
@media (min-width: 1024px) {
    .ost-otz-block-sod {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

/* === Desktop Wide (от 1440px и выше) === */
@media (min-width: 1440px) {
    .ost-otz-block-sod {
        -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}



@media (max-width: 1500px) {
    .pc-hover-menu {
        width: 50%;
    }

}

@media (max-width: 1200px) {
    .pc-hover-menu {
        width: 100%;
    }

    .header-ap-logo {
        display: none;
    }

    .home-service-content-left {
        width: 100%;
    }

    .home-service-content-right {
        width: 100%;
    }

    .service-element-content>a {
        width: calc(100% / 3 - (20px * 2 / 3));
    }

    .about-block-text-content-db-left {
        width: 100%;
    }

    .about-block-text-content-db-right {
        width: 100%;
    }

    .about-block-text-content-db {
        gap: 40px;
    }
}

@media (min-width: 1001px) {
    .home-about-left.home-about-left-mobi-version {
        display: none;
    }
}

@media (max-width: 1000px) {
    .header-content-lvl-el1-right {
        display: none;
    }

    .home-about-left.home-about-left-pc-version {
        display: none;
    }

    .home-about-left.home-about-left-mobi-version {
        display: block;
        margin-bottom: 40px;
    }

    .home-big-slider-sod>div {
        width: 100%;
    }

    .home-big-slider-sod-right-sod {
        margin-right: auto;
    }

    .home-big-slider-sod-right-sod-button {
        margin-right: auto;
        display: none;
    }

    .home-big-slider-sod-left {
        margin-bottom: 40px;
    }

    .home-spetsialist-lvl1-sod>div {
        width: 100%;
    }

    .home-spetsialist-lvl1-sod-right-sod {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .home-spetsialist-lvl1-sod-right-sod-line {
        width: 100%;
    }

    .home-spetsialist-lvl1-sod {
        gap: 20px;
    }

    .home-spetsialist-lvl1-sod-right-sod>a {
        width: 100%;
    }

    .home-about>div {
        width: 100%;
    }

    .home-about-left {
        height: 600px;
    }

    .home-about-right-content {
        max-width: 100%;
        padding-left: 20px;
    }

    .home-otz-lvl1-content>div {
        width: 100% !important;
    }

    .home-otz-lvl1-content>.home-otz-lvl1-content-right {
        flex-wrap: wrap;
        gap: 20px;
    }

    .home-otz-lvl1-content-right>a {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .home-news-lvl1-left {
        width: 100%;
    }

    .home-news-lvl1-center {
        width: 100%;
    }

    .home-news-lvl1-right {
        width: 100%;
    }

    .home-news-lvl1-right>a {
        width: 100%;
    }

    .home-news-lvl2>a {
        min-height: 600px;
    }

    .home-news-lvl2>a {
        width: calc(100% / 2 - (40px * 1 / 2));
    }

    .footer-lvl1-line1-logo {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-lvl1-line1-cotact-elements {
        width: calc(40% - (20px * 3 / 4));
    }

    .footer-lvl1-line1-menu-class {
        width: calc((100% - 40%) / 3 - (20px * 3 / 4));
    }

    .footer-lvl2-sod1, .footer-lvl2-sod-2, .footer-lvl2-sod3, .footer-lvl2-sod4 {
        width: calc(100% / 4 - (20px * 4 / 5));
    }

    .contact-info-block>div {
        width: 100%;
    }

    .contact-info-block-left {
        display: block;
    }

    .doctor-tline-line2>a {
        width: calc(100% / 2 - (20px * 1 / 2));
    }

    .service-page-content-left {
        width: 100%;
    }

    .service-page-content-right {
        display: none;
    }

    .service-element-content>a {
        width: calc(100% / 2 - (20px * 1 / 2));
    }

    .podservis-ysl>a {
        width: calc(100% / 2 - (20px * 1 / 2));
    }

    .header-content-lvl {
        padding: 20px 0;
    }

    /* Показываем контент внутри карточек новостей и специалистов */
    .home-news-lvl2-link-content-text,
    .home-news-lvl2-link-content-line-block,
    .content-slider-sod-center-slider-cn .home-news-lvl2-link-content-text,
    .content-slider-sod-center-slider-cn .home-news-lvl2-link-content-line-block {
        transform: translateY(0) !important;
        opacity: 1 !important;
    }

    .home-news-lvl2>a .home-news-lvl2-link-content-text,
    .home-news-lvl2>a .home-news-lvl2-link-content-line-block {
        transform: translateY(0);
        opacity: 1;
    }

    .home-news-lvl2-link-content-text {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 751px) {
    .page-doctor-tamplate-sod-right.pc-version {
        display: none;
    }
}


@media (max-width: 750px) {
    .header-content-lvl>div {
        width: calc(100% / 2 - (20px * 1 / 2));
    }

    .page-doctor-tamplate-sod-right.mobil-version {
        display: none;
    }

    .page-doctor-tamplate-sod-right.pc-version {
        display: block;
        margin-bottom: 60px;
    }

    .header-content-lvl-el1 {
        display: none;
    }

    .header-content-lvl-el2>a {
        margin-left: 0px;
    }

    .pc-hover-menu {
        padding: 135px 20px;
    }

    .home-plus-block-content>div {
        width: 100%;
    }

    .home-service-content-right>a {
        width: calc(100% / 2);
    }

    .home-service-content-right>a:nth-of-type(2) {
        border-radius: 0 20px 0 0;
    }

    .home-service-content-right>a:nth-of-type(3) {
        border-radius: 0 0 0 0;
    }

    .home-service-content-right>a:nth-of-type(4) {
        border-radius: 0 0 0 0;
    }

    .home-service-content-right>a:nth-of-type(5) {
        border-radius: 0 0 0 20px;
    }

    .footer-lvl1-line1-menu-class {
        width: 100%;
    }

    .footer-lvl1-line1-cotact-elements {
        width: 100%;
    }

    .footer-lvl2-sod1, .footer-lvl2-sod-2, .footer-lvl2-sod3, .footer-lvl2-sod4 {
        width: 100%;
    }

    .footer-lvl2-sod1>a:first-of-type {
        margin-left: 0px;
    }

    .footer-lvl3-content {
        display: -ms-grid;
        display: grid;
    }

    .footer-lvl3-content>span, .footer-lvl3-content>nav, .footer-lvl3-content>a {
        margin-right: auto;
    }

    .page-doctor-tamplate-sod-left {
        width: 100%;
    }

    .page-doctor-tamplate-sod-right {
        width: 100%;
    }

    .page-doctor-tamplate-sod {
        gap: 0px;
    }

    .page-doctor-tamplate-sod-right>img {
        margin-top: 0px;
    }

    .osn-content-bio>div {
        width: 100%;
    }

    .doctor-tline {
        margin-top: 40px;
    }

    .doctor-tline-line2>a {
        width: 100%;
    }

    .pc-hover-menu {
        bottom: 0;
        /* растягиваем на всю высоту */
        width: 100%;
        /* на всю ширину экрана */
        overflow-y: auto;
        /* включаем вертикальный скролл */
        -webkit-overflow-scrolling: touch;
        /* плавный скролл на iOS */
    }

    #pc-hover-menu {
        height: 100vh;
    }

    .price-page-info-sod-drop-block-content-sod-element-sod-line>p:last-of-type {

        min-width: 80px;
    }

    .header-pre-logo #pc-hover-menu, .header-pre-logo.sticky #pc-hover-menu {
        padding: 90px 30px 60px 30px;
    }

    .pc-menu>svg {
        height: 30px;
        width: 30px;
    }

    .pc-menu {
        padding: 7px;
    }

    .footer-lvl1-line1-menu-class {
        display: none;
    }

    .footer-lvl1-line1-logo>a {
        margin: 0;
    }

    .footer-lvl2-sod4 {
        order: 1;
    }

    .footer-lvl2-sod1 {
        order: 2;
        width: calc(50% - (20px * 1 / 2));
    }

    .footer-lvl2-sod3 {
        order: 3;
        width: calc(50% - (20px * 1 / 2));
    }

    .footer-lvl2-sod-2 {
        order: 4;
    }

    .popup-window {
        padding: 50px 30px 0 30px;
    }

    .popup-contact-form .classic-button5 {
        max-width: 100%;
    }

    .page-doctor-tamplate-sod-right.mobil-element {
        display: none;
    }
}

@media (max-width: 600px) {
    .home-news-lvl2>a {
        width: 100%;
    }

    .home-service-content-right>a {
        width: 100%;
    }

    .home-service-content-right>a:first-child {
        border-radius: 20px 20px 0 0;
    }

    .home-service-content-right>a:nth-of-type(2), .home-service-content-right>a:nth-of-type(3), .home-service-content-right>a:nth-of-type(4), .home-service-content-right>a:nth-of-type(5) {
        border-radius: 0 0 0 0;
    }

    .home-service-content-right>a:nth-of-type(6) {
        border-radius: 0 0 20px 20px;
    }

    .home-spetsialist-lvl1-sod-left>h2, .home-service-content-left-content>h2, .home-big-slider-sod-left-title, .home-about-right-content>h2, .home-otz-lvl1-content-left>h2, .home-news-lvl1-left>h2, .home-maps-social-content>h2, .title-block h1 {
        font-size: 32px;
        line-height: 40px;
    }

    .content-slider-sod-center-slider-img {
        height: 370px;
    }

    .content-slider-sod-left, .content-slider-sod-right {
        display: none;
    }

    .content-slider-sod-center {
        width: 100%;
    }

    .header-content-lvl-el3-element>#open-pop {
        display: none;
    }

    .pc-hover-menu-content-lvl1-block {
        width: 100%;
    }

    .pc-hover-menu-content-lvl2>div {
        width: 100%;
    }

    .pc-hover-menu-content-lvl1 {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .content-slider-sod-otz-left, .content-slider-sod-otz-right {
        display: none;
    }

    .content-slider-sod-otz-center {
        width: 100%;
    }

    .contact-info-block-left-element>a {
        font-size: 20px;
    }

    .home-maps>iframe {
        height: 360px;
        margin-top: 20px;
    }

    .home-maps-social {
        padding-top: 290px;
    }

    .home-maps {
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .service-element-content>a {
        width: 100%;
    }

    .podservis-ysl>a {
        width: 100%;
    }

    .home-maps-social-content {
        padding: 30px 20px 0 30px;
    }

    .home-maps {
        margin-bottom: 50px;
    }
}

/* ==============================================
   Новый CSS для мобильного слайдера (max-width: 600px)
============================================== */
@media (max-width: 600px) {

    /* 1) Скрыть desktop-версию новостей */
    .home-news-lvl2.home-mobil {
        display: none !important;
    }

    /* 2) Показать мобильный контейнер со слайдером */
    .home-news-lvl2-mobil {
        display: block;
    }

    /* 3) Базовые стили для карточек новостей */
    .home-news-item {
        width: 100%;
        height: 450px;
        border-radius: 20px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        border: 2px solid #FF8A5B;
    }

    /* 4) Контейнер слайдера: занимает 100% ширины, padding 20px, скрывает соседние слайды */
    .home-news-lvl2-mobil .content-slider-sod-otz-center {
        width: 100% !important;
        box-sizing: border-box;
        overflow: hidden;
        /* чтобы соседние слайды не были видны */
        position: relative;
    }

    /* 5) Трек-слайдер: flex с gap 20px, плавный переход transform */
    .home-news-lvl2-mobil .content-slider-sod-otz-center-slider {
        display: flex;
        gap: 20px;
        /* синхронизируем с JS */
        transition: transform 0.3s ease;
        will-change: transform;
    }

    /* 6) Ссылки/карточки внутри трека */
    .home-news-lvl2-mobil .content-slider-sod-otz-center-slider>a {
        flex-shrink: 0;
        border: 2px solid #FF8A5B;
        border-radius: 20px;
        background-color: #fff;
        text-decoration: none;
    }
}