:root{
    --main: #049A9B;

    --text: #072626;
    --text-main: #006566;
    --text--sub: #07262660;
    --text--sub-dark: #07262699;
    --text--light: #072626CC;
    --text--disabled: #0726264D;

    --back--light: #f3f4f4;
    --back--lighter: #07262608;
    --back--lightgreeen: #049A9B1A;
    --back--darker: #0726261A;
    --back--dark: #072626;
    --back--dark-lighter: #103D3D;

    --border: #07262633;

    --hr: #07262614;

    --green: #1FCB52;
    --red: #F92929;

    --rad: 20px;
    --but-height: 60px;
    --height: 48px;

    --gap-l: 100px;
    --gap-b: 40px;
}

@media all and (max-width: 1024px) {
    :root{
        --gap-l: 80px;
    }
}

/*
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Thin.eot');
    src: url('../fonts/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Thin.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Thin.woff') format('woff'),
    url('../fonts/Inter/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraLight.eot');
    src: url('../fonts/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-ExtraLight.woff2') format('woff2'),
    url('../fonts/Inter/Inter-ExtraLight.woff') format('woff'),
    url('../fonts/Inter/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Light.eot');
    src: url('../fonts/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Light.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Light.woff') format('woff'),
    url('../fonts/Inter/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot');
    src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Regular.woff') format('woff'),
    url('../fonts/Inter/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.eot');
    src: url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Medium.woff') format('woff'),
    url('../fonts/Inter/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.eot');
    src: url('../fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter/Inter-SemiBold.woff') format('woff'),
    url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.eot');
    src: url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Bold.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Bold.woff') format('woff'),
    url('../fonts/Inter/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBold.eot');
    src: url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2'),
    url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'),
    url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Black.eot');
    src: url('../fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Inter/Inter-Black.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Black.woff') format('woff'),
    url('../fonts/Inter/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*/

header {border-bottom: 1px solid var(--back--darker)}
main {margin-top: 40px}

.btn--main {font-size: 16px;background-color: var(--main);border:1px solid var(--main);border-radius:14px;min-height: var(--but-height);display: inline-flex;padding:0 24px;align-items: center;justify-content: center;cursor: pointer;transition: .4s;color:#fff;user-select: none;text-decoration: none}
.btn--main:hover {background-color: #00BEBF;border-color:#00BEBF}
.btn--main:active {background-color: var(--main);border-color:var(--text-main)}
.btn--main[disabled] {background-color:#049A9B99;border-color:#049A9B99}

.btn--dark {font-size: 16px;background-color: var(--text);border:1px solid var(--text);border-radius:14px;min-height: var(--but-height);display: inline-flex;padding:0 24px;align-items: center;justify-content: center;cursor: pointer;transition: .4s;color:#fff;user-select: none;text-decoration: none}
.btn--dark:hover {background-color: #072626B2;border-color:#072626B2}
.btn--dark:active {background-color: #07262666;border-color:#07262666}

.btn--light {font-size: 16px;background-color: #049A9B1A;border:1px solid #049A9B1A;border-radius:14px;min-height: var(--but-height);display: inline-flex;padding:0 24px;align-items: center;justify-content: center;cursor: pointer;transition: .4s;color:var(--text-main) !important;user-select: none;text-decoration: none}
.btn--light:hover {background-color: #0065661A;border-color:#0065661A}
.btn--light:active {background-color:#049A9B1A;border-color:var(--text-main)}

.btn--gray {font-size: 16px;background-color: var(--back--light);border:1px solid var(--back--light);border-radius:14px;min-height: var(--but-height);display: inline-flex;padding:0 24px;align-items: center;justify-content: center;cursor: pointer;transition: .4s;color:#072626E5 !important;user-select: none;gap:8px;font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 140%;text-decoration: none}
.btn--gray:hover {border-color:var(--main)}
.btn--gray:active {border-color:var(--main)}

.d--input {height: var(--height);background-color: var(--back--light);padding: 0 12px;display: flex;align-items: center;border-radius: 12px;font-family: Inter;font-weight: 300;font-size: 16px;line-height: 140%;color:var(--text--sub-dark);width: 100%;transition: .4s;border:none;outline: none;}
.d--input::placeholder {font-family: Inter;font-weight: 300;font-size: 16px;line-height: 140%;color:var(--text--sub-dark);}
.d--input:hover {background-color: var(--back--darker);}
.d--input:active, .d--input:focus {background-color: var(--back--light);font-weight: 400;color:var(--text)}
.d--input[disabled] {background-color: var(--back--light);font-weight: 400;color:var(--text--disabled)}

/* Custom checkbox */
.custom-checkbox+label::before, .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.custom-checkbox:not(:disabled):active+label::before, .custom-checkbox:focus+label::before, .custom-checkbox:checked+label::before
{-moz-transition: all .4s;-webkit-transition: all .4s;-o-transition: all .4s;-ms-transition: all .4s}

/* для элемента input c type="checkbox" */
.custom-checkbox {position: absolute;z-index: -1;opacity: 0;}

/* для элемента label, связанного с .custom-checkbox */
.custom-checkbox+label {display: inline-flex;align-items: center;user-select: none;text-align: left;padding-left: 25px;font-size: 12px;cursor: pointer;position: relative}

/* создание в label псевдоэлемента before со следующими стилями */
.custom-checkbox+label::before {content: '';display: inline-block;width: 1em;height: 1em;flex-shrink: 0;flex-grow: 0;border: 1px solid var(--back--light) !important;border-radius: 0.25em;margin-right: 0.5em;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;position: absolute;top: 5px;left: 0;}

.d--row.d--checbox-big{margin-bottom: 0}
.d--checbox-big .custom-checkbox+label {padding-left: 35px;font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 14px;color: var(--text-dark);margin-bottom: 0}
.d--checbox-big .custom-checkbox+label::before {width: 22px;height: 22px;top: 0;left: 0;border-radius: 4px !important;}
.d--checbox-big .custom-checkbox:checked+label::before {border-color:#DBDBDB;background-color: transparent;background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23606060' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.d--checbox-big label {font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 16px;line-height: 24px;color: #4F4F4F;}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label::before {
    background-color: var(--back--light) !important;;
}

.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
    border-color: var(--main) !important;;
}

/* стили для активного чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
    background-color: rgba(4, 154, 155, 0.5) !important;
    border-color: rgba(4, 154, 155, 0.5) !important;;
}

/* стили для чекбокса, находящегося в фокусе */
.custom-checkbox:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(4, 154, 155, 0.5) !important;;
}

/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
    border-color: rgba(4, 154, 155, 0.5) !important;;
}

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: var(--main) !important;;
    background-color: var(--main) !important;;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили для чекбокса, находящегося в состоянии disabled */
.custom-checkbox:disabled+label::before {
    background-color: #e9ecef;
}

.custom-checkbox+label::after {
    display: none;
}

/*
Main styles
*/

.detail--text ol {list-style: none;counter-reset: li;margin-bottom: 16px;}
.detail--text ol > li:before {counter-increment: li;content: counters(li,".") ". ";display: inline-block;float: left;margin-right: 10px;font-weight: 600;}
.detail--text ol > li > ol {padding-left: 30px}
.detail--text ol > li > ul {padding-left: 30px}

.detail--text p {margin-bottom: 16px;}

.detail--text ul {margin-bottom: 16px;}
.detail--text ul.circle li:before {content: '';width:4px;height: 4px;border-radius: 50%;background-color: #000;display: inline-block;margin-right: 7px;transform: translateY(-1px)}

ul.circle {list-style-type: none;padding: 0;margin: 0}
ul.circle li{font-family: 'Inter';font-weight: 400;font-size: 16px;line-height: 140%;color:var(--text);margin-bottom: 8px;}
ul.circle li:last-child{margin-bottom: 0;}
ul.circle > li:before{display: inline-block;width:10px;height:10px;border-radius: 2px;background-color: var(--main);margin-right: 9px;content: '';transform: translateY(-1px)}
.inno--text ul, .inno-main-container .inno--text ul {padding: 0 15px 15px 15px;}
.inno--text ul li, .inno-main-container .inno--text ul li {list-style: inside;list-style-position: outside;font-size: 16px;line-height: 140%;margin-bottom: 8px}
.inno--text h2, .inno-main-container .inno--text h2,
.inno--text h3, .inno-main-container .inno--text h3 {font-family: 'Inter';font-weight: 600;font-style: SemiBold;font-size: 20px;line-height: 130%;color:var(--text);margin-bottom: 20px}
.inno--text h3, .inno-main-container .inno--text h3 {margin-bottom: 1rem;}
.inno--text p, .inno-main-container .inno--text p,
.inno--text li, .inno-main-container .inno--text li {margin-bottom: 1rem;font-size: 16px;line-height: 140%}
.inno--text p ~ ul.circle, .inno-main-container .inno--text p ~ ul.circle {margin-top: 0;padding-top: 0}
.inno--text h3 ~ ul.circle, .inno-main-container .inno--text h3 ~ ul.circle {margin-top: 0;padding-top: 0}

body h1, body .inno-main-container H1 {font-family: 'Inter';font-weight: 700;font-size: 28px;line-height: 130%;color:var(--text);text-align: left;}

@media (min-width: 1400px) {
    body .container, body .container-lg, body .container-md, body .container-sm, body .container-xl, body .container-xxl {
        max-width: 1320px;
    }
}

@media (max-width: 1400px) {
    body .container {
        max-width: 100%;
    }
}

@media (max-width: 991.98px) {
    .container.inno-main-container {
        max-width: 100%;
    }
}

/* Hint */
.nTip {display:none;position:absolute;background-color:#fff;padding:15px;color:var(--text);max-width:400px;min-width:20px;z-index:99999;font-size: 12px;border:1px solid var(--border);border-radius: 6px;box-shadow: 0 4px 8px 0 #0000000f;}
.asteriks {cursor: help;position: relative}
.asteriks svg *{fill:var(--main) !important;}
.asteriks--help {color:#fff;background-color:var(--main);border-radius: 3px;margin-right: 10px;width: 16px;height: 16px;display: flex;align-items: center;justify-content: center;font-size: 12px}
.asteriks--box p{margin-top: 0}
.asteriks--box p:last-child{margin-bottom: 0}
.asteriks--parent {display: flex;gap:16px;align-items: center}
/* Hint End */

/* Notes */
#notes {
    position: fixed;
    top: 25px;
    right: 0;
    width: 100%;
    cursor: default;
    transition: height 0.45s ease-in-out;
    -webkit-transition: height 0.45s ease-in-out;
    pointer-events: none;
    z-index: 1000;
}
#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack:end;
    align-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    max-width: 365px;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 20px;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0px 4px 8px 0px #0000000F;



}
@media all and (max-width: 30em) {
    #notes .note-item {
        width: 75vw;
        max-width: none;
    }
}
#notes .note-item[data-show=false] {
    pointer-events: none;
    opacity: 0 !important;
    max-height: 0 !important;
    margin-bottom: 0 !important;
}
#notes .note-item[data-type=info] {
    background-color: rgba(55, 94, 151, 1);
}
#notes .note-item[data-type=warn] {
    background-color: rgba(235, 172, 0, 1);
    animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=error] {
    background-color: rgba(153, 0, 0, 1);
    animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}
#notes .note-item[data-type=success] {
    background-color: #fff;
}
#notes .note-item[data-type=fav] {
    background-color: rgba(255, 255, 255, 1);
}
#notes .note-item .note-item-text {
    flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
}
#notes .note-item .note-item-btn {
    width: 1.25em;
    height: 1.25em;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTguMyw1LjcxTDE4LjMsNS43MWMtMC4zOS0wLjM5LTEuMDItMC4zOS0xLjQxLDBMMTIsMTAuNTlMNy4xMSw1LjdjLTAuMzktMC4zOS0xLjAyLTAuMzktMS40MSwwbDAsMCBjLTAuMzksMC4zOS0wLjM5LDEuMDIsMCwxLjQxTDEwLjU5LDEyTDUuNywxNi44OWMtMC4zOSwwLjM5LTAuMzksMS4wMiwwLDEuNDFoMGMwLjM5LDAuMzksMS4wMiwwLjM5LDEuNDEsMEwxMiwxMy40MWw0Ljg5LDQuODkgYzAuMzksMC4zOSwxLjAyLDAuMzksMS40MSwwbDAsMGMwLjM5LTAuMzksMC4zOS0xLjAyLDAtMS40MUwxMy40MSwxMmw0Ljg5LTQuODlDMTguNjgsNi43MywxOC42OCw2LjA5LDE4LjMsNS43MXoiLz48L3N2Zz4=) no-repeat 0 0/contain;
    display: none;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
        -webkit-transform: translate3d(-1px, 0, 0);
        -ms-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
        -webkit-transform: translate3d(2px, 0, 0);
        -ms-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
        -webkit-transform: translate3d(-4px, 0, 0);
        -ms-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
        -webkit-transform: translate3d(4px, 0, 0);
        -ms-transform: translate3d(4px, 0, 0);
    }
}
@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        -webkit-transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        -webkit-transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        -webkit-transform: translate3d(4px, 0, 0);
    }
}

#notes [data-type="fav"] .note--left svg, #notes [data-type="fav"]:hover .note--left svg {stroke: transparent}
.note--box {display: flex;gap:12px;}
.note--left{padding-top: 2px}
.note--right > span{font-weight: 500;font-size: 16px;line-height: 130%;color:var(--text)}
.note--right a{margin-top: 12px;font-weight: 500;font-size: 16px;line-height: 130%;color:var(--main);display: flex;align-items: center;gap:8px;}
.note--right a.svg--fill svg *{fill:var(--main);stroke:transparent}
.note--right a span{border-bottom: 1px dashed transparent;transition: .4s}
.note--right a:hover span{border-bottom: 1px dashed var(--main)}

/* Notes End */

/* Prices */
.item--price {margin-top: 12px;font-family: 'Inter';font-weight: 700;font-size: 20px;line-height: 140%;color:var(--text);display: flex;gap: 16px;}
.item--price-bottom {font-size: 22px;color:var(--text);font-weight: 600}
.item--price-top {display: flex;gap:10px;align-items: center;}
.item--price-old {font-size: 14px;color:var(--text--disabled);text-decoration: line-through;font-weight: 500}
.item--price-percent {font-size: 14px;color:var(--red);display: none}
.item--price-economy {margin-bottom: 10px;background: #fff8db;
    border: 1px solid #ffd83a;
    display: inline-block;
    padding: 2px 5px 1px;
    color: #333;
    border-radius: 1px;
    font-size: 0.733em;
    line-height: 1.273em;
    height: 18px;}

@media all and (max-width: 768px) {
    .item--price-bottom {font-size: 18px;}
    .item--price-old {font-size: 16px;line-height: 20px}
}

@media all and (max-width: 359px) {
    .item--price-bottom {font-size: 14px;}
}

/*
Quantity status
*/
.item--status {font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 140%;letter-spacing: 0%;color:var(--text)}
.item--status:before {display: inline-block;border-radius: 2px;width:10px;height:10px;content: '';margin-right: 6px;}
.item--status:not(.--red):before {background-color: var(--green)}
.item--status.--red:before {background-color: var(--red)}

@media all and (max-width: 359px) {
    .item--status {font-size: 14px;}
}

/*
Catalog card item styles
*/
[data-type="block"] .catalog--block-list {display: flex;--gap: 8px;--columns: 3;gap: var(--gap);flex-wrap: wrap}
.is--noside [data-type="block"] .catalog--block-list {--columns: 4;}
[data-type="block"] .catalog--block-item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));padding: 12px;border-radius: 20px;transition: box-shadow .4s;}

[data-type="block"] .splide__pagination {bottom: -20px}
[data-type="block"] .splide__pagination__page {width: 5px;height: 5px;background-color: var(--inp-border)}
[data-type="block"] .splide__pagination__page.is-active {background-color: var(--a)}

[data-type="block"] .item--link {display: block;position: relative;padding-bottom: 70px;height: 100%}
[data-type="block"] .item--img {width: 100%;height: 0;padding-top: 100%;position: relative;margin-bottom: var(--gap);display: block}
[data-type="block"] .item--img img {position: absolute;top:0;left:0;object-fit: contain;object-position: center;width: 100%;height: 100%;border-radius: 10px;overflow: hidden;z-index: 1}
[data-type="block"] .js--slider-blocks {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 2;position: absolute;top:0;left: 0;width: 100%;height: 100%;display: flex}
[data-type="block"] .js--slide-eq {display: flex;height: 100%}
[data-type="block"] .js--card-splide {width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 1}
[data-type="block"] .splide__track {width: 100%;height: 100%;position: absolute;top:0;left:0;}
[data-type="block"] .item--footer {display: flex;justify-content: space-between;position: absolute;bottom:0;left:0;width: 100%}
[data-type="block"] .item--info {margin-bottom: var(--gap);margin-top: 16px}
[data-type="block"] .item--stickers {position: absolute;top:-5px;left:-5px;z-index: 30;display: flex;flex-wrap: wrap;gap:5px;}
[data-type="block"] .item--sticker {padding: 4px 8px;display: inline-flex;align-items:  center;justify-content: center;font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 140%;border-radius: 16px;gap:8px;}
[data-item="novinka"] {background-color: #f3f4f4;color:var(--text)}
[data-item="vybor-pokupateley"] {background-color: #f3f4f4;color:var(--text)}
[data-item="khit-prodazh"] {background-color: #f3f4f4;color:var(--text)}
[data-item="aktsiya"] {background-color: #f3f4f4;color:var(--text)}
.basket--box {width:100%;}
.basket--btn {width:100%;font-size: 16px;background-color: #049A9B1A;border:1px solid #049A9B1A;border-radius:14px;min-height: var(--but-height);display: inline-flex;padding:0 24px;align-items: center;justify-content: center;cursor: pointer;color:var(--text-main) !important;user-select: none;gap:8px;}
.basket--btn:hover {background-color: #0065661A;border-color:#0065661A}
.js--product.--in-basket .basket--btn:hover {border-color:#049A9B1A}
.basket--btn:active {background-color:#049A9B1A;border-color:var(--text-main)}
.--in-compare svg{fill: var(--main);stroke:transparent}
.--in-fav svg {fill: var(--main);stroke:var(--main)}
.js--product.--in-basket [data-type="basket"]{background-color: transparent;padding: 0;}
.js--product [data-type="basket"] .to{display: block;fill:var(--main)}
.js--product [data-type="basket"] .in{display: none}
.js--product.--in-basket [data-type="basket"] .to{display: none}
.js--product.--in-basket [data-type="basket"] .in{display: flex;color:var(--main);align-items: center;justify-content: center;width: 100%;min-height: var(--but-height);}
.js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}
.js--product.--in-basket [data-type="basket"] .item--quantity svg{fill: #fff}

.quantity--plus,.quantity--minus {width: 33%;min-width: 33%;background-color: var(--main);border:1px solid var(--main);display: flex;align-items: center;justify-content: center;min-height: var(--but-height);transition: background-color .4s}
.quantity--plus:hover,.quantity--minus:hover {background-color: var(--back--lightgreeen)}
.quantity--plus svg,.quantity--minus svg{transition: .4s;fill:#fff;}
.quantity--plus:hover svg,.quantity--minus:hover svg{fill: var(--main) !important;}
.quantity--minus {border-top-left-radius: 14px;border-bottom-left-radius: 14px}
.quantity--plus {border-top-right-radius: 14px;border-bottom-right-radius: 14px}
.item--quantity-input {flex-grow: 1;width: 33%;min-height: var(--but-height);line-height: var(--but-height);padding: 0 10px;background-color: var(--back--light);font-family: Inter;font-weight: 400;font-size: 16px;color:var(--text);text-align: center;border:none;outline: none}

[data-type="block"] .item--btns{position: absolute;top:10px;right:10px;z-index: 4;display: flex;flex-direction: column;gap:12px;opacity: 0;visibility: hidden;transition: opacity .4s}
[data-type="block"] .catalog--block-item:hover .item--btns{opacity: 1;visibility: visible;}
[data-type="block"] [data-type="fav"]{}
[data-type="block"] [data-type="compare"]{}
[data-type="block"] .item--title {font-family: 'Inter';font-weight: 500;font-size: 20px;line-height: 140%;color:var(--text);display: block}
[data-type="block"] .item--props {display: flex;gap:16px;justify-content: space-between;align-items: flex-start;margin-top: 6px;}

[data-type="block"] .item--price {width: 100%;min-height: 35px;display: flex;gap:8px;flex-wrap: wrap}
[data-type="block"] .item--articul {display: flex;align-items: center;gap:3px;line-height: 18px;font-size: 12px;color:#B5B5B5;}
[data-type="block"] .item--articul .name{}
[data-type="block"] .item--articul .value{display: flex;}

[data-type="block"] .component--nav-box {text-align: center;margin: 40px 0}
[data-type="block"] .component--nav {display: inline-flex;align-items: center;flex-wrap: wrap;--size:30px;}
[data-type="block"] .component--nav a.disabled {display: none;opacity: 0;cursor: default;}
[data-type="block"] .component--nav a {margin: 5px;border: 0.1rem solid var(--fill_dark_light_hover);padding: 5px;color: var(--fill_dark_light_hover);font-size: 16px;min-width: var(--size);min-height: var(--size);max-height: var(--size);text-decoration: none;display: flex;align-items: center;justify-content: center}
[data-type="block"] .component--nav svg .cls-1{fill: var(--fill_dark_light_hover);}

[data-type="block"] .js--load-more {display: inline-flex;text-transform: uppercase;max-width: 200px}
[data-type="block"] [data-form="analog"] {display: flex}

@media all and (max-width: 1680px) {
    [data-type="block"] .item--stickers {top: 0;left: 0;}
    [data-type="block"] .item--btns {gap:10px;}
    .catalog--items [data-type="compare"] svg, .catalog--items [data-type="fav"] svg {width: 20px;height:20px}
    [data-type="block"] .item--price {gap:8px;}
}

@media all and (max-width: 1480px) {
    [data-type="block"] .item--price {gap:6px;}
}

@media all and (max-width: 1280px) {
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 3;}
}

@media all and (max-width: 1024px) {
    section.catalog--items[data-type="block"] .catalog--block-list{overflow-x: auto;flex-wrap: nowrap;padding-bottom: 20px}

    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar {width: 6px; /* ширина для вертикального скролла */height: 6px ; /* высота для горизонтального скролла */background-color: transparent;}
    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar-thumb {background-color: var(--main);border-radius: 0;box-shadow: none;}
    section.catalog--items[data-type="block"] .catalog--block-list::-webkit-scrollbar-thumb:hover {background-color: var(--main);}

    [data-type="block"] .item--btns {opacity: 1;visibility: visible;top:0;right:0;gap:8px}
    .catalog--items [data-type="compare"] svg, .catalog--items [data-type="fav"] svg {width: 16px;height:16px}
    [data-type="block"] .item--price {gap:4px;}

    [data-type="block"] .basket--box {opacity: 1;visibility: visible}
    [data-type="block"] .basket--btn {padding: 0 20px;}
    [data-type="block"] .catalog--block-item {padding: 8px}
}

@media all and (max-width: 768px) {
    [data-type="block"] .catalog--block-item {padding: 6px}
    [data-type="block"] .catalog--block-list {--gap: 6px;}
    [data-type="block"] .item--info {margin-top: 10px}
    [data-type="block"] .item--props {flex-wrap: wrap;justify-content: flex-start;gap:4px;margin-top: 0}
    [data-type="block"] .item--reyt {margin-left: -4px;}

    [data-type="block"] .item--footer {flex-wrap: wrap;gap:8px}
    [data-type="block"] .basket--box {width: 100%;}
    [data-type="block"] .item--link {padding-bottom: 70px}

    .tabs--item .swiper [data-type="block"] .catalog--block-item {width: 220px}
    .swiper [data-type="block"] .catalog--block-item {width: 220px}
    .popup--swiper .swiper [data-type="block"] .catalog--block-item {width: 350px}

    .catalog--box [data-type="block"] .catalog--block-list {--columns: 2;}
    [data-type="block"] .item--title {font-size: 15px;}
}

@media all and (max-width: 500px) {
    [data-type="block"] .item--price {gap:0}
    [data-type="block"] .item--footer {gap:5px}
}

@media all and (max-width: 374px) {
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 1}
}

.basket--btns-zakaz .js--subcribe{width: 100%;max-width: 100%}
.basket--btns-zakaz .js--subcribe > svg{min-width: 22px}
.basket--btns-zakaz .in{display: none}
.js--product.--subscribed .basket--btns-zakaz .to{display: none}
.js--product.--subscribed .basket--btns-zakaz .in{display: block}

@media all and (min-width: 1024px) {
    .mobile {display: none}
}

@media all and (max-width: 1024px) {
    .desktop {display: none}
}

@media all and (max-width: 440px) {
    .basket--btns-zakaz .js--subcribe {padding-left: 16px;padding-right: 16px;font-size: 14px;}
}

@media (max-width: 1199.98px) {
    .container {
        max-width: 100% !important;
    }
}

/* Header */
header.sticky .header--center{position: fixed;top:0;left: 0;width: 100%;background-color: #fff;z-index: 1000;margin: 0;padding: 12px 8px;height: 120px;box-shadow: 0px 7px 10px 0px #0000001C} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--center-row{margin-top: 0}
header.sticky .header--logo{margin-top: -5px}
header.container {margin-bottom: var(--gap-b);height: 155px}
.header--social {width: 20px;height: 20px;display: block;}
.header--social svg{width: 100%;height: 100%;}

.header--top {margin-top: 0;background-color: var(--back--lighter)}
.header--top .container {display: flex;justify-content: space-between;height: 40px;align-items: center}
.header--center-row {display: flex;gap:24px;height: 100px;align-items: center}
.header--logo {display: flex;align-items: center;}

.header--top-menu {width: auto;}
.header--top-menu.pad {padding-right: 30px;padding-left: 30px}
.header--top-menu .top--menu {display: flex;gap:var(--gap)}
.header--top-menu .top--menu a {font-size: 14px;font-weight: 400;color:var(--a);opacity: .8;transition: .4s}
.header--top-menu .top--menu a:hover {color:var(--text);opacity: 1}
.header--top-menu .menu--sub {opacity: 0;visibility: hidden;display: flex;flex-direction: column;position: relative}
.header--top-menu .menu--parent  {position: relative;}
.header--top-menu .menu--parent .menu--sub {position: absolute;bottom:0;right: 0;transform: translateY(100%);min-width: 150px;background-color: #fff;padding: var(--gap) 0;
    box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);
    -webkit-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 1px 12px 12px 0px rgba(0,0,0,0.08);}
.header--top-menu .menu--parent .menu--sub a{padding: 7px var(--gap);transition: background-color .4s}
.header--top-menu .menu--parent .menu--sub a:hover{background-color: var(--back)}
.header--top-menu .menu--parent:hover .menu--sub {opacity: 1;visibility: visible}

.header--bottom {width: 100%;overflow-x: auto;padding: 12px 0 12px 0}

.header--bottom::-webkit-scrollbar {
    width: 0; /* ширина для вертикального скролла */
    height: 0; /* высота для горизонтального скролла */
    background-color: transparent;
}
/* ползунок скроллбара */
.header--bottom::-webkit-scrollbar-thumb {
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.header--bottom::-webkit-scrollbar-thumb:hover {
    background-color: var(--main);
}

/* Стрелки */
.header--bottom::-webkit-scrollbar-button:vertical:start:decrement {
    display: none
}
.header--bottom::-webkit-scrollbar-button:vertical:end:increment {
    display: none
}
.header--bottom::-webkit-scrollbar-button:horizontal:start:decrement {
    display: none
}
.header--bottom::-webkit-scrollbar-button:horizontal:end:increment {
    display: none
}

.header--hours {font-family: 'Inter';font-weight: 400;font-size: 15px;line-height: 140%;color:var(--text--sub-dark);white-space: nowrap}
.header--search {flex: 1 auto;}
.header--perconal {}
.header--perconal a{display: flex;flex-direction: column;text-decoration: none;align-items: center;}
.header--perconal a:hover{text-decoration: none}
.header--perconal a:hover span{color:var(--main)}
.header--perconal .svg--fill svg{margin-bottom: 5px}
.header--perconal .svg--fill svg *{fill:var(--main)}
.header--perconal span{white-space: nowrap;font-family: 'Inter';font-weight: 500;font-size: 15px;line-height: 140%;color:var(--text);transition: .4s}
.header--perconal div.btn{border: 1px solid var(--main);color:var(--main)}
.header--perconal div.btn.svg--fill svg *{fill:var(--main)}
.header--perconal div.btn.svg--fill:hover svg *{fill:#fff}
.header--perconal div.btn:hover{border: 1px solid transparent;color:#fff}
.header--phone {display: flex;align-items: center;justify-content: center;gap:8px;}
.header--phone-box, .header--mail-box {display: flex;align-items: center}
.header--phone-box:before {content: '';width: 6px;height: 6px;display: inline-block;border-radius: 2px;border-radius: 2px;margin-right: 12px;margin-left: 4px;background-color: var(--text--sub-dark)}
.header--phone-box > a, .header--mail-box > a{transition: .4s;font-family: 'Inter';font-weight: 500;font-size: 15px;line-height: 140%;color:var(--text--sub-dark);white-space: nowrap;border-bottom: 1px dashed transparent;text-decoration: none}
.header--phone-box > a:hover, .header--mail-box > a:hover{border-bottom: 1px dashed var(--text--sub-dark);text-decoration: none}
.header--buttons {min-width: auto;display: flex;width: max-content;justify-content: space-between;align-items: center;gap:8px;}
.header--buttons a{font-size: 14px;}
.header--buttons > a{position: relative;text-align: center;padding: 0 8px;text-decoration: none}
.header--buttons > a .svg--fill svg *{transition: .4s;fill:var(--main)}
.header--buttons > a[data-type="fav"] .svg--fill svg *{fill: transparent;stroke: var(--dark);}
.header--buttons > a[data-type="fav"]:hover .svg--fill svg *{fill: transparent;stroke: var(--main);}
.header--buttons > a:hover {text-decoration: none}
.header--buttons > a:hover .svg--fill svg *{fill:var(--main)}
.header--buttons > a:hover > span{color:var(--main)}
.header--buttons > a > div{display: inline-block;position: relative;margin-bottom: 5px;height: 23px}
.header--buttons > a > span{display: block;transition: color .4s;font-family: 'Inter';font-weight: 500;font-size: 15px;line-height: 140%;color:var(--text)}
.js--basket-count {position: absolute;    top: -9px;
    right: -17px;background-color: var(--text-main);border-radius: 25px;color:#fff;padding: 2px 8px;width: auto;height: auto;font-size: 10px}
.header--buttons > a:not([data-value]) .js--basket-count,
.header--buttons > a[data-value="0"] .js--basket-count
{padding:0;height: 0;}

.logo--link {display: flex;align-items: center}
.logo--link img{width: 100%;height: 80px}

.header--catalog {display: flex;min-width: 146px}
.header--catalog-but {background-color: var(--main);border-radius: 12px;max-height: 52px;height:var(--height);padding: 0 28px;color: #fff;display: flex;align-items: center;gap:10px;cursor: pointer;transition: background-color .4s;user-select: none}
.header--catalog-but:hover {background-color: #00BEBF;border-color:#00BEBF}
.header--catalog-but:active {background-color: var(--main);border-color:var(--text-main)}
.header--catalog-but svg{fill:#fff;transition: .4s}
.header--catalog-but span{font-size: 16px;font-weight: 500;}
.header--catalog-but .--close{display: none;visibility:hidden;opacity:0;}
.header--catalog-but.--open .--close{display: block;visibility:visible;opacity:1;}
.header--catalog-but.--open .--open{display: none;visibility:hidden;opacity:0;}

.site--desc {max-width: 144px;padding: 0 11px;font-size: 12px;}

@media all and (max-width: 1300px) {
    .header--phone-box > a, .header--mail-box > a, .header--hours{font-size: 14px}
}

@media all and (max-width: 1280px) {
    .header--hours{display: none}
}

@media all and (max-width: 1024px) {
    header.container {height: 185px;margin-bottom: var(--gap)}
}

@media all and (min-width: 767px) {
    .mobile {display: none}
}

@media all and (max-width: 768px) {
    .desktop {display: none}
}

@media all and (max-width: 1280px) {
    .logo--link {width: 124px;}
    .header--center {gap:8px;}

    :root {
        --gap-g: 60px;
    }
}

@media all and (max-width: 1152px) {
    .header--logo .site--desc {display: none}
    .splide__pagination__page {width:9px;height: 9px;}
    .header--catalog-but span {display: none}
    .header--catalog {padding: 0;min-width: 52px}
    .site--h1  {margin-bottom: 16px;margin-top: 24px;}
    .site--h1 h1 {margin-bottom: 0;margin-top:0;font-size: 24px;}
    .section--info-link {font-size: 12px}
    :root {
        --gap-l: 50px;
    }
}

@media all and (min-width: 768px) {
    .header--top-mob
    {display: none}

    .js--filter-mobile {display: none}
}

@media all and (max-width: 1000px) {
    :root {
        --f-h2: 24px;
        --height: 50px;
    }
    .header--phone {margin-left: auto;min-width: auto}
    .header--phone-box {flex-wrap: wrap;justify-content: flex-end;gap:6px}
    .header--buttons {gap:0;}
    .header--buttons > a {padding: 0 3px}
    .header--catalog {min-width: 74px}

    .header--phone-box > a {font-size: 14px;}
}

@media all and (max-width: 900px) {
    .header--top {display: none}
}

@media all and (min-width: 768px) {
    .mobile--tab, .search--mobile-btn, .search--close-icon
    {display: none}
}

@media all and (max-width: 768px) {
    :root {
        --gap-g: 32px;
        --gap-l: 40px;
        --height: 44px;
    }

    .header--bottom, .header--buttons > a > span, .header--perconal span {display: none}
    .header--buttons {margin-right: 12px;order: 5}

    .header--search {order:2;flex:none;}
    .header--search .search--box{position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: #fff;padding: 0 12px;display: flex;align-items: center;z-index: 3;transform: translateY(-200%);transition: .3s;gap:12px;}
    header.search .header--search .search--box{transform: translateY(0)}
    .search--close-icon {width:var(--height);min-width:var(--height);height:var(--height);user-select: none;display: flex;align-items: center;justify-content: center;border-radius: 12px;background-color: #e6f5f5}
    .search--close-icon svg{fill:var(--text-main) !important;}
    .search--box .search--form {width:100%}
    .header--center-row {position: relative;gap:12px;}
    .header--center-row, header.sticky .header--center {height: 80px}
    header.sticky .header--center {padding: 0;}
    .header--perconal {order:4}
    .header--catalog {order: 1;display: none}
    .header--logo {order:3;margin-left: auto;margin-right: auto;}

    .search--mobile-btn {width: calc(var(--height) - 20px);height: var(--height);display: flex;align-items: center;justify-content: center}
    .search--mobile-btn .lupa{position: static;top:auto;left:auto;}

    .mobile--tab-box {position: fixed;bottom:0;left:0;width:100%;background-color: #FBFBFB;height: 74px;z-index: 995;justify-content: space-between;padding: 10px 20px 0 20px;text-align: center;box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);}
    .mobile--tab {display: flex;align-items: center;justify-content: space-between;overflow-x: auto;padding-top: 5px;padding-bottom: 10px}
    .mobile--tab > a {text-align: center;padding: 0 10px;}
    .mobile--tab > a > span {display: block}
    .mobile--tab > a[data-type="fav"] .svg--fill svg * {fill: transparent;stroke: var(--dark);}
    .mobile--tab > a > div {display: inline-block;position: relative;margin-bottom: 5px;height: 20px;}
    .mobile--tab > a:not([data-value]) .js--basket-count, .mobile--tab > a[data-value="0"] .js--basket-count {padding: 0;height: 0;}

    .mobile--tab .header--cat .close {display: none}
    .mobile--tab .header--cat .open {display: block}
    .mobile--tab .header--cat.--open .close {display: block}
    .mobile--tab .header--cat.--open .open {display: none}

    .block--header {margin-bottom: var(--gap)}
    .catalog--view-item svg {width: 16px;height: 16px}

    .catalog--stock .block--title {font-size: 16px;line-height: 19px;}

    .do--buy [data-type="block"] .basket--box{width: var(--height);}
    .do--buy [data-type="block"] .item--footer{flex-wrap: unset}
    .do--buy [data-type="block"] .basket--btn span{display: none !important;}
    .do--buy [data-type="block"] .js--product [data-type="basket"] .to{display: block}
    .do--buy [data-type="block"] .js--product.--in-basket [data-type="basket"] .to{display: none}

    footer {padding-bottom:70px}
}

@media all and (min-width: 550px) {
    .header--mob-call, .header--mob-search
    {display: none}
}

@media all and (max-width: 550px) {
    :root {
        --f-h2: 20px;
        --icon: 44px;
        --height: 44px;
    }

    .header--catalog
    {display: none}

    header.container {height: 100px}

    .header--phone-box {display: none}

    .header--mob-call, .header--mob-search {min-width: var(--icon);align-items: center;justify-content: center;display: flex}

    .top--sub-menu {margin-top: 10px}
    header.container {margin-bottom: 12px}

    header.sticky .header--top {position: fixed;top: 0;left: 50%;width: var(--box);background-color: #fff;z-index: 1000;margin: 0;padding: 0 8px;height: 74px;transform: translateX(-50%);box-shadow: 0px 7px 10px 0px #0000001C;}

    .menu--open header.sticky .header--center {display: block}

    .section--catalog-row {flex-wrap: wrap;row-gap: 8px;gap:10px}
    .section--catalog-row .select--list{min-width: unset}
    .js--filter-mobile {width: 100%}
    .catalog--sort {margin-left: 0;}

    .swiper [data-type="block"] .catalog--block-item {width: 240px;}
    .do--buy .d--buy-btns {flex-wrap: wrap;gap:10px;}
    .do--buy .d--buy-btns > div, .do--buy .d--buy-btns > a{width: 100%;max-width: 100%}
    section.popup--swiper {padding-bottom:0;}
    .popup--swiper  {--img:60px;}
    .popup--swiper [data-type="block"] .item--title {font-size: 10px;line-height: 13px;}

    header.--search {position: relative;}
    header.--search .header--center-row{margin: 0;height: 0}
    header.--search .header--search{position: absolute;top:0;left:0;width:100%;padding: 10px;background-color:#fff}
    header.--search #smart-title-search{display: flex;gap:10px;}
    header.--search #smart-title-search form{width: 100%}
    header.--search .header--center{display: block !important;}
    header.--search .header--center .header--center-row{display: block;}
    header.--search .header--logo,
    header.--search .header--catalog,
    header.--search .header--buttons,
    header.--search .header--perconal
    {display: none;}
}

@media all and (max-width: 440px) {
    .mobile--tab-box {padding-left: 8px;padding-right: 8px}
}

@media all and (max-width: 359px) {
    .logo--link {width: 100%}
}

/* Footer */

footer {background-color: var(--back--dark);margin-top: 60px}

.footer--grid {margin: 60px 0;display: flex;gap:16px;}
.footer--right, .footer--left {width:50%}

.footer--logo, .footer--main-menu, .footer--secondary-menu, .footer--contacts, .footer--info {background-color: var(--back--dark-lighter);border-radius: 20px;padding: 32px;}

.footer--left {display: flex;flex-wrap: wrap;gap:8px;--width:220px;}
.footer--logo {width: 100%;text-align: center}
.footer--logo img {width: 100%;max-width: 400px;}
.footer--secondary-menu {width: var(--width);}
.footer--menu ul{list-style-type: none !important;flex-direction: column;gap:16px;display: flex;padding: 0;margin: 0}
.footer--menu li::marker{display: none}
.footer--menu li a{text-decoration: none;font-family: 'Inter';font-weight: 500;font-size: 16px;line-height: 140%;color:#fff;display: inline-flex;gap:8px;align-items: center}
.footer--menu li a span{border-bottom: 1px dashed transparent;transition: .4s;}
.footer--menu li a:hover{text-decoration: none;}
.footer--menu li a:hover span{border-bottom: 1px dashed #fff;}
.footer--main-menu {width: calc(100% - 8px - var(--width));}

.footer--right {display: flex;flex-direction: column;gap:16px;}
.footer-contacts-row {display: flex;gap:16px;}
.footer-contacts-row svg {fill:#fff;}
.footer--phone-spravka {font-family: 'Inter';font-weight: 400;font-size: 16px;line-height: 140%;color:#fff;margin-bottom: 8px;}
.footer--phone-box a, .footer--email{font-family: 'Inter';font-weight: 800;font-size: 20px;line-height: 130%;color:#fff;text-decoration: none;display: inline-block;border-bottom: 1px dashed transparent;transition: .4s}
.footer--phone-box a:hover, .footer--email:hover{color:#fff;text-decoration: none;border-bottom: 1px dashed #fff}
.footer--hours {font-family: 'Inter';font-weight: 500;font-size: 12px;line-height: 140%;color:#FFFFFFCC;margin-top: 6px;}
.footer--email-text {margin-top: 30px;margin-bottom: 16px;font-family: 'Inter';font-weight: 600;font-size: 13px;line-height: 140%;text-transform: uppercase;color:#FFFFFFCC;}
.footer--contacts-phone {align-items: center}

.footer--info {display:flex;flex-direction: column;gap:30px;flex-grow: 1}
.footer--metro {display: flex;gap:16px;}
.footer--metro svg{fill:#fff;}
.footer--metro-top {font-family: 'Inter';font-weight: 800;font-size: 16px;line-height: 130%;color:#fff;}
.footer--metro-box {display: flex;flex-direction: column;gap:6px;}
.footer--metro-bottom {display: flex;flex-wrap: wrap;gap:6px;}
.footer--metro-bottom span{font-family: 'Inter';font-weight: 500;font-size: 13px;line-height: 140%;color:#FFFFFFCC;vertical-align: middle;}
.footer--metro-bottom .blue:before{content: '';display: inline-block;border-radius: 2px;background-color: #4885FF;width: 10px;height: 10px;margin-right: 6px;}
.footer--metro-bottom .cheren:before{content: '';display: inline-block;border-radius: 2px;background-color: #FFFFFF4D;width: 10px;height: 10px;margin-right: 6px;}
.footer--metro-bottom .red:before{content: '';display: inline-block;border-radius: 2px;background-color: #FF4848;width: 10px;height: 10px;margin-right: 6px;}

.footer--socials {display: flex;flex-wrap: wrap;gap:8px;}
.footer--social {width: 60px;height:60px;display: flex;align-items: center;justify-content: center;border-radius: 14px;background-color: #FFFFFF26;transition: .4s;border:1px solid #FFFFFF26}
.footer--social:hover {background-color: var(--back--dark-lighter);border:1px solid var(--back--dark-lighter)}

.footer--copy--box {border-top:1px solid #FFFFFF1A;padding: 12px 0;}
.footer--copy {display: flex;justify-content: space-between;gap:24px;flex-wrap: wrap;}
.footer--copy a{text-decoration: none}
.footer--copy .copy {font-family: 'Inter';font-weight: 500;font-size: 13px;line-height: 130%;color:#FFFFFFCC;}
.footer--copy .rules a{font-family: 'Inter';font-weight: 500;font-size: 13px;line-height: 130%;color:#FFFFFFCC;border-bottom: 1px dashed transparent;transition: .4s}
.footer--copy .rules a:hover{border-bottom: 1px dashed #FFFFFFCC;}
.footer--copy .dis a {display: flex;align-items: center;gap:6px;color:#FFFFFFCC;font-family: 'Inter';font-weight: 400;font-size: 13px;line-height: 130%;}

@media (max-width: 1000px) {
    .footer--grid {flex-wrap: wrap}
    .footer--right, .footer--left {width: 100%}
    .footer--copy {gap:8px;}
}

@media (max-width: 500px) {
    .footer--main-menu {width: 100%}
    .footer--secondary-menu {width: 100%}
}

/* Message cookies */
.messages_cookies {position: fixed;bottom: 0;left: 0;width: 100%;height: auto;overflow: hidden;background-color: white;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);z-index: 11000;color: #666;padding: 15px 0;font-size: 12px;}
.messages_cookies-wrp {position: relative;width: 80%;margin: 0 auto;}
.messages_cookies-close {position: absolute;top: 0;bottom: 0;right: -20px;display: inline-block;width: 16px;height: 16px;margin: auto 0;background: url(https://snipp.ru/img/сlose.png) 0 0 no-repeat;}

/* Page Layout */
.page--box {display: flex;gap:16px;margin-top: 20px}
.page--content {flex-grow:1;}
.page--side {width:370px;min-width: 370px;}

@media all and (max-width: 1024px) {
    .page--box {flex-wrap: wrap}
    .page--side {width: 100%}
}

@media all and (max-width: 550px) {
    .page--side {min-width: unset;}
}

/* Side box */
.vakancy--offer {background-color: var(--main);padding:24px;border-radius:16px;}
.vakancy--offer-title {font-family: 'Inter';font-weight: 600;font-size: 18px;line-height: 140%;color:#fff;}
.vakancy--offer-desc {font-family: 'Inter';font-weight: 400;font-size: 16px;line-height: 140%;color:#fff;margin-top: 10px;}
.vakancy--offer-desc a {color:#fff;border-bottom: 1px dashed transparent;transition: .4s;text-decoration: none}
.vakancy--offer-desc a:hover {border-bottom: 1px dashed #fff}
.vakancy--offer-btns {margin-top: 40px;}

.announcement-wrapper iframe{max-width: 100%}

.bottom--text {padding:16px;background-color: #f1f1f1;border-radius: 6px;}