@charset "UTF-8";

.filters__items,
.filters__main,
.storage__body,
.mobile-sub-menu__list,
.popup__inner,
.select__scroll,
.menu__list {
  overflow: auto;
}

.filters__items::-webkit-scrollbar,
.filters__main::-webkit-scrollbar,
.storage__body::-webkit-scrollbar,
.mobile-sub-menu__list::-webkit-scrollbar,
.popup__inner::-webkit-scrollbar,
.select__scroll::-webkit-scrollbar,
.menu__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.filters__items::-webkit-scrollbar-track,
.filters__main::-webkit-scrollbar-track,
.storage__body::-webkit-scrollbar-track,
.mobile-sub-menu__list::-webkit-scrollbar-track,
.popup__inner::-webkit-scrollbar-track,
.select__scroll::-webkit-scrollbar-track,
.menu__list::-webkit-scrollbar-track {
  background-color: var(--color-light);
  border-radius: 100px;
}

.filters__items::-webkit-scrollbar-thumb,
.filters__main::-webkit-scrollbar-thumb,
.storage__body::-webkit-scrollbar-thumb,
.mobile-sub-menu__list::-webkit-scrollbar-thumb,
.popup__inner::-webkit-scrollbar-thumb,
.select__scroll::-webkit-scrollbar-thumb,
.menu__list::-webkit-scrollbar-thumb {
  background-color: var(--color-dark);
  border-radius: 100px;
}

@-moz-document url-prefix()  {
  .filters__items,
  .filters__main,
  .storage__body,
  .mobile-sub-menu__list,
  .popup__inner,
  .select__scroll,
  .menu__list {
    scrollbar-color: var(--color-dark) var(--color-light);
    scrollbar-width: thin;
  }
}

.tech__main > ol > li::before,
.address__input,
.switch__input,
.payments__input,
.agree__checkbox,
.options__checkbox,
.filter__input {
  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;
}

.team__name,
.manual__title,
.summary__result,
.prices__main,
.pagination__item a,
.pagination__item span,
.footer-contacts__mail,
.menu__btn,
.btn {
  font-family: Oddval, sans-serif;
  font-weight: 600;
}

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

/* Document
   ========================================================================== */

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

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

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

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

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

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

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

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

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

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

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

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

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

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

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

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none !important;
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dd,
figure,
figcaption,
blockquote {
  margin: 0;
}

ul,
ol {
  padding: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

button {
  padding: 0;
  cursor: pointer;
}

html,
body {
  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;
  --ratio-product: 502 / 460;
  --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);
}

.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_accent {
  color: var(--color-white);
  background-color: var(--color-accent);
  transition-duration: var(--transition-duration);
}

.btn_accent:focus-visible {
  background-color: var(--color-brown);
}

.btn_accent:active {
  background-color: var(--color-brown-hover);
}

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

.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: 0px;
  }

  to {
    width: var(--main-width);
  }
}

@keyframes fadeLeft {
  from, 50% {
    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: none;
  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;
  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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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_favorite,
.user-action__link_cart {
  color: var(--color-dark);
  background-color: var(--color-bg);
}

.user-action__link_favorite:focus-visible,
.user-action__link_cart:focus-visible {
  outline: none;
  background-color: var(--color-light);
}

.user-action__link_favorite:active,
.user-action__link_cart: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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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) .select_search,
.header__fixed:not(.is-search-open) .search__input,
.header__fixed:not(.is-search-open) .search__btn_submit {
  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: none;
}

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

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

.lc .breadcrumbs,
.request .breadcrumbs,
.cart .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;
}

.sliders .breadcrumbs,
.auth .breadcrumbs,
.product .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: none;
  color: var(--color-green);
}

.breadcrumbs__item:first-child .breadcrumbs__link:active,
.breadcrumbs__item:not(:last-child) .breadcrumbs__link:active {
  color: var(--color-green);
}

.sliders .breadcrumbs__item:first-child,
.welcome .breadcrumbs__item:first-child,
.catalog-head_card .breadcrumbs__item:first-child,
.sliders .breadcrumbs__item:not(:last-child),
.welcome .breadcrumbs__item:not(:last-child),
.catalog-head_card .breadcrumbs__item:not(:last-child) {
  color: var(--color-white);
}

.sliders .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.welcome .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:focus-visible,
.sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible,
.welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible,
.catalog-head_card .breadcrumbs__item:not(:last-child) .breadcrumbs__link:focus-visible {
  color: var(--color-light);
}

.sliders .breadcrumbs__item:first-child .breadcrumbs__link:active,
.welcome .breadcrumbs__item:first-child .breadcrumbs__link:active,
.catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:active,
.sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:active,
.welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:active,
.catalog-head_card .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%;
}

.sliders .breadcrumbs__item:not(:last-child)::after,
.welcome .breadcrumbs__item:not(:last-child)::after,
.catalog-head_card .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;
}

.sliders .breadcrumbs__item:last-child:not(:first-child),
.welcome .breadcrumbs__item:last-child:not(:first-child),
.catalog-head_card .breadcrumbs__item:last-child:not(:first-child) {
  color: var(--color-bg);
}

.breadcrumbs__link {
  color: inherit;
  transition-duration: var(--transition-duration);
  transition-property: color;
}

.request .breadcrumbs__link_back,
.cart .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_prev a::after,
.pagination__item_prev span::after,
.pagination__item_next a::after,
.pagination__item_next 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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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;
}

.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::before,
.main-slider__bullet::after {
  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::before,
.thumb-slider::after {
  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::before,
.promo__bullet::after {
  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: none;
  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: none;
}

.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: none;
  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);
}

.popular-slider + .subscribe,
.services__list + .subscribe,
.manuals__main + .subscribe,
.info__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: auto;
  aspect-ratio: 1/1;
  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: none;
  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__menu,
.filters__close {
  display: inline-flex;
  align-items: center;
  color: var(--color-dark);
  border: none;
  transition-duration: var(--transition-duration);
  transition-property: background-color;
}

.filters__menu:focus-visible,
.filters__close:focus-visible {
  outline: none;
}

.filters__menu svg,
.filters__close 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: none;
  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-range,
.smart-filter-slider-price-bar,
.smart-filter-slider-price-bar-vd,
.smart-filter-slider-price-bar-vn,
.smart-filter-slider-price-bar-v {
  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: none;
}

.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: none;
  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 .annotation_text{
  display: none;
}
.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: none;
}

.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: none;
  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__btn.payment_block, .product-tabs__item.payment_block{
  display: none;
}
.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 {
  flex-shrink: 0;
  width: 100%;
  height: auto;
  aspect-ratio: var(--ratio-product);
  border-radius: var(--radius-medium);
  overflow: hidden;
}

.preview__img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.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::before,
.preview__bullet::after {
  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_prev::after,
.preview-thumb__button_next::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: none;
  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 {
  width: auto;
  height: auto;
  aspect-ratio: var(--ratio-product);
  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__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: none;
}

.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: none;
  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: none;
  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: auto;
  aspect-ratio: var(--ratio-product);
  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: none;
  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__link {
  white-space: nowrap;
  transition-duration: var(--transition-duration);
  transition-property: color, background-color, border-color, opacity;
}

.contacts__link:focus-visible {
  outline: none;
}

.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: 220px;
  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: none;
}

.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__content > * {
  margin-bottom: var(--padding-page);
}

.b2b__content > *:last-child {
  margin-bottom: 0;
}

.b2b__text {
  flex-grow: 1;
  max-width: 440px;
}

.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__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: none;
  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;
}

.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: 100px;
}

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

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

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

.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: none;
  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::before,
.input_textarea::after {
  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:focus-visible,
.input__body:-webkit-autofill,
.input__body:not(:placeholder-shown) {
  padding-top: 16px;
}

.input__body:focus-visible ~ .input__placeholder,
.input__body:-webkit-autofill ~ .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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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: none;
  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 dt,
.addresses__desc dd {
  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: none;
  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 ul,
.tech__main p {
  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__img-box {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: var(--height-img);
    height: var(--height-img);
    margin-bottom: 0;
    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__menu,
  .filters__close {
    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;
  }

  .place__more {
    align-self: center;
  }

  .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::before,
  .welcome__action::after {
    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;
  }

  .b2b__content {
    min-height: var(--height-img);
  }

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

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

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

  .lc .breadcrumbs,
  .request .breadcrumbs,
  .cart .breadcrumbs {
    padding: 14px 0;
  }

  .request .breadcrumbs__link_back,
  .cart .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;
  }

  .popular-slider + .subscribe,
  .services__list + .subscribe,
  .manuals__main + .subscribe,
  .info__list + .subscribe {
    margin-top: 50px;
  }

  .faq__main + .subscribe {
    margin-top: 80px;
  }

  .subscribe::before {
    width: 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__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;
    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: 80px;
  }

  .geo__title {
    margin-bottom: 32px;
  }

  .geo__text {
    margin-bottom: 32px;
  }

  .place__title {
    margin-bottom: 42px;
  }

  .place__content {
    padding: 24px;
  }

  .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:focus-visible,
  .input__body:-webkit-autofill,
  .input__body:not(:placeholder-shown) {
    padding-top: 14px;
  }

  .input__body:focus-visible ~ .input__placeholder,
  .input__body:-webkit-autofill ~ .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;
  }

  .lc .breadcrumbs,
  .request .breadcrumbs,
  .cart .breadcrumbs {
    padding: var(--padding-page);
  }

  .sliders .breadcrumbs + .sliders__main .main-slider__body::before {
    height: 24px;
  }

  .sliders .breadcrumbs,
  .auth .breadcrumbs,
  .product .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;
  }

  .popular-slider + .subscribe,
  .services__list + .subscribe,
  .manuals__main + .subscribe,
  .info__list + .subscribe {
    margin-top: 30px;
  }

  .catalog__box + .subscribe {
    margin-top: 40px;
  }

  .faq__main + .subscribe {
    margin-top: 50px;
  }

  .subscribe::before {
    right: -20px;
    width: 180px;
  }

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

  .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__title {
    margin-bottom: 24px;
  }

  .geo__text {
    max-width: 680px;
    margin-bottom: 24px;
  }

  .geo__map {
    width: 100%;
    margin-top: 32px;
  }

  .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_favorite,
  .user-action__link_cart {
    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 {
    display: none;
  }

  .product-card__img-box {
    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;
  }

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

  .place__list {
    grid-template-columns: 1fr 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 !important;
    background-color: transparent !important;
    border-radius: var(--radius-large);
  }

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

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

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

  .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;
    border-radius: var(--radius-large);
  }

  .b2b__link {
    margin-top: calc(var(--height-link) / -1);
  }

  .geo__btn {
    width: 100%;
  }

  .place__list {
    grid-template-columns: 1fr;
  }

  .place__more {
    margin-top: var(--gap);
  }

  .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_prev a::after,
  .pagination__item_prev span::after,
  .pagination__item_next a::after,
  .pagination__item_next span::after {
    width: 8px;
    height: 8px;
  }

  .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) {
  .subscribe::before {
    width: 240px;
  }

  .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_accent:not(:active):hover {
    background-color: var(--color-brown);
  }

  .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_favorite:not(:active):hover,
  .user-action__link_cart: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);
  }

  .sliders .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
  .welcome .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
  .catalog-head_card .breadcrumbs__item:first-child .breadcrumbs__link:not(:active):hover,
  .sliders .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover,
  .welcome .breadcrumbs__item:not(:last-child) .breadcrumbs__link:not(:active):hover,
  .catalog-head_card .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/subscribe.webp) center/contain no-repeat; }