@charset "utf-8";

/* Defaults */
:root {
    --inp-border:#E1E1E1;
    --border:#E8EBF1;

    --a: #39414D;
    --a-hover: #2669b1;
    --background-main:#ffffff;

    --main:#FF612E;
    --main-hover:#FF794E;
    --main-active:rgba(255,97,46,0.5);
    --light: #fff;
    --dark: #2C2C2C;
    --text: #4A5260;
    --text-invis: #B6B6B6;
    --text-second: #494949;

    --back: #F7F7F7;

    /* Buttons */
    --green: #00B563;
    --green-hover: #008448;

    --red: #EF2222;

    --gap:16px;
    --gap-g:100px;
    --gap-l:60px;
    --gap-b:30px;
    --gap-s:5px;
    --gap-m:10px;

    --op:0.95;
    --op-s:0.15;

    --rad:12px;
    --height:50px;

    --f-h2: 40px;
    --f-h3: 28px;
    --f-h4: 24px;
    --f-h5: 20px;
    --f-h6: 16px;
    --f-s: 10px;

    --size:60px;
    --sidebar:300px;
    --box:1680px;
    --icon:52px;

    --input-height:55px;
}

[light] {

}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 1;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Thin.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Thin.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Thin.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Thin.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Thin.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraLight.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-ExtraLight.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-ExtraLight.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-ExtraLight.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-ExtraLight.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Light.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Light.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Light.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Light.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Medium.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-SemiBold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-SemiBold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Bold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-ExtraBold.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-ExtraBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-ExtraBold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-ExtraBold.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Black.eot'); /* IE 9 Compatibility Mode */
    src: url('../fonts/Inter/Inter-Black.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
    url('../fonts/Inter/Inter-Black.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Inter/Inter-Black.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
    url('../fonts/Inter/Inter-Black.ttf') format('truetype'); /* Safari, Android, iOS */ ;
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


.page--box{overflow: hidden;display: flex;flex-direction: column;min-height: 100vh;}
header {flex: 0 0 auto;} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--center{position: fixed;top:0;left: 0;width: 100%;background-color: #fff;z-index: 1000;margin: 0;padding: 12px 8px;height: 74px;box-shadow: 0px 7px 10px 0px #0000001C} /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
header.sticky .header--center-row{margin-top: 0}
main {flex: 1 0 auto;padding-bottom: var(--gap-g)} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
footer {flex: 0 0 auto;} /* 1 flex-grow, 0 flex-shrink, auto flex-basis */

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,input,button {outline: 0;padding: 0;margin: 0;border: 0;}

body * {box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-font-smoothing: antialiased;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    /*scroll-behavior: smooth;*/
}

/* Sections
   ========================================================================== */
/* Remove the margin in all browsers. */
body {font-family: 'Inter';font-size: 14px;font-weight:400;font-style:normal;-webkit-overflow-scrolling: touch;color: var(--text);overflow-x: hidden;}

/* Render the `main` element consistently in IE. */
main {display: block;}

/* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1, .h1 {font-size: 32px;margin: 30px 0 16px 0;text-align: left;position: relative;font-weight: 500;color:var(--a);line-height: normal}
h2, .h2 {font-size: 32px;margin: 30px 0 20px 0;text-align: left;position: relative;font-weight: 500;color:var(--a);line-height: normal}
h3, .h3 {font-size: 28px;margin: 30px 0 20px 0;text-align: left;position: relative;font-weight: 500;color:var(--a);line-height: normal}
h4, .h4 {line-height: normal;margin-bottom: 20px}

.--text a {color:var(--main)}
.--text ol {
    list-style: none;
    counter-reset: li;

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

p, .p, .--text {font-size: 16px;margin: 0 0 16px 0;text-align: left;font-weight: 400;color:var(--a);line-height: 22px}
li, .li {font-size: 16px;line-height: 22px;color:var(--a);margin-bottom: 16px;position: relative}
.text--content li:before, .text--content .li:before {content: '';display: inline-block;width: 6px;height:6px;background-color: var(--main);border-radius: 50%;margin-right: 7px;transform: translateY(-3px)}

ul.circle li:before {content: '';width:6px;height: 6px;border-radius: 50%;background-color: var(--main);display: inline-block;margin-right: 7px;transform: translateY(-1px)}

@media all and (max-width: 1480px) {
    h1, .h1 {font-size: 28px;line-height: 34px;}
    h2, .h2 {font-size: 24px;line-height: 29px;}
    h3, .h3 {font-size: 22px;line-height: 26px;}
}

@media all and (max-width: 1152px) {
    h1, .h1 {font-size: 24px;line-height: 28px;margin-bottom: 20px}
    h2, .h2 {font-size: 20px;line-height: 26px;}
    h3, .h3 {font-size: 18px;line-height: 22px;}

    p, .p,
    li, .li,
    .--text {font-size: 14px;line-height: 20px;}
}

@media all and (max-width: 767px) {
    h1, .h1{font-size: 22px;line-height: 26px;}
    h2, .h2 {font-size: 18px;line-height: 22px;}
    p, .p,
    li, .li{font-size: 14px;line-height: 20px;}
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/* Remove the gray background on active links in IE 10. */
a {background-color: transparent;color:var(--a);text-decoration: none;}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: 500;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Add the correct font size in all browsers. */
small {font-size: 80%;}

/* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}

/* Embedded content
   ========================================================================== */

/* Remove the border on images inside links in IE 10. */
img {border-style: none;image-rendering: -webkit-optimize-contrast !important;}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/* Correct the inability to style clickable types in iOS and Safari. */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/* Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/* Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/* Correct the padding in Firefox. */
fieldset {padding: 0.35em 0.75em 0.625em;}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {vertical-align: baseline;}

/* Remove the default vertical scrollbar in IE 10+. */
textarea {overflow: auto;}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

/* Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {-webkit-appearance: textfield; /* 1 */outline-offset: -2px; /* 2 */}

/* Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/* Add the correct display in Edge, IE 10+, and Firefox. */
details {display: block;}

/* Add the correct display in all browsers. */
summary {display: list-item;}

/* Misc
   ========================================================================== */

ul {list-style-type: none}
ul li::marker{display: none}

/* Add the correct display in IE 10+. */
template {display: none;}

/* Add the correct display in IE 10. */
[hidden] {display: none;}

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

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

.container {box-sizing: border-box;margin-left: auto;margin-right: auto;padding-right: 16px;padding-left: 16px;max-width: var(--box);margin: 0 auto;width: 100%}
.container-fluid {padding-right: 16px;padding-left: 16px;margin: 0 auto;max-width: 1280px}

@media all and (max-width: 768px) {
    .container {padding-right: 8px;padding-left: 8px;}
    .container-fluid  {padding-right: 12px;padding-left: 12px;}
}

.scroll--x::-webkit-scrollbar,
.scroll--y::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #F6F6F6;
}
.scroll--x::-webkit-scrollbar-thumb,
.scroll--y::-webkit-scrollbar-thumb
{
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.scroll--x::-webkit-scrollbar-thumb:hover,
.scroll--y::-webkit-scrollbar-thumb:hover
{
    background-color: var(--main);
}

.scroll--no::-webkit-scrollbar,
.scroll--no::-webkit-scrollbar-thumb{background-color: transparent}

.svg--stroke svg *{stroke:var(--dark);stroke-width: 2px;fill: transparent}
.svg--fill svg *{fill:var(--dark)}

body:not([light]) .js--night svg *{fill:var(--light)}
body[light] .js--light svg *{fill:var(--light)}

/* 404 начат*/
#notfound {position: relative;height: 100vh;}
#notfound .notfound-bg {position: absolute;width: 100%;height: 100%;background-image: url('../img/bg.jpg');background-size: cover;}
#notfound .notfound-bg:after {content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255, 0, 36, 0.7);}
#notfound .notfound {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.notfound {max-width: 910px;width: 100%;line-height: 1.4;text-align: center;}
.notfound .notfound-404 {position: relative;height: 200px;}
.notfound .notfound-404 h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 220px;font-weight: 900;margin: 0px;color: #fff;text-transform: uppercase;letter-spacing: 10px;}
.notfound h2 {font-size: 22px;font-weight: 700;text-transform: uppercase;color: #fff;margin-top: 20px;margin-bottom: 15px;}
.notfound .home-btn, .notfound .contact-btn {display: inline-block;font-weight: 700;text-decoration: none;background-color: transparent;border: 2px solid transparent;text-transform: uppercase;padding: 13px 25px;font-size: 18px;border-radius: 40px;margin: 7px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound .home-btn:hover, .notfound .contact-btn:hover {opacity: 0.9;}
.notfound .home-btn {color: rgba(255, 0, 36, 0.7);background: #fff;}
.notfound .contact-btn {border: 2px solid rgba(255, 255, 255, 0.9);color: rgba(255, 255, 255, 0.9);}
.notfound-social {margin-top: 25px;}
.notfound-social>a {display: inline-block;height: 40px;line-height: 40px;width: 40px;font-size: 14px;color: rgba(255, 255, 255, 0.9);margin: 0px 6px;-webkit-transition: 0.2s all;transition: 0.2s all;}
.notfound-social>a:hover {color: rgba(255, 0, 36, 0.7);background-color: #fff;border-radius: 50%;}

@media only screen and (max-width: 767px) {
    .notfound .notfound-404 h1 {font-size: 182px;}
}

@media only screen and (max-width: 480px) {
    .notfound .notfound-404 {height: 146px;}
    .notfound .notfound-404 h1 {font-size: 146px;}
    .notfound h2 {font-size: 16px;}
    .notfound .home-btn, .notfound .contact-btn {font-size: 14px;}
}

/* 404 окончен*/

/* Notes */
#notes {
    position: fixed;
    top: 75px;
    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: rgba(63, 104, 28, 1);
}
#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(--a)}
.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 solid transparent;transition: .4s}
.note--right a:hover span{border-bottom: 1px solid var(--main)}

/* Notes End */

/* Hint */
.nTip {display:none;position:absolute;background-color:#fff;padding:16px;color:var(--text-second);max-width:250px;min-width:20px;z-index:99999;font-size: 12px;box-shadow: 0 4px 8px 0 #0000000F;border-radius: 6px}
.nTip h4{margin-bottom: 10px}
.asteriks {cursor: help;position: relative}
.asteriks--help {color:#fff;background-color:#2b2b2b;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}
/* Hint End *

/* 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 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}

/* для элемента 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 #adb5bd;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: 6px}
.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:hover::before {
    border-color: var(--main);
}

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

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

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

/* стили для чекбокса, находящегося в состоянии checked */
.custom-checkbox:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    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;
}

.d--personal .custom-checkbox+label{display: block;line-height:normal;}

/* Custom radio */
.d--radio .custom-radio+label::before{width: 16px;height: 16px}

.custom-radio+label::before, .custom-radio:not(:disabled):not(:checked)+label:hover::before,
.custom-radio:not(:disabled):active+label::before, .custom-radio:focus+label::before, .custom-radio:checked+label::before
{-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s}
/* для элемента input c type="radio" */
.custom-radio {position: absolute;z-index: -1;opacity: 0;}
/* для элемента label связанного с .custom-radio */
.custom-radio+label {display: inline-flex;align-items: center;user-select: none;position: relative;cursor: pointer;}
/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio+label::before {content: '';display: inline-block;width: 17px;height: 17px;flex-shrink: 0;flex-grow: 0;border: 1px solid #adb5bd;border-radius: 50%;margin-right: 9px;background-repeat: no-repeat;background-position: center center;background-size: 50% 50%;}
/* стили при наведении курсора на радио */
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active+label::before {
    background-color: rgba(255, 97, 46, 0.5);
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе */
.custom-radio:focus+label::before {
    box-shadow: 0 0 0 0.2rem rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked)+label::before {
    border-color: rgba(255, 97, 46, 0.5);
}
/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked+label::before {
    border-color: var(--main);
    background-color: var(--main);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled+label::before {
    background-color: #fff;
}

/* Fake List */
.select--list {position: relative;min-width: 210px}
.select--list svg{width: 6px;height: 12px;margin-right: 5px;transform: rotate(90deg);margin-left: auto;transition: .4s}
.select--list.opened svg{transform: rotate(-90deg)}
.select--list-items {display: none;opacity: 0;visibility: hidden;position: absolute;top:calc(100% + 5px);left:0;width: 100%;height: auto;background-color: var(--white);z-index: 10;padding: 16px;border-bottom-left-radius: var(--b-radius-small);border-bottom-right-radius: var(--b-radius-small)}
.select--list-item {display: flex;align-items: center;justify-content: flex-start;cursor: pointer;padding: 5px 10px;user-select: none;transition: .4s;font-size: 14px;line-height: 17px;}
.select--list-item:hover {color: var(--main)}
.select--list-item.selected {color: var(--main)}
.select--list-item:last-child {margin-bottom: 0;}
.select--list.opened .select--list-items {display: flex;flex-direction:column;gap:8px;opacity: 1;visibility: visible;box-shadow: 0 7px 8px rgba(34, 34, 34, 0.15);border-radius: 12px;}
.select--list.opened .select--list-visible {border-color:var(--a)}
.select--list.opened {}
.select--list-visible {display: flex;align-items: center;justify-content: flex-start;gap:12px;padding: 0 20px;background-color: #fff;border-radius:12px;cursor: pointer;height: var(--height);transition: .5s;border: 1px solid var(--border);font-size: 14px;line-height: 17px;}
.select--list.opened .select--list-visible {box-shadow: 0 4px 8px rgba(34, 34, 34, 0.25);}
.select--list-visible:hover {box-shadow: 0 4px 4px rgba(34, 34, 34, 0.05);}

@media all and (max-width: 545px) {
    .d--Inner {min-width: 320px;max-width: 320px;padding: 40px 20px 40px 20px;}
}

.article--product-slide {text-align: center;padding:10px;height: 0;line-height: 0;padding-top: 75%;background-size: cover;background-repeat: no-repeat;background-position: center center;cursor:pointer}
.article--product-slide img{display: none}

/* Ripple Effect */
.--ripple {position: relative;overflow: hidden;}
.--is-ripple {transform: translate3d(0,0,0);}
.rippleAnimation {width: 0;height: 0;border-radius: 50%;background: rgba(255, 97, 46, 0.5);transform: scale(0);position: absolute;opacity: 1;animation: ripple .6s linear;z-index: 100;}

@keyframes ripple {
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

[type="text"],
[type="password"],
textarea
{min-height: var(--height);border-radius: var(--rad);background-color: #fff;border:1px solid var(--inp-border)}

[data-type="compare"] svg,
[data-type="fav"] svg
{transition: .4s;stroke:#9CA0A9;fill:transparent}

[data-type="basket"] svg {fill:#fff;stroke:transparent}
[data-type="compare"] svg {fill:#9CA0A9;stroke:transparent}

[data-type="compare"]:hover svg,
[data-type="fav"]:hover svg
{stroke:var(--a);}

[data-type="compare"]:hover svg {stroke:transparent;fill:var(--a)}

.--red {color:var(--red)}

/* Statuses */
.item--status {font-size: 12px;line-height: 18px}
.item--status.--green {color:#148412}
.item--status.--yellow {color:#845d12}
.item--status.--grey {color:#7d7d7d}

/* Prices */
.item--price-bottom {font-size: 22px;color:var(--a);font-weight: 600}
.item--price-top {display: flex;gap:10px;margin-bottom: 4px;align-items: center;}
.item--price-old {font-size: 18px;color:var(--text-invis);text-decoration: line-through;font-weight: 500}
.item--price-percent {font-size: 14px;color:var(--red);}

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

@media all and (max-width: 1024px) {
    .item--price-bottom {font-size: 18px;line-height: 22px}
    .item--price-old {font-size: 14px;line-height: 17px}
}

@media all and (max-width: 768px) {
    .item--price-bottom {font-size: 14px;line-height: 17px}
    .item--price-old {font-size: 11px;line-height: 14px}
    .item--price-percent {font-size: 11px;line-height: 14px}
}

/* Catalog */
.not--available {opacity: .5}
.not--available-status {font-size: 18px;line-height: 22px;margin-bottom: 10px;}
.price--last {font-size: 18px;line-height: 22px;margin-bottom: 10px;}

@media all and (max-width: 1620px) {
    .not--available-status,
    .price--last {font-size: 16px;line-height: 20px;}
}

@media all and (max-width: 1480px) {
    .not--available-status,
    .price--last {font-size: 14px;line-height: 18px;}
}

.basket--btn {user-select: none}

.swiper [data-type="block"] .catalog--block-item {height: auto}
.swiper [data-type="block"] {align-items: stretch}

.basket--item .basket--btn {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main)}
.basket--item .--in-compare svg{fill: var(--main);stroke:transparent}
.basket--item .--in-fav svg {fill: var(--main);stroke:var(--main)}
.basket--item.js--product.--in-basket [data-type="basket"]{background-color: transparent;}
.basket--item.js--product [data-type="basket"] .to{display: block}
.basket--item.js--product [data-type="basket"] .in{display: none}
.basket--item.js--product.--in-basket [data-type="basket"] .to{display: none}
.basket--item.js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
.basket--item.js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}

[data-type="block"] .catalog--block-list {display: flex;--gap: 20px;--columns: 6;gap: var(--gap);flex-wrap: wrap}
[data-type="block"] .catalog--block-item {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));padding: 16px;border-radius: 20px;border:1px solid var(--inp-border);transition: box-shadow .4s;box-shadow: 0 4px 8px 0 #0000000F;}
[data-type="block"] .catalog--block-item:hover {box-shadow: 0px 7px 10px 0px #0000001C;}

[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: 60px;height: 100%}
[data-type="block"] .item--img {width: 100%;height: 0;padding-top: 100%;position: relative;margin-bottom: var(--gap)}
[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;}
[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: 26px}
[data-type="block"] .item--stickers {position: absolute;top:-5px;left:-5px;z-index: 3;max-width: 70%;display: flex;flex-wrap: wrap;gap:5px;}
[data-type="block"] .item--sticker {padding: 6px;font-size: 12px;border-radius: 6px}
[data-item="new"] {background-color: #20B368;;color:#fff}
[data-item="hit"] {background-color: #FF612E;color:#fff}
[data-item="skidka"] {background-color: #EF2222;color:#fff}
[data-type="block"] .basket--box {display: flex;gap:6px; transition: opacity .4s}
[data-type="block"] .catalog--block-item:hover .basket--box {opacity: 1;visibility: visible;}
[data-type="block"] .basket--btn {width: 52px;height: 52px;display: flex;align-items: center;justify-content: center;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main)}
[data-type="block"] .--in-compare svg{fill: var(--main);stroke:transparent}
[data-type="block"] .--in-fav svg {fill: var(--main);stroke:var(--main)}
[data-type="block"] .js--product.--in-basket [data-type="basket"]{background-color: transparent;}
[data-type="block"] .js--product [data-type="basket"] .to{display: block}
[data-type="block"] .js--product [data-type="basket"] .in{display: none}
[data-type="block"] .js--product.--in-basket [data-type="basket"] .to{display: none}
[data-type="block"] .js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
[data-type="block"] .js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}
[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 {line-height: 20px;font-size: 16px;margin-top: 12px;word-break: break-word}
[data-type="block"] .item--props {display: flex;gap:16px;justify-content: space-between;align-items: flex-start;margin-top: 5px;}

[data-type="block"] .item--price {width: 100%;min-height: 35px;display: flex;flex-direction: column;justify-content: center;gap:8px}
[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}

[data-type="block"] .basket--box-full {width: 100%}
[data-type="block"] .basket--box-full [data-form="analog"]{width: 100%;border-color:var(--main);color:var(--main)}
[data-type="block"] .basket--box-full [data-form="analog"]:hover{color:#fff}

.catalog--box [data-type="block"] .catalog--block-list {--columns: 5;}

@media all and (min-width: 767px) {
    [data-type="block"] .js--product [data-type="basket"] span {display: none !important;}
}

@media all and (max-width: 1680px) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:5}
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 4;}

    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+11){display: none}
    [data-type="block"] .catalog--block-item {padding: 12px;border-radius: 16px}
    [data-type="block"] .item--stickers {top: 0;left: 0;}
    [data-type="block"] .item--sticker {font-size: 10px;}
    [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) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:4}
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 3;}

    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+9){display: none}

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

@media all and (max-width: 1024px) {
    [data-type="block"] .catalog--block-list {--gap: 16px;--columns:4}

    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-item{min-width: 230px;}
    section.catalog--items[data-type="block"] .catalog--block-item:nth-child(n+9){display: block}

    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}
}

@media all and (max-width: 768px) {
    [data-type="block"] .catalog--block-item {padding: 8px}
    [data-type="block"] .catalog--block-list {--gap: 8px;}
    [data-type="block"] .item--sticker {font-size: 9px;}
    [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--title {margin-top: 8px;font-size: 12px;line-height: 16px}

    [data-type="block"] .item--footer {flex-wrap: wrap;gap:8px}
    [data-type="block"] .basket--btn {width:100%;height: 32px;border-radius: 6px;gap:6px;}
    [data-type="block"] .basket--box {width: 100%;}
    [data-type="block"] .item--link {padding-bottom: 70px}
    [data-type="block"] .js--product [data-type="basket"] .to {color:#fff;font-size: 12px}

    .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}
}

@media all and (max-width: 500px) {
    .catalog--box [data-type="block"] .catalog--block-list {--columns: 2;}
    [data-type="block"] .item--price {gap:0}
    [data-type="block"] .item--footer {gap:5px}
    .popup--swiper .swiper [data-type="block"] .catalog--block-item {width: 232px}
}

@media all and (max-width: 359px) {
    section.catalog--items[data-type="block"] .catalog--block-item {min-width: 145px;}
}

[data-type="list"] .item--price-top {justify-content: flex-end}

[data-type="list"] .item--img {min-width: 230px;width: 230px;height: 200px;position: relative}
[data-type="list"] .splide__track {height: 100%}
[data-type="list"] .item--link {display: flex;gap:12px;position: relative}
[data-type="list"] .item--footer {padding-top: 70px;text-align: right}
[data-type="list"] .item--btns {position: absolute;top:0;right:0;display: flex;align-items: center;gap:8px;}
[data-type="list"] .item--stickers {margin-bottom: 16px;}
[data-type="list"] .item--sticker {padding: 6px;font-size: 12px;display: inline-block;border-radius: 6px;}
[data-type="list"] .catalog--block-item {box-shadow: 0 4px 8px 0 #0000000F;border-radius: 16px;padding:16px;margin-bottom: 16px;}
[data-type="list"] .catalog--block-item:last-child {;margin-bottom: 0;}
[data-type="list"] .item--fav{width: var(--height);height: var(--height);display: flex;align-items: center;justify-content: center;border:1px solid var(--border);border-radius: 10px;}
[data-type="list"] .basket--btn {width:auto;min-width:200px;height: var(--height);display: flex;align-items: center;justify-content: center;gap:8px;border-radius: 10px;padding: 14px;background-color: var(--main);border:1px solid var(--main);color:#fff;}
[data-type="list"] .--in-compare svg{fill: var(--main);stroke:transparent}
[data-type="list"] .--in-fav svg {fill: var(--main);stroke:var(--main)}
[data-type="list"] .js--product.--in-basket [data-type="basket"]{background-color: transparent;}
[data-type="list"] .js--product [data-type="basket"] .to{display: block}
[data-type="list"] .js--product [data-type="basket"] .in{display: none}
[data-type="list"] .js--product.--in-basket [data-type="basket"] .to{display: none}
[data-type="list"] .js--product.--in-basket [data-type="basket"] .in{display: block;color:var(--main)}
[data-type="list"] .js--product.--in-basket [data-type="basket"] svg{fill: var(--main)}
[data-type="list"] .item--info{flex: 1 auto}
[data-type="list"] .item--articul{color:#B5B5B5;font-size: 12px;margin-bottom: 16px;}
[data-type="list"] .item--title{color:var(--text);font-size: 16px;margin-bottom: 16px;line-height: 21px;}
[data-type="list"] .item--reyt{margin-bottom: 16px;transform: translateX(-4px)}
[data-type="list"] .item--price{margin-bottom: 12px;}
[data-type="list"] .splide{width:100%;height: 100%}

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

[data-type="list"] .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="list"] .js--slide-eq {display: flex;height: 100%}

[data-type="list"] [data-form="analog"] {display: none}

@media all and (max-width: 1024px) {
    [data-type="list"] .item--stickers,
    [data-type="list"] .item--reyt,
    [data-type="list"] .item--articul,
    [data-type="list"] .item--title{margin-bottom: 8px}
    [data-type="list"] .item--img {min-width: 150px;width: 150px;height: 130px;}
    [data-type="list"] .basket--btn {min-width:150px;}
}

@media all and (max-width: 600px) {
    [data-type="list"] .item--img {min-width: 80px;width: 80px;height: 80px;}
    [data-type="list"] .basket--btn {min-width:80px;}
    [data-type="list"] .item--link {flex-wrap: wrap}
    [data-type="list"] .item--info {flex: unset;width: calc(100% - 100px);}
    [data-type="list"] .item--footer {padding-top: 0;width: 100%;padding-left: 90px}
    [data-type="list"] .item--price {max-width: 150px;text-align: left}
    [data-type="list"] .basket--box {max-width: 150px;}
    [data-type="list"] .item--title {margin-bottom: 0}
    [data-type="list"] .item--price-top {justify-content: flex-start}
}

@media all and (max-width: 400px) {
    [data-type="list"] .item--price {max-width: 100%;}
    [data-type="list"] .basket--box {max-width: 100%;}
    [data-type="list"] .item--articul {font-size: 10px;line-height: 12px;}
    [data-type="list"] .item--sticker {font-size: 9px;line-height: 11px;}
    [data-type="list"] .item--title {font-size: 12px;line-height: 16px;}
    [data-type="list"] .basket--btn {height: 32px;border-radius: 6px;font-size: 12px;}
    [data-type="list"] .catalog--block-item {padding: 8px;border-radius: 6px;}
    [data-type="list"] .item--btns {position: relative;top:auto;right:auto;}

    [data-type="list"] .item--img {-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1;}
    [data-type="list"] .item--info {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;width: calc(100% - 110px);}
    [data-type="list"] .item--btns {-webkit-box-ordinal-group: 4;-webkit-order: 3;-ms-flex-order: 3;order: 3;align-items: flex-end}
    [data-type="list"] .item--footer {-webkit-box-ordinal-group: 5;-webkit-order: 4;-ms-flex-order: 4;order: 4;}

    [data-type="list"] .item--footer { padding-top: 0;width: calc(100% - 110px);padding-left: 0;}

    [data-type="list"] .item--link {justify-content: space-between}
}

/* Header */
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 {display: flex;justify-content: space-between;margin-top: 10px;}
.header--center-row {display: flex;margin-top: 19px;gap:24px;height: 50px;}
.header--center-row.container {padding-right: 0;padding-left: 0}
.header--logo {display: flex;align-items: center;min-width: 288px;}

.header--loc {margin-right: 30px;white-space: nowrap;display: flex;align-items: center;gap:7px;}
.header--socials {margin-right: 70px;}
.header--phone {margin-right: 30px;}

.header--socials {display: flex;gap:10px;align-items: center}

.header--top-menu {width: auto;overflow: hidden;}
.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}

.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--search {flex: 1 auto;}
.header--perconal {min-width: 145px}
.header--perconal .btn{gap:10px;align-items: center;background-color: transparent;border: 1px solid var(--text);transition: .4s;color:var(--text)}
.header--perconal .btn:hover{border: 1px solid var(--main);color:#fff;}
.header--perconal .btn svg {min-width: 16px}
.header--perconal .btn svg *{transition: .4s}
.header--perconal .svg--fill:hover svg *{fill:#fff}
.header--perconal span{white-space: nowrap;font-weight: 500;font-size: 16px;}
.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 {min-width: 320px;display: flex;align-items: center;justify-content: center;}
.header--phone-box {display: flex;gap:16px;align-items: center}
.header--phone-box > a{font-weight: 500;font-size: 18px;transition: color .4s;white-space: nowrap}
.header--phone-box > a:hover{color:var(--main)}
.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;}
.header--buttons > a .svg--fill svg *{transition: .4s}
.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 .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;font-weight: 500;font-size: 14px;transition: color .4s}
.js--basket-count {position: absolute;top: -5px;right: -10px;background-color: var(--red);border-radius: 8px;color:#fff;padding: 2px 4px;width: auto;height: 14px;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;}

.recall-box {display: flex;gap: 8px}
.recall-box .d--show{white-space: nowrap;border-bottom: 1px dashed #C4C7CE;transition: .4s;cursor: pointer;}
.recall-box .d--show:hover{border-bottom: 1px dashed var(--main);}
.recall-box .asteriks{width: 16px;height: 16px;background-color: var(--inp-border);color:var(--a);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 9px;transition: background-color .4s}
.recall-box .asteriks:hover{background-color: var(--main)}
.recall-box .asteriks svg *{transition: .4s}
.recall-box .asteriks:hover svg *{fill:#fff}
.recall-box i {display: flex}

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

.header--catalog {display: flex;min-width: 146px}
.header--catalog-but {background-color: var(--main);border-radius: var(--rad);max-height: 52px;padding: 0 28px;color: var(--light);display: flex;align-items: center;gap:10px;cursor: pointer;transition: background-color .4s;user-select: none}
.header--catalog-but:hover {background-color: var(--main-hover);}
.header--catalog-but:active {background-color: var(--main-active);}
.header--catalog-but svg{fill:var(--light);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: 1440px) {
    .header--socials {margin-right: 24px}
    .header--phone {margin-right: 10px}
}

@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}
}

.btn {font-size: 16px;background-color: #fff;border:1px solid var(--main);border-radius:var(--rad);min-height: var(--height);display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:var(--main);user-select: none}
.btn:hover {background-color: var(--main);color:#fff;}

.btn--fill {font-size: 16px;background-color: var(--main);border:1px solid var(--main);border-radius:var(--rad);min-height: var(--height);display: flex;align-items: center;justify-content: center;padding: 0 20px;cursor: pointer;transition: background-color .4s;color:#fff;user-select: none}
.btn--fill:hover {background-color: var(--main-hover);}
.btn--fill:active {background-color: var(--main-active);}

.btn--white {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:8px;user-select: none}
.btn--white span{transition: .4s}
.btn--white svg{transition: .4s;transform: rotate(90deg)}
.btn--white:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--white:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--white:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray {font-size: 16px;background-color: #fff;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: background-color .4s;color:var(--a);gap:8px;user-select: none}
.btn--gray span{transition: .4s}
.btn--gray svg{transition: .4s;transform: rotate(90deg)}
.btn--gray:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--gray:hover {background-color: var(--main);color:#fff;border-color:var(--main)}
.btn--gray:active {background-color: var(--main);color:#fff;border-color:var(--main)}

.btn--gray-fill {font-size: 16px;background-color: #F6F6F6;border:1px solid var(--border);border-radius:12px;min-height: var(--height);display: inline-flex;align-items: center;justify-content: center;padding: 0 30px;cursor: pointer;transition: .4s;color:var(--a);gap:8px;user-select: none}
.btn--gray-fill span{transition: .4s}
.btn--gray-fill svg{transition: .4s;transform: rotate(90deg)}
.btn--gray-fill:hover svg{/*transform: rotate(-90deg);*/fill:#fff}
.btn--gray-fill:hover {background-color: #E7E7E7;color:var(--a);border-color:#E7E7E7}
.btn--gray-fill:active {opacity: .5}

.block--header {display: flex;gap:var(--gap);justify-content: space-between;margin-bottom: var(--gap-b);align-items: center}
.block--title {font-size: var(--f-h2);font-weight: 400}
.element--viewed .block--title {font-size: 32px;margin: 30px 0 20px 0;text-align: left;position: relative;font-weight: 500;color: var(--a);}
.element--viewed .block--header {margin-bottom: 0}

@media all and (max-width: 1480px) {
    .element--viewed .block--title {font-size: 24px;line-height: 29px;}
}

@media all and (max-width: 1152px) {
    .element--viewed .block--title {font-size: 20px;line-height: 26px;}
}

@media all and (max-width: 767px) {
    .element--viewed .block--title {font-size: 18px;line-height: 22px;}
}

@media all and (max-width: 1280px) {
    .btn {font-size: 14px}
    .btn--fill {font-size: 14px}
    .btn--white {font-size: 14px}
    .btn--gray {font-size: 14px}
    .btn--gray-fill {font-size: 14px}
}

@media all and (max-width: 500px) {
    section {position: relative;padding-bottom: 60px;}
    .block--button {position: absolute;bottom:0; width: calc(100% - 24px);left: 0;margin: 0 12px;}
    .element--viewed section {padding-bottom: 30px;}
}

footer {background-color: #D3D4DD40}

.footer--subscribe {padding-top: 60px;display: flex;justify-content: space-between}
.footer--subscribe > div{width: 45%}
.footer--sub-left {display: flex;gap: 50px;font-size: 28px;line-height: 36px;align-items: center}
.footer--sub-icon {padding: 24px;position: relative}
.footer--sub-icon i{position: relative;z-index: 3;width: 64px;height: 55px;display: block}
.footer--sub-icon svg{width: 64px;height: 55px}
.footer--sub-icon:after{content:'';width: 50vw;height: 100%;right: 0;top:0;background-color: var(--red);display: block;position: absolute;z-index: 2;border-radius: 20px;}

@media all and (max-width: 1480px) {
    .footer--sub-left {font-size: 24px;line-height: 31px;gap:40px;}
    .footer--sub-icon svg, .footer--sub-icon i {width: 61px;height: 52px;}
    .footer--subscribe {padding-top: 40px;}
}

@media all and (max-width: 1280px) {
    .footer--sub-left {font-size: 18px;line-height: 22px;}
}

@media all and (max-width: 1158px) {
    .footer--subscribe > div {width:49%}
}

@media all and (max-width: 1024px) {
    .footer--subscribe {flex-wrap: wrap}
    .footer--subscribe > div {width:100%}
    .footer--sub-left {max-width: 80%}
    .footer--sub-icon svg, .footer--sub-icon i{width: 40px;height: 40px;}
    .footer--sub-icon:after {height: 72px}
    .footer--sub-icon {display: flex;align-items: center;justify-content: center;padding:16px}
    .footer--sub-left {gap:var(--gap)}
    .footer--sub-right {padding-left: 88px;margin-top: 10px}
    .footer--sub-icon:after {border-radius: 16px;}
}

@media all and (max-width: 768px) {
    .footer--sub-left {font-size: 14px;line-height: 17px;}
    .footer--sub-icon svg, .footer--sub-icon i{width: 32px;height: 32px;}
    .footer--sub-icon:after {height: 51px}
    .footer--sub-icon {padding:10px}
    .footer--sub-icon:after {border-radius: 6px;}
    .footer--sub-right {padding-left: 64px;}
    .footer--subscribe {padding-top: 32px}
}

@media all and (max-width: 440px) {
    .footer--sub-right {padding-left:0;margin-top: 20px}
    .footer--sub-left {max-width: 100%}
}

.footer--logo {display: flex;align-items: center;gap:7px;margin-bottom: 60px;}
.footer--phone a {font-weight: 500;font-size: 18px;transition: color .4s}
.footer--phone a:hover{color:var(--main)}
.footer--phone .recall-box {margin-top: 6px}
.footer--phone .recall-box .d--form {font-size: 16px;}
.footer--social {margin-top: 40px;display: flex;align-items: center;gap:8px}
.footer--social a{padding: 12px;background-color: #fff;display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;border-radius: 6px;}
.footer--social a svg{width: 20px;min-width: 20px;height: 20px}
.footer--email {margin-top: 40px}
.footer--email a {margin-top: 12px;display: block;font-weight: 500;font-size: 18px;transition: color .4s}
.footer--email a:hover{color:var(--main)}
.footer--email-label {font-weight: 400;font-size: 14px;color:var(--a)}

.footer--top {display: flex;--columns: 2;gap: var(--gap);border-top:1px solid var(--inp-border);padding-top: 32px;margin-top: 60px}
.footer--bottom {display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-top: 1px solid var(--inp-border);margin-top: 32px}
.footer--column {width: calc((100% / var(--columns)) - var(--gap) + (var(--gap) / var(--columns)));}
.footer--top > .footer--column {min-width: 400px;width: 400px}
.footer--group {display: flex;--columns: 4;gap: var(--gap);flex-wrap: wrap;width: 100%}
.footer--group .footer--column{flex:1;flex-basis: fit-content}
.footer__links {margin-bottom: 60px}
.footer__links-title {margin-bottom: 30px}
.footer__links-title .pre--icon{display: none}
.footer__links-title a{font-weight: 500;font-size: 18px;line-height: 22px}
.footer__links a{margin-bottom: 16px;font-size: 16px;display: block;color:var(--a);transition: color .4s;}
.footer__links a.--red{color:var(--red);}
.footer__links a:last-child{margin-bottom: 0}
.footer__links a:hover{color:var(--main)}

.footer--copy {font-size: 14px;color:var(--text-second)}
.gis2--mobile {display: none;}

@media all and (max-width: 1480px) {
    .footer__links a {font-size: 14px;line-height: 17px}
    .footer--phone a, .footer--email a{font-size: 16px;line-height: 20px}
    .footer--email a {margin-top: 8px}
    .gis2--mobile {display: block;}
    .footer--group .footer--column:nth-child(n+4){display: none}
    .footer--top > .footer--column {min-width: 320px;width: 320px}
}

@media all and (max-width: 1280px) {
    .footer__links-title a{font-size: 16px;line-height: 20px}
}

@media all and (max-width: 1024px) {
    .footer--group {display: block}
    .footer--group .footer--column {width: 100%;flex: unset;flex-basis: unset}
    .footer__links a.footer-link {display: none}
    .footer__links {margin-bottom: 12px;padding-bottom: 10px;border-bottom: 1px solid var(--inp-border)}
    .footer--bottom {flex-wrap: wrap;justify-content: center;gap:10px;}
    .footer--copy, .footer--pay {width: 100%;text-align: center}
    .footer--copy {font-size: 12px}
    .footer__links-title {position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 0}
    .footer__links-title .pre--icon{display: block;width: 12px;height: 6px;transition: .4s}
    .footer__links-title .pre--icon svg{width: 100%;height: 100%;}
    .gis2--mobile {margin-top: 32px}

    .foot--menu.--opened .footer__links-title {margin-bottom: 20px}
    .foot--menu.--opened  .pre--icon {transform: rotate(180deg)}
    .foot--menu.--opened .footer__links {padding-bottom: 20px}
    .foot--menu.--opened .footer__links a.footer-link {display: block}
}

@media all and (max-width: 768px) {
    .footer--top {margin-top: 20px;padding-top: 20px}
    .footer--email-label {font-size: 12px;}
    .footer--top > .footer--column {min-width: auto;width: auto;}
    .footer__links-title a {font-size: 14px;line-height: 17px}
    .footer--email, .footer--social {margin-top: 20px;}
    .footer--logo {margin-bottom: 20px}
}

@media all and (max-width: 600px) {
    .footer--top {flex-wrap: wrap}
    .footer--top > .footer--column {width: 100%;}
}

.splide__arrow {width: 50px;height: 50px;background-color: rgba(255,255,255,0.1);box-shadow: 0px 4px 8px 0px #0000000F;transition: .4s}
.splide__arrow:hover {width: 50px;height: 50px;background-color: rgba(255,255,255,1);box-shadow: 0 7px 10px 0 #0000001C;}
.splide__arrow:hover svg *{fill:var(--a)}
.main--banner .splide__arrow svg *{fill:var(--light);transition: .4s}
.splide__pagination {bottom:25px;}
.splide__pagination__page {width:12px;height: 12px;background-color: #fff;transition: .4s;opacity: 1}
.splide__pagination__page:hover {opacity: 1}
.splide__pagination__page.is-active {transform: none;background-color: var(--main);opacity: 1}


.site--h1 {display: flex;align-items: center;justify-content: space-between;gap:var(--gap);flex-wrap: wrap}
.section--info-link {display: flex;align-items: center;justify-content: space-between;gap:10px;color:var(--a);font-size: 16px;line-height: 20x}

.catalog--wrap {width: 100%}
.section--catalog-row {display: flex;align-items: center;justify-content: space-between;gap:32px;}
.catalog--view {display: flex;align-items: center;justify-content: space-between;gap:8px;}
.catalog--view-item {width: var(--height);height: var(--height);display: flex;align-items: center;justify-content: center;border:1px solid var(--border);border-radius: 10px;transition: .4s}
.catalog--view-item:not(.--selected) {cursor: pointer}
.catalog--view-item:not(.--selected):hover {border-color:var(--main)}
.catalog--view-item.--selected svg, .catalog--view-item:hover svg{fill:var(--main);}
.catalog--view-item svg{transition: .4s}

.catalog--sort {margin-right: auto}
.catalog--items[data-entity="items-row"] {margin-top: var(--gap)}

.swiper {display: none}
.swiper .swiper-button-next:after, .swiper .swiper-button-prev:after {display: none}
.swiper-button-next, .swiper-button-prev {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;box-shadow: 0px 4px 8px 0px #0000000F; transition: .4s}
.swiper-button-next:hover, .swiper-button-prev:hover {box-shadow: 0px 7px 10px 0px #0000001C;box-shadow: 0px 0px 30px 0px #00000017;}
.swiper-button-next svg, .swiper-button-prev svg{width: 8px;height: 16px;}
.swiper-button-lock {display: none}

.asteriks{width: 16px;height:16px;background-color: var(--border);border-radius:50%;display: inline-flex;align-items: center;justify-content: center}

.splide__slide img {object-fit: contain;object-position: center;width: 100%;height: 100%;}
[data-type="list"] .item--img img{object-fit: contain;object-position: center;width: 100%;height: 100%;}

/* Popup Swiper */
.popup--swiper  {--img:110px;position: relative}
.popup--swiper .splide__pagination {display: none}
.do--buy .d--product {padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px solid var(--border)}
.do--buy .d--buy-btns {margin-top: 20px;}
.do--buy::-webkit-scrollbar
{
    width: 4px;
    height: 4px;
    background-color: #F6F6F6;
}
.do--buy::-webkit-scrollbar-thumb
{
    background-color: var(--main);
    border-radius: 0;
    box-shadow: none;
}
.do--buy::-webkit-scrollbar-thumb:hover
{
    background-color: var(--main);
}
.catalog--stock.popup--swiper  {margin-top: 0}
.catalog--stock .block--title  {font-size: 18px;line-height: 22px;margin-bottom: 12px;font-weight: 500;text-align: left}
.popup--swiper .swiper-slide {width: 350px}
.popup--swiper [data-type="block"] .item--link{display: flex;gap: 10px;padding-bottom: 0;}
.popup--swiper [data-type="block"] .item--img{margin-bottom: 0;min-width: var(--img);width: var(--img);height: var(--img);padding-top: 0}
.popup--swiper [data-type="block"] .item--info{margin-bottom: 0;margin-top: 0;display: flex;flex-direction: column;justify-content: space-between;}
.popup--swiper [data-type="block"] .item--title{margin-top: 0;font-size: 14px;line-height: 18px;text-align: left}
.popup--swiper [data-type="block"] .item--footer{position: relative;bottom:auto;left:auto;text-align: left}
/*
.popup--swiper .swiper--popup-next:after, .popup--swiper .swiper--popup-prev:after {display: none}
.swiper--popup-next, .swiper--popup-prev {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 50%;box-shadow: 0px 4px 8px 0px #0000000F; transition: .4s}
.swiper--popup-next:hover, .swiper--popup-prev:hover {box-shadow: 0px 7px 10px 0px #0000001C;box-shadow: 0px 0px 30px 0px #00000017;}
.swiper--popup-next svg, .swiper--popup-prev svg{width: 8px;height: 16px;}
*/

.popup--swiper .swiper {padding-bottom: 15px}

.element--similar-box {margin-top: 40px;}
.element--similar-tabs {display: flex;gap:4px;flex-wrap: wrap}
.element--similar-splides .slider--block {display: none}
.element--similar-splides .slider--block.--active {display: block}
.element--similar-tab {padding: 12px 16px;border-radius: 12px;transition: .4s;background-color: #F6F6F6;color:var(--a)}
.element--similar-tab:not(.--active) {cursor: pointer;}
.element--similar-tab:not(.--active):hover {background-color: #E7E7E7}
.element--similar-tab.--active {background-color: var(--main);color:#fff;}
.element--similar-tab.--active span{border-bottom: 1px dashed transparent;}
.tab--count {margin-left: 7px}

.grecaptcha-badge {display: none}

[data-type="block"] [data-type="fav"],
[data-type="block"] [data-type="compare"] {
    background-color: #fff;
    border-radius: 4px;
    padding: 4px;
    box-shadow: 0px 7px 10px 0px #0000001C;
    border:1px solid var(--border)
}

.footer--personal {margin-top: 20px;font-size:13px;padding-right: 20px;color: #a1a1a1;}

.--loader {
    background: url(/upload/settings/40b/ejyre81hkz0yithbla2wy5pi51ky75jz.svg) no-repeat center center;
    min-height: 40px;
    background-size: contain;
}
[data-lazy][data-bg] {
    background-size: 40px !important;
    height: 40px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: contain !important;

}
[data-lazy][data-src] {
    object-fit: contain;
}

.section--top-desc {margin-top: 20px;}
.section--bottom-desc {margin-top: 30px;}

[for="regPolicy"] a {border-bottom: 1px dashed var(--a)}

.basket--btns-zakaz {width:100%;display:flex;gap:10px;flex-wrap:wrap}
.basket--btn[data-form="podzakaz"] {color:#fff;width: 100%}

@media all and (max-width: 1680px) {
    :root {
        --f-h2: 32px;
        --box: 100%;
        --gap-g: 80px;
    }
}

@media all and (max-width: 1480px) {
    .site--h1 h1 {margin-bottom: 24px;font-size: 32px;}
}

@media all and (max-width: 1280px) {
    .recall-box .d--form {font-size: 14px;}
    .header--phone-box > a {font-size: 16px;}
    .logo--link {width: 124px;}
    .header--logo {min-width: 268px}
    .header--center {gap:8px;}

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

@media all and (max-width: 1152px) {
    .header--logo {min-width: 124px;}
    .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: 1024px) {
    .header--top-mob,
    .header--logo-mob
    {display: none}

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

@media all and (max-width: 1024px) {
    :root {
        --f-h2: 24px;
        --height: 50px;
    }
    .header--logo {min-width: 0;width: 0;visibility: hidden;opacity: 0;display: none}
    .header--top-menu {display: none}
    .header--phone {margin-left: auto;margin-right: 24px;min-width: auto}
    .header--phone-box {flex-wrap: wrap;justify-content: flex-end;gap:6px}
    .header--logo-mob {display: flex;gap:10px;align-items: center;min-width: 240px}
    .header--logo-mob .site--desc{padding: 0;font-size: 10px;max-width: 90px;}
    .header--loc {display: flex;align-items: center}
    .header--socials {margin-right: 24px;gap:16px}
    .header--buttons {gap:0;}
    .header--buttons > a {padding: 0 3px}
    .header--catalog {min-width: 74px}

    .header--phone-box > a {font-size: 14px;}
    .header--loc span {font-size: 14px;}
    .recall-box .d--form {font-size: 12px;}
}

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

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

    .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}

    .header--socials, .header--loc, .header--buttons {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--perconal, .header--catalog, .header--logo,
    .header--logo-mob .site--desc
    {display: none}

    .header--center .header--center-row {display: none}

    .header--logo-mob {min-width: 124px}

    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}

    .header--top-mob
    {display: flex;gap:8px;align-items: center;}

    .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;}

    header.sticky .header--center {display: none}
    .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}
}