@charset "UTF-8";
:root {
  --h1-font-size: 20rem;
  --h1-line-height: 1.3;
  --h1-letter-spacing: -.03em;
}
@media (min-width: 768rem) {
  :root {
    --h1-font-size: 44rem;
    --h1-line-height: 1.045;
  }
}

:root {
  --h2-font-size: 18rem;
  --h2-line-height: 1.222;
  --h2-letter-spacing: 0;
}
@media (min-width: 768rem) {
  :root {
    --h2-font-size: 30rem;
    --h2-line-height: 1.066;
    --h2-letter-spacing: -.03em;
  }
}

:root {
  --h3-font-size: 16rem;
  --h3-line-height: 1.24;
}
@media (min-width: 768rem) {
  :root {
    --h3-font-size: 24rem;
    --h3-line-height: 1.166;
    --h3-letter-spacing: -.03em;
  }
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1rem dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1rem;
  border: 0;
  border-top: 1rem solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

ul, li {
  list-style: none;
}

hr {
  display: block;
  height: 1rem;
  border: 0;
  border-top: 1rem solid #ccc;
  margin: 1em 0;
  padding: 0;
}

i {
  font-style: normal;
}

a {
  text-decoration: none;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Regular.woff2") format("woff2"), url("../fonts/Inter18pt-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Italic.woff2") format("woff2"), url("../fonts/Inter18pt-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-SemiBold.woff2") format("woff2"), url("../fonts/Inter18pt-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-Bold.woff2") format("woff2"), url("../fonts/Inter18pt-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.style h1,
.h1 {
  font-weight: 700;
  font-size: var(--h1-font-size);
  line-height: var(--h1-line-height);
  letter-spacing: var(--h1-letter-spacing);
}

.style h2,
.h2 {
  font-weight: 700;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-letter-spacing);
}

.style h3,
.h3 {
  font-weight: 700;
  font-size: var(--h3-font-size);
  line-height: var(--h3-line-height);
  letter-spacing: var(--h3-letter-spacing);
}

.style i {
  font-style: italic;
}
.style b, .style strong {
  font-weight: bold;
}

.t1-b {
  font-weight: 700;
  font-size: 18rem;
  line-height: 22rem;
}

.t2 {
  font-size: 16rem;
  line-height: 22rem;
}

.t2-sb {
  font-weight: 600;
  font-size: 16rem;
  line-height: 22rem;
}

.t3 {
  font-size: 14rem;
  line-height: 22rem;
  letter-spacing: -0.01em;
}

.t3-sb {
  font-weight: 600;
  font-size: 14rem;
  line-height: 18rem;
}

.t3-i {
  font-size: 14rem;
  line-height: 22rem;
  letter-spacing: -0.01em;
  font-style: italic;
}

.t4 {
  font-size: 12rem;
  line-height: 16rem;
}

.t4-sb {
  font-weight: 600;
  font-size: 12rem;
  line-height: 16rem;
  letter-spacing: -0.01em;
}

.t4-m {
  font-weight: 500;
  font-size: 12rem;
  line-height: 16rem;
}

.t5-b {
  font-weight: 600;
  font-size: 10rem;
  line-height: 14rem;
}

._white {
  color: #FFFFFF;
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  scrollbar-gutter: stable;
  font-family: "Inter", sans-serif;
  color: #3D4471;
  font-size: 1px;
  line-height: 1.5;
}
@media (min-width: 360rem) {
  html {
    font-size: 0.2666666667vw;
  }
}
@media (min-width: 768rem) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media (min-width: 1440rem) {
  html {
    font-size: 1px;
  }
}
html *, html :before, html :after {
  box-sizing: inherit !important;
  outline: none !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

body {
  font-size: 14rem;
}

input[type=checkbox]:checked {
  background-color: #19BBCA !important;
  border-color: #19BBCA !important;
}

:root {
  --container-padding: 16rem;
  --z-index-modal-popup: 9;
  --z-index-header-catalog: 9;
  --z-index-header: 8;
  --popup-translate-y: 100rem;
}
@media (min-width: 768rem) {
  :root {
    --container-padding: 40rem;
  }
}
@media (min-width: 1025rem) {
  :root {
    --container-padding: 40rem;
  }
}

.page {
  overflow-x: clip;
  overflow-y: clip;
}

a:hover {
  text-decoration: none;
}

.container {
  padding-left: 40rem;
  padding-right: 40rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440rem;
  width: 100%;
}
@media (max-width: 1024px) {
  .container {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}

.container-big {
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 1440rem;
  width: 100%;
}

.anti-container {
  margin-left: calc(var(--container-padding) * -1);
  margin-right: calc(var(--container-padding) * -1);
}

.main {
  /*padding-top: 40rem;
  padding-bottom: 54rem;
  @include min768 {
    padding-top: 72rem;
    padding-bottom: 88rem;
  }*/
}

.section {
  margin: 54rem 0;
}
@media (max-width: 1024px) {
  .section {
    margin-top: 64rem;
  }
}
.section:first-child {
  margin-top: 0;
}
.section:last-child {
  margin-bottom: 0;
}
.section__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24rem;
  margin-bottom: 30rem;
}
@media (max-width: 767rem) {
  .section__head {
    margin-bottom: 20rem;
  }
}
@media (max-width: 767rem) {
  .section__head__title {
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
}
@media (min-width: 768rem) {
  .section__head__title {
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
}
.section__head__navs {
  display: flex;
  align-items: center;
  gap: 20rem;
}

img {
  max-width: 100%;
}

.style h1, .style .h1,
.style h2, .style .h2,
.style h3, .style .h3,
.style h4, .style .h4 {
  margin: 2em 0 1em;
}
.style h1:first-child, .style .h1:first-child,
.style h2:first-child, .style .h2:first-child,
.style h3:first-child, .style .h3:first-child,
.style h4:first-child, .style .h4:first-child {
  margin-top: 0;
}
.style h1:last-child, .style .h1:last-child,
.style h2:last-child, .style .h2:last-child,
.style h3:last-child, .style .h3:last-child,
.style h4:last-child, .style .h4:last-child {
  margin-bottom: 0;
}
.style p {
  margin-bottom: 1em;
}
.style p:last-child {
  margin-bottom: 0;
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {}
.style ul, .style ol {
  margin-bottom: 1em;
}
.style ul:last-child, .style ol:last-child {
  margin-bottom: 0;
}

.style ol,
ol.ol {
  counter-reset: section;
}
.style ol > li:before,
ol.ol > li:before {
  counter-increment: section;
  content: counter(section) ".";
}
.style ol ol,
ol.ol ol {
  counter-reset: subSection;
}
.style ol ol > li:before,
ol.ol ol > li:before {
  counter-increment: subSection;
  content: counter(section) "." counter(subSection);
}
.style ol ol ol,
ol.ol ol ol {
  counter-reset: subSubSection;
}
.style ol ol ol > li:before,
ol.ol ol ol > li:before {
  counter-increment: subSubSection;
  content: counter(section) "." counter(subSection) "." counter(subSubSection);
}

.mt-24 {
  margin-top: 24rem;
}

@media (max-width: 767rem) {
  .style .table {
    overflow-x: auto;
  }
}
svg.svg-icon .fill {
  fill: currentColor;
}
svg.svg-icon .stroke {
  stroke: currentColor;
}

.warning {
  background-color: #F2F7FB;
  padding: 20rem;
  border-radius: 10rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24rem;
}
.warning._red {
  background-color: rgba(255, 64, 22, 0.1215686275);
}
.warning__icon {
  flex-shrink: 0;
  width: 16rem;
  height: 16rem;
  color: #FF4016;
}

.page-empty {
  background-color: #F2F7FB;
  min-height: 300rem;
  padding: 24rem 20rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 22rem;
}
@media (max-width: 767rem) {
  .page-empty {
    border-radius: 16rem;
  }
}
@media (max-width: 767rem) {
  .page-empty__title {
    font-weight: 700;
    font-size: 18rem;
    line-height: 22rem;
  }
}
@media (min-width: 768rem) {
  .page-empty__title {
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
}
@media (max-width: 767rem) {
  .page-empty__text {
    margin: 16rem 0 24rem;
  }
}
@media (min-width: 768rem) {
  .page-empty__text {
    margin: 16rem 0 44rem;
  }
}
.page-empty__btns {
  margin-top: 24rem;
}
@media (min-width: 768rem) {
  .page-empty__btns {
    margin-top: 44rem;
  }
}

.header {
  /*margin-bottom: 9rem;*/
}
@media (max-width: 1024px) {
  .header {
    display: none;
  }
}
.header__top {
  display: flex;
  justify-content: space-between;
  margin-top: 14rem;
  margin-bottom: 16rem;
}
.header__top__left {
  display: flex;
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  letter-spacing: 0rem;
  color: #111111;
  font-weight: 600;
}
.header__top__left svg {
  margin-right: 4rem;
  width: 16rem;
  min-width: 16rem;
}
.header__top__right {
  display: flex;
  justify-content: end;
}
.header__top__right__item {
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  letter-spacing: 0rem;
  color: #615E5B;
  margin-left: 24rem;
}
.header__top__right__item:hover {
  color: #19BBCA;
}
.header__bottom {
  display: flex;
  justify-content: space-between;
  gap: 32rem;
}
.header__bottom__logo {
  height: 40rem;
  display: flex;
  align-items: center;
  color: black;
  font-weight: bold;
  white-space: nowrap;
  /*min-width: 124px;*/
}
.header__bottom__logo img {
  margin-right: 10px;
}
.header__bottom__search {
  width: 100%;
  max-width: 493rem;
  /*background: #19BBCA;*/
  height: 40rem;
  border-radius: 10rem;
  display: flex;
  align-items: center;
}
@media (min-width: 768rem) and (max-width: 1400rem) {
  .header__bottom__search {
    max-width: 300rem;
  }
}
.header__bottom__search input {
  max-width: 438rem;
  width: 100%;
  height: 40rem;
  padding: 10rem 16rem;
  margin: 0;
  border: 0;
  margin-left: 1rem;
  border-radius: 10rem;
  border: 1rem solid #19BBCA;
  z-index: 10;
}
.header__bottom__search a {
  width: 75rem;
  height: 40rem;
  background: #19BBCA;
  border-radius: 10rem;
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 16rem;
  margin-left: -24rem;
}
.header__bottom__phones {
  height: 40rem;
  font-weight: 700;
  font-size: 16rem;
  line-height: 130%;
  vertical-align: middle;
  text-transform: uppercase;
  color: #111111;
  white-space: nowrap;
}
.header__bottom__button {
  height: 40rem;
  background: #19BBCA;
  border-radius: 10rem;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0rem;
  color: #FFFFFF;
  padding: 8rem 16rem;
}
.header__bottom__button:hover {
  color: #FFFFFF;
  text-decoration: none;
}
.header__bottom__icons {
  display: flex;
  height: 40rem;
  /*margin-bottom: 25rem;*/
}
.header__bottom__icons__item {
  margin-right: 12rem;
  display: flex;
  align-items: center;
  color: #615E5B;
}
.header__bottom__icons__item:hover {
  color: #615E5B;
  text-decoration: none;
}
.header__bottom__icons__item:hover svg path {
  fill: #19BBCA;
}
.header__bottom__icons__item:hover, .header__bottom__icons__item:hover div {
  color: #19BBCA;
}
.header__bottom__icons__item div {
  margin-left: 8rem;
  font-weight: 500;
  font-style: Medium;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0rem;
}
.header__bottom__icons__item {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  border: 2px solid white;
  padding: 8rem;
}
.header__bottom__icons__item.active {
  color: #111111;
  border: 2px solid #19BBCA;
  padding: 8rem;
  border-radius: 8px;
}
.header__bottom__icons__item.active span {
  width: 18rem;
  height: 18rem;
  background: #E81E5A;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 10px;
  line-height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -4px;
  top: -5px;
  border-radius: 50%;
  border: 2px solid white;
}
.header__bottom__icons__item:last-child {
  margin-right: 0;
  white-space: nowrap;
}
.header__menu {
  display: flex;
  position: relative;
  padding: 9rem 0;
  background: #F4F3F1;
}
.header__menu__button {
  display: flex;
  height: 40rem;
  background: #19BBCA;
  border-radius: 10rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0rem;
  color: #FFFFFF;
  padding: 8rem 16rem;
  align-items: center;
  margin-right: 40rem;
}
.header__menu__button.active {
  background: #111111;
  color: white;
  text-decoration: none;
}
.header__menu__button:hover, .header__menu__button:focus {
  color: #FFFFFF;
  text-decoration: none;
}
.header__menu__button svg {
  margin-right: 16rem;
}
.header__menu__items {
  display: flex;
  align-items: center;
  /*justify-content: space-between;*/
  width: 100%;
}
.header__menu__item {
  font-weight: 500;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0rem;
  display: flex;
  align-items: center;
  color: #111111;
  margin-right: 57rem;
}
.header__menu__item:hover {
  color: #19BBCA;
}
.header__menu__item.sale {
  color: #E81E5A;
}
.header__menu__item svg {
  margin-right: 8rem;
}
.header__menu:before {
  content: "";
  position: absolute;
  left: -1000px;
  top: 0;
  height: 100%;
  width: 1000px;
  background: #F4F3F1;
  z-index: -1;
}
.header__menu:after {
  content: "";
  position: absolute;
  right: -1000px;
  top: 0;
  height: 100%;
  width: 1000px;
  background: #F4F3F1;
  z-index: -1;
}
.header__menu-inner {
  padding: 40rem 0;
  display: flex;
  position: absolute;
  z-index: 111;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  background: white;
  width: 100%;
}
.header__menu-inner__left {
  /*width: 334rem;*/
  /*width: 25%;*/
  width: 248rem;
  border-right: 1px solid #EBEBEB;
}
.header__menu-inner__right {
  display: none;
  width: 75%;
  padding-left: 30rem;
}
.header__menu-inner__right.active {
  display: flex;
  justify-content: space-between;
}
.header__menu-inner__cat {
  padding-left: 40rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 12rem;
  height: 56rem;
  font-weight: 500;
  font-style: Medium;
  font-size: 16px;
  line-height: 24px;
  color: #111111;
}
.header__menu-inner__cat__wrap {
  display: flex;
  align-items: center;
}
.header__menu-inner__cat__wrap svg {
  margin-right: 16rem;
}
.header__menu-inner__cat.active {
  background: #F4F3F1;
  position: relative;
}
.header__menu-inner__cat:hover {
  background: #F4F3F1;
}
.header__menu-inner__cat.active:before {
  content: "";
  position: absolute;
  left: -1000px;
  top: 0;
  height: 100%;
  width: 1000px;
  background: #F4F3F1;
  z-index: -1;
}
.header__menu-inner__item {
  display: flex;
  flex-direction: column;
  width: 317rem;
  margin-right: 30rem;
}
.header__menu-inner__item__title {
  height: 56rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #111111;
}
.header__menu-inner__item__link {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
  margin-bottom: 12rem;
  padding-left: 30rem;
  position: relative;
}
.header__menu-inner__item__link::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 30rem;
  color: black;
  left: 13rem;
  top: 9rem;
  background: black;
}

.button {
  display: flex;
  justify-content: center;
  height: 40rem;
  background: #19BBCA;
  border-radius: 10rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0rem;
  color: #FFFFFF;
  padding: 8rem 16rem;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
}

.button.disabled {
  background: grey;
}

.button:hover {
  color: #FFFFFF;
}

.button.grey {
  background: #F4F3F1;
  color: #111111;
}

.goods:hover .button.grey {
  /*background: white;*/
}

.goods .button {
  font-size: 15rem;
}

.button.half {
  max-width: 49%;
  width: 100%;
  white-space: nowrap;
}

.button.half svg {
  margin-right: 16rem;
}

.mt-16 {
  margin-top: 16rem;
}

.mb-16 {
  margin-bottom: 16rem;
}

.button svg {
  margin-right: 16rem;
}

.icon-with-text {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.icon-with-text__text {
  display: none;
  position: absolute;
  left: -29rem;
  padding: 12rem 16rem;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  background: white;
  min-width: 250rem;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
  top: calc(100% + 24rem); /* Изменено на top */
  z-index: 10;
  /* SVG стрелка указывающая вверх */
}
@media (max-width: 1024px) {
  .icon-with-text__text {
    left: 0;
  }
}
.icon-with-text__text::after {
  content: "";
  position: absolute;
  top: -15rem; /* Изменено на top */
  left: 33rem;
  right: 50%;
  width: 24rem;
  height: 16rem;
  background: url("/frontend/h/img/tool.svg") center/contain no-repeat;
  filter: drop-shadow(0px -3px 17px rgba(0, 0, 0, 0.1));
}
@media (max-width: 1024px) {
  .icon-with-text__text::after {
    display: none;
  }
}
@media (max-width: 1024px) {
  .product .icon-with-text__text.number_6 {
    left: -52px;
  }
}
@media (max-width: 1024px) {
  .icon-with-text__text.number_6 {
    left: -35px;
  }
}

.icon-with-text:hover .icon-with-text__text {
  display: block;
}

/*
.prop-tool {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  &__text {
    display: none;
    position: absolute;
    left: -29rem;
    padding: 16rem;
    border-radius: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    background: white;
    min-width: 435rem;
    box-shadow: 0px 4px 16px 0px #0000001F;
    bottom: calc(100% + 24rem);
    z-index: 10;

    &::after {
      content: "";
      position: absolute;
      bottom: -15rem;
      left: 29rem;
      right: 50%;
      width: 24rem;
      height: 16rem;
      background: url("/frontend/h/img/tool.svg") center/contain no-repeat;
      filter: drop-shadow(0px -3px 17px rgba(0, 0, 0, 0.1));
      transform: rotate(180deg);
    }
    &__title{
      font-weight: 700;
      font-size: 16px;
      line-height: 130%;
      color: #111111;
      margin-bottom: 16rem;
    }
    &__img{
      width: 100%;
    }
    &__text{
      margin-top: 16rem;
      font-weight: 400;
      font-size: 14px;
      line-height: 150%;
      color: #111111;
    }
  }
}
.prop-tool:hover .prop-tool__text{
  display: block;
  @include max1024{
    //display: none;
  }
}
*/
.prop-tool {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
}
.prop-tool__text {
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 16rem;
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  background: white;
  min-width: 314rem;
  max-width: 314rem;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
  bottom: calc(100% + 24rem);
  z-index: 10;
  /* SVG стрелка указывающая вверх */
}
@media (max-width: 768px) {
  .prop-tool__text {
    left: 0;
    transform: none;
    right: 0;
    max-width: none;
    width: auto;
    margin: 0 16px;
  }
}
.prop-tool__text::after {
  content: "";
  position: absolute;
  bottom: -15rem;
  left: 50%;
  transform: translateX(-50%);
  width: 24rem;
  height: 16rem;
  background: url("/frontend/h/img/tool.svg") center/contain no-repeat;
  filter: drop-shadow(0px -3px 17px rgba(0, 0, 0, 0.1));
  transform: translateX(-50%) rotate(180deg);
}
.prop-tool__text__title {
  font-weight: 700;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
  margin-bottom: 16rem;
}
.prop-tool__text__img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.prop-tool__text__text {
  margin-top: 16rem;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #111111;
  word-wrap: break-word;
}

.prop-tool:hover .prop-tool__text {
  display: block;
}
/*
.icon-with-text{
  position: relative;
  &__text{
    position: relative;
    padding: 12rem 16rem;
    border-radius: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    background: white;
    min-width: 250rem;
    box-shadow: 0px 4px 16px 0px #0000001F;
    bottom: -16rem;
  }
  &__text:after{
    content: "";
    position: absolute;
    top: 0;
    background: url("/frontend/h/img/tool.svg");
    width: 24rem;
    height: 16rem;
  }
}
*/
.footer {
  background: #111111;
  color: #FFFFFF;
  padding: 48rem 40rem;
}
@media (max-width: 1024px) {
  .footer {
    padding: 48rem 16rem;
  }
}
.footer__top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .footer__top {
    flex-direction: column;
  }
}
.footer__top__col {
  width: 25%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1024px) {
  .footer__top__col {
    width: 100%;
  }
}
.footer__top__col__title {
  font-weight: 400;
  font-style: Regular;
  font-size: 16rem;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 16rem;
  color: #615E5B;
}
.footer__top__col__item {
  font-weight: 400;
  font-style: Regular;
  font-size: 16rem;
  line-height: 130%;
  letter-spacing: 0%;
  margin-bottom: 16rem;
  color: #FFFFFF;
}
.footer__top__col__item:last-child {
  margin-bottom: 0;
}
.footer__top__col__payments {
  display: flex;
  flex-direction: column;
}
.footer__top__col__payments__item {
  margin-bottom: 24rem;
}
.footer__top__col__payments__item:last-child {
  margin-bottom: 0;
}
.footer__top__col__phone {
  font-weight: 700;
  font-size: 24rem;
  line-height: 130%;
}
.footer__top__col__icons {
  display: flex;
}
.footer__top__col__icons a {
  margin-right: 12rem;
}
.footer__top__col.bottom {
  justify-content: space-between;
}
.footer__bottom {
  display: flex;
  margin-top: 32rem;
}
@media (max-width: 1024px) {
  .footer__bottom {
    flex-direction: column;
  }
}
.footer__bottom__col {
  color: #615E5B;
}
.footer__bottom__col.left {
  width: 25%;
  margin-right: 30rem;
}
@media (max-width: 1024px) {
  .footer__bottom__col.left {
    margin-bottom: 30rem;
    width: 100%;
  }
}
.footer__bottom__col.right {
  width: 75%;
}
@media (max-width: 1024px) {
  .footer__bottom__col.right {
    width: 100%;
  }
}
.footer__hr {
  height: 1rem;
  background: #615E5B;
  width: 100%;
  margin-top: 32rem;
  opacity: 0.3;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 равных колонок */
  gap: 24rem 30rem;
}
@media (max-width: 1024px) {
  .grid-container {
    gap: 8rem;
    grid-template-columns: repeat(2, 1fr);
  }
}

.double {
  grid-column: span 2;
  max-width: 526rem;
  width: 100%;
}
@media (max-width: 1024px) {
  .double {
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 100%;
  }
}

section {
  margin-top: 80rem;
}
@media (max-width: 1024px) {
  section {
    margin-top: 64rem;
  }
}

section.grey {
  background: #F4F3F1;
  margin: 0;
  padding: 80rem 0;
}
@media (max-width: 1024px) {
  section.grey {
    padding: 64rem 0;
  }
}

.cell {
  background: #F4F3F1;
  text-align: center;
  height: 212rem;
  border-radius: 8rem;
  width: 100%;
  padding: 24rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .cell {
    padding: 15rem;
    height: auto;
  }
}

.cell:hover a {
  color: #19BBCA;
  text-decoration: none;
}

.text p {
  margin-bottom: 16rem;
  font-size: 16rem;
  color: #111111;
}

.grid__picture {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
@media (max-width: 1024px) {
  .grid__picture {
    max-width: 90%;
  }
}

.grid__text {
  font-weight: 600;
  font-size: 16rem;
  line-height: 100%;
  letter-spacing: 0rem;
  text-align: center;
  vertical-align: middle;
  color: #111111;
}
@media (max-width: 1024px) {
  .grid__text {
    margin-top: 20rem;
  }
}

.title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 100%;
  letter-spacing: 0rem;
  color: #111111;
  margin-bottom: 24rem;
}
.title__count {
  margin-left: 16rem;
  background: #E81E5A;
  font-weight: 600;
  font-size: 14rem;
  line-height: 20rem;
  letter-spacing: 0rem;
  text-align: center;
  border-radius: 88rem;
  color: #FFFFFF;
  padding: 2rem 8rem;
}
.title__articul {
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  color: #615E5B;
  margin-left: 16rem;
}
.title__icon {
  margin-left: 8rem;
}

.title_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32rem;
}
@media (max-width: 1024px) {
  .title_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.title_wrapper__button {
  background: #19BBCA;
  padding: 12rem 32rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  color: #FFFFFF;
  border-radius: 12rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .title_wrapper__button {
    margin-top: 32rem;
    width: 100%;
  }
}

.title_wrapper .title {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .title_wrapper .title {
    justify-content: flex-start;
  }
}

.goods {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30rem;
}
@media (max-width: 1024px) {
  .goods {
    overflow: scroll;
  }
}
.goods__item:hover {
  /*background: #F4F3F1;*/
}
.goods__item {
  /*padding: 15rem;*/
  min-width: 0;
  border-radius: 4rem;
}
@media (max-width: 1024px) {
  .goods__item {
    min-width: 317rem;
  }
}
.goods__item__slider-wrap {
  max-width: 317rem;
  width: 317rem;
  display: inline;
}
@media (max-width: 1024px) {
  .goods__item__slider-wrap {
    width: 100%;
    max-width: 100%;
    display: block;
  }
}
.goods__item__slider {
  max-width: 317rem;
}
@media (max-width: 1024px) {
  .goods__item__slider {
    max-width: 100%;
  }
}
.goods__item__icons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10rem;
}
.goods__item__icons__left {
  display: grid;
  gap: 8rem;
  grid-template-columns: repeat(6, 1fr);
  /*width: 100%;*/
}
.goods__item__icons__left__item {
  width: 28rem;
  height: 28rem;
}
.goods__item__icons__left__item svg {
  width: 28rem !important;
  height: 28rem !important;
}
.goods__item__icons__right {
  display: flex;
  gap: 8rem;
  grid-template-columns: repeat(2, 1fr);
}
.goods__item__icons__right__item {
  width: 32rem;
  height: 32rem;
  display: flex;
  align-items: center;
}
.goods__item__icons__right__item:hover svg path {
  fill: #19BBCA;
}
.goods__item__icons__right__item.active svg path {
  fill: #19BBCA;
}
.goods__item__picture {
  margin-bottom: 26rem;
  min-height: 212rem;
  display: inline-block;
}
.goods__item__title {
  display: block;
  font-weight: 500;
  font-size: 16rem;
  line-height: 130%;
  letter-spacing: 0%;
  color: #111111;
  margin-bottom: 12rem;
  margin-top: 24rem;
}
.goods__item__prices {
  display: flex;
  margin-bottom: 24rem;
}
.goods__item__prices__item {
  font-weight: 700;
  font-style: Bold;
  font-size: 16rem;
  line-height: 100%;
  letter-spacing: 0rem;
  vertical-align: middle;
  color: #111111;
}
.goods__item__prices__item.old {
  margin-left: 8rem;
  color: #A19C97;
  text-decoration: line-through;
}
.goods__item__props__item {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 6rem;
}
.goods__item__props__item__title {
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  margin-right: 4rem;
  color: #615E5B;
  z-index: 10;
  background: white;
  padding-right: 4rem;
  display: flex;
  align-items: center;
}
.goods__item__props__item__title svg {
  margin-left: 4rem;
}
.goods__item__props__item__value {
  z-index: 10;
  background: white;
  color: #111111;
  padding-left: 4rem;
  white-space: nowrap;
}
.goods__item__props__item__dots {
  position: absolute;
  width: 100%;
  height: 2rem;
  top: 12rem;
  background: url("/frontend/h/img/dots.svg");
  background-repeat: repeat;
}
.goods__item__buttons {
  margin-top: 18rem;
  display: flex;
  justify-content: space-between;
}
.review {
  margin-top: 32rem;
}
.review__item:last-child {
  border-bottom: 1rem solid #EBEBEB;
}
.review__item {
  display: flex;
  padding-top: 32rem;
  border-top: 1rem solid #EBEBEB;
  padding-bottom: 32rem;
}
@media (max-width: 1024px) {
  .review__item {
    flex-direction: column;
    margin-bottom: 16rem;
  }
}
.review__item__left {
  max-width: 318rem;
  min-width: 318rem;
  width: 100%;
  margin-right: 30rem;
  display: flex;
}
@media (max-width: 1024px) {
  .review__item__left {
    min-width: 100%;
    margin: 0;
    margin-bottom: 16rem;
  }
}
.review__item__left__top-mob {
  display: flex;
}
.review__item__left__bot-mob {
  display: flex;
  justify-content: space-between;
}
.review__item__left__icon {
  width: 56rem;
  height: 56rem;
  margin-right: 16rem;
  border-radius: 70rem;
  font-weight: 700;
  font-size: 24rem;
  line-height: 130%;
  letter-spacing: 0%;
  background: #A19C97;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.review__item__left__title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  letter-spacing: 0%;
  color: #111111;
  margin-bottom: 2rem;
}
.review__item__left__text {
  color: #615E5B;
  font-weight: 400;
  font-size: 16rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin-bottom: 2rem;
}
.review__item__left__rating {
  margin-top: 10rem;
  display: flex;
  align-items: center;
  margin-bottom: 12rem;
}
.review__item__left__rating__items {
  margin-right: 8rem;
  display: flex;
  align-items: center;
}
.review__item__left__rating-mobile {
  display: flex;
  justify-content: space-between;
}
.review__item__left__link {
  background: #F4F3F1;
  padding: 8rem 16rem;
  color: #111111;
  font-weight: 600;
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0rem;
  border-radius: 8rem;
}
@media (max-width: 1024px) {
  .review__item__left__link {
    display: flex;
    align-items: center;
  }
}
.review__item__right {
  width: 100%;
}
.review__item__right__text {
  color: #615E5B;
  font-weight: 400;
  font-size: 16rem;
  line-height: 150%;
  letter-spacing: 0%;
  margin-bottom: 24rem;
}
.review__item__right__img {
  display: flex;
}
@media (max-width: 1024px) {
  .review__item__right__img {
    overflow: scroll;
  }
}
.review__item__right__img img {
  border-radius: 8rem;
  margin-right: 8rem;
}
@media (max-width: 1024px) {
  .review__item__right__img img {
    max-width: 114rem;
  }
}
.review__item__question {
  padding: 16rem;
  background: #F4F3F1;
  border-radius: 8rem;
  color: #111111;
}
.review__item__question__spec {
  font-weight: bold;
  margin-bottom: 8rem;
}
.main_video {
  display: grid;
  gap: 30rem;
  grid-template-columns: repeat(2, 1fr);
  height: 374rem;
}
@media (max-width: 1024px) {
  .main_video {
    display: flex;
    flex-direction: column;
  }
}

.main_text {
  display: grid;
  gap: 30rem;
  margin-bottom: 80rem;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1024px) {
  .main_text {
    display: flex;
    flex-direction: column;
  }
}
.main_text__left {
  font-weight: 400;
  font-size: 16rem;
  line-height: 150%;
  color: #111111;
}
.main_text__left p {
  margin-bottom: 16rem;
}
.main_text__right {
  border-radius: 8rem;
  border: 1rem solid #EBEBEB;
}

.main_comfort {
  margin-top: 32rem;
  display: grid;
  gap: 30rem;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
  .main_comfort {
    grid-template-columns: repeat(1, 1fr);
    gap: 8rem;
  }
}
.main_comfort__item {
  padding: 24rem;
  border-radius: 16rem;
  background: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .main_comfort__item {
    justify-content: flex-start;
    font-weight: 500;
  }
}
.main_comfort__item__icon {
  margin-right: 24rem;
}
.main_comfort__item__text {
  font-weight: 500;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  max-width: 174rem;
}

.main_news {
  margin-top: 32rem;
  display: grid;
  gap: 30rem;
  grid-template-columns: repeat(4, 1fr);
  padding-bottom: 80rem;
}
@media (max-width: 1024px) {
  .main_news {
    grid-template-columns: none;
    overflow-x: scroll;
    overflow-y: hidden;
    display: flex;
  }
}
.main_news__item {
  max-width: 318rem;
}
@media (max-width: 1024px) {
  .main_news__item {
    width: 318rem;
  }
}
.main_news__item__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main_news__item__img {
  position: relative;
  width: 100%;
  max-height: 212rem;
  height: 100%;
  padding-bottom: 39%;
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
}
@media (max-width: 1024px) {
  .main_news__item__img {
    width: 318rem;
  }
}
.main_news__item__text {
  padding: 24rem;
  color: #111111;
  background: #FFFFFF;
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  border-bottom-left-radius: 8rem;
  border-bottom-right-radius: 8rem;
}

.main_tabs {
  display: flex;
}
.main_tabs__item {
  font-weight: 600;
  font-size: 24rem;
  line-height: 100%;
  margin-right: 32rem;
  color: #615E5B;
}
.main_tabs__item__active {
  color: #111111;
}

.catalog .goods {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .catalog .goods {
    grid-template-columns: repeat(1, 1fr);
  }
}

.catalog {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30rem;
  position: relative;
}
@media (max-width: 1024px) {
  .catalog {
    display: block;
  }
}
.catalog__left {
  max-height: 30rem;
  max-width: 318rem;
}
@media (max-width: 1024px) {
  .catalog__left {
    display: none;
  }
}
.catalog__left__why {
  margin-bottom: 32rem;
  background: #F4F3F1;
  border-radius: 16rem;
  padding: 24rem;
}
.catalog__left__why__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 100%;
  color: #111111;
  margin-bottom: 16rem;
}
.catalog__left__why__text {
  font-weight: 500;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  margin-bottom: 12rem;
  padding-left: 36rem;
  position: relative;
}
.catalog__left__why__text:before {
  position: absolute;
  content: "";
  width: 24rem;
  height: 24rem;
  background: url("/frontend/h/img/list.svg");
  background-size: contain;
  left: 0;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
.catalog__left__info {
  background: #F4F3F1;
  border-radius: 16rem;
  padding: 24rem;
}
.catalog__left__info__title {
  font-weight: 600;
  font-size: 24rem;
  line-height: 100%;
  color: #111111;
  margin-bottom: 20rem;
}
.catalog__left__info__items__item {
  margin-bottom: 20rem;
}
.catalog__left__info__items__item__title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
}
.catalog__left__info__items__item__title svg {
  margin-right: 12rem;
}
.catalog__left__info__items__item__text {
  font-family: Inter;
  font-weight: 400;
  font-size: 14rem;
  line-height: 130%;
  color: #615E5B;
  margin-bottom: 4rem;
}
.catalog__left__info__items__item__link {
  font-weight: 600;
  font-size: 14rem;
  line-height: 150%;
  color: #19BBCA;
}
.catalog__right {
  grid-column: span 3;
}
@media (max-width: 1024px) {
  .catalog__right {
    grid-column: none;
  }
}
.catalog__sort {
  margin-bottom: 32rem;
}
.catalog__sort__item {
  margin-right: 24rem;
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  color: #615E5B;
}
.catalog__sort__item.active {
  color: #111111;
}

.bread {
  margin-top: 24rem;
  margin-bottom: 20rem;
}
.bread__item {
  color: #615E5B;
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
}
.bread__sep {
  margin-left: 12rem;
  margin-right: 12rem;
}

.product {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .product {
    flex-direction: column;
  }
}
.product__left {
  flex-direction: column;
  max-width: 897rem;
  min-width: 0;
}
.product__left__top {
  display: flex;
  justify-content: space-between;
}
.product__left__top__icons {
  display: flex;
}
.product__left__top__icons__item {
  margin-right: 16rem;
}
@media (max-width: 1024px) {
  .product__left__top__icons__item {
    margin-right: 8rem;
  }
}
.product__left__top__icons__item svg {
  width: 40rem;
  height: 40rem;
}
@media (max-width: 1024px) {
  .product__left__top__icons__item, .product__left__top__icons__item svg {
    width: 32rem;
    height: 32rem;
  }
}
.product__left__top__actions {
  display: flex;
}
.product__left__top__actions__item {
  margin-left: 16rem;
}
.product__left__top__actions__item.active svg path {
  fill: #19BBCA;
}
.product__left__sub-title {
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
}
.product__right {
  width: 433rem;
}
@media (max-width: 1024px) {
  .product__right {
    width: 100%;
  }
}
.product__right_block {
  padding: 24rem;
  box-shadow: 0rem 0rem 24rem 0rem rgba(0, 0, 0, 0.1411764706);
  border-radius: 24rem;
}
.product__price_old {
  font-weight: 500;
  font-size: 20rem;
  line-height: 100%;
  text-decoration: line-through;
  margin-bottom: 4rem;
  color: #A19C97;
}
@media (max-width: 1024px) {
  .product__price .button {
    width: 100%;
    margin-top: 16rem;
    height: 56rem;
    font-size: 20rem;
  }
}
.product__price {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .product__price {
    justify-content: space-between;
    flex-direction: column;
  }
}
.product__price__price {
  font-weight: 700;
  font-size: 32rem;
  line-height: 100%;
  vertical-align: middle;
  color: #111111;
  white-space: nowrap;
}
.product__price__note {
  font-weight: 500;
  font-size: 14rem;
  line-height: 130%;
  letter-spacing: 0rem;
  display: flex;
  align-items: center;
}
.product__price__note svg {
  margin-right: 4rem;
}
.product__basket {
  display: flex;
  justify-content: space-between;
  margin-top: 24rem;
}
.product__basket__cnt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 103rem;
  border-radius: 12px;
  border: 1px solid #C7C1BB;
  padding: 8rem;
}
.product__basket__cnt span {
  width: 24rem;
  height: 24rem;
}
.product__basket__cnt input {
  min-width: 24rem;
  height: 24rem;
  border: none;
  font-size: 16rem;
  display: flex;
  text-align: center;
}
@media (max-width: 1024px) {
  .product__basket__cnt input {
    font-size: 14rem;
  }
}
.product__basket .button {
  width: 100%;
  margin-left: 12rem;
  text-align: center;
  display: flex;
  justify-content: center;
  height: 56rem;
}
.product__basket .button.detail {
  font-size: 20rem;
}
.product__one {
  margin-top: 12rem;
  display: flex;
  background: #E81E5A;
  height: 56rem;
  border-radius: 12px;
}
.product__one input {
  border-radius: 12px;
  border: 1px solid #E81E5A;
  width: 254rem;
  padding: 16rem;
  font-size: 16rem;
  line-height: 24rem;
}
@media (max-width: 1024px) {
  .product__one input {
    max-width: 195rem;
  }
}
.product__one a {
  padding: 7rem 32rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: white;
}
.product__calc {
  margin-top: 8rem;
  padding: 24rem;
  box-shadow: 0rem 0rem 24rem 0rem rgba(0, 0, 0, 0.1411764706);
  border-radius: 24rem;
}
.product__calc__title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
}
.product__calc__ugol {
  margin-top: 24rem;
  display: flex;
  justify-content: space-between;
}
.product__calc__ugol__item {
  border: 1px solid #C7C1BB;
  width: 187rem;
  height: 79rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .product__calc__ugol__item {
    max-width: 48%;
  }
}
.product__calc__ugol__item__title {
  position: absolute;
  left: 16rem;
  top: -14rem;
  padding: 2rem;
  background: white;
}
.product__calc__ugol__item.active {
  border: 2px solid #19BBCA;
}
.product__calc__ugol__item.active .product__calc__ugol__item__title {
  color: #19BBCA;
}
.product__calc__item {
  margin-top: 24rem;
  display: flex;
  justify-content: space-between;
}
.product__calc__item__color-wrap {
  width: 49%;
  text-align: left;
}
.product__calc__item__color {
  display: flex;
}
.product__calc__item__color__img {
  width: 40rem;
  height: 40rem;
  border-radius: 8px;
}
.product__calc__item__color__right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product__calc__item__color__right__title {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #615E5B;
}
.product__calc__item__color__right__text {
  color: #111111;
  font-size: 16rem;
}
.product__calc__item__color a {
  margin-right: 8rem;
}
.product__calc__item .custom_select {
  width: 49%;
}
.product__calc__item .custom_select input {
  color: #111111;
}

.pop-form .popup__container {
  max-width: 434rem;
  padding: 24rem;
}

.pop-form__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #111111;
  margin-bottom: 24rem;
}
.pop-form__input {
  height: 48px;
  border-radius: 8px;
  border: 1px solid #C7C1BB;
  margin-bottom: 24rem;
  position: relative;
  padding: 0 16rem;
}
.pop-form__input__title {
  position: absolute;
  top: -11rem;
  background: white;
}
.pop-form__input__input {
  border: none;
  width: 100%;
  height: 100%;
  color: #111111;
  font-size: 16rem;
}
.pop-form__policy {
  font-size: 14px;
  line-height: 130%;
  margin-bottom: 24rem;
}
.pop-form__policy a {
  color: #19BBCA;
}
.pop-form__policy a:hover {
  color: #19BBCA;
}
.pop-form__button {
  display: flex;
  justify-content: end;
}

.order__title {
  margin-bottom: 48rem;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #111111;
}
.order__block {
  display: flex;
  margin-bottom: 48rem;
}
@media (max-width: 1024px) {
  .order__block {
    margin-bottom: 32rem;
  }
}
@media (max-width: 1024px) {
  .order__block {
    flex-direction: column;
  }
}
.order__block__left {
  width: 220rem;
  margin-right: 20rem;
  font-weight: 600;
  font-style: Semi Bold;
  font-size: 16px;
  line-height: 130%;
  vertical-align: middle;
  color: #111111;
}
@media (max-width: 1024px) {
  .order__block__left {
    margin-bottom: 20rem;
  }
}
.order__block__right {
  width: 100%;
  max-width: 657rem;
}
.order__block__input.half {
  display: flex;
  justify-content: space-between;
}
.order__block__input.half .pop-form__input {
  width: 49%;
}
.order__block__items {
  display: flex;
  gap: 8rem;
}
@media (max-width: 1024px) {
  .order__block__items {
    flex-direction: column;
  }
}
.order__block__items__item {
  display: flex;
  align-items: center;
  color: #111111;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  background: #F4F3F1;
  border-radius: 12px;
  padding: 12rem;
}
.order__block__items__item.active {
  background: #19BBCA;
  color: white;
}
.order__block__items__item.active svg path {
  /*fill: white;*/
}
.order__block__items__item.white.active svg path {
  fill: white;
}
.order__block__items__item svg {
  width: 48rem;
  height: 48rem;
  margin-right: 12rem;
}

.config {
  max-width: 996rem;
}
.config__top-links {
  display: flex;
  align-items: end;
  margin-bottom: 24rem;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .config__top-links {
    flex-direction: column;
    align-items: flex-start;
  }
}
.config__top-links__title {
  display: inline-block;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #111111;
  margin-right: 24rem;
}
@media (max-width: 1024px) {
  .config__top-links__title {
    margin-bottom: 16rem;
    width: 100%;
  }
}
.config__top-links__link {
  color: #19BBCA;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  margin-right: 24rem;
}
@media (max-width: 1024px) {
  .config__top-links__link {
    display: inline-block;
    width: 100%;
    margin-top: 8rem;
  }
}
.config__tabs {
  flex-wrap: wrap;
  background: #F4F3F1;
  border-radius: 10px;
  padding: 4rem;
  margin-bottom: 24rem;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .config__tabs {
    height: 44px;
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 16rem;
    margin-top: 16rem;
    justify-content: space-between;
  }
}
.config__tabs__link {
  height: 36px;
  padding: 9rem 13rem 9rem 9rem;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  margin-right: 4rem;
  color: #111111;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .config__tabs__link {
    width: 30%;
    margin-bottom: 8rem;
  }
}
.config__tabs__link:after {
  position: absolute;
  right: -12px;
  transform: rotate(90deg);
  content: "";
  width: 24rem;
  height: 1rem;
  background: #FFFFFF;
  top: 17px;
}
.config__tabs__link.selected {
  background: #19BBCA;
  color: white;
  border-radius: 10px;
}
.config__tabs__link.active:after {
  display: none;
}
.config__tabs__items__item__slider-wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__slider-wrap {
    display: flex;
    flex-direction: column;
  }
}
.config__tabs__items__item__slider-wrap__left {
  width: 490rem;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__slider-wrap__left {
    width: 100%;
  }
}
.config__tabs__items__item__slider-wrap__right {
  width: 490rem;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__slider-wrap__right {
    width: 100%;
  }
}
.config__tabs__items__item__title {
  font-weight: 500;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  margin-bottom: 8rem;
}
.config__tabs__items__item__wrap {
  display: flex;
  justify-content: space-between;
}
.config__tabs__items__item__text {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #615E5B;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__text {
    width: 100%;
    max-width: 100%;
  }
}
.config__tabs__items__item__colors {
  margin-top: 16rem;
  display: flex;
  gap: 12rem;
  margin-bottom: 16rem;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__colors {
    flex-wrap: wrap;
  }
}
.config__tabs__items__item__colors__item {
  width: 114rem;
  /*height: 137rem;*/
  border-radius: 8px;
  border: 1px solid #EBEBEB;
  padding: 12rem;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .config__tabs__items__item__colors__item {
    /*width: auto;
    height: auto;*/
  }
}
.config__tabs__items__item__colors__item__img {
  width: 90rem;
  height: 90rem;
  border-radius: 8px;
  position: relative;
  display: inline-block;
}
.config__tabs__items__item__colors__item__img svg {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40rem;
  height: 40rem;
}
.config__tabs__items__item__colors__item:hover .config__tabs__items__item__colors__item__img svg {
  display: block;
}
.config__tabs__items__item__colors__item__title {
  color: #615E5B;
  font-weight: 400;
  font-size: 12rem;
  margin-top: 8rem;
}
.config__tabs__items__item__colors__item__action {
  margin-top: 8rem;
  display: flex;
  align-items: center;
  height: 21rem;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #19BBCA;
}
.config__tabs__items__item__colors__item.active .config__tabs__items__item__colors__item__action {
  color: #111111;
}
.config__tabs__items__item__colors__item__action svg {
  display: none;
  margin-left: 6rem;
}
.config__tabs__items__item__colors__item.active .config__tabs__items__item__colors__item__action svg {
  display: block;
}
.config__tabs__items__item__colors__item.active {
  border: 2px solid #19BBCA;
}
.config__button {
  display: flex;
  justify-content: end;
  margin-top: 8rem;
}
.config__button .button {
  height: 48rem;
}
.config__price {
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: #111111;
  margin-right: 40rem;
}
@media (max-width: 1024px) {
  .config__price {
    margin-top: 16rem;
  }
}

.pop-config .popup__container {
  max-width: 1044rem;
  padding: 24rem;
}
@media (max-width: 1024px) {
  .pop-config .popup__container {
    max-width: 100%;
  }
}

.prod_tabs__nav {
  position: relative;
  height: 56rem;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #F4F3F1;
  margin-bottom: 40rem;
  position: relative;
}
@media (max-width: 1024px) {
  .prod_tabs__nav {
    flex-direction: column;
    height: auto;
    margin-top: 24rem;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.prod_tabs__nav__item {
  position: relative;
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  color: #615E5B;
  margin-right: 48rem;
  height: 100%;
  display: flex;
  align-items: center;
}
@media (max-width: 1024px) {
  .prod_tabs__nav__item {
    background: #F4F3F1;
    border-radius: 8rem;
    margin-bottom: 8rem;
    height: 56rem;
    padding: 16rem;
    width: 100%;
    margin-right: 0;
    color: #111111;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .prod_tabs__nav__item:after {
    content: "";
    position: absolute;
    right: 8rem;
    width: 24rem;
    height: 26rem;
    background: url("/frontend/h/img/arrow-acc-black.svg");
  }
}
.prod_tabs__nav__item.active:after {
  transform: rotate(180deg);
}
.prod_tabs__nav__item span {
  margin-left: 8rem;
  padding: 2rem 8rem;
  background: #E81E5A;
  border-radius: 88px;
  color: white;
  font-size: 14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.prod_tabs__nav__item:hover {
  color: #111111;
}
.prod_tabs__nav__item:hover:before {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background: #19BBCA;
}
@media (max-width: 1024px) {
  .prod_tabs__nav__item:hover:before {
    display: none;
  }
}
.prod_tabs__nav:after {
  content: "";
  height: 1px;
  width: 1000px;
  background: #F4F3F1;
  position: absolute;
  right: -1000px;
  bottom: -1px;
}
.prod_tabs__blocks__item {
  color: #615E5B;
  display: none;
  margin-top: 40rem;
}
@media (max-width: 1024px) {
  .prod_tabs__blocks__item {
    margin-top: 24rem;
    margin-top: 0;
  }
}
.prod_tabs__blocks__item__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  color: #111111;
  margin-bottom: 32rem;
}
@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title {
    display: none;
  }
}
.prod_tabs__blocks__item__text {
  font-size: 16rem;
  margin-bottom: 32rem;
}
.prod_tabs__blocks__item__sub-title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  margin-bottom: 32rem;
}
.prod_tabs__blocks__item__title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title-wrap .title {
    margin-bottom: 0;
  }
}
.prod_tabs__blocks__item__title-wrap .title__count {
  margin-left: 8rem;
}
.prod_tabs__blocks__item.active {
  display: block;
}
.prod_tabs__blocks__item p {
  font-size: 16rem;
  margin-bottom: 32rem;
}
.prod_tabs__blocks__item b {
  color: #111111;
}

ul {
  margin-bottom: 8rem;
  position: relative;
}

ul li {
  list-style-type: none;
  position: relative;
  padding-left: 16px;
  margin-bottom: 12rem;
}

ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 4px;
  background-color: #615E5B;
  border-radius: 50%;
}

.mt-0 {
  margin-top: 0;
}

@media (max-width: 1024px) {
  .mt-0-m {
    margin-top: 0;
  }
}

.header-mobile {
  display: flex;
  justify-content: space-between;
  height: 56px;
  padding: 8rem 16rem;
}

input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  border-radius: 4px;
  border: 1px solid #C7C1BB;
  opacity: 1;
  transform: rotate(0deg);
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
}

input[type=checkbox]:checked {
  background-color: #007bff;
  border-color: #007bff;
}

.bx_filter .bx_filter_input_checkbox .bx_filter_param_text {
  margin-top: 3px;
  font-size: 14rem;
}

input[type=checkbox]:checked::after {
  content: "✓";
  position: absolute;
  color: white;
  font-size: 14px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.basket {
  max-width: 897rem;
  width: 100%;
  padding-bottom: 32rem;
  border-bottom: 1px solid #EBEBEB;
  margin-bottom: 64rem;
}
.basket__top {
  display: flex;
  justify-content: space-between;
  color: #615E5B;
  height: 21rem;
  align-items: center;
  margin-bottom: 24rem;
}
.basket__top__left {
  color: #615E5B;
}
.basket__top__left a {
  color: #615E5B;
  font-weight: 400;
  font-size: 14rem;
  line-height: 150%;
}
.basket__top__right {
  color: #615E5B;
  font-weight: 400;
  font-size: 14rem;
  line-height: 150%;
}
.basket__item {
  display: flex;
  padding-top: 24rem;
  border-top: 1px solid #EBEBEB;
}
.basket__item__actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.basket__item__chose {
  margin-right: 20rem;
}
.basket__item__img {
  width: 180rem;
  height: 120rem;
  margin-right: 20rem;
}
.basket__item__right {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.basket__item__title {
  font-weight: 600;
  font-size: 16rem;
  line-height: 130%;
  vertical-align: middle;
  color: #111111;
  margin-bottom: 12rem;
}
.basket__item__prices {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 130%;
  vertical-align: middle;
  margin-bottom: 12rem;
  color: #111111;
  text-align: right;
}
.basket__item__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.basket__item__props {
  max-width: 274rem;
}
.basket__item__buttons a {
  cursor: pointer;
}
.basket__item__buttons a.active svg path {
  fill: #0d9baa;
}
.basket__item .product__basket__cnt {
  height: 40rem;
  border-radius: 8px;
  margin-right: 16rem;
}

.basket-wrap {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 1024px) {
  .basket__top {
    display: flex;
    justify-content: space-between;
    color: #615E5B;
    height: 21rem;
    align-items: center;
    margin-bottom: 24rem;
  }
  .basket__top__left {
    color: #615E5B;
  }
  .basket__top__left a {
    color: #615E5B;
    font-weight: 400;
    font-size: 14rem;
    line-height: 150%;
  }
  .basket__top__right {
    color: #615E5B;
    font-weight: 400;
    font-size: 14rem;
    line-height: 150%;
  }
  .basket__item {
    display: flex;
    padding-top: 24rem;
    border-top: 1px solid #EBEBEB;
    margin-bottom: 24rem;
  }
  .basket__item__chose {
    margin-right: 12rem;
  }
  .basket__item__img {
    width: 90rem;
    height: 60rem;
    margin-right: 12rem;
  }
  .basket__item__right {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .basket__item__title {
    font-weight: 600;
    font-size: 14px;
    line-height: 130%;
    vertical-align: middle;
    color: #111111;
    margin-bottom: 12rem;
  }
  .basket__item__prices {
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
    line-height: 130%;
    vertical-align: middle;
    margin-bottom: 12rem;
    color: #111111;
  }
  .basket__item__prices div {
    text-align: left;
  }
  .basket__item__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .basket__item .product__basket__cnt {
    height: 32rem;
    border-radius: 8px;
  }
}
.order-total {
  max-width: 433rem;
  border-radius: 24rem;
  padding: 32rem 24rem;
  background: #F4F3F1;
  height: -moz-max-content;
  height: max-content;
}
@media (max-width: 1024px) {
  .order-total {
    display: flex;
    flex-direction: column;
    margin-bottom: 48rem;
  }
}
.order-total__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 100%;
  vertical-align: middle;
  color: #111111;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24rem;
}
.order-total__top {
  font-weight: 500;
  font-size: 16rem;
  line-height: 130%;
  color: #111111;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24rem;
}
.order-total__info {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: white;
  padding: 8rem 12rem;
  margin-bottom: 24rem;
  color: #111111;
}
.order-total__info svg {
  margin-right: 8rem;
  min-width: 24rem;
  min-height: 24rem;
}
.order-total .button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 24rem;
}
.order-total__note {
  color: #615E5B;
}
.order-total__note a {
  color: #111111;
}

.mob-filter {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24rem;
}
.mob-filter__item {
  padding: 8rem 16rem;
  border-radius: 8px;
  background: #F4F3F1;
  display: flex;
  align-items: center;
  color: #111111;
  font-weight: 600;
}
.mob-filter__item svg {
  margin-right: 8rem;
}
.mob-filter__wrapper {
  position: relative;
}
.mob-filter__sort {
  display: none;
  position: absolute;
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.1215686275);
  padding: 16rem;
  color: #111111;
  bottom: -186px;
  background: white;
  border-radius: 12px;
  white-space: nowrap;
  flex-direction: column;
  z-index: 11;
}
.mob-filter__sort.active {
  display: flex;
}
.mob-filter__sort a {
  color: #111111;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-bottom: 16rem;
}
.mob-filter__sort a:focus, .mob-filter__sort a:hover {
  color: #111111;
}
.mob-filter__sort a.active {
  color: #0d9baa;
}

@media (max-width: 1024px) {
  .catalog__left__why, .catalog__left__info {
    display: none;
  }
  .catalog__filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    min-height: 100vh;
  }
}
@media (max-width: 1024px) {
  .only-desc {
    display: none;
  }
}

.only-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .only-mobile {
    display: block;
  }
}

.mob-acc-inner {
  display: flex;
  flex-direction: column;
}

@media (max-width: 1024px) {
  .js-mobile-filter {
    width: 100%;
    background: white;
    z-index: 11;
    padding: 16rem;
    top: 0;
    /*position: absolute;*/
    height: 100vh;
    overflow: scroll;
    width: 100%;
    background: white;
    z-index: 11;
    padding: 16px; /* Исправлено: было 16rem (слишком большой отступ) */
    top: 0;
    left: 0; /* Добавлено для позиционирования */
    right: 0; /* Добавлено для позиционирования */
    position: fixed; /* Изменено с absolute на fixed */
    height: 100vh;
    overflow-y: auto; /* Более конкретное свойство */
    -webkit-overflow-scrolling: touch; /* Плавный скролл на iOS */
    padding-bottom: 60px;
  }
  .js-mobile-filter .button {
    width: 48%;
  }
  .js-mobile-filter .buttons {
    justify-content: space-between;
  }
  .js-mobile-filter .bx_filter_search_reset {
    background: #F4F3F1;
    border-radius: 8rem;
    height: 40rem;
  }
  .js-mobile-filter .title_wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
  }
  .mob-acc-title {
    display: block;
    color: white;
    padding-bottom: 16rem;
    border-bottom: 1px solid rgba(97, 94, 91, 0.3);
    margin-bottom: 16rem;
    position: relative;
    margin-bottom: 16rem;
  }
  .mob-acc-title:after {
    content: "";
    position: absolute;
    right: 0;
    width: 24rem;
    height: 26rem;
    background: url("/frontend/h/img/arrow-acc.svg");
  }
  .mob-acc-title.active:after {
    transform: rotate(180deg);
  }
  .mob-acc-title.active {
    border-bottom: none;
    margin-bottom: 0;
  }
  .mob-acc-inner {
    display: none;
    padding-bottom: 16rem;
    margin-bottom: 16rem;
    border-bottom: 1px solid rgba(97, 94, 91, 0.3);
  }
  .prod_tabs__nav__item {
    position: relative;
  }
}
.mob-bot-menu {
  display: none;
  height: 64rem;
  width: 100%;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  background: white;
  padding: 8rem 16rem;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1019607843);
}
@media (max-width: 1024px) {
  .mob-bot-menu {
    display: flex;
    justify-content: space-between;
    z-index: 11;
  }
}
.mob-bot-menu__item {
  width: 20%;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  letter-spacing: 0px;
  text-align: center;
  color: #615E5B;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.mob-bot-menu__item div {
  position: absolute;
  height: 16rem;
  width: 16rem;
  border-radius: 50px;
  background: #E81E5A;
  color: white;
  font-size: 10rem;
  top: -5px;
  right: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main {
  /*margin-top: 104rem;*/
}
@media (max-width: 1024px) {
  .main {
    margin-top: 0;
  }
}

.header-top-fixed-cont {
  /*position: fixed;*/
  top: 0;
  z-index: 11;
  background: white;
  width: 100%;
  padding-bottom: 16rem;
}

.error {
  display: flex;
  justify-content: center;
  padding: 80rem 0;
}
.error__wrap {
  display: flex;
  width: 600rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .error__wrap {
    width: 100%;
  }
}
.error__img {
  margin-bottom: 24rem;
  width: 600rem;
}
@media (max-width: 1024px) {
  .error__img {
    width: 100%;
  }
}
.error__title {
  margin-bottom: 24rem;
}
.error__text {
  margin-bottom: 24rem;
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  color: #111111;
}

.m-menu {
  height: 100vh;
  z-index: 999;
  position: fixed;
  background: white;
  display: flex;
  flex-direction: column;
  width: 100%;
  display: none;
}
.m-menu.active {
  display: block;
}
.m-menu__wrap {
  height: 100%;
  overflow: scroll;
  scrollbar-width: none;
}
.m-menu__top {
  padding: 16rem;
  display: flex;
  align-items: center;
  margin-bottom: 16rem;
}
.m-menu__top__close {
  margin-left: 24rem;
}
.m-menu__menu {
  display: flex;
  flex-direction: column;
  padding-bottom: 12rem;
  border-bottom: 1px solid #EBEBEB;
}
.m-menu__menu__item {
  width: 100%;
  position: relative;
  background: white;
}
.m-menu__menu__item__link-sect {
  display: flex;
  align-items: center;
  color: #111111;
}
.m-menu__menu__item__link-under {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  width: 44rem;
  height: 44rem;
}
.m-menu__menu__item__link {
  padding: 0 16rem;
  position: relative;
  height: 44rem;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
}
.m-menu__menu__item.active .m-menu__menu__item__link:after {
  transform: rotate(180deg);
}
.m-menu__menu__item__link:after {
  content: "";
  position: absolute;
  right: 16rem;
  width: 24rem;
  height: 24rem;
  background: url(/frontend/h/img/arrow_grey.svg);
}
.m-menu__menu__item__link.not_inner:after {
  display: none;
}
.m-menu__menu__item__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 8rem;
  display: none;
}
.m-menu__menu__item__inner__item {
  padding: 0 16rem;
  height: 44rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
}
.m-menu__menu__item__inner__item svg {
  margin-right: 10rem;
}
.m-menu__menu__item__inner__item svg.plus {
  /*position: absolute;
  right: 16rem;
  margin: 0;
  right: 0;
  right: 16rem;*/
}
.m-menu__menu__item__inner.active {
  display: block;
}
.m-menu__actions {
  padding: 0 16rem;
  margin-top: 12rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 12rem;
  border-bottom: 1px solid #EBEBEB;
}
.m-menu__actions a {
  height: 44rem;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
}
.m-menu__actions a svg {
  margin-right: 10rem;
}
.m-menu__links {
  padding: 0 16rem;
  display: flex;
  flex-direction: column;
  margin-top: 12rem;
}
.m-menu__links a {
  height: 44rem;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #111111;
}
.m-menu__under {
  /*padding: 0 16rem;*/
  top: 0;
  position: absolute;
  left: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: white;
}
.m-menu__under__items {
  padding: 0 16rem;
  display: flex;
  flex-direction: column;
}
.m-menu__under__item {
  display: flex;
  height: 44rem;
  align-items: center;
}
.m-menu__under__back {
  padding: 0 16rem;
  display: flex;
  align-items: center;
  height: 44rem;
  padding-bottom: 12rem;
  color: #111111;
}
.m-menu__under__back svg {
  transform: rotate(270deg);
}
.m-menu__under__title {
  padding: 0 16rem;
  display: flex;
  align-items: center;
  height: 44rem;
  font-weight: 500;
  background: #F4F3F1;
}

.m-menu__menu.under_0 {
  transition: 0.4s;
}

.m-menu__menu.under_1 {
  transform: translateX(-100%);
  transition: 0.4s;
}

.m-menu__menu.under_2 {
  transition: 0.4s;
  transform: translateX(-200%);
}

.m-menu__menu.under_3 {
  transition: 0.4s;
  transform: translateX(-300%);
}

.m-menu__under__level_1 {
  top: -40rem;
}

.fancybox-content {
  border-radius: 0;
  /*min-width: 800rem;
  min-height: 400rem;*/
}
@media (max-width: 1024px) {
  .fancybox-content {
    /*width: 100% !important;
    padding: 12rem!important;*/
    border-radius: 0 !important;
    /*min-width: 100%;
    min-height: auto;*/
  }
}

@media (max-width: 1024px) {
  .fancy-video-2 {
    margin-top: 10rem !important;
  }
}

.button.half svg {
  margin-right: 16rem;
  width: 24rem;
  height: 24rem;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .button.half svg {
    display: none;
  }
}
.main_news.sections .main_news__item__img {
  position: relative;
  width: 100%;
  max-height: 176rem;
  height: 100%;
  padding-bottom: 26%;
  border-radius: 8rem;
}
@media (max-width: 1024px) {
  .main_news.sections .main_news__item__img {
    min-width: 235rem;
  }
}
.main_news.sections .main_news__item__text {
  padding: 0;
  margin-top: 24rem;
}
.main_news.sections .main_news__item__icon svg {
  width: 56rem;
  height: 56rem;
}

@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title-wrap.faq {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title-wrap.faq .title {
    width: 100%;
    margin-bottom: 16rem;
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title-wrap.faq .button {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .faq-title-wrap {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 1024px) {
  .prod_tabs__blocks__item__title-wrap.faq .title.only-desc {
    display: none !important;
  }
}

.product__basket__cnt input {
  max-width: 24rem;
}

@media (max-width: 1024px) {
  .goods__item.section_item .goods__item__icons__left {
    grid-template-columns: repeat(6, 1fr);
    width: auto;
  }
}
/*
.search-form{
  display: none;
}*/
/* Базовые стили для формы поиска (скрыта по умолчанию) */
.search-form {
  position: fixed; /* или absolute, в зависимости от контекста */
  top: 10px; /* отступ сверху, настройте под свой дизайн */
  left: 10px; /* отступ слева */
  right: 10px; /* отступ справа */
  width: auto; /* автоширина с учетом отступов */
  display: none; /* скрыта по умолчанию */
  align-items: center;
  background: white;
  z-index: 1000; /* чтобы быть поверх других элементов */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.search-form.active {
  display: none;
}

/* Активное состояние - показываем форму */
.search-form.active {
  display: flex; /* или block, в зависимости от вашей верстки */
}

/* Стили для поля ввода */
.search-input {
  flex: 1; /* занимает все доступное пространство */
  width: 100%;
  padding: 12px 40px 12px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  outline: none;
}

.search-input:focus {
  border-color: #666;
}

/* Стили для кнопки закрытия */
.search-close {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.search-close svg {
  display: block;
}

/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
  .search-form {
    top: 5px;
    left: 5px;
    right: 5px;
  }
  .search-input {
    padding: 10px 40px 10px 12px;
    font-size: 16px;
  }
}
.custom_select {
  position: relative;
  width: 100%;
}

.custom-select-wrapper {
  position: relative;
}

.custom_select label {
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  background: white;
  padding: 0 4px;
  left: 16px;
  top: -6px;
  z-index: 10;
  color: #666;
}

.native-select {
  display: none; /* Скрываем нативный селект */
}

.custom-select-trigger {
  width: 100%;
  /*padding: 16px 45px 16px 20px;*/
  height: 40px;
  display: flex;
  align-items: center;
  padding: 8rem 16rem;
  font-size: 16px;
  border: 1px solid #C7C1BB;
  border-radius: 12px;
  background-color: #fff;
  color: #333;
  cursor: pointer;
  position: relative;
  text-align: left;
  transition: all 0.3s ease;
}

.custom-select-trigger:focus {
  outline: none;
  border-color: #19BBCA;
  box-shadow: 0 0 0 2px rgba(25, 187, 202, 0.2);
}

.custom-select-trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  border: 2px solid #111111;
  border-width: 0 2px 2px 0;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}

.custom-select-trigger.open::after {
  transform: translateY(-50%) rotate(225deg);
}

.custom-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #C7C1BB;
  border-radius: 12px;
  margin-top: 4px;
  max-height: 200px;
  overflow-y: auto;
  z-index: 1000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: none;
}

.custom-select-options.open {
  display: block;
}

.custom-option {
  padding: 12px 20px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.custom-option:hover {
  background-color: #f5f5f5;
}

.custom-option.selected {
  background-color: #19BBCA;
  color: white;
}

.custom-option.disabled {
  color: #999;
  cursor: not-allowed;
}

/* Стили для скрытого нативного селекта */
.native-select {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.file-input-container {
  margin-bottom: 20px;
}

/* Стилизация label (видимой части) */
.file-input-label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  border: 2px dashed #19BBCA;
  border-radius: 12px;
  background-color: #f8fdff;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  min-width: 250px;
  width: 100%;
}

.file-input-label:hover {
  background-color: #e8f7f9;
  border-color: #0d9baa;
  transform: translateY(-2px);
}

.file-input-label:active {
  transform: translateY(0);
}

/* Стили для иконки */
.file-input-icon {
  font-size: 40px;
  margin-bottom: 12px;
  display: block;
}

/* Стили для текста */
.file-input-text {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
  display: block;
}

.file-input-subtext {
  font-size: 12px;
  color: #666;
  display: block;
}

/* Стилизация самого input file */
.file-input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

/* Стили для фокуса (доступность) */
.file-input:focus + .file-input-label {
  outline: 2px solid #19BBCA;
  outline-offset: 2px;
}

/* Стили для различных состояний */
.file-input:valid + .file-input-label {
  border-color: #2ed573;
  background-color: #f0fff4;
}

.file-input:invalid + .file-input-label {
  border-color: #19BBCA;
}

/* Стили для disabled состояния */
.file-input:disabled + .file-input-label {
  background-color: #f5f5f5;
  border-color: #ddd;
  cursor: not-allowed;
  opacity: 0.6;
}

.file-input:disabled + .file-input-label:hover {
  background-color: #f5f5f5;
  transform: none;
}

/* Адаптивность */
@media (max-width: 768px) {
  .file-input-label {
    padding: 20px;
    min-width: 200px;
  }
  .file-input-icon {
    font-size: 32px;
  }
  .file-input-text {
    font-size: 14px;
  }
}
/* Альтернативный стиль - кнопка */
.file-input-button {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background-color: #19BBCA;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.3s ease;
}

.file-input-button:hover {
  background-color: #158a96;
}

.file-input-button::before {
  content: "📎";
  margin-right: 8px;
  font-size: 16px;
}

/* Стиль с иконкой внутри */
.file-input-with-icon {
  display: inline-flex;
  align-items: center;
  padding: 15px 20px;
  border: 2px solid #19BBCA;
  border-radius: 8px;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease;
}

.file-input-with-icon:hover {
  background-color: #f8fdff;
}

.file-input-with-icon::before {
  content: "📁";
  margin-right: 10px;
  font-size: 18px;
}

/* Стили для разных accept атрибутов */
input[accept*=image] + .file-input-label {
  border-color: #ff6b6b;
  background-color: #fff5f5;
}

input[accept*=image] + .file-input-label:hover {
  border-color: #ff4757;
  background-color: #ffe6e6;
}

input[accept*=".pdf"] + .file-input-label {
  border-color: #ff9f43;
  background-color: #fff9ec;
}

input[accept*=".pdf"] + .file-input-label:hover {
  border-color: #ff7f00;
  background-color: #fff0d9;
}

input[accept*=".doc"] + .file-input-label,
input[accept*=".docx"] + .file-input-label {
  border-color: #2e86de;
  background-color: #edf5ff;
}

input[accept*=".doc"] + .file-input-label:hover,
input[accept*=".docx"] + .file-input-label:hover {
  border-color: #1e6fbf;
  background-color: #e0eeff;
}

.file-selection-info {
  margin-top: 10px;
  font-size: 14px;
  color: #666;
  text-align: center;
}

.slider {
  position: relative;
}
.slider__slider.swiper-horizontal {
  touch-action: pan-y;
}
.slider__slider.swiper-vertical {
  touch-action: pan-x;
}
.slider__slides {
  position: relative;
  display: flex;
  height: 100%;
  min-width: 100%;
}
.swiper-grid > .slider__slides {
  flex-direction: column;
  flex-wrap: wrap;
}
.slider__slider.swiper-autoheight .slider__slides {
  align-items: flex-start;
}
.slider__slider.swiper-vertical .slider__slides {
  flex-direction: column;
}
.slider__slide {
  display: block;
  flex-shrink: 0;
  position: relative;
  width: 100%;
}
.slider__slide._width-auto {
  width: auto;
}
.slider .slider__nav__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44rem;
  height: 44rem;
  background-color: #F2F7FB;
  color: #3D4471;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.slider .slider__nav__arrow__left {
  top: 45%;
  left: 8px;
  position: absolute;
}
.slider .slider__nav__arrow__right {
  top: 45%;
  right: 8px;
  position: absolute;
  transform: rotate(180deg);
}
.slider .slider__nav__arrow._size-32 {
  width: 32rem;
  height: 32rem;
}
.slider .slider__nav__arrow._white {
  background-color: white;
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .slider .slider__nav__arrow:hover {
    background-color: #19BBCA;
    color: white;
  }
}
.slider .slider__nav__arrow:active {
  background-color: #19BBCA;
  color: white;
}
.slider .slider__nav__arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}
.slider .slider__nav__arrow.swiper-button-lock {
  opacity: 0;
  visibility: hidden;
}
.slider .slider__nav__arrow .svg-icon {
  display: block;
  width: 10rem;
  height: 10rem;
}
.slider .slider__nav__arrow._prev .svg-icon {
  transform: scale(-1, 1);
}
.slider__progressbar {
  height: 2rem;
  background: rgba(61, 68, 113, 0.1215686275);
}
.slider__progressbar__line {
  height: 100%;
  background: #3D4471;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.slider__pagination {
  display: flex;
  gap: 12rem;
  position: absolute;
  bottom: 0;
  right: calc(50% - 20rem);
}
@media (max-width: 1024px) {
  .slider__pagination {
    right: 42%;
  }
}
.slider__pagination .item {
  display: block;
  width: 12rem;
  height: 12rem;
  border-radius: 36rem;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  border: 1px solid white;
}
.slider__pagination .item._active {
  background: white;
}
.slider__pagination._dynamic-bullets {
  display: block;
  white-space: nowrap;
  margin: 0 auto;
}
.slider__pagination._dynamic-bullets .item {
  display: inline-block;
  position: relative;
  margin: 0 4rem;
  opacity: 0;
}
.slider__pagination._dynamic-bullets .item._active, .slider__pagination._dynamic-bullets .item._active-prev, .slider__pagination._dynamic-bullets .item._active-prev-prev, .slider__pagination._dynamic-bullets .item._active-next, .slider__pagination._dynamic-bullets .item._active-next-next {
  opacity: 1;
}
.slider__pagination.swiper-pagination-lock {
  display: none;
}
.slider__autoplay-progress {
  width: 100%;
  background-color: #F2F7FB;
  border-radius: 3rem;
  overflow: hidden;
}
.slider__autoplay-progress__line {
  height: 4rem;
  background-color: #3D4471;
  border-radius: 0 3rem 3rem 0;
}
.slider__pager-hover {
  width: 100%;
  height: 40px;
  display: flex;
  gap: 5px;
}
.slider__pager-hover__item {
  width: 25%;
  background: red;
}

.thumbs-slider {
  /*height: 100px;
  margin-top: 10px;*/
}

.thumbs-slider .swiper-wrapper {
  /*height: 100px;
  margin-top: 10px;
  display: flex;*/
}

.thumbs-slider .swiper-slide {
  opacity: 0.5; /* Полупрозрачные неактивные миниатюры */
  transition: opacity 0.3s;
  cursor: pointer;
}

.thumbs-slider .swiper-slide-thumb-active {
  opacity: 1; /* Полная непрозрачность для активной миниатюры */
}

.slider.small .slider__slide {
  height: 73rem;
  cursor: pointer;
} /*
.slider.small.pop .slider__slide{
  height: auto;
  cursor: pointer;
}
.slider.small.pop .slider__slide img{
  height: 130rem;
}
*/
.slider.small img {
  width: auto %;
  height: auto;
  /*object-fit: cover;*/
  border-radius: 4px;
}

.slider.small a {
  display: flex;
  justify-content: center;
}

.slider.small .swiper-slide-thumb-active {
  border-radius: 4px;
  border: 1px solid #19BBCA;
}

.slider.small .slider__nav__arrow__right, .slider.small .slider__nav__arrow__left {
  top: 16px;
}

.goods__item .slider__pagination .item, .pop-slider .slider__pagination .item {
  height: 2rem;
  width: 10rem;
  background: #C7C1BB;
  border: none !important;
  border-radius: 0 !important;
}

.pop-slider .slider__pagination {
  display: none;
}
@media (max-width: 1024px) {
  .pop-slider .slider__pagination {
    display: flex;
    bottom: -7px;
  }
}

@media (max-width: 1024px) {
  .pop-slider .slider__nav__arrow__left, .pop-slider .slider__nav__arrow__right {
    display: none;
  }
}

.pop-slider {
  margin-bottom: 30rem;
}

.goods__item .slider__pagination .item._active, .pop-slider .slider__pagination .item._active {
  width: 20rem;
  background: #19BBCA;
}

.goods__item .slider__pagination {
  gap: 4rem;
}

@media (max-width: 1024px) {
  .config__tabs__items__item__slider-wrap__right {
    width: calc(100vw - 60rem);
  }
}

.js--for-popup {
  display: none;
}

html._popup-open {
  overflow: hidden;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 98;
  background-color: rgba(19, 20, 19, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
html._popup-open:not(._popup-close) .popup-overlay {
  opacity: 1;
  visibility: visible;
}

.popup-close {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  color: #3D4471;
  top: 20rem;
  right: 20rem;
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .popup-close:hover {
    color: #FF4016;
  }
}
.popup-close:active {
  color: #FF4016;
}
@media (min-width: 768rem) {
  .popup-close {
    top: 34rem;
    right: 32rem;
  }
}
.popup-close svg {
  display: block;
  stroke: currentColor;
  width: 24rem;
  height: 24rem;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  display: grid;
  align-items: center;
  overflow-y: auto;
  scrollbar-gutter: stable;
  padding: 8rem;
}
@media (min-width: 768rem) {
  .popup {
    padding: 20rem;
  }
}
.popup__container {
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  position: relative;
  background-color: white;
  transition: 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity: 0;
  transform: translateY(var(--popup-translate-y));
  border-radius: 16rem;
}
@media (min-width: 768rem) {
  .popup__container {
    border-radius: 20rem;
    max-width: 952rem;
  }
}
html._popup-open:not(._popup-close) .popup__container {
  opacity: 1;
  transform: translateY(0);
}
.popup__content {
  display: block;
  align-items: center;
  width: 100%;
}

.popup._modal .popup__container {
  max-width: 477rem;
}

.popup-modal {
  width: 100%;
  padding: 24rem;
}
@media (min-width: 768rem) {
  .popup-modal {
    padding: 100rem 32rem;
    text-align: center;
  }
}
@media (max-width: 767rem) {
  .popup-modal__title {
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
}
@media (min-width: 768rem) {
  .popup-modal__title {
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
}
@media (max-width: 767rem) {
  .popup-modal__text {
    font-size: 14rem;
    line-height: 22rem;
    letter-spacing: -0.01em;
    margin-top: 14rem;
  }
}
@media (min-width: 768rem) {
  .popup-modal__text {
    font-size: 16rem;
    line-height: 22rem;
    margin-top: 20rem;
  }
}

.popup-base {
  width: 100%;
  padding: 20rem;
}
@media (min-width: 768rem) {
  .popup-base {
    padding: 32rem;
  }
}
.popup-base__head {
  margin-bottom: 32rem;
}
@media (min-width: 768rem) {
  .popup-base__head {
    margin-bottom: 40rem;
  }
}
@media (max-width: 767rem) {
  .popup-base__title {
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
}
@media (min-width: 768rem) {
  .popup-base__title {
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
}
.popup-base__text {
  font-size: 14rem;
  line-height: 22rem;
  letter-spacing: -0.01em;
  margin-top: 8rem;
}

.popup._form .popup__container {
  max-width: 477rem;
}
@media (max-width: 767rem) {
  .popup._form._m-full {
    padding: 0;
  }
  .popup._form._m-full .popup__container {
    border-radius: 0;
  }
  .popup._form._m-full .popup__container .popup-form {
    padding: 24rem 16rem;
  }
}

.popup-form {
  width: 100%;
  padding: 20rem;
}
@media (min-width: 768rem) {
  .popup-form {
    padding: 32rem;
  }
}
.popup-form__head {
  margin-bottom: 32rem;
}
@media (max-width: 767rem) {
  .popup-form__title {
    font-weight: 700;
    font-size: var(--h1-font-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
  }
}
@media (min-width: 768rem) {
  .popup-form__title {
    font-weight: 700;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height);
    letter-spacing: var(--h3-letter-spacing);
  }
}
.popup-form__text {
  font-size: 14rem;
  line-height: 22rem;
  letter-spacing: -0.01em;
  margin-top: 8rem;
}
.popup-form__form {
  margin-top: 40rem;
  display: grid;
  grid-gap: 24rem;
}

.popup._buy-as-ur-popup .popup__container {
  max-width: 619rem;
}

.popup._align-right {
  overflow: hidden;
}
@media (max-width: 767rem) {
  .popup._align-right {
    padding: 0;
  }
}
@media (min-width: 768rem) {
  .popup._align-right {
    padding: 20rem;
  }
}
@media (max-width: 767rem) {
  .popup._align-right .popup-close {
    display: none;
  }
}
.popup._align-right .popup__container {
  display: flex;
  overflow: hidden;
}
@media (max-width: 767rem) {
  .popup._align-right .popup__container {
    height: 100%;
    border-radius: 0;
  }
}
@media (min-width: 768rem) {
  .popup._align-right .popup__container {
    max-width: 619rem;
    margin: 0 0 0 auto;
    border-radius: 32rem;
    max-height: 100%;
  }
}

.popup-align-right {
  width: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  padding: 16rem;
}
.popup-align-right > * {
  min-width: 0;
}
@media (min-width: 768rem) {
  .popup-align-right {
    padding: 32rem;
  }
}
.popup-align-right__mobile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-align-right__mobile-head:after {
  content: "";
  display: block;
  width: 44rem;
}
.popup-align-right__body {
  overflow: hidden;
  margin-right: -16rem;
}
@media (min-width: 768rem) {
  .popup-align-right__body {
    margin-right: -32rem;
  }
}
.popup-align-right__body .js--scrollbar {
  height: 100%;
  padding: 24rem 16rem 24rem 0;
}
@media (min-width: 768rem) {
  .popup-align-right__body .js--scrollbar {
    padding: 40rem 32rem 40rem 0;
  }
}
.popup-align-right__body:last-child .js--scrollbar {
  padding-bottom: 0;
}

.fancybox-content {
  max-width: 1044rem;
  padding: 24rem;
  border-radius: 16rem;
  color: #111111;
}

@media (min-width: 768rem) {
  ._mobile {
    display: none !important;
  }
}

@media (min-width: 1025rem) {
  ._mobile-tablet {
    display: none !important;
  }
}

@media (max-width: 767rem) {
  ._tablet {
    display: none !important;
  }
}
@media (min-width: 1025rem) {
  ._tablet {
    display: none !important;
  }
}

@media (max-width: 767rem) {
  ._tablet-desktop {
    display: none !important;
  }
}

@media (min-width: 768rem) and (max-width: 1024px) {
  ._mobile-desktop {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  ._desktop {
    display: none !important;
  }
}

html._is-no-touch ._for-is-touch {
  display: none !important;
}

.d-none {
  display: none !important;
}

.l-h-1 {
  line-height: 1;
}

.tt-u {
  text-transform: uppercase;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fs-normal {
  font-style: normal;
}

.p-r {
  position: relative;
}

.pe-n {
  pointer-events: none;
}

.ta-c {
  text-align: center;
}

.ta-r {
  text-align: right;
}

.o-h {
  overflow: hidden;
}

.w-100 {
  width: 100%;
}

@media (max-width: 767rem) {
  .m-w-100 {
    width: 100%;
  }
}

.h-0 {
  height: 0rem;
}

.h-0-5 {
  height: 8rem;
}

.h-1 {
  height: 16rem;
}

.h-1-5 {
  height: 24rem;
}

.h-2 {
  height: 32rem;
}

.h-2-5 {
  height: 40rem;
}

.h-3 {
  height: 48rem;
}

.h-3-5 {
  height: 56rem;
}

.h-4 {
  height: 64rem;
}

.h-4-5 {
  height: 72rem;
}

.h-5 {
  height: 80rem;
}

.h-5-5 {
  height: 88rem;
}

.h-6 {
  height: 96rem;
}

.h-6-5 {
  height: 104rem;
}

.h-7 {
  height: 112rem;
}

.h-7-5 {
  height: 120rem;
}

.h-8 {
  height: 128rem;
}

.h-8-5 {
  height: 136rem;
}

.h-9 {
  height: 144rem;
}

.h-9-5 {
  height: 152rem;
}

.h-10 {
  height: 160rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mt-0-5 {
  margin-top: 8rem;
}

.mt-1 {
  margin-top: 16rem;
}

.mt-1-5 {
  margin-top: 24rem;
}

.mt-2 {
  margin-top: 32rem;
}

.mt-2-5 {
  margin-top: 40rem;
}

.mt-3 {
  margin-top: 48rem;
}

.mt-3-5 {
  margin-top: 56rem;
}

.mt-4 {
  margin-top: 64rem;
}

.mt-4-5 {
  margin-top: 72rem;
}

.mt-5 {
  margin-top: 80rem;
}

.mt-5-5 {
  margin-top: 88rem;
}

.mt-6 {
  margin-top: 96rem;
}

.mt-6-5 {
  margin-top: 104rem;
}

.mt-7 {
  margin-top: 112rem;
}

.mt-7-5 {
  margin-top: 120rem;
}

.mt-8 {
  margin-top: 128rem;
}

.mt-8-5 {
  margin-top: 136rem;
}

.mt-9 {
  margin-top: 144rem;
}

.mt-9-5 {
  margin-top: 152rem;
}

.mt-10 {
  margin-top: 160rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.mb-0-5 {
  margin-bottom: 8rem;
}

.mb-1 {
  margin-bottom: 16rem;
}

.mb-1-5 {
  margin-bottom: 24rem;
}

.mb-2 {
  margin-bottom: 32rem;
}

.mb-2-5 {
  margin-bottom: 40rem;
}

.mb-3 {
  margin-bottom: 48rem;
}

.mb-3-5 {
  margin-bottom: 56rem;
}

.mb-4 {
  margin-bottom: 64rem;
}

.mb-4-5 {
  margin-bottom: 72rem;
}

.mb-5 {
  margin-bottom: 80rem;
}

.mb-5-5 {
  margin-bottom: 88rem;
}

.mb-6 {
  margin-bottom: 96rem;
}

.mb-6-5 {
  margin-bottom: 104rem;
}

.mb-7 {
  margin-bottom: 112rem;
}

.mb-7-5 {
  margin-bottom: 120rem;
}

.mb-8 {
  margin-bottom: 128rem;
}

.mb-8-5 {
  margin-bottom: 136rem;
}

.mb-9 {
  margin-bottom: 144rem;
}

.mb-9-5 {
  margin-bottom: 152rem;
}

.mb-10 {
  margin-bottom: 160rem;
}

.mr-0 {
  margin-right: 0rem;
}

.mr-0-5 {
  margin-right: 8rem;
}

.mr-1 {
  margin-right: 16rem;
}

.mr-1-5 {
  margin-right: 24rem;
}

.mr-2 {
  margin-right: 32rem;
}

.mr-2-5 {
  margin-right: 40rem;
}

.mr-3 {
  margin-right: 48rem;
}

.mr-3-5 {
  margin-right: 56rem;
}

.mr-4 {
  margin-right: 64rem;
}

.mr-4-5 {
  margin-right: 72rem;
}

.mr-5 {
  margin-right: 80rem;
}

.mr-5-5 {
  margin-right: 88rem;
}

.mr-6 {
  margin-right: 96rem;
}

.mr-6-5 {
  margin-right: 104rem;
}

.mr-7 {
  margin-right: 112rem;
}

.mr-7-5 {
  margin-right: 120rem;
}

.mr-8 {
  margin-right: 128rem;
}

.mr-8-5 {
  margin-right: 136rem;
}

.mr-9 {
  margin-right: 144rem;
}

.mr-9-5 {
  margin-right: 152rem;
}

.mr-10 {
  margin-right: 160rem;
}

.ml-0 {
  margin-left: 0rem;
}

.ml-0-5 {
  margin-left: 8rem;
}

.ml-1 {
  margin-left: 16rem;
}

.ml-1-5 {
  margin-left: 24rem;
}

.ml-2 {
  margin-left: 32rem;
}

.ml-2-5 {
  margin-left: 40rem;
}

.ml-3 {
  margin-left: 48rem;
}

.ml-3-5 {
  margin-left: 56rem;
}

.ml-4 {
  margin-left: 64rem;
}

.ml-4-5 {
  margin-left: 72rem;
}

.ml-5 {
  margin-left: 80rem;
}

.ml-5-5 {
  margin-left: 88rem;
}

.ml-6 {
  margin-left: 96rem;
}

.ml-6-5 {
  margin-left: 104rem;
}

.ml-7 {
  margin-left: 112rem;
}

.ml-7-5 {
  margin-left: 120rem;
}

.ml-8 {
  margin-left: 128rem;
}

.ml-8-5 {
  margin-left: 136rem;
}

.ml-9 {
  margin-left: 144rem;
}

.ml-9-5 {
  margin-left: 152rem;
}

.ml-10 {
  margin-left: 160rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pt-0-5 {
  padding-top: 8rem;
}

.pt-1 {
  padding-top: 16rem;
}

.pt-1-5 {
  padding-top: 24rem;
}

.pt-2 {
  padding-top: 32rem;
}

.pt-2-5 {
  padding-top: 40rem;
}

.pt-3 {
  padding-top: 48rem;
}

.pt-3-5 {
  padding-top: 56rem;
}

.pt-4 {
  padding-top: 64rem;
}

.pt-4-5 {
  padding-top: 72rem;
}

.pt-5 {
  padding-top: 80rem;
}

.pt-5-5 {
  padding-top: 88rem;
}

.pt-6 {
  padding-top: 96rem;
}

.pt-6-5 {
  padding-top: 104rem;
}

.pt-7 {
  padding-top: 112rem;
}

.pt-7-5 {
  padding-top: 120rem;
}

.pt-8 {
  padding-top: 128rem;
}

.pt-8-5 {
  padding-top: 136rem;
}

.pt-9 {
  padding-top: 144rem;
}

.pt-9-5 {
  padding-top: 152rem;
}

.pt-10 {
  padding-top: 160rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pb-0-5 {
  padding-bottom: 8rem;
}

.pb-1 {
  padding-bottom: 16rem;
}

.pb-1-5 {
  padding-bottom: 24rem;
}

.pb-2 {
  padding-bottom: 32rem;
}

.pb-2-5 {
  padding-bottom: 40rem;
}

.pb-3 {
  padding-bottom: 48rem;
}

.pb-3-5 {
  padding-bottom: 56rem;
}

.pb-4 {
  padding-bottom: 64rem;
}

.pb-4-5 {
  padding-bottom: 72rem;
}

.pb-5 {
  padding-bottom: 80rem;
}

.pb-5-5 {
  padding-bottom: 88rem;
}

.pb-6 {
  padding-bottom: 96rem;
}

.pb-6-5 {
  padding-bottom: 104rem;
}

.pb-7 {
  padding-bottom: 112rem;
}

.pb-7-5 {
  padding-bottom: 120rem;
}

.pb-8 {
  padding-bottom: 128rem;
}

.pb-8-5 {
  padding-bottom: 136rem;
}

.pb-9 {
  padding-bottom: 144rem;
}

.pb-9-5 {
  padding-bottom: 152rem;
}

.pb-10 {
  padding-bottom: 160rem;
}

.first-mt-0:first-child {
  margin-top: 0;
}

.last-mb-0:last-child {
  margin-bottom: 0;
}

.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

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

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

.bg-img-contain {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
}

.bg-100 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center center;
}

.absolut-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lazy[data-bg]:not(a),
.slider-lazy[data-bg]:not(a),
.bg-cover:not(a),
.bg-contain:not(a),
.bg-100:not(a) {
  pointer-events: none;
}

pre {
  font-size: 12rem;
  line-height: 1;
  background-color: white;
  color: black;
  padding: 1em;
  border: 1rem solid;
  border-radius: 8rem;
  margin: 1em;
}

.title-link {
  color: inherit;
  transition: color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .title-link:hover {
    color: #FF4016;
  }
}
.title-link:active {
  color: #FF4016;
}

.link {
  color: #3D4471;
  transition: color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link:hover {
    color: #FF4016;
  }
}
.link:active {
  color: #FF4016;
}

.link-red {
  color: #FF4016;
  transition: color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link-red:hover {
    color: #FF5C16;
  }
}
.link-red:active {
  color: #FF5C16;
}

.link-dashed {
  color: #3D4471;
  transition: color 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
  border-bottom: 1rem dashed;
}
@media(hover), (min-width:0�), (min--moz-device-pixel-ratio:0), (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .link-dashed:hover {
    color: #FF4016;
  }
}
.link-dashed:active {
  color: #FF4016;
}

.max-w-975 {
  max-width: 975rem;
}

.color-dark-blue-50 {
  color: rgba(61, 68, 113, 0.5019607843);
}

.color-dark-blue-30 {
  color: rgba(61, 68, 113, 0.3019607843);
}

.color-red-100 {
  color: #FF4016;
}

.color-turquoise-light {
  color: #D7F4F7;
}

.color-turquoise-dark {
  color: #61CCD6;
}

.br-22 {
  border-radius: 16rem;
}
@media (min-width: 768rem) {
  .br-22 {
    border-radius: 22rem;
  }
}
/*# sourceMappingURL=map/style.css.map */