@charset "UTF-8";
.filters__items,
.filters__main,
.menu__list,
.mobile-sub-menu__list,
.popup__inner,
.select__scroll,
.storage__body {
    overflow: auto;
}
.filters__items::-webkit-scrollbar,
.filters__main::-webkit-scrollbar,
.menu__list::-webkit-scrollbar,
.mobile-sub-menu__list::-webkit-scrollbar,
.popup__inner::-webkit-scrollbar,
.select__scroll::-webkit-scrollbar,
.storage__body::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.filters__items::-webkit-scrollbar-track,
.filters__main::-webkit-scrollbar-track,
.menu__list::-webkit-scrollbar-track,
.mobile-sub-menu__list::-webkit-scrollbar-track,
.popup__inner::-webkit-scrollbar-track,
.select__scroll::-webkit-scrollbar-track,
.storage__body::-webkit-scrollbar-track {
    background-color: var(--color-light);
    border-radius: 100px;
}
.filters__items::-webkit-scrollbar-thumb,
.filters__main::-webkit-scrollbar-thumb,
.menu__list::-webkit-scrollbar-thumb,
.mobile-sub-menu__list::-webkit-scrollbar-thumb,
.popup__inner::-webkit-scrollbar-thumb,
.select__scroll::-webkit-scrollbar-thumb,
.storage__body::-webkit-scrollbar-thumb {
    background-color: var(--color-dark);
    border-radius: 100px;
}
@-moz-document url-prefix() {
    .filters__items,
    .filters__main,
    .menu__list,
    .mobile-sub-menu__list,
    .popup__inner,
    .select__scroll,
    .storage__body {
        scrollbar-color: var(--color-dark) var(--color-light);
        scrollbar-width: thin;
    }
}
.address__input,
.agree__checkbox,
.filter__input,
.options__checkbox,
.payments__input,
.switch__input,
.tech__main > ol > li::before {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Medium.woff2) format("woff2"), url(../fonts/Montserrat-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}
body {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-SemiBold.woff2) format("woff2"), url(../fonts/Montserrat-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Bold.woff2) format("woff2"), url(../fonts/Montserrat-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Light.woff2) format("woff2"), url(../fonts/Montserrat-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}
.prices__main:not(:last-child)::after {
    font-family: Montserrat, sans-serif;
    font-weight: 300;
}
@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url(../fonts/Montserrat-Regular.woff2) format("woff2"), url(../fonts/Montserrat-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Oddval;
    font-display: swap;
    src: url(../fonts/Oddval-SemiBold.woff2) format("woff2"), url(../fonts/Oddval-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
}
.btn,
.footer-contacts__mail,
.manual__title,
.menu__btn,
.pagination__item a,
.pagination__item span,
.prices__main,
.summary__result,
.team__name {
    font-family: Oddval, sans-serif;
    font-weight: 600;
} /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none !important;
}
*,
::after,
::before {
    box-sizing: border-box;
}
blockquote,
body,
dd,
dl,
figcaption,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
}
ol,
ul {
    padding: 0;
}
ul {
    list-style: none;
}
a {
    text-decoration: none;
}
img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
}
button,
input,
select,
textarea {
    font: inherit;
    border-radius: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
button {
    padding: 0;
    cursor: pointer;
}
body,
html {
    height: 100%;
}
textarea::-webkit-resizer {
    display: none;
}
:root {
    --gap: 14px;
    --padding-page: 32px;
    --height-icon-btn: 76px;
    --height-icon: 28px;
    --height-btn: 72px;
    --height-buy: 60px;
    --color-dark: #081d25;
    --color-dark-hover: #142c35;
    --color-grey: #9dafb6;
    --color-accent: #e25740;
    --color-green: #4d5747;
    --color-green-light: #76856d;
    --color-brown: #76634d;
    --color-brown-light: #c1b59f;
    --color-brown-hover: #5a4b3b;
    --color-light: #eae6df;
    --color-light-hover: #ddd4c5;
    --color-white: #ffffff;
    --color-bg: #f4f3f2;
    --color-category: var(--color-dark);
    --color-category-hover: var(--color-dark-hover);
    --shadow: 0px 4px 34px 0px rgba(118, 99, 77, 0.06);
    --transition-duration: 0.3s;
    --radius-large: 26px;
    --radius-medium: 22px;
    --radius-normal: 18px;
    --radius-smallest: 6px;
    --border-size: 10px;
    --title1: 64px;
    --title2: 48px;
    --title3: 48px;
    --title4: 34px;
    --title5: 28px;
    --title6: 18px;
    --title7: 18px;
    --text-large: 18px;
    --text-medium: 16px;
    --text-normal: 14px;
    --text-small: 12px;
    --text-smallest: 10px;
}
html.is-lock {
    overflow: clip;
}
body {
    font-size: var(--text-medium);
    line-height: 1.3;
    color: var(--color-dark);
    background-color: var(--color-bg);
}
/* Стили для preloader */
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Фон preloader */
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Анимация loader */
#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #76856d;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

/* Ключевые кадры анимации */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: clip;
}
.page {
    flex: 1 1 auto;
}
.page_small {
    display: flex;
    flex-direction: column;
}
.page_small > :last-child {
    flex-grow: 1;
}
.container {
    max-width: 1692px;
    padding: 0 6px;
    margin: 0 auto;
}
.h1 {
    font-weight: 400;
    font-size: var(--title1);
    line-height: 0.9;
}
.h2 {
    font-weight: 400;
    font-size: var(--title2);
    line-height: 1;
}
.h3 {
    font-weight: 600;
    font-size: var(--title3);
    line-height: 1.3;
}
.h4 {
    font-weight: 700;
    font-size: var(--title4);
    line-height: 1.1;
}
.h5 {
    font-weight: 700;
    font-size: var(--title5);
    line-height: 1.3;
}
.h6 {
    font-weight: 700;
    font-size: var(--title6);
    line-height: 1.3;
}
.h7 {
    font-weight: 700;
    font-size: var(--title7);
    line-height: 1.3;
}
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: var(--height-btn);
    padding: 0 36px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    font-size: var(--text-medium);
    border: none;
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.btn_white {
    color: var(--color-accent);
    background-color: var(--color-white);
    transition-duration: var(--transition-duration);
}
.btn_white:focus-visible {
    background-color: var(--color-light);
}
.btn_white:active {
    background-color: var(--color-light-hover);
}
.btn_green {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.btn_green:focus-visible {
    background-color: var(--color-green);
}
.btn_green:active {
    background-color: var(--color-green);
}
.btn_brown {
    color: var(--color-white);
    background-color: var(--color-brown);
}
.btn_brown:focus-visible {
    background-color: var(--color-brown-hover);
}
.btn_brown:active {
    background-color: var(--color-brown-hover);
}
.btn_light {
    color: var(--color-green);
    background-color: var(--color-bg);
}
.btn_light:focus-visible {
    background-color: var(--color-light);
}
.btn_light:active {
    background-color: var(--color-light-hover);
}
.btn:focus-visible {
    outline: 0;
}
.btn[disabled] {
    color: var(--color-bg) !important;
    background-color: var(--color-light) !important;
    cursor: default;
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
svg {
    pointer-events: none;
}
@keyframes widthUp {
    from {
        width: 0;
    }
    to {
        width: var(--main-width);
    }
}
@keyframes fadeLeft {
    50%,
    from {
        transform: translate3d(-10%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
[data-tippy-content] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    padding-top: 2px;
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    color: var(--color-brown-light);
    background-color: var(--color-light);
    border-radius: 50%;
    cursor: help;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
[data-tippy-content]:focus-visible {
    outline: 0;
    background-color: var(--color-light-hover);
}
[data-tippy-content]:active {
    background-color: var(--color-light-hover);
}
[data-tippy-content]::after {
    content: "?";
}
.tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
}
[data-tippy-root] {
    max-width: calc(100vw - 10px);
}
.tippy-box {
    position: relative;
    white-space: normal;
    font-size: 10px;
    color: var(--color-dark);
    background-color: var(--color-light);
    border-radius: var(--radius-normal);
    outline: 0;
    transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
}
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}
.tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}
.tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}
.tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
    width: 16px;
    height: 16px;
    color: var(--color-light);
}
.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.tippy-content {
    position: relative;
    padding: 14px;
    z-index: 1;
}
.header {
    position: relative;
    z-index: 10;
}
.header__body {
    display: flex;
}
.header__body_top {
    align-items: center;
    justify-content: space-between;
    padding: 0 0 var(--gap) var(--padding-page);
}
.header__fixed.is-header-sticky {
    position: fixed;
    z-index: 10;
    top: 10px;
    right: 0;
    left: 0;
}
.header__main {
    position: relative;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 6px 6px var(--padding-page);
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.sup-menu {
    display: flex;
    padding: 14px 0;
}
.sup-menu__item {
    position: relative;
}
.sup-menu__item:not(:last-child) {
    padding-right: 21px;
    margin-right: 20px;
}
.sup-menu__item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 7px;
    background-color: var(--color-brown-light);
}
.sup-menu__link {
    font-size: var(--text-normal);
    color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color, opacity;
}
.sup-menu__link:focus-visible {
    outline: 0;
    color: var(--color-brown);
}
.auth-action {
    align-self: flex-start;
    flex-shrink: 0;
    display: flex;
    width: 197px;
}
.auth-action_active {
    width: 408px;
}
.auth-action_active .auth-action__item:first-child {
    width: 60%;
}
.auth-action_active .auth-action__item:last-child {
    width: 40%;
}
.auth-action__item {
    width: 100%;
}
.auth-action__item:first-child .auth-action__link {
    border-bottom-left-radius: var(--radius-large);
}
.auth-action__item:last-child .auth-action__link {
    border-bottom-right-radius: var(--radius-large);
}
.auth-action__item + .auth-action__item {
    position: relative;
    border-left: 1px solid var(--color-green-light);
}
.auth-action__item + .auth-action__item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: var(--color-green);
}
.auth-action__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 0 36px;
    font-weight: 600;
    color: var(--color-white);
    background-color: var(--color-green-light);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.auth-action__link:focus-visible {
    outline: 0;
    background-color: var(--color-green);
}
.auth-action__link:active {
    background-color: var(--color-green);
}
.auth-action__link span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.logo {
    flex-shrink: 0;
}
.logo_header {
    width: 155px;
    height: 40px;
    margin-right: 40px;
}
.logo_footer {
    width: 198px;
    height: 51px;
    margin-bottom: auto;
}
.logo__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.menu {
    position: relative;
}
.menu__btn {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--height-icon-btn);
    padding: 2px 24px 0;
    font-size: var(--text-normal);
    border: none;
    border-radius: var(--radius-medium);
    outline: 0;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.menu_sub .menu__btn {
    color: var(--color-dark);
    background-color: var(--color-bg);
}
.menu_sub .menu__btn:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.menu_sub .menu__btn:active {
    background-color: var(--color-light-hover);
}
.menu_catalog .menu__btn {
    color: var(--color-white);
    background-color: var(--color-brown);
}
.menu_catalog .menu__btn:focus-visible {
    outline: 0;
    background-color: var(--color-brown-hover);
}
.menu_catalog .menu__btn:active {
    background-color: var(--color-brown-hover);
}
.menu__icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    margin-bottom: 2px;
}
.menu__icon use:first-child {
    display: block;
}
.menu__icon use:last-child {
    display: none;
}
.is-menu-open .menu__icon use:first-child {
    display: none;
}
.is-menu-open .menu__icon use:last-child {
    display: block;
}
.menu_sub .menu__body {
    position: absolute;
    top: calc(100% + 24px);
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    min-width: 188px;
    padding: 18px 20px;
    font-weight: 400;
    font-size: var(--text-normal);
    background-color: var(--color-white);
    border-radius: var(--radius-normal);
    box-shadow: var(--shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.menu.is-menu-open .menu__body {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.menu__list {
    display: flex;
}
.menu_sub .menu__list {
    flex-direction: column;
}
.menu__item {
    position: relative;
}
.menu_sub .menu__item:not(:last-child) {
    margin-bottom: 20px;
}
.menu__link {
    display: block;
    white-space: nowrap;
    color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.menu__link_accent {
    color: var(--color-accent);
}
.menu__link:focus-visible {
    outline: 0;
    color: var(--color-brown);
}
.user-action {
    display: flex;
}
.user-action__item {
    position: relative;
    flex-shrink: 0;
}
.user-action__item + .user-action__item {
    margin-left: var(--gap);
}
.is-search-open .user-action__item:not(.user-action__item_search) {
    display: none;
}
.user-action__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.user-action__link_cart,
.user-action__link_favorite {
    color: var(--color-dark);
    background-color: var(--color-bg);
}
.user-action__link_cart:focus-visible,
.user-action__link_favorite:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.user-action__link_cart:active,
.user-action__link_favorite:active {
    background-color: var(--color-light-hover);
}
.user-action__link_lc {
    color: var(--color-white);
    background-color: var(--color-dark);
}
.user-action__link_lc:focus-visible {
    outline: 0;
    background-color: var(--color-dark-hover);
}
.user-action__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.user-action__count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    font-weight: 700;
    font-size: var(--text-normal);
    color: var(--color-white);
    background-color: var(--color-accent);
    border-radius: 100px;
    pointer-events: none;
}
.header-action {
    flex-shrink: 0;
    display: flex;
    width: 408px;
    margin-left: var(--gap);
}
.is-header-sticky .header-action {
    display: none;
}
.header-action__item {
    position: relative;
    flex: 1 1 0;
}
.header-action__item + .header-action__item {
    margin-left: var(--gap);
}
.header-action__link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--color-dark);
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.header-action__link:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.header-action__link:active {
    background-color: var(--color-light-hover);
}
.header-action__count {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 8px;
    font-weight: 700;
    font-size: var(--text-normal);
    color: var(--color-white);
    background-color: var(--color-accent);
    border-radius: 100px;
    pointer-events: none;
}
.header-action__icon {
    flex-shrink: 0;
    width: var(--height-icon);
    height: var(--height-icon);
    margin-right: 10px;
}
.footer {
    background-color: var(--color-white);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
}
.footer__body {
    display: flex;
    justify-content: space-between;
    padding-top: 58px;
    padding-bottom: 28px;
}
.footer__first {
    display: flex;
    flex-direction: column;
}
.footer__social {
    margin-top: 28px;
}
.footer__main {
    margin: 0 100px;
}
.footer__copy {
    padding: 28px 0;
    font-size: 12px;
    color: var(--color-brown-light);
    border-top: 1px solid var(--color-brown-light);
}
.social__title {
    margin-bottom: 26px;
    font-size: 14px;
    color: var(--color-brown);
}
.social__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px -24px;
}
.social__item {
    flex-shrink: 0;
    margin: 0 12px 24px;
}
.social__link {
    display: block;
    width: 40px;
    height: 40px;
    color: var(--color-white);
    background-color: var(--color-brown);
    border-radius: 15px;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
    overflow: hidden;
}
.social__link:focus-visible {
    outline: 0;
    background-color: var(--color-brown-hover);
}
.social__link:active {
    background-color: var(--color-brown-hover);
}
.social__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.footer-menu {
    display: flex;
}
.footer-menu__box:not(:last-child) {
    margin-right: 100px;
}
.footer-menu__title {
    margin-bottom: 42px;
}
.footer-menu__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: var(--text-normal);
}
.footer-menu__list_custom {
    flex-direction: row;
    flex-wrap: wrap;
}
.footer-menu__list_custom .footer-menu__item {
    flex-shrink: 0;
    width: 100%;
}
/*.footer-menu__list_custom .footer-menu__item:nth-child(n + 3) {
    width: 50%;
    padding-right: var(--gap);
    margin-top: 66px;
}*/
.footer-menu__item + .footer-menu__item {
    margin-top: 10px;
}
.footer-menu__link {
    color: var(--color-brown);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.footer-menu__link:focus-visible {
    outline: 0;
    color: var(--color-green-light);
}
.footer-menu__link:active {
    color: var(--color-green);
}
.footer-contacts {
    display: flex;
    flex-direction: column;
}
.footer-contacts__main {
    margin-bottom: 34px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-contacts__phone {
    margin-bottom: 28px;
    white-space: nowrap;
    font-weight: 300;
    font-size: 44px;
    color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.footer-contacts__phone:focus-visible {
    outline: 0;
    color: var(--color-green);
}
.footer-contacts__phone:active {
    color: var(--color-green-light);
}
.footer-contacts__mail {
    white-space: nowrap;
    font-size: 24px;
    color: var(--color-accent);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.footer-contacts__mail:focus-visible {
    outline: 0;
    color: var(--color-brown);
}
.footer-contacts__mail:active {
    color: var(--color-brown-hover);
}
.footer-contacts__action {
    display: flex;
}
.footer-contacts__btn {
    flex-grow: 1;
}
.footer-contacts__btn + .footer-contacts__btn {
    margin-left: var(--gap);
}
.header__fixed:not(.is-search-open) .search__btn_submit,
.header__fixed:not(.is-search-open) .search__input,
.header__fixed:not(.is-search-open) .select_search {
    display: none;
}
.search {
    display: flex;
}
.search__wrapper {
    flex-grow: 1;
    display: flex;
}
.search__body {
    flex-grow: 1;
    display: flex;
    background-color: var(--color-bg);
    border-radius: var(--radius-medium);
}
.search__input {
    flex-grow: 1;
    width: 100px;
    padding: 0 10px;
    font-size: var(--text-normal);
    background-color: transparent;
    border: none;
}
.search__input:focus-visible {
    outline: 0;
}
.search__input:focus-visible::-moz-placeholder {
    color: transparent !important;
}
.search__input:focus-visible::placeholder {
    color: transparent !important;
}
.search__input::-moz-placeholder {
    color: var(--color-light-hover);
    transition-duration: var(--transition-duration);
    -moz-transition-property: color;
    transition-property: color;
}
.search__input::placeholder {
    color: var(--color-light-hover);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.search__btn {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    color: var(--color-white);
    background-color: var(--color-green-light);
    border: none;
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.search__btn:focus-visible {
    outline: 0;
    background-color: var(--color-green);
}
.is-search-open .search__btn_open .search__icon use:first-child {
    display: none;
}
.is-search-open .search__btn_open .search__icon use:last-child {
    display: block;
}
.search__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.search__btn_open .search__icon use:last-child {
    display: none;
}
.select__body {
    position: relative;
}
.select__title {
    display: flex;
    white-space: nowrap;
    color: var(--color-dark);
    border: none;
}
.select__title:focus-visible {
    outline: 0;
}
.select__value {
    flex-grow: 1;
    display: flex;
    align-items: center;
    max-width: 100%;
}
.select__value::after {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-left: 20px;
    background: url(../img/icons/dropdown.svg) center/contain no-repeat;
}
.select__content {
    max-width: calc(100% - 22px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.select__options {
    position: absolute;
    z-index: 2;
    left: 0;
    display: flex;
    flex-direction: column;
    min-width: 100%;
    padding: 8px 20px;
    background-color: var(--color-white);
    border: 1px solid transparent;
    border-radius: var(--radius-normal);
    box-shadow: var(--shadow);
}
.select__scroll {
    display: flex;
    flex-direction: column;
    max-height: 171px;
}
.select__option {
    margin: 10px 0;
    text-align: left;
    font-weight: 400;
    font-size: var(--text-normal);
    color: var(--color-dark);
    background-color: transparent;
    border: none;
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.select__option_selected {
    color: var(--color-accent);
}
.select__option:focus-visible {
    outline: 0;
    color: var(--color-brown);
}
.select_search .select__body {
    position: relative;
}
.select_search .select__title {
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    height: var(--height-icon-btn);
    padding: 14px 0 14px 32px;
    font-size: var(--text-normal);
    background-color: var(--color-bg);
    border-radius: var(--radius-medium) 0 0 var(--radius-medium);
}
.select_search .select__value {
    height: 100%;
    padding-right: 20px;
    border-right: 1px solid var(--color-white);
}
.select_search .select__options {
    top: calc(100% + 24px);
}
.select_form .select__body {
    position: relative;
}
.select_form .select__title {
    position: relative;
    width: 100%;
    font-size: var(--text-medium);
    background-color: transparent;
}
.select_form .select__title:focus-visible .select__value {
    border-color: var(--color-green-light);
}
.select_form .select__title::after {
    content: attr(data-pseudo-label);
    position: absolute;
    top: 16px;
    left: 32px;
    max-width: calc(80% - 64px);
    padding-right: 4px;
    font-size: 12px;
    color: var(--color-brown-light);
    background-color: var(--color-white);
    transform-origin: left center;
    transition-duration: var(--transition-duration);
    transition-property: color, transform, top;
    pointer-events: none;
}
.select_form .select__value {
    justify-content: space-between;
    height: 70px;
    padding: 0 32px;
    border: 1px solid var(--color-brown-light);
    border-radius: var(--radius-normal);
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.select_form .select__content {
    padding-top: 16px;
}
.select_form .select__options {
    top: 100%;
    border-color: var(--color-light);
}
.select_sorting .select__title {
    font-weight: 400;
    font-size: var(--text-normal);
    background-color: transparent;
    border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
}
.select_sorting .select__value {
    height: 52px;
    padding: 0 20px;
}
.select_sorting .select__options {
    left: auto;
    right: 0;
}
.sorting {
    padding-left: 20px;
    background-color: var(--color-white);
    border-radius: var(--radius-normal);
}
.sorting__placeholder {
    font-size: var(--text-normal);
    color: var(--color-brown-light);
    pointer-events: none;
}
.breadcrumbs {
    display: flex;
    max-width: 100%;
    font-size: var(--text-small);
    line-height: 1.2;
}
.tech .breadcrumbs {
    padding: 20px 0;
}
.contacts .breadcrumbs {
    padding: 20px 0;
}
.cart .breadcrumbs,
.lc .breadcrumbs,
.request .breadcrumbs {
    padding: 20px 0;
}
.sliders .breadcrumbs {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    max-width: 100%;
}
.sliders .breadcrumbs + .sliders__main .main-slider__body::before {
    content: "";
    display: block;
    height: 40px;
}
.auth .breadcrumbs,
.product .breadcrumbs,
.sliders .breadcrumbs {
    padding: 20px var(--padding-page);
}
.breadcrumbs__item {
    display: flex;
    align-items: center;
}
.breadcrumbs__item:first-child,
.breadcrumbs__item:not(:last-child) {
    color: var(--color-green-light);
    white-space: nowrap;
}
.breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible {
    outline: 0;
    color: var(--color-green);
}
.breadcrumbs__item:first-child .breadcrumbs__link:active,
.breadcrumbs__item:not(:last-child) .breadcrumbs__link:active {
    color: var(--color-green);
}
.catalog-head_card .breadcrumbs__item:first-child,
.catalog-head_card .breadcrumbs__item:not(:last-child),
.sliders .breadcrumbs__item:first-child,
.sliders .breadcrumbs__item:not(:last-child),
.welcome .breadcrumbs__item:first-child,
.welcome .breadcrumbs__item:not(:last-child) {
    color: var(--color-white);
}
.catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.catalog-head_card .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible,
.sliders .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible,
.welcome .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible {
    color: var(--color-light);
}
.catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:active,
.catalog-head_card .breadcrumbs__item:not(:last-child) .breadcrumbs__link:active,
.sliders .breadcrumbs__item:first-child .breadcrumbs__link:active,
.sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:active,
.welcome .breadcrumbs__item:first-child .breadcrumbs__link:active,
.welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:active {
    color: var(--color-light);
}
.breadcrumbs__item:not(:last-child)::after {
    content: "";
    flex-shrink: 0;
    width: 3px;
    height: 3px;
    margin: 0 8px;
    background-color: var(--color-brown-light);
    border-radius: 50%;
}
.catalog-head_card .breadcrumbs__item:not(:last-child)::after,
.sliders .breadcrumbs__item:not(:last-child)::after,
.welcome .breadcrumbs__item:not(:last-child)::after {
    background-color: var(--color-bg);
}
.breadcrumbs__item:last-child:not(:first-child) {
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    line-clamp: 1;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    color: var(--color-brown-light);
    overflow: hidden;
}
.catalog-head_card .breadcrumbs__item:last-child:not(:first-child),
.sliders .breadcrumbs__item:last-child:not(:first-child),
.welcome .breadcrumbs__item:last-child:not(:first-child) {
    color: var(--color-bg);
}
.breadcrumbs__link {
    color: inherit;
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.cart .breadcrumbs__link_back,
.request .breadcrumbs__link_back {
    margin-left: 64px;
}
.breadcrumbs__link_back::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 8px;
    margin-right: 6px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.32843 7.53519L0.146447 4.35321C-0.0488154 4.15795 -0.0488154 3.84137 0.146447 3.64611L3.32843 0.464126C3.52369 0.268863 3.84027 0.268863 4.03553 0.464126C4.2308 0.659388 4.2308 0.97597 4.03553 1.17123L1.70711 3.49966L9.5 3.49966C9.77614 3.49966 10 3.72352 10 3.99966C10 4.2758 9.77614 4.49966 9.5 4.49966L1.70711 4.49966L4.03553 6.82809C4.2308 7.02335 4.2308 7.33993 4.03553 7.53519C3.84027 7.73046 3.52369 7.73046 3.32843 7.53519Z' fill='%23C1B59F'/%3E%3C/svg%3E%0A")
        center/contain no-repeat;
}
.pagination {
    display: flex;
    justify-content: center;
}
.pagination__list {
    display: flex;
}
.pagination__item {
    position: relative;
    flex-shrink: 0;
    display: flex;
}
.pagination__item a,
.pagination__item span {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: var(--text-medium);
    color: var(--color-dark);
    background-color: var(--color-white);
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.pagination__item + .pagination__item {
    margin-left: 8px;
}
.pagination__item_active a,
.pagination__item_active span {
    color: var(--color-white);
    background-color: var(--color-brown);
}
.pagination__item_next a::after,
.pagination__item_next span::after,
.pagination__item_prev a::after,
.pagination__item_prev span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: var(--color-brown);
    border-width: 2px;
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.pagination__item_prev a::after,
.pagination__item_prev span::after {
    transform: translate(-25%, -50%) rotate(45deg);
    border-width: 0 0 2px 2px;
}
.pagination__item_next a::after,
.pagination__item_next span::after {
    transform: translate(-75%, -50%) rotate(-45deg);
    border-width: 0 2px 2px 0;
}
.pagination__item_disabled a::after,
.pagination__item_disabled span::after {
    border-color: #ccc;
}
.pagination__item:not(.pagination__item_active):not(.pagination__item_disabled) a:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.pagination__item:not(.pagination__item_active):not(.pagination__item_disabled) a:active {
    background-color: var(--color-light-hover);
}
.video {
    position: relative;
    width: 100%;
    height: auto;
    font-size: 0;
    background-color: var(--color-grey);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.video_active {
    aspect-ratio: 16/9;
}
.video img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.video__link,
.video__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.video__button {
    position: absolute;
    z-index: 1;
    bottom: 24px;
    left: 28px;
    display: none;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 30px 36px;
    text-align: left;
    color: var(--color-dark);
}
.video_init .video__button {
    display: flex;
}
.video__button svg {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-right: 24px;
}
.popup {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    transition-duration: var(--transition-duration);
    transition-property: opacity;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.6);
}
.popup.is-open {
    opacity: 1;
    display: flex;
}
.popup__body {
    position: relative;
    display: flex;
    max-width: 96%;
    max-height: 96%;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.popup__close {
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    color: var(--color-dark);
    background-color: var(--color-bg);
    border: none;
    border-radius: var(--radius-normal);
}
.popup__close:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.popup__close:active {
    background-color: var(--color-light-hover);
}
.popup__icon {
    width: 18px;
    height: 18px;
}
.popup__inner {
    flex-shrink: 0;
    flex-grow: 1;
    max-width: 100%;
    max-height: 100%;
}
#video .popup__inner {
    font-size: 0;
}
.popup__inner iframe {
    width: 1300px;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: var(--radius-large);
    border: none;
}
.mobile-menu {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
}
.mobile-menu.is-menu-open {
    background-color: var(--color-bg);
}
.mobile-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--color-white);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
}
.mobile-menu__list {
    position: relative;
    display: flex;
    justify-content: space-evenly;
    max-width: 552px;
    padding: 10px 6px;
    margin: 0 auto;
}
.mobile-menu__item {
    position: relative;
    flex-shrink: 0;
}
.mobile-menu__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    color: var(--color-dark);
    background-color: var(--color-bg);
    border: none;
    border-radius: var(--radius-medium);
    overflow: hidden;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color, opacity;
}
.mobile-menu__btn:focus-visible {
    outline: 0;
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.mobile-menu__btn:active {
    color: var(--color-white);
    background-color: var(--color-green);
}
.mobile-menu__btn[data-menu] use:first-child {
    display: block;
}
.mobile-menu__btn[data-menu] use:last-child {
    display: none;
}
.is-menu-open .mobile-menu__btn[data-menu] {
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.is-menu-open .mobile-menu__btn[data-menu] use:first-child {
    display: none;
}
.is-menu-open .mobile-menu__btn[data-menu] use:last-child {
    display: block;
}
.mobile-menu__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.mobile-menu__count {
    position: absolute;
    top: -3px;
    right: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    font-weight: 700;
    font-size: var(--text-normal);
    color: var(--color-white);
    background-color: var(--color-accent);
    border-radius: 100px;
    pointer-events: none;
}
.mobile-sub-menu {
    position: fixed;
    right: 0;
    bottom: 66px;
    left: 0;
    padding: 0 6px;
    background-color: var(--color-bg);
    border-radius: var(--radius-large) var(--radius-large) 0 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.mobile-sub-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    left: 0;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.is-menu-open .mobile-sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.mobile-sub-menu__list {
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 552px;
    padding: 0 var(--padding-page) 84px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 16px;
}
.mobile-sub-menu__item + .mobile-sub-menu__item {
    border-top: 1px solid var(--color-bg);
}
.mobile-sub-menu__link {
    display: block;
    width: 100%;
    padding: 20px 0;
    color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.mobile-sub-menu__link:focus-visible {
    outline: 0;
    color: var(--color-accent);
}
.mobile-sub-menu__link:active {
    color: var(--color-brown);
}
.cookie {
    position: fixed;
    z-index: 5;
    right: calc(50% - 840px);
    bottom: 40px;
    width: 750px;
    display: flex;
    align-items: center;
    padding: 24px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow);
}
.cookie__text a {
    color: var(--color-accent);
}
.cookie__text a:focus-visible {
    outline: 0;
    text-decoration: underline;
}
.cookie__text a:active {
    color: var(--color-brown-hover);
}
.cookie__btn {
    min-width: 172px;
    margin-left: 60px;
}
.storage {
    display: flex;
    flex-direction: column;
    max-width: 694px;
    max-height: 100%;
    padding: 36px 46px;
}
.storage__title {
    padding-right: var(--height-icon-btn);
    margin-bottom: 40px;
}
.storage__body {
    padding-right: 26px;
    margin-right: -26px;
}
.storage__list {
    display: flex;
    flex-direction: column;
}
.storage__item + .storage__item {
    margin-top: 24px;
}
.file {
    display: flex;
    padding: 18px 18px 18px 24px;
    background-color: var(--color-bg);
    border-radius: var(--radius-large);
}
.file__main {
    flex-grow: 1;
    display: flex;
}
.file__icon {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: var(--color-brown);
}
.file__info {
    flex-grow: 1;
    margin: 0 18px;
}
.file__desc {
    font-size: var(--text-small);
    color: var(--color-grey);
}
.file__btn {
    flex-shrink: 0;
}
.b2b-info {
    display: flex;
    flex-direction: column;
    max-width: 674px;
    padding: 36px;
}
.b2b-info > * {
    margin-bottom: var(--padding-page);
}
.b2b-info > :last-child {
    margin-bottom: 0;
}
.b2b-info__img-box {
    width: auto;
    height: auto;
    aspect-ratio: 602/290;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.b2b-info__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.b2b-info ul{
    list-style: disc;
}
.b2b-info ul li{
    margin-left: 30px;
}
.sliders {
    padding-top: var(--gap);
}
.sliders__body {
    position: relative;
}
.sliders__main {
    --thumbs-width: 258px;
    --thumb-size: 62px;
    position: relative;
    flex-shrink: 0;
    overflow: hidden;
}
.sliders__promo {
    flex-shrink: 0;
    width: 408px;
}
.sliders__actions {
    display: flex;
}
.main-slider {
    position: relative;
    width: var(--main-width);
    height: var(--main-height);
    overflow: hidden;
}
.main-slider__items {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
}
.main-slider__item {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.main-slider__item:not(.main-slider__item_visible) a,
.main-slider__item:not(.main-slider__item_visible) button {
    visibility: hidden;
}
.main-slider__item_prev {
    z-index: 1;
}
.main-slider__item_active {
    z-index: 2;
}
.main-slider__img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.main-slider__item_active .main-slider__img-box {
    animation: widthUp 1s linear 0s;
}
.main-slider__img {
    max-width: none;
    width: var(--main-width);
    height: var(--main-height);
    border-radius: var(--radius-large);
    transform: scale(1.1);
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: 1s;
    transition-property: transform;
    transition-timing-function: linear;
    transform-origin: center;
}
.main-slider__item_active .main-slider__img {
    transform: scale(1);
}
.main-slider__body {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 32px var(--thumbs-width) var(--radius-normal) var(--radius-large);
    color: var(--color-white);
}
.main-slider__tags {
    display: flex;
    margin-bottom: 40px;
    font-size: var(--text-normal);
}
.main-slider__tag {
    padding: 14px 25px;
    border: 1px solid var(--color-white);
    border-radius: 100px;
}
.main-slider__tag + .main-slider__tag {
    margin-left: 6px;
}
.main-slider__title {
    max-width: 645px;
    margin-bottom: 24px;
}
.main-slider__item_active .main-slider__title {
    animation: fadeLeft 1.6s linear;
}
.main-slider__info {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-right: var(--radius-normal);
    margin-top: auto;
}
.main-slider__text {
    max-width: 458px;
    font-weight: 400;
    font-size: var(--text-large);
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.main-slider__text_large {
    max-width: 660px;
}
.main-slider__item_active .main-slider__text {
    animation: fadeLeft 1.6s linear;
}
.main-slider__pagination {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--gap);
    display: flex;
}
.main-slider__bullet {
    position: relative;
    flex-shrink: 0;
    width: 12px;
    height: 20px;
    background-color: transparent;
    border: none;
}
.main-slider__bullet::after,
.main-slider__bullet::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 100px;
}
.main-slider__bullet::before {
    background-color: var(--color-light);
}
.main-slider__bullet::after {
    background-color: transparent;
}
.main-slider__bullet_active::after {
    background-color: var(--color-accent);
}
.main-slider__bullet + .main-slider__bullet {
    margin-left: 12px;
}
.alerts {
    position: absolute;
    z-index: 3;
    top: 30px;
    right: 30px;
    width: 206px;
    height: 206px;
}
.alerts__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.thumb-slider {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: var(--thumbs-width);
    padding: var(--radius-large) var(--radius-medium);
    background-color: var(--color-bg);
    border-top-left-radius: var(--radius-large);
}
.thumb-slider::after,
.thumb-slider::before {
    content: "";
    position: absolute;
    box-sizing: content-box;
    width: var(--radius-large);
    height: var(--radius-large);
    border-color: var(--color-bg);
    border-style: solid;
}
.thumb-slider::before {
    bottom: calc(var(--radius-large) / -2);
    left: calc(var(--radius-large) / 2);
    transform: translateX(-100%);
    border-width: 0 calc(var(--radius-large) / 2) calc(var(--radius-large) / 2) 0;
    border-bottom-right-radius: calc(var(--radius-large) * 2);
}
.thumb-slider::after {
    top: calc(var(--radius-large) / 2);
    right: calc(var(--radius-large) / -2);
    transform: translateY(-100%);
    border-width: 0 calc(var(--radius-large) / 2) calc(var(--radius-large) / 2) 0;
    border-bottom-right-radius: calc(var(--radius-large) * 2);
}
.thumb-slider__body {
    width: 100%;
    overflow: hidden;
}
.thumb-slider__items {
    position: relative;
    display: flex;
    width: 100%;
    will-change: transform;
    transition-duration: 0s !important;
}
.thumb-slider__item {
    position: relative;
    flex-shrink: 0;
    padding: 6px;
    width: var(--thumb-size);
    height: var(--thumb-size);
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.thumb-slider__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 50%;
}
.thumb-slider__progress {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    width: var(--thumb-size);
    height: var(--thumb-size);
}
.thumb-slider__progress circle {
    fill: none;
    stroke-width: 6px;
}
.thumb-slider__progress circle:first-child {
    stroke: var(--color-brown-light);
}
.thumb-slider__progress circle:last-child {
    stroke: var(--color-green-light);
    stroke-dasharray: 195;
    stroke-dashoffset: 195;
    transition-property: all;
    transition-timing-function: linear;
}
.swiper-slide-thumb-active .thumb-slider__progress circle:last-child {
    stroke-dashoffset: 0;
    transition-duration: 10s;
}
.promo__slider {
    position: relative;
}
.promo__items {
    position: relative;
    display: flex;
    will-change: transform;
}
.promo__item {
    position: relative;
    flex-shrink: 0;
}
.promo__item_visible {
    z-index: 1;
}
.promo__pagination {
    position: absolute;
    right: 24px;
    left: 24px;
    bottom: var(--radius-large);
    display: flex;
}
.promo__bullet {
    position: relative;
    flex: 1 1 0;
    height: 20px;
    background-color: transparent;
    border: none;
}
.promo__bullet::after,
.promo__bullet::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    border-radius: 100px;
}
.promo__bullet::before {
    width: 100%;
    background-color: var(--color-brown-light);
}
.promo__bullet::after {
    width: 0;
    background-color: var(--color-brown);
    transition-property: width;
    transition-timing-function: linear;
}
.promo__bullet_active::after {
    width: 100%;
    transition-duration: 10s;
}
.promo__bullet + .promo__bullet {
    margin-left: 12px;
}
.categories__body {
    padding-top: 100px;
}
.categories__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap) / -2) calc(var(--gap) * -1);
}
.categories__item {
    flex: 1 1 50%;
    max-width: calc(50% - var(--gap));
    margin: 0 calc(var(--gap) / 2) var(--gap);
}
.categories__link {
    --img-size: 348px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    min-height: calc(var(--img-size) * 1.1);
    height: 100%;
    padding: 44px 24px 25px;
    color: var(--color-dark);
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    transition-duration: var(--transition-duration);
    transition-property: background-color;
    overflow: hidden;
}
.categories__link:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.categories__link:focus-visible .categories__img-box::before {
    background-color: var(--color-accent);
}
.categories__name {
    position: relative;
    z-index: 1;
    flex-grow: 1;
}
.categories__img-box {
    position: absolute;
    top: 50%;
    right: calc(var(--img-size) / 2);
    transform: translate(50%, -50%);
    flex-shrink: 0;
    width: var(--img-size);
    height: var(--img-size);
    transition-duration: var(--transition-duration);
    transition-property: background-color, transform;
}
.categories__img-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    background-color: var(--color-brown-light);
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: background-color, transform;
}
.categories__img {
    position: relative;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.categories__tags {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px -6px;
}
.categories__tag {
    padding: 14px 20px;
    margin: 0 3px 6px;
    background-color: var(--color-bg);
    border-radius: 100px;
}
.categories__message {
    margin-top: 60px;
}
.message {
    position: relative;
    display: block;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.message::after {
    content: "";
    display: block;
    padding-bottom: 19.4%;
}
.message:focus-visible {
    outline: 0;
}
.message:focus-visible .message__btn {
    background-color: var(--color-light);
}
.message:active .message__btn {
    background-color: var(--color-light-hover);
}
.message__img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.message__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.message__btn {
    position: absolute;
    right: 4%;
    bottom: 9.8%;
    margin-left: 40px;
}
.popular__body {
    padding-top: 100px;
}
.popular_product .popular__body {
    padding-bottom: 50px;
}
.popular__title {
    margin-bottom: 62px;
}
.popular_product .popular__title {
    text-align: left;
}
.popular__title span {
    display: inline-block;
}
.popular-tags {
    display: flex;
}
.popular-tags__slider {
    display: flex;
    min-width: 0;
    margin-bottom: 62px;
}
.popular-tags__items {
    position: relative;
    display: flex;
    width: 100%;
    will-change: transform;
}
.popular-tags__item {
    flex-shrink: 0;
}
.popular-tags__link {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    font-size: var(--text-normal);
    color: var(--color-white);
    background-color: var(--color-green-light);
    border-radius: 100px;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.popular-tags__link:focus-visible {
    outline: 0;
    background-color: var(--color-green);
}
.popular-tags__link:active {
    background-color: var(--color-green);
}
.popular-slider {
    width: 100%;
}
.popular-slider__items {
    position: relative;
    display: flex;
    width: 100%;
    will-change: transform;
}
.popular-slider__item {
    flex-shrink: 0;
}
.info {
    overflow: hidden;
}
.info__body {
    padding-top: 100px;
    padding-bottom: 50px;
}
.info__title {
    margin-bottom: 94px;
}
.info__title span {
    display: inline-block;
}
.info__list {
    display: flex;
}
.info__item {
    position: relative;
    flex: 1 1 30%;
    padding: 32px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.info__item + .info__item {
    margin-left: var(--gap);
}
.info__name {
    display: flex;
    align-items: center;
    min-height: var(--height-icon-btn);
    padding-right: var(--height-icon-btn);
    margin-bottom: 94px;
}
.info__img-box {
    position: absolute;
    top: 32px;
    right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    background-color: var(--color-bg);
    border-radius: var(--radius-medium);
}
.info__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.subscribe {
    position: relative;
    display: flex;
    padding: 44px 32px 32px;
    color: var(--color-white);
    background-color: var(--color-green-light);
    border-radius: var(--radius-large);
}
.info__list + .subscribe,
.manuals__main + .subscribe,
.popular-slider + .subscribe,
.services__list + .subscribe {
    margin-top: 70px;
}
.catalog__box + .subscribe {
    margin-top: 70px;
}
.faq__main + .subscribe {
    margin-top: 120px;
}
.no-webp .subscribe::before {
    background: url(../img/content/subscribe.png) center/contain no-repeat;
}
.subscribe::before {
    content: "";
    position: absolute;
    top: 46%;
    right: 0;
    transform: translateY(-50%);
    width: 362px;
    height: 362px;
    pointer-events: none;
}
.subscribe__content {
    flex-shrink: 0;
    width: 410px;
    margin-right: 188px;
}
.subscribe__title {
    margin-bottom: 56px;
}
.subscribe__form {
    position: relative;
    flex-shrink: 0;
    width: 622px;
}
.subscribe__input {
    width: 100%;
    padding-bottom: 22px;
    color: var(--color-white);
    background-color: transparent;
    border: none;
    border-bottom: 3px solid var(--color-white);
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.subscribe__input::-moz-placeholder {
    color: var(--color-white);
}
.subscribe__input::placeholder {
    color: var(--color-white);
}
.subscribe__input:focus-visible {
    outline: 0;
    border-color: var(--color-brown-light);
}
.subscribe__input:focus-visible::-moz-placeholder {
    color: transparent;
}
.subscribe__input:focus-visible::placeholder {
    color: transparent;
}
.subscribe__success {
    max-width: 370px;
}
.subscribe__action {
    display: flex;
    align-items: center;
    margin-top: 24px;
}
.subscribe__agree {
    margin-right: 40px;
}
.subscribe__btn {
    align-self: flex-start;
}
.catalog-head_card {
    padding-top: 18px;
}
.catalog-head__body {
    position: relative;
    padding-top: 20px;
    padding-right: var(--padding-page);
    padding-left: var(--padding-page);
    padding-bottom: calc(var(--padding-page) * 1.5);
}
.catalog-head_card .catalog-head__body {
    padding: 20px var(--padding-page) var(--padding-page);
    color: var(--color-white);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.catalog-head__img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.catalog-head__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.catalog-head__content {
    position: relative;
    display: flex;
    flex-direction: column;
}
.catalog-head_card .catalog-head__content {
    min-height: 300px;
}
.catalog-head__title {
    margin: 40px 0;
}
.catalog-head__title:first-child {
    margin-top: 0;
}
.catalog-head__title:last-child {
    margin-bottom: 0;
}
.catalog-head__text {
    max-width: 580px;
    margin-top: auto;
    font-weight: 400;
}
.catalog__body {
    padding-top: 36px;
}
.catalog__body:not(:last-child) {
    padding-bottom: 50px;
}
.catalog__body:last-child {
    padding-bottom: 80px;
}
.catalog__sidebar {
    flex: 0 0 388px;
    margin-right: 40px;
}
.catalog__sorting {
    margin-bottom: 36px;
}
.catalog__filtered {
    margin-bottom: 36px;
}
.catalog__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gap);
}
.catalog__items_fill {
    grid-template-columns: repeat(4, 1fr);
}
.catalog__items:not(:last-child) {
    margin-bottom: 56px;
}
.catalog__item_empty {
    grid-column: -1/1;
    padding: 200px 20px;
    color: var(--color-brown-light);
    text-align: center;
}
.filters__close,
.filters__menu {
    display: inline-flex;
    align-items: center;
    color: var(--color-dark);
    border: none;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.filters__close:focus-visible,
.filters__menu:focus-visible {
    outline: 0;
}
.filters__close svg,
.filters__menu svg {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
}
.filters__menu {
    justify-content: flex-start;
    width: 100%;
    font: inherit;
    background-color: var(--color-white);
    border-radius: var(--radius-normal);
}
.filters__menu:focus-visible {
    background-color: var(--color-light);
}
.filters__menu:active {
    background-color: var(--color-light-hover);
}
.filters__menu svg {
    margin-right: 10px;
    color: var(--color-brown);
}
.filters__close {
    flex-shrink: 0;
    justify-content: center;
    width: 28px;
    height: 28px;
    background-color: transparent;
}
.filters__box {
    padding-right: var(--padding-page);
    padding-left: var(--padding-page);
}
.filters__box + .filters__box {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid var(--color-light);
}
.filters__subtitle {
    display: flex;
    width: 100%;
    margin-bottom: 16px;
    text-align: left;
    color: var(--color-dark);
    background-color: transparent;
    border: none;
}
.filters__subtitle:not([data-spoller]) {
    cursor: default;
}
.filters__subtitle[data-spoller]::after {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 2px 0 2px 16px;
    background: url(../img/icons/dropdown.svg) center/contain no-repeat;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.filters__subtitle [data-tippy-content] {
    margin: 3px 0 3px 16px;
}
.filters__subtitle._spoller-active::after {
    transform: scale(1, -1);
}
.filters__name {
    margin-right: auto;
}
.filters__content {
    display: flex;
    flex-direction: column;
}
.filters__slider[data-enabled="false"] .filters__items {
    max-height: 160px;
    overflow: hidden;
}
.filters__slider[data-enabled="false"] ~ .filters__search {
    display: none;
}
.filters__slider[data-enabled="true"] .filters__items {
    max-height: 370px;
    overflow: auto;
}
.filters__search {
    order: -1;
    margin-bottom: 16px;
}
.filters__items {
    padding-right: 16px;
}
.filters__item:not(:last-child) {
    margin-bottom: 8px;
}
.filters__show {
    display: flex;
    align-items: center;
    width: 92%;
    margin-top: 8px;
    margin-left: 12px;
    -moz-text-align-last: left;
    text-align-last: left;
    font-weight: 400;
    color: var(--color-accent);
    background-color: transparent;
    border: none;
}
.filters__show:focus-visible {
    outline: 0;
    text-decoration: underline;
}
.filters__show::after {
    content: "";
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    margin-left: 4px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 7.41421L5.41421 6L9.70711 10.2929L14 6L15.4142 7.41421L9.70711 13.1213L4 7.41421Z' fill='%23e25740'/%3E%3C/svg%3E%0A")
        center/contain no-repeat;
}
[data-enabled="true"] .filters__show::after {
    transform: scaleY(-1);
}
.filters__empty {
    display: inline-block;
    padding: 6px 12px;
    font-weight: 400;
    color: var(--color-brown-light);
}
.filters__action {
    display: flex;
    flex-wrap: wrap;
    margin-top: 56px;
    margin-right: -3px;
    margin-left: -3px;
    margin-bottom: -6px;
}
.filters__btn {
    flex-grow: 1;
    margin: 0 3px 6px;
}
.filter {
    display: flex;
    padding: 6px 12px;
    font-weight: 400;
    font-size: var(--text-medium);
    border-radius: var(--radius-smallest);
    cursor: pointer;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.filter:focus-within {
    background-color: var(--color-light);
}
.filter__input[type="checkbox"]:checked ~ .filter__icon {
    background: var(--color-category)
        url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8536 8.35359L10.5 13.7071L6.64648 9.85359L7.35359 9.14648L10.5 12.2929L15.1465 7.64648L15.8536 8.35359Z' fill='%23ffffff'/%3E%3C/svg%3E%0A")
        center/contain no-repeat;
    border-color: transparent;
}
.filter__input[type="radio"]:checked ~ .filter__icon {
    position: relative;
}
.filter__input[type="radio"]:checked ~ .filter__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    background-color: var(--color-category);
    border-radius: 50%;
}
.filter__icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    border: 1px solid var(--color-category-hover);
}
.filter__input[type="checkbox"] ~ .filter__icon {
    border-radius: var(--radius-smallest);
}
.filter__input[type="radio"] ~ .filter__icon {
    border-radius: 50%;
}
.filter__name {
    flex-grow: 1;
}
.filter__nums {
    margin-left: 14px;
    white-space: nowrap;
    color: var(--color-category-hover);
}
.smart-filter-input-group-number .form-group {
    width: auto !important;
}
.smart-filter-input-group-number .smart-filter-input-container input {
    width: 90px !important;
    padding: 8px 12px;
    font-size: var(--text-normal);
    color: var(--color-dark);
    background-color: var(--color-light);
    border: none;
    border-radius: var(--radius-smallest);
}
.smart-filter-input-group-number .smart-filter-input-container input::-moz-placeholder {
    color: var(--color-brown-light);
}
.smart-filter-input-group-number .smart-filter-input-container input::placeholder {
    color: var(--color-brown-light);
}
.smart-filter-slider-track-container {
    overflow: visible;
    padding: 18px 0 6px;
}
.smart-filter-slider-track {
    position: relative;
    height: 4px;
    background: var(--color-light);
    border-radius: 100px;
}
.smart-filter-slider-ruler {
    display: none;
}
.smart-filter-slider-range {
    z-index: 4;
}
.smart-filter-slider-price-bar,
.smart-filter-slider-price-bar-v,
.smart-filter-slider-price-bar-vd,
.smart-filter-slider-price-bar-vn,
.smart-filter-slider-range {
    position: absolute;
    top: 0;
    bottom: 0;
}
.smart-filter-slider-price-bar {
    z-index: 5;
}
.smart-filter-slider-price-bar-vd {
    z-index: 1;
    background-color: var(--color-light);
    border-radius: 100px;
}
.smart-filter-slider-price-bar-vn {
    z-index: 2;
    background-color: var(--color-light);
    border-radius: 100px;
}
.smart-filter-slider-price-bar-v {
    z-index: 3;
    background-color: var(--color-category);
    border-radius: 100px;
}
.smart-filter-slider-handle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-color: var(--color-category);
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.smart-filter-slider-handle:active {
    background-color: var(--color-category-hover);
}
.smart-filter-slider-handle.left {
    left: 0;
    margin-left: 0;
}
.smart-filter-slider-handle.right {
    right: 0;
    margin-right: 0;
}
.filtered__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px -6px;
}
.filtered__item {
    margin: 0 3px 6px;
}
.filtered__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: var(--text-normal);
    border: none;
    border-radius: 100px;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color, opacity;
}
.filtered__tag:focus-visible {
    outline: 0;
}
.filtered__tag:not(.filtered__tag_reset) {
    padding: 14px 12px 14px 20px;
    color: var(--color-white);
    background-color: var(--color-category);
}
.filtered__tag:not(.filtered__tag_reset):focus-visible {
    background-color: var(--color-category-hover);
}
.filtered__tag:not(.filtered__tag_reset)::after {
    content: "";
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-left: 20px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.625 2.46045L11.1645 11.9999L12.0001 11.1643L2.46063 1.62482L1.625 2.46045Z' fill='white'/%3E%3Cpath d='M12 2.46045L2.46051 11.9999L1.62488 11.1643L11.1644 1.62482L12 2.46045Z' fill='white'/%3E%3C/svg%3E%0A")
        center/contain no-repeat;
}
.filtered__tag_reset {
    padding: 14px 20px;
    color: var(--color-accent);
    background-color: var(--color-white);
}
.filtered__tag_reset:focus-visible {
    background-color: var(--color-light);
}
.filtered__tag_reset:active {
    background-color: var(--color-light-hover);
}
.product__body {
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.product__top {
    padding: var(--padding-page);
}
.product__preview {
    position: relative;
    flex-shrink: 0;
    width: 496px;
}
.product__main {
    flex-grow: 1;
    padding-top: 14px;
    margin: 0 calc(var(--padding-page) * 2);
}
.product__main > :first-child {
    margin-top: 0;
}
.product__main > :last-child {
    margin-bottom: 0;
}
.product__specs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px -10px;
    font-size: var(--text-normal);
}
.product__spec {
    margin: 0 10px 10px;
    color: var(--color-brown);
}
.product__title {
    margin: 18px 0 32px;
}
.product__info {
    margin: 32px 0 26px;
}
.product__anchor {
    display: block;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 26px 0 32px;
    text-decoration: underline;
    font-size: var(--text-normal);
    color: var(--color-accent);
}
.product__anchor:focus-visible {
    outline: 0;
    text-decoration: none;
}
.product__options {
    flex-shrink: 0;
    width: 388px;
}
.specs__item {
    display: flex;
    align-items: baseline;
}
.specs__item_large {
    flex-direction: column;
    align-items: flex-start;
}
.specs__item + .specs__item {
    margin-top: 10px;
}
.specs__name {
    margin-right: 16px;
    white-space: nowrap;
    font-size: var(--text-normal);
    color: var(--color-brown);
}
.specs__name::after {
    content: ":";
}
.specs__item_large .specs__name {
    margin-right: 0;
    margin-bottom: 8px;
}
.specs__desc {
    font-weight: 400;
}
.specs__desc [data-tippy-content] {
    margin-left: 14px;
}
.options {
    display: grid;
    gap: 36px;
    padding: var(--padding-page);
    background-color: var(--color-bg);
    border-radius: var(--radius-large);
}
.options__title {
    display: block;
    margin-bottom: 18px;
    font-size: var(--text-normal);
    color: var(--color-brown);
}
.options__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -4px -8px;
}
.options__item {
    display: flex;
    margin: 0 4px 8px;
    cursor: pointer;
}
.options__checkbox:checked + .options__name {
    color: var(--color-white);
    background-color: var(--color-brown);
    border-color: transparent;
}
.options__checkbox:focus + .options__name {
    border-color: var(--color-brown);
}
.options__name {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 54px;
    padding: 0 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 14;
    background-color: var(--color-white);
    border-radius: var(--radius-normal);
    border: 1px solid var(--color-brown-light);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color;
}
.options__name:focus-visible {
    outline: 0;
}
.product-tabs__navigation {
    position: relative;
    display: flex;
    padding: 0 var(--padding-page);
    background: linear-gradient(var(--color-bg), var(--color-bg)) center bottom/100% 2px no-repeat;
    overflow: auto hidden;
}
.product-tabs__navigation::-webkit-scrollbar {
    display: none;
}
.product-tabs__btn {
    position: relative;
    padding: 10px 18px 6px;
    white-space: nowrap;
    color: var(--color-dark);
    background-color: transparent;
    border: none;
    border-bottom: 4px solid transparent;
    transition-duration: var(--transition-duration);
    transition-property: color, border-color;
}
.product-tabs__btn:focus-visible {
    outline: 0;
    color: var(--color-dark-hover);
}
.product-tabs__btn._tab-active {
    border-color: var(--color-accent);
}
.product-tabs__btn + .product-tabs__btn {
    margin-left: 36px;
}
.product-tabs__item {
    padding-bottom: 46px;
}
.product-tabs__box {
    display: flex;
    padding: 46px var(--padding-page);
}
.product-tabs__box + .product-tabs__box {
    border-top: 1px solid var(--color-light);
}
.product-tabs__content {
    flex-shrink: 0;
}
.product-tabs__content_large {
    width: 50%;
}
.product-tabs__content_medium {
    width: 34%;
}
.product-tabs__content_small {
    width: 24%;
}
.product-tabs__content:not(:last-child) {
    margin-right: 13%;
}
.product-tabs__title {
    margin-bottom: 32px;
}
.preview__slider {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}
.preview__items {
    position: relative;
    display: flex;
    width: 100%;
    transition-timing-function: linear;
    will-change: transform;
}
.preview__item {
    position: relative;
    flex-shrink: 0;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.preview__item::after {
    content: "";
    display: block;
    padding-bottom: 90%;
}
.preview__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: var(--radius-medium);
}
.preview__pagination {
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    bottom: var(--gap);
    display: flex;
}
.preview__bullet {
    position: relative;
    flex-shrink: 0;
    width: 12px;
    height: 20px;
    background-color: transparent;
    border: none;
}
.preview__bullet::after,
.preview__bullet::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 100px;
}
.preview__bullet::before {
    background-color: var(--color-light);
}
.preview__bullet::after {
    background-color: transparent;
}
.preview__bullet_active::after {
    background-color: var(--color-accent);
}
.preview__bullet + .preview__bullet {
    margin-left: 12px;
}
.preview-thumb {
    position: relative;
    width: 100%;
    padding-left: 64px;
    overflow: hidden;
}
.preview-thumb__items {
    position: relative;
    display: flex;
    width: 100%;
    transition-timing-function: linear;
    will-change: transform;
}
.preview-thumb__item {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border: 1px solid var(--color-bg);
    border-radius: var(--radius-medium);
    overflow: hidden;
    cursor: pointer;
}
.preview-thumb__item_active-thumb {
    border-color: var(--color-brown-light);
}
.preview-thumb__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.preview-thumb__nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 24px;
    background-color: var(--color-white);
}
.preview-thumb__button {
    position: relative;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    color: var(--color-dark);
    background-color: var(--color-white);
    border: 1px solid var(--color-bg);
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.preview-thumb__button_next::after,
.preview-thumb__button_prev::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20%;
    height: 20%;
    border-style: solid;
    border-color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.preview-thumb__button_prev::after {
    transform: translate(-25%, -50%) rotate(45deg);
    border-width: 0 0 2px 2px;
}
.preview-thumb__button_next::after {
    transform: translate(-75%, -50%) rotate(-45deg);
    border-width: 0 2px 2px 0;
}
.preview-thumb__button_disabled {
    cursor: default;
}
.preview-thumb__button_disabled::after {
    border-color: var(--color-light);
}
.preview-thumb__button:not(.preview-thumb__button_active):not(.preview-thumb__button_disabled):focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.preview-thumb__button:not(.preview-thumb__button_active):not(.preview-thumb__button_disabled):active {
    background-color: var(--color-light-hover);
}
.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.product-card__img-box {
    height: 330px;
    margin: 8px 8px 0;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.product-card__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.product-card__link {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 26px;
    color: var(--color-dark);
}
.product-card__name {
    flex-grow: 1;
    padding-right: 24px;
    padding-left: 24px;
    margin-top: 24px;
    font-weight: 500;
    font-size: var(--text-large);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 24px 30px;
}
.product-card__btn {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    background-color: var(--color-dark);
    border: none;
    border-radius: 50%;
}
.prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.prices__sale {
    position: relative;
    margin-bottom: 2px;
    font-size: var(--text-medium);
    color: var(--color-dark);
}
.prices__sale::after {
    content: "";
    position: absolute;
    top: 15%;
    right: 0;
    bottom: 15%;
    left: 0;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTIiIGhlaWdodD0iMTIiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHZpZXdCb3g9IjAgMCA1MiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01MiAxLjAwMDA0TDEuMDAwMDIgMTEuNjA3NUwwLjc5NjM4NyAxMC42Mjg0TDUxLjc5NjQgMC4wMjA5OTU3TDUyIDEuMDAwMDRaIiBmaWxsPSIjRTI1NzQwIi8+Cjwvc3ZnPgo=)
        center/100% 100% no-repeat;
    pointer-events: none;
}
.prices__sale + .prices__info .prices__main {
    color: var(--color-accent);
}
.prices__info {
    display: flex;
    align-items: flex-end;
}
.prices__main {
    white-space: nowrap;
    font-size: 34px;
    line-height: 0.9;
    color: var(--color-dark);
}
.prices__main:not(:last-child)::after {
    content: " / ";
    font-size: inherit;
    color: var(--color-brown-light);
}
.prices__desc {
    display: flex;
    flex-direction: column;
    font-size: var(--text-normal);
    color: var(--color-brown-light);
}
.stats {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px -25px;
}
.stats__box {
    display: flex;
    flex-direction: column;
    margin: 0 11px 25px;
}
.stats__title {
    margin-bottom: 14px;
    font-weight: 500;
    font-size: var(--text-normal);
    color: var(--color-brown);
}
.stats__values {
    display: flex;
}
.stats__values.block_strenght{
    flex-wrap: wrap;
    width: 100%;
    min-height: 100%;
}
.stats__value {
    flex-shrink: 0;
    width: 36px;
    height: 4px;
    border-radius: 100px;
    background-color: var(--color-light);
}
.stats__value + .stats__value {
    margin-left: 3px;
}
[data-value="1"] .stats__value:nth-child(-n + 1),
[data-value="2"] .stats__value:nth-child(-n + 2),
[data-value="3"] .stats__value:nth-child(-n + 3),
[data-value="4"] .stats__value:nth-child(-n + 4),
[data-value="5"] .stats__value:nth-child(-n + 5),
[data-value="6"] .stats__value:nth-child(-n + 6),
[data-value="7"] .stats__value:nth-child(-n + 7),
[data-value="8"] .stats__value:nth-child(-n + 8),
[data-value="9"] .stats__value:nth-child(-n + 9),
[data-value="10"] .stats__value:nth-child(-n + 10),
[data-value="11"] .stats__value:nth-child(-n + 11),
[data-value="12"] .stats__value:nth-child(-n + 12),
[data-value="13"] .stats__value:nth-child(-n + 13) {
    background-color: var(--color-brown);
}
.promos {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    display: flex;
    margin: 0 -3px -6px;
}
.promos_card {
    top: 26px;
    left: 26px;
    flex-direction: column;
    align-items: flex-start;
    max-width: calc(100% - 62px);
}
.promos_product {
    top: 14px;
    left: 14px;
    flex-wrap: wrap;
    max-width: calc(100% - 68px);
}
.promos__item {
    max-width: 100%;
    padding: 3px 10px;
    margin: 0 3px 6px;
    font-size: var(--text-small);
    color: var(--color-white);
    background-color: var(--color-dark);
    border: 1px solid transparent;
    border-radius: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.promos__item_accent {
    background-color: var(--color-accent);
}
.promos__item_green {
    background-color: var(--color-green-light);
}
.promos__item_light {
    color: var(--color-dark);
    background-color: var(--color-bg);
    border-color: var(--color-light);
}
.favorite-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--color-dark);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color;
}
.favorite-btn:focus-visible {
    outline: 0;
}
.favorite-btn:not(.favorite-btn_active):focus-visible .favorite-btn__icon {
    transform: scale(1.2);
}
.favorite-btn:not(.favorite-btn_active):active {
    color: var(--color-white);
    background-color: var(--color-accent);
    border-color: transparent;
}
.favorite-btn:not(.favorite-btn_active):active .favorite-btn__icon {
    transform: none;
}
.favorite-btn_card,
.favorite-btn_product {
    position: absolute;
    z-index: 1;
    background-color: var(--color-white);
    border-color: var(--color-dark);
}
.favorite-btn_card {
    top: 26px;
    right: 26px;
}
.favorite-btn_product {
    top: 0;
    right: 0;
}
.favorite-btn_cart {
    background-color: var(--color-bg);
    border-color: transparent;
}
.favorite-btn_active {
    color: var(--color-white);
    background-color: var(--color-accent);
    border-color: transparent;
}
.favorite-btn_active:focus-visible .favorite-btn__icon {
    transform: scale(0.8);
}
.favorite-btn_active:active {
    color: var(--color-dark);
    background-color: var(--color-white);
    border-color: var(--color-dark);
}
.favorite-btn_active:active .favorite-btn__icon {
    transform: scale(1.2);
}
.favorite-btn__icon {
    width: 50%;
    height: 50%;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.buy {
    flex-shrink: 0;
}
.buy_card {
    --height-buy: 54px;
    max-width: 180px;
}
.buy__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--height-buy);
    color: var(--color-white);
    background-color: var(--color-green-light);
    border: none;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
    overflow: hidden;
}
.buy_card .buy__btn {
    width: var(--height-buy);
    border-radius: 50%;
}
.buy_card .buy__btn:focus-visible .buy__icon use:first-child {
    transform: translateY(-200%);
}
.buy_card .buy__btn:focus-visible .buy__icon use:last-child {
    transform: translateY(0);
}
.buy_card .buy__btn:active {
    background-color: var(--color-green);
}
.buy_card .buy__btn:active .buy__icon use:first-child {
    transform: translateY(-200%);
}
.buy_card .buy__btn:active .buy__icon use:last-child {
    transform: translateY(0);
}
.buy_product .buy__btn {
    width: 100%;
    border-radius: 100px;
}
.buy_product .buy__btn:focus-visible {
    outline: 0;
    background-color: var(--color-green);
}
.buy_product .buy__btn:active {
    background-color: var(--color-green);
}
.buy__icon {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    overflow: visible;
}
.buy__icon use {
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.buy__icon use:last-child {
    transform: translateY(200%);
}
.quantity {
    display: flex;
}
.quantity__button {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.quantity__button:active .quantity__icon {
    transform: scale(0.8);
}
.quantity__button_minus {
    border-radius: 100px 0 0 100px;
}
.quantity__button_plus {
    border-radius: 0 100px 100px 0;
}
.quantity__input-box {
    flex: 1 1 auto;
}
.quantity__input {
    width: 100%;
}
.quantity__button,
.quantity__input {
    height: var(--height-buy);
    text-align: center;
    color: var(--color-white);
    background-color: var(--color-green-light);
    border: none;
}
.quantity__icon {
    width: 18px;
    height: 18px;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.cart__body {
    padding: 0 211px 84px;
}
.cart__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 422px;
    margin-bottom: 44px;
}
.cart__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 18px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: center;
    font-size: var(--text-medium);
    color: var(--color-dark);
    background-color: var(--color-white);
    border: none;
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.cart__btn:focus-visible {
    outline: 0;
    color: var(--color-green-light);
}
.cart__btn-icon {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-left: 10px;
}
.cart__list,
.cart__order {
    flex: 1 1 auto;
}
.cart__item + .cart__item {
    margin-top: var(--gap);
}
.cart-card {
    display: flex;
    padding: 32px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.cart-card__main {
    display: flex;
}
.cart-card__img-box {
    flex-shrink: 0;
    width: 180px;
    height: 168px;
    margin-right: 40px;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.cart-card__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.cart-card__info {
    display: flex;
    flex-direction: column;
}
.cart-card__specs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px -6px;
    font-size: var(--text-small);
}
.cart-card__spec {
    margin: 0 8px 6px;
    color: var(--color-brown);
}
.cart-card__name {
    margin-bottom: 12px;
    font-weight: 500;
    font-size: var(--text-large);
    color: var(--color-dark);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cart-card__name:not(:first-child) {
    margin-top: 8px;
}
.cart-card__prices {
    margin-top: auto;
}
.cart-card__action {
    flex-shrink: 0;
    width: 180px;
    margin-left: var(--gap);
}
.cart-action {
    display: flex;
}
.cart-action__items {
    display: flex;
    margin-bottom: auto;
}
.cart-action__item + .cart-action__item {
    margin-left: 12px;
}
.cart-action__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--color-dark);
    background-color: var(--color-bg);
    border: none;
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.cart-action__btn:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.cart-action__btn:active {
    background-color: var(--color-light-hover);
}
.cart-action__icon {
    width: 50%;
    height: 50%;
}
.summary__top {
    padding: 38px 26px 16px;
    border-bottom: 3px dotted var(--color-bg);
}
.summary__title {
    margin-bottom: 28px;
}
.summary__item {
    display: flex;
    justify-content: space-between;
}
.summary__item + .summary__item {
    margin-top: 10px;
}
.summary__name {
    max-width: 40%;
    color: var(--color-brown);
}
.summary__desc {
    max-width: 55%;
    text-align: right;
}
.summary__desc_mark {
    color: var(--color-green-light);
}
.summary__main {
    padding: 16px 26px 0;
}
.summary__result {
    display: block;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    font-size: 34px;
    line-height: 0.9;
    color: var(--color-accent);
}
.summary__result:not(:first-child) {
    margin-top: 10px;
}
.summary__submit {
    padding: 28px 26px 32px;
}
.summary__btn {
    width: 100%;
    height: var(--height-buy);
}
.summary__error {
    padding: var(--gap) 0;
    text-align: center;
    color: var(--color-brown);
}
.empty-cart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 90px;
}
.empty-cart::before {
    content: "";
    width: 114px;
    height: 114px;
    background: url(../img/content/empty.svg) center/contain no-repeat;
}
.empty-cart__text {
    max-width: 372px;
    margin: 68px 0 80px;
    text-align: center;
}
.success {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 70px;
    text-align: center;
}
.success__img {
    width: 114px;
    height: 114px;
    margin-bottom: 40px;
}
.success__title {
    margin-bottom: 8px;
}
.success__text span {
    color: var(--color-green-light);
}
.success__btn {
    min-width: 172px;
    margin-top: 40px;
}
.contacts__body {
    padding: 0 211px 84px;
}
.contacts__title {
    margin-bottom: 20px;
}
.contacts__info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.contacts__list {
    display: flex;
    justify-content: space-between;
}
.contacts__item {
    max-width: 386px;
}
.contacts__name {
    margin-bottom: 8px;
    font-size: var(--text-small);
    color: var(--color-brown);
}
.contacts__name.address_block{
    margin-top: 20px;
}
.contacts__link {
    white-space: nowrap;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color, opacity;
}
.contacts__link:focus-visible {
    outline: 0;
}
.contacts__link_tel {
    line-height: 1.1;
    color: var(--color-dark);
}
.contacts__link_tel:focus-visible {
    color: var(--color-dark-hover);
}
.contacts__link_mail {
    font-weight: 700;
    color: var(--color-accent);
}
.contacts__link_mail:focus-visible {
    color: var(--color-brown);
}
.contacts__link_mail:active {
    color: var(--color-brown-hover);
}
.contacts__address {
    font-style: normal;
}
.contacts__map {
    flex-grow: 1;
    min-height: 306px;
    margin-top: 86px;
}
.contacts__map iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.contacts__form {
    flex-shrink: 0;
    align-self: flex-start;
    margin-left: 46px;
}
.callback {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    width: 506px;
    padding: 36px 46px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.callback__title {
    max-width: 374px;
    padding-right: 50px;
    margin-bottom: 40px;
}
.callback__text {
    font-size: var(--title1);
}
.callback__inputs {
    display: flex;
    flex-direction: column;
}
.callback__input + .callback__input {
    margin-top: 16px;
}
.callback__btn {
    margin-top: 20px;
}
.callback__agree {
    margin-top: 30px;
}
.welcome {
    padding-top: var(--gap);
}
.welcome__body {
    overflow: hidden;
}
.welcome__main {
    position: relative;
    display: flex;
    align-items: flex-end;
}
.welcome__img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.welcome__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.welcome__content {
    flex-grow: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 462px;
    padding: 20px calc(var(--radius-large) * 2) var(--radius-medium) var(--padding-page);
    color: var(--color-white);
}
.welcome__title {
    max-width: 600px;
    margin: 40px 0;
}
.welcome__title:last-child {
    margin-bottom: 0;
}
.welcome__text {
    margin-top: auto;
    font-weight: 400;
    font-size: var(--text-large);
}
.welcome__text + .welcome__text {
    margin-top: 0;
}
.welcome__text_small {
    max-width: 660px;
}
.welcome__text[data-da] {
    order: 2;
}
.welcome__btns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
}
.welcome__btn {
    margin: 0 5px 10px;
}
.services {
    overflow: hidden;
}
.services__body {
    padding-top: 54px;
    padding-bottom: 70px;
}
.services__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--gap) * -1) calc(var(--gap) * -2);
}
.services__item {
    position: relative;
    flex: 1 1 34%;
    padding: 32px;
    margin: 0 var(--gap) calc(var(--gap) * 2);
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.services__name {
    display: flex;
    align-items: center;
    min-height: var(--height-icon-btn);
    padding-right: var(--height-icon-btn);
    margin-bottom: 56px;
}
.services__img-box {
    position: absolute;
    top: 32px;
    right: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    background-color: var(--color-bg);
    border-radius: var(--radius-medium);
}
.services__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.services__text {
    max-width: 380px;
}
.manuals__body {
    position: relative;
    padding-bottom: 50px;
}
.manuals__title {
    display: flex;
    align-items: center;
    min-height: var(--height-btn);
    margin-bottom: 70px;
}
.manuals__items {
    --col: 3;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(var(--gap) / -2);
    margin-left: calc(var(--gap) / -2);
    margin-bottom: calc(var(--gap) * -5);
}
.manuals__item {
    max-width: calc((100% - var(--gap) * var(--col)) / var(--col));
    margin-right: calc(var(--gap) / 2);
    margin-left: calc(var(--gap) / 2);
    margin-bottom: calc(var(--gap) * 5);
}
.manuals__action {
    display: flex;
    gap: var(--gap);
    margin-top: calc(var(--gap) * 5);
}
.manual {
    position: relative;
    height: 100%;
}
.manual__btn {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 0;
    background-color: transparent;
    border: none;
}
.manual__btn:focus-visible {
    outline: 0;
}
.manual__btn:focus-visible ~ .manual__img-box::after {
    transform: translate(-50%, -50%) scale(0.95);
}
.manual__btn:focus-visible ~ .manual__img-box .manual__img {
    transform: scale(1.05);
}
.manual__img-box {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    margin-bottom: 20px;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.manual__img-box::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    flex-shrink: 0;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    background: var(--color-white) url(../img/icons/play.svg) center/contain no-repeat;
    border-radius: var(--radius-medium);
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.manual__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.manual__title {
    max-width: 92%;
    margin-bottom: 8px;
    font-size: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.manual__desc {
    max-width: 92%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.request__body {
    max-width: 836px;
    padding-bottom: 84px;
    margin: 0 auto;
}
.b2b__body {
    --height-img: 210px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap);
    padding: 100px 0 80px;
}
.b2b__item {
    --height-link: 54px;
    padding: 48px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.b2b__content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.b2b__title {
    margin-bottom: var(--padding-page);
}
.b2b__text {
    flex-grow: 1;
    max-width: 440px;
    margin-bottom: var(--padding-page);
}
.b2b__img-box {
    overflow: hidden;
}
.b2b__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.b2b__icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--height-icon-btn);
    height: var(--height-icon-btn);
    margin-bottom: var(--padding-page);
    background-color: var(--color-bg);
    border-radius: var(--radius-medium);
}
.b2b__icon {
    width: var(--height-icon);
    height: var(--height-icon);
}
.b2b__btn {
    margin-top: auto;
}
.b2b__btn.btn_accent{
    background-color: rgba(226, 87, 64, 1);
    color: #fff;
} 
.b2b__link {
    align-self: flex-end;
    width: var(--height-link);
    height: var(--height-link);
    margin-top: calc(var(--height-link) / -3);
    color: var(--color-green-light);
    background-color: var(--color-bg);
    border: none;
    border-radius: 50%;
    overflow: hidden;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.b2b__link:focus-visible {
    outline: 0;
    color: var(--color-white);
    background-color: var(--color-green-light);
}
.b2b__link:focus-visible .b2b__link-icon {
    transform: rotate(-45deg);
}
.b2b__link:active {
    color: var(--color-white);
    background-color: var(--color-green);
}
.b2b__link:active .b2b__link-icon {
    transform: rotate(-45deg);
}
.b2b__link-icon {
    width: 100%;
    height: 100%;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.blog{
    padding: 80px 0 140px;
}
.blog-detail{
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    padding: 32px var(--padding-page);
}
.about {
    padding: 100px 0 140px;
}
.about__title {
    margin-bottom: 150px;
}
.about__title span {
    color: var(--color-green-light);
}
.about__text {
    font-size: var(--text-large);
}
.about__text + .about__text {
    margin-top: 54px;
}
.about__img-box {
    width: 347px;
    height: 110px;
}
.about__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.team__title {
    margin-bottom: 100px;
    max-width: 820px;
}
.team__title span {
    color: var(--color-accent);
}
.team__slider {
    width: 100%;
}
.team__slider:not(:last-child) {
    margin-bottom: 130px;
}
.team__items {
    position: relative;
    display: flex;
    width: 100%;
    will-change: transform;
}
.team__item {
    flex-shrink: 0;
}
.team__img-box {
    width: 100%;
    height: auto;
    aspect-ratio: 325/370;
    margin-bottom: 20px;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.team__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.team__name {
    margin-bottom: 12px;
    font-size: 24px;
}
.geo {
    overflow: hidden;
}
.geo__body {
    padding-top: 230px;
}
.geo__title {
    margin-bottom: 55px;
}
.geo__text {
    margin-bottom: 55px;
    font-size: var(--text-large);
}
.geo__btn {
    min-width: 172px;
}
.geo__map {
    position: relative;
    flex-grow: 1;
    height: auto;
    border-radius: var(--radius-large);
    overflow: hidden;
}
.geo__map .geo-mark {
    flex-shrink: 0;
    width: 33px;
    height: auto;
    aspect-ratio: 33/54;
    transform: translate(-50%, -100%);
    background: url(../img/icons/marker.svg) center/contain no-repeat;
}
.benefits__body {
    padding-top: 100px;
}
.benefits__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap);
}
.benefits__item {
    display: flex;
    padding: 48px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.benefits__content {
    flex-grow: 1;
}
.benefits__name {
    margin-bottom: 76px;
}
.benefits__img-box {
    overflow: hidden;
}
.benefits__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.place__body {
    padding-top: 20px;
}
.place__title {
    margin-bottom: 70px;
}
.place__main {
    display: flex;
    flex-direction: column;
}
.place__list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--gap);
}
.place__item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    aspect-ratio: 55/56;
    color: var(--color-white);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.place__item:focus-within .place__img-box::after,
.place__item:not(:active):hover .place__img-box::after {
    opacity: 1;
}
.place__item:focus-within .place__img,
.place__item:not(:active):hover .place__img {
    transform: scale(1.05);
}
.place__item:focus-within .place__text,
.place__item:not(:active):hover .place__text {
    height: auto;
    margin-top: 20px;
}
.place__img-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.place__img-box::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(8, 29, 37, 0) 40%, #081d25 86%);
    opacity: 0;
}
.place__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition-duration: var(--transition-duration);
    transition-property: transform;
}
.place__content {
    position: relative;
    z-index: 1;
    padding: 32px 28px;
}
.place__text {
    height: 0;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-weight: 400;
    overflow: hidden;
}
.place__more {
    margin-top: calc(var(--gap) * 5);
}
.b2b .place__more{
    width: 100%;
    margin: 0 0 22px;
}
.reviews__body {
    padding-top: 100px;
}
.reviews__title-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 48px;
}
.reviews__controls {
    display: flex;
}
.reviews__button {
    position: relative;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    padding: 0 !important;
}
.reviews__button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-color: currentColor;
    border-radius: 1px;
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.reviews__button_prev::after {
    transform: translate(-25%, -50%) rotate(45deg);
    border-width: 0 0 3px 3px;
}
.reviews__button_next::after {
    transform: translate(-75%, -50%) rotate(-45deg);
    border-width: 0 3px 3px 0;
}
.reviews__button + .reviews__button {
    margin-left: var(--gap);
}
.reviews__slider {
    width: 100%;
}
.reviews__items {
    position: relative;
    display: flex;
    width: 100%;
    will-change: transform;
}
.reviews__item {
    flex-shrink: 0;
}
.review {
    padding: 46px 30px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.review__head {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}
.review__img-box {
    flex-shrink: 0;
    align-self: flex-start;
    width: 66px;
    height: 66px;
    margin-right: 32px;
    border-radius: 50%;
    overflow: hidden;
}
.review__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.review__name {
    display: block;
    margin-bottom: 8px;
}
.review__rate {
    display: flex;
}
.review__rate span {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0644 0.272787C11.2557 -0.0665353 11.7443 -0.0665351 11.9356 0.272787L15.3552 6.33978C15.4265 6.46637 15.5494 6.55566 15.6919 6.5844L22.5186 7.96183C22.9005 8.03887 23.0515 8.5036 22.7878 8.79035L18.0745 13.9174C17.9762 14.0244 17.9292 14.1688 17.9459 14.3132L18.7455 21.2315C18.7902 21.6184 18.3949 21.9056 18.0407 21.7435L11.7081 18.8452C11.576 18.7848 11.424 18.7848 11.2919 18.8452L4.9593 21.7435C4.60513 21.9056 4.20981 21.6184 4.25453 21.2315L5.0541 14.3132C5.07078 14.1688 5.02384 14.0244 4.92549 13.9174L0.212158 8.79035C-0.0514556 8.5036 0.0995419 8.03887 0.481358 7.96183L7.30813 6.5844C7.45057 6.55566 7.57346 6.46637 7.64481 6.33978L11.0644 0.272787Z' fill='%23F4F3F2'/%3E%3C/svg%3E%0A");
}
.review__rate span + span {
    margin-left: 4px;
}
.review__rate[data-rate="1"] span:nth-child(-n + 1),
.review__rate[data-rate="2"] span:nth-child(-n + 2),
.review__rate[data-rate="3"] span:nth-child(-n + 3),
.review__rate[data-rate="4"] span:nth-child(-n + 4),
.review__rate[data-rate="5"] span:nth-child(-n + 5) {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='22' viewBox='0 0 23 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.0644 0.272787C11.2557 -0.0665353 11.7443 -0.0665351 11.9356 0.272787L15.3552 6.33978C15.4265 6.46637 15.5494 6.55566 15.6919 6.5844L22.5186 7.96183C22.9005 8.03887 23.0515 8.5036 22.7878 8.79035L18.0745 13.9174C17.9762 14.0244 17.9292 14.1688 17.9459 14.3132L18.7455 21.2315C18.7902 21.6184 18.3949 21.9056 18.0407 21.7435L11.7081 18.8452C11.576 18.7848 11.424 18.7848 11.2919 18.8452L4.9593 21.7435C4.60513 21.9056 4.20981 21.6184 4.25453 21.2315L5.0541 14.3132C5.07078 14.1688 5.02384 14.0244 4.92549 13.9174L0.212158 8.79035C-0.0514556 8.5036 0.0995419 8.03887 0.481358 7.96183L7.30813 6.5844C7.45057 6.55566 7.57346 6.46637 7.64481 6.33978L11.0644 0.272787Z' fill='%23FC9537'/%3E%3C/svg%3E%0A");
}
.faq {
    overflow: clip;
}
.faq__body {
    padding-top: 100px;
    padding-bottom: 50px;
}
.faq__title {
    margin-bottom: 38px;
}
.faq__more {
    margin-top: 64px;
}
.faq-tags {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px calc(var(--gap) * -1.5);
}
.faq-tags__item {
    margin: 0 3px calc(var(--gap) * 1.5);
}
.faq-tags__btn {
    padding: 14px 20px;
    font-size: var(--text-normal);
    color: var(--color-bg);
    background-color: var(--color-green-light);
    border: none;
    border-radius: 100px;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.faq-tags__btn:focus-visible {
    outline: 0;
    background-color: var(--color-green);
}
.spollers__item {
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.spollers__item + .spollers__item {
    margin-top: 12px;
}
.spollers__btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 18px 36px;
    text-align: left;
    color: var(--color-dark);
    background-color: var(--color-white);
    border: none;
    border-radius: var(--radius-large);
}
.spollers__btn:focus-visible {
    outline: 0;
}
.spollers__btn:focus-visible .spollers__icon-box {
    background-color: var(--color-light);
}
.spollers__btn:active .spollers__icon-box {
    background-color: var(--color-light-hover);
}
.spollers__btn._spoller-active .spollers__icon-box {
    color: var(--color-white);
    background-color: var(--color-brown-light);
}
.spollers__btn._spoller-active .spollers__icon {
    transform: rotate(45deg);
}
.spollers__btn._spoller-active:focus-visible .spollers__icon-box {
    background-color: var(--color-brown);
}
.spollers__btn._spoller-active:active .spollers__icon-box {
    background-color: var(--color-brown-hover);
}
.spollers__icon-box {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-left: 32px;
    color: var(--color-brown);
    background-color: var(--color-bg);
    border-radius: var(--radius-normal);
    transition-duration: var(--transition-duration);
    transition-property: color, background-color;
}
.spollers__icon {
    width: 18px;
    height: 18px;
    transition-duration: var(--transition-duration);
    transition-property: transform;
    overflow: visible;
}
.spollers__body {
    padding: 0 36px 36px;
}
.spollers__text {
    max-width: 650px;
    font-size: var(--text-normal);
}
.form {
    background-color: var(--color-white);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.form__title {
    padding: 38px 132px 0 64px;
}
.form__text {
    padding: 12px 132px 38px 64px;
    font-weight: 400;
    font-size: var(--text-normal);
    color: var(--color-brown);
}
.form__agree,
.form__btn {
    margin-top: 24px;
}
.form-tabs__navigation {
    display: flex;
    padding: 36px 132px 28px 64px;
}
.auth .form-tabs__navigation {
    padding: 0;
}
.form-tabs__title {
    flex: 1 1 0;
    min-height: 44px;
    padding: 4px;
    font-size: var(--text-normal);
    color: var(--color-dark);
    background-color: var(--color-bg);
    border: none;
    transition-duration: var(--transition-duration);
    transition-property: color, background-color, border-color, opacity;
}
.form-tabs__title:not(._tab-active):focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.form-tabs__title:not(._tab-active):active {
    background-color: var(--color-light-hover);
}
.form-tabs__title:first-child {
    border-radius: var(--radius-normal) 0 0 var(--radius-normal);
}
.form-tabs__title:last-child {
    border-radius: 0 var(--radius-normal) var(--radius-normal) 0;
}
.form-tabs__title + .form-tabs__title {
    border-left: 1px solid var(--color-light);
}
.form-tabs__title._tab-active {
    color: var(--color-white);
    background-color: var(--color-green-light);
    cursor: default;
}
.form-box {
    padding: 28px 132px 38px 64px;
    border-top: 1px solid var(--color-light);
}
.form-box__name {
    display: block;
    margin-bottom: 24px;
}
.form-box__name span {
    color: var(--color-accent);
}
.form-box__agree,
.form-box__btn {
    margin-top: 24px;
}
.form-box__btn {
    min-width: 352px;
}
.inputs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -24px;
}
.inputs__item {
    width: 100%;
    margin: 0 5px 24px;
}
.input {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: var(--text-medium);
    overflow: hidden;
}
.input_textarea {
    overflow: hidden;
}
.input_textarea::after,
.input_textarea::before {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    height: 1px;
    background-color: var(--color-dark);
    pointer-events: none;
}
.input_textarea::before {
    right: 9px;
    bottom: 14px;
    width: 11px;
}
.input_textarea::after {
    right: 9px;
    bottom: 12px;
    width: 7px;
}
.input__body {
    width: 100%;
    max-width: 100%;
    height: 70px;
    padding: 0 32px;
    color: var(--color-dark);
    background-color: var(--color-white);
    border: 1px solid var(--color-brown-light);
    border-radius: var(--radius-normal);
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.input__body:required ~ .input__placeholder::after {
    content: "*";
    color: var(--color-accent);
}
.input__body:-webkit-autofill {
    -webkit-text-fill-color: var(--color-dark);
    -webkit-transition: background-color 600s ease-in-out 0s;
    transition: background-color 600s ease-in-out 0s;
}
input.input__body ~ .input__placeholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
textarea.input__body {
    min-height: 100px;
    max-height: 300px;
    resize: vertical;
}
textarea.input__body:focus-visible {
    padding-top: 38px;
}
.input__body:-webkit-autofill,
.input__body:focus-visible,
.input__body:not(:placeholder-shown) {
    padding-top: 16px;
}
.input__body:-webkit-autofill ~ .input__placeholder,
.input__body:focus-visible ~ .input__placeholder,
.input__body:not(:placeholder-shown) ~ .input__placeholder {
    top: 15px;
    transform: scale(0.75);
    max-width: calc(120% - 64px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.input__body:focus-visible {
    outline: 0;
    border-color: var(--color-green-light);
}
.input_error .input__body {
    color: var(--color-accent);
    border-color: var(--color-accent) !important;
}
.input__body_password {
    padding-right: 70px !important;
}
.input__placeholder {
    position: absolute;
    top: 25px;
    left: 32px;
    max-width: calc(100% - 64px);
    color: var(--color-brown-light);
    background-color: var(--color-white);
    transform-origin: left center;
    transition-duration: var(--transition-duration);
    transition-property: color, transform, top;
    pointer-events: none;
}
.input_textarea .input__placeholder {
    padding-right: 4px;
}
.input__viewpass {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.83968 6.74556C4.32957 5.25567 6.66751 3.75 10.0004 3.75C13.3332 3.75 15.6712 5.25567 17.1611 6.74556C17.9042 7.4887 18.4401 8.23076 18.791 8.78809C18.9667 9.06724 19.097 9.30146 19.1844 9.4683C19.2281 9.55176 19.2612 9.61849 19.2839 9.66569C19.2953 9.6893 19.304 9.70804 19.3103 9.72157L19.3178 9.7379L19.3201 9.74306L19.3209 9.74487C19.3209 9.74487 19.3215 9.74616 18.7504 10C19.3215 10.2538 19.3212 10.2544 19.3212 10.2544L19.3201 10.2569L19.3178 10.2621L19.3103 10.2784C19.304 10.292 19.2953 10.3107 19.2839 10.3343C19.2612 10.3815 19.2281 10.4482 19.1844 10.5317C19.097 10.6985 18.9667 10.9328 18.791 11.2119C18.4401 11.7692 17.9042 12.5113 17.1611 13.2544C15.6712 14.7443 13.3332 16.25 10.0004 16.25C6.66751 16.25 4.32957 14.7443 2.83968 13.2544C2.09654 12.5113 1.56066 11.7692 1.20975 11.2119C1.03399 10.9328 0.903741 10.6985 0.816353 10.5317C0.772635 10.4482 0.739574 10.3815 0.716844 10.3343C0.705478 10.3107 0.696688 10.292 0.690435 10.2784L0.68295 10.2621L0.680624 10.2569L0.679813 10.2551C0.679813 10.2551 0.679236 10.2538 1.25037 10C0.679236 9.74616 0.679495 9.74558 0.679495 9.74558L0.680624 9.74306L0.68295 9.7379L0.690435 9.72157C0.696688 9.70804 0.705478 9.6893 0.716844 9.66569C0.739574 9.61849 0.772635 9.55176 0.816353 9.4683C0.903741 9.30146 1.03399 9.06724 1.20975 8.78809C1.56066 8.23076 2.09654 7.4887 2.83968 6.74556ZM1.25037 10L0.679495 9.74558C0.607672 9.90718 0.607412 10.0922 0.679236 10.2538L1.25037 10ZM1.94919 10C2.02272 10.1377 2.12831 10.3248 2.26755 10.5459C2.5807 11.0433 3.06045 11.7074 3.72356 12.3706C5.04617 13.6932 7.08323 15 10.0004 15C12.9175 15 14.9546 13.6932 16.2772 12.3706C16.9403 11.7074 17.42 11.0433 17.7332 10.5459C17.8724 10.3248 17.978 10.1377 18.0515 10C17.978 9.86227 17.8724 9.67524 17.7332 9.4541C17.42 8.95674 16.9403 8.29255 16.2772 7.62944C14.9546 6.30683 12.9175 5 10.0004 5C7.08323 5 5.04617 6.30683 3.72356 7.62944C3.06045 8.29255 2.5807 8.95674 2.26755 9.4541C2.12831 9.67524 2.02272 9.86227 1.94919 10ZM18.7504 10L19.3212 10.2544C19.3931 10.0928 19.3933 9.90777 19.3215 9.74616L18.7504 10Z' fill='%2376634D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0004 7.5C8.61966 7.5 7.50037 8.61929 7.50037 10C7.50037 11.3807 8.61966 12.5 10.0004 12.5C11.3811 12.5 12.5004 11.3807 12.5004 10C12.5004 8.61929 11.3811 7.5 10.0004 7.5ZM6.25037 10C6.25037 7.92893 7.9293 6.25 10.0004 6.25C12.0714 6.25 13.7504 7.92893 13.7504 10C13.7504 12.0711 12.0714 13.75 10.0004 13.75C7.9293 13.75 6.25037 12.0711 6.25037 10Z' fill='%2376634D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.266755 4.92274C0.428618 4.6098 0.81352 4.48733 1.12646 4.6492L19.6265 14.2182C19.9394 14.38 20.0619 14.7649 19.9 15.0779C19.7381 15.3908 19.3532 15.5133 19.0403 15.3514L0.540296 5.78244C0.22736 5.62058 0.104891 5.23568 0.266755 4.92274Z' fill='%2376634D'/%3E%3C/svg%3E%0A");
    border: 1px solid transparent;
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.input__viewpass:focus-visible {
    outline: 0;
    border-color: var(--color-brown-light);
}
.input__viewpass.is-active {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.83918 6.74556C4.32907 5.25567 6.66701 3.75 9.99987 3.75C13.3327 3.75 15.6707 5.25567 17.1606 6.74556C17.9037 7.4887 18.4396 8.23076 18.7905 8.78809C18.9662 9.06724 19.0965 9.30146 19.1839 9.4683C19.2276 9.55176 19.2607 9.61849 19.2834 9.66569C19.2948 9.6893 19.3036 9.70804 19.3098 9.72157L19.3173 9.7379L19.3196 9.74306L19.3204 9.74487C19.3206 9.74517 19.321 9.74616 18.7499 10C19.321 10.2538 19.3209 10.2541 19.3207 10.2544L19.3196 10.2569L19.3173 10.2621L19.3098 10.2784C19.3036 10.292 19.2948 10.3107 19.2834 10.3343C19.2607 10.3815 19.2276 10.4482 19.1839 10.5317C19.0965 10.6985 18.9662 10.9328 18.7905 11.2119C18.4396 11.7692 17.9037 12.5113 17.1606 13.2544C15.6707 14.7443 13.3327 16.25 9.99987 16.25C6.66701 16.25 4.32907 14.7443 2.83918 13.2544C2.09604 12.5113 1.56017 11.7692 1.20926 11.2119C1.03349 10.9328 0.903243 10.6985 0.815855 10.5317C0.772137 10.4482 0.739076 10.3815 0.716347 10.3343C0.70498 10.3107 0.69619 10.292 0.689937 10.2784L0.682453 10.2621L0.680126 10.2569L0.679315 10.2551C0.679181 10.2548 0.678738 10.2538 1.24987 10C0.678738 9.74616 0.678863 9.74588 0.678998 9.74558L0.680126 9.74306L0.682453 9.7379L0.689937 9.72157C0.69619 9.70804 0.70498 9.6893 0.716347 9.66569C0.739076 9.61849 0.772137 9.55176 0.815855 9.4683C0.903243 9.30146 1.03349 9.06724 1.20926 8.78809C1.56017 8.23076 2.09604 7.4887 2.83918 6.74556ZM1.24987 10L0.678998 9.74558C0.607174 9.90718 0.606915 10.0922 0.678738 10.2538L1.24987 10ZM1.94869 10C2.02222 10.1377 2.12781 10.3248 2.26705 10.5459C2.5802 11.0433 3.05995 11.7074 3.72306 12.3706C5.04567 13.6932 7.08273 15 9.99987 15C12.917 15 14.9541 13.6932 16.2767 12.3706C16.9398 11.7074 17.4195 11.0433 17.7327 10.5459C17.8719 10.3248 17.9775 10.1377 18.051 10C17.9775 9.86227 17.8719 9.67524 17.7327 9.4541C17.4195 8.95674 16.9398 8.29255 16.2767 7.62944C14.9541 6.30683 12.917 5 9.99987 5C7.08273 5 5.04567 6.30683 3.72306 7.62944C3.05995 8.29255 2.5802 8.95674 2.26705 9.4541C2.12781 9.67524 2.02222 9.86227 1.94869 10ZM18.7499 10L19.3207 10.2544C19.3926 10.0928 19.3928 9.90777 19.321 9.74616L18.7499 10Z' fill='%2376634D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99987 7.5C8.61916 7.5 7.49987 8.61929 7.49987 10C7.49987 11.3807 8.61916 12.5 9.99987 12.5C11.3806 12.5 12.4999 11.3807 12.4999 10C12.4999 8.61929 11.3806 7.5 9.99987 7.5ZM6.24987 10C6.24987 7.92893 7.9288 6.25 9.99987 6.25C12.0709 6.25 13.7499 7.92893 13.7499 10C13.7499 12.0711 12.0709 13.75 9.99987 13.75C7.9288 13.75 6.24987 12.0711 6.24987 10Z' fill='%2376634D'/%3E%3C/svg%3E%0A");
}
.input__alert {
    margin-top: 2px;
    font-size: var(--text-small);
    color: var(--color-accent);
}
.agree {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.agree_light .agree__checkbox:checked + .agree__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8536 8.35359L10.5 13.7071L6.64648 9.85359L7.35359 9.14648L10.5 12.2929L15.1465 7.64648L15.8536 8.35359Z' fill='%23f4f3f2'/%3E%3C/svg%3E%0A");
}
.agree_light .agree__checkbox:focus + .agree__icon {
    border-color: var(--color-light-hover);
}
.agree_dark .agree__checkbox:checked + .agree__icon {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8536 8.35359L10.5 13.7071L6.64648 9.85359L7.35359 9.14648L10.5 12.2929L15.1465 7.64648L15.8536 8.35359Z' fill='%23c1b59f'/%3E%3C/svg%3E%0A");
}
.agree_dark .agree__checkbox:focus + .agree__icon {
    border-color: var(--color-green-light);
}
.agree__icon {
    flex-shrink: 0;
    align-self: flex-start;
    width: 22px;
    height: 22px;
    margin-right: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-width: 1px;
    border-style: solid;
    border-radius: var(--radius-smallest);
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.agree_light .agree__icon {
    border-color: var(--color-bg);
}
.agree_dark .agree__icon {
    border-color: var(--color-brown-light);
}
.agree__text {
    font-size: var(--text-smallest);
    color: var(--color-brown-light);
}
.agree__text a:focus-visible {
    outline: 0;
    text-decoration: underline;
}
.agree_light .agree__text a {
    color: var(--color-bg);
}
.agree_dark .agree__text a {
    color: var(--color-accent);
}
.payments {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -20px;
}
.payments__box {
    flex: 1 1 30%;
    max-width: calc(33.333% - 10px);
    margin: 0 5px 20px;
}
.payments__item {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.payments__input:checked + .payments__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--color-brown);
    border-radius: 50%;
}
.payments__input:checked ~ .payments__card {
    background-color: var(--color-bg);
}
.payments__input:focus + .payments__icon {
    border-color: var(--color-brown);
}
.payments__input:focus ~ .payments__card {
    border-color: var(--color-green);
}
.payments__icon {
    position: absolute;
    z-index: 1;
    top: 14px;
    left: 18px;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    border: 2px solid var(--color-brown-light);
    border-radius: 50%;
}
.payments__card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 40px 12px 14px 18px;
    background-color: var(--color-white);
    border: 1px solid var(--color-brown-light);
    border-radius: var(--radius-medium);
}
.payments__name {
    margin-bottom: 10px;
    font-size: 12px;
}
.payments__text {
    max-width: 158px;
    font-size: 10px;
    color: var(--color-brown);
}
.payments__logos {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px -16px;
}
.payments__logos:not(.payments__logos_right) {
    padding: 6px 0;
}
.payments__img-box {
    width: auto;
    min-height: 20px;
    margin: 0 6px 16px;
}
.payments__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.auth__body {
    padding: 96px 0 128px;
    margin: 0 auto;
}
.auth__main {
    padding: 36px 46px;
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.auth__title {
    margin-bottom: 20px;
}
.auth__text {
    margin-bottom: 30px;
}
.auth__text a {
    color: var(--color-green-light);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.auth__text a:focus-visible {
    outline: 0;
    color: var(--color-green);
}
.auth-form__inputs {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    margin: 0 -5px -16px;
}
.auth-form__input {
    width: 100%;
    margin: 0 5px 16px;
}
.auth-form__submit {
    display: flex;
    flex-direction: column;
}
.auth-form__error {
    margin-bottom: 10px;
    text-align: center;
    font-size: var(--text-small);
    color: var(--color-accent);
}
.auth-form__btn + .auth-form__btn {
    margin-top: 8px;
}
.auth-form__agree {
    max-width: 480px;
    margin-top: 30px;
}
.lc__body {
    padding: 0 211px 84px;
}
.lc__navigation {
    display: flex;
    flex-direction: column;
    padding: 16px 26px;
}
.lc__link {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 12px;
    text-align: center;
    color: var(--color-dark);
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.lc__link:focus-visible {
    outline: 0;
    color: var(--color-accent);
}
.lc__link:active {
    color: var(--color-brown);
}
.lc__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    margin-right: 12px;
    color: var(--color-dark);
}
.lc__exit {
    padding: 16px 26px;
}
.lc__content {
    background-color: var(--color-white);
    border-radius: var(--radius-large);
}
.lc__inner {
    padding: 38px;
}
.lc__title {
    margin-bottom: 28px;
}
.lc-info {
    padding: 38px;
}
.lc-info__title {
    display: block;
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 22px;
}
.lc-info__name {
    margin-bottom: 6px;
    font-size: var(--text-normal);
    color: var(--color-brown-light);
}
.lc-info__desc {
    font-weight: 700;
    font-size: 18px;
}
.lc-form__box + .lc-form__box {
    margin-top: 24px;
}
.lc-form__map {
    height: 220px;
}
.lc-form__map iframe {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: var(--radius-medium);
    overflow: hidden;
}
.lc-form__title {
    margin-bottom: 24px;
    font-weight: 700;
    font-size: 18px;
}
.lc-form__actions {
    display: flex;
    flex-wrap: wrap;
    margin: 24px -5px -10px;
}
.lc-form__btn {
    flex-grow: 1;
    margin: 0 5px 10px;
}
.lc-form__btn.btn_light {
    color: var(--color-brown);
}
.switch {
    display: flex;
}
.switch__body {
    position: relative;
}
.switch__body + .switch__body {
    margin-left: 14px;
}
.switch__input:checked + .switch__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background-color: var(--color-brown);
    border-radius: 50%;
}
.switch__input:focus ~ .switch__icon,
.switch__input:focus ~ .switch__text {
    border-color: var(--color-brown);
}
.switch__icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-brown-light);
    border-radius: 50%;
}
.switch__text {
    display: block;
    padding: 15px 20px 15px 40px;
    border: 1px solid var(--color-brown-light);
    border-radius: var(--radius-medium);
}
.empty-history {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 80px 0;
}
.empty-history__img-box {
    width: 114px;
    height: 114px;
    margin-bottom: 52px;
}
.empty-history__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.empty-history__text {
    max-width: 400px;
}
.history {
    height: 100%;
}
.history__item {
    padding: 38px;
}
.history__item + .history__item {
    border-top: 1px solid var(--color-light);
}
.order {
    position: relative;
}
.order__head {
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
    border-bottom: 1px solid var(--color-light);
}
.order__title {
    margin-bottom: 4px;
    font-weight: 700;
    font-size: 18px;
}
.order__time {
    font-weight: 400;
    font-size: var(--text-normal);
    color: var(--color-brown);
}
.order__list {
    padding-top: 28px;
}
.order__list:not(:last-child) {
    margin-bottom: 26px;
}
.order__item {
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
}
.order__item:first-child .order__desc {
    font-weight: 500;
}
.order__item + .order__item {
    margin-top: 6px;
}
.order__name {
    padding: 2px 0;
    margin-right: 16px;
    white-space: nowrap;
    color: var(--color-brown);
}
.order__name::after {
    content: ":";
    color: inherit;
}
.order__desc {
    padding: 2px 0;
}
.order__desc_done {
    color: var(--color-green);
}
.order__desc ul {
    display: inline-block;
}
.order__desc ul li {
    display: inline;
}
.order__desc ul li.pay {
    color: var(--color-accent);
}
.order__desc ul li:not(:last-child)::after {
    content: " /";
    color: var(--color-brown-light);
}
.order__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 0 20px;
    margin-top: 16px;
    font-size: var(--text-normal);
    color: var(--color-accent);
    background-color: var(--color-bg);
    border-radius: 100px;
    transition-duration: var(--transition-duration);
    transition-property: background-color;
}
.order__btn:focus-visible {
    outline: 0;
    background-color: var(--color-light);
}
.order__btn:active {
    background-color: var(--color-light-hover);
}
.order-preview {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
}
.order-preview__item {
    flex-shrink: 0;
    margin: 0 5px 10px;
}
.order-preview__link {
    display: block;
    width: 100px;
    height: 100px;
    border: 1px solid var(--color-bg);
    border-radius: var(--radius-large);
    overflow: hidden;
}
.order-preview__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.addresses__list {
    margin-bottom: 24px;
}
.addresses__item + .addresses__item {
    margin-top: 4px;
}
.addresses__desc {
    font-size: var(--text-small);
}
.addresses__desc dd,
.addresses__desc dt {
    display: inline;
}
.addresses__desc dt {
    color: var(--color-brown);
}
.addresses__btn {
    min-width: 352px;
}
.address {
    display: flex;
    align-items: flex-start;
}
.address__main {
    display: flex;
    align-items: flex-start;
    padding: 8px 0;
    cursor: pointer;
}
.address__input:checked + .address__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background-color: var(--color-brown);
    border-radius: 50%;
}
.address__input:focus + .address__icon {
    border-color: var(--color-brown);
}
.address__icon {
    position: relative;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    border: 2px solid var(--color-brown-light);
    border-radius: 50%;
    transition-duration: var(--transition-duration);
    transition-property: border-color;
}
.address__text {
    max-width: -moz-max-content;
    max-width: max-content;
}
.address__action {
    display: flex;
    padding: 8px 0;
    margin-left: 10px;
}
.address__btn {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: transparent;
    border: none;
    transition-duration: var(--transition-duration);
    transition-property: color;
}
.address__btn:focus-visible {
    outline: 0;
    color: var(--color-brown);
}
.address__btn:active {
    color: var(--color-brown-hover);
}
.address__btn_edit {
    color: var(--color-green-light);
}
.address__btn_del {
    color: var(--color-brown-light);
}
.address__btn + .address__btn {
    margin-left: 10px;
}
.address__btn-icon {
    width: 100%;
    height: 100%;
}
.not-found__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 68px 0 88px;
}
.not-found__img-box {
    width: 572px;
    height: auto;
    aspect-ratio: 572/428;
    margin-bottom: 46px;
}
.not-found__img {
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}
.not-found__text {
    max-width: 542px;
    margin-bottom: 46px;
    text-align: center;
    font-size: 14px;
}
.not-found__btn {
    min-width: 172px;
}
.tech__body {
    max-width: 836px;
    padding-bottom: 84px;
    margin: 0 auto;
}
.tech__main {
    padding-top: 25px;
}
.tech__main h1 {
    margin: 54px 0;
    font-size: var(--title3);
}
.tech__main h2 {
    margin: 24px 0;
    text-transform: uppercase;
    font-size: 18px;
}
.tech__main ol {
    list-style: none;
    counter-reset: num;
}
.tech__main ol > li + li {
    margin-top: 10px;
}
.tech__main ol > li::before {
    content: counters(num, ".") ". ";
    counter-increment: num;
    display: inline;
}
.tech__main ul > li {
    position: relative;
    padding-left: 20px;
}
.tech__main ul > li::before {
    content: "•";
    position: absolute;
    top: 0;
    left: 8px;
}
.tech__main ol,
.tech__main p,
.tech__main ul {
    margin: 10px 0;
}
.tech__main > :first-child {
    margin-top: 0;
}
.tech__main > :last-child {
    margin-bottom: 0;
}
@media (min-width: 479.98px) {
    .sliders__action + .sliders__action {
        margin-left: var(--gap);
    }
    .manuals__title {
        padding-right: 170px;
    }
    .manuals__action {
        align-items: center;
        justify-content: center;
    }
    .manuals__btn_open {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
    }
    .b2b__item_large {
        grid-column: span 2;
    }
    .b2b__content {
        min-height: var(--height-img);
    }
    .b2b__img-box {
        position: absolute;
        top: 0;
        right: 0;
        width: var(--height-img);
        height: var(--height-img);
        border-radius: 50%;
    }
    .b2b__btn {
        align-self: flex-start;
    }
    .inputs__item_medium {
        max-width: calc(50% - 6px);
    }
    .inputs__item_small {
        max-width: calc(33.333% - 6px);
    }
    .auth-form__input_medium {
        max-width: calc(50% - 6px);
    }
}
@media (min-width: 575.98px) {
    .file {
        align-items: center;
    }
    .file__main {
        align-items: center;
    }
    .auth__body_small {
        max-width: 400px;
    }
}
@media (min-width: 767.98px) {
    .is-search-open .menu {
        display: none;
    }
    .menu__list {
        overflow: visible;
    }
    .is-search-open .user-action {
        flex-grow: 1;
    }
    .is-search-open .user-action__item_search {
        flex-grow: 1;
        margin-left: 0;
    }
    .footer-menu__list_custom {
        max-width: 300px;
    }
    .is-search-open .search__body {
        padding-right: var(--gap);
    }
    .is-search-open .search__btn_open {
        color: var(--color-light-hover);
        background-color: transparent;
        transition-duration: 0s;
    }
    .is-search-open .search__btn_open:focus-visible {
        color: var(--color-brown-light);
        background-color: transparent;
    }
    .sorting {
        display: inline-flex;
        align-items: center;
    }
    .mobile-menu {
        display: none;
    }
    .main-slider__text {
        padding-right: 20px;
    }
    .main-slider__pagination {
        display: none;
    }
    .promo__slider {
        overflow: hidden;
    }
    .categories__list_odd .categories__item:nth-last-child(1),
    .categories__list_odd .categories__item:nth-last-child(2),
    .categories__list_odd .categories__item:nth-last-child(3) {
        max-width: calc(33.3333333333% - var(--gap));
    }
    .categories__list_odd .categories__item:nth-last-child(1) .categories__img-box,
    .categories__list_odd .categories__item:nth-last-child(2) .categories__img-box,
    .categories__list_odd .categories__item:nth-last-child(3) .categories__img-box {
        width: calc(var(--img-size) * 0.8);
        height: calc(var(--img-size) * 0.8);
    }
    .popular-slider {
        overflow: hidden;
    }
    .catalog__box {
        display: flex;
        align-items: flex-start;
    }
    .catalog__main {
        flex-grow: 1;
    }
    .filters__close,
    .filters__menu {
        display: none;
    }
    .filters__title {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
    .filters__main {
        overflow: visible;
    }
    .filters__search .input__body,
    .filters__search .input__placeholder {
        background-color: var(--color-bg);
    }
    .cart__main {
        display: flex;
        align-items: flex-start;
    }
    .cart__summary {
        flex: 0 0 270px;
        margin-left: var(--gap);
    }
    .summary {
        position: relative;
        background-color: var(--color-white);
        border-radius: var(--radius-large) var(--radius-large) 0 0;
    }
    .summary::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(50%);
        width: 100%;
        height: 16px;
        background-repeat: repeat-x;
        background-position: center;
        background-size: auto 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1305_20646)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 -19H23.7931V13.0097H12.4138L12.4138 13C12.4138 11.8954 10.9863 11 9.22549 11C7.46463 11 6.03718 11.8954 6.03718 13L6.03721 13.0097H6.03287C5.94788 14.1374 4.63106 15.0332 3.01907 15.0332C1.40708 15.0332 0.090259 14.1374 0.00526839 13.0097H0V-19Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1305_20646'%3E%3Crect width='12' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        pointer-events: none;
    }
    .contacts__main {
        display: flex;
    }
    .manuals__title {
        padding-right: 300px;
    }
    .reviews__slider {
        overflow: hidden;
    }
    .auth__body:not(.auth__body_small) {
        max-width: 560px;
    }
    .lc__main {
        display: flex;
    }
    .lc__sidebar {
        flex: 0 0 270px;
        align-self: flex-start;
        margin-right: var(--gap);
        background-color: var(--color-white);
        border-radius: var(--radius-large);
    }
    .lc__sidebar > :not(:last-child) {
        border-bottom: 2px solid var(--color-bg);
    }
    .lc__link_active {
        color: var(--color-accent);
    }
    .lc__link + .lc__link {
        border-top: 1px solid var(--color-light);
    }
    .lc__content {
        flex: 1 1 auto;
    }
    .order__head {
        padding-right: 200px;
    }
    .order__btn {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }
}
@media (min-width: 767.98px) and (any-hover: hover) {
    .is-search-open .search__btn_open:not(:active):hover {
        color: var(--color-brown-light);
        background-color: transparent;
    }
}
@media (min-width: 991.98px) {
    .is-header-sticky .header__body_fixed {
        margin: 0 calc(var(--padding-page) * -1);
        box-shadow: var(--shadow);
    }
    .header__fixed:not(.is-header-sticky) .menu_sub {
        display: none;
    }
    .is-header-sticky .menu.is-menu-open .menu__body {
        top: calc(100% + 12px);
    }
    .is-header-sticky .select_search .select__options {
        top: calc(100% + 12px);
    }
    .video:not(.video_active) {
        aspect-ratio: 1680/640;
    }
    .sliders__actions {
        position: absolute;
        z-index: 3;
        bottom: 0;
        right: var(--thumbs-width);
        padding: var(--radius-normal) var(--radius-large);
    }
    .main-slider__item_active .main-slider__tags {
        animation: fadeLeft 1.6s linear;
    }
    .categories__link:focus-visible .categories__img-box {
        transform: translate(50%, -50%) scale(1.05);
    }
    .categories__link:focus-visible .categories__img-box::before {
        transform: translate(-50%, -50%) scale(0.85);
    }
    .product__top {
        display: flex;
        align-items: flex-start;
    }
    .preview__pagination {
        display: none;
    }
    .cart__summary {
        flex-basis: 325px;
    }
    .cart-action {
        flex-direction: column-reverse;
        align-items: flex-end;
    }
    .contacts__info {
        padding-top: 20px;
    }
    .contacts__item + .contacts__item {
        margin-left: 20px;
    }
    .welcome__action {
        flex-shrink: 0;
        position: relative;
        background-color: var(--color-bg);
        border-top-left-radius: var(--radius-large);
        padding: var(--radius-medium);
    }
    .welcome__action::after,
    .welcome__action::before {
        content: "";
        position: absolute;
        box-sizing: content-box;
        flex-shrink: 0;
        width: var(--radius-large);
        height: var(--radius-large);
        border-color: var(--color-bg);
        border-style: solid;
    }
    .welcome__action::before {
        bottom: calc(var(--radius-large) / -2);
        left: calc(var(--radius-large) / 2);
        transform: translateX(-100%);
        border-width: 0 calc(var(--radius-large) / 2) calc(var(--radius-large) / 2) 0;
        border-bottom-right-radius: calc(var(--radius-large) * 2);
    }
    .welcome__action::after {
        top: calc(var(--radius-large) / 2);
        right: calc(var(--radius-large) / -2);
        transform: translateY(-100%);
        border-width: 0 calc(var(--radius-large) / 2) calc(var(--radius-large) / 2) 0;
        border-bottom-right-radius: calc(var(--radius-large) * 2);
    }
    .services__item:nth-child(4n + 1),
    .services__item:nth-child(4n + 4) {
        flex-grow: 4;
    }
    .services__item:nth-child(4n + 1) .services__text,
    .services__item:nth-child(4n + 4) .services__text {
        max-width: 680px;
    }
    .about__body {
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .about__content {
        flex: 0 0 50%;
        margin-left: 13%;
    }
    .about__img-box {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .geo__map {
        aspect-ratio: 976/496;
    }
    .faq__main {
        position: relative;
        display: flex;
        align-items: flex-start;
    }
    .faq__sidebar {
        flex-grow: 1;
        position: sticky;
        top: 100px;
    }
    .faq__list {
        flex: 0 0 560px;
        margin-left: 8%;
    }
    .payments__logos_right {
        justify-content: flex-end;
    }
    .lc__sidebar {
        flex-basis: 325px;
    }
    .lc-form_small {
        max-width: 412px;
    }
    .lc-form__actions {
        max-width: 422px;
    }
}
@media (any-hover: hover) and (min-width: 991.98px) {
    .categories__link:not(:active):hover .categories__img-box {
        transform: translate(50%, -50%) scale(1.05);
    }
    .categories__link:not(:active):hover .categories__img-box::before {
        transform: translate(-50%, -50%) scale(0.85);
    }
}
@media (min-width: 1365.98px) {
    .menu_catalog {
        margin: 0 auto;
    }
    .menu_catalog .menu__btn {
        display: none;
    }
    .menu_catalog .menu__item:not(:last-child) {
        padding-right: 17px;
        margin-right: 16px;
    }
    .menu_catalog .menu__item:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 3px;
        height: 3px;
        background-color: var(--color-brown-light);
        border-radius: 50%;
    }
    .header__fixed:not(.is-header-sticky) .user-action__item:not(.user-action__item_search) {
        display: none;
    }
    .sliders__body {
        display: flex;
    }
    .sliders__main:not(:last-child) {
        --main-width: 995px;
        --main-height: 484px;
        margin-right: var(--gap);
    }
    .sliders__main:last-child {
        --main-width: 1330px;
        --main-height: 484px;
    }
    .promo__title {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
    .promo__slider {
        height: 100%;
        padding-bottom: 32px;
        background-color: var(--color-white);
        border-radius: var(--radius-large);
    }
    .categories__title {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        border: 0;
        padding: 0;
        white-space: nowrap;
        -webkit-clip-path: inset(100%);
        clip-path: inset(100%);
        clip: rect(0 0 0 0);
        overflow: hidden;
    }
    .popular__title {
        text-align: center;
    }
    .popular-tags__slider {
        margin-right: auto;
        margin-left: auto;
    }
    .info__title {
        text-align: center;
    }
    .welcome__action {
        padding: var(--radius-medium) calc(var(--radius-medium) * 2);
    }
    .b2b__link {
        margin-right: calc(var(--height-link) / -3);
        margin-bottom: calc(var(--height-link) / -3);
    }
    .team__slider {
        overflow: hidden;
    }
    .geo__body {
        display: flex;
        align-items: flex-start;
    }
    .geo__content {
        flex: 0 0 39%;
        margin-right: 80px;
    }
    .benefits__img-box {
        align-self: flex-end;
        flex-shrink: 0;
        width: 250px;
        height: 250px;
        margin-right: 0;
        margin-left: 32px;
        border-radius: 50%;
    }
    .faq__list {
        flex-basis: 800px;
    }
    .auth__body:not(.auth__body_small) {
        max-width: 620px;
    }
}
@media (min-width: 1709.98px) {
    .menu__btn {
        font-size: 15px;
    }
    .menu_catalog .menu__item:not(:last-child) {
        padding-right: 28px;
        margin-right: 25px;
    }
    .header-action__link {
        font-size: 15px;
    }
    .footer__first {
        padding: 12px 0;
    }
    .footer__main {
        padding: 12px 0;
    }
    .footer-menu__list_custom {
        max-width: 350px;
    }
    .lc .breadcrumbs {
        padding-left: 38px;
    }
    .sliders__main:not(:last-child) {
        --main-width: 1258px;
        --main-height: 612px;
    }
    .sliders__main:last-child {
        --main-width: 1680px;
        --main-height: 612px;
    }
    .product__main {
        padding-right: 100px;
    }
    .product-tabs__btn {
        font-size: 22px;
    }
    .promo__slider .product-card__name {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .cart__summary {
        flex-basis: 408px;
    }
    .contacts__address {
        font-size: var(--text-large);
    }
    .welcome__content_large {
        min-height: 640px;
    }
    .services__item:nth-child(4n + 1) .services__text,
    .services__item:nth-child(4n + 4) .services__text {
        max-width: 780px;
    }
    .benefits__img-box {
        width: 300px;
        height: 300px;
        margin-right: 8px;
        margin-left: 56px;
    }
    .faq__list {
        flex-basis: 1044px;
    }
    .inputs__item_medium {
        max-width: calc(50% - 10px);
    }
    .inputs__item_small {
        max-width: calc(33.333% - 10px);
    }
    .auth__body_small {
        max-width: 504px;
    }
    .auth__body:not(.auth__body_small) {
        max-width: 712px;
    }
    .auth-form__input_medium {
        max-width: calc(50% - 10px);
    }
    .lc__sidebar {
        flex-basis: 408px;
    }
}
@media (max-width: 1709.98px) {
    :root {
        --gap: 10px;
        --padding-page: 22px;
        --height-icon-btn: 66px;
        --height-icon: 24px;
        --height-btn: 64px;
        --height-buy: 52px;
        --radius-large: 22px;
        --radius-medium: 18px;
        --radius-normal: 16px;
        --title1: 48px;
        --title2: 36px;
        --title3: 36px;
        --title4: 26px;
        --title5: 24px;
        --title7: 16px;
        --text-large: 16px;
        --text-medium: 14px;
        --text-normal: 12px;
    }
    .container {
        max-width: 1342px;
    }
    .btn {
        padding: 0 22px;
    }
    .auth-action {
        width: 152px;
    }
    .auth-action_active {
        width: 325px;
    }
    .auth-action__link {
        height: 48px;
        padding: 0 22px;
    }
    .logo_header {
        width: 140px;
        height: 36px;
        margin-right: 30px;
    }
    .logo_footer {
        width: 174px;
        height: 45px;
    }
    .user-action__count {
        min-width: 22px;
        height: 22px;
    }
    .header-action {
        width: 325px;
    }
    .header-action__count {
        min-width: 22px;
        height: 22px;
    }
    .header-action__icon {
        margin-right: 6px;
    }
    .footer__main {
        margin: 0 50px;
    }
    .social__title {
        margin-bottom: 14px;
    }
    .footer-menu__box:not(:last-child) {
        margin-right: 50px;
    }
    .footer-menu__title {
        margin-bottom: 33px;
    }
    /*.footer-menu__list_custom .footer-menu__item:nth-child(n + 3) {
        margin-top: 61px;
    }*/
    .footer-contacts__main {
        margin-bottom: 28px;
    }
    .footer-contacts__phone {
        margin-bottom: 20px;
        font-size: 32px;
    }
    .select__scroll {
        max-height: 158px;
    }
    .select_form .select__title::after {
        top: 14px;
        left: 16px;
        max-width: calc(80% - 32px);
        font-size: 10px;
    }
    .select_form .select__value {
        height: 58px;
        padding: 0 16px;
    }
    .select_form .select__content {
        padding-top: 14px;
    }
    .tech .breadcrumbs {
        padding: 14px 0;
    }
    .contacts .breadcrumbs {
        padding: 14px 0;
    }
    .cart .breadcrumbs,
    .lc .breadcrumbs,
    .request .breadcrumbs {
        padding: 14px 0;
    }
    .cart .breadcrumbs__link_back,
    .request .breadcrumbs__link_back {
        margin-left: 40px;
    }
    .video__button {
        padding: 20px 36px !important;
    }
    .popup__inner iframe {
        width: 1080px;
    }
    .cookie {
        right: calc(50% - 665px);
        width: 660px;
        padding: 20px;
    }
    .storage {
        max-width: 620px;
        padding: 28px 34px;
    }
    .storage__body {
        padding-right: 18px;
        margin-right: -18px;
    }
    .storage__item + .storage__item {
        margin-top: 16px;
    }
    .b2b-info {
        max-width: 600px;
        padding: 28px;
    }
    .sliders__main {
        --thumbs-width: 212px;
        --thumb-size: 52px;
    }
    .sliders__promo {
        width: 325px;
    }
    .main-slider__tags {
        margin-bottom: 32px;
    }
    .main-slider__tag {
        padding: 10px 18px;
    }
    .main-slider__title {
        max-width: 500px;
    }
    .main-slider__text {
        max-width: 408px;
    }
    .main-slider__text_large {
        max-width: 580px;
    }
    .alerts {
        top: 22px;
        right: 22px;
        width: 150px;
        height: 150px;
    }
    .thumb-slider__progress circle:last-child {
        stroke-dasharray: 163;
        stroke-dashoffset: 163;
    }
    .promo__pagination {
        right: 18px;
        left: 18px;
    }
    .promo__bullet + .promo__bullet {
        margin-left: 6px;
    }
    .categories__body {
        padding-top: 60px;
    }
    .categories__link {
        --img-size: 260px;
        padding: 32px 22px 22px;
    }
    .categories__tag {
        padding: 10px 18px;
    }
    .categories__message {
        margin-top: 40px;
    }
    .popular__body {
        padding-top: 60px;
    }
    .popular__title {
        margin-bottom: 40px;
    }
    .popular-tags__slider {
        margin-bottom: 40px;
    }
    .popular-tags__link {
        padding: 10px 18px;
    }
    .info__body {
        padding-top: 60px;
    }
    .info__title {
        margin-bottom: 50px;
    }
    .info__item {
        padding: 22px;
    }
    .info__name {
        margin-bottom: 70px;
    }
    .info__img-box {
        top: 22px;
        right: 22px;
    }
    .subscribe {
        padding: 32px 22px 22px;
    }
    .info__list + .subscribe,
    .manuals__main + .subscribe,
    .popular-slider + .subscribe,
    .services__list + .subscribe {
        margin-top: 50px;
    }
    .faq__main + .subscribe {
        margin-top: 80px;
    }
    .subscribe::before {
        width: 300px;
        height: 300px;
    }
    .subscribe__content {
        width: 340px;
        margin-right: 80px;
    }
    .subscribe__form {
        width: 540px;
    }
    .catalog-head_card .catalog-head__content {
        min-height: 230px;
    }
    .catalog-head__title {
        margin: 20px 0 24px;
    }
    .catalog-head__text {
        max-width: 480px;
    }
    .catalog__body:last-child {
        padding-bottom: 60px;
    }
    .catalog__sidebar {
        flex-basis: 315px;
        margin-right: 20px;
    }
    .catalog__sorting {
        margin-bottom: calc(var(--gap) * 2);
    }
    .catalog__filtered {
        margin-bottom: calc(var(--gap) * 2);
    }
    .catalog__items:not(:last-child) {
        margin-bottom: 40px;
    }
    .filters__subtitle[data-spoller]::after {
        margin: 1px 0 1px 10px;
    }
    .filters__subtitle [data-tippy-content] {
        margin: 2px 0 2px 10px;
    }
    .filters__items {
        padding-right: 6px;
    }
    .filters__action {
        margin-top: 40px;
    }
    .filtered__tag:not(.filtered__tag_reset) {
        padding: 10px 12px 10px 18px;
    }
    .filtered__tag:not(.filtered__tag_reset)::after {
        margin-left: 10px;
    }
    .filtered__tag_reset {
        padding: 10px 18px;
    }
    .product__top {
        padding: var(--padding-page) var(--padding-page) 40px;
    }
    .product__preview {
        width: 416px;
    }
    .product__title {
        margin: 10px 0 32px;
    }
    .product__info {
        margin: 32px 0 10px;
    }
    .product__anchor {
        margin: 10px 0 32px;
    }
    .product__options {
        width: 332px;
    }
    .specs__item + .specs__item {
        margin-top: 6px;
    }
    .options {
        gap: 20px;
    }
    .options__title {
        margin-bottom: 12px;
    }
    .options__name {
        min-width: 51px;
        height: 42px;
        padding: 0 14px;
    }
    .product-tabs__btn {
        padding: 10px 10px 6px;
    }
    .product-tabs__btn + .product-tabs__btn {
        margin-left: 22px;
    }
    .product-tabs__item {
        padding-bottom: 32px;
    }
    .product-tabs__box {
        padding: 32px var(--padding-page);
    }
    .product-tabs__title {
        margin-bottom: 18px;
    }
    .preview-thumb {
        padding-left: 50px;
    }
    .preview-thumb__item {
        flex-shrink: 0;
        width: 84px;
        height: 84px;
    }
    .preview-thumb__nav {
        padding-right: 10px;
    }
    .product-card__img-box {
        height: 261px;
    }
    .product-card__name {
        padding-right: 18px;
        padding-left: 18px;
    }
    .product-card__footer {
        padding: 0 18px 18px;
    }
    .prices__main {
        font-size: 28px;
    }
    .stats__value {
        width: 27px;
    }
    .promos_card {
        top: 18px;
        left: 18px;
    }
    .favorite-btn_card {
        top: 18px;
        right: 18px;
    }
    .buy_card {
        --height-buy: 44px;
        max-width: 132px;
    }
    .buy__icon {
        width: 18px;
        height: 18px;
    }
    .quantity__button {
        padding: 0 14px;
    }
    .quantity__icon {
        width: 12px;
        height: 12px;
    }
    .cart__body {
        padding: 0 168px 60px;
    }
    .cart__head {
        align-items: center;
        padding-right: 335px;
        margin-bottom: 28px;
    }
    .cart__btn {
        height: 38px;
        padding: 0 14px;
    }
    .cart-card {
        padding: 20px;
    }
    .cart-card__img-box {
        width: 160px;
        height: 150px;
        margin-right: 18px;
    }
    .cart-card__action {
        width: 132px;
    }
    .summary__top {
        padding: 28px 20px 16px;
    }
    .summary__title {
        margin-bottom: 22px;
    }
    .summary__main {
        padding: 16px 20px 0;
    }
    .summary__result {
        font-size: 28px;
    }
    .summary__submit {
        padding: 22px 20px;
    }
    .empty-cart {
        padding: 60px 0;
    }
    .empty-cart::before {
        width: 90px;
        height: 90px;
    }
    .empty-cart__text {
        max-width: 320px;
        margin: 45px 0 65px;
    }
    .success {
        padding: 50px 0;
    }
    .success__img {
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
    }
    .success__title {
        margin-bottom: 5px;
    }
    .success__btn {
        margin-top: 20px;
    }
    .contacts__body {
        padding: 0 168px 60px;
    }
    .contacts__item {
        max-width: 300px;
    }
    .contacts__map {
        margin-top: 60px;
    }
    .contacts__form {
        margin-left: 20px;
    }
    .callback {
        width: 400px;
        padding: 26px;
    }
    .callback__title {
        max-width: 340px;
        margin-bottom: 20px;
    }
    .callback__input + .callback__input {
        margin-top: 10px;
    }
    .callback__agree {
        margin-top: 20px;
    }
    .welcome__content {
        min-height: 400px;
    }
    .welcome__content_large {
        min-height: 500px;
    }
    .welcome__title {
        max-width: 500px;
        margin: 20px 0 24px;
    }
    .welcome__text_small {
        max-width: 580px;
    }
    .services__body {
        padding-top: 32px;
    }
    .services__item {
        padding: 22px;
    }
    .services__name {
        margin-bottom: 32px;
    }
    .services__img-box {
        top: 22px;
        right: 22px;
    }
    .services__text {
        max-width: 340px;
    }
    .manuals__title {
        margin-bottom: 42px;
    }
    .manual__img-box {
        margin-bottom: 10px;
    }
    .manual__title {
        margin-bottom: 10px;
        font-size: 20px;
    }
    .request__body {
        max-width: 659px;
        padding-bottom: 60px;
    }
    .b2b__body {
        --height-img: 180px;
        padding: 60px 0 40px;
    }
    .b2b__item {
        --height-link: 44px;
        padding: 32px;
    }
    .b2b__text {
        max-width: 380px;
    }
    .about {
        padding: 80px 0 100px;
    }
    .about__text + .about__text {
        margin-top: 32px;
    }
    .team__title {
        margin-bottom: 60px;
        max-width: 660px;
    }
    .team__slider:not(:last-child) {
        margin-bottom: 100px;
    }
    .team__name {
        font-size: 20px;
    }
    .geo__body {
        padding-top: 160px;
    }
    .geo__title {
        margin-bottom: 32px;
    }
    .geo__text {
        margin-bottom: 32px;
    }
    .benefits__body {
        padding-top: 60px;
    }
    .benefits__item {
        padding: 32px;
    }
    .benefits__name {
        margin-bottom: 50px;
    }
    .reviews__body {
        padding-top: 60px;
    }
    .reviews__title-box {
        margin-bottom: 36px;
    }
    .reviews__button {
        width: 52px;
        height: 52px;
    }
    .review {
        padding: 32px 22px;
    }
    .review__img-box {
        width: 56px;
        height: 56px;
        margin-right: 22px;
    }
    .review__rate span {
        width: 22px;
        height: 22px;
    }
    .faq__body {
        padding-top: 60px;
    }
    .faq__more {
        margin-top: 40px;
    }
    .spollers__btn {
        padding: 14px 14px 14px 18px;
    }
    .spollers__icon-box {
        width: 42px;
        height: 42px;
    }
    .spollers__icon {
        width: 14px;
        height: 14px;
    }
    .spollers__body {
        padding: 0 20px 20px;
    }
    .form__title {
        padding: 38px 40px 0;
    }
    .form__text {
        padding: 12px 40px 28px;
    }
    .form__agree,
    .form__btn {
        margin-top: 20px;
    }
    .form-tabs__navigation {
        padding: 28px 40px 28px;
    }
    .form-box {
        padding: 28px 40px 38px;
    }
    .form-box__name {
        margin-bottom: 20px;
    }
    .form-box__agree,
    .form-box__btn {
        margin-top: 20px;
    }
    .form-box__btn {
        min-width: 300px;
    }
    .inputs {
        margin: 0 -3px -10px;
    }
    .inputs__item {
        margin: 0 3px 10px;
    }
    .input__body {
        height: 58px;
        padding: 0 16px;
    }
    .input__body:-webkit-autofill,
    .input__body:focus-visible,
    .input__body:not(:placeholder-shown) {
        padding-top: 14px;
    }
    .input__body:-webkit-autofill ~ .input__placeholder,
    .input__body:focus-visible ~ .input__placeholder,
    .input__body:not(:placeholder-shown) ~ .input__placeholder {
        top: 13px;
        max-width: calc(120% - 32px);
    }
    .input__placeholder {
        top: 20px;
        left: 16px;
        max-width: calc(100% - 32px);
    }
    .input__viewpass {
        top: 9px;
    }
    .payments {
        margin: 0 -3px -20px;
    }
    .payments__box {
        max-width: calc(33.333% - 6px);
        margin: 0 3px 20px;
    }
    .auth__body {
        padding: 60px 0 80px;
    }
    .auth__main {
        padding: 26px;
    }
    .auth__text {
        margin-bottom: 20px;
    }
    .auth-form__inputs {
        margin: 0 -3px -10px;
    }
    .auth-form__input {
        margin: 0 3px 10px;
    }
    .auth-form__agree {
        margin-top: 20px;
    }
    .lc__body {
        padding: 0 168px 60px;
    }
    .lc__navigation {
        padding: 12px var(--padding-page);
    }
    .lc__link {
        padding: 20px 0;
    }
    .lc__icon {
        width: 18px;
        height: 18px;
        margin-right: 20px;
    }
    .lc__exit {
        padding: 12px var(--padding-page);
    }
    .lc__inner {
        padding: 22px var(--padding-page);
    }
    .lc__title {
        margin-bottom: 20px;
    }
    .lc-info {
        padding: 22px var(--padding-page);
    }
    .lc-info__title {
        margin-bottom: 12px;
        font-size: 20px;
    }
    .lc-form__box + .lc-form__box {
        margin-top: 20px;
    }
    .lc-form__title {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .lc-form__actions {
        margin-top: 20px;
    }
    .switch__input:checked + .switch__icon::after {
        width: 6px;
        height: 6px;
    }
    .switch__icon {
        width: 12px;
        height: 12px;
    }
    .switch__text {
        padding: 13px 18px 13px 36px;
    }
    .empty-history__img-box {
        width: 90px;
        height: 90px;
        margin-bottom: 32px;
    }
    .empty-history__text {
        max-width: 250px;
    }
    .history__item {
        padding: 22px var(--padding-page);
    }
    .order__head {
        padding-bottom: 16px;
    }
    .order__list {
        padding-top: 16px;
    }
    .order__list:not(:last-child) {
        margin-bottom: 16px;
    }
    .order-preview__link {
        width: 80px;
        height: 80px;
    }
    .addresses__btn {
        min-width: 300px;
    }
    .address__input:checked + .address__icon::after {
        width: 6px;
        height: 6px;
    }
    .address__icon {
        width: 12px;
        height: 12px;
        margin-top: 3px;
    }
    .not-found__body {
        padding: 50px 0 72px;
    }
    .not-found__img-box {
        width: 500px;
        margin-bottom: 32px;
    }
    .not-found__text {
        margin-bottom: 28px;
    }
    .tech__body {
        max-width: 659px;
        padding-bottom: 60px;
    }
    .tech__main h1 {
        margin: 32px 0;
    }
    .tech__main h2 {
        margin: 20px 0;
    }
}
@media (max-width: 1365.98px) {
    :root {
        --padding-page: 14px;
        --height-icon-btn: 56px;
        --height-icon: 20px;
        --height-btn: 56px;
        --height-buy: 42px;
        --title1: 42px;
        --title2: 30px;
        --title3: 32px;
        --title4: 20px;
        --title5: 20px;
    }
    .container {
        max-width: 972px;
    }
    .btn {
        font-size: var(--text-normal);
    }
    .logo_footer {
        width: 143px;
        height: 37px;
    }
    .menu_sub {
        margin-right: 20px;
    }
    .menu_catalog {
        margin-right: auto;
    }
    .menu_catalog .menu__body {
        position: absolute;
        top: calc(100% + 24px);
        left: 50%;
        transform: translateX(-50%);
        min-width: 188px;
        padding: 18px 20px;
        font-weight: 400;
        font-size: var(--text-normal);
        background-color: var(--color-white);
        border-radius: var(--radius-normal);
        box-shadow: var(--shadow);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .menu_catalog .menu__list {
        flex-direction: column;
    }
    .header-action {
        display: none;
    }
    .footer__body {
        flex-wrap: wrap;
        padding-top: 40px;
    }
    .footer-menu__title {
        margin-bottom: 22px;
    }
    .footer-contacts__phone {
        margin-bottom: 0;
        font-size: 28px;
    }
    .select__value::after {
        width: 14px;
        height: 14px;
        margin-left: 8px;
    }
    .select_search .select__title {
        padding: 14px 0 14px 14px;
    }
    .select_search .select__value {
        padding-right: 8px;
    }
    .select_sorting .select__value {
        padding: 0 16px;
    }
    .sorting {
        padding-left: 14px;
    }
    .cart .breadcrumbs,
    .lc .breadcrumbs,
    .request .breadcrumbs {
        padding: var(--padding-page);
    }
    .sliders .breadcrumbs + .sliders__main .main-slider__body::before {
        height: 24px;
    }
    .auth .breadcrumbs,
    .product .breadcrumbs,
    .sliders .breadcrumbs {
        padding: var(--padding-page);
    }
    .request .breadcrumbs__link_back {
        margin-left: 6px;
    }
    .cart .breadcrumbs__link_back {
        margin-left: 2px;
    }
    .pagination__item a,
    .pagination__item span {
        width: 52px;
        height: 52px;
    }
    .pagination__item + .pagination__item {
        margin-left: 6px;
    }
    .popup__inner iframe {
        width: 820px;
    }
    .cookie {
        right: calc(50% - 480px);
        bottom: 20px;
        padding: 14px;
    }
    .storage {
        max-width: 580px;
    }
    .storage__title {
        font-size: 26px;
    }
    .file__icon {
        width: 28px;
        height: 28px;
    }
    .b2b-info__title {
        font-size: 26px;
    }
    .sliders__main {
/*        --main-width: 960px;*/
        --main-height: 467px;
    }
    .sliders__promo {
        width: 100%;
    }
    .main-slider__title {
        max-width: 450px;
    }
    .thumb-slider {
        padding: var(--radius-medium);
    }
    .promo {
        padding-top: 40px;
    }
    .promo__title {
        padding-left: var(--padding-page);
        margin-bottom: 28px;
    }
    .promo__pagination {
        display: none;
    }
    .categories__body {
        padding-top: 40px;
    }
    .categories__title {
        padding-left: var(--padding-page);
        margin-bottom: 28px;
    }
    .categories__link {
        --img-size: 200px;
        padding: 26px 18px 18px;
    }
    .categories__message {
        margin-top: 28px;
    }
    .popular__body {
        padding-top: 40px;
    }
    .popular__title {
        padding-left: var(--padding-page);
        margin-bottom: 28px;
    }
    .popular-tags__slider {
        margin-bottom: 28px;
    }
    .info__body {
        padding-top: 40px;
    }
    .info__title {
        padding-left: var(--padding-page);
        margin-bottom: 28px;
    }
    .info__name {
        margin-bottom: 40px;
    }
    .subscribe {
        overflow: hidden;
    }
    .info__list + .subscribe,
    .manuals__main + .subscribe,
    .popular-slider + .subscribe,
    .services__list + .subscribe {
        margin-top: 30px;
    }
    .catalog__box + .subscribe {
        margin-top: 40px;
    }
    .faq__main + .subscribe {
        margin-top: 50px;
    }
    .subscribe::before {
        right: -20px;
        flex-shrink: 0;
        width: 170px;
        height: 170px;
    }
    .subscribe__content {
        width: 240px;
        margin-right: 60px;
    }
    .subscribe__form {
        width: 460px;
    }
    .subscribe__input {
        padding-bottom: 15px;
    }
    .catalog-head_card .catalog-head__body {
        padding: var(--padding-page) var(--padding-page) 26px;
    }
    .catalog-head_card .catalog-head__content {
        min-height: 170px;
    }
    .catalog__body {
        padding-top: 20px;
    }
    .catalog__body:last-child {
        padding-bottom: 40px;
    }
    .catalog__sidebar {
        flex-basis: 303px;
    }
    .catalog__items {
        grid-template-columns: 1fr 1fr;
    }
    .catalog__items_fill {
        grid-template-columns: repeat(3, 1fr);
    }
    .product__preview {
        width: 288px;
    }
    .product__options {
        width: 260px;
    }
    .options {
        padding: 26px 14px 14px;
    }
    .product-tabs__content_small {
        width: 34%;
    }
    .preview-thumb {
        padding-left: 42px;
    }
    .preview-thumb__item {
        flex-shrink: 0;
        width: 78px;
        height: 78px;
    }
    .preview-thumb__nav {
        padding-right: 6px;
    }
    .preview-thumb__button {
        width: 36px;
        height: 36px;
    }
    .product-card__img-box {
        height: 251px;
    }
    .product-card__name {
        margin-top: 18px;
        font-size: var(--text-medium);
    }
    .favorite-btn_card,
    .favorite-btn_product {
        width: 40px;
        height: 40px;
    }
    .favorite-btn_cart {
        width: var(--height-buy);
        height: var(--height-buy);
    }
    .buy_card {
        --height-buy: 40px;
    }
    .cart__body {
        padding: 0 0 40px;
    }
    .cart__head {
        padding-left: var(--padding-page);
        margin-bottom: 22px;
    }
    .cart__title {
        font-size: var(--title3);
    }
    .cart-card__img-box {
        width: 140px;
        height: 132px;
    }
    .cart-action__btn {
        width: var(--height-buy);
        height: var(--height-buy);
    }
    .contacts__body {
        padding: 0 0 40px;
    }
    .contacts__name {
        margin-bottom: 5px;
    }
    .contacts__map {
        min-height: 160px;
        margin-top: 40px;
    }
    .callback__title {
        max-width: 290px;
    }
    .welcome__content {
        min-height: 370px;
    }
    .welcome__title {
        max-width: 440px;
    }
    .welcome__text[data-da] {
        padding: 0 var(--padding-page);
        margin-top: 16px;
    }
    .welcome__content .welcome__text[data-da] {
        display: none;
    }
    .services__body {
        padding-top: 18px;
        padding-bottom: 48px;
    }
    .services__list {
        margin: 0 calc(var(--gap) * -0.5) calc(var(--gap) * -1);
    }
    .services__item {
        margin: 0 calc(var(--gap) * 0.5) var(--gap);
    }
    .manuals__body {
        padding-bottom: 30px;
    }
    .manual__title {
        font-size: 18px;
    }
    .request__body {
        max-width: 625px;
        padding-bottom: 40px;
    }
    .b2b__body {
        --height-img: 130px;
        padding: 40px 0 20px;
    }
    .b2b__item {
        --height-link: 40px;
        padding: 20px;
    }
    .b2b__text {
        max-width: 280px;
    }
    .about {
        padding: 60px 0;
    }
    .team {
        overflow: hidden;
    }
    .team__title {
        margin-bottom: 40px;
        max-width: 580px;
    }
    .team__slider:not(:last-child) {
        margin-bottom: 60px;
    }
    .team__name {
        font-size: 18px;
    }
    .geo__body {
        padding-top: 100px;
    }
    .geo__title {
        margin-bottom: 24px;
    }
    .geo__text {
        max-width: 680px;
        margin-bottom: 24px;
    }
    .geo__map {
        width: 100%;
        margin-top: 32px;
    }
    .benefits__body {
        padding-top: 40px;
    }
    .benefits__item {
        flex-direction: column;
        padding: 32px 22px 22px;
    }
    .benefits__name {
        margin-bottom: 22px;
    }
    .benefits__name br {
        display: none;
    }
    .benefits__img-box {
        width: 100%;
        height: auto;
        aspect-ratio: 640/310;
        margin-top: 22px;
        border-radius: var(--radius-medium);
    }
    .place__body {
        padding-top: 30px;
    }
    .place__title {
        margin-bottom: 26px;
    }
    .reviews__body {
        padding-top: 40px;
    }
    .reviews__title-box {
        margin-bottom: 28px;
    }
    .faq__body {
        padding-top: 40px;
    }
    .faq__title {
        margin-bottom: 24px;
    }
    .faq__more {
        margin-top: 24px;
    }
    .faq-tags__btn {
        padding: 10px 18px;
    }
    .form__title {
        padding: 20px 20px 0;
        font-size: 26px;
    }
    .form__text {
        padding: 20px;
    }
    .form-tabs__navigation {
        padding: 20px;
    }
    .form-box {
        padding: 0 20px 20px;
        border-top: none;
    }
    .auth__body {
        padding: 28px 0 60px;
    }
    .lc__body {
        padding: 0 0 40px;
    }
    .tech__body {
        max-width: 625px;
    }
    .tech__main {
        padding-top: 12px;
    }
    .tech__main h2 {
        font-size: 16px;
    }
    
}

@media (max-width: 991.98px) {
    :root {
        --gap: 6px;
        --height-icon-btn: 46px;
        --height-icon: 18px;
        --height-btn: 52px;
        --title1: 34px;
        --title2: 24px;
        --title3: 26px;
        --title4: 18px;
        --title5: 18px;
        --title7: 14px;
        --text-large: 14px;
        --text-small: 10px;
        --text-smallest: 8px;
    }
    .container {
        max-width: 742px;
    }
    .header__top {
        display: none;
    }
    .header__fixed.is-header-sticky {
        top: 0;
    }
    .header__fixed {
        background-color: var(--color-bg);
    }
    .header__main {
        padding: 10px var(--padding-page);
        background-color: transparent;
    }
    .logo_header {
        width: 118px;
        height: 30px;
    }
    .menu_sub {
        margin-right: var(--gap);
    }
    .menu__btn {
        padding: 2px 16px 0;
        border-radius: var(--radius-normal);
    }
    .menu_sub .menu__btn {
        background-color: var(--color-white);
    }
    .menu_sub .menu__body {
        top: calc(100% + 10px + var(--gap));
    }
    .menu_catalog .menu__body {
        top: calc(100% + 10px + var(--gap));
    }
    .menu__body {
        top: calc(100% + 10px + var(--gap));
    }
    .user-action__link {
        border-radius: var(--radius-normal);
    }
    .user-action__link_cart,
    .user-action__link_favorite {
        background-color: var(--color-white);
    }
    .user-action__count {
        top: -3px;
        right: -3px;
        min-width: 18px;
        height: 18px;
        padding: 0 6px;
    }
    .footer__main {
        margin: 28px 0;
    }
    .footer-menu__title {
        margin-bottom: 14px;
    }
    .footer-contacts__phone {
        font-size: 36px;
    }
    .search__body {
        background-color: var(--color-white);
    }
    .select_search .select__title {
        background-color: var(--color-white);
    }
    .select_search .select__value {
        border-color: var(--color-bg);
    }
    .select_search .select__options {
        top: calc(100% + 20px);
    }
    .select_search .select__options {
        top: calc(100% + 10px);
    }
    .tech .breadcrumbs {
        padding: var(--padding-page);
    }
    .video:not(.video_active) {
        height: 300px;
    }
    .video__button {
        bottom: 18px;
        left: 18px;
    }
    .popup__inner iframe {
        width: 730px;
    }
    .cookie {
        right: calc(50% - 365px);
        width: 730px;
    }
    .storage {
        max-width: 540px;
        padding: 20px;
    }
    .storage__title {
        font-size: var(--title3);
    }
    .storage__body {
        padding-right: 10px;
        margin-right: -10px;
    }
    .storage__item + .storage__item {
        margin-top: 10px;
    }
    .b2b-info {
        max-width: 540px;
        padding: 20px;
    }
    .b2b-info__img-box {
        margin-top: -8px;
        margin-right: -8px;
        margin-left: -8px;
    }
    .b2b-info__title {
        font-size: var(--title3);
    }
    .sliders__main {
/*        --main-width: 730px;*/
        --main-height: 355px;
    }
    .sliders__actions {
        margin-top: 16px;
    }
    .sliders__action {
        flex-grow: 1;
    }
    .main-slider__tags {
        margin-bottom: 20px;
    }
    .main-slider__tag {
        padding: 6px 12px;
    }
    .main-slider__title {
        max-width: 360px;
    }
    .alerts {
        top: 14px;
        right: 14px;
        width: 102px;
        height: 102px;
    }
    .promo {
        padding-top: 28px;
    }
    .categories__body {
        padding-top: 28px;
    }
    .categories__tags {
        display: none;
    }
    .popular__body {
        padding-top: 28px;
    }
    .info__body {
        padding-top: 28px;
    }
    .info__item {
        padding: 24px 14px;
    }
    .info__img-box {
        top: 24px;
        right: 14px;
    }
    .subscribe {
        flex-direction: column;
        padding: 32px 14px 22px;
    }
    .subscribe__content {
        width: auto;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .subscribe__title {
        margin-bottom: 22px;
    }
    .catalog-head__body {
        padding-top: 14px;
    }
    .catalog-head__text {
        max-width: 380px;
        font-size: var(--text-normal);
    }
    .catalog__sidebar {
        flex-basis: 230px;
        margin-right: 16px;
    }
    .catalog__item_empty {
        padding: 100px 20px;
    }
    .filters__box {
        padding-right: 0;
        padding-left: 0;
    }
    .filters__subtitle[data-spoller]::after {
        margin: 0 0 0 8px;
    }
    .filters__subtitle [data-tippy-content] {
        margin: 1px 0 1px 8px;
    }
    .filters__action {
        margin-top: 26px;
    }
    .product__preview {
        width: auto;
        margin-bottom: 32px;
    }
    .product__main {
        padding-top: 0;
        margin: 0 0 32px;
    }
    .product__options {
        width: auto;
    }
    .product-tabs__item {
        padding-bottom: 20px;
    }
    .product-tabs__box {
        padding: 20px var(--padding-page);
    }
    .product-tabs__content_large {
        width: 47%;
    }
    .product-tabs__content_medium {
        width: 47%;
    }
    .product-tabs__content_small {
        width: 47%;
    }
    .product-tabs__content:not(:last-child) {
        margin-right: auto;
    }
    .preview-thumb__nav{
        display: none;
    }
    /*.preview-thumb {
        display: none;
    }*/
    .product-card__img-box {
        height: 188px;
        margin: 6px 6px 0;
    }
    .product-card__link {
        margin-bottom: 12px;
    }
    .product-card__name {
        padding-right: 14px;
        padding-left: 14px;
        margin-top: 6px;
        font-size: var(--text-normal);
        -webkit-line-clamp: 3;
    }
    .product-card__footer {
        padding: 0 14px 14px;
    }
    .prices__sale {
        font-size: var(--text-normal);
    }
    .options .prices__sale {
        font-size: 16px;
    }
    .prices__main {
        font-size: 20px;
    }
    .options .prices__main {
        font-size: 24px;
    }
    .prices__desc {
        margin-top: -4px;
        font-size: var(--text-small);
        line-height: 1.1;
    }
    .options .prices__desc {
        font-size: 12px;
    }
    .promos {
        margin: 0 -2px -4px;
    }
    .promos_card {
        top: 14px;
        left: 14px;
    }
    .promos__item {
        margin: 0 2px 4px;
    }
    .favorite-btn_card,
    .favorite-btn_product {
        width: 32px;
        height: 32px;
    }
    .favorite-btn_card {
        top: 14px;
        right: 14px;
    }
    .favorite-btn_product {
        top: 14px;
        right: 14px;
    }
    .buy_card {
        --height-buy: 36px;
    }
    .buy_card .quantity {
        position: absolute;
        z-index: 1;
        top: 6px;
        right: 6px;
        left: 6px;
        height: 188px;
    }
    .buy_card .quantity__button_minus {
        border-radius: var(--radius-medium) 0 0 var(--radius-medium);
    }
    .buy_card .quantity__button_plus {
        border-radius: 0 var(--radius-medium) var(--radius-medium) 0;
    }
    .buy_card .quantity__input {
        font-weight: 700;
        font-size: var(--title4);
    }
    .buy_card .quantity__button,
    .buy_card .quantity__input {
        height: 100%;
        background-color: rgba(118, 133, 109, 0.8);
    }
    .cart__body {
        padding: 0 0 28px;
    }
    .cart__head {
        padding-right: 276px;
        margin-bottom: 14px;
    }
    .cart-card {
        flex-direction: column;
    }
    .cart-card__img-box {
        align-self: flex-start;
        width: 80px;
        height: 74px;
    }
    .cart-card__name:not(:first-child) {
        margin-top: 12px;
    }
    .cart-card__action {
        width: auto;
        margin-left: 0;
        margin-top: 22px;
    }
    .cart-action__items {
        margin-bottom: 0;
        margin-left: 22px;
    }
    .cart-action__item + .cart-action__item {
        margin-left: 22px;
    }
    .cart-action__quantity {
        flex-grow: 1;
    }
    .summary__result {
        font-size: 20px;
    }
    .empty-cart {
        padding: 42px 0 114px;
    }
    .empty-cart::before {
        width: 74px;
        height: 74px;
    }
    .success__img {
        width: 74px;
        height: 74px;
    }
    .contacts__list {
        flex-direction: column;
    }
    .contacts__item + .contacts__item {
        margin-top: 12px;
    }
    .contacts__map {
        min-height: 120px;
        margin-top: 28px;
    }
    .callback {
        width: 340px;
        padding: 20px;
    }
    .callback__title {
        max-width: 270px;
    }
    .welcome__title {
        max-width: 380px;
    }
    .welcome__text_small {
        max-width: 500px;
    }
    .welcome__action {
        order: 1;
        margin-top: 16px;
    }
    .welcome__main .welcome__action {
        display: none;
    }
    .welcome__btn {
        flex: 1 1 0;
    }
    .services__item {
        flex-basis: 100%;
        padding: 24px 14px;
    }
    .services__name {
        margin-bottom: 14px;
    }
    .services__name br {
        display: none;
    }
    .services__img-box {
        top: 24px;
        right: 14px;
    }
    .services__text {
        max-width: 500px;
    }
    .manuals__title {
        margin-bottom: 26px;
    }
    .manuals__items {
        --col: 2;
    }
    .request__body {
        max-width: 540px;
        padding-bottom: 28px;
    }
    .b2b__body {
        grid-template-columns: 1fr 1fr;
        padding: 16px 0 10px;
    }
    .b2b__item {
        --height-link: 36px;
    }
    .about__title {
        margin-bottom: 30px;
    }
    .about__text + .about__text {
        margin-top: 24px;
    }
    .about__img-box {
        max-width: 100%;
        height: auto;
        margin-top: 40px;
    }
    .team__title {
        margin-bottom: 20px;
        max-width: 460px;
    }
    .geo__body {
        padding-top: 60px;
    }
    .geo__map {
        height: 270px;
    }
    .benefits__item {
        padding: 24px 14px;
    }
    .benefits__name {
        margin-bottom: 14px;
    }
    .benefits__img-box {
        margin-top: 14px;
    }
    .place__list {
        grid-template-columns: 1fr;
    }
    .review {
        padding: 24px 14px;
    }
    .review__img-box {
        width: 46px;
        height: 46px;
        margin-right: 16px;
    }
    .review__rate span {
        width: 18px;
        height: 18px;
    }
    .review__rate span + span {
        margin-left: 2px;
    }
    .faq__title {
        margin-bottom: 16px;
    }
    .faq__list {
        margin-top: 26px;
    }
    .faq-tags__btn {
        padding: 6px 14px;
    }
    .form__title {
        font-size: var(--title3);
    }
    .payments__box {
        flex-basis: 45%;
        max-width: calc(50% - 6px);
    }
    .auth__title {
        font-size: var(--title3);
    }
    .lc__body {
        padding: 0 0 28px;
    }
    .lc-info__desc {
        font-size: 16px;
    }
    .lc-form__map {
        height: 160px;
    }
    .empty-history__img-box {
        width: 74px;
        height: 74px;
        margin-bottom: 20px;
    }
    .empty-history__text {
        font-size: var(--text-normal);
    }
    .order__title {
        font-size: 16px;
    }
    .order-preview__link {
        width: 60px;
        height: 60px;
    }
    .not-found__img-box {
        width: 360px;
        max-width: 100%;
    }
    .not-found__text {
        max-width: 320px;
    }
    .tech__body {
        max-width: none;
    }
    .tech__main {
        padding-right: var(--padding-page);
        padding-left: var(--padding-page);
    }
}
@media (max-width: 767.98px) {
    :root {
        --title1: 24px;
        --title3: 22px;
        --title4: 16px;
        --title6: 12px;
    }
    .container {
        max-width: 552px;
    }
    .logo_footer {
        width: 118px;
        height: 30px;
    }
    .menu_sub {
        display: none;
    }
    .menu_catalog {
        margin-right: 0;
        margin-left: auto;
    }
    .menu_catalog .menu__body {
        position: fixed;
        top: 66px;
        right: 0;
        left: 0;
        transform: none;
        padding: 0 6px;
        font-size: 16px;
        background-color: var(--color-bg);
        border-radius: 0 0 var(--radius-large) var(--radius-large);
    }
    .menu_catalog .menu__body::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: var(--color-white);
        border-radius: var(--radius-large);
    }
    .menu_catalog .menu__list {
        position: relative;
        max-width: 552px;
        max-height: var(--height-menu);
        padding: 0 var(--padding-page) 80px;
        margin: 0 auto;
    }
    .menu__item + .menu__item {
        border-top: 1px solid var(--color-bg);
    }
    .menu__link {
        padding: 20px 0;
    }
    .user-action__item:not(.user-action__item_search) {
        display: none;
    }
    .footer {
        padding: 0 var(--padding-page) 66px;
    }
    .footer__body {
        padding-top: 28px;
    }
    .footer-menu {
        flex-wrap: wrap;
    }
    .footer-menu__box {
        flex: 1 1 45%;
    }
    .footer-menu__box:not(:last-child) {
        margin-right: var(--gap);
        margin-bottom: 28px;
    }
    .footer-menu__list_custom .footer-menu__item:nth-child(n + 3) {
        margin-top: 28px;
    }
    .is-search-open .search__wrapper {
        position: fixed;
        top: 66px;
        right: 0;
        left: 0;
        padding: 10px 6px;
        background-color: var(--color-bg);
    }
    .search__btn_submit {
        display: none;
    }
    .search__btn_open {
        order: 1;
    }
    .select_sorting .select__title {
        width: 100%;
    }
    .select_sorting .select__value::after {
        display: none;
    }
    .select_sorting .select__value::before {
        content: "";
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.87988 19.0647V20.3884C5.87988 22.412 6.64352 23.2266 8.57806 23.2266H23.6981V16.2266H8.57806C6.64352 16.2266 5.87988 17.0411 5.87988 19.0647Z' fill='%23081D25'/%3E%3Cpath d='M12.2437 9.51885V10.8425C12.2437 12.8661 13.02 13.6807 14.9418 13.6807H23.6982V6.68066H14.9418C13.02 6.68066 12.2437 7.49521 12.2437 9.51885Z' fill='%23081D25'/%3E%3Cpath d='M23.6982 25.454C23.1764 25.454 22.7437 25.0646 22.7437 24.5949V3.40401C22.7437 2.93438 23.1764 2.54492 23.6982 2.54492C24.22 2.54492 24.6527 2.93438 24.6527 3.40401V24.5949C24.6655 25.0646 24.2327 25.454 23.6982 25.454Z' fill='%23081D25'/%3E%3C/svg%3E%0A")
            center/contain no-repeat;
    }
    .select_sorting .select__content {
        max-width: calc(100% - 32px);
    }
    .sorting {
        padding-left: 0;
    }
    .catalog__main .sorting[data-da] {
        display: none;
    }
    .sorting__placeholder {
        display: none;
    }
    .popup__inner iframe {
        width: 540px;
    }
    .mobile-sub-menu__list {
        max-height: var(--height-menu);
    }
    .cookie {
        right: calc(50% - 270px);
        bottom: 72px;
        width: 540px;
    }
    .cookie__btn {
        min-width: 150px;
    }
    .sliders {
        overflow: hidden;
    }
    .sliders__main {
        --main-width: 540px;
        --main-height: var(--main-width);
    }
    .main-slider__body {
        padding: 30px 14px;
    }
    .main-slider__title {
        max-width: 260px;
    }
    .main-slider__info {
        padding-right: 0;
    }
    .main-slider__btn {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        color: transparent;
        background-color: transparent;
        border-radius: 0;
    }
    .main-slider__btn:focus-visible {
        color: transparent;
        background-color: transparent;
    }
    .main-slider__btn:active {
        color: transparent;
        background-color: transparent;
    }
    .main-slider__btn span {
        display: none;
    }
    .thumb-slider {
        display: none;
    }
    .categories__link {
        --img-size: 160px;
        min-height: auto;
        padding: 16px 14px;
    }
    .categories__img-box {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: 28px auto 0;
    }
    .categories__img-box::before {
        top: 40%;
    }
    .message__btn {
        right: 5.2%;
        bottom: 4.6%;
    }
    .popular {
        overflow: hidden;
    }
    .popular-tags__link {
        padding: 6px 14px;
    }
    .info__list {
        flex-direction: column;
    }
    .info__item + .info__item {
        margin-top: var(--gap);
        margin-left: 0;
    }
    .info__text {
        max-width: 320px;
        padding-right: var(--height-icon-btn);
    }
    .subscribe {
        padding: 26px 14px 40px;
    }
    .subscribe::before {
        top: auto;
        bottom: -50px;
        transform: none;
    }
    .subscribe__title {
        margin-bottom: 12px;
    }
    .subscribe__form {
        width: auto;
    }
    .subscribe__action {
        flex-direction: column;
        align-items: flex-start;
    }
    .subscribe__agree {
        margin-right: 0;
        margin-bottom: 28px;
        max-width: 290px;
    }
    .subscribe__btn {
        min-width: 170px;
    }
    .catalog__body {
        padding-top: 8px;
    }
    .catalog__sidebar {
        display: flex;
        margin-right: 0;
        margin: 0 -3px 6px;
    }
    .catalog__sidebar > * {
        flex: 0 0 50%;
        margin: 0 3px 6px;
        max-width: calc(50% - var(--gap));
    }
    .catalog__items_fill {
        grid-template-columns: 1fr 1fr;
    }
    .filters__wrapper {
        position: fixed;
        z-index: 10;
        top: 66px;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: var(--color-bg);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    .is-menu-open .filters__wrapper {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
    .filters__body {
        max-width: 552px;
        padding: 0 6px;
        margin: 0 auto;
    }
    .filters__inner {
        padding: 20px 6px 0 20px;
        background-color: var(--color-white);
        border-radius: var(--radius-large);
        overflow: hidden;
    }
    .filters__head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: var(--padding-page);
        margin-bottom: 36px;
    }
    .filters__main {
        padding-right: var(--padding-page);
        max-height: calc(var(--height-menu) - 160px);
    }
    .filters__box:last-child {
        padding-bottom: 16px;
    }
    .filters__action {
        margin-top: 16px;
    }
    .filtered__tag:not(.filtered__tag_reset) {
        padding: 6px 8px 6px 14px;
    }
    .filtered__tag_reset {
        padding: 6px 14px;
    }
    .product-tabs__box {
        display: block;
    }
    .product-tabs__content {
        width: auto;
    }
    .product-tabs__content:not(:last-child) {
        margin-bottom: 32px;
    }
    .product-card {
        width: 224px;
    }
    .catalog .product-card {
        width: auto;
    }
    .prices__main {
        font-size: 18px;
    }
    .prices__desc {
        font-size: var(--text-smallest);
    }
    .stats {
        max-width: 342px;
        margin: 0 -10px -12px;
    }
    .stats__box {
        flex: 1 1 34%;
        margin: 0 10px 12px;
    }
    .stats__value {
        flex: 1 1 0;
        width: auto;
    }
    .cart__head {
        padding-right: var(--padding-page);
    }
    .cart__list,
    .cart__order {
        margin-bottom: calc(var(--gap) * 2);
    }
    .summary__top {
        background-color: var(--color-white);
        border-radius: var(--radius-large) var(--radius-large) 0 0;
    }
    .summary__main {
        padding: 16px 20px 32px;
        margin-bottom: 22px;
        background-color: var(--color-white);
        position: relative;
    }
    .summary__main::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(50%);
        width: 100%;
        height: 16px;
        background-repeat: repeat-x;
        background-position: center;
        background-size: auto 100%;
        background-image: url("data:image/svg+xml,%3Csvg width='12' height='16' viewBox='0 0 12 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1305_20646)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 -19H23.7931V13.0097H12.4138L12.4138 13C12.4138 11.8954 10.9863 11 9.22549 11C7.46463 11 6.03718 11.8954 6.03718 13L6.03721 13.0097H6.03287C5.94788 14.1374 4.63106 15.0332 3.01907 15.0332C1.40708 15.0332 0.090259 14.1374 0.00526839 13.0097H0V-19Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1305_20646'%3E%3Crect width='12' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
        pointer-events: none;
    }
    .summary__result {
        font-size: 16px;
    }
    .summary__submit {
        padding: 0 20px;
    }
    .success__btn {
        min-width: 150px;
    }
    .contacts__body {
        padding: 0 0 18px;
    }
    .contacts__form {
        margin-left: 0;
        margin-top: 20px;
    }
    .contacts__form .callback {
        width: auto;
    }
    .popup__inner .callback {
        max-width: 100%;
    }
    .callback__agree {
        max-width: 480px;
    }
    .welcome__content {
        padding: var(--padding-page) var(--padding-page) 26px;
    }
    .welcome__title {
        max-width: 300px;
    }
    .manual__title {
        font-size: 16px;
    }
    .team__title {
        max-width: 400px;
    }
    .team__item {
        width: 228px;
    }
    .team__name {
        font-size: 16px;
    }
    .geo__btn {
        min-width: 150px;
    }
    .geo__map {
        margin-top: 20px;
    }
    .geo__map .geo-mark {
        width: 20px;
    }
    .benefits__body {
        padding-top: 26px;
    }
    .benefits__list {
        grid-template-columns: 1fr;
    }
    .place__item:focus-within .place__text,
    .place__item:not(:active):hover .place__text {
        margin-top: 14px;
    }
    .reviews {
        overflow: hidden;
    }
    .reviews__controls {
        display: none;
    }
    .reviews__item {
        width: 290px;
    }
    .faq__more {
        width: 100%;
        margin-top: var(--gap);
    }
    .auth__body {
        padding: 0 0 18px;
    }
    .auth__main {
        padding: 26px 14px;
    }
    .lc__sidebar {
        position: relative;
        margin-bottom: var(--gap);
    }
    .lc__navigation {
        flex-direction: row;
        justify-content: space-around;
        padding: 0 20px;
        background-color: var(--color-white);
        border-radius: var(--radius-large);
    }
    .lc__link {
        font-size: var(--text-normal);
    }
    .lc__link:not(.lc__link_exit) {
        flex-direction: column;
        max-width: 80px;
        padding: 16px 0;
    }
    .lc__link_exit {
        padding: 0;
    }
    .lc__link_active {
        position: relative;
    }
    .lc__link_active::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 80%;
        height: 3px;
        background-color: var(--color-accent);
    }
    .lc__icon {
        margin-right: 0;
        margin-bottom: 4px;
    }
    .lc__exit .lc__icon {
        margin-right: 5px;
        margin-bottom: 0;
    }
    .lc__exit {
        position: absolute;
        z-index: 1;
        top: -29px;
        right: 0;
        padding: 0;
    }
    .lc-info {
        padding: 4px var(--padding-page) 16px;
    }
    .history__item {
        padding: 16px var(--padding-page);
    }
    .history__item + .history__item {
        border-top: 1px dashed var(--color-bg);
    }
    .order__head {
        padding: 12px 24px;
        background-color: var(--color-bg);
        border-radius: var(--radius-medium);
    }
    .order__list {
        padding-top: 20px;
    }
    .order__btn {
        width: 100%;
    }
    .not-found__btn {
        min-width: 150px;
    }
    .stats__values.block_strenght {
        flex-wrap: wrap;
        width: 100%;
        min-height: 100%;
    }
    .b24-widget-button-position-bottom-right{
        right: 30px !important;
        bottom: 70px !important;
    }
}
@media (max-width: 767.98px) and (any-hover: hover) {
    .main-slider__btn:not(:active):hover {
        color: transparent;
        background-color: transparent;
    }
}
@media (max-width: 575.98px) {
    .container {
        max-width: 100%;
    }
    .menu_catalog .menu__list {
        max-width: 100%;
    }
    .select_search .select__options {
        position: fixed;
        top: 132px;
        right: 0;
        left: 0;
        border-radius: 0;
    }
    .contacts .breadcrumbs {
        padding: var(--padding-page);
    }
    .request .breadcrumbs__link_back {
        margin-left: 2px;
    }
    .mobile-menu__list {
        max-width: 100%;
    }
    .mobile-sub-menu__list {
        max-width: 100%;
    }
    .cookie {
        right: 6px;
        left: 6px;
        flex-direction: column;
        align-items: stretch;
        width: auto;
        padding: 24px 14px;
    }
    .cookie__btn {
        width: 100%;
        margin-top: 16px;
        margin-left: 0;
    }
    .file {
        flex-direction: column;
    }
    .file__info {
        margin: 0 0 0 18px;
    }
    .file__btn {
        margin-top: 18px;
    }
    .sliders {
        --main-width: 100%;
    }
    .sliders__main {
        --main-width: 100%;
    }
    .message::after {
        padding-bottom: 117.2%;
    }
    .filters__body {
        max-width: 100%;
    }
    .filters__inner {
        margin: 0 -6px;
    }
    .product__body {
        margin: 0 -6px;
    }
    .product__top {
        padding: 6px 6px 40px;
    }
    .product__main {
        padding: 0 var(--padding-page);
    }
    .product-tabs__navigation {
        padding: 0 20px;
    }
    .product-tabs__btn {
        padding: 10px 2px 6px;
    }
    .product-tabs__btn + .product-tabs__btn {
        margin-left: 18px;
    }
    .product-tabs__item {
        padding-bottom: 10px;
    }
    .product-tabs__box {
        padding: 32px 20px;
    }
    .cart__body {
        padding: 0 0 14px;
    }
    .cart__order {
        margin-right: -6px;
        margin-left: -6px;
    }
    .cart__summary {
        margin: 0 -6px;
    }
    .cart-card {
        padding: 14px;
    }
    .summary__submit {
        padding: 0 6px;
    }
    .contacts__title {
        padding: 0 var(--padding-page);
    }
    .contacts__list {
        padding: 0 var(--padding-page);
    }
    .contacts__map {
        margin-right: -6px;
        margin-left: -6px;
    }
    .contacts__form {
        margin-right: -6px;
        margin-left: -6px;
    }
    .request__body {
        padding-bottom: 14px;
    }
    .request__main {
        margin-right: -6px;
        margin-left: -6px;
    }
    .b2b__item {
        padding: 24px 14px;
    }
    .auth__body {
        margin: 0 -6px;
    }
    .auth__main {
        padding: 20px;
    }
    .lc__body {
        padding: 0 0 14px;
    }
    .lc__main {
        margin: 0 -6px;
    }
    .lc__exit {
        right: var(--padding-page);
    }
    .lc__inner {
        padding: 20px;
    }
    .lc-info {
        padding: 4px 20px 16px;
    }
    .history__item {
        padding: 20px;
    }
}
@media (max-width: 479.98px) {
    :root {
        --title2: 24px;
    }
    .btn {
        padding: 0 16px;
    }
    .footer__last {
        width: 100%;
    }
    .video__button {
        right: 10px;
        bottom: 10px;
        left: 10px;
    }
    .video__button br {
        display: none;
    }
    .sliders__actions {
        flex-direction: column;
    }
    .sliders__action + .sliders__action {
        margin-top: var(--gap);
    }
    .categories__link {
        --img-size: 120px;
    }
    .catalog .product-card__img-box {
        height: 140px;
    }
    .promos__item {
        padding: 1px 6px;
    }
    .catalog .buy_card .quantity {
        height: 140px;
    }
    .welcome__btn {
        flex-basis: 100%;
    }
    .services__name {
        font-size: var(--title4);
    }
    .manuals__items {
        --col: 1;
    }
    .manuals__action {
        flex-direction: column;
    }
    .b2b__body {
        grid-template-columns: 1fr;
    }
    .b2b__item_large .b2b__text {
        max-width: none;
    }
    .b2b__title br {
        display: none;
    }
    .b2b__img-box {
        width: 100%;
        height: auto;
        aspect-ratio: 320/155;
        margin-bottom: var(--padding-page);
        border-radius: var(--radius-large);
    }
    .b2b__link {
        margin-top: calc(var(--height-link) / -1);
    }
    .geo__btn {
        width: 100%;
    }
    .form-box__btn {
        width: 100%;
        min-width: auto;
    }
    .inputs__item_smallest {
        max-width: calc(50% - 6px);
    }
    .lc-form__map {
        height: 120px;
    }
    .addresses__btn {
        width: 100%;
        min-width: auto;
    }
}
@media (max-width: 359.98px) {
    .header__main {
        padding: 10px 0;
    }
    .logo_header {
        margin-right: 14px;
    }
    .pagination__item a,
    .pagination__item span {
        width: 44px;
        height: 44px;
        font-size: var(--text-normal);
        border-radius: var(--radius-normal);
    }
    .pagination__item_next a::after,
    .pagination__item_next span::after,
    .pagination__item_prev a::after,
    .pagination__item_prev span::after {
        width: 8px;
        height: 8px;
    }
    .catalog .product-card__img-box {
        height: 122px;
    }
    .prices__main {
        font-size: 16px;
    }
    .catalog .buy_card .quantity {
        height: 122px;
    }
    .b2b__text {
        max-width: 240px;
    }
    .payments__text {
        font-size: 8px;
    }
    .lc__link {
        font-size: var(--text-small);
    }
}
@media (max-width: 1365.98px) and (min-width: 767.98px) {
    .menu_catalog .menu__item:not(:last-child) {
        margin-bottom: 20px;
    }
    .footer__main {
        min-width: 644px;
    }
    .footer-menu__box {
        min-width: 122px;
    }
    .footer-contacts {
        flex-direction: row;
        align-items: center;
    }
    .footer-contacts__main {
        min-width: 304px;
        margin-right: 40px;
        margin-bottom: 0;
    }
    .footer-contacts__mail {
        font-size: 18px;
    }
}
@media (max-width: 1365.98px) and (min-width: 991.98px) {
    .footer__last {
        margin: 30px 0 0 265px;
    }
    .main-slider__text_large {
        max-width: 370px;
    }
}
@media (max-width: 1709.98px) and (min-width: 1365.98px) {
    .footer-contacts__mail {
        font-size: 20px;
    }
    .lc .breadcrumbs {
        padding-left: 20px;
    }
}
@media (max-width: 767.98px) and (min-width: 479.98px) {
    .select_sorting .select__value {
        padding: 0 22px;
    }
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
    .categories__list_odd .categories__item:nth-last-child(1) .categories__img-box,
    .categories__list_odd .categories__item:nth-last-child(2) .categories__img-box,
    .categories__list_odd .categories__item:nth-last-child(3) .categories__img-box {
        position: relative;
        top: auto;
        right: auto;
        transform: none;
        margin: 28px auto 0;
    }
    .categories__list_odd .categories__item:nth-last-child(1) .categories__img-box::before,
    .categories__list_odd .categories__item:nth-last-child(2) .categories__img-box::before,
    .categories__list_odd .categories__item:nth-last-child(3) .categories__img-box::before {
        top: 40%;
    }
}
@media (max-width: 991.98px) and (min-width: 767.98px) {
    .catalog-head__body {
        padding-right: 0;
        padding-left: 0;
    }
    .b2b__text {
        max-width: 440px;
    }
}
@media (max-width: 991.98px) and (min-width: 479.98px) {
    .buy_card .quantity__button {
        padding: 0 30px;
    }
    .cart-card__action {
        padding-left: 98px;
    }
}
@media (any-hover: hover) {
    .btn_white:not(:active):hover {
        background-color: var(--color-light);
    }
    .btn_green:not(:active):hover {
        background-color: var(--color-green);
    }
    .btn_brown:not(:active):hover {
        background-color: var(--color-brown-hover);
    }
    .btn_light:not(:active):hover {
        background-color: var(--color-light);
    }
    [data-tippy-content]:not(:active):hover {
        background-color: var(--color-light-hover);
    }
    .sup-menu__link:not(:active):hover {
        color: var(--color-brown);
    }
    .auth-action__link:not(:active):hover {
        background-color: var(--color-green);
    }
    .menu_sub .menu__btn:not(:active):hover {
        background-color: var(--color-light);
    }
    .menu_catalog .menu__btn:not(:active):hover {
        background-color: var(--color-brown-hover);
    }
    .menu__link:not(:active):hover {
        color: var(--color-brown);
    }
    .user-action__link_cart:not(:active):hover,
    .user-action__link_favorite:not(:active):hover {
        background-color: var(--color-light);
    }
    .user-action__link_lc:not(:active):hover {
        background-color: var(--color-dark-hover);
    }
    .header-action__link:not(:active):hover {
        background-color: var(--color-light);
    }
    .social__link:not(:active):hover {
        background-color: var(--color-brown-hover);
    }
    .footer-menu__link:not(:active):hover {
        color: var(--color-green-light);
    }
    .footer-contacts__phone:not(:active):hover {
        color: var(--color-green);
    }
    .footer-contacts__mail:not(:active):hover {
        color: var(--color-brown);
    }
    .search__input:not(:active):hover::-moz-placeholder {
        color: var(--color-brown-light);
    }
    .search__input:not(:active):hover::placeholder {
        color: var(--color-brown-light);
    }
    .search__btn:not(:active):hover {
        background-color: var(--color-green);
    }
    .select__option:not(:active):hover {
        color: var(--color-brown);
    }
    .select_form .select__title:not(:active):hover .select__value {
        border-color: var(--color-green-light);
    }
    .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
    .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover {
        color: var(--color-green);
    }
    .catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
    .catalog-head_card .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover,
    .sliders .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
    .sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover,
    .welcome .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
    .welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover {
        color: var(--color-light);
    }
    .pagination__item:not(.pagination__item_active):not(.pagination__item_disabled) a:not(:active):hover {
        background-color: var(--color-light);
    }
    .popup__close:not(:active):hover {
        background-color: var(--color-light);
    }
    .mobile-menu__btn:not(:active):hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
    .mobile-sub-menu__link:not(:active):hover {
        color: var(--color-accent);
    }
    .cookie__text a:not(:active):hover {
        text-decoration: underline;
    }
    .categories__link:not(:active):hover {
        background-color: var(--color-light);
    }
    .categories__link:not(:active):hover .categories__img-box::before {
        background-color: var(--color-accent);
    }
    .message:not(:active):hover .message__btn {
        background-color: var(--color-light);
    }
    .popular-tags__link:not(:active):hover {
        background-color: var(--color-green);
    }
    .subscribe__input:not(:active):hover {
        border-color: var(--color-brown-light);
    }
    .filters__menu:not(:active):hover {
        background-color: var(--color-light);
    }
    .filters__show:not(:active):hover {
        text-decoration: underline;
    }
    .filter:not(:active):hover {
        background-color: var(--color-light);
    }
    .smart-filter-slider-handle:not(:active):hover {
        background-color: var(--color-category-hover);
    }
    .filtered__tag:not(.filtered__tag_reset):not(:active):hover {
        background-color: var(--color-category-hover);
    }
    .filtered__tag_reset:not(:active):hover {
        background-color: var(--color-light);
    }
    .product__anchor:not(:active):hover {
        text-decoration: none;
    }
    .product-tabs__btn:not(:active):hover {
        color: var(--color-dark-hover);
    }
    .preview-thumb__button:not(.preview-thumb__button_active):not(.preview-thumb__button_disabled):not(:active):hover {
        background-color: var(--color-light);
    }
    .favorite-btn:not(.favorite-btn_active):not(:active):hover .favorite-btn__icon {
        transform: scale(1.2);
    }
    .favorite-btn_active:not(:active):hover .favorite-btn__icon {
        transform: scale(0.8);
    }
    .buy_card .buy__btn:not(:active):hover .buy__icon use:first-child {
        transform: translateY(-200%);
    }
    .buy_card .buy__btn:not(:active):hover .buy__icon use:last-child {
        transform: translateY(0);
    }
    .buy_product .buy__btn:not(:active):hover {
        background-color: var(--color-green);
    }
    .cart__btn:not(:active):hover {
        color: var(--color-green-light);
    }
    .cart-action__btn:not(:active):hover {
        background-color: var(--color-light);
    }
    .contacts__link_tel:not(:active):hover {
        color: var(--color-dark-hover);
    }
    .contacts__link_mail:not(:active):hover {
        color: var(--color-brown);
    }
    .manual__btn:not(:active):hover ~ .manual__img-box::after {
        transform: translate(-50%, -50%) scale(0.95);
    }
    .manual__btn:not(:active):hover ~ .manual__img-box .manual__img {
        transform: scale(1.05);
    }
    .b2b__link:not(:active):hover {
        color: var(--color-white);
        background-color: var(--color-green-light);
    }
    .b2b__link:not(:active):hover .b2b__link-icon {
        transform: rotate(-45deg);
    }
    .faq-tags__btn:not(:active):hover {
        background-color: var(--color-green);
    }
    .spollers__btn:not(:active):hover .spollers__icon-box {
        background-color: var(--color-light);
    }
    .spollers__btn._spoller-active:not(:active):hover .spollers__icon-box {
        background-color: var(--color-brown);
    }
    .form-tabs__title:not(._tab-active):not(:active):hover {
        background-color: var(--color-light);
    }
    .input__body:not(:active):hover {
        border-color: var(--color-green-light);
    }
    .agree__text a:not(:active):hover {
        text-decoration: underline;
    }
    .payments__item:not(:active):hover .payments__icon {
        border-color: var(--color-brown);
    }
    .payments__item:not(:active):hover .payments__card {
        border-color: var(--color-green);
    }
    .auth__text a:not(:active):hover {
        color: var(--color-green);
    }
    .lc__link:not(:active):hover {
        color: var(--color-accent);
    }
    .order__btn:not(:active):hover {
        background-color: var(--color-light);
    }
    .address:not(:active):hover .address__icon {
        border-color: var(--color-brown);
    }
    .address__btn:not(:active):hover {
        color: var(--color-brown);
    }
}
.webp .subscribe::before {
    background: url(../img/content/subscribe2.png) center/contain no-repeat;
}