@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap");
@font-face {
  font-family: 'segoe_uibold';
  src: url("segoe_ui_bold-webfont.woff2") format("woff2"), url("segoe_ui_bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'segoe_uiregular';
  src: url("segoe_ui-webfont.woff2") format("woff2"), url("segoe_ui-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*** Colors ***/
/* line 3, main.scss */
* {
  min-height: 0;
  min-width: 0;
  box-sizing: border-box;
  outline: none; }

/* line 10, main.scss */
html, body {
  min-height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden; }

/* line 18, main.scss */
[data-theme-template="product"] {
  overflow: visible; }

/* line 22, main.scss */
body {
  min-height: 100vh;
  margin: 0;
  font-family: var(--font-text);
  font-weight: 400;
  font-size: var(--size-text);
  color: var(--main-text-color); }

/* line 32, main.scss */
.page_layout {
  transition: .3s; }

/* line 36, main.scss */
.wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
  min-height: calc(100vh - 340px);
  padding-top: 129px; }
  @media (min-width: 769px) {
    /* line 36, main.scss */
    .wrapper {
      z-index: 10; } }
  @media (max-width: 1361px) {
    /* line 36, main.scss */
    .wrapper {
      padding-top: 146px; } }
  @media (max-width: 1281px) {
    /* line 36, main.scss */
    .wrapper {
      padding-top: 127px; } }
  @media (max-width: 1112px) {
    /* line 36, main.scss */
    .wrapper {
      padding-top: 144px; } }
  @media (max-width: 991px) {
    /* line 36, main.scss */
    .wrapper {
      padding-top: 70px; } }
  @media (max-width: 561px) {
    /* line 36, main.scss */
    .wrapper {
      padding-top: 55px; } }

/* line 70, main.scss */
.checkout-page .wrapper {
  padding-top: 0; }

/* line 75, main.scss */
.noscroll {
  position: relative;
  height: 100%;
  overflow: hidden; }

/* line 81, main.scss */
img.lazy {
  opacity: 0; }

/* line 85, main.scss */
img.lazy.loaded {
  opacity: 1; }

/* line 89, main.scss */
.bg-blue-light {
  background: #F0F3F6; }

/* line 93, main.scss */
table {
  border: 1px solid #E5E5E5; }
  /* line 96, main.scss */
  table td {
    padding: 10px;
    border: 1px solid #E5E5E5; }

/* line 102, main.scss */
.container-block {
  width: 100%;
  max-width: var(--max_width_layout);
  margin: 0 auto;
  padding: 0 40px; }

/* line 109, main.scss */
ul {
  margin-top: 15px; }
  /* line 112, main.scss */
  ul:first-child {
    margin-top: 0; }

/* line 117, main.scss */
a {
  color: #4C5969;
  text-decoration: none;
  transition: .3s; }
  /* line 122, main.scss */
  a:hover {
    color: #4c5969; }

/* line 127, main.scss */
p {
  margin: 10px 0 0; }
  /* line 130, main.scss */
  p:first-child {
    margin-top: 0; }

/* line 135, main.scss */
img {
  max-width: 100%;
  object-fit: contain;
  border-radius: 6px; }

/* line 141, main.scss */
strong {
  font-weight: 700; }

/* line 145, main.scss */
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  margin: 0;
  font-family: var(--font-title);
  color: var(--title-color);
  font-weight: 400; }
  /* line 158, main.scss */
  h1:first-child,
  h2:first-child,
  h3:first-child,
  h4:first-child,
  .h1:first-child,
  .h2:first-child,
  .h3:first-child,
  .h4:first-child {
    margin-top: 0; }
  /* line 162, main.scss */
  h1 strong,
  h2 strong,
  h3 strong,
  h4 strong,
  .h1 strong,
  .h2 strong,
  .h3 strong,
  .h4 strong {
    color: #000000; }
  /* line 166, main.scss */
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  .h1 a,
  .h2 a,
  .h3 a,
  .h4 a {
    border-bottom: 2px solid transparent;
    transition: .3s; }
    /* line 170, main.scss */
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    .h1 a:hover,
    .h2 a:hover,
    .h3 a:hover,
    .h4 a:hover {
      border-color: var(--color-accent-text); }

/* line 176, main.scss */
h1,
.h1 {
  font-size: 48px;
  line-height: 59px; }

/* line 182, main.scss */
h2,
.h2 {
  font-size: 42px;
  line-height: 48px; }

/* line 188, main.scss */
h3, .h3 {
  font-size: 32px;
  line-height: 38px;
  word-wrap: break-word;
  overflow-wrap: break-word; }

@media screen and (max-width: 768px) {
  /* line 196, main.scss */
  h3, .h3 {
    font-size: 22px;
    line-height: 25px; } }
@media screen and (max-width: 390px) {
  /* line 203, main.scss */
  h3, .h3 {
    font-size: 20px;
    line-height: 25px; } }
/* line 211, main.scss */
h4,
.h4 {
  font-size: 26px;
  line-height: 32px; }

/* line 217, main.scss */
h5,
.h5 {
  margin: 0;
  font-size: 22px;
  line-height: 32px; }

/*** Buttons ***/
/* line 227, main.scss */
.btn,
.btn:first-child,
.co-button {
  display: inline-block;
  min-height: 40px;
  padding: 11px 24px;
  background: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  background: var(--button-light-bg);
  color: var(--button-light-text-color);
  border: 0;
  border-radius: var(--btn-border-radius); }
  /* line 242, main.scss */
  .btn:hover, .btn:focus, .btn:active,
  .btn:first-child:hover,
  .btn:first-child:focus,
  .btn:first-child:active,
  .co-button:hover,
  .co-button:focus,
  .co-button:active {
    background: var(--button-light-hover-bg);
    color: var(--button-light-text-color); }
  /* line 249, main.scss */
  .btn:after,
  .btn:first-child:after,
  .co-button:after {
    display: none; }
  /* line 253, main.scss */
  .btn[disabled],
  .btn:first-child[disabled],
  .co-button[disabled] {
    cursor: default; }
  /* line 257, main.scss */
  .btn.btn-medium,
  .btn:first-child.btn-medium,
  .co-button.btn-medium {
    min-height: 54px;
    padding: 18px 24px; }
  /* line 262, main.scss */
  .btn.btn-blue,
  .btn:first-child.btn-blue,
  .co-button.btn-blue {
    background: var(--button-bg);
    color: var(--button-text-color); }
    /* line 266, main.scss */
    .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active,
    .btn:first-child.btn-blue:hover,
    .btn:first-child.btn-blue:focus,
    .btn:first-child.btn-blue:active,
    .co-button.btn-blue:hover,
    .co-button.btn-blue:focus,
    .co-button.btn-blue:active {
      background: var(--button-hover-bg);
      color: var(--button-text-color); }
  /* line 274, main.scss */
  .btn .icon,
  .btn:first-child .icon,
  .co-button .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px; }

/*** End Buttons ***/
/*** Form ***/
/* line 286, main.scss */
.co-login-form_placeholder {
  justify-content: center;
  align-items: center;
  display: flex; }

/* line 292, main.scss */
.input,
input[type="text"],
.textarea,
textarea,
.co-input-field {
  width: 100%;
  height: 54px;
  padding: 10px 22px;
  background: #ffffff;
  font-weight: 300;
  font-size: 18px;
  line-height: 18px;
  color: #000000;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  transition: .3s; }
  /* line 309, main.scss */
  .input::placeholder,
  input[type="text"]::placeholder,
  .textarea::placeholder,
  textarea::placeholder,
  .co-input-field::placeholder {
    color: #000000; }
  /* line 313, main.scss */
  .input:focus, .input:active,
  input[type="text"]:focus,
  input[type="text"]:active,
  .textarea:focus,
  .textarea:active,
  textarea:focus,
  textarea:active,
  .co-input-field:focus,
  .co-input-field:active {
    color: #000000;
    border-color: #000000; }
  /* line 319, main.scss */
  .input.error,
  input[type="text"].error,
  .textarea.error,
  textarea.error,
  .co-input-field.error {
    border-color: #ec5858; }
  /* line 323, main.scss */
  .input:-webkit-autofill, .input:-webkit-autofill:hover, .input:-webkit-autofill:focus, .input:-webkit-autofill:active,
  input[type="text"]:-webkit-autofill,
  input[type="text"]:-webkit-autofill:hover,
  input[type="text"]:-webkit-autofill:focus,
  input[type="text"]:-webkit-autofill:active,
  .textarea:-webkit-autofill,
  .textarea:-webkit-autofill:hover,
  .textarea:-webkit-autofill:focus,
  .textarea:-webkit-autofill:active,
  textarea:-webkit-autofill,
  textarea:-webkit-autofill:hover,
  textarea:-webkit-autofill:focus,
  textarea:-webkit-autofill:active,
  .co-input-field:-webkit-autofill,
  .co-input-field:-webkit-autofill:hover,
  .co-input-field:-webkit-autofill:focus,
  .co-input-field:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 40px #ffffff inset !important; }
  /* line 330, main.scss */
  .input:-webkit-autofill,
  input[type="text"]:-webkit-autofill,
  .textarea:-webkit-autofill,
  textarea:-webkit-autofill,
  .co-input-field:-webkit-autofill {
    -webkit-text-fill-color: #000000 !important; }
  /* line 334, main.scss */
  .input.shadow,
  input[type="text"].shadow,
  .textarea.shadow,
  textarea.shadow,
  .co-input-field.shadow {
    box-shadow: 0 6px 21px 0 #c7c7c7; }

/* line 339, main.scss */
textarea {
  display: flex;
  min-height: 126px;
  padding-top: 20px; }

/* line 345, main.scss */
.checkbox-list {
  display: flex;
  flex-wrap: wrap; }
  /* line 349, main.scss */
  .checkbox-list .checkbox {
    margin: 8px 0 0 0; }
    /* line 352, main.scss */
    .checkbox-list .checkbox:first-child {
      margin-top: 0; }

/* line 358, main.scss */
.checkbox {
  display: flex;
  margin-top: 40px;
  cursor: pointer; }
  /* line 363, main.scss */
  .checkbox:first-child {
    margin-top: 0; }
  /* line 367, main.scss */
  .checkbox label {
    min-width: 34px; }
  /* line 371, main.scss */
  .checkbox input {
    display: none; }
  /* line 375, main.scss */
  .checkbox input:checked + .icon {
    border-color: #4c5969; }
    /* line 378, main.scss */
    .checkbox input:checked + .icon:before {
      opacity: 1; }
  /* line 383, main.scss */
  .checkbox input:checked + .icon {
    background: #4c5969; }
  /* line 387, main.scss */
  .checkbox .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin: 2px 16px 0 0;
    border: 2px solid #4c5969; }
    /* line 398, main.scss */
    .checkbox .icon svg {
      z-index: 9; }
  /* line 403, main.scss */
  .checkbox .text {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    line-height: 20px; }
  /* line 410, main.scss */
  .checkbox .count {
    margin-left: 7px;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text-dark); }

/*** Custom select ***/
/* line 421, main.scss */
.custom-select-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  background: none;
  border: 0;
  padding: 0;
  display: inline-block;
  user-select: none; }
  /* line 431, main.scss */
  .custom-select-wrapper select {
    display: none; }
  /* line 435, main.scss */
  .custom-select-wrapper .custom-options {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    max-height: 300px;
    height: 0;
    padding: 6px 0 8px;
    background: #ffffff;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border: 1px solid #E5E5E5;
    z-index: 90; }
  /* line 452, main.scss */
  .custom-select-wrapper .custom-option {
    position: relative;
    display: block;
    min-width: 120px;
    padding: 6px 18px;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text-dark);
    transition: .3s;
    cursor: pointer;
    z-index: 9; }
    /* line 464, main.scss */
    .custom-select-wrapper .custom-option:hover {
      background: #EAEAEA; }
    /* line 468, main.scss */
    .custom-select-wrapper .custom-option.selected {
      background: #EAEAEA; }
    /* line 472, main.scss */
    .custom-select-wrapper .custom-option .text {
      position: relative;
      border-bottom: 1px solid transparent;
      z-index: 5; }
  /* line 479, main.scss */
  .custom-select-wrapper .mCSB_inside > .mCSB_container {
    margin-right: 0;
    z-index: 1; }
  /* line 484, main.scss */
  .custom-select-wrapper .mCSB_scrollTools {
    z-index: 5;
    width: 7px !important; }
  /* line 496, main.scss */
  .custom-select-wrapper.opened .custom-options {
    height: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
  /* line 506, main.scss */
  .custom-select-wrapper.medium .custom-select-trigger {
    height: 54px;
    padding: 10px 40px 10px 22px; }
    /* line 510, main.scss */
    .custom-select-wrapper.medium .custom-select-trigger .icon {
      right: 20px; }
  /* line 518, main.scss */
  .custom-select-wrapper.shadow .custom-select-trigger {
    box-shadow: 0 6px 21px 0 #c7c7c7;
    border-radius: var(--btn-border-radius); }

/* line 525, main.scss */
.custom-select-trigger {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  width: 100%;
  padding: 5px 14px 5px 14px;
  background: #ffffff;
  color: #000000;
  font-size: 14px;
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: 95;
  border: 1px solid #dadada;
  border-radius: 4px; }
  /* line 546, main.scss */
  .custom-select-trigger::-ms-expand {
    display: none; }
  /* line 550, main.scss */
  .custom-select-trigger.error {
    border-color: #ec5858; }
  /* line 554, main.scss */
  .custom-select-trigger .icon {
    position: relative;
    margin-right: 15px; }
  /* line 563, main.scss */
  .custom-select-trigger .text {
    color: var(--main-text-color);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

/*** End Custom select ***/
/* line 574, main.scss */
.success-notice {
  color: #31A375; }

/* line 578, main.scss */
.error-notice {
  color: #ec5858; }

/*** End Form ***/
/*** Swiper ***/
/* line 587, main.scss */
.swiper-initialized {
  position: relative;
  overflow: hidden; }
  /* line 591, main.scss */
  .swiper-initialized .product--item {
    height: 100%; }
    /* line 594, main.scss */
    .swiper-initialized .product--item .wrap {
      display: flex;
      flex-direction: column;
      height: 100%; }
    /* line 600, main.scss */
    .swiper-initialized .product--item .info {
      flex: 1; }

/* line 606, main.scss */
.swiper-slide {
  height: auto; }

/* line 611, main.scss */
.swiper-button-prev,
.swiper-button-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
  flex: 1;
  width: 30px;
  height: 30px;
  max-width: 30px;
  margin: 0;
  background: rgba(204, 204, 204, 0.5);
  transition: .3s;
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  z-index: 1; }
  /* line 634, main.scss */
  .swiper-button-prev:hover,
  .swiper-button-next:hover {
    background: var(--button-light-hover-bg); }
  /* line 638, main.scss */
  .swiper-button-prev:after,
  .swiper-button-next:after {
    display: none; }
  /* line 642, main.scss */
  .swiper-button-prev svg,
  .swiper-button-next svg {
    width: 8px;
    height: 15px;
    stroke: var(--button-light-text-color); }

/* line 649, main.scss */
.swiper-button-prev svg {
  transform: rotate(180deg); }

/* line 656, main.scss */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 22px; }

/* line 662, main.scss */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 15px;
  cursor: pointer; }
  /* line 667, main.scss */
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:first-child,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:first-child {
    margin-left: 0; }

/* line 672, main.scss */
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #ffffff;
  opacity: 1; }
  /* line 678, main.scss */
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--button-bg); }

/* line 683, main.scss */
.pagination-swiper-wrap {
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%; }
  /* line 689, main.scss */
  .pagination-swiper-wrap .swiper-horizontal > .swiper-pagination-bullets,
  .pagination-swiper-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
  .pagination-swiper-wrap .swiper-pagination-custom,
  .pagination-swiper-wrap .swiper-pagination-fraction {
    position: relative;
    bottom: 0;
    text-align: center; }

/* line 699, main.scss */
.swiper-lazy-preloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  background: #ffffff;
  animation: none;
  border: 0;
  border-radius: 0;
  z-index: 1; }
  /* line 712, main.scss */
  .swiper-lazy-preloader:before {
    content: '';
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid #4c5969;
    border-radius: 50%;
    border-top-color: transparent; }

/* line 731, main.scss */
.swiper-main-prev {
  left: 24px; }

/* line 735, main.scss */
.swiper-main-next {
  right: 0; }

/* line 739, main.scss */
.swiper-main-prev,
.swiper-main-next {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  flex: 1;
  width: 28px;
  height: 28px;
  max-width: 28px;
  margin: 0;
  background: var(--button-bg);
  transition: .3s;
  border-radius: var(--btn-border-radius);
  cursor: pointer;
  z-index: 1; }
  /* line 759, main.scss */
  .swiper-main-prev:hover,
  .swiper-main-next:hover {
    background: var(--button-hover-bg); }
  /* line 763, main.scss */
  .swiper-main-prev:after,
  .swiper-main-next:after {
    display: none; }
  /* line 767, main.scss */
  .swiper-main-prev svg,
  .swiper-main-next svg {
    width: 8px;
    height: 15px;
    stroke: var(--button-light-text-color); }

/* line 774, main.scss */
.swiper-main-prev svg {
  transform: rotate(180deg); }

/* line 778, main.scss */
.js-main-link-slider {
  display: flex;
  align-items: center; }

/* line 783, main.scss */
.swiper-main-link-prev,
.swiper-main-link-next {
  position: relative;
  width: 40px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  z-index: 100; }

/* line 796, main.scss */
.swiper-main-link-prev {
  transform: rotate(180deg); }

/*** End Swiper ***/
/*** Pagination ***/
/* line 806, main.scss */
.pagination-wrap {
  margin-top: 30px; }

/* line 810, main.scss */
.pagination-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex: 1;
  margin: -15px 0 0 -15px; }
  /* line 817, main.scss */
  .pagination-list--item {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(0);
    margin: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    color: rgba(204, 204, 204, 0.8); }
    /* line 828, main.scss */
    .pagination-list--item.is-current, .pagination-list--item:hover {
      color: #000000;
      transition: all 0.3s ease; }
    /* line 834, main.scss */
    .pagination-list--item:hover {
      color: #000000;
      transition: all 0.3s ease; }
  /* line 840, main.scss */
  .pagination-list .pagination-prev,
  .pagination-list .pagination-next {
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background: rgba(204, 204, 204, 0.5);
    transition: .3s;
    border-radius: var(--btn-border-radius);
    cursor: pointer;
    opacity: .35;
    z-index: 1; }
    /* line 852, main.scss */
    .pagination-list .pagination-prev:hover,
    .pagination-list .pagination-next:hover {
      background: var(--button-light-hover-bg); }
    /* line 856, main.scss */
    .pagination-list .pagination-prev .icon,
    .pagination-list .pagination-next .icon {
      stroke: #000000; }
    /* line 860, main.scss */
    .pagination-list .pagination-prev.active,
    .pagination-list .pagination-next.active {
      opacity: 1;
      pointer-events: all; }
    /* line 864, main.scss */
    .pagination-list .pagination-prev svg,
    .pagination-list .pagination-next svg {
      width: 8px;
      height: 15px;
      stroke: var(--button-light-text-color); }
  /* line 871, main.scss */
  .pagination-list .pagination-prev .icon {
    transform: rotate(180deg); }
  /* line 875, main.scss */
  .pagination-list .pagination-prev svg {
    transform: rotate(180deg); }

/*** End Pagination ***/
/*** Rating ***/
/* line 887, main.scss */
.rating {
  display: flex;
  align-items: center; }
  /* line 892, main.scss */
  .rating .icon {
    margin-left: 7px;
    fill: var(--vibrant-text-color); }
    /* line 896, main.scss */
    .rating .icon:first-child {
      margin-left: 0; }
    /* line 900, main.scss */
    .rating .icon.disabled {
      fill: #E6E9E8; }

/*** End Rating ***/
/*** Tabs ***/
/* line 915, main.scss */
.tabs-body--item {
  display: none; }
  /* line 918, main.scss */
  .tabs-body--item.active {
    display: block; }

/*** End Tabs ***/
/*** Range slider ***/
/* line 930, main.scss */
.range-slider-wrap {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  max-width: 220px;
  padding-top: 10px; }
  /* line 939, main.scss */
  .range-slider-wrap .range-slider {
    width: 100%;
    flex: 1; }
  /* line 944, main.scss */
  .range-slider-wrap .currency {
    margin-left: 20px;
    font-size: 24px;
    line-height: 29px; }
  /* line 950, main.scss */
  .range-slider-wrap .irs-grid-pol {
    top: 3px;
    width: 12px;
    height: 12px;
    background: #4c5969;
    border-radius: 50%;
    z-index: 1; }
    /* line 958, main.scss */
    .range-slider-wrap .irs-grid-pol.small {
      display: none; }
  /* line 963, main.scss */
  .range-slider-wrap .irs-grid-text {
    bottom: -25px;
    padding-left: 17px;
    color: #ffffff;
    font-size: 18px;
    line-height: 22px;
    opacity: .5; }

/* line 973, main.scss */
.irs {
  height: 10px; }

/* line 977, main.scss */
.irs--round {
  height: 10px; }
  /* line 980, main.scss */
  .irs--round .irs-to,
  .irs--round .irs-from,
  .irs--round .irs-single,
  .irs--round .irs-max,
  .irs--round .irs-min {
    display: none; }
  /* line 988, main.scss */
  .irs--round .irs-line {
    top: 4px;
    height: 2px;
    background-color: #E5E5E5; }
  /* line 994, main.scss */
  .irs--round .irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
    top: 4px;
    height: 2px;
    background-color: #4c5969; }
  /* line 1004, main.scss */
  .irs--round .irs-handle {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    background-color: #4c5969;
    border-radius: 50%;
    z-index: 2; }

/* line 1015, main.scss */
.range-slider-controls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 245px;
  margin-top: 13px; }
  /* line 1022, main.scss */
  .range-slider-controls--item {
    flex: 1; }
    /* line 1025, main.scss */
    .range-slider-controls--item:first-child {
      margin-right: -3px; }
  /* line 1030, main.scss */
  .range-slider-controls input {
    height: 24px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 24px;
    color: #000000; }
  /* line 1038, main.scss */
  .range-slider-controls span {
    display: block;
    width: 8px;
    height: 0;
    border: 1px solid #4c5969; }

/*** End Range slider ***/
/*** Quantity ***/
/* line 1051, main.scss */
.quantity,
.quantity-custom {
  display: flex;
  align-items: center;
  max-width: 152px;
  margin-top: 10px;
  height: 40px; }
  /* line 1059, main.scss */
  .quantity input[type="text"],
  .quantity-custom input[type="text"] {
    flex: 1;
    height: 100%;
    margin: 0 5px;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 5px;
    font-size: 14px; }
  /* line 1069, main.scss */
  .quantity .quantity-control,
  .quantity .plus,
  .quantity .minus,
  .quantity-custom .quantity-control,
  .quantity-custom .plus,
  .quantity-custom .minus {
    position: relative;
    display: flex;
    justify-content: center;
    flex: 1;
    width: 40px;
    height: 40px;
    max-width: 40px;
    background: #ffffff;
    border: 1px solid #E5E5E5;
    border-radius: 5px; }
  /* line 1086, main.scss */
  .quantity .minus:before,
  .quantity-custom .minus:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 2px;
    background: #000000; }
  /* line 1100, main.scss */
  .quantity .plus:before, .quantity .plus:after,
  .quantity-custom .plus:before,
  .quantity-custom .plus:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 2px;
    background: #000000; }
  /* line 1112, main.scss */
  .quantity .plus:after,
  .quantity-custom .plus:after {
    transform: translate(-50%, -50%) rotate(90deg); }

/*** End Quantity ***/
/*** Modal ***/
/* line 1123, main.scss */
.modal-btn {
  cursor: pointer; }

/* line 1127, main.scss */
.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  display: flex;
  padding: 120px 15px 15px;
  transition: .3s;
  opacity: 0;
  overflow: auto;
  pointer-events: none;
  z-index: 9999; }
  /* line 1142, main.scss */
  .modal-wrap.open {
    opacity: 1 !important;
    pointer-events: all !important; }
    /* line 1146, main.scss */
    .modal-wrap.open .modal {
      display: block; }
  /* line 1151, main.scss */
  .modal-wrap .overflow,
  .modal-wrap .overflow-age-verification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 1;
    cursor: pointer;
    opacity: .4; }
  /* line 1164, main.scss */
  .modal-wrap .overflow-age-verification {
    cursor: default; }

/* line 1169, main.scss */
.modal {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 620px;
  margin: auto;
  padding: 0 0 20px;
  background: #ffffff;
  overflow: visible;
  z-index: 5;
  border-radius: var(--btn-border-radius); }
  /* line 1181, main.scss */
  .modal .close {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: #4c5969;
    cursor: pointer;
    z-index: 9;
    border-radius: var(--btn-border-radius); }
    /* line 1195, main.scss */
    .modal .close:before, .modal .close:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      width: 30px;
      height: 2px;
      background: #ffffff; }
    /* line 1207, main.scss */
    .modal .close:after {
      transform: translate(-50%, -50%) rotate(-45deg); }
    /* line 1211, main.scss */
    .modal .close .ico-cross {
      width: 20px;
      height: 20px; }
  /* line 1217, main.scss */
  .modal .wrap {
    padding: 40px 60px 20px; }

/* line 1222, main.scss */
.insales_widget-modal,
.insales-autocomplete-address-result-list {
  background: #ffffff; }

/*** End Modal ***/
/*** Share block ***/
/* line 1232, main.scss */
.share-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  padding: 20px 0 0; }
  /* line 1238, main.scss */
  .share-block a {
    padding: 10px 10px 0;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase; }

/*** End Share block ***/
/*** Cabinet ***/
/* line 1253, main.scss */
.co-form .co-input {
  max-width: 450px; }

/* line 1258, main.scss */
.co-checkout-title {
  margin-bottom: 20px; }

/* line 1262, main.scss */
.co-sidebar--menu {
  position: relative;
  flex: 0 0 300px; }
  /* line 1266, main.scss */
  .co-sidebar--menu .co-checkout-block--padded {
    padding: 0; }
  /* line 1270, main.scss */
  .co-sidebar--menu .co-menu-link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 5px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    border-radius: 5px; }
    /* line 1281, main.scss */
    .co-sidebar--menu .co-menu-link:hover {
      color: #000000;
      background: #f3f3f3; }
    /* line 1286, main.scss */
    .co-sidebar--menu .co-menu-link.co-link--active {
      background: #f3f3f3;
      color: #000000; }

/* line 1293, main.scss */
.co-menu-toggle {
  position: relative;
  max-width: calc(100% - 15px);
  margin: 0 0 15px 15px;
  padding: 10px 20px;
  background-color: #f3f3f3;
  font-weight: 600;
  color: #000000;
  border-radius: 5px;
  z-index: 9; }

/* line 1305, main.scss */
input[type="text"],
.co-input-field {
  color: rgba(0, 0, 0, 0.5) !important; }

/* line 1310, main.scss */
.co-menu-switcher:checked ~ .co-menu {
  position: absolute;
  top: calc(100% - 32px);
  left: 15px;
  width: calc(100% - 15px);
  padding: 15px 10px 10px;
  background: #f3f3f3;
  border-radius: 0 0 5px 5px;
  box-shadow: none;
  z-index: 5; }
  /* line 1321, main.scss */
  .co-menu-switcher:checked ~ .co-menu .co-menu-link {
    min-height: 37px;
    padding: 5px 10px;
    font-size: 16px;
    line-height: 20px;
    color: #000000; }

/* line 1332, main.scss */
.co-input-description p {
  text-align: left !important; }

/* line 1339, main.scss */
.co-table-row--striped:nth-child(even) {
  background-color: var(--second-bg);
  padding-left: 10px; }
/* line 1344, main.scss */
.co-table-row--striped a {
  color: var(--button-bg); }

/*** End Cabinet ***/
/* line 1355, main.scss */
.mCSB_scrollTools .mCSB_draggerContainer {
  width: 6px;
  background: #E5E5E5;
  border-radius: 3px; }
/* line 1361, main.scss */
.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background: none; }
/* line 1368, main.scss */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #4C5969;
  border-radius: 3px; }
/* line 1378, main.scss */
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: #4C5969; }

/* line 1385, main.scss */
.fancybox__slide {
  padding: 90px 10px 20px; }

/* line 1389, main.scss */
.info-text br {
  display: block !important; }

/* line 1392, main.scss */
.co-order-information_value a {
  display: none; }

/* line 1394, main.scss */
.co-payment-button {
  color: white !important;
  background-color: #72ccd7 !important; }

/* line 1398, main.scss */
.insales_widget-delivery.insales_widget-delivery--box-shadow {
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 10px !important;
  background: #ffffff; }

/* line 1405, main.scss */
.insales_widget-delivery.insales_widget-delivery--with-background .insales_widget-delivery_header {
  background: #ffffff !important;
  border-bottom: 1px solid #eee !important; }

/* accordion voprosotvet*/
/* line 1411, main.scss */
.accordion {
  --bs-accordion-btn-icon-transform: rotate(-180deg) !important; }

/* line 1415, main.scss */
.accordion-button {
  color: #000000 !important;
  font-size: 18px !important; }
  /* line 1419, main.scss */
  .accordion-button::after {
    background-image: url("accord-plus.svg") !important;
    background-size: 0.8rem !important; }
  /* line 1423, main.scss */
  .accordion-button:not(.collapsed) {
    background: none !important;
    color: #000000 !important; }
  /* line 1427, main.scss */
  .accordion-button:not(.collapsed)::after {
    background-image: url("accordion-close.svg") !important; }
  /* line 1430, main.scss */
  .accordion-button:focus, .accordion-button:active {
    border-color: transparent !important;
    box-shadow: none !important; }

/* line 1436, main.scss */
.ask-btn {
  border-radius: 12px;
  padding: 8px 20px;
  width: 287px;
  height: 40px;
  background: #72ccd7;
  border: none;
  color: #ffffff; }

/* line 1445, main.scss */
.accordion-button:focus {
  border: none !important; }

/* line 1448, main.scss */
.accordion-body {
  font-size: 18px !important;
  color: rgba(0, 0, 0, 0.5) !important; }

@media (max-width: 300px) {
  /* line 1453, main.scss */
  .ask-btn {
    height: auto; } }
/* accordion voprosotvet*/
/* modal voprosotvet */
/* line 1460, main.scss */
#openModal {
  margin: 20px;
  padding: 10px 20px;
  background-color: #72ccd7;
  border: none;
  color: white;
  border-radius: 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 1473, main.scss */
.modal-vop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
  border-radius: 0px; }
  /* line 1487, main.scss */
  .modal-vop .modal-content {
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    width: 90%;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    margin-top: 10%;
    max-width: 572px; }
    /* line 1497, main.scss */
    .modal-vop .modal-content h2 {
      margin: 0;
      font-size: 24px;
      text-align: center;
      margin-bottom: 20px; }
  /* line 1505, main.scss */
  .modal-vop .close-modal {
    position: absolute;
    top: 10px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    color: #333;
    cursor: pointer; }

/* line 1518, main.scss */
.modal-form label {
  display: block;
  margin-bottom: 5px;
  font-size: 14px; }
/* line 1524, main.scss */
.modal-form textarea,
.modal-form input {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 14px;
  box-sizing: border-box;
  height: 57px; }
/* line 1536, main.scss */
.modal-form textarea {
  resize: none;
  height: 80px; }

/* line 1542, main.scss */
.required {
  color: red; }

/* line 1546, main.scss */
.submit-button {
  width: 100%;
  padding: 10px;
  background: #72ccd7;
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  margin-top: 10px; }

/* line 1557, main.scss */
.privacy-note {
  font-size: 12px;
  color: #666;
  text-align: center;
  margin-top: 10px; }
  /* line 1563, main.scss */
  .privacy-note a {
    color: #48c2ff;
    text-decoration: none; }

/* modal voprosotvet */
/* contacts */
/* line 1572, main.scss */
.contacts-map .contacts-map__wrap {
  max-height: 590px;
  overflow: hidden;
  border-radius: 20px; }
  /* line 1577, main.scss */
  .contacts-map .contacts-map__wrap iframe {
    border-radius: 20px; }
/* line 1582, main.scss */
.contacts-map .contacts-map__desc p {
  font-weight: 400;
  font-size: 18px;
  color: #000; }

/* line 1591, main.scss */
.contacts-info .contact-card {
  max-width: 458px;
  border-radius: 10px;
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.05);
  background: #fff;
  padding-bottom: 25px; }
  /* line 1598, main.scss */
  .contacts-info .contact-card .card-image-block {
    background-image: url("contact-form-img.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 207px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px; }
    /* line 1607, main.scss */
    .contacts-info .contact-card .card-image-block p {
      font-weight: 700;
      font-size: 16px;
      color: #fff;
      width: 70%;
      margin-left: 16px;
      margin-bottom: 16px;
      margin-top: 7px; }
  /* line 1619, main.scss */
  .contacts-info .contact-card .card-text-block .text-block-desc {
    margin: 20px 16px 0px 16px; }
    /* line 1622, main.scss */
    .contacts-info .contact-card .card-text-block .text-block-desc h5 {
      font-weight: 400;
      font-size: 16px;
      color: rgba(0, 0, 0, 0.5); }
    /* line 1628, main.scss */
    .contacts-info .contact-card .card-text-block .text-block-desc p,
    .contacts-info .contact-card .card-text-block .text-block-desc li {
      font-weight: 400;
      font-size: 18px;
      margin-top: 7px; }
    /* line 1634, main.scss */
    .contacts-info .contact-card .card-text-block .text-block-desc ul {
      margin-top: 0px; }
    /* line 1637, main.scss */
    .contacts-info .contact-card .card-text-block .text-block-desc a {
      color: #000;
      font-weight: 400;
      font-size: 18px;
      transition: all 0.3s ease; }
      /* line 1643, main.scss */
      .contacts-info .contact-card .card-text-block .text-block-desc a:hover {
        text-decoration: underline;
        transition: all 0.3s ease; }
  /* line 1651, main.scss */
  .contacts-info .contact-card .card-text-block .text-block-btn a {
    display: flex;
    align-self: center;
    justify-content: center;
    font-weight: 700;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    background-color: #f4f4f4;
    width: 75%;
    border-radius: 12px;
    padding: 12px 20px 14px 20px;
    text-align: center;
    transition: all 0.3s ease; }
    /* line 1666, main.scss */
    .contacts-info .contact-card .card-text-block .text-block-btn a:hover {
      background-color: #ecebeb;
      transition: all 0.3s ease; }

@media (max-width: 992px) {
  /* line 1678, main.scss */
  .contacts-info .contacts-info-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px; } }
/* contacts end*/
/* delivery and payment and exchange*/
/* line 1690, main.scss */
.delivery-block,
.payment-block,
.exchange-block {
  margin-bottom: 20px;
  max-width: 850px; }
  /* line 1696, main.scss */
  .delivery-block h3,
  .payment-block h3,
  .exchange-block h3 {
    position: relative;
    font-weight: 600;
    font-size: 22px;
    line-height: auto;
    padding-left: 7px;
    font-family: var(--font-title) !important;
    color: var(--black) !important; }
    /* line 1705, main.scss */
    .delivery-block h3::before,
    .payment-block h3::before,
    .exchange-block h3::before {
      content: "";
      position: absolute;
      width: 2px;
      height: 100%;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      background-color: #72ccd7; }
  /* line 1717, main.scss */
  .delivery-block li,
  .payment-block li,
  .exchange-block li {
    font-weight: 400;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px; }
  /* line 1727, main.scss */
  .delivery-block .light-text,
  .payment-block .light-text,
  .exchange-block .light-text {
    font-size: 16px;
    line-height: 156%;
    color: rgba(0, 0, 0, 0.5); }

/* line 1734, main.scss */
.payment-block {
  max-width: 1100px; }
  /* line 1736, main.scss */
  .payment-block ol {
    max-width: 810px; }

/* line 1741, main.scss */
.insales-rich-editable {
  width: 100%; }

/* line 1745, main.scss */
.exchange-block {
  max-width: 100%;
  margin-bottom: 50px; }
  /* line 1749, main.scss */
  .exchange-block ol, .exchange-block ul {
    margin-top: 15px; }
  /* line 1754, main.scss */
  .exchange-block ul li a {
    color: #000000; }
    /* line 1757, main.scss */
    .exchange-block ul li a:hover {
      text-decoration: underline; }

/* line 1765, main.scss */
.guarantee-block {
  color: #000000 !important;
  margin-bottom: 50px; }
  /* line 1768, main.scss */
  .guarantee-block p {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #000000 !important; }
  /* line 1773, main.scss */
  .guarantee-block h2 {
    font-weight: 700 !important;
    font-size: 24px !important;
    color: #000000 !important; }
  /* line 1779, main.scss */
  .guarantee-block ul li, .guarantee-block ol li {
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #000000 !important; }
  /* line 1785, main.scss */
  .guarantee-block h4 {
    font-weight: 700 !important;
    font-size: 18px !important;
    color: #000000 !important; }

@media (max-width: 767px) {
  /* line 1793, main.scss */
  .delivery-block,
  .payment-block,
  .exchange-block {
    margin-top: 20px; } }
/* delivery and payment and exchange end*/
/* requisites */
/* line 1804, main.scss */
.requisites-block {
  margin-bottom: 50px; }
  /* line 1805, main.scss */
  .requisites-block p {
    color: #000;
    font-size: 18px; }
  /* line 1812, main.scss */
  .requisites-block .requisites-block-info div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #cfcdcd; }
    /* line 1819, main.scss */
    .requisites-block .requisites-block-info div p {
      margin-top: 20px;
      margin-bottom: 8px;
      font-size: 18px;
      color: #000; }

/* requisites end*/
/* about-us-block */
/* line 1831, main.scss */
.about-us-block {
  max-width: 100%;
  margin-bottom: 50px;
  color: #000000;
  font-size: 18px; }
  /* line 1837, main.scss */
  .about-us-block h3 {
    margin-top: 15px;
    font-size: 18px;
    color: #000000;
    font-weight: 600; }
  /* line 1844, main.scss */
  .about-us-block ul {
    margin-top: 15px; }
  /* line 1849, main.scss */
  .about-us-block ul li a {
    color: #000000; }
    /* line 1852, main.scss */
    .about-us-block ul li a:hover {
      text-decoration: underline; }

/* about-us-block end */
/* reviews-block */
/* line 1864, main.scss */
.gratitude-block {
  background: #fafafa;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  padding: 20px 33px 20px 20px; }
  /* line 1870, main.scss */
  .gratitude-block p {
    font-size: 18px;
    color: #9a9a9a;
    width: 96%; }
  /* line 1875, main.scss */
  .gratitude-block a {
    background: var(--button-bg);
    font-weight: 600;
    font-size: 14px;
    color: var(--button-text-color);
    text-decoration: none;
    width: 90%;
    padding: 10px 20px;
    text-align: center;
    border-radius: 12px;
    max-width: 287px; }
    /* line 1887, main.scss */
    .gratitude-block a:hover {
      background: var(--button-hover-bg); }

/* line 1895, main.scss */
.reviews-block {
  padding: 20px 33px 20px 20px;
  border: 1px solid #dadada;
  border-radius: 10px; }
  /* line 1902, main.scss */
  .reviews-block .reviews-block-info .reviews-data {
    font-size: 16px;
    color: #9a9a9a; }
  /* line 1907, main.scss */
  .reviews-block .reviews-block-info .reviews-author {
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    margin-top: 0; }
  /* line 1914, main.scss */
  .reviews-block .reviews-block-info .reviews-content {
    font-size: 18px;
    color: #000000; }
  /* line 1921, main.scss */
  .reviews-block .reviews-block-rating .rating {
    justify-content: end;
    gap: 5px;
    display: flex;
    align-items: center; }

@media (max-width: 767px) {
  /* line 1932, main.scss */
  .gratitude-block p {
    width: 100%; } }
@media (max-width: 575px) {
  /* line 1940, main.scss */
  .swiper-main-prev,
  .swiper-main-next {
    transform: translate(-50%, 50%) !important; }

  /* line 1948, main.scss */
  .reviews-block .reviews-block-rating .rating {
    justify-content: start;
    gap: 5px;
    margin-top: 10px; } }
/* reviews-block end */
/* oferta block */
/* line 1961, main.scss */
.oferta-block {
  margin-bottom: 50px; }
  /* line 1963, main.scss */
  .oferta-block h2 {
    font-weight: 700;
    font-size: 32px;
    color: #000000; }
  /* line 1968, main.scss */
  .oferta-block h4 {
    color: #000000;
    font-weight: 700;
    font-size: 18px !important; }
  /* line 1973, main.scss */
  .oferta-block p {
    font-weight: 400;
    font-size: 18px;
    color: #808080; }
  /* line 1979, main.scss */
  .oferta-block ul li, .oferta-block ol li {
    font-weight: 400;
    font-size: 18px;
    color: #808080; }
  /* line 1985, main.scss */
  .oferta-block a {
    color: #000000;
    position: relative;
    transition: all 0.3s ease; }
    /* line 1989, main.scss */
    .oferta-block a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 1px;
      background-color: #000000;
      transform: scaleX(0);
      transition: transform 0.3s ease;
      transform-origin: right; }
    /* line 2002, main.scss */
    .oferta-block a:hover::after {
      transform: scaleX(1);
      transform-origin: left; }

/* oferta block end*/
/* podpiska */
/* line 2012, main.scss */
.search-form-podpiska {
  z-index: 1 !important;
  border-color: #c2c2c2 !important; }
  /* line 2016, main.scss */
  .search-form-podpiska::placeholder {
    color: #c2c2c2 !important; }

/* podpiska end */
/* account */
/* line 2024, main.scss */
.history-btn {
  font-weight: 400;
  font-size: 18px;
  border-radius: 12px;
  padding: 12px 20px;
  max-width: 510px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--button-bg);
  color: var(--button-text-color);
  transition: all 0.3s ease; }
  /* line 2037, main.scss */
  .history-btn:hover {
    background: var(--button-hover-bg);
    color: var(--button-text-color);
    transition: all 0.3s ease; }

/* line 2044, main.scss */
.co-form-controls .co-button {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  background: var(--button-bg);
  color: var(--button-text-color);
  border: 0;
  border-radius: var(--btn-border-radius);
  max-width: 450px;
  width: 100%;
  min-height: 55px; }
  /* line 2056, main.scss */
  .co-form-controls .co-button:hover, .co-form-controls .co-button:focus, .co-form-controls .co-button:active {
    background: var(--button-hover-bg);
    color: var(--button-text-color); }

/* line 2066, main.scss */
.co-discount .co-discount-title,
.co-discount .co-discount-description {
  font-size: 18px !important; }

/* accound end*/
/* page 404*/
/* line 2075, main.scss */
.container-block-404 {
  min-height: 511px; }
  /* line 2078, main.scss */
  .container-block-404 .page-404 {
    min-height: 511px; }
    /* line 2081, main.scss */
    .container-block-404 .page-404 svg {
      max-width: 327px; }
    /* line 2084, main.scss */
    .container-block-404 .page-404 h1 {
      font-weight: 700;
      font-size: 52px;
      color: #000;
      text-align: center;
      line-height: normal; }
    /* line 2091, main.scss */
    .container-block-404 .page-404 a {
      border-radius: 12px;
      padding: 12px 20px;
      font-weight: 400;
      font-size: 18px;
      max-width: 510px;
      width: 100%;
      text-align: center;
      margin-top: 10px;
      background: var(--button-bg);
      color: var(--button-text-color);
      transition: all 0.3s ease; }
      /* line 2104, main.scss */
      .container-block-404 .page-404 a:hover {
        background: var(--button-hover-bg);
        transition: all 0.3s ease; }

@media (max-width: 300px) {
  /* line 2113, main.scss */
  .container-block-404 {
    margin-bottom: 30px; }
    /* line 2117, main.scss */
    .container-block-404 .page-404 svg {
      max-width: 200px; }
    /* line 2120, main.scss */
    .container-block-404 .page-404 h1 {
      font-size: 36px; } }
/* page 404 end*/
@media (min-width: 992px) {
  /* line 2131, main.scss */
  .fancybox__slide {
    padding: 160px 100px 20px; } }
@media (max-width: 992px) {
  /* line 2137, main.scss */
  .swiper-main-prev,
  .swiper-main-next {
    top: 42% !important; } }
/* line 1, _header.scss */
.delivery-free-block {
  width: 100%;
  padding: 7px 0;
  background: #4c5969;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  z-index: 9; }
  /* line 11, _header.scss */
  .delivery-free-block span {
    display: inline-block; }

/* line 16, _header.scss */
.custom-product-day {
  position: relative;
  width: 100%;
  padding: 5px 0;
  background-color: #e2f0ef;
  color: black;
  font-size: 14px;
  font-weight: bold;
  font-family: var(--font-title);
  text-align: center;
  border-bottom: 1px solid #E5E5E5;
  z-index: 5; }

/* line 30, _header.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  background: #ffffff;
  color: #4c5969;
  transition-property: height;
  transition-duration: 1ms;
  z-index: 9991; }
  /* line 42, _header.scss */
  .header.fixed {
    position: fixed;
    border-bottom: 1px solid #E5E5E5; }
    /* line 46, _header.scss */
    .header.fixed .top-panel-wrapper {
      display: none !important; }
  /* line 51, _header.scss */
  .header .bottom-panel-wrap {
    position: relative;
    z-index: -1; }
  /* line 56, _header.scss */
  .header .top-panel-wrap {
    display: block !important;
    position: relative;
    border-bottom: 1px solid #E5E5E5;
    z-index: 1;
    border-top: 1px solid #E5E5E5; }
  /* line 64, _header.scss */
  .header .top-panel {
    display: flex;
    align-items: center; }
  /* line 69, _header.scss */
  .header .top-menu {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 0px;
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    z-index: 5;
    min-width: 55%; }
    /* line 80, _header.scss */
    .header .top-menu--item {
      padding: 18px 13px 8px;
      transition: all 0.3s ease; }
      /* line 84, _header.scss */
      .header .top-menu--item--item:first-child {
        padding-left: 0px !important; }
      /* line 88, _header.scss */
      .header .top-menu--item:hover {
        color: var(--button-bg);
        transition: all 0.3s ease; }
  /* line 95, _header.scss */
  .header .shop-info {
    display: flex;
    margin: -10px 0 0 -34px; }
    /* line 99, _header.scss */
    .header .shop-info--item {
      display: flex;
      align-items: center;
      margin: 10px 0 0 34px; }
    /* line 105, _header.scss */
    .header .shop-info .icon {
      margin-right: 10px; }
    /* line 109, _header.scss */
    .header .shop-info .text {
      font-weight: 400;
      font-size: 14px;
      line-height: 17px; }
      /* line 114, _header.scss */
      .header .shop-info .text strong {
        font-weight: 600; }
  /* line 120, _header.scss */
  .header .center-panel-wrap {
    position: relative;
    padding: 12px 0;
    z-index: 0 !important; }
  /* line 126, _header.scss */
  .header .wrap {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%; }
  /* line 133, _header.scss */
  .header .logo {
    flex: 1;
    max-width: 165px;
    margin-top: -9px; }
  /* line 139, _header.scss */
  .header .catalog-btn {
    display: flex;
    align-items: center;
    margin-left: 15px;
    padding: 12px 20px 14px 20px;
    background: #72ccd7;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: var(--button-text-color);
    border-radius: var(--btn-border-radius);
    cursor: pointer;
    height: 50px; }
    /* line 156, _header.scss */
    .header .catalog-btn:hover {
      background: #f7f7f7;
      color: rgba(0, 0, 0, 0.7); }
      /* line 161, _header.scss */
      .header .catalog-btn:hover svg circle {
        stroke: rgba(0, 0, 0, 0.7); }
    /* line 168, _header.scss */
    .header .catalog-btn .icon {
      position: relative;
      width: 21px;
      height: 10px;
      min-width: 20px;
      margin-right: 10px;
      pointer-events: none; }
    /* line 177, _header.scss */
    .header .catalog-btn .text {
      pointer-events: none; }
    /* line 185, _header.scss */
    .header .catalog-btn.active .icon:before, .header .catalog-btn.active .icon:after {
      transform: rotate(45deg) translate(-3px, 11px); }
    /* line 190, _header.scss */
    .header .catalog-btn.active .icon:after {
      transform: rotate(-45deg) translate(-3px, -11px); }
    /* line 194, _header.scss */
    .header .catalog-btn.active .icon span {
      display: none; }
  /* line 201, _header.scss */
  .header .left-block {
    display: flex;
    align-items: center;
    flex: 4; }
  /* line 207, _header.scss */
  .header .right-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1;
    padding: 0; }
  /* line 216, _header.scss */
  .header .phone-link {
    position: relative;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    white-space: nowrap; }
    /* line 225, _header.scss */
    .header .phone-link:hover .dropdown-wrap {
      opacity: 1;
      pointer-events: all; }
    /* line 230, _header.scss */
    .header .phone-link .icon {
      margin-right: 7px; }
  /* line 235, _header.scss */
  .header .icon-list {
    display: flex;
    align-items: center;
    width: 65%;
    justify-content: space-around; }
    /* line 242, _header.scss */
    .header .icon-list--item {
      position: relative;
      display: flex;
      align-items: center;
      margin-left: 20px;
      transition: all 0.3s ease-in-out; }
      /* line 249, _header.scss */
      .header .icon-list--item:hover {
        transition: all 0.3s ease-in-out; }
        /* line 251, _header.scss */
        .header .icon-list--item:hover .icon-list-link {
          color: var(--button-bg); }
          /* line 253, _header.scss */
          .header .icon-list--item:hover .icon-list-link path {
            fill: var(--button-bg); }
        /* line 259, _header.scss */
        .header .icon-list--item:hover .dropdown-wrap {
          opacity: 1;
          pointer-events: all; }
          /* line 262, _header.scss */
          .header .icon-list--item:hover .dropdown-wrap .btn-account-link-hover {
            background: #f7f7f7 !important;
            color: rgba(0, 0, 0, 0.7) !important; }
    /* line 270, _header.scss */
    .header .icon-list--item:first-child {
      margin-left: 0; }
    /* line 274, _header.scss */
    .header .icon-list .cart-link {
      position: relative; }
      /* line 277, _header.scss */
      .header .icon-list .cart-link .count {
        right: -10px; }
      /* line 282, _header.scss */
      .header .icon-list .cart-link .cart-header-total-price {
        white-space: nowrap; }
    /* line 287, _header.scss */
    .header .icon-list .cart-notification-wrap {
      position: absolute;
      top: calc(100% + 10px);
      right: 50%;
      width: 300px;
      z-index: 99; }
    /* line 295, _header.scss */
    .header .icon-list .cart-notification {
      position: relative;
      width: 100%;
      padding: 12px;
      background: #ffffff;
      font-size: 14px;
      box-shadow: 0 0 10px 3px #f1f1f1;
      border-radius: var(--btn-border-radius);
      z-index: 10;
      border: 1px solid #dadada; }
      /* line 306, _header.scss */
      .header .icon-list .cart-notification .close {
        cursor: pointer; }
      /* line 310, _header.scss */
      .header .icon-list .cart-notification--title {
        font-weight: 600;
        color: #000000; }
      /* line 315, _header.scss */
      .header .icon-list .cart-notification--count {
        font-size: 12px; }
      /* line 321, _header.scss */
      .header .icon-list .cart-notification--product .image {
        flex: 1;
        max-width: 60px;
        max-height: 60px;
        margin-right: 10px; }
      /* line 328, _header.scss */
      .header .icon-list .cart-notification--product .title {
        flex: 1; }
      /* line 333, _header.scss */
      .header .icon-list .cart-notification--remove {
        cursor: pointer; }
    /* line 338, _header.scss */
    .header .icon-list .count {
      position: absolute;
      top: -10px;
      right: -10px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 18px;
      min-height: 18px;
      padding-top: 1px;
      background: #31A375;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      color: #ffffff;
      border-radius: 50%;
      pointer-events: none; }
  /* line 358, _header.scss */
  .header .bottom-panel-wrap {
    border-bottom: 1px solid #E5E5E5; }
  /* line 362, _header.scss */
  .header .menu-header {
    display: flex;
    justify-content: space-between;
    margin: 0 -15px; }
    /* line 367, _header.scss */
    .header .menu-header--item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 5px 15px;
      color: #4c5969;
      font-weight: 600;
      font-size: 14px;
      line-height: 17px;
      text-align: center;
      transition: all 0.3s ease; }
      /* line 380, _header.scss */
      .header .menu-header--item:hover {
        color: var(--button-bg);
        transition: all 0.3s ease; }
  /* line 386, _header.scss */
  .header .menu-header--item {
    font-weight: 400; }
  /* line 389, _header.scss */
  .header .menu-header--item-wrap {
    position: relative;
    display: flex; }
    /* line 395, _header.scss */
    .header .menu-header--item-wrap:first-child .dropdown-wrap {
      left: 0;
      transform: translateX(0); }
    /* line 403, _header.scss */
    .header .menu-header--item-wrap:nth-last-child(n+5) .dropdown-wrap {
      left: 0;
      right: auto; }
    /* line 408, _header.scss */
    .header .menu-header--item-wrap:nth-last-child(n+5) .second-level-wrap {
      left: 100%;
      right: auto; }
    /* line 416, _header.scss */
    .header .menu-header--item-wrap:hover .dropdown-wrap {
      opacity: 1;
      pointer-events: all;
      border-radius: 12px; }
    /* line 423, _header.scss */
    .header .menu-header--item-wrap .second-level-wrap {
      left: auto;
      right: 100%; }
  /* line 429, _header.scss */
  .header .menu-btn {
    cursor: pointer; }
  /* line 433, _header.scss */
  .header .dropdown-wrap {
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    width: 280px;
    max-height: 350px;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #E5E5E5;
    border-radius: var(--btn-border-radius);
    opacity: 0;
    pointer-events: none;
    z-index: 99;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
    /* line 449, _header.scss */
    .header .dropdown-wrap .custom-scroll {
      max-height: 470px; }
    /* line 453, _header.scss */
    .header .dropdown-wrap .container-block {
      padding: 0 25px; }
    /* line 457, _header.scss */
    .header .dropdown-wrap .mCSB_scrollTools {
      width: 6px; }
    /* line 461, _header.scss */
    .header .dropdown-wrap .mCSB_inside > .mCSB_container {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      margin-right: 16px; }
      /* line 467, _header.scss */
      .header .dropdown-wrap .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-right: 0; }
  /* line 473, _header.scss */
  .header .dropdown {
    position: initial;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 10px; }
    /* line 480, _header.scss */
    .header .dropdown--item {
      display: block;
      flex: 100%;
      max-width: 100%;
      padding: 12px 0 12px 10px;
      font-size: 14px;
      line-height: 16px;
      font-weight: 600;
      text-align: left;
      text-transform: none;
      border-radius: var(--btn-border-radius); }
      /* line 492, _header.scss */
      .header .dropdown--item:first-child {
        margin-top: 0;
        border-top: 0; }
      /* line 497, _header.scss */
      .header .dropdown--item:hover {
        color: #000000; }
        /* line 499, _header.scss */
        .header .dropdown--item:hover a {
          color: #000000 !important; }
    /* line 505, _header.scss */
    .header .dropdown .bottom-block {
      margin-top: 13px;
      padding-top: 10px;
      border-top: 1px solid #E5E5E5; }
    /* line 511, _header.scss */
    .header .dropdown .mCustomScrollBox {
      width: 100%; }
  /* line 516, _header.scss */
  .header .second-level-input-wrap {
    position: relative;
    flex: 100%;
    max-width: 100%; }
    /* line 521, _header.scss */
    .header .second-level-input-wrap:first-child {
      border-top: 0; }
    /* line 527, _header.scss */
    .header .second-level-input-wrap:hover .second-level-wrap {
      display: block;
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
    /* line 533, _header.scss */
    .header .second-level-input-wrap .dropdown--item {
      max-width: 100%;
      padding-left: 10px;
      border-radius: var(--btn-border-radius); }
    /* line 541, _header.scss */
    .header .second-level-input-wrap.active .second-level-wrap {
      display: block; }
    /* line 545, _header.scss */
    .header .second-level-input-wrap.active svg {
      transform: rotate(180deg);
      cursor: pointer; }
    /* line 551, _header.scss */
    .header .second-level-input-wrap .trigger {
      padding: 5px 15px;
      cursor: pointer; }
  /* line 557, _header.scss */
  .header .second-level-wrap {
    display: none;
    position: absolute;
    top: -10px;
    left: 100%;
    width: 280px;
    padding: 0 10px;
    background: #ffffff;
    border: 1px solid #E5E5E5;
    border-radius: var(--btn-border-radius); }
  /* line 569, _header.scss */
  .header .second-level {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 5px 0; }
    /* line 575, _header.scss */
    .header .second-level--item {
      display: block;
      padding: 14px 15px 14px 10px;
      font-size: 14px;
      line-height: 16px;
      font-weight: 600;
      text-align: left;
      text-transform: none;
      border-radius: var(--btn-border-radius); }
      /* line 585, _header.scss */
      .header .second-level--item:first-child {
        margin-top: 0;
        border-top: 0; }
      /* line 590, _header.scss */
      .header .second-level--item:hover {
        color: #000000; }
        /* line 592, _header.scss */
        .header .second-level--item:hover a {
          color: #000000 !important; }
    /* line 598, _header.scss */
    .header .second-level .bottom-block {
      margin-top: 13px;
      padding-top: 10px;
      border-top: 1px solid #E5E5E5; }

/* line 608, _header.scss */
.search-wrap .search-trigger {
  cursor: pointer; }
/* line 611, _header.scss */
.search-wrap .search-trigger svg {
  width: 24px; }
/* line 615, _header.scss */
.search-wrap .search-form {
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  height: 0;
  padding: 0 15px;
  overflow: hidden;
  background: #ffffff;
  transition: .3s;
  border: 0; }
  /* line 627, _header.scss */
  .search-wrap .search-form.active {
    height: 60px;
    overflow: visible; }
    /* line 631, _header.scss */
    .search-wrap .search-form.active input[type=text] {
      height: 40px; }
  /* line 636, _header.scss */
  .search-wrap .search-form input[type=text] {
    height: 0;
    margin: 10px 0; }
  /* line 641, _header.scss */
  .search-wrap .search-form button {
    right: 15px; }

/* line 647, _header.scss */
.search-form {
  position: relative;
  flex: 1;
  width: 100%;
  margin: 0 0 0 7px;
  z-index: 99;
  border-radius: var(--btn-border-radius); }
  /* line 656, _header.scss */
  .search-form .wrap {
    display: flex;
    justify-content: center; }
  /* line 661, _header.scss */
  .search-form input[type=text] {
    width: 100%;
    height: 50px;
    padding: 12px 20px 14px 20px;
    font-family: var(--font-title);
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #d1d1d1;
    border-radius: var(--btn-border-radius); }
    /* line 675, _header.scss */
    .search-form input[type=text]::placeholder {
      color: #C4C4C4;
      font-weight: 600; }
  /* line 681, _header.scss */
  .search-form button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 0 17px;
    background: none;
    border: 0;
    cursor: pointer; }

/* line 693, _header.scss */
.autocomplete-suggestions {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  width: 100%;
  max-height: 50vh;
  margin: 0;
  padding: 10px 0;
  background: #ffffff;
  list-style: none;
  text-align: left;
  overflow: hidden;
  z-index: 10; }
  /* line 708, _header.scss */
  .autocomplete-suggestions.active {
    display: block;
    border: 1px solid #E5E5E5;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); }
  /* line 715, _header.scss */
  .autocomplete-suggestions .wrap {
    display: block;
    max-height: calc(50vh - 20px);
    overflow: auto; }
  /* line 721, _header.scss */
  .autocomplete-suggestions--item {
    display: block;
    padding: 10px 20px;
    border-top: 1px solid #E5E5E5; }
    /* line 726, _header.scss */
    .autocomplete-suggestions--item:first-child {
      border: 0; }
  /* line 731, _header.scss */
  .autocomplete-suggestions .image {
    flex: 1;
    max-width: 50px;
    margin-right: 10px; }
  /* line 737, _header.scss */
  .autocomplete-suggestions .price {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap; }
  /* line 743, _header.scss */
  .autocomplete-suggestions .info {
    flex: 1;
    font-size: 14px; }
    /* line 747, _header.scss */
    .autocomplete-suggestions .info strong {
      display: block;
      margin-top: 4px;
      color: #000000;
      white-space: nowrap; }
  /* line 755, _header.scss */
  .autocomplete-suggestions .info__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 767px) {
      /* line 755, _header.scss */
      .autocomplete-suggestions .info__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; } }
  /* line 775, _header.scss */
  .autocomplete-suggestions .info__stock {
    padding: 0 0 0 19px;
    position: relative;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  /* line 792, _header.scss */
  .autocomplete-suggestions .info__stock:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    margin: 0;
    border-radius: 50%;
    display: flex; }
  /* line 803, _header.scss */
  .autocomplete-suggestions .info__stock.is-available:before {
    background: #85CA40; }
  /* line 806, _header.scss */
  .autocomplete-suggestions .info__stock.not-available:before {
    background: #ec5858; }
  /* line 809, _header.scss */
  .autocomplete-suggestions .info__stock.is-available {
    color: #85CA40; }
  /* line 812, _header.scss */
  .autocomplete-suggestions .info__stock.not-available {
    color: #ec5858; }
  /* line 815, _header.scss */
  .autocomplete-suggestions .title {
    font-size: 16px; }
  /* line 819, _header.scss */
  .autocomplete-suggestions .variant-title {
    display: block;
    margin-top: 10px;
    font-size: 12px; }
  /* line 825, _header.scss */
  .autocomplete-suggestions .available {
    font-size: 12px;
    font-weight: bold; }
  @media (max-width: 561px) {
    /* line 693, _header.scss */
    .autocomplete-suggestions {
      border: 0; } }

/*** Right panel ***/
/* line 838, _header.scss */
.right-panel-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
  z-index: 9999; }
  /* line 850, _header.scss */
  .right-panel-wrap.opened {
    opacity: 1;
    pointer-events: all; }
    /* line 854, _header.scss */
    .right-panel-wrap.opened .right-panel {
      transform: translateX(0); }
  /* line 859, _header.scss */
  .right-panel-wrap .overflow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(15, 15, 15, 0.9);
    z-index: 1;
    cursor: pointer; }

/* line 871, _header.scss */
.right-panel {
  position: relative;
  display: flex;
  max-width: 1500px;
  margin: auto;
  width: 90%;
  height: 580px;
  padding: 5px 64px 20px;
  transform: translateX(100%);
  background: #ffffff;
  transition: 0.3s;
  z-index: 5;
  border: 1px solid #dadada;
  border-radius: 12px;
  padding: 43px 40px; }
  /* line 888, _header.scss */
  .right-panel .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 19px;
    height: 19px;
    cursor: pointer; }
    /* line 896, _header.scss */
    .right-panel .close svg {
      width: 100%;
      height: 100%; }
  /* line 902, _header.scss */
  .right-panel .tabs {
    overflow: auto; }
  /* line 905, _header.scss */
  .right-panel .tabs-body--item {
    height: 100%; }
  /* line 909, _header.scss */
  .right-panel .wrap {
    max-height: calc(100vh - 84px); }
  /* line 914, _header.scss */
  .right-panel .dropdown-wrap .dropdown-label svg {
    transform: rotate(90deg) translate(0, 5px); }
  /* line 918, _header.scss */
  .right-panel .dropdown-wrap .dropdown {
    display: none; }
  /* line 923, _header.scss */
  .right-panel .dropdown-wrap.active .dropdown-label svg {
    transform: rotate(-90deg) translate(0, -5px); }
  /* line 927, _header.scss */
  .right-panel .dropdown-wrap.active .dropdown {
    display: block; }
  /* line 933, _header.scss */
  .right-panel .catalog-menu-wrap h2 {
    font-weight: 700;
    font-size: 32px;
    color: #000; }
  /* line 940, _header.scss */
  .right-panel .catalog-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    align-items: flex-end;
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    text-align: right; }
    /* line 951, _header.scss */
    .right-panel .catalog-menu--item {
      flex: 1;
      min-width: 200px;
      cursor: pointer;
      font-weight: 400;
      color: #000000; }
      /* line 958, _header.scss */
      .right-panel .catalog-menu--item:first-child {
        cursor: pointer;
        font-size: 14px;
        color: #000000;
        line-height: 214%; }
      /* line 965, _header.scss */
      .right-panel .catalog-menu--item:hover {
        color: #000000; }
      /* line 971, _header.scss */
      .right-panel .catalog-menu--item .subcollection-menu {
        display: flex;
        flex-direction: column;
        margin-top: 9px; }
        /* line 976, _header.scss */
        .right-panel .catalog-menu--item .subcollection-menu .subcollection-group.active .subcollection-menu-1 {
          display: flex; }
        /* line 979, _header.scss */
        .right-panel .catalog-menu--item .subcollection-menu .subcollection-group.active .subcollection-title {
          color: #72ccd7; }
        /* line 983, _header.scss */
        .right-panel .catalog-menu--item .subcollection-menu .subcollection-group.active svg path {
          stroke: #72ccd7; }
        /* line 988, _header.scss */
        .right-panel .catalog-menu--item .subcollection-menu .dropdown--item {
          font-weight: 400;
          font-size: 14px;
          color: #000000;
          line-height: 214%; }
    /* line 998, _header.scss */
    .right-panel .catalog-menu.subcollection {
      font-size: 14px; }
    /* line 1002, _header.scss */
    .right-panel .catalog-menu .label {
      cursor: pointer;
      font-weight: 700;
      font-size: 14px;
      color: #72ccd7; }

/* line 1011, _header.scss */
.catalog-menu--item-all {
  font-weight: 700;
  font-size: 14px;
  color: #72ccd7;
  margin-top: 10px; }

/* line 1020, _header.scss */
.subcollection-group .subcollection-title {
  color: #000000; }
/* line 1024, _header.scss */
.subcollection-group svg path {
  stroke: #000000; }

/* line 1030, _header.scss */
.subcollection-menu-1 {
  display: none;
  flex-direction: column;
  align-items: flex-start; }
  /* line 1034, _header.scss */
  .subcollection-menu-1 a,
  .subcollection-menu-1 .second-level--item {
    font-size: 14px;
    color: #000000;
    font-weight: 400; }

/* line 1046, _header.scss */
.subcollection-group.active .subcollection-menu-1 {
  display: none;
  flex-direction: column;
  align-items: flex-start; }
  /* line 1050, _header.scss */
  .subcollection-group.active .subcollection-menu-1 a,
  .subcollection-group.active .subcollection-menu-1 .second-level--item {
    font-size: 14px;
    color: #000000;
    font-weight: 400; }

/* line 1059, _header.scss */
.menu-header--item {
  font-size: 16px;
  line-height: 20px;
  color: var(--color-text-dark); }

/* line 1065, _header.scss */
.top-menu--item {
  font-size: 14px;
  line-height: 18px;
  color: var(--color-text-dark); }

/*** End Right panel ***/
/*** Media ***/
@media (max-width: 1281px) {
  /* line 1089, _header.scss */
  .header .icon-list {
    margin-left: 20px; }
    /* line 1092, _header.scss */
    .header .icon-list--item {
      margin-left: 20px; }
  /* line 1097, _header.scss */
  .header .menu-header {
    margin: 0 -20px; }
    /* line 1100, _header.scss */
    .header .menu-header--item {
      padding: 4px 10px;
      font-size: 12px; } }
@media (max-width: 992px) {
  /* line 1121, _header.scss */
  .header {
    border-bottom: 1px solid #E5E5E5; }
    /* line 1124, _header.scss */
    .header .left-block {
      flex: 4; }
    /* line 1128, _header.scss */
    .header .right-block {
      flex: 1;
      padding-left: 15px; }
    /* line 1134, _header.scss */
    .header .icon-list {
      width: 100%; }
    /* line 1139, _header.scss */
    .header .search-form {
      margin-left: 15px; }
    /* line 1145, _header.scss */
    .header .phone-link .icon {
      margin: 0; }
    /* line 1149, _header.scss */
    .header .phone-link .text {
      display: none; }
    /* line 1153, _header.scss */
    .header .phone-link .dropdown-wrap .text {
      display: inline-block; } }
@media (max-width: 561px) {
  /* line 1162, _header.scss */
  .autocomplete-suggestions {
    height: 100vh;
    max-height: 100vh; }
    /* line 1166, _header.scss */
    .autocomplete-suggestions .wrap {
      max-height: calc(100vh - 235px); }

  /* line 1171, _header.scss */
  .delivery-free-block {
    font-size: 12px; }

  /* line 1177, _header.scss */
  .header .logo {
    max-width: 120px; }
  /* line 1181, _header.scss */
  .header .icon-list {
    width: 100%; }
    /* line 1184, _header.scss */
    .header .icon-list--item {
      min-width: 20px; }
    /* line 1188, _header.scss */
    .header .icon-list svg {
      width: 23px; }
    /* line 1192, _header.scss */
    .header .icon-list .count {
      font-size: 12px; }
    /* line 1196, _header.scss */
    .header .icon-list .cart-notification-wrap {
      position: fixed;
      top: 50px;
      right: 15px;
      width: calc(100vw - 30px); }
  /* line 1203, _header.scss */
  .header .right-block {
    flex: 2; }

  /* line 1208, _header.scss */
  .right-panel {
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    /* line 1213, _header.scss */
    .right-panel .catalog-menu {
      font-size: 14px;
      line-height: 28px; } }
@media (max-width: 426px) {
  /* line 1224, _header.scss */
  .icon-list--item {
    min-width: 20px !important;
    margin-left: 10px !important; }

  /* line 1230, _header.scss */
  .header .left-block {
    flex: 2 !important; } }
@media (max-width: 320px) {
  /* line 1240, _header.scss */
  .icon-list--item {
    min-width: 20px;
    margin-left: 10px; }

  /* line 1246, _header.scss */
  .header .left-block {
    flex: 2; }
  /* line 1249, _header.scss */
  .header .right-block {
    flex: 3; } }
/* line 1, _footer.scss */
.footer {
  padding: 50px 0 0;
  background: #F8F8F8;
  font-family: var(--font-title);
  color: var(--color-text-light); }
  /* line 8, _footer.scss */
  .footer .row {
    max-width: 100%; }
  /* line 12, _footer.scss */
  .footer .col {
    flex: 1;
    padding-right: 20px; }
  /* line 19, _footer.scss */
  .footer .contact-list--item {
    display: flex;
    max-width: 275px;
    margin-top: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6); }
    /* line 27, _footer.scss */
    .footer .contact-list--item:first-child {
      margin-top: 0; }
  /* line 32, _footer.scss */
  .footer .contact-list .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  /* line 43, _footer.scss */
  .footer .contact-list .label {
    margin-top: 1px;
    font-weight: 700;
    font-size: 14px;
    color: #90A9A6; }
  /* line 51, _footer.scss */
  .footer .contact-list a {
    font-weight: 700;
    color: black;
    font-size: 14px; }
    /* line 57, _footer.scss */
    .footer .contact-list a:hover {
      color: black; }
  /* line 64, _footer.scss */
  .footer .title {
    margin-bottom: 20px;
    font-weight: 800;
    color: #000;
    font-size: 16px; }
  /* line 72, _footer.scss */
  .footer .menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
    /* line 77, _footer.scss */
    .footer .menu--item {
      display: block;
      margin-top: 8px;
      font-weight: 400;
      font-size: 14px;
      color: rgba(0, 0, 0, 0.6); }
      /* line 87, _footer.scss */
      .footer .menu--item:first-child {
        margin-top: 0; }
      /* line 91, _footer.scss */
      .footer .menu--item:hover {
        color: black; }
  /* line 99, _footer.scss */
  .footer .footer-mob-menu {
    position: absolute;
    top: 0;
    right: 40px;
    background: #72ccd7;
    height: 50px;
    width: 139px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    color: #fff; }
    /* line 111, _footer.scss */
    .footer .footer-mob-menu span {
      color: #fff; }
  /* line 116, _footer.scss */
  .footer .social-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -20px; }
    /* line 121, _footer.scss */
    .footer .social-list--item {
      margin: 3px 0 0 20px;
      font-size: 12px;
      line-height: 16px; }
      /* line 126, _footer.scss */
      .footer .social-list--item:hover {
        opacity: .7; }
  /* line 132, _footer.scss */
  .footer .logo {
    max-width: 75%; }
  /* line 136, _footer.scss */
  .footer .bottom-block {
    padding: 20px 0;
    #background: #4c5969;
    background-color: #FFF;
    border-top: 1px solid #DADADA; }
  /* line 143, _footer.scss */
  .footer .copyright {
    font-weight: 300;
    font-size: 15px;
    line-height: 20px; }
  /* line 149, _footer.scss */
  .footer .ozon-rating {
    padding: 10px 15px;
    background: var(--color-text-light);
    color: var(--color-text-dark);
    border-radius: 9px; }
    /* line 155, _footer.scss */
    .footer .ozon-rating .rating {
      font-weight: 600;
      font-size: 14px; }
      /* line 159, _footer.scss */
      .footer .ozon-rating .rating svg {
        fill: var(--color-text-dark); }
      /* line 163, _footer.scss */
      .footer .ozon-rating .rating .count {
        margin-left: 5px; }
    /* line 168, _footer.scss */
    .footer .ozon-rating .label {
      margin: 0 10px;
      font-weight: 500;
      font-size: 13px;
      line-height: 16px; }
  /* line 176, _footer.scss */
  .footer .payment-list {
    display: flex; }
    /* line 179, _footer.scss */
    .footer .payment-list--item {
      width: 67px;
      height: 40px;
      margin: 0 0 0 10px;
      background: #ffffff;
      object-fit: contain;
      border: 1px solid #C4C4C4;
      border-radius: 9px; }
      /* line 188, _footer.scss */
      .footer .payment-list--item:first-child {
        margin-left: 0; }
  /* line 194, _footer.scss */
  .footer .sitemaker {
    font-weight: 300;
    font-size: 15px; }
    /* line 198, _footer.scss */
    .footer .sitemaker a {
      color: var(--color-text-light);
      border-bottom: 1px solid var(--color-text-light); }
      /* line 202, _footer.scss */
      .footer .sitemaker a:hover {
        color: var(--color-text-light);
        border-color: transparent; }

/* line 212, _footer.scss */
.podpiska .podpiska-title {
  font-size: 24px;
  font-weight: 700; }
/* line 217, _footer.scss */
.podpiska .podpiska-form {
  gap: 10px; }
  /* line 220, _footer.scss */
  .podpiska .podpiska-form input {
    border-radius: 12px;
    z-index: 1 !important;
    border-color: #c2c2c2 !important; }
    /* line 225, _footer.scss */
    .podpiska .podpiska-form input::placeholder {
      color: #c2c2c2 !important; }
  /* line 230, _footer.scss */
  .podpiska .podpiska-form button {
    background-color: #f4f4f4;
    font-weight: 700;
    font-size: 14px;
    box-shadow: none; }

/*** Media ***/
@media (max-width: 992px) {
  /* line 251, _footer.scss */
  .footer .market-place-block {
    max-width: 316px;
    width: 100%; }
    /* line 255, _footer.scss */
    .footer .market-place-block a {
      width: 100%; } }
@media (max-width: 769px) {
  /* line 266, _footer.scss */
  .footer.footer-product .bottom-block {
    padding-bottom: 120px; } }
@media (max-width: 576px) {
  /* line 281, _footer.scss */
  .footer .payment-list {
    justify-content: center; } }