/* Start:/local/templates/stalex2024/components/stalex/city.get.supply_domen_all/stalex/style.css?1760110664347*/
dialog .choiceCity:not(.searchResult){display: flex;justify-content: space-between;gap: calc(var(--font-size-16)*1.5);}
dialog .choiceCity.searchResult, dialog .choiceCity > div{display: flex;flex-direction: column;gap: var(--font-size-16)}
dialog .choiceCity > div {flex-basis: 50%;}
dialog .choiceCity{margin-top: calc(var(--font-size-16)*2.5)}

/* End */


/* Start:/local/templates/stalex2024/components/bitrix/catalog.section.list/sections/style.css?17601106641354*/
.sectionsList{display: grid;grid-template-columns: repeat(3, 1fr);gap: calc(var(--font-size-16)*1.5)}
.sectionCard{display: flex;justify-content: space-between;border: 1px solid var(--dark-white);transition: .2s linear;padding: calc(var(--font-size-16)*1.5)}
.sectionCard.btn .text-with-icon{text-align: left}
.headerSectionList .sectionCard {align-items: center;padding: var(--font-size-16) calc(var(--font-size-16)*1.5);min-height: calc(var(--font-size-16)*5.5)}
.sectionCard__name {word-break: break-word;}
.sectionCard__name:not(.offsetZero){font-weight: 700;line-height: 1.125em;}
.sectionCard picture{display: flex;flex: 0 0 calc(var(--font-size-16)*8);width: calc(var(--font-size-16)*8);height: calc(var(--font-size-16)*8)}
.headerSectionList picture{flex: 0 0 calc(var(--font-size-16)*3.5);width: calc(var(--font-size-16)*3.5);height: calc(var(--font-size-16)*3.5)}
.sectionCard img{object-fit: contain;width: 100%;}
@media (max-width: 1000px) {
    .sectionCard{flex-direction: column;gap: 34px;padding: 14px}
    .sectionCard__name:not(.offsetZero){font-size: 14px}
}
@media (max-width: 700px) {
    .sectionsList{grid-template-columns: repeat(2, 1fr);gap: 10px}
    .sectionCard picture{width: 48px;height: 48px;flex: 0 0 auto}
}
@media (hover:hover) {
    .sectionCard:not(.btn):hover{background: var(--dark-white)}
}



/* End */


/* Start:/local/templates/stalex2024/components/bitrix/search.form/ajax_search/style.css?1760110664223*/
@media (max-width: 1000px) {
    .headerSearch{flex-direction: row-reverse}
    .headerSearch .btn{display: none}
    .headerSearch input{padding-left: 17px;font-size: 14px}
    .headerSearch__iconBtn{padding-right: 20px}
}
/* End */


/* Start:/local/templates/stalex2024/components/bitrix/breadcrumb/breadcrumbs/style.css?17633874271081*/
.breadcrumbs{margin-top: calc(var(--font-size-16)*5);margin-bottom: calc(var(--font-size-16)*1.5)}
.breadcrumbs__container, .breadcrumbs__item{display: flex;align-items: center;}
.breadcrumbs__container{flex-wrap: wrap;}
.breadcrumbs__item{color: #828282}
.breadcrumbs__item a {font-weight: 400;line-height: 1.125em;letter-spacing: -0.01em;color: #828282;transition: .2s linear;cursor: pointer;}
.breadcrumbs__item:not(.active):not(.breadcrumbs__item__last):after {content: "/";display: block;margin-left: 6px;margin-right: 7px;}
.breadcrumbs .text-with-icon{gap: 8px;font-size: 14px}
.breadcrumbs {
    font-size: var(--font-size-16);
}
@media (min-width: 1000px) {
    .breadcrumbs {
        margin: 20px 0 20px 0;
    }
}
@media (max-width: 1000px) {
    .breadcrumbs{margin-top: 40px}
    .breadcrumbs__container, .container.breadcrumbs__container{
        margin-top: 20px;
        font-size: 14px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 8px;
    }
}
@media (hover: hover) {
    .breadcrumbs__item a:hover{
        color: var(--brand-color);
    }
}

/* End */


/* Start:/local/templates/stalex2024/template_styles.css?176011066549476*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;box-sizing: border-box}
*{box-sizing: border-box}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template, .hidden{display:none !important;}
@media (max-width:1000px){.hidden-xs{display: none;}}
a{background:transparent;text-decoration: none;color: inherit;}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
i{display: flex;flex: 0 0 auto;}
picture{display: flex}
button.reset{border: 0;padding: 0;background: 0;outline: 0;}
button.reset:focus-visible, button.reset:focus{outline: none}
.wrs-bitrix-captcha {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
}


.wrs-bitrix-captcha {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
}
.wrs-bitrix-captcha label.form__item {
    flex: 1 1 0;
    min-width: 100px;
    margin-left: 1rem;
}

.wrs-bitrix-captcha .captcha-img{
    width: 48%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.wrs-bitrix-captcha .captcha-img img{
    width: 80%;
    min-width: 150px;
}

.wrs-bitrix-captcha .captcha-img .relaod-captcha{
    width: 20%;
    background-color: #fdfdfd;
}
@media (max-width: 1300px) {
    .wrs-bitrix-captcha .captcha-img{
        width: 58%;
    }
}
@media (max-width: 500px) {
    .wrs-bitrix-captcha .captcha-img {
        width: 100%;
        padding: 0;
    }

    .wrs-bitrix-captcha label.form__item,
    .wrs-bitrix-captcha label.form__item.focus {
        flex: 1 1 100%; /* элементы занимают всю ширину и переносятся */
        min-width: auto; /* убираем минимальную ширину, чтобы не мешала */
        margin: 1rem 0 0 0;
    }
}
/*====Шрифты====*/

@font-face {font-family: 'Arial';src: local(Arial);size-adjust: 70%;ascent-override: 96%;descent-override: 26%;line-gap-override: normal;}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Thin.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Thin.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Thin.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraLight.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraLight.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraLight.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Light.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Light.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Light.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Regular.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Regular.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Regular.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Regular.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Medium.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Medium.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Medium.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-SemiBold.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-SemiBold.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-SemiBold.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Bold.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Bold.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Bold.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraBold.eot') format('embedded-opentype'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraBold.woff') format('woff'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraBold.woff2') format('woff2'),
    url('/local/templates/stalex2024/./fonts/Onest/static/Onest-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-Thin.ttf');font-weight: 100;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-ExtraLight.ttf');font-weight: 200;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-Light.ttf');font-weight: 300;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-Regular.ttf');font-weight: 400;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-Medium.ttf');font-weight: 500;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-SemiBold.ttf');font-weight: 600;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-Bold.ttf');font-weight: 700;font-style: normal;}
@font-face {font-family: 'Inter';src: url('/local/templates/stalex2024/./fonts/Inter/static/Inter_24pt-ExtraBold.ttf');font-weight: 800;font-style: normal;}

/*=======Основные стили====*/
:root{
    --black: #000000;
    --white: #FFFFFF;
    --gray: #828282;
    --red: #FF0000;
    --light-gray: #A1A1A1;
    --light-black: #2B2B2B;
    --green: #8CD78B;

    --dark-white: #F6F6F6;

    --brand-color: #FDAE00;
    --error-color: #FF3939;
    --ok-color: #8CD78B;
    --warning-color: #FDAE00;
    --text-color-1: var(--black, #000000);
    --text-color-2: var(--gray, #828282);
    --text-color-3: var(--white, #FFFFFF);
    --background-color: #FFFF;

    --main-font-family: 'Onest', 'Arial';

    --font-size-16: 16px;
    --border-color: #E6E6E6;
    --border-color-footer: #484848;

    --width-factor: 1px;

    --swiper-theme-color: var(--brand-color) !important;
    --swiper-pagination-bullet-width: auto !important;
    --swiper-pagination-bullet-height: 3px !important;
    --swiper-pagination-bullet-horizontal-gap: 0 !important;
}
@supports (--css: variables) {
    :root {
        --font-size-16: clamp(10px, calc(var(--width-factor) * 16), 16px);
    }
}
@media (max-width: 1920px) {
    :root{--width-factor: calc(5.2vw / 100);}
}
@media (max-width: 1000px) {
    :root{--width-factor: 1px;}
}
.theme-dark{
    --text-color-1: var(--white, #FFFFFF);
    --text-color-2: var(--gray, #828282);
    --background-color: #2F2F2F;
}
body{
    font-family: var(--main-font-family);
    font-size: var(--font-size-16);
    font-style: normal;
    color: var(--text-color-1);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always;
}
.container{
    width: 100%;
    margin: 0 auto;
    max-width: calc(var(--font-size-16) * 114);
    padding: 0 20px;
}
ul:not(.default, .brand){list-style: none;
    padding-left: 16px;}
ul:not(.default, .brand) li{position: relative;
    margin-bottom: 1.2em;}
ul:not(.default, .brand) li:before{
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: var(--black);
    position: absolute;
    top: .4em;
    left: -1em;
    border-radius: 50%;
    flex-shrink: 0;
}
ul.brand{
    padding-left: calc(var(--font-size-16) * 1.25 + 0.5em);
}
ul.brand li {
    position: relative;
}
ul.brand li:not(:first-child){
    margin-top: .5em;
}
ul.brand li:after {
    content: "";
    display: block;
    width: calc(var(--font-size-16) * 1.25);
    height: calc(var(--font-size-16) * 1.25);
    background: var(--brand-color);
    position: absolute;
    top: .1em;
    left: -1.5em;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-weight: 700;}
h1, .h1{font-size: calc(var(--font-size-16) * 6);line-height: 1.27em;letter-spacing: -0.04em;}
@media (min-width: 1000px) {
    h1, .h1 {
        margin: 0px 0 22px 0;
        font-size: 64px;
    }
}
h2, .h2{font-size: calc(var(--font-size-16) * 4);line-height: 1.28125em;letter-spacing: -0.01em;}
h3, .h3{font-size: calc(var(--font-size-16) * 3);line-height: 1.1em;letter-spacing: -0.01em;margin: 0.6678em 0}
h4, .h4{font-size: calc(var(--font-size-16) * 2);line-height: 100%;letter-spacing: -0.02em;}
h5, .h5, h6, .h6{line-height: 1em;letter-spacing: -0.02em;}
h5, .h5{font-size: calc(var(--font-size-16) * 1.5);}
h6, .h6{font-size: calc(var(--font-size-16) * 1.5);}
.text-with-icon{display: flex;align-items: center;gap: 2px;flex: 1 1 auto}
.text-with-icon i {display: flex;flex: 0 0 auto;}
.text-with-icon.hover{cursor: pointer}
.text-with-icon.hover path{transition: .2s linear}
.text-with-icon.hover, .text-with-icon.hover span{transition: .2s linear}
blockquote{color: var(--brand-color);margin: 0;display: inline-block;}
@media (hover: hover) {
    .text-with-icon.hover:hover, .text-with-icon.hover:hover span{color: var(--brand-color)}
    .text-with-icon.hover:not(.fill):hover path{stroke: var(--brand-color);}
    .text-with-icon.hover.fill:hover path{fill: var(--brand-color);}
    .header__actions .text-with-icon.hover:hover svg .circle {stroke:none;}
}
@media (max-width: 1000px) {
    body{font-size: 14px}
    h1, .h1{font-size: calc(var(--font-size-16) * 2.5);line-height: 1em;letter-spacing: -0.04em;margin-top: 0.67em;margin-bottom: 0.67em;}
    h2, .h2{font-size: calc(var(--font-size-16) * 2);line-height: 1.28125em;letter-spacing: -0.01em;}
    h3, .h3{font-size: calc(var(--font-size-16) * 1.5);line-height: 1.1em;letter-spacing: -0.01em;margin: 1em 0}
    h4, .h4{font-size: var(--font-size-16);line-height: 100%;letter-spacing: -0.02em;}
    h5, .h5, h6, .h6{line-height: 1em;letter-spacing: -0.02em;}
    h5, .h5{font-size: 14px;}
    h6, .h6{font-size: calc(var(--font-size-16) * 1);}
    ul li:not(.brand):before {top: .5em;}
}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.offsetZero{margin: 0; padding: 0}
.logo{width: calc(var(--font-size-16)*12);object-fit: contain;}
@media (max-width: 1000px) {
    .logo {width: 112px;height: 33px;}
}

/*====section====*/
section.section{margin: calc(var(--font-size-16)*6.5) 0;overflow: hidden;position: relative;z-index: 2;}
section.section.gray{background: var(--border-color)}
section.section.padding{padding: calc(var(--font-size-16)*6.5) 0;}
section.section.paymentDeliverySection{margin-top: 10px;}
.paymentDeliverySection .section__header {padding-bottom: calc(var(--font-size-16)* 1.7);}
.section__header, .section__header .left{display: flex;justify-content: space-between;align-items: center;}
.section__header{gap: var(--font-size-16);padding-bottom: calc(var(--font-size-16) * 3.5)}
.section__header .left{gap: calc(var(--font-size-16) * 2.625);flex:1 1 auto;position: relative;z-index: 2;}
.sectionTitleFlexNone .section__header .left{flex: 0 0 auto;}
.section__header .arrowBtns{flex: 1 1 100%;justify-content: flex-end}
.section__footer{padding-top: calc(var(--font-size-16) * 3.5)}
.paginationSlider{position: inherit;display: flex;}
.paginationSlider > .swiper-pagination-bullet{display: block;border-radius: 0;flex: 1 1 auto;}
@media (min-width: 1000px) {
    .mobile{display: none !important;}
    .doubleSection{display: flex}
    .doubleSection > *{flex: 0 0 50%;}
    .section__body.double {display: flex;}
}
@media (max-width: 1000px) {
    .desktop{display: none !important;}
    section.section .paginationSlider{display: none}
    section.section{margin: 60px 0}
    section.section.padding{padding: 60px 0}
    .section__header .showMore, .section__header .arrowBtns{display: none}
    .section__header{padding-bottom: calc(var(--font-size-16) * 2)}
    .section__header .left{flex: 1 1 auto}
    .section__footer{padding-top: calc(var(--font-size-16) * 2)}
}

/*===btn====*/
.btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-weight: 700;
    font-size: var(--font-size-16);
    line-height: 1.25em;
    color: var(--text-color-1);
    background: var(--brand-color);
    border: 1px solid transparent;
    text-align: center;
    outline: none !important;
    padding: 1.25em 2em;
    cursor: pointer;
    transition: .2s linear;
}
.btn.red{color: var(--text-color-3);background: var(--red)}
.btn.green{color: var(--text-color-3);background: var(--green)}
@media (max-width: 1000px) {.btn{font-size: 14px;padding: 15px}}
.btn span {flex: 1 1 auto;}
.btn i{display: flex;flex: 0 0 auto;}
.btn-black{color: var(--white);background: var(--light-black);}
.btn-gray{background: var(--dark-white);}
.btn-circle{justify-content: center;background: transparent;aspect-ratio: 1;flex: 0 0 auto;border-color: var(--light-gray);border-radius: 50%;padding: 0}
.btn-circle:after{content: "";display: block;}
.arrowBtns{display: flex;justify-content: space-between;gap: var(--font-size-16);}
.arrowBtns > *{width: calc(var(--font-size-16) * 4.5);height: calc(var(--font-size-16) * 4.5);background: #ffffffcc}
.arrowBtns > *:after{width: calc(var(--font-size-16) * 0.8125);height: calc(var(--font-size-16) * 1.5);}
.arrowBtns > *.swiper-button-disabled{opacity: .5}
.arrowBtns > *.swiper-button-lock{opacity: 0}
.btn.btn-circle.prev:after{
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 1.5L1.5 12L12 22.5' stroke='%233e3e3e' stroke-width='2'/%3e%3c/svg%3e") center no-repeat;
    background-size: contain;
}
.btn.btn-circle.next:after{
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='24' viewBox='0 0 13 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 22.5L11.5 12L1 1.5' stroke='%233e3e3e' stroke-width='2'/%3e%3c/svg%3e") center no-repeat;
    background-size: contain;
}
.btn.btn-circle.up:after{
    width: calc(var(--font-size-16) * 1.8125);height: calc(var(--font-size-16) * 1.5);
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.666 5.66667L5.99935 1L1.33268 5.66667' stroke='black'/%3e%3c/svg%3e") center no-repeat;
    background-size: contain;
}
.btn.btn-circle.btn-basket:after{background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 10.0002H36.6667L31.6667 26.6668H10L5 10.0002ZM5 10.0002L3.75 5.8335' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M18.3335 32.5C18.3335 33.8807 17.2142 35 15.8335 35C14.4528 35 13.3335 33.8807 13.3335 32.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M28.3335 32.5C28.3335 33.8807 27.2142 35 25.8335 35C24.4528 35 23.3335 33.8807 23.3335 32.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;background-size: contain}
.btn.btn-circle.file:after{width:9px;height:10px;background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7191 5.8311L6.12415 10.4261C5.56125 10.989 4.79776 11.3053 4.00167 11.3053C3.20557 11.3053 2.44209 10.989 1.87917 10.4261C1.31624 9.8632 1 9.0997 1 8.3036C1 7.5075 1.31624 6.74405 1.87917 6.1811L6.47415 1.58611C6.84945 1.21083 7.35845 1 7.88915 1C8.4199 1 8.9289 1.21083 9.30415 1.58611C9.67945 1.96139 9.8903 2.47039 9.8903 3.00111C9.8903 3.53184 9.67945 4.04083 9.30415 4.41611L4.70417 9.0111C4.51653 9.19875 4.26203 9.30415 3.99667 9.30415C3.73131 9.30415 3.47681 9.19875 3.28917 9.0111C3.10153 8.82345 2.99611 8.569 2.99611 8.3036C2.99611 8.03825 3.10153 7.78375 3.28917 7.5961L7.53415 3.35611' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat}
.btn.bg-brand{background: var(--brand-color);}
@media (hover: hover) {
    .btn:not(.prev, .next):hover {
        -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
        box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    }
    .btn.btn-circle.prev:not(.swiper-button-disabled):hover, .btn.btn-circle.next:not(.swiper-button-disabled):hover {
        background: var(--brand-color);
        border-color: var(--brand-color)
    }
}
@media (max-width: 1000px) {
    .arrowBtns > *{width: calc(var(--font-size-16) * 2.5);height: calc(var(--font-size-16) * 2.5);}
    .arrowBtns > *:after{width: calc(var(--font-size-16) * 0.3125);height: calc(var(--font-size-16) * 0.6875);}
    .btn.btn-circle.up:after{width:calc(var(--font-size-16) * 0.8125);height: calc(var(--font-size-16) * 1.5)}
}

/*===showMore===*/
.showMore i{width: 1.625em;height: 1.625em;}
.showMore i svg{width: 100%;height: 100%;}
.showMore{transition: .2s linear;gap: .8em;flex: 0 0 auto;}
@media (min-width: 1000px) {
    .showMore{font-weight: 700;text-transform: uppercase;font-size: calc(var(--font-size-16) * 1.25);line-height: 1.3em;}
}
@media (max-width: 1000px) {
    .showMore{font-weight: 400;font-size: 14px;line-height: 1em;}
    .showMore i{width: 10px;height: 11px;}
}

/*====files====*/
.files{display: flex;flex-direction: column;gap: var(--font-size-16)}
.file{display: flex;align-items:center;gap: 10px}
.file i{width: 32px;height: 32px}
.file:hover .file__name {
    color: var(--brand-color);
}

/*===nameplate====*/
.nameplate__container {display: flex;gap: .25em;}
.nameplate{font-weight: 700;line-height: 1.125em;letter-spacing: -0.01em;padding: .5em;pointer-events: none}
.nameplate.new{background: var(--ok-color);color: var(--text-color-1)}
.nameplate.sale{background: var(--error-color);color: var(--text-color-3)}
@media (max-width: 1000px) {
    .nameplate{font-size: 12px}
}

/*====form====*/
.theme-dark{
    --form-text-color: #A8A8A8;
    --form-placeholder-color: var(--white);
    --form-background-item: #6D6D6D;
    --form-disclaimer-color: #A0A0A0;
    --form-item-border-color: transparent;
}
.form__item:not(.gaInputFile){display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: calc(var(--font-size-16)*0.5);flex: none;order: 0;align-self: stretch;flex-grow: 0;position: relative;}
.form__item:not(.gaInputFile), .form__item .gaInputFile__inner{min-height: calc(var(--font-size-16)*4.25);background: var(--form-background-item, transparent);border: 1px solid var(--form-item-border-color, var(--border-color));padding: calc(var(--font-size-16)*0.625) var(--font-size-16);}
.form__item.error{border-color:var(--error-color);margin-bottom: calc(var(--font-size-16)*0.83333333333)}
.form__item.focus{border-color: var(--brand-color);}
.form__item span{font-size: 12px;line-height: 1.25em;align-self: stretch;color: var(--form-text-color, var(--text-color-1))}
.form__item sup{top: 0;font-size: 1.5em;color: var(--red)}
.form__item:not(.focus, .filled) span[data-role="inputTitle"]{position: absolute;top: 0;left: var(--font-size-16);bottom: 0;margin: auto 0;}
.form__item:not(.error) [data-role="errorText"]{display: none;}
.form__item.filled span[data-role="inputTitle"]{display: block}
.form__item [data-role="errorText"]{color: var(--error-color);position: absolute;top: calc(100% + 5px);left: 0;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.form__item input, .form__item textarea, .gaInputFile__inner .placeholder{border: 0;outline: none;padding: 0;background: transparent;font-weight: 700;line-height: 1.25em;width: 100%;flex: 1 1 auto;resize: none;}
.form__item input, .form__item textarea, .form__item input::placeholder, .form__item textarea::placeholder, .gaInputFile__inner .placeholder, .form__item:not(.focus, .filled) span[data-role="inputTitle"]{font-size: 1em;font-weight: normal;color: var(--form-placeholder-color, var(--text-color-1));}
.form__item:not(.focus, .filled) span[data-role="inputTitle"] {display: flex;align-items: center;}
.form__item.textarea:not(.focus, .filled) span[data-role="inputTitle"] {display: flex;align-items: flex-start;padding-top:calc(var(--font-size-16)*1.5)}
.form .disclaimer{font-style: normal;line-height: 150%;color: var(--form-disclaimer-color, var(--light-gray));}
dialog .form{display: flex;flex-direction: column;gap: var(--font-size-16);}
.gaPopup__form button.btn {width: fit-content;}
@media (min-width: 1000px) {
    dialog .gaPopup__form{max-width:calc(var(--font-size-16)*39)}
}
@media (max-width: 1000px) {
    /*.form__item:not(.focus, .filled) span[data-role="inputTitle"]{position: absolute;top: 0;left: var(--font-size-16);bottom: 0;margin: auto 0;}*/
    .form__item:not(.gaInputFile), .form__item .gaInputFile__inner{min-height: 56px}
    .form__item input, .form__item textarea, .form__item:not(.focus, .filled) span[data-role="inputTitle"]{font-weight: 600}
}

/*===gaInputFile===*/
.gaInputFile{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*0.8125)}
.gaInputFile input {display: none;}
.gaInputFile__inner {display: flex;align-items: center;justify-content: space-between;flex-direction: row;}
.gaInputFile__inner .placeholder {display: flex;align-items: center;}
.gaInputFile__list{display: flex;flex-wrap: wrap;gap: calc(var(--font-size-16)*0.5);}
.gaInputFile__list .text-with-icon{transition: .2s linear;gap: calc(var(--font-size-16)*0.5);padding: calc(var(--font-size-16)*0.5);background: var(--border-color);flex: 0 0 auto;cursor: pointer}
@media (hover: hover) {
    .gaInputFile .text-with-icon:hover{background: var(--brand-color)}
}

/*===gaSelect====*/
.gaSelect, .gaSelect *{box-sizing: border-box;margin: 0;padding: 0;}
.gaSelect select{display: none;}
.gaSelect{position: relative;border: var(--ga-select-border, 1px solid var(--border-color));padding: calc(var(--font-size-16)*0.625) var(--font-size-16);padding-top:calc(var(--font-size-16)*0.625 + 0.75em)}
.gaSelect__label{font-size: .75em;line-height:1em;color:var(--text-color-2);position: absolute;top:calc(var(--font-size-16)*0.625);pointer-events: none;}
.gaSelect__inner{display: flex;align-items: center;justify-content: space-between;cursor: pointer;}
.gaSelect__list{display: none;position: absolute;border: var(--ga-select-list-border, 1px solid #cacaca);background: var(--ga-select-list-background, var(--background-color));top: 100%;left: 0;width: 100%;z-index: 1;}
.gaSelect__icon{transition: var(--ga-select-icon-transition, .2s linear);}
.gaSelect.active .gaSelect__icon{transform: var(--ga-select-icon-transform, rotate(180deg));}
.gaSelect.active .gaSelect__list{display: flex;flex-direction: column;overflow-x: hidden;overflow-y:auto;max-height: calc(var(--font-size-16)*3.3125*5)}
.gaSelect__list > *{padding: var(--font-size-16);cursor: pointer;border-top: var(--ga-select-option-border, 1px solid var(--border-color));border-bottom: var(--ga-select-option-border, 1px solid var(--border-color));transition: var(--ga-select-option-transition, .2s linear);}
.gaSelect__list > *:first-child{border-top: none;}
.gaSelect__list > *:last-child{border-top: none;}
.gaSelect__list > *.active{background: var(--ga-select-option-active-background, var(--brand-color));color: var(--ga-select-option-active-color, var(--text-color-3));}
@media (hover:hover) {
    .gaSelect__list > *:hover{background: var(--ga-select-option-hover-background, var(--brand-color));color: var(--ga-select-option-hover-color, var(--text-color-3));}
}

/*===gaCheckbox===*/
.gaCheckbox{display: flex;}
.gaCheckbox__content{display: flex;align-items: center;cursor: pointer;gap: calc(var(--font-size-16)*0.5)}
.gaCheckbox__content span{font-size: calc(var(--font-size-16)*1.125)}
.gaCheckbox__content i{display: flex;align-items: center;justify-content: center;transition: .2s linear;border:1px solid var(--text-color-1);width: 16px;height: 16px;flex: 0 0 16px;}
.gaCheckbox input:checked + .gaCheckbox__content i{background: var(--brand-color);}

/*===custom radio===*/
.gaRadio{display: flex;gap: var(--font-size-16); align-items: center;cursor:pointer;}
.gaRadio input{display: none;}
.gaRadio__content {display: flex;gap: var(--font-size-16);align-items: center}
.gaRadio input + .gaRadio__content i{
    border: 1px solid var(--text-color-1);
    width: calc(var(--font-size-16) * 1.5);
    height: calc(var(--font-size-16) * 1.5);
    flex-shrink:0;
    border-radius: 50%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1;
}
.gaRadio input:checked + .gaRadio__content i{
    border: 1px solid var(--brand-color);
}
.gaRadio input:checked + .gaRadio__content i:before{
    content: '';
    width: 74%;
    height: 75%;
    border-radius: 50%;
    background-color: var(--brand-color);
    aspect-ratio: 1;
}
.gaRadio .gaRadio__content span{
    font-weight: 400;
    font-size: calc(var(--font-size-16) * 1.125);
    line-height: 1em;
    letter-spacing: -0.01em;
    color: var(--text-color-1);
    margin-bottom: -3px;
}
@media (max-width: 1000px) {
    .gaRadio__content{gap:10px}
    .gaRadio input + .gaRadio__content i{width:18px;height:18px;}
    .gaRadio .gaRadio__content span{font-size: 14px}
}

/*===gaSearch====*/
.gaSearch{display: flex;flex: 1 1 auto}
.gaSearch input, .gaSearch input::placeholder{font-weight: 700;line-height: 1.125em;color: var(--text-color-1);}
.gaSearch input::placeholder{color: rgb(0 0 0 / 50%);}
.gaSearch input{border: 0;background: var(--border-color);flex: 1 1 auto;padding-left: var(--font-size-16);min-height: calc(var(--font-size-16)*3.375)}
.gaSearch input:focus, .gaSearch input:focus-visible{outline: none}
button.gaSearch__iconBtn, .gaSearch__iconBtn{display: flex;justify-content: center;align-items: center;background: var(--border-color);outline: none;}
@media (min-width: 1000px) {
    .gaSearch__iconBtn i{padding: 0 calc(var(--font-size-16)*1.75);border-right: 1px solid var(--light-gray)}
    .gaSearch__iconBtn i svg{width: calc(var(--font-size-16)*1.5);height: auto}
}
@media (max-width: 1000px) {
    .gaSearch{flex-direction: row-reverse}
    .gaSearch input{padding-left: 17px;font-size: 14px}
    button.gaSearch__iconBtn, .gaSearch__iconBtn{padding-right: 17px}
    .gaSearch__iconBtn svg{width: 20px;height: 20px}
}
@media (max-width: 360px) {
    .gaSearch input{font-size: 11px}
}

/*===gaTabs===*/
.gaTabsHeader, .gaTabsBody{padding: calc(var(--font-size-16)*2.5);border: 1px solid var(--border-color)}
.gaTabsHeader{padding: 0 calc(var(--font-size-16)*2.5);display: flex;align-items: center;gap: calc(var(--font-size-16)*2.5);max-width: 100%;overflow-y: hidden;overflow-x: auto;border-bottom: 0;}
.gaTabsHeader > *{padding: calc(var(--font-size-16)*2.5) 0;cursor:pointer;position: relative;font-size: calc(var(--font-size-16)*1.5);line-height: 1.25em;white-space: nowrap}
.gaTabsHeader > *.active:after{position: absolute;bottom: -1px;height: 4px;width: 100%;content: "";display: block;background: var(--brand-color)}
.gaTabsBody > div:not(.active){display: none;}
@media (max-width: 1000px) {
    .gaTabsHeader, .gaTabsBody {padding: calc(var(--font-size-16)*1.5);}
    .gaTabsHeader{padding: 0 calc(var(--font-size-16)*1.5);gap: calc(var(--font-size-16)*1.5)}
    .gaTabsHeader > *{padding: calc(var(--font-size-16)*1.5) 0;font-size: calc(var(--font-size-16)*1.2)}
}

/*===dialog | gaPopup===*/
dialog{max-width: 100vw;max-height: 100vh;filter: drop-shadow(2px 4px 6px black);border: 0;padding: 0;}
dialog::backdrop {background: rgba(217, 217, 217, 0.3);}
dialog:focus, dialog:focus-visible{outline: none;}
dialog header{display: flex;margin-bottom: calc(var(--font-size-16)*1.5)}
dialog .gaPopup__additional header{flex-direction: column;gap: calc(var(--font-size-16)*1.75);}
.gaPopup__double:not(.gaPopupOrder) .gaPopup__additional{margin-top: calc(var(--font-size-16)*2)}
dialog .gaPopup__container:not(.gaPopup__additional) header{justify-content: space-between;align-items: center;}
dialog .gaPopup__double .gaPopup__container:not(.gaPopup__additional) header{align-items: flex-start;}
.gaPopup__additional header{flex-direction: column;gap: calc(var(--font-size-16)*1.875)}
dialog a {transition: .2s linear}
.gaPopupBanner{position: relative;margin-top: calc(var(--font-size-16)*4.0625);display:flex;max-height:calc(var(--font-size-16)*21.875)}
.gaPopupBanner__content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;gap: 8px;padding: calc(var(--font-size-16)*1.5) calc(var(--font-size-16)*2)}
.gaPopupBanner picture{width:100%}
.gaPopupBanner img{width: 100%;object-fit: contain;}
.gaPopup__buttons{display:flex;gap:var(--font-size-16);flex-wrap: wrap;}
.gaPopup__buttons > *{flex: 1 1 auto;max-width: none;justify-content: center;text-align: center}

.gaPopupOrder .gaPopupOrder__description{display:flex;flex-direction:column;gap:var(--font-size-16)}
.gaPopup__container.gaPopupOrder__img {height: calc(var(--font-size-16)*26.25);aspect-ratio: 565/420;position:relative;}
.gaPopup__container.gaPopupOrder__img img {width: 100%;object-fit: contain;}
.gaPopup__container.gaPopupOrder__img picture {display: flex;width: 100%;height: 100%;}
.gaPopup__container.gaPopupOrder__description {border-top: 1px solid var(--border-color);}
.gaPopupOrder__title{font-size:calc(var(--font-size-16)*2)}
.gaPopup__container.gaPopupOrder__description p{font-size:calc(var(--font-size-16)*1.5)}
.gaPopup__container.gaPopupOrder__img .nameplate {position: absolute;top: calc(var(--font-size-16)*2.5);left: calc(var(--font-size-16)*2.5);}
.gaPopupOrder .gaPopup__additional .reset.mobile{position: absolute;top: calc(var(--font-size-16)*2.5);right: calc(var(--font-size-16)*2.5);width:26px;height:30px}

.gaPopupOk header {display: flex;flex-direction: row;justify-content: flex-end !important;margin: 0;}
.gaPopupOk section{display:flex;gap:calc(var(--font-size-16)*2);align-items:center;}
.gaPopupOk span{font-size:calc(var(--font-size-16)*1.5)}

@media (min-width: 1000px) {
    dialog{min-width: calc(var(--font-size-16)*37);}
    .gaPopup__container{padding:calc(var(--font-size-16)*2.5);height: 100%}
    .gaPopup__additional{max-width:calc(var(--font-size-16)*39);border-right: 1px solid var(--border-color)}
    dialog[open] .gaPopup__double{display: flex}
}
@media (max-width: 1000px) {
    dialog {max-width: calc(100% - 32px);max-height: 100%;}
    .gaPopup__container{padding:32px 16px}
    dialog [data-role="close-dialog"] svg{width: 16px;height: 16px;}
    dialog.gaPopupOrder [data-role="close-dialog"] svg{width: 26px;height: 26px;}
    dialog[open] .gaPopup__double{display: flex;flex-direction: column-reverse}
    dialog[open] .gaPopup__double.gaPopupOrder {flex-direction: column;}
    .gaPopup__container.gaPopupOrder__description {border-bottom: 1px solid var(--border-color);}
    .gaPopup__container.gaPopupOrder__img {padding-top:0;max-height: calc(var(--font-size-16)*17.625);aspect-ratio: 343/283;position: relative;width: 100%;height: auto;}
}
@media (hover: hover) {
    dialog a:not(.btn):hover{color: var(--brand-color)}
}

/*====header=====*/
header.header {z-index: 10;position: relative;}
.header__container, .header__contacts, .header__left{display: flex;align-items: center;}
.header__container{justify-content: space-between;padding-top: calc(var(--font-size-16)*2.5);padding-bottom: calc(var(--font-size-16)*2);background: var(--white);position: relative;z-index: 20}
.header__left{gap: calc(var(--font-size-16)*5.8125)}
.header__logo img{width: calc(var(--font-size-16)*11.75);object-fit: contain}
.header__contacts{align-items: flex-start}
.header__contacts .companyTel a{transition: .2s linear;font-weight: 700;font-size: calc(var(--font-size-16)*1.625);line-height: 1.26923076923em;}
.header__contacts .companyTel > div{font-size: calc(var(--font-size-16)*0.875);line-height: 1.21428571429em;color: var(--text-color-2);}
.header__contacts .companyTel > button{margin-top:calc(var(--font-size-16)*0.5);transition: .2s linear;padding: 0;border: 0;background: transparent;font-size: calc(var(--font-size-16)*0.875);line-height: 1.28571428571em;}
.header__contacts .companyAddress{display: flex;}
.header__contacts .companyAddress__content{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*0.5);}
.header__contacts .companyAddress__content a{font-weight: 700;font-size: calc(var(--font-size-16)*1.25);line-height: 1.3em;transition: .2s linear;gap: calc(var(--font-size-16)*0.5)}
.header__contacts .companyAddress__content > div{font-size: calc(var(--font-size-16)*0.875);line-height: 1.21428571429em;color: var(--text-color-2);}
.header__right{display: flex;align-items: center;gap: calc(var(--font-size-16)*3.5)}
.header__actions{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*0.5)}
.header__actions a{border: 0;padding: 0;background: transparent;outline: none;gap: var(--font-size-16)}
@media (min-width: 1000px) {
    .header__contacts .companyAddress{border-left: 1px solid var(--border-color);padding-left:calc(var(--font-size-16)*2.5);gap: var(--font-size-16);}
    .header__contacts .companyTel {padding-right: calc(var(--font-size-16)*2.5);border-right: 1px solid var(--border-color);display: flex;flex-direction: column;gap: 1px;}
}
@media (max-width: 1000px) {
    .header__container{padding: 24px 0 18px;}
    .header__left {justify-content: space-between;flex: 1 1 auto;gap: 50px}
    .header__logo img{width: 114px}
    .header__contacts{align-items: center;gap: 32px}
    .header__contacts .companyAddress{gap: 8px}
    .header__contacts .companyAddress__content a{font-size: 14px}
    .header__contacts .companyAddress svg{width: 20px;height: 20px}
    .burger{border: 0;background: transparent;outline: none;padding: 0}
    .burger svg{display: none;}
    .burger:not(.active) svg:first-child{display: block}
    .burger.active svg:last-child{display: block}
    .header__actions{flex-direction: row;flex-wrap: wrap;gap: 24px}
    .header__actions a {flex: 0 0 auto;}
}
@media (max-width: 360px) {
    .header__left{gap: 3vw}
}
@media (hover:hover) {
    .header__contacts .companyAddress__content a:hover, .header__contacts .companyTel a:hover, .header__contacts .companyTel > button:hover{color: var(--brand-color)}
}

/*===headerNav===*/
.headerDropdown{position: relative;}
.headerDropdown__inner{display: flex;align-items: center;gap:calc(var(--font-size-16)*0.5);cursor: pointer;}
.header__link{font-weight: 700;line-height: 1.25em;transition: .2s linear}
.headerDropdown:not(.active) .headerDropdown__list{display: none;}
.headerDropdown.active svg{transform: rotate(180deg)}
.headerDropdown:not(.active) a{pointer-events: none}
.headerDropdown__list a{display: block;padding:calc(var(--font-size-16)*0.5) var(--font-size-16);background:var(--white);}
header.header .companyEmail{font-weight: 700;line-height: 1.25em;}
.headerNav a{transition: .2s linear}
@media (min-width: 1000px) {
    .headerNav{display: flex;justify-content: space-between;align-items: center;padding: calc(var(--font-size-16)*1.25) 0;border-top: 1px solid;border-bottom: 1px solid;border-color: var(--border-color)}
    .headerNav__container{display:flex;align-items: center;gap:calc(var(--font-size-16)*2); font-size: 18px;}
    .headerDropdown__list{z-index: 2;min-width: 250px;position: absolute;top: 100%;left: 0;width: 100%;-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);}
}
@media (max-width: 1000px) {
    .headerDropdown {flex-direction: column;}
    .headerDropdown, .headerNav__container > a{padding: 16px 0;border-bottom: 1px solid var(--border-color);display: flex}
    .headerDropdown__inner {justify-content: space-between;flex: 1 1 auto}
    .headerDropdown__list{padding: 8px 0}
    .headerDropdown__list a{padding-right: 0;padding-left: 0}
    .headerDropdown__inner .text-with-icon{gap: 8px}
}
@media (hover:hover) {
    .headerNav a:hover{color: var(--brand-color)}
    .headerDropdown__inner:hover .header__link{color: var(--brand-color)}
}

/*====headerCatalog====*/
.headerCatalog {display: flex;position: relative;}
.headerCatalog > .btn{flex: 0 0 calc(var(--font-size-16)*17.5);gap: calc(var(--font-size-16)*1.5625)}
.headerCatalog > div{flex: 1 1 auto;display: flex}
@media (min-width: 1000px) {
    .headerCatalog > .btn svg{width: calc(var(--font-size-16)*1.5625);height: auto}
}
@media (max-width: 1000px) {
    .headerCatalog{margin-right: -20px;margin-left: -20px;width: calc(100% + 40px);z-index: 21}
    .headerCatalog > .btn{flex: 0 0 104px;gap: 8px};
}
@media (max-width: 320px) {
    .headerCatalog {flex-direction: column;}
    .headerCatalog > .btn{flex: 1 1 auto}
}

/*====headerSectionList===*/
div.headerSectionList{display: none}

@media (min-width: 1000px) {
    .headerSectionList.active{display:block;position: absolute;top: 100%;left: 0;width: 100%;padding-bottom:calc(var(--font-size-16)*6.25);padding-top:calc(var(--font-size-16)*2.25);background: var(--white);-webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);-moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);}
    .headerSectionList > div {display: grid;grid-template-columns: repeat(5, 1fr);gap: var(--font-size-16);}
}
@media (max-width: 1000px) {
    div.headerSectionList.active{display:block;padding:32px 16px;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10;background: var(--white);overflow-y: auto;overflow-x: hidden}
    .headerSectionList__header{display: flex;justify-content: space-between;align-items: center}
    .headerSectionList nav{margin-top: 16px}
    .headerSectionList nav a{display:flex;justify-content:space-between;align-items:center;font-size: 14px;line-height: 18px;letter-spacing: -0.01em;padding: 12px 0;border-bottom: 1px solid #E6E6E6}
    .headerSectionList nav a:after{
        display: block;content: "";width: 11px;height: 10px;background-size: contain;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 6L12 6M12 6L6.80556 1M12 6L6.80556 11' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e") center no-repeat;
    }
}

/*====gaLeftMenu====*/
@media (max-width: 1000px) {
    .gaLeftMenu{position: fixed;top: 0;left: 0;width: 100%;z-index: 22;}
    .gaLeftMenu header{display: flex;justify-content: space-between;}
    header.header .gaLeftMenu{position: absolute;top:100%}
    .gaLeftMenu:not(.active){display: none;}
    .gaLeftMenu__container{
        display: flex;flex-direction: column;gap: 32px;
        position: relative;z-index: 2;overflow: auto;overflow-x: hidden;padding-top: 16px;
        max-width: 500px;background: var(--white);margin: 0;height: 100%;
        -webkit-box-shadow: 21px 5px 24px -11px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 21px 5px 24px -11px rgba(0, 0, 0, 0.5);
        box-shadow: 21px 5px 24px -11px rgba(0, 0, 0, 0.5);
    }
    header.header .gaLeftMenu__container{padding-bottom: 60px;}
    .gaLeftMenu__bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background: rgba(217, 217, 217, 0.3)}
    .gaLeftMenu__block .btn {flex: 1 1 auto;width: 100%;justify-content: center;}
}

/*====footer====*/
footer.footer{color: var(--text-color-1);background: var(--background-color);padding-top: calc(var(--font-size-16)*3.5);padding-bottom: calc(var(--font-size-16)*2.5)}
footer.footer{margin-top: calc(var(--font-size-16)*6.5)}

.footer__container{display: grid;grid-template-areas: "footerLogo footerNavigation footerPayments" "footerContacts footerNavigation footerPayments";align-items:start}
.footer__logo{grid-area: footerLogo;}
.footer__contacts{grid-area: footerContacts;}
.footer__navigation{grid-area: footerNavigation;}
.footer__payments{grid-area: footerPayments;}

.footer__logo{display: flex;gap: calc(var(--font-size-16)*2);}
.footer__logo img{flex: 0 0 calc(var(--font-size-16)*12);width: calc(var(--font-size-16)*12);object-fit: contain}
.footer__logo div{width: 3px;background: var(--brand-color)}
.footer__logo span{display:flex;align-items:center;font-weight: 700;font-size: var(--font-size-16);line-height: 1.25em;}
.footer .companyTel a{font-weight: 700;font-size: calc(var(--font-size-16)*2.5);line-height: 1.275em;color: #F9F9F9;}
.footer .companyTel div{font-weight: 400;font-size: var(--font-size-16);line-height: 1.25em;}
.footer .companyEmail{font-weight: 700;font-size: calc(var(--font-size-16)*1.5);line-height: 120%;}
.companySocial{display: flex;gap: var(--font-size-16)}
.companySocial a {aspect-ratio: 1;width: calc(var(--font-size-16)*3);flex: 0 0 auto}
.footer__title{display:block;font-weight: 700;font-size: calc(var(--font-size-16)*1.5);line-height: 120%;color: #828282;}
.footer nav div{display: flex;flex-direction: column;gap:calc(var(--font-size-16)*1.5)}
.footer nav a{font-weight: normal;font-size: calc(var(--font-size-16)*1.125);line-height: 120%;}
.footer__payments .footer__content{display: flex;flex-direction: column;gap: calc(var(--font-size-16)*2)}
.payment__disclamer {font-weight: normal; font-size: calc(var(--font-size-16)* 1.125); line-height: 120%; text-align: justify; display: flex; flex-direction: column; margin-top: 60px; row-gap: 20px; border-top: 1px solid var(--border-color-footer); padding-top: 25px;}
.payment__disclamer a {position: relative;}
.payment__disclamer a::after {content: ""; height: 8%; width: 100%; position: absolute; left: 0; bottom: 1px; transition: .2s linear;background-color: var(--white);}
.payment__disclamer a:hover::after {background-color: var(--brand-color);}
.footer__subFooter{padding-top: calc(var(--font-size-16)*3.75);margin-top: calc(var(--font-size-16)*3.75);border-top: 1px solid var(--border-color-footer);}
.footer__disclamer{font-size: var(--font-size-16);line-height: 120%;color: var(--light-gray);}

@media (min-width: 1000px) {
    .footer__container{display: grid;grid-template-areas: "footerLogo footerNavigation footerPayments" "footerContacts footerNavigation footerPayments";}
    .footer__logo{grid-area: footerLogo;padding-bottom: calc(var(--font-size-16)*3);border-bottom: 1px solid var(--border-color-footer);}
    .footer__contacts{grid-area: footerContacts;padding-top: calc(var(--font-size-16)*3)}
    .footer .companyTel{padding-bottom: calc(var(--font-size-16)*2)}
    .footer .companyEmail{padding-bottom: calc(var(--font-size-16)*3);border-bottom: 1px solid var(--border-color-footer);display: block}
    .footer .companySocial{padding-top: calc(var(--font-size-16)*3)}
    .footer__navigation{grid-area: footerNavigation;padding: 0 calc(var(--font-size-16)*3.25);margin:0 calc(var(--font-size-16)*3.25);border-left: 1px solid var(--border-color-footer);border-right: 1px solid var(--border-color-footer)}
    .footer nav{display: flex;justify-content: space-between; column-gap: 40px;}
    .footer__payments{grid-area: footerPayments;}
    .footer__title{padding-bottom: calc(var(--font-size-16)*2.5);border-bottom: 1px solid var(--border-color-footer);}
    .footer__content{padding-top: calc(var(--font-size-16)*2.5)}
}
@media (max-width: 1000px) {
    .footer__container{grid-template-areas: "footerLogo" "footerNavigation" "footerContacts" "footerPayments";}
    footer.footer{margin-top: 60px;padding: 30px 0}
    .footer__logo img{width: 112px;height: 33px;flex: 0 0 112px}
    .footer__logo span{font-size: 14px}
    .footer__title{font-size: 16px;padding-bottom: 27px}
    .footer nav a{font-size: 14px}
    .footer .companyTel a{font-size: 24px}
    .footer .companyTel div{font-size: 12px}
    .footer .companyEmail{font-size: 14px;padding: 30px 0;display: block}
    .companySocial a {width: 40px;}
    .footer__payments .footer__content{gap: 22px}
    .payment__disclamer {font-size: 14px; line-height: 140%;}
    .footer__navigation{padding: 33px 0; margin: 33px 0;border-bottom: 1px solid var(--border-color-footer);border-top: 1px solid var(--border-color-footer);}
	.footer__navigation nav {display: flex; flex-direction: column; gap: calc(var(--font-size-16)* 1.5);}
    .footer__payments{padding-top: 33px;margin-top: 33px;border-top: 1px solid var(--border-color-footer);}
    .footer .payment__system{width: 118px;height: 26px}
    .footer .payment__bank svg{width: 274px;height: 23px}
    .footer__subFooter{padding-top: 27px;margin-top: 27px}
    .footer__disclamer{font-size: 12px}
}
@media (hover: hover) {
    footer.footer a, footer.footer a path, footer.footer a rect{transition: .2s linear;}
    footer.footer a:hover{color: var(--brand-color)}
    footer.footer a:hover path{fill: var(--brand-color)}
    footer.footer a:hover rect{stroke: var(--brand-color)}
}

/*====btnUp====*/
.btnUp {
    border-radius: 50%;
    -webkit-tap-highlight-color: transparent;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.1);
    position: fixed;
    width: calc(var(--font-size-16) * 4.5);
    height: calc(var(--font-size-16) * 4.5);
    right: 60px;
    bottom: 70px;
    z-index: 1000;
    cursor: pointer;
}
.btnUp .btn-circle{
    background: var(--brand-color);
    border: none;
}
@media (max-width: 1000px) {
    .btnUp, .btnUp .arrowBtns > * {
        width: calc(var(--font-size-16) * 4.5);
        height: calc(var(--font-size-16) * 4.5);
    }
    .btnUp .btn.btn-circle.up:after {
        width: calc(var(--font-size-16) * 1.8125);
        height: calc(var(--font-size-16) * 1.5);
    }
}
@media (max-width: 640px) {
    #btnUp {right: calc(50% - (var(--font-size-16) * 4.5) / 2);}
}

/*===page404===*/
.page404 nav > *{
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 1 50%;
}
.page404 nav a{font-weight: 700; line-height: 120%;}
.page404 .section__header{
    background: var(--brand-color);
    padding-bottom: 0;
}
@media (min-width: 1000px) {
    .page404 nav a {font-size: calc(var(--font-size-16)*1.125);}
}
@media (max-width: 1000px) {
    .page404 div.section__header {
        background: var(--brand-color);
        padding: calc(var(--font-size-16) * 2);
        justify-content: center;
        align-items: center;
        display: flex;
        align-content: center;
        flex-direction: column;
    }
}
@media (min-width: 700px) {
    .page404 nav{display: flex;gap: 20px}
}
.list-box ol {
    list-style: none;
    counter-reset: li;
    padding-left: 0;
}
.list-box ol li, .list-box ul li{
    margin-bottom: 1em;
}
.list-box ol li:before {
    counter-increment: li;
    content: counters(li,".") ". ";
    font-weight: 600;
}
.list-box ol>li ol{
    margin-top: 1em;
}

/* End */
/* /local/templates/stalex2024/components/stalex/city.get.supply_domen_all/stalex/style.css?1760110664347 */
/* /local/templates/stalex2024/components/bitrix/catalog.section.list/sections/style.css?17601106641354 */
/* /local/templates/stalex2024/components/bitrix/search.form/ajax_search/style.css?1760110664223 */
/* /local/templates/stalex2024/components/bitrix/breadcrumb/breadcrumbs/style.css?17633874271081 */
/* /local/templates/stalex2024/template_styles.css?176011066549476 */