:root {
  --font-family: "Montserrat", sans-serif;
  --white-white-100: #fff;
  --white-opacity-20: rgba(255, 255, 255, 0.2);
  --white-opacity-30: rgba(255, 255, 255, 0.3);
  --white-opacity-80: rgba(255, 255, 255, 0.8);
  --black-black-25: #fafafa;
  --black-balck-50: #f3f3f3;
  --black-balck-100: #e8e8e8;
  --black-balck-200: #cfcfcf;
  --black-balck-300: #a0a0a0;
  --black-balck-400: #707070;
  --black-balck-500: #414141;
  --black-balck-600: #111111;
  --black-17-opacity-60: rgba(17, 17, 17, 0.6);
  --black-51: #333333;
  --black-opacity-60: rgba(17, 17, 17, 0.6);
  --red-red-100: #fdf4f4;
  --red-red-200: #fcebeb;
  --red-red-300: #f8d5d5;
  --red-red-400: #f1acac;
  --red-red-500: #ea8282;
  --red-red-600: #e35959;
  --red-red-700: #dc2f2f;
  --red-red-800: #b02626;
  --red-red-900: #841c1c;
  --gray-blue-gray-blue-100: #fafafb;
  --gray-blue-gray-blue-200: #f5f6f8;
  --gray-blue-gray-blue-300: #ebecf0;
  --gray-blue-gray-blue-400: #d7d9e1;
  --gray-blue-gray-blue-500: #c2c7d1;
  --gray-blue-gray-blue-600: #aeb4c2;
  --gray-blue-gray-blue-700: #9aa1b3;
  --gray-blue-gray-blue-800: #7b818f;
  --gray-blue-gray-blue-900: #5c616b;
  --gray-153: #999999;
  --green-green-100: #f7faf4;
  --green-green-200: #eff7e9;
  --green-green-300: #deeed3;
  --green-green-400: #bedca6;
  --green-green-500: #9dcb7a;
  --green-green-600: #7db94d;
  --green-green-700: #5ca821;
  --green-green-800: #4a861a;
  --green-green-900: #376514;
  --orange-orange-100: #fef9f4;
  --orange-orange-200: #fef4ea;
  --orange-orange-300: #fce7d5;
  --orange-orange-400: #fad0aa;
  --orange-orange-500: #f7b880;
  --orange-orange-600: #f5a156;
  --orange-orange-700: #f3892b;
  --orange-orange-800: #c26e23;
  --orange-orange-900: #91521a;
  --yellow-yellow-100: #fff8db;
  --yellow-yellow-200: #ffd83a;
  --radius-4: 4px;
  --radius-8: 8px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-20: 20px;
  --radius-40: 40px;
  --heder-top-height: 36px;
}

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  scroll-behavior: smooth;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 320px;
  margin: 0;
  font-family: var(--font-family);
  color: var(--black-balck-600);
  font-size: 14px;
  font-weight: 400;
  padding: 105px 0 0;
}
@media (min-width: 800px) {
  body {
    padding-top: 157px;
  }
}
body:has(.header-product.visible) .footer {
  padding: 0 0 76px;
}
@media (min-width: 800px) {
  body:has(.header-product.visible) .footer {
    padding-bottom: 0;
  }
}

html,
body {
  height: 100%;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

footer {
  margin-top: auto;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

img {
  display: block;
}

a {
  display: inline-block;
  font-family: var(--font-family);
  color: inherit;
  text-decoration: none;
}

button {
  font-family: var(--font-family);
  padding: 0;
  border: none;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

input,
textarea {
  color: inherit;
  font-family: var(--font-family);
  outline: transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input::placeholder,
textarea::placeholder {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
input:focus::-ms-input-placeholder, textarea:focus::-ms-input-placeholder {
  opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

.container {
  max-width: 1388px;
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media (min-width: 800px) {
  .container {
    padding: 0 20px;
  }
}

.title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .title {
    font-size: 28px;
    line-height: 36px;
  }
}
.title span {
  color: var(--black-balck-300);
  font-size: 16px;
  font-weight: 500;
}
.title span.big {
  font-size: 20px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .title span.big {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .title span.big {
    font-size: 28px;
  }
}

.title-main {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .title-main {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
  }
}
@media (min-width: 1200px) {
  .title-main {
    font-size: 36px;
    line-height: 44px;
  }
}
.title-main span {
  color: var(--red-red-700);
}

.title-mini {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .title-mini {
    font-size: 24px;
    line-height: 32px;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}
/*

&:hover {
    @media (hover: hover) {
        background: var(--red-red-700);
    }
}

&:active {
    @media (hover: none) {
        background: var(--red-red-700);
    }
}

*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  border-bottom: 1px solid var(--gray-blue-gray-blue-300);
  -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}
.header:has(.header-announcement.hidden) .header-catalog {
  height: calc(100vh - 65px);
}
@media (min-width: 800px) {
  .header:has(.header-announcement.hidden) .header-catalog {
    height: calc(100vh - 116px);
  }
}
.header.fixed {
  -webkit-box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
          box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
}
.header.fixed .header-announcement,
.header.fixed .header-top {
  display: none;
}
.header.fixed .header-catalog {
  height: calc(100vh - 65px) !important;
}
@media (min-width: 800px) {
  .header.fixed .header-catalog {
    height: calc(100vh - 81px) !important;
  }
}
.header__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 32px;
  font-size: 0;
  height: var(--heder-top-height);
}
@media (min-width: 1200px) {
  .header__contact {
    gap: 6px;
    width: auto;
  }
}
.header__contact svg {
  color: var(--red-red-700);
}
@media (min-width: 1200px) {
  .header__contact-phone {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  .header__contact-phone svg {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header__contact-callback, .header__contact-email, .header__contact-technical {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
}
.header__contact-callback {
  display: none;
}
@media (min-width: 1200px) {
  .header__contact-callback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--red-red-700);
  }
}
.header__contact-email {
  margin: 0 -6px 0 0;
}
@media (min-width: 1200px) {
  .header__contact-email {
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .header__contact-email svg {
    display: none;
  }
}
.header__contact-technical {
  display: none;
}
@media (min-width: 1200px) {
  .header__contact-technical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__burger {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0 4px 0 -6px;
}
@media (min-width: 800px) {
  .header__burger {
    display: none;
  }
}
.header__burger svg {
  position: absolute;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.header__burger svg:nth-child(1) {
  color: var(--black-balck-600);
}
.header__burger svg:nth-child(2) {
  color: var(--red-red-800);
  opacity: 0;
}
.header__burger.active svg:nth-child(1) {
  opacity: 0;
}
.header__burger.active svg:nth-child(2) {
  opacity: 1;
}
.header__logo img {
  max-width: 80px;
  max-height: 40px;
}
@media (min-width: 800px) {
  .header__logo img {
    max-width: none;
    max-height: 60px;
  }
}
@media (min-width: 1200px) {
  .header__search {
    margin: 0 -8px;
  }
}
.header-announcement {
  position: relative;
  display: block;
  background-color: var(--gray-blue-gray-blue-300);
  background-position: left center;
  background-size: cover;
}
@media (min-width: 800px) {
  .header-announcement {
    background-size: cover;
    background-position: center;
  }
}
.header-announcement.hidden {
  display: none;
}
.header-announcement__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  height: 40px;
  padding: 0 50px;
}
@media (min-width: 800px) {
  .header-announcement__inner {
    padding: 0;
  }
}
.header-announcement__percent {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 3px 6px 3px;
  color: var(--white-white-100);
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  background-color: var(--red-red-700);
  border-radius: 12px 0 12px 0;
}
.header-announcement__text {
  color: var(--white-white-100);
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .header-announcement__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.header-announcement__arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--white-white-100);
}
.header-announcement__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 800px) {
  .header-announcement__close {
    width: 64px;
    height: 40px;
  }
}
.header-announcement__close svg {
  color: var(--white-white-100);
}

.header-top {
  display: none;
  background: var(--gray-blue-gray-blue-300);
}
@media (min-width: 800px) {
  .header-top {
    display: block;
  }
}
.header-top__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: var(--heder-top-height);
}
.header-top__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1200px) {
  .header-top__right {
    gap: 16px;
  }
}
@media (min-width: 1400px) {
  .header-top__right {
    gap: 20px;
  }
}

.header-main {
  position: relative;
  background: var(--white-white-100);
}
.header-main__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 64px;
}
@media (min-width: 800px) {
  .header-main__inner {
    gap: 40px;
    height: 80px;
  }
}
.header-main__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
  margin: 0 0 0 auto;
}
@media (min-width: 800px) {
  .header-main__right {
    gap: 33px;
  }
}
@media (min-width: 1200px) {
  .header-main__right {
    gap: 40px;
    margin-left: 0;
  }
}

.header-btn {
  display: none;
}
@media (min-width: 800px) {
  .header-btn {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    padding: 8px 18px;
    color: var(--red-red-700);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    border: 2px solid var(--red-red-700);
    border-radius: var(--radius-8);
    -webkit-transition: color 0.3s, border-color 0.3s;
    transition: color 0.3s, border-color 0.3s;
  }
}
@media (hover: hover) {
  .header-btn:hover {
    color: var(--red-red-800);
    border-color: var(--red-red-800);
  }
  .header-btn:hover .header-btn__burger::before,
  .header-btn:hover .header-btn__burger::after,
  .header-btn:hover .header-btn__burger span {
    background: var(--red-red-800);
  }
}
@media (hover: none) {
  .header-btn:active {
    color: var(--red-red-800);
    border-color: var(--red-red-800);
  }
}
.header-btn.active .header-btn__burger span {
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}
.header-btn.active .header-btn__burger::before {
  -webkit-transform: translateY(6px) rotate(135deg);
      -ms-transform: translateY(6px) rotate(135deg);
          transform: translateY(6px) rotate(135deg);
}
.header-btn.active .header-btn__burger:after {
  -webkit-transform: translateY(-6px) rotate(-135deg);
      -ms-transform: translateY(-6px) rotate(-135deg);
          transform: translateY(-6px) rotate(-135deg);
}
.header-btn__burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
}
.header-btn__burger::before, .header-btn__burger::after {
  content: "";
  display: block;
  width: 18px;
  height: 2px;
  background: var(--gray-blue-gray-blue-900);
  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: background-color 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s, -webkit-transform 0.3s;
}
.header-btn__burger::before {
  margin: 0 0 4px;
}
.header-btn__burger::after {
  margin: 4px 0 0;
}
.header-btn__burger span {
  display: block;
  width: 18px;
  height: 2px;
  background: var(--gray-blue-gray-blue-900);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, transform, background-color;
  transition-property: opacity, transform, background-color, -webkit-transform;
}

.icons-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
@media (min-width: 800px) {
  .icons-header {
    gap: 33px;
  }
}
@media (min-width: 1200px) {
  .icons-header {
    gap: 41px;
  }
}
.icons-header__item {
  position: relative;
}
.icons-header__item::after {
  content: "";
  width: 1px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -9px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: var(--black-balck-100);
}
@media (min-width: 800px) {
  .icons-header__item::after {
    right: -17px;
  }
}
@media (min-width: 1200px) {
  .icons-header__item::after {
    right: -21px;
    height: 32px;
  }
}
@media (min-width: 1200px) {
  .icons-header__item:last-child::after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .icons-header__item-search {
    display: none;
  }
}
@media (min-width: 800px) {
  .icons-header__item-phone {
    display: none;
  }
}
.icons-header__item-heart, .icons-header__item-compare {
  display: none;
}
@media (min-width: 800px) {
  .icons-header__item-heart, .icons-header__item-compare {
    display: block;
  }
}
.icons-header__link {
  width: 28px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1200px) {
  .icons-header__link {
    width: 32px;
    height: 32px;
  }
}
.icons-header__link span {
  position: absolute;
  top: -4px;
  right: -4px;
  min-width: 20px;
  padding: 0 2px;
  color: var(--white-white-100);
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  background: var(--red-red-500);
  border-radius: 20px;
}
.icons-header__link svg {
  width: 28px;
  height: 28px;
  color: var(--gray-blue-gray-blue-900);
}
@media (min-width: 1200px) {
  .icons-header__link svg {
    width: 32px;
    height: 32px;
  }
}
.icons-header__link.active span {
  background: var(--red-red-700);
}
.icons-header__link.active svg {
  color: var(--red-red-700);
}

.header-user__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 0;
}
@media (min-width: 1200px) {
  .header-user__btn {
    gap: 8px;
    width: auto;
    height: auto;
    min-width: 106px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    padding: 10px 15px;
    border-radius: var(--radius-8);
    background: var(--gray-blue-gray-blue-100);
  }
}
.header-user__btn svg {
  width: 28px;
  height: 28px;
  color: var(--gray-blue-gray-blue-900);
}
@media (min-width: 1200px) {
  .header-user__btn svg {
    width: 21px;
    height: 20px;
    color: var(--black-balck-600);
  }
}
.header-user__btn svg:nth-child(1) {
  display: none;
}
@media (min-width: 1200px) {
  .header-user__btn svg:nth-child(1) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .header-user__btn svg:nth-child(2) {
    display: none;
  }
}

.header-product {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 50;
  width: 100%;
  background: var(--white-white-100);
  border-radius: var(--radius-16) var(--radius-16) 0 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (min-width: 800px) {
  .header-product {
    top: 0;
    bottom: auto;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    border-radius: 0;
    overflow: visible;
  }
}
.header-product.visible {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.04);
          box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.04);
}
@media (min-width: 800px) {
  .header-product.visible {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.header-product.visible .header-product__bottom {
  -webkit-box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
          box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
}
.header-product.active .header-product__bottom {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.header-product__main {
  position: relative;
  z-index: 1;
  background: var(--white-white-100);
}
@media (min-width: 800px) {
  .header-product__main {
    border-bottom: 1px solid var(--gray-blue-gray-blue-200);
  }
}
.header-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px 0;
}
@media (min-width: 800px) {
  .header-product__inner {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .header-product__inner {
    gap: 40px;
  }
}
.header-product__left {
  display: none;
}
@media (min-width: 800px) {
  .header-product__left {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    overflow: hidden;
  }
}
.header-product__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  overflow: hidden;
}
@media (min-width: 1200px) {
  .header-product__img {
    width: 56px;
    height: 56px;
  }
}
.header-product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-product__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  overflow: hidden;
}
.header-product__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-product__right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: 0 0 0 auto;
}
@media (min-width: 800px) {
  .header-product__right {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .header-product__right {
    gap: 24px;
  }
}
.header-product__prices {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2px;
}
@media (min-width: 800px) {
  .header-product__prices {
    gap: 8px;
  }
}
.header-product__prices-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
}
@media (min-width: 800px) {
  .header-product__prices-line {
    gap: 6px;
  }
}
.header-product__price {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .header-product__price {
    font-size: 16px;
    line-height: 22px;
  }
}
.header-product__old-price {
  margin: 0 0 1px;
  color: var(--black-balck-300);
  font-size: 10px;
  line-height: 16px;
  text-decoration: line-through;
}
@media (min-width: 800px) {
  .header-product__old-price {
    font-size: 12px;
  }
}
.header-product__discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: var(--black-balck-600);
  font-size: 10px;
  line-height: 14px;
  border-radius: var(--radius-4);
  padding: 1px 1px 1px 6px;
}
@media (min-width: 1200px) {
  .header-product__discount {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
  }
}
.header-product__discount span {
  font-weight: 400;
  padding: 2px 4px;
  border-radius: 3px;
}
@media (min-width: 800px) {
  .header-product__discount span {
    padding: 3px 4px;
  }
}
.header-product__bottom {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--white-white-100);
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.header-product-availability {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.header-product-availability__item {
  position: relative;
  padding: 0 0 0 13px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.header-product-availability__item::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--black-balck-600);
}

.header-product-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.header-product-icons__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 156px;
  padding: 13px;
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
  border: 1px solid var(--red-red-700);
  -webkit-transition: border-color 0.3s, background-color 0.3s;
  transition: border-color 0.3s, background-color 0.3s;
}
@media (min-width: 800px) {
  .header-product-icons__btn {
    min-width: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 0;
    border-color: var(--black-balck-200);
  }
}
.header-product-icons__btn svg {
  display: none;
}
@media (min-width: 800px) {
  .header-product-icons__btn svg {
    display: block;
    color: var(--gray-blue-gray-blue-900);
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
}
.header-product-icons__btn.active {
  border-color: var(--red-red-700);
}
.header-product-icons__btn.active svg {
  color: var(--red-red-700);
}
.header-product-icons__item-cart .header-product-icons__btn {
  border-color: var(--red-red-700);
}
.header-product-icons__item-cart .header-product-icons__btn svg {
  color: var(--red-red-700);
}
.header-product-icons__item-cart .header-product-icons__btn.active {
  color: var(--white-white-100);
  border-color: var(--red-red-700);
  background-color: var(--red-red-700);
}
.header-product-icons__item-cart .header-product-icons__btn.active svg {
  color: var(--white-white-100);
}
.header-product-icons__item-heart {
  display: none;
}
@media (min-width: 800px) {
  .header-product-icons__item-heart {
    display: block;
  }
}
.header-product-icons__item-compare {
  display: none;
}
@media (min-width: 800px) {
  .header-product-icons__item-compare {
    display: block;
  }
}
.header-product-icons__item-search {
  display: none;
}
@media (min-width: 800px) {
  .header-product-icons__item-search {
    display: block;
    margin: 0 0 0 12px;
  }
}
@media (min-width: 1200px) {
  .header-product-icons__item-search {
    margin-left: 16px;
  }
}

.header-product-user {
  display: none;
}
@media (min-width: 800px) {
  .header-product-user {
    display: block;
  }
}
.header-product-user__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 12px 8px;
  border-radius: var(--radius-8);
  background: var(--gray-blue-gray-blue-300);
}
@media (min-width: 1200px) {
  .header-product-user__btn {
    min-width: 106px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-align: center;
    padding: 10px 15px;
    border-radius: var(--radius-8);
    background: var(--gray-blue-gray-blue-300);
  }
}
.header-product-user__btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: var(--red-red-700);
}
@media (min-width: 1200px) {
  .header-product-user__btn svg {
    width: 21px;
    height: 20px;
  }
}
.header-catalog {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  width: 100%;
  height: calc(100vh - 105px);
  padding: 0 0 80px;
  background-color: var(--black-17-opacity-60);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
@media (min-width: 800px) {
  .header-catalog {
    height: calc(100vh - 157px);
  }
}
.header-catalog.active {
  opacity: 1;
  visibility: visible;
}
.header-catalog__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 100%;
  background-color: var(--white-white-100);
  border-radius: 0 0 var(--radius-20) var(--radius-20);
}
@media (min-width: 800px) {
  .header-catalog__wrapper {
    max-height: 470px;
    height: 100%;
  }
}
@media (min-width: 1400px) {
  .header-catalog__wrapper {
    max-height: 620px;
  }
}
.header-catalog__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.header-catalog__menu {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 20px 0;
}
.header-catalog__menu.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 800px) {
  .header-catalog__menu.active {
    display: none;
  }
}
.header-catalog__menu-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0 0 20px;
}
.header-catalog__menu-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  width: 50%;
  height: 44px;
  padding: 7px 15px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border: 1px solid var(--gray-blue-gray-blue-400);
  border-radius: var(--radius-8);
}
.header-catalog__menu-btn .icons-header__link {
  position: relative;
}
.header-catalog__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  overflow-y: auto;
  margin: 0 -8px 0 0;
  padding: 0 16px 0 0;
}
.header-catalog__menu-link {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.header-catalog__menu-link svg {
  color: var(--red-red-700);
}
.header-catalog__side {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 0 0 16px;
}
@media (min-width: 800px) {
  .header-catalog__side {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 290px;
    padding: 24px 24px 24px 0;
    border-right: 1px solid var(--gray-blue-gray-blue-200);
  }
}
@media (min-width: 1200px) {
  .header-catalog__side {
    width: 340px;
  }
}
.header-catalog__side.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-catalog__list {
  overflow-y: auto;
  margin: 0 -8px 0 0;
  padding: 0 16px 0 0;
}
@media (min-width: 800px) {
  .header-catalog__list {
    margin-right: -24px;
    padding-right: -24px;
  }
}
.header-catalog__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: var(--radius-8);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.header-catalog__link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--red-red-700);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  margin: 0 0 0 auto;
}
@media (min-width: 800px) {
  .header-catalog__link svg {
    color: transparent;
  }
}
@media (hover: hover) {
  .header-catalog__link:hover {
    background: var(--gray-blue-gray-blue-200);
  }
  .header-catalog__link:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .header-catalog__link:active {
    background: var(--gray-blue-gray-blue-200);
  }
  .header-catalog__link:active svg {
    color: var(--red-red-700);
  }
}
@media (min-width: 800px) {
  .header-catalog__link.active {
    background: var(--gray-blue-gray-blue-200);
  }
  .header-catalog__link.active svg {
    color: var(--red-red-700);
  }
}
.header-catalog__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
}
.header-catalog__icon img {
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.header-catalog__content {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 0 16px;
}
@media (min-width: 800px) {
  .header-catalog__content {
    display: block;
    padding: 24px;
  }
}
.header-catalog__content.active {
  display: block;
}
.header-catalog__content-item {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.header-catalog__content-item.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header-catalog__content-prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 -16px 16px;
  padding: 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  background: var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .header-catalog__content-prev {
    display: none;
  }
}
.header-catalog__content-prev svg {
  color: var(--red-red-700);
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.header-catalog__content-caption {
  display: none;
}
@media (min-width: 800px) {
  .header-catalog__content-caption {
    display: block;
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
  }
}
@media (min-width: 1200px) {
  .header-catalog__content-caption {
    font-size: 20px;
    line-height: 28px;
  }
}
.header-catalog__sub-list {
  display: grid;
  gap: 16px;
  overflow-y: auto;
  margin: 0 -8px 0 0;
  padding: 0 16px 0 0;
}
@media (min-width: 800px) {
  .header-catalog__sub-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px 20px;
    margin-right: -24px;
    padding-right: -24px;
  }
}
.header-catalog__sub-link {
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .header-catalog__sub-link:hover {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .header-catalog__sub-link:active {
    color: var(--red-red-700);
  }
}

.nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (min-width: 1400px) {
  .nav__list {
    gap: 20px;
  }
}
.nav__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.nav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--heder-top-height);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .nav__link {
    font-size: 14px;
    line-height: 20px;
  }
}

.search {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .search {
    padding: 88px 20px 0;
  }
}
@media (min-width: 1200px) {
  .search {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
  }
}
.search.active {
  opacity: 1;
  visibility: visible;
}
.search.active .search__overlay {
  opacity: 1;
  visibility: visible;
}
.search__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--black-17-opacity-60);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 1200px) {
  .search__overlay {
    position: fixed;
  }
}
.search__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 12px 0 72px;
  background-color: var(--white-white-100);
}
@media (min-width: 800px) {
  .search__inner {
    display: block;
    height: auto;
    padding: 0;
    background-color: transparent;
  }
}
.search__close {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 0 0 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: var(--black-balck-600);
}
@media (min-width: 800px) {
  .search__close {
    display: none;
  }
}
.search__close svg {
  color: var(--red-red-700);
}
.search__form-wrapper {
  position: relative;
  z-index: 1;
  padding: 16px;
  background-color: var(--white-white-100);
  border-bottom: 1px solid var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .search__form-wrapper {
    padding: 8px;
    border-radius: var(--radius-12);
    border: none;
  }
}
.search__form {
  position: relative;
}
@media (hover: hover) {
  .search__form:hover .search__input {
    border-color: var(--red-red-400);
  }
}
.search__icon {
  position: absolute;
  top: 10px;
  left: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
@media (min-width: 800px) {
  .search__icon {
    left: 15px;
  }
}
.search__icon svg {
  color: var(--black-balck-300);
}
.search__input {
  display: block;
  width: 100%;
  height: 40px;
  padding: 9px 116px 9px 40px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  background: var(--gray-blue-gray-blue-100);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
@media (min-width: 800px) {
  .search__input {
    padding: 9px 132px 9px 43px;
  }
}
.search__input::-webkit-input-placeholder {
  color: var(--black-balck-300);
}
.search__input::-moz-placeholder {
  color: var(--black-balck-300);
}
.search__input:-ms-input-placeholder {
  color: var(--black-balck-300);
}
.search__input::-ms-input-placeholder {
  color: var(--black-balck-300);
}
.search__input::placeholder {
  color: var(--black-balck-300);
}
.search__input:focus {
  border-color: var(--red-red-700) !important;
}
.search__reset {
  position: absolute;
  top: 50%;
  right: 95px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 16px;
  height: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .search__reset {
    right: 109px;
  }
}
.search__reset::after {
  content: "";
  position: absolute;
  right: -13px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: var(--black-balck-200);
  pointer-events: none;
}
.search__reset svg {
  color: var(--black-balck-300);
}
.search__reset.active {
  opacity: 1;
  visibility: visible;
}
.search__btn {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 5px;
  min-width: 70px;
  height: 32px;
  color: var(--white-white-100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: 6px;
  background: var(--red-red-700);
  border: 1px solid var(--red-red-700);
}
@media (min-width: 800px) {
  .search__btn {
    min-width: 80px;
  }
}
.search__result {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
  padding: 20px 16px;
  background-color: var(--white-white-100);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  overflow-y: auto;
}
@media (min-width: 800px) {
  .search__result {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    max-height: calc(100vh - 144px);
    padding: 20px 16px 24px;
    border-radius: 0 0 var(--radius-12) var(--radius-12);
  }
}
@media (min-width: 1400px) {
  .search__result {
    padding: 24px 20px;
    gap: 24px;
  }
}
.search__result.active {
  opacity: 1;
  visibility: visible;
}
.search__block:not(:first-child) {
  padding: 20px 0 0;
  border-top: 1px solid var(--black-balck-100);
}
@media (min-width: 1400px) {
  .search__block:not(:first-child) {
    padding-top: 24px;
  }
}
.search__title {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0 0 16px;
}
.search__cards {
  max-height: 216px;
  overflow-y: auto;
}
.search__bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 16px;
  background-color: var(--white-white-100);
  border-top: 1px solid var(--gray-blue-gray-blue-200);
  -webkit-box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.02);
          box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.02);
}
@media (min-width: 800px) {
  .search__bottom {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
  }
}
.search__more {
  -ms-flex-item-align: center;
      align-self: center;
}

@media (max-width: 1199px) {
  .search--mod-page {
    position: relative;
    z-index: 1;
    width: auto;
    height: auto;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 799px) {
  .search--mod-page .search__inner {
    display: block;
    height: auto;
    padding: 0;
    background-color: transparent;
  }
}
@media (max-width: 799px) {
  .search--mod-page .search__close {
    display: none;
  }
}
@media (max-width: 799px) {
  .search--mod-page .search__form-wrapper {
    padding: 8px;
    border-radius: var(--radius-12);
    border: none;
  }
}
@media (max-width: 799px) {
  .search--mod-page .search__result {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    position: absolute;
    top: calc(100% - 10px);
    left: 0;
    max-height: calc(100vh - 144px);
    padding: 20px 16px 24px;
    border-radius: 0 0 var(--radius-12) var(--radius-12);
  }
}
@media (max-width: 799px) {
  .search--mod-page .search__bottom {
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
  }
}

.search-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 8px;
  border-radius: var(--radius-12);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (min-width: 800px) {
  .search-card {
    gap: 16px;
  }
}
@media (hover: hover) {
  .search-card:hover {
    background: var(--gray-blue-gray-blue-200);
  }
}
@media (hover: none) {
  .search-card:active {
    background: var(--gray-blue-gray-blue-200);
  }
}
.search-card__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  overflow: hidden;
}
.search-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.search-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.search-card__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.search-card__article {
  color: var(--black-balck-300);
  font-size: 10px;
  line-height: 12px;
}
.search-card__article span {
  color: var(--black-balck-600);
}
.search-card__prices {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.search-card__price {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
.search-card__old-price {
  color: var(--gray-153);
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
}

.search-card--small .search-card__content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
.search-card--small .search-card__article {
  position: relative;
  color: var(--black-balck-600);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.search-card--small .search-card__article::after {
  content: "";
  position: absolute;
  top: 0;
  right: -9px;
  bottom: 0;
  width: 1px;
  background: var(--black-balck-200);
}
.search-card--small .search-card__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.breadcrumbs {
  padding: 16px 0 2px;
}
@media (min-width: 800px) {
  .breadcrumbs {
    padding: 40px 0 10px;
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin: 0 -16px;
  padding: 0 16px 10px;
  overflow-x: auto;
  scrollbar-width: none;
}
@media (min-width: 800px) {
  .breadcrumbs__list {
    margin: 0 -20px;
    padding: 0 20px 10px;
  }
}
.breadcrumbs__list::-webkit-scrollbar {
  height: 0;
}
.breadcrumbs__item {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.breadcrumbs__item:not(:last-child)::after {
  content: ">";
  position: absolute;
  top: 50%;
  right: -16px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 16px;
  line-height: 17px;
}
.breadcrumbs__link {
  display: block;
  color: var(--black-balck-600);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.breadcrumbs span.breadcrumbs__link {
  color: var(--black-balck-300);
}

.catalog {
  padding: 0 0 40px;
}
@media (min-width: 800px) {
  .catalog {
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .catalog {
    padding-bottom: 80px;
  }
}
.catalog__top {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .catalog__top {
    margin: 0 0 40px;
  }
}
.catalog__total {
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .catalog__total {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
  }
}
.catalog__total span {
  color: var(--black-balck-300);
}
.catalog__descr {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 800px) {
  .catalog__descr {
    margin-bottom: 24px;
  }
}
.catalog__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
  margin: 0 0 32px;
}
@media (min-width: 800px) {
  .catalog__items {
    grid-gap: 20px;
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .catalog__items {
    margin-bottom: 60px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.catalog__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .catalog__control {
    margin-bottom: 24px;
  }
}
.catalog__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 0 20px;
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-16);
}
@media (min-width: 800px) {
  .catalog__cards {
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .catalog__cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalog__cards .catalog__card {
  border-right: 1px solid var(--black-balck-100);
}
.catalog__cards .catalog__card:nth-child(2n+2) {
  border-right-color: transparent;
}
@media (min-width: 800px) {
  .catalog__cards .catalog__card:nth-child(2n+2) {
    border-right-color: var(--black-balck-100);
  }
}
@media (min-width: 800px) {
  .catalog__cards .catalog__card:nth-child(3n+3) {
    border-right-color: transparent;
  }
}
@media (min-width: 1200px) {
  .catalog__cards .catalog__card:nth-child(3n+3) {
    border-right-color: var(--black-balck-100);
  }
}
@media (min-width: 1200px) {
  .catalog__cards .catalog__card:nth-child(4n+4) {
    border-right-color: transparent;
  }
}
.catalog__cards .catalog__card:nth-child(n+3) {
  border-top: 1px solid var(--black-balck-100);
}
@media (min-width: 800px) {
  .catalog__cards .catalog__card:nth-child(n+3) {
    border-top: none;
  }
}
@media (min-width: 800px) {
  .catalog__cards .catalog__card:nth-child(n+4) {
    border-top: 1px solid var(--black-balck-100);
  }
}
@media (min-width: 1200px) {
  .catalog__cards .catalog__card:nth-child(n+4) {
    border-top: none;
  }
}
@media (min-width: 1200px) {
  .catalog__cards .catalog__card:nth-child(n+5) {
    border-top: 1px solid var(--black-balck-100);
  }
}
.catalog__cards .catalog__img {
  margin: 0;
}
@media (min-width: 1200px) {
  .catalog__cards .catalog__img {
    grid-area: 3/1/4/5;
  }
}
.catalog__cards.list {
  grid-template-columns: repeat(1, 1fr);
}
.catalog__cards.list .catalog__card {
  border-right: none;
  border-top: none;
}
.catalog__cards.list .catalog__card:not(:last-child) {
  border-bottom: 1px solid var(--black-balck-100);
}
.catalog__cards.list .catalog__img {
  grid-area: 9/1/10/2;
}
.catalog__mini-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 800px) {
  .catalog__mini-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .catalog__mini-cards {
    grid-template-columns: repeat(4, 1fr);
  }
}
.catalog__img {
  display: none;
  margin: 0 0 20px;
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 800px) {
  .catalog__img {
    margin: 0 0 40px;
  }
}
@media (min-width: 1200px) {
  .catalog__img {
    border-radius: var(--radius-16);
  }
}
@media (min-width: 1400px) {
  .catalog__img {
    display: block;
  }
}
.catalog__img img {
  width: 100%;
  height: auto;
}
.catalog__more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

.catalog--mod-for-business {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .catalog--mod-for-business {
    padding: 30px 0;
  }
}
.catalog--mod-for-business .catalog__top {
  margin-bottom: 8px;
}
.catalog--mod-for-business .catalog__items {
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .catalog--mod-for-business .catalog__items {
    margin-bottom: 24px;
  }
}

.catalog-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-100);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
@media (min-width: 800px) {
  .catalog-item {
    padding: 20px;
  }
}
@media (hover: hover) {
  .catalog-item:hover {
    -webkit-box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
            box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
  }
  .catalog-item:hover .catalog-item__link {
    opacity: 1;
  }
}
@media (hover: none) {
  .catalog-item:active {
    -webkit-box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
            box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
  }
  .catalog-item:active .catalog-item__link {
    opacity: 1;
  }
}
.catalog-item__title {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (min-width: 800px) {
  .catalog-item__title {
    font-size: 16px;
    line-height: 22px;
    word-break: normal;
  }
}
.catalog-item__descr {
  margin: 0 0 20px;
  color: var(--black-balck-400);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .catalog-item__descr {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 20px;
  }
}
.catalog-item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: auto 0 0;
}
.catalog-item__link {
  font-size: 0;
}
@media (min-width: 800px) {
  .catalog-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    color: var(--gray-blue-gray-blue-800);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
}
@media (min-width: 1200px) {
  .catalog-item__link {
    color: var(--red-red-700);
    opacity: 0;
  }
}
.catalog-item__link svg {
  color: var(--gray-blue-gray-blue-800);
}
@media (min-width: 1200px) {
  .catalog-item__link svg {
    color: var(--red-red-700);
  }
}
.catalog-item__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 0 0 auto;
}
.catalog-item__img img {
  width: auto;
  height: auto;
  max-height: 48px;
}
@media (min-width: 800px) {
  .catalog-item__img img {
    max-height: 80px;
  }
}

.category {
  padding: 0 0 40px;
}
@media (min-width: 800px) {
  .category {
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .category {
    padding-bottom: 80px;
  }
}
.category__title {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .category__title {
    margin: 0 0 20px;
  }
}
.category__descr {
  margin: 0 0 20px;
}
.category__descr p {
  font-size: 14px;
  line-height: 20px;
}
.category__descr p:not(:last-child) {
  margin: 0 0 20px;
}
.category__descr b,
.category__descr strong {
  font-weight: 600;
}
.category__descr--overflowed {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 6;
}
@media (min-width: 800px) {
  .category__descr--overflowed {
    -webkit-line-clamp: 2;
  }
}
.category__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin: 36px 0 0;
}
@media (min-width: 800px) {
  .category__inner {
    margin: 40px 0 0;
  }
}
.category__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.category__content .category__descr {
  margin: 0;
}
.category__content .category-brands {
  margin: 0 0 40px;
}
.category__control {
  display: grid;
  grid-template-columns: repeat(2, auto);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 20px 24px;
  margin: 0 0 20px;
}
@media (min-width: 1200px) {
  .category__control {
    margin-bottom: 24px;
  }
}
.category__filters-btn {
  position: relative;
  justify-self: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .category__filters-btn {
    display: none;
  }
}
.category__filters-btn::after {
  content: "";
  position: absolute;
  top: 4px;
  left: calc(100% + 2px);
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--green-green-600);
  opacity: 0;
}
.category__filters-btn svg {
  color: var(--red-red-700);
}
.category__filters-btn.active::after {
  opacity: 1;
}
.category__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 0 20px;
  border: 1px solid var(--black-balck-100);
  border-radius: 16px;
}
@media (min-width: 800px) {
  .category__cards {
    margin: 0 0 40px;
  }
}
@media (min-width: 992px) {
  .category__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.category__cards .category__card {
  border-right: 1px solid var(--black-balck-100);
}
.category__cards .category__card:nth-child(2n+2) {
  border-right-color: transparent;
}
@media (min-width: 992px) {
  .category__cards .category__card:nth-child(2n+2) {
    border-right-color: var(--black-balck-100);
  }
}
@media (min-width: 992px) {
  .category__cards .category__card:nth-child(3n+3) {
    border-right-color: transparent;
  }
}
.category__cards .category__card:nth-child(n+3) {
  border-top: 1px solid var(--black-balck-100);
}
@media (min-width: 992px) {
  .category__cards .category__card:nth-child(n+3) {
    border-top: none;
  }
}
@media (min-width: 992px) {
  .category__cards .category__card:nth-child(n+4) {
    border-top: 1px solid var(--black-balck-100);
  }
}
.category__cards .category__img {
  grid-area: 4/1/5/3;
  margin: 0;
  position: relative;
}
@media (min-width: 992px) {
  .category__cards .category__img {
    grid-area: 3/1/4/4;
  }
}
.category__cards .category__img picture {
  position: relative;
  z-index: 1;
}
.category__cards .category__img i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 999px;
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.8);
  color: #111;
  font-style: normal;
}
@media (min-width: 992px) {
  .category__cards .category__img i {
    top: 16px;
    right: 16px;
  }
}
.category__cards .category__img i svg {
  width: 16px;
  height: 16px;
}
.category__cards .category__img i:hover {
  background: #fff;
  color: var(--red-red-700);
}
.category__cards .category__img > span {
  position: absolute;
  z-index: 2;
  top: 42px;
  right: 16px;
  padding: 8px 12px;
  background: #fff;
  border-radius: 8px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(35, 35, 55, 0.32);
          box-shadow: 0px 4px 12px 0px rgba(35, 35, 55, 0.32);
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
}
@media (min-width: 992px) {
  .category__cards .category__img > span {
    top: 54px;
    right: 10px;
    font-size: 12px;
    padding: 12px 16px;
    gap: 8px;
  }
}
.category__cards .category__img i:hover + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.category__cards.list {
  grid-template-columns: repeat(1, 1fr);
}
.category__cards.list .category__card {
  border-right: none;
  border-top: none;
}
.category__cards.list .category__card:not(:last-child) {
  border-bottom: 1px solid var(--black-balck-100);
}
.category__cards.list .category__img {
  grid-area: 7/1/8/2;
}
.category__img {
  display: block;
  margin: 0 0 20px;
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 800px) {
  .category__img {
    margin: 0 0 40px;
  }
}
@media (min-width: 1200px) {
  .category__img {
    border-radius: var(--radius-16);
  }
}
.category__img img {
  width: 100%;
  height: auto;
}
.category__pagination {
  margin: 0 0 40px;
}

.category-brands {
  margin: 0 0 36px;
}
@media (min-width: 800px) {
  .category-brands {
    margin: 0 0 40px;
  }
}
.category-brands__title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.category-brands__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.category-brands__list.active .category-brands__item {
  display: block;
}
.category-brands__item:nth-child(n+6) {
  display: none;
}
.category-brands__item:has(.category-brands__more) {
  display: block;
}
.category-brands__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.category-brands__link span {
  color: var(--red-red-700);
}

.category-tags {
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.category-tags__link {
  padding: 9px 15px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-200);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}
@media (hover: hover) {
  .category-tags__link:hover {
    color: var(--white-white-100);
    border-color: var(--red-red-700);
    background: var(--red-red-700);
  }
}
@media (hover: none) {
  .category-tags__link:active {
    color: var(--white-white-100);
    border-color: var(--red-red-700);
    background: var(--red-red-700);
  }
}

.category-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
@media (min-width: 800px) {
  .category-brand {
    gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.category-brand__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 20px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-100);
}
.category-brand__content.active .category-brand__descr {
  display: block;
}
.category-brand__descr {
  margin: 0 0 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.category-brand__descr p {
  font-size: 14px;
  line-height: 20px;
}
.category-brand__descr p:not(:last-child) {
  margin: 0 0 20px;
}
.category-brand__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 187px;
}
@media (min-width: 800px) {
  .category-brand__logo {
    width: 272px;
  }
}
@media (min-width: 1200px) {
  .category-brand__logo {
    width: 415px;
  }
}
.category-brand__logo img {
  width: 100%;
  height: auto;
}

.sidebar-category {
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: var(--white-white-100);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .sidebar-category {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    position: static;
    top: auto;
    left: auto;
    z-index: auto;
    width: 240px;
    height: auto;
    padding: 0;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .sidebar-category {
    width: 266px;
  }
}
@media (min-width: 1400px) {
  .sidebar-category {
    width: 304px;
  }
}
.sidebar-category.active {
  opacity: 1;
  visibility: visible;
}
.sidebar-category__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 0 4px;
  padding: 12px 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .sidebar-category__back {
    display: none;
  }
}
.sidebar-category__back svg {
  color: var(--red-red-700);
}
.sidebar-category__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  padding: 0 16px 20px;
}
@media (min-width: 800px) {
  .sidebar-category__inner {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    padding: 0;
  }
}
.sidebar-category__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  background: var(--gray-blue-gray-blue-100);
  padding: 20px;
  border-radius: var(--radius-12);
}
.sidebar-category__block.active .sidebar-category__item {
  display: block;
}
.sidebar-category__title {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.sidebar-category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.sidebar-category__list:has(.sidebar-category__sub-list) .sidebar-category__item {
  display: block;
}
.sidebar-category__item:nth-child(n+6) {
  display: none;
}
.sidebar-category__item.active .sidebar-category__item-btn::before, .sidebar-category__item.active .sidebar-category__item-btn::after {
  background-color: var(--red-red-700);
}
.sidebar-category__item.active .sidebar-category__item-btn::after {
  opacity: 0;
}
.sidebar-category__item.active .sidebar-category__link {
  color: var(--red-red-700);
}
.sidebar-category__item.active .sidebar-category__item-inner {
  display: block;
}
.sidebar-category__item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.sidebar-category__item-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
}
@media (hover: hover) {
  .sidebar-category__item-btn:hover::before, .sidebar-category__item-btn:hover::after {
    background-color: var(--red-red-700);
  }
}
@media (hover: none) {
  .sidebar-category__item-btn:active::before, .sidebar-category__item-btn:active::after {
    background-color: var(--red-red-700);
  }
}
.sidebar-category__item-btn::before, .sidebar-category__item-btn::after {
  content: "";
  position: absolute;
  background-color: var(--black-balck-600);
  border-radius: 3px;
  -webkit-transition: background-color 0.3s, opacity 0.3s;
  transition: background-color 0.3s, opacity 0.3s;
}
.sidebar-category__item-btn::before {
  width: 10px;
  height: 2px;
}
.sidebar-category__item-btn::after {
  height: 10px;
  width: 2px;
}
.sidebar-category__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .sidebar-category__link:hover {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .sidebar-category__link:active {
    color: var(--red-red-700);
  }
}
.sidebar-category__item-inner {
  display: none;
  padding: 0 0 0 40px;
}
.sidebar-category__item-inner.active .sidebar-category__sub-item {
  display: block;
}
.sidebar-category__sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 12px 0 12px;
}
.sidebar-category__sub-item:nth-child(n+6) {
  display: none;
}
.sidebar-category__sub-link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.sidebar-category__sub-link.active {
  color: var(--red-red-700);
}
@media (hover: hover) {
  .sidebar-category__sub-link:hover {
    color: var(--red-red-600);
  }
}
@media (hover: none) {
  .sidebar-category__sub-link:active {
    color: var(--red-red-600);
  }
}
.sidebar-category__more {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.sidebar-category__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px 16px 8px;
  -webkit-box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.02);
          box-shadow: 0 -2px 12px 0 rgba(17, 17, 17, 0.08), 0 -2px 4px 0 rgba(17, 17, 17, 0.02);
  background: var(--white-white-100);
}
@media (min-width: 800px) {
  .sidebar-category__bottom {
    margin: 12px 0 0;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
@media (min-width: 800px) {
  .sidebar-category__btn {
    display: none;
  }
}
.sidebar-category__reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 8px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.sidebar-category__reset svg {
  color: var(--black-balck-600);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .sidebar-category__reset:hover {
    color: var(--red-red-700);
  }
  .sidebar-category__reset:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .sidebar-category__reset:active {
    color: var(--red-red-700);
  }
  .sidebar-category__reset:active svg {
    color: var(--red-red-700);
  }
}

.sidebar-category-range__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin: 0 0 22px;
}
.sidebar-category-range__field {
  position: relative;
  width: 50%;
}
.sidebar-category-range__field span {
  position: absolute;
  top: 8px;
  font-size: 14px;
  line-height: 20px;
  pointer-events: none;
}
.sidebar-category-range__field span:nth-child(1) {
  left: 12px;
}
.sidebar-category-range__field span:nth-child(2) {
  right: 12px;
  font-weight: 500;
}
.sidebar-category-range__input {
  display: block;
  width: 100%;
  padding: 7px 34px 7px;
  height: 36px;
  font-size: 14px;
  line-height: 20px;
  border-radius: var(--radius-8);
  background: var(--white-white-100);
  border: 1px solid var(--black-balck-200);
  text-overflow: ellipsis;
}
.sidebar-category-range__slider {
  margin: 0 0 10px;
  cursor: pointer;
}
.sidebar-category-range__slider.noUi-target {
  height: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: var(--red-red-200);
}
.sidebar-category-range__slider .noUi-connect {
  background: var(--red-red-700);
}
.sidebar-category-range__slider .noUi-handle {
  right: -8px;
  width: 16px;
  height: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  border-radius: 50%;
  background-color: var(--red-red-700);
}
.sidebar-category-range__slider .noUi-handle::after, .sidebar-category-range__slider .noUi-handle::before {
  display: none;
}
.sidebar-category-range__units {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sidebar-category-range__unit {
  font-size: 14px;
  line-height: 20px;
}

.checkbox {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.checkbox:has(.checkbox__arrow) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.checkbox__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.checkbox__input:checked + .checkbox__text::after {
  opacity: 1;
}
.checkbox__input:focus + .checkbox__text::before {
  -webkit-box-shadow: 0 0 0 1px var(--black-balck-600);
          box-shadow: 0 0 0 1px var(--black-balck-600);
}
.checkbox__text {
  position: relative;
  display: block;
  padding: 0 0 0 28px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.checkbox__text a {
  display: inline;
  text-decoration: underline;
  color: #707070;
}
.checkbox__text a:hover {
  color: var(--red-red-700);
}
.checkbox__text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid var(--black-balck-300);
  background: var(--white-white-100);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.checkbox__text::after {
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.72727L4.10345 9L11 1' stroke='%23DC2F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.checkbox__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2px 0 0;
}
.checkbox__arrow svg {
  color: var(--red-red-700);
}

.sort {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.sort.active .sort__list {
  top: calc(100% + 12px);
  opacity: 1;
  visibility: visible;
}
.sort__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--black-balck-500);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .sort__current {
    display: none;
  }
}
.sort__current svg:nth-child(1) {
  color: var(--red-red-700);
}
.sort__current svg:nth-child(3) {
  color: var(--black-balck-600);
  stroke: var(--black-balck-600);
  -webkit-transition: color 0.3s, stroke 0.3s;
  transition: color 0.3s, stroke 0.3s;
}
.sort__current.increased svg:nth-child(3) {
  color: var(--red-red-700);
  stroke: var(--black-balck-600);
}
.sort__current.decreased svg:nth-child(3) {
  color: var(--black-balck-600);
  stroke: var(--red-red-700);
}
.sort__label {
  display: none;
}
@media (min-width: 992px) {
  .sort__label {
    display: block;
    color: var(--black-balck-300);
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
}
.sort__list {
  position: absolute;
  left: 0;
  top: calc(100% + 22px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 328px;
  padding: 16px;
  border-radius: var(--radius-12);
  -webkit-box-shadow: 0 4px 12px 0 #ececec;
          box-shadow: 0 4px 12px 0 #ececec;
  background: var(--white-white-100);
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility, top;
  transition-property: opacity, visibility, top;
}
@media (min-width: 800px) {
  .sort__list {
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    width: auto;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
  }
}
.sort__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
  padding: 8px 12px;
  color: var(--black-balck-500);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-radius: var(--radius-8);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (min-width: 800px) {
  .sort__btn {
    padding: 0;
  }
}
.sort__btn svg {
  color: var(--black-balck-600);
  stroke: var(--black-balck-600);
  -webkit-transition: color 0.3s, stroke 0.3s;
  transition: color 0.3s, stroke 0.3s;
}
.sort__btn.increased {
  background: var(--gray-blue-gray-blue-300);
}
@media (min-width: 800px) {
  .sort__btn.increased {
    background-color: transparent;
  }
}
.sort__btn.increased svg {
  color: var(--red-red-700);
  stroke: var(--black-balck-600);
}
.sort__btn.decreased {
  background: var(--gray-blue-gray-blue-300);
}
@media (min-width: 800px) {
  .sort__btn.decreased {
    background-color: transparent;
  }
}
.sort__btn.decreased svg {
  color: var(--black-balck-600);
  stroke: var(--red-red-700);
}

.view-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.view-buttons__btn svg {
  color: var(--black-balck-600);
  display: block;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  width: 20px;
  height: 20px;
}
@media (min-width: 1200px) {
  .view-buttons__btn svg {
    width: 24px;
    height: 24px;
  }
}
.view-buttons__btn.active svg {
  color: var(--red-red-700);
}

.card-main {
  position: relative;
}
.card-main:hover {
  z-index: 10;
}
@media (min-width: 800px) {
  .card-main:hover .card-main__inner::before {
    opacity: 1;
    visibility: visible;
  }
}
.card-main:hover .card-main__buttons {
  opacity: 1;
  visibility: visible;
}
.card-main:hover .card-main__icon {
  opacity: 1;
  visibility: visible;
}
.card-main__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  background-color: var(--white-white-100);
  border-radius: var(--radius-16);
  padding: 16px 12px;
}
@media (min-width: 800px) {
  .card-main__inner {
    padding: 20px 12px;
  }
}
@media (min-width: 1200px) {
  .card-main__inner {
    padding: 20px 20px 44px;
  }
}
.card-main__inner::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 16px 16px 0 0;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 10px 0 rgba(35, 35, 55, 0.12);
          box-shadow: 0 10px 10px 0 rgba(35, 35, 55, 0.12);
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .card-main__inner::before {
    bottom: -36px;
  }
}
@media (min-width: 800px) {
  .card-main__inner:has(.card-main__availability.active) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
}
.card-main__img {
  display: block;
  margin: 0 0 16px;
  aspect-ratio: 1;
}
@media (min-width: 800px) {
  .card-main__img {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .card-main__img {
    margin-bottom: 24px;
  }
}
.card-main__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-main__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.card-main__content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.card-main__title {
  color: var(--black-balck-600);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .card-main__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.card-main__title-link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.card-main__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.card-main__availability {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .card-main__availability.active .card-main__availability-dropdown {
    display: block;
  }
}
.card-main__availability-current {
  position: relative;
  padding: 0 0 0 13px;
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.card-main__availability-current::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--black-balck-600);
}
@media (hover: hover) {
  .card-main__availability-current:hover {
    color: var(--green-green-800) !important;
  }
}
@media (hover: none) {
  .card-main__availability-current:active {
    color: var(--green-green-800) !important;
  }
}
.card-main__availability-dropdown {
  display: none;
}
.card-main__article {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-300);
  white-space: nowrap;
}
.card-main__article span {
  color: var(--black-balck-600);
}
.card-main__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 8px;
  margin: auto 0 0;
}
.card-main__price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .card-main__price {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
  }
}
.card-main__old-price {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--black-balck-300);
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: line-through;
}
@media (min-width: 800px) {
  .card-main__old-price {
    font-size: 14px;
    line-height: 20px;
  }
}
.card-main__bottom {
  margin: -12px 0 0;
}
.card-main__buttons {
  padding: 16px 0 0;
  background-color: var(--white-white-100);
}
@media (min-width: 800px) {
  .card-main__buttons {
    padding-top: 20px;
  }
}
@media (min-width: 1200px) {
  .card-main__buttons {
    position: absolute;
    top: calc(100% - 44px);
    left: 0;
    width: 100%;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
  }
}
.card-main__more {
  display: block;
  width: 100%;
  padding: 11px;
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
  border: 1px solid var(--red-red-700);
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media (hover: hover) {
  .card-main__more:hover {
    color: var(--white-white-100);
    background-color: var(--red-red-700);
  }
}
@media (hover: none) {
  .card-main__more:active {
    color: var(--white-white-100);
    background-color: var(--red-red-700);
  }
}
.card-main__icons {
  position: absolute;
  top: 8px;
  right: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media (min-width: 800px) {
  .card-main__icons {
    top: 12px;
    right: 12px;
    gap: 8px;
  }
}
.card-main__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid var(--black-balck-200);
  background-color: var(--white-white-100);
  -webkit-transition-property: opacity, visibility, border-color;
  transition-property: opacity, visibility, border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
@media (min-width: 800px) {
  .card-main__icon {
    width: 32px;
    height: 32px;
  }
}
@media (min-width: 1200px) {
  .card-main__icon {
    opacity: 0;
    visibility: hidden;
  }
}
.card-main__icon svg {
  color: var(--gray-blue-gray-blue-900);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .card-main__icon:hover {
    border-color: var(--red-red-700);
  }
  .card-main__icon:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .card-main__icon:active {
    border-color: var(--red-red-700);
  }
  .card-main__icon:active svg {
    color: var(--red-red-700);
  }
}
.card-main__icon.active {
  border-color: var(--red-red-700);
  background-color: var(--red-red-700);
  opacity: 1;
  visibility: visible;
}
.card-main__icon.active svg {
  color: var(--white-white-100);
}
.card-main__labels {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 800px) {
  .card-main__labels {
    top: 12px;
    left: 12px;
    right: 56px;
    gap: 12px;
  }
}
.card-main__label {
  color: var(--white-white-100);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 42px;
}
@media (min-width: 800px) {
  .card-main__label {
    padding: 4px 16px;
  }
}
@media (min-width: 1200px) {
  .card-main__label {
    font-size: 14px;
    line-height: 20px;
  }
}

.list .card-main__inner {
  position: static !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: auto;
  padding: 15px;
}
@media (min-width: 800px) {
  .list .card-main__inner {
    padding: 24px 20px;
  }
}
@media (min-width: 1200px) {
  .list .card-main__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
  }
}
.list .card-main__inner::before {
  display: none;
}
.list .card-main__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 86px;
  margin: 0 24px 0 0;
}
@media (min-width: 800px) {
  .list .card-main__img {
    width: 110px;
  }
}
@media (min-width: 1200px) {
  .list .card-main__img {
    width: 64px;
    margin: 0 20px 0 0;
  }
}
@media (min-width: 1200px) {
  .list .card-main__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .list .card-main__content-inner {
    gap: 8px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media (min-width: 800px) {
  .list .card-main__line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .list .card-main__line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
  }
}
@media (min-width: 1400px) {
  .list .card-main__line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
.list .card-main__article {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 1200px) {
  .list .card-main__article {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.list .card-main__availability {
  position: relative;
}
@media (min-width: 800px) {
  .list .card-main__availability:hover .card-main__availability-dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .list .card-main__availability-current {
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .list .card-main__availability-current::before {
    display: none;
  }
}
.list .card-main__availability-dropdown {
  display: block;
  position: absolute;
  z-index: 1;
  top: calc(100% + 10px);
  left: 0;
  width: 224px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility, top;
  transition-property: opacity, visibility, top;
}
@media (min-width: 1200px) {
  .list .card-main__availability-dropdown {
    width: 250px;
  }
}
@media (min-width: 1400px) {
  .list .card-main__availability-dropdown {
    width: 296px;
  }
}
.list .card-main__prices {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .list .card-main__prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    min-width: 120px;
  }
}
.list .card-main__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 4px 0 0;
}
@media (min-width: 800px) {
  .list .card-main__bottom {
    gap: 12px;
    margin-top: 8px;
  }
}
@media (min-width: 1200px) {
  .list .card-main__bottom {
    margin-top: 0;
  }
}
.list .card-main__buttons {
  position: static;
  top: auto;
  left: auto;
  width: auto;
  padding: 0;
  background-color: transparent;
  opacity: 1;
  visibility: visible;
}
.list .card-main__more {
  min-width: 98px;
  padding: 9px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .list .card-main__more {
    min-width: 134px;
    font-size: 14px;
    line-height: 20px;
  }
}
.list .card-main__icons {
  position: static;
  top: auto;
  right: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}
@media (min-width: 800px) {
  .list .card-main__icons {
    gap: 12px;
  }
}
.list .card-main__icon {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-8);
  opacity: 1;
  visibility: visible;
}
@media (min-width: 800px) {
  .list .card-main__icon {
    width: 40px;
    height: 40px;
  }
}
.list .card-main__labels {
  display: none;
}

.card-mini {
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-16);
  padding: 20px;
}
@media (min-width: 480px) {
  .card-mini {
    max-width: 337px;
  }
}
.card-mini:hover {
  -webkit-box-shadow: 0 10px 10px 0 rgba(35, 35, 55, 0.12);
          box-shadow: 0 10px 10px 0 rgba(35, 35, 55, 0.12);
}
.card-mini:hover .card-mini__more {
  display: block;
}
.card-mini__img {
  display: block;
  margin: 0 0 20px;
  aspect-ratio: 1;
}
.card-mini__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-mini__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.card-mini__title {
  color: var(--black-balck-600);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.card-mini__title-link {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.card-mini__article {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-300);
  white-space: nowrap;
}
.card-mini__article span {
  color: var(--black-balck-600);
}
.card-mini__price {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.card-mini__more {
  margin: 8px 0 0;
}
.card-mini__more.btn {
  display: none;
}

.rating__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px;
  color: var(--black-balck-100);
}
.rating__item svg {
  display: block;
}
.rating__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.rating[data-total-value="1"] .rating__item:nth-child(n+5),
.rating[data-total-value="2"] .rating__item:nth-child(n+4),
.rating[data-total-value="3"] .rating__item:nth-child(n+3),
.rating[data-total-value="4"] .rating__item:nth-child(n+2),
.rating[data-total-value="5"] .rating__item:nth-child(n+1) {
  color: var(--red-red-700);
}

.rating--big .rating__item svg {
  width: 20px;
  height: 20px;
}

.rating--mod-modal .rating__item svg {
  width: 28px;
  height: 28px;
}

.availability {
  padding: 4px 12px;
  border-radius: var(--radius-8);
  background: var(--gray-blue-gray-blue-100);
}
.availability__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px 20px;
  padding: 8px 0;
}
.availability__item:not(:last-child) {
  border-bottom: 1px solid var(--black-balck-100);
}
.availability__item span {
  font-weight: 600;
}
.availability__item span:nth-child(1) {
  color: var(--black-balck-500);
  font-size: 14px;
  line-height: 20px;
}
.availability__item span:nth-child(2) {
  font-size: 12px;
  line-height: 16px;
}
.availability__item span:nth-child(3) {
  width: 100%;
  color: var(--black-balck-400);
  font-size: 10px;
  line-height: 16px;
  font-weight: 500;
  font-style: italic;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 9px 23px;
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border: 1px solid var(--red-red-700);
  border-radius: var(--radius-8);
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
@media (min-width: 800px) {
  .btn {
    font-size: 14px;
  }
}
.btn svg {
  color: var(--red-red-700);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .btn:hover {
    color: var(--white-white-100);
    background-color: var(--red-red-700);
  }
  .btn:hover svg {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .btn:active {
    color: var(--white-white-100);
    background-color: var(--red-red-700);
  }
  .btn:active svg {
    color: var(--white-white-100);
  }
}
.btn:disabled {
  background: var(--red-red-300);
  border-color: var(--red-red-300);
  cursor: default;
}

.btn--red {
  color: var(--white-white-100);
  background-color: var(--red-red-700);
}
.btn--red svg {
  color: var(--white-white-100);
}
@media (hover: hover) {
  .btn--red:not(:disabled):hover {
    color: var(--red-red-700);
    background-color: transparent;
  }
  .btn--red:not(:disabled):hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .btn--red:active {
    color: var(--red-red-700);
    background-color: transparent;
  }
  .btn--red:active svg {
    color: var(--red-red-700);
  }
}

.btn-more {
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  border-bottom: 1px dashed var(--red-red-700);
}

.btn-more--bold {
  font-weight: 600;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.pagination__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.pagination__btn {
  display: none;
}
@media (min-width: 800px) {
  .pagination__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-8);
    border: 1px solid transparent;
  }
}
.pagination__btn svg {
  color: var(--black-balck-600);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .pagination__btn:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .pagination__btn:active svg {
    color: var(--red-red-700);
  }
}
.pagination__btn.disabled {
  cursor: default;
  pointer-events: none;
}
.pagination__btn.disabled svg {
  color: var(--black-balck-200);
}
.pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  height: 40px;
  color: var(--black-balck-600);
  font-size: 16px;
  line-height: 24px;
  border-radius: var(--radius-8);
  border: 1px solid transparent;
  -webkit-transition: color 0.3s, border-color 0.3s;
  transition: color 0.3s, border-color 0.3s;
}
.pagination__link.active {
  color: var(--red-red-700);
  border-color: var(--red-red-700);
}
@media (hover: hover) {
  .pagination__link:hover {
    color: var(--red-red-700);
    border-color: var(--red-red-700);
  }
}
@media (hover: none) {
  .pagination__link:active {
    color: var(--red-red-700);
    border-color: var(--red-red-700);
  }
}
.pagination__btn-next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.recommended {
  padding: 40px 0;
  background: var(--gray-blue-gray-blue-100);
}
@media (min-width: 1200px) {
  .recommended {
    padding: 60px 0;
  }
}
.recommended + .recommended {
  padding-top: 0;
}
.recommended__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin: 0 0 24px;
}
.recommended__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.recommended__buttons.slider-buttons {
  display: none;
}
@media (min-width: 800px) {
  .recommended__buttons.slider-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.recommended__swiper .swiper-slide {
  height: auto;
}
.recommended__pagination {
  margin: 20px 0 0;
}
@media (min-width: 1200px) {
  .recommended__pagination {
    margin: 24px 0 0;
  }
}

.slider-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.slider-buttons__prev, .slider-buttons__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  background: var(--white-white-100);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, border-color, background-color;
  transition-property: opacity, border-color, background-color;
}
.slider-buttons__prev svg, .slider-buttons__next svg {
  color: var(--black-balck-500);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.slider-buttons__prev.swiper-button-disabled, .slider-buttons__next.swiper-button-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.slider-buttons__prev.swiper-button-lock, .slider-buttons__next.swiper-button-lock {
  display: none;
}
@media (hover: hover) {
  .slider-buttons__prev:not(.swiper-button-disabled):hover, .slider-buttons__next:not(.swiper-button-disabled):hover {
    border-color: var(--red-red-700);
    background: var(--red-red-700);
  }
  .slider-buttons__prev:not(.swiper-button-disabled):hover svg, .slider-buttons__next:not(.swiper-button-disabled):hover svg {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .slider-buttons__prev:not(.swiper-button-disabled):active, .slider-buttons__next:not(.swiper-button-disabled):active {
    border-color: var(--red-red-700);
    background: var(--red-red-700);
  }
  .slider-buttons__prev:not(.swiper-button-disabled):active svg, .slider-buttons__next:not(.swiper-button-disabled):active svg {
    color: var(--white-white-100);
  }
}
.slider-buttons__next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.card-reccomend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  gap: 8px;
  padding: 7px;
  border-radius: var(--radius-12);
  border: 1px solid var(--black-balck-100);
  background: var(--white-white-100);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
@media (hover: hover) {
  .card-reccomend:hover {
    border-color: var(--red-red-700);
  }
}
.card-reccomend__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 94px;
  aspect-ratio: 1;
}
.card-reccomend__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-reccomend__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.card-reccomend__title {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  overflow-wrap: anywhere;
}
.card-reccomend__price {
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
}

.product {
  padding: 0 0 40px;
}
@media (min-width: 800px) {
  .product {
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .product {
    padding-bottom: 80px;
  }
}
.product__title {
  margin: 0 0 40px;
}
.product__inner {
  display: grid;
  margin: 0 0 32px;
  gap: 32px;
}
@media (min-width: 800px) {
  .product__inner {
    grid-template-columns: 1fr 320px;
    grid-template-rows: auto 1fr;
    grid-gap: 20px 28px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    margin: 0 0 48px;
  }
}
@media (min-width: 1200px) {
  .product__inner {
    grid-template-columns: 400px 1fr 320px;
  }
}
@media (min-width: 800px) {
  .product__inner:not(:has(.product__content-top)) {
    grid-template-rows: none;
  }
}
@media (min-width: 800px) {
  .product__inner:not(:has(.product__content-top)) .product__preview {
    grid-area: 1/1/2/2;
  }
}
.product__inner:not(:has(.product__content-top)) .product__info {
  display: none;
}
@media (min-width: 1200px) {
  .product__inner:not(:has(.product__content-top)) .product__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: 1/2/2/3;
  }
}
@media (min-width: 800px) {
  .product__inner:not(:has(.product__content-top)) .product__sidebar {
    grid-area: 1/2/2/3;
  }
}
@media (min-width: 1200px) {
  .product__inner:not(:has(.product__content-top)) .product__sidebar {
    grid-area: 1/3/2/4;
  }
}
.product__content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: 0 0 -20px;
}
@media (min-width: 800px) {
  .product__content-top {
    grid-area: 1/1/2/2;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .product__content-top {
    gap: 40px;
  }
}
@media (min-width: 1200px) {
  .product__content-top {
    grid-area: 1/1/2/3;
  }
}
.product__article {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--black-balck-300);
  font-size: 14px;
  line-height: 20px;
}
.product__article span {
  color: var(--black-balck-600);
}
.product__labels {
  margin: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.product__labels span {
  padding: 6px 12px;
  color: var(--white-white-100);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 42px;
}
@media (min-width: 800px) {
  .product__labels span {
    padding: 4px 16px;
    font-size: 14px;
    line-height: 20px;
  }
}
.product__icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
@media (min-width: 800px) {
  .product__icons {
    gap: 8px;
  }
}
.product__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--black-balck-200);
  border-radius: var(--radius-8);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.product__icon svg {
  color: var(--gray-blue-gray-blue-900);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.product__icon:hover, .product__icon.active {
  border-color: var(--red-red-700);
}
.product__icon:hover svg, .product__icon.active svg {
  color: var(--red-red-700);
}
.product__icon.active {
  opacity: 1;
  visibility: visible;
}
.product__preview {
  min-width: 0;
}
@media (min-width: 800px) {
  .product__preview {
    max-width: 400px;
    grid-area: 2/1/3/2;
  }
}
@media (min-width: 992px) {
  .product__preview {
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .product__preview {
    margin: 0;
  }
}
.product__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1;
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 800px) {
  .product__img {
    border-radius: var(--radius-16);
  }
}
.product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product__info {
  grid-area: 4/1/5/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .product__info {
    margin: 28px 0 0 0;
    grid-area: 3/1/4/3;
  }
}
@media (min-width: 1200px) {
  .product__info {
    grid-area: 2/2/3/3;
    margin: 0 0 0 12px;
  }
}
.product__logo img {
  max-height: 48px;
}
.product__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 800px) {
  .product__links {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.product__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: var(--radius-8);
  background: var(--gray-blue-gray-blue-100);
}
.product__link svg {
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .product__sidebar {
    grid-area: 1/2/3/3;
  }
}
@media (min-width: 1200px) {
  .product__sidebar {
    grid-area: 1/3/3/4;
  }
}

.product-slider {
  margin: 0 0 24px;
}
@media (min-width: 800px) {
  .product-slider {
    margin: 0 0 12px;
  }
}
@media (min-width: 800px) {
  .product-slider__swiper {
    border: 1px solid var(--black-balck-100);
    border-radius: var(--radius-16);
  }
}
.product-slider__img {
  aspect-ratio: 1;
}
.product-slider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.product-thumb {
  position: relative;
}
@media (min-width: 800px) {
  .product-thumb {
    padding: 0 36px;
  }
}
.product-thumb__swiper .swiper-slide.swiper-slide-thumb-active .product-thumb__img {
  opacity: 1;
}
@media (min-width: 800px) {
  .product-thumb__swiper .swiper-slide.swiper-slide-thumb-active .product-thumb__img {
    border-color: var(--red-red-700);
  }
}
.product-thumb__img {
  aspect-ratio: 1;
  overflow: hidden;
  cursor: pointer;
  opacity: 0.4;
  -webkit-transition: border-color 0.3s, opacity 0.3s;
  transition: border-color 0.3s, opacity 0.3s;
}
@media (min-width: 800px) {
  .product-thumb__img {
    opacity: 1;
    border: 1px solid var(--black-balck-100);
    border-radius: var(--radius-16);
  }
}
.product-thumb__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.product-thumb__buttons .slider-buttons__prev,
.product-thumb__buttons .slider-buttons__next {
  display: none;
}
@media (min-width: 800px) {
  .product-thumb__buttons .slider-buttons__prev,
  .product-thumb__buttons .slider-buttons__next {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: none;
  }
}
.product-thumb__buttons .slider-buttons__prev {
  left: 0;
}
.product-thumb__buttons .slider-buttons__next {
  right: 0;
}
.product-thumb__scrollbar {
  height: 4px;
  margin: 12px 0 0;
  border-radius: 10px;
  background-color: var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .product-thumb__scrollbar {
    display: none;
  }
}
.product-thumb__scrollbar .swiper-scrollbar-drag {
  background: var(--gray-blue-gray-blue-700);
  cursor: pointer;
}

.product-characteristics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.product-characteristics__caption {
  color: var(--black-balck-600);
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.product-characteristics__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.product-characteristics__line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.product-characteristics__line::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 3px;
  border-bottom: 1px dashed var(--black-balck-300);
}
.product-characteristics__line a,
.product-characteristics__line span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  background-color: var(--white-white-100);
}
.product-characteristics__line a:nth-child(1),
.product-characteristics__line span:nth-child(1) {
  padding: 0 4px 0 0;
}
.product-characteristics__line a:nth-child(2),
.product-characteristics__line span:nth-child(2) {
  min-width: 150px;
  padding: 0 0 0 4px;
}
.product-characteristics__line a {
  color: var(--red-red-700);
}
.product-characteristics__more {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

@media (min-width: 800px) {
  .product-spoilers__tabs {
    margin: 0 0 40px;
  }
}
@media (min-width: 800px) {
  .product-spoilers__items {
    display: grid;
    grid-gap: 40px 20px;
  }
}
@media (min-width: 800px) {
  .product-spoilers__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-spoilers__item {
  scroll-margin-top: 180px;
  min-width: 0;
  border-bottom: 1px solid var(--black-balck-100);
}
@media (min-width: 800px) {
  .product-spoilers__item {
    grid-column: span 2;
    border-bottom: none;
  }
}
.product-spoilers__item.active .product-spoilers__btn svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.product-spoilers__item.active .product-spoilers__inner {
  display: block;
}
.product-spoilers__item-suitable, .product-spoilers__item-characteristics {
  grid-column: span 1;
}
.product-spoilers__item-questions, .product-spoilers__item-reviews {
  margin: 32px 0 0;
  border-bottom: none;
}
@media (min-width: 800px) {
  .product-spoilers__item-questions, .product-spoilers__item-reviews {
    margin-top: 0;
  }
}
.product-spoilers__item-questions .product-spoilers__inner, .product-spoilers__item-reviews .product-spoilers__inner {
  display: block;
}
.product-spoilers__item-questions .product-spoilers__content, .product-spoilers__item-reviews .product-spoilers__content {
  padding-bottom: 0;
}
.product-spoilers__item-questions .product-spoilers__title, .product-spoilers__item-reviews .product-spoilers__title {
  display: block;
}
.product-spoilers__item-questions .product-spoilers__btn, .product-spoilers__item-reviews .product-spoilers__btn {
  display: none;
}
.product-spoilers__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 12px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .product-spoilers__btn {
    display: none;
  }
}
.product-spoilers__btn svg {
  color: var(--black-balck-600);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.product-spoilers__inner {
  display: none;
}
@media (min-width: 800px) {
  .product-spoilers__inner {
    display: block;
  }
}
.product-spoilers__content {
  padding: 0 0 16px;
}
@media (min-width: 800px) {
  .product-spoilers__content {
    padding-bottom: 0;
  }
}
.product-spoilers__content.active .product-spoilers__table-characteristics tr,
.product-spoilers__content.active .product-spoilers__table-suitable tr {
  display: table-row;
}
.product-spoilers__content.active .product-spoilers__table-models tr {
  display: table-row;
}
.product-spoilers__content.active .product-spoilers__table-models .grid a {
  display: inline-block;
}
.product-spoilers__title {
  display: none;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .product-spoilers__title {
    display: block;
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .product-spoilers__title {
    margin-bottom: 24px;
  }
}
.product-spoilers__descr p {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .product-spoilers__descr p {
    font-size: 16px;
    line-height: 22px;
  }
}
.product-spoilers__descr p:not(:last-child) {
  margin: 0 0 12px;
}
.product-spoilers__analogues {
  border-radius: var(--radius-16);
  border: 1px solid var(--black-balck-100);
}
.product-spoilers__tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.product-spoilers__tables + .product-spoilers__tables {
  margin-top: 20px;
}
.product-spoilers__tables-desktop {
  display: none;
}
@media (min-width: 800px) {
  .product-spoilers__tables-desktop {
    display: block;
  }
}
@media (min-width: 800px) {
  .product-spoilers__tables-mobile {
    display: none;
  }
}
.product-spoilers__tables-item.active .product-spoilers__table-models tr {
  display: table-row;
}
.product-spoilers__tables-item.active .product-spoilers__table-models .grid a,
.product-spoilers__tables-item.active .product-spoilers__table-models .grid span {
  display: inline-block;
}
.product-spoilers__table {
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  overflow: hidden;
}
.product-spoilers__table table {
  width: 100%;
  border-collapse: collapse;
}
.product-spoilers__table thead {
  background: var(--gray-blue-gray-blue-400);
}
.product-spoilers__table th,
.product-spoilers__table td {
  padding: 10px 12px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .product-spoilers__table th,
  .product-spoilers__table td {
    padding: 12px 16px;
  }
}
.product-spoilers__table th:not(:first-child),
.product-spoilers__table td:not(:first-child) {
  padding-left: 0;
}
.product-spoilers__table th {
  text-align: left;
  font-weight: 600;
}
.product-spoilers__table td {
  vertical-align: top;
  border-top: 1px solid var(--black-balck-100);
}
.product-spoilers__table td a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.product-spoilers__table .grid {
  display: grid;
  grid-gap: 12px 20px;
}
.product-spoilers__table .grid a {
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .product-spoilers__table-characteristics tr:nth-child(n+5), .product-spoilers__table-suitable tr:nth-child(n+5) {
    display: none;
  }
}
.product-spoilers__table-characteristics th,
.product-spoilers__table-characteristics td, .product-spoilers__table-suitable th,
.product-spoilers__table-suitable td {
  width: 50%;
}
.product-spoilers__table-characteristics + .product-spoilers__more, .product-spoilers__table-suitable + .product-spoilers__more {
  display: none;
}
@media (min-width: 800px) {
  .product-spoilers__table-characteristics + .product-spoilers__more, .product-spoilers__table-suitable + .product-spoilers__more {
    display: block;
  }
}
.product-spoilers__table-characteristics tbody tr:nth-child(odd) {
  background: var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .product-spoilers__table-models tr:nth-child(n+2) {
    display: none;
  }
}
.product-spoilers__table-models tr:nth-child(odd) {
  background: var(--gray-blue-gray-blue-400);
}
@media (min-width: 800px) {
  .product-spoilers__table-models tr:nth-child(odd) {
    background-color: transparent;
  }
}
@media (min-width: 800px) {
  .product-spoilers__table-models th:nth-child(1),
  .product-spoilers__table-models td:nth-child(1) {
    width: 23%;
  }
}
@media (min-width: 800px) {
  .product-spoilers__table-models th:nth-child(2),
  .product-spoilers__table-models td:nth-child(2) {
    width: 27%;
  }
}
@media (min-width: 800px) {
  .product-spoilers__table-models th:nth-child(3),
  .product-spoilers__table-models td:nth-child(3) {
    width: 50%;
  }
}
.product-spoilers__table-models .grid {
  justify-items: start;
}
@media (min-width: 800px) {
  .product-spoilers__table-models .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-spoilers__table-models .grid a:nth-child(n+4),
.product-spoilers__table-models .grid span:nth-child(n+4) {
  display: none;
}
@media (min-width: 800px) {
  .product-spoilers__table-models .grid a:nth-child(n+4),
  .product-spoilers__table-models .grid span:nth-child(n+4) {
    display: inline-block;
  }
}
@media (min-width: 800px) {
  .product-spoilers__table-models .grid a:nth-child(n+7),
  .product-spoilers__table-models .grid span:nth-child(n+7) {
    display: none;
  }
}
.product-spoilers__more {
  margin: 12px 0 0;
}
@media (min-width: 800px) {
  .product-spoilers__more {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .product-spoilers__more {
    margin-top: 24px;
  }
}

.reviews-product__images {
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  grid-gap: 16px;
}
.reviews-product__img {
  position: relative;
  display: block;
  margin: 0 0 24px;
  height: 90px;
  border-radius: var(--radius-16);
  overflow: hidden;
}
.reviews-product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews-product__img-qty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-opacity-60);
}
.reviews-product__img-qty span {
  padding: 5px 8px;
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
  background: var(--white-opacity-80);
}
.reviews-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}
.reviews-product__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.reviews-product__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
.reviews-product__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.reviews-product__checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.reviews-product__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.reviews-product__btn {
  -ms-flex-item-align: center;
      align-self: center;
}

.reviews-product-sidebar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 322px;
}
.reviews-product-sidebar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 20px;
  -webkit-box-shadow: 0 4px 12px 0 #ececec;
          box-shadow: 0 4px 12px 0 #ececec;
  background: var(--white-white-100);
  border-radius: var(--radius-16);
}
.reviews-product-sidebar__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.reviews-product-sidebar__estimate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.reviews-product-sidebar__estimate svg {
  color: var(--red-red-700);
  width: 24px;
  height: 24px;
}
.reviews-product-sidebar__estimate span {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.reviews-product-sidebar__reviews {
  font-size: 14px;
  line-height: 20px;
}
.reviews-product-sidebar__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.reviews-product-sidebar__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.reviews-product-sidebar__line .reviews-product-sidebar__reviews {
  border-bottom: 1px dashed var(--black-balck-600);
}
.sidebar-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.sidebar-product__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 19px;
  border-radius: var(--radius-16);
  border: 1px solid var(--gray-blue-gray-blue-100);
  background: var(--white-white-100);
  -webkit-box-shadow: 0 4px 12px 0 #ececec;
          box-shadow: 0 4px 12px 0 #ececec;
}
@media (min-width: 800px) {
  .sidebar-product__block {
    padding: 23px;
  }
}
.sidebar-product__title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.sidebar-product__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.sidebar-product__prices-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.sidebar-product__old-price {
  color: var(--black-balck-300);
  font-size: 14px;
  line-height: 20px;
  text-decoration: line-through;
}
@media (min-width: 800px) {
  .sidebar-product__old-price {
    font-size: 16px;
    line-height: 22px;
  }
}
.sidebar-product__discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: var(--black-balck-600);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: var(--radius-4);
  padding: 1px 1px 1px 6px;
}
.sidebar-product__discount span {
  font-weight: 400;
  padding: 3px 4px;
  border-radius: 3px;
}
.sidebar-product__price {
  display: block;
  font-size: 28px;
  line-height: 40px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .sidebar-product__price {
    font-size: 30px;
    line-height: 48px;
  }
}
.sidebar-product__buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.sidebar-product__btn {
  padding: 13px;
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
  border: 1px solid var(--red-red-700);
  -webkit-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
.sidebar-product__btn:last-child {
  grid-column: span 2;
}
@media (hover: hover) {
  .sidebar-product__btn:hover {
    color: var(--white-white-100);
    background: var(--red-red-700);
  }
}
@media (hover: none) {
  .sidebar-product__btn:active {
    color: var(--white-white-100);
    background: var(--red-red-700);
  }
}
.sidebar-product__btn--red {
  color: var(--white-white-100);
  background: var(--red-red-700);
}
@media (hover: hover) {
  .sidebar-product__btn--red:hover {
    color: var(--red-red-700);
    background: transparent;
  }
}
@media (hover: none) {
  .sidebar-product__btn--red:active {
    color: var(--red-red-700);
    background: transparent;
  }
}
.sidebar-product__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.sidebar-product__links:not(:last-child) {
  margin: 0 0 12px;
}
.sidebar-product__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}
.sidebar-product__link > svg:nth-child(1) {
  color: var(--gray-blue-gray-blue-900);
}
.sidebar-product__link.red {
  color: var(--red-red-700);
}
.sidebar-product__link.red svg {
  color: var(--red-red-700);
}
.sidebar-product__link--dotted {
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}
.sidebar-product__availability.availability {
  padding: 4px 20px;
  border-radius: var(--radius-16);
}
@media (min-width: 800px) {
  .sidebar-product__availability.availability {
    padding: 8px 24px;
  }
}
.sidebar-product__availability .availability__item {
  padding: 16px 0;
}
.sidebar-product__availability .availability__item span:nth-child(3) {
  font-size: 14px;
  line-height: 20px;
}
.sidebar-product__conditions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 11px 15px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: var(--radius-12);
  border: 1px solid var(--gray-blue-gray-blue-300);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: color, border-color, background-color;
  transition-property: color, border-color, background-color;
}
.sidebar-product__conditions svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--red-red-700);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.sidebar-product__conditions span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (hover: hover) {
  .sidebar-product__conditions:hover {
    color: var(--white-white-100);
    border-color: var(--red-red-700);
    background-color: var(--red-red-700);
  }
  .sidebar-product__conditions:hover svg {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .sidebar-product__conditions:active {
    color: var(--white-white-100);
    border-color: var(--red-red-700);
    background-color: var(--red-red-700);
  }
  .sidebar-product__conditions:active svg {
    color: var(--white-white-100);
  }
}

.sidebar-product-info__icon svg {
  display: block;
  color: var(--green-green-700);
}

.tabs-product {
  display: none;
}
@media (min-width: 800px) {
  .tabs-product {
    display: block;
  }
}
.tabs-product__swiper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--gray-blue-gray-blue-200);
}
.tabs-product__swiper .swiper-slide {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tabs-product__link {
  position: relative;
  display: block;
  padding: 16px 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 1400px) {
  .tabs-product__link {
    padding: 16px;
  }
}
.tabs-product__link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tabs-product__link span {
  color: var(--black-balck-300);
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.tabs-product__link.active::after {
  background-color: var(--red-red-700);
}
.tabs-product__prev, .tabs-product__next {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  width: 20px;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.tabs-product__prev::before, .tabs-product__next::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 2px;
  width: 60px;
  -webkit-filter: blur(12px);
          filter: blur(12px);
  background: var(--white-white-100);
  pointer-events: none;
}
.tabs-product__prev svg, .tabs-product__next svg {
  position: relative;
  color: var(--red-red-700);
}
.tabs-product__prev.swiper-button-disabled, .tabs-product__next.swiper-button-disabled {
  opacity: 0;
  visibility: hidden;
}
.tabs-product__prev {
  left: 0;
}
.tabs-product__prev::before {
  right: -12px;
}
.tabs-product__next {
  right: 0;
}
.tabs-product__next::before {
  left: -12px;
}
.tabs-product__next svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.tabs-product__scrollbar {
  position: relative;
  height: 14px;
  background-color: transparent;
}
.tabs-product__scrollbar::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--gray-blue-gray-blue-200);
  border-radius: 40px;
}
.tabs-product__scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: transparent;
  cursor: pointer;
}
.tabs-product__scrollbar .swiper-scrollbar-drag::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: var(--gray-blue-gray-blue-700);
  border-radius: 40px;
}

.questions-product__images {
  margin: 0 0 20px;
}
@media (min-width: 1200px) {
  .questions-product__images {
    margin-bottom: 24px;
  }
}
.questions-product__images-title {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.questions-product__images-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 12px;
}
@media (min-width: 576px) {
  .questions-product__images-inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 800px) {
  .questions-product__images-inner {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 16px;
  }
}
@media (min-width: 992px) {
  .questions-product__images-inner {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1200px) {
  .questions-product__images-inner {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (min-width: 1400px) {
  .questions-product__images-inner {
    grid-template-columns: repeat(11, 1fr);
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+4) {
  display: none;
}
@media (min-width: 576px) {
  .questions-product__images-inner .questions-product-img:nth-child(n+4) {
    display: block;
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+5) {
  display: none;
}
@media (min-width: 800px) {
  .questions-product__images-inner .questions-product-img:nth-child(n+5) {
    display: block;
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+7) {
  display: none;
}
@media (min-width: 992px) {
  .questions-product__images-inner .questions-product-img:nth-child(n+7) {
    display: block;
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+8) {
  display: none;
}
@media (min-width: 1200px) {
  .questions-product__images-inner .questions-product-img:nth-child(n+8) {
    display: block;
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+9) {
  display: none;
}
@media (min-width: 1400px) {
  .questions-product__images-inner .questions-product-img:nth-child(n+9) {
    display: block;
  }
}
.questions-product__images-inner .questions-product-img:nth-child(n+12) {
  display: none;
}
.questions-product__images-inner .questions-product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.questions-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .questions-product__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.questions-product__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.questions-product__content.active .questions-product__swiper .swiper-slide {
  display: block;
}
.questions-product__control {
  display: none;
}
@media (min-width: 1200px) {
  .questions-product__control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
  }
}
.questions-product__filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.questions-product__checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.questions-product__swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 800px) {
  .questions-product__swiper {
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .questions-product__swiper {
    margin: 0;
    padding: 0;
  }
}
.questions-product__swiper .swiper-wrapper {
  display: grid;
  gap: 20px;
}
@media (min-width: 1200px) {
  .questions-product__swiper .swiper-wrapper {
    gap: 12px;
  }
}
.questions-product__swiper .swiper-slide {
  height: auto;
}
.questions-product__swiper .swiper-slide:nth-child(n+3) {
  display: none;
}
@media (min-width: 1200px) {
  .questions-product__swiper .swiper-slide:nth-child(n+3) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .questions-product__swiper .swiper-slide:nth-child(n+4) {
    display: none;
  }
}
.questions-product__pagination {
  margin: 20px 0 0;
}
.questions-product__pagination.slider-pagination {
  display: none;
}
.questions-product__btn {
  -ms-flex-item-align: center;
      align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.questions-product-img {
  position: relative;
  display: block;
  height: 90px;
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 800px) {
  .questions-product-img {
    border-radius: var(--radius-16);
  }
}
.questions-product-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.questions-product-img__qty {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--black-opacity-60);
}
.questions-product-img__qty span {
  padding: 5px 8px;
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
  background: var(--white-opacity-80);
}

@media (min-width: 1200px) {
  .questions-product-sidebar {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 322px;
  }
}
.questions-product-sidebar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 16px;
  -webkit-box-shadow: 0 4px 12px 0 #ececec;
          box-shadow: 0 4px 12px 0 #ececec;
  background: var(--white-white-100);
  border-radius: var(--radius-12);
}
@media (min-width: 800px) {
  .questions-product-sidebar__inner {
    padding: 20px;
    border-radius: var(--radius-16);
  }
}
.questions-product-sidebar__title {
  display: block;
  color: var(--black-balck-500);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  margin: 0 0 -8px;
}
.questions-product-sidebar__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 1199px) {
  .questions-product-sidebar__btn.btn {
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 9px 27px;
  }
}
.questions-product-sidebar__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}
.questions-product-sidebar__estimate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.questions-product-sidebar__estimate svg {
  color: var(--red-red-700);
  width: 24px;
  height: 24px;
}
.questions-product-sidebar__estimate span {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}
.questions-product-sidebar__reviews {
  font-size: 14px;
  line-height: 20px;
}
.questions-product-sidebar__lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.questions-product-sidebar__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.questions-product-sidebar__line .questions-product-sidebar__reviews {
  border-bottom: 1px dashed var(--black-balck-600);
}

.questions-product-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  height: 100%;
  padding: 15px;
  border: 1px solid var(--black-balck-50);
  border-radius: var(--radius-12);
  background: var(--white-white-100);
}
@media (min-width: 800px) {
  .questions-product-item {
    padding: 19px;
  }
}
.questions-product-item__rating {
  margin: 0 0 8px;
}
.questions-product-item__top-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
}
.questions-product-item__name {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .questions-product-item__name {
    font-size: 18px;
    line-height: 24px;
  }
}
.questions-product-item__date {
  margin: 0 0 2px;
  font-size: 12px;
  line-height: 16px;
}
.questions-product-item__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.questions-product-item__block.active .questions-product-item__text {
  display: block;
}
.questions-product-item__block.active .questions-product-item__more svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.questions-product-item__caption {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.questions-product-item__text {
  color: var(--black-balck-500);
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.questions-product-item__more {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.questions-product-item__more svg {
  color: var(--black-balck-600);
}
.questions-product-item__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.questions-product-item__images .questions-product-img {
  width: 33.333%;
}
@media (min-width: 480px) {
  .questions-product-item__images .questions-product-img {
    width: 112px;
  }
}
.questions-product-item__images .questions-product-img:nth-child(n+4) {
  display: none;
}
.questions-product-item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin: auto 0 0;
}
.questions-product-item__view-answers {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: var(--red-red-700);
}
.questions-product-item__answer-btn {
  color: var(--black-balck-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.questions-product-item__answers {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.questions-product-item-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 16px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-200);
}
.questions-product-item-answer.active .questions-product-item-answer__text {
  display: block;
}
.questions-product-item-answer.active .questions-product-item-answer__more svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.questions-product-item-answer__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
.questions-product-item-answer__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56px;
}
.questions-product-item-answer__logo img {
  width: auto;
  height: auto;
  max-width: 100%;
}
.questions-product-item-answer__name {
  display: block;
  margin-bottom: 4px;
  color: var(--red-red-700);
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.questions-product-item-answer__date {
  display: block;
  color: var(--black-balck-600);
  font-size: 12px;
  line-height: 16px;
}
.questions-product-item-answer__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.questions-product-item-answer__btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
  color: var(--black-balck-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.questions-product-item-answer__more {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--black-balck-400);
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.questions-product-item-answer__more svg {
  color: var(--black-balck-600);
}

.quantity {
  position: relative;
}
.quantity__btn {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 45px;
  height: 48px;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.quantity__btn:disabled {
  color: var(--black-balck-300);
  cursor: default;
}
.quantity__btn-minus {
  left: 0;
}
.quantity__btn-plus {
  right: 0;
}
.quantity__input {
  width: 100%;
  height: 48px;
  padding: 13px 44px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-8);
  background: var(--black-black-25);
}

.slider-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
  background-color: var(--black-balck-200);
  opacity: 1;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
@media (hover: hover) {
  .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover {
    background-color: var(--red-red-700);
  }
}
@media (hover: none) {
  .slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet:active {
    background-color: var(--red-red-700);
  }
}
.slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  background-color: var(--red-red-700);
}
.slider-pagination.swiper-pagination-lock {
  display: none;
}

.brands {
  padding: 0 0 32px;
}
@media (min-width: 800px) {
  .brands {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .brands {
    padding-bottom: 80px;
  }
}
.brands__title {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .brands__title {
    margin: 0 0 20px;
  }
}
.brands__descr {
  margin: 0 0 40px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.brands__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}
@media (min-width: 800px) {
  .brands__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 40px;
  }
}
@media (min-width: 800px) {
  .brands__left {
    position: sticky;
    top: 100px;
  }
}
.brands__letters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
@media (min-width: 800px) {
  .brands__letters {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 4px;
  }
}
.brands__blocks {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.brands__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--black-51);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.brands__prev:nth-child(1) {
  margin: 16px 0 0;
}
.brands__prev svg {
  color: var(--red-red-700);
}

.brands-letter__link {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-family);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  color: var(--red-red-700);
  border-radius: var(--radius-4);
  border: 1px solid var(--black-balck-200);
  background: var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .brands-letter__link {
    width: 24px;
    height: 24px;
    color: var(--black-balck-600);
    font-size: 12px;
    line-height: 16px;
  }
}
.brands-letter__link:nth-child(1) {
  display: none;
}
@media (min-width: 800px) {
  .brands-letter__link:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 800px) {
  .brands-letter__link:nth-child(2) {
    display: none;
  }
}
.brands-letter__link.disabled {
  color: var(--black-balck-200);
  background: var(--gray-blue-gray-blue-100);
  pointer-events: none;
  cursor: default;
}
.brands-letter__link.active {
  color: var(--white-white-100);
  background: var(--red-red-700);
  border-color: var(--red-red-800);
}

.brands-block {
  scroll-margin-top: 100px;
}
.brands-block.active .brands-block__title {
  color: var(--red-red-700);
}
.brands-block__title {
  display: block;
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.brands-block__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 12px;
}
@media (min-width: 800px) {
  .brands-block__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .brands-block__list {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 1400px) {
  .brands-block__list {
    grid-template-columns: repeat(6, 1fr);
  }
}
.brands-block__link {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.for-business-hero {
  padding: 6px 0 20px;
  overflow: hidden;
}
@media (min-width: 800px) {
  .for-business-hero {
    padding: 20px 0;
  }
}
@media (min-width: 1200px) {
  .for-business-hero {
    padding: 20px 0 30px;
  }
}
.for-business-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 20px 16px;
  border-radius: var(--radius-20);
  background-image: linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
}
@media (min-width: 800px) {
  .for-business-hero__inner {
    padding: 28px;
    background-repeat: no-repeat;
    background-image: url("../images/for-business/for-business-hero-bg-800.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
    background-position: left bottom;
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  .for-business-hero__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0;
    padding: 0;
    background-image: url("../images/for-business/for-business-hero-bg-1200.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
    background-position: right;
    background-size: auto 100%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__inner {
    background-image: url("../images/for-business/for-business-hero-bg-1920.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
  }
}
@media (min-width: 1200px) {
  .for-business-hero__content {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 625px;
    padding: 60px 40px;
  }
}
.for-business-hero__title {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .for-business-hero__title {
    margin-bottom: 24px;
  }
}
.for-business-hero__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .for-business-hero__list {
    margin-bottom: 24px;
  }
}
.for-business-hero__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.for-business-hero__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.for-business-hero__item-text > svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .for-business-hero__item-text > svg {
    width: 28px;
    height: 28px;
  }
}
@media (min-width: 800px) {
  .for-business-hero__item-text {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .for-business-hero__item-text {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-hero__item-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.for-business-hero__item-box > span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--black-balck-400);
  font-size: 12px;
  line-height: 16px;
}
.for-business-hero__item-box > svg {
  color: var(--green-green-700);
}
.for-business-hero__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-family: var(--font-family);
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  border-radius: 80px;
  background: var(--gray-blue-gray-blue-300);
}
@media (min-width: 1200px) {
  .for-business-hero__copy {
    padding: 8px 12px;
  }
}
.for-business-hero__copy svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--black-balck-600);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.for-business-hero__copy.active svg {
  color: var(--red-red-700);
}
.for-business-hero__descr {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .for-business-hero__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.for-business-hero__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.for-business-hero__images {
  display: none;
}
@media (min-width: 800px) {
  .for-business-hero__images {
    display: block;
    position: relative;
    height: 338px;
  }
}
@media (min-width: 1200px) {
  .for-business-hero__images {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 394px;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__images {
    height: 548px;
  }
}
.for-business-hero__img {
  position: absolute;
  -webkit-box-shadow: 0 12px 20px 0 rgba(33, 20, 20, 0.16);
          box-shadow: 0 12px 20px 0 rgba(33, 20, 20, 0.16);
  background: var(--white-white-100);
  border-radius: var(--radius-20);
  overflow: hidden;
}
.for-business-hero__img:nth-child(1) {
  width: 108px;
  top: 18%;
  left: 1.5%;
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(1) {
    width: 100px;
    top: 17%;
    left: 8%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(1) {
    width: 140px;
  }
}
.for-business-hero__img:nth-child(2) {
  width: 92px;
  top: 4%;
  left: 35%;
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(2) {
    width: 100px;
    top: 5%;
    left: 40%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(2) {
    width: 140px;
  }
}
.for-business-hero__img:nth-child(3) {
  width: 107px;
  top: 13%;
  left: 68%;
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(3) {
    width: 109px;
    top: 12%;
    left: 75%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(3) {
    width: 152px;
  }
}
.for-business-hero__img:nth-child(4) {
  width: 118px;
  top: 67%;
  left: 11%;
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(4) {
    width: 123px;
    top: 64%;
    left: 4%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(4) {
    width: 172px;
  }
}
.for-business-hero__img:nth-child(5) {
  width: 158px;
  top: 44%;
  left: 36%;
  border-radius: var(--radius-40);
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(5) {
    width: 172px;
    top: 38%;
    left: 35%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(5) {
    width: 240px;
  }
}
.for-business-hero__img:nth-child(6) {
  width: 120px;
  top: 58%;
  left: 75%;
}
@media (min-width: 1200px) {
  .for-business-hero__img:nth-child(6) {
    width: 86px;
    top: 73%;
    left: 77%;
  }
}
@media (min-width: 1400px) {
  .for-business-hero__img:nth-child(6) {
    width: 120px;
  }
}
.for-business-hero__img img {
  width: 100%;
  height: auto;
}

.for-business-services {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-services {
    padding: 30px 0;
  }
}
.for-business-services__swiper.swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 800px) {
  .for-business-services__swiper.swiper {
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .for-business-services__swiper.swiper {
    margin: 0;
    padding: 0;
  }
}
.for-business-services__swiper .swiper-slide {
  height: auto;
}
.for-business-services__scrollbar {
  position: relative;
  height: 10px;
  margin: 16px 0 0;
}
@media (min-width: 800px) {
  .for-business-services__scrollbar {
    margin-top: 20px;
  }
}
.for-business-services__scrollbar::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 10px;
  background-color: var(--gray-blue-gray-blue-200);
}
.for-business-services__scrollbar .swiper-scrollbar-drag {
  background-color: transparent;
  cursor: pointer;
}
.for-business-services__scrollbar .swiper-scrollbar-drag::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 10px;
  background: var(--gray-blue-gray-blue-700);
}

.for-business-services-item {
  height: 100%;
  border-radius: var(--radius-12);
  padding: 20px;
  background: var(--orange-orange-200);
}
.for-business-services-item__title {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.for-business-services-item__descr {
  font-size: 14px;
  line-height: 20px;
}

.for-business-about {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-about {
    padding: 30px 0;
  }
}
.for-business-about__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .for-business-about__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .for-business-about__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
.for-business-about__img {
  border-radius: var(--radius-16);
  overflow: hidden;
}
@media (min-width: 800px) {
  .for-business-about__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 317px;
  }
}
@media (min-width: 1200px) {
  .for-business-about__img {
    width: 616px;
    border-radius: var(--radius-20);
  }
}
.for-business-about__img img {
  width: 100%;
  height: auto;
}
.for-business-about__title {
  margin: 0 0 20px;
}
.for-business-about__title.title span {
  color: var(--red-red-700);
  font-size: inherit;
  font-weight: inherit;
}
.for-business-about__descr p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .for-business-about__descr p {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-about__descr p span {
  color: var(--red-red-700);
}
.for-business-about__descr p:not(:last-child) {
  margin: 0 0 12px;
}
.for-business-about__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .for-business-about__btn {
    margin-top: 40px;
  }
}

.for-business-solutions {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-solutions {
    padding: 30px 0;
  }
}
.for-business-solutions__title {
  margin: 0 0 8px;
}
.for-business-solutions__descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .for-business-solutions__descr {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-solutions__swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 800px) {
  .for-business-solutions__swiper {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-wrapper {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(1) {
    grid-area: 1/1/2/6;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(1) {
    grid-area: 1/1/2/5;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(2) {
    grid-area: 1/6/2/9;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(2) {
    grid-area: 1/5/2/8;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(3) {
    grid-area: 2/1/3/3;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(3) {
    grid-area: 2/1/3/3;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(4) {
    grid-area: 2/3/3/7;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(4) {
    grid-area: 1/8/2/11;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(5) {
    grid-area: 2/7/3/9;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(5) {
    grid-area: 1/11/2/13;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(6) {
    grid-area: 3/1/4/4;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(6) {
    grid-area: 2/3/3/6;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(7) {
    grid-area: 3/4/4/6;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(7) {
    grid-area: 2/6/3/9;
  }
}
@media (min-width: 800px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(8) {
    grid-area: 3/6/4/9;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__swiper .swiper-slide:nth-child(8) {
    grid-area: 2/9/3/13;
  }
}
.for-business-solutions__img {
  height: 200px;
  border-radius: var(--radius-16);
  overflow: hidden;
}
@media (min-width: 800px) {
  .for-business-solutions__img {
    height: 220px;
  }
}
@media (min-width: 1200px) {
  .for-business-solutions__img {
    height: 253px;
  }
}
@media (min-width: 1400px) {
  .for-business-solutions__img {
    height: 280px;
  }
}
.for-business-solutions__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.for-business-solutions__pagination {
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .for-business-solutions__pagination {
    display: none;
  }
}

.for-business-management {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-management {
    padding: 30px 0;
  }
}
.for-business-management__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
@media (min-width: 800px) {
  .for-business-management__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .for-business-management__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
@media (min-width: 800px) {
  .for-business-management__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.for-business-management__title {
  margin: 0 0 20px;
}
@media (min-width: 1200px) {
  .for-business-management__title {
    margin-bottom: 24px;
  }
}
.for-business-management__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.for-business-management__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .for-business-management__item {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .for-business-management__item {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-management__item svg {
  width: 24px;
  height: 24px;
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .for-business-management__item svg {
    width: 28px;
    height: 28px;
  }
}
.for-business-management__img {
  -webkit-box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
          box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
  border-radius: var(--radius-8);
  overflow: hidden;
}
@media (min-width: 800px) {
  .for-business-management__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 330px;
  }
}
@media (min-width: 1200px) {
  .for-business-management__img {
    width: 669px;
    border-radius: var(--radius-20);
  }
}
.for-business-management__img img {
  width: 100%;
  height: auto;
}

.for-business-benefits {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-benefits {
    padding: 30px 0;
  }
}
.for-business-benefits__cards {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  .for-business-benefits__cards {
    gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .for-business-benefits__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.for-business-benefits__card {
  min-height: 270px;
  padding: 16px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-100);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  background-repeat: no-repeat;
}
@media (min-width: 800px) {
  .for-business-benefits__card {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .for-business-benefits__card {
    border-radius: var(--radius-16);
  }
}
.for-business-benefits__card:nth-child(1) {
  background-size: 196px auto;
  background-position: bottom -40px right -4px;
}
@media (min-width: 800px) {
  .for-business-benefits__card:nth-child(1) {
    grid-column: span 2;
    background-size: 270px auto;
    background-position: bottom -70px right -10px;
  }
}
@media (min-width: 1200px) {
  .for-business-benefits__card:nth-child(1) {
    grid-row: span 2;
    grid-column: auto;
    background-position: bottom 20px right 20px;
  }
}
.for-business-benefits__card:nth-child(2) {
  background-size: 232px auto;
  background-position: bottom -52px right -32px;
}
@media (min-width: 800px) {
  .for-business-benefits__card:nth-child(2) {
    background-size: 262px auto;
    background-position: bottom -75px right -55px;
  }
}
.for-business-benefits__card:nth-child(3) {
  background-size: 196px auto;
  background-position: bottom -60px right -32px;
}
@media (min-width: 800px) {
  .for-business-benefits__card:nth-child(3) {
    background-size: 262px auto;
    background-position: bottom -85px right -85px;
  }
}
@media (min-width: 1200px) {
  .for-business-benefits__card:nth-child(3) {
    background-position: bottom -75px right -75px;
  }
}
.for-business-benefits__card:nth-child(4) {
  background-size: 227px auto;
  background-position: bottom -30px right -42px;
}
@media (min-width: 800px) {
  .for-business-benefits__card:nth-child(4) {
    grid-column: span 2;
    background-size: 257px auto;
    background-position: bottom -30px right -20px;
  }
}
@media (hover: hover) {
  .for-business-benefits__card:hover {
    -webkit-box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
            box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
  }
}
@media (hover: none) {
  .for-business-benefits__card:active {
    -webkit-box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
            box-shadow: 0 12px 24px 0 rgba(21, 25, 62, 0.08), 0 4px 12px 0 rgba(21, 25, 62, 0.08);
  }
}
.for-business-benefits__card-title {
  margin: 0 0 8px;
}
.for-business-benefits__card-descr {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.for-business-brands {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-brands {
    padding: 30px 0;
  }
}
.for-business-brands__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 40px;
  margin: 0 0 24px;
}
.for-business-brands__title {
  margin: 0 0 8px;
}
.for-business-brands__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .for-business-brands__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-brands__buttons {
  display: none;
}
@media (min-width: 800px) {
  .for-business-brands__buttons {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.for-business-brands__swiper {
  margin: 0 -16px;
  padding: 0 16px;
}
@media (min-width: 800px) {
  .for-business-brands__swiper {
    margin: 0 -20px;
    padding: 0 20px;
  }
}
@media (min-width: 1400px) {
  .for-business-brands__swiper {
    margin: 0;
    padding: 0;
  }
}
.for-business-brands__img {
  height: 110px;
  padding: 12px;
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-12);
  background: var(--white-white-100);
  overflow: hidden;
}
.for-business-brands__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.for-business-brands__pagination {
  margin: 24px 0 0;
}

.for-business-partnership {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .for-business-partnership {
    padding: 30px 0;
  }
}
.for-business-partnership__inner {
  border-radius: var(--radius-12);
  padding: 20px;
  background: var(--gray-blue-gray-blue-100);
}
@media (min-width: 800px) {
  .for-business-partnership__inner {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .for-business-partnership__inner {
    border-radius: var(--radius-16);
  }
}
.for-business-partnership__content {
  max-width: 470px;
  margin: 0 auto;
}
.for-business-partnership__title {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 800px) {
  .for-business-partnership__title {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .for-business-partnership__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.for-business-partnership__descr {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}
@media (min-width: 800px) {
  .for-business-partnership__descr {
    font-size: 14px;
    line-height: 20px;
  }
}
.for-business-partnership__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 16px auto 0;
}
@media (min-width: 800px) {
  .for-business-partnership__btn {
    margin-top: 24px;
  }
}
@media (max-width: 799px) {
  .for-business-partnership__btn.btn {
    font-size: 12px;
  }
}

.for-business-feedback {
  padding: 20px 0 48px;
}
@media (min-width: 800px) {
  .for-business-feedback {
    padding: 20px 0 60px;
  }
}
@media (min-width: 1200px) {
  .for-business-feedback {
    padding: 30px 0 80px;
  }
}
.for-business-feedback__inner {
  display: grid;
  grid-gap: 24px;
}
@media (min-width: 800px) {
  .for-business-feedback__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-columns: 304px 1fr;
  }
}
@media (min-width: 1200px) {
  .for-business-feedback__inner {
    grid-template-columns: 548px 1fr;
    grid-gap: 24px 40px;
  }
}
@media (min-width: 1200px) {
  .for-business-feedback__top {
    padding: 28px 0 0;
  }
}
.for-business-feedback__img {
  position: relative;
  height: 257px;
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 480px) {
  .for-business-feedback__img {
    height: auto;
  }
}
@media (min-width: 800px) {
  .for-business-feedback__img {
    grid-area: 1/1/3/2;
  }
}
@media (min-width: 1200px) {
  .for-business-feedback__img {
    width: 548px;
    border-radius: var(--radius-20);
  }
}
.for-business-feedback__img::before, .for-business-feedback__img::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 6px solid var(--white-white-100);
  border-radius: 6px;
}
@media (min-width: 800px) {
  .for-business-feedback__img::before, .for-business-feedback__img::after {
    width: 178px;
    height: 178px;
  }
}
@media (min-width: 1200px) {
  .for-business-feedback__img::before, .for-business-feedback__img::after {
    width: 280px;
    height: 280px;
    border-width: 8px;
    border-radius: 8px;
  }
}
.for-business-feedback__img::before {
  top: 20px;
  right: 20px;
  border-left: none;
  border-bottom: none;
}
@media (min-width: 1200px) {
  .for-business-feedback__img::before {
    top: 24px;
    right: 24px;
  }
}
.for-business-feedback__img::after {
  left: 20px;
  bottom: 20px;
  border-top: none;
  border-right: none;
}
@media (min-width: 1200px) {
  .for-business-feedback__img::after {
    left: 24px;
    bottom: 24px;
  }
}
.for-business-feedback__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.for-business-feedback__form .tech__notify {
  margin-bottom: 12px;
}
.for-business-feedback__form .checkbox {
  margin: 0 0 24px;
}
.for-business-feedback__form .captcha {
  margin: 0 0 24px;
}
.for-business-feedback__form .captcha img {
  max-width: 320px;
  height: auto;
}
.for-business-feedback__title {
  margin: 0 0 12px;
}
.for-business-feedback__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .for-business-feedback__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.for-business-feedback__descr a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--red-red-700);
}
.for-business-feedback__fields {
  margin: 0 0 24px;
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 1200px) {
  .for-business-feedback__field:nth-child(1), .for-business-feedback__field:nth-child(4) {
    grid-column: span 2;
  }
}

.footer {
  background: var(--black-balck-600);
}
.footer__col:last-child {
  display: grid;
  position: relative;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin: 32px 0 0;
  grid-gap: 24px;
}
@media (min-width: 800px) {
  .footer__col:last-child {
    grid-gap: 12px 40px;
    grid-template-columns: 1fr auto;
    grid-column: span 4;
    margin: 0;
  }
}
@media (min-width: 1400px) {
  .footer__col:last-child {
    grid-template-columns: auto;
    width: 280px;
    grid-column: auto;
    grid-gap: 24px 40px;
  }
}
.footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 800px) {
  .footer__list {
    gap: 20px;
  }
}
.footer__list:has(.footer__sub-list) .footer__link svg {
  display: block;
}
@media (min-width: 800px) {
  .footer__list:has(.footer__sub-list) .footer__link svg {
    display: none;
  }
}
.footer__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 1px solid var(--white-opacity-30);
}
@media (min-width: 800px) {
  .footer__item {
    gap: 20px;
    border-bottom: none;
  }
}
.footer__item.active .footer__link svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.footer__item.active .footer__sub-list {
  padding: 0 16px 16px;
}
@media (min-width: 800px) {
  .footer__item.active .footer__sub-list {
    padding: 0;
  }
}
.footer__item.active .footer__block {
  grid-template-rows: 1fr;
}
.footer__link {
  position: relative;
  padding: 16px;
  color: var(--white-white-100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (min-width: 800px) {
  .footer__link {
    padding: 0;
    font-size: 16px;
    line-height: 22px;
  }
}
.footer__link svg {
  display: none;
  position: absolute;
  top: 16px;
  right: 16px;
  color: var(--white-white-100);
  -webkit-transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, transform 0.3s;
  transition: color 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
@media (hover: hover) {
  .footer__link:hover {
    color: var(--red-red-700);
  }
  .footer__link:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .footer__link:active {
    color: var(--red-red-700);
  }
  .footer__link:active svg {
    color: var(--red-red-700);
  }
}
.footer__block {
  display: grid;
  grid-template-rows: 0fr;
  -webkit-transition: grid-template-rows 0.3s;
  transition: grid-template-rows 0.3s;
  transition: grid-template-rows 0.3s, -ms-grid-rows 0.3s;
}
@media (min-width: 800px) {
  .footer__block {
    grid-template-rows: 1fr;
    -webkit-transition: grid-template-rows 0s;
    transition: grid-template-rows 0s;
    transition: grid-template-rows 0s, -ms-grid-rows 0s;
  }
}
.footer__sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  overflow: hidden;
  padding: 0 16px;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
}
@media (min-width: 800px) {
  .footer__sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-transition: padding 0s;
    transition: padding 0s;
  }
}
.footer__sub-link {
  color: var(--black-balck-300);
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .footer__sub-link:hover {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .footer__sub-link:active {
    color: var(--white-white-100);
  }
}
.footer__subscr {
  grid-row: 3/4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 11px;
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  border: 1px solid var(--red-red-700);
  border-radius: var(--radius-8);
}
@media (min-width: 800px) {
  .footer__subscr {
    grid-area: 2/2/3/3;
    min-width: 280px;
  }
}
@media (min-width: 1400px) {
  .footer__subscr {
    grid-area: auto;
  }
}
.footer__subscr svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--red-red-700);
}
.footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .footer__contacts {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-area: 1/1/2/2;
    gap: 12px 20px;
  }
}
@media (min-width: 1400px) {
  .footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    grid-area: auto;
  }
}
.footer__descr {
  margin: 0 auto;
  color: var(--black-balck-300);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 1400px) {
  .footer__descr {
    max-width: 1000px;
  }
}
.footer__descr a {
  color: var(--red-red-700);
}
.footer__copy, .footer__policy {
  color: var(--black-balck-300);
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer__copy {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 800px) {
  .footer__copy {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.footer__policy {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (min-width: 800px) {
  .footer__policy {
    margin-left: auto;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media (hover: hover) {
  .footer__policy:hover {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .footer__policy:active {
    color: var(--white-white-100);
  }
}
.footer__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.footer__payment {
  width: 38px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.footer__payment img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.footer__up {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-8);
  border: 1px solid var(--red-red-700);
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: opacity, background-color, -webkit-transform;
  transition-property: opacity, background-color, -webkit-transform;
  transition-property: transform, opacity, background-color;
  transition-property: transform, opacity, background-color, -webkit-transform;
}
@media (min-width: 800px) {
  .footer__up {
    width: 36px;
    height: 36px;
  }
}
.footer__up svg {
  color: var(--red-red-700);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.footer__up.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
@media (hover: hover) {
  .footer__up:hover {
    background: var(--red-red-700);
  }
  .footer__up:hover svg {
    color: var(--white-white-100);
  }
}
@media (hover: none) {
  .footer__up:active {
    background: var(--red-red-700);
  }
  .footer__up:active svg {
    color: var(--white-white-100);
  }
}

.footer-main__inner {
  display: grid;
  padding: 32px 0;
}
@media (min-width: 800px) {
  .footer-main__inner {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    grid-gap: 40px;
    padding: 40px 0;
    grid-template-columns: repeat(4, auto);
  }
}
@media (min-width: 1200px) {
  .footer-main__inner {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1400px) {
  .footer-main__inner {
    grid-template-columns: repeat(5, auto);
    padding: 60px 0;
  }
}

.footer-contact__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--white-white-100);
  font-size: 14px;
  line-height: 20px;
  font-style: normal;
}
.footer-contact__link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--red-red-700);
}

.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (min-width: 800px) {
  .footer-social {
    grid-area: 2/1/3/2;
  }
}
@media (min-width: 1400px) {
  .footer-social {
    grid-area: auto;
  }
}
.footer-social__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
}
.footer-social__link img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.footer-middle {
  padding: 28px 0;
  border-top: 1px solid var(--white-opacity-20);
}

.footer-bottom {
  border-top: 1px solid var(--white-opacity-20);
}
.footer-bottom__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 32px 0;
}
@media (min-width: 800px) {
  .footer-bottom__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 24px;
  }
}
@media (min-width: 1400px) {
  .footer-bottom__inner {
    gap: 40px;
    padding: 40px 0;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
  padding: 100px 0 0;
  background: var(--black-opacity-60);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .modal {
    padding: 50px 0;
    overflow-y: auto;
  }
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal.active .modal__wrapper {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.modal__wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 44px 16px 0;
  background: var(--white-white-100);
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-16) var(--radius-16) 0 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  max-height: 100%;
}
@media (min-width: 800px) {
  .modal__wrapper {
    max-width: 550px;
    padding: 40px;
    margin: auto;
    border-radius: var(--radius-20);
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    max-height: none;
  }
}
.modal__inner {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow-y: auto;
  margin: 0 -16px 0 0;
  padding: 0 16px 24px 0;
}
@media (min-width: 800px) {
  .modal__inner {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    overflow-y: visible;
    margin: 0;
    padding: 0;
  }
}
.modal__close {
  display: none;
}
@media (min-width: 800px) {
  .modal__close {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 100%;
    bottom: 100%;
    width: 24px;
    height: 24px;
  }
}
.modal__close svg {
  color: var(--white-white-100);
}
.modal__swipe-btn {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 44px;
  cursor: pointer;
}
@media (min-width: 800px) {
  .modal__swipe-btn {
    display: none;
  }
}
.modal__swipe-btn::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 60px;
  height: 4px;
  background-color: var(--black-balck-600);
  border-radius: 4px;
}
.modal__title {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 800px) {
  .modal__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.modal__subtitle {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
}
.modal__subtitle a {
  color: var(--red-red-700);
  text-decoration: underline;
}
.modal__descr {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.modal__descr.tal {
  text-align: left;
}
.modal__descr.mb {
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal__descr.mb {
    margin-bottom: 24px;
  }
}
.modal__descr span {
  color: var(--black-balck-300);
}
.modal__descr span.red {
  color: var(--red-red-700);
}
.modal__descr a {
  color: var(--red-red-700);
  text-decoration: underline;
}
.modal__descr + .modal__descr {
  margin-top: 12px;
}
.modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .modal__buttons {
    margin-top: 24px;
  }
}
.modal__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
  margin-bottom: 12px;
}
.modal__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.modal__notify span i {
  color: var(--red-red-700);
  font-style: normal;
}
.modal__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.modal__notify svg:hover {
  color: var(--red-red-700);
}
.modal__bottom-notify {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  background: #fafafb;
  font-size: 14px;
  line-height: 20px;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .modal__bottom-notify {
    margin-top: 24px;
  }
}
.modal__bottom-notify span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__bottom-notify span svg {
  width: 20px;
  height: 20px;
  color: #5ca821;
}
.modal__bottom-notify span b {
  width: calc(100% - 20px);
  padding-left: 12px;
  font-weight: 600;
}
.modal__bottom-notify p {
  margin: 0;
  margin-top: 8px;
  padding-left: 32px;
}
.modal__bottom-notify p a {
  color: var(--red-red-700);
  text-decoration: underline;
}
.modal__captcha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal__captcha {
    margin-bottom: 24px;
  }
}
.modal__captcha > picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal__captcha > picture img {
  width: 100%;
  max-width: 320px;
  height: auto;
}
.modal__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal__fields {
    margin-bottom: 24px;
  }
}
.modal__policy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal__policy {
    margin-bottom: 24px;
  }
}
.modal__files {
  margin-top: 12px;
}
.modal__copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 16px;
}
@media (min-width: 800px) {
  .modal__copy {
    margin-top: 12px;
  }
}
.modal__copy-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: underline;
  color: #dc2f2f;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.modal__copy-item span {
  width: calc(100% - 12px);
  padding-left: 8px;
}
.modal__btn-copy {
  width: 40px;
  height: 40px;
  padding: 0;
}

.modal-available__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(225deg, #fdf4f4 0%, #f8d5d5 100%);
}
@media (min-width: 800px) {
  .modal-available__icon {
    width: 120px;
    height: 120px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .modal-available__icon {
    width: 140px;
    height: 140px;
  }
}
.modal-available__icon svg {
  width: 40px;
  height: 40px;
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .modal-available__icon svg {
    width: 72px;
    height: 72px;
  }
}

.modal-success__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: var(--green-green-200);
}
@media (min-width: 800px) {
  .modal-success__icon {
    width: 120px;
    height: 120px;
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .modal-success__icon {
    width: 140px;
    height: 140px;
  }
}
.modal-success__icon svg {
  width: 44px;
  height: 44px;
  color: var(--green-green-700);
}
@media (min-width: 800px) {
  .modal-success__icon svg {
    width: 62px;
    height: 62px;
  }
}
@media (min-width: 1200px) {
  .modal-success__icon svg {
    width: 72px;
    height: 72px;
  }
}
.modal-success__icon-gray {
  background: linear-gradient(225deg, #fafafb 0.18%, #ebecf0 100.18%);
}
.modal-success__icon-gray svg {
  width: 52px;
  height: 52px;
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .modal-success__icon-gray svg {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 1200px) {
  .modal-success__icon-gray svg {
    width: 100px;
    height: 100px;
  }
}
.modal-success__icon-orange {
  background: #fef4ea;
}
.modal-success__icon-orange svg {
  color: #f3892b;
}

.modal-order-item .modal__title {
  text-align: left;
}
.modal-order-item .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-order-item .modal__buttons .btn {
  padding: 11px 31px;
}

.modal-change-password .modal__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 12px;
}
.modal-change-password .modal__title svg {
  color: #7b818f;
  width: 20px;
  height: 20px;
}
@media (min-width: 800px) {
  .modal-change-password .modal__title svg {
    width: 24px;
    height: 24px;
  }
}
.modal-change-password .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-change-password .modal__buttons .btn {
  padding: 11px 31px;
}

.modal-edit .modal__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  gap: 12px;
}
.modal-edit .modal__title svg {
  color: var(--red-red-700);
  width: 20px;
  height: 20px;
}
@media (min-width: 800px) {
  .modal-edit .modal__title svg {
    width: 24px;
    height: 24px;
  }
}
.modal-edit .cabinet-faqs__item-name {
  margin-bottom: 12px;
}
.modal-edit .modal__buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-right: 52px;
  position: relative;
}
@media (min-width: 500px) {
  .modal-edit .modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.modal-edit .modal__buttons .btn {
  padding: 0;
  height: 40px;
}
@media (min-width: 500px) {
  .modal-edit .modal__buttons .btn {
    padding: 0 24px;
  }
}
.modal-edit .modal__buttons-remove {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #cfcfcf;
  color: #9aa1b3;
  background: #fff;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-edit .modal__buttons-remove:hover {
  color: var(--red-red-700);
  border-color: var(--red-red-700);
}

.modal-delivery {
  background: #fafafb;
  padding: 0;
}
.modal-delivery [class*="--marker"] {
  -webkit-transform: translate(-22px, -44px);
      -ms-transform: translate(-22px, -44px);
          transform: translate(-22px, -44px);
}
.modal-delivery [class*="--marker"] > div {
  top: -44px;
  left: -22px;
}
.modal-delivery [class*="--marker"] img {
  width: 44px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-delivery [class*="--marker"] .marker-tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
          filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.2));
  background: #fff;
  padding: 12px;
  width: 210px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  margin-bottom: 20px;
}
.modal-delivery [class*="--marker"] .marker-tooltip:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #fff;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
}
.modal-delivery__wrapper {
  padding: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 800px) {
  .modal-delivery__wrapper {
    padding: 20px;
    padding-top: 60px;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (min-width: 1200px) {
  .modal-delivery__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.modal-delivery__close {
  background: rgba(255, 255, 255, 0.9);
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  color: #707070;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .modal-delivery__close {
    background: none;
    margin: 0;
    padding: 0 20px;
    height: 60px;
  }
}
.modal-delivery__close svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .modal-delivery__close svg {
    width: 24px;
    height: 24px;
  }
}
.modal-delivery__close svg:hover {
  color: var(--red-red-700);
}
.modal-delivery__close span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-delivery__close span:hover {
  color: var(--red-red-700);
}
.modal-delivery__inner {
  width: 100%;
}
@media (min-width: 800px) {
  .modal-delivery__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .modal-delivery__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    height: 100%;
  }
}
@media (min-width: 1400px) {
  .modal-delivery__inner {
    max-width: 1348px;
    margin: 0 auto;
  }
}
.modal-delivery__map {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 53%;
  top: 44px;
  left: 0;
}
@media (min-width: 800px) {
  .modal-delivery__map {
    position: static;
    height: 540px;
    border-radius: 20px;
    border: 1px solid #e8e8e8;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .modal-delivery__map {
    width: calc(100% - 408px);
    height: 100%;
  }
}
@media (min-width: 1400px) {
  .modal-delivery__map {
    max-height: 740px;
  }
}
.modal-delivery__body {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 47%;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 16px 16px 0 0;
  -webkit-box-shadow: 0px -2px 12px 0px rgba(17, 17, 17, 0.08);
          box-shadow: 0px -2px 12px 0px rgba(17, 17, 17, 0.08);
  padding: 16px;
  padding-top: 32px;
  overflow: hidden;
  overflow-y: auto;
}
@media (min-width: 800px) {
  .modal-delivery__body {
    overflow: visible;
    position: static;
    height: auto;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    background: none;
    margin-top: 28px;
  }
}
@media (min-width: 1200px) {
  .modal-delivery__body {
    width: 408px;
    margin: 0;
    padding-right: 28px;
  }
}
.modal-delivery__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
  .modal-delivery__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 12px;
  }
}
.modal-delivery__subtitle {
  font-size: 12px;
  line-height: 16px;
  color: #707070;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal-delivery__subtitle {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-delivery__three {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  .modal-delivery__three {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .modal-delivery__three {
    grid-template-columns: 1fr;
  }
}
.modal-delivery__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-delivery__button-item {
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background: var(--red-red-700);
  border: 1px solid var(--red-red-700);
  color: #fff;
  padding: 0 24px;
  height: 40px;
  border-radius: 8px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-delivery__button-item:hover {
  background: none;
  color: var(--red-red-700);
}

.modal-subscribe .modal__title {
  text-align: left;
}
.modal-subscribe .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-subscribe .modal__buttons .btn {
  padding: 11px 31px;
}

.modal-question .modal__title,
.modal-review-2 .modal__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  text-align: left;
}
.modal-question .modal__title svg,
.modal-review-2 .modal__title svg {
  color: var(--red-red-700);
}
.modal-question .modal__buttons,
.modal-review-2 .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal-call .modal__title,
.modal-consultation .modal__title,
.modal-cheaper .modal__title {
  text-align: left;
}
.modal-call .modal__buttons,
.modal-consultation .modal__buttons,
.modal-cheaper .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal-share .modal__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  text-align: left;
}
.modal-share .modal__descr {
  text-align: left;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .modal-share .modal__descr {
    margin-top: 12px;
  }
}

.modal-sign__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
@media (min-width: 800px) {
  .modal-sign__tabs {
    padding-bottom: 0;
    border: none;
  }
}
.modal-sign__tabs > i {
  font-style: normal;
  color: #d7d9e1;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.modal-sign__tabs-item {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .modal-sign__tabs-item {
    font-size: 24px;
    line-height: 32px;
  }
}
.modal-sign__tabs-item span {
  border-bottom: 1px dashed var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-sign__tabs-item.active {
  color: #111;
}
.modal-sign__tabs-item.active span {
  border-color: transparent;
}
.modal-sign__body {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.modal-sign__body.active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.modal-sign__bottom {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
.modal-sign__bottom-remember {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.modal-sign__bottom-remember .toggle__input:checked + .toggle__icon {
  background: var(--red-red-700);
}
.modal-sign__bottom-link {
  color: #a0a0a0;
  text-decoration: underline;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-sign__bottom-link:hover {
  color: var(--red-red-700);
}
.modal-sign__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.modal-sign__button-item {
  font-size: 14px;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background: var(--red-red-700);
  border: 1px solid var(--red-red-700);
  color: #fff;
  padding: 0 24px;
  height: 40px;
  border-radius: 8px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-sign__button-item:hover {
  background: none;
  color: var(--red-red-700);
}
.modal-sign__button-item[disabled] {
  background: #f8d5d5;
  border-color: #f8d5d5;
  color: #fff;
  cursor: not-allowed;
}
.modal-sign__quick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .modal-sign__quick {
    margin-top: 24px;
  }
}
.modal-sign__quick-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .modal-sign__quick-title {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-sign__quick-title:before {
  content: "";
  width: 100%;
  height: 1px;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #e8e8e8;
}
.modal-sign__quick-title span {
  color: #a0a0a0;
  padding: 0 12px;
  position: relative;
  z-index: 2;
  background: #fff;
}
@media (min-width: 800px) {
  .modal-sign__quick-title span {
    padding: 0 24px;
  }
}
.modal-sign__quick-text {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
}
@media (min-width: 800px) {
  .modal-sign__quick-text {
    font-size: 14px;
    margin-bottom: 16px;
  }
}
.modal-sign__quick-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.modal-sign__quick-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-sign__quick-item:hover {
  -webkit-filter: brightness(1.1);
          filter: brightness(1.1);
}
.modal-sign__quick-item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.modal-sign__quick-item img {
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
}
.modal-sign__reg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.modal-sign__reg-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
.modal-sign__reg-tabs-item {
  position: relative;
  padding-right: 52px;
  background: #fff;
  border: 1px solid #cfcfcf;
  overflow: hidden;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  padding: 0 16px;
  padding-right: 12px;
  height: 44px;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: left;
}
.modal-sign__reg-tabs-item:hover {
  border-color: #f1acac;
}
.modal-sign__reg-tabs-item span {
  width: calc(100% - 20px);
  padding-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-sign__reg-tabs-item:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 16px;
}
.modal-sign__reg-tabs-item svg {
  width: 20px;
  height: 20px;
  color: var(--red-red-700);
}
.modal-sign__reg-tabs-item.active {
  border-color: var(--red-red-700);
}
.modal-sign__reg-tabs-item.active:after {
  border: 6px solid var(--red-red-700);
}
.modal-sign__reg-tabs__date {
  position: relative;
}
.modal-sign__reg-tabs__date-input {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 44px;
  width: calc(100% - 96px);
  height: calc(100% - 12px);
  background: none;
  border: none;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.modal-sign__reg-body {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.modal-sign__reg-body.active {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 1;
  height: auto;
  overflow: visible;
}
.modal-sign__reg .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-sign__reg .modal__buttons .btn {
  padding: 11px 31px;
}

.modal-recovery-password .modal__title,
.modal-recovery-password .modal__descr {
  text-align: left;
}
.modal-recovery-password .modal__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.modal-recovery-password .modal__buttons-text {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .modal-recovery-password .modal__buttons-text {
    font-size: 14px;
  }
}
.modal-recovery-password .modal__buttons-text a {
  color: var(--red-red-700);
  text-decoration: underline;
}

.modal-buy .modal__title {
  text-align: left;
}
.modal-buy .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.modal-buy-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  padding: 17px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-200);
}
@media (min-width: 800px) {
  .modal-buy-card {
    gap: 16px;
    padding: 16px;
  }
}
.modal-buy-card__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  height: 60px;
  padding: 3px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
  background: var(--white-white-100);
}
@media (min-width: 800px) {
  .modal-buy-card__img {
    width: 80px;
    height: 80px;
  }
}
.modal-buy-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-buy-card__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.modal-buy-card__article {
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-300);
}
.modal-buy-card__article span {
  color: var(--black-balck-600);
}
.modal-buy-card__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.modal-buy-card__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.modal-buy-card__price {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .modal-buy-card__price {
    font-size: 16px;
    line-height: 22px;
  }
}
.modal-buy-card__old-price {
  color: var(--black-balck-300);
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
}
@media (min-width: 1200px) {
  .modal-buy-card__old-price {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-buy-card__quantity {
  width: 95px;
}
.modal-buy-card__quantity .quantity__input {
  height: 40px;
  padding: 9px;
}
.modal-buy-card__quantity .quantity__btn {
  height: 40px;
  width: 40px;
}
.modal-buy-card__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px 0 0;
  border-top: 1px solid var(--gray-blue-gray-blue-400);
}
.modal-buy-card__total span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .modal-buy-card__total span {
    font-size: 16px;
    line-height: 22px;
  }
}

.modal-cheaper .modal__fields .modal__btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.modal-cheaper .modal__fields .modal__btn.hidden {
  display: none;
}
.modal-cheaper .field.hidden {
  display: none;
}
.modal-cheaper .radios-fields__item span {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 14px;
  line-height: 20px;
}
.modal-cheaper__radios {
  grid-template-columns: repeat(2, 1fr);
  margin: 0 0 12px;
}
.modal-cheaper__prompt {
  position: relative;
  padding: 0 0 0 24px;
  font-size: 12px;
  line-height: 16px;
}
.modal-cheaper__prompt svg {
  position: absolute;
  top: 0;
  left: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--gray-blue-gray-blue-600);
}
.modal-cheaper__prompt.hidden {
  display: none;
}
.modal-cheaper__conditions {
  margin: 24px 0 0;
  font-size: 14px;
  line-height: 20px;
}
.modal-cheaper__conditions a {
  color: var(--red-red-700);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

@media (min-width: 800px) {
  .modal-ask-question .modal__wrapper {
    padding: 0;
    border: none;
  }
}
@media (min-width: 1200px) {
  .modal-ask-question .modal__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    max-width: 1096px;
  }
}
@media (min-width: 800px) {
  .modal-ask-question .modal__inner {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .modal-ask-question .modal__inner {
    padding: 40px;
    width: 50%;
  }
}
.modal-ask-question .modal__title {
  text-align: left;
}
.modal-ask-question .modal__descr {
  margin: 0 0 24px;
  text-align: left;
}
.modal-ask-question .cabinet__notify {
  margin: 0 0 12px;
}
@media (min-width: 800px) {
  .modal-ask-question .modal__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 12px;
  }
}
.modal-ask-question .field {
  grid-column: span 2;
}
.modal-ask-question .field:nth-child(2), .modal-ask-question .field:nth-child(3) {
  grid-column: span 1;
}
.modal-ask-question .textarea {
  height: 120px;
}
.modal-ask-question .modal__buttons {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-ask-question__img {
  display: none;
}
@media (min-width: 800px) {
  .modal-ask-question__img {
    display: block;
    position: relative;
    height: 340px;
    border-radius: var(--radius-20);
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .modal-ask-question__img {
    height: auto;
    width: 50%;
  }
}
.modal-ask-question__img::before, .modal-ask-question__img::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border: 6px solid var(--white-white-100);
  border-radius: 6px;
}
@media (min-width: 800px) {
  .modal-ask-question__img::before, .modal-ask-question__img::after {
    width: 178px;
    height: 178px;
  }
}
@media (min-width: 1200px) {
  .modal-ask-question__img::before, .modal-ask-question__img::after {
    width: 280px;
    height: 280px;
    border-width: 8px;
    border-radius: 8px;
  }
}
.modal-ask-question__img::before {
  top: 20px;
  right: 20px;
  border-left: none;
  border-bottom: none;
}
@media (min-width: 1200px) {
  .modal-ask-question__img::before {
    top: 24px;
    right: 24px;
  }
}
.modal-ask-question__img::after {
  left: 20px;
  bottom: 20px;
  border-top: none;
  border-right: none;
}
@media (min-width: 1200px) {
  .modal-ask-question__img::after {
    left: 24px;
    bottom: 24px;
  }
}
.modal-ask-question__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-gallery {
  background: #fafafb;
  padding: 0;
}
.modal-gallery__wrapper {
  padding: 16px;
  padding-top: 64px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
}
@media (min-width: 800px) {
  .modal-gallery__wrapper {
    padding: 20px;
    padding-top: 60px;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (min-width: 1200px) {
  .modal-gallery__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.modal-gallery__close {
  background: rgba(255, 255, 255, 0.9);
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  color: #707070;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .modal-gallery__close {
    background: none;
    margin: 0;
    padding: 0 20px;
    height: 60px;
  }
}
.modal-gallery__close svg {
  width: 20px;
  height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .modal-gallery__close svg {
    width: 24px;
    height: 24px;
  }
}
.modal-gallery__close svg:hover {
  color: var(--red-red-700);
}
.modal-gallery__close span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.modal-gallery__close span:hover {
  color: var(--red-red-700);
}
.modal-gallery__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .modal-gallery__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (min-width: 1400px) {
  .modal-gallery__inner {
    max-width: 1348px;
    margin: 0 auto;
  }
}
.modal-gallery__left {
  width: 100%;
}
@media (min-width: 800px) {
  .modal-gallery__left {
    width: calc(100% - 340px);
    position: sticky;
    top: 0;
  }
}
.modal-gallery__left .product__preview {
  max-width: none;
}
.modal-gallery__left .product-slider {
  margin-bottom: 16px;
}
.modal-gallery__left .product-slider__img {
  aspect-ratio: unset;
}
.modal-gallery__left .product-slider__swiper {
  background: #fff;
  padding: 16px 12px;
  border-radius: 16px;
  border: 1px solid #ebecf0;
}
.modal-gallery__left .product-slider__swiper img {
  width: 100%;
  height: auto;
  aspect-ratio: 304/208;
  max-height: 660px;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-gallery__left .product-slider .slider-buttons__prev,
.modal-gallery__left .product-slider .slider-buttons__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 2;
  top: 50%;
  margin-top: -18px;
}
@media (min-width: 1200px) {
  .modal-gallery__left .product-slider .slider-buttons__prev,
  .modal-gallery__left .product-slider .slider-buttons__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.modal-gallery__left .product-slider .slider-buttons__prev {
  left: 16px;
}
.modal-gallery__left .product-slider .slider-buttons__next {
  right: 16px;
}
.modal-gallery__left .product-thumb {
  position: relative;
  padding: 0 36px;
}
@media (min-width: 800px) {
  .modal-gallery__left .product-thumb {
    padding: 0 40px;
  }
}
.modal-gallery__left .product-thumb .product-thumb__img {
  opacity: 1;
  background: #fff;
  border: 1px solid #ebecf0;
  border-radius: 8px;
}
.modal-gallery__left .product-thumb .swiper-slide-thumb-active .product-thumb__img {
  border-color: var(--red-red-700);
}
.modal-gallery__left .product-thumb .slider-buttons__prev,
.modal-gallery__left .product-thumb .slider-buttons__next {
  top: 50%;
  z-index: 2;
  width: 28px;
  height: 28px;
  border: none;
  position: absolute;
  background: none;
  margin-top: -14px;
}
.modal-gallery__left .product-thumb .slider-buttons__prev svg,
.modal-gallery__left .product-thumb .slider-buttons__next svg {
  width: 28px;
  height: 28px;
  color: var(--red-red-700);
}
.modal-gallery__left .product-thumb .slider-buttons__prev.swiper-button-disabled svg,
.modal-gallery__left .product-thumb .slider-buttons__next.swiper-button-disabled svg {
  color: #cfcfcf;
}
.modal-gallery__left .product-thumb .slider-buttons__prev {
  left: 0;
}
.modal-gallery__left .product-thumb .slider-buttons__next {
  right: 0;
}
.modal-gallery__right {
  width: 100%;
}
@media (min-width: 800px) {
  .modal-gallery__right {
    width: 320px;
    position: sticky;
    top: 0;
  }
}
.modal-gallery__right .product__article {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .modal-gallery__right .product__article {
    font-size: 14px;
    line-height: 20px;
  }
}
.modal-gallery__right .product__title {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  margin-top: 8px;
}
@media (min-width: 800px) {
  .modal-gallery__right .product__title {
    font-size: 16px;
    line-height: 22px;
  }
}
.modal-gallery__right .sidebar-product__block {
  margin-top: 16px;
}
@media (min-width: 800px) {
  .modal-gallery__right .sidebar-product__block {
    margin-top: 20px;
  }
}
.modal-gallery__right .sidebar-product__availability {
  margin-top: 16px;
  background: #fff;
}
@media (min-width: 800px) {
  .modal-gallery__right .sidebar-product__availability {
    margin-top: 20px;
  }
}
.modal-gallery__right .sidebar-product__conditions {
  margin-top: 16px;
  background: #fff;
}
@media (min-width: 800px) {
  .modal-gallery__right .sidebar-product__conditions {
    margin-top: 20px;
  }
}
.modal-gallery__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 16px;
}
.modal-gallery__toper i {
  font-style: normal;
  color: #5ca821;
  background: #eff7e9;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
}
.modal-gallery__toper p {
  margin: 0;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  color: #707070;
}

.card-analogue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px;
}
.card-analogue:not(:last-child) {
  border-bottom: 1px solid var(--black-balck-100);
}
@media (min-width: 800px) {
  .card-analogue {
    padding: 20px;
    gap: 20px;
  }
}
.card-analogue__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 86px;
  height: 86px;
}
@media (min-width: 800px) {
  .card-analogue__img {
    width: 64px;
    height: 64px;
  }
}
.card-analogue__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.card-analogue__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .card-analogue__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
  }
}
.card-analogue__content-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .card-analogue__content-inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    gap: 8px;
  }
}
@media (min-width: 1200px) {
  .card-analogue__content-inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 28px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.card-analogue__top {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .card-analogue__top {
    gap: 8px;
  }
}
.card-analogue__title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .card-analogue__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.card-analogue__line {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .card-analogue__line {
    gap: 8px;
  }
}
@media (min-width: 1200px) {
  .card-analogue__line {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 100px;
  }
}
@media (min-width: 1400px) {
  .card-analogue__line {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    gap: 28px;
    min-width: 400px;
  }
}
.card-analogue__article {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-300);
  white-space: nowrap;
}
.card-analogue__article span {
  color: var(--black-balck-600);
}
.card-analogue__availability-current {
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-style: dotted;
          text-decoration-style: dotted;
}
.card-analogue__prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
@media (min-width: 800px) {
  .card-analogue__prices {
    gap: 4px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-width: 120px;
  }
}
.card-analogue__price {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .card-analogue__price {
    font-size: 18px;
    line-height: 24px;
  }
}
.card-analogue__old-price {
  color: var(--black-balck-300);
  font-size: 12px;
  line-height: 14px;
  text-decoration: line-through;
}
@media (min-width: 800px) {
  .card-analogue__old-price {
    font-size: 14px;
    line-height: 20px;
  }
}
.card-analogue__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 800px) {
  .card-analogue__bottom {
    gap: 12px;
  }
}
@media (max-width: 799px) {
  .card-analogue__more {
    padding: 7px 18px;
  }
}
.card-analogue__icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 800px) {
  .card-analogue__icons {
    gap: 12px;
  }
}
.card-analogue__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-200);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
@media (min-width: 800px) {
  .card-analogue__icon {
    width: 40px;
    height: 40px;
  }
}
.card-analogue__icon svg {
  color: var(--gray-blue-gray-blue-900);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
@media (hover: hover) {
  .card-analogue__icon:hover {
    border-color: var(--red-red-700);
  }
  .card-analogue__icon:hover svg {
    color: var(--red-red-700);
  }
}
@media (hover: none) {
  .card-analogue__icon:active {
    border-color: var(--red-red-700);
  }
  .card-analogue__icon:active svg {
    color: var(--red-red-700);
  }
}
.card-analogue__icon.active {
  border-color: var(--red-red-700);
}
.card-analogue__icon.active svg {
  color: var(--red-red-700);
}

.header-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100vh - 140px);
  position: absolute;
  top: calc(100% + 16px);
  left: -4px;
  right: -4px;
  padding: 16px;
  background: var(--white-white-100);
  -webkit-box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
          box-shadow: 0 4px 16px 0 rgba(17, 17, 17, 0.08);
  border-radius: var(--radius-12);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .header-cart {
    max-height: calc(100vh - 200px);
  }
}
.header-cart.active {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 800px) {
  .header-cart {
    top: calc(100% + 28px);
    left: auto;
    right: 0;
    padding: 24px;
    max-width: 769px;
    width: 100%;
  }
}
.header-cart__title {
  display: block;
  margin: 0 0 16px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .header-cart__title {
    margin-bottom: 20px;
  }
}
.header-cart__items {
  margin: 0 0 12px;
  overflow-y: auto;
}
.header-cart__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  padding: 20px 0 0;
  border-top: 1px solid var(--black-balck-100);
}
.header-cart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.header-cart__total-title {
  color: var(--black-balck-400);
  font-size: 14px;
  line-height: 20px;
}
.header-cart__total-price {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
.header-cart__buttons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .header-cart__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.header-cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px 10px;
  padding: 20px 0;
}
@media (min-width: 576px) {
  .header-cart-item {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.header-cart-item:first-child {
  padding-top: 0;
}
.header-cart-item:not(:last-child) {
  border-bottom: 1px solid var(--black-balck-100);
}
.header-cart-item__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 62px;
  height: 62px;
  padding: 4px;
  border-radius: var(--radius-8);
  border: 1px solid var(--black-balck-100);
}
.header-cart-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.header-cart-item__content {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: calc(100% - 72px);
}
@media (min-width: 576px) {
  .header-cart-item__content {
    width: auto;
  }
}
.header-cart-item__title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.header-cart-item__quantity {
  width: 118px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.header-cart-item__quantity .quantity__btn {
  height: 44px;
  width: 40px;
}
.header-cart-item__quantity .quantity__input {
  height: 44px;
  padding: 11px 39px;
}
.header-cart-item__prices {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 120px;
  margin: 0 0 0 10px;
}
.header-cart-item__price {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.header-cart-item__old-price {
  font-size: 14px;
  line-height: 20px;
  text-decoration: line-through;
  color: var(--black-balck-300);
}

.policy {
  padding: 0 0 48px;
}
@media (min-width: 800px) {
  .policy {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .policy {
    padding-bottom: 80px;
  }
}
.policy__title {
  margin: 0 0 40px;
}
.policy__notion {
  margin: 0 0 40px;
  padding: 16px;
  border-radius: var(--radius-16);
  background: var(--gray-blue-gray-blue-100);
}
@media (min-width: 800px) {
  .policy__notion {
    padding: 20px 24px;
  }
}
@media (min-width: 1200px) {
  .policy__notion {
    padding: 28px;
  }
}
.policy__notion.active .policy__notion-content {
  display: block;
}
.policy__notion-content {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 9;
}
@media (min-width: 800px) {
  .policy__notion-content {
    display: block;
  }
}
.policy__notion-more {
  margin: 16px 0 0;
}
@media (min-width: 800px) {
  .policy__notion-more {
    display: none;
  }
}

.page-404 {
  padding: 20px 0 48px;
}
@media (min-width: 800px) {
  .page-404 {
    padding: 40px 0 60px;
  }
}
@media (min-width: 1200px) {
  .page-404 {
    padding: 60px 0 80px;
  }
}
.page-404__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.page-404__img {
  margin: 0 0 20px;
}
.page-404__img img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.page-404__title {
  margin: 0 0 12px;
}
.page-404__descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .page-404__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .page-404__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.page-404__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
@media (min-width: 800px) {
  .page-404__buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 20px;
  }
}
.cookies {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 20px;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  border-radius: var(--radius-12);
  -webkit-box-shadow: 0 4px 12px 0 rgba(76, 31, 31, 0.12);
          box-shadow: 0 4px 12px 0 rgba(76, 31, 31, 0.12);
  background: var(--white-white-100);
  padding: 12px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
@media (min-width: 800px) {
  .cookies {
    left: 20px;
    right: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .cookies {
    bottom: 28px;
  }
}
@media (min-width: 1400px) {
  .cookies {
    max-width: 1348px;
    width: 100%;
    margin: 0 auto;
  }
}
.cookies.active {
  opacity: 1;
  visibility: visible;
}
.cookies__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.cookies__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.cookies__descr {
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cookies__descr {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 800px) {
  .cookies__btn {
    margin: 0 0 0 20px;
  }
}

.page-faq {
  padding: 0 0 48px;
}
@media (min-width: 800px) {
  .page-faq {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .page-faq {
    padding-bottom: 80px;
  }
}
.page-faq__inner.active .page-faq__spoilers .spoilers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-faq__title {
  margin: 0 0 12px;
}
.page-faq__descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .page-faq__descr {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .page-faq__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.page-faq__search {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .page-faq__search {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .page-faq__spoilers .spoilers__item > button {
    font-size: 18px;
    line-height: 24px;
  }
}
.page-faq__spoilers .spoilers__item.active:nth-child(n+5) {
  display: none;
}
.page-faq__btn {
  margin: 20px auto 0;
}
@media (min-width: 800px) {
  .page-faq__btn {
    margin-top: 24px;
  }
}
.page-faq__cta {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .page-faq__cta {
    margin-top: 60px;
  }
}

.content h1 {
  margin: 0 0 40px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .content h1 {
    font-size: 28px;
    line-height: 36px;
  }
}
.content h2 {
  margin: 40px 0 16px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .content h2 {
    margin: 40px 0 20px;
    font-size: 24px;
    line-height: 32px;
  }
}
.content h2:first-child {
  margin-top: 0;
}
.content h3 {
  margin: 20px 0 16px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .content h3 {
    margin: 20px 0;
    font-size: 18px;
    line-height: 28px;
  }
}
.content h3:first-child {
  margin-top: 0;
}
.content p,
.content li {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .content p,
  .content li {
    margin-bottom: 20px;
  }
}
@media (min-width: 1200px) {
  .content p,
  .content li {
    font-size: 16px;
    line-height: 22px;
  }
}
.content p a,
.content li a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--red-red-700);
}
.content p span,
.content li span {
  color: var(--red-red-700);
}
.content p b,
.content p strong,
.content li b,
.content li strong {
  font-weight: 600;
}
.content p:last-child,
.content li:last-child {
  margin-bottom: 0;
}
.content ol,
.content ul {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .content ol,
  .content ul {
    margin-bottom: 20px;
  }
}
.content ol:last-child,
.content ul:last-child {
  margin-bottom: 0;
}
.content ol {
  padding: 0 0 0 30px;
}
.content ol li {
  list-style-type: decimal;
  padding: 0 0 0 8px;
}
.content ul li {
  position: relative;
  padding: 0 0 0 38px;
}
.content ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--black-balck-600);
}

.page-info {
  padding: 0 0 48px;
}
@media (min-width: 800px) {
  .page-info {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .page-info {
    padding-bottom: 80px;
  }
}
.page-info__top {
  margin: 0 0 40px;
}
.page-info__top .page-info__title {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .page-info__top .page-info__title {
    margin-bottom: 20px;
  }
}
.page-info__title {
  margin: 0 0 40px;
}
.page-info__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .page-info__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.page-info__faq {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .page-info__faq {
    margin-top: 60px;
  }
}
.page-info__faq.faq {
  padding: 0;
}
.page-info__cta {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .page-info__cta {
    margin-top: 60px;
  }
}
.page-info__documents {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .page-info__documents {
    margin-top: 60px;
  }
}

.cta__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 28px 10px;
  text-align: center;
  border-radius: var(--radius-20);
  background-color: var(--orange-orange-200);
  background-image: url(../images/things/hero.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 800px) {
  .cta__inner {
    padding: 40px;
  }
}
.cta__title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .cta__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.cta__descr {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .cta__descr {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 22px;
  }
}

.documents__title {
  margin: 0 0 24px;
}
.documents__links {
  display: grid;
  grid-gap: 12px;
}
@media (min-width: 1200px) {
  .documents__links {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
  }
}
.documents__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 20px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  border-radius: var(--radius-12);
  background: var(--gray-blue-gray-blue-100);
}
@media (min-width: 800px) {
  .documents__link {
    font-size: 16px;
    line-height: 22px;
  }
}
.documents__link svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: var(--red-red-700);
}

.faq {
  padding: 20px 0;
}
@media (min-width: 1200px) {
  .faq {
    padding: 30px 0;
  }
}
.faq.active .faq__spoilers .spoilers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.faq__title {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .faq__title {
    margin-bottom: 24px;
  }
}
.faq__spoilers .spoilers__item:nth-child(n+5) {
  display: none;
}
@media (min-width: 1200px) {
  .faq__spoilers .spoilers__item > button {
    font-size: 18px;
    line-height: 24px;
  }
}
.faq__btn {
  margin: 20px auto 0;
}
@media (min-width: 800px) {
  .faq__btn {
    margin-top: 24px;
  }
}

.terms {
  padding: 0 0 48px;
}
@media (min-width: 800px) {
  .terms {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .terms {
    padding-bottom: 80px;
  }
}
.terms__title {
  margin: 0 0 16px;
}
@media (min-width: 800px) {
  .terms__title {
    margin-bottom: 20px;
  }
}
.terms__descr {
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 22px;
}
.terms__faq {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .terms__faq {
    margin-top: 60px;
  }
}
.terms__faq.faq {
  padding: 0;
}
.terms__documents {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .terms__documents {
    margin-top: 60px;
  }
}
.terms__cta {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .terms__cta {
    margin-top: 60px;
  }
}

.terms-methods__title {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .terms-methods__title {
    margin-bottom: 24px;
  }
}
.terms-methods__radios {
  display: grid;
  grid-gap: 12px;
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .terms-methods__radios {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 24px;
  }
}
.terms-methods__item {
  display: none;
}
.terms-methods__item.active {
  display: block;
}
.terms-methods__item.fade {
  -webkit-animation: fade 0.5s;
          animation: fade 0.5s;
}

.terms-methods-radio {
  display: block;
  cursor: pointer;
}
.terms-methods-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.terms-methods-radio__input:checked + .terms-methods-radio__inner {
  border-color: var(--red-red-700);
}
.terms-methods-radio__input:checked + .terms-methods-radio__inner::after {
  border-color: var(--red-red-700);
  border-width: 6px;
}
.terms-methods-radio__input:checked + .terms-methods-radio__inner svg {
  color: var(--red-red-700);
}
.terms-methods-radio__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 14px 48px 14px 16px;
  border-radius: var(--radius-12);
  border: 1px solid var(--black-balck-200);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
@media (min-width: 800px) {
  .terms-methods-radio__inner {
    gap: 20px;
    padding: 14px 56px 14px 16px;
  }
}
@media (min-width: 1200px) {
  .terms-methods-radio__inner {
    padding: 16px 60px 16px 20px;
  }
}
.terms-methods-radio__inner::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--gray-blue-gray-blue-400);
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.terms-methods-radio__inner svg {
  color: var(--gray-blue-gray-blue-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.terms-methods-radio__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.terms-methods-radio__text span:nth-child(1) {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .terms-methods-radio__text span:nth-child(1) {
    font-size: 16px;
    line-height: 22px;
  }
}
.terms-methods-radio__text span:nth-child(2) {
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-400);
}
@media (min-width: 800px) {
  .terms-methods-radio__text span:nth-child(2) {
    font-size: 14px;
    line-height: 20px;
  }
}

.terms-methods-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .terms-methods-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 40px;
  }
}
.terms-methods-card:has(.terms-methods-card__map) {
  border: 1px solid var(--black-balck-100);
  border-radius: var(--radius-20);
  padding: 8px;
}
@media (min-width: 1200px) {
  .terms-methods-card:has(.terms-methods-card__map) {
    padding: 8px 8px 8px 40px;
  }
}
.terms-methods-card:has(.terms-methods-card__map) .terms-methods-card__content {
  padding: 8px 8px 0;
}
@media (min-width: 800px) {
  .terms-methods-card:has(.terms-methods-card__map) .terms-methods-card__content {
    padding: 12px 12px 0;
  }
}
@media (min-width: 1200px) {
  .terms-methods-card:has(.terms-methods-card__map) .terms-methods-card__content {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    width: 488px;
    padding: 40px 0;
  }
}
.terms-methods-card:has(.terms-methods-card__map) .terms-methods-card__title {
  margin-bottom: 20px;
}
.terms-methods-card__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
  background: var(--gray-blue-gray-blue-100);
  border-radius: var(--radius-20);
}
@media (min-width: 1200px) {
  .terms-methods-card__img {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 550px;
    height: auto;
  }
}
.terms-methods-card__img img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .terms-methods-card__img img {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .terms-methods-card__content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 40px 0;
  }
}
.terms-methods-card__title {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .terms-methods-card__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.terms-methods-card__descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .terms-methods-card__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.terms-methods-card__caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .terms-methods-card__caption {
    font-size: 16px;
    line-height: 22px;
  }
}
.terms-methods-card__caption svg {
  color: var(--red-red-700);
}
.terms-methods-card__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.terms-methods-card__list:not(:last-child) {
  margin: 0 0 16px;
}
.terms-methods-card__list li {
  position: relative;
  padding: 0 0 0 38px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .terms-methods-card__list li {
    font-size: 16px;
    line-height: 22px;
  }
}
.terms-methods-card__list li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--black-balck-600);
}
.terms-methods-card__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.terms-methods-card__payment {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 56px;
}
.terms-methods-card__payment img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.terms-methods-card__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.terms-methods-card__map {
  height: 300px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-radius: var(--radius-12);
  border: 1px solid var(--black-balck-100);
  background-color: var(--gray-blue-gray-blue-200);
  overflow: hidden;
}
@media (min-width: 800px) {
  .terms-methods-card__map {
    height: 572px;
  }
}
@media (min-width: 1200px) {
  .terms-methods-card__map {
    height: auto;
  }
}
.terms-methods-card__map [alt=marker] {
  width: 52px;
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -52px;
  left: -26px;
}

.terms-methods-card-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: var(--radius-8);
  background: var(--gray-blue-gray-blue-100);
}
.terms-methods-card-contact svg {
  color: var(--red-red-700);
}
.terms-methods-card-contact__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.terms-methods-card-contact__content span:nth-child(1) {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.terms-methods-card-contact__content span:nth-child(2) {
  color: var(--black-balck-400);
  font-size: 12px;
  line-height: 16px;
}

.terms-methods-delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.terms-methods-delivery__block-partners {
  display: none;
}
@media (min-width: 800px) {
  .terms-methods-delivery__block-partners {
    display: block;
  }
}
.terms-methods-delivery__title {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .terms-methods-delivery__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.terms-methods-delivery__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .terms-methods-delivery__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.terms-methods-delivery__caption {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .terms-methods-delivery__caption {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 24px;
  }
}
.terms-methods-delivery__partners {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 1200px) {
  .terms-methods-delivery__partners {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1400px) {
  .terms-methods-delivery__partners {
    grid-template-columns: repeat(3, 1fr);
  }
}

.terms-methods-delivery-partner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border-radius: var(--radius-12);
  padding: 12px;
  background: var(--gray-blue-gray-blue-200);
}
.terms-methods-delivery-partner__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 88px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
}
.terms-methods-delivery-partner__img img {
  width: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.terms-methods-delivery-partner__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.terms-methods-delivery-partner__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
.terms-methods-delivery-partner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 4px 25px;
}
.terms-methods-delivery-partner__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.terms-methods-delivery-partner__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -13px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: var(--gray-blue-gray-blue-500);
}
.terms-methods-delivery-partner__link {
  display: block;
  font-size: 14px;
  line-height: 20px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.terms-methods-delivery-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.terms-methods-delivery-table__row {
  position: relative;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 16px;
  border-radius: var(--radius-8);
  background: var(--gray-blue-gray-blue-100);
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__row {
    grid-template-columns: repeat(3, 1fr);
  }
}
.terms-methods-delivery-table__row:nth-child(1) {
  display: none;
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__row:nth-child(1) {
    display: grid;
    padding: 13px 16px;
    background: var(--gray-blue-gray-blue-400);
  }
}
.terms-methods-delivery-table__row:nth-child(1) .terms-methods-delivery-table__col {
  font-weight: 600;
}
.terms-methods-delivery-table__row > svg {
  position: absolute;
  top: 26px;
  right: 16px;
  color: var(--green-green-700);
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__row > svg {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.terms-methods-delivery-table__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 576px) {
  .terms-methods-delivery-table__col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__col {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.terms-methods-delivery-table__col:nth-child(1) {
  padding: 0 36px 0 0;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__col:nth-child(1) {
    font-weight: 500;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__col:nth-child(3) {
    padding: 0 36px 0 0;
  }
}
.terms-methods-delivery-table__col span:nth-child(1) {
  font-weight: 600;
}
@media (min-width: 1200px) {
  .terms-methods-delivery-table__col span:nth-child(1) {
    display: none;
  }
}

.terms-methods-delivery-table-company {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.terms-methods-delivery-table-company__img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 88px;
  height: 40px;
  border-radius: var(--radius-8);
  overflow: hidden;
  background-color: var(--white-white-100);
}
.contacts {
  padding: 0 0 48px;
}
@media (min-width: 800px) {
  .contacts {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .contacts {
    padding-bottom: 80px;
  }
}
.contacts__faq {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .contacts__faq {
    margin-top: 60px;
  }
}
.contacts__faq.faq {
  padding: 0;
}
.contacts__cta {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .contacts__cta {
    margin-top: 60px;
  }
}

.contacts-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: var(--radius-16);
  background-image: linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
  overflow: hidden;
}
@media (min-width: 800px) {
  .contacts-hero__inner {
    border-radius: var(--radius-20);
    background-repeat: no-repeat;
    background-image: url("../images/for-business/for-business-hero-bg-800.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
    background-position: left bottom;
    background-size: 100% auto;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
    padding: 0;
    background-image: url("../images/for-business/for-business-hero-bg-1200.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
    background-position: right;
    background-size: auto 100%;
  }
}
@media (min-width: 1400px) {
  .contacts-hero__inner {
    background-image: url("../images/for-business/for-business-hero-bg-1920.svg"), linear-gradient(135deg, var(--gray-blue-gray-blue-100) 0%, var(--gray-blue-gray-blue-300) 100%);
  }
}
.contacts-hero__content {
  padding: 20px 16px 0;
}
@media (min-width: 800px) {
  .contacts-hero__content {
    width: 581px;
    padding: 28px 28px 0;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__content {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 565px;
    padding: 80px 0 80px 40px;
  }
}
@media (min-width: 1400px) {
  .contacts-hero__content {
    width: 625px;
    padding: 80px 60px 80px 40px;
  }
}
.contacts-hero__title {
  margin: 0 0 16px;
}
.contacts-hero__descr {
  margin: 0 0 16px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .contacts-hero__descr {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-hero__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.contacts-hero__images {
  position: relative;
  height: 210px;
}
@media (min-width: 800px) {
  .contacts-hero__images {
    height: 230px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__images {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: auto;
  }
}
.contacts-hero__img {
  position: absolute;
  width: 68px;
  height: 60px;
  padding: 10px 14px;
  -webkit-box-shadow: 0 12px 20px 0 rgba(33, 20, 20, 0.16);
          box-shadow: 0 12px 20px 0 rgba(33, 20, 20, 0.16);
  background: var(--white-white-100);
  border-radius: var(--radius-20);
  overflow: hidden;
}
@media (min-width: 800px) {
  .contacts-hero__img {
    width: 96px;
    height: 80px;
    padding: 10px 18px;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img {
    width: 120px;
    height: 100px;
    padding: 20px 30px;
  }
}
.contacts-hero__img:nth-child(1) {
  top: 63%;
  left: 28%;
}
@media (min-width: 800px) {
  .contacts-hero__img:nth-child(1) {
    top: 50%;
    left: 35%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img:nth-child(1) {
    top: 61.6%;
    left: 12.2%;
  }
}
.contacts-hero__img:nth-child(2) {
  top: 25%;
  left: 2%;
}
@media (min-width: 800px) {
  .contacts-hero__img:nth-child(2) {
    top: 20.8%;
    left: 15%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img:nth-child(2) {
    top: 8.8%;
    left: 24.1%;
  }
}
.contacts-hero__img:nth-child(3) {
  top: 11%;
  left: 43.3%;
}
@media (min-width: 800px) {
  .contacts-hero__img:nth-child(3) {
    top: -14%;
    left: 49.8%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img:nth-child(3) {
    top: 40%;
    left: 44.8%;
  }
}
.contacts-hero__img:nth-child(4) {
  top: -3%;
  left: 83.5%;
}
@media (min-width: 800px) {
  .contacts-hero__img:nth-child(4) {
    top: -38.3%;
    left: 83%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img:nth-child(4) {
    top: 11.4%;
    left: 76.2%;
  }
}
.contacts-hero__img:nth-child(5) {
  top: 48.5%;
  left: 74.7%;
}
@media (min-width: 800px) {
  .contacts-hero__img:nth-child(5) {
    top: 43.5%;
    left: 72.7%;
  }
}
@media (min-width: 1200px) {
  .contacts-hero__img:nth-child(5) {
    top: 64%;
    left: 70.7%;
  }
}
.contacts-hero__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts-feedback {
  margin: 40px 0 0;
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 1200px) {
  .contacts-feedback {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contacts-feedback__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.contacts-feedback__items {
  display: grid;
  grid-gap: 20px;
}
@media (min-width: 800px) {
  .contacts-feedback__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contacts-feedback__img {
  border-radius: var(--radius-12);
  overflow: hidden;
}
@media (min-width: 800px) {
  .contacts-feedback__img {
    height: 440px;
  }
}
@media (min-width: 1200px) {
  .contacts-feedback__img {
    height: 476px;
  }
}
@media (min-width: 800px) {
  .contacts-feedback__img {
    border-radius: var(--radius-16);
  }
}
.contacts-feedback__img img {
  width: 100%;
  height: auto;
}
@media (min-width: 800px) {
  .contacts-feedback__img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.contacts-feedback-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 174px;
  padding: 20px;
  border-radius: var(--radius-12);
  background: var(--orange-orange-100);
  padding: 16px;
}
@media (min-width: 800px) {
  .contacts-feedback-item {
    min-height: 0;
    padding: 20px;
    border-radius: var(--radius-16);
  }
}
.contacts-feedback-item svg {
  color: var(--red-red-700);
  margin: auto 0 0 auto;
}
.contacts-feedback-item__title {
  display: block;
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 800px) {
  .contacts-feedback-item__title {
    font-size: 18px;
    line-height: 24px;
  }
}
.contacts-feedback-item__descr {
  margin: 0 0 12px;
  color: var(--black-balck-400);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .contacts-feedback-item__descr {
    margin-bottom: 20px;
  }
}

.contacts-feedback-form {
  padding: 16px;
  border-radius: var(--radius-16);
  border: 1px solid var(--gray-blue-gray-blue-300);
  background: linear-gradient(135deg, #fdfdfe 0%, #fafafb 100%);
}
@media (min-width: 800px) {
  .contacts-feedback-form {
    padding: 24px;
  }
}
.contacts-feedback-form .cabinet__notify {
  margin: 0 0 12px;
}
.contacts-feedback-form__title {
  margin: 0 0 12px;
}
.contacts-feedback-form__descr {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .contacts-feedback-form__descr {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .contacts-feedback-form__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-feedback-form__descr a {
  color: var(--red-red-700);
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
.contacts-feedback-form__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .contacts-feedback-form__fields {
    margin-bottom: 24px;
  }
}
.contacts-feedback-form__policy {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .contacts-feedback-form__policy {
    margin-bottom: 24px;
  }
}
.contacts-feedback-form__captcha {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .contacts-feedback-form__captcha {
    margin-bottom: 24px;
  }
}
.contacts-feedback-form__captcha img {
  max-width: 320px;
  width: 100%;
  height: auto;
}

.contacts-social {
  display: grid;
  grid-gap: 20px;
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .contacts-social {
    grid-gap: 24px;
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .contacts-social {
    grid-template-columns: 476px 1fr;
    grid-gap: 24px 20px;
  }
}
@media (min-width: 1400px) {
  .contacts-social {
    grid-template-columns: repeat(2, 1fr);
  }
}
.contacts-social__title {
  margin: 0 0 8px;
}
.contacts-social__descr {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .contacts-social__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-social__items {
  display: grid;
  gap: 16px;
}
@media (min-width: 800px) {
  .contacts-social__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .contacts-social__items {
    grid-template-columns: 1fr;
    grid-area: 2/1/3/2;
  }
}
.contacts-social__map {
  height: 400px;
  border-radius: var(--radius-16);
  border: 1px solid var(--gray-blue-gray-blue-300);
  background-color: var(--gray-blue-gray-blue-200);
  overflow: hidden;
}
@media (min-width: 800px) {
  .contacts-social__map {
    height: 440px;
  }
}
@media (min-width: 1200px) {
  .contacts-social__map {
    height: auto;
    grid-area: 2/2/3/3;
  }
}
.contacts-social__map [alt=marker] {
  width: 52px;
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -52px;
  left: -26px;
}
.contacts-social__map .custom-balloon {
  position: relative;
  width: 280px;
  margin: 18px 0 0 -33px;
  background: var(--white-white-100);
  padding: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--black-balck-600);
  border-radius: var(--radius-8);
  -webkit-box-shadow: 0 4px 20px 0 rgba(17, 17, 17, 0.06), 0 4px 12px 0 rgba(17, 17, 17, 0.08);
          box-shadow: 0 4px 20px 0 rgba(17, 17, 17, 0.06), 0 4px 12px 0 rgba(17, 17, 17, 0.08);
}
.contacts-social__map .custom-balloon::before {
  content: "";
  position: absolute;
  z-index: 5;
  bottom: 100%;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--white-white-100);
}
.contacts-social__map .custom-balloon.hidden {
  display: none;
}

.contacts-social-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px;
  border-radius: var(--radius-16);
}
@media (min-width: 1200px) {
  .contacts-social-item {
    padding: 28px;
    min-height: 210px;
  }
}
.contacts-social-item__title {
  margin: 0 0 8px;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .contacts-social-item__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.contacts-social-item__descr {
  margin: 0 0 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .contacts-social-item__descr {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-social-item__btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: auto 0 0;
  padding: 10px 32px;
  font-family: var(--font-family);
  color: var(--white-white-100);
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: var(--radius-8);
}
.contacts-social-item__img {
  display: none;
}
@media (min-width: 1200px) {
  .contacts-social-item__img {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 100px;
    height: 100px;
  }
}
.contacts-social-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts-requisites {
  margin: 40px 0 0;
}
@media (min-width: 800px) {
  .contacts-requisites {
    margin-top: 60px;
  }
}
.contacts-requisites__title {
  margin: 0 0 8px;
}
.contacts-requisites__descr {
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .contacts-requisites__descr {
    font-size: 16px;
    line-height: 22px;
  }
}
.contacts-requisites__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 12px;
  border: 1px solid var(--gray-blue-gray-blue-300);
  border-radius: var(--radius-20);
}
@media (min-width: 800px) {
  .contacts-requisites__inner {
    gap: 12px;
  }
}
@media (min-width: 1200px) {
  .contacts-requisites__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.contacts-requisites__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 4px;
}
@media (min-width: 800px) {
  .contacts-requisites__left {
    gap: 20px;
    padding: 8px;
  }
}
@media (min-width: 1200px) {
  .contacts-requisites__left {
    padding: 28px;
  }
}
.contacts-requisites__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .contacts-requisites__items {
    gap: 20px;
  }
}
.contacts-requisites__btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.contacts-requisites__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 240px;
  background: var(--gray-blue-gray-blue-100);
  border-radius: var(--radius-12);
}
@media (min-width: 1200px) {
  .contacts-requisites__image {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 550px;
    height: auto;
  }
}
.contacts-requisites__image img {
  width: auto;
  height: auto;
  max-width: 140px;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .contacts-requisites__image img {
    max-width: 100%;
  }
}

.contacts-requisites-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.contacts-requisites-item:not(:last-child) {
  padding: 0 0 16px;
  border-bottom: 1px solid var(--gray-blue-gray-blue-300);
}
@media (min-width: 800px) {
  .contacts-requisites-item:not(:last-child) {
    padding-bottom: 20px;
  }
}
.contacts-requisites-item__title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--black-balck-400);
}
.contacts-requisites-item__title span {
  color: var(--red-red-700);
}
.contacts-requisites-item__name {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .contacts-requisites-item__name {
    font-size: 18px;
    line-height: 24px;
  }
}
.contacts-requisites-item__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

::-moz-selection {
  color: #fff;
  background: var(--red-red-700);
}

::selection {
  color: #fff;
  background: var(--red-red-700);
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
@media (pointer: coarse) {
  ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

::-webkit-scrollbar-track {
  border-radius: 999px;
  background-color: #f5f6f8;
}

::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background-color: #9aa1b3;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #9aa1b3 #f5f6f8;
  }
}
.rotate180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

[data-tippy-root] .tippy-box {
  color: var(--black-balck-600);
  border-radius: 12px;
  background: #fff;
  padding: 20px;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #e8e8e8;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
}
[data-tippy-root] .tippy-content {
  padding: 0;
}
[data-tippy-root] .tippy-arrow {
  display: none;
}

.air-datepicker {
  font-family: var(--font-family);
  padding: 12px;
  border-radius: 12px;
  border: none;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
}
.air-datepicker--pointer {
  display: none;
}
.air-datepicker-nav {
  border: none;
  padding: 0;
}
.air-datepicker-nav--action {
  border-radius: 8px;
}
.air-datepicker-nav--action:hover path {
  stroke: var(--red-red-700);
}
.air-datepicker-body--cells {
  border: 1px solid #e8e8e8 !important;
  border-bottom: none !important;
  border-right: none !important;
  overflow: hidden;
}
.air-datepicker-body--day-names {
  margin: 0;
}
.air-datepicker-body--day-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #111;
  text-transform: lowercase;
  display: block;
  height: 28px;
}
.air-datepicker-cell {
  border: 1px solid #e8e8e8 !important;
  border-top: none !important;
  border-left: none !important;
  border-radius: 0;
}
.air-datepicker-cell:hover {
  background: var(--red-red-200);
}
.air-datepicker-cell.-current- {
  background: #fcebeb;
  color: #111;
}
.air-datepicker-cell.-selected- {
  background: var(--red-red-700);
}
.air-datepicker-cell.-selected-.-focus-, .air-datepicker-cell.-selected-.-current- {
  background: var(--red-red-700);
}
.air-datepicker-cell.-other-month-, .air-datepicker-cell.-weekend- {
  background: #fafafa;
  color: #a0a0a0 !important;
}
.air-datepicker-cell.-other-month-:hover, .air-datepicker-cell.-weekend-:hover {
  background: var(--red-red-200);
}
.air-datepicker-cell.-other-month-.-selected-, .air-datepicker-cell.-weekend-.-selected- {
  background: var(--red-red-700);
  color: #fff !important;
}

.field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  position: relative;
}
.field.field_input-datalist:has(.input.active) {
  z-index: 10;
}
.field__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.field__name span {
  color: var(--red-red-700);
}
.field del {
  display: none;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.field_error .input-password__item,
.field_error .input,
.field_error .textarea {
  background: #fcebeb;
  border-color: var(--red-red-700);
}
.field_error del {
  display: block;
  color: var(--red-red-700);
}
.field_error .input-password__eye svg {
  color: var(--red-red-700) !important;
}
.field__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border: 1px solid #fff;
  border-radius: 8px;
  margin-top: 12px;
  z-index: 3;
  background: #fff;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.field__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  max-height: 196px;
  padding-right: 8px;
  overflow-y: auto;
}
.field__list ul::-webkit-scrollbar-track {
  background-color: #f5f6f8;
}
.field__list ul::-webkit-scrollbar-thumb {
  background-color: #9aa1b3;
}
.field__list li {
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
}
.field__list li:hover {
  background: #f5f6f8;
}
.field__list li.hidden {
  display: none;
}
.active + .field__list {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(17, 17, 17, 0.08);
  border-color: #e8e8e8;
  padding: 12px 8px;
}
.field p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
}
.field__icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.field__icon svg {
  position: absolute;
  top: 50%;
  left: 20px;
  color: #a0a0a0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.field__icon .input {
  padding-left: 44px;
}

.input {
  display: block;
  height: 44px;
  padding: 0 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #cfcfcf;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-overflow: ellipsis;
}
.input::-webkit-input-placeholder {
  color: #a0a0a0;
}
.input::-moz-placeholder {
  color: #a0a0a0;
}
.input:-ms-input-placeholder {
  color: #a0a0a0;
}
.input::-ms-input-placeholder {
  color: #a0a0a0;
}
.input::placeholder {
  color: #a0a0a0;
}
.input:hover {
  border-color: #f1acac;
}
.input:focus {
  border-color: var(--red-red-700);
}
.input[disabled] {
  background: #fafafb;
}
.input[disabled]:focus, .input[disabled]:hover {
  border-color: #cfcfcf;
}

.input-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.input-icon .input {
  position: relative;
  z-index: 1;
  padding-right: 48px;
}
.input-icon svg {
  position: absolute;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  top: 50%;
  right: 16px;
  color: var(--red-red-700);
}
.input-icon [disabled] + svg {
  color: #7b818f;
}

.input-password {
  width: 100%;
  height: 42px;
  position: relative;
}
.input-password__item {
  border-radius: 8px;
  padding: 0 16px;
  padding-right: 48px;
  border: 1px solid #cfcfcf;
  background: #fff;
  font-weight: 400;
  font-size: 14px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.input-password__item:hover {
  border-color: #f1acac;
}
.input-password__item:focus {
  border-color: var(--red-red-700);
}
.input-password__item[disabled] {
  background: #fafafb;
}
.input-password__item[disabled]:focus, .input-password__item[disabled]:hover {
  border-color: #cfcfcf;
}
.input-password__eye {
  width: 20px;
  height: 20px;
  color: #111;
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -10px;
  background: none;
  padding: 0;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.input-password__eye:hover {
  opacity: 1;
  color: var(--red-red-700);
}
.input-password__eye svg {
  width: 100%;
  aspect-ratio: 1/1;
  display: none;
}
.input-password__eye svg + svg {
  display: block;
}
.input-password__item[type=password] ~ .input-password__eye svg {
  color: #5c616b;
  display: block;
}
.input-password__item[type=password] ~ .input-password__eye svg + svg {
  display: none;
}
[disabled] + .input-password__eye:hover {
  color: #5c616b;
}

.textarea {
  display: block;
  height: 160px;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #cfcfcf;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  resize: none;
}
.textarea::-webkit-input-placeholder {
  color: #a0a0a0;
}
.textarea::-moz-placeholder {
  color: #a0a0a0;
}
.textarea:-ms-input-placeholder {
  color: #a0a0a0;
}
.textarea::-ms-input-placeholder {
  color: #a0a0a0;
}
.textarea::placeholder {
  color: #a0a0a0;
}
.textarea:hover {
  border-color: #f1acac;
}
.textarea:focus {
  border-color: var(--red-red-700);
}

.toggle {
  display: block;
  width: 38px;
  height: 20px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.toggle__input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  padding: 0;
}
.toggle__icon {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  background: #cfcfcf;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.toggle__icon:before {
  content: "";
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  top: 50%;
  left: 2px;
  width: 16px;
  aspect-ratio: 1/1;
  border-radius: 999px;
  background: #fff;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.toggle__input:checked + .toggle__icon {
  background: #5ca821;
}
.toggle__input:checked + .toggle__icon:before {
  left: 20px;
}

.radios-fields {
  display: grid;
  gap: 12px;
}
.radios-fields__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.radios-fields__item input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  opacity: 0;
}
.radios-fields__item span {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 16px;
  padding-right: 52px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.radios-fields__item span:hover {
  border-color: #f1acac;
}
.radios-fields__item span:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 16px;
}
.radios-fields__item span svg {
  width: 20px;
  height: 20px;
  color: var(--red-red-700);
}
.radios-fields__item :checked + span {
  border-color: var(--red-red-700);
}
.radios-fields__item :checked + span:after {
  border: 6px solid var(--red-red-700);
}
.radios-fields__date {
  position: relative;
}
.radios-fields__date-input {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 44px;
  width: calc(100% - 96px);
  height: calc(100% - 12px);
  background: none;
  border: none;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}

.checkbox-fields {
  display: grid;
  gap: 12px;
}
.checkbox-fields__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}
.checkbox-fields__item input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  opacity: 0;
}
.checkbox-fields__item span {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 16px;
  min-height: 44px;
  padding-right: 52px;
  background: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 800px) {
  .checkbox-fields__item span {
    font-size: 14px;
    line-height: 20px;
  }
}
.checkbox-fields__item span:hover {
  border-color: #f1acac;
}
.checkbox-fields__item span:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 16px;
  background: no-repeat 50%;
  background-size: 12px 10px;
}
.checkbox-fields__item :checked + span {
  border-color: var(--red-red-700);
}
.checkbox-fields__item :checked + span:after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.72727L4.10345 9L11 1' stroke='%23DC2F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.spoilers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.spoilers__item {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 12px;
  background: #fafafb;
  counter-increment: num 1;
}
@media (min-width: 1200px) {
  .spoilers__item {
    padding: 20px;
  }
}
.spoilers__item > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .spoilers__item > button {
    font-size: 16px;
    line-height: 22px;
  }
}
.spoilers__item > button b {
  width: calc(100% - 20px);
  padding-right: 16px;
  position: relative;
  padding-left: 24px;
}
@media (min-width: 1200px) {
  .spoilers__item > button b {
    padding-right: 20px;
  }
}
.spoilers__item > button b:before {
  content: counter(num) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.spoilers__item > button i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 20px;
}
.spoilers__item > button svg {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.spoilers__item > button.active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.spoilers__item > div {
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .spoilers__item > div {
    font-size: 16px;
    line-height: 22px;
  }
}
.spoilers__item > div p,
.spoilers__item > div li {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .spoilers__item > div p,
  .spoilers__item > div li {
    font-size: 16px;
    line-height: 22px;
  }
}
.spoilers__item > div p a,
.spoilers__item > div li a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  color: var(--red-red-700);
}
.spoilers__item > div p span,
.spoilers__item > div li span {
  color: var(--red-red-700);
}
.spoilers__item > div p b,
.spoilers__item > div p strong,
.spoilers__item > div li b,
.spoilers__item > div li strong {
  font-weight: 600;
}
.spoilers__item > div ol,
.spoilers__item > div ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.spoilers__item > div ol,
.spoilers__item > div ul {
  padding: 0 0 0 16px;
}
.spoilers__item > div ol {
  padding: 0 0 0 30px;
}
.spoilers__item > div ol li {
  list-style-type: decimal;
  padding: 0 0 0 8px;
}
.spoilers__item > div ul li {
  position: relative;
  padding: 0 0 0 38px;
}
.spoilers__item > div ul li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--black-balck-600);
}
.spoilers__item .active + div {
  opacity: 1;
  height: auto;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  overflow: visible;
  margin-top: 12px;
}
.spoilers__item.hidden {
  display: none;
}

.upload-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.upload-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #cfcfcf;
  background: #fafafb;
  border-radius: 8px;
  height: 44px;
  padding: 0 16px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.upload-container:hover {
  border-color: #f1acac;
}
.upload-container svg {
  color: var(--red-red-700);
}

.file-input {
  display: none;
}

.file-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.file-list .no-files {
  font-size: 12px;
  line-height: 16px;
}

.file-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #eff7e9;
  border-radius: 12px;
  padding: 8px;
  padding-right: 16px;
}
.file-item .file-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 20px);
}
.file-item .file-info__ext {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 8px;
}
.file-item .file-info__ext:before {
  content: "";
  background: url(../images/tech/doc.svg) no-repeat 50%/contain;
  width: 28px;
  height: 28px;
}
.file-item .file-info__ext.pdf:before {
  background-image: url(../images/tech/pdf.svg);
}
.file-item .file-info__ext.jpg:before, .file-item .file-info__ext.jpeg:before, .file-item .file-info__ext.png:before {
  background-image: url(../images/tech/pic.svg);
}
.file-item .file-info__text {
  width: calc(100% - 44px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  padding: 0 12px;
}
.file-item .file-info__text b {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}
.file-item .file-info__text i {
  width: 100%;
  font-style: normal;
}
.file-item .delete-btn {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #9aa1b3;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.file-item .delete-btn:hover {
  color: var(--red-red-700);
}
.file-item .delete-btn svg {
  width: 20px;
  height: 20px;
}

.photo-files {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.photo-files__dropzone {
  width: 100%;
  aspect-ratio: 460/148;
  border-radius: 8px;
  border: 1px dashed #cfcfcf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.photo-files__dropzone:hover {
  border-color: var(--red-red-700);
}
.photo-files__dropzone svg {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #9aa1b3;
  width: 48px;
}
.photo-files__dropzone:hover svg {
  color: var(--red-red-700);
}
.photo-files__dropzone span {
  max-width: calc(100% - 48px);
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.photo-files__dropzone b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.photo-files__dropzone i {
  font-style: normal;
  color: #a0a0a0;
  font-size: 12px;
  line-height: 16px;
}
.photo-files__text {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}
.photo-files__previews-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  overflow: hidden;
  overflow-x: auto;
}
.photo-files__previews {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  gap: 8px;
}
.photo-files__previews-item {
  position: relative;
  aspect-ratio: 7/6;
  width: 70px;
  height: auto;
  border-radius: 8px;
  overflow: hidden;
  margin: 12px 0;
}
.photo-files__previews-item img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.photo-files__previews-item button {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--red-red-700);
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  border: none;
  background: rgba(255, 255, 255, 0.8);
  padding: 0;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.photo-files__previews-item button:hover {
  color: #111;
}
.photo-files__previews-item button svg {
  width: 80%;
  height: auto;
  aspect-ratio: 1/1;
}

.for-business-brands_main,
.faq_main {
  padding: 0;
  margin-top: 40px;
}
@media (min-width: 1400px) {
  .for-business-brands_main,
  .faq_main {
    margin-top: 60px;
  }
}

.faq_main {
  margin-bottom: 48px;
}
@media (min-width: 800px) {
  .faq_main {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .faq_main {
    margin-bottom: 80px;
  }
}

.bnr {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .bnr {
    margin-top: 60px;
  }
}
.bnr__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 800px) {
  .bnr__item {
    border-radius: 20px;
  }
}
.bnr__item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bnr__item:hover picture {
  -webkit-transform: scale(1.025);
      -ms-transform: scale(1.025);
          transform: scale(1.025);
}
.bnr__item img {
  width: 100%;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 800px) {
  .bnr__item img {
    height: 280px;
  }
}
@media (min-width: 1200px) {
  .bnr__item img {
    height: 360px;
  }
}

.cart {
  padding-bottom: 40px;
}
@media (min-width: 800px) {
  .cart {
    padding-bottom: 80px;
  }
}
.cart__title {
  margin-bottom: 16px;
}
@media (min-width: 800px) {
  .cart__title {
    margin-bottom: 40px;
  }
}
.cart__title + .cart__notify {
  margin: 0 0 20px;
}
@media (min-width: 800px) {
  .cart__title + .cart__notify {
    margin-bottom: 28px;
  }
}
.cart__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .cart__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
}
.cart__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .cart__main {
    width: calc(100% - 272px);
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .cart__main {
    width: calc(100% - 320px);
    padding-right: 28px;
  }
}
.cart__main-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cart__side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .cart__side {
    width: 272px;
    position: sticky;
    top: 100px;
  }
}
@media (min-width: 1200px) {
  .cart__side {
    width: 320px;
  }
}
.cart__side-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cart__info {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: var(--gray-blue-gray-blue-100);
  border-radius: 16px;
}
@media (min-width: 800px) {
  .cart__info {
    padding: 24px;
  }
}
.cart__info-title {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .cart__info-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.cart__info-title span {
  color: var(--red-red-700);
}
.cart__info-subtitle {
  width: 100%;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .cart__info-subtitle {
    font-size: 20px;
    line-height: 28px;
  }
}
.cart__info-subtitle span {
  color: var(--red-red-700);
}
.cart__info-text {
  width: 100%;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
.cart__info-text span {
  color: var(--black-balck-300);
}
.cart__info-text span.red {
  color: var(--red-red-700);
}
.cart__info-text span.gray {
  color: #a0a0a0;
}
.cart__info-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding: 0 24px;
  height: 48px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background: var(--red-red-700);
  border: 1px solid var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__info-button_thin {
  background: none;
  color: var(--red-red-700);
}
.cart__info-add {
  position: relative;
  width: 100%;
  height: 40px;
}
.cart__info-add input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #fff;
  border: 1px solid var(--black-balck-100);
  border-radius: 8px;
  padding: 0 12px;
  position: relative;
  padding-right: 118px;
}
.cart__info-add button {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 4px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 102px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background: var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__info-add button[disabled] {
  background: var(--red-red-300);
  cursor: not-allowed;
}
.cart__info .search {
  width: 100%;
}
.cart__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 12px 0px #ececec;
          box-shadow: 0px 4px 12px 0px #ececec;
  padding: 20px;
  background: #fff;
}
@media (min-width: 800px) {
  .cart__total {
    padding: 24px;
    gap: 16px;
  }
}
.cart__total-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.cart__total-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  font-size: 14px;
  line-height: 20px;
}
.cart__total-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
}
.cart__total-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  position: relative;
  min-height: 40px;
}
@media (min-width: 1200px) {
  .cart__total-code {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 4px;
    padding-left: 0;
    gap: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.cart__total-code.active {
  border-color: #5ca821;
}
.cart__total-code.error {
  border-color: #dc2f2f;
}
.cart__total-code-input {
  padding: 0;
  background: none;
  border: none;
  font-size: 12px;
  line-height: 16px;
  height: 20px;
  font-style: italic;
}
.cart__total-code-input::-webkit-input-placeholder {
  font-style: normal;
}
.cart__total-code-input::-moz-placeholder {
  font-style: normal;
}
.cart__total-code-input:-ms-input-placeholder {
  font-style: normal;
}
.cart__total-code-input::-ms-input-placeholder {
  font-style: normal;
}
.cart__total-code-input::placeholder {
  font-style: normal;
}
@media (min-width: 1200px) {
  .cart__total-code-input {
    padding: 0 12px;
    height: 32px;
    width: calc(100% - 98px);
    font-size: 14px;
    line-height: 20px;
  }
}
.cart__total-code-apply {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  padding: 0 24px;
  height: 32px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  background: var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .cart__total-code-apply {
    padding: 0;
    width: 98px;
  }
}
.cart__total-code-apply[disabled] {
  background: var(--red-red-300);
  cursor: not-allowed;
}
.cart__total-code.active .cart__total-code-apply, .cart__total-code.error .cart__total-code-apply {
  display: none;
}
.cart__total-code-remove {
  width: 32px;
  height: 32px;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f6f8;
  border-radius: 6px;
  color: #9aa1b3;
  position: absolute;
  top: 3px;
  right: 3px;
}
.cart__total-code-remove:hover {
  color: var(--red-red-700);
}
.cart__total-code-remove svg {
  width: 16px;
  height: 16px;
}
.cart__total-code-remove svg + svg {
  display: none;
}
.cart__total-code.active .cart__total-code-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__total-code.error .cart__total-code-remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__total-code.error .cart__total-code-remove svg {
  display: none;
}
.cart__total-code.error .cart__total-code-remove svg + svg {
  display: block;
}
.cart__total-code-text {
  display: none;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
}
.cart__total-code.active + .cart__total-code-text {
  display: block;
  color: #5ca821;
}
.cart__total-code.error + .cart__total-code-text {
  display: block;
  color: #dc2f2f;
}
.cart__total-price {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1200px) {
  .cart__total-price {
    font-size: 20px;
    line-height: 28px;
  }
}
.cart__total-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #fff;
  padding: 0 24px;
  height: 48px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  background: var(--red-red-700);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__total-button[disabled] {
  background: var(--red-red-300);
  cursor: not-allowed;
}
.cart__total-button svg {
  width: 20px;
  height: 20px;
}
.cart__total-button-bottom {
  font-size: 12px;
  line-height: 16px;
}
.cart__total-button-bottom a {
  color: #707070;
  text-decoration: underline;
}
.cart__total-bottom {
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
}
.cart__progress-line {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.cart__progress-line-one {
  width: 100%;
  height: 6px;
  background: #ebecf0;
  border-radius: 999px;
  position: relative;
  margin-top: 30px;
}
.cart__progress-line-one span {
  width: 0;
  height: 6px;
  background: var(--red-red-700);
  border-radius: 999px;
  position: absolute;
  top: 0;
  left: 0;
}
.cart__progress-line-one img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  bottom: 10px;
  right: -20px;
}
.cart__progress-line-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cart__progress-line-two-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
}
.cart__progress-line-two-item img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 800px) {
  .cart__progress-line-two-item img {
    width: 24px;
    height: 24px;
  }
}
.cart__progress-line-text {
  font-size: 12px;
  line-height: 18px;
}
.cart__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cart__list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 12px 0;
  border-bottom: 1px solid #e8e8e8;
}
@media (min-width: 800px) {
  .cart__list-head {
    padding-bottom: 16px;
  }
}
.cart__list-head-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.cart__list-head-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0;
}
@media (min-width: 1200px) {
  .cart__list-head-button {
    font-size: 14px;
    line-height: 20px;
    gap: 8px;
  }
}
.cart__list-head-button:hover,
.cart__list-head-button svg {
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .cart__list-head-button + .cart__list-head-button {
    border-left: 1px solid #e8e8e8;
    padding-left: 12px;
  }
}
.cart__list-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
.cart__list-title svg {
  cursor: pointer;
  color: #5ca821;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__list-title svg:hover {
  color: var(--red-red-700);
}
.cart__list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cart__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
@media (min-width: 800px) {
  .cart__list-item {
    padding-left: 32px;
  }
}
.cart__list-item > .checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 16px;
  bottom: 16px;
}
@media (min-width: 800px) {
  .cart__list-item > .checkbox {
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
  }
}
.cart__list-item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
}
@media (min-width: 1200px) {
  .cart__list-item-wrapper {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cart__list-item-pic {
  width: 86px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px;
}
@media (min-width: 800px) {
  .cart__list-item-pic {
    width: 120px;
    height: auto;
    padding: 0;
  }
}
.cart__list-item-pic > * {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart__list-item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: calc(100% - 86px);
  padding-left: 20px;
}
@media (min-width: 800px) {
  .cart__list-item-body {
    width: calc(100% - 120px);
  }
}
@media (min-width: 1200px) {
  .cart__list-item-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.cart__list-item-body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart__list-item-body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__list-item-body-right {
    gap: 20px;
  }
}
@media (min-width: 1400px) {
  .cart__list-item-body-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cart__list-item-toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.cart__list-item-toper-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 10px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cart__list-item-toper-item {
    font-size: 12px;
    line-height: 16px;
  }
}
.cart__list-item-toper-item i {
  display: none;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
}
@media (min-width: 1200px) {
  .cart__list-item-toper-item i {
    display: block;
  }
}
.cart__list-item-toper-item button {
  font-size: 10px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cart__list-item-toper-item button {
    font-size: 12px;
    line-height: 16px;
  }
}
.cart__list-item-toper-item button:hover {
  color: var(--red-red-700);
}
.cart__list-item-toper-item button.active {
  color: var(--red-red-700);
}
.cart__list-item-toper-item button.active svg {
  color: var(--red-red-700);
}
.cart__list-item-toper-item button svg {
  color: #111;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__list-item-toper-item + .cart__list-item-toper-item {
  padding-left: 10px;
  border-left: 1px solid #cfcfcf;
}
.cart__list-item-name {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cart__list-item-name {
    font-size: 14px;
    line-height: 20px;
  }
}
.cart__list-item-name:hover {
  color: var(--red-red-700);
}
.cart__list-item-notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .cart__list-item-notify {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 320px;
  }
}
@media (min-width: 1200px) {
  .cart__list-item-notify {
    max-width: none;
  }
}
.cart__list-item-notify i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
}
.cart__list-item-notify span {
  color: #5ca821;
  background: #eff7e9;
  border-radius: 999px;
  padding: 6px 12px;
}
.cart__list-item-notify_orange span {
  color: #f3892b;
  background: #fef4ea;
}
.cart__list-item-counts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 800px) {
  .cart__list-item-counts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
}
.cart__list-item-counts-item {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cart__list-item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media (min-width: 800px) {
  .cart__list-item-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .cart__list-item-price {
    height: 48px;
  }
}
.cart__list-item-price b {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}
.cart__list-item-price span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cart__list-item-price del {
  font-size: 12px;
  line-height: 22px;
  color: #a0a0a0;
}
.cart__list-item-price i {
  padding: 0 6px;
  height: 24px;
  background: #ffd83a;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
}
.cart__list-item-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__list-item-controls {
    gap: 36px;
  }
}
.cart__list-item-quantity {
  width: 132px;
}
.cart__list-item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.cart__list-item-buttons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--black-balck-200);
  border-radius: var(--radius-8);
  -webkit-transition-property: border-color;
  transition-property: border-color;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
}
.cart__list-item-buttons-item svg {
  color: var(--gray-blue-gray-blue-900);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.cart__list-item-buttons-item:hover, .cart__list-item-buttons-item.active {
  border-color: var(--red-red-700);
}
.cart__list-item-buttons-item:hover svg, .cart__list-item-buttons-item.active svg {
  color: var(--red-red-700);
}
.cart__list-item-buttons-item.active {
  opacity: 1;
  visibility: visible;
}
.cart__list-delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.cart__list-delete-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #9aa1b3;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
.cart__list-delete-button:hover {
  color: var(--red-red-700);
}
.cart__list-delete-button[disabled] {
  cursor: not-allowed;
  color: #cfcfcf;
}
.cart__shipment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: #fafafb;
  border-radius: 12px;
}
@media (min-width: 1200px) {
  .cart__shipment {
    padding: 20px 40px;
  }
}
.cart__shipment-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1200px) {
  .cart__shipment-toggle {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
  }
}
.cart__shipment-toggle > b {
  width: calc(50% - 27px);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 1200px) {
  .cart__shipment-toggle > b {
    width: calc(50% - 39px);
    text-align: right;
  }
}
.cart__shipment-toggle > b span {
  display: block;
}
@media (min-width: 1200px) {
  .cart__shipment-toggle > b span {
    display: inline;
  }
}
@media (min-width: 1200px) {
  .cart__shipment-toggle > b ~ b {
    text-align: left;
  }
}
.cart__shipment-toggle .toggle .toggle__icon {
  background: #5ca821;
}
.cart__shipment-toggle .toggle .toggle__input:checked + .toggle__icon {
  background: #f3892b;
}
.cart__shipment-text {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
.cart__buyer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #fafafb;
  padding: 20px;
  border-radius: 16px;
}
.cart__buyer-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.cart__buyer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cart__buyer-subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .cart__buyer-radios {
    grid-template-columns: 1fr 1fr;
  }
}
.cart__buyer-fields {
  display: grid;
  gap: 12px;
}
.cart__buyer-fields-row {
  display: grid;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__buyer-fields-row {
    grid-template-columns: 1fr 1fr;
  }
}
.cart__buyer-fields-add-phone {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart__buyer-fields-add-phone-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}
.cart__buyer-fields-add-phone-button span {
  width: 26px;
  height: 26px;
  background: #fcebeb;
  border-radius: 8px;
  color: var(--red-red-700);
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
}
.cart__buyer-fields-add-phone-button u {
  width: calc(100% - 26px);
  padding-left: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cart__buyer-fields-add-phone.active .cart__buyer-fields-add-phone-button {
  display: none;
}
.cart__buyer-fields-add-phone .field {
  display: none;
}
.cart__buyer-fields-add-phone.active .field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__buyer-fields-bottom {
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  color: #707070;
}
@media (min-width: 800px) {
  .cart__buyer-fields-bottom {
    font-size: 14px;
  }
}
.cart__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
}
.cart__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cart__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__notify svg:hover {
  color: var(--red-red-700);
}
.cart__delivery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #fafafb;
  padding: 20px;
  border-radius: 16px;
}
.cart__delivery-radios {
  display: grid;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__delivery-radios {
    grid-template-columns: 1fr 1fr;
  }
}
.cart__delivery-radios label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cart__delivery-radios input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  opacity: 0;
}
.cart__delivery-radios span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #cfcfcf;
  background: #fff;
  padding: 16px;
  padding-right: 52px;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .cart__delivery-radios span {
    padding: 22px 16px;
  }
}
.cart__delivery-radios span:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 16px;
}
.cart__delivery-radios :checked + span {
  border-color: var(--red-red-700);
}
.cart__delivery-radios :checked + span:after {
  border: 6px solid var(--red-red-700);
}
.cart__delivery-radios :checked + span svg {
  color: var(--red-red-700);
}
.cart__delivery-radios svg {
  width: 56px;
  height: 56px;
  color: #9aa1b3;
}
.cart__delivery-radios p {
  width: calc(100% - 56px);
  padding-left: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart__delivery-radios b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.cart__delivery-radios i {
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  color: #707070;
}
.cart__delivery-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 1200px) {
  .cart__delivery-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.cart__delivery-subtitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: -4px;
}
.cart__delivery-item {
  padding: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .cart__delivery-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }
}
.cart__delivery-text {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.cart__delivery-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
}
.cart__delivery-status-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 8px 20px;
  background: #f5f6f8;
  color: #7b818f;
  font-size: 14px;
  line-height: 20px;
  border-radius: 999px;
}
.cart__delivery-status-item_green {
  background: #eff7e9;
  color: #5ca821;
}
.cart__delivery-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
}
@media (min-width: 1200px) {
  .cart__delivery-body {
    width: calc(100% - 420px);
    padding-right: 20px;
  }
}
.cart__delivery-map {
  width: 100%;
  height: 220px;
  overflow: hidden;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
}
@media (min-width: 1200px) {
  .cart__delivery-map {
    width: 420px;
    height: 250px;
  }
}
.cart__delivery-map [alt=marker] {
  width: 52px;
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -52px;
  left: -26px;
}
@media (min-width: 1200px) {
  .cart__delivery-radios-dates {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.cart__delivery-radios-dates-bottom {
  color: #707070;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
}
.cart__delivery-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.cart__delivery-input-row {
  display: grid;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__delivery-input-row {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.cart__delivery-input-text {
  color: #707070;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  margin-top: 8px;
}
@media (min-width: 1200px) {
  .cart__delivery-input-text {
    font-size: 14px;
  }
}
.cart__delivery-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cart__delivery-options b {
  font-weight: 600;
}
.cart__delivery-options-head {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #d7d9e1;
  border-radius: 8px;
  grid-template-columns: 1.4fr 1fr;
  gap: 16px;
  padding: 22px 16px;
  padding-right: 52px;
}
@media (min-width: 1200px) {
  .cart__delivery-options-head {
    display: grid;
  }
}
.cart__delivery-options-head span {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.cart__delivery-options-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
  line-height: 20px;
  position: relative;
}
@media (min-width: 1200px) {
  .cart__delivery-options-item b {
    font-weight: 500;
  }
}
.cart__delivery-options-input {
  display: none;
}
.cart__delivery-options-body {
  display: grid;
  cursor: pointer;
  gap: 16px;
  border-radius: 8px;
  background: #fff;
  padding: 16px;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .cart__delivery-options-body {
    grid-template-columns: 1.4fr 1fr;
    padding-right: 52px;
  }
}
.cart__delivery-options-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px 0;
}
@media (min-width: 500px) {
  .cart__delivery-options-title {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.cart__delivery-options-title-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: 140px;
  padding-right: 16px;
}
@media (min-width: 1200px) {
  .cart__delivery-options-title-left {
    padding-right: 0;
  }
}
.cart__delivery-options-title-left i {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #d7d9e1;
}
.cart__delivery-options-title-left span {
  width: 88px;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  background: #f5f6f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart__delivery-options-title-left span svg,
.cart__delivery-options-title-left span img {
  max-width: 100%;
  max-height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cart__delivery-options-title-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 500px) {
  .cart__delivery-options-title-right {
    width: calc(100% - 140px);
  }
}
.cart__delivery-options-title-right b {
  max-width: calc(100% - 20px);
  padding-right: 16px;
}
@media (min-width: 1200px) {
  .cart__delivery-options-title-right b {
    padding: 0;
    width: auto;
  }
}
.cart__delivery-options-title-right svg {
  width: 20px;
  height: 20px;
  color: #5ca821;
}
@media (min-width: 1200px) {
  .cart__delivery-options-title-right svg {
    position: absolute;
    top: 50%;
    right: 16px;
    margin-top: -10px;
  }
}
:checked + .cart__delivery-options-body {
  border-color: var(--red-red-700);
}
:checked + .cart__delivery-options-body .cart__delivery-options-title-left i {
  border: 6px solid var(--red-red-700);
}
.cart__delivery-options-item.green :checked + .cart__delivery-options-body {
  border-color: #5ca821;
}
.cart__delivery-options-item.green :checked + .cart__delivery-options-body .cart__delivery-options-title-left i {
  border: 6px solid #5ca821;
}
.cart__delivery-options-item.orange :checked + .cart__delivery-options-body {
  border-color: #f3892b;
}
.cart__delivery-options-item.orange :checked + .cart__delivery-options-body .cart__delivery-options-title-left i {
  border: 6px solid #f3892b;
}
.cart__delivery-options-list {
  display: grid;
  gap: 16px;
}
@media (min-width: 1200px) {
  .cart__delivery-options-list {
    grid-template-columns: 1fr 1fr;
  }
}
.cart__delivery-options-list span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
@media (min-width: 1200px) {
  .cart__delivery-options-list b {
    display: none;
  }
}
.cart__delivery-places {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 12px;
  padding: 24px;
}
@media (min-width: 1200px) {
  .cart__delivery-places {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
  }
}
.cart__delivery-places-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 16px;
  margin: 0 -16px;
  gap: 8px;
  height: 480px;
  overflow: hidden;
  overflow-y: auto;
}
@media (min-width: 800px) {
  .cart__delivery-places-left {
    height: 436px;
  }
}
@media (min-width: 1200px) {
  .cart__delivery-places-left {
    padding: 0 16px;
    height: 368px;
    margin: 0;
    width: calc(100% - 444px);
  }
}
.cart__delivery-places-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}
@media (min-width: 1200px) {
  .cart__delivery-places-right {
    width: 420px;
    margin: 0;
  }
}
.cart__delivery-places-map {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  overflow: hidden;
  height: 350px;
}
@media (min-width: 1200px) {
  .cart__delivery-places-map {
    height: 400px;
  }
}
.cart__delivery-places-map [alt=marker] {
  width: 52px;
  height: 62px;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -52px;
  left: -26px;
}
.cart__delivery-places-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
  border: 1px solid #fafafb;
  background: #fafafb;
  border-radius: 12px;
  padding: 16px;
  gap: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__delivery-places-item.active {
  border-color: #5ca821;
}
.cart__delivery-places-item i {
  font-style: normal;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.cart__delivery-places-item div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--red-red-700);
  padding: 0 24px;
  border: none;
  height: 36px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  border-radius: 8px;
}
.cart__delivery-places-item div span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cart__delivery-places-item div span + span {
  display: none;
}
.cart__delivery-places-item div svg {
  width: 16px;
  height: 16px;
}
.cart__delivery-places-item.active div {
  background: #deeed3;
  color: #5ca821;
}
.cart__delivery-places-item.active div span {
  display: none;
}
.cart__delivery-places-item.active div span + span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cart__delivery-comments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 20px;
  background: #fafafb;
  border-radius: 12px;
}
.cart__delivery-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cart__delivery-set svg {
  color: #7b818f;
}
.cart__delivery-notice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cart__delivery-notice i {
  width: 28px;
  height: 28px;
  background: #d7d9e1;
  color: #5c616b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
}
.cart__delivery-notice span {
  width: calc(100% - 28px);
  padding-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cart__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #fafafb;
  padding: 20px;
  border-radius: 16px;
}
.cart__payments-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
.cart__payments-radios {
  display: grid;
  gap: 12px;
}
@media (min-width: 1200px) {
  .cart__payments-radios {
    grid-template-columns: 1fr 1fr;
  }
}
.cart__payments-radios label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cart__payments-radios input {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  opacity: 0;
}
.cart__payments-radios span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  border: 1px solid #cfcfcf;
  background: #fff;
  padding: 16px;
  padding-right: 52px;
  border-radius: 12px;
  position: relative;
  z-index: 2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cart__payments-radios span:after {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 16px;
}
.cart__payments-radios b {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.cart__payments-radios p {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.cart__payments-radios p img {
  width: 56px;
  height: auto;
}
.cart__payments-radios :checked + span {
  border-color: var(--red-red-700);
}
.cart__payments-radios :checked + span:after {
  border: 6px solid var(--red-red-700);
}
.cart__payments-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cart__payments-bottom i {
  width: 28px;
  height: 28px;
  background: #d7d9e1;
  color: #5c616b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
}
.cart__payments-bottom span {
  width: calc(100% - 28px);
  padding-left: 12px;
  color: #707070;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cart-success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: #fafafb;
  padding: 60px 16px;
  text-align: center;
  border-radius: 16px;
  margin-bottom: 40px;
}
@media (min-width: 800px) {
  .cart-success {
    padding: 80px 40px;
  }
}
.cart-success__tooltip {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  color: #5ca821;
}
@media (min-width: 800px) {
  .cart-success__tooltip {
    width: 24px;
    height: 24px;
  }
}
.cart-success__tooltip:hover {
  color: var(--red-red-700);
}
.cart-success__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: #eff7e9;
  color: #5ca821;
  margin: 0 auto;
}
.cart-success__title {
  width: 100%;
  margin-top: 24px;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .cart-success__title {
    font-size: 20px;
    line-height: 28px;
  }
}
.cart-success__text {
  width: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-top: 12px;
}
.cart-success__text.small-size {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 40px;
}
.cart-success__text.small-size + .cart-success__text {
  margin-top: 0;
  margin-bottom: 20px;
}
.cart-success__text a,
.cart-success__text span {
  color: var(--red-red-700);
}
.cart-success__text a {
  text-decoration: underline;
}
.cart-success__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 11px 24px;
  color: var(--red-red-700);
  border-radius: 8px;
  border: 1px solid var(--red-red-700);
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  background: none;
}
@media (min-width: 800px) {
  .cart-success__back {
    font-size: 14px;
    line-height: 20px;
    padding: 11px 32px;
  }
}
.cart-success__back.load {
  background: var(--red-red-700);
  color: #fff;
}
.cart-success__back svg {
  width: 20px;
  height: 20px;
}
.cart-success__back svg + span {
  max-width: calc(100% - 20px);
  padding-left: 8px;
}

.detail {
  padding-bottom: 40px;
}
.detail__title {
  margin-bottom: 12px;
}
@media (min-width: 800px) {
  .detail__title {
    margin-bottom: 40px;
  }
}
.detail__title span {
  color: #a0a0a0;
  font-size: 60%;
}
.detail__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
  margin-bottom: 40px;
}
.detail__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.detail__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.detail__notify svg:hover {
  color: var(--red-red-700);
}
.detail__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 800px) {
  .detail__body {
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.detail__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .detail__body-left {
    width: 272px;
    position: sticky;
    top: 177px;
  }
}
@media (min-width: 1200px) {
  .detail__body-left {
    width: 320px;
  }
}
.detail__body-left-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  gap: 16px;
  border-radius: 12px;
  background: #fafafb;
}
.detail__body-left-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.detail__body-left-reset {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  height: 36px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.detail__body-left-reset:hover {
  color: var(--red-red-700);
}
.not-empty + .detail__body-left-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.detail__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .detail__body-right {
    width: calc(100% - 272px);
    padding-left: 24px;
  }
}
@media (min-width: 1200px) {
  .detail__body-right {
    width: calc(100% - 320px);
  }
}
.detail__sort {
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .detail__sort {
    display: none;
  }
}
.detail__thing-head {
  display: none;
  padding: 16px 20px;
  border-radius: 8px;
  grid-template-columns: 1.2fr 1.4fr 1fr 1fr;
  background: #d7d9e1;
  gap: 16px;
}
@media (min-width: 1200px) {
  .detail__thing-head {
    display: grid;
  }
}
.detail__thing-head-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.detail__thing-head-item:last-child {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.detail__thing-head-item svg {
  display: none;
  color: var(--black-balck-600);
  stroke: var(--black-balck-600);
}
@media (min-width: 1200px) {
  .detail__thing-head-item svg {
    display: block;
  }
}
.detail__thing-head-item.active svg {
  color: var(--red-red-700);
}
.detail__thing-head-item.increased svg {
  color: var(--red-red-700);
  stroke: var(--black-balck-600);
}
.detail__thing-head-item.decreased svg {
  color: var(--black-balck-600);
  stroke: var(--red-red-700);
}
.detail__thing {
  display: grid;
  gap: 16px 32px;
  padding: 16px 20px;
  background: #fafafb;
  border-radius: 8px;
}
@media (min-width: 800px) {
  .detail__thing {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .detail__thing {
    grid-template-columns: 1.2fr 1.4fr 1fr 1fr;
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .detail__thing:hover {
    background: #ebecf0;
  }
}
.detail__thing-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.detail__thing-item b {
  font-weight: 600;
}
@media (min-width: 1200px) {
  .detail__thing-item b {
    display: none;
  }
}
.detail__thing-item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #7b818f;
}
.detail__thing-item a:hover {
  color: var(--red-red-700);
}
@media (min-width: 1200px) {
  .detail__thing-item:last-child {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.detail__bottom {
  font-style: italic;
  color: #707070;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  margin-top: 12px;
}
.detail__pagination {
  margin-top: 20px;
}
.detail__pdf {
  background: #f8f8f8;
  height: 380px;
  border: 2px solid #c2c7d1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .detail__pdf {
    border-width: 3px;
    height: 500px;
  }
}
.detail__pdf > * {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}
.detail__sign {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f8f8f8;
  height: 380px;
  border: 2px solid #c2c7d1;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  padding: 12px;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .detail__sign {
    border-width: 3px;
    height: 500px;
  }
}
.detail__sign-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border-radius: 12px;
  max-width: 550px;
}
@media (min-width: 800px) {
  .detail__sign-body {
    padding: 40px;
  }
}
.detail__sign-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.detail__sign-title i {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #d7d9e1;
  color: #5c616b;
  border-radius: 4px;
}
@media (min-width: 800px) {
  .detail__sign-title i {
    width: 28px;
    height: 28px;
  }
}
.detail__sign-title svg {
  width: 12px;
  height: 12px;
}
@media (min-width: 800px) {
  .detail__sign-title svg {
    width: 16px;
    height: 16px;
  }
}
.detail__sign-title span {
  max-width: calc(100% - 20px);
  padding-left: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 800px) {
  .detail__sign-title span {
    max-width: calc(100% - 28px);
    font-size: 20px;
    line-height: 28px;
  }
}
.detail__sign-text {
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .detail__sign-text {
    font-size: 14px;
    line-height: 20px;
  }
}
.detail__sign-button {
  background: var(--red-red-700);
  border-color: var(--red-red-700);
  color: #fff;
  margin-top: 12px;
  width: 100%;
  max-width: 285px;
}
.detail__sign-button:hover {
  background: none;
  color: var(--red-red-700);
}
.detail__search {
  max-width: 670px;
  margin-bottom: 40px;
}
.detail__search .search__result {
  top: calc(100% + 8px);
  width: calc(100% - 16px);
  left: 8px;
  -webkit-box-shadow: 0px 4px 12px 0px #ececec;
          box-shadow: 0px 4px 12px 0px #ececec;
}
.detail__page-sort {
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .detail__page-sort {
    display: none;
  }
}
.detail__page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.detail__page-head {
  display: none;
  padding: 16px 20px;
  border-radius: 8px;
  grid-template-columns: 1.3fr 1fr 2.8fr;
  background: #d7d9e1;
  position: relative;
  gap: 16px;
}
@media (min-width: 800px) {
  .detail__page-head {
    display: grid;
    padding-right: 176px;
  }
}
.detail__page-head-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .detail__page-head-item:last-child {
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
.detail__page-head-item svg {
  display: none;
  color: var(--black-balck-600);
  stroke: var(--black-balck-600);
}
@media (min-width: 800px) {
  .detail__page-head-item svg {
    display: block;
  }
}
.detail__page-head-item.active svg {
  color: var(--red-red-700);
}
.detail__page-head-item.increased svg {
  color: var(--red-red-700);
  stroke: var(--black-balck-600);
}
.detail__page-head-item.decreased svg {
  color: var(--black-balck-600);
  stroke: var(--red-red-700);
}
.detail__page-item {
  background: #fafafb;
  position: relative;
  padding: 16px 20px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .detail__page-item {
    grid-template-columns: 1fr 3fr;
    padding-right: 176px;
  }
}
@media (min-width: 800px) {
  .detail__page-item:hover {
    background: #ebecf0;
  }
}
.detail__page-item.hidden {
  display: none;
}
.detail__page-item-code {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (min-width: 800px) {
  .detail__page-item-code {
    display: block;
  }
}
.detail__page-item-code b {
  font-weight: 600;
}
@media (min-width: 800px) {
  .detail__page-item-code b {
    display: none;
  }
}
.detail__page-item-code span {
  text-align: right;
}
.detail__page-item-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.detail__page-item-pic {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.detail__page-item-pic:hover {
  border-color: var(--red-red-700);
}
.detail__page-item-pic > * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
     object-fit: contain;
}
.detail__page-item-body {
  width: calc(100% - 80px);
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
}
@media (min-width: 800px) {
  .detail__page-item-body {
    padding-left: 60px;
  }
}
.detail__page-item-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-decoration: underline;
  font-size: 12px;
  line-height: 16px;
  max-height: 32px;
}
@media (min-width: 800px) {
  .detail__page-item-name {
    font-size: 14px;
    line-height: 20px;
    max-height: 40px;
  }
}
.detail__page-item-name:hover {
  color: var(--red-red-700);
}
.detail__page-item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  font-weight: 700;
}
@media (min-width: 800px) {
  .detail__page-item-price {
    width: 140px;
    position: absolute;
    top: 50%;
    right: 16px;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    text-align: right;
  }
}
.detail__page-item-price span:nth-child(2) {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  text-decoration: line-through;
  color: var(--gray-153);
}
.detail__subtitle {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .detail__subtitle {
    font-size: 24px;
    line-height: 32px;
  }
}
.detail__orders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}
.detail__orders-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px 0;
}
@media (min-width: 1200px) {
  .detail__orders-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.detail__orders-item {
  background: #fafafb;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-radius: 12px;
  gap: 16px;
}
@media (min-width: 800px) {
  .detail__orders-item {
    gap: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 18px 16px;
  }
}
@media (min-width: 1200px) {
  .detail__orders-item {
    width: calc(50% - 6px);
  }
}
.detail__orders-item .checkbox {
  width: 100%;
}
@media (min-width: 800px) {
  .detail__orders-item .checkbox {
    width: calc(100% - 160px);
    padding-right: 16px;
  }
}
.detail__orders-item .checkbox__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  font-size: 14px;
  line-height: 20px;
  padding-left: 36px;
}
.detail__orders-item .checkbox__text:before {
  top: 50%;
  margin-top: -10px;
}
.detail__orders-item .checkbox__text:after {
  top: 50%;
  margin-top: -5px;
}
.detail__orders-item .checkbox__text b {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 600;
}
.detail__orders-item .checkbox__text span {
  width: 100%;
}
.detail__orders-item .checkbox__text span i {
  color: #a0a0a0;
  font-style: normal;
}
.detail__orders-item .btn {
  color: #111;
  border-color: #111;
  width: 160px;
  height: 40px;
  padding: 0;
}
.detail__orders-item .btn:hover {
  background: #111;
  color: #fff;
}
.detail__orders-item .btn[disabled] {
  border-color: #cfcfcf;
  color: #cfcfcf;
  cursor: not-allowed;
}
.detail__orders-item .btn[disabled]:hover {
  background: none;
  color: #cfcfcf;
}
.detail__orders-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.detail__orders-bottom-button {
  background: var(--red-red-700);
  border-color: var(--red-red-700);
  color: #fff;
}
.detail__orders-bottom-button:hover {
  background: none;
  color: var(--red-red-700);
}
.detail__orders-bottom-button[disabled] {
  background: #f8d5d5;
  border-color: #f8d5d5;
  cursor: not-allowed;
}
.detail__orders-bottom-button[disabled]:hover {
  color: #fff;
  background: #f8d5d5;
}
.detail__orders-bottom-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.detail__orders-bottom-text b {
  font-weight: 600;
  color: var(--red-red-700);
}

.tech {
  padding-bottom: 40px;
}
.tech__title {
  margin-bottom: 12px;
}
@media (min-width: 800px) {
  .tech__title {
    margin-bottom: 20px;
  }
}
.tech__title span {
  color: #a0a0a0;
  font-size: 60%;
}
.tech__subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 20px;
}
.tech__text {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .tech__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.tech__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
  margin-bottom: 40px;
}
.tech__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tech__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.tech__notify span i {
  color: var(--red-red-700);
  font-style: normal;
}
.tech__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.tech__notify svg:hover {
  color: var(--red-red-700);
}
.tech__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 800px) {
  .tech__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.tech__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 40px;
}
@media (min-width: 800px) {
  .tech__body-left {
    width: calc(100% - 264px);
    padding: 0;
    padding-right: 28px;
  }
}
@media (min-width: 1200px) {
  .tech__body-left {
    width: calc(100% - 560px);
    padding-right: 40px;
  }
}
.tech__body-left-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}
.tech__body-left-item .field {
  width: 100%;
}
.tech__body-left-item .checkbox {
  width: 100%;
  margin-top: 8px;
}
.tech__body-left-item .checkbox__text a {
  text-decoration: underline;
  color: #707070;
}
.tech__body-left-item .checkbox__text a:hover {
  color: var(--red-red-700);
}
.tech__body-left-item > .btn {
  height: 44px;
  padding: 0 32px;
  background: var(--red-red-700);
  border-color: var(--red-red-700);
  color: #fff;
  margin-top: 8px;
}
.tech__body-left-item > .btn:hover {
  background: none;
  color: var(--red-red-700);
}
.tech__body-left-item > .btn[disabled] {
  background: #f8d5d5;
  border-color: #f8d5d5;
  cursor: not-allowed;
}
.tech__body-left-item > .btn[disabled]:hover {
  color: #fff;
  background: #f8d5d5;
}
.tech__body-left-item .captcha {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 8px;
}
.tech__body-left-item .captcha img {
  max-width: 320px;
}
.tech__body-left-item + .tech__body-left-item {
  padding-top: 20px;
  border-top: 1px solid #cfcfcf;
}
.tech__body-left-toper {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.tech__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 800px) {
  .tech__body-right {
    position: sticky;
    top: 108px;
    width: 264px;
  }
}
@media (min-width: 1200px) {
  .tech__body-right {
    top: 120px;
    width: 560px;
  }
}

.cabinet {
  padding: 40px 0;
  background: #fafafb;
}
@media (min-width: 800px) {
  .cabinet {
    padding-bottom: 80px;
  }
}
.cabinet .card-main__availability-current {
  padding: 0;
}
.cabinet .card-main__availability-current:before {
  display: none;
}
.cabinet .btn:hover {
  background: var(--red-red-700);
  color: #fff;
}
.cabinet__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1200px) {
  .cabinet__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cabinet__wrapper-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .cabinet__wrapper-left {
    width: 320px;
    gap: 24px;
  }
}
.cabinet__wrapper-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .cabinet__wrapper-right {
    width: calc(100% - 320px);
    gap: 24px;
    padding: 0;
    padding-left: 28px;
  }
}
.cabinet__breadcrumbs {
  padding-bottom: 0;
}
.cabinet__breadcrumbs .breadcrumbs__item:last-child {
  color: #a0a0a0;
}
.cabinet__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: -8px;
}
@media (min-width: 800px) {
  .cabinet__back {
    margin-bottom: -12px;
  }
}
.cabinet__back:hover {
  color: var(--red-red-700);
}
.cabinet__back svg {
  width: 16px;
  height: 16px;
  color: var(--red-red-700);
}
.cabinet__back span {
  width: calc(100% - 16px);
  padding-left: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet__back span {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet__title {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .cabinet__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.cabinet__title span {
  font-size: 50%;
  font-weight: 500;
  color: #a0a0a0;
}
.cabinet__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 24px;
}
.cabinet__toper .btn svg {
  color: #7b818f;
}
.cabinet__toper .btn:hover svg {
  color: #fff;
}
.cabinet__side-navs {
  padding: 16px;
  background: #fff;
  border: 1px solid #ebecf0;
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 12px 0px #ececec;
          box-shadow: 0px 4px 12px 0px #ececec;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1200px) {
  .cabinet__side-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cabinet__side-navs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px;
  color: #707070;
}
.cabinet__side-navs-item:hover {
  color: var(--red-red-700);
}
.cabinet__side-navs-item.active {
  border-radius: 12px;
  color: #111;
  background: #ebecf0;
}
.cabinet__side-navs-item svg {
  color: #9aa1b3;
  width: 20px;
  height: 20px;
}
.cabinet__side-navs-item.active svg {
  color: var(--red-red-700);
}
.cabinet__side-navs-item span {
  width: calc(100% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cabinet__side-navs-item i {
  font-style: normal;
  font-weight: 500;
  padding: 0 12px;
  font-size: 14px;
  line-height: 20px;
}
.cabinet__side-navs-item b {
  font-weight: 600;
  font-size: 14px;
  background: #7b818f;
  color: #fff;
  border-radius: 999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  line-height: 1;
  padding: 0 5px;
  min-width: 20px;
}
.cabinet__manager {
  padding: 20px 16px;
  background: #fff;
  border: 1px solid #ebecf0;
  border-radius: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cabinet__manager-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: none;
  border: none;
  text-align: left;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet__manager-toggle:hover {
  color: var(--red-red-700);
}
@media (min-width: 1200px) {
  .cabinet__manager-toggle:hover {
    color: inherit;
  }
}
@media (min-width: 1200px) {
  .cabinet__manager-toggle {
    cursor: default;
  }
}
.cabinet__manager-toggle span {
  width: calc(100% - 20px);
  padding-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2px 8px;
}
.cabinet__manager-toggle b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .cabinet__manager-toggle b {
    font-size: 16px;
    line-height: 22px;
  }
}
.cabinet__manager-toggle i {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #a0a0a0;
}
@media (min-width: 1200px) {
  .cabinet__manager-toggle i {
    display: none;
  }
}
.cabinet__manager-toggle svg {
  width: 20px;
  height: 20px;
}
@media (min-width: 1200px) {
  .cabinet__manager-toggle svg {
    display: none;
  }
}
.cabinet__manager-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  height: 0;
  overflow: hidden;
  gap: 16px;
}
@media (min-width: 1200px) {
  .cabinet__manager-body {
    opacity: 1;
    height: auto;
    overflow: visible;
    margin-top: 16px;
  }
}
.active + .cabinet__manager-body {
  opacity: 1;
  height: auto;
  overflow: visible;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-top: 16px;
}
.cabinet__manager-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cabinet__manager-name picture {
  display: block;
  width: 62px;
  border-radius: 999px;
  overflow: hidden;
}
.cabinet__manager-name picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet__manager-name span {
  width: calc(100% - 62px);
  padding-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cabinet__manager-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cabinet__manager-info a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet__manager-info a:hover {
  color: var(--red-red-700);
}
.cabinet__manager-info a svg {
  width: 20px;
  height: 20px;
  color: var(--red-red-700);
}
.cabinet__manager-info a span {
  width: calc(100% - 20px);
  padding-left: 8px;
}
.cabinet__things {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  .cabinet__things {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
.cabinet__things-item {
  background: #ebecf0;
  border-radius: 12px;
  border: 1px solid #d7d9e1;
  padding: 20px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  position: relative;
  padding-right: 76px;
}
@media (min-width: 800px) {
  .cabinet__things-item {
    padding-right: 96px;
  }
}
.cabinet__things-item_green {
  border-color: #bedca6;
  background: #eff7e9;
}
.cabinet__things-item picture {
  width: 48px;
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -24px;
}
@media (min-width: 800px) {
  .cabinet__things-item picture {
    width: 60px;
    margin-top: -30px;
  }
}
.cabinet__things-item picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.cabinet__things-item b {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet__things-item b {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet__things-item span {
  font-size: 12px;
  line-height: 16px;
}
.cabinet__navs {
  display: grid;
  gap: 8px;
}
@media (min-width: 800px) {
  .cabinet__navs {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .cabinet__navs {
    gap: 16px;
  }
}
.cabinet__navs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  position: relative;
  background: #fff;
  border: 1px solid #ebecf0;
  border-radius: 12px;
  padding: 16px;
  overflow: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 118px;
}
@media (min-width: 800px) {
  .cabinet__navs-item {
    height: 142px;
    padding: 20px;
  }
}
.cabinet__navs-item:hover {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(76, 31, 31, 0.12);
          box-shadow: 0px 4px 12px 0px rgba(76, 31, 31, 0.12);
}
.cabinet__navs-item svg {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 48px;
  height: 48px;
  color: var(--red-red-700);
}
@media (min-width: 800px) {
  .cabinet__navs-item svg {
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
  }
}
.cabinet__navs-item b {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.cabinet__navs-item i {
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.cabinet__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
}
.cabinet__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cabinet__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cabinet__notify span i {
  color: var(--red-red-700);
  font-style: normal;
}
.cabinet__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.cabinet__notify svg:hover {
  color: var(--red-red-700);
}
.cabinet__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 0;
}
.cabinet__fields_top-line {
  padding-top: 16px;
  border-top: 1px solid #e8e8e8;
}
@media (min-width: 800px) {
  .cabinet__fields_top-line {
    padding-top: 20px;
  }
}
.cabinet__fields .field {
  width: 100%;
}
@media (min-width: 800px) {
  .cabinet__fields .field {
    width: calc(50% - 6px);
  }
}
.cabinet__fields .field_fullwidth {
  width: 100%;
}
.cabinet__fields-row {
  width: 100%;
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  .cabinet__fields-row {
    grid-template-columns: 2fr 1fr;
  }
}
.cabinet__fields-row .field {
  width: 100%;
}
@media (min-width: 800px) {
  .cabinet__fields-row_3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.cabinet__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.cabinet__buttons .btn svg {
  color: #7b818f;
}
.cabinet__buttons .btn:hover svg {
  color: #fff;
}
.cabinet__buttons .btn_active {
  background: var(--red-red-700);
  color: #fff;
}
.cabinet__buttons .btn_active svg {
  color: #fff;
}
.cabinet__buttons .btn_active[disabled] {
  border-color: #f8d5d5;
  background: #f8d5d5;
  cursor: not-allowed;
}
@media (min-width: 1200px) {
  .cabinet .catalog__cards .card-main__inner {
    padding: 20px;
  }
}
.cabinet .catalog__cards .card-main__inner:before {
  display: none;
}
.cabinet .catalog__cards .card-main__buttons {
  height: 0;
  padding: 0;
  opacity: 1;
  visibility: visible;
}
.cabinet .catalog__cards .card-main__more {
  display: none;
}
.cabinet .catalog__cards .card-main__icon {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
}
.cabinet .catalog__cards .card-main__icon.active {
  background: var(--red-red-700);
}
.cabinet .catalog__cards .card-main__icon.active svg {
  color: #fff;
}

.cabinet-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  background: #fff;
  padding: 16px;
}
@media (min-width: 800px) {
  .cabinet-body {
    padding: 20px;
  }
}
.cabinet-body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (min-width: 800px) {
  .cabinet-body__item {
    gap: 20px;
  }
}
.cabinet-body__item + .cabinet-body__item {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e8e8e8;
}
.cabinet-body__title {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .cabinet-body__title {
    font-size: 18px;
    line-height: 24px;
  }
}

.cabinet-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 16px;
  padding: 40px 20px;
}
@media (min-width: 800px) {
  .cabinet-empty {
    padding-top: 60px;
    margin-bottom: 60px;
  }
}
.cabinet-empty__icon {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: linear-gradient(225deg, #fafafb 0.18%, #ebecf0 100.18%);
  border-radius: 999px;
  color: var(--red-red-700);
  margin-bottom: 8px;
}
@media (min-width: 800px) {
  .cabinet-empty__icon {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
  }
}
.cabinet-empty__icon svg {
  width: 40px;
  height: 40px;
}
@media (min-width: 800px) {
  .cabinet-empty__icon svg {
    width: 72px;
    height: 72px;
  }
}
.cabinet-empty__text-1 {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
@media (min-width: 800px) {
  .cabinet-empty__text-1 {
    font-size: 20px;
    line-height: 28px;
  }
}
.cabinet-empty__text-2 {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
@media (min-width: 800px) {
  .cabinet-empty__text-2 {
    font-size: 16px;
    line-height: 22px;
  }
}
.cabinet-empty__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 24px;
  height: 40px;
  background: none;
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  border-radius: 8px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid var(--red-red-700);
  margin-top: 8px;
}
@media (min-width: 800px) {
  .cabinet-empty__back {
    font-size: 14px;
    margin-top: 12px;
  }
}
.cabinet-empty__back:hover {
  color: #fff;
  background: var(--red-red-700);
}

.cabinet-orders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cabinet-orders__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .cabinet-orders__head {
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .cabinet-orders__head {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 16px 20px;
    background: #d7d9e1;
    border-radius: 8px;
    grid-template-columns: 1.15fr 1fr 1fr 1fr 0.8fr;
  }
}
.cabinet-orders__head-item {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
@media (min-width: 800px) {
  .cabinet-orders__head-item {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .cabinet-orders__head-item {
    font-weight: 600;
  }
}
.cabinet-orders__head-item:last-child {
  display: none;
}
@media (min-width: 1200px) {
  .cabinet-orders__head-item:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cabinet-orders__head-item svg {
  width: 20px;
  height: 20px;
  color: var(--black-balck-600);
  stroke: var(--black-balck-600);
}
.cabinet-orders__head-item.active svg {
  color: var(--red-red-700);
}
.cabinet-orders__head-item.increased svg {
  color: var(--red-red-700);
  stroke: var(--black-balck-600);
}
.cabinet-orders__head-item.decreased svg {
  color: var(--black-balck-600);
  stroke: var(--red-red-700);
}
.cabinet-orders__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cabinet-orders__item {
  display: grid;
  gap: 16px;
  border-radius: 12px;
  border: 1px solid #ebecf0;
  padding: 16px;
  background: #fff;
  font-size: 12px;
  line-height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cabinet-orders__item {
    grid-template-columns: 1fr 2fr;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (min-width: 1200px) {
  .cabinet-orders__item {
    grid-template-columns: 114px 1fr;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .cabinet-orders__item {
    grid-template-columns: 208px 1fr;
  }
}
.cabinet-orders__item:hover {
  background: #ebecf0;
}
.cabinet-orders__item-one {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cabinet-orders__item-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
@media (min-width: 1200px) {
  .cabinet-orders__item-two {
    grid-template-columns: 1fr 1fr 1fr 0.8fr;
  }
}
.cabinet-orders__item-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.cabinet-orders__item-value b {
  width: 100%;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .cabinet-orders__item-value b {
    display: none;
  }
}
.cabinet-orders__item-value i {
  width: 100%;
  font-style: normal;
}
.cabinet-orders__item-value span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f6f8;
  color: #7b818f;
  border-radius: 999px;
  font-weight: 500;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
}
.cabinet-orders__item-value span.red {
  background: #f8d5d5;
  color: #dc2f2f;
}
.cabinet-orders__item-value span.green {
  background: #eff7e9;
  color: #5ca821;
}
.cabinet-orders__item-value span.orange {
  background: #fef4ea;
  color: #f3892b;
}
.cabinet-orders__pagination {
  margin-top: 20px;
}

.cabinet-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .cabinet-order {
    gap: 24px;
  }
}
.cabinet-order__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .cabinet-order__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.cabinet-order__toper-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cabinet-order__toper-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 22px;
  height: 40px;
  background: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid;
  color: #5c616b;
  border-radius: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cabinet-order__toper-link {
    font-size: 14px;
  }
}
.cabinet-order__toper-link:hover {
  color: var(--red-red-700);
}
.cabinet-order__toper-link svg {
  width: 20px;
  height: 20px;
}
.cabinet-order__toper-link span {
  max-width: calc(100% - 20px);
  padding-left: 8px;
}
.cabinet-order__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1200px) {
  .cabinet-order__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.cabinet-order__body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media (min-width: 1200px) {
  .cabinet-order__body-left {
    width: calc(100% - 320px);
  }
}
.cabinet-order__body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .cabinet-order__body-right {
    padding: 0;
    width: 320px;
    padding-left: 20px;
    position: sticky;
    top: 177px;
  }
}
.cabinet-order__things {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  font-size: 12px;
  line-height: 16px;
  -webkit-box-shadow: 0px 4px 12px 0px #ececec;
          box-shadow: 0px 4px 12px 0px #ececec;
}
@media (min-width: 800px) {
  .cabinet-order__things {
    font-size: 14px;
    line-height: 20px;
    gap: 16px;
    padding: 20px;
  }
}
.cabinet-order__things-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4px;
}
@media (min-width: 800px) {
  .cabinet-order__things-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 16px;
  }
}
.cabinet-order__things-item b {
  font-weight: 500;
  color: #a0a0a0;
}
.cabinet-order__things-item i {
  width: 100%;
  font-weight: 500;
  font-style: normal;
}
.cabinet-order__things-item span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f5f6f8;
  color: #7b818f;
  border-radius: 999px;
  font-weight: 500;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 16px;
}
.cabinet-order__things-item span.red {
  background: #f8d5d5;
  color: #dc2f2f;
}
.cabinet-order__things-item span.green {
  background: #eff7e9;
  color: #5ca821;
}
.cabinet-order__things-item span.orange {
  background: #fef4ea;
  color: #f3892b;
}
.cabinet-order__controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cabinet-order__controls-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  height: 40px;
  background: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid;
  color: #5ca821;
  border-radius: 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cabinet-order__controls-item {
    font-size: 14px;
  }
}
.cabinet-order__controls-item:last-child {
  color: var(--red-red-700);
}
.cabinet-order__controls-item svg {
  width: 20px;
  height: 20px;
}
.cabinet-order__controls-item span {
  max-width: calc(100% - 20px);
  padding-left: 8px;
}
.cabinet-order__controls-item:disabled {
  cursor: default;
  color: var(--red-red-300);
}
.cabinet-order__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cabinet-order__list-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .cabinet-order__list-title {
    font-size: 24px;
    line-height: 32px;
  }
}
.cabinet-order__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
@media (min-width: 1200px) {
  .cabinet-order__list-item {
    gap: 12px;
  }
}
@media (min-width: 800px) {
  .cabinet-order__list .cart__list-item-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
  }
}
.cabinet-order__list .cart__list-item-price i {
  color: #111;
  background: #ffd83a;
}
@media (min-width: 800px) {
  .cabinet-order__list .cart__list-item-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 800px) {
  .cabinet-order__list .cart__list-item-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 800px) {
  .cabinet-order__list .cart__list-item-body-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 20px;
  }
}

.cabinet-faqs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.cabinet-faqs__photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .cabinet-faqs__photos {
    gap: 20px;
  }
}
.cabinet-faqs__photos-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .cabinet-faqs__photos-label {
    font-size: 16px;
    line-height: 22px;
  }
}
.cabinet-faqs__photos-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media (min-width: 600px) {
  .cabinet-faqs__photos-items {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 800px) {
  .cabinet-faqs__photos-items {
    gap: 16px;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1000px) {
  .cabinet-faqs__photos-items {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1400px) {
  .cabinet-faqs__photos-items {
    grid-template-columns: repeat(8, 1fr);
  }
}
.cabinet-faqs__photos-item {
  display: none;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  height: 90px;
}
.cabinet-faqs__photos-item:nth-child(1), .cabinet-faqs__photos-item:nth-child(2), .cabinet-faqs__photos-item:nth-child(3) {
  display: block;
}
@media (min-width: 600px) {
  .cabinet-faqs__photos-item:nth-child(4) {
    display: block;
  }
}
@media (min-width: 800px) {
  .cabinet-faqs__photos-item:nth-child(5) {
    display: block;
  }
}
@media (min-width: 1000px) {
  .cabinet-faqs__photos-item:nth-child(6) {
    display: block;
  }
}
@media (min-width: 1400px) {
  .cabinet-faqs__photos-item:nth-child(7) {
    display: block;
  }
}
.cabinet-faqs__photos-item picture,
.cabinet-faqs__photos-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet-faqs__photos-more {
  position: relative;
  background: none;
  border: none;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  height: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cabinet-faqs__photos-more:before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111;
  opacity: 0.6;
}
.cabinet-faqs__photos-more picture,
.cabinet-faqs__photos-more img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
.cabinet-faqs__photos-more span {
  z-index: 3;
  position: relative;
  background: rgba(255, 255, 255, 0.8);
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  padding: 0 8px;
  font-weight: 600;
  font-size: 14px;
  color: var(--red-red-700);
  border-radius: 8px;
}
.cabinet-faqs .questions-product__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px 20px;
}
.cabinet-faqs__items {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.cabinet-faqs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  border: 1px solid #f3f3f3;
  background: #fff;
  border-radius: 12px;
  padding: 18px 16px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item {
    padding: 20px;
  }
}
.cabinet-faqs__item-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2px;
  color: #e8e8e8;
}
.cabinet-faqs__item-stars .active {
  color: var(--red-red-700);
}
.cabinet-faqs__item-toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}
.cabinet-faqs__item-toper time {
  font-size: 12px;
  line-height: 16px;
}
.cabinet-faqs__item-toper-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.cabinet-faqs__item-toper-row:before {
  content: "";
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 1px;
  height: 20px;
  background: #cfcfcf;
  border-radius: 999px;
}
.cabinet-faqs__item-toper-row button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--red-red-700);
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet-faqs__item-toper-row button:hover {
  color: #111;
}
.cabinet-faqs__item-toper-row button + button {
  color: #9aa1b3;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.cabinet-faqs__item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid #ebecf0;
  background: #fafafb;
  padding: 12px;
  position: relative;
  padding-left: 80px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px;
    gap: 0;
  }
}
.cabinet-faqs__item-name:hover {
  border-color: var(--red-red-700);
}
.cabinet-faqs__item-name-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-name-left {
    width: calc(100% - 140px);
    padding-right: 20px;
  }
}
.cabinet-faqs__item-name-left picture {
  width: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #ebecf0;
  border-radius: 8px;
  overflow: hidden;
  position: absolute;
  top: 11px;
  left: 11px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-name-left picture {
    position: static;
  }
}
.cabinet-faqs__item-name-left picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet-faqs__item-name-left i {
  width: calc(100% - 56px);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 56px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-name-left i {
    padding-left: 16px;
  }
}
.cabinet-faqs__item-name-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: calc(100% - 56px);
}
@media (min-width: 800px) {
  .cabinet-faqs__item-name-right {
    width: 140px;
    text-align: right;
  }
}
.cabinet-faqs__item-name-right b {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}
.cabinet-faqs__item-name-right del {
  color: #999;
  text-decoration: line-through;
  font-size: 12px;
  line-height: 16px;
}
.cabinet-faqs__item-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.cabinet-faqs__item-review-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cabinet-faqs__item-review b {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-review b {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-faqs__item-review p {
  color: #414141;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-review p {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-faqs__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}
.cabinet-faqs__item-text b {
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.cabinet-faqs__item-text p {
  color: #414141;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-text p {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-faqs__item-text.active p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.cabinet-faqs__item-text button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: none;
  font-weight: 500;
  background: none;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet-faqs__item-text button:hover {
  color: var(--red-red-700);
}
.cabinet-faqs__item-text button span {
  display: none;
  max-width: calc(100% - 20px);
  padding-right: 8px;
}
.cabinet-faqs__item-text button span + span {
  display: inline;
}
.cabinet-faqs__item-text button svg {
  width: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.cabinet-faqs__item-text.active button span {
  display: inline;
}
.cabinet-faqs__item-text.active button span + span {
  display: none;
}
.cabinet-faqs__item-text.active button svg {
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
}
.cabinet-faqs__item-photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
@media (min-width: 600px) {
  .cabinet-faqs__item-photos {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 800px) {
  .cabinet-faqs__item-photos {
    gap: 16px;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1000px) {
  .cabinet-faqs__item-photos {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1400px) {
  .cabinet-faqs__item-photos {
    grid-template-columns: repeat(8, 1fr);
  }
}
.cabinet-faqs__item-photos-item {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  height: 90px;
}
.cabinet-faqs__item-photos-item picture,
.cabinet-faqs__item-photos-item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cabinet-faqs__item-lvt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.cabinet-faqs__item-lvt-body {
  width: 100%;
  padding: 16px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  border-radius: 12px;
  background: #ebecf0;
}
.cabinet-faqs__item-lvt.active .cabinet-faqs__item-lvt-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cabinet-faqs__item-lvt-one {
  width: 100%;
  padding-left: 68px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.cabinet-faqs__item-lvt-one picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 56px;
  position: absolute;
  top: 0;
  left: 0;
}
.cabinet-faqs__item-lvt-one picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 56/28;
  -o-object-fit: contain;
     object-fit: contain;
}
.cabinet-faqs__item-lvt-one b {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--red-red-700);
}
.cabinet-faqs__item-lvt-one i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.cabinet-faqs__item-lvt-two {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.cabinet-faqs__item-lvt-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: none;
  padding: 0;
  border: none;
  color: var(--red-red-700);
  font-size: 12px;
  line-height: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 600;
}
@media (min-width: 800px) {
  .cabinet-faqs__item-lvt-more {
    font-size: 14px;
    line-height: 20px;
  }
}
.cabinet-faqs__item-lvt-more:hover {
  color: #111;
}
.cabinet-faqs__item-lvt-more span {
  border-bottom: 1px dashed;
}
.cabinet-faqs__item-lvt-more span + span {
  display: none;
}
.cabinet-faqs__item-lvt.active .cabinet-faqs__item-lvt-more span {
  display: none;
}
.cabinet-faqs__item-lvt.active .cabinet-faqs__item-lvt-more span + span {
  display: inline;
}
.cabinet-faqs__item-lvt-user {
  width: 100%;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  background: #fafafb;
  border-radius: 12px;
  padding: 16px;
}
.cabinet-faqs__item-lvt-user-one {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
.cabinet-faqs__item-lvt-user-one b {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.cabinet-faqs__item-lvt-user-one i {
  font-style: normal;
  font-size: 12px;
  line-height: 16px;
}
.cabinet-faqs__item-lvt-user-two {
  width: 100%;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}
.cabinet-faqs__item-lvt.active .cabinet-faqs__item-lvt-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cabinet-faqs__item-lvt-button {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: none;
  border: none;
  font-weight: 500;
  color: #707070;
  font-size: 14px;
  line-height: 20px;
}
.cabinet-faqs__item-lvt-button:hover {
  color: var(--red-red-700);
}
.cabinet-faqs__btn {
  -ms-flex-item-align: center;
      align-self: center;
}

.cabinet-compare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cabinet-compare__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -16px;
  padding: 0 16px;
  margin-bottom: 20px;
}
.cabinet-compare__tabs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 16px 12px;
  position: relative;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 800px) {
  .cabinet-compare__tabs-item {
    font-size: 14px;
    padding: 16px 24px;
  }
}
.cabinet-compare__tabs-item:before {
  content: "";
  width: 100%;
  height: 2px;
  background: #f3f3f3;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.cabinet-compare__tabs-item.active:before {
  background: var(--red-red-700);
}
.cabinet-compare__tabs-item span {
  color: #a0a0a0;
}
.cabinet-compare__body {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cabinet-compare__body.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cabinet-compare__body-goods-wrapper {
  height: 524px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-wrapper {
    height: 494px;
  }
}
@media (min-width: 1200px) {
  .cabinet-compare__body-goods-wrapper {
    height: 498px;
  }
}
.cabinet-compare__body-goods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  gap: 20px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0;
  }
}
.cabinet-compare__body-goods-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-left {
    position: sticky;
    top: 100px;
    width: 240px;
  }
}
@media (min-width: 1200px) {
  .cabinet-compare__body-goods-left {
    width: 260px;
  }
}
.cabinet-compare__body-goods-left label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  cursor: pointer;
}
.cabinet-compare__body-goods-left input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.cabinet-compare__body-goods-left div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 44px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cfcfcf;
  padding: 0 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 2;
}
.cabinet-compare__body-goods-left :checked + div {
  border-color: var(--red-red-700);
}
.cabinet-compare__body-goods-left span {
  width: calc(100% - 20px);
  padding-right: 20px;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}
.cabinet-compare__body-goods-left i {
  width: 20px;
  height: 20px;
  border: 1px solid #d7d9e1;
  border-radius: 999px;
}
.cabinet-compare__body-goods-left :checked + div i {
  border: 6px solid var(--red-red-700);
}
.cabinet-compare__body-goods-right {
  display: block;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-right {
    width: calc(100% - 240px);
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .cabinet-compare__body-goods-right {
    width: calc(100% - 260px);
  }
}
.cabinet-compare__body-goods-right .swiper {
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 16px;
}
.cabinet-compare__body-goods-right .swiper-scrollbar {
  height: 2px;
  bottom: 0;
  background: #f3f3f3;
  z-index: 49;
}
.cabinet-compare__body-goods-right .swiper-scrollbar-drag {
  background: #9aa1b3;
}
.cabinet-compare__body-goods-right .swiper-slide {
  border-left: 1px solid #e8e8e8;
}
.cabinet-compare__body-goods-right .swiper-slide:first-child {
  border-left: none;
}
.cabinet-compare__body-goods-right .swiper-prev, .cabinet-compare__body-goods-right .swiper-next {
  width: 36px;
  height: 36px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  color: #414141;
  border: 1px solid #e8e8e8;
  background: #fff;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-right .swiper-prev, .cabinet-compare__body-goods-right .swiper-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.cabinet-compare__body-goods-right .swiper-prev:hover, .cabinet-compare__body-goods-right .swiper-next:hover {
  border-color: var(--red-red-700);
  color: var(--red-red-700);
}
.cabinet-compare__body-goods-right .swiper-prev[disabled], .cabinet-compare__body-goods-right .swiper-next[disabled] {
  display: none;
}
.cabinet-compare__body-goods-right .swiper-prev {
  left: 12px;
}
.cabinet-compare__body-goods-right .swiper-prev svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.cabinet-compare__body-goods-right .swiper-next {
  right: 12px;
}
.cabinet-compare__body-goods-right .swiper-next svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.cabinet-compare__body-goods-right .card-main__inner {
  border-radius: 0;
  padding: 20px 12px;
}
.cabinet-compare__body-goods-right .card-main__inner:before {
  display: none;
}
.cabinet-compare__body-goods-right .card-main__bottom {
  margin: 0;
}
.cabinet-compare__body-goods-right .card-main__buttons {
  padding: 0;
  position: static;
  opacity: 1;
  visibility: visible;
}
.cabinet-compare__body-goods-right .card-main__icon {
  background-color: #fff;
  opacity: 1;
  visibility: visible;
}
.cabinet-compare__body-goods-right .card-main__icon.active {
  background: var(--red-red-700);
}
.cabinet-compare__body-goods-right .card-main__icon.active svg {
  color: #fff;
}
.cabinet-compare__body-goods-right .card-main__availability-current {
  cursor: unset;
  padding: 0;
}
.cabinet-compare__body-goods-right .card-main__availability-current:before {
  display: none;
}
.cabinet-compare__body-goods-right .card-main__availability-dropdown {
  display: none !important;
}
.cabinet-compare__body-goods-right .card-main__img {
  height: 140px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-right .card-main__img {
    height: 220px;
  }
}
.cabinet-compare__body-goods-right .card-main__prices {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 800px) {
  .cabinet-compare__body-goods-right .card-main__prices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.cabinet-compare__body-goods-right-swiper {
  position: relative;
}
.cabinet-compare__body-goods-right-scrollbar {
  position: relative;
  margin-top: 20px;
}
.cabinet-compare__body-params {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #ebecf0;
  margin-top: 20px;
}
.cabinet-compare__body-params-item {
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  border-top: 1px solid #ebecf0;
}
@media (min-width: 800px) {
  .cabinet-compare__body-params-item {
    gap: 0;
  }
}
.cabinet-compare__body-params-item:first-child {
  border-top: none;
}
.cabinet-compare__body-params-label {
  padding: 0 12px;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-params-label {
    font-size: 16px;
    line-height: 22px;
    padding: 0 16px;
    margin-bottom: 12px;
  }
}
.cabinet-compare__body-params-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
}
@media (min-width: 800px) {
  .cabinet-compare__body-params-row {
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 0;
  }
}
.cabinet-compare__body-params-left {
  padding: 0 12px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .cabinet-compare__body-params-left {
    width: 240px;
    padding: 0;
    padding-left: 24px;
  }
}
@media (min-width: 1200px) {
  .cabinet-compare__body-params-left {
    width: 260px;
  }
}
@media (min-width: 800px) {
  .cabinet-compare__body-params-right {
    width: calc(100% - 240px);
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .cabinet-compare__body-params-right {
    width: calc(100% - 260px);
  }
}
.cabinet-compare__body-params-right .swiper-slide {
  padding: 0 12px;
}
.cabinet-compare__body-params-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  border-radius: 8px;
  padding: 8px 12px;
  background: #fafafb;
}
.cabinet-compare__body-params-value i {
  font-style: normal;
}
.cabinet-compare__body-params-value i.green {
  color: #5ca821;
}
.cabinet-compare__body-params-value i.red {
  color: var(--red-red-700);
}
.cabinet-compare__body-params-value-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2px;
  color: #e8e8e8;
}
.cabinet-compare__body-params-value-stars .active {
  color: var(--red-red-700);
}
.cabinet-compare__body-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}
.cabinet-compare__body-buttons-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 0 24px;
  border-radius: 8px;
  border: 1px solid;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  color: #7b818f;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  height: 40px;
}
.cabinet-compare__body-buttons-item:hover {
  color: var(--red-red-700);
}
.cabinet-compare__body-buttons-item svg {
  width: 20px;
  height: 20px;
}

.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods {
  z-index: 51;
  position: fixed;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  max-width: 1388px;
  width: 100%;
  padding: 16px;
  padding-bottom: 8px;
}
@media (min-width: 800px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods {
    padding: 20px;
  }
}
@media (min-width: 1200px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods {
    padding-left: 368px;
  }
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0px 4px 16px 0px rgba(17, 17, 17, 0.08);
          box-shadow: 0px 4px 16px 0px rgba(17, 17, 17, 0.08);
  z-index: 1;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods-left {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  overflow-x: auto;
  margin: 0 -16px;
  padding: 0 16px;
  padding-bottom: 8px;
}
@media (min-width: 800px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible;
  }
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods-right {
  position: relative;
  z-index: 2;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__content {
  position: relative;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__inner {
  padding: 12px;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__title {
  height: 32px;
  overflow: hidden;
}
@media (min-width: 800px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__title {
    height: 40px;
  }
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__title .card-main__title-link {
  -webkit-line-clamp: 2;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__img {
  width: 56px;
  height: 56px;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  padding: 4px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__img:hover {
  border-color: var(--red-red-700);
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__line {
  display: none;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__content-inner {
  position: relative;
  z-index: 2;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__rating {
  display: none;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__icons {
  top: 0;
  right: 0;
  margin-top: -58px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media (min-width: 400px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__icons {
    gap: 8px;
    margin-top: -60px;
  }
}
@media (min-width: 800px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__icons {
    margin-top: -64px;
  }
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__icon {
  width: 28px;
  height: 28px;
}
@media (min-width: 400px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__icon {
    width: 32px;
    height: 32px;
  }
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__prices {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__bottom {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__more {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 32px;
  height: 32px;
  font-size: 0;
  background: url(../images/arrow.svg) no-repeat 50% 50%;
}
@media (min-width: 800px) {
  .compare-fixed .cabinet-compare__body.active .cabinet-compare__body-goods .card-main__more {
    bottom: 4px;
  }
}

.hero {
  padding: 16px;
  padding-bottom: 0;
}
@media (min-width: 800px) {
  .hero {
    padding: 40px 20px;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .hero {
    padding-left: 28px;
    padding-right: 28px;
  }
}
.hero .swiper {
  border-radius: 20px;
}
.hero .swiper .slider-buttons__prev,
.hero .swiper .slider-buttons__next {
  display: none;
  position: absolute;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
@media (min-width: 1200px) {
  .hero .swiper .slider-buttons__prev,
  .hero .swiper .slider-buttons__next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hero .swiper .slider-buttons__prev {
  left: 20px;
}
.hero .swiper .slider-buttons__next {
  right: 20px;
}
.hero .swiper .slider-pagination {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 0;
  width: 100%;
}
.hero .swiper .slider-pagination .swiper-pagination-bullet {
  background: #fff;
}
.hero .swiper .slider-pagination .swiper-pagination-bullet-active {
  background: var(--red-red-700);
}
.hero__item {
  border-radius: 20px;
  background: #c2c7d1 no-repeat 50%/cover;
}
.hero__item__1 {
  background-image: url(../images/hero/1.png);
}
@media (min-width: 800px) {
  .hero__item__1 {
    background-image: url(../images/hero/2.png);
  }
}
.hero__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #fff;
  padding: 40px 20px;
  padding-bottom: 0;
  height: 460px;
}
@media (min-width: 800px) {
  .hero__body {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 320px;
    padding: 24px;
  }
}
@media (min-width: 1200px) {
  .hero__body {
    height: 360px;
    padding: 40px 80px;
  }
}
.hero__body .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0;
  max-width: 1076px;
}
.hero__title {
  width: 100%;
  font-weight: 700;
  font-size: 28px;
  line-height: 36px;
  max-width: 420px;
}
@media (min-width: 800px) {
  .hero__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .hero__title {
    font-size: 36px;
    line-height: 44px;
    max-width: 475px;
  }
}
.hero__title span {
  color: var(--red-red-700);
}
.hero__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  padding: 0 24px;
  height: 40px;
  border-radius: 8px;
  color: var(--red-red-700);
  border: 1px solid;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .hero__button {
    margin-top: 40px;
  }
}
.hero__button:hover {
  color: #fff;
}

.things {
  margin-top: 40px;
}
@media (min-width: 1400px) {
  .things {
    margin-top: 60px;
  }
}
.things__items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (min-width: 800px) {
  .things__items {
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .things__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.things__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  background: #fafafb;
  padding: 12px;
  border-radius: 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 800px) {
  .things__item {
    padding: 20px;
  }
}
.things__item:hover {
  -webkit-box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
          box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
}
.things__item span {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}
@media (min-width: 800px) {
  .things__item span {
    gap: 8px;
  }
}
.things__item b {
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 800px) {
  .things__item b {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .things__item b {
    font-size: 20px;
    line-height: 28px;
  }
}
.things__item i {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #707070;
}
.things__item picture {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 800px) {
  .things__item picture {
    width: 100px;
  }
}
.things__item picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.things-hero {
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .things-hero {
    margin-top: 60px;
  }
}
.things-hero__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 28px 10px;
  border-radius: 16px;
  background: #fef4ea url(../images/things/hero.svg) no-repeat 50%/cover;
}
@media (min-width: 800px) {
  .things-hero__body {
    border-radius: 20px;
    padding: 40px;
  }
}
.things-hero__body picture {
  width: 104px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1200px) {
  .things-hero__body picture {
    width: 120px;
  }
}
.things-hero__body picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 104/52;
  -o-object-fit: contain;
     object-fit: contain;
}
.things-hero__body b {
  width: 100%;
  max-width: 550px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .things-hero__body b {
    font-size: 20px;
    line-height: 28px;
  }
}
@media (min-width: 1200px) {
  .things-hero__body b {
    font-size: 24px;
    line-height: 32px;
  }
}
.things-hero__body span {
  color: var(--red-red-700);
}

.slider-goods {
  margin-top: 40px;
}
@media (min-width: 800px) {
  .slider-goods {
    margin-top: 44px;
  }
}
@media (min-width: 1200px) {
  .slider-goods {
    margin-top: 60px;
  }
}
.slider-goods__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .slider-goods__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px;
  }
}
.slider-goods__toper-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .slider-goods__toper-title {
    width: calc(100% - 80px);
    font-size: 24px;
    line-height: 32px;
    padding-right: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 1200px) {
  .slider-goods__toper-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.slider-goods__toper-navs {
  width: 80px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 800px) {
  .slider-goods__toper-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider-goods .card-main__inner {
  border-radius: 0;
  padding: 20px 12px;
}
.slider-goods .card-main__inner:before {
  display: none;
}
.slider-goods .card-main__bottom {
  margin: 0;
}
.slider-goods .card-main__buttons {
  padding: 0;
  position: static;
  display: none;
}
.slider-goods .card-main__icon {
  background-color: #fff;
}
.slider-goods .card-main__icon.active {
  background: var(--red-red-700);
}
.slider-goods .card-main__icon.active svg {
  color: #fff;
}
.slider-goods .card-main__availability-current {
  cursor: unset;
  padding: 0;
}
.slider-goods .card-main__availability-current:before {
  display: none;
}
.slider-goods .card-main__availability-dropdown {
  display: none !important;
}
.slider-goods .card-main__img {
  height: 140px;
}
@media (min-width: 800px) {
  .slider-goods .card-main__img {
    height: 220px;
  }
}
.slider-goods .card-main__prices {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (min-width: 800px) {
  .slider-goods .card-main__prices {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.slider-goods .swiper {
  border: 1px solid #e8e8e8;
  border-radius: 16px;
}
.slider-goods .swiper-slide {
  border-left: 1px solid #e8e8e8;
}
.slider-goods .swiper-slide:first-child {
  border-left: none;
}
.slider-goods .slider-pagination {
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .slider-goods .slider-pagination {
    margin-top: 24px;
  }
}
.slider-goods__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .slider-goods__more {
    margin-top: 24px;
  }
}

.slider-news {
  margin-top: 40px;
}
@media (min-width: 800px) {
  .slider-news {
    margin-top: 44px;
  }
}
@media (min-width: 1200px) {
  .slider-news {
    margin-top: 60px;
  }
}
.slider-news_mt0 {
  margin-top: 0;
}
.slider-news_pb {
  padding-bottom: 48px;
}
@media (min-width: 800px) {
  .slider-news_pb {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .slider-news_pb {
    padding-bottom: 80px;
  }
}
.slider-news__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .slider-news__toper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 24px;
  }
}
.slider-news__toper-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .slider-news__toper-title {
    width: calc(100% - 80px);
    font-size: 24px;
    line-height: 32px;
    padding-right: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media (min-width: 1200px) {
  .slider-news__toper-title {
    font-size: 28px;
    line-height: 36px;
  }
}
.slider-news__toper-navs {
  width: 80px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 800px) {
  .slider-news__toper-navs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.slider-news .slider-pagination {
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .slider-news .slider-pagination {
    margin-top: 24px;
  }
}
.slider-news__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0;
}
@media (min-width: 800px) {
  .slider-news__more {
    margin-top: 24px;
  }
}

.sign {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .sign {
    margin-bottom: 80px;
  }
}
.sign__title {
  margin-bottom: 40px;
}
.sign__notify {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 16px;
  background: #eff7e9;
  border-radius: 8px;
}
.sign__notify.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sign__notify span {
  width: calc(100% - 16px);
  padding-right: 10px;
  color: #5ca821;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.sign__notify svg {
  width: 16px;
  height: 16px;
  color: #a0a0a0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}
.sign__notify svg:hover {
  color: var(--red-red-700);
}
.sign__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background: #fafafb;
  border-radius: 16px;
  width: 100%;
  padding: 20px 16px;
  max-width: 540px;
  margin: 0 auto;
}
@media (min-width: 800px) {
  .sign__form {
    padding: 20px;
  }
}
.sign__form-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .sign__form-title {
    font-size: 20px;
    line-height: 28px;
  }
}
.sign__form-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.sign__form-bottom {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #707070;
}
.sign__form-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sign__form-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.sign__form-lock i {
  color: #5c616b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  background: #d7d9e1;
}
.sign__form-lock span {
  width: calc(100% - 28px);
  padding-left: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #707070;
}
.sign__success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fafafb;
  border-radius: 16px;
  width: 100%;
  padding: 20px 16px;
  max-width: 540px;
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 800px) {
  .sign__success {
    padding: 40px;
  }
}
.sign__success__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 140px;
  height: 140px;
  border-radius: 999px;
  background: #eff7e9;
  color: #5ca821;
  margin: 0 auto;
  margin-bottom: 24px;
}
.sign__success__title {
  width: 100%;
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .sign__success__title {
    font-size: 24px;
    line-height: 32px;
  }
}
.sign__success__text {
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}

.favs__title {
  margin-bottom: 40px;
}
.favs .cabinet-empty {
  background: #fafafb;
  padding: 40px 16px;
}
@media (min-width: 800px) {
  .favs .cabinet-empty {
    padding: 60px 20px;
  }
}
@media (min-width: 1200px) {
  .favs .cabinet-empty {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.favs .cabinet-empty__icon {
  background: #fff;
}
.favs .pagination {
  margin-bottom: 48px;
}
@media (min-width: 800px) {
  .favs .pagination {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .favs .pagination {
    margin-bottom: 80px;
  }
}

.compare__title {
  margin-bottom: 40px;
}
.compare .cabinet-empty {
  background: #fafafb;
  padding: 40px 16px;
}
@media (min-width: 800px) {
  .compare .cabinet-empty {
    padding: 60px 20px;
  }
}
@media (min-width: 1200px) {
  .compare .cabinet-empty {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.compare .cabinet-empty__icon {
  background: #fff;
}
.compare .cabinet-compare {
  margin-bottom: 48px;
}
@media (min-width: 800px) {
  .compare .cabinet-compare {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .compare .cabinet-compare {
    margin-bottom: 80px;
  }
}

.compare-fixed .compare .cabinet-compare__body.active .cabinet-compare__body-goods {
  padding: 20px;
}

.news-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #ebecf0;
  padding: 8px;
  padding-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news-item:hover {
  border-color: var(--red-red-700);
}
.news-item picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 8px;
}
.news-item img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-item > i {
  color: #707070;
  font-size: 12px;
  line-height: 16px;
  padding: 0 8px;
  font-style: normal;
}
.news-item > b {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 600;
  padding: 0 8px;
}
.news-item > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 8px;
}

.news-page {
  padding-top: 8px;
  padding-bottom: 48px;
}
@media (min-width: 800px) {
  .news-page {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .news-page {
    padding-bottom: 80px;
  }
}
.news-page__title {
  margin-bottom: 20px;
}
@media (min-width: 800px) {
  .news-page__title {
    margin-bottom: 40px;
  }
}
.news-page__tabs-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}
@media (min-width: 800px) {
  .news-page__tabs-title {
    font-size: 18px;
    line-height: 24px;
  }
}
.news-page__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 800px) {
  .news-page__tabs {
    gap: 12px;
  }
}
.news-page__tabs-item {
  display: block;
  height: 36px;
  padding: 0 15px;
  border-radius: 8px;
  border: 1px solid #cfcfcf;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
}
.news-page__tabs-item:hover {
  border-color: var(--red-red-700);
}
.news-page__tabs-item.active {
  background: var(--red-red-700);
  border-color: var(--red-red-700);
  color: #fff;
}
.news-page__tabs-item span {
  color: var(--red-red-700);
}
.news-page__tabs-item.active span {
  color: #fff;
}
.news-page__tabs_spoiler .news-page__tabs-item {
  display: none;
}
@media (min-width: 1200px) {
  .news-page__tabs_spoiler .news-page__tabs-item {
    display: block;
  }
}
.news-page__tabs_spoiler .news-page__tabs-item:nth-child(3), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(2), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(1) {
  display: block;
}
@media (min-width: 800px) {
  .news-page__tabs_spoiler .news-page__tabs-item:nth-child(8), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(7), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(6), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(5), .news-page__tabs_spoiler .news-page__tabs-item:nth-child(4) {
    display: block;
  }
}
.news-page__tabs_spoiler.active .news-page__tabs-item {
  display: block;
}
.news-page__tabs-show {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  color: var(--red-red-700);
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}
.news-page__tabs-show:hover {
  color: #111;
}
.news-page__tabs-show span {
  border-bottom: 1px dashed;
}
.news-page__tabs_spoiler .news-page__tabs-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1200px) {
  .news-page__tabs_spoiler .news-page__tabs-show {
    display: none;
  }
}
.news-page__tabs_spoiler.active .news-page__tabs-show {
  display: none;
}
.news-page__items {
  display: grid;
  gap: 12px;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .news-page__items {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 24px;
  }
}
@media (min-width: 1200px) {
  .news-page__items {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.news-page .pagination {
  margin-top: 16px;
}
@media (min-width: 800px) {
  .news-page .pagination {
    margin-top: 24px;
  }
}

.prms-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  border-radius: 16px;
  border: 1px solid #ebecf0;
  padding: 8px;
  padding-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.prms-item:hover {
  border-color: var(--red-red-700);
}
.prms-item__pic {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  height: 180px;
}
.prms-item__pic-gift {
  width: 100%;
  height: 100%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(109.41deg, #f5a156 0%, #e35959 98.67%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.prms-item__pic-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  gap: 8px;
  padding: 12px;
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
}
.prms-item__pic-tags::-webkit-scrollbar {
  display: none;
}
.prms-item__pic-tags::-webkit-scrollbar-track {
  background: transparent;
}
.prms-item__pic-tags::-webkit-scrollbar-thumb {
  background: #f3892b;
}
.prms-item__pic-tags span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 12px;
  height: 24px;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  border-radius: 999px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(17, 17, 17, 0.2);
          box-shadow: 0px 2px 8px 0px rgba(17, 17, 17, 0.2);
  background: #fff;
  color: #f3892b;
}
.prms-item__pic picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.prms-item__pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.prms-item > i {
  color: #707070;
  font-size: 12px;
  line-height: 16px;
  padding: 0 8px;
  font-style: normal;
}
.prms-item > b {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-weight: 600;
  padding: 0 8px;
}
.prms-item > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  padding: 0 8px;
}

.prms-toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
@media (min-width: 800px) {
  .prms-toper {
    margin-top: -20px;
  }
}
.prms-toper b {
  font-weight: 600;
}
.prms-toper__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.prms-toper__badge b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 999px;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 16px;
  background: #f5f6f8;
  color: #7b818f;
}
.prms-toper__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  font-size: 14px;
  line-height: 20px;
}
.prms-toper__item p {
  margin: 0;
}
.prms-toper__item ol,
.prms-toper__item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.prms-toper__item ol li {
  list-style: decimal;
}
.prms-toper__item ul li {
  list-style: disc;
}

.const-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 48px;
}
@media (min-width: 800px) {
  .const-page {
    padding-bottom: 60px;
  }
}
.const-page-hero {
  display: grid;
  gap: 16px;
  background: linear-gradient(99.38deg, #fafafb 0%, #ebecf0 100%);
  padding: 20px 16px;
  border-radius: 16px;
}
@media (min-width: 800px) {
  .const-page-hero {
    gap: 24px;
    padding: 28px;
    border-radius: 20px;
  }
}
@media (min-width: 1200px) {
  .const-page-hero {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding: 20px;
  }
}
.const-page-hero__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
@media (min-width: 1200px) {
  .const-page-hero__left {
    padding: 0 20px;
  }
}
.const-page-hero__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.const-page-hero__right picture,
.const-page-hero__right img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  height: 180px;
}
@media (min-width: 800px) {
  .const-page-hero__right picture,
  .const-page-hero__right img {
    height: 320px;
  }
}
.const-page-hero__toper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
.const-page-hero__date {
  position: relative;
  color: #707070;
  font-size: 14px;
  line-height: 20px;
  padding-right: 17px;
}
.const-page-hero__date:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #c2c7d1;
  border-radius: 999px;
  position: absolute;
  top: 0;
  right: 0;
}
.const-page-hero__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  gap: 8px;
  color: var(--red-red-700);
  font-size: 14px;
  line-height: 20px;
}
.const-page-hero__share:hover {
  text-decoration: underline;
}
.const-page-hero__title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 800px) {
  .const-page-hero__title {
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .const-page-hero__title {
    font-size: 36px;
    line-height: 44px;
  }
}
.const-page-hero__text {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 800px) {
  .const-page-hero__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.const-page-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 40px;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .const-page-body {
    font-size: 16px;
    line-height: 22px;
    padding: 0 98px;
  }
}
@media (min-width: 1400px) {
  .const-page-body {
    padding: 0 114px;
  }
}
.const-page-body__name {
  border-radius: 16px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: #fafafb;
}
@media (min-width: 800px) {
  .const-page-body__name {
    padding: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.const-page-body__name picture,
.const-page-body__name img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  overflow: hidden;
  width: 62px;
  height: 62px;
}
@media (min-width: 800px) {
  .const-page-body__name picture,
  .const-page-body__name img {
    width: 80px;
    height: 80px;
  }
}
.const-page-body__name span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: calc(100% - 62px);
  padding-left: 16px;
}
@media (min-width: 800px) {
  .const-page-body__name span {
    width: calc(100% - 80px);
    padding-left: 20px;
  }
}
.const-page-body__name i {
  color: #707070;
  font-style: normal;
  font-size: 14px;
  line-height: 20px;
}
.const-page-body__name b {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
.const-page-body__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  padding: 20px 16px;
  border-radius: 16px;
  background: #fafafb;
}
@media (min-width: 800px) {
  .const-page-body__nav {
    padding: 28px;
  }
}
.const-page-body__nav b {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 800px) {
  .const-page-body__nav b {
    font-size: 18px;
    line-height: 24px;
  }
}
.const-page-body__nav a {
  color: var(--red-red-700);
  border-bottom: 1px dashed;
}
.const-page-body h2,
.const-page-body h3,
.const-page-body h4,
.const-page-body h5,
.const-page-body h6,
.const-page-body p {
  margin: 0;
}
.const-page-body h2 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
}
@media (min-width: 800px) {
  .const-page-body h2 {
    font-size: 24px;
    line-height: 32px;
  }
}
.const-page-body h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .const-page-body h3 {
    font-size: 20px;
    line-height: 28px;
  }
}
.const-page-body h4 {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}
@media (min-width: 1200px) {
  .const-page-body h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
.const-page-body ul,
.const-page-body ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  padding-left: 40px;
}
.const-page-body ul li {
  list-style: disc;
}
.const-page-body ol li {
  list-style: decimal;
}
.const-page-body blockquote b,
.const-page-body p b,
.const-page-body li b {
  font-weight: 600;
}
.const-page-body blockquote a,
.const-page-body p a,
.const-page-body li a {
  color: var(--red-red-700);
  text-decoration: underline;
}
.const-page-body blockquote a:hover,
.const-page-body p a:hover,
.const-page-body li a:hover {
  text-decoration: none;
}
.const-page-body hr {
  display: none;
  border: none;
  margin: 0;
  width: 100%;
  height: 0;
}
@media (min-width: 800px) {
  .const-page-body hr {
    display: block;
  }
}
.const-page-body blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding: 20px;
  margin: 0;
  background: #f7faf4;
  border-radius: 16px;
  border-left: 4px solid #5ca821;
}
@media (min-width: 800px) {
  .const-page-body blockquote {
    padding: 24px 40px;
  }
}
.const-page-body__bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.const-page-body__bnr picture,
.const-page-body__bnr img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  height: 200px;
}
@media (min-width: 800px) {
  .const-page-body__bnr picture,
  .const-page-body__bnr img {
    height: 340px;
    border-radius: 20px;
  }
}
.const-page-body iframe[src*=youtube],
.const-page-body video {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 200px;
}
@media (min-width: 800px) {
  .const-page-body iframe[src*=youtube],
  .const-page-body video {
    height: 340px;
    border-radius: 20px;
  }
}
.const-page-body__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.company-hero {
  background: linear-gradient(99.38deg, #fafafb 0%, #ebecf0 100%);
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 16px;
}
@media (min-width: 800px) {
  .company-hero {
    padding: 28px;
  }
}
@media (min-width: 1000px) {
  .company-hero {
    padding: 40px;
  }
}
@media (min-width: 1200px) {
  .company-hero {
    height: 540px;
  }
}
.company-hero:before {
  content: "";
  display: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/about/bg.png) no-repeat 0 0;
  background-size: cover;
}
@media (min-width: 800px) {
  .company-hero:before {
    display: block;
  }
}
.company-hero__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 24px;
  position: relative;
  z-index: 3;
}
@media (min-width: 1200px) {
  .company-hero__body {
    width: calc(100% - 640px);
    margin: 0;
  }
}
.company-hero__title {
  margin: 0;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
}
@media (min-width: 800px) {
  .company-hero__title {
    font-size: 32px;
    line-height: 40px;
  }
}
@media (min-width: 1200px) {
  .company-hero__title {
    font-size: 36px;
    line-height: 44px;
  }
}
.company-hero__title span {
  color: var(--red-red-700);
}
.company-hero__text {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-top: 16px;
}
.company-hero__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px 16px;
  margin-top: 40px;
}
@media (min-width: 800px) {
  .company-hero__btns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.company-hero__btns .btn {
  width: 205px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}
.company-hero__pic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 -16px;
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .company-hero__pic {
    width: calc(100% + 40px);
  }
}
@media (min-width: 800px) {
  .company-hero__pic {
    margin: 0;
    margin-right: -28px;
  }
}
@media (min-width: 1000px) {
  .company-hero__pic {
    margin-right: -40px;
  }
}
@media (min-width: 1200px) {
  .company-hero__pic {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }
}
.company-hero__pic img {
  width: 100%;
  height: 260px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 600px) {
  .company-hero__pic img {
    height: auto;
    aspect-ratio: 704/312;
  }
}
@media (min-width: 1200px) {
  .company-hero__pic img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: right;
       object-position: right;
  }
}
.company-hero__pic + .company-hero__pic {
  display: none;
}
@media (min-width: 1200px) {
  .company-hero__pic + .company-hero__pic {
    display: block;
  }
}

.company-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 40px;
}
@media (min-width: 1400px) {
  .company-text {
    margin-top: 60px;
  }
}
.company-text__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  margin: 0;
}
@media (min-width: 800px) {
  .company-text__title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .company-text__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.company-text p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}
@media (min-width: 800px) {
  .company-text p {
    font-size: 16px;
    line-height: 22px;
  }
}

.company-things {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
@media (min-width: 800px) {
  .company-things {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .company-things {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.company-things__left {
  background: #eff7e9;
  padding: 32px 16px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  text-align: center;
  border-radius: 12px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media (min-width: 800px) {
  .company-things__left {
    padding: 40px;
    border-radius: 16px;
  }
}
@media (min-width: 1200px) {
  .company-things__left {
    width: calc(40% - 10px);
  }
}
.company-things__left:hover {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
}
@media (min-width: 800px) {
  .company-things__left:hover {
    -webkit-box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
            box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
  }
}
.company-things__left svg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  aspect-ratio: 66/52;
  color: #deeed3;
  height: 52px;
  width: auto;
}
@media (min-width: 800px) {
  .company-things__left svg {
    height: 94px;
  }
}
.company-things__left svg + svg {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.company-things__left b {
  position: relative;
  z-index: 2;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .company-things__left b {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .company-things__left b {
    font-size: 28px;
    line-height: 36px;
  }
}
.company-things__left b span {
  color: var(--red-red-700);
}
.company-things__left p {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 2;
}
@media (min-width: 800px) {
  .company-things__left p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (min-width: 1200px) {
  .company-things__left p {
    font-size: 20px;
    line-height: 28px;
  }
}
.company-things__right {
  display: grid;
  gap: 12px;
}
@media (min-width: 800px) {
  .company-things__right {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .company-things__right {
    width: calc(60% - 10px);
  }
}
.company-things__right div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  height: 140px;
  border-radius: 12px;
  background: #f5f6f8;
}
@media (min-width: 1200px) {
  .company-things__right div {
    height: 190px;
  }
}
.company-things__right div:hover {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
}
@media (min-width: 800px) {
  .company-things__right div:hover {
    -webkit-box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
            box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
  }
}
.company-things__right b {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}
@media (min-width: 800px) {
  .company-things__right b {
    font-size: 20px;
    line-height: 28px;
  }
}
.company-things__right picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 62px;
}
.company-things__right picture img {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

.company-numbs {
  margin-top: 40px;
  padding-bottom: 38px;
}
@media (min-width: 1200px) {
  .company-numbs {
    padding-bottom: 50px;
  }
}
@media (min-width: 1400px) {
  .company-numbs {
    margin-top: 60px;
    padding-bottom: 70px;
  }
}
.company-numbs__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
}
@media (min-width: 800px) {
  .company-numbs__title {
    font-size: 24px;
    line-height: 32px;
  }
}
@media (min-width: 1200px) {
  .company-numbs__title {
    font-size: 28px;
    line-height: 36px;
  }
}
.company-numbs__title span {
  color: var(--red-red-700);
}
.company-numbs__body {
  display: grid;
  gap: 20px;
}
@media (min-width: 1200px) {
  .company-numbs__body {
    grid-template-columns: 2fr 1fr;
  }
}
.company-numbs__items {
  display: grid;
  gap: 20px;
}
@media (min-width: 800px) {
  .company-numbs__items {
    grid-template-columns: 1fr 1fr;
  }
}
.company-numbs__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 12px;
  border-radius: 16px;
  background: #fafafb;
  height: 140px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
}
@media (min-width: 800px) {
  .company-numbs__item {
    height: 200px;
    gap: 20px;
  }
}
@media (min-width: 1200px) {
  .company-numbs__item {
    height: 270px;
  }
}
.company-numbs__item:hover {
  -webkit-box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
          box-shadow: 0px 4px 12px 0px rgba(21, 25, 62, 0.08);
}
@media (min-width: 800px) {
  .company-numbs__item:hover {
    -webkit-box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
            box-shadow: 0px 12px 24px 0px rgba(21, 25, 62, 0.08);
  }
}
.company-numbs__item b {
  font-weight: 700;
  font-size: 40px;
  line-height: 1;
  color: #7b818f;
}
@media (min-width: 800px) {
  .company-numbs__item b {
    font-size: 50px;
  }
}
@media (min-width: 1200px) {
  .company-numbs__item b {
    font-size: 60px;
  }
}
.company-numbs__item p {
  margin: 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 1200px) {
  .company-numbs__item p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media (min-width: 1200px) {
  .company-numbs__body > .company-numbs__item {
    height: 100%;
  }
}