/* Start:/local/templates/main/dist/index.css?1750833621172853*/
/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[1].use[4]!./src/styles/main.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.bold {
  font-weight: 700; }

html {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  height: 100%;
  line-height: 1.1;
  font-family: Inter, sans-serif;
  font-weight: 300; }

.main {
  flex: 1 0 auto; }

.container {
  max-width: 1312px;
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
  overflow: hidden; }
  @media screen and (max-width: 1279px) {
    .container {
      padding: 0 34px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding: 0 22px; } }

.no-wrap {
  white-space: nowrap; }

input,
textarea {
  background-clip: padding-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
          appearance: none; }

.bold {
  font-weight: 700; }

.hidden {
  overflow: hidden; }

.hide {
  display: none; }

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

@font-face {
  font-family: MuseoSansCyrl;
  src: url(/local/templates/main/dist/assets/MuseoSansCyrl300.woff2) format("woff2"), url(/local/templates/main/dist/assets/MuseoSansCyrl300.woff) format("woff"), url(/local/templates/main/dist/assets/MuseoSansCyrl300.otf) format("opentype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: MuseoSansCyrl;
  src: url(/local/templates/main/dist/assets/MuseoSansCyrl700.woff2) format("woff2"), url(/local/templates/main/dist/assets/MuseoSansCyrl700.woff) format("woff"), url(/local/templates/main/dist/assets/MuseoSansCyrl700.otf) format("opentype");
  font-style: normal;
  font-weight: 700; }

@font-face {
  font-family: Inter;
  src: url(/local/templates/main/dist/assets/Inter-Light.ttf) format("truetype");
  font-style: normal;
  font-weight: 300; }

@font-face {
  font-family: Inter;
  src: url(/local/templates/main/dist/assets/Inter-Regular.ttf) format("truetype");
  font-style: normal;
  font-weight: 400; }

@font-face {
  font-family: Inter;
  src: url(/local/templates/main/dist/assets/Inter-Medium.ttf) format("truetype");
  font-style: normal;
  font-weight: 500; }

@font-face {
  font-family: Inter;
  src: url(/local/templates/main/dist/assets/Inter-SemiBold.ttf) format("truetype");
  font-style: normal;
  font-weight: 600; }

@font-face {
  font-family: Inter;
  src: url(/local/templates/main/dist/assets/Inter-Bold.ttf) format("truetype");
  font-style: normal;
  font-weight: 700; }

ul,
ol {
  padding: 0; }

aside,
nav,
footer,
header,
section {
  display: block; }

body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%; }

input,
button,
textarea {
  font-size: inherit; }

input::-ms-clear {
  display: none; }

button {
  cursor: pointer;
  background-color: inherit;
  padding: 0;
  border: 0; }

a,
a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

input,
button,
textarea,
select {
  font: inherit; }

ul li {
  list-style: none; }

.action {
  width: 24px;
  height: 24px;
  cursor: pointer; }
  .action.mask-icon {
    transition: background-color 0.3s;
    background-color: #c2c2c8; }
  .action.active.mask-icon {
    background-color: #303184; }
  .action:not(.active):hover.mask-icon {
    background-color: #73737b; }

.alert {
  display: inline-flex;
  align-items: center;
  font-size: 14px; }
  .alert::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    -webkit-mask-image: url(/local/templates/main/dist/assets/info-tip.svg);
            mask-image: url(/local/templates/main/dist/assets/info-tip.svg);
    background-color: #303184;
    flex: 0 0 auto;
    align-self: flex-start; }
  .alert__icon {
    margin-right: 10px; }
  .alert__icon path {
    fill: #303184; }
  .alert__text {
    line-height: 110%;
    color: #1b1b20; }
  .alert__wrapper {
    display: flex;
    flex-direction: column; }
  .alert > span {
    font-weight: 700; }
  .alert--icon {
    padding: 12px 14px 12px 38px !important; }
    .alert--icon::before {
      content: "";
      position: absolute;
      width: 16px;
      height: 16px;
      left: 12px; }
  .alert--question::before {
    -webkit-mask-image: url(/local/templates/main/dist/assets/question-tip.svg);
            mask-image: url(/local/templates/main/dist/assets/question-tip.svg);
    background-color: #009de0; }
  .alert--error::before {
    -webkit-mask-image: url(/local/templates/main/dist/assets/alert-tip.svg);
            mask-image: url(/local/templates/main/dist/assets/alert-tip.svg);
    background-color: #f84a4a; }
  .alert--fill {
    padding: 12px 14px;
    border-radius: 10px;
    position: relative;
    background-color: rgba(48, 49, 132, 0.1); }
    .alert--fill.alert--fill--error {
      background-color: rgba(248, 74, 74, 0.1); }
    .alert--fill.alert--fill--question {
      background-color: rgba(0, 157, 224, 0.1); }
  .alert--info.alert--icon::before {
    background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%278%27 cy=%278%27 r=%277%27 stroke=%27%23303184%27 stroke-width=%272%27/%3E%3Crect x=%277%27 y=%277%27 width=%272%27 height=%275%27 rx=%271%27 fill=%27%23303184%27/%3E%3Crect x=%277%27 y=%274%27 width=%272%27 height=%272%27 rx=%271%27 fill=%27%23303184%27/%3E%3C/svg%3E%0A"); }
  .alert--info.alert--fill {
    background-color: rgba(48, 49, 132, 0.1); }
  .alert--warning.alert--icon::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%277%27 stroke=%27%23F84A4A%27 stroke-width=%272%27/%3e%3crect x=%279%27 y=%279%27 width=%272%27 height=%275%27 rx=%271%27 transform=%27rotate%28-180 9 9%29%27 fill=%27%23F84A4A%27/%3e%3crect x=%279%27 y=%2712%27 width=%272%27 height=%272%27 rx=%271%27 transform=%27rotate%28-180 9 12%29%27 fill=%27%23F84A4A%27/%3e%3c/svg%3e"); }
  .alert--warning.alert--fill {
    background-color: rgba(248, 74, 74, 0.1); }
  .alert--detail {
    padding: 12px;
    border-radius: 10px;
    background-color: #303184;
    color: #fff; }
    .alert--detail.alert--detail--error {
      background-color: #f84a4a; }
    .alert--detail.alert--detail--question {
      background-color: #009de0; }
    .alert--detail::before {
      background-color: #fff; }
  .alert--details {
    padding: 12px;
    border-radius: 10px;
    background-color: #303184;
    align-items: flex-start; }
  .alert--details .alert__text-details {
    line-height: 120%;
    font-size: 14px;
    opacity: 0.7;
    color: #fff;
    margin-top: 6px; }
  .alert--details .alert__text {
    color: #fff;
    font-weight: 700; }
  .alert--details .alert__icon circle {
    stroke: #fff; }
  .alert--details .alert__icon rect {
    fill: #fff;
    stroke: #fff; }
  .alert__content {
    line-height: 120%; }
  .alert__sub-info {
    line-height: 120%;
    margin-top: 6px;
    color: rgba(255, 255, 255, 0.7); }
  .alert.--hidden {
    display: none; }

.badge-hit {
  background: #8cd11c; }

.badge-new {
  background: #009de0; }

.badge-sale {
  background: #f84a4a; }

.badge-hit, .badge-new, .badge-sale {
  padding: 6px;
  color: #fff;
  border-radius: 6px;
  display: inline-flex;
  font-size: 12px;
  line-height: 110%; }
  .badge-hit:not(:first-child), .badge-new:not(:first-child), .badge-sale:not(:first-child) {
    margin-top: 4px; }

.bread-crumbs {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  align-items: center;
  margin-top: 20px; }
  .bread-crumbs__element {
    font-size: 14px;
    line-height: 110%;
    color: #303184;
    text-decoration: none; }
    .bread-crumbs__element:not(:last-child)::after {
      content: "/";
      margin: 0 10px;
      color: #c2c2c8; }
    .bread-crumbs__element:last-child {
      color: #73737b; }

.bubble {
  padding: 10px 12px;
  background: #f7f7f7;
  border-radius: 10px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.3s; }
  .bubble__text {
    font-size: 16px;
    line-height: 110%; }
  .bubble__icon {
    margin-left: 12px; }
  .bubble:hover {
    background: #e3e2e2; }
  .bubble-remove {
    padding: 10px 12px;
    background: #f7f7f7;
    border-radius: 10px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer; }
    .bubble-remove__text {
      font-size: 16px;
      line-height: 110%;
      font-weight: 700; }
    .bubble-remove__icon {
      margin-left: 12px; }
    .bubble-remove__icon path {
      transition: 0.3s; }
    .bubble-remove:hover .bubble-remove__icon path {
      stroke: #1b1b20; }

.btn {
  color: #303184;
  padding: 15px 23px;
  border: 2px solid #303184;
  border-radius: 10px;
  cursor: pointer;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 110%;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  max-height: 52px; }
  .btn.loader::before {
    content: "";
    background-image: url(/local/templates/main/dist/assets/loader-white.png);
    -webkit-animation: loader 1.3s linear infinite;
            animation: loader 1.3s linear infinite;
    position: absolute;
    top: calc(50% - 12px);
    left: 33px; }
  .btn.loader.loading::before {
    width: 24px;
    height: 24px; }
  .btn__text {
    margin-left: 10px; }
  .btn--icon {
    padding: 12px 23px; }
    .btn--icon .btn--small {
      padding: 8px 18px; }
  .btn--icon.btn--small {
    padding: 8px 18px; }
  .btn--catalog {
    position: relative; }
    .btn--catalog > i {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%274%27 y=%278%27 width=%2716%27 height=%272%27 rx=%271%27 fill=%27%23fff%27/%3e%3crect x=%274%27 y=%2714%27 width=%2710%27 height=%272%27 rx=%271%27 fill=%27%23fff%27/%3e%3c/svg%3e");
      background-position: center;
      border-radius: 3px;
      margin-right: 10px;
      height: 24px;
      width: 24px;
      min-width: 24px; }
      @media screen and (max-width: 767px) {
        .btn--catalog > i {
          background-image: url(/local/templates/main/dist/assets/catalogBtnNew.svg);
          background-size: 24px; } }
    .btn--catalog.active > i {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M6 18L18 6%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3cpath d=%27M6 6L18 18%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
      border: 2px solid #303184;
      margin: 0 15px 0 -5px;
      position: relative; }
      @media screen and (max-width: 1279px) {
        .btn--catalog.active > i {
          margin: 0 5px; } }
    .btn--catalog.active .header-bottom__catalog-text {
      border-bottom: 1px solid currentcolor; }
    @media screen and (max-width: 1279px) {
      .btn--catalog {
        padding: 12px; }
        .btn--catalog::before {
          margin-right: 0; } }
  .btn--plus {
    position: relative; }
    .btn--plus::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%274%27 y=%2711%27 width=%2716%27 height=%272%27 rx=%271%27 fill=%27white%27/%3e%3crect x=%2713%27 y=%274%27 width=%2716%27 height=%272%27 rx=%271%27 transform=%27rotate%2890 13 4%29%27 fill=%27white%27/%3e%3c/svg%3e");
      height: 24px;
      width: 24px;
      min-width: 24px;
      margin-right: 10px; }
  .btn--plus-blue {
    position: relative; }
    .btn--plus-blue::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%274%27 y=%2711%27 width=%2716%27 height=%272%27 rx=%271%27 fill=%27%23303184%27/%3e%3crect x=%2713%27 y=%274%27 width=%2716%27 height=%272%27 rx=%271%27 transform=%27rotate%2890 13 4%29%27 fill=%27%23303184%27/%3e%3c/svg%3e");
      height: 24px;
      width: 24px;
      min-width: 24px;
      margin-right: 10px; }
  .btn--delete {
    position: relative; }
    .btn--delete::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M8 7V14M12 7V14M16 7V13C16 16 14.5 18 11 18H9C5.5 18 4 16 4 13V6.5M4 3H16M10 3V1%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      height: 24px;
      width: 24px;
      min-width: 24px;
      margin-right: 10px; }
  .btn--disclose::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2725%27 height=%2724%27 viewBox=%270 0 25 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M20 8.5L13 15.5L6 8.5%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
    width: 24px;
    min-width: 24px;
    height: 24px;
    transition: transform 0.3s; }
  .btn--disclose.active::before {
    content: "";
    width: 24px;
    min-width: 24px;
    height: 24px;
    transition: transform 0.3s;
    transform: rotate(-180deg); }
  .btn--filter::before {
    content: "";
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%272%27 y=%278%27 width=%2720%27 height=%272%27 rx=%271%27 fill=%27%23303184%27/%3e%3crect width=%2720%27 height=%272%27 rx=%271%27 transform=%27matrix%28-1 0 0 1 22 16%29%27 fill=%27%23303184%27/%3e%3ccircle cx=%278%27 cy=%279%27 r=%272%27 fill=%27white%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3ccircle r=%272%27 transform=%27matrix%28-1 0 0 1 16 17%29%27 fill=%27white%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3c/svg%3e");
    width: 24px;
    min-width: 24px;
    height: 24px; }
  .btn-burger {
    padding: 24px;
    border: 2px solid #303184;
    border-radius: 10px;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center; }
    .btn-burger::before {
      content: "";
      position: absolute;
      background: #303184;
      border-radius: 10px;
      height: 2px;
      width: 16px;
      top: calc(50% - 3px);
      left: calc(50% - 8px); }
    .btn-burger::after {
      content: "";
      position: absolute;
      background: #303184;
      border-radius: 10px;
      height: 2px;
      width: 10px;
      top: calc(50% + 1px);
      left: calc(50% - 8px); }
    .btn-burger.primary::before, .btn-burger.primary::after {
      background: #fff; }
    .btn-burger.primary {
      background: #303184;
      color: #fff; }
    .btn-burger.stroke {
      border-color: #e3e2e2; }
    .btn-burger.fill {
      background: #f7f7f7;
      color: #303184;
      border-color: #f7f7f7; }
    .btn-burger.disabled::before, .btn-burger.disabled::after {
      background: #c2c2c8; }
    .btn-burger.disabled {
      background: #f7f7f7;
      color: #c2c2c8;
      border-color: #f7f7f7;
      cursor: default; }
  .btn--primary {
    background: #303184;
    color: #fff; }
    .btn--primary.active {
      color: #303184;
      background: #fff;
      border-color: #fff; }
  .btn--secondary {
    background: #01b94f;
    border-color: #01b94f;
    color: #fff; }
    .btn--secondary.active {
      color: #01b94f;
      background: #fff;
      border-color: #fff; }
  .btn--stroke {
    border-color: #e3e2e2; }
  .btn--fill {
    background: #f7f7f7;
    color: #303184;
    border-color: #f7f7f7; }
  .btn--only-icon {
    width: 40px;
    height: 40px;
    padding: 0; }
    .btn--only-icon .btn--small {
      width: 40px;
      height: 40px; }
  .btn--disabled, .btn:disabled {
    background: #f7f7f7;
    color: #c2c2c8;
    border-color: #f7f7f7;
    cursor: default; }
    .btn--disabled::after, .btn--disabled::before, .btn:disabled::after, .btn:disabled::before {
      background-color: #c2c2c8; }
  .btn:focus {
    outline: none; }
  .btn--small {
    padding: 10.5px 18px;
    font-size: 14px; }
  .btn--borderless {
    border: none; }
  .btn--borderless:disabled {
    background-color: transparent; }
  .btn-cart {
    color: #303184;
    padding: 6px;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.1;
    cursor: pointer; }
    .btn-cart::before {
      content: "";
      width: 24px;
      min-width: 24px;
      height: 24px;
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .btn-cart:not(.selected):hover {
      background-color: #303184;
      border-color: #303184;
      color: #fff; }
    .btn-cart--buy::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2 3H4.01194C4.89516 3 5.6738 3.57934 5.92759 4.4253L8.07241 11.5747C8.3262 12.4207 9.10484 13 9.98806 13H18.9914C19.8844 13 20.6691 12.408 20.9144 11.5494L21.7716 8.54944C22.1366 7.27181 21.1773 6 19.8485 6H10%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3ccircle cx=%2710%27 cy=%2719%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3ccircle cx=%2718%27 cy=%2719%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3c/svg%3e");
      transition: 0.3s; }
    .btn-cart--buy:not(.selected):hover::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2 3H4.01194C4.89516 3 5.6738 3.57934 5.92759 4.4253L8.07241 11.5747C8.3262 12.4207 9.10484 13 9.98806 13H18.9914C19.8844 13 20.6691 12.408 20.9144 11.5494L21.7716 8.54944C22.1366 7.27181 21.1773 6 19.8485 6H10%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3ccircle cx=%2710%27 cy=%2719%27 r=%272%27 stroke=%27white%27 stroke-width=%272%27/%3e%3ccircle cx=%2718%27 cy=%2719%27 r=%272%27 stroke=%27white%27 stroke-width=%272%27/%3e%3c/svg%3e"); }
    .btn-cart--buy.selected::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2726%27 height=%2726%27 viewBox=%270 0 26 26%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2 5H4.01194C4.89516 5 5.6738 5.57934 5.92759 6.4253L8.07241 13.5747C8.3262 14.4207 9.10484 15 9.98806 15H18.9914C19.8844 15 20.6691 14.408 20.9144 13.5494L21.7716 10.5494C22.1366 9.27181 21.1773 8 19.8485 8H10%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3ccircle cx=%2710%27 cy=%2721%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3ccircle cx=%2718%27 cy=%2721%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3crect x=%2714%27 width=%2712%27 height=%2712%27 rx=%276%27 fill=%27white%27/%3e%3cpath d=%27M16.75 5.5L19.25 8L23.25 4%27 stroke=%27%23009DE0%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e"); }
    .btn-cart--off {
      padding: 10.5px 15px; }
      .btn-cart--off::before {
        display: none; }
      .btn-cart--off-icon::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cmask id=%27path-1-inside-1_164_803%27 fill=%27white%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 2C9.23858 2 7 4.23858 7 7V11C7 12.1046 6.01253 12.9586 5.14489 13.6422C4.44766 14.1915 4 15.0435 4 16C4 17.6569 5.34315 19 7 19H17C18.6569 19 20 17.6569 20 16C20 15.0435 19.5523 14.1915 18.8551 13.6422C17.9875 12.9586 17 12.1046 17 11V7C17 4.23858 14.7614 2 12 2Z%27/%3e%3c/mask%3e%3cpath d=%27M18.8551 13.6422L17.6174 15.2132L18.8551 13.6422ZM9 7C9 5.34315 10.3431 4 12 4V0C8.134 0 5 3.13401 5 7H9ZM9 11V7H5V11H9ZM6 16C6 15.6822 6.14602 15.3996 6.38263 15.2132L3.90716 12.0712C2.7493 12.9834 2 14.4048 2 16H6ZM7 17C6.44772 17 6 16.5523 6 16H2C2 18.7614 4.23858 21 7 21V17ZM17 17H7V21H17V17ZM18 16C18 16.5523 17.5523 17 17 17V21C19.7614 21 22 18.7614 22 16H18ZM17.6174 15.2132C17.854 15.3996 18 15.6822 18 16H22C22 14.4048 21.2507 12.9834 20.0928 12.0712L17.6174 15.2132ZM15 7V11H19V7H15ZM12 4C13.6569 4 15 5.34315 15 7H19C19 3.13401 15.866 0 12 0V4ZM20.0928 12.0712C19.6635 11.7329 19.3566 11.4664 19.154 11.2173C18.9602 10.9789 19 10.9237 19 11H15C15 12.1809 15.5336 13.105 16.0504 13.7407C16.5584 14.3655 17.1791 14.8679 17.6174 15.2132L20.0928 12.0712ZM5 11C5 10.9237 5.03981 10.9789 4.846 11.2173C4.6434 11.4664 4.33652 11.7329 3.90716 12.0712L6.38263 15.2132C6.8209 14.8679 7.44157 14.3655 7.94962 13.7407C8.46645 13.105 9 12.1809 9 11H5Z%27 fill=%27%23303184%27 mask=%27url%28%23path-1-inside-1_164_803%29%27/%3e%3cpath d=%27M10 20H14C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20Z%27 fill=%27%23303184%27/%3e%3c/svg%3e"); }
      .btn-cart--off-icon:not(.selected):hover {
        background-color: #303184;
        border-color: #303184;
        color: #fff; }
        .btn-cart--off-icon:not(.selected):hover::before {
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cmask id=%27path-1-inside-1_164_803%27 fill=%27white%27%3e%3cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M12 2C9.23858 2 7 4.23858 7 7V11C7 12.1046 6.01253 12.9586 5.14489 13.6422C4.44766 14.1915 4 15.0435 4 16C4 17.6569 5.34315 19 7 19H17C18.6569 19 20 17.6569 20 16C20 15.0435 19.5523 14.1915 18.8551 13.6422C17.9875 12.9586 17 12.1046 17 11V7C17 4.23858 14.7614 2 12 2Z%27/%3e%3c/mask%3e%3cpath d=%27M18.8551 13.6422L17.6174 15.2132L18.8551 13.6422ZM9 7C9 5.34315 10.3431 4 12 4V0C8.134 0 5 3.13401 5 7H9ZM9 11V7H5V11H9ZM6 16C6 15.6822 6.14602 15.3996 6.38263 15.2132L3.90716 12.0712C2.7493 12.9834 2 14.4048 2 16H6ZM7 17C6.44772 17 6 16.5523 6 16H2C2 18.7614 4.23858 21 7 21V17ZM17 17H7V21H17V17ZM18 16C18 16.5523 17.5523 17 17 17V21C19.7614 21 22 18.7614 22 16H18ZM17.6174 15.2132C17.854 15.3996 18 15.6822 18 16H22C22 14.4048 21.2507 12.9834 20.0928 12.0712L17.6174 15.2132ZM15 7V11H19V7H15ZM12 4C13.6569 4 15 5.34315 15 7H19C19 3.13401 15.866 0 12 0V4ZM20.0928 12.0712C19.6635 11.7329 19.3566 11.4664 19.154 11.2173C18.9602 10.9789 19 10.9237 19 11H15C15 12.1809 15.5336 13.105 16.0504 13.7407C16.5584 14.3655 17.1791 14.8679 17.6174 15.2132L20.0928 12.0712ZM5 11C5 10.9237 5.03981 10.9789 4.846 11.2173C4.6434 11.4664 4.33652 11.7329 3.90716 12.0712L6.38263 15.2132C6.8209 14.8679 7.44157 14.3655 7.94962 13.7407C8.46645 13.105 9 12.1809 9 11H5Z%27 fill=%27%23FFFFFF%27 mask=%27url%28%23path-1-inside-1_164_803%29%27/%3e%3cpath d=%27M10 20H14C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20Z%27 fill=%27%23FFFFFF%27/%3e%3c/svg%3e"); }

.category {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 12px; }
  .category__icon-arrow {
    background-image: url(/local/templates/main/dist/assets/arrow-blue-primary.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    width: 10px;
    height: 11px;
    display: none; }
  .category__text {
    margin: 0 26px 0 27px;
    font-size: 16px;
    line-height: 120%;
    color: #1b1b20;
    max-width: 246px; }
  .category.active .category__text {
    color: #303184; }
  .category.active .category__icon-arrow {
    display: block; }
  .category.active {
    background: #f7f7f7; }

.checkbox {
  padding-left: 30px;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 110%;
  position: relative;
  min-height: 20px;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
  width: auto; }
  .checkbox--reversed {
    padding-left: 0;
    padding-right: 30px; }
    .checkbox--reversed .checkbox__text::before {
      left: 100%;
      margin-left: 5px; }
  .checkbox__input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    position: absolute; }
  .checkbox__text {
    display: block;
    position: relative; }
    .checkbox__text::before {
      content: "";
      position: absolute;
      border: 1px solid #e3e2e2;
      border-radius: 4px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      background: #fff;
      margin-left: -30px;
      top: -1px; }
    .checkbox__text > a {
      font-size: 16px;
      line-height: 110%;
      color: #303184; }
  .checkbox__color {
    width: 20px;
    height: 20px;
    margin-right: 10px; }
  .checkbox__input:checked + .checkbox__text::before {
    background: #009de0 url(/local/templates/main/dist/assets/check.svg) no-repeat top 6px center;
    border-color: #009de0; }
  .checkbox__input:disabled + .checkbox__text::before {
    background: #f7f7f7; }
  .checkbox--colored .checkbox__text::before {
    border-color: #009de0; }

.form-check-input {
  width: 40px;
  height: 24px;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact; }
  .form-check-input:checked {
    background-color: #8cd11c;
    border-color: #8cd11c; }
  .form-check-input[type="checkbox"] {
    border-radius: 0.25em; }

.form-switch .form-check-input {
  width: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3E%3C/svg%3E");
  background-position: left center;
  border-radius: 2em;
  margin-top: -4px;
  transition: 0.15s ease-in-out; }
  .form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3E%3Ccircle r=%273%27 fill=%27%23fff%27/%3E%3C/svg%3E"); }

.circle {
  background: #009de0;
  padding: 4px 7px;
  color: #fff;
  border-radius: 100px;
  line-height: 110%;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
  justify-content: center;
  align-items: center; }

.drop-down {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: #f7f7f7;
  border-radius: 6px;
  cursor: pointer;
  height: 100%;
  border: none; }
  .drop-down__text {
    color: #1b1b20;
    line-height: 110%;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; }
    .drop-down__text--bold {
      font-weight: bold; }
    .drop-down__text::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2711%27 height=%277%27 viewBox=%270 0 11 7%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2.20711 0.792893C1.81658 0.402369 1.18342 0.402369 0.792893 0.792893C0.402369 1.18342 0.402369 1.81658 0.792893 2.20711L2.20711 0.792893ZM5.5 5.5L4.79289 6.20711L5.5 6.91421L6.20711 6.20711L5.5 5.5ZM10.2071 2.20711C10.5976 1.81658 10.5976 1.18342 10.2071 0.792893C9.81658 0.402369 9.18342 0.402369 8.79289 0.792893L10.2071 2.20711ZM0.792893 2.20711L4.79289 6.20711L6.20711 4.79289L2.20711 0.792893L0.792893 2.20711ZM6.20711 6.20711L10.2071 2.20711L8.79289 0.792893L4.79289 4.79289L6.20711 6.20711Z%27 fill=%27%2373737B%27/%3e%3c/svg%3e");
      margin-right: 9px;
      margin-bottom: 2px;
      width: 10px;
      height: 7px; }

.filter-title {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .filter-title__text {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #1b1b20;
    width: 200px; }
  .filter-title__icon {
    transition: 0.3s;
    margin-left: 13px; }
  .filter-title.close .filter-title__icon {
    transform: rotate(180deg); }

.icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; }

.input {
  color: #c2c2c8;
  font-size: 16px;
  line-height: 110%;
  border: 2px solid #e3e2e2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 14px;
  outline: none;
  width: 100%; }
  .input ~ span.error {
    color: #f84a4a;
    font-size: 12px;
    line-height: 110%;
    margin-top: 10px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
  .input::-moz-placeholder {
    color: #c2c2c8; }
  .input::placeholder {
    color: #c2c2c8; }
  .input:focus {
    border-color: #303184;
    color: #1b1b20; }
  .input.fill {
    color: #1b1b20; }
  .input.error {
    border-color: #f84a4a;
    color: #1b1b20; }
  .input.done {
    border-color: #8cd11c;
    color: #1b1b20; }
  .input.inactive .input:disabled {
    border-color: #e3e2e2;
    background-color: #f7f7f7; }
  .input__icon {
    position: absolute;
    right: 18px;
    width: 20px;
    height: 20px; }
    .input__icon::before {
      content: "";
      position: absolute;
      background: #303184;
      border-radius: 10px;
      height: 2px;
      width: 16px;
      top: calc(50% - 3px);
      left: 0; }
    .input__icon::after {
      content: "";
      position: absolute;
      background: #303184;
      border-radius: 10px;
      height: 2px;
      width: 10px;
      top: calc(50% + 1px);
      left: 0; }
  .input-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%; }
    .input-wrapper__helper {
      position: relative;
      display: flex;
      flex-direction: column; }
  .input__label {
    font-size: 16px;
    line-height: 110%;
    color: #73737b;
    margin-bottom: 8px; }
  .input__clear, .input__loader, .input__eye-off {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 14px;
    right: 14px; }
    .input__clear.active, .input__loader.active, .input__eye-off.active {
      display: block; }
  .input-padding-right {
    padding-right: 38px; }
  .input__clear {
    background-image: url(/local/templates/main/dist/assets/clear.svg);
    cursor: pointer;
    display: none; }
  .input__loader {
    background-image: url(/local/templates/main/dist/assets/loader.png);
    -webkit-animation: loader 1.3s linear infinite;
            animation: loader 1.3s linear infinite;
    display: none; }
  .input__eye-off {
    background-image: url(/local/templates/main/dist/assets/eye-off.svg);
    cursor: pointer; }

@-webkit-keyframes loader {
  100% {
    transform: rotate(360deg); } }

@keyframes loader {
  100% {
    transform: rotate(360deg); } }

.in-stock {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  padding: 4px 4px 4px 24px;
  position: relative;
  white-space: nowrap;
  font-size: 14px;
  color: #1b1b20;
  line-height: 110%; }
  .in-stock::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    left: 4px; }
  .in-stock--available {
    background: rgba(140, 209, 28, 0.1); }
    .in-stock--available::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M4 7L7 10L12 5%27 stroke=%27%238CD11C%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e"); }

.label {
  padding: 4px 6px;
  border-radius: 10px;
  background-color: rgba(140,209,28,0.2);
  display: inline-flex;
  justify-content: space-between;
  align-items: center; }
  .label__text {
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    color: #1b1b20; }
  .label__icon {
    margin-right: 4px; }

.mask-icon {
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 24px;
  min-width: 24px;
  height: 24px; }
  .mask-icon--comparison {
    -webkit-mask-image: url(/local/templates/main/dist/assets/comparison.svg);
            mask-image: url(/local/templates/main/dist/assets/comparison.svg); }
  .mask-icon--favorite {
    -webkit-mask-image: url(/local/templates/main/dist/assets/favorite.svg);
            mask-image: url(/local/templates/main/dist/assets/favorite.svg); }
  .mask-icon--active-comparison {
    -webkit-mask-image: url(/local/templates/main/dist/assets/pin-comparison.svg);
            mask-image: url(/local/templates/main/dist/assets/pin-comparison.svg); }
  .mask-icon--favorite-remove {
    -webkit-mask-image: url(/local/templates/main/dist/assets/favorite-remove.svg);
            mask-image: url(/local/templates/main/dist/assets/favorite-remove.svg); }
  .mask-icon--thumb-up {
    -webkit-mask-image: url(/local/templates/main/dist/assets/thumb-up.svg);
            mask-image: url(/local/templates/main/dist/assets/thumb-up.svg); }
  .mask-icon--grid-view {
    -webkit-mask-image: url(/local/templates/main/dist/assets/grid-view.svg);
            mask-image: url(/local/templates/main/dist/assets/grid-view.svg); }
  .mask-icon--rows-view {
    -webkit-mask-image: url(/local/templates/main/dist/assets/row-view.svg);
            mask-image: url(/local/templates/main/dist/assets/row-view.svg); }
  .mask-icon--delete {
    -webkit-mask-image: url(/local/templates/main/dist/assets/basket-delete.svg);
            mask-image: url(/local/templates/main/dist/assets/basket-delete.svg); }
  .mask-icon--favorite-comparison {
    -webkit-mask-image: url(/local/templates/main/dist/assets/favorite-comparison.svg);
            mask-image: url(/local/templates/main/dist/assets/favorite-comparison.svg);
    width: 18px;
    min-width: 18px;
    height: 18px; }
    @media screen and (max-width: 767px) {
      .mask-icon--favorite-comparison {
        -webkit-mask-image: url(/local/templates/main/dist/assets/favorite-comparison-mobile.svg);
                mask-image: url(/local/templates/main/dist/assets/favorite-comparison-mobile.svg); } }
  .mask-icon--delete-comparison {
    -webkit-mask-image: url(/local/templates/main/dist/assets/delete-comparison.svg);
            mask-image: url(/local/templates/main/dist/assets/delete-comparison.svg);
    width: 18px;
    min-width: 18px;
    height: 18px; }
    @media screen and (max-width: 767px) {
      .mask-icon--delete-comparison {
        -webkit-mask-image: url(/local/templates/main/dist/assets/delete-comparison-mobile.svg);
                mask-image: url(/local/templates/main/dist/assets/delete-comparison-mobile.svg); } }
  .mask-icon--pin-comparison {
    -webkit-mask-image: url(/local/templates/main/dist/assets/pin-comparison.svg);
            mask-image: url(/local/templates/main/dist/assets/pin-comparison.svg);
    width: 18px;
    min-width: 18px;
    height: 18px; }
  @media screen and (max-width: 767px) {
    .mask-icon--favorite-comparison, .mask-icon--delete-comparison {
      width: 24px;
      min-width: 24px;
      height: 24px; } }

.navi-arrow {
  background: #fff;
  border: 2px solid #f7f7f7;
  box-sizing: border-box;
  border-radius: 100px;
  transition: 0.3s;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 52px;
  height: 52px;
  z-index: 2; }
  .navi-arrow::before {
    content: "";
    -webkit-mask-image: url(/local/templates/main/dist/assets/navi-arrow.svg);
            mask-image: url(/local/templates/main/dist/assets/navi-arrow.svg);
    background-color: #73737b;
    width: 24px;
    height: 24px;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    transition: 0.3s; }
  .navi-arrow:hover {
    border-color: #303184; }
    .navi-arrow:hover::before {
      background-color: #303184; }
  .navi-arrow.right::before {
    transform: rotate(180deg); }
  .navi-arrow--small {
    width: 30px;
    height: 38px;
    border-radius: 10px; }

.navi-ellipse {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .navi-ellipse {
      flex-wrap: wrap;
      row-gap: 10px; } }
  .navi-ellipse__element {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 2px solid #e3e2e2;
    cursor: pointer; }
    .navi-ellipse__element.active {
      background: #009de0;
      border: none; }
    .navi-ellipse__element:not(:first-child) {
      margin-left: 14px; }
      @media screen and (max-width: 767px) {
        .navi-ellipse__element:not(:first-child) {
          margin-left: 5px; } }

.discount-plate {
  display: inline-flex;
  color: #f84a4a;
  background: rgba(248, 74, 74, 0.1);
  border-radius: 6px;
  padding: 4px 6px;
  font-weight: 700;
  font-size: 12px;
  line-height: 110%; }
  .discount-plate::before {
    content: "- ";
    display: inline-block;
    white-space: pre; }
  .discount-plate--large {
    font-size: 18px; }

.bonus-plate {
  display: inline-flex;
  align-items: center;
  padding: 4px 6px;
  background-color: rgba(140, 209, 28, 0.2);
  border-radius: 6px;
  color: #1b1b20;
  font-size: 12px;
  line-height: 110%; }
  .bonus-plate--logo::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    background-image: url(/local/templates/main/dist/assets/bonus.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 4px; }
  .bonus-plate--bold {
    font-weight: 700; }
  .bonus-plate__question {
    font-weight: 700;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(/local/templates/main/dist/assets/question.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 4px;
    cursor: pointer; }

.radio {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 110%;
  min-height: 20px;
  position: relative;
  cursor: pointer; }
  .radio__input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    position: absolute; }
  .radio__item {
    width: 20px;
    height: 20px;
    position: relative; }
    .radio__item::before {
      content: "";
      position: absolute;
      border: 1px solid #e3e2e2;
      width: 20px;
      height: 20px;
      background: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }
    .radio__item::after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background-color: #009de0;
      border-radius: 50%;
      left: 6px;
      top: 6px;
      cursor: pointer;
      opacity: 0; }
  .radio__text {
    padding-left: 30px;
    position: relative; }
    .radio__text::before {
      content: "";
      position: absolute;
      border: 1px solid #e3e2e2;
      width: 20px;
      min-width: 20px;
      height: 20px;
      background: #fff;
      margin-left: -30px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      top: -1px; }
    .radio__text::after {
      content: "";
      position: absolute;
      width: 8px;
      height: 8px;
      background-color: #009de0;
      border-radius: 50%;
      left: 6px;
      top: 5px;
      cursor: pointer;
      opacity: 0; }
  .radio__notice {
    display: block;
    width: 26px;
    min-width: 26px;
    height: 16px;
    background-image: url(/local/templates/main/dist/assets/info.svg);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
    margin-left: auto; }
    .radio__notice--checkout {
      display: none; }
  .radio__description {
    display: block;
    font-weight: 700;
    font-size: 12px;
    line-height: 120%;
    color: #73737b;
    margin-top: 2px; }
  .radio__input:checked + .radio__text::before {
    border: 2px solid #009de0; }
  .radio__input:checked + .radio__text::after {
    opacity: 1; }
  .radio__input:disabled + .radio__text::before {
    background: #f7f7f7; }
  .radio__checkout, .radio__delivery-pay {
    border-radius: 10px;
    padding: 0;
    min-height: 76px; }
    .radio__checkout .radio__input:checked ~ .radio__text, .radio__delivery-pay .radio__input:checked ~ .radio__text {
      border: 2px solid #009de0; }
    .radio__checkout .radio__text, .radio__delivery-pay .radio__text {
      padding: 18px 18px 18px 58px;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      border-radius: 10px;
      border: 2px solid #f7f7f7;
      font-size: 16px;
      line-height: 110%;
      color: #1b1b20;
      font-weight: 700; }
      .radio__checkout .radio__text::before, .radio__delivery-pay .radio__text::before {
        top: calc(50% - 10px);
        margin-left: -40px; }
      .radio__checkout .radio__text::after, .radio__delivery-pay .radio__text::after {
        top: calc(50% - 4px);
        left: 24px; }
    .radio__checkout .radio__input:disabled + .radio__text, .radio__delivery-pay .radio__input:disabled + .radio__text {
      color: #c2c2c8;
      border-color: #f7f7f7 !important; }
      .radio__checkout .radio__input:disabled + .radio__text::before, .radio__delivery-pay .radio__input:disabled + .radio__text::before {
        border-color: #f7f7f7 !important; }
      .radio__checkout .radio__input:disabled + .radio__text::after, .radio__delivery-pay .radio__input:disabled + .radio__text::after {
        display: none; }
  @media screen and (max-width: 1279px) {
    .radio__notice--checkout {
      display: block; } }

.sale-label {
  font-weight: 700;
  line-height: 110%;
  padding: 4px 6px;
  border-radius: 6px;
  background-color: rgba(248, 74, 74, 0.1);
  color: #f84a4a;
  display: inline-block; }
  .sale-label.small {
    font-size: 12px; }
  .sale-label.big {
    font-size: 18px; }

.range-slider {
  height: 2px;
  border: none;
  padding: 0 10px; }
  .range-slider .noUi-connect {
    background: #009de0; }
  .range-slider .noUi-handle {
    cursor: pointer;
    box-sizing: content-box;
    height: 14px;
    width: 14px;
    top: -9px;
    right: -10px;
    border-radius: 50%;
    background-color: #009de0;
    box-shadow: none;
    border: 3px solid #fff; }
    .range-slider .noUi-handle::before, .range-slider .noUi-handle::after {
      display: none; }

.stars {
  display: flex; }
  .stars__element_big {
    background-image: url(/local/templates/main/dist/assets/star-empty.svg);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    background-size: cover; }
    .stars__element_big.active {
      background-image: url(/local/templates/main/dist/assets/star.svg); }
  .stars__element_small {
    background-image: url(/local/templates/main/dist/assets/star-empty.svg);
    background-repeat: no-repeat;
    height: 11px;
    width: 11px;
    background-size: cover; }
    .stars__element_small.active {
      background-image: url(/local/templates/main/dist/assets/star.svg); }
  .stars__element:not(:last-child) {
    margin-right: 2px; }
  .stars__value {
    margin-left: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    color: #8cd11c; }

.star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(/local/templates/main/dist/assets/star-empty.svg); }
  .star--fill {
    background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star--small {
    width: 11px;
    height: 11px; }
  .star--large {
    width: 24px;
    height: 24px; }
  .star--selectable {
    position: relative;
    cursor: pointer; }
    .star--selectable.selected {
      background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star .star__tooltip {
    display: none;
    position: absolute;
    transform: translate(-50%, 100%);
    left: 50%;
    bottom: -12px;
    padding: 7px 10px 9px;
    background: #f7f7f7;
    border-radius: 6px; }
    .star .star__tooltip::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2712%27 height=%276%27 viewBox=%270 0 12 6%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M4.58579 1.41421L0 6H12L7.41421 1.41421C6.63316 0.633165 5.36683 0.633166 4.58579 1.41421Z%27 fill=%27%23F7F7F7%27/%3e%3c/svg%3e");
      width: 12px;
      height: 6px;
      position: absolute;
      top: -6px;
      left: calc(50% - 6px); }
  .star:hover .star__tooltip {
    display: block; }

.star-rating {
  display: inline-flex; }
  .star-rating--1 .star:nth-child(-n+1) {
    background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star-rating--2 .star:nth-child(-n+2) {
    background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star-rating--3 .star:nth-child(-n+3) {
    background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star-rating--4 .star:nth-child(-n+4) {
    background-image: url(/local/templates/main/dist/assets/star.svg); }
  .star-rating--5 .star:nth-child(-n+5) {
    background-image: url(/local/templates/main/dist/assets/star.svg); }

.table-list {
  display: flex;
  align-items: center;
  white-space: nowrap; }
  .table-list__title {
    font-size: 18px;
    line-height: 110%;
    color: #73737b; }
  .table-list__line {
    width: 100%;
    border: 1px dashed #e3e2e2;
    margin: 0 10px; }
  .table-list__value {
    font-size: 18px;
    line-height: 110%;
    color: #1b1b20; }

.section-title {
  font-size: 36px;
  line-height: 110%;
  color: #1b1b20;
  font-weight: 300; }
  @media screen and (max-width: 767px) {
    .section-title {
      font-size: 26px; } }

.main-title {
  margin: 20px 0 40px; }
  .main-title--personal {
    margin: 0; }
  @media screen and (max-width: 767px) {
    .main-title {
      margin-bottom: 20px; }
      .main-title--personal {
        margin-bottom: 0; } }

[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  padding: 7px 10px 9px;
  background: #1b1b20;
  border-radius: 6px;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  bottom: auto;
  top: calc(100% + 12px);
  z-index: 2;
  display: none;
  left: auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center; }

[data-tooltip]::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjU4NTc5IDEuNDE0MjFMMCA2SDEyTDcuNDE0MjEgMS40MTQyMUM2LjYzMzE2IDAuNjMzMTY1IDUuMzY2ODMgMC42MzMxNjYgNC41ODU3OSAxLjQxNDIxWiIgZmlsbD0iIzFCMUIyMCIvPgo8L3N2Zz4K);
  width: 12px;
  height: 6px;
  position: absolute;
  bottom: -12px;
  left: auto;
  display: none; }

[data-tooltip]:hover::before, [data-tooltip]:hover::after, [data-tooltip].tooltip-active::before, [data-tooltip].tooltip-active::after {
  display: block; }

@media screen and (max-width: 1279px) {
  [data-tooltip][data-tooltip-only-desktop]::before, [data-tooltip][data-tooltip-only-desktop]::after {
    display: none; } }

[data-tooltip-left]::before {
  content: attr(data-tooltip-left);
  position: absolute;
  padding: 7px 10px 9px;
  background: #1b1b20;
  border-radius: 6px;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  bottom: auto;
  top: calc(100% + 12px);
  z-index: 2;
  display: none;
  left: -10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: center; }

[data-tooltip-left]::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjU4NTc5IDEuNDE0MjFMMCA2SDEyTDcuNDE0MjEgMS40MTQyMUM2LjYzMzE2IDAuNjMzMTY1IDUuMzY2ODMgMC42MzMxNjYgNC41ODU3OSAxLjQxNDIxWiIgZmlsbD0iIzFCMUIyMCIvPgo8L3N2Zz4K);
  width: 12px;
  height: 6px;
  position: absolute;
  bottom: -12px;
  left: 2px;
  display: none; }

[data-tooltip-left]:hover::before, [data-tooltip-left]:hover::after, [data-tooltip-left].tooltip-active::before, [data-tooltip-left].tooltip-active::after {
  display: block; }

@media screen and (max-width: 1279px) {
  [data-tooltip-left][data-tooltip-only-desktop]::before, [data-tooltip-left][data-tooltip-only-desktop]::after {
    display: none; } }

@media screen and (max-width: 767px) {
  [data-tooltip-left]::before {
    left: auto;
    right: -10px; } }

[data-tooltip-left-full]::before {
  content: attr(data-tooltip-left-full);
  position: absolute;
  padding: 7px 10px 9px;
  background: #1b1b20;
  border-radius: 6px;
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  color: #fff;
  bottom: auto;
  top: calc(100% + 12px);
  z-index: 2;
  display: none;
  left: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: auto;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  text-align: left;
  white-space: pre; }

[data-tooltip-left-full]::after {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEyIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjU4NTc5IDEuNDE0MjFMMCA2SDEyTDcuNDE0MjEgMS40MTQyMUM2LjYzMzE2IDAuNjMzMTY1IDUuMzY2ODMgMC42MzMxNjYgNC41ODU3OSAxLjQxNDIxWiIgZmlsbD0iIzFCMUIyMCIvPgo8L3N2Zz4K);
  width: 12px;
  height: 6px;
  position: absolute;
  bottom: -12px;
  left: 10px;
  display: none; }

[data-tooltip-left-full]:hover::before, [data-tooltip-left-full]:hover::after, [data-tooltip-left-full].tooltip-active::before, [data-tooltip-left-full].tooltip-active::after {
  display: block; }

@media screen and (max-width: 1279px) {
  [data-tooltip-left-full][data-tooltip-only-desktop]::before, [data-tooltip-left-full][data-tooltip-only-desktop]::after {
    display: none; } }

.quantity-warning {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 20px 0 rgba(0,0,0,0.10196);
  color: #000;
  font-size: 14px;
  line-height: 20px;
  min-width: 320px;
  padding: 24px 30px;
  position: absolute;
  text-align: center;
  z-index: 1000; }
  .quantity-warning .close {
    background: url("data:image/svg+xml,%3Csvg width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg clip-path=%27url%28%23clip0_1_731%29%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M-0.0388931 -0.611647C0.225656 -0.876196 0.654574 -0.876196 0.919123 -0.611647L6.7627 5.23193L12.6063 -0.611647C12.8708 -0.876196 13.2997 -0.876196 13.5643 -0.611647C13.8288 -0.347098 13.8288 0.08182 13.5643 0.346369L7.72071 6.18994L13.5643 12.0335C13.8288 12.2981 13.8288 12.727 13.5643 12.9915C13.2997 13.2561 12.8708 13.2561 12.6063 12.9915L6.7627 7.14796L0.919123 12.9915C0.654574 13.2561 0.225656 13.2561 -0.0388931 12.9915C-0.303442 12.727 -0.303442 12.2981 -0.0388931 12.0335L5.80468 6.18994L-0.0388931 0.346369C-0.303442 0.08182 -0.303442 -0.347098 -0.0388931 -0.611647Z%27 fill=%27%23C2C2C8%27 stroke=%27%23C2C2C8%27 stroke-width=%270.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%27clip0_1_731%27%3E%3Crect width=%2712%27 height=%2712%27 fill=%27white%27 transform=%27translate%280.762695 0.189941%29%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    width: 36px; }
  .quantity-warning .btn {
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    margin: 12px auto 0;
    max-width: 190px;
    padding: 12px 23px; }

.form-field {
  position: relative; }
  .form-field__label {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 18px;
    color: #73737b; }
  .form-field__container {
    position: relative; }
  .form-field__input {
    width: 100%;
    padding: 15px 14px;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    font-size: 16px;
    line-height: 18px;
    color: #1b1b20;
    outline: none; }
    .form-field__input--with-icon {
      padding: 15px 48px 15px 14px; }
    .form-field__input--date {
      height: 52px;
      background-color: #fff; }
    .form-field__input::-moz-placeholder {
      color: #c2c2c8; }
    .form-field__input::placeholder {
      color: #c2c2c8; }
    .form-field__input:disabled {
      background-color: #f7f7f7; }
    .form-field__input[type="date"]::-webkit-inner-spin-button {
      display: none;
      -webkit-appearance: none;
              appearance: none; }
    .form-field__input[type="date"]::-webkit-calendar-picker-indicator {
      position: absolute;
      top: 50%;
      right: 14px;
      width: 24px;
      height: 24px;
      transform: translateY(-50%);
      opacity: 0;
      z-index: 1;
      cursor: pointer; }
  .form-field__icon-container {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%); }
  .form-field__icon {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat; }
    .form-field__icon--edit {
      background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cmask id=%27path-1-inside-1_4932_2473%27 fill=%27white%27%3E%3Cpath d=%27M11.5526 18.1047C11.0042 18.6531 10.2648 18.9678 9.48935 18.9828L4.92939 19.0711L5.01764 14.5111C5.03265 13.7357 5.34736 12.9962 5.89576 12.4478L14.1218 4.22184C15.2933 3.05026 17.1928 3.05026 18.3644 4.22184L19.7786 5.63605C20.9502 6.80762 20.9502 8.70712 19.7786 9.87869L11.5526 18.1047Z%27/%3E%3C/mask%3E%3Cpath d=%27M4.92939 19.0711L2.92976 19.0324L2.88953 21.1109L4.96809 21.0707L4.92939 19.0711ZM7.30997 13.8621L15.536 5.63605L12.7076 2.80762L4.48155 11.0336L7.30997 13.8621ZM16.9502 5.63605L18.3644 7.05026L21.1928 4.22184L19.7786 2.80762L16.9502 5.63605ZM18.3644 8.46448L10.1384 16.6905L12.9668 19.5189L21.1928 11.2929L18.3644 8.46448ZM9.45065 16.9832L4.89068 17.0715L4.96809 21.0707L9.52805 20.9824L9.45065 16.9832ZM6.92901 19.1098L7.01727 14.5498L3.01802 14.4724L2.92976 19.0324L6.92901 19.1098ZM18.3644 7.05026C18.7549 7.44079 18.7549 8.07395 18.3644 8.46448L21.1928 11.2929C23.1455 9.34028 23.1455 6.17446 21.1928 4.22184L18.3644 7.05026ZM15.536 5.63605C15.9265 5.24553 16.5597 5.24552 16.9502 5.63605L19.7786 2.80762C17.826 0.855 14.6602 0.855001 12.7076 2.80762L15.536 5.63605ZM4.48155 11.0336C3.56755 11.9476 3.04303 13.1801 3.01802 14.4724L7.01727 14.5498C7.02227 14.2914 7.12718 14.0449 7.30997 13.8621L4.48155 11.0336ZM10.1384 16.6905C9.9556 16.8733 9.70911 16.9782 9.45065 16.9832L9.52805 20.9824C10.8204 20.9574 12.0528 20.4329 12.9668 19.5189L10.1384 16.6905Z%27 fill=%27%23C2C2C8%27 mask=%27url%28%23path-1-inside-1_4932_2473%29%27/%3E%3Crect x=%2716.2422%27 y=%2712%27 width=%276%27 height=%272%27 transform=%27rotate%28-135 16.2422 12%29%27 fill=%27%23C2C2C8%27/%3E%3C/svg%3E"); }
    .form-field__icon--calendar {
      cursor: pointer;
      background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%273%27 y=%276%27 width=%2718%27 height=%2714%27 rx=%272%27 fill=%27%23F7F7F7%27 stroke=%27%23A5A5A5%27 stroke-width=%272%27/%3E%3Crect x=%277%27 y=%273%27 width=%272%27 height=%274%27 rx=%271%27 fill=%27%23A5A5A5%27/%3E%3Crect x=%2715%27 y=%273%27 width=%272%27 height=%274%27 rx=%271%27 fill=%27%23A5A5A5%27/%3E%3Crect x=%2711%27 y=%2710%27 width=%272%27 height=%274%27 rx=%271%27 transform=%27rotate%2890 11 10%29%27 fill=%27%23A5A5A5%27/%3E%3Crect x=%2711%27 y=%2714%27 width=%272%27 height=%274%27 rx=%271%27 transform=%27rotate%2890 11 14%29%27 fill=%27%23A5A5A5%27/%3E%3Crect x=%2717%27 y=%2710%27 width=%272%27 height=%274%27 rx=%271%27 transform=%27rotate%2890 17 10%29%27 fill=%27%23A5A5A5%27/%3E%3Crect x=%2717%27 y=%2714%27 width=%272%27 height=%274%27 rx=%271%27 transform=%27rotate%2890 17 14%29%27 fill=%27%23A5A5A5%27/%3E%3C/svg%3E"); }
  .form-field__edit-button {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer; }

.select-default {
  display: none; }

.select {
  position: relative; }
  .select--expanded {
    max-width: 340px;
    width: 100%; }
  .select--expanded .select__toggle {
    border-color: #303184;
    padding: 8px 48px 8px 14px;
    background-color: #303184;
    color: #fff; }
    .select--expanded .select__toggle .select-subtitle {
      margin-top: 1px;
      color: #fff; }
  .select--expanded .select__container::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M19.5 8.5L12.5 15.5L5.5 8.5%27 stroke=%27%23fff%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e"); }
  .select--expanded .select__content {
    display: flex;
    flex-direction: column; }
  .select--expanded .select__item {
    display: flex;
    flex-direction: column; }
  .select--inactive .select__toggle {
    padding: 14px 48px 14px 14px;
    border-color: #e3e2e2;
    background-color: #f7f7f7;
    cursor: default; }
    .select--inactive .select__toggle .select-subtitle {
      display: none; }
  .select--inactive .select__container::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M19.5 8.5L12.5 15.5L5.5 8.5%27 stroke=%27%23C2C2C8%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
    cursor: default; }
  .select--inactive .select__content {
    color: #c2c2c8; }
  .select.active .select__toggle {
    border-color: #303184; }
  .select.active .select__container::before {
    transform: rotate(180deg); }
  .select.active .select__list {
    display: block; }
  .select-subtitle {
    font-size: 12px;
    color: #73737b;
    margin-top: 6px; }
  .select-title, .select-subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .select__container {
    position: relative; }
    .select__container::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M19.5 8.5L12.5 15.5L5.5 8.5%27 stroke=%27%2373737B%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      position: absolute;
      right: 14px;
      transition: 0.3s;
      top: calc(50% - 12px);
      z-index: 1;
      cursor: pointer; }
  .select__toggle {
    padding: 14px 48px 14px 14px;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    color: #1b1b20;
    background: #fff;
    width: 100%;
    display: grid;
    position: relative;
    cursor: pointer;
    outline: none; }
    .select__toggle [placeholder] {
      color: #73737b; }
  .select__content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .select__list {
    padding: 8px;
    margin-top: 10px;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    max-height: 268px;
    overflow: auto;
    position: absolute;
    width: 100%;
    z-index: 1;
    background: #fff;
    display: none; }
  .select__item {
    padding: 10px;
    color: #1b1b20;
    font-size: 16px;
    line-height: 110%;
    border-radius: 6px;
    cursor: pointer; }
    .select__item + .select__item {
      margin-top: 10px; }
    .select__item:hover {
      color: #303184;
      background: rgba(48, 49, 132, 0.1); }
    .select__item-subtitle {
      font-size: 14px;
      color: #73737b;
      margin-top: 6px; }

.drag-and-drop {
  width: 100%;
  border: 2px dashed #e3e2e2;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer; }
  .drag-and-drop__btn {
    position: relative; }
    .drag-and-drop__btn::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%274%27 y=%2711%27 width=%2716%27 height=%272%27 rx=%271%27 fill=%27%23303184%27/%3e%3crect x=%2713%27 y=%274%27 width=%2716%27 height=%272%27 rx=%271%27 transform=%27rotate%2890 13 4%29%27 fill=%27%23303184%27/%3e%3c/svg%3e");
      width: 24px;
      height: 24px;
      position: absolute; }
  .drag-and-drop__title {
    margin: 10px 0;
    font-size: 18px;
    line-height: 110%;
    color: #1b1b20; }
  .drag-and-drop__sub-title {
    font-size: 16px;
    line-height: 110%;
    color: #73737b; }
  .drag-and-drop__error {
    font-size: 16px;
    line-height: 110%;
    color: #f84a4a;
    display: none;
    margin-top: 10px; }
  .drag-and-drop__input {
    display: none; }
  .drag-and-drop__container {
    display: flex; }
  .drag-and-drop__element {
    position: relative; }
    .drag-and-drop__element:not(:last-child) {
      margin-right: 20px; }
  .drag-and-drop__element, .drag-and-drop__image {
    width: 40px;
    height: 40px;
    border-radius: 10px; }
  .drag-and-drop__delete {
    background: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -9px;
    right: -9px; }
    .drag-and-drop__delete::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2 2L8 8%27 stroke=%27%2373737B%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3cpath d=%27M8 2L2 8%27 stroke=%27%2373737B%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
      width: 10px;
      height: 10px;
      position: absolute; }

.file-link {
  position: relative;
  display: flex;
  align-items: center; }
  .file-link__name {
    font-size: 16px;
    line-height: 110%;
    color: #303184; }
  .file-link__size {
    font-size: 16px;
    line-height: 110%;
    color: #73737b;
    margin-left: 6px; }
  .file-link--out {
    padding-right: 22px; }
    .file-link--out::after {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M3 13L13 3M13 3H6M13 3V9.5%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
      width: 16px;
      height: 16px;
      background-repeat: no-repeat;
      position: absolute;
      right: 0; }
  .file-link--download {
    padding-left: 30px; }
    .file-link--download::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3crect x=%274%27 y=%2719%27 width=%2716%27 height=%272%27 rx=%271%27 fill=%27%23303184%27/%3e%3crect x=%2713%27 y=%272%27 width=%2714%27 height=%272%27 rx=%271%27 transform=%27rotate%2890 13 2%29%27 fill=%27%23303184%27/%3e%3cpath d=%27M7 11L12 16L17 11%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      position: absolute;
      left: 0; }

.preloader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 15; }
  .preloader.active {
    display: flex; }
  .preloader-element {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px; }
    .preloader-element::before, .preloader-element::after {
      content: "";
      position: absolute;
      border: 4px solid #fff;
      opacity: 1;
      border-radius: 50%;
      -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
              animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
    .preloader-element::after {
      content: "";
      -webkit-animation-delay: -0.5s;
              animation-delay: -0.5s; }

@-webkit-keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0; }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0; }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0; } }

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0; }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0; }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1; }
  100% {
    top: 0;
    left: 0;
    width: 72px;
    height: 72px;
    opacity: 0; } }

.quick-order__btn-example {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  color: #303184;
  cursor: pointer; }

.quick-order__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 17px;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .quick-order__btns {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start; } }

.quick-order__btn {
  background: #f7f7f7;
  color: #97979d;
  border-color: transparent; }
  .quick-order__btn.--active {
    background: #303184;
    color: #fff;
    border-color: #303184; }
  .quick-order__btn input {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.quick-order__content {
  margin-top: 40px; }

.quick-order__lists-wrapper {
  max-height: 380px;
  overflow-y: auto;
  padding-right: 20px; }
  .quick-order__lists-wrapper::-webkit-scrollbar {
    width: 6px; }
  .quick-order__lists-wrapper::-webkit-scrollbar-track {
    background: #e3e2e2; }
  .quick-order__lists-wrapper::-webkit-scrollbar-thumb {
    background-color: #303184;
    border-radius: 4px;
    border: 6px solid #303184; }

.quick-order__item {
  padding: 20px 28px;
  border-radius: 20px;
  border: 2px solid #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px; }
  @media screen and (max-width: 767px) {
    .quick-order__item {
      flex-direction: column;
      gap: 20px;
      align-items: flex-start; } }
  .quick-order__item-art {
    display: flex;
    align-items: center;
    gap: 20px; }
    .quick-order__item-art-title {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      color: #97979d; }
      @media screen and (max-width: 767px) {
        .quick-order__item-art-title {
          display: none; } }
      .quick-order__item-art-title-mobile {
        display: none; }
        @media screen and (max-width: 767px) {
          .quick-order__item-art-title-mobile {
            display: block;
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
            color: #97979d; } }
  .quick-order__item-count {
    display: flex;
    align-items: center;
    gap: 20px; }
    @media screen and (max-width: 767px) {
      .quick-order__item-count {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start; } }
    .quick-order__item-count-title {
      font-size: 16px;
      line-height: 20px;
      font-weight: 400;
      color: #97979d; }
  @media screen and (max-width: 767px) {
    .quick-order__item-delete {
      margin: 0 auto; } }

[dir="ltr"] .quick-order__input{
  text-align: left; }

[dir="rtl"] .quick-order__input{
  text-align: right; }

.quick-order__input {
  border: 2px solid #e3e2e2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 11px;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  color: #1b1b20;
  outline: none;
  width: 100%;
  max-width: 120px; }

.quick-order__lists {
  display: flex;
  flex-direction: column;
  gap: 20px; }

.quick-order__footer {
  margin-top: 40px; }
  .quick-order__footer-btns {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: flex-end; }
    @media screen and (max-width: 767px) {
      .quick-order__footer-btns {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start; } }
    @media screen and (max-width: 767px) {
      .quick-order__footer-btns button {
        width: 100%; } }
  .quick-order__footer-delete {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 2px solid #f7f7f7;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 767px) {
      .quick-order__footer-delete {
        margin-top: 20px;
        justify-content: flex-start; } }
    @media screen and (max-width: 767px) {
      .quick-order__footer-delete button {
        width: 100%; } }

.quick-order .basket-item__count {
  border: 2px solid #e3e2e2;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 11px;
  font-size: 16px;
  font-weight: 400;
  line-height: 110%;
  text-align: center;
  color: #1b1b20;
  outline: none;
  width: 120px; }
  @media screen and (max-width: 1279px) {
    .quick-order .basket-item__count {
      width: 98px; } }
  @media screen and (max-width: 767px) {
    .quick-order .basket-item__count {
      width: 100%; } }

.quick-order .basket-item__minus,
.quick-order .basket-item__plus {
  width: 40px;
  min-width: 40px;
  height: 40px;
  background: #f7f7f7;
  border-radius: 10px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: none; }

.quick-order .basket-item__minus::after,
.quick-order .basket-item__plus::after {
  content: "";
  width: 16px;
  height: 2px;
  background: #1b1b20;
  border-radius: 10px;
  position: absolute; }

.quick-order .basket-item__plus::before {
  content: "";
  width: 2px;
  height: 16px;
  background: #1b1b20;
  border-radius: 10px;
  position: absolute; }

.quick-order .basket-item__quantity {
  display: flex;
  flex-direction: column;
  width: 220px;
  order: 2; }
  @media screen and (max-width: 767px) {
    .quick-order .basket-item__quantity {
      width: 100%; } }

.quick-order .basket-item__quantity-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .quick-order .basket-item__quantity-wrapper {
      gap: 10px; } }

.popup-not {
  max-width: 384px; }
  @media screen and (max-width: 767px) {
    .popup-not {
      max-width: 100%; } }
  .popup-not__title {
    font-size: 26px;
    color: #040404;
    font-weight: 700; }
  .popup-not__content-wrapper {
    margin-top: 40px;
    overflow-y: auto;
    max-height: 220px; }
    .popup-not__content-wrapper::-webkit-scrollbar {
      width: 6px; }
    .popup-not__content-wrapper::-webkit-scrollbar-track {
      background: #e3e2e2; }
    .popup-not__content-wrapper::-webkit-scrollbar-thumb {
      background-color: #303184;
      border-radius: 4px;
      border: 6px solid #303184; }
  .popup-not__content {
    padding-right: 158px; }
  .popup-not__btns {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 20px; }
    @media screen and (max-width: 767px) {
      .popup-not__btns {
        flex-direction: column; } }
    @media screen and (max-width: 767px) {
      .popup-not__btns button {
        width: 100%; } }
  .popup-not__item {
    display: flex;
    flex-direction: column;
    gap: 12px; }
    .popup-not__item-art {
      font-size: 16px;
      position: relative;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content; }
      .popup-not__item-art span {
        font-weight: 400; }
      .popup-not__item-art-label {
        color: #97979d;
        font-weight: 400; }
      .popup-not__item-art .clipboard {
        background: url("data:image/svg+xml,%3Csvg width='100%' height='100%' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16 16V18.8C16 19.9201 16 20.4802 15.782 20.908C15.5903 21.2843 15.2843 21.5903 14.908 21.782C14.4802 22 13.9201 22 12.8 22H5.2C4.0799 22 3.51984 22 3.09202 21.782C2.71569 21.5903 2.40973 21.2843 2.21799 20.908C2 20.4802 2 19.9201 2 18.8V11.2C2 10.0799 2 9.51984 2.21799 9.09202C2.40973 8.71569 2.71569 8.40973 3.09202 8.21799C3.51984 8 4.0799 8 5.2 8H8M11.2 16H18.8C19.9201 16 20.4802 16 20.908 15.782C21.2843 15.5903 21.5903 15.2843 21.782 14.908C22 14.4802 22 13.9201 22 12.8V5.2C22 4.0799 22 3.51984 21.782 3.09202C21.5903 2.71569 21.2843 2.40973 20.908 2.21799C20.4802 2 19.9201 2 18.8 2H11.2C10.0799 2 9.51984 2 9.09202 2.21799C8.71569 2.40973 8.40973 2.71569 8.21799 3.09202C8 3.51984 8 4.07989 8 5.2V12.8C8 13.9201 8 14.4802 8.21799 14.908C8.40973 15.2843 8.71569 15.5903 9.09202 15.782C9.51984 16 10.0799 16 11.2 16Z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E") no-repeat center;
        cursor: pointer;
        height: 32px;
        left: 100%;
        opacity: 0.5;
        top: -6px;
        transform: scale(-0.5);
        width: 32px;
        position: absolute; }
    .popup-not__item-sub-title {
      font-size: 16px;
      font-weight: 400; }
  .popup-not__lists {
    display: flex;
    flex-direction: column;
    gap: 40px; }

.popup-favorite {
  max-width: 441px; }
  @media screen and (max-width: 767px) {
    .popup-favorite {
      max-width: 100%; } }
  .popup-favorite__title {
    font-size: 26px;
    color: #040404;
    font-weight: 700;
    margin-top: 10px; }
  .popup-favorite__btns {
    margin-top: 40px;
    display: flex;
    gap: 20px;
    max-width: 184px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 767px) {
      .popup-favorite__btns {
        max-width: 100%; } }
    .popup-favorite__btns button {
      min-width: 82px; }
      @media screen and (max-width: 767px) {
        .popup-favorite__btns button {
          width: 100%; } }

.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 10px 0; }

.header__bread-crumbs {
  margin-top: 40px; }

.header-location {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-left: 30px;
  position: relative; }
  .header-location__icon {
    margin-right: 8px; }
  .header-location__title {
    color: #73737b;
    line-height: 110%;
    font-size: 16px;
    padding-left: 18px;
    white-space: nowrap; }
  .header-location::before {
    content: "";
    position: absolute;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgNi4zMzMzM0M5IDguMzI4ODQgNy45MTczMiAxMC4yNzQyIDYuNzE1MTIgMTEuNzk3QzYuMTI1ODEgMTIuNTQzNSA1LjUzNDQxIDEzLjE1NDggNS4wOTAzOSAxMy41NzkxQzUuMDU5NSAxMy42MDg2IDUuMDI5MzUgMTMuNjM3MiA1IDEzLjY2NDhDNC45NzA2NSAxMy42MzcyIDQuOTQwNSAxMy42MDg2IDQuOTA5NjEgMTMuNTc5MUM0LjQ2NTU5IDEzLjE1NDggMy44NzQxOSAxMi41NDM1IDMuMjg0ODggMTEuNzk3QzIuMDgyNjggMTAuMjc0MiAxIDguMzI4ODQgMSA2LjMzMzMzQzEgMy44NzgzMiAyLjg1MDY4IDIgNSAyQzcuMTQ5MzIgMiA5IDMuODc4MzIgOSA2LjMzMzMzWiIgc3Ryb2tlPSIjQzJDMkM4IiBzdHJva2Utd2lkdGg9IjIiLz4KPGNpcmNsZSBjeD0iNSIgY3k9IjYiIHI9IjEiIGZpbGw9IiNDMkMyQzgiLz4KPC9zdmc+Cg==);
    width: 10px;
    height: 16px; }

.header-phone {
  margin-right: 47px;
  margin-left: 47px;
  position: relative;
  display: flex;
  flex-direction: column;
  white-space: nowrap; }
  .header-phone .header-phone__number a {
    pointer-events: none;
    color: inherit; }
  .header-phone__number {
    color: #1b1b20;
    line-height: 110%;
    cursor: pointer;
    padding-left: 20px;
    font-size: 15px; }
    .header-phone__number-divider {
      color: #c2c2c8; }
    .header-phone__number::before {
      content: "";
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjcwNzExIDAuNzkyODkzQzEuMzE2NTggMC40MDIzNjkgMC42ODM0MTcgMC40MDIzNjkgMC4yOTI4OTMgMC43OTI4OTNDLTAuMDk3NjMxMSAxLjE4MzQyIC0wLjA5NzYzMTEgMS44MTY1OCAwLjI5Mjg5MyAyLjIwNzExTDEuNzA3MTEgMC43OTI4OTNaTTUgNS41TDQuMjkyODkgNi4yMDcxMUw1IDYuOTE0MjFMNS43MDcxMSA2LjIwNzExTDUgNS41Wk05LjcwNzExIDIuMjA3MTFDMTAuMDk3NiAxLjgxNjU4IDEwLjA5NzYgMS4xODM0MiA5LjcwNzExIDAuNzkyODkzQzkuMzE2NTggMC40MDIzNjkgOC42ODM0MiAwLjQwMjM2OSA4LjI5Mjg5IDAuNzkyODkzTDkuNzA3MTEgMi4yMDcxMVpNMC4yOTI4OTMgMi4yMDcxMUw0LjI5Mjg5IDYuMjA3MTFMNS43MDcxMSA0Ljc5Mjg5TDEuNzA3MTEgMC43OTI4OTNMMC4yOTI4OTMgMi4yMDcxMVpNNS43MDcxMSA2LjIwNzExTDkuNzA3MTEgMi4yMDcxMUw4LjI5Mjg5IDAuNzkyODkzTDQuMjkyODkgNC43OTI4OUw1LjcwNzExIDYuMjA3MTFaIiBmaWxsPSIjQzJDMkM4Ii8+Cjwvc3ZnPgo=);
      width: 10px;
      height: 7px;
      position: absolute;
      left: 0;
      bottom: 6px; }
  .header-phone__popup {
    display: none;
    flex-direction: column;
    position: absolute;
    z-index: 12;
    background: #fff;
    padding: 20px 27px 20px 0;
    white-space: nowrap;
    top: -21px;
    left: -21px;
    border: 1px solid #f7f7f7;
    border-radius: 10px; }
    .header-phone__popup.active {
      display: flex; }
      .header-phone__popup.active .header-phone__popup-number a {
        color: inherit; }
      .header-phone__popup.active .header-phone__mobile a {
        color: inherit; }
    .header-phone__popup > .popup-block {
      padding: 20px;
      border-radius: 10px; }
    .header-phone__popup-number {
      font-size: 16px;
      line-height: 110%;
      color: #1b1b20;
      position: relative;
      padding-left: 20px;
      margin-left: 20px;
      cursor: pointer; }
      .header-phone__popup-number::before {
        content: "";
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjcwNzExIDAuNzkyODkzQzEuMzE2NTggMC40MDIzNjkgMC42ODM0MTcgMC40MDIzNjkgMC4yOTI4OTMgMC43OTI4OTNDLTAuMDk3NjMxMSAxLjE4MzQyIC0wLjA5NzYzMTEgMS44MTY1OCAwLjI5Mjg5MyAyLjIwNzExTDEuNzA3MTEgMC43OTI4OTNaTTUgNS41TDQuMjkyODkgNi4yMDcxMUw1IDYuOTE0MjFMNS43MDcxMSA2LjIwNzExTDUgNS41Wk05LjcwNzExIDIuMjA3MTFDMTAuMDk3NiAxLjgxNjU4IDEwLjA5NzYgMS4xODM0MiA5LjcwNzExIDAuNzkyODkzQzkuMzE2NTggMC40MDIzNjkgOC42ODM0MiAwLjQwMjM2OSA4LjI5Mjg5IDAuNzkyODkzTDkuNzA3MTEgMi4yMDcxMVpNMC4yOTI4OTMgMi4yMDcxMUw0LjI5Mjg5IDYuMjA3MTFMNS43MDcxMSA0Ljc5Mjg5TDEuNzA3MTEgMC43OTI4OTNMMC4yOTI4OTMgMi4yMDcxMVpNNS43MDcxMSA2LjIwNzExTDkuNzA3MTEgMi4yMDcxMUw4LjI5Mjg5IDAuNzkyODkzTDQuMjkyODkgNC43OTI4OUw1LjcwNzExIDYuMjA3MTFaIiBmaWxsPSIjQzJDMkM4Ii8+Cjwvc3ZnPgo=);
        width: 10px;
        height: 7px;
        position: absolute;
        left: 0;
        bottom: 6px;
        transform: rotate(180deg); }
    .header-phone__popup-divider {
      color: #c2c2c8; }
    .header-phone__popup-time {
      font-size: 16px;
      line-height: 110%;
      color: #1b1b20;
      margin-top: 10px;
      padding-left: 40px; }
  .header-phone__shadow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    display: none; }
    .header-phone__shadow.active {
      display: block; }

.header-email {
  text-align: center;
  margin-right: 20px;
  margin-top: 16px; }
  .header-email__link {
    color: #1b1b20;
    line-height: 110%;
    cursor: pointer; }
  .header-email__desc {
    white-space: nowrap;
    color: #73737b;
    font-size: 14px;
    display: block;
    margin-top: 5px; }

.header-bottom {
  display: flex;
  align-items: center;
  background: #f7f7f7;
  border-radius: 20px;
  padding: 20px; }
  .header-bottom__catalog {
    position: absolute;
    left: 0; }
    .header-bottom__catalog.active {
      z-index: 12; }
  .header-bottom__link {
    background: #fff;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: relative;
    border: none;
    cursor: pointer;
    outline: none; }
    .header-bottom__link:hover::before, .header-bottom__link:hover::after {
      display: none; }
    .header-bottom__link-text {
      color: #1b1b20;
      font-weight: 700;
      font-size: 12px;
      line-height: 110%;
      margin-left: 6px;
      white-space: nowrap; }
    .header-bottom__link-circle {
      position: absolute;
      top: -8px;
      right: -8px; }
    .header-bottom__link-auth, .header-bottom__link-comparison, .header-bottom__link-favorites {
      margin-right: 10px; }
  .header-bottom__wrapper {
    display: flex;
    position: relative;
    width: 100%; }
  .header-bottom__actions {
    display: flex; }

.header-social {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 47px; }
  .header-social__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 31px;
    height: 31px; }
    .header-social__link img {
      width: 100%; }

@media screen and (max-width: 1279px) {
  .header-location {
    margin-left: 38px; }
  .header-phone {
    margin-right: 0;
    margin-left: auto; }
    .header-phone__popup {
      padding: 20px 20px 20px 0; }
      .header-phone__popup-time {
        white-space: normal; }
  .header-bottom {
    margin-left: -34px;
    width: calc(100% + 68px);
    border-radius: 0;
    padding: 20px 34px; }
    .header-bottom__link:hover::before, .header-bottom__link:hover::after {
      display: none; }
  .header-bottom__catalog-text {
    display: none; }
    .header-bottom__catalog-text .btn--catalog::before {
      margin-right: 0; } }

@media screen and (max-width: 767px) {
  .header-location {
    overflow: hidden;
    margin-left: 20px;
    display: none; }
    .header-location__title {
      overflow: hidden;
      text-overflow: ellipsis; }
  .header-phone__number {
    font-size: 15px; }
  .header-phone__popup {
    left: auto;
    right: -22px;
    top: -10px; }
    .header-phone__popup.active .header-phone__number-divider {
      display: inline-block; }
    .header-phone__popup.active .header-phone__mobile {
      display: inline-block; }
  .header-phone__mobile {
    display: none; }
  .header-phone__number-divider {
    display: none; }
  .header-phone[\:has\(.header-phone__popup.active\)] {
    position: static; }
  .header-phone:has(.header-phone__popup.active) {
    position: static; }
  .header-phone.active .header-phone__number::before {
    opacity: 0;
    visibility: hidden; }
  .header-bottom {
    margin-left: -22px;
    width: calc(100% + 44px);
    border-radius: 0;
    padding: 20px 22px;
    padding: 0 20px;
    background: none; }
    .header-bottom__catalog {
      position: initial;
      padding: 0;
      border: none;
      background: transparent; }
      .header-bottom__catalog::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id=%27SvgjsSvg1001%27 width=%27288%27 height=%27288%27 xmlns=%27http://www.w3.org/2000/svg%27 version=%271.1%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 xmlns:svgjs=%27http://svgjs.com/svgjs%27%3e%3cdefs id=%27SvgjsDefs1002%27%3e%3c/defs%3e%3cg id=%27SvgjsG1008%27%3e%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 24 24%27 width=%27288%27 height=%27288%27%3e%3crect width=%2724%27 height=%2724%27 fill=%27none%27 class=%27colorfff svgShape%27%3e%3c/rect%3e%3crect width=%2715%27 height=%272%27 x=%272%27 y=%273%27 fill=%27%23303184%27 rx=%271%27 class=%27color303184 svgShape%27%3e%3c/rect%3e%3crect width=%278%27 height=%272%27 x=%272%27 y=%2718%27 fill=%27%23303184%27 rx=%271%27 class=%27color303184 svgShape%27%3e%3c/rect%3e%3crect width=%276%27 height=%272%27 x=%272%27 y=%2713%27 fill=%27%23303184%27 rx=%271%27 class=%27color303184 svgShape%27%3e%3c/rect%3e%3crect width=%276%27 height=%272%27 x=%272%27 y=%278%27 fill=%27%23303184%27 rx=%271%27 class=%27color303184 svgShape%27%3e%3c/rect%3e%3ccircle cx=%2714.5%27 cy=%2712.5%27 r=%274.5%27 stroke=%27%23303184%27 stroke-width=%272%27 class=%27colorStroke009DE0 svgStroke%27%3e%3c/circle%3e%3cpath stroke=%27%23303184%27 stroke-linecap=%27round%27 stroke-width=%272%27 d=%27M18 16L21 19%27 class=%27colorStroke009DE0 svgStroke%27%3e%3c/path%3e%3c/svg%3e%3c/g%3e%3c/svg%3e");
        background-size: 24px; }
      .header-bottom__catalog.active {
        background: transparent; }
    .header-bottom__actions {
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 10;
      padding: 18px 22px;
      background-color: #f7f7f7;
      width: 100%;
      align-items: center;
      justify-content: space-between; }
    .header-bottom__actions .header-bottom__link {
      padding: 0;
      background: none;
      border: none; }
      .header-bottom__actions .header-bottom__link-text {
        display: none; }
      .header-bottom__actions .header-bottom__link-circle {
        right: -11px;
        top: -9px;
        border: 2px solid #f7f7f7;
        padding: 3px 5px;
        font-size: 10px; }
  .header-social {
    margin-left: 15px;
    gap: 10px; }
    .header-social__link {
      width: 24px;
      height: 24px; }
  .header-logo {
    max-width: 79px; } }

.navigation {
  display: flex;
  width: 100%;
  justify-content: flex-end; }
  .navigation__link {
    color: #73737b;
    line-height: 110%;
    font-size: 16px; }
    .navigation__link:not(:last-child) {
      margin-right: 30px; }
    .navigation__link-circle {
      position: absolute;
      top: 0;
      right: 0; }
  @media screen and (max-width: 1279px) {
    .navigation {
      display: none; } }

.search {
  background: #fff;
  border: 2px solid #009de0;
  border-radius: 10px;
  width: 100%;
  height: 52px;
  padding: 4px 18px 4px 4px;
  margin: 0 20px 0 165px;
  display: flex;
  align-items: center;
  position: relative; }
  .search.active {
    z-index: 12; }
  .search__image {
    cursor: pointer;
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .search__image.active::before {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%2710.5%27 cy=%2710.5%27 r=%277.5%27 stroke=%27%23009DE0%27 stroke-width=%272%27/%3e%3cpath d=%27M20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L20.2929 21.7071ZM21.7071 20.2929L16.7071 15.2929L15.2929 16.7071L20.2929 21.7071L21.7071 20.2929Z%27 fill=%27%23009DE0%27/%3e%3c/svg%3e"); }
    .search__image::before {
      content: "";
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%2710.5%27 cy=%2710.5%27 r=%277.5%27 stroke=%27%23C2C2C8%27 stroke-width=%272%27/%3e%3cpath d=%27M20.2929 21.7071C20.6834 22.0976 21.3166 22.0976 21.7071 21.7071C22.0976 21.3166 22.0976 20.6834 21.7071 20.2929L20.2929 21.7071ZM21.7071 20.2929L16.7071 15.2929L15.2929 16.7071L20.2929 21.7071L21.7071 20.2929Z%27 fill=%27%23C2C2C8%27/%3e%3c/svg%3e");
      min-width: 24px;
      width: 24px;
      height: 24px;
      position: absolute; }
    .search__image.loader::before {
      background-image: url(/local/templates/main/dist/assets/loader.png);
      -webkit-animation: loader 1.3s linear infinite;
              animation: loader 1.3s linear infinite; }
  .search__close {
    position: absolute;
    right: 60px;
    width: 10px;
    height: 10px;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .search__close.active {
      display: flex; }
    .search__close::before, .search__close::after {
      content: "";
      width: 100%;
      height: 2px;
      transform: rotate(45deg);
      background: #73737b;
      z-index: 1;
      position: absolute;
      border-radius: 1px; }
    .search__close::after {
      transform: rotate(-45deg); }
  .search__input {
    border: none;
    outline: none;
    color: #1b1b20;
    font-size: 16px;
    line-height: 110%;
    margin-left: 18px;
    height: 100%;
    width: 100%;
    position: relative; }
  @media screen and (max-width: 1279px) {
    .search {
      margin: 0 20px 0 72px; } }
  @media screen and (max-width: 767px) {
    .search {
      margin: 0; } }

.menu-catalog {
  display: none;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  z-index: 9; }
  .menu-catalog.active {
    display: flex; }
  .menu-catalog__block {
    background: #fff;
    border-radius: 20px;
    width: 1252px;
    max-height: 700px;
    display: flex;
    margin: 180px 0 10px; }
  .menu-catalog__categories {
    overflow: hidden;
    min-width: 388px;
    padding: 20px;
    border-right: 1px solid #f7f7f7; }
    .menu-catalog__categories-title {
      display: none; }
    .menu-catalog__categories-list {
      display: flex;
      flex-direction: column;
      position: relative;
      overflow-y: auto;
      overflow-x: hidden;
      -ms-overflow-style: none;
      scrollbar-color: #9f9f9f #fff;
      /* плашка скролла и дорожка */
      min-width: 360px;
      height: 100%; }
      .menu-catalog__categories-list::-webkit-scrollbar {
        width: 0;
        height: 0; }
      @media screen and (max-width: 767px) {
        .menu-catalog__categories-list {
          scrollbar-width: none; } }
      .menu-catalog__categories-list-item {
        position: relative;
        border-radius: 10px;
        padding: 12px;
        width: 348px;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: 0.3s; }
        .menu-catalog__categories-list-item > span {
          font-size: 16px;
          line-height: 120%;
          color: #1b1b20;
          margin-right: 30px; }
        .menu-catalog__categories-list-item:hover {
          background: #f7f7f7; }
          .menu-catalog__categories-list-item:hover > span {
            color: #303184; }
        .menu-catalog__categories-list-item > img {
          margin-right: 16px; }
        .menu-catalog__categories-list-item:not(:last-child) {
          margin-bottom: 10px; }
        .menu-catalog__categories-list-item::after {
          content: "";
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMS43MDcxMSAwLjc5Mjg5M0MxLjMxNjU4IDAuNDAyMzY5IDAuNjgzNDE3IDAuNDAyMzY5IDAuMjkyODkzIDAuNzkyODkzQy0wLjA5NzYzMTEgMS4xODM0MiAtMC4wOTc2MzExIDEuODE2NTggMC4yOTI4OTMgMi4yMDcxMUwxLjcwNzExIDAuNzkyODkzWk01IDUuNUw0LjI5Mjg5IDYuMjA3MTFMNSA2LjkxNDIxTDUuNzA3MTEgNi4yMDcxMUw1IDUuNVpNOS43MDcxMSAyLjIwNzExQzEwLjA5NzYgMS44MTY1OCAxMC4wOTc2IDEuMTgzNDIgOS43MDcxMSAwLjc5Mjg5M0M5LjMxNjU4IDAuNDAyMzY5IDguNjgzNDIgMC40MDIzNjkgOC4yOTI4OSAwLjc5Mjg5M0w5LjcwNzExIDIuMjA3MTFaTTAuMjkyODkzIDIuMjA3MTFMNC4yOTI4OSA2LjIwNzExTDUuNzA3MTEgNC43OTI4OUwxLjcwNzExIDAuNzkyODkzTDAuMjkyODkzIDIuMjA3MTFaTTUuNzA3MTEgNi4yMDcxMUw5LjcwNzExIDIuMjA3MTFMOC4yOTI4OSAwLjc5Mjg5M0w0LjI5Mjg5IDQuNzkyODlMNS43MDcxMSA2LjIwNzExWiIgZmlsbD0iIzMwMzE4NCIvPgo8L3N2Zz4=);
          transform: rotate(-90deg);
          display: inline-block;
          position: absolute;
          right: 17px;
          opacity: 0;
          transition: 0.3s;
          width: 10px;
          height: 7px; }
        .menu-catalog__categories-list-item:hover::after, .menu-catalog__categories-list-item.active::after {
          content: "";
          background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMS43MDcxMSAwLjc5Mjg5M0MxLjMxNjU4IDAuNDAyMzY5IDAuNjgzNDE3IDAuNDAyMzY5IDAuMjkyODkzIDAuNzkyODkzQy0wLjA5NzYzMTEgMS4xODM0MiAtMC4wOTc2MzExIDEuODE2NTggMC4yOTI4OTMgMi4yMDcxMUwxLjcwNzExIDAuNzkyODkzWk01IDUuNUw0LjI5Mjg5IDYuMjA3MTFMNSA2LjkxNDIxTDUuNzA3MTEgNi4yMDcxMUw1IDUuNVpNOS43MDcxMSAyLjIwNzExQzEwLjA5NzYgMS44MTY1OCAxMC4wOTc2IDEuMTgzNDIgOS43MDcxMSAwLjc5Mjg5M0M5LjMxNjU4IDAuNDAyMzY5IDguNjgzNDIgMC40MDIzNjkgOC4yOTI4OSAwLjc5Mjg5M0w5LjcwNzExIDIuMjA3MTFaTTAuMjkyODkzIDIuMjA3MTFMNC4yOTI4OSA2LjIwNzExTDUuNzA3MTEgNC43OTI4OUwxLjcwNzExIDAuNzkyODkzTDAuMjkyODkzIDIuMjA3MTFaTTUuNzA3MTEgNi4yMDcxMUw5LjcwNzExIDIuMjA3MTFMOC4yOTI4OSAwLjc5Mjg5M0w0LjI5Mjg5IDQuNzkyODlMNS43MDcxMSA2LjIwNzExWiIgZmlsbD0iIzMwMzE4NCIvPgo8L3N2Zz4=);
          transform: rotate(-90deg);
          display: inline-block;
          position: absolute;
          right: 17px;
          opacity: 1; }
        .menu-catalog__categories-list-item.active {
          background: #f7f7f7; }
          .menu-catalog__categories-list-item.active > span {
            color: #303184; }
  .menu-catalog__information {
    overflow: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-color: #9f9f9f #fff;
    height: 100%;
    padding: 32px 30px 30px;
    flex-grow: 1; }
    .menu-catalog__information::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .menu-catalog__information-element {
      display: none; }
      .menu-catalog__information-element.active {
        display: flex;
        flex-direction: column; }
    .menu-catalog__information-name {
      font-weight: 300;
      font-size: 24px;
      line-height: 30px;
      color: #1b1b20;
      margin-bottom: 30px;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content;
      border-bottom: 1px solid rgba(27, 27, 32, 0.3); }
    .menu-catalog__information-list {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      grid-gap: 16px;
      gap: 16px; }
      .menu-catalog__information-list-item {
        page-break-inside: avoid;
        -moz-column-break-inside: avoid;
             break-inside: avoid; }
        .menu-catalog__information-list-item:hover .menu-catalog__information-list-item-text {
          text-decoration: underline;
          color: #1b1b20; }
        .menu-catalog__information-list-item > a {
          font-weight: 700;
          font-size: 16px;
          line-height: 120%;
          color: #1b1b20; }
        .menu-catalog__information-list-item-image {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          height: 120px;
          border-radius: 20px;
          overflow: hidden; }
          .menu-catalog__information-list-item-image img {
            max-width: 100%;
            width: auto;
            height: auto; }
        .menu-catalog__information-list-item-text {
          margin-top: 16px;
          font-size: 14px;
          line-height: 17px;
          font-weight: 500;
          color: #303184; }
      .menu-catalog__information-list-sub-item {
        margin-top: 16px; }
        .menu-catalog__information-list-sub-item > a {
          font-size: 16px;
          line-height: 120%;
          color: #1b1b20; }
    .menu-catalog__information-back-btn {
      display: none; }
  @media screen and (max-width: 1279px) {
    .menu-catalog {
      align-items: flex-end;
      padding: 0 !important; }
      .menu-catalog__block {
        margin: 0;
        border-radius: 20px 20px 0 0;
        width: 100%;
        max-height: inherit;
        height: calc(100% - 145px); }
      .menu-catalog__information-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .menu-catalog__information-name {
        font-size: 22px;
        display: block; }
      .menu-catalog__information-element.active {
        display: inline; } }
  @media screen and (max-width: 1023px) {
    .menu-catalog__information-list {
      grid-template-columns: repeat(2, minmax(0, 1fr)); } }
  @media screen and (max-width: 767px) {
    .menu-catalog__block {
      border-radius: 0;
      max-height: inherit;
      height: calc(100% - 60px);
      margin-bottom: 60px; }
    .menu-catalog__categories {
      min-width: auto;
      width: 100%;
      padding: 20px 22px; }
      .menu-catalog__categories-list {
        height: calc(100% - 22px); }
        .menu-catalog__categories-list-item {
          width: 100%;
          padding: 10px 0; }
          .menu-catalog__categories-list-item.active {
            background: none; }
            .menu-catalog__categories-list-item.active > span {
              margin-right: 0;
              color: #1b1b20; }
            .menu-catalog__categories-list-item.active::after {
              display: none; }
          .menu-catalog__categories-list-item:hover {
            background: none; }
            .menu-catalog__categories-list-item:hover > span {
              color: #1b1b20; }
            .menu-catalog__categories-list-item:hover::after {
              display: none; }
      .menu-catalog__categories-title {
        display: block;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 20px;
        line-height: 110%; }
    .menu-catalog__information {
      display: none;
      height: auto;
      position: relative;
      padding: 20px 22px; }
      .menu-catalog__information-list {
        display: flex;
        flex-direction: column; }
        .menu-catalog__information-list-item-image {
          display: none; }
      .menu-catalog__information-name {
        font-size: 20px;
        margin-bottom: 20px;
        margin-left: 35px; }
      .menu-catalog__information-back-btn {
        display: block;
        width: 15px;
        height: 12px;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2715%27 height=%2712%27 viewBox=%270 0 15 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M14 6L2 6M2 6L6.63158 11M2 6L6.63158 0.999999%27 stroke=%27%23C2C2C8%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e");
        position: absolute;
        top: 30px; } }

.product-search {
  display: none;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  z-index: 11; }
  .product-search.active {
    display: flex; }
  .product-search__not-found {
    font-size: 28px;
    padding: 15px 20px;
    font-weight: 700; }
  .product-search__block {
    background: #fff;
    border-radius: 20px;
    width: 1252px;
    max-height: 714px;
    display: flex;
    margin-bottom: 10px; }
  .product-search__left-block {
    position: relative;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%;
    min-width: 300px;
    padding: 30px;
    border-right: 1px solid #f7f7f7; }
    .product-search__left-block::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .product-search__left-block-name {
      font-size: 16px;
      line-height: 120%;
      color: #73737b; }
    .product-search__left-block-list {
      display: flex;
      flex-direction: column;
      margin-top: 20px; }
      .product-search__left-block-list-item {
        font-size: 16px;
        line-height: 110%;
        color: #303184; }
        .product-search__left-block-list-item:not(:last-child) {
          margin-bottom: 20px; }
    .product-search__left-block-line {
      margin: 30px 0;
      width: 300px;
      height: 1px;
      background: #f7f7f7; }
  .product-search__right-block {
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -ms-overflow-style: none;
    scrollbar-color: #9f9f9f #fff;
    /* плашка скролла и дорожка */
    height: 100%;
    min-width: 300px;
    padding: 30px; }
    .product-search__right-block::-webkit-scrollbar {
      width: 0;
      height: 0; }
  .product-search__product {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative; }
    .product-search__product:first-child {
      padding-bottom: 20px; }
    .product-search__product:not(:first-child) {
      padding: 20px 0; }
      .product-search__product:not(:first-child)::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: #f7f7f7;
        top: 0;
        left: 0; }
    .product-search__product-img {
      width: 80px;
      height: 86px;
      margin-right: 30px; }
    .product-search__product-price {
      color: #1b1b20;
      font-size: 20px;
      line-height: 110%;
      margin-bottom: 6px;
      margin-top: 6px; }
    .product-search__product-code {
      font-size: 16px;
      line-height: 110%;
      margin-top: 6px; }
    .product-search__product-discount {
      display: inline-block; }
    .product-search__product-old-price {
      color: #73737b;
      font-size: 14px;
      line-height: 120%;
      text-decoration: line-through;
      display: inline-block;
      margin-left: 10px; }
    .product-search__product-description {
      font-size: 16px;
      font-weight: 700;
      line-height: 120%;
      color: #1b1b20;
      margin-top: 6px; }
    .product-search__product-buy {
      border: 2px solid #e3e2e2;
      border-radius: 10px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px;
      cursor: pointer;
      transition: 0.3s;
      background: #fff; }
      .product-search__product-buy.selected:hover::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2726%27 height=%2726%27 viewBox=%270 0 26 26%27 fill=%27none%27%3e%3cpath d=%27M2 5h2.012a2 2 0 0 1 1.916 1.425l2.144 7.15A2 2 0 0 0 9.988 15h9.003a2 2 0 0 0 1.923-1.45l.858-3A2 2 0 0 0 19.849 8H10%27 stroke=%27%23FFF%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3ccircle cx=%2710%27 cy=%2721%27 r=%272%27 stroke=%27%23FFF%27 stroke-width=%272%27/%3e%3ccircle cx=%2718%27 cy=%2721%27 r=%272%27 stroke=%27%23FFF%27 stroke-width=%272%27/%3e%3crect x=%2714%27 width=%2712%27 height=%2712%27 rx=%276%27 fill=%27%23fff%27/%3e%3cpath d=%27m16.75 5.5 2.5 2.5 4-4%27 stroke=%27%23009DE0%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3c/svg%3e"); }
    .product-search__product-buy:hover {
      background: #303184;
      border-color: #303184; }
    .product-search__product-buy:hover path,
    .product-search__product-buy:hover circle {
      stroke: #fff; }
    .product-search__product-block {
      display: flex;
      align-items: flex-start; }
  @media screen and (max-width: 1279px) {
    .product-search {
      padding: 0 !important; }
      .product-search__block {
        width: 100%; } }
  @media screen and (max-width: 767px) {
    .product-search.active {
      display: none; } }

.header-mobile-btn {
  display: none; }
  @media screen and (max-width: 767px) {
    .header-mobile-btn {
      display: block;
      margin-right: 8px; }
      .header-mobile-btn .btn--catalog {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 16.5px 24px;
        border-radius: 10px;
        background: #303184; }
        .header-mobile-btn .btn--catalog > i {
          display: none; }
      .header-mobile-btn .header-bottom__catalog-text {
        display: block;
        font-weight: 300; } }

.footer {
  background: #f7f7f7;
  flex: 0 0 auto;
  margin-top: 60px; }
  .footer-wrapper {
    padding: 60px 30px;
    display: flex;
    flex-wrap: wrap; }
  .footer-contacts {
    display: none; }
  .footer-navigation {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px; }
    .footer-navigation__link {
      font-size: 16px;
      line-height: 110%;
      color: #1b1b20; }
      .footer-navigation__link:first-child {
        display: none; }
      .footer-navigation__link:not(:last-child) {
        margin-right: 40px; }
    .footer-navigation a[href="/sale/"] {
      text-transform: uppercase;
      color: red; }
  .footer-copyright {
    font-size: 16px;
    line-height: 110%;
    color: #73737b;
    margin-top: 10px; }
  .footer-social-media {
    margin-left: 63px; }
    .footer-social-media__list {
      display: flex;
      padding: 0; }
    .footer-social-media__link {
      display: flex;
      justify-content: center;
      align-items: center; }
      .footer-social-media__link:not(:last-child) {
        margin-right: 12px; }
    .footer-social-media__block {
      margin-top: 20px; }
  .footer-contacts-media {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end; }
    .footer-contacts-media__block {
      display: flex;
      align-items: center;
      gap: 12px; }
    .footer-contacts-media__link {
      display: flex;
      justify-content: center;
      align-items: center; }
  .footer-left {
    max-width: 70%; }
  @media screen and (max-width: 1279px) {
    .footer-left {
      grid-row: 1 / 3; }
    .footer-wrapper {
      padding: 40px 36px;
      display: grid;
      grid-template-rows: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr; }
    .footer-navigation {
      flex-direction: column;
      row-gap: 0; }
      .footer-navigation__link:first-child {
        display: block; }
      .footer-navigation__link:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px; }
    .footer-copyright {
      grid-column: 2/3;
      margin-top: 0; }
    .footer-social-media {
      margin-left: 0; }
    .footer-contacts-media {
      margin-left: 0;
      grid-column: 2/3;
      align-items: flex-start; }
    .footer-contacts {
      display: flex;
      flex-direction: column; }
      .footer-contacts__phone-number {
        color: #1b1b20;
        font-size: 16px;
        line-height: 110%; }
      .footer-contacts__time {
        font-size: 16px;
        line-height: 110%;
        color: #73737b;
        margin-top: 10px; } }
  @media screen and (max-width: 767px) {
    .footer {
      padding-bottom: 60px; }
      .footer-right {
        padding-top: 20px;
        margin-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative; }
        .footer-right::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #e3e2e2; }
        .footer-right::after {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #e3e2e2; }
      .footer-contacts-media {
        padding-bottom: 20px;
        border-bottom: 1px solid #e3e2e2;
        margin-bottom: 20px; }
      .footer-wrapper {
        padding: 22px;
        display: flex;
        flex-direction: column; }
      .footer-copyright {
        margin-top: 0; }
      .footer-contacts {
        margin-bottom: 0;
        padding-bottom: 0; }
        .footer-contacts__phone-numbers {
          display: flex;
          flex-direction: column; }
        .footer-contacts__phone-number:first-child {
          margin-bottom: 10px; }
        .footer-contacts__divider {
          display: none; }
        .footer-contacts::after {
          display: none; } }

.footer-contacts-new {
  margin-top: 30px;
  display: flex;
  gap: 54px;
  flex-wrap: wrap;
  margin-bottom: 50px; }
  @media screen and (max-width: 1279px) {
    .footer-contacts-new {
      display: none; } }
  .footer-contacts-new__col {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px; }
  .footer-contacts-new__link {
    color: #1b1b20;
    text-decoration: none; }
  .footer-contacts-new__sub-text {
    color: #73737b; }

.popup {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  z-index: 111;
  opacity: 0; }
  .popup-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    overflow-y: auto; }
  .popup-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    padding: 0 20px; }
  .popup-block {
    display: flex;
    flex-direction: column;
    padding: 30px;
    position: relative;
    background: #fff;
    border-radius: 20px;
    min-height: 0;
    overflow-y: auto;
    margin: 0 auto;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    max-width: 100%; }
    .popup-block__delete-all, .popup-block__delete-one {
      margin: auto; }
  .popup-actual-addresses {
    display: none;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    max-height: 170px;
    overflow: auto;
    position: absolute;
    top: 84px;
    z-index: 1;
    background: #fff;
    width: 100%; }
    .popup-actual-addresses__item {
      padding: 12px 14px;
      cursor: pointer; }
      .popup-actual-addresses__item:hover {
        color: #303184;
        background: rgba(48, 49, 132, 0.1); }
  .popup.active {
    display: flex;
    -webkit-animation: fade-in 0.3s ease-in-out;
            animation: fade-in 0.3s ease-in-out;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
  .popup.is-hidden {
    -webkit-animation: fade-out 0.3s ease-in-out;
            animation: fade-out 0.3s ease-in-out; }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .popup__close {
    height: 24px;
    width: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    background-image: url(/local/templates/main/dist/assets/close.svg); }
  .popup__title {
    font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    color: #1b1b20;
    margin-right: 40px; }
    .popup__title--center {
      text-align: center;
      margin-right: 0; }
  .popup-checkboxes > .checkbox:not(:last-child) {
    margin-bottom: 30px; }
  .popup-notification__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .popup-notification__message {
    font-size: 18px;
    line-height: 110%;
    color: #1b1b20;
    position: relative;
    text-align: center;
    margin-top: 20px; }
    .popup-notification__message::before {
      content: "";
      position: absolute;
      width: 30px;
      height: 30px;
      top: -35px;
      left: calc(50% - 15px); }
    .popup-notification__message--success, .popup-notification__message--error {
      margin-top: 50px; }
    .popup-notification__message--success::before {
      background-image: url(/local/templates/main/dist/assets/done.svg); }
    .popup-notification__message--error::before {
      background-image: url(/local/templates/main/dist/assets/error.svg); }
  .popup-adaptive-notification {
    width: 100vw;
    height: 100vh; }
    .popup-adaptive-notification .popup-container {
      width: 100vw;
      height: 100vh; }
    .popup-adaptive-notification .popup-content {
      width: 100vw;
      height: 100vh;
      padding: 0 20px; }
    .popup-adaptive-notification .popup-block {
      max-width: 420px; }
  .popup__confirmation {
    margin-top: 30px;
    display: flex;
    justify-content: space-between; }
    .popup__confirmation-delete, .popup__confirmation-cancel {
      width: 100%; }
    .popup__confirmation-cancel {
      margin-left: 20px; }
  .popup__complaint-comment, .popup__thanks-comment {
    resize: none; }
  .popup__complaint-btn, .popup__thanks-btn {
    margin-top: 30px;
    width: 100%; }
  .popup-order-call-btn {
    margin-top: 10px; }
  .popup-done {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .popup-done__img {
      width: 30px;
      height: 30px; }
    .popup-done__notification {
      font-weight: 700;
      font-size: 20px;
      line-height: 110%;
      color: #1b1b20;
      margin-top: 20px;
      text-align: center; }
  .popup-code-error {
    display: none;
    color: #f84a4a;
    font-size: 12px;
    line-height: 110%;
    margin-top: 10px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
  .popup__send-code-again {
    display: none;
    font-size: 14px;
    line-height: 110%;
    color: #303184;
    margin: 20px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .popup-form {
    margin-top: 30px;
    display: flex;
    flex-direction: column; }
    .popup-form__label {
      font-size: 16px;
      line-height: 110%;
      color: #73737b;
      margin-bottom: 8px; }
    .popup-form.hide {
      display: none; }
  .popup-wrapper {
    display: flex;
    position: relative; }
    .popup-wrapper:not(:last-child) {
      margin-bottom: 20px; }
    .popup-wrapper #personal-patronymic {
      width: calc(50% - 15px); }
    .popup-wrapper-top {
      display: flex;
      align-items: center; }
    .popup-wrapper-checkbox {
      display: flex;
      flex-direction: column;
      margin-top: 10px;
      margin-bottom: 20px; }
      .popup-wrapper-checkbox > .checkbox:not(:last-child) {
        margin-bottom: 30px; }
    .popup-wrapper-code > .input {
      width: 56px;
      text-align: center;
      height: 52px; }
      .popup-wrapper-code > .input:not(:last-child) {
        margin-right: 10px; }
    .popup-wrapper-col-2 {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-column-gap: 30px;
      -moz-column-gap: 30px;
           column-gap: 30px; }
    .popup-wrapper--vertical {
      flex-direction: column; }
  .popup__auth .popup-block {
    min-width: 320px; }
  .popup-request-more {
    display: none;
    flex-direction: column; }
    .popup-request-more.active {
      display: flex; }
      .popup-request-more.active .popup__text {
        color: #000;
        font-size: 14px;
        line-height: 20px;
        margin: 20px 0 0;
        max-width: 300px; }
      .popup-request-more.active .input__label {
        font-size: 14px;
        font-weight: 400; }
      .popup-request-more.active .btn {
        font-size: 14px;
        font-weight: 700;
        margin: 14px 0 0;
        padding: 11px 23px; }
      .popup-request-more.active .select__list {
        max-width: 300px;
        position: static; }
  .popup-auth {
    display: none;
    flex-direction: column; }
    .popup-auth.active {
      display: flex; }
    .popup-auth__forgot-password {
      font-size: 14px;
      line-height: 110%;
      color: #73737b;
      cursor: pointer;
      background: transparent;
      border: none;
      text-align: right;
      margin: 10px 0 20px; }
    .popup-auth__login-btn {
      margin-bottom: 20px;
      position: relative; }
    .popup-auth__registration-btn {
      font-size: 16px;
      line-height: 110%;
      text-align: center;
      color: #303184;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      margin: 0 auto;
      background: transparent;
      border: none;
      cursor: pointer; }
  .popup-success, .popup-error {
    display: none;
    align-items: center;
    flex-direction: column;
    max-width: 320px; }
    .popup-success.active, .popup-error.active {
      display: flex; }
    .popup-success__img, .popup-error__img {
      text-align: center;
      margin-bottom: 20px; }
    .popup-success__notification, .popup-error__notification {
      font-weight: 700;
      font-size: 20px;
      line-height: 110%;
      color: #1b1b20;
      text-align: center; }
  .popup-error {
    flex-direction: column; }
  .popup__radio {
    display: flex;
    flex-direction: column;
    margin-top: 20px; }
    .popup__radio :not(:last-child) {
      margin-bottom: 20px; }
    .popup__radio-wrapper {
      display: flex;
      align-items: center;
      margin-top: 30px; }
      .popup__radio-wrapper > label:not(:last-child) {
        margin-right: 30px; }
  .popup-password-recovery {
    display: none;
    flex-direction: column;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content; }
    .popup-password-recovery.active {
      display: flex; }
    .popup-password-recovery__wrapper {
      margin-bottom: 30px; }
    .popup-password-recovery__loyalty-program {
      margin-top: 20px;
      color: #73737b;
      line-height: 150%;
      font-size: 14px; }
  .popup-password-recovery-code {
    display: none;
    flex-direction: column;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content; }
    .popup-password-recovery-code.active {
      display: flex; }
  .popup-message {
    display: none;
    align-items: center;
    justify-content: center; }
    .popup-message.active {
      display: flex; }
    .popup-message__img {
      margin-right: 20px; }
    .popup-message__notification {
      margin-right: 44px;
      font-size: 18px;
      line-height: 110%;
      color: #1b1b20; }
  .popup-processing {
    display: none;
    align-items: flex-start;
    margin-right: 34px; }
    .popup-processing__img {
      margin-top: 7px; }
    .popup-processing__title {
      font-size: 18px;
      line-height: 120%;
      color: #1b1b20;
      margin-bottom: 12px; }
    .popup-processing__subtitle {
      font-size: 14px;
      line-height: 120%;
      color: #73737b;
      margin-bottom: 20px; }
    .popup-processing__wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-left: 20px; }
    .popup-processing.active {
      display: flex; }
  .popup-registration {
    display: none;
    flex-direction: column;
    max-height: 500px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .popup-registration::-webkit-scrollbar {
      width: 0;
      height: 0; }
    .popup-registration.active {
      display: flex; }
    .popup-registration__inn-blocks {
      display: none;
      flex-direction: column;
      margin-top: 10px; }
      .popup-registration__inn-blocks.active {
        display: flex; }
    .popup-registration__inn-block {
      padding: 16px;
      border: 2px solid #f7f7f7;
      border-radius: 10px;
      max-width: 370px;
      transition: 0.3s;
      cursor: pointer; }
      .popup-registration__inn-block:not(:last-child) {
        margin-bottom: 10px; }
      .popup-registration__inn-block:hover {
        background: rgba(48, 49, 132, 0.1);
        border-color: rgba(48, 49, 132, 0.1); }
    .popup-registration__inn-name {
      font-size: 16px;
      line-height: 110%;
      color: #1b1b20;
      font-weight: bold; }
    .popup-registration__inn-kpp {
      font-size: 14px;
      line-height: 110%;
      color: #73737b;
      margin: 10px 0; }
    .popup-registration__inn-address {
      font-size: 14px;
      line-height: 110%;
      color: #73737b; }
    .popup-registration-data {
      display: none;
      flex-direction: column;
      width: 598px; }
      .popup-registration-data.active {
        display: flex; }
      .popup-registration-data__btn {
        margin-top: 30px; }
    .popup-registration-code {
      display: none;
      flex-direction: column; }
      .popup-registration-code.active {
        display: flex; }
      .popup-registration-code__btn {
        position: relative; }
        .popup-registration-code__btn.loader::before {
          left: 15px; }
    .popup-registration__auth-btn {
      margin: 20px auto 0;
      font-size: 16px;
      line-height: 110%;
      text-align: center;
      color: #303184;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      background: transparent;
      border: none;
      cursor: pointer; }
    .popup-registration-personal__btn {
      margin-top: 10px; }
    .popup-registration-company__btn {
      margin-top: 10px; }
    .popup-registration-bank__btn {
      margin-top: 10px; }
  .popup__text {
    font-size: 16px;
    line-height: 110%;
    color: #1b1b20; }
    .popup__text-code {
      font-size: 14px;
      line-height: 110%;
      color: #73737b;
      margin: 20px 0; }
  .popup__tabs {
    display: flex;
    position: relative;
    padding-bottom: 11px;
    margin-top: 30px;
    width: 100%;
    justify-content: space-between; }
    .popup__tabs::before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #e3e2e2; }
  .popup__tab {
    font-weight: 700;
    font-size: 18px;
    line-height: 110%;
    color: #c2c2c8;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative; }
    .popup__tab.active {
      color: #1b1b20; }
      .popup__tab.active::before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #009de0;
        z-index: 1; }
    .popup__tab::after {
      content: "";
      position: absolute;
      bottom: -11px;
      left: 0;
      width: 100%;
      height: 1px;
      background: #e3e2e2; }
    .popup__tab:not(:last-child) {
      margin-right: 30px; }
    .popup__tab:disabled {
      color: #c2c2c8; }
  .popup__arrow-back {
    margin-right: 20px;
    background: transparent;
    border: none;
    cursor: pointer;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0; }
  .popup__location .popup-block {
    width: 660px; }
  .popup__location-wrapper {
    margin: 30px 0;
    position: relative; }
  .popup__location-image {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 14px;
    right: 14px; }
  .popup__location-cities-list {
    display: grid;
    grid-gap: 26px 21px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
  .popup__location-city {
    font-size: 16px;
    line-height: 110%;
    color: #1b1b20;
    min-width: 186px;
    cursor: pointer; }
    .popup__location-city span {
      color: #c2c2c8; }
  .popup-personal__get-code {
    margin-top: 20px; }
  .popup-personal-appeal-success {
    flex-direction: column;
    align-items: center;
    width: 400px; }
    .popup-personal-appeal-success > .popup-message__notification {
      color: #1b1b20;
      font-size: 26px;
      line-height: 110%;
      margin-top: 10px;
      font-weight: 700;
      text-align: center;
      margin-right: 0; }
    .popup-personal-appeal-success > .popup-message__img {
      margin-right: 0; }
  .popup-personal-success {
    align-items: center; }
  .popup-password-recovery, .popup-personal-appeal-success, .popup-phone-change, .popup-phone-change-code, .popup-personal-success, .popup-change-password, .popup-change-email {
    display: none; }
    .popup-password-recovery.active, .popup-personal-appeal-success.active, .popup-phone-change.active, .popup-phone-change-code.active, .popup-personal-success.active, .popup-change-password.active, .popup-change-email.active {
      display: flex; }
  .popup-phone-change, .popup-change-password, .popup-change-email {
    flex-direction: column;
    width: 300px; }
  .popup-phone-change-code {
    flex-direction: column;
    width: 288px; }
  .popup-create-appeal {
    display: none;
    display: flex;
    flex-direction: column;
    width: 400px; }
    .popup-create-appeal__type-appeal {
      margin-bottom: 30px; }
    .popup-create-appeal__comment {
      margin: 30px 0 20px;
      resize: none;
      height: 86px; }
    .popup-create-appeal__files {
      margin-bottom: 30px; }
    .popup-create-appeal__send-appeal {
      margin-top: 20px; }
    .popup-create-appeal.active {
      display: flex; }
  .popup-return-products {
    display: none;
    flex-direction: column;
    width: 400px; }
    .popup-return-products__return-reason {
      margin-bottom: 30px; }
    .popup-return-products__description {
      margin: 30px 0 20px;
      resize: none;
      height: 86px; }
    .popup-return-products__files {
      margin-bottom: 30px; }
    .popup-return-products__send-appeal {
      margin-top: 20px; }
    .popup-return-products__radio {
      display: flex;
      align-items: center; }
      .popup-return-products__radio > label:not(:first-child) {
        margin-left: 30px; }
    .popup-return-products.active {
      display: flex; }
  .popup__actions {
    margin-top: 30px;
    display: flex;
    justify-content: space-between; }
    .popup__actions > .btn {
      width: 100%; }
      .popup__actions > .btn:first-child {
        margin-right: 20px; }
  .popup__password-recovery .popup-block {
    min-width: 320px;
    display: flex;
    align-items: center; }
  @media screen and (max-width: 767px) {
    .popup__title {
      font-size: 20px; }
      .popup__title--center {
        max-width: inherit; }
    .popup__actions {
      margin-top: 20px; }
      .popup__actions > .btn {
        padding: 10.5px 18px;
        font-size: 14px; }
    .popup-block {
      padding: 20px;
      width: 100%;
      border-radius: 20px 20px 0 0;
      transform: translateY(100%);
      transition: 0.3s; }
      .popup-block.active {
        transform: translateY(0); }
    .popup-content {
      justify-content: flex-end;
      padding: 0;
      padding-top: 95px; }
    .popup__radio-wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 20px; }
      .popup__radio-wrapper > label:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px; }
    .popup__location-city {
      font-size: 14px;
      min-width: 130px; }
    .popup__location-cities-list {
      grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
      grid-gap: 26px 20px; }
    .popup-create-appeal__type-appeal {
      margin-bottom: 20px; }
    .popup-create-appeal__comment {
      margin: 20px 0; }
    .popup-create-appeal__files {
      margin-bottom: 20px; }
    .popup--notification .popup-content {
      padding: 0 20px; }
    .popup--notification .popup-block {
      margin: auto;
      border-radius: 20px;
      transform: translateY(0%); }
    .popup-registration__inn-block {
      max-width: inherit; }
    .popup-registration-data {
      width: 100%; }
    .popup__auth .popup-wrapper-col-2 {
      display: flex;
      flex-direction: column; }
      .popup__auth .popup-wrapper-col-2 > .input-wrapper:last-child {
        margin-top: 20px; }
    .popup__auth .popup-form {
      margin-top: 20px; }
    .popup__auth .popup-wrapper #personal-patronymic {
      width: 100%; }
    .popup__auth .popup-block {
      min-width: auto; }
    .popup__tabs {
      overflow-y: hidden;
      -ms-overflow-style: none;
      scrollbar-width: none; }
      .popup__tabs::-webkit-scrollbar {
        display: none; }
    .popup__tab {
      white-space: nowrap; }
    .popup-personal-appeal-success > .popup-message__notification {
      font-size: 20px; }
    .popup-return-products__description {
      margin: 20px 0; }
    .popup-return-products__return-reason, .popup-return-products__files {
      margin-bottom: 20px; }
    .popup-password-recovery-code {
      width: 100%; }
    .popup-password-recovery-code, .popup-registration-code, .popup-phone-change-code {
      align-items: center; }
    .popup__delete-one .popup-content,
    .popup__delete-all .popup-content {
      padding: 0 20px; }
    .popup-block__delete-one, .popup-block__delete-all {
      width: auto;
      border-radius: 20px; }
    .popup__location .popup-block, .popup-password-recovery, .popup-personal-appeal-success, .popup-return-products, .popup-create-appeal, .popup-phone-change-code, .popup-phone-change, .popup-change-password, .popup-change-email {
      width: 100%; } }

.popup__request-more.--search-city {
  min-height: 400px; }

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1292px;
  background-color: #f7f7f7;
  border-radius: 0 0 20px 20px;
  z-index: 4;
  padding: 16px 20px 0;
  transform: translateY(calc(-100% - 1px));
  transition: transform 350ms; }
  .fixed-header.shown {
    transform: translateY(0); }
  @media screen and (max-width: 1279px) {
    .fixed-header {
      transform: translateY(calc(100% - 1px));
      padding: 16px 34px;
      top: auto;
      bottom: 0;
      border-radius: 20px 20px 0 0; } }
  @media screen and (max-width: 767px) {
    .fixed-header {
      padding: 12px 12px 12px 22px;
      background-color: #fff;
      border: 1px solid #f7f7f7;
      border-radius: 10px 10px 0 0; }
      .fixed-header.shown {
        transform: translateY(-60px); } }

.product-cards_grid {
  display: grid; }

.product-specs {
  font-size: 14px;
  line-height: 110%;
  list-style: none;
  width: 300px; }
  .product-specs__item {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: baseline; }
    .product-specs__item:first-child {
      margin-top: 0; }
  .product-specs__key {
    color: #73737b;
    flex-shrink: 0; }
  .product-specs hr {
    border: 0;
    border-bottom: 1px dashed #e3e2e2;
    flex-grow: 1;
    flex-shrink: 0;
    margin: 0 8px; }
  .product-specs__value {
    color: #1b1b20;
    flex-shrink: 0;
    width: 150px; }
  @media screen and (max-width: 767px) {
    .products-cards_rows .product-specs__value {
      width: auto; } }

.product-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: auto;
  grid-gap: 18px;
  gap: 18px; }

.products-cards {
  display: grid;
  grid-gap: 18px;
  gap: 18px; }

.product-cards-block {
  margin: 60px 0 40px; }
  .product-cards-block__title {
    margin-bottom: 30px; }
  @media screen and (max-width: 1279px) {
    .product-cards-block {
      margin: 73px 0 60px; } }
  @media screen and (max-width: 767px) {
    .product-cards-block {
      margin: 60px 0; } }
  @media screen and (max-width: 479px) {
    .product-cards-block__title {
      width: 180px;
      -webkit-hyphens: auto;
              hyphens: auto;
      word-wrap: break-word; } }

.products-cards_rows {
  display: flex;
  flex-direction: column;
  grid-template-columns: 1fr; }

.property-list {
  display: flex;
  flex-direction: column;
  font-size: 16px; }
  .property-list__item {
    display: flex;
    align-items: flex-end;
    white-space: nowrap; }
    .property-list__item:not(:first-child) {
      margin-top: 20px; }
    .property-list__item--small {
      font-size: 14px; }
      .property-list__item--small:not(:first-child) {
        margin-top: 16px; }
  .property-list__key {
    color: #73737b; }
    .property-list__key-name {
      overflow: hidden;
      text-overflow: ellipsis;
      box-orient: vertical;
      -webkit-box-orient: vertical;
      line-clamp: 1;
      -webkit-line-clamp: 1;
      white-space: nowrap; }
    .property-list__key--short {
      flex-grow: 0;
      max-width: 140px; }
  .property-list__value {
    color: #1b1b20;
    display: flex;
    align-items: baseline;
    width: 100%; }
    .property-list__value::before {
      content: "";
      display: block;
      flex-grow: 1;
      border: none;
      border-bottom: 1px dashed #e3e2e2;
      margin-left: 10px; }
    .property-list__value-text {
      margin-left: 10px;
      overflow: hidden;
      text-overflow: ellipsis;
      box-orient: vertical;
      -webkit-box-orient: vertical;
      line-clamp: 1;
      -webkit-line-clamp: 1;
      white-space: nowrap;
      max-width: 130px; }

.product-card {
  padding: 0;
  border: 2px solid #f7f7f7;
  border-radius: 10px;
  width: 236px;
  height: 438px;
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: default; }
  .product-card:hover {
    color: #303184; }
  .product-card__preview {
    padding: 8px; }
    .product-card__preview > img {
      max-width: 100%;
      display: block;
      height: 232px; }
  .product-card__specs {
    display: none; }
  .product-card__info {
    padding: 12px 14px 14px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1; }
  .product-card__price {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
  .product-card__current-price {
    font-size: 20px;
    font-weight: 300;
    line-height: 110%; }
  .product-card__current-price-measure {
    font-size: 18px;
    font-weight: 300;
    line-height: 110%; }
  .product-card__discount {
    display: flex;
    align-items: center;
    margin-top: 6px; }
  .product-card__old-price {
    color: #73737b;
    font-size: 14px;
    line-height: 120%;
    margin-left: 10px;
    -webkit-text-decoration: line-through solid currentcolor;
            text-decoration: line-through solid currentcolor; }
  .product-card__bonus-plate {
    margin-top: 6px; }
  .product-card__footer {
    display: flex;
    align-items: flex-end; }
  .product-card__about {
    display: flex;
    flex-direction: column;
    margin-right: 4px;
    flex: 1 1 auto;
    margin-top: 12px; }
  .product-card__action-buttons {
    display: flex;
    align-items: flex-end; }
  .product-card__action-panel {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    top: 16px;
    right: 16px; }
  .product-card__action-btn:not(:first-child) {
    margin-left: 20px; }
  .product-card__cart-button {
    width: 40px;
    height: 40px;
    padding: 0;
    color: #303184;
    font-size: 14px;
    font-weight: 700;
    line-height: 110%;
    border: 2px solid #e3e2e2;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.3s; }
    .product-card__cart-button:hover {
      border-color: #303184;
      background-color: #303184;
      color: #f7f7f7; }
    .product-card__cart-button__text {
      font-weight: 700; }
  .product-card__cart-button-text {
    display: none; }
  .product-card__action-button + .product-card__action-button {
    margin-left: 30px; }
  .product-card__description {
    font-size: 14px;
    line-height: 120%;
    color: #1b1b20;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3; }
  .product-card__raiting {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 6px; }
  .product-card__score {
    color: #8cd11c;
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px; }
  .product-card--off .product-card__preview > img {
    opacity: 0.2; }
  .product-card--off .product-card__cost {
    color: #c2c2c8;
    font-size: 22px;
    font-weight: 700; }
  .product-card--off .product-card__footer {
    flex-direction: column; }
  .product-card--off .product-card__controls {
    margin-top: 14px; }
  .product-card--off .product-card__cart-button-text {
    display: inline-block; }
  .products-cards_rows .product-card {
    padding: 18px;
    width: 100%;
    height: auto;
    flex-direction: row;
    justify-content: space-between; }
    .products-cards_rows .product-card__preview {
      padding: 0; }
      .products-cards_rows .product-card__preview > img {
        display: block;
        width: 180px;
        min-width: 180px;
        height: 192px; }
    .products-cards_rows .product-card__specs {
      display: flex;
      margin-left: 30px;
      flex-direction: column; }
    .products-cards_rows .product-card__info {
      width: 500px;
      padding: 0;
      flex-grow: 0;
      flex-shrink: 0;
      position: relative; }
    .products-cards_rows .product-card__discount {
      margin-top: 8px; }
    .products-cards_rows .product-card__bonus-plate {
      margin-top: 8px; }
    .products-cards_rows .product-card__footer {
      flex-direction: column;
      flex-grow: 1; }
    .products-cards_rows .product-card__about {
      width: 100%;
      margin-right: 0;
      margin-top: 16px; }
    .products-cards_rows .product-card__action-btn {
      margin-left: 60px; }
    .products-cards_rows .product-card__action-buttons {
      width: 100%;
      margin-top: 16px;
      align-items: center; }
    .products-cards_rows .product-card__action-panel {
      position: static; }
    .products-cards_rows .product-card__action-button {
      margin-left: 30px; }
    .products-cards_rows .product-card__cart-button {
      width: 100%;
      margin-right: 60px; }
    .products-cards_rows .product-card__cart-button-text {
      display: inline;
      margin-left: 10px; }
    .products-cards_rows .product-card__description {
      font-size: 16px;
      width: 100%;
      line-clamp: 2;
      -webkit-line-clamp: 2; }
    .products-cards_rows .product-card__raiting {
      margin-top: 0;
      position: absolute;
      top: 4px;
      right: 0; }
  @media screen and (max-width: 1279px) {
    .product-card {
      width: 220px; }
      .products-cards_rows .product-card__info {
        width: 178px; }
      .products-cards_rows .product-card__cart-button-text {
        display: none; }
      .products-cards_rows .product-card__action-btn {
        margin-left: 0;
        margin-right: 44px; }
      .products-cards_rows .product-card__action-cart-btn {
        width: auto;
        order: 2; }
      .products-cards_rows .product-card__action-buttons {
        margin-top: 12px; }
      .products-cards_rows .product-card__raiting {
        position: inherit;
        margin-top: 6px; }
      .products-cards_rows .product-card__current-price {
        font-size: 18px; }
        .products-cards_rows .product-card__current-price-measure {
          font-size: 14px; }
      .products-cards_rows .product-card__preview > img {
        width: 160px;
        min-width: 160px;
        height: 170px; }
      .products-cards_rows .product-card__description {
        line-clamp: 3;
        -webkit-line-clamp: 3; }
      .products-cards_rows .product-card__specs {
        margin-left: 20px; } }
  @media screen and (max-width: 767px) {
    .product-card {
      width: 132px;
      height: auto; }
      .product-card__preview {
        padding: 3px; }
        .product-card__preview > img {
          width: 120px;
          height: 130px; }
      .product-card__current-price {
        font-size: 16px; }
      .product-card__current-measure {
        font-size: 10px; }
      .product-card__info {
        padding: 10px 8px 8px;
        position: relative; }
      .product-card__footer {
        flex-direction: column; }
      .product-card__about {
        margin-right: 0;
        margin-top: 10px;
        width: 100%; }
      .product-card__description {
        height: 51px; }
      .product-card__cart-button {
        border: none;
        padding: 0; }
      .product-card__action-buttons {
        margin-top: 10px; }
      .product-card__action-panel {
        bottom: 8px;
        left: 8px;
        top: auto;
        right: auto; }
      .product-card__discount-plate {
        position: absolute;
        top: -20px; }
      .product-card__old-price {
        margin-left: 0; }
      .products-cards_rows .product-card {
        flex-direction: column; }
        .products-cards_rows .product-card .product-specs__value {
          width: auto; }
        .products-cards_rows .product-card__preview {
          display: flex;
          justify-content: center; }
        .products-cards_rows .product-card__specs {
          margin-left: 0;
          margin-top: 20px;
          order: 2;
          width: 100%; }
        .products-cards_rows .product-card__info {
          width: 100%; }
        .products-cards_rows .product-card__discount-plate {
          position: inherit; }
        .products-cards_rows .product-card__old-price {
          margin-left: 10px; }
        .products-cards_rows .product-card__about {
          margin-top: 12px; }
        .products-cards_rows .product-card__action-btn {
          margin-right: 0; }
        .products-cards_rows .product-card__action-cart-btn {
          margin-left: 0; }
        .products-cards_rows .product-card__action-panel {
          width: calc(50% + 12px);
          justify-content: space-between; }
        .products-cards_rows .product-card__action-buttons {
          justify-content: space-between; } }

.product-plate {
  border: 2px solid #e3e1e1;
  border-radius: 10px;
  min-height: 438px;
  width: 236px !important;
  display: flex;
  flex-direction: column;
  position: relative; }
  .product-plate__preview {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .product-plate__preview > img {
      width: 100%;
      height: 232px;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center;
      cursor: pointer;
      padding-top: 30px; }
  .product-plate__labels {
    position: absolute;
    top: 12px;
    left: 12px;
    right: 85px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .product-plate__label {
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    color: #fff;
    padding: 5px 6px;
    border-radius: 6px 0; }
    .product-plate__label--percent {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2723%27 height=%2723%27 viewBox=%270 0 23 23%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%275.5%27 cy=%275.5%27 r=%275%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%275.5%27 cy=%275.5%27 r=%273%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%2717.5%27 cy=%2717.5%27 r=%275%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%2717.5%27 cy=%2717.5%27 r=%273%27 stroke=%27%23F84A4A%27/%3e%3crect x=%2718.9864%27 y=%272.01594%27 width=%272.82527%27 height=%2724%27 rx=%271.41263%27 transform=%27rotate%2845 18.9864 2.01594%29%27 stroke=%27%23F84A4A%27/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      width: 23px;
      height: 23px;
      border-radius: 0; }
    .product-plate__label--hit {
      background-color: #8cd11c; }
    .product-plate__label--novelty {
      background-color: #009de0; }
    .product-plate__label--kit {
      background-color: #303184; }
  .product-plate .product-plate__specs {
    display: none; }
  .product-plate__info {
    padding: 12px 16px 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1; }
  .product-plate__price {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
  .product-plate__current-price {
    font-size: 20px;
    font-weight: 300;
    line-height: 110%;
    color: inherit;
    margin-bottom: 5px; }
  .product-plate__current-price-measure {
    font-size: 18px;
    font-weight: 300;
    line-height: 110%; }
  .product-plate__discount {
    display: flex;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 5px;
    margin-bottom: 6px;
    flex-wrap: wrap; }
  .product-plate__old-price {
    color: #73737b;
    font-size: 14px;
    line-height: 120%;
    -webkit-text-decoration: line-through solid currentcolor;
            text-decoration: line-through solid currentcolor;
    padding: 2px 0; }
  .product-plate__footer {
    display: flex;
    align-items: flex-end;
    height: 100%; }
  .product-plate__wrapper {
    height: 48px;
    margin-top: 6px;
    gap: 6px 0; }
  .product-plate__quantity {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px; }
    .product-plate__quantity-note {
      font-size: 14px;
      color: #73737b;
      margin-top: 10px; }
    .product-plate__quantity-wrapper {
      display: flex;
      align-items: flex-end;
      position: relative; }
    .product-plate__quantity-button {
      width: 40px;
      min-width: 40px;
      height: 40px;
      background-color: #f7f7f7;
      border-radius: 10px;
      line-height: 1;
      font-size: 32px;
      background-position: center;
      background-repeat: no-repeat; }
      .product-plate__quantity-button--decrease {
        background-image: url(/local/templates/main/dist/assets/minus.svg);
        margin-right: 10px; }
      .product-plate__quantity-button--increase {
        background-image: url(/local/templates/main/dist/assets/plus.svg);
        margin-left: 10px; }
    .product-plate__quantity-input {
      font-size: 16px;
      width: 100%;
      height: 40px;
      border: 2px solid #e3e2e2;
      border-radius: 10px;
      text-align: center; }
  .product-plate__about {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
    height: 100%; }
  .product-plate__description {
    font-size: 14px;
    line-height: 120%;
    color: #1b1b20;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    margin-top: 5px; }
  .product-plate__raiting {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 6px; }
  .product-plate__score {
    color: #8cd11c;
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px; }
  .product-plate__controls {
    display: flex;
    align-items: flex-end; }
  .product-plate__cart-button {
    width: 100%; }
  .product-plate__cart-button-text {
    display: none; }
  .product-plate__actions {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 14px; }
  .product-plate__action:not(:first-child) {
    margin-left: 20px; }
  .product-plate--off .product-plate__preview > img {
    opacity: 0.2; }
  .product-plate--off .product-plate__cost {
    color: #c2c2c8;
    font-size: 22px;
    font-weight: 700; }
  .product-plate--off .product-plate__footer {
    flex-direction: column; }
  .product-plate--off .product-plate__controls {
    margin-top: 14px; }
  .product-plate--off .product-plate__cart-button-text {
    display: inline-block; }
  .product-plate-list--rows .product-plate {
    flex-direction: row;
    min-height: 232px;
    padding: 18px;
    width: 100%; }
    .product-plate-list--rows .product-plate__preview {
      padding: 0;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content; }
      .product-plate-list--rows .product-plate__preview > img {
        width: 180px;
        height: 192px; }
    .product-plate-list--rows .product-plate__specs {
      display: flex;
      margin: 0 30px;
      padding: 10px 0;
      flex-direction: column; }
    .product-plate-list--rows .product-plate__info {
      width: 322px;
      padding: 0;
      flex-grow: 0;
      flex-shrink: 0;
      margin-left: auto;
      position: relative; }
    .product-plate-list--rows .product-plate__discount {
      margin: 8px 0; }
    .product-plate-list--rows .product-plate__footer {
      flex-direction: column;
      flex-grow: 1;
      justify-content: flex-end; }
    .product-plate-list--rows .product-plate__about {
      width: 100%;
      margin-right: 0;
      height: auto;
      flex: none; }
    .product-plate-list--rows .product-plate__description {
      font-size: 16px;
      width: 100%;
      line-clamp: 2;
      -webkit-line-clamp: 2; }
    .product-plate-list--rows .product-plate__raiting {
      margin-top: 0;
      position: absolute;
      top: 4px;
      right: 0; }
    .product-plate-list--rows .product-plate__controls {
      align-items: center;
      width: 100%;
      margin-top: 16px; }
    .product-plate-list--rows .product-plate__cart-button {
      flex-grow: 1; }
    .product-plate-list--rows .product-plate__cart-button-text {
      display: inline; }
    .product-plate-list--rows .product-plate__actions {
      position: static;
      margin-left: 30px; }
    .product-plate-list--rows .product-plate__action:not(:first-child) {
      margin-left: 30px; }
  @media screen and (max-width: 1279px) {
    .product-plate {
      width: 220px !important; }
      .product-plate__preview > img {
        height: 216px;
        width: 201px; } }
  @media screen and (max-width: 767px) {
    .product-plate {
      width: 132px !important; }
      .product-plate__cart-button {
        border: none;
        padding: 0;
        margin-left: 20px; }
        .product-plate__cart-button:hover {
          border-color: none;
          background-color: #fff !important;
          color: #303184 !important; }
        .product-plate__cart-button:not(.selected):hover::before {
          background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M2 3H4.01194C4.89516 3 5.6738 3.57934 5.92759 4.4253L8.07241 11.5747C8.3262 12.4207 9.10484 13 9.98806 13H18.9914C19.8844 13 20.6691 12.408 20.9144 11.5494L21.7716 8.54944C22.1366 7.27181 21.1773 6 19.8485 6H10%27 stroke=%27%23303184%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3e%3ccircle cx=%2710%27 cy=%2719%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3ccircle cx=%2718%27 cy=%2719%27 r=%272%27 stroke=%27%23303184%27 stroke-width=%272%27/%3e%3c/svg%3e") !important; }
      .product-plate__current-price {
        font-size: 16px; }
      .product-plate__preview > img {
        height: 129px;
        width: 120px;
        padding-top: 0; }
      .product-plate__info {
        padding: 10px 8px 8px; }
      .product-plate__controls {
        margin-top: 10px;
        justify-content: flex-end; }
      .product-plate__quantity-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px; }
      .product-plate__quantity-button {
        margin: 0;
        width: 100%; }
        .product-plate__quantity-button--decrease {
          order: 1; }
        .product-plate__quantity-button--increase {
          order: 2; }
      .product-plate__quantity-input {
        order: 3;
        grid-column: 1/3; }
      .product-plate__quantity-note {
        font-size: 12px;
        text-align: center;
        margin-bottom: 30px; }
      .product-plate__actions {
        bottom: 8px;
        left: 8px;
        top: auto;
        right: auto;
        width: 112px;
        justify-content: space-between; }
      .product-plate__labels {
        display: none; } }

.product-plate-lg {
  border: 2px solid #e3e1e1;
  border-radius: 10px;
  min-height: 438px;
  width: 236px;
  display: flex;
  flex-direction: column;
  position: relative; }
  .product-plate-lg--kit .product-plate-lg__labels {
    /* top: 14px;
      max-width: 131px; */ }
  .product-plate-lg__preview {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .product-plate-lg__preview > img {
      width: 100%;
      height: 232px;
      -o-object-fit: contain;
         object-fit: contain;
      -o-object-position: center;
         object-position: center;
      cursor: pointer;
      padding-top: 30px; }
  .product-plate-lg__article {
    font-size: 14px;
    line-height: 120%;
    color: #73737b;
    top: 18px;
    left: 14px;
    position: absolute;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .product-plate-lg__labels {
    position: absolute;
    top: 40px;
    left: 14px;
    right: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content; }
  .product-plate-lg__label {
    font-weight: 700;
    font-size: 12px;
    line-height: 110%;
    color: #fff;
    padding: 5px 6px;
    border-radius: 6px 0;
    z-index: 1; }
    .product-plate-lg__label--percent {
      background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2723%27 height=%2723%27 viewBox=%270 0 23 23%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%275.5%27 cy=%275.5%27 r=%275%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%275.5%27 cy=%275.5%27 r=%273%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%2717.5%27 cy=%2717.5%27 r=%275%27 stroke=%27%23F84A4A%27/%3e%3ccircle cx=%2717.5%27 cy=%2717.5%27 r=%273%27 stroke=%27%23F84A4A%27/%3e%3crect x=%2718.9864%27 y=%272.01594%27 width=%272.82527%27 height=%2724%27 rx=%271.41263%27 transform=%27rotate%2845 18.9864 2.01594%29%27 stroke=%27%23F84A4A%27/%3e%3c/svg%3e");
      background-repeat: no-repeat;
      width: 23px;
      height: 23px;
      border-radius: 0; }
    .product-plate-lg__label--hit {
      background-color: #8cd11c; }
    .product-plate-lg__label--novelty {
      background-color: #009de0; }
    .product-plate-lg__label--kit {
      background-color: #303184; }
  .product-plate-lg .product-plate-lg__specs {
    display: none; }
  .product-plate-lg__info {
    padding: 12px 16px 16px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: space-between; }
  .product-plate-lg__price {
    color: inherit;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; }
  .product-plate-lg__current-price {
    font-size: 20px;
    font-weight: 300;
    line-height: 110%;
    color: inherit; }
  .product-plate-lg__current-price-measure {
    font-size: 18px;
    font-weight: 300;
    line-height: 110%; }
  .product-plate-lg__discount {
    display: flex;
    align-items: center;
    gap: 5px 10px;
    flex-wrap: wrap; }
  .product-plate-lg__old-price {
    color: #73737b;
    font-size: 14px;
    line-height: 120%;
    -webkit-text-decoration: line-through solid currentcolor;
            text-decoration: line-through solid currentcolor; }
  .product-plate-lg__footer {
    display: flex;
    align-items: flex-end;
    margin-top: 12px; }
  .product-plate-lg__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    gap: 6px; }
  .product-plate-lg__quantity {
    display: flex;
    flex-direction: column;
    align-items: center; }
    .product-plate-lg__quantity-note {
      font-size: 14px;
      color: #73737b;
      margin-top: 10px; }
    .product-plate-lg__quantity-wrapper {
      display: flex;
      align-items: flex-end;
      margin-top: 12px;
      position: relative; }
    .product-plate-lg__quantity-button {
      width: 40px;
      min-width: 40px;
      height: 40px;
      background-color: #f7f7f7;
      border-radius: 10px;
      line-height: 1;
      font-size: 32px;
      background-position: center;
      background-repeat: no-repeat; }
      .product-plate-lg__quantity-button--decrease {
        background-image: url(/local/templates/main/dist/assets/minus.svg);
        margin-right: 10px; }
        .product-plate-lg__quantity-button--decrease:disabled {
          background-image: url(/local/templates/main/dist/assets/minus-gray.svg); }
      .product-plate-lg__quantity-button--increase {
        background-image: url(/local/templates/main/dist/assets/plus.svg);
        margin-left: 10px; }
        .product-plate-lg__quantity-button--increase:disabled {
          background-image: url(/local/templates/main/dist/assets/plus-gray.svg); }
    .product-plate-lg__quantity-input {
      font-size: 14px;
      width: 100%;
      height: 40px;
      border: 2px solid #e3e2e2;
      border-radius: 10px;
      text-align: center;
      padding: 14px 12px; }
  .product-plate-lg__about {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 70px;
    justify-content: space-between;
    width: 100%;
    word-wrap: break-word; }
  .product-plate-lg__description {
    font-size: 14px;
    line-height: 120%;
    color: #1b1b20;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    -webkit-line-clamp: 3; }
  .product-plate-lg__raiting {
    display: flex;
    align-items: center;
    line-height: 1;
    margin-top: 6px; }
  .product-plate-lg__score {
    color: #8cd11c;
    font-size: 12px;
    font-weight: 700;
    margin-left: 5px; }
  .product-plate-lg__controls {
    display: flex;
    align-items: flex-end;
    margin-top: 12px; }
  .product-plate-lg__cart-button {
    transition: 0.3s; }
    .product-plate-lg__cart-button-text {
      display: none; }
      .product-plate-lg__cart-button-text--visible {
        display: flex;
        flex-grow: 1; }
    .product-plate-lg__cart-button--catalog {
      width: 100%; }
      .product-plate-lg__cart-button--catalog > .product-plate-lg__cart-button-text {
        display: block; }
  .product-plate-lg__actions {
    display: flex;
    flex-wrap: nowrap;
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 14px; }
  .product-plate-lg__action:not(:first-child) {
    margin-left: 20px; }
  .product-plate-lg--off .product-plate-lg__preview > img {
    opacity: 0.2; }
  .product-plate-lg--off .product-plate-lg__cost {
    color: #c2c2c8;
    font-size: 22px;
    font-weight: 700; }
  .product-plate-lg--off .product-plate-lg__footer {
    flex-direction: column; }
  .product-plate-lg--off .product-plate-lg__controls {
    margin-top: 14px; }
  .product-plate-lg--off .product-plate-lg__cart-button-text {
    display: inline-block; }
  @media screen and (max-width: 1279px) {
    .product-plate-lg {
      width: 220px !important; }
      .product-plate-lg__preview > img {
        height: 216px;
        width: 201px; } }
  @media screen and (max-width: 767px) {
    .product-plate-lg {
      width: 132px !important; }
      .product-plate-lg__current-price {
        font-size: 16px; }
      .product-plate-lg__info {
        padding: 10px 8px 8px; }
      .product-plate-lg__preview > img {
        height: 129px;
        width: 120px;
        padding-top: 25px; }
      .product-plate-lg__controls {
        margin-top: 10px;
        justify-content: flex-end; }
      .product-plate-lg__quantity-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px; }
      .product-plate-lg__quantity-button {
        margin: 0;
        width: 100%; }
        .product-plate-lg__quantity-button--decrease {
          order: 1; }
        .product-plate-lg__quantity-button--increase {
          order: 2; }
      .product-plate-lg__quantity-input {
        order: 3;
        grid-column: 1/3; }
      .product-plate-lg__cart-button {
        border: none;
        padding: 0;
        margin-left: 20px; }
        .product-plate-lg__cart-button--catalog {
          width: auto; }
          .product-plate-lg__cart-button--catalog > .product-plate-lg__cart-button-text {
            display: none; }
        .product-plate-lg__cart-button > span {
          display: none; }
      .product-plate-lg__actions {
        bottom: 8px;
        left: 8px;
        top: auto;
        right: auto; }
      .product-plate-lg__labels {
        display: none; } }

.product-plate-list--rows .product-plate-lg {
  flex-direction: row;
  min-height: 232px;
  padding: 18px;
  width: 100% !important;
  justify-content: space-between; }
  .product-plate-list--rows .product-plate-lg__preview {
    padding: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content; }
    .product-plate-list--rows .product-plate-lg__preview > img {
      width: 180px;
      height: 192px;
      padding-top: 10px; }
  .product-plate-list--rows .product-plate-lg__specs {
    display: flex;
    margin: 0 30px;
    padding: 10px 0;
    flex-direction: column;
    width: 300px; }
  .product-plate-list--rows .product-plate-lg__info {
    width: 322px;
    padding: 0;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative; }
  .product-plate-list--rows .product-plate-lg__discount {
    margin: 0; }
  .product-plate-list--rows .product-plate-lg__footer {
    flex-direction: column;
    flex-grow: 1;
    margin-top: 16px; }
  .product-plate-list--rows .product-plate-lg__about {
    width: 100%;
    margin-right: 0;
    height: auto; }
  .product-plate-list--rows .product-plate-lg__quantity-wrapper {
    margin-top: 0; }
  .product-plate-list--rows .product-plate-lg__description {
    font-size: 16px;
    width: 100%;
    line-clamp: 2;
    -webkit-line-clamp: 2; }
  .product-plate-list--rows .product-plate-lg__raiting {
    margin-top: 0;
    position: absolute;
    top: 5px;
    right: 0; }
  .product-plate-list--rows .product-plate-lg__article {
    top: 14px;
    left: 14px;
    max-width: initial; }
  .product-plate-list--rows .product-plate-lg__controls {
    margin-top: 16px;
    margin-left: 20px; }
  .product-plate-list--rows .product-plate-lg__cart-button {
    width: auto; }
  .product-plate-list--rows .product-plate-lg__cart-button-text {
    display: none; }
  .product-plate-list--rows .product-plate-lg__actions {
    top: 38px;
    right: 0; }
    .product-plate-list--rows .product-plate-lg__actions--top {
      top: 0; }
  .product-plate-list--rows .product-plate-lg__action:not(:first-child) {
    margin-left: 30px; }
  .product-plate-list--rows .product-plate-lg__labels {
    width: 180px;
    top: 14px;
    top: 41px; }
  .product-plate-list--rows .product-plate-lg__footer-container {
    display: flex; }
  .product-plate-list--rows .product-plate-lg .product-plate__cart-button > span {
    display: none; }
  .product-plate-list--rows .product-plate-lg--kit .product-plate-lg__labels {
    /* top: 14px; */ }
  @media screen and (max-width: 1279px) {
    .product-plate-list--rows .product-plate-lg__preview > img {
      width: 160px;
      height: 170px; }
    .product-plate-list--rows .product-plate-lg__labels {
      width: 160px; }
    .product-plate-list--rows .product-plate-lg__specs {
      display: flex;
      margin: 0 40px 0 20px;
      width: 263px; }
    .product-plate-list--rows .product-plate-lg__info {
      width: 177px; }
    .product-plate-list--rows .product-plate-lg__footer {
      margin-top: 12px; }
      .product-plate-list--rows .product-plate-lg__footer-container {
        flex-direction: column;
        margin-top: 12px; }
    .product-plate-list--rows .product-plate-lg__controls {
      width: 100%;
      margin-left: 0;
      margin-top: 12px; }
    .product-plate-list--rows .product-plate-lg__cart-button {
      width: 100%; }
      .product-plate-list--rows .product-plate-lg__cart-button-text {
        display: block; }
    .product-plate-list--rows .product-plate-lg__raiting {
      margin-top: 6px;
      position: inherit; }
    .product-plate-list--rows .product-plate-lg__actions {
      top: 58px; }
    .product-plate-list--rows .product-plate-lg__wrapper {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-end; } }
  @media screen and (max-width: 767px) {
    .product-plate-list--rows .product-plate-lg {
      flex-direction: column; }
      .product-plate-list--rows .product-plate-lg__preview {
        margin-bottom: 20px;
        order: 1; }
        .product-plate-list--rows .product-plate-lg__preview > img {
          width: 160px;
          height: 170px; }
      .product-plate-list--rows .product-plate-lg__specs {
        padding: 0;
        margin: 0;
        width: 100%;
        order: 3; }
      .product-plate-list--rows .product-plate-lg__info {
        width: 100%;
        margin: 0;
        order: 2; }
      .product-plate-list--rows .product-plate-lg__controls {
        align-items: center;
        justify-content: space-between; }
      .product-plate-list--rows .product-plate-lg__cart-button {
        border: 2px solid #e3e2e2;
        padding: 6px;
        order: 2;
        width: auto; }
        .product-plate-list--rows .product-plate-lg__cart-button-text {
          display: none; }
      .product-plate-list--rows .product-plate-lg__footer-container {
        margin-bottom: 20px; }
      .product-plate-list--rows .product-plate-lg__labels {
        display: flex;
        width: 100%; }
      .product-plate-list--rows .product-plate-lg__actions {
        position: inherit;
        order: 1;
        width: calc(50% + 12px);
        justify-content: space-between; } }

.recently-watched {
  margin-top: 80px; }
  .recently-watched__items {
    margin-top: 30px; }
  @media screen and (max-width: 1279px) {
    .recently-watched {
      margin-top: 60px; } }

.main-slider {
  margin: 20px 0 38px; }
  @media screen and (max-width: 1279px) {
    .main-slider {
      margin: 20px 0 30px; }
      .main-slider > .navi-arrow {
        display: none; } }
  @media screen and (max-width: 767px) {
    .main-slider {
      margin: 20px 0; } }

.slider {
  position: relative;
  border-radius: 20px; }
  .slider > .navi-arrow {
    position: absolute;
    top: calc(50% - 26px); }
  .slider > .navi-arrow.left {
    left: -26px; }
  .slider > .navi-arrow.right {
    right: -26px; }
  .slider > .navi-arrow--small {
    top: calc(50% - 19px); }
  .slider > .navi-arrow--small.left {
    left: -15px; }
  .slider > .navi-arrow--small.right {
    right: -15px; }
  @media screen and (max-width: 1279px) {
    .slider > .navi-arrow--small {
      top: -70px;
      right: 0;
      width: 40px;
      height: 40px;
      border-radius: 100%; }
      .slider > .navi-arrow--small.swiper-button-disabled {
        background-color: #fff; }
        .slider > .navi-arrow--small.swiper-button-disabled:hover {
          border: 2px solid #f7f7f7;
          cursor: default; }
        .slider > .navi-arrow--small.swiper-button-disabled::before {
          background-color: #f7f7f7; }
      .slider > .navi-arrow--small.left {
        right: 52px;
        left: auto; }
      .slider > .navi-arrow--small.right {
        right: 0; } }
  @media screen and (max-width: 767px) {
    .slider > .navi-arrow--small {
      top: -60px;
      width: 30px;
      height: 30px; }
      .slider > .navi-arrow--small.left {
        right: 42px; }
      .slider > .navi-arrow--small::before {
        width: 16px;
        height: 16px;
        -webkit-mask-image: url(/local/templates/main/dist/assets/navi-arrow-small.svg);
                mask-image: url(/local/templates/main/dist/assets/navi-arrow-small.svg);
        -webkit-mask-position: -1px;
                mask-position: -1px; } }

.swiper {
  border-radius: 20px; }
  .swiper-pagination {
    display: flex;
    justify-content: center; }
  .swiper-pagination-bullet {
    border: 2px solid #e3e2e2;
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
    border-radius: 100%;
    cursor: pointer; }
    .swiper-pagination-bullet:not(:first-child) {
      margin-left: 14px; }
  .swiper-slide {
    height: auto !important; }
  .swiper-pagination-bullet-active {
    background: #009de0;
    border: none; }
  .swiper-main-wrapper {
    max-height: 400px; }
  .swiper-main__link {
    position: absolute;
    left: 80px;
    bottom: 54px;
    background: transparent; }
  .swiper-main__text {
    position: absolute;
    left: 80px;
    top: 54px;
    font-weight: 700;
    font-size: 64px;
    line-height: 110%;
    color: #1b1b20;
    width: 480px; }
  .swiper-main__img {
    width: 100%;
    min-height: 200px;
    max-height: 400px; }
  .swiper-product-cards, .swiper-main, .swiper-information-block, .swiper-kit {
    overflow: hidden; }
  @media screen and (max-width: 1279px) {
    .swiper-product-cards, .swiper-information-block {
      width: calc(100% + 34px);
      min-width: calc(100% + 34px); } }
  @media screen and (max-width: 767px) {
    .swiper-product-cards, .swiper-information-block {
      width: calc(100% + 22px);
      min-width: calc(100% + 22px); } }

.tab-menu {
  width: 100%; }
  .tab-menu__selectors {
    display: flex;
    white-space: nowrap;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    .tab-menu__selectors::-webkit-scrollbar {
      width: 0;
      height: 0; }
  .tab-menu__separator {
    margin: -1px 0 0;
    border: none;
    height: 1px;
    background-color: #e3e2e2; }
  .tab-menu__selector {
    font-size: 20px;
    font-weight: 600;
    color: #c2c2c8;
    padding-bottom: 19px;
    transition: color 0.3s;
    cursor: pointer; }
    .tab-menu__selector--small {
      font-size: 16px;
      padding-bottom: 16px; }
    .tab-menu__selector:hover {
      color: #73737b; }
    .tab-menu__selector + .tab-menu__selector {
      margin-left: 50px; }
    .tab-menu__selector.selected {
      color: #1b1b20;
      border-bottom: 2px solid #009de0;
      font-weight: 600; }
    .tab-menu__selector::after {
      content: attr(data-count);
      margin-left: 5px;
      font-weight: inherit;
      color: #009de0; }
  .tab-menu__tab {
    display: none;
    padding-top: 50px; }
    .tab-menu__tab.selected {
      display: block; }
  @media screen and (max-width: 767px) {
    .tab-menu__tab {
      padding-top: 40px; }
    .tab-menu__selector {
      font-size: 18px; }
      .tab-menu__selector + .tab-menu__selector {
        margin-left: 20px; } }

.call-to-action {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: flex;
  flex-direction: column;
  z-index: 10; }
  .call-to-action__actions-list {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    transform-origin: bottom;
    transition: opacity 350ms, transform 350ms; }
  .call-to-action__item {
    padding-bottom: 10px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content; }
    .call-to-action__item > button {
      display: flex;
      align-items: center; }
    .call-to-action__item:first-child:hover .call-to-action-button__text {
      display: flex; }
  .call-to-action-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    color: #73737b;
    transition: color 350ms;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    cursor: pointer; }
    .call-to-action-button__text {
      white-space: nowrap; }
      @media (max-width: 1800px) {
        .call-to-action-button__text {
          display: none; } }
    .call-to-action-button__icon {
      width: 52px;
      height: 52px;
      border: 2px solid #f7f7f7;
      background-color: #fff;
      border-radius: 10px;
      margin-left: 10px;
      transition: border-color 350ms;
      background-position: center;
      background-repeat: no-repeat;
      background-size: 30px 30px; }
      .call-to-action-button__icon--consultant {
        background-image: url(/local/templates/main/dist/assets/consultant.svg); }
      .call-to-action-button__icon--phone {
        background-image: url(/local/templates/main/dist/assets/phone.svg); }
      .call-to-action-button__icon--thanks {
        background-image: url(/local/templates/main/dist/assets/thanks.svg); }
      .call-to-action-button__icon--complaint {
        background-image: url(/local/templates/main/dist/assets/complaint.svg); }
      @media (max-width: 768px) {
        .call-to-action-button__icon {
          background-size: 24px 24px; }
          .call-to-action-button__icon--consultant {
            background-image: url(/local/templates/main/dist/assets/consultant-small.svg); }
          .call-to-action-button__icon--phone {
            background-image: url(/local/templates/main/dist/assets/phone-small.svg); }
          .call-to-action-button__icon--thanks {
            background-image: url(/local/templates/main/dist/assets/thanks-small.svg); }
          .call-to-action-button__icon--complaint {
            background-image: url(/local/templates/main/dist/assets/complaint-small.svg); } }
    .call-to-action-button:hover {
      color: #1b1b20; }
    .call-to-action-button:hover .call-to-action-button__icon {
      border-color: #e3e2e2; }
  .call-to-action__button {
    width: 100%; }
  .call-to-action.opened .call-to-action__actions-list {
    transform: scaleY(1);
    opacity: 1; }
  .call-to-action.opened .call-to-action__toggler {
    transition: border-color 350ms;
    background-image: url(/local/templates/main/dist/assets/call-to-action-close.svg); }
    .call-to-action.opened .call-to-action__toggler:hover {
      border-color: #e3e2e2; }
  @media screen and (max-width: 1279px) {
    .call-to-action {
      right: 34px; } }
  @media screen and (max-width: 767px) {
    .call-to-action {
      bottom: 98px;
      right: 22px; } }


/* End */
/* /local/templates/main/dist/index.css?1750833621172853 */