/* Start:/bitrix/templates/shop.elastomeric/include/custom/assets/css/fonts.css?1785159705756*/
@font-face {
    font-family: "SK Elastomeric";
    src: url("/bitrix/templates/shop.elastomeric/include/custom/assets/css/../fonts/SKElastomeric-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SK Elastomeric";
    src: url("/bitrix/templates/shop.elastomeric/include/custom/assets/css/../fonts/SKElastomeric-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SK Elastomeric";
    src: url("/bitrix/templates/shop.elastomeric/include/custom/assets/css/../fonts/SKElastomeric-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SK Elastomeric";
    src: url("/bitrix/templates/shop.elastomeric/include/custom/assets/css/../fonts/SKElastomeric-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/buttons_.css?17883505543843*/
.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    padding: 14px;
    height: auto;
    width: auto;
    transition: .3s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    z-index: 3;
    white-space: nowrap;
    border: 1px solid transparent;
    background-color: var(--white);

    @media (max-width: 576px) {
        border-radius: 8px;
    }

    svg {
        fill: var(--gray-700);
        stroke: var(--gray-700);
        width: 12px;
        height: 12px;
        flex-shrink: 0;
        transition: .3s;
    }

    a {
        color: var(--gray-700);
    }


}

.button_box-shadow_gray {
    box-shadow: var(--shadow-card);
    transition: transform .2s ease, box-shadow .2s ease;
    z-index: 2;
    border: 1px solid transparent;

    &:hover {
        transform: translateY(-2px);
        box-shadow: var(--shadow-card-hover);
    }
}

.button_box-shadow {
    box-shadow: var(--shadow-red);
    transition: transform .2s ease, box-shadow .2s ease;
    border: 1px solid transparent;

    &:hover {
        transform: translateY(-2px);
        box-shadow: var(--shadow-red-hover);
    }
}

.button.button_red_700 {
    background: linear-gradient(180deg, #FF2C4F, #E21B3C);
    color: var(--white);

    svg {
        fill: var(--white);
        stroke: var(--white);

    }

    &:hover {
        background-color: var(--red-600);
        color: var(--white);

        svg {
            fill: var(--white);
            stroke: var(--white);
        }
    }
}

.button.button_gray_800 {
    background: linear-gradient(90deg, rgba(13, 15, 16, 0.44), rgba(13, 15, 16, 0)), linear-gradient(135deg, #22272bd4, #0d0f10);
    color: var(--white);
    border-color: transparent;


    svg {
        fill: var(--white);
        stroke: var(--white);

    }
}

.button.button_gray_100 {
    background-color: var(--gray-100);
    color: var(--gray-850);

    &:hover {
        background-color: var(--gray-350-60);

        svg {
            fill: var(--white);
            stroke: var(--white);
        }
    }
}

.button_width_100 {
    width: 100%;
}

.button_border_red {
    border: 1px solid var(--red-700);
    color: var(--red-700);
    transition: .3s;

    &:hover {
        border: 1px solid transparent;
    }

    svg {
        fill: var(--red-700);
        stroke: var(--red-700);

    }
}

.button.button_border_white {
    border-color: rgba(255, 255, 255, 0.38);

    &:hover {
        border-color: rgba(255, 255, 255, 0);
    }
}

.button-circle {
    border-radius: 50px;
    overflow: hidden;
    padding: 0;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border: 1px solid transparent;
}

.button-circle_size_50 {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 50%;
}

.botton-header {
    padding: 14px 20px;
}


.button-blick {
    position: relative;
    overflow: hidden;

    &:after {
        content: "";
        display: block;
        width: 20px;
        height: 200px;
        margin-left: 50px;
        background: var(--white);
        background: linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.5) 0%,
                rgba(255, 255, 255, 1) 50%,
                rgba(255, 255, 255, 0.5) 100%
        );
        left: -40px;
        top: -100px;
        z-index: 1;
        transform: rotate(45deg);
        position: absolute;
        animation: movingFlare 3s ease-in-out 0.05s infinite;
    }
}



@keyframes movingFlare {
    0% {
        left: -30px;
        margin-left: 0;
    }
    30% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap");


/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/buttons.css?17891289866610*/


.button {
    --button-bg: var(--color-bg);
    --button-bg-hover: var(--color-surface-hover);
    --button-bg-active: var(--color-bg);
    --button-color: var(--color-text-primary);
    --button-color-hover: var(--button-color);
    --button-color-active: var(--button-color-hover);
    --button-shadow: none;
    --button-shadow-hover: var(--button-shadow);

    display: flex;
    align-items: center;
    justify-content: center;
    min-block-size: 2rem;
    inline-size: auto;
    padding: 0.75rem 1.25rem;
    gap: 0.625rem;
    appearance: none;
    border: 1px solid var(--button-border);
    border-radius: var(--radius-sm);
    color: var(--button-color);
    background-color: var(--button-bg);
    box-shadow: var(--button-shadow);
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    touch-action: manipulation;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition:
            color 150ms ease,
            background-color 150ms ease,
            border-color 150ms ease,
            box-shadow 150ms ease,
            transform 150ms cubic-bezier(0.23, 1, 0.32, 1);
}

.button svg,
.button__icon {
    inline-size: 1rem;
    block-size: 1rem;
    flex: 0 0 auto;
    fill: currentColor;
    stroke: currentColor;
}

.button:focus-visible {
    outline: 2px solid var(--color-border-focus);
    outline-offset: 3px;
}

.button:active:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
    color: var(--button-color-active);
    background-color: var(--button-bg-active);
    border-color: var(--button-border-active);
    box-shadow: none;

}

/* Variants */

.button--accent {
    --button-bg: var(--color-accent);
    --button-bg-hover: var(--color-accent-hover);
    --button-bg-active: var(--color-accent-active);
    --button-color: var(--color-on-primary);
    --button-color-hover: var(--color-on-primary);
    --button-color-active: var(--color-on-primary);
    --button-border: var(--color-accent);
    --button-border-hover: var(--color-accent-hover);
    --button-border-active: var(--color-accent-active);
}

.button--primary {
    --button-bg: var(--color-primary);
    --button-bg-hover: var(--color-primary-hover);
    --button-bg-active: var(--color-primary-active);
    --button-color: var(--color-on-primary);
    --button-color-hover: var(--color-on-primary);
    --button-color-active: var(--color-on-primary);
    --button-border: var(--color-primary);
    --button-border-hover: var(--color-primary-hover);
    --button-border-active: var(--color-primary-active);
}

.button--secondary {
    --button-bg: var(--color-on-primary);
    --button-bg-hover: var(--color-surface-hover);
    --button-bg-active: var(--color-border);
    --button-color: var(--color-primary);
    --button-color-hover: var(--color-primary-active);
    --button-border: var(--color-on-primary);
    --button-border-hover: var(--color-border);
}

.button--outline {
    --button-bg: transparent;
    --button-bg-hover: var(--color-on-primary);
    --button-bg-active: var(--color-primary);
    --button-color: var(--color-primary);
    --button-color-hover: var(--color-primary-active);
    --button-color-active: var(--color-on-primary);

}

.button--outline-accent {
    --button-bg: var(--color-on-primary);
    --button-bg-hover: var(--color-accent-hover);
    --button-bg-active: var(--color-accent-active);
    --button-color: var(--color-accent);
    --button-color-hover: var(--color-on-primary);
    --button-color-active: var(--color-on-primary);
    --button-border: var(--color-accent);
}

.button--ghost {
    --button-bg: transparent;
    --button-bg-hover: var(--color-on-primary);
    --button-bg-active: var(--color-surface-hover);
    --button-color: var(--color-primary);
    --button-color-hover: var(--color-primary-active);
    --button-border: transparent;
    --button-border-hover: transparent;
}

.button--inverse {
    --button-bg: transparent;
    --button-bg-hover: var(--color-on-primary);
    --button-bg-active: var(--color-on-primary);
    --button-color: var(--color-on-primary);
    --button-color-hover: var(--color-primary);
    --button-border: var(--color-on-primary);
    --button-border-hover: var(--color-on-primary);
}

/* Sizes and layout */

.button--sm {
    min-block-size: 2.5rem;
    padding: 0.5rem 0.875rem;
    gap: 0.5rem;
    font-size: var(--fz-md);
}

.button--lg {
    min-block-size: 3.5rem;
    padding: 1rem 1.5rem;
    font-size: var(--fz-lg);
}

.button--block {
    inline-size: 100%;
}

.button--icon {
    padding: 0;
    border-radius: var(--radius-full);
    aspect-ratio: 1;
    inline-size: 3rem;
    block-size: 3rem;
}

.button--icon.button--sm {
    inline-size: 2.5rem;
    block-size: 2.5rem;
}

.button--icon.button--lg {
    inline-size: 3.5rem;
    block-size: 3.5rem;
}

/* Optional elevation */

.button--elevated {
    --button-shadow: 0 0.5rem 1.5rem rgba(14, 24, 32, 0.12);
    --button-shadow-hover: 0 0.75rem 1.75rem rgba(14, 24, 32, 0.16);
}

/* States */

.button:disabled,
.button[aria-disabled="true"],
.button.is-disabled {
    --button-bg: var(--color-bg-disabled);
    --button-bg-hover: var(--color-bg-disabled);
    --button-bg-active: var(--color-bg-disabled);
    --button-color: var(--color-text-disabled);
    --button-color-hover: var(--color-text-disabled);
    --button-color-active: var(--color-text-disabled);
    --button-border: var(--color-border-disabled);
    --button-border-hover: var(--color-border-disabled);
    --button-border-active: var(--color-border-disabled);
    --button-shadow: none;
    --button-shadow-hover: none;

    cursor: not-allowed;
    pointer-events: none;
    transform: none;
}

.button[aria-busy="true"],
.button.is-loading {
    cursor: wait;
    pointer-events: none;
}

.button[aria-busy="true"] > *,
.button.is-loading > * {
    opacity: 0.7;
}

@media (hover: hover) and (pointer: fine) {
    .button:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
        color: var(--button-color-hover);
        background-color: var(--button-bg-hover);
        border-color: var(--button-border-hover);
        box-shadow: var(--button-shadow-hover);
    }

}

@media (prefers-reduced-motion: reduce) {
    .button {
        transition-duration: 0.01ms;
    }

    .button:active:not(:disabled):not([aria-disabled="true"]):not(.is-disabled),
    .button--elevated:hover:not(:disabled):not([aria-disabled="true"]):not(.is-disabled) {
        transform: none;
    }
}

@media (forced-colors: active) {
    .button {
        border-color: ButtonText;
    }
}

/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/color_.css?17863480102253*/
:root {
    /* White */
    --white: #FFFFFF;
    --white-70: #FFFFFFB3;
    --white-a8: #ffffffa8;
    --gray-50: #FFFCF9;
    --gray-75: #FFF9F9;

    /* Light gray */
    --gray-100: #F5F5F5;
    --gray-150: #EDEDED;
    --gray-200: #DDDDDD;
    --gray-250: #D9D9D9;
    --gray-300: #D3D3D3;

    /* Gray with transparency */
    --gray-200-47: #edf2f7;
    --gray-350: #f3f4f6;
    --gray-350-30: #f3f4f64d;
    --gray-350-50: #f3f4f680;
    --gray-350-60: #d9d9d9;

    /* Medium gray */
    --gray-400: #BCBCBC;
    --gray-450: #B0B0B0;
    --gray-500: #929292;

    /* Dark gray */
    --gray-600: #707070;
    --gray-700: #3A3A3A;
    --gray-800: #1c2f49;
    --gray-850: #1F242E;
    --gray-900: rgba(10, 16, 22, 0.78);
    --gray-920: rgba(0, 0, 0, 0.94);
    --gray-950: #0E1820;

    /* Blue */
    --blue-100: #92D7FF;
    --blue-150: #dfeeff;
    --blue-200: #e6e9ef;
    --blue-250: #d7e2ef;
    --blue-300: #2AB0E4;
    --blue-350: #64758b;
    --blue-380: #52657c;
    --blue-400: #5F86C1;
    --blue-450: #2770ca;
    --blue-500: #0071CE;
    --blue-600: #001A34;
    --blue-700: #2B5A74;

    /* Purple */
    --purple-100: #ebe5ff;
    --purple-500: #7d60d9;

    /* Red */
    --red-100: #FFF3F3;
    --red-300: #FFE7E7;
    --red-500: #FF532F;
    --red-600: #E21B3C; /* hover */
    --red-700: #C8102E; /* фирменный цвет сайта*/

    /* Orange */
    --orange-100: #ffeadf;
    --orange-500: #D76F17;
    --orange-600: #e26732;
    --orange-700: #ff3d1f;

    /*Yelow*/
    --yellow-400: #ffb000;
    --yellow-gradient: linear-gradient(135deg, rgba(255, 176, 0, 0.16), rgba(226, 27, 60, 0.08));

    /* Green */
    --green-50: #d9f5f2;
    --green-75: #dcf5d9;
    --green-100: #3DC3A0;
    --green-150: #E6F7EAFF;
    --green-200: #2A9A45FF;
    --green-250: #2c9c43;
    --green-400: #3EBDC5;
    --green-500: #169aa2;
    --green-600: #0CB94C;

    /* Live Search */
    --color-EDEEEF: #EDEEEF;
    --color-EFF4F9: #EFF4F9;
    --color-3F4B69: #3F4B69;

    /* Тень*/
    --shadow-card: 0 10px 28px rgba(25, 55, 90, .08);
    --shadow-card-hover: 0 24px 56px rgba(25, 55, 90, 0.14);
    --shadow-red: 1px 11px 14px rgba(227, 24, 55, 0.3);
    --shadow-red-hover: 1px 15px 14px rgba(227, 24, 55, 0.3);
}

/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/ui_.css?17896474498815*/
/* Container */
.es__container, .es-wrap__container {
    width: min(calc(100% - var(--container-padding-desktop) * 2),
    var(--container-max-width)
    );
    margin-inline: auto;

    @media (max-width: 768px) {
        width: min(calc(100% - var(--container-padding-mobile) * 2),
        var(--container-max-width)
        );
    }
}

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

.wrapper-gray {
    background-color: var(--color-surface);
}

.product__title-size, .p-s__title-size {
    font-weight: var(--fw-regular) !important;
}


/* Table spacing on mobile */
@media (max-width: 768px) {
    .margin-table {
        margin-inline: calc(var(--container-padding-mobile) * -1);
        padding-inline: var(--container-padding-mobile);
    }
}

/*Кнопка слайдера на посадочных страницах c аркадионом*/

.slider-el {
    display: flex;
    gap: 15px;
    margin-bottom: 0 !important;
    justify-content: end;
}

.el-a__swiper-next, .el-a__swiper-prev {
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
    top: 5px !important;
    right: 5px;
    position: static !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 10px;
}

.swiper-prev-white, .swiper-next-white {
    background: #ffffff !important;
}

.el-a__swiper-prev, .el-a__swiper-next {
    box-shadow: 0 5px 5px 0 #0000001a;
}


.swiper-prev svg {
    transform: rotate(180deg);
}


.swiper-prev-white:hover, .swiper-next-white:hover {
    background: #C8102E !important;
}

.swiper-prev-gray:hover, .swiper-next-gray:hover {
    background: #C8102E !important;
}


@media (max-width: 600px) {
    .el-a__swiper-next, .el-a__swiper-prev {
        display: none;
    }

    .lh-t {
        font-size: 16px !important;
    }
}

@media (max-width: 450px) {
    .lh-t {
        font-size: 14px !important;
    }
}


.swiper-prev-gray, .swiper-next-gray {
    background: #F5F5F5 !important;
}

.el-a__swiper-prev {
    right: 80px !important;
}

/*.Кнопка слайдера на посадочных страницах c аркадионом*/
/*Кнопка слайдера на посадочных страницах бех аркадионом*/

.el__swiper-next, .el__swiper-prev {
    width: 50px !important;
    height: 50px !important;
    z-index: 2;
    top: 10px !important;
    right: 5px;
    position: absolute !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.swiper-prev-white, .swiper-next-white {
    background: #ffffff !important;
}

.el__swiper-prev, .el__swiper-next {
    box-shadow: 0 5px 5px 0 #0000001a;
}


.swiper-prev svg {
    transform: rotate(180deg);
}


.swiper-prev-white:hover, .swiper-next-white:hover {
    background: #C8102E !important;
}

.swiper-prev-gray:hover, .swiper-next-gray:hover {
    background: #C8102E !important;
}


@media (max-width: 600px) {
    .el__swiper-next, .el__swiper-prev {
        display: none;
    }

    .lh-t {
        font-size: 16px !important;
    }
}

@media (max-width: 450px) {
    .lh-t {
        font-size: 14px !important;
    }
}


.swiper-prev-gray, .swiper-next-gray {
    background: #F5F5F5 !important;
}

.el__swiper-prev {
    right: 80px !important;
}

/*.Кнопка слайдера на посадочных страницах без аркадионом*/
/*/*Кнопка слайдера с фансибоксом продукта*/

.slider-swiper-prev, .slider-swiper-next {
    width: 40px !important;
    height: 40px !important;
    z-index: 2;
    top: 45% !important;
    position: absolute;
    right: 5px !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F5F5F5 !important;
}

@media (max-width: 1100px) {
    .slider-swiper-prev, .slider-swiper-next {
        top: 42% !important;
    }
}

.slider-swiper-prev {
    left: 0 !important;
}


.slider-swiper-prev, .slider-swiper-next {
    box-shadow: 0 5px 5px 0 #0000001a;
}

.swiper-button-disabled {
    opacity: 0 !important;
}

.slider-swiper-prev svg {
    transform: rotate(180deg);
}

.slider-swiper-prev svg, .slider-swiper-next svg {
    fill: none;
    stroke: #707070;
    width: 8px !important;
    height: 100% !important;
}

.slider-swiper-prev:hover, .slider-swiper-next:hover {
    background: #C8102E !important;
}

.swiper-prev-gray:hover, .swiper-next-gray:hover {
    background: #C8102E !important;
}


@media (max-width: 600px) {
    .slider-swiper-prev, .slider-swiper-next {
        display: none;
    }

}


.slider-swiper-prev:hover svg, .slider-swiper-next:hover svg {
    stroke: #ffffff !important;
}


.swiper-prev-gray, .swiper-next-gray {
    background: #F5F5F5 !important;
}

/*.Кнопка слайдера с фансибоксом продукта*/
/*Кнопка слайдера по бокам*/

.es-slider__swiper-next,
.es-slider__swiper-prev {
    position: absolute;
    right: -3px;
    padding: 0;
    margin: 0;
    z-index: 2;
    bottom: 0;
    top: 0;
    width: 65px;
    height: 100%;
}

.es-slider__swiper-prev svg,
.es-slider__swiper-next svg {
    width: 100%;
    height: 100%;
}

.es-slider__swiper-prev {
    left: -3px;
    transform: rotate(180deg);
}

.arrow-fon {
    fill: #f5f5f5;
}

.arrow-fon-white {
    fill: #ffffff;
}

.arrow {
    fill: none;
    stroke: #707070;
    stroke-width: 2;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.arrow:hover {
    stroke: #C8102E;
}


@media (max-width: 768px) {
    .es-slider__swiper-next, .es-slider__swiper-prev {
        width: 45px !important;
    }
}

@media (max-width: 676px) {
    .es-slider__swiper-next, .es-slider__swiper-prev {
        display: none;
    }

}


/**/


.mb-20 {
    margin-bottom: 20px !important;;
}

.mb-30 {
    margin-bottom: 30px !important;
}

@media (max-width: 576px) {
    .mb-30 {
        margin-bottom: 15px !important;
    }
}

.mt-30 {
    margin-top: 30px !important;
}

@media (max-width: 576px) {
    .mt-30 {
        margin-top: 15px !important;
    }
}

.mb-36 {
    margin-bottom: 36px;
}

@media (max-width: 576px) {
    .mb-36 {
        margin-bottom: 20px;
    }
}

.mb-40 {
    margin-bottom: 40px;
}

@media (max-width: 576px) {
    .mb-40 {
        margin-bottom: 32px;
    }
}

.mt-60 {
    margin-top: 60px;

    @media (max-width: 576px) {
        margin-top: 30px;
    }
}

.mb-60 {
    margin-bottom: 60px;

    @media (max-width: 576px) {
        margin-bottom: 30px;
    }
}


.t-36 {
    padding-top: 36px;
}

@media (max-width: 576px) {
    .pt-36 {
        padding-top: 20px;
    }
}

.pt-60 {
    padding-top: 36px;
}

@media (max-width: 576px) {
    .pt-30 {
        padding-top: 20px;
    }
}

.p-h {
    padding: 30px 0;
}

.p-60 {
    padding: 60px;
}

@media (max-width: 756px) {
    .p-60 {
        padding: 15px;
    }
}

.pt-60 {
    padding-top: 60px;

    @media (max-width: 576px) {
        padding-top: 30px;
    }
}

.pb-60 {
    padding-bottom: 60px;

    @media (max-width: 576px) {
        padding-bottom: 30px;
    }
}

.p-80 {
    padding: 80px 40px 80px !important;
}

@media (max-width: 756px) {
    .p-80 {
        padding: 40px 15px !important;
    }
}


/*default-btn*/

.default__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-E21B3C);
    border-radius: 7px;
    border: none;
    gap: 10px;
    font-size: 16px;
    color: var(--color-ffffff);
    font-weight: 500;
    padding: 10px;
    transition: .3s;
    white-space: nowrap;
}

.default__btn:hover {
    color: var(--color-ffffff) !important;
    background: var(--color-FF2C4F);
}

.default__btn svg {
    fill: none;
    width: 7px;
    height: 12px;
    stroke: var(--color-ffffff);
}

/*.default-btn*/


@media (max-width: 600px) {
    .es-wrap-b__title {
        font-size: 30px;
    }
}

.wrapper-gray {
    max-width: 100%;
    background: #F5F5F5;
}

.wrapper-white {
    max-width: 100%;
    background: #ffffff;
}

.wrapper-white--m {
    margin: 40px 0 !important;
}

.p-40 {
    padding: 40px 0;
}

@media (max-width: 768px) {
    .p-40 {
        padding: 20px 0;
    }
}

@media (max-width: 576px) {
    .p-40 {
        padding: 10px 0;
    }
}

.p-40-30 {
    padding: 40px 0 30px;
}

@media (max-width: 768px) {
    .p-40-30 {
        padding: 20px 0 15px;
    }
}

.pw-60 {
    padding: 60px 0;
}

@media (max-width: 768px) {
    .pw-60 {
        padding: 30px 0;
    }
}

@media (max-width: 576px) {
    .pw-60 {
        padding: 15px 0;
    }
}

.mb-60 {
    margin-bottom: 60px;
}

@media (max-width: 768px) {
    .mb-60 {
        margin-bottom: 30px;
    }
}
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/color.css?17901536083990*/
:root {
    /* Primary */
    --color-primary: #141414; /* Основной цвет интерфейса, кнопок и крупных тёмных элементов */
    --color-primary-hover: #333333; /* Основной цвет при наведении */
    --color-primary-active: #000000; /* Основной цвет при нажатии */
    --color-on-primary: #FFFFFF; /* Текст и иконки на основном цвете */
    --color-bg-primary: #1F242E;
    /* Accent */
    --color-accent: #C8102E; /* Фирменный акцент: CTA, цены, активные элементы */
    --color-accent-hover: #E21B3C; /* Акцент при наведении */
    --color-accent-active: #E21B3C; /* Акцент при нажатии */
    --color-accent-soft: #F7ECEE; /* Мягкий акцентный фон */

    /* Text */
    --color-text-primary: #2c2b29; /* Основной текст интерфейса */
    --color-text-secondary: #5C5C5C; /* Второстепенный текст и описания */
    --color-text-muted: #8A8A8A; /* Подписи, метаданные и менее важный текст */
    --color-text-light: #b5b5b5; /* Светлый текст */

    /* Backgrounds and surfaces */
    --color-bg: #FFFFFF; /* Основной фон страницы */
    --color-bg-soft: rgba(247, 247, 247, .42); /* Фон отдельных секций */
    --color-surface: #F7F7F7; /* Дополнительный светлый фон */
    --color-surface-hover: #F6F6F6; /* Фон поверхности при наведении */
    --color-sec-surface: #5C5C5C;
    --color-bg-light: #b5b5b5;
    /* Borders */
    --color-border-soft: #F6F6F6; /* еле заметные границы и разделители */
    --color-border: #D9D9D9; /* Обычные границы и разделители */
    --color-border-strong: #B8B8B8; /* Более заметные границы */
    --color-border-control: #8A8A8A; /* Границы input, select, textarea и других контролов */
    --color-border-focus: var(--color-accent); /* Граница элемента в состоянии focus */

    /* Interactive */
    --color-link: var(--color-accent); /* Цвет обычной ссылки */
    --color-link-hover: var(--color-accent-hover); /* Цвет ссылки при наведении */
    --color-link-active: var(--color-accent-active); /* Цвет ссылки при нажатии */

    /* Feedback */
    --color-success: #2F6B4F; /* Успешное действие или подтверждение */
    --color-success-soft: #EDF5F0; /* Мягкий фон успешного состояния */

    --color-warning: #7A5A00; /* Предупреждение или важное замечание */
    --color-warning-soft: #F8F3E8; /* Мягкий фон предупреждения */

    --color-danger: #B42318; /* Ошибка или опасное действие */
    --color-danger-soft: #F8ECEA; /* Мягкий фон ошибки */

    --color-info: #3D6075; /* Информационное сообщение */
    --color-info-soft: #EEF2F4; /* Мягкий фон информационного сообщения */
    --color-shadow: rgb(237, 237, 237); /*цвеи тени ---*/

    /* Focus */
    --color-focus-ring: var(--color-accent); /* Цвет внешней обводки клавиатурного фокуса */

    /* Selection */
    --color-selection-bg: var(--color-accent-soft); /* Фон выделенного текста */
    --color-selection-text: var(--color-text-primary); /* Цвет выделенного текста */

    /* Shadows */
    --shadow-subtle: 0 2px 4px #0000000D; /* Лёгкое отделение элемента от фона */


    /* Overlay */
    --color-overlay: #00000080; /* Затемнение под modal, drawer и popup */
}
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/ui.css?17901536308084*/

:root {
    /* Font sizes */
    --fz-xs: 0.625rem; /* 10px */
    --fz-sm: 0.75rem; /* 12px */
    --fz-md: 0.875rem; /* 14px */
    --fz-base: 1rem; /* 16px */
    --fz-lg: 1.125rem; /* 18px */
    --fz-xl: 1.25rem; /* 20px */
    --fz-2xl: 1.5rem; /* 24px */
    --fz-3xl: 1.75rem; /* 28px */
    --fz-4xl: 2.25rem; /* 36px */

    /* Line heights */
    --lh-tight: 1.15;
    --lh-heading: 1.25;
    --lh-normal: 1.5;
    --lh-relaxed: 1.6;

    /* Font weights */
    --fw-light: 300;
    --fw-regular: 400;
    --fw-semibold: 600;
    --fw-extrabold: 800;


    /* Spacing */
    --space-4: 0.25rem;
    --space-8: 0.5rem;
    --space-10: 0.625rem;
    --space-12: 0.75rem;
    --space-16: 1rem;
    --space-20: 1.25rem;
    --space-24: 1.5rem;
    --space-30: 1.875rem;
    --space-32: 2rem;
    --space-40: 2.5rem;
    --space-50: 3.125rem;
    --space-60: 3.75rem;
    --space-80: 5rem;
    --space-100: 6.25rem;

    /* Section spacing */
    --section-space-sm: var(--space-20); /*20px*/
    --section-space-md: var(--space-40); /*40px*/
    --section-space-lg: var(--space-60); /*60px*/
    --section-space-xl: var(--space-100); /*100px*/

    @media (max-width: 576px) {
            --section-space-sm: var(--space-16); /*16px*/
            --section-space-md: var(--space-20); /*20px*/
            --section-space-lg: var(--space-30); /*30px*/
            --section-space-xl: var(--space-50); /*50px*/
    }

    /* Radius */
    --radius-xs: 0.25rem; /* 4px */
    --radius-sm: 0.5rem; /* 8px */
    --radius-md: 0.75rem; /* 12px */
    --radius-lg: 1rem; /* 16px */
    --radius-xl: 1.5rem; /* 24px */
    --radius-2xl: 2rem; /* 32px */
    --radius-full: 9999px;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;

    /* Layout */
    --container-max-width: 1366px;
    --container-padding-desktop: 2rem; /* 32px */
    --container-padding-mobile: 1rem; /* 16px */
}


html {
    font-size: 100%;
    scrollbar-gutter: stable;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    overflow-x: clip;
    font-family: "SK Elastomeric", Arial, sans-serif !important;
    font-size: var(--fz-base);
    font-style: normal;
    font-weight: var(--fw-light);
    font-variant-numeric: lining-nums proportional-nums;
    font-synthesis: none;
    line-height: var(--lh-normal);
    color: var(--color-text-primary);
    background-color: var(--color-bg-soft);
}

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

/* Reset */
* {
    margin: 0;
    padding: 0;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

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

button,
input,
textarea,
select {
    font: inherit;
    color: inherit;

    &:focus {
        outline: 0;
        outline-offset: 0;
    }
}

button,
select {
    cursor: pointer;
}

button:disabled,
select:disabled {
    cursor: default;
}

textarea {
    resize: vertical;
}

img,
picture,
svg {
    display: block;
}

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

img {
    height: auto;
}

picture {
    height: 100%;
    width: 100%;
}

:focus-visible {
    outline: 2px solid var(--color-border-focus);
    outline-offset: 2px;
}

/* Custom scrollbar utility */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--color-accent) var(--color-bg-soft);
}

.custom-scrollbar::-webkit-scrollbar {
    width: 0.625rem;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: var(--color-bg-soft);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--color-accent);
    border: 2px solid var(--color-bg-soft);
    border-radius: var(--radius-lg);
}


/* Container */
.main-container {
    width: min(calc(100% - var(--container-padding-desktop) * 2),
    var(--container-max-width)
    );
    margin-inline: auto;

    @media (max-width: 768px) {
        width: min(calc(100% - var(--container-padding-mobile) * 2),
        var(--container-max-width)
        );
    }
}


/* Table spacing on mobile */
@media (max-width: 768px) {
    .margin-table {
        margin-inline: calc(var(--container-padding-mobile) * -1);
        padding-inline: var(--container-padding-mobile);
    }
}

/* Typography */
.title-h1 {
    font-size: var(--fz-4xl);
    font-weight: var(--fw-light);
    line-height: var(--lh-tight);

    @media (max-width: 576px) {
        font-size: var(--fz-2xl);
    }

}

.title-h2 {
    font-size: var(--fz-3xl);
    font-weight: var(--fw-regular);
    line-height: var(--lh-heading);

    @media (max-width: 576px) {
        font-size: var(--fz-xl);
    }
}

.title-h3 {
    font-size: var(--fz-2xl);
    font-weight: var(--fw-regular);
    line-height: var(--lh-heading);
    letter-spacing: -0.03em;

    @media (max-width: 576px) {
        font-size: var(--fz-lg);
    }
}


/* Reveal animation. JS adds .is-visible to revealed elements. */
@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(1.5rem);
        transition: opacity var(--transition-slow),
        transform var(--transition-slow);
    }

    .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/**/

body .text-dark {
    color: var(--color-primary);
}

body .text-light {
    color: var(--color-on-primary);
}


/**/

.section__head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: var(--section-space-md);

    .section__head-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 16px;

        .botton-header {
            @media (max-width: 768px) {
                height: 30px;
                width: 30px;
                padding: 0;
                flex-shrink: 0;

                span {
                    display: none;
                }
            }
        }
    }

    .description {
        font-size: var(--fz-base);
        color: var(--color-text-muted);
        font-weight: var(--fw-light);

        @media (max-width: 576px) {
            font-size: var(--fz-sm);
        }
    }
}

/**/
.margin-table {
    @media (max-width: 768px) {
        overflow-x: auto;
        scrollbar-width: none;
        margin-left: -16px;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
    }
}


/*Увеличение при наведении*/

body .scale {
    transition: 1s;

    &:hover {
        transform: scale(1.2);
    }

}

/*Swiper*/

.Swiper__col-5, .Swiper__col-4-row-2, .Swiper__col-4, .Swiper__col-3, .Swiper__col-4_v2 {
    position: relative;
    overflow: hidden;
    padding-bottom: var(--section-space-lg);


    @media (max-width: 768px) {
        overflow: initial !important;
    }

    .swiper__swiper-prev, .swiper__swiper-next {
        position: absolute;
        right: 10px;
        padding: 0;
        margin: 0;
        z-index: 2;
        bottom: 0;
        top: 50%;
        width: 45px;
        height: 45px;
        flex-shrink: 0;
        transform: translateY(-50%);

        @media (max-width: 768px) {
            display: none;
        }
    }

    .swiper__swiper-prev {
        svg {
            transform: rotate(180deg);
        }
    }

    .swiper__swiper-prev {
        left: 10px;
    }

    .swiper-button-disabled {
        opacity: 0;
    }
}

.Swiper__col-5 {
    .swiper-slide {
        @media (min-width: 576px) {
            flex: 0 0 calc(100% / 5 - (20px / 5 * 4));
            margin-right: 20px;
        }


    }
}

.swiper {
    .swiper-slide {
        height: auto;
    }
}

/**/

@media (prefers-reduced-motion: no-preference) {
    .reveal {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.4s ease,
        transform 0.4s ease;
    }

    .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/typography.css?17900593557876*/
/*typography*/
.typography {
    display: flex;
    flex-direction: column;
    line-height: var(--lh-relaxed);
    border-radius: var(--radius-lg);
    font-weight: var(--fw-light);
    background-color: var(--color-bg);

    h1 {
        line-height: var(--lh-tight);
        font-weight: var(--fw-regular);
        font-size: var(--fz-4xl);
        color: var(--color-primary);
        display: none;
        margin-bottom: 20px;

        @media (max-width: 576px) {
            font-size: var(--fz-2xl);
        }
    }

    h2 {
        font-size: var(--fz-xl);
        color: var(--color-primary);
        font-weight: var(--fw-regular);
        position: relative;
        margin-bottom: 20px;
        padding-top: 20px;


        @media (max-width: 576px) {
            font-size: var(--fz-lg);
        }

    }

    h3,  h4 {
        font-size: var(--fz-lg);
        color: var(--color-primary);
        font-weight: var(--fw-regular);
        position: relative;
        margin-bottom: 20px;
        line-height: var(--lh-normal);

        @media (max-width: 576px) {
            font-size: var(--fz-base);
            margin-bottom: 10px;
        }
    }

    p {
        color: var(--color-text-primary);
        font-size: var(--fz-base);
        margin-bottom: 20px;
        line-height: var(--lh-normal);

        @media (max-width: 576px) {
            font-size: var(--fz-md);
            margin-bottom: 10px;
        }

        &:last-child {
            margin-bottom: 0;
        }

        a {
            transition: color .3s;
            font-weight: var(--fw-light);
            white-space: nowrap;
            text-decoration: underline ;

            &:hover {
                color: var(--color-accent-hover);
            }
        }
    }

    ul {
        color: var(--color-text-primary);
        font-size: var(--fz-base);
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 20px;

        @media (max-width: 576px) {
            font-size: var(--fz-md)
        }

        &:last-child {
            margin-bottom: 0;
        }


        li {
            padding-left: 10px;
            position: relative;
            line-height: var(--lh-relaxed);


            b {
                display: contents;
            }


            a {
                transition: color .3s;
                font-weight: var(--fw-light);
                white-space: nowrap;
                text-decoration: underline ;

                &:hover {
                    color: var(--color-accent-hover);
                }
            }

            &:before {
                content: "";
                position: absolute;
                flex-shrink: 0;
                background: var(--color-border-strong);
                top: 9px;
                left: 0;
                width: 5px;
                height: 5px;
                border-radius: 50%;
                transition: 0.25s ease;
            }
        }

    }

    ol {
        color: var(--color-text-primary);
        font-size: var(--fz-base);
        display: flex;
        flex-direction: column;
        gap: 10px;
        list-style: none;
        counter-reset: my-counter;
        margin-bottom: 20px;

        @media (max-width: 576px) {
            font-size: var(--fz-md);
        }

        &:last-child {
            margin-bottom: 0;
        }


        li {
            counter-increment: my-counter;
            padding-left: 15px;
            position: relative;

            b {
                display: contents;
            }


            a {
                transition: color .3s;
                font-weight: var(--fw-light);
                white-space: nowrap;
                text-decoration: underline ;

                &:hover {
                    color: var(--color-accent-hover);
                }
            }

            &:before {
                content: counter(my-counter) "." !important;
                color: var(--color-text-secondary);
                transition: .3s;
                position: absolute;
                top: 0;
                left: 0;
                font-weight: var(--fw-regular);
            }
        }
    }

    video {
        width: 100%;
        max-height: 300px;
        object-fit: cover;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    h1, h2, h3 {
        a {
            color: var(--color-accent);
            transition: color .3s;
            display: contents;

            &:hover {
                color: var(--color-accent-hover);
            }
        }
    }

    blockquote {
        border-left: 4px solid var(--color-accent-soft);
        border-right: 4px solid var(--color-accent-soft);
        padding: 0 16px;
        font-style: italic;
        font-weight: var(--fw-regular);
        display: flex;
        margin-bottom: 20px;

        &:last-child {
            margin-bottom: 0;
        }
    }

    section#comparison {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    div#comparison {
        overflow-x: auto;
        padding-bottom: 4px;
    }

    table {
        width: 100%;
        min-width: 760px;
        border-collapse: collapse;
        overflow: hidden;
        border-radius: 14px;
        background: var(--color-bg);
        box-shadow: 0 0 0 1px var(--color-border);
        font-size: var(--fz-md);

        thead {
            background-color: var(--color-bg-soft);

            th {
                font-weight: var(--fw-regular);
                color: var(--color-text-primary);
                padding: 12px;
                font-size: var(--fz-md);
                line-height: var(--lh-normal);

                @media (max-width: 576px) {
                    font-size: var(--fz-sm);
                }
            }

        }


        td {
            font-weight: var(--fw-regular);
            color: var(--color-text-primary);
            padding: 12px;
            font-size: var(--fz-md);
            line-height: var(--lh-normal);

            @media (max-width: 576px) {
                font-size: var(--fz-sm);
            }
        }

        tbody {
            tr {
                td {
                    &:first-child {
                        font-weight: var(--fw-regular);
                    }
                }

                td {
                    border: 1px solid var(--color-border-strong);
                }

            }

        }
    }

}

.typography__images {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 20px;

    .typography__img {
        position: relative;
        flex: 1 1 calc(100% / 2 - (16px / 2 * 1));
        aspect-ratio: 1/1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        overflow: hidden;
        margin: 0;
        min-width: 0;
        max-height: 500px;
        min-height: 200px;

        img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            border-radius: var(--radius-lg);
            overflow: hidden;

            @media (max-width: 576px) {
                border-radius: var(--radius-lg);
            }
        }

        figcaption {
            display: none;
        }
    }

}

.typography__video {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;

    @media (max-width: 576px) {
        flex-direction: column;
    }
}

.typography__iframe {
    height: 450px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-bottom: 20px;

    @media (max-width: 576px) {
        height: 300px;
    }

    iframe {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/*.typography*/
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/css/accordion_100vh.css?1790153632365*/
.js-accordion-body_100vh {
    overflow: hidden;
    transition: max-height .3s;
    max-height: 0; /* достаточно больше предполагаемой высоты */
}


.js-accordion-body_100vh.active {
    max-height: none;
}

.js-accordion-trigger svg {
    transition: .3s;
}


.js-accordion-trigger.active svg {
    transform: rotate(180deg);
}
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/css/copy.css?17876582001472*/
.tooltip-wrap {
    position: relative;
    cursor: pointer;
}

.tooltip-wrap > span {
    display: flex;
    align-items: center;
    gap: var(--space-10);
}

.tooltip {
    --tooltip-bg: var(--color-accent);
    --tooltip-color: var(--color-on-primary);

    position: absolute;
    top: calc(100% + var(--space-8));
    left: 50%;
    z-index: 10;

    padding: var(--space-4) var(--space-10);
    border-radius: var(--radius-xs);
    background: var(--tooltip-bg);
    color: var(--tooltip-color);
    font-size: var(--fz-sm);
    font-weight: var(--fw-regular);
    white-space: nowrap;
    pointer-events: none;

    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -2px);
    transition:
            opacity var(--transition-fast),
            transform var(--transition-fast),
            visibility 0s linear 150ms;
}

.tooltip.show-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    transition-delay: 0s;
}

.tooltip::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    border: 5px solid transparent;
    border-bottom-color: var(--tooltip-bg);
    transform: translateX(-50%);
}

.tooltip--light {
    --tooltip-bg: var(--color-bg);
    --tooltip-color: var(--color-accent);
    box-shadow: var(--shadow-subtle);
}

@media (prefers-reduced-motion: reduce) {
    .tooltip {
        transform: translate(-50%, 0);
        transition: opacity 0.01ms, visibility 0s;
    }
}
/* End */


/* Start:/bitrix/templates/shop.elastomeric/include/custom/css/tabs.css?17892405591622*/
.js-tabs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.js-tabs-header {
    display: flex;
    position: relative;
    overflow-x: auto;
    scrollbar-width: none;
    gap: 16px
}

.js-tab {
    position: relative;
    background-color: var(--color-bg);
    padding: 0 16px;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    white-space: nowrap;
    transition: background-color .3s;
    cursor: pointer;
    color: var(--color-primary);
    font-size: var(--fz-md);
    flex: 1;
    border-radius: 99px;
    border: none;


    @media (max-width: 576px) {
        font-size: var(--fz-xs);
        height: 35px;
    }


    &.active, &:hover {
        background-color: var(--color-accent-hover);

        svg {
            fill: var(--color-bg);
            stroke: var(--color-bg);
        }

        span {
            color: var(--color-on-primary);
        }
    }

    &.active .tab-icon svg {
        fill: var(--color-bg) !important;
        stroke: var(--color-bg) !important;
    }

    span {
        font-size: var(--fz-md);
        font-weight: var(--fw-light);
    }
}


.tab-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;

    align-items: center;
    justify-content: center;
    display: none;

    @media (max-width: 576px) {
        display: none;
    }

    svg {
        width: 24px;
        height: 24px;
        fill: var(--color-accent);
        stroke: var(--color-accent);
        transition: .3s;
    }
}

.js-tab-content {
    display: none;


    &.js-tab-active {
        display: block;
    }
}
/* End */


/* Start:/local/components/shop.elastomeric/menu.section/templates/header.catalog/style.css?179016052847426*/
body {
    padding-top: 0;
}

.header-navbar {
    background-color: var(--color-bg);
    margin-bottom: var(--section-space-md);

    .header-navbar__top {
        padding: 8px 0;
        position: relative;
        background-color: var(--color-bg-soft);
        transition: background-color var(--transition-fast), box-shadow var(--transition-fast);
        font-size: var(--fz-sm);

        &.is-fixed {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: var(--color-bg);
            box-shadow: 0 4px 12px color-mix(in srgb, var(--color-primary) 8%, transparent);
            z-index: 3;
        }

        @media (max-width: 992px) {
            display: none;
        }

        &:before {
            content: '';
            width: 100%;
            height: 1px;
            background-color: var(--color-bg-soft);
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }

    .header-navbar__top-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        color: var(--color-text-secondary);

    }

    .header-navbar__top-items {
        display: flex;
        gap: 20px;

        @media (max-width: 768px) {
            width: 100%;
            justify-content: flex-end;

            &:first-child {
                display: none;
            }
        }
    }

    .header-navbar__top-item {
        display: flex;
        align-items: center;

        span {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: color var(--transition-fast);
        }

        small {
            width: 100%;
        }


        &:hover {
            color: var(--color-link-hover);

            span {
                color: var(--color-link-hover);
            }

            svg {
                fill: var(--color-link-hover);
                stroke: var(--color-link-hover);
            }
        }

    }

    .header-navbar__top-address {
        display: flex;
        align-items: center;
        gap: 8px;

        svg {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            fill: var(--color-border-strong);
            stroke: var(--color-border-strong);
        }

        @media (max-width: 1200px) {
            display: none;
        }
    }

    .header-navbar__top_border {
        position: relative;
        padding: 0 30px;

        @media (max-width: 992px) {
            padding: 0;
            margin: 0;
        }

        &:before, &:after {
            content: '';
            width: 1px;
            height: 21px;
            background-color: var(--color-border);
            position: absolute;
            bottom: 20%;
            left: 0;
        }

        &:after {
            right: 0;
            left: auto;
        }
    }

    .header-navbar__top-item-mail {
        flex-direction: column;
        align-items: flex-start;
        cursor: pointer;
        position: relative;
        white-space: nowrap;

        @media (max-width: 992px) {
            font-size: var(--fz-md);
        }

        &:hover {
            span {
                color: var(--color-accent-hover);
            }

            svg {
                fill: var(--color-accent-hover);
                stroke: var(--color-accent-hover);
            }
        }

        span {
            display: flex;
            align-items: center;
            gap: 4px;
            transition: color var(--transition-fast);
        }

        svg {
            width: 11px;
            height: 10px;
            flex-shrink: 0;
            fill: var(--color-border-strong);
            stroke: var(--color-border-strong);
            transition: fill var(--transition-fast), stroke var(--transition-fast);
        }

        small {
            color: var(--color-text-secondary);
            font-weight: var(--fw-light);
        }
    }

    .header-navbar__middle {
        display: flex;
        align-items: center;
        gap: 16px;
        padding-top: 20px;
        padding-bottom: 20px;
        position: relative;

        @media (max-width: 992px) {
            display: grid;
            grid-template-columns: auto auto 1fr auto auto 30px 32px;
            grid-template-rows: 1fr 1fr;
        }
        @media (max-width: 768px) {
            grid-template-columns: auto auto auto 32px;
            padding-bottom: 0;
        }
        @media (max-width: 576px) {
            grid-template-columns: auto 1fr 32px;
        }
    }

    .header-navbar__logo {
        display: flex;
        gap: 16px;
        align-items: center;
        max-width: 335px;

        @media (max-width: 992px) {
            grid-column: 1/2;
            grid-row: 1;
        }

        svg {
            display: flex;
            width: 107px;
            height: 51px;
            flex-shrink: 0;
        }

        span {
            text-align: left;
            color: var(--color-text-secondary);
            font-weight: var(--lh-tight);
            font-size: var(--fz-sm);
            position: relative;
            padding-left: 16px;

            @media (max-width: 1200px) {
                display: none;
            }

            &:after {
                content: '';
                width: 1px;
                height: 100%;
                background-color: var(--color-border);
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
            }
        }

        &:hover {
            svg {
                fill: unset;
                stroke: unset;
            }

        }
    }

    #catalog-header {
        position: absolute;
        padding: 25px 0 0;
        top: 65%;
        z-index: 999;
        left: 0;
        max-height: calc(100vh - 200px);
        min-height: 569px;
        height: 100%;
        width: 100%;
        border-radius: 0 0 var(--radius-xl) var(--radius-xl);
        transform: translateY(8px);
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    }

    .header-navbar__catalog {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;

        @media (max-width: 768px) {
            display: none;
        }

    }

    /*-----*/
    /* Ровная и плавная анимация только для мобильного бургера #burg */

    #burg {
        display: block;
        position: relative;

        span {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform-origin: center;
            transition: background-color 180ms ease,
            opacity 180ms ease,
            transform 220ms cubic-bezier(0.77, 0, 0.175, 1);
        }

        span:nth-child(1) {
            transform: translateY(calc(-50% - 7px));
        }

        span:nth-child(2) {
            transform: translateY(-50%);
        }

        span:nth-child(3) {
            transform: translateY(calc(-50% + 7px));
        }

        &.active span:nth-child(1) {
            transform: translateY(-50%) rotate(45deg);
        }

        &.active span:nth-child(2) {
            opacity: 0;
            transform: translateY(-50%) scaleX(0.5);
        }

        &.active span:nth-child(3) {
            transform: translateY(-50%) rotate(-45deg);
        }
    }

    /*----*/

    .burger-menu__button {
        width: 20px;
        height: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        appearance: none;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
        position: relative;

        @media (max-width: 992px) {
            width: 30px;
            height: 30px;
        }


        span {
            display: block;
            width: 100%;
            height: 3px;
            border-radius: 3px;
            background-color: var(--color-accent);
            transition: background-color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);
            transform-origin: 4px 0;
        }

        &.active span {
            background-color: var(--color-on-primary);

            &:nth-child(1) {
                transform: rotate(45deg) translate(3px, 7px);
            }

            &:nth-child(2) {
                opacity: 0;
            }

            &:nth-child(3) {
                transform: rotate(-45deg) translate(3px, -8px);
            }
        }

        svg {
            width: 100%;
            height: 100%;
            fill: var(--color-on-primary);
            stroke: var(--color-on-primary);
            flex-shrink: 0;
        }
    }

    .js-catalog-toggle {
        .burger-menu__button {
            span {
                background-color: var(--color-on-primary);
            }
        }


        &.active {
            background-color: var(--color-accent-hover);

            span {
                &:nth-child(1) {
                    transform: rotate(45deg) translate(3px, 7px);
                }

                &:nth-child(2) {
                    opacity: 0;
                }

                &:nth-child(3) {
                    transform: rotate(-45deg) translate(3px, -7px);
                }
            }
        }

    }

    .header-navbar__middle-item-mail {
        display: none;

        @media (max-width: 992px) {
            display: flex;
            grid-column: 4/5;
            grid-row: 1;
            margin-left: auto;

        }
        @media (max-width: 768px) {
            grid-column: 3/4;
        }
        @media (max-width: 576px) {
            display: none;
        }
    }

    .header-navbar__search {
        flex: 1;

        @media (max-width: 992px) {
            grid-column: 1/-1;
            grid-row: 2;
        }
    }


    .nav__mobile__icon {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
        display: none;
        align-items: center;
        justify-content: center;

        @media (max-width: 992px) {
            &:first-child {
                display: none;
            }
        }

        svg {
            width: 20px;
            height: 20px;
            fill: var(--gray-400);
            stroke: var(--gray-400);
            transition: all 0.3s;

            &:hover {
                fill: var(--red-600);
                stroke: var(--red-600);
            }

            @media (max-width: 992px) {
                width: 30px;
                height: 30px;
            }
        }
    }

    .burger-menu {
        align-items: center;
        display: none;
        z-index: 98;
        cursor: pointer;

        @media (max-width: 992px) {
            display: flex;
            grid-column: 7/8;
            grid-row: 1;
        }
        @media (max-width: 768px) {
            grid-column: 4/5;
        }
        @media (max-width: 576px) {
            grid-column: 3/4;
        }
    }

    .burger-menu-logo {
        padding: 20px;
        display: none;
        gap: 20px;
        font-weight: 400;
        align-items: center;
        width: 100%;
        flex-direction: column;
        justify-content: center;
        max-width: 335px;

        @media (max-width: 992px) {
            display: flex;
        }


        svg {
            display: flex;
            width: 100%;
            height: 61px;
            flex-shrink: 0;
        }

        span {
            text-align: center;
            color: var(--gray-700);
        }
    }


    .header-navbar__middle-contacts {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .header-navbar__middle-contact {
        color: var(--color-text-muted);
        display: flex;
        flex-direction: column;
        white-space: nowrap;
        margin-left: auto;
        padding: 0 20px;

        @media (max-width: 992px) {
            grid-column: 3/4;
            grid-row: 1;
        }
        @media (max-width: 768px) {
            grid-column: 2/3;
        }

        a {
            color: var(--color-primary);
            font-size: var(--fz-xl);
            transition: color var(--transition-fast);
            font-weight: var(--fw-regular);

            @media (max-width: 768px) {
                font-size: var(--fz-base);
                color: var(--color-primary);
            }

        }

        span {
            display: block;
            color: var(--color-text-secondary);

            font-size: var(--fz-md);

            @media (max-width: 768px) {
                font-size: var(--fz-xs);
            }
        }
    }


    .header-navbar__basket {
        display: flex;
        align-items: center;
        gap: 10px;
        color: var(--color-text-secondary);
        transition: color var(--transition-fast);
        font-weight: var(--fw-light);

        @media (max-width: 992px) {
            display: none;
        }


        &:hover {
            color: var(--color-accent-hover);
        }

        span {
            @media (max-width: 992px) {
                display: none;
            }
        }
    }

    .header-navbar__basket-icon {
        position: relative;
        display: flex;
        width: 40px;
        height: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--color-bg-soft);

        svg {
            width: 25px;
            height: 25px;
            stroke: var(--color-text-secondary);

            @media (max-width: 992px) {
                stroke: var(--color-border-strong);
            }
        }

        span {
            position: absolute;
            top: -4px;
            right: -8px;
            display: flex;
            min-width: 20px;
            min-height: 20px;
            align-items: center;
            justify-content: center;

            border-radius: 50%;
            background: var(--color-primary);
            color: var(--color-on-primary);
            font-weight: 300;
            font-size: var(--fz-xs);
        }
    }
}

.lc-button {
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: var(--fw-regular);
    font-size: var(--fz-base);
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-skip-ink: none;
    text-decoration-thickness: 6.5%;
    text-underline-offset: 16.5%;
    text-underline-position: from-font;
    color: var(--color-primary);


    svg {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
        fill: var(--color-primary);
        stroke: var(--color-primary);
    }

    @media (max-width: 992px) {
        display: none;
    }

    &:hover {
        color: var(--color-accent-hover);

        svg {
            width: 22px;
            height: 22px;
            flex-shrink: 0;
            fill: var(--color-link-hover);
            stroke: var(--color-link-hover);
        }
    }
}


.header-navbar-position-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transform: translateY(-110%);
    opacity: 0;
    pointer-events: none;
    transition: transform .25s ease, opacity .25s ease;
    box-shadow: 0 4px 12px rgba(43, 45, 52, .12);
    background-color: var(--color-bg-primary);

    @media (max-width: 576px) {
        display: none;
    }

    &.is-fixed {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
    }
}

.header-navbar-position {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;


    .header-navbar__logo {
        display: flex;

        svg {
            width: 107px;
            height: 51px;
        }

        @media (max-width: 768px) {
            display: none;
        }
    }

    .header-navbar__catalog {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 400;
        border-radius: 10px;
        padding: 15px;
        transition: all 0.3s;
        width: 116px;
        height: auto;


        .catalog-header__icon {
            width: 30px;
            height: 16px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            position: relative;

            span {
                background-color: var(--white);
                height: 1px;
                transition: background-color .3s;
            }
        }
    }

    .header-navbar__search {
        flex: 1;

        @media (max-width: 992px) {
            display: none;
        }
    }

    .header-navbar__top-item-mail {
        color: var(--color-on-primary);
        font-size: var(--fz-sm);
        font-weight: var(--fw-light);
        flex-direction: column;
        align-items: flex-start;
        cursor: pointer;
        position: relative;
        white-space: nowrap;

        @media (max-width: 768px) {
            margin-left: auto;
            font-size: var(--fz-base);
        }
        @media (max-width: 576px) {
            margin-left: auto;
            font-size: var(--fz-sm);
        }

        &:nth-child(4) {
            @media (max-width: 992px) {
                margin-left: auto;
            }
            @media (max-width: 768px) {
                display: none;
            }
        }

        &:hover {
            span {
                color: var(--color-accent-hover);
            }

            svg {
                fill: var(--color-accent-hover);
                stroke: var(--color-accent-hover);
            }
        }


        small {
            color: var(--color-on-primary);
        }

        span {
            display: flex;
            align-items: center;
            gap: 5px;
            transition: color 0.3s;

            svg {
                width: 11px;
                height: 10px;
                flex-shrink: 0;
                fill: var(--color-on-primary);
                stroke: var(--color-on-primary);
                transition: color 0.3s;
            }
        }
    }

    .header-navbar__middle-contact {
        color: var(--color-on-primary);
        font-size: var(--fz-sm);
        display: flex;
        flex-direction: column;

        @media (max-width: 768px) {
            margin-left: auto;
        }

        span {
            display: block;
        }

        a {
            color: var(--color-accent);
            font-size: var(--fz-xl);
            transition: color var(--transition-fast);
            font-weight: var(--fw-regular);
        }
    }
}


/* LOCK SCROLL */
.body-lock {
    overflow: hidden;
    position: fixed;
    width: 100%;
    touch-action: none;
}


/* Autocomplete Dropdown */
.autocomplete-dropdown {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    background: var(--white);
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    z-index: 100;
    overflow: hidden;
    display: none;
    animation: fadeIn 0.2s ease-out;
    border: 1px solid #eaeaea;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-header {
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #eee;
    font-size: 0.9rem;
    color: #666;
    display: flex;
    justify-content: space-between;
}

.results-count {
    background: var(--red-700);
    color: var(--white);
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.85rem;
}

.dropdown-content {
    max-height: 350px;
    overflow-y: auto;
}

.result-item {
    padding: 15px 20px;
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
}

.result-item:last-child {
    border-bottom: none;
}

.result-item:hover {
    background: #f8fafe;
}

.result-item.highlighted {
    background: #f0f5ff;
    border-left: 4px solid var(--red-700);
}

.item-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f0f5ff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: var(--red-700);
    font-size: 1rem;
}

.item-content {
    flex: 1;
}

.item-title {
    font-weight: 400;
    margin-bottom: 4px;
    color: #333;
}

.item-category {
    display: inline-block;
    background: #f0f0f0;
    color: var(--gray-600);
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 0.8rem;
    margin-top: 5px;
}

.no-results {
    padding: 30px 20px;
    text-align: center;
    color: #888;
}

.no-results i {
    font-size: 2.5rem;
    margin-bottom: 10px;
    color: #ddd;
}

/* Responsive */
@media (max-width: 768px) {
    .search__box {
        flex-direction: column;
    }

    #searchButton {
        padding: 18px;
        justify-content: center;
    }

    .search-wrapper {
        padding: 20px;
    }
}

/* Scrollbar */
.dropdown-content::-webkit-scrollbar {
    width: 8px;
}

.dropdown-content::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.dropdown-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.dropdown-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}


.live-search {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    z-index: 999;
    background: var(--color-bg);
    border-radius: var(--radius-sm);
    box-shadow: 0 20px 40px color-mix(in srgb, var(--color-primary) 15%, transparent);
    overflow: hidden;
}

.live-search__list {
    max-height: calc(100vh - 200px);
    color: var(--color-primary);
    font-weight: var(--fw-light);
    border-bottom: 1px solid var(--color-bg-soft);
}

.live-search__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    text-decoration: none;
    color: inherit;
    position: relative;
    transition: background-color var(--transition-fast), color var(--transition-fast);

    &:last-child {
        &:before {
            display: none;
        }
    }
}

.live-search__item:before {
    position: absolute;
    bottom: 0px;
    content: "";
    height: 0.5px;
    width: 95%;
    background-color: var(--color-bg-soft);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.live-search__item:hover {
    background-color: var(--color-surface-hover);
}

.live-search__img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    object-fit: contain;
    border-radius: var(--radius-sm);
    overflow: hidden;
}

.live-search__title {
    color: var(--color-primary);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: var(--fw-light);
    font-size: var(--fz-md);
    width: 100%;
}


.live-search__title_analog {
    font-size: var(--fz-sm);
    background-color: var(--color-bg-soft);
    font-weight: var(--fw-regular);
    padding: 8px 10px;
    border-radius: var(--radius-xs);
    color: var(--color-text-secondary);

}

.live-search__all {
    display: block;
    padding: 20px;
    color: var(--color-primary);
    font-weight: var(--fw-regular);
    transition: color .3s;

    &:hover {
        color: var(--color-accent-hover);
    }
}

.live-search__title mark {
    background: var(--color-warning-soft);
    padding: 0 2px;
    border-radius: var(--radius-xs);
    font-weight: var(--fw-regular);
}

.live-search__empty {
    padding: 20px;
    color: var(--color-primary);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-weight: var(--fw-regular);
    font-size: var(--fz-md);

    span {
        font-size: var(--fz-base);
        color: var(--color-primary);
        font-weight: var(--fw-light);
    }
}

.scroll-overflow {
    position: relative;
    overflow: hidden;
    width: 100%;

    &::before,
    &::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 80px;
        z-index: 3;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    &.scroll-overflow_bg_white {
        &::before {
            top: 0;
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
        }

        &::after {
            bottom: 0;
            background: linear-gradient(0deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
        }
    }

    &.is-shadow-top::before {
        opacity: 1;
    }

    &.is-shadow-bottom::after {
        opacity: 1;
    }

    /*серый фон*/

    &.scroll-overflow_bg_gray {
        &::before {
            top: 0;
            background: linear-gradient(180deg, rgb(249, 249, 249) 0%, rgba(243, 244, 246, 0) 100%);
        }

        &::after {
            bottom: 0;
            background: linear-gradient(0deg, rgb(249, 249, 249) 0%, rgba(243, 244, 246, 0) 100%);
        }
    }
}

.scroll-overflow__wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    position: relative;
    scrollbar-width: thin;
    scrollbar-color: var(--color-bg-soft) transparent;

    &::-webkit-scrollbar {
        width: 4px;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
    }

    &::-webkit-scrollbar-thumb {
        background-color: var(--gray-300);
        border-radius: 4px;
    }

    &::-webkit-scrollbar-thumb:hover {
        background-color: var(--gray-400);
    }
}

/**/

/* Подменю каталога*/

.submenu-catalog {
    display: flex;
    background-color: var(--color-bg);
    overflow: hidden;
    overscroll-behavior: contain;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-subtle);
    height: 100%;
}

.submenu-catalog__wrapper {
    display: flex;
    flex: 1;
}

.submenu-catalog__block {
    display: flex;
    overflow-y: auto;
    flex: 1;

    &:hover {

        .submenu-catalog__link {
            opacity: .5;

            svg {
                opacity: .65;
            }
        }
    }

    &:hover .submenu-catalog__link:hover,
    &:hover .submenu-catalog__link:focus-visible {
        opacity: 1;

        svg {
            opacity: 1;
        }
    }

    .scroll-overflow__wrapper {
        scrollbar-width: none;
    }
}

.submenu-catalog__list {
    padding: 30px 12px;
}

.submenu-catalog__link {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--fz-md);
    padding: 12px 16px;
    cursor: pointer;
    border-left: 2px solid transparent;
    transition: .3s;
    color: var(--color-primary);
    font-weight: var(--fw-light);
    position: relative;
    overflow: hidden;
    background-color: var(--color-bg);


    &:hover, &.active {
        position: relative;
        z-index: 2;
        background-color: var(--color-surface-hover);
        border-radius: var(--radius-md);
        opacity: 1 !important;

        svg {
            opacity: 1 !important;
            display: block;
        }
    }

    .submenu-catalog__icon {
        width: 25px;
        height: 25px;
        flex-shrink: 0;

        svg {
            width: 100%;
            height: 100%;
            fill: var(--color-sec-surface);
            stroke: var(--color-sec-surface);
            stroke-width: 20;
        }
    }

    & > span {
        flex: 1;
    }

    & > svg {
        width: 15px;
        height: 15px;
        flex-shrink: 0;
        fill: var(--color-primary);
        stroke: var(--color-primary);
        display: none;
    }
}

.submenu-catalog__info {
    background-color: var(--color-bg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;

    .scroll-overflow {
        flex: 1;
        height: 100%;
        min-height: 0;
        overflow: hidden;
    }
}

.submenu-catalog__consult {
    flex: 0 0 35%;
    overflow: hidden;
    display: flex;
    flex-direction: column;

    p {
        font-size: var(--fz-md);
        color: var(--color-text-muted);
        padding: 10px 20px;
    }

    img {
        width: 180px;
        height: auto;
        object-fit: contain;
        margin: auto auto 0;

    }

}

.submenu-catalog__consult-link {
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--color-primary);
    font-size: var(--fz-2xl);
    font-weight: 600;
    margin-bottom: 10px;
    transition: color .3s;
    padding: 30px 20px 0;


    &:hover {
        color: var(--color-accent-hover);

        svg {
            fill: var(--color-accent-hover);
            stroke: var(--color-accent-hover);
        }
    }


    svg {
        width: 30px;
        height: 30px;
        stroke-width: 1.5;
        fill: var(--color-accent);
        stroke: var(--color-accent);
        transition: .3s;
    }
}

.submenu-catalog__items {
    height: 100%;
    overflow-y: auto;
}


.submenu-catalog__item {
    display: none;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 30px 12px;

    &.active {
        display: flex;
    }

    &:hover {

        .submenu-catalog__item-list {
            opacity: .5;

            small {
                opacity: .5;
            }
        }
    }


    &:hover .submenu-catalog__item-list:hover,
    &:hover .submenu-catalog__item-list:focus-visible {
        opacity: 1;

        small {
            opacity: 1;
        }
    }
}

.submenu-catalog__item-list {
    display: flex;
    align-items: center;
    transition: .3s;
    padding: 8px 16px;
    position: relative;

    &:before {
        content: '';
        position: absolute;
        left: 8px;
        width: 80%;
        bottom: 0;
        height: 1px;
        background-color: var(--color-surface);
        margin: 0 auto;
    }

    &:last-child {
        &:before {
            display: none;
        }
    }


    span {
        font-size: var(--fz-md);
        color: var(--color-primary-hover);
        transition: .3s;
        font-weight: var(--fw-light);
        position: relative;
        display: flex;
        flex: 1;
    }

    small {
        color: var(--color-primary-hover);
        font-size: 10px;
        text-align: center;
        width: 35px;
        height: 35px;
        background-color: var(--color-surface);
        padding: var(--fz-sm);
        flex-shrink: 0;
        border-radius: 50%;
        line-height: var(--lh-normal);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    &:hover {
        background-color: var(--color-surface-hover);
        border-radius: var(--radius-md);
        opacity: 1;


        small {
            background-color: var(--white);
            color: var(--red-700);
        }
    }
}

.submenu__item-img {

    img {
        object-fit: contain;
        max-width: 330px;
        border-radius: var(--radius-lg);
        overflow: hidden;
        margin: 30px auto;
    }
}


/**/


.nav__mobile__icon {
    display: none;
}

.navbar ul {
    margin: 0;
}


.nav__bottom__list {
    width: 100%;
}

.nav__bottom-item:before {
    display: none;
}

.nav__bar__bottom__social:before {
    display: none;
}

a {
    text-decoration: none;
}

.nav__active {
    color: #E21B3C;
}

a:active, [data-ui-markup="a"]:active, .intec-ui-markup-a:active {
    color: var(--color-E21B3C);
}

p {
    line-height: normal;
    color: var(--color-3A3A3A);
}

.title_h2 {
    border-bottom: 1px solid var(--color-3A3A3A);
    padding: 15px 10px;
    margin: 0 0 30px;
}

.container_header {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
    margin-top: auto; /*padding-right: 5px; padding-left: 5px;*/
}

.header {
    background-color: var(--color-ffffff);
    position: relative;
}

.es-nav-wrap__white {
    background: var(--color-ffffff);
}

/*!*Вверхнее  меню*!*/
.navbar { /*position: relative;*/
    z-index: 1; /*border-radius: 0 0 20px 20px; box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.05);*/
    background-color: var(--color-ffffff);
}

.bar {
    width: 25px;
    height: 2px;
    display: flex;
    background: #CF142B;
    transition: .3s;
}

@media (max-width: 902px) {
    .bar {
        width: 25px;
        height: 2px;
        display: flex;
        background: var(--color-BCBCBC);;
    }
}

.hamb__field:hover .bar {
    background: var(--color-FF2C4F);
}

.navbar__wrap {
    padding: 10px 0 15px;
}

.hamb {
    display: none;
}

.popup {
    display: none;
}

.menu {
}

.menu img {
    width: 32px;
    transition: 1s
}

.menu > li {
    font-weight: 500;
}

.menu__block > li > a > img {
    width: 32px;
    transition: 1s
}

.menu__block > li > a :hover {
    width: 32px;
    transform: scale(1.2);
}

.nav__bottom__item__submenu {
    display: none;
}

.show {
    display: block;
}


/*@media (max-width: 550px) {*//*}*/
.submenu__item__style {
    font-size: 14px;
}

.nav__top, .nav__middle, .nav__bottom {
    display: flex;
    align-items: end;
    gap: 35px;
    justify-content: space-between;

}

.nav__top {
    padding: 0 0 11px;
}

.nav__middle {
    padding: 20px 0;
}

.nav__bottom {
    gap: 52px;
    z-index: 2;
    padding: 15px 0;
}

.nav__top {
    font-size: 12px;
    border-bottom: 0.6px solid var(--color-D3D3D3);
}

.nav__top-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
}

.nav__top_mail-content {
    display: flex;
    gap: 30px;
}

.nav__top__gps {
    display: flex;
    gap: 15px;
}

.nav__top__gps svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

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

.nav__top__gps, .nav__top__optom, .nav__top__mail-one {
    align-items: center;
}

.nav__top__mail-one {
    display: flex;
    gap: 15px;
}

.nav__top__mail-one__info {
    color: var(--color-B0B0B0);
    font-size: 12px;
    font-weight: 500;
}

.nav__top__mail-one__info:hover .nav__top__right__mail-one__info__mail {
    color: var(--color-FF2C4F);
}

.nav__top__right__mail-two:hover .nav__top__mail-two__info__mail {
    color: var(--color-FF2C4F);
}

.nav__top__right__mail-two {
    border-left: 0.6px solid var(--color-D3D3D3);
    border-right: 0.6px solid var(--color-D3D3D3);
    padding: 0 30px;
}

.nav__top__optom {
    border-left: 0.6px solid var(--color-D3D3D3);
    padding: 0 30px;
    color: var(--color-707070);
}

.nav__top__mail-one {
    margin-left: auto;
}

.nav__top__right__mail-two {
}

.nav__top__mail-two__info__mail__text {
    color: var(--color-B0B0B0);
}

.nav__top__item_mobile {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    display: none;
}


.nav__top__item_mobile svg {
    width: 21px;
    height: 21px;
    fill: var(--color-BCBCBC);
}

.nav__top__item_mobile:hover svg {
    fill: var(--color-FF2C4F);
}

.nav__top__login {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    color: var(--color-E21B3C);
    font-weight: bold;
    font-size: 14px;
}

.nav__top__login svg {
    fill: var(--color-E21B3C);
    width: 21px;
    height: 21px;
}

.nav__top__login__text {
    color: var(--color-E21B3C);
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    border: none;
    background: none;
    font-weight: 600;
    border-bottom: 1px solid var(--color-ffffff);
    transition: .3s;
}

@media (max-width: 902px) {
    .nav__top__item_mobile {;
        display: block;
    }

    .nav__top__login svg {
        fill: var(--color-BCBCBC);
        width: 21px;
        height: 21px;
    }

    .nav__top__login__text {
        display: none;
    }
}

.widget-nav__top:hover .nav__top__login__text {
    border-bottom: 1px solid var(--color-FF2C4F);
    cursor: pointer;
}


.submenuCatalog {
    max-width: 1366px;
    margin-right: auto;
    margin-left: auto;
}


.text {
    color: var(--color-707070);
}


.submenuCatalog .submenu__item {
    display: none;
    border-radius: 0 0 20px 20px;
    margin: 20px 0;
    padding: 30px;
}


.submenuCatalog .submenu__item.active {
    display: block;

}

.submenu__about__block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

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

.section-block-banner {
    position: relative;
    z-index: unset;
}

/*Список при клике*/
.nav__bottom__submenu__item a, .nav__bottom-item a {
    text-decoration: none;
}

.nav__bottom__submenu__item, .nav__bottom__submenu__item__block {
    display: flex;
    align-items: center; /*justify-content: center;*/
    gap: 20px;
    flex-wrap: wrap;
}

.submenu__item__style {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 10px;
    border: 1px solid var(--color-D3D3D3);
    padding: 15px 25px;
    border-radius: 10px;
    color: var(--color-3A3A3A);
    font-weight: 600;
    text-align: left; /*width: 313px;*/
    width: calc(25% - 20px / 4 * 3);
}

.submenu__item__style__img {
    width: 52px;
    height: 50px;
}

.submenu__item__style__img img {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.nav__middle__logo {
    display: flex;
    width: 107px;
    height: 51px;
    flex: 0 0 107px
}

.nav__middle__logo svg {
    width: 107px;
    height: 51px;
    flex: 0 0 107px
}

.nav__top__right__mail-one__info__mail, .nav__top__mail-two__info__mail {
    color: var(--color-707070);
    font-size: 12px;
    font-weight: 500;
}


.nav__middle__text {
    border: none;
    background: none;
    min-width: 135px;
    color: var(--color-707070);
    max-width: 195px;
    width: 100%;
}

.nav__middle__tel span {
    font-size: 20px;
    color: var(--color-C8102E);
    font-weight: bold;
}

.nav__middle__subtitle {
    color: var(--color-C8102E);
    border-bottom: 1px solid var(--color-ffffff);
    background: none;
    border-left: none;
    border-top: none;
    border-right: none;
    cursor: pointer;
}

.nav__middle__subtitle div {
    color: var(--color-C8102E);
}

.nav__middle__catalog {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 15px;
    background: var(--color-E21B3C);
    border-radius: 10px;
    color: var(--color-ffffff);
    font-size: 14px;
    height: 48px;
    transition: .3s;
}

.nav__middle__catalog:hover {
    background: var(--color-FF2C4F);
    color: var(--color-white);
}

.nav__middle__catalog span {
    color: var(--color-ffffff);
}

.nav__middle__catalog__link__img {
    width: 73px;
    height: 62px;
}

.nav__middle__catalog__link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.nav__middle__catalog__link__block__col {
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
}

.middle__search {
    position: relative;
    width: 100%;
}

.middle__search svg {
    fill: var(--color-D3D3D3);
}

.middle__search svg:hover {
    fill: var(--color-FF2C4F);
    cursor: pointer;
}

.search-input {
    width: 100%;
    padding: 10px 10px 10px 35px;
    border-radius: 10px;
    border: 1px solid var(--color-D3D3D3);
}

.middle__search svg {
    position: absolute;
}

.nav__middle__contacts {
    flex: 1 0 auto;
    margin: 0 15px;
}

.nav__middle__contacts__tel {
    color: var(--color-E21B3C);
    leading-trim: both;
    text-edge: cap;
    font-size: 20px;
    font-weight: 600;
}

.nav__middle__contacts__tel:hover {
    color: var(--color-FF2C4F);
}

.nav__middle__contacts__time {
    color: var(--color-BCBCBC);
    font-size: 12px;
    font-weight: 500;
}

.nav__middle__btn {
    display: flex;
    align-items: end;
    gap: 10px;
}

.nav__middle_icon, .nav__middle__contacts__text {
    border: none;
    background: none;
    cursor: pointer;
}

.nav__middle_icon:hover {
    color: var(--color-FF2C4F);
}

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

.nav__bar__bottom__social a {
    color: var(--color-707070);
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.nav__bottom-item > a {
    color: var(--color-3A3A3A);
}

.middle__search__close__btn {
    border: none;
    background: none;
    position: absolute;
    top: 10px;
    right: 25px;
}

.middle__search__close {
    display: none;
}

.middle__search__icon {
    top: 10px;
    left: 10px;;
}

.middle__search__icon:hover {
    fill: var(--color-FF2C4F);
}

.nav__mobile__icon {
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}


.js-open-submenu {
    position: relative;
}

.js-open-submenu a .nav__svg {
    transform: rotate(0deg);
    fill: none;
    stroke: var(--color-3A3A3A);
    position: absolute;
    right: -15px;
    top: 28%;
}

.js-open-submenu.active a .nav__svg {
    transform: rotate(180deg);
    stroke: var(--color-FF2C4F);
    transition: .3s;
}

* {
    box-sizing: border-box;
}

.nav__search__mobile__from {
    position: relative;
    margin: 0 auto;
    height: 42px;
}

.nav__search__mobile__input {
    height: 42px;
    width: 0;
    padding: 0 42px 0 15px;
    border: none;
    border-bottom: 2px solid transparent;
    outline: none;
    background: transparent;
    transition: .4s cubic-bezier(0, 0.8, 0, 1);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.nav__search__mobile__input:focus {
    width: 100%;
    z-index: 1;
    border-bottom: 1px solid var(--color-D3D3D3);
    background: white;
    padding: 40px 15px;
    position: fixed;
}

.nav__search__btn {
    background: none;
    border: none;
    height: 42px;
    width: 42px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    height: 20px;
    width: 20px;
    color: red;
}

.sale-basket-small-items {
    gap: 15px;
}

@media (max-width: 1140px) {
    .nav__middle__comparison, .widget-panel-social, .nav__top__gps, .nav__middle__text {
        display: none;
    }

    .nav__top__optom {
        border-left: none;
        padding: 0 10px 0 0;
    }

    .nav__middle__text {
    }
}

@media (max-width: 1000px) {
    .submenu .submenu__item {
        padding: 30px 15px;
    }

    .submenu .submenu__item {
        padding: 30px 15px;
    }
}

@media (max-width: 902px) {
    .nav__top, .nav__middle, .nav__bottom {
        align-items: center;
        padding: 10px 15px;
    }

    .navbar__wrap {
        padding: 0;
    }

    .submenuCatalog {
        top: 77px;
    }

    .submenu__item__style {
        width: calc(33% - 20px / 3 * 2);
    }

    .submenu {
        top: 0;
    }

    .nav__bottom__catalog {
        display: block;
    }

    .nav__bottom {
        padding: 10px 0;
    }

    .nav__login__mobile {
        display: block;
        background: none;
        border: none;
    }

    .nav__top, .nav__middle__text, .nav__middle__contacts, .nav__middle__btn {
        display: none;
    }

    .nav__mobile__icon {
        display: flex;
    }

    .nav__top__login__text {
        display: none;
    }

    .navbar__wrap .menu {
        display: none;
    }

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

    .hamb__field {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: 5px;
    }

    .nav__svg {
        display: none;
    }

    .popup {
        position: fixed;
        top: 177px;
        left: 100%;
        width: 100%;
        height: 100%;
        background-color: var(--color-ffffff);
        z-index: 100;
        display: flex;
        transition: 0.3s;
        flex-direction: column;
        overflow-y: scroll; /*overflow-y: auto;*/
    }

    .ct__popup {
        font-size: 16px;
    }

    .ct__popup:hover .ct-popup__btn svg {
        margin-right: -30px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .ct-popup__btn svg {
        fill: none;
        width: 10px;
        height: 10px;
        stroke: var(--color-C8102E);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .cop-popup__btn {
        margin: 20px 0;
        display: block;
    }

    .support-block__popup {
        margin: 0 15px;
    }

    .support__popup {
        display: flex;
        gap: 0 30px;
        flex-wrap: wrap;
    }

    .sup-col__popup {
        font-size: 12px;
        color: var(--color-707070);
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }

    .sup-col__pop {
        font-size: 16px;
        font-weight: 700;
        color: var(--color-3A3A3A);
    }

    .popup.open {
        left: 0;
    }

    .popup .menu {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: start;
        overflow: auto;
        margin: 0;
    }

    .popup .menu > li {
        width: 100%;
    }

    .popup .menu > li > a {
        width: 100%;
        display: flex;
        padding: 0 15px 10px;
        font-size: 20px;
        font-weight: 600;
        color: #3f3f3f;
    }

    .nav__bottom-item {
        border-bottom: 1px solid #e1e5ee;
        padding: 0;
        display: flex;
    }

    .nav__bottom-item a:before {
        content: "";
        border: solid #1f1f1f;
        border-width: 0 1.6px 1.6px 0;
        transform: rotate(-45deg);
        padding: 4px;
        margin-right: 3px;
        width: 4px;
        height: 4px;
        position: absolute;
        right: 20px;
        margin-top: 8px;
    }

    .nav__bottom-item:before:hover {
        border: 1px solid var(--color-C8102E);
    }


    .hamb__field.active .bar:nth-child(2) {
        opacity: 0;
    }

    .hamb__field.active .bar:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .hamb__field.active .bar:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    body.noscroll {
        overflow: hidden;
        position: fixed;
        width: 100%;
    }
}

@media (max-width: 700px) {
    .submenuCatalog .submenu__item {
        padding: 20px 10px;
    }

    .submenuCatalog {
        z-index: 5;
    }

    .submenu__item__style {
        width: calc(50% - 20px / 2 * 1);
    }

    .nav__top, .nav__middle, .nav__bottom {
        align-items: center;
        flex-wrap: wrap;
        gap: 0;
    }

    .middle__search {
        order: 3;
        margin-top: 10px;
    }

    .nav__search__mobile__from {
        display: block;
    }

    .nav__middle__catalog {
        background-color: none;
    }
}

@media (max-width: 600px) {
    .submenu__item__style {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .widget-authorization-panel > .widget-panel-button:first-child {
        display: none !important;
    }

    .js-open-submenu {
        order: 1;
        margin-right: -10px;
    }

    .nav__middle__logo {
        width: 90px;
        height: auto;
        flex: 0 0 90px;
    }

    .nav__middle__catalog {
        padding: 0 5px;
        font-size: 10px;
        height: 37px;
    }

    .nav__mobile__icon {
        order: 3;
        gap: 10px;
    }

    .middle__search {
        order: 4;
    }
}


/* End */


/* Start:/local/components/shop.elastomeric/search.form/templates/suggest/style.css?17896255692867*/
/*search*/

.search-main {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 2;


    label {
        align-items: center;
        display: flex;
        flex: 1;
        gap: 12px;

        svg {
            width: 16px;
            height: 16px;
            fill: var(--color-border);
            stroke: var(--color-border);
            position: absolute;
            bottom: 0;
            cursor: pointer;
            transition: fill var(--transition-fast), stroke var(--transition-fast);
            left: 14px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1;
        }
    }

    input {
        width: 100%;
        flex: 1;
        padding: 18px 100px 18px 40px;
        border: 1px solid var(--color-border);
        border-radius: var(--radius-sm);
        outline: none;
        transition: background-color var(--transition-fast),
        border-color var(--transition-fast),
        box-shadow var(--transition-fast);
        background-color: var(--color-bg);
        height: 48px;
        color: var(--color-text-muted);
        position: relative;
        font: inherit;
        margin: 0;
        -webkit-appearance: none;

        &:focus {
            border-color: var(--color-accent-hover);
            background: var(--color-bg);
            box-shadow: 0 0 10px 0 color-mix(in srgb, var(--color-accent) 28%, transparent);

        }
    }

    .clear-btn {
        position: absolute;
        transform: translateY(-50%);
        background: none;
        border: none;
        cursor: pointer;
        display: none;
        z-index: 2;
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        right: 80px;
        top: 50%;

        svg {
            width: 16px;
            height: 16px;
            flex-shrink: 0;
            fill: var(--color-text-secondary);
            stroke: var(--color-text-secondary);
            transition: fill var(--transition-fast), stroke var(--transition-fast);

            &:hover {
                fill: var(--color-accent-hover);
                stroke: var(--color-accent-hover);
            }
        }
    }
}

.search__box {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}


.search-btn {
    padding: 0 15px;
    background: var(--color-accent);
    color: var(--color-on-primary);
    border: none;
    border-radius: 8px;
    font-size: 12px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;

    &:hover {
        background: var(--color-accent-hover);
        color: var(--color-on-primary);
    }
}

.search-btn_color_white {
    background: var(--color-on-primary);
    color: var(--color-text-secondary);
    box-shadow: var(--shadow-subtle);
}

/* End */


/* Start:/local/components/shop.elastomeric/basket.widget/templates/.default/style.css?17899922217331*/
.basket-widget,
.basket-widget * {
    box-sizing: border-box;
}

.basket-widget {
    --basket-widget-accent: var(--color-accent);
    --basket-widget-accent-hover: var(--color-accent-hover);
    position: relative;
    z-index: 50;
    color: var(--color-primary);

    &:hover {
        .basket-widget__trigger {
            color: var(--color-accent-hover);
        }


        svg {
            stroke: var(--color-accent-hover);
        }

        .basket-widget__badge {
            background-color: var(--color-accent-hover);
        }
    }
}

.basket-widget__trigger {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    min-height: 48px;
    color: inherit;
    text-decoration: none;
}


.basket-widget__icon {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: var(--color-bg-soft);
}

.basket-widget__icon svg {
    width: 25px;
    height: 25px;
    stroke: var(--color-text-secondary);
}

.basket-widget__badge {
    position: absolute;
    top: -4px;
    right: -8px;
    display: flex;
    min-width: 20px;
    min-height: 20px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-accent);
    color: var(--color-on-primary);
    font-weight: var(--fw-light);
    font-size: var(--fz-xs);
}

.basket-widget__badge.is-empty {
    background: var(--color-primary);
}

.basket-widget__text {
    display: grid;
    gap: 2px;
    color: var(--color-primary);
    font-weight: var(--fw-regular);
}

.basket-widget__sum {
    font-size: var(--fz-base);
    font-weight: var(--fw-light);
    white-space: nowrap;
}

.basket-widget__dropdown {
    position: absolute;
    top: calc(100% - 10px);
    right: 0;
    width: min(410px, calc(100vw - 28px));
    padding-top: 6px;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transform: translateY(8px);
    transition: opacity 0.18s ease,
    transform 0.18s ease,
    visibility 0.18s ease;
    z-index: 999;
    border-radius: 12px;
    box-shadow: var(--shadow-subtle);
}

.basket-widget__dropdown::before {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 100%;
    height: 16px;
    content: '';
}

.basket-widget:hover .basket-widget__dropdown,
.basket-widget:focus-within .basket-widget__dropdown {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.basket-widget__arrow {
    position: absolute;
    top: 0;
    right: 20px;
    width: 12px;
    height: 12px;
    border-top: 1px solid var(--color-bg-soft);
    border-left: 1px solid var(--color-bg-soft);
    background: var(--color-bg);
    transform: rotate(45deg);
    box-shadow: -1px -1px 2px #00000008;
}

.basket-widget__panel {
    overflow: hidden;
    border: 1px solid var(--color-bg-soft);
    border-radius: 12px;
    background: var(--color-bg);
    box-shadow: var(--shadow-subtle);
    transition: opacity 0.18s ease;
}

.basket-widget.is-loading .basket-widget__panel {
    opacity: 0.6;
}

.basket-widget__heading {
    padding: 18px 20px 14px;
    border-bottom: 1px solid var(--color-border)
    font-size: var(--fz-base);
    font-weight: var(--fw-regular);
    color: var(--color-text-secondary);
}

.basket-widget__items {
    max-height: 410px;
    overflow-x: hidden;
    overflow-y: auto;
}

.basket-widget-item {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 14px 20px;
    border-bottom: 1px solid var(--color-border-soft);

}

.basket-widget-item__image-wrap {
    display: flex;
    width: 75px;
    height: 75px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--color-bg-soft);
    text-decoration: none;
}

.basket-widget-item__image {
    display: block;
    width: 65px;
    height: 65px;
    object-fit: contain;
}

.basket-widget-item__no-image {
    color: var(--color-bg-soft);
    font-size: var(--fz-xs);
    text-align: center;
}

.basket-widget-item__body {
    min-width: 0;
}

.basket-widget-item__name {
    display: -webkit-box;
    overflow: hidden;
    color: var(--color-primary);
    font-size: var(--fz-md);
    font-weight: var(--fw-regular);
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.basket-widget-item__name:hover {
    color: var(--color-accent-hover);
}

.basket-widget-item__properties {
    overflow: hidden;
    margin-top: 4px;
    color: var(--color-text-secondary);
    font-size: var(--radius-md);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;

    span {
        padding-right: 3px;
    }
}

.basket-widget-item__calculation {
    margin-top: 5px;
    color: var(--color-text-secondary);
    font-size: var(--radius-md);
    font-weight: var(--fw-regular);
}

.basket-widget-item__total {
    align-self: center;
    font-size: var(--fz-sm);
    white-space: nowrap;
    color: var(--color-primary);
}

.basket-widget__more {
    padding: 10px 20px;
    border-bottom: 1px solid var(--color-border);
    color: var(--basket-widget-muted);
    font-size: var(--fz-sm);
    text-align: center;
}

.basket-widget__footer {
    padding: 16px 20px 20px;
}

.basket-widget__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    font-weight: var(--fw-regular);
    color: var(--color-text-secondary);
}

.basket-widget__total span {
    font-size: var(--fz-base);
    color: var(--color-primary);
}

.basket-widget__total strong {
    font-size: var(--fz-lg);
    white-space: nowrap;
    color: var(--color-primary);
    font-weight: var(--fw-semibold);
}

.basket-widget__button {
    display: flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 8px;
    font-size: var(--fz-md);
    font-weight: var(--fw-regular);
    text-align: center;
    text-decoration: none;
    background: var(--color-accent);
    color: var(--color-on-primary);
    transition: transform .2s ease, box-shadow .2s ease;
    z-index: 2;
    border: 1px solid transparent;

    &:hover {
        background-color: var(--color-accent-hover);

        svg {
            fill: var(--color-on-primary);
            stroke: var(--color-on-primary);
        }
    }

    &.active, &:focus {
        color: var(--color-on-primary);
    }
}


.basket-widget__empty {
    display: grid;
    gap: 6px;
    padding: 30px 22px;
    text-align: center;
}

.basket-widget__empty strong {
    font-size: var(--fz-base);
    color: var(--gray-850);
}

.basket-widget__empty span {
    color: var(--color-text-secondary);
    font-size: var(--fz-sm);
}

@media (max-width: 640px) {
    .basket-widget__text {
        display: none;
    }

    .basket-widget__dropdown {
        right: -8px;
        width: min(380px, calc(100vw - 20px));
    }

    .basket-widget-item {
        grid-template-columns: 58px minmax(0, 1fr);
        padding: 12px 14px;
    }

    .basket-widget-item__image-wrap {
        width: 58px;
        height: 58px;
    }

    .basket-widget-item__total {
        display: none;
    }
}

/* End */


/* Start:/local/components/shop.elastomeric/menu/templates/header/style.css?17898422059725*/
/*header-navbar__bottom*/
.submenu-block {
    position: absolute;
    left: 0;
    right: 0;
    top: 60%;
    z-index: 999;
}

.header-navbar__bottom {
    position: relative;
    box-shadow: 0 2px 4px var(--color-shadow);
}

.header-navbar__bottom-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    padding-bottom: 16px;
    position: relative;

    @media (max-width: 992px) {
        position: fixed;
        top: 0;
        left: 0;
        width: 20rem;
        height: 100%;
        padding: 0;
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        overflow-x: auto;
        background-color: var(--white);
        box-shadow: 2px 0 5px rgba(0, 6, 14, 0.6);
        z-index: 100;

        visibility: hidden;
        pointer-events: none;
        transform: translate3d(-100%, 0, 0);
        transition: transform 240ms cubic-bezier(0.32, 0.72, 0, 1),
        visibility 0s linear 240ms;
        will-change: transform;
    }

    &.active {
        @media (max-width: 992px) {
            visibility: visible;
            pointer-events: auto;
            transform: translate3d(0, 0, 0);
            transition-delay: 0s;
        }
    }
}

.header-navbar__bottom-list {
    width: 100%;

    @media (max-width: 992px) {
        margin-bottom: 16px;
    }
}

.submenu {
    position: relative;
    @media (max-width: 992px) {
        display: none;
    }
}


.submenu__item {
    display: block;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;

    &.active {
        opacity: 1;
        visibility: visible;
    }
}

.submenu__item-wrapper {
    display: flex;
    align-items: center;
    max-height: calc(100vh - 200px);
    width: 100%;
    border-radius: var(--radius-xl);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    position: absolute;
    background-color: var(--color-bg);
    padding: 30px;
    z-index: 999;
    box-shadow: var(--shadow-subtle);

    &:hover {

        .submenu__item-card {
            opacity: .7;

            small {
                opacity: .7;
            }
        }

    }

    &:hover .submenu__item-card:hover,
    &:hover .submenu__item-card:focus-visible {
        opacity: 1;

    }
}

.submenu__item-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%;
}

.submenu__item-card {
    flex: 0 0 calc(100% / 4 - (12px / 4 * 3));
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--color-border-soft);
    padding: 12px 20px;
    border-radius: 10px;
    color: var(--color-primary);
    font-weight: var(--fw-light);
    font-size: var(--fz-md);
    transition: background-color .3s;


    &:hover {
        background-color: var(--color-surface-hover);
        border: 1px solid transparent;
    }

}

.submenu__item-card-icon {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;

    img {
        object-fit: contain;
        height: 100%;
        width: 100%;
    }
}

.header-navbar__bottom-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    position: relative;

    @media (max-width: 992px) {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        gap: 0;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

}

.header-navbar__bottom-item {
    color: var(--color-primary);
    position: relative;
    padding: 14px 0;
    cursor: pointer;

    @media (max-width: 992px) {
        font-size: var(--fz-base);
        width: 100%;
        padding: 14px 16px;


        &:before {
            content: '';
            position: absolute;
            top: 0;
            height: 1px;
            width: 90%;
            background-color: var(--color-border-soft);
        }


        &:hover {
            background-color: var(--color-border-soft);
        }

    }


    span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        transition: color .3s;
        position: relative;
        font-size: var(--fz-md);

        &:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 2px;
            background: var(--color-accent-hover);
            border-radius: 2px;
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform 0.25s ease;
        }
    }

    &:hover {
        span {
            color: var(--color-accent-hover);

            &:after {
                transform: scaleX(1);
            }
        }

        svg {
            fill: var(--color-accent-hover);
            stroke: var(--color-accent-hover);
        }

    }

    svg {
        width: 10px;
        height: 10px;
        flex-shrink: 0;
        fill: var(--color-border-strong);
        stroke: var(--color-border-strong);
        transform: rotate(0deg);
        transition: .3s;
    }

    a {
        display: flex;
        align-items: center;
        gap: 5px;

    }

}

.js-header-navbar__bottom-item.active a {
    color: var(--color-accent-hover);

    svg {
        transform: rotate(180deg);
        fill: var(--color-accent-hover);
        stroke: var(--color-accent-hover);
    }

    span {
        &:after {
            transform: scaleX(1);
        }
    }


}

.header-navbar__bottom-link {
    color: var(--color-primary);

    transition: color 0.3s ease;

    @media (max-width: 992px) {

        svg {
            display: none;
        }
    }


}

.header-navbar__social {
    display: flex;
    align-items: center;
    gap: 20px;

    @media (max-width: 1200px) {
        display: none;
    }
    @media (max-width: 992px) {
        display: flex;
        margin-right: auto;
        padding-left: 20px;
        gap: 10px;
    }

}

.header-navbar__middle-contacts-mobile {
    display: none;

    @media (max-width: 992px) {
        display: block;
    }
}

.header-navbar__middle-contact-mobile {
    display: none;
    flex-direction: column;
    margin: 20px 5px 20px 20px;
    gap: 4px;

    @media (max-width: 992px) {
        display: flex;
    }

    span {
        font-weight: var(--fw-light);
        color: var(--color-text-secondary);
        font-size: var(--fz-md);
    }

    a {
        color: var(--color-primary);
        font-size: var(--fz-base);
        font-weight: var(--fw-regular);
    }
}

.header-navbar__social-item {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    @media (max-width: 992px) {
        width: 40px;
        height: 40px;
    }


    svg {
        width: 25px;
        height: 25px;

        @media (max-width: 992px) {
            width: 40px;
            height: 40px;
        }
    }

    &.icon-social {
        width: 35px;
        height: 35px;
        border-radius: 50%;

        svg {
            width: 20px;
            height: 20px;
        }

        &:hover {
            background-color: var(--color-accent-hover);

            svg {
                fill: var(--color-bg);
                stroke: var(--color-bg);

            }
        }

    }
}

.menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 6, 14, .6);
    opacity: 0;
    visibility: hidden;
    z-index: 97;
    transition: opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s linear 240ms;

    @media (max-width: 992px) {
        display: block;
    }

    &.active {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }
}

.icon-social {
    position: relative;
    background-color: var(--color-accent);
    transition: .3s;

    svg {
        fill: var(--color-bg);
        stroke: var(--color-bg);

    }

    &::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        top: calc(100% + 5px);
        transform: translateX(-50%) translateY(-5px);
        padding: 2px 6px;
        border-radius: 6px;
        background: var(--color-accent-hover);
        color: var(--color-bg);
        font-size: var(--fz-12);
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
        z-index: -999;
    }

    &:before {
        content: "";
        position: absolute;
        top: calc(100% - 3px);
        left: 50%;
        transform: translateX(-50%);
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent var(--color-accent-hover) transparent;
        opacity: 0;
        pointer-events: none;
        z-index: 999;
    }

    &:hover {
        background-color: var(--color-bg);

        &::after, &:before {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
            z-index: 999;
        }

        &:before {
            transition: opacity 0.3s ease 0.03s;
        }

        svg {
            fill: var(--color-accent-hover);
            stroke: var(--color-accent-hover);
        }
    }
}

/**/


@media (prefers-reduced-motion: reduce) {
    #burg span,
    .header-navbar__bottom-container,
    .menu-overlay {
        transition: none;
    }
}
/* End */


/* Start:/local/components/shop.elastomeric/menu/templates/footer/style.css?179015360131836*/

.footer {
    background-color: var(--gray-850);
    margin-top: var(--section-space-lg);
}

.footer-top {
    position: relative;
    padding: 60px 0;

    &:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--color-bg-light);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.1;
    }

    @media screen and (max-width: 576px) {
        padding: 30px 0 0;
        &:before {
            height: 0;

        }
    }

    .footer-top__content {
        display: flex;
        align-items: center;
        gap: 96px;

        @media screen and (max-width: 1200px) {
            gap: 20px;
        }
        @media screen and (max-width: 992px) {
            flex-wrap: wrap;
            justify-content: space-between;
        }
    }

    span {
        color: var(--color-text-light);
        font-size: var(--fz-14);
        font-weight: 500;

        @media screen and (max-width: 992px) {
            width: 100%;
        }
    }

    .footer__mobiles {
        display: flex;
        align-items: center;
        gap: 40px;
        position: relative;

        &:before {
            content: '';
            width: 1px;
            height: 25px;
            background-color: var(--color-bg-light);
            position: absolute;
            left: 50%;
        }
    }

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


        span {
            display: block;
            font-weight: var(--color-on-primary);
            color: var(--color-text-light);
            font-size: var(--fz-md);
        }

        a {
            color: var(--color-on-primary);
            font-size: var(--fz-lg);
            font-weight: var(--fw-regular);
            transition: color 0.3s;
            white-space: nowrap;

            &:hover {
                color: var(--red-600);
            }

        }
    }

    .footer__bottoms {
        display: flex;
        align-items: center;
        gap: 25px;
    }

    .footer__bottom {
        height: 48px;
        white-space: nowrap;
    }
}

.footer-middle {
    position: relative;
    padding: 30px 0;

    &:before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: var(--color-text-muted);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.1;
    }

    @media screen and (max-width: 576px) {
        padding: 30px 0 0;

        &:before {
            height: 0;
        }
    }

    .footer-middle__content {
        display: flex;
        justify-content: space-between;
        gap: 30px;

        @media screen and (max-width: 992px) {
            display: grid;
            grid-template-columns: 1fr auto;
            grid-template-rows: repeat(4, auto) 1fr;
            gap: 20px;
        }
        @media screen and (max-width: 576px) {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
    }


    .footer-middle__column {
        flex: 1;
        position: relative;

        @media screen and (max-width: 992px) {
            padding-bottom: 15px;

            &:before {
                content: '';
                width: 100%;
                height: 1px;
                background-color: var(--color-text-muted);
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 1;
                opacity: 0.1;
            }
        }
    }

    .footer-middle__column_address {
        max-width: 270px;


        &.footer-middle__column-body {
            max-height: 100% !important;
        }

        @media screen and (max-width: 992px) {
            grid-column: 2/3;
            grid-row: 1/-1;
            width: 100%;
        }
    }

    .footer-middle__column-header {
        font-size: var(--fz-base);
        font-weight: var(--fw-regular);
        display: flex;
        align-items: center;
        transition: color 0.3s;

        span {
            color: var(--color-on-primary);
        }

        a {
            color: var(--color-on-primary);
            position: relative;
            z-index: 1;
            transition: color 0.3s;

            &:hover {
                color: var(--color-accent-hover);
            }

            &:focus {
                color: var(--color-accent-hover);
            }
        }

        .footer-middle__column-arrow {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-left: auto;
            transition: .3s;
            display: none;
            justify-content: center;
            align-items: center;
            position: relative;
            z-index: 2;
            border-radius: var(--radius-xs);

            &.active {
                border: 1px solid var(--color-border-control);

                svg {
                    fill: var(--color-accent-hover);
                    stroke: var(--color-accent-hover);
                }
            }

            &:hover {
                border: 1px solid var(--color-border-control);

                svg {
                    fill: var(--color-accent-hover);
                    stroke: var(--color-accent-hover);
                }

                &:focus {
                    svg {
                        fill: var(--color-accent-hover);
                        stroke: var(--color-accent-hover);
                    }

                }
            }

            @media screen and (max-width: 992px) {
                display: flex;
            }
        }

        svg {
            width: 10px;
            height: 10px;
            fill: var(--color-border-control);
            stroke: var(--color-border-control);
        }
    }

    .footer-middle__column-body {
        max-height: 100%;
        transition: color 0.3s;

        ul {
            display: flex;
            flex-direction: column;
            gap: 2px;
            color: var(--color-text-light);
            font-size: var(--fz-md);
            font-weight: var(--fw-light);
            padding-top: 20px;
        }


        a {
            color: var(--color-text-light);
            transition: color 0.3s;

            &:hover {
                color: var(--color-accent-hover);
            }
        }


    }

    .footer-middle__column {
        .footer-middle__column-body {
            @media screen and (max-width: 992px) {
                max-height: 0;
            }
        }
    }
}

.footer-bottom {

    @media (max-width: 992px) {
        margin-bottom: 40px;
    }

    .footer-bottom__content {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        padding-top: 30px;
        padding-bottom: 30px;
        gap: 20px;
    }

    .footer-bottom__content-item {
        display: flex;
        flex-direction: column;
        gap: 20px;
        flex-wrap: wrap;


        span {
            font-size: var(--fz-base);
            font-weight: var(--fw-regular);
            transition: color 0.3s;
            color: var(--color-on-primary);
            display: block;
        }

        .footer-bottom__icons {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px;

            @media screen and (max-width: 576px) {
                gap: 15px;
            }
        }

        .footer-bottom__icon {
            width: 50px;
            height: 50px;
            flex-shrink: 0;
            border-radius: var(--radius-md);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;

            svg {
                width: 50px;
                height: 50px;
                transition: 0.3s;
                border-radius: var(--radius-sm);
            }

            @media (max-width: 576px) {
                width: 40px;
                height: 40px;

                svg {
                    width: 40px;
                    height: 40px;
                }
            }

            &.icon-social {
                overflow: unset;

                svg {
                    width: 30px;
                    height: 30px;

                    @media (max-width: 576px) {
                        width: 25px;
                        height: 25px;
                    }
                }
            }
        }

        .footer-bottom__icon_color_white {
            svg {
                fill: var(--color-bg);
                stroke: var(--color-bg);
            }
        }

        .footer-bottom__mail {
            display: flex;
            flex-direction: column;
            gap: 10px;
            position: relative;
            cursor: pointer;

            small {
                display: block;
                font-weight: var(--fw-light);
                color: var(--color-text-muted);
                font-size: var(--fz-md);
            }

            span {
                display: flex;
                align-items: center;
                gap: 5px;
                transition: color 0.3s;

                svg {
                    width: 20px;
                    height: 10px;
                    flex-shrink: 0;
                    fill: var(--gray-450);
                    stroke: var(--gray-450);
                    transition: 0.3s;
                }

                &:hover {
                    color: var(--color-accent-hover);

                    & svg {
                        fill: var(--color-accent-hover);
                        stroke: var(--color-accent-hover);
                    }
                }
            }
        }
    }

    .footer-bottom__rating {
        width: 150px;
        height: 50px;
        border-radius: var(--radius-md);
        overflow: hidden;


        .footer-bottom__rating-icon {
            background-image: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%22150%22%20height%3D%2250%22%20viewBox%3D%220%200%20150%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22150%22%20height%3D%2250%22%20rx%3D%224%22%20fill%3D%22%23F6F6F6%22%20%2F%3E%3Cpath%20d%3D%22M15.9987%208C12.3487%208%209.39001%2010.8653%209.39001%2014.4C9.39001%2016.1667%2010.1292%2017.7664%2011.3247%2018.9245C12.5205%2020.0832%2015.3378%2021.76%2015.503%2023.5199C15.5278%2023.7838%2015.7251%2024%2015.9987%2024C16.2723%2024%2016.4695%2023.7838%2016.4944%2023.5199C16.6595%2021.76%2019.4768%2020.0832%2020.6726%2018.9245C21.8681%2017.7664%2022.6074%2016.1667%2022.6074%2014.4C22.6074%2010.8653%2019.6487%208%2015.9987%208Z%22%20fill%3D%22%23FF3D00%22%20%2F%3E%3Cpath%20d%3D%22M15.9987%208C12.3487%208%209.39001%2010.8653%209.39001%2014.4C9.39001%2016.1667%2010.1292%2017.7664%2011.3247%2018.9245C12.5205%2020.0832%2015.3378%2021.76%2015.503%2023.5199C15.5278%2023.7838%2015.7251%2024%2015.9987%2024C16.2723%2024%2016.4695%2023.7838%2016.4944%2023.5199C16.6595%2021.76%2019.4768%2020.0832%2020.6726%2018.9245C21.8681%2017.7664%2022.6074%2016.1667%2022.6074%2014.4C22.6074%2010.8653%2019.6487%208%2015.9987%208Z%22%20fill%3D%22url(%23paint0_linear_1104_16986)%22%20%2F%3E%3Cpath%20d%3D%22M15.9998%2016.6366C17.2346%2016.6366%2018.2356%2015.6356%2018.2356%2014.4008C18.2356%2013.166%2017.2346%2012.165%2015.9998%2012.165C14.765%2012.165%2013.764%2013.166%2013.764%2014.4008C13.764%2015.6356%2014.765%2016.6366%2015.9998%2016.6366Z%22%20fill%3D%22white%22%20%2F%3E%3Ctext%20fill%3D%22%23000%22%20font-family%3D%22YS%20Text%2CHelvetica%20Neue%2CHelvetica%2CArial%2Csans-serif%22%20font-size%3D%2214px%22%20font-weight%3D%22500%22%20y%3D%2221%22%20x%3D%2228%22%3E5%2C0%3C%2Ftext%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M68.0364%2019.3116L64.6413%2021.3866C64.2593%2021.6201%2063.7866%2021.2724%2063.8956%2020.8382L64.8802%2016.9174L62.0249%2014.6954C61.6653%2014.4156%2061.8368%2013.84%2062.2908%2013.8025L66.0262%2013.4943L67.5833%209.86249C67.7568%209.45792%2068.3306%209.45872%2068.5029%209.86377L70.0476%2013.4943L73.8087%2013.8028C74.2634%2013.84%2074.4347%2014.4169%2074.074%2014.6963L71.2072%2016.9174L72.19%2020.841C72.2986%2021.2748%2071.8266%2021.6222%2071.4447%2021.3894L68.0364%2019.3116Z%22%20fill%3D%22%23FFCC00%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M84.0364%2019.3116L80.6413%2021.3866C80.2593%2021.6201%2079.7866%2021.2724%2079.8956%2020.8382L80.8802%2016.9174L78.0249%2014.6954C77.6653%2014.4156%2077.8368%2013.84%2078.2908%2013.8025L82.0262%2013.4943L83.5833%209.86249C83.7568%209.45792%2084.3306%209.45872%2084.5029%209.86377L86.0476%2013.4943L89.8087%2013.8028C90.2634%2013.84%2090.4347%2014.4169%2090.074%2014.6963L87.2072%2016.9174L88.19%2020.841C88.2986%2021.2748%2087.8266%2021.6222%2087.4447%2021.3894L84.0364%2019.3116Z%22%20fill%3D%22%23FFCC00%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M100.036%2019.3116L96.6413%2021.3866C96.2593%2021.6201%2095.7866%2021.2724%2095.8956%2020.8382L96.8802%2016.9174L94.0249%2014.6954C93.6653%2014.4156%2093.8368%2013.84%2094.2908%2013.8025L98.0262%2013.4943L99.5833%209.86249C99.7568%209.45792%20100.331%209.45872%20100.503%209.86377L102.048%2013.4943L105.809%2013.8028C106.263%2013.84%20106.435%2014.4169%20106.074%2014.6963L103.207%2016.9174L104.19%2020.841C104.299%2021.2748%20103.827%2021.6222%20103.445%2021.3894L100.036%2019.3116Z%22%20fill%3D%22%23FFCC00%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M116.036%2019.3116L112.641%2021.3866C112.259%2021.6201%20111.787%2021.2724%20111.896%2020.8382L112.88%2016.9174L110.025%2014.6954C109.665%2014.4156%20109.837%2013.84%20110.291%2013.8025L114.026%2013.4943L115.583%209.86249C115.757%209.45792%20116.331%209.45872%20116.503%209.86377L118.048%2013.4943L121.809%2013.8028C122.263%2013.84%20122.435%2014.4169%20122.074%2014.6963L119.207%2016.9174L120.19%2020.841C120.299%2021.2748%20119.827%2021.6222%20119.445%2021.3894L116.036%2019.3116Z%22%20fill%3D%22%23FFCC00%22%20%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M132.036%2019.3116L128.641%2021.3866C128.259%2021.6201%20127.787%2021.2724%20127.896%2020.8382L128.88%2016.9174L126.025%2014.6954C125.665%2014.4156%20125.837%2013.84%20126.291%2013.8025L130.026%2013.4943L131.583%209.86249C131.757%209.45792%20132.331%209.45872%20132.503%209.86377L134.048%2013.4943L137.809%2013.8028C138.263%2013.84%20138.435%2014.4169%20138.074%2014.6963L135.207%2016.9174L136.19%2020.841C136.299%2021.2748%20135.827%2021.6222%20135.445%2021.3894L132.036%2019.3116Z%22%20fill%3D%22%23FFCC00%22%20%2F%3E%3Cpath%20d%3D%22M8.672%2034.264H10.504C11.1547%2034.264%2011.6587%2034.4%2012.016%2034.672C12.3787%2034.9387%2012.56%2035.3573%2012.56%2035.928C12.56%2036.36%2012.4693%2036.712%2012.288%2036.984C12.112%2037.256%2011.864%2037.456%2011.544%2037.584C11.2293%2037.7067%2010.8613%2037.768%2010.44%2037.768H9.424V40H8.672V34.264ZM10.44%2037.088C10.8453%2037.088%2011.1733%2037%2011.424%2036.824C11.6747%2036.648%2011.8%2036.352%2011.8%2035.936C11.8%2035.5893%2011.688%2035.3387%2011.464%2035.184C11.24%2035.0293%2010.92%2034.952%2010.504%2034.952H9.424V37.088H10.44ZM15.0957%2040.08C14.4024%2040.08%2013.8717%2039.8907%2013.5037%2039.512C13.141%2039.128%2012.9597%2038.5973%2012.9597%2037.92C12.9597%2037.4667%2013.045%2037.08%2013.2157%2036.76C13.3864%2036.44%2013.621%2036.1947%2013.9197%2036.024C14.2184%2035.8533%2014.5544%2035.768%2014.9277%2035.768C15.5624%2035.768%2016.029%2035.9787%2016.3277%2036.4C16.6264%2036.816%2016.7224%2037.3867%2016.6157%2038.112H13.6877C13.7464%2039.0027%2014.237%2039.448%2015.1597%2039.448C15.6664%2039.448%2016.133%2039.304%2016.5597%2039.016V39.648C16.3677%2039.7813%2016.1437%2039.888%2015.8877%2039.968C15.6317%2040.0427%2015.3677%2040.08%2015.0957%2040.08ZM14.9117%2036.392C14.6077%2036.392%2014.3464%2036.4853%2014.1277%2036.672C13.909%2036.8587%2013.7704%2037.1413%2013.7117%2037.52H15.9437C15.9597%2037.1627%2015.877%2036.8853%2015.6957%2036.688C15.5144%2036.4907%2015.253%2036.392%2014.9117%2036.392ZM19.3524%2035.296C18.931%2035.296%2018.6164%2035.192%2018.4084%2034.984C18.2004%2034.7707%2018.0964%2034.512%2018.0964%2034.208H18.8004C18.8004%2034.4107%2018.8484%2034.5573%2018.9444%2034.648C19.0457%2034.7387%2019.1817%2034.784%2019.3524%2034.784C19.523%2034.784%2019.6564%2034.7387%2019.7524%2034.648C19.8484%2034.5573%2019.8964%2034.4107%2019.8964%2034.208H20.6004C20.6004%2034.512%2020.4964%2034.7707%2020.2884%2034.984C20.0857%2035.192%2019.7737%2035.296%2019.3524%2035.296ZM18.2644%2035.848V39.024L20.4004%2035.848H21.1124V40H20.4084V36.832L18.2804%2040H17.5604V35.848H18.2644ZM21.9275%2035.848H25.2635V36.448H23.9355V40H23.2315V36.448H21.9275V35.848ZM26.78%2035.848V39.024L28.916%2035.848H29.628V40H28.924V36.832L26.796%2040H26.076V35.848H26.78ZM31.4831%2035.848V37.56H33.4911V35.848H34.1951V40H33.4911V38.16H31.4831V40H30.7791V35.848H31.4831ZM35.3494%2040V35.848H37.9894V36.448H36.0534V40H35.3494ZM42.1472%2040.08C41.7685%2040.08%2041.4272%2039.9973%2041.1232%2039.832C40.8245%2039.6613%2040.5872%2039.416%2040.4112%2039.096C40.2352%2038.7707%2040.1472%2038.3787%2040.1472%2037.92C40.1472%2037.4613%2040.2352%2037.072%2040.4112%2036.752C40.5872%2036.432%2040.8245%2036.1893%2041.1232%2036.024C41.4272%2035.8533%2041.7685%2035.768%2042.1472%2035.768C42.5312%2035.768%2042.8752%2035.8533%2043.1792%2036.024C43.4832%2036.1893%2043.7232%2036.432%2043.8992%2036.752C44.0752%2037.072%2044.1632%2037.4613%2044.1632%2037.92C44.1632%2038.3787%2044.0752%2038.7707%2043.8992%2039.096C43.7232%2039.416%2043.4832%2039.6613%2043.1792%2039.832C42.8752%2039.9973%2042.5312%2040.08%2042.1472%2040.08ZM42.1472%2039.448C42.5205%2039.448%2042.8299%2039.3253%2043.0752%2039.08C43.3205%2038.8293%2043.4432%2038.4427%2043.4432%2037.92C43.4432%2037.3973%2043.3205%2037.0133%2043.0752%2036.768C42.8299%2036.5173%2042.5205%2036.392%2042.1472%2036.392C41.7792%2036.392%2041.4725%2036.5173%2041.2272%2036.768C40.9872%2037.0133%2040.8672%2037.3973%2040.8672%2037.92C40.8672%2038.4427%2040.9872%2038.8293%2041.2272%2039.08C41.4725%2039.3253%2041.7792%2039.448%2042.1472%2039.448ZM45.0213%2035.848H45.6373L45.7093%2036.656C45.8426%2036.3893%2046.0266%2036.176%2046.2613%2036.016C46.5013%2035.8507%2046.7946%2035.768%2047.1413%2035.768C47.4666%2035.768%2047.7653%2035.848%2048.0373%2036.008C48.3146%2036.1627%2048.5386%2036.4%2048.7093%2036.72C48.88%2037.0347%2048.9653%2037.4347%2048.9653%2037.92C48.9653%2038.4053%2048.8773%2038.808%2048.7013%2039.128C48.5306%2039.448%2048.304%2039.688%2048.0213%2039.848C47.744%2040.0027%2047.44%2040.08%2047.1093%2040.08C46.7946%2040.08%2046.52%2040.0053%2046.2853%2039.856C46.0506%2039.7067%2045.864%2039.5013%2045.7253%2039.24V41.416H45.0213V35.848ZM48.2373%2037.92C48.2373%2037.4187%2048.1226%2037.04%2047.8933%2036.784C47.664%2036.5227%2047.368%2036.392%2047.0053%2036.392C46.6426%2036.392%2046.336%2036.52%2046.0853%2036.776C45.84%2037.0267%2045.7173%2037.408%2045.7173%2037.92C45.7173%2038.4373%2045.84%2038.8213%2046.0853%2039.072C46.336%2039.3227%2046.6426%2039.448%2047.0053%2039.448C47.368%2039.448%2047.664%2039.32%2047.8933%2039.064C48.1226%2038.808%2048.2373%2038.4267%2048.2373%2037.92ZM49.8182%2040V35.848H52.4582V36.448H50.5222V40H49.8182ZM54.6012%2036.392C54.1585%2036.392%2053.7105%2036.528%2053.2572%2036.8V36.168C53.4545%2036.0453%2053.6812%2035.9493%2053.9372%2035.88C54.1985%2035.8053%2054.4519%2035.768%2054.6972%2035.768C55.2199%2035.768%2055.6172%2035.8773%2055.8892%2036.096C56.1612%2036.3147%2056.2972%2036.648%2056.2972%2037.096V39.328C56.2972%2039.4187%2056.2999%2039.536%2056.3052%2039.68C56.3159%2039.8187%2056.3265%2039.9253%2056.3372%2040H55.6972C55.6812%2039.9253%2055.6652%2039.8213%2055.6492%2039.688C55.6385%2039.5493%2055.6332%2039.4293%2055.6332%2039.328L55.6252%2039.208C55.5612%2039.336%2055.4732%2039.4693%2055.3612%2039.608C55.2492%2039.7413%2055.0999%2039.8533%2054.9132%2039.944C54.7319%2040.0347%2054.5052%2040.08%2054.2332%2040.08C53.8599%2040.08%2053.5585%2039.9733%2053.3292%2039.76C53.0999%2039.5467%2052.9852%2039.2453%2052.9852%2038.856C52.9852%2038.4027%2053.1452%2038.0693%2053.4652%2037.856C53.7852%2037.6427%2054.2359%2037.536%2054.8172%2037.536H55.5932V37.192C55.5932%2036.904%2055.5185%2036.6987%2055.3692%2036.576C55.2199%2036.4533%2054.9639%2036.392%2054.6012%2036.392ZM55.5932%2038.4V38.096H54.8892C54.4679%2038.096%2054.1612%2038.1573%2053.9692%2038.28C53.7825%2038.4027%2053.6892%2038.5813%2053.6892%2038.816C53.6892%2039.0027%2053.7452%2039.1547%2053.8572%2039.272C53.9745%2039.3893%2054.1505%2039.448%2054.3852%2039.448C54.6039%2039.448%2054.7905%2039.4053%2054.9452%2039.32C55.0999%2039.2293%2055.2252%2039.1227%2055.3212%2039C55.4172%2038.872%2055.4865%2038.752%2055.5292%2038.64C55.5719%2038.528%2055.5932%2038.448%2055.5932%2038.4ZM58.1081%2035.848V37.56H60.1161V35.848H60.8201V40H60.1161V38.16H58.1081V40H57.4041V35.848H58.1081ZM62.6784%2035.848V39.024L64.8144%2035.848H65.5264V40H64.8224V36.832L62.6944%2040H61.9744V35.848H62.6784ZM67.8856%2040.08C67.6242%2040.08%2067.3709%2040.0507%2067.1256%2039.992C66.8856%2039.9333%2066.6882%2039.8533%2066.5336%2039.752V39.12C66.7042%2039.2213%2066.9069%2039.3013%2067.1416%2039.36C67.3762%2039.4187%2067.6189%2039.448%2067.8696%2039.448C68.1736%2039.448%2068.4269%2039.4%2068.6296%2039.304C68.8376%2039.2027%2068.9416%2039.032%2068.9416%2038.792C68.9416%2038.5573%2068.8536%2038.392%2068.6776%2038.296C68.5069%2038.2%2068.2429%2038.152%2067.8856%2038.152H67.3336V37.584H67.9096C68.2029%2037.584%2068.4269%2037.5307%2068.5816%2037.424C68.7362%2037.3173%2068.8136%2037.1627%2068.8136%2036.96C68.8136%2036.7467%2068.7202%2036.6%2068.5336%2036.52C68.3522%2036.4347%2068.1309%2036.392%2067.8696%2036.392C67.4002%2036.392%2066.9816%2036.504%2066.6136%2036.728V36.096C66.7736%2035.9893%2066.9682%2035.9093%2067.1976%2035.856C67.4322%2035.7973%2067.6749%2035.768%2067.9256%2035.768C68.4322%2035.768%2068.8136%2035.864%2069.0696%2036.056C69.3309%2036.248%2069.4616%2036.5253%2069.4616%2036.888C69.4616%2037.16%2069.3869%2037.376%2069.2376%2037.536C69.0882%2037.6907%2068.8829%2037.7947%2068.6216%2037.848C68.9469%2037.8907%2069.1949%2037.9947%2069.3656%2038.16C69.5362%2038.3253%2069.6216%2038.536%2069.6216%2038.792C69.6216%2039.1013%2069.5389%2039.352%2069.3736%2039.544C69.2136%2039.7307%2069.0029%2039.8667%2068.7416%2039.952C68.4802%2040.0373%2068.1949%2040.08%2067.8856%2040.08ZM72.0621%2036.392C71.6195%2036.392%2071.1715%2036.528%2070.7181%2036.8V36.168C70.9155%2036.0453%2071.1421%2035.9493%2071.3981%2035.88C71.6595%2035.8053%2071.9128%2035.768%2072.1581%2035.768C72.6808%2035.768%2073.0781%2035.8773%2073.3501%2036.096C73.6221%2036.3147%2073.7581%2036.648%2073.7581%2037.096V39.328C73.7581%2039.4187%2073.7608%2039.536%2073.7661%2039.68C73.7768%2039.8187%2073.7875%2039.9253%2073.7981%2040H73.1581C73.1421%2039.9253%2073.1261%2039.8213%2073.1101%2039.688C73.0995%2039.5493%2073.0941%2039.4293%2073.0941%2039.328L73.0861%2039.208C73.0221%2039.336%2072.9341%2039.4693%2072.8221%2039.608C72.7101%2039.7413%2072.5608%2039.8533%2072.3741%2039.944C72.1928%2040.0347%2071.9661%2040.08%2071.6941%2040.08C71.3208%2040.08%2071.0195%2039.9733%2070.7901%2039.76C70.5608%2039.5467%2070.4461%2039.2453%2070.4461%2038.856C70.4461%2038.4027%2070.6061%2038.0693%2070.9261%2037.856C71.2461%2037.6427%2071.6968%2037.536%2072.2781%2037.536H73.0541V37.192C73.0541%2036.904%2072.9795%2036.6987%2072.8301%2036.576C72.6808%2036.4533%2072.4248%2036.392%2072.0621%2036.392ZM73.0541%2038.4V38.096H72.3501C71.9288%2038.096%2071.6221%2038.1573%2071.4301%2038.28C71.2435%2038.4027%2071.1501%2038.5813%2071.1501%2038.816C71.1501%2039.0027%2071.2061%2039.1547%2071.3181%2039.272C71.4355%2039.3893%2071.6115%2039.448%2071.8461%2039.448C72.0648%2039.448%2072.2515%2039.4053%2072.4061%2039.32C72.5608%2039.2293%2072.6861%2039.1227%2072.7821%2039C72.8781%2038.872%2072.9475%2038.752%2072.9901%2038.64C73.0328%2038.528%2073.0541%2038.448%2073.0541%2038.4ZM74.8651%2040V35.848H75.5691V39.4H77.5291V35.848H78.2331V39.4H78.8571V41.184H78.2571L78.1691%2040H74.8651ZM80.2956%2035.848V39.024L82.4316%2035.848H83.1436V40H82.4396V36.832L80.3116%2040H79.5916V35.848H80.2956ZM84.9988%2035.848V39.024L87.1348%2035.848H87.8468V40H87.1428V36.832L85.0148%2040H84.2948V35.848H84.9988ZM92.2154%2040H90.5994V35.848H92.2314C92.7274%2035.848%2093.1034%2035.936%2093.3594%2036.112C93.6208%2036.2827%2093.7514%2036.552%2093.7514%2036.92C93.7514%2037.16%2093.6874%2037.3547%2093.5594%2037.504C93.4368%2037.6533%2093.2608%2037.76%2093.0314%2037.824C93.6234%2037.92%2093.9194%2038.248%2093.9194%2038.808C93.9194%2039.0907%2093.8448%2039.32%2093.6954%2039.496C93.5514%2039.672%2093.3514%2039.8%2093.0954%2039.88C92.8394%2039.96%2092.5461%2040%2092.2154%2040ZM92.2234%2036.448H91.3034V37.576H92.1674C92.4341%2037.576%2092.6474%2037.528%2092.8074%2037.432C92.9728%2037.336%2093.0554%2037.1973%2093.0554%2037.016C93.0554%2036.7973%2092.9834%2036.648%2092.8394%2036.568C92.6954%2036.488%2092.4901%2036.448%2092.2234%2036.448ZM92.2074%2038.136H91.3034V39.4H92.2074C92.5061%2039.4%2092.7461%2039.3573%2092.9274%2039.272C93.1088%2039.1813%2093.1994%2039.0187%2093.1994%2038.784C93.1994%2038.5493%2093.1168%2038.384%2092.9514%2038.288C92.7861%2038.1867%2092.5381%2038.136%2092.2074%2038.136ZM96.632%2036C96.632%2035.5893%2096.72%2035.2587%2096.896%2035.008C97.072%2034.752%2097.3173%2034.5653%2097.632%2034.448C97.9467%2034.3253%2098.3093%2034.264%2098.72%2034.264H100.504V40H99.744V37.752H98.632L97.12%2040H96.2L97.872%2037.6C97.472%2037.504%2097.1653%2037.3253%2096.952%2037.064C96.7387%2036.7973%2096.632%2036.4427%2096.632%2036ZM98.64%2037.072H99.744V34.952H98.72C98.3413%2034.952%2098.0293%2035.0293%2097.784%2035.184C97.544%2035.3387%2097.424%2035.6107%2097.424%2036C97.424%2036.368%2097.528%2036.64%2097.736%2036.816C97.9493%2036.9867%2098.2507%2037.072%2098.64%2037.072ZM102.452%2035.848V37.56H104.46V35.848H105.164V40H104.46V38.16H102.452V40H101.748V35.848H102.452ZM106.414%2041.184H105.782V39.4H106.174C106.345%2039.2293%20106.465%2038.9893%20106.534%2038.68C106.609%2038.3707%20106.654%2037.984%20106.67%2037.52C106.686%2037.0507%20106.694%2036.4933%20106.694%2035.848H109.694V39.4H110.318V41.184H109.702L109.614%2040H106.486L106.414%2041.184ZM108.99%2036.448H107.35C107.345%2037.2053%20107.318%2037.8187%20107.27%2038.288C107.228%2038.752%20107.118%2039.1227%20106.942%2039.4H108.99V36.448ZM112.814%2040.08C112.121%2040.08%20111.59%2039.8907%20111.222%2039.512C110.86%2039.128%20110.678%2038.5973%20110.678%2037.92C110.678%2037.4667%20110.764%2037.08%20110.934%2036.76C111.105%2036.44%20111.34%2036.1947%20111.638%2036.024C111.937%2035.8533%20112.273%2035.768%20112.646%2035.768C113.281%2035.768%20113.748%2035.9787%20114.046%2036.4C114.345%2036.816%20114.441%2037.3867%20114.334%2038.112H111.406C111.465%2039.0027%20111.956%2039.448%20112.878%2039.448C113.385%2039.448%20113.852%2039.304%20114.278%2039.016V39.648C114.086%2039.7813%20113.862%2039.888%20113.606%2039.968C113.35%2040.0427%20113.086%2040.08%20112.814%2040.08ZM112.63%2036.392C112.326%2036.392%20112.065%2036.4853%20111.846%2036.672C111.628%2036.8587%20111.489%2037.1413%20111.43%2037.52H113.662C113.678%2037.1627%20113.596%2036.8853%20113.414%2036.688C113.233%2036.4907%20112.972%2036.392%20112.63%2036.392ZM118.671%2040H117.815L116.351%2038.232H115.983V40H115.279V35.848H115.983V37.632H116.383L117.839%2035.848H118.639L116.935%2037.896L118.671%2040ZM121.087%2040.08C120.441%2040.08%20119.932%2039.8907%20119.559%2039.512C119.185%2039.128%20118.999%2038.5973%20118.999%2037.92C118.999%2037.2427%20119.188%2036.7147%20119.567%2036.336C119.945%2035.9573%20120.463%2035.768%20121.119%2035.768C121.369%2035.768%20121.604%2035.7973%20121.823%2035.856C122.041%2035.9093%20122.217%2035.9893%20122.351%2036.096V36.728C121.988%2036.504%20121.58%2036.392%20121.127%2036.392C120.647%2036.392%20120.292%2036.52%20120.063%2036.776C119.833%2037.0267%20119.719%2037.408%20119.719%2037.92C119.719%2038.432%20119.828%2038.816%20120.047%2039.072C120.271%2039.3227%20120.617%2039.448%20121.087%2039.448C121.54%2039.448%20121.961%2039.3387%20122.351%2039.12V39.752C122.004%2039.9707%20121.583%2040.08%20121.087%2040.08ZM125.135%2040.08C124.441%2040.08%20123.911%2039.8907%20123.543%2039.512C123.18%2039.128%20122.999%2038.5973%20122.999%2037.92C122.999%2037.4667%20123.084%2037.08%20123.255%2036.76C123.425%2036.44%20123.66%2036.1947%20123.959%2036.024C124.257%2035.8533%20124.593%2035.768%20124.967%2035.768C125.601%2035.768%20126.068%2035.9787%20126.367%2036.4C126.665%2036.816%20126.761%2037.3867%20126.655%2038.112H123.727C123.785%2039.0027%20124.276%2039.448%20125.199%2039.448C125.705%2039.448%20126.172%2039.304%20126.599%2039.016V39.648C126.407%2039.7813%20126.183%2039.888%20125.927%2039.968C125.671%2040.0427%20125.407%2040.08%20125.135%2040.08ZM124.951%2036.392C124.647%2036.392%20124.385%2036.4853%20124.167%2036.672C123.948%2036.8587%20123.809%2037.1413%20123.751%2037.52H125.983C125.999%2037.1627%20125.916%2036.8853%20125.735%2036.688C125.553%2036.4907%20125.292%2036.392%20124.951%2036.392Z%22%20fill%3D%22%234D4D4D%22%20%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_1104_16986%22%20x1%3D%2215.9987%22%20y1%3D%228%22%20x2%3D%2215.9987%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF6122%22%20%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F22411%22%20%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E');
            height: 100%;
            background-size: contain;
            background-repeat: no-repeat;
        }
    }

    .footer-other {
        display: block;
        color: var(--color-text-muted);
        font-size: var(--fz-sm);
        position: relative;
        padding: 30px 0;

        &:before {
            content: '';
            width: 100%;
            height: 1px;
            background-color: var(--color-text-muted);
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            opacity: 0.1;
        }

        a {
            color: var(--color-accent);
            transition: color 0.3s;
            white-space: nowrap;

            &:hover {
                color: var(--color-accent-hover);
            }
        }
    }
}


.icon-social {
    position: relative;
    background-color: var(--color-accent);

    svg {
        fill: var(--color-bg);
        stroke: var(--color-bg);

    }

    &::after {
        content: attr(data-tooltip);
        position: absolute;
        left: 50%;
        top: calc(100% + 5px);
        transform: translateX(-50%) translateY(-5px);
        padding: 2px 6px;
        border-radius: var(--radius-sm);
        background: var(--color-accent);
        color: var(--color-on-primary);
        font-size: var(--fz-sm);
        white-space: nowrap;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease,
        transform 0.2s ease,
        visibility 0.2s ease;
        z-index: -999;
    }

    &:before {
        content: "";
        position: absolute;
        top: calc(100% - 3px);
        left: 50%;
        transform: translateX(-50%);
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent var(--color-accent) transparent;
        opacity: 0;
        pointer-events: none;
        z-index: 999;
    }

    &:hover {
        background-color: var(--color-bg);

        &::after, &:before {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(0);
            z-index: 999;
        }

        &:before {
            transition: opacity 0.3s ease 0.03s;
        }

        svg {
            fill: var(--color-accent-hover);
            stroke: var(--color-accent-hover);
        }
    }
}
/* End */


/* Start:/local/components/shop.elastomeric/modal.forms/templates/.default/style.css?17899908602324*/
.modal-forms__overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;

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

    padding: 20px;

    background: rgba(0, 0, 0, .55);
}

.modal-forms__overlay[hidden] {
    display: none;
}

.modal-forms__dialog {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 500px;
    padding: 40px;
    background-color: var(--color-bg);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25);

    @media (max-width: 576px) {
        padding: 30px 16px;
    }

    small{
        font-size: var(--fz-sm);
    }
}

.modal-forms__close {
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
    transition: opacity 0.2s ease;
    width: 25px;
    height: 25px;
    fill: var(--color-border);
    stroke: var(--color-border);


    &:hover {
        fill: var(--color-accent-hover);
        stroke: var(--color-accent-hover);
    }
}

.modal-forms__title {
    margin-bottom: 20px;
    font-weight: var(--fw-regular);
    font-size: var(--fz-3xl);
    line-height: var(--lh-heading);
    text-align: center;
}

.modal-forms__product, .modal-forms__description {
    margin-bottom: 14px;

    @media (max-width: 576px) {
        font-size: var(--fz-md);
    }
}

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

.modal-forms__input {
    width: 100%;
    height: 54px;
    padding: 0 18px;
    font: inherit;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    color: var(--color-text-secondary);
}

.modal-forms__submit {
    font-size: var(--fz-base)
}

.modal-forms__submit:disabled {
    opacity: .5;
    cursor: default;
}

.modal-forms__status {
    margin-top: 15px;
    font-size: var(--fz-base);
}

.modal-forms__status.is-success {
    color: #198754;
}

.modal-forms__status.is-error {
    color: var(--color-accent-hover);
}

.modal-forms__website {
    position: absolute;

    left: -99999px;

    width: 1px;
    height: 1px;

    overflow: hidden;
}

body.modal-forms-open {
    overflow: hidden;
}

.modal-forms__form.is-hidden {
    display: none !important;
}

.modal-forms__success.is-visible {
    display: block !important;
}
/* End */
/* /bitrix/templates/shop.elastomeric/include/custom/assets/css/fonts.css?1785159705756 */
/* /bitrix/templates/shop.elastomeric/include/custom/buttons_.css?17883505543843 */
/* /bitrix/templates/shop.elastomeric/include/custom/buttons.css?17891289866610 */
/* /bitrix/templates/shop.elastomeric/include/custom/color_.css?17863480102253 */
/* /bitrix/templates/shop.elastomeric/include/custom/ui_.css?17896474498815 */
/* /bitrix/templates/shop.elastomeric/include/custom/color.css?17901536083990 */
/* /bitrix/templates/shop.elastomeric/include/custom/ui.css?17901536308084 */
/* /bitrix/templates/shop.elastomeric/include/custom/typography.css?17900593557876 */
/* /bitrix/templates/shop.elastomeric/include/custom/css/accordion_100vh.css?1790153632365 */
/* /bitrix/templates/shop.elastomeric/include/custom/css/copy.css?17876582001472 */
/* /bitrix/templates/shop.elastomeric/include/custom/css/tabs.css?17892405591622 */
/* /local/components/shop.elastomeric/menu.section/templates/header.catalog/style.css?179016052847426 */
/* /local/components/shop.elastomeric/search.form/templates/suggest/style.css?17896255692867 */
/* /local/components/shop.elastomeric/basket.widget/templates/.default/style.css?17899922217331 */
/* /local/components/shop.elastomeric/menu/templates/header/style.css?17898422059725 */
/* /local/components/shop.elastomeric/menu/templates/footer/style.css?179015360131836 */
/* /local/components/shop.elastomeric/modal.forms/templates/.default/style.css?17899908602324 */