/* Start:/local/assets/css/components/search.css?17119620395837*/
.searchPopup {
    left: 0;
    top: -10%;
    height: fit-content;
    transition: all 0.3s ease;
}

.searchPopup.active {
    top: 0;
    left: 0;
}

.searchPopup .popup__closeSimple span {
    color: var(--basic60);
}

.searchPopup .popup__closeSimple:hover span {
    color: var(--main-blue);
}

.searchPopup .popup__inner {
    width: 100%;
    position: relative;
    right: 0;
    background-color: var(--white);
}

.searchPopup .popup__body {
    height: 100%;
}


.popup .searchBlock__top {
    padding: 24px 0;
    padding-bottom: 0;
    border-bottom: 1px solid var(--basic40);
}

.searchBlock__top {
    /* margin-bottom: 50px; */
}

.searchBlock__top input {
    width: 100%;
}

.searchInputElem {
    background-color: var(--white);
    padding-right: 16px;
}

.searchInputElem {
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--basic40);
}

.popup .searchInputElem {
    border-radius: 0;
    border: none;
}



.searchInput {
    padding-left: 36px;
}

.searchInput::placeholder {
    font-family: Geologica;
    font-size: 16px !important;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
}



.searchInputElem input {
    padding: 14px 0;
    padding-left: 46px;
}

.popup .searchInputElem__icon {
    left: 0;
}

.searchInputElem .searchInputElem__icon {
    left: 16px;
}

.searchInputElem__icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--main-blue);
}

.searchBlock__bottom {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.popup .searchBlock__bottom {
    padding: 50px 0;
    overflow-y: scroll;
    height: 100%;
}

.searchBlockContainer {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 46px;
    width: 100%;
}

.searchBlock__smallText {
    font-family: Geologica;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0em;
    color: var(--basic80);
}

.searchButton {
    padding: 0 16px;
    display: none;
}

.searchButton.active {
    display: block;
}

@media (max-width: 1199px) {
    .searchBlockContainer {
        padding: 0 16px;
    }


    .popup .searchBlock__bottom {
        padding: 30px 0;
    }
}

@media (max-width: 767px) {
    .searchBlock {
        height: 100%;
    }

    .searchBlock .popup__inner {
        height: 100%;
    }

    .popup .searchBlock__bottom {
        padding: 50px 0;
        padding-bottom: 100px;
    }
}

/* Популярные запросы */
.popularQueries .searchBlock__smallText {
    margin-bottom: 12px;
}

.popularQueries__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.popularQueries__elem {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0em;
    cursor: pointer;
    transition: all 0.3s ease;
}

.popularQueries__elem:hover {
    color: var(--main-blue-hover);
}

@media (max-width: 767px) {
    .popularQueries__elem {
        font-family: Geologica;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        letter-spacing: 0em;
    }
}

/* Популярные запросы END */

/* Результат поиска */
/* .popup .searchResult {
    width: calc(100vw - 232px);
}

@media (max-width: 1199px) {
    .popup .searchResult {
        width: calc(100vw - 32px);
    }
} */

.searchResult {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
}

.searchBlock__result {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.searchResult__list {
    padding-top: 0;
    padding-left: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.searchResult__elem {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.searchResult__elem:hover .searchResult__title {
    color: var(--main-blue-hover);
}

.searchResult__elem li {
    padding-bottom: 0;
}

.searchResult__elem li::before {
    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
}

.searchResult__title {
    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    padding-left: 8px;
    padding-bottom: 0;
    transition: all 0.3s ease;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.searchResult__title::before {
    font-family: Geologica;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
}

.searchResult__text {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: 0em;
    padding-left: 8px;
    color: var(--basic80);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {

    .searchResult__elem li::before,
    .searchResult__title {
        font-family: Geologica;
        font-size: 18px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0em;
    }

    .searchResult__text {
        font-family: Geologica;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0em;
    }
}

/* Результат поиска END */

.searchBlock__errorText {
    font-family: Geologica;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0em;
}

.searchBlock__noResult {
    display: flex;
    flex-direction: column;
    gap: 130px;
}

@media (max-width: 767px) {
    .searchBlock__noResult {
        gap: 50px;
    }
}
/* End */


/* Start:/local/assets/css/components/productList.css?17217197146436*/
.productListCol2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

@media (max-width: 1199px) {
    .productCardList {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

/* Карточка продукта */
.productCardRow {
    display: flex;
    align-items: center;
    background-color: var(--light-gray);
    border-radius: 20px;
}

.productCardRow.productCardRowWhite {
    background-color: var(--white);
}

.productCardRow .productCard__title {
    margin-bottom: 12px;
}

.productCardRow__info {
    width: 65%;
    padding: 14px 8px;
}

.productCardRow__img {
    height: 250px;
    width: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    /* width: 35%; */
}

.productCard__title {
    font-family: Geologica;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
}

.productCard__textSmall {
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}


.productCard__tagsBlock {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

@media (max-width: 375px) {
    .productCard__tagsBlock {
        flex-direction: column;
    }
}

.productCard__tag {
    display: flex;
    align-items: center;
}

.productCard__tagsBlock .productCard__tag::after {
    content: '';
    position: relative;
    display: inline-flex;
    width: 5px;
    height: 5px;
    background-color: var(--basic80);
    margin: 0 12px;
    border-radius: 50%;

}

.productCard__tagsBlock .productCard__tag:last-child::after {
    display: none;
}


@media (max-width: 1199px) {
    .productCardRow__img {
        width: 100px;
        height: 100px;
        background-size: cover;
    }

    .productCardRow .productCard__title {
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .productCardRow .productCard__tagsBlock {
        margin-bottom: 12px;
    }
}

/* Карточка продукта END */

/* Карточка продукта в строку (маленькая) */
.productCardRow2 {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 24px;
}

.productCardRow2__img {
    width: 100px;
    height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
}

.productCardRow2__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.productCard2__title {
    font-family: Geologica;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
}

/* Карточка продукта END */

/* Простая карточка продукта */
.productCardSimple {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    position: relative;
    padding-bottom: 20px;
}

.productCardSimple__img {
    width: 300px;
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}

.productCardSimple__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.productCardSimple__text {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    white-space: nowrap;
}

.productCardSimple__smallText {
    font-family: Geologica;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.productCardSimple .buttonRoundedWithText {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1199px) {
    .productCardSimple {
        max-width: 220px;
        gap: 26px;
    }

    .productCardSimple__info {
        text-align: center;
    }

    .productCardSimple .buttonRounded {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }

    .productCardSimple__img {
        width: 215px;
        height: 215px;
    }

}

@media (max-width: 767px) {
    .productCardSimple .buttonRoundedWithText {
        position: relative;
        left: auto;
        top: auto;
        transform: translateX(0%);
    }

    .productCardSimple {
        width: 100%;
        max-width: 100%;
        gap: 16px;
    }


    .productCardSimple__img {
        width: 330px;
        height: 300px;
    }
}

/* Простая карточка продукта END */

/* Большая карточка продукта */
.productCardBig {
    position: relative;
    padding: 48px 32px;
    padding-top: 62px;
    background-color: var(--white);
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    flex-basis: 50%;
    cursor: pointer;
}

.productCardBig__inner {
    display: flex;
    flex-direction: column;
}

.productCardBig__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.productCardBig__decor {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.productCardBig__image {
    width: 312px;
}

.productCardBig__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
}

.productCardBig__subtext {
    color: var(--basic80);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.productCardBig .badgeListRow {
    position: absolute;
    top: 25px;
    left: 32px;
}

.productCardBig .buttonRoundedWithText {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

@media (max-width: 1199px) {
    .productCardBig {
        padding: 24px 20px;
        padding-top: 72px;
        padding-bottom: 40px;
    }

    .productCardBig .badgeListRow {
        top: 24px;
        left: 20px;
    }
}

@media (max-width: 767px) {
    .productCardBig {
        padding: 20px 16px;
        padding-top: 72px;
        padding-bottom: 40px;
        width: 100%;
        flex-basis: 100%;
    }
}

/* Большая карточка продукта END */


/* Блок остальные продукты */
.otherProductsBlock {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.otherProducts {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media (max-width: 767px) {
    .otherProductsBlock {
        gap: 40px;
    }

    .otherProducts {
        flex-direction: column;
        gap: 40px;
    }
}


/* Блок остальные продукты END */
/* End */


/* Start:/local/assets/css/main.css?17649538042589*/
/* сброс стилей для всех элементов */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* сброс стилей для элементов форм */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input,
textarea {
    border: 0;
    border-radius: 0;
}

input:focus,
textarea:focus {
    outline: none;
    /* border: inherit; */
    /* border-radius: inherit; */
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* сброс стилей для ссылок */
a {
    color: inherit;
    text-decoration: none;
}

/* сброс стилей для изображений */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* сброс стилей для таблиц */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* сброс стилей для заголовков */
h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-size: inherit; */
    /* font-weight: inherit; */
}


/* сброс стилей для кнопок */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/* сброс стилей для списков */
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Скрываем скролл */
/* Скрываем scrollbar для Chrome, Safari и Opera */
.tilesBlock__row::-webkit-scrollbar,
.searchBlock__bottom::-webkit-scrollbar,
.articlesTabsBlock::-webkit-scrollbar {
    display: none;
}

/* Скрываем scrollbar для IE, Edge и Firefox */
.articlesTabsBlock,
.tilesBlock__row,
.searchBlock__bottom {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
}


.contentTable__elem-whole {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border: 1px solid #0000001A;
    border-radius: 12px;
    font-weight: 500;
    text-align: center;
}

.contentTable__text-grey {
    color: rgba(40, 40, 40, 0.5);
}

.contentTable__text-bold {
    font-size: 18px;
    font-weight: 500;
}

.instruction .contentTable__elem {
    flex-wrap: wrap;
}



/* Скрываем скролл END */
/* End */


/* Start:/local/assets/css/fonts.css?17119620391586*/
@font-face {
    font-weight: 300;
    font-family: Geologica;
    src: url("/local/assets/fonts/Geologica/Geologica-Light.ttf");
}

@font-face {
    font-weight: 400;
    font-family: Geologica;
    src: url("/local/assets/fonts/Geologica/Geologica-Regular.ttf");
}

@font-face {
    font-weight: 500;
    font-family: Geologica;
    src: url("/local/assets/fonts/Geologica/Geologica-Medium.ttf");
}

@font-face {
    font-weight: 300;
    font-family: Inter;
    src: url("/local/assets/fonts/Geologica/Geologica-Light.ttf");
}

@font-face {
    font-weight: 400;
    font-family: Inter;
    src: url("/local/assets/fonts/Inter/Inter-Light.ttf");
}

@font-face {
    font-weight: 500;
    font-family: Inter;
    src: url("/local/assets/fonts/Inter/Inter-Medium.ttf");
}

@font-face {
    font-weight: 700;
    font-family: Inter;
    src: url("/local/assets/fonts/Inter/Inter-Bold.ttf");
}

@font-face {
    font-weight: 300;
    font-family: Bebas-neue;
    src: url("/local/assets/fonts/Bebas-neue/BebasNeue-Light.ttf");
}

@font-face {
    font-weight: 400;
    font-family: Bebas-neue;
    src: url("/local/assets/fonts/Bebas-neue/BebasNeue-Book.ttf");
}

@font-face {
    font-weight: 500;
    font-family: Bebas-neue;
    src: url("/local/assets/fonts/Bebas-neue/BebasNeue-Regular.ttf");
}



body {
    font-family: Geologica;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--basic100);
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
    }
}
/* End */


/* Start:/local/assets/css/global.css?172171919039336*/
html {
    scroll-behavior: auto !important;
}

body {
    position: relative;
}

.main {
    background: var(--basic20);
    position: relative;
}

/* Контейнеры */
.container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 80px;
    width: 100%;
}

.container--pad0 {
    padding: 0;
}

.container860 {
    max-width: 860px;
    margin: 0 auto;
    /* padding: 0 80px; */
    width: 100%;
}

.container1340 {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 80px;
    width: 100%;
}

.containerNoPad {
    padding: 0;
}

@media (max-width: 1199px) {

    .container,
    .container860 {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {

    .container,
    .container860 {
        padding: 0 16px;
    }
}

/* Секции/блоки */
.section {
    z-index: 1;
    position: relative;
}

.section.section--titleMargin {
    padding-bottom: 50px;
}

.sectionFullHeight {
    height: calc(var(--vh, 1vh) * 100);
}

.sectionPb152 {
    padding-bottom: 152px;
}

.sectionPad60 {
    padding: 60px 0;
}

.sectionPad60:first-of-type {
    padding-top: 0;
}

.sectionZindex {
    z-index: 99;
}

.sectionPad100 {
    padding: 100px 0;
}

.sectionWhereToBuy .sectionWhereToBuy__title {
    margin-bottom: 50px;
}

.materialsSection .materialsSection__title {
    margin-bottom: 40px;
}

@media (max-width: 1199px) {
    .section {
        padding-top: 0 !important;
        padding-bottom: 140px !important;
    }

    .sectionPad60,
    .sectionPad100 {
        /* padding: 40px 0; */
        padding: 0;
    }

}

@media (max-width: 767px) {
    .section {
        padding-top: 0 !important;
        padding-bottom: 60px !important;
    }

    .section.mb60 {
        margin-bottom: 0;
    }
}

.reviewSection {
    overflow: hidden;
    z-index: 0;
}

.contentPage {
    padding-top: calc(90px + 130px);
}

.contentPage2 {
    padding-top: calc(90px + 60px);
}

.contentPage--pt40 {
    padding-top: calc(96px + 44px);
}

@media (max-width: 1199px) {
    .contentPage {
        padding-top: calc(72px + 130px);
    }

    .contentPage--pt40 {
        padding-top: calc(72px + 44px);
    }
}

@media (max-width: 767px) {
    .contentPage {
        padding-top: calc(72px + 32px);
    }

    .contentPage--pt40 {
        padding-top: calc(72px + 32px);
    }

}

.contentPage .section:not(.section--titleMargin) {
    position: relative;
    padding-bottom: 90px;
}

.contentBlockRow {
    display: flex;
    gap: 40px;
}

.contentBlockw50 {
    width: 50%;
}

.flexCol24 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 767px) {
    .flexCol24 {
        gap: 20px;
    }
}

/* Секции/блоки END */

/* Отступы */
.mb60 {
    margin-bottom: 60px;
}

/* Отступы END */

/* Типография */


h3 {
    font-size: 20px;
    font-weight: 400;
    line-height: 150%;
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
}

.bold {
    font-weight: 500;
}


.title40 {
    font-family: Geologica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.title44 {
    font-family: Geologica;
    font-size: 44px;
    font-weight: 400;
    line-height: 120%;
}

.title48 {
    font-family: Geologica;
    font-size: 48px;
    font-weight: 400;
    line-height: 120%;
}

.title60 {
    font-family: Geologica;
    font-size: 60px;
    font-weight: 500;
    line-height: 110%;
}

.title100 {
    font-family: Geologica;
    font-size: 101.269px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -4.051px;
}

.titleCenter {
    text-align: center;
    width: 100%;
}

.text12 {
    font-family: Geologica;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}

.text16 {
    font-family: Geologica;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.text18 {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.text20 {
    font-family: Geologica;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
}

.text24 {
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
}

.text24Regular,
.article .text24Regular {
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
}

.text28,
.article .text28 {
    font-family: Geologica;
    font-size: 28px;
    font-weight: 400;
    line-height: 130%;
}

@media (max-width: 767px) {
    .text24Regular {
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
    }

    .text28,
    .article .text28 {
        font-family: Geologica;
        font-size: 18px;
        font-weight: 300;
        line-height: 22px;
    }

    .title40 {
        font-family: Geologica;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
}

.textLink {
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.textLink--12 {
    font-family: Geologica;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
}


.textLink:hover {
    color: var(--main-blue);
    transition: all 0.3s ease;
}


.textLinkBlue {
    color: var(--main-blue);
}

.textLinkBlue:hover {
    color: var(--main-blue-hover);
}

.textUnderline {
    position: relative;
    width: fit-content;
}

.textUnderline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0.6px;
    background-color: var(--black);
}

.pageTitle {
    margin-bottom: 20px;
}

.infoText {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.infoText__elem {
    color: var(--main-blue);
    color: #09A5F8;
    font-family: Inter;
    font-size: 94px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}

.infoText__elem--48 {
    color: var(--main-blue);
    font-family: Inter;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .infoText__elem {
        font-family: Inter;
        font-size: 40px;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
    }

    .infoText__elem--48 {
        font-family: Inter;
        font-size: 20px;
        font-weight: 700;
        line-height: 100%;
        text-transform: uppercase;
    }
}


@media (max-width: 767px) {
    .title44 {
        font-size: 28px;
        font-weight: 400;
        line-height: 120%;
    }

    .title48 {
        font-size: 28px;
        font-weight: 400;
        line-height: 100%;
    }

    .title60 {
        font-size: 40px;
        font-weight: 500;
        line-height: 110%;
    }

    .text18 {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }

    .text20 {
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
    }

    .text24 {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
    }

}

/* Типография END */

/* Типография цвета */
.textWhite {
    color: var(--white);
}

.textBlue {
    color: var(--main-blue);
}

.textPineGreen {
    color: var(--pine-green);
}

.textRoyalPurple {
    color: var(--royal-purple);
}

.textNavyBlue2 {
    color: var(--navy-blue2);
}

.textBasic90 {
    color: var(--basic90);
}

.textBasic80 {
    color: var(--basic80);
}

.textBasic70 {
    color: var(--basic70);
}

.textBasic60 {
    color: var(--basic60);
}

/* Типография цвета END */

/* Текстовые блоки */
.textCol {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.textCol__smallText {
    font-family: Geologica;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/* Текстовые блоки END */

/* Заголовок с переключтелями слайдера */
.titleWithArrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Заголовок с переключтелями слайдера END */

/* Заголовок с кнпокой */
.titleWithButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .titleWithButton {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }
}

/* Заголовок с кнпокой END */

/* Ряд текста  */
.textRow {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

/* Ряд текста END */

/* Заголовок с текстом */
.titleWithText {
    display: flex;
    flex-direction: column;
    gap: 32px;
    position: relative;
    z-index: 1;
    margin-bottom: 70px;
}

.titleWithText__text {
    width: 65%;
    font-size: 24px;
    font-weight: 300;
    line-height: 130%;
}

@media (max-width: 1199px) {
    .titleWithText {
        margin-bottom: 40px;
    }

    .titleWithText__text {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .titleWithText {
        gap: 20px;
        margin-bottom: 60px;
    }

    .titleWithText__text {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }
}

/* Заголовок с текстом END */

/* Группа кнопок */
.buttonRow {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* Группа кнопок END */

/* Кнопка */
.buttonLarge {
    display: inline-flex;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
}

.buttonLarge--white {
    background-color: var(--white);
    color: var(--main-blue);
}

.buttonMedium {
    display: inline-flex;
    height: 48px;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
}

.buttonMedium2 {
    height: 40px;
    padding: 10px 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
    width: fit-content;
}

.buttonMedium3 {
    height: 40px;
    padding: 8px 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
    width: fit-content;
}

.buttonSmall {
    display: inline-flex;
    height: 40px;
    padding: 14px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
}

.buttonLarge span,
.buttonMedium span,
.buttonMedium2 span,
.buttonSmall span {
    font-size: 24px;
}

.buttonFitWidth {
    width: fit-content;
}

.button {
    display: block;
    text-align: center;
    color: var(--basic70);
    padding: 16px 40px;
    font-family: Geologica;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    background-color: var(--white);
    border-radius: 20px;
    transition: all 0.3s ease;
}

.button:hover {
    color: var(--white);
    background-color: var(--main-blue);
}

.buttonW100 {
    width: 100%;
}



.buttonLarge:hover,
.buttonMedium:hover,
.buttonMedium2:hover,
.buttonMedium3:hover,
.buttonSmall:hover,
.buttonRounded:hover {
    transition: all 0.3s ease;
    background-color: var(--main-blue-hover);
}

.buttonLarge:active,
.buttonMedium:active,
.buttonMedium2:active,
.buttonMedium3:active,
.buttonSmall:active,
.buttonRounded:active {
    transition: all 0.3s ease;
    background-color: var(--main-blue-active);
}

.buttonLarge.disabled,
.buttonMedium.disabled,
.buttonSmall.disabled,
.buttonRounded.disabled {
    pointer-events: none;
    background-color: var(--basic50);
    color: var(--basic60);
}

.buttonLarge--gray:hover {
    color: var(--white);
}

.buttonLarge--white {
    background-color: var(--white);
    color: var(--main-blue);
}

.buttonMedium2--red,
.buttonLarge--red {
    background-color: #FF2D78;
    color: var(--white);
}

.buttonMedium2--red:hover,
.buttonLarge--red:hover {
    background-color: #E90053;

}

.buttonLarge--gray {
    background-color: #FFFFFF4D;
    color: var(--black);
}

.buttonWhite {
    padding: 24px;
    border-radius: 24px;
    background-color: var(--white);
    font-size: 28px;
    font-weight: 400;
    line-height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.buttonWhite:hover,
.buttonLarge--white:hover {
    background-color: var(--main-blue);
    color: var(--white);
}

/* Кнопка END */

/* Кнопка иконкой */
.iconButton {
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.iconButton span {
    font-size: 24px;
    color: var(--basic60);
    transition: all 0.3s ease;
}

.iconButton:hover span {
    color: var(--main-blue) !important;
}



/* Кнопка иконкой END */

/* Кнопка с иконкой (круглая)  */
.buttonRounded {
    display: inline-flex;
    height: 52px;
    min-width: 52px;
    padding: 14px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
    width: 52px;
}

.buttonRounded.buttonRounded32 {
    width: 32px;
    height: 32px;
    min-width: 32px;
}

.buttonRoundedWithText {
    display: inline-flex;
    height: 52px;
    min-width: 52px;
    padding: 14px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
    cursor: pointer;
    width: 52px;
    position: relative;
}

.productCardSimple:hover .buttonRoundedWithText,
.productCardBig:hover .buttonRoundedWithText,
.buttonRoundedWithText:hover {
    /* width: 158px; */
    width: fit-content;
    padding: 14px 20px;
}

.buttonRoundedWithText .buttonRounded__text {
    opacity: 0;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.productCardSimple:hover .buttonRoundedWithText .buttonRounded__text,
.productCardBig:hover .buttonRoundedWithText .buttonRounded__text,
.buttonRoundedWithText:hover .buttonRounded__text {
    opacity: 1;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
    right: 0;
    top: 0;
    transform: translateY(0%);
}

.productCardBig:hover .buttonRoundedWithText .buttonRounded__icon,
.productCardSimple:hover .buttonRoundedWithText .buttonRounded__icon,
.buttonRoundedWithText:hover .buttonRounded__icon {
    /* right: 18px; */
    position: relative;
    right: 0;
    transition: all 0.3s ease;
}

.buttonRoundedWithText .buttonRounded__icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    .buttonRoundedWithText {
        width: fit-content;
        padding-left: 20px;
    }

    .buttonRoundedWithText .buttonRounded__text {
        position: relative;
        opacity: 1;
        animation: none;
    }

    .buttonRoundedWithText .buttonRounded__icon {
        font-size: 18px;
    }

    .buttonRoundedWithText .buttonRounded__icon {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0);
    }

    .productCardSimple:hover .buttonRoundedWithText,
    .productCardBig:hover .buttonRoundedWithText,
    .buttonRoundedWithText:hover {
        padding: 10px 20px;
    }
}

@media (max-width: 767px) {
    .buttonRounded {
        width: 140px;
    }

    .buttonRounded__text {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
    }

    .buttonRoundedWithText {
        height: 40px;
        padding: 10px 20px;
        width: fit-content;
    }

    /* .buttonRoundedWithText:hover {
        padding: 10px 20px;
    } */

    /* .productCardSimple:hover .buttonRoundedWithText,
    .productCardBig:hover .buttonRoundedWithText,
    .buttonRoundedWithText:hover {
        width: fit-content;
    } */


}

/* Кнопка с иконкой END */

/* Кнопка в виде текста */
.textButton {
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 17.255px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.textButton16 {
    font-family: Geologica;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
}

.textButton:hover {
    color: var(--main-blue);
}

.textButton.textBlue:hover {
    color: var(--main-blue-hover);
}

.textButtonGray {
    color: var(--basic60);
}

/* Кнопка в виде текста END */

/* Группы кнопок */
.buttonGroup {
    display: flex;
    align-items: center;
    gap: 28px;
}

/* Группы кнопок END */

/* Инпут */
.inputElem {
    width: 100%;
    position: relative;
    margin-bottom: 12px;
}

.input {
    background-color: #ECF1F7;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: var(--black);
    padding: 12px;
    height: 52px;
    border: 1px solid transparent;
}

.textarea {
    background-color: #ECF1F7;
    width: 100%;
    border-radius: 8px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: var(--black);
    padding: 12px;
    resize: none;
    height: 104px;
    border: 1px solid transparent;
}


.inputElem .textarea~label {
    top: 12px;
    transform: translateY(0%);
}

.inputElem label {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.3s ease;
    color: #1B1F3BA6;
}

.input.active,
.textarea.active {
    padding-top: 24px;
}

.input.active~label,
.textarea.active~label {
    top: 6px;
    transform: translateY(0%);
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}

.inputElem.error {
    margin-bottom: 36px;
}

.inputElem.error .input,
.inputElem.error .textarea {
    border-color: var(--red);
}

.inputElem.error .errorText {
    position: absolute;
    top: calc(100% + 4px);
    left: 12px;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    color: var(--red);
}

/* Инпут END */

/* Бейдж */
.badge {
    padding: 12px 16px;
    border-radius: 30px;
    background: var(--main-blue);
    color: var(--white);
    width: fit-content;
    font-family: Geologica;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.badgeCol {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.badge2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    background-color: var(--navy-blue);
    color: var(--white);
    border-radius: 10px;
    padding: 7px 12px;
    width: fit-content;
}

@media (max-width: 767px) {
    .badge2 {
        font-size: 14px;
        font-weight: 300;
        line-height: 16px;
    }
}

/* Бейдж END */

/* Список бейджей */
.badgeListBlock {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.badgeListBlockW50 {
    width: 50%;
}

.badgeListText {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.badgeList {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.badgeListRow {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1199px) {
    .badgeListBlockW50 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .badgeListText {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
    }

    .badgeListRow {
        gap: 8px;
    }
}

/* Список бейджей END */

/* Нумерованный список */
ol {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 0 16px;
    padding: 15px 0 5px 0;
    font-size: 16px;
}

ol li {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 10px 0;
}

ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0px;
    left: -16px;
    width: fit-content;
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}

/* Нумерованный список END */

/* Маркированный список */
.list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.list_text {
    font-family: Geologica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-left: 27px;
}

ul li {
    list-style-type: disc;
}

/* Маркированный список END */

/* Декор */
.pageDecor {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

/* Декор END */

/* Футер */
.footer__top {
    padding: 50px 0;

}

.footer__bottom {
    padding: 32px 0;
    border-top: 1px solid var(--basic50);
}

.footerCol2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px;
}

.footerBottomRow {
    display: flex;
}

.footerBottomRow>div {
    flex-basis: 32%;
}

.footerCol {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer__logoRow {
    display: flex;
    gap: 22px;
    align-items: center;
}

.footerAddresses {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
}


.footerBottomRow .footerInfo {
    display: flex;
    align-items: flex-end;
    flex-basis: 40%;
}

.footerInfo .textRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.chulakov {
    display: inline-flex;
    align-items: center;
}

.chulakov__text {
    white-space: nowrap;
}

.chulakovLogo {
    display: inline;
    margin-left: 8px;
    min-width: 77px;
}

.footerDisclaimer {
    font-size: 12px;
}

.footerBottomBlock {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footerBottomInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

@media (max-width: 1285px) {
    .footerBottomInfo {
        flex-wrap: wrap;
    }
}

@media (max-width: 1199px) {
    .footer__top {
        padding: 30px 0;

    }

    .footerBottomRow {
        gap: 24px;
    }

    .footerInfo .textRow {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .footerBottomRow .footerInfo {
        flex-basis: 30%;
    }

    .chulakov {
        flex-wrap: wrap;
        gap: 8px;
    }

    .chulakov .chulakovLogo {
        margin-left: 0;
    }

    .footerAddresses {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .footerBottomInfo {
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: nowrap;
        gap: 24px;
    }

    .footerBottomInfo .textRow {
        white-space: nowrap;
        flex-wrap: wrap;
        row-gap: 12px;
    }

    .footerBottomInfo__mobile {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

}

@media (max-width: 767px) {
    .footerCol2 {
        grid-template-columns: 1fr;
        gap: 0;
    }

    footer [data-show-more] {
        padding-top: 20px;
    }

    .footerBottomRow {
        flex-direction: column;
    }

    .footerAddresses {
        gap: 24px;
    }

    .footerDisclaimer {
        display: flex;
        flex-direction: column;

    }

    .footerBottomInfo .textRow {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }

    .footerBottomInfo__mobile {
        flex-direction: column-reverse;
        gap: 12px;
    }
}


/* Футер END */

/* Баннеры футера */
.footerBanners {
    display: flex;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

/* Баннеры футера END */

/* БАД */

.badDisclaimer {
    position: relative;
    /* bottom: 0; */
    /* left: 0; */
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    padding-bottom: 0;
    z-index: 100;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(16.8px);
    -webkit-backdrop-filter: blur(16.8px);
    transition: all 0.3s ease;
}

.badDisclaimer.hide {
    bottom: -100%;
}

.badDisclaimer__text {
    font-family: Bebas-neue;
    font-size: 64px;
    font-weight: 300;
    line-height: 64px;
    letter-spacing: 0.02em;
    color: var(--basic60);
    width: 100%;
    text-align: center;
}

.badDisclaimer__close {
    position: relative;
    top: -6px;
}

.badDisclaimer__closeBlock {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.badDisclaimer__disclaimer {
    position: absolute;
    top: 0;
    right: -100%;
    height: 100%;
    background-color: var(--main-blue);
    display: flex;
    padding: 14px 20px;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    color: var(--white);
    transition: all 0.3s ease;
}

.badDisclaimer__disclaimer.active {
    right: 0;
}

.badDisclaimer__dislaimerText {
    font-family: Geologica;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    letter-spacing: 0em;
    text-transform: uppercase;
    width: 80%;
}

[data-disclaimer-close] {
    cursor: pointer;
}

@media (max-width: 1385px) {
    .badDisclaimer__text {
        font-size: 54px;
        line-height: 54px;
    }
}

@media (max-width:1199px) {
    .badDisclaimer {
        padding: 12px 20px;
    }

    .badDisclaimer__text {
        font-family: Bebas-neue;
        font-size: 32px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 0.02em;
    }

    .badDisclaimer__close {
        position: relative;
        top: 0px;
    }

    .badDisclaimer .popup__closeButton {
        width: 24px;
        height: 24px;
        min-height: 24px;
        min-width: 24px;
    }

    .badDisclaimer .popup__closeButton span {
        font-size: 10px;
    }
}

@media (max-width:767px) {
    .badDisclaimer__text {
        font-family: Bebas-neue;
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0.02em;
        text-align: left;

    }
}

/* БАД END */

/* Табы */
.tab {
    color: var(--main-blue);
    padding: 8px 14px;
    background-color: var(--light);
    border-radius: 30px;
    width: fit-content;
    height: fit-content;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab.active {
    background-color: var(--main-blue);
    color: var(--white);
    transition: all 0.3s ease;
}

.tab.active:hover {
    color: var(--white);
}

.tab:hover {
    color: var(--main-blue-hover);
    transition: all 0.3s ease;
}

.tab__text {
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

/* Табы END */

/* Бургер кнопка */
.burgerMenu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 5px 0;
}

.burgerMenu:hover .burgerMenu__elem {
    background-color: var(--main-blue-hover);
}

.burgerMenu__elem {
    width: 24px;
    height: 2px;
    background-color: var(--main-blue);
}

/* Бургер кнопка END */

/* Скрытый блок (показать еще) */
[data-hide-content] {
    display: none;
}

/* Скрытый блок (показать еще) END */

/* Аккордеон */
.accrodeonList {
    display: flex;
    flex-direction: column;
}



.accrodeonList--gap12 {
    gap: 12px;
}

.accrodeonList--gap20 {
    gap: 20px;
}

.accordeon {
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    padding: 16px;
}

.accordeonPad2 {
    padding: 20px 24px;
}

.accordeon--white {
    background-color: var(--white);
}

.accordeon--rounded {
    border-radius: 16px;
}

.accordeon--noPaddingSide {
    padding-right: 0;
    padding-left: 0;
}

.accordeonWhite {
    background-color: var(--white);
    border-radius: 8px;
}

.accordeon.active .switcher {
    transform: rotate(180deg);
}

.accordeon.active .accordeon__item {
    margin-bottom: 20px;
}

.accordeon.active .accordeon__item--mb24 {
    margin-bottom: 24px;
}

.accordeon__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
}

.accordeon__title--18 {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
}

.accordeon__content {
    display: none;
    padding: 12px;
}

.accordeon__content--noPad {
    padding: 0;
}

.accordeon__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
    /* margin-bottom: 20px; */
}

.accordeon__item:hover {
    color: var(--main-blue);
}

.accordeon:last-child .accordeon__item {
    border: none;
}

@media (max-width: 767px) {
    .accordeon.active .accordeon__item {
        margin-bottom: 24px;
    }

    .accordeon__title {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }

    .accordeon__content {
        padding: 0;
    }

    .accordeon__content p {
        /* font-size: 14px !important; */
        /* font-style: normal; */
        /* font-weight: 300 !important; */
        /* line-height: 140% !important; */
    }
}

.switcher {
    background-color: var(--basic30);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: all 0.3s ease;/*
    transform: rotate(180deg);*/
}

.switcher--noBg {
    background-color: transparent;
}

.switcherNoBack {
    background-color: transparent;
}

.switcher__icon {
    font-size: 6px;
}

.switcher__icon--fs10 {
    font-size: 10px;
}

/* Аккордеон END */

/* Блок где купить? */
.whereToBuy {
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.whereToBuy .contentBlock .text24 {
    width: 80%;
}

@media (max-width: 1199px) {

    .whereToBuy .contentBlockw50 {
        width: 60%;
    }

    .whereToBuy .contentBlock .text24 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .whereToBuy {
        gap: 50px;
        padding-bottom: 20px;
        position: relative;
        z-index: 1;
    }

    .whereToBuy .showMoreBlock {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .whereToBuy .showMoreBlock [data-show-more] {
        grid-column: span 2;
    }

    .whereToBuy .showMoreBlock [data-show-more] span {
        text-align: center;
        width: 100%;
    }

    .whereToBuy .contentBlockw50,
    .whereToBuy .contentBlock .text24 {
        width: 100%;
    }
}

/* Блок где купить? END */

/* Элемент цитаты */
.quote {
    position: relative;
    padding: 16px;
    padding-left: 28px;
    padding-right: 4px;
    border-radius: 8px;
    background-color: var(--pink);
}

.quoteBlue {
    background: rgba(9, 165, 248, 0.05);
}

.quote__content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.quote__decor {
    position: absolute;
    height: 100%;
    width: 8px;
    top: 0;
    left: 0;
    border-radius: 8px 0 0 8px;
    background: linear-gradient(170deg, #4C9EFF -4.57%, #FF63AE 156.89%);
}

.quote__decor--blue {
    background: var(--main-blue);
}

/* Элемент цитаты END */

/* Элемент рейтинга */
.rating {
    display: flex;
    align-self: flex-start;
    align-items: center;
    gap: 8px;
}

.rating__star span {
    color: #F8C309;
    font-size: 24px;
}

.rating__value {
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

/* Элемент рейтинга END */

/* Блок выбора рейтинга */
.formRateBlock {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.formRate {
    display: flex;
    align-items: center;
}

.formRate__elem span {
    font-size: 24px;
    color: #F0F0F0;
    cursor: pointer;
}

.formRate__elem:hover span,
.formRate__elem.active span {
    color: #F8C309;
}

/* Блок выбора рейтинга END */

/* Хлебные крошки */
.breadcrumpsBlock {
    margin-bottom: 32px;
}

.breadcrumps,
.breadcrumps__elem {
    display: flex;
    align-items: center;
    gap: 8px;
}

.breadcrumps__elem {
    color: var(--basic80);
    transition: all 0.3s ease;
    cursor: pointer;
}

.breadcrumps__elem:hover:not(:last-of-type) {
    color: var(--main-blue);
}

.breadcrumps__elem:last-of-type {
    color: var(--black);
    cursor: auto;
}

.breadcrumps .backButton {
    margin-right: 8px;
}

/* Хлебные крошки END */

/* Кнопка назад */
.backButton {
    width: 44px;
    height: 44px;
    background-color: var(--basic30);
    cursor: pointer;
    position: relative;
    border-radius: 50%;
}

.backButton span {
    font-size: 18px;
    color: var(--black);
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.backButton:hover span {
    color: var(--main-blue);
}

/* Кнопка назад END */

/* Блок с аватаром */
.person {
    display: flex;
    align-items: center;
    gap: 16px;
}

.person__avatar {
    width: 56px;
    height: 56px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.person__title {
    font-family: Geologica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.person__info {
    display: flex;
    flex-direction: column;
}

.person__subtext {
    font-family: Geologica;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
}


@media (max-width: 767px) {
    .person__avatar {
        width: 38px;
        height: 38px;
    }

    .person__title {
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 24px;
    }

    .person__subtext {
        font-family: Geologica;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 16px;
    }
}

/* Блок с аватаром END */

/* Селект */
.select {
    position: relative;
    cursor: pointer;
}

.select__inputBlock {
    position: relative;
    cursor: pointer;
}

.select__inputBlock input {
    cursor: pointer;
}



.select__inputBlock .select__icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(180deg);
    font-size: 24px;
    color: var(--main-blue);
    transition: all 0.3s ease;
}

.select__inputBlock.active .select__icon {
    transform: translateY(-50%) rotate(0deg);
}

.select__body {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: var(--white);
    top: calc(100% + 4px);
    width: 100%;
    padding: 12px 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 53px 0px rgba(141, 156, 168, 0.15);
}

.select__list {

    padding-left: 0;
    gap: 4px;
}

.select__list li {
    list-style-type: none;
    padding: 12px 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.select__list li:hover {
    background-color: #F1F4F8;
}

.select__list li .select__chooseItem {
    display: none;
}

.select__list li.active .select__chooseItem {
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 11px;
}

/* Селект END */

/* Блок WOG */
.wogBlock {
    display: flex;
    align-items: center;
    gap: 16px;
}

.wogBlock__logo {
    min-width: 64px;
}

.wogBlock__text {
    color: var(--basic80);
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
}

/* Блок WOG END */

html.lenis {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

/* Пагинация */
.pagination {
    display: flex;
    align-items: center;
    gap: 16px;
}

.paginationBlock {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pagination__elem {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #F1F4F8;
    transition: all 0.3s ease;
    font-family: Geologica;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    color: #67727A;
    cursor: pointer;
}

.pagination__elem.active {
    background-color: var(--main-blue);
    color: var(--white);
}

.pagination__elem:hover,
.pagination__nextButton:hover {
    background-color: var(--main-blue-hover);
    color: var(--white);
}

.pagination__nextButton {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 14px;
    background-color: #F1F4F8;
    color: #67727A;
    cursor: pointer;
    border-radius: 87px;
    transition: all 0.3s ease;
}

.nextButton__icon {
    font-size: 12px;
}


/* Пагинация END */

/* Элементы управления статей */
.articleControls {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.articleControls--start {
    justify-content: flex-end;
}

.articleControls--end {
    justify-content: flex-start;
}

.articleControls__elem {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 40%;
    transition: all 0.3s ease;
    cursor: pointer;
}



.articleControls__elem:hover {
    color: var(--main-blue-hover);
}

.articleControls__elem--prev .articleControls__icon {
    transform: rotate(180deg);
}

.articleControls__elem--next {
    justify-content: flex-end;
}

.articleControls__text {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.articleControls__text::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 30px;
    right: 0;
    top: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 59%);
}

/* Элементы управления статей END */
/* End */


/* Start:/local/assets/css/vars.css?1711962039647*/
:root {
    --main-blue: #09A5F8;
    --main-blue-hover: #56C3FD;
    --main-blue-active: #0081C6;
    --main-blue-disabled: #93cef5;

    --navy-blue: #71BBE3;
    --light-blue: #D4F0FF;
    --light: #EDF9FF;
    --pink: #FFF8FF;
    --basic100: #282828;
    --basic90: #535353;
    --basic80: #808080;
    --basic70: #959595;
    --basic60: #B0B0B0;
    --basic50: #E5E5E5;
    --basic40: #EDEDED;
    --basic30: #F5F5F5;
    --basic20: #F9F9FA;
    --light-gray: #FBFBFB;
    --white: #FFFFFF;
    --black: #000000;

    --gray: #AFAFAF;

    --pine-green: #3C9CAC;
    --royal-purple: #B966CF;
    --navy-blue2: #3659A8;

    --red: #F50442;
}
/* End */


/* Start:/local/assets/css/media.css?1711962039874*/
body .showTablet {
    display: none !important;
}

body .showMobile {
    display: none;
}

body .showMobileBlock {
    display: none;
}

.hideTablet.showMobile {
    display: flex;
}
body .showTabletGrid {
    display: none !important;
}

@media (max-width: 1199px) {
    body .hideTablet {
        display: none !important;
    }

    body .showTablet {
        display: flex !important;
    }

    body .showTabletGrid {
        display: grid !important;
    }

    body .hideTablet.showMobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    body .showMobile {
        display: flex;
    }

    body .showMobileBlock {
        display: block;
    }

    .showMobileGrid {
        display: grid;
    }

    body .hideMobile {
        display: none !important;
    }

    body .hideTablet.showMobile {
        display: flex !important;
    }
}
/* End */


/* Start:/local/assets/fonts/icomoon/style.css?17216447761957*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?9tkrmo');
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?9tkrmo#iefix') format('embedded-opentype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.ttf?9tkrmo') format('truetype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.woff?9tkrmo') format('woff'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.svg?9tkrmo#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shop:before {
  content: "\e915";
}
.icon-scroll_down:before {
  content: "\e914";
  color: #535353;
}
.icon-Icon-arrow-right:before {
  content: "\e913";
}
.icon-correct:before {
  content: "\e912";
  color: #09a5f8;
}
.icon-ChevronDown:before {
  content: "\e911";
}
.icon-arrow_left:before {
  content: "\e90f";
}
.icon-arrow_right:before {
  content: "\e910";
}
.icon-star:before {
  content: "\e90e";
}
.icon-Eye:before {
  content: "\e90d";
}
.icon-close:before {
  content: "\e90c";
}
.icon-perscription:before {
  content: "\e904";
}
.icon-arrow-down2:before {
  content: "\e90b";
}
.icon-arrow-up-strong:before {
  content: "\e90a";
}
.icon-mouse .path1:before {
  content: "\e908";
  color: rgb(216, 176, 255);
}
.icon-mouse .path2:before {
  content: "\e909";
  margin-left: -0.65234375em;
  color: rgb(255, 255, 255);
}
.icon-arrow-top:before {
  content: "\e907";
}
.icon-shield:before {
  content: "\e903";
}
.icon-eu:before {
  content: "\e905";
}
.icon-capsule:before {
  content: "\e906";
}
.icon-arrow-down:before {
  content: "\e902";
}
.icon-search:before {
  content: "\e901";
}
.icon-arrow-right:before {
  content: "\e900";
}

/* End */


/* Start:/local/assets/css/slick.css?17119620391776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/assets/css/components/popup.css?17218911345706*/
.popup {
    display: block;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    /* left: 50vw; */
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

.popup.active {
    left: 0;
    display: block;
    opacity: 1;
    pointer-events: all;
    transition: all 0.3s ease;
}

.popup__overlay {
    transition: all 0.3s ease;
    opacity: 0;
}

.popup.active .popup__overlay {
    opacity: 1;
}

.popup__inner {
    position: absolute;
    top: 0;
    right: -50%;
    transition: all 0.3s ease;
}

.popup.active .popup__inner {
    right: 0;
}


.popup__container {
    padding: 0 16px;
}

.popup__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.popup__header--padding24 {
    padding: 24px 0;
}

.popup__header--noPadding {
    padding: 0;
}

.popup__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
}

.popup__titleWithButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Контент блоки в попапе */
.popupContentBlock {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

/* Контент блоки в попапе END */

/* Кпнопка закрытия */

.popup__closeSimple {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.popup__closeSimple span {
    transition: all 0.3s ease;
}

.popup__closeSimple:hover span {
    color: var(--main-blue);
}

.popup__closeButton {
    width: 36px;
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    border-radius: 50%;
    background-color: var(--basic40);
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}



.popup__closeButton span {
    color: var(--gray);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.popup__closeButton:hover {
    background-color: var(--main-blue);
}

.popup__closeButton:hover span {
    color: var(--white);
}

.popup__closeButton--blue {
    background-color: var(--main-blue);
}

.popup__closeButton--blue span {
    color: var(--white)
}

.popup__closeButton--blue:hover {
    background-color: var(--main-blue-hover);
}

/* Кпнопка закрытия END */

.contentPopup .popup__inner {
    width: 545px !important;
    overflow: scroll;
}

.contentPopup675 .popup__inner {
    width: 675px !important;
    overflow: scroll;
}


.contentPopup__inner {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 767px) {

    .contentPopup .popup__inner,
    .contentPopup675 .popup__inner {
        width: 100% !important;
    }

}

/* Бургер меню */
.burgerMenuPopup {
    height: 100vh;
}

.burgerMenuPopup .popup__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    /* right: 0; */
    top: 0;
    background-color: var(--basic20);
}

.burgerMenuPopup .popup__body {
    background-color: var(--basic20); 
    height: fit-content;
}

.burgerMenuPopup .popup__container {
    height: calc(100vh - 100px);
}

.burgerMenuPopup__close {
    display: flex;
    align-items: center;
    justify-content: center;
}

.burgerMenuPopup__close span {
    font-size: 16px;
}

.burgerMenuPopup__inner {
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 72px);
}

.burgerMenuPopup__top {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 1199px) {
    .burgerMenuPopup__top {
        flex-direction: column-reverse;
    }
}

.burgerMenuList__elem {
    padding: 0;
}

.burgerMenuList__elem .accordeon__content {
    padding: 0;
}

.burgerMenuList__elem .accordeon__item {
    padding: 12px 0;
    /* margin: 12px 0; */
    /* border-bottom: 1px solid var(--basic50); */
}

.burgerMenuList__elem .productCard__title {
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}

.burgerMenuList__elem .productCard__textSmall,
.burgerMenuList__elem .textLink {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}

.burgerMenuList__text {
    font-family: Geologica;
    font-size: 28px;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0em;
}


/* Бургер меню END */

/* Попап лэйаут справа */
.layoutPopupRight.active .popup__overlay {
    background: rgba(221, 220, 219, 0.35);
    backdrop-filter: blur(5px);
    /* position: absolute; */
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
}

.layoutPopupRight .popup__header {
    padding: 0;
    margin-bottom: 40px;
}

.layoutPopupRight .popup__inner {
    background-color: var(--white);
    height: 100vh;
    width: 450px;
    position: absolute;
    padding: 48px 0;
}

.layoutPopupRight--gray .popup__inner {
    background-color: #F7F7F7;
}


.layoutPopupRight .popup__container {
    padding: 0 32px;
}

@media (max-width: 767px) {
    .layoutPopupRight .popup__inner {
        width: 100%;
        height: calc(100vh - 44px);
        bottom: -50%;
        right: 0;
        top: auto;
        border-radius: 8px 8px 0 0;
        opacity: 1;
    }

    .layoutPopupRight.active .popup__inner {
        bottom: 0;
    }

    .layoutPopupRight .popup__container {
        padding: 0 16px;
    }
}

/* Попап лэйаут справа END */

/* Попап success */
.successPopup .popup__body,
.successPopup .popup__container {
    height: 100%;
}

.successPopup__inner {
    height: 100%;
    display: flex;
    flex-direction: column;

}

/* Попап success END */
/* End */


/* Start:/local/assets/css/components/header.css?17217262418346*/
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1000;
    transition: all 0.5s ease;
    background-color: transparent;
}

.header {
    padding: 31px 0;
    transition: all 0.5s ease;
}

.headerWhite {
    background-color: var(--white);
    transition: all 0.5s ease;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
}

.header__controls {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-left: auto;
}

.header__logo img {
    width: 150px;
}

.header__logo--hide {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .header {
        padding: 20px 0;
    }

    .header .container {
        padding: 0 16px;
    }

    /* .header__logo img {
        width: 150px;
    } */
}

@media (max-width: 767px) {
    header.headBannderDiff {
        top: 112px;
    }
}

/* Фикс шапка */
header { 
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(16.8px);
    -webkit-backdrop-filter: blur(16.8px);
}

header.out {
    position: fixed;
    /* transition: all 0.3s ease; */
    /* top: -50%; */
}

header.fixed {
    position: fixed;
    top: 0;
    transition: all 0.5s ease;
    z-index: 100;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(16.8px);
    -webkit-backdrop-filter: blur(16.8px);
}

header.fixed .header__logo {
    display: block;
}

header.fixed .header__logo--hide {
    opacity: 1;
    pointer-events: all;
}

header.fixed .header>.container {
    max-width: 1440px;
    padding: 0 50px;
    margin: 0 auto;
    width: 100%;
}

.headerFix__inner {
    padding: 4px 0;
}

header.fixed .headerFix__inner {
    padding: 4px 30px;
    border-radius: 20px;
    /* background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(16.8px);
    -webkit-backdrop-filter: blur(16.8px); */
}

@media (max-width: 1199px) {
    header.fixed .header>.container {
        padding: 0 16px;
    }

    header.fixed {
        background: rgba(255, 255, 255, 0.40);
        backdrop-filter: blur(16.8px);
        -webkit-backdrop-filter: blur(16.8px);
    }

    header.fixed .headerFix__inner {
        padding: 4px 0;
        background: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
}

/* Фикс шапка END */

/* Меню */
.menu {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    gap: 40px;
}

.menu__elem {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.menu__elem--noCursor {
    cursor: default;
}

.menu__elem .menu__elemIcon {
    transform: rotate(0deg);
    transition: all 0.3s ease;
    position: relative;
    top: 2px;
}

.menu__elem.active .menu__elemIcon {
    transform: rotate(180deg);
    transition: all 0.3s ease;
    position: relative;
    top: 0;
}

.menu__elem span {
    transform: rotate(0deg);
    font-size: 24px;
    transition: all 0.3s ease;
}

.menu__elem:hover {
    transition: all 0.3s ease;
    color: var(--main-blue);
}

/* Меню END */

/* Подменю */
.subMenu {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    opacity: 1;
    pointer-events: all;
    padding: 25px 0 50px 0;
    background-color: var(--white);
}

/* 
.subMenu.active {
    opacity: 1;
    pointer-events: all;
} */


/* Подменю END */

/* Баннер в шапке  */

.headerBanner {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px;
}

.headerBanner__image {
    min-width: 80px;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.headerBanner__content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.headerBanner__title {
    font-family: Geologica;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
}

.headerBanner__text {
    font-family: Geologica;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
}

.headerBanner__link {
    font-family: Geologica;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 16px;
    color: var(--main-blue);
    transition: all 0.3s ease;
    cursor: pointer;
}

.headerBanner__link:hover {
    color: var(--main-blue-hover);
}

@media (max-width: 767px) {
    .headerBannerDiff {
        padding-top: calc(30px + 115px + 72px) !important;
    }
}


/* Баннер в шапке END */

/* Блок выбора языка  */
.langChooseBlock {
    position: relative;
}

.langChooseBlock__button {
    display: flex;
    gap: 4px;
    align-items: center;
    cursor: pointer;
}

.langChooseBlock.active .langChooseBlock__icon {
    transform: rotate(0deg);
}

.langChooseBlock.active .langChooseBlock__text,
.langChooseBlock.active .langChooseBlock__icon {
    color: var(--black);
}

.langChooseBlock__button:hover .langChooseBlock__icon,
.langChooseBlock__button:hover .langChooseBlock__text {
    color: var(--main-blue-hover);
}


.langChooseBlock__text {
    font-family: Geologica;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: 0em;
    transition: all 0.3s ease;
    color: var(--basic60);
}

.langChooseBlock__icon {
    font-size: 7px;
    color: var(--basic60);
    transition: all 0.3s ease;
    transform: rotate(180deg);
    position: relative;
    top: -1px;
}

.langChooseBlock__icon--fs10 {
    font-size: 10px;
}

.langChooseBlock__icon--right {
    color: var(--basic60);
    transition: all 0.3s ease;
    transform: none;
}

.langChoosePopup {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: var(--white);
    box-shadow: 4px 4px 12px 0px #00000008;
    padding: 16px;
    border-radius: 16px;
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.langChoosePopup.active {
    pointer-events: all;
    opacity: 1;
    top: calc(100% + 25px);
}

@media (max-width: 1635px) {
    .langChoosePopup {
        left: auto;
        right: 0;
    }
}

.langChoosePopup__text1,
.langChoosePopup__text2 {
    font-family: Geologica;
    font-size: 14px;
    font-weight: 300;
    line-height: 17px;
    letter-spacing: 0em;
}

@media (max-width: 1199px) {
    .langChoosePopup {
        top: auto;
        left: 0;
        top: calc(100vh + 100px);
        width: calc(100% + 32px);
        padding: 0;
        background-color: transparent;
    }

    .langChoosePopup.active {
        height: calc(100vh - 72px);
        position: fixed;
        top: 0;
        /* bottom: -24px; */
        width: 100%;
        /* width: calc(100% + 32px); */
        /* left: -16px; */
        left: 0;
    }

    .langChoosePopup .popup__overlay {
        height: 100%;
        background: rgba(221, 220, 219, 0.33);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(9.6px);
        -webkit-backdrop-filter: blur(9.6px);
    }

    .langChoosePopup .popup__inner {
        position: absolute;
        top: auto;
        bottom: 0;
        width: 100%;
        height: fit-content;
        border-radius: 8px 8px 0 0;
    }

    .langChoosePopup .popup__body {
        border-radius: 8px 8px 0 0;
    }

    .langChoosePopup__inner {
        position: relative;
        padding-top: 32px;
        padding-bottom: 32px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .langChoosePopup__slideClose {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 6px;
        width: 32px;
        height: 5px;
        border-radius: 50px;
        background: #EDEDED;
    }
}

.langChoosePopup__elem {
    display: flex;
    gap: 16px;
    align-items: center;
    color: var(--basic60);
    transition: all 0.3s ease;
    cursor: pointer;
}

.langChoosePopup__elem:hover {
    color: var(--black);
}

.langChoosePopup__text2 {
    white-space: nowrap;
}

.langChoosePopup__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 1119px) {
    .langChoosePopup__elem {
        padding: 12px 0;
        border-bottom: 1px solid #EEEDEB;
        color: var(--black);
    }
}

/* Блок выбора языка END */
/* End */
/* /local/assets/css/components/search.css?17119620395837 */
/* /local/assets/css/components/productList.css?17217197146436 */
/* /local/assets/css/main.css?17649538042589 */
/* /local/assets/css/fonts.css?17119620391586 */
/* /local/assets/css/global.css?172171919039336 */
/* /local/assets/css/vars.css?1711962039647 */
/* /local/assets/css/media.css?1711962039874 */
/* /local/assets/fonts/icomoon/style.css?17216447761957 */
/* /local/assets/css/slick.css?17119620391776 */
/* /local/assets/css/components/popup.css?17218911345706 */
/* /local/assets/css/components/header.css?17217262418346 */