@charset "UTF-8";

:root {
  --primary-color-rgb: 78,89,147;
  --white-color-rgb: 255,255,255;
}

@font-face {
  font-family: Geometria;
  font-weight: 100;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-Thin.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 100;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-ThinItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 200;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-ExtraLight.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 200;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-ExtraLightItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 300;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-Light.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 300;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-LightItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 400;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 400;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-Italic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 500;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-Medium.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 500;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-MediumItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 700;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-Bold.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 700;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-BoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 800;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-ExtraBold.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 800;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-ExtraBoldItalic.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 900;
  font-display: swap;
  font-style: normal;
  src: url("../fonts/Geometria/Geometria-Heavy.woff2") format("woff2");
}

@font-face {
  font-family: Geometria;
  font-weight: 900;
  font-display: swap;
  font-style: italic;
  src: url("../fonts/Geometria/Geometria-HeavyItalic.woff2") format("woff2");
}

* {
  font-family: Geometria;
}

.blockquote,
.expandable-question__tab-button,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p,
.p--100,
.p--80,
.p--90,
.xs-sort-button {
  margin: 0;
}

.h1 {
  font-size: 24px;
  line-height: 31px;
  font-weight: 800;
}

.h2 {
  font-size: 22px;
  line-height: 29px;
  font-weight: 700;
}

.h3 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}

.h4 {
  font-size: 18px;
  line-height: 23px;
}

.h5 {
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.h6 {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.expandable-question__tab-button,
.p,
.p--100,
.p--80,
.p--90,
.xs-sort-button {
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
}

.p--r,
.xs-sort-button {
  font-weight: 400;
}

.expandable-question__tab-button,
.p--m {
  font-weight: 500;
}

.p--b {
  font-weight: 700;
}

.p--u {
  font-weight: 400;
  text-decoration-line: underline;
}

.p--100,
.xs-sort-button {
  line-height: 130%;
}

.expandable-question__tab-button,
.p--90 {
  font-size: 13px;
  line-height: 130%;
}

.p--80 {
  font-size: 12px;
  line-height: 130%;
}

.btn-text,
.btn-text--L,
.btn-text--M,
.btn-text--S,
.footer__bottom-copyright-link>span,
.lnk--L>span,
.lnk--M>span,
.lnk--S>span,
.segmented-control-two-options__button {
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}

.btn-text--L,
.footer__bottom-copyright-link>span,
.lnk--L>span,
.segmented-control-two-options__button {
  font-size: 12px;
}

.btn-text--M,
.lnk--M>span {
  font-size: 11px;
}

.btn-text--S,
.lnk--S>span {
  font-size: 10px;
}

.color-text--g-100 {
  color: #0a0c0f;
}

.color-text--g-80 {
  color: #54565a;
}

.color-text--p-80 {
  color: #5f6db2;
}

.color-text--w-100 {
  color: rgb(var(--white-color-rgb));
}

.color-text--grey {
  color: #454545!important;
}

@media (min-width:992px) {
  .h1 {
    font-size: 48px;
    line-height: 62px;
  }

  .h2 {
    font-size: 44px;
    line-height: 57px;
  }

  .h3 {
    margin: 0;
    font-size: 32px;
    line-height: 42px;
    font-weight: 700;
  }

  .h4 {
    font-size: 24px;
    line-height: 31px;
  }

  .h5 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
  }

  .h6 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
  }

  .expandable-question__tab-button,
  .p,
  .p--100,
  .p--80,
  .p--90,
  .xs-sort-button {
    font-size: 16px;
    line-height: 21px;
  }

  .p--100,
  .xs-sort-button {
    line-height: 130%;
  }

  .expandable-question__tab-button,
  .p--90 {
    font-size: 14px;
    line-height: 130%;
  }

  .p--80 {
    font-size: 12px;
    line-height: 130%;
  }

  .btn-text--L,
  .footer__bottom-copyright-link>span,
  .lnk--L>span,
  .segmented-control-two-options__button {
    font-size: 14px;
  }

  .btn-text--M,
  .lnk--M>span {
    font-size: 12px;
  }

  .btn-text--S,
  .lnk--S>span {
    line-height: 130%;
  }
}

.button,
.button--ghost,
.button--ghost--dark,
.button--ghost--light,
.button--primary,
.button--primary--dark,
.button--primary--light,
.button--secondary,
.button--secondary--dark,
.button--secondary--light,
.button-filter,
.cm-product-card__content-variants-item,
.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item,
.product-card__content-variants-item--selected,
.slider-navigation-next,
.slider-navigation-prev {
  --main-color: transparent;
  --text-color: #4e5993;
  --border: none;
  --icon-color: var(--text-color);
  width: -moz-max-content;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  padding: 12px 20px;
  box-sizing: border-box;
  background-color: var(--main-color);
  outline: transparent solid 5px;
  border-radius: 16px;
  color: var(--text-color);
  border: var(--border);
  font-size: 14px;
  text-decoration: none;
  transition: outline .7s,background-color .3s,border-color .3s,color .3s;
}

.button--ghost--dark:link,
.button--ghost--dark:visited,
.button--ghost--light:link,
.button--ghost--light:visited,
.button--ghost:link,
.button--ghost:visited,
.button--primary--dark:link,
.button--primary--dark:visited,
.button--primary--light:link,
.button--primary--light:visited,
.button--primary:link,
.button--primary:visited,
.button--secondary--dark:link,
.button--secondary--dark:visited,
.button--secondary--light:link,
.button--secondary--light:visited,
.button--secondary:link,
.button--secondary:visited,
.button-filter:link,
.button-filter:visited,
.button:link,
.button:visited,
.cm-product-card__content-variants-item--selected:link,
.cm-product-card__content-variants-item--selected:visited,
.cm-product-card__content-variants-item:link,
.cm-product-card__content-variants-item:visited,
.product-card__content-variants-item--selected:link,
.product-card__content-variants-item--selected:visited,
.product-card__content-variants-item:link,
.product-card__content-variants-item:visited,
.slider-navigation-next:link,
.slider-navigation-next:visited,
.slider-navigation-prev:link,
.slider-navigation-prev:visited {
  color: #4e5993;
}

.button--primary,
.button--primary--dark,
.button--primary--light,
.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item--selected {
  border: none;
}

.button--primary--light,
.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item--selected {
  --main-color: #5f6db2;
  --text-color: rgb(var(--white-color-rgb));
}

.button--primary--light:link,
.button--primary--light:visited,
.cm-product-card__content-variants-item--selected:link,
.cm-product-card__content-variants-item--selected:visited,
.product-card__content-variants-item--selected:link,
.product-card__content-variants-item--selected:visited {
  color: rgb(var(--white-color-rgb));
}

.button--primary--light:hover,
.cm-product-card__content-variants-item--selected:hover,
.product-card__content-variants-item--selected:hover {
  transition: background-color .2s;
  --icon-color: #fff;
  --main-color: #4e5993;
}

.button--primary--light:active,
.cm-product-card__content-variants-item--selected:active,
.product-card__content-variants-item--selected:active {
  transition: outline .2s;
  outline: #dcdfee solid 5px;
}

.button--primary--dark {
  --main-color: rgb(var(--white-color-rgb));
}

.button--primary--dark:hover {
  --main-color: rgba(var(--white-color-rgb), 0.8);
}

.button--primary--dark:active {
  transition: outline .2s;
  outline: solid 5px rgba(var(--white-color-rgb),.2);
}

.button--secondary,
.button--secondary--dark,
.button--secondary--light,
.cm-product-card__content-variants-item,
.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item,
.product-card__content-variants-item--selected,
.slider-navigation-next,
.slider-navigation-prev {
  --icon-color: var(--text-color);
  outline: 0;
}

.button--secondary--light,
.cm-product-card__content-variants-item,
.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item,
.product-card__content-variants-item--selected,
.slider-navigation-next,
.slider-navigation-prev {
  --border: solid 2px #5f6db2;
  --text-color: #5f6db2;
}

.button--secondary--light:link,
.button--secondary--light:visited,
.cm-product-card__content-variants-item--selected:link,
.cm-product-card__content-variants-item--selected:visited,
.cm-product-card__content-variants-item:link,
.cm-product-card__content-variants-item:visited,
.product-card__content-variants-item--selected:link,
.product-card__content-variants-item--selected:visited,
.product-card__content-variants-item:link,
.product-card__content-variants-item:visited,
.slider-navigation-next:link,
.slider-navigation-next:visited,
.slider-navigation-prev:link,
.slider-navigation-prev:visited {
  color: #5f6db2;
}

.button--secondary--light:hover,
.cm-product-card__content-variants-item--selected:hover,
.cm-product-card__content-variants-item:hover,
.product-card__content-variants-item--selected:hover,
.product-card__content-variants-item:hover,
.slider-navigation-next:hover,
.slider-navigation-prev:hover {
  transition: background-color .2s;
  --main-color: #edeef6;
}

.button--secondary--light:active,
.cm-product-card__content-variants-item--selected:active,
.cm-product-card__content-variants-item:active,
.product-card__content-variants-item--selected:active,
.product-card__content-variants-item:active,
.slider-navigation-next:active,
.slider-navigation-prev:active {
  transition: outline .2s;
  outline: #dcdfee solid 5px;
}

.button--secondary--dark {
  --border: solid 2px rgb(var(--white-color-rgb));
  --text-color: rgb(var(--white-color-rgb));
}

.button--secondary--dark:link,
.button--secondary--dark:visited {
  color: rgb(var(--white-color-rgb));
}

.button--secondary--dark:hover {
  --border: solid 2px rgba(var(--white-color-rgb), 0.7);
}

.button--secondary--dark:active {
  transition: outline .2s;
  outline: solid 5px rgba(var(--white-color-rgb),.2);
}

.button--ghost,
.button--ghost--dark,
.button--ghost--light {
  padding: 12px;
  --main-color: transparent;
  --icon-color: var(--text-color);
}

.button--ghost--dark {
  --text-color: rgba(var(--white-color-rgb), 0.8);
}

.button--ghost--dark:link,
.button--ghost--dark:visited {
  color: rgba(var(--white-color-rgb),.8);
}

.button--ghost--dark:hover {
  --main-color: #edeef6;
  --text-color: #4e5993;
}

.button--ghost--light {
  --text-color: #5f6db2;
}

.button--ghost--light:link,
.button--ghost--light:visited {
  color: #5f6db2;
}

.button--ghost--light:hover {
  --main-color: #edeef6;
}

.button--small {
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  padding: 9px 12px;
}

@media (min-width:992px) {
  .button--small {
    line-height: 13px;
    padding: 11.5px 16px;
  }
}

.button-default {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 12px;
  padding: 11.5px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  background: #5f6db2;
}

.button-second {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  border-radius: 12px;
  padding: 12px 20px;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: #5f6db2;
}

@media (min-width:768px) {
  .button-second {
    border-radius: 16px;
    padding: 18px 20px;
    font-size: 12px;
  }
}

.button-order {
  display: inline-block;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  padding: 6px 14px;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
  background: #fff;
}

@media (min-width:768px) {
  .button-order {
    border-radius: 16px;
    padding: 12px 18px;
    font-size: 12px;
  }
}

.button-order__icon {
  --icon-color: #5f6db2;
}

.button-share {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
}

.button-share__icon {
  --icon-color: #5f6db2;
}

.button-vegan {
  display: inline-block;
  border: 1px solid #dcdfee;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  padding: 4px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  color: #141313;
}

.button-vegan__icon {
  --icon-width: 16px;
  --icon-height: 16px;
  --icon-color: #5f6db2;
}

@media (min-width:768px) {
  .button-vegan {
    padding: 7px 8px 6px;
    font-size: 14px;
  }

  .button-vegan__icon {
    --icon-width: 20px;
    --icon-height: 20px;
  }
}

.button-vegan__tooltip {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #cecfd1;
}

.button-component {
  display: inline-block;
  border: 2px solid #dcdfee;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 12px;
  padding: 2px 12px 2px 2px;
}

@media (min-width:768px) {
  .button-component {
    border-radius: 16px;
    padding: 4px 14px 4px 4px;
  }
}

.button-component__img {
  border-radius: 12px;
  width: 32px;
  aspect-ratio: 1;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  font-size: 0;
}

.button-component__tooltip {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #ced2e4;
}

.button-component__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #0a0c0f;
}

.button-line {
  display: inline-block;
  border: 2px solid #dcdfee;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  padding: 7px 13px;
  text-decoration: none;
}

@media (min-width:768px) {
  .button-component__img {
    width: 36px;
  }

  .button-component__text {
    font-size: 14px;
  }

  .button-line {
    border-radius: 16px;
    padding: 12px 16px;
  }
}

.button-line__icon {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
}

.button-line__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .button-line__text {
    font-size: 14px;
  }
}

.button-line__category {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
}

@media (min-width:768px) {
  .button-line__category {
    font-size: 14px;
  }
}

.button-line__arrow {
  margin-left: 4px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
}

.button-to-cart {
  display: inline-block;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 14px;
  gap: 12px;
  border-radius: 12px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background: #5f6db2;
  text-decoration: none;
}

.button-to-cart__icon {
  --icon-width: 19px;
  --icon-height: 19px;
  --icon-color: #fff;
}

@media (min-width:768px) {
  .button-to-cart {
    border-radius: 16px;
    gap: 8px;
    padding: 16px 20px;
    font-size: 14px;
  }

  .button-to-cart__icon {
    --icon-width: 25px;
    --icon-height: 24px;
  }
}

.button-to-cart--out-of-stock {
  background-color: #e8e9eb;
  color: #0a0c0f;
  --icon-color: #0a0c0f;
  cursor: unset;
}

.button-to-cart--out-of-stock i {
  --icon-color: #0a0c0f;
}

.button-more-down {
  display: inline-block;
  border: 1.5px solid #5f6db2;
  cursor: pointer;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 31px;
  gap: 8px;
  border-radius: 16px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
}

.button-more-down__icon {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
  transform: rotate(90deg);
}

.button-back {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
}

.button-back__icon {
  transform: scale(-1,1);
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
}

.button-icon {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.button-icon__icon {
  --icon-color: #0a0c0f;
  --icon-width: 24px;
  --icon-height: 24px;
}

.button-filter {
  display: flex;
  flex-direction: row;
  gap: 4px;
  padding-inline: 16px;
  border: 1px solid #edeef6;
  color: #0a0c0f;
  background: rgb(var(--white-color-rgb));
}

.button-filter>.icon-arrow-down,
.button-filter>.icon-arrow-up {
  background-color: #0a0c0f;
}

.button-filter__wrapper-text {
  padding-inline: 4px;
}

.btn-password {
  width: 100%!important;
  font-size: 14px;
  justify-content: center;
}

.btn,
.btn-ghost-dark,
.btn-ghost-light,
.btn-primary-dark,
.btn-primary-light,
.btn-secondary-dark,
.btn-secondary-light {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: Geometria,sans-serif;
  font-weight: 500;
  line-height: 100%;
  outline: 0;
  border-radius: 12px;
  border: none;
  transition: outline .2s;
  width: -moz-max-content;
  width: max-content;
  gap: 4px;
}

.btn-ghost-dark:not(:active):focus,
.btn-ghost-light:not(:active):focus,
.btn-primary-dark:not(:active):focus,
.btn-primary-light:not(:active):focus,
.btn-secondary-dark:not(:active):focus,
.btn-secondary-light:not(:active):focus,
.btn:not(:active):focus {
  outline: #dcdfee solid 4px;
  outline-offset: 2px;
}

.btn-ghost-dark:not(:disabled):active,
.btn-ghost-light:not(:disabled):active,
.btn-primary-dark:not(:disabled):active,
.btn-primary-light:not(:disabled):active,
.btn-secondary-dark:not(:disabled):active,
.btn-secondary-light:not(:disabled):active,
.btn:not(:disabled):active {
  transition: outline .2s;
}

.btn-ghost-dark>span,
.btn-ghost-light>span,
.btn-primary-dark>span,
.btn-primary-light>span,
.btn-secondary-dark>span,
.btn-secondary-light>span,
.btn>span {
  padding-inline: 4px;
}

.btn-ghost-dark>i,
.btn-ghost-light>i,
.btn-primary-dark>i,
.btn-primary-light>i,
.btn-secondary-dark>i,
.btn-secondary-light>i,
.btn>i {
  flex-shrink: 0;
}

.btn-ghost-dark:link,
.btn-ghost-light:link,
.btn-primary-dark:link,
.btn-primary-light:link,
.btn-secondary-dark:link,
.btn-secondary-light:link,
.btn:link {
  text-decoration: none;
}

.btn--L {
  font-size: 12px;
  height: 48px;
  padding-inline: 10px;
  line-height: 100%;
}

@media (min-width:1250px) {
  .btn--L {
    font-size: 14px;
    height: 56px;
    padding-inline: 18px;
    line-height: 100%;
    border-radius: 16px;
  }
}

.btn--M {
  font-size: 11px;
  height: 36px;
  padding-inline: 10px;
  line-height: 100%;
}

@media (min-width:1250px) {
  .btn--M {
    font-size: 12px;
    height: 48px;
    padding-inline: 14px;
    line-height: 100%;
    border-radius: 16px;
  }
}

.btn--S {
  font-size: 10px;
  height: 28px;
  padding-inline: 6px;
  line-height: 100%;
  border-radius: 8px;
  gap: 0;
}

@media (min-width:1250px) {
  .btn--S {
    font-size: 10px;
    height: 36px;
    padding-inline: 10px;
    line-height: 130%;
    border-radius: 12px;
  }
}

.btn--full {
  width: 100%;
}

.btn-primary-light {
  padding-inline: 20px;
  --icon-color: rgb(var(--white-color-rgb));
  background: #5f6db2;
  color: rgb(var(--white-color-rgb));
}

.btn-primary-light:link,
.btn-primary-light:visited {
  color: rgb(var(--white-color-rgb));
}

.btn-primary-light:focus,
.btn-primary-light:hover {
  background: #4e5993;
}

.btn-primary-light:disabled {
  background: #edeef6;
  color: #ced2e4;
}

.btn-primary-dark {
  padding-inline: 20px;
  --icon-color: #5f6db2;
  background: rgb(var(--white-color-rgb));
  color: #5f6db2;
}

.btn-primary-dark:link,
.btn-primary-dark:visited {
  color: #5f6db2;
}

.btn-primary-dark:focus,
.btn-primary-dark:hover {
  background: rgba(var(--white-color-rgb),.9);
}

.btn-primary-dark:disabled {
  background: rgba(var(--white-color-rgb),.5);
  color: #8a98db;
  border: none;
}

.btn-secondary-light {
  border: 2px solid #5f6db2;
  --icon-color: #5f6db2;
  background: rgb(var(--white-color-rgb));
  color: #5f6db2;
}

.btn-secondary-light:link,
.btn-secondary-light:visited {
  color: #5f6db2;
}

.btn-secondary-light:focus,
.btn-secondary-light:hover {
  background: #edeef6;
}

.btn-secondary-light:disabled {
  background: #edeef6;
  color: #ced2e4;
}

.btn-secondary-dark {
  border: 2px solid rgb(var(--white-color-rgb));
  --icon-color: rgb(var(--white-color-rgb));
  background: 0 0;
  color: rgb(var(--white-color-rgb));
}

.btn-secondary-dark:link,
.btn-secondary-dark:visited {
  color: rgb(var(--white-color-rgb));
}

.btn-secondary-dark:focus,
.btn-secondary-dark:hover {
  background: rgba(var(--white-color-rgb),.2);
}

.btn-secondary-dark:disabled {
  background: 0 0;
  border: 2px solid #8a98db;
  color: #8a98db;
}

.btn-ghost-light {
  --icon-color: #5f6db2;
  background: 0 0;
  color: #5f6db2;
}

.btn-ghost-light:link,
.btn-ghost-light:visited {
  color: #5f6db2;
}

.btn-ghost-light:focus,
.btn-ghost-light:hover {
  background: #edeef6;
}

.btn-ghost-light:disabled {
  background: 0 0;
  color: #ced2e4;
}

.btn-ghost-dark {
  --icon-color: rgb(var(--white-color-rgb));
  background: 0 0;
  color: rgb(var(--white-color-rgb));
}

.btn-ghost-dark:link,
.btn-ghost-dark:visited {
  color: rgb(var(--white-color-rgb));
}

.btn-ghost-dark:focus,
.btn-ghost-dark:hover {
  background: rgba(var(--white-color-rgb),.2);
}

.btn-ghost-dark:disabled {
  background: 0 0;
  color: #8a98db;
}

.badge[data-badge-value]:not([data-badge-value=""]),
[data-badge-value].badge--dark:not([data-badge-value=""]) {
  position: relative;
}

.badge[data-badge-value]:not([data-badge-value=""])::after,
[data-badge-value].badge--dark:not([data-badge-value=""])::after {
  content: attr(data-badge-value);
  position: absolute;
  top: 7px;
  right: 4px;
  background: var(--badge-background,#5f6db2);
  color: var(--badge-text-color,rgb(var(--white-color-rgb)));
  border-radius: 100%;
  font-size: 10px;
  line-height: 13px;
  font-weight: 500;
  aspect-ratio: 1/1;
  min-width: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge--dark[data-badge-value]:not([data-badge-value=""])::after {
  --badge-background: rgb(var(--white-color-rgb));
  --badge-text-color: #0A0C0F;
}

.card {
  --card-padding: inherit;
  --card-bg: inherit;
  border-radius: 24px;
  padding: var(--card-padding);
  background: var(--card-bg);
}

.card--bordered {
  border: var(--00,1px) solid #dcdfee;
  --card-bg: rgb(var(--white-color-rgb));
}

.card--white {
  border-radius: 16px;
  --card-bg: rgb(var(--white-color-rgb));
}

.card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}

@media (min-width:992px) {
  .card--white {
    border-radius: 24px;
  }

  .card-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.card-wrapper .card {
  width: 100%;
}

.card-wrapper--2 {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px 16px;
}

.card-wrapper--2 .card {
  width: calc(50% - 8px);
}

@media (min-width:992px) {
  .card-wrapper--md-1 .card {
    width: 100%;
  }

  .card-wrapper--md-2 .card {
    width: calc(50% - 12px);
  }

  .card-wrapper--md-3 .card {
    width: calc(33.3333333333% - 16px);
  }

  .card-wrapper--md-4 .card {
    width: calc((100% - 72px)/ 4);
  }

  .card-wrapper--md-5 .card {
    width: calc((100% - 72px)/ 5);
  }

  .card-wrapper--md-6 .card {
    width: calc((100% - 80px)/ 6);
  }

  .card-wrapper--md-6 .card .card__content-text {
    font-size: 14px;
  }
}

.card__image {
  width: 100%;
}

.card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.card--image {
  overflow: hidden;
  --icon-color: #0a0c0f;
}

.card--image .card__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card--image .card__image-wrapper {
  --icon-width: 37px;
  --icon-height: 37px;
  position: relative;
  overflow: hidden;
  height: 250px;
}

.card--image .card__image-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 59px;
  height: 59px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/white-polygon.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.card--image .card__content {
  --icon-width: 24px;
  --icon-height: 24px;
  padding: 16px 16px 20px;
  box-sizing: border-box;
  background-color: rgb(var(--white-color-rgb));
}

.card--image .card__content-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
  color: #0a0c0f;
}

.card--image .card__content-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card--image .card__content-title {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.card--image .card__content-description {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.card--image .card__content-button {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}

.card--image-with-button {
  --icon-color: #5f6db2;
}

.card--image-with-button .card__image-wrapper {
  height: 220px;
}

.card--image-with-button .card__content {
  padding: 16px;
}

.card--image-with-button .card__content-link {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 0;
  text-align: left;
  width: 100%;
}

.card--image-with-button .card__content-title {
  font-size: 16px;
}

.card--image-with-button .card__content-button {
  padding: 0 4px;
  font-size: 12px;
  line-height: 1;
  font-weight: 500;
  color: #5f6db2;
  gap: 8px;
}

.card--benefit {
  padding: 20px 16px;
  --icon-width: 64px;
  --icon-height: 64px;
  --icon-color: #5f6db2;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.card--benefit-row {
  flex-direction: row;
}

.card--benefit .card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card--benefit .card__content-text,
.card--benefit .card__content-title {
  font-size: 14px;
}

.card--benefit .card__content-info {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #5f6db2;
  display: inline;
  vertical-align: baseline;
  position: relative;
  padding: 0 0 0 4px;
  transform: translateY(5px);
}

.card--benefit .card__content-info .header-full--scroll i.header-full__logo-icon,
.card--benefit .card__content-info .header-full--search.header-full--white i.header-full__logo-icon,
.card--benefit .card__content-info .header-full.header-full--search i.header-full__logo-icon,
.card--benefit .card__content-info .icon,
.card--benefit .card__content-info i.icon-32-fav,
.card--benefit .card__content-info i.icon-AI,
.card--benefit .card__content-info i.icon-AI-64,
.card--benefit .card__content-info i.icon-AI-v2,
.card--benefit .card__content-info i.icon-VK,
.card--benefit .card__content-info i.icon-X,
.card--benefit .card__content-info i.icon-actions,
.card--benefit .card__content-info i.icon-address,
.card--benefit .card__content-info i.icon-arrow-down,
.card--benefit .card__content-info i.icon-arrow-left,
.card--benefit .card__content-info i.icon-arrow-right,
.card--benefit .card__content-info i.icon-arrow-right-v2,
.card--benefit .card__content-info i.icon-attach,
.card--benefit .card__content-info i.icon-bag,
.card--benefit .card__content-info i.icon-bell,
.card--benefit .card__content-info i.icon-breadcrumbs-divider,
.card--benefit .card__content-info i.icon-calendar,
.card--benefit .card__content-info i.icon-calendar-24,
.card--benefit .card__content-info i.icon-camera,
.card--benefit .card__content-info i.icon-cart,
.card--benefit .card__content-info i.icon-cds,
.card--benefit .card__content-info i.icon-certificate,
.card--benefit .card__content-info i.icon-chemicals,
.card--benefit .card__content-info i.icon-chevron-down,
.card--benefit .card__content-info i.icon-clock,
.card--benefit .card__content-info i.icon-close,
.card--benefit .card__content-info i.icon-copy,
.card--benefit .card__content-info i.icon-corner,
.card--benefit .card__content-info i.icon-correct-valid,
.card--benefit .card__content-info i.icon-cosmetics,
.card--benefit .card__content-info i.icon-delivery,
.card--benefit .card__content-info i.icon-doctor,
.card--benefit .card__content-info i.icon-dot,
.card--benefit .card__content-info i.icon-download,
.card--benefit .card__content-info i.icon-edit,
.card--benefit .card__content-info i.icon-error,
.card--benefit .card__content-info i.icon-error-valid,
.card--benefit .card__content-info i.icon-eye-show,
.card--benefit .card__content-info i.icon-eye-show-off,
.card--benefit .card__content-info i.icon-face,
.card--benefit .card__content-info i.icon-filters,
.card--benefit .card__content-info i.icon-folders,
.card--benefit .card__content-info i.icon-formula,
.card--benefit .card__content-info i.icon-geltek,
.card--benefit .card__content-info i.icon-gift,
.card--benefit .card__content-info i.icon-gift-2,
.card--benefit .card__content-info i.icon-heart,
.card--benefit .card__content-info i.icon-heart-filled,
.card--benefit .card__content-info i.icon-info,
.card--benefit .card__content-info i.icon-leaf,
.card--benefit .card__content-info i.icon-learning,
.card--benefit .card__content-info i.icon-list,
.card--benefit .card__content-info i.icon-logo,
.card--benefit .card__content-info i.icon-logo-2,
.card--benefit .card__content-info i.icon-logo-clinic,
.card--benefit .card__content-info i.icon-logout,
.card--benefit .card__content-info i.icon-long-arrow-down,
.card--benefit .card__content-info i.icon-love,
.card--benefit .card__content-info i.icon-mail,
.card--benefit .card__content-info i.icon-mail--20,
.card--benefit .card__content-info i.icon-makephoto,
.card--benefit .card__content-info i.icon-map-geolocation,
.card--benefit .card__content-info i.icon-max,
.card--benefit .card__content-info i.icon-medicine,
.card--benefit .card__content-info i.icon-menu,
.card--benefit .card__content-info i.icon-menu-cat,
.card--benefit .card__content-info i.icon-message,
.card--benefit .card__content-info i.icon-metro,
.card--benefit .card__content-info i.icon-minus,
.card--benefit .card__content-info i.icon-new,
.card--benefit .card__content-info i.icon-notification,
.card--benefit .card__content-info i.icon-online-20,
.card--benefit .card__content-info i.icon-order,
.card--benefit .card__content-info i.icon-percent,
.card--benefit .card__content-info i.icon-pets,
.card--benefit .card__content-info i.icon-phone,
.card--benefit .card__content-info i.icon-phone--20,
.card--benefit .card__content-info i.icon-pick-up,
.card--benefit .card__content-info i.icon-pin,
.card--benefit .card__content-info i.icon-plant,
.card--benefit .card__content-info i.icon-plastic-recycle,
.card--benefit .card__content-info i.icon-play,
.card--benefit .card__content-info i.icon-plus,
.card--benefit .card__content-info i.icon-prepared,
.card--benefit .card__content-info i.icon-present,
.card--benefit .card__content-info i.icon-prize,
.card--benefit .card__content-info i.icon-processed,
.card--benefit .card__content-info i.icon-products,
.card--benefit .card__content-info i.icon-program,
.card--benefit .card__content-info i.icon-ready,
.card--benefit .card__content-info i.icon-search,
.card--benefit .card__content-info i.icon-send,
.card--benefit .card__content-info i.icon-sert,
.card--benefit .card__content-info i.icon-sertificate,
.card--benefit .card__content-info i.icon-share,
.card--benefit .card__content-info i.icon-star-filled,
.card--benefit .card__content-info i.icon-star-framed,
.card--benefit .card__content-info i.icon-stars,
.card--benefit .card__content-info i.icon-success,
.card--benefit .card__content-info i.icon-support,
.card--benefit .card__content-info i.icon-tg,
.card--benefit .card__content-info i.icon-tg-white,
.card--benefit .card__content-info i.icon-tile,
.card--benefit .card__content-info i.icon-tooltip,
.card--benefit .card__content-info i.icon-trash,
.card--benefit .card__content-info i.icon-update,
.card--benefit .card__content-info i.icon-user,
.card--benefit .card__content-info i.icon-wa,
.card--benefit .card__content-info i.icon-wa-2,
.card--benefit .card__content-info i.icon-warning,
.card--benefit .card__content-info i.icon-web,
.card--benefit .card__content-info i.icon-white-logo,
.card--benefit .card__content-info i.icon-youtube,
.header-full--scroll .card--benefit .card__content-info i.header-full__logo-icon,
.header-full--search.header-full--white .card--benefit .card__content-info i.header-full__logo-icon,
.header-full.header-full--search .card--benefit .card__content-info i.header-full__logo-icon {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(5%,-17%);
}

.card--toast {
  --card-bg: rgb(var(--white-color-rgb));
  border-radius: 12px;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  padding: 9px 12px 12px 9px;
  --icon-color: #2e90fa;
  --icon-width: 24px;
  --icon-height: 24px;
  display: flex;
  gap: 9px;
}

.card--toast .header-full--scroll i.header-full__logo-icon,
.card--toast .header-full--search.header-full--white i.header-full__logo-icon,
.card--toast .header-full.header-full--search i.header-full__logo-icon,
.card--toast .icon,
.card--toast i.icon-32-fav,
.card--toast i.icon-AI,
.card--toast i.icon-AI-64,
.card--toast i.icon-AI-v2,
.card--toast i.icon-VK,
.card--toast i.icon-X,
.card--toast i.icon-actions,
.card--toast i.icon-address,
.card--toast i.icon-arrow-down,
.card--toast i.icon-arrow-left,
.card--toast i.icon-arrow-right,
.card--toast i.icon-arrow-right-v2,
.card--toast i.icon-attach,
.card--toast i.icon-bag,
.card--toast i.icon-bell,
.card--toast i.icon-breadcrumbs-divider,
.card--toast i.icon-calendar,
.card--toast i.icon-calendar-24,
.card--toast i.icon-camera,
.card--toast i.icon-cart,
.card--toast i.icon-cds,
.card--toast i.icon-certificate,
.card--toast i.icon-chemicals,
.card--toast i.icon-chevron-down,
.card--toast i.icon-clock,
.card--toast i.icon-close,
.card--toast i.icon-copy,
.card--toast i.icon-corner,
.card--toast i.icon-correct-valid,
.card--toast i.icon-cosmetics,
.card--toast i.icon-delivery,
.card--toast i.icon-doctor,
.card--toast i.icon-dot,
.card--toast i.icon-download,
.card--toast i.icon-edit,
.card--toast i.icon-error,
.card--toast i.icon-error-valid,
.card--toast i.icon-eye-show,
.card--toast i.icon-eye-show-off,
.card--toast i.icon-face,
.card--toast i.icon-filters,
.card--toast i.icon-folders,
.card--toast i.icon-formula,
.card--toast i.icon-geltek,
.card--toast i.icon-gift,
.card--toast i.icon-gift-2,
.card--toast i.icon-heart,
.card--toast i.icon-heart-filled,
.card--toast i.icon-info,
.card--toast i.icon-leaf,
.card--toast i.icon-learning,
.card--toast i.icon-list,
.card--toast i.icon-logo,
.card--toast i.icon-logo-2,
.card--toast i.icon-logo-clinic,
.card--toast i.icon-logout,
.card--toast i.icon-long-arrow-down,
.card--toast i.icon-love,
.card--toast i.icon-mail,
.card--toast i.icon-mail--20,
.card--toast i.icon-makephoto,
.card--toast i.icon-map-geolocation,
.card--toast i.icon-max,
.card--toast i.icon-medicine,
.card--toast i.icon-menu,
.card--toast i.icon-menu-cat,
.card--toast i.icon-message,
.card--toast i.icon-metro,
.card--toast i.icon-minus,
.card--toast i.icon-new,
.card--toast i.icon-notification,
.card--toast i.icon-online-20,
.card--toast i.icon-order,
.card--toast i.icon-percent,
.card--toast i.icon-pets,
.card--toast i.icon-phone,
.card--toast i.icon-phone--20,
.card--toast i.icon-pick-up,
.card--toast i.icon-pin,
.card--toast i.icon-plant,
.card--toast i.icon-plastic-recycle,
.card--toast i.icon-play,
.card--toast i.icon-plus,
.card--toast i.icon-prepared,
.card--toast i.icon-present,
.card--toast i.icon-prize,
.card--toast i.icon-processed,
.card--toast i.icon-products,
.card--toast i.icon-program,
.card--toast i.icon-ready,
.card--toast i.icon-search,
.card--toast i.icon-send,
.card--toast i.icon-sert,
.card--toast i.icon-sertificate,
.card--toast i.icon-share,
.card--toast i.icon-star-filled,
.card--toast i.icon-star-framed,
.card--toast i.icon-stars,
.card--toast i.icon-success,
.card--toast i.icon-support,
.card--toast i.icon-tg,
.card--toast i.icon-tg-white,
.card--toast i.icon-tile,
.card--toast i.icon-tooltip,
.card--toast i.icon-trash,
.card--toast i.icon-update,
.card--toast i.icon-user,
.card--toast i.icon-wa,
.card--toast i.icon-wa-2,
.card--toast i.icon-warning,
.card--toast i.icon-web,
.card--toast i.icon-white-logo,
.card--toast i.icon-youtube,
.header-full--scroll .card--toast i.header-full__logo-icon,
.header-full--search.header-full--white .card--toast i.header-full__logo-icon,
.header-full.header-full--search .card--toast i.header-full__logo-icon {
  min-width: var(--icon-width);
}

.card--toast .card__message {
  padding-top: 3px;
  display: flex;
  flex-direction: column;
}

.card--toast .card__message .expandable-question__tab-button,
.card--toast .card__message .p,
.card--toast .card__message .p--100,
.card--toast .card__message .p--80,
.card--toast .card__message .p--90,
.card--toast .card__message .xs-sort-button {
  font-size: 14px;
}

.card--toast .card__message .expandable-question__tab-button:not(:last-of-type),
.card--toast .card__message .p--100:not(:last-of-type),
.card--toast .card__message .p--80:not(:last-of-type),
.card--toast .card__message .p--90:not(:last-of-type),
.card--toast .card__message .p:not(:last-of-type),
.card--toast .card__message .xs-sort-button:not(:last-of-type) {
  margin-bottom: 8px;
}

.card--toast .card__message .p--b {
  font-weight: 500;
  margin-bottom: 4px;
}

.card--toast .card__message .button,
.card--toast .card__message .button--ghost,
.card--toast .card__message .button--ghost--dark,
.card--toast .card__message .button--ghost--light,
.card--toast .card__message .button--primary,
.card--toast .card__message .button--primary--dark,
.card--toast .card__message .button--primary--light,
.card--toast .card__message .button--secondary,
.card--toast .card__message .button--secondary--dark,
.card--toast .card__message .button--secondary--light,
.card--toast .card__message .button-filter,
.card--toast .card__message .cm-product-card__content-variants-item,
.card--toast .card__message .cm-product-card__content-variants-item--selected,
.card--toast .card__message .product-card__content-variants-item,
.card--toast .card__message .product-card__content-variants-item--selected,
.card--toast .card__message .slider-navigation-next,
.card--toast .card__message .slider-navigation-prev {
  font-size: 12px;
  line-height: 1;
  padding: 6px 0;
  margin-top: 8px;
  font-weight: 500;
}

.card--toast .card__message-gray {
  color: #54565a;
}

.card--toast .card__message-link.button,
.card--toast .card__message-link.button--ghost,
.card--toast .card__message-link.button--ghost--dark,
.card--toast .card__message-link.button--ghost--light,
.card--toast .card__message-link.button--primary,
.card--toast .card__message-link.button--primary--dark,
.card--toast .card__message-link.button--primary--light,
.card--toast .card__message-link.button--secondary,
.card--toast .card__message-link.button--secondary--dark,
.card--toast .card__message-link.button--secondary--light,
.card--toast .card__message-link.button-filter,
.card--toast .card__message-link.cm-product-card__content-variants-item,
.card--toast .card__message-link.cm-product-card__content-variants-item--selected,
.card--toast .card__message-link.product-card__content-variants-item,
.card--toast .card__message-link.product-card__content-variants-item--selected,
.card--toast .card__message-link.slider-navigation-next,
.card--toast .card__message-link.slider-navigation-prev {
  margin-top: 0;
  display: inline-flex;
  font-size: inherit;
  border-bottom: 1px solid;
  border-radius: 0;
  padding: 0;
  font-weight: 400;
}

.card--entity .card__image {
  display: block;
  height: 184px;
}

.card--entity .card__image img {
  -o-object-fit: cover;
  object-fit: cover;
}

.card--entity .card__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 12px 16px 16px;
  gap: 12px;
}

.card--entity .card__content .header-full--scroll i.header-full__logo-icon,
.card--entity .card__content .header-full--search.header-full--white i.header-full__logo-icon,
.card--entity .card__content .header-full.header-full--search i.header-full__logo-icon,
.card--entity .card__content .icon,
.card--entity .card__content i.icon-32-fav,
.card--entity .card__content i.icon-AI,
.card--entity .card__content i.icon-AI-64,
.card--entity .card__content i.icon-AI-v2,
.card--entity .card__content i.icon-VK,
.card--entity .card__content i.icon-X,
.card--entity .card__content i.icon-actions,
.card--entity .card__content i.icon-address,
.card--entity .card__content i.icon-arrow-down,
.card--entity .card__content i.icon-arrow-left,
.card--entity .card__content i.icon-arrow-right,
.card--entity .card__content i.icon-arrow-right-v2,
.card--entity .card__content i.icon-attach,
.card--entity .card__content i.icon-bag,
.card--entity .card__content i.icon-bell,
.card--entity .card__content i.icon-breadcrumbs-divider,
.card--entity .card__content i.icon-calendar,
.card--entity .card__content i.icon-calendar-24,
.card--entity .card__content i.icon-camera,
.card--entity .card__content i.icon-cart,
.card--entity .card__content i.icon-cds,
.card--entity .card__content i.icon-certificate,
.card--entity .card__content i.icon-chemicals,
.card--entity .card__content i.icon-chevron-down,
.card--entity .card__content i.icon-clock,
.card--entity .card__content i.icon-close,
.card--entity .card__content i.icon-copy,
.card--entity .card__content i.icon-corner,
.card--entity .card__content i.icon-correct-valid,
.card--entity .card__content i.icon-cosmetics,
.card--entity .card__content i.icon-delivery,
.card--entity .card__content i.icon-doctor,
.card--entity .card__content i.icon-dot,
.card--entity .card__content i.icon-download,
.card--entity .card__content i.icon-edit,
.card--entity .card__content i.icon-error,
.card--entity .card__content i.icon-error-valid,
.card--entity .card__content i.icon-eye-show,
.card--entity .card__content i.icon-eye-show-off,
.card--entity .card__content i.icon-face,
.card--entity .card__content i.icon-filters,
.card--entity .card__content i.icon-folders,
.card--entity .card__content i.icon-formula,
.card--entity .card__content i.icon-geltek,
.card--entity .card__content i.icon-gift,
.card--entity .card__content i.icon-gift-2,
.card--entity .card__content i.icon-heart,
.card--entity .card__content i.icon-heart-filled,
.card--entity .card__content i.icon-info,
.card--entity .card__content i.icon-leaf,
.card--entity .card__content i.icon-learning,
.card--entity .card__content i.icon-list,
.card--entity .card__content i.icon-logo,
.card--entity .card__content i.icon-logo-2,
.card--entity .card__content i.icon-logo-clinic,
.card--entity .card__content i.icon-logout,
.card--entity .card__content i.icon-long-arrow-down,
.card--entity .card__content i.icon-love,
.card--entity .card__content i.icon-mail,
.card--entity .card__content i.icon-mail--20,
.card--entity .card__content i.icon-makephoto,
.card--entity .card__content i.icon-map-geolocation,
.card--entity .card__content i.icon-max,
.card--entity .card__content i.icon-medicine,
.card--entity .card__content i.icon-menu,
.card--entity .card__content i.icon-menu-cat,
.card--entity .card__content i.icon-message,
.card--entity .card__content i.icon-metro,
.card--entity .card__content i.icon-minus,
.card--entity .card__content i.icon-new,
.card--entity .card__content i.icon-notification,
.card--entity .card__content i.icon-online-20,
.card--entity .card__content i.icon-order,
.card--entity .card__content i.icon-percent,
.card--entity .card__content i.icon-pets,
.card--entity .card__content i.icon-phone,
.card--entity .card__content i.icon-phone--20,
.card--entity .card__content i.icon-pick-up,
.card--entity .card__content i.icon-pin,
.card--entity .card__content i.icon-plant,
.card--entity .card__content i.icon-plastic-recycle,
.card--entity .card__content i.icon-play,
.card--entity .card__content i.icon-plus,
.card--entity .card__content i.icon-prepared,
.card--entity .card__content i.icon-present,
.card--entity .card__content i.icon-prize,
.card--entity .card__content i.icon-processed,
.card--entity .card__content i.icon-products,
.card--entity .card__content i.icon-program,
.card--entity .card__content i.icon-ready,
.card--entity .card__content i.icon-search,
.card--entity .card__content i.icon-send,
.card--entity .card__content i.icon-sert,
.card--entity .card__content i.icon-sertificate,
.card--entity .card__content i.icon-share,
.card--entity .card__content i.icon-star-filled,
.card--entity .card__content i.icon-star-framed,
.card--entity .card__content i.icon-stars,
.card--entity .card__content i.icon-success,
.card--entity .card__content i.icon-support,
.card--entity .card__content i.icon-tg,
.card--entity .card__content i.icon-tg-white,
.card--entity .card__content i.icon-tile,
.card--entity .card__content i.icon-tooltip,
.card--entity .card__content i.icon-trash,
.card--entity .card__content i.icon-update,
.card--entity .card__content i.icon-user,
.card--entity .card__content i.icon-wa,
.card--entity .card__content i.icon-wa-2,
.card--entity .card__content i.icon-warning,
.card--entity .card__content i.icon-web,
.card--entity .card__content i.icon-white-logo,
.card--entity .card__content i.icon-youtube,
.header-full--scroll .card--entity .card__content i.header-full__logo-icon,
.header-full--search.header-full--white .card--entity .card__content i.header-full__logo-icon,
.header-full.header-full--search .card--entity .card__content i.header-full__logo-icon {
  min-width: 24px;
}

.card--entity .card__content-worktime .expandable-question__tab-button,
.card--entity .card__content-worktime .p,
.card--entity .card__content-worktime .p--100,
.card--entity .card__content-worktime .p--80,
.card--entity .card__content-worktime .p--90,
.card--entity .card__content-worktime .xs-sort-button {
  display: flex;
  flex-wrap: wrap;
}

.card--entity .card__content-worktime .expandable-question__tab-button>span,
.card--entity .card__content-worktime .p--100>span,
.card--entity .card__content-worktime .p--80>span,
.card--entity .card__content-worktime .p--90>span,
.card--entity .card__content-worktime .p>span,
.card--entity .card__content-worktime .xs-sort-button>span {
  margin-right: 10px;
}

.card--entity .card__content-phone .expandable-question__tab-button,
.card--entity .card__content-phone .p,
.card--entity .card__content-phone .p--100,
.card--entity .card__content-phone .p--80,
.card--entity .card__content-phone .p--90,
.card--entity .card__content-phone .xs-sort-button {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card--entity .card__content-info {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.card--entity .card__content-info .h4 {
  font-size: 14px;
  line-height: 1.3;
  height: 18.2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.card--entity .card__content-info .p--ellipse {
  font-size: 13px;
  line-height: 1.3;
  height: 50.7px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card--entity .card__content-info .button,
.card--entity .card__content-info .button--ghost,
.card--entity .card__content-info .button--ghost--dark,
.card--entity .card__content-info .button--ghost--light,
.card--entity .card__content-info .button--primary,
.card--entity .card__content-info .button--primary--dark,
.card--entity .card__content-info .button--primary--light,
.card--entity .card__content-info .button--secondary,
.card--entity .card__content-info .button--secondary--dark,
.card--entity .card__content-info .button--secondary--light,
.card--entity .card__content-info .button-filter,
.card--entity .card__content-info .cm-product-card__content-variants-item,
.card--entity .card__content-info .cm-product-card__content-variants-item--selected,
.card--entity .card__content-info .product-card__content-variants-item,
.card--entity .card__content-info .product-card__content-variants-item--selected,
.card--entity .card__content-info .slider-navigation-next,
.card--entity .card__content-info .slider-navigation-prev {
  --text-color: #0a0c0f;
  padding: 0;
  font-size: 13px;
}

.card--entity .card__content-info .expandable-question__tab-button,
.card--entity .card__content-info .p,
.card--entity .card__content-info .p--100,
.card--entity .card__content-info .p--80,
.card--entity .card__content-info .p--90,
.card--entity .card__content-info .xs-sort-button {
  font-size: 13px;
  line-height: 1.3;
}

.card--entity .card__content-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card--entity .card__content-buttons .button,
.card--entity .card__content-buttons .button--ghost,
.card--entity .card__content-buttons .button--ghost--dark,
.card--entity .card__content-buttons .button--ghost--light,
.card--entity .card__content-buttons .button--primary,
.card--entity .card__content-buttons .button--primary--dark,
.card--entity .card__content-buttons .button--primary--light,
.card--entity .card__content-buttons .button--secondary,
.card--entity .card__content-buttons .button--secondary--dark,
.card--entity .card__content-buttons .button--secondary--light,
.card--entity .card__content-buttons .button-filter,
.card--entity .card__content-buttons .cm-product-card__content-variants-item,
.card--entity .card__content-buttons .cm-product-card__content-variants-item--selected,
.card--entity .card__content-buttons .product-card__content-variants-item,
.card--entity .card__content-buttons .product-card__content-variants-item--selected,
.card--entity .card__content-buttons .slider-navigation-next,
.card--entity .card__content-buttons .slider-navigation-prev {
  width: 100%;
  justify-content: center;
  padding: 9px 16px;
  font-size: 10px;
  line-height: 1;
  border: 2px solid;
}

@media (min-width:992px) {
  .card--image .card__image-wrapper {
    height: 272px;
  }

  .card--image .card__content-title {
    font-size: 16px;
  }

  .card--image .card__content-description {
    font-size: 12px;
    line-height: 16px;
  }

  .card--image-with-button .card__image {
    height: 310px;
  }

  .card--image-with-button .card__content {
    padding: 24px;
  }

  .card--image-with-button .card__content-title {
    font-size: 20px;
  }

  .card--image-with-button .card__content-button {
    font-size: 11px;
  }

  .card--benefit {
    gap: 20px;
  }

  .card--benefit .card__content-text,
  .card--benefit .card__content-title {
    font-size: 16px;
  }

  .card--entity .card__image {
    height: 200px;
  }

  .card--entity .card__content-info {
    font-size: 14px;
  }

  .card--entity .card__content-info .h4 {
    font-size: 16px;
    height: 20.8px;
  }

  .card--entity .card__content-info .p--ellipse {
    height: 35px;
    -webkit-line-clamp: 2;
  }
}

.chip {
  --chip-bg: inherit;
  --chip-text-color: inherit;
  background: var(--chip-bg);
  color: var(--chip-text-color);
  padding: 8px 12px 8px 8px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 400;
  min-height: 48px;
  line-height: 17px;
  box-sizing: border-box;
  outline: #edeef6 solid 1px;
  outline-offset: -1px;
}

.chip .chip-icon {
  outline: #dcdfee solid 1px;
  border-radius: 8px;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .chip {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 6px 16px 6px 8px;
  }

  .chip .chip-icon {
    border-radius: 12px;
    width: 36px;
    height: 36px;
  }
}

.container {
  padding: 0 16px;
}

@media (max-width:374px) {
  .container {
    padding: 0 10px;
  }
}

@media (min-width:1250px) {
  .container {
    padding: 0 calc(50% - 580px);
  }
}

.dropdown {
  position: relative;
  z-index: 4;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dropdown::after {
  content: "";
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  mask-image: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  background: var(--text-color,#0a0c0f);
  transition: rotate .3s ease-in-out;
}

.dropdown__title {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-color,#0a0c0f);
}

.dropdown__content {
  overflow-x: clip;
  overflow-y: auto;
  width: 248px;
  max-height: 0;
  opacity: 0;
  position: absolute;
  background-color: rgb(var(--white-color-rgb));
  z-index: 1;
  left: 0;
  top: calc(100% + 6px);
  border-radius: 16px;
  transition: opacity .3s ease-in-out,max-height .3s ease-in-out;
  scrollbar-width: none;
}

.dropdown:hover::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200%;
  top: 0;
  background: 0 0;
  z-index: 0;
}

.dropdown:hover::after {
  rotate: 180deg;
}

.dropdown:hover .dropdown__content {
  transition: opacity .3s ease-in-out,max-height .3s ease-in-out;
  max-height: 282px;
  opacity: 1;
}

.dropdown--right .dropdown__content {
  left: unset;
  right: 0;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.textfield {
  position: relative;
  margin: 0;
  background: rgba(var(--white-color-rgb),.2);
  width: 100%;
  padding: 0 12px;
  box-sizing: border-box;
  font-size: 14px;
  height: 48px;
  border-radius: 16px;
  border: solid 2px rgba(var(--white-color-rgb),.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.textfield__input {
  width: 100%;
  margin: 0;
  background: 0 0;
  height: 100%;
  box-sizing: border-box;
  border: none;
  outline: 0;
  padding-top: 20px;
}

.textfield__input[value]:not([value=""])~.textfield__legend {
  translate: 0 -70%;
  font-size: 12px;
}

.textfield__legend {
  position: absolute;
  pointer-events: none;
  transform: translate(-5%,0);
  font-size: 14px;
  padding: 0 8px;
  color: rgb(var(--white-color-rgb));
  transition: translate .3s;
}

.textfield__icon {
  justify-self: flex-end;
}

.textfield__button {
  position: absolute;
  right: 0;
}

.textfield:active,
.textfield:focus,
.textfield:focus-within,
.textfield:hover {
  outline: #8a98db solid 2px;
}

.textfield:focus-within>.textfield__legend {
  translate: 0 -70%;
  font-size: 12px;
}

.textfield--primary {
  --icon-color: #5f6db2;
  background: rgb(var(--white-color-rgb));
  border: 2px solid #ced2e4;
  border-radius: 12px;
  padding: 0 5px 0 8px;
}

.textfield--primary>.textfield__legend {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  transform: translate(-5%,-1px);
}

@media (min-width:992px) {
  .textfield--primary>.textfield__legend {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    transform: translate(-5%,1px);
  }
}

input.hidden {
  position: absolute;
  visibility: hidden;
  z-index: -1;
  width: 0;
  height: 0;
}

.input--radio label {
  display: block;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
}

.input--radio label:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 2px solid var(--Priority-Primary-30,#ced2e4);
}

.input--radio input {
  position: absolute;
  visibility: hidden;
}

.input--radio input:checked+label:before {
  border-width: 8px;
  border-color: var(--Priority-Primary-80,#5f6db2);
}

.input--text {
  display: flex;
}

.input--text input {
  border-radius: var(--m-16,16px);
  border: 2px solid #ced2e4;
  background: rgb(var(--white-color-rgb));
  box-shadow: 0 0 0 0 transparent inset;
  padding: 15px 12px;
  font-size: 14px;
  line-height: 1.3;
  color: #6a6d72;
  width: 100%;
  outline: 0;
  transition: border-color .3s ease-in-out;
}

.input--text input:focus,
.input--text input:focus-visible,
.input--text input:focus-within {
  border-color: #5f6db2;
}

.input--text .label {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 1.3;
  width: 100%;
}

.input--text .label input {
  width: 100%;
  padding: 28px 12px 10px 10px;
  color: #0a0c0f;
  -webkit-text-size-adjust: 100%;
}

.input--text .label input+.expandable-question__tab-button,
.input--text .label input+.p,
.input--text .label input+.p--100,
.input--text .label input+.p--80,
.input--text .label input+.p--90,
.input--text .label input+.xs-sort-button {
  transition: .3s ease-out;
  color: #54565a;
}

.input--text .label input:-webkit-autofill+.expandable-question__tab-button,
.input--text .label input:-webkit-autofill+.p,
.input--text .label input:-webkit-autofill+.p--100,
.input--text .label input:-webkit-autofill+.p--80,
.input--text .label input:-webkit-autofill+.p--90,
.input--text .label input:-webkit-autofill+.xs-sort-button {
  translate: 0 -60%;
  font-size: 12px;
}

.input--text .label input:autofill+.expandable-question__tab-button,
.input--text .label input:autofill+.p,
.input--text .label input:autofill+.p--100,
.input--text .label input:autofill+.p--80,
.input--text .label input:autofill+.p--90,
.input--text .label input:autofill+.xs-sort-button,
.input--text .label input:focus+.expandable-question__tab-button,
.input--text .label input:focus+.p,
.input--text .label input:focus+.p--100,
.input--text .label input:focus+.p--80,
.input--text .label input:focus+.p--90,
.input--text .label input:focus+.xs-sort-button,
.input--text .label input:focus-visible+.expandable-question__tab-button,
.input--text .label input:focus-visible+.p,
.input--text .label input:focus-visible+.p--100,
.input--text .label input:focus-visible+.p--80,
.input--text .label input:focus-visible+.p--90,
.input--text .label input:focus-visible+.xs-sort-button,
.input--text .label input[value]:not([value=""])+.expandable-question__tab-button,
.input--text .label input[value]:not([value=""])+.p,
.input--text .label input[value]:not([value=""])+.p--100,
.input--text .label input[value]:not([value=""])+.p--80,
.input--text .label input[value]:not([value=""])+.p--90,
.input--text .label input[value]:not([value=""])+.xs-sort-button {
  translate: 0 -60%;
  font-size: 12px;
}

.input--text .label input:focus {
  outline: 1px solid rgb(var(--white-color-rgb));
  box-shadow: 0 0 0 3px #dcdfee;
}

.input--text .label .expandable-question__tab-button,
.input--text .label .p,
.input--text .label .p--100,
.input--text .label .p--80,
.input--text .label .p--90,
.input--text .label .xs-sort-button {
  position: absolute;
  padding: 0 12px;
  color: #54565a;
}

.input--text .error {
  display: none;
  margin: 8px 0 0;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1.3;
  color: #6a6d72;
}

.input--text.error input {
  border-color: #f04438;
}

.input--text.error .error {
  display: block;
}

.input--checkbox {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  margin: 0;
  width: 24px;
  height: 24px;
  border: 2px solid #ced2e4;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
}

.input--checkbox::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #5f6db2;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/success.svg") center/contain no-repeat,linear-gradient(#000 0 0);
  mask: url("/local/templates/geltek2024/frontend/img/icons/success.svg") center/contain no-repeat,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: transform .2s ease-in-out;
}

.input--checkbox:checked {
  border: none;
}

.input--checkbox:checked::before {
  transform: scale(1);
}

.input--checkbox--err {
  border-color: #e43232;
}

.input--file {
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  background: #f7f7f8;
  overflow: hidden;
  position: relative;
}

.input--file .input__title {
  margin-bottom: 16px;
}

.input--file .input__hint {
  font-size: 12px;
  line-height: 1.3;
}

@media (min-width:992px) {
  .input--text .label input:-webkit-autofill+.expandable-question__tab-button,
  .input--text .label input:-webkit-autofill+.p,
  .input--text .label input:-webkit-autofill+.p--100,
  .input--text .label input:-webkit-autofill+.p--80,
  .input--text .label input:-webkit-autofill+.p--90,
  .input--text .label input:-webkit-autofill+.xs-sort-button {
    translate: 0 -50%;
  }

  .input--text .label input:autofill+.expandable-question__tab-button,
  .input--text .label input:autofill+.p,
  .input--text .label input:autofill+.p--100,
  .input--text .label input:autofill+.p--80,
  .input--text .label input:autofill+.p--90,
  .input--text .label input:autofill+.xs-sort-button,
  .input--text .label input:focus+.expandable-question__tab-button,
  .input--text .label input:focus+.p,
  .input--text .label input:focus+.p--100,
  .input--text .label input:focus+.p--80,
  .input--text .label input:focus+.p--90,
  .input--text .label input:focus+.xs-sort-button,
  .input--text .label input:focus-visible+.expandable-question__tab-button,
  .input--text .label input:focus-visible+.p,
  .input--text .label input:focus-visible+.p--100,
  .input--text .label input:focus-visible+.p--80,
  .input--text .label input:focus-visible+.p--90,
  .input--text .label input:focus-visible+.xs-sort-button,
  .input--text .label input[value]:not([value=""])+.expandable-question__tab-button,
  .input--text .label input[value]:not([value=""])+.p,
  .input--text .label input[value]:not([value=""])+.p--100,
  .input--text .label input[value]:not([value=""])+.p--80,
  .input--text .label input[value]:not([value=""])+.p--90,
  .input--text .label input[value]:not([value=""])+.xs-sort-button {
    translate: 0 -50%;
  }

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

  .input--file .input__hint {
    font-size: 16px;
  }
}

.input--file .input__upload {
  width: 100%;
  padding: 6px;
  font-size: 11px;
  justify-content: center;
  margin-top: 8px;
  font-weight: 500;
}

.input--file .input__uploading {
  display: none;
}

.input--file .input__uploading.show {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f7f7f8;
  z-index: 10;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.input--file .input__uploading.show .loader {
  display: flex;
}

.input--file .input__file-list {
  display: none;
}

.input--file .input__file-list.show {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-top: 12px;
}

.input--file .input__file {
  display: flex;
  align-items: flex-start;
  width: auto;
  gap: 2px;
}

.input--file .input__file img {
  width: 54px;
  height: 36px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
}

.input--file .input__file .button,
.input--file .input__file .button--ghost,
.input--file .input__file .button--ghost--dark,
.input--file .input__file .button--ghost--light,
.input--file .input__file .button--primary,
.input--file .input__file .button--primary--dark,
.input--file .input__file .button--primary--light,
.input--file .input__file .button--secondary,
.input--file .input__file .button--secondary--dark,
.input--file .input__file .button--secondary--light,
.input--file .input__file .button-filter,
.input--file .input__file .cm-product-card__content-variants-item,
.input--file .input__file .cm-product-card__content-variants-item--selected,
.input--file .input__file .product-card__content-variants-item,
.input--file .input__file .product-card__content-variants-item--selected,
.input--file .input__file .slider-navigation-next,
.input--file .input__file .slider-navigation-prev {
  padding: 4px;
  --icon-height: 24px;
  --icon-width: 24px;
  --icon-color: #0a0c0f;
}

@media (min-width:992px) {
  .input--file .input__upload {
    margin-top: 12px;
    font-size: 12px;
    padding: 12px;
  }

  .input--file .input__file img {
    height: 48px;
    width: 72px;
    border-radius: 8px;
  }

  .input--file .input__file .button,
  .input--file .input__file .button--ghost,
  .input--file .input__file .button--ghost--dark,
  .input--file .input__file .button--ghost--light,
  .input--file .input__file .button--primary,
  .input--file .input__file .button--primary--dark,
  .input--file .input__file .button--primary--light,
  .input--file .input__file .button--secondary,
  .input--file .input__file .button--secondary--dark,
  .input--file .input__file .button--secondary--light,
  .input--file .input__file .button-filter,
  .input--file .input__file .cm-product-card__content-variants-item,
  .input--file .input__file .cm-product-card__content-variants-item--selected,
  .input--file .input__file .product-card__content-variants-item,
  .input--file .input__file .product-card__content-variants-item--selected,
  .input--file .input__file .slider-navigation-next,
  .input--file .input__file .slider-navigation-prev {
    padding: 8px;
  }
}

.input--file--err {
  border: 1px solid #e43232;
}

.input--password {
  display: flex;
  flex-direction: column;
}

.input--password .label button {
  margin: 0;
  padding-inline: 12px;
  top: 0;
  height: 100%;
  position: absolute;
  right: 0;
}

.input--switch {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
  width: -moz-max-content;
  width: max-content;
}

@media (min-width:992px) {
  .input--switch {
    font-size: 16px;
  }
}

.input--switch input {
  opacity: 0;
  position: absolute;
}

.input--switch span {
  display: flex;
  width: 36px;
  height: 20px;
  border-radius: 16px;
  background-color: #cecfd1;
  padding: 2px;
  margin-block: 2px;
  position: relative;
  transition: background-color .3s ease-in-out,left .3s ease-in-out;
}

.input--switch span::before {
  position: absolute;
  content: "";
  left: calc(0% + 2px);
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background-color: rgb(var(--white-color-rgb));
  transition: background-color .3s ease-in-out,left .3s ease-in-out;
}

.input--switch input:checked+span {
  background-color: #5f6db2;
}

.input--switch input:checked+span::before {
  left: calc(100% - 18px);
}

.input[data-error]::after {
  content: attr(data-error);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin-top: 8px;
  margin-left: 12px;
  color: #f04438;
  display: none;
}

.input[data-error]:not([data-error=""]) .label input,
.input[data-error]:not([data-error=""]) .label textarea,
.input[data-error]:not([data-error=""]) input {
  border-color: #f04438;
}

.input[data-error]:not([data-error=""]):not([data-error=" "]) {
  display: flex;
  flex-direction: column;
}

#bx-soa-region .form-control,
.input[data-error]:not([data-error=""]):not([data-error=" "])::after {
  display: block;
}

.form-control {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1;
  cursor: pointer;
}

@media (min-width:992px) {
  .form-control {
    font-size: 16px;
  }

  .form-control--md-fz-14 {
    font-size: 14px;
  }
}

.form-control+.form-control {
  margin-top: 16px;
}

.form-control:hover {
  color: #5f6db2;
}

.form-control:hover>.input--checkbox {
  border: 1px solid #5f6db2;
}

@keyframes spinner {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.swiper {
  overflow-x: clip;
  overflow-y: visible;
  z-index: auto;
}

.swiper-wrapper {
  z-index: auto;
  transform: unset;
}

.swiper:has(.product-card--showed-more) {
  z-index: 2;
}

.tabs::-webkit-scrollbar {
  display: none;
}

.tabs__tab-list-wrapper {
  position: relative;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: none;
}

.tabs__tab-list-wrapper::-webkit-scrollbar {
  display: none;
}

.tabs__tab-list-wrapper::-webkit-scrollbar-thumb {
  display: none;
}

.tabs__tab-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 0 5px;
  box-sizing: border-box;
  gap: 12px;
  width: -moz-max-content;
  width: max-content;
  height: 47px;
  position: relative;
  scrollbar-width: none;
}

.tabs__tab-list-item,
.tabs__tab-list-item--selected {
  --tab-color: #0a0c0f;
  color: var(--tab-color);
  flex-shrink: 0;
  padding: 12px 20px;
  height: 47px;
  box-sizing: border-box;
}

.tabs__tab-list-item--selected:hover,
.tabs__tab-list-item:hover {
  --tab-color: #5f6db2;
  color: var(--tab-color);
  background-color: #dcdfee;
}

.tabs__tab-list-item--selected {
  --tab-color: #5f6db2;
}

.tabs__tab-list::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #ced2e4;
}

.tabs__tab-button {
  width: 100%;
  padding: 0;
  background-color: transparent;
  outline: 0;
  border: none;
  color: inherit;
  font-weight: 500;
  font-size: 18px;
  line-height: 23px;
}

.tabs__indicator {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 1px;
  height: 2px;
  background: #5f6db2;
  transition: width .3s,translate .3s;
}

.tabs__tab-panel-list {
  list-style: none;
  padding: 0;
}

.tabs__tab-panel-item {
  display: none;
}

.tabs__tab-panel-item--show {
  display: block;
}

.tabs_small .tabs__tab-list {
  height: 38px;
  gap: 20px;
}

.tabs_small .tabs__tab-list-item,
.tabs_small .tabs__tab-list-item--selected {
  padding: 8px 12px;
  height: 38px;
}

.tabs_small .tabs__tab-button {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

@media (min-width:992px) {
  .tabs__tab-button {
    font-size: 24px;
    line-height: 31px;
  }

  .tabs__tab-list {
    gap: 20px;
    height: 63px;
  }

  .tabs__tab-list-item,
  .tabs__tab-list-item--selected {
    height: 63px;
    padding: 16px 32px;
  }
}

.accordion__button {
  cursor: pointer;
  color: var(--accordion-button-color,#141313);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  box-sizing: border-box;
}

.accordion__button::after {
  content: "";
  width: var(--icon-width,20px);
  height: var(--icon-height,20px);
  -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  mask-image: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  background: var(--icon-color,var(--accordion-button-color,#141313));
  transition: rotate .3s;
}

.accordion__details {
  max-height: 0;
  overflow: hidden;
  transition: max-height .3s;
}

.accordion__details-wrapper {
  color: var(--accordion-button-color,#141313);
}

.accordion--open.accordion {
  border-bottom: unset;
}

.accordion--open>.accordion__button::after {
  rotate: 180deg;
}

.accordion--open .accordion__details {
  max-height: unset;
  overflow: hidden;
  transition: max-height .3s;
}

.accordion--plus-minus .accordion__button {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  align-items: center;
  gap: 16px;
  color: #0a0c0f;
  background: 0 0;
  border: none;
  outline: 0;
  padding-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.accordion--plus-minus .accordion__button::after {
  -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/plus.svg");
  mask-image: url("/local/templates/geltek2024/frontend/img/icons/plus.svg");
  -webkit-mask-size: 20px;
  mask-size: 20px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #0a0c0f;
  width: 48px;
  height: 28px;
}

.accordion--plus-minus .accordion__details {
  border-bottom: unset;
}

.accordion--plus-minus .accordion__details-wrapper {
  padding-top: 16px;
}

.accordion--plus-minus.accordion--open>.accordion__button {
  padding-bottom: 0;
}

.accordion--plus-minus.accordion--open>.accordion__button::after {
  -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/minus.svg");
  mask-image: url("/local/templates/geltek2024/frontend/img/icons/minus.svg")!important;
}

.accordion--plus-minus.accordion--open .accordion__details-wrapper {
  padding-bottom: 16px;
}

@keyframes spinIn {
  from {
    rotate: 180deg;
  }

  to {
    rotate: 0;
  }
}

.slider {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slider-wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.slider-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  width: 100%;
}

.slider-navigation-next,
.slider-navigation-prev {
  pointer-events: all;
  border-radius: 16px;
  padding: 0;
  justify-content: center;
  align-items: center;
  background-color: rgb(var(--white-color-rgb));
  width: 48px;
  height: 48px;
}

.slider-navigation-next:disabled,
.slider-navigation-prev:disabled {
  opacity: 0;
}

.breadcrumbs {
  width: auto;
  display: none;
}

@media (min-width:576px) {
  .breadcrumbs {
    display: flex;
  }
}

.breadcrumbs__list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: #54565a;
  list-style: none;
  padding: 4px 0;
  margin: 0;
  flex-wrap: wrap;
}

.breadcrumbs__item {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 11px;
  font-size: 14px;
  flex-shrink: 0;
  max-width: 100%;
}

.breadcrumbs__item>a {
  text-decoration: none;
  color: #54565a;
}

.breadcrumbs__item--divider::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 0;
  width: 3px;
  height: 3px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/breadcrumbs-divider.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.breadcrumbs__item:last-child {
  color: #999b9f;
  padding-left: 0;
}

.shape {
  background: rgb(var(--white-color-rgb));
  height: 48px;
}

.shape--top {
  border-radius: 24px 24px 0 0;
}

.shape--bottom {
  border-radius: 0 0 24px 24px;
}

.text-dark {
  color: #0a0c0f;
}

.text-light {
  color: rgb(var(--white-color-rgb));
}

.text-common {
  color: #54565a;
}

.text-primary {
  color: #5f6db2;
}

.text-mini,
.text-small {
  font-size: 13px;
  font-weight: 400;
  line-height: 16.9px;
  word-wrap: break-word;
  font-style: normal;
}

.text-mini {
  font-size: 11px;
  line-height: 100%;
}

@media (min-width:768px) {
  .text-mini,
  .text-small {
    font-size: 14px;
    line-height: 18.2px;
  }
}

.toast-bottom-right {
  right: 0;
  bottom: 68px;
}

@media (min-width:992px) {
  .accordion--plus-minus .accordion__button {
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 24px;
  }

  .accordion--plus-minus.accordion--open .accordion__details-wrapper {
    padding-bottom: 24px;
  }

  .shape {
    height: 72px;
  }

  .shape--top {
    border-radius: 40px 40px 0 0;
  }

  .shape--bottom {
    border-radius: 0 0 40px 40px;
  }

  .toast-bottom-right {
    right: 24px;
    bottom: 24px;
  }
}

.toast-top-right {
  top: auto;
  right: 0;
  bottom: 68px;
}

#toast-container>.notification,
.notification,
.toast-bottom-right>.notification,
.toast-top-right>.notification {
  opacity: 1;
  background-color: rgb(var(--white-color-rgb));
  box-shadow: 0 0 15px rgba(95,109,178,.2);
  color: #54565a;
  width: calc(100vw - 32px);
  border-radius: 12px;
  margin: 8px 16px;
  background-position-y: 9px;
  background-position-x: 9px;
  padding: 12px 12px 19px 42px;
  background-repeat: no-repeat;
}

@media (min-width:992px) {
  .toast-top-right {
    right: 24px;
    top: 160px;
    bottom: auto;
  }

  #toast-container>.notification,
  .notification,
  .toast-bottom-right>.notification,
  .toast-top-right>.notification {
    background-position-x: 13.5px;
    border-radius: 16px;
    width: 375px;
    margin: 0;
    padding: 16px 16px 21px 49px;
    background-position-y: 14px;
  }
}

#toast-container>.notification .notification__close,
.notification .notification__close,
.toast-bottom-right>.notification .notification__close,
.toast-top-right>.notification .notification__close {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #54565a;
  opacity: 1;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  padding: 3px;
  background-color: #edeef6;
  -webkit-mask-size: auto;
  mask-size: auto;
  right: 0;
  top: 0;
}

.notification--info {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/info.svg");
}

.notification--error {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/error.svg");
}

.notification--success {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/success.svg");
}

.notification--warning {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/warning.svg");
}

#toast-container>.notification:hover,
.notification:hover,
.toast-bottom-right>.notification:hover,
.toast-top-right>.notification:hover {
  box-shadow: 0 0 15px rgba(var(--primary-color-rgb),.4);
}

@media (max-width:374px) {
  #toast-container>.notification,
  .notification,
  .toast-bottom-right>.notification,
  .toast-top-right>.notification {
    margin: 0!important;
    width: 100%;
  }
}

.notification__title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #0a0c0f;
}

@media (min-width:992px) {
  #toast-container>.notification .notification__close,
  .notification .notification__close,
  .toast-bottom-right>.notification .notification__close,
  .toast-top-right>.notification .notification__close {
    border-radius: 8px;
  }

  .notification__title {
    font-size: 16px;
    line-height: 21px;
  }
}

.notification__description {
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  margin-top: 4px;
}

.notification__description a {
  color: inherit;
  text-decoration: underline;
}

.notification--cookie-consent>.button--ghost,
.notification--cookie-consent>.button--ghost--dark,
.notification--cookie-consent>.button--ghost--light {
  --text-color: #5f6db2;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  margin-top: 13px;
  padding: 0;
}

@media (min-width:992px) {
  .notification__description {
    font-size: 14px;
    line-height: 18px;
  }

  .notification--cookie-consent>.button--ghost,
  .notification--cookie-consent>.button--ghost--dark,
  .notification--cookie-consent>.button--ghost--light {
    font-size: 14px;
    line-height: 14px;
  }
}

.notification--fullwidth {
  width: 100%;
}

.select,
.select * {
  box-sizing: border-box;
}

.select .choices__list--dropdown .choices__placeholder {
  display: none;
}

.select .choices__inner {
  display: flex;
  align-items: center;
  border: 2px solid #5f6db2;
  border-radius: 16px;
  padding: 0;
  box-shadow: inset 0 0 0 0 transparent;
  min-height: 48px;
  background: #fff;
}

.select .choices__inner .choices__list {
  padding: 12px 30px 12px 10px;
}

.select .choices[data-type*=select-one] .choices__inner {
  padding-bottom: 0;
}

.select .choices[data-type*=select-one]::after {
  display: inline-block;
  margin-top: 0;
  border: none;
  width: 24px;
  height: 24px;
  background-color: #5f6db2;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/corner.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/corner.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transform: translateY(-50%) rotate(90deg);
}

.select_like-input .choices__inner {
  border-color: #ced2e4;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width:992px) {
  .select_like-input .choices__inner {
    font-size: 16px;
    line-height: 21px;
    min-height: 56px;
  }

  .select_like-input .choices__inner .choices__list {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.select_like-input.select_is-selected .choices__inner {
  border-color: #5f6db2;
}

.select .choices__list--dropdown,
.select .choices__list[aria-expanded] {
  z-index: 2;
  margin-top: 4px;
  border: 2px solid #dcdfee;
  border-radius: 16px;
  background: #fff;
  padding: 5px;
  box-shadow: -2px 4px 15px 3px rgba(0,0,0,.12);
}

.select .choices__list--dropdown .choices__list,
.select .choices__list[aria-expanded] .choices__list {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.select .choices__list--dropdown .choices__item,
.select .choices__list[aria-expanded] .choices__item {
  background: #fff;
  border: 1px solid transparent;
}

.select .choices__list--dropdown .choices__item:hover,
.select .choices__list[aria-expanded] .choices__item:hover {
  background: #fff;
  border: 1px solid #5f6db2;
  border-radius: 10px;
}

.select--err .choices__inner {
  border-color: #e43232;
}

.nested-list {
  list-style: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

@media (min-width:992px) {
  .nested-list {
    overflow: unset;
    position: static;
  }

  .nested-list__wrapper {
    position: relative;
    overflow-y: clip;
    overflow-x: auto;
  }

  .nested-list__wrapper--scrollbar-hide {
    scrollbar-width: none;
  }

  .nested-list__wrapper--horizontal {
    display: flex;
  }

  .nested-list__back {
    display: none;
  }
}

.nested-list__back-title {
  text-align: left;
}

.nested-list__back-icon {
  rotate: 180deg;
  min-width: 24px;
  min-height: 24px;
}

.nested-list__back--hidden {
  display: none;
}

.nested-list--child-open {
  overflow-y: hidden;
  overflow-x: hidden;
}

.nested-list__items-wrapper {
  background-color: inherit;
  box-sizing: border-box;
}

.nested-list__node {
  --icon-color: #0a0c0f;
  background-color: inherit;
  width: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.nested-list__node--child-open:has(.nested-list--open) {
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}

.nested-list__node--child-open:has(.nested-list--open)>.nested-list {
  pointer-events: all;
}

.nested-list__node>.nested-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  translate: 200vw 0;
  background-color: inherit;
  display: none;
  overflow-x: clip;
  overflow-y: scroll;
}

.nested-list__node>.nested-list--child-open {
  overflow-y: hidden;
  overflow-x: hidden;
}

.nested-list__node>.nested-list--open {
  display: block;
  z-index: 1;
  translate: 0;
  animation: .4s ease-in-out slideIn;
}

.nested-list__node-title {
  text-decoration: none;
  color: #0a0c0f;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.nested-list__node--collapsible::after {
  content: "";
  display: block;
  min-width: 24px;
  min-height: 24px;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  mask: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg");
  rotate: -90deg;
  background: var(--icon-color);
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width:992px) {
  .nested-list--child-open,
  .nested-list__node>.nested-list--child-open {
    overflow: unset;
  }

  .nested-list__node>.nested-list {
    left: 15%;
    overflow: auto;
    width: -moz-max-content;
    width: max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    height: 100%;
    translate: 0;
  }

  .nested-list__node>.nested-list .nested-list__items-wrapper {
    height: 100%;
    overflow: auto;
  }

  .nested-list__node>.nested-list--open {
    overflow: unset;
    animation: .4s ease-in-out slideInMD;
  }

  .nested-list__node--collapsible {
    align-items: flex-start;
  }
}

@keyframes slideIn {
  from {
    translate: 200vw;
  }

  to {
    translate: 0;
  }
}

@keyframes slideInMD {
  from {
    translate: -100%;
    z-index: -1;
  }

  to {
    translate: 0;
    z-index: -1;
  }
}

@keyframes slideOut {
  from {
    translate: 0;
  }

  to {
    translate: 200vw;
  }
}

.counter {
  align-items: center;
  gap: 8px;
  display: none;
}

.counter__btn {
  position: relative;
  border: 1.5px solid #5f6db2;
  border-radius: 16px;
  width: 48px;
  height: 48px;
  font-size: 0;
  background-color: #fff;
}

@media (min-width:768px) {
  .counter__btn {
    width: 53px;
    height: 56px;
  }
}

.counter__btn:disabled {
  border-color: #edeef6;
  background: #edeef6;
}

.counter__btn:disabled::after,
.counter__btn:disabled::before {
  background-color: #ced2e4;
}

.counter__btn::after,
.counter__btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: #5f6db2;
  transform: translate(-50%,-50%);
}

.counter__btn::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.counter__btn--minus::after {
  display: none;
}

.counter__input {
  border: 2px solid #ced2e4;
  border-radius: 16px;
  padding: 0 12px;
  width: 65px;
  height: 44px;
  box-shadow: inset 0 0 0 0 transparent;
  text-align: center;
  background: #fff;
}

@media (min-width:768px) {
  .counter__input {
    width: 101px;
    height: 52px;
  }

  .cm-counter__btn {
    width: 36px;
    height: 36px;
  }
}

.counter__input:focus,
.counter__input:focus-visible {
  outline: 0;
  box-shadow: none;
  border-color: #5f6db2;
  background: #fff;
}

.counter__input--active {
  border-color: #5f6db2;
}

.cm-counter {
  align-items: center;
  gap: 8px;
  display: none;
}

.cm-counter__btn {
  position: relative;
  border: 1.5px solid #5f6db2;
  border-radius: 12px;
  width: 36px;
  height: 36px;
  font-size: 0;
  background-color: #fff;
}

.cm-counter__btn:disabled {
  border-color: #edeef6;
  background: #edeef6;
}

.cm-counter__btn:disabled::after,
.cm-counter__btn:disabled::before {
  background-color: #ced2e4;
}

.cm-counter__btn::after,
.cm-counter__btn::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 2px;
  background-color: #5f6db2;
  transform: translate(-50%,-50%);
}

.cm-counter__btn::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

.cm-counter__btn--minus::after {
  display: none;
}

.cm-counter__input {
  border: 2px solid #5f6db2;
  border-radius: 16px;
  padding: 0 12px;
  width: 160px;
  height: 36px;
  box-shadow: inset 0 0 0 0 transparent;
  text-align: center;
  background: #fff;
}

@media (min-width:768px) {
  .cm-counter__input {
    width: 160px;
    height: 36px;
  }

  .modal-bottom__content {
    margin-bottom: auto;
  }
}

.cm-counter__input:focus,
.cm-counter__input:focus-visible {
  outline: 0;
  box-shadow: none;
  border-color: #5f6db2;
  background: #fff;
}

.cm-counter__input--active {
  border-color: #5f6db2;
}

.base-container {
  height: 100%;
}

.modal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 600;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.modal_active {
  display: flex!important;
}

.modal__inner {
  position: relative;
  flex-direction: column;
  align-items: center;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
  border-radius: 40px;
  padding: 48px 56px 40px;
  width: 486px;
  max-width: calc(100% - 32px);
  background-color: #fff;
}

.modal__overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(94,104,158,.2);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
}

.modal__close {
  position: absolute;
  right: -64px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  font-size: 0;
  width: 48px;
  aspect-ratio: 1;
  background-color: transparent;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #fff;
  z-index: 2;
}

.modal-bottom__content {
  margin-top: auto;
}

.modal-bottom__inner {
  margin-bottom: 0;
  border-radius: 24px 24px 0 0;
  padding: 24px 16px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-height: 100%;
  max-width: 100%;
}

.modal-bottom__inner_in-content {
  margin-top: 50px;
}

.modal-bottom__close {
  right: 5px;
  top: 5px;
  --icon-color: #000;
}

@media (min-width:768px) {
  .modal-bottom__inner {
    margin-bottom: auto;
    border-radius: 40px;
    padding: 48px 56px 40px;
    width: 486px;
  }

  .modal-bottom__inner_in-content {
    margin-bottom: 50px;
  }

  .modal-bottom__close {
    right: 5px;
    top: 5px;
    --icon-color: #000;
  }
}

.modal-bottom__title {
  margin-bottom: 31px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .modal-bottom__title {
    margin-bottom: 35px;
    font-size: 32px;
  }
}

.modal-bottom__text {
  margin-bottom: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #000;
  overflow: auto;
}

.modal-bottom__btn {
  width: 100%;
  box-sizing: border-box;
}

@media (min-width:768px) {
  .modal-bottom__text {
    font-size: 16px;
  }

  .modal-bottom__btn {
    width: auto;
  }
}

.modal-right__inner {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  max-width: unset;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width:992px) {
  .modal-right__inner {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    width: -moz-max-content;
    width: max-content;
  }
}

.modal-right__close {
  top: 0;
  right: 0;
  --icon-color: #0a0c0f;
  position: static;
  width: 48px;
  height: 32px;
}

.modal-right__header {
  margin-top: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 63px;
}

@media (min-width:992px) {
  .modal-right__close {
    width: 56px;
    height: 48px;
    position: absolute;
  }

  .modal-right__header {
    margin-top: 32px;
    margin-left: 40px;
    margin-right: 40px;
  }
}

.modal-right__title {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 31px;
}

.modal-right__content {
  padding: 12px 16px;
  height: 100%;
  overflow: auto;
}

@media (min-width:992px) {
  .modal-right__content {
    margin-left: 40px;
    padding: 16px;
  }
}

.modal-right__footer {
  margin-top: auto;
  padding: 16px 16px 24px;
  box-shadow: 0 4px 32px 0 rgba(60,56,141,.15);
}

@media (min-width:992px) {
  .modal-right__footer {
    padding: 24px 56px;
  }
}

.modal-right__btn {
  width: 100%;
}

.modal-center__inner {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  max-width: unset;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width:992px) {
  .modal-center__inner {
    margin: auto;
    border-radius: 40px;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    max-width: 908px;
    max-height: 932px;
  }
}

.modal-center__close {
  position: absolute;
  top: 8px;
  right: 0;
  --icon-color: #5f6db2;
  width: 36px;
  height: 36px;
}

.modal-center__header {
  margin-top: 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-height: 58px;
}

.modal-center__title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

@media (min-width:992px) {
  .modal-center__close {
    --icon-color: #0a0c0f;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    position: absolute;
  }

  .modal-center__header {
    margin-top: 32px;
    margin-left: 40px;
    margin-right: 40px;
    max-height: 74px;
    height: 74px;
  }

  .modal-center__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
  }
}

.modal-center__content {
  padding: 12px 16px;
  height: 100%;
  overflow: auto;
}

@media (min-width:992px) {
  .modal-center__content {
    padding: 16px 26px 16px 56px;
  }
}

.modal-center__footer {
  margin-top: auto;
  padding: 16px 16px 24px;
  box-shadow: 0 4px 32px 0 rgba(60,56,141,.15);
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}

.modal-center__btn {
  width: 100%;
}

@media (min-width:992px) {
  .modal-center__footer {
    padding: 24px 56px;
  }

  .modal-center__btn {
    width: -moz-max-content;
    width: max-content;
  }
}

.modal-center__back-btn {
  padding: 0;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.modal-banner__inner {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  max-width: unset;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

@media (min-width:992px) {
  .modal-center__back-btn {
    font-size: 14px;
    line-height: 14px;
  }

  .modal-banner__inner {
    margin: auto;
    border-radius: 40px;
    width: -moz-max-content;
    width: max-content;
    height: -moz-max-content;
    height: max-content;
    max-width: 598px;
    max-height: 932px;
  }
}

.modal-banner__close {
  position: absolute;
  top: 8px;
  right: 9px;
  --icon-color: rgb(var(--white-color-rgb));
  width: 36px;
  height: 36px;
}

@media (min-width:992px) {
  .modal-banner__close {
    --icon-color: #0a0c0f;
    top: 10px;
    right: 10px;
    width: 48px;
    height: 48px;
    position: absolute;
  }
}

.modal-banner__back-btn {
  padding: 0;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.modal-banner__banner {
  width: 100%;
  height: 169px;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
}

@media (min-width:992px) {
  .modal-banner__back-btn {
    font-size: 14px;
    line-height: 14px;
  }

  .modal-banner__banner {
    height: 269px;
  }
}

.modal-banner__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.modal-banner__title {
  position: relative;
  top: -99px;
  left: 16px;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  color: rgb(var(--white-color-rgb));
  max-width: 147px;
}

.modal-banner__content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding: 20px 16px;
}

@media (min-width:992px) {
  .modal-banner__title {
    top: -170px;
    left: 40px;
    font-size: 32px;
    line-height: 42px;
    min-width: 225px;
  }

  .modal-banner__content {
    padding: 36px 40px 48px;
  }
}

.modal-banner__subtitle {
  margin: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

@media (min-width:992px) {
  .modal-banner__subtitle {
    font-size: 24px;
    line-height: 31px;
  }
}

.modal-banner__text {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
}

.modal-custom-default__form {
  display: flex;
  flex-direction: column;
  overflow: auto;
}

.picture {
  display: block;
}

.picture .img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.blockquote__text.expandable-question__tab-button,
.blockquote__text.p--100,
.blockquote__text.p--80,
.blockquote__text.p--90,
.blockquote__text.xs-sort-button,
.p.blockquote__text,
q.blockquote__text {
  position: relative;
  display: inline;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.blockquote__text--selected.expandable-question__tab-button,
.blockquote__text--selected.p--100,
.blockquote__text--selected.p--80,
.blockquote__text--selected.p--90,
.blockquote__text--selected.xs-sort-button,
.p.blockquote__text--selected,
q.blockquote__text--selected {
  color: #5f6db2;
}

.blockquote__text.expandable-question__tab-button::before,
.blockquote__text.p--100::before,
.blockquote__text.p--80::before,
.blockquote__text.p--90::before,
.blockquote__text.xs-sort-button::before,
.p.blockquote__text::before,
q.blockquote__text::before {
  content: "";
  left: -9px;
  top: -12px;
  display: inline-block;
  position: absolute;
  width: 14.18px;
  height: 11.48px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/quote.svg");
}

.blockquote__text.expandable-question__tab-button::after,
.blockquote__text.p--100::after,
.blockquote__text.p--80::after,
.blockquote__text.p--90::after,
.blockquote__text.xs-sort-button::after,
.p.blockquote__text::after,
q.blockquote__text::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 8px;
  left: -3px;
  width: 14.18px;
  height: 11.48px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/quote.svg");
}

@media (min-width:992px) {
  .modal-banner__text {
    font-size: 14px;
    line-height: 18px;
  }

  .blockquote__text.expandable-question__tab-button,
  .blockquote__text.p--100,
  .blockquote__text.p--80,
  .blockquote__text.p--90,
  .blockquote__text.xs-sort-button,
  .p.blockquote__text,
  q.blockquote__text {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
  }

  .blockquote__text.expandable-question__tab-button::before,
  .blockquote__text.p--100::before,
  .blockquote__text.p--80::before,
  .blockquote__text.p--90::before,
  .blockquote__text.xs-sort-button::before,
  .p.blockquote__text::before,
  q.blockquote__text::before {
    top: -5px;
    left: -20px;
  }
}

@media (max-width:374px) {
  .blockquote__text::before {
    left: -2px;
    top: -15px;
  }
}

.blockquote-v2 {
  margin: 12px 0 0 23px;
}

.blockquote-v2__text {
  position: relative;
  display: inline;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.blockquote-v2__text--selected {
  color: #5f6db2;
}

.blockquote-v2__text::before {
  content: "";
  left: -14px;
  top: -12px;
  display: inline-block;
  position: absolute;
  width: 14.18px;
  height: 11.48px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/quote.svg");
}

.blockquote-v2__text::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 8px;
  left: -3px;
  width: 14.18px;
  height: 11.48px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/quote.svg");
}

.back-mobile-btn__wrapper {
  display: flex;
  flex-direction: row;
}

.back-mobile-btn__wrapper>a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #5f6db2;
  z-index: 1;
  flex-grow: 1;
}

.back-mobile-btn__wrapper>a>i {
  --icon-color: #5f6db2;
  flex-shrink: 0;
  transform: rotate(180deg);
}

@media (min-width:576px) {
  .back-mobile-btn__wrapper>a {
    display: none;
  }
}

.footer__bottom-copyright-link,
.lnk,
a {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  cursor: pointer;
}

.footer__bottom-copyright-link,
.footer__bottom-copyright-link a,
.lnk,
.lnk a,
a {
  color: inherit;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}

.footer__bottom-copyright-link>span,
.lnk>span,
a>span {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.footer__bottom-copyright-link,
.lnk--L {
  height: 24px;
}

.lnk--S {
  gap: 0;
}

.footer__bottom-copyright-link,
.lnk--light,
a {
  --icon-color: #5f6db2;
  color: #5f6db2;
}

.footer__bottom-copyright-link>span:after,
.lnk--light>span:after,
a>span:after {
  background: #5f6db2;
}

.footer__bottom-copyright-link:hover,
.lnk--light:hover,
a:hover {
  --icon-color: #4e5993;
  color: #4e5993;
}

.footer__bottom-copyright-link:hover>span:after,
.lnk--light:hover>span:after,
a:hover>span:after {
  background: #4e5993;
}

.lnk--light-disabled {
  cursor: not-allowed;
  --icon-color: #ced2e4;
  color: #ced2e4;
}

.lnk--light-disabled>span:after {
  background: #ced2e4;
}

.lnk--light-disabled:hover {
  --icon-color: #ced2e4;
  color: #ced2e4;
}

.lnk--light-disabled:hover>span:after {
  background: #ced2e4;
}

.lnk--dark {
  --icon-color: rgb(var(--white-color-rgb));
  color: rgb(var(--white-color-rgb));
}

.lnk--dark>span:after {
  background: rgb(var(--white-color-rgb));
}

.lnk--dark:hover {
  --icon-color: rgba(var(--white-color-rgb), 0.1);
  color: rgba(var(--white-color-rgb),.1);
}

.lnk--dark:hover>span:after {
  background: rgba(var(--white-color-rgb),.1);
}

.lnk--dark-disabled {
  cursor: not-allowed;
  --icon-color: #8a98db;
  color: #8a98db;
}

.lnk--dark-disabled>span:after {
  background: #8a98db;
}

.lnk--dark-disabled:hover {
  --icon-color: #8a98db;
  color: #8a98db;
}

.lnk--dark-disabled:hover>span:after {
  background: #8a98db;
}

.lnk--dark:focus {
  border: 2px solid rgb(var(--white-color-rgb));
}

.footer__bottom-copyright-link:focus,
.lnk:focus,
a:focus {
  outline: #dcdfee solid 4px;
  outline-offset: 2px;
  border-radius: 4px;
}

.lnk-standalone>div {
  display: none;
}

.lnk-inline {
  flex-direction: column;
  display: inline-flex;
  justify-content: center;
}

.lnk-inline:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 1px;
  margin-top: 3px;
}

.catalog-menu__card-categories-nested .nested-list__items-wrapper,
.header-full__top-dropdown-links,
.scrollbar,
.sign-up .modal-center__content,
.v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper {
  scrollbar-width: 4px;
}

.catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar,
.header-full__top-dropdown-links::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar,
.sign-up .modal-center__content::-webkit-scrollbar,
.v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar-track,
.header-full__top-dropdown-links::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track,
.sign-up .modal-center__content::-webkit-scrollbar-track,
.v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar-track {
  background-color: #edeef6;
  border-radius: 4px;
}

.catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar-thumb,
.header-full__top-dropdown-links::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb,
.sign-up .modal-center__content::-webkit-scrollbar-thumb,
.v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper::-webkit-scrollbar-thumb {
  background-color: #8a98db;
  border-radius: 4px;
}

.v-toast {
  background: rgb(var(--white-color-rgb));
  border-radius: 12px;
}

.v-toast__wrapper {
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 9px;
}

.v-toast__wrapper>i {
  --icon-color: #2e90fa;
  flex-shrink: 0;
  margin-left: -3px;
  margin-top: -3px;
}

.v-toast__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.v-toast__panel {
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

@media (min-width:992px) {
  .blockquote-v2__text {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
  }

  .blockquote-v2__text::before {
    top: -5px;
    left: -20px;
  }

  .catalog-menu__card-categories-nested .nested-list__items-wrapper,
  .header-full__top-dropdown-links,
  .scrollbar,
  .sign-up .modal-center__content,
  .v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper {
    scrollbar-gutter: stable;
  }

  .v-toast {
    border-radius: 16px;
  }

  .v-toast__wrapper {
    padding: 16px;
  }

  .v-toast__wrapper>i {
    margin-top: 0;
  }
}

.expandable-question {
  border-radius: 16px;
  border: 1px solid var(--Priority-Primary-20,#dcdfee);
  overflow: hidden;
  background: rgb(var(--white-color-rgb));
  padding: 15px;
}

@media (min-width:992px) {
  .expandable-question {
    border-radius: 24px;
    padding: 23px;
  }
}

.expandable-question__header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  cursor: pointer;
}

.expandable-question__toggle {
  background: 0 0;
  border: none;
  cursor: pointer;
  transition: transform .3s;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  --icon-color: #0a0c0f;
  --icon-width: 20px;
  --icon-height: 20px;
}

.expandable-question__toggle[aria-expanded=true] {
  transform: rotate(45deg);
}

.expandable-question__content {
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  transition: max-height .3s ease-out,margin .2s;
  scrollbar-gutter: unset;
}

.expandable-question__content:active,
.expandable-question__content:focus,
.expandable-question__content:focus-visible {
  outline: 0;
  border: none;
}

.expandable-question__content.expanded {
  margin-top: 20px;
  max-height: 1000px;
  transition: max-height .5s ease-in,margin .3s;
  margin-right: -5px;
}

.expandable-question__content.expanded>ol {
  padding-left: 21px;
  margin-top: 5px;
}

.expandable-question__content img {
  max-width: 100%;
}

.expandable-question__tabs {
  margin-top: 20px;
}

.expandable-question__tab-list {
  gap: 12px;
  height: 38px;
}

.expandable-question__tab-item {
  padding: 8px;
  flex-shrink: 0;
  height: 38px;
}

.expandable-question__tab-button {
  color: inherit;
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0;
}

.expandable-question__tab-panel {
  margin: 20px 0 0;
}

.segmented-control__list {
  display: flex;
}

.segmented-control__button {
  background: var(--Priority-Primary-10,#edeef6);
  border: none;
  cursor: pointer;
}

.segmented-control__button--active {
  background: var(--Priority-Primary-80,#5f6db2);
  color: #fff;
}

.segmented-control__panel {
  display: none;
}

.segmented-control__panel--active {
  display: block;
}

.segmented-control-two-options {
  display: flex;
  flex-direction: column;
}

.segmented-control-two-options__list {
  background: #edeef6;
  width: 100%;
  padding: 4px;
  border-radius: var(--m-12,12px);
  flex-direction: row;
  gap: 4px;
}

.segmented-control-two-options__button {
  display: flex;
  width: 100%;
  border-radius: 8px;
  height: 28px;
  padding-inline: 12px;
  align-items: center;
  justify-content: center;
}

@media (min-width:992px) {
  .expandable-question__content.expanded {
    margin-top: 32px;
  }

  .segmented-control-two-options__list {
    gap: 8px;
    max-width: 236px;
  }

  .segmented-control-two-options__button {
    height: 30px;
    padding-inline: 24px;
    border-radius: 12px;
    white-space: nowrap;
  }
}

.qa-not-found-banner {
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

.qa-not-found-banner__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
  gap: 16px;
}

.qa-not-found-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

.qa-not-found-banner__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
}

@media (min-width:992px) {
  .qa-not-found-banner {
    border-radius: 24px;
  }

  .qa-not-found-banner__wrapper {
    padding: 31px 23px;
    gap: 24px;
  }

  .qa-not-found-banner__content {
    gap: 20px;
  }
}

.input--textarea {
  position: relative;
}

.input--textarea textarea {
  width: 100%;
  padding: 28px 10px 12px;
  border-radius: 12px;
  border: 2px solid #ced2e4;
  background: rgb(var(--white-color-rgb));
  resize: none;
  min-height: 122px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.input--textarea textarea+.expandable-question__tab-button,
.input--textarea textarea+.p,
.input--textarea textarea+.p--100,
.input--textarea textarea+.p--80,
.input--textarea textarea+.p--90,
.input--textarea textarea+.xs-sort-button {
  position: absolute;
  top: 14px;
  left: 12px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #6a6d72;
  transition: font-size .3s ease-in-out;
}

.input--textarea textarea:focus,
.input--textarea textarea[value]:not([value=""]) {
  border-color: #5f6db2;
}

.input--textarea textarea:focus+.expandable-question__tab-button,
.input--textarea textarea:focus+.p,
.input--textarea textarea:focus+.p--100,
.input--textarea textarea:focus+.p--80,
.input--textarea textarea:focus+.p--90,
.input--textarea textarea:focus+.xs-sort-button,
.input--textarea textarea[value]:not([value=""])+.expandable-question__tab-button,
.input--textarea textarea[value]:not([value=""])+.p,
.input--textarea textarea[value]:not([value=""])+.p--100,
.input--textarea textarea[value]:not([value=""])+.p--80,
.input--textarea textarea[value]:not([value=""])+.p--90,
.input--textarea textarea[value]:not([value=""])+.xs-sort-button {
  font-size: 12px;
}

.input--textarea textarea:focus {
  outline: 1px solid rgb(var(--white-color-rgb));
  box-shadow: 0 0 0 3px #dcdfee;
}

.loader {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/Loader.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  animation: .6s linear infinite spin;
}

.loader--S {
  width: 12px;
  height: 12px;
}

.loader--M {
  width: 20px;
  height: 20px;
}

.loader--L {
  width: 24px;
  height: 24px;
}

.loader--XL {
  width: 32px;
  height: 32px;
}

@keyframes spin {
  from {
    rotate: 0;
  }

  to {
    rotate: 360deg;
  }
}

.modal-light {
  display: none;
  opacity: 0;
}

.modal-light__overlay {
  background-color: rgba(94,104,158,.2);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.modal-light.open {
  display: flex;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  transition: opacity .3s;
  opacity: 1;
}

@media (min-width:576px) {
  .modal-light.open {
    align-items: center;
    justify-content: center;
  }
}

.xs-sort-button {
  --icon-color: #0a0c0f;
  width: 100%;
  display: flex;
  height: 48px;
  padding: 16px;
  justify-content: center;
  gap: 4px;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #edeef6;
  background: rgb(var(--white-color-rgb));
}

.xs-sort-button>i {
  transition: transform .3s;
}

.xs-sort-button.open>i {
  transform: rotate(180deg);
}

.stars {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 12px;
}

.stars__star {
  display: block;
  width: 32px;
  aspect-ratio: 1;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/ai/star-empty.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background .3s;
  cursor: pointer;
}

.stars__star.selected,
.stars__star.selected~.stars__star,
.stars__star:hover,
.stars__star:hover~.stars__star {
  background-image: url("/local/templates/geltek2024/frontend/img/upload/ai/star-filled.svg");
}

.c-onboarding {
  background: rgb(var(--white-color-rgb));
  border-radius: 24px;
  font-family: Geometria;
  font-size: 14px;
  line-height: 18px;
  position: relative;
  min-height: unset;
}

.c-onboarding .tg-dialog-header {
  padding: 0;
}

.c-onboarding .tg-dialog-header .tg-dialog-title {
  display: none;
}

.c-onboarding .tg-dialog-header .tg-dialog-close-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  border-radius: 6px;
  background-color: #edeef6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
}

.c-onboarding .tg-dialog-body {
  padding: 16px 48px 4px 16px;
}

.c-onboarding .tg-dialog-footer {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 16px;
  flex-direction: row-reverse;
}

.c-onboarding.tg-dialog .tg-dialog-footer .tg-dialog-btn {
  color: #5f6db2;
  font-family: Geometria;
  height: 24px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
  background: 0 0;
  outline: 0;
  border: none;
  display: flex;
  align-items: center;
  padding: 0;
  gap: 4px;
}

.c-onboarding.tg-dialog .tg-dialog-footer .tg-dialog-btn:hover {
  border: none;
  color: #4e5993;
}

.c-onboarding.tg-dialog .tg-dialog-footer .tg-dialog-btn:active {
  background-color: transparent;
  border: none;
}

.c-onboarding.tg-dialog .tg-dialog-footer .tg-dialog-btn::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.c-onboarding.tg-dialog .tg-dialog-footer .tg-dialog-btn.no-after::after {
  display: none;
}

.c-onboarding-backdrop {
  border-radius: 16px;
}

.onboarding-start-btn {
  height: 24px;
  padding: 0;
  margin-right: 16px;
  display: none;
}

.onboarding-start-btn--show {
  display: flex;
}

.phone-input-country {
  display: flex;
  align-items: center;
  gap: 8px;
  position: relative;
  width: 100%;
}

.phone-input-country__flag {
  width: 20px;
  height: 14px;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: middle;
  border: 1px solid #000;
}

.phone-input-country__selector {
  position: absolute;
  left: 10px;
  top: 50%;
  width: -moz-max-content;
  width: max-content;
  transform: translateY(-50%);
  z-index: 1;
}

.phone-input-country__button {
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 10px;
  min-width: 80px;
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: center;
}

.phone-input-country__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  margin-top: 4px;
  background: #fff;
  border: 1px solid #ccc;
  list-style: none;
  padding: 0;
  max-height: 180px;
  overflow-y: auto;
  border-radius: 10px;
  width: -moz-max-content;
  width: max-content;
}

.phone-input-country__dropdown--hidden {
  display: none;
}

.phone-input-country__option {
  padding: 6px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  gap: 6px;
}

.phone-input-country__option:hover {
  background: #f0f0f0;
}

.phone-input-country .phone-input-country__input {
  flex: 1;
  padding-left: 100px;
}

.phone-input-country .phone-input-country__input--invalid {
  border-color: red;
}

.header-full--scroll i.header-full__logo-icon,
.header-full--search.header-full--white i.header-full__logo-icon,
.header-full.header-full--search i.header-full__logo-icon,
i.icon,
i.icon-32-fav,
i.icon-AI,
i.icon-AI-64,
i.icon-AI-v2,
i.icon-VK,
i.icon-X,
i.icon-actions,
i.icon-address,
i.icon-arrow-down,
i.icon-arrow-left,
i.icon-arrow-right,
i.icon-arrow-right-v2,
i.icon-attach,
i.icon-bag,
i.icon-bell,
i.icon-breadcrumbs-divider,
i.icon-calendar,
i.icon-calendar-24,
i.icon-camera,
i.icon-cart,
i.icon-cds,
i.icon-certificate,
i.icon-chemicals,
i.icon-chevron-down,
i.icon-clock,
i.icon-close,
i.icon-copy,
i.icon-corner,
i.icon-correct-valid,
i.icon-cosmetics,
i.icon-delivery,
i.icon-doctor,
i.icon-dot,
i.icon-download,
i.icon-edit,
i.icon-error,
i.icon-error-valid,
i.icon-eye-show,
i.icon-eye-show-off,
i.icon-face,
i.icon-filters,
i.icon-folders,
i.icon-formula,
i.icon-geltek,
i.icon-gift,
i.icon-gift-2,
i.icon-heart,
i.icon-heart-filled,
i.icon-info,
i.icon-leaf,
i.icon-learning,
i.icon-list,
i.icon-logo,
i.icon-logo-2,
i.icon-logo-clinic,
i.icon-logout,
i.icon-long-arrow-down,
i.icon-love,
i.icon-mail,
i.icon-mail--20,
i.icon-makephoto,
i.icon-map-geolocation,
i.icon-max,
i.icon-medicine,
i.icon-menu,
i.icon-menu-cat,
i.icon-message,
i.icon-metro,
i.icon-minus,
i.icon-new,
i.icon-notification,
i.icon-online-20,
i.icon-order,
i.icon-percent,
i.icon-pets,
i.icon-phone,
i.icon-phone--20,
i.icon-pick-up,
i.icon-pin,
i.icon-plant,
i.icon-plastic-recycle,
i.icon-play,
i.icon-plus,
i.icon-prepared,
i.icon-present,
i.icon-prize,
i.icon-processed,
i.icon-products,
i.icon-program,
i.icon-ready,
i.icon-search,
i.icon-send,
i.icon-sert,
i.icon-sertificate,
i.icon-share,
i.icon-star-filled,
i.icon-star-framed,
i.icon-stars,
i.icon-success,
i.icon-support,
i.icon-tg,
i.icon-tg-white,
i.icon-tile,
i.icon-tooltip,
i.icon-trash,
i.icon-update,
i.icon-user,
i.icon-wa,
i.icon-wa-2,
i.icon-warning,
i.icon-web,
i.icon-white-logo,
i.icon-youtube {
  display: inline-block;
  width: var(--icon-width,24px);
  height: var(--icon-height,24px);
  background-color: var(--icon-color,rgb(var(--white-color-rgb)));
}

.header-full--scroll i.header-full__logo-icon,
.header-full--search.header-full--white i.header-full__logo-icon,
.header-full.header-full--search i.header-full__logo-icon,
i.icon-logo {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/logo.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/logo.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/logo.svg") 0 0/contain;
}

i.icon-logo-2 {
  background: url("/local/templates/geltek2024/frontend/img/icons/logo.svg") center center/contain no-repeat;
}

i.icon-logo-clinic {
  background: url("/local/templates/geltek2024/frontend/img/icons/logo-clinic.svg") center center/contain no-repeat;
}

i.icon-white-logo {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/white-logo.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/white-logo.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: rgb(var(--white-color-rgb));
}

i.icon-AI {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/AI.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/AI.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-arrow-right {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-arrow-left {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  transform: rotate(180deg);
}

i.icon-chevron-down {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/chevron-down.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-menu {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/menu.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/menu.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-search {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/search.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/search.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-tile {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/tile.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/tile.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-user {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/user.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/user.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-cart {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/cart.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/cart.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-heart {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/heart.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/heart.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-heart-filled {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/heart-filled.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/heart-filled.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-bag {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/bag.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/bag.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-star-filled {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/star-filled.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/star-filled.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-star-framed {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/star-framed.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/star-framed.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-doctor {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/doctor.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/doctor.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-face {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/face.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/face.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-percent {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/percent.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/percent.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-gift {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/gift.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/gift.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-gift-2 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/icon-gift.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/icon-gift.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-stars {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/stars.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/stars.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-sertificate {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/sertificate.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/sertificate.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-learning {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/learning.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/learning.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-plant {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/plant.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/plant.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-formula {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/formula.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/formula.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-AI-v2 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/AI-v2.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/AI-v2.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-clock {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/clock.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/clock.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-send {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/send.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/send.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-VK {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/VK.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/VK.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-download {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/download.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/download.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-youtube {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/rutube.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/rutube.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-phone {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/phone.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/phone.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-phone--20 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/20-phone.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/20-phone.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-mail {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/mail.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/mail.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-mail--20 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/20-mail.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/20-mail.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-tg {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/telegram.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/telegram.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-menu-cat {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/menu-cat.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/menu-cat.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-close {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/close.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/close.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-info {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/info.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/info.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-present {
  --icon-color: #5F6DB2;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/present.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/present.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-error {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/error.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/error.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-success {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/success.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/success.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-warning {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/warning.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/warning.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-breadcrumbs-divider {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/breadcrumbs-divider.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/breadcrumbs-divider.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-share {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/share.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/share.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-leaf {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/leaf.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/leaf.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-tooltip {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/tooltip.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/tooltip.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-play {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/play.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/play.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-cosmetics {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/cosmetics.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/cosmetics.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-medicine {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/medicine.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/medicine.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-geltek {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/geltek.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/geltek.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-pin {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/pin.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/pin.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-chemicals {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/chemicals.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/chemicals.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-pets {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/pets.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/pets.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-new {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/new.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/new.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-actions {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/actions.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/actions.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-prize {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/prize.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/prize.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-corner {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/corner.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/corner.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-edit {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/edit.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/edit.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-cds {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/cds.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/cds.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-delivery {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/delivery.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/delivery.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-pick-up {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/pick-up.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/pick-up.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-notification {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/notification.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/notification.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-order {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/order.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/order.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-logout {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/logout.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/logout.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-eye-show {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/eye-show.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/eye-show.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-dot {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/dot.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/dot.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-eye-show-off {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/eye-show-off.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/eye-show-off.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-error-valid {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/error-valid.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/error-valid.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-correct-valid {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/correct-valid.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/correct-valid.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-arrow-right-v2 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right-v2.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right-v2.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-message {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/message.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/message.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-support {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/support.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/support.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-calendar {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/calendar.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/calendar.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-makephoto {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/Makephoto.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/Makephoto.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-products {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/products.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/products.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-program {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/Program.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/Program.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-plus {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/plus.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/plus.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-filters {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/filters.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/filters.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-AI-64 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/64-ai-bold.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/64-ai-bold.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-update {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/update.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/update.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-list {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/list.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/list.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-long-arrow-down {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/long-arrow-down.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/long-arrow-down.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-attach {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/24-attach.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/24-attach.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-X {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/24-X.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/24-X.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-trash {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/trash.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/trash.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-minus {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/minus-minus.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/minus-minus.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-bell {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/bell.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/bell.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-copy {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/Copy.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/Copy.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-processed {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/processed.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/processed.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-prepared {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/prepared.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/prepared.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-ready {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/ready.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/ready.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-arrow-down {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-down.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-down.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-calendar-24 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/24-calendar.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/24-calendar.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-online-20 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/20-online.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/20-online.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-map-geolocation {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/map-geolocation.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/map-geolocation.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-web {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/web.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/web.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-camera {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/camera.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/camera.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-wa {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/wa.png") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/wa.png") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/wa.png") center/cover;
}

i.icon-wa-2 {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/icon-wa-2.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/icon-wa-2.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/icon-wa-2.svg") center/cover;
}

i.icon-tg-white {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/tg.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/tg.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/tg.svg") center/cover;
}

i.icon-max {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/max.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/max.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/max.svg") center/cover;
}

i.icon-metro {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/metro.png") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/metro.png") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  background: url("/local/templates/geltek2024/frontend/img/icons/metro.png") center/cover;
}

i.icon-address {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/icon-address.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/icon-address.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-folders {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/icon-folders.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/icon-folders.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-sert {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/icon-sert.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/icon-sert.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-plastic-recycle {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/plastic-recycle.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/plastic-recycle.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-certificate {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/sertificate.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/sertificate.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-love {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/love.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/love.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

i.icon-32-fav {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
}

.header-full,
.header-full--white {
  --header-background: rgba(var(--white-color-rgb), 0.4);
  --header-text-color: #0a0c0f;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  width: 100%;
  padding: 12px 16px;
  background-color: var(--header-background);
  box-sizing: border-box;
  transition: background-color .3s ease-in-out;
}

.header-full--white::before,
.header-full::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.header-full__logo {
  height: 100%;
  display: flex;
  align-items: center;
  --icon-width: 127px;
  --icon-height: 30px;
}

.header-full__logo:active,
.header-full__logo:focus,
.header-full__logo:target {
  overflow: unset;
}

.header-full__top {
  display: none;
}

.header-full__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  z-index: 1;
}

.header-full__bottom-center {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
}

.header-full__bottom-center-catalog {
  display: none;
}

.header-full__bottom-center-mobile-menu {
  height: 100%;
}

.header-full__bottom-center-mobile-menu-button {
  --main-color: transparent;
  --text-color: var(--header-text-color);
  --icon-width: 24px;
  --icon-height: 24px;
  border-radius: 12px;
  max-height: 36px;
  font-size: 11px;
  font-weight: 500;
  padding: 0 10px;
  justify-content: unset;
  width: 92px;
  height: 100%;
  gap: 8px;
  border: 2px solid #edeef6;
}

.header-full__bottom-center-search {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: var(--header-text-color);
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

.header-full__bottom-center-search-fieldset {
  min-width: 36px;
  width: 100%;
  max-height: 36px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 0;
  background-color: transparent;
  border: 2px solid #edeef6;
}

.header-full__bottom-center-search-input,
.header-full__bottom-center-search-legend,
.header-full__bottom-right {
  display: none;
}

@media (min-width:992px) {
  .input--textarea textarea,
  .input--textarea textarea+.expandable-question__tab-button,
  .input--textarea textarea+.p,
  .input--textarea textarea+.p--100,
  .input--textarea textarea+.p--80,
  .input--textarea textarea+.p--90,
  .input--textarea textarea+.xs-sort-button {
    font-size: 14px;
    line-height: 18px;
  }

  .header-full,
  .header-full--white {
    max-height: 136px;
  }

  .header-full__logo {
    --icon-width: 205px;
    --icon-height: 100%;
  }

  .header-full__top {
    z-index: 202;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 40px;
  }

  .header-full__top-item,
  .header-full__top-item-link {
    --icon-color: var(--text-color);
    color: var(--text-color);
    display: flex;
    align-items: center;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .header-full__top-item-link:link,
  .header-full__top-item-link:visited,
  .header-full__top-item:link,
  .header-full__top-item:visited {
    --icon-color: var(--text-color);
    color: var(--text-color);
  }

  .header-full__top-item,
  .header-full__top-item:link,
  .header-full__top-item:visited {
    --text-color: var(--header-text-color);
  }

  .header-full__top-item:hover {
    --text-color: #4e5993;
  }

  .header-full__top-item-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
  }

  .header-full__top-menu-button {
    --text-color: var(--header-text-color);
    border: 2px solid #edeef6;
    width: 105px;
    height: 40px;
    padding: 8px 16px;
  }

  .header-full__top-menu-button:hover {
    border: 2px solid #dcdfee;
    --text-color: #4e5993;
  }

  .header-full__top-menu-button:active {
    outline: solid 5px rgba(var(--white-color-rgb),.2);
  }

  .header-full__top-dropdown {
    height: 100%;
    z-index: 101;
  }

  .header-full__top-dropdown-links {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 282px;
    width: 100%;
  }

  .header-full__top-dropdown-links-item {
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
  }

  .header-full__top-dropdown-links-item:hover {
    background-color: #edeef6;
  }

  .header-full__top-dropdown-links-link {
    display: block;
    color: #54565a;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }

  .header-full__top-dropdown-links-link:link,
  .header-full__top-dropdown-links-link:visited {
    color: #54565a;
  }

  .header-full--scroll .header-full__top-dropdown-links-link i.header-full__logo-icon,
  .header-full--search.header-full--white .header-full__top-dropdown-links-link i.header-full__logo-icon,
  .header-full.header-full--search .header-full__top-dropdown-links-link i.header-full__logo-icon,
  .header-full__top-dropdown-links-link .header-full--scroll i.header-full__logo-icon,
  .header-full__top-dropdown-links-link .header-full--search.header-full--white i.header-full__logo-icon,
  .header-full__top-dropdown-links-link .header-full.header-full--search i.header-full__logo-icon,
  .header-full__top-dropdown-links-link .icon,
  .header-full__top-dropdown-links-link .icon-AI,
  .header-full__top-dropdown-links-link i.icon-32-fav,
  .header-full__top-dropdown-links-link i.icon-AI-64,
  .header-full__top-dropdown-links-link i.icon-AI-v2,
  .header-full__top-dropdown-links-link i.icon-VK,
  .header-full__top-dropdown-links-link i.icon-X,
  .header-full__top-dropdown-links-link i.icon-actions,
  .header-full__top-dropdown-links-link i.icon-address,
  .header-full__top-dropdown-links-link i.icon-arrow-down,
  .header-full__top-dropdown-links-link i.icon-arrow-left,
  .header-full__top-dropdown-links-link i.icon-arrow-right,
  .header-full__top-dropdown-links-link i.icon-arrow-right-v2,
  .header-full__top-dropdown-links-link i.icon-attach,
  .header-full__top-dropdown-links-link i.icon-bag,
  .header-full__top-dropdown-links-link i.icon-bell,
  .header-full__top-dropdown-links-link i.icon-breadcrumbs-divider,
  .header-full__top-dropdown-links-link i.icon-calendar,
  .header-full__top-dropdown-links-link i.icon-calendar-24,
  .header-full__top-dropdown-links-link i.icon-camera,
  .header-full__top-dropdown-links-link i.icon-cart,
  .header-full__top-dropdown-links-link i.icon-cds,
  .header-full__top-dropdown-links-link i.icon-certificate,
  .header-full__top-dropdown-links-link i.icon-chemicals,
  .header-full__top-dropdown-links-link i.icon-chevron-down,
  .header-full__top-dropdown-links-link i.icon-clock,
  .header-full__top-dropdown-links-link i.icon-close,
  .header-full__top-dropdown-links-link i.icon-copy,
  .header-full__top-dropdown-links-link i.icon-corner,
  .header-full__top-dropdown-links-link i.icon-correct-valid,
  .header-full__top-dropdown-links-link i.icon-cosmetics,
  .header-full__top-dropdown-links-link i.icon-delivery,
  .header-full__top-dropdown-links-link i.icon-doctor,
  .header-full__top-dropdown-links-link i.icon-dot,
  .header-full__top-dropdown-links-link i.icon-download,
  .header-full__top-dropdown-links-link i.icon-edit,
  .header-full__top-dropdown-links-link i.icon-error,
  .header-full__top-dropdown-links-link i.icon-error-valid,
  .header-full__top-dropdown-links-link i.icon-eye-show,
  .header-full__top-dropdown-links-link i.icon-eye-show-off,
  .header-full__top-dropdown-links-link i.icon-face,
  .header-full__top-dropdown-links-link i.icon-filters,
  .header-full__top-dropdown-links-link i.icon-folders,
  .header-full__top-dropdown-links-link i.icon-formula,
  .header-full__top-dropdown-links-link i.icon-geltek,
  .header-full__top-dropdown-links-link i.icon-gift,
  .header-full__top-dropdown-links-link i.icon-gift-2,
  .header-full__top-dropdown-links-link i.icon-heart,
  .header-full__top-dropdown-links-link i.icon-heart-filled,
  .header-full__top-dropdown-links-link i.icon-info,
  .header-full__top-dropdown-links-link i.icon-leaf,
  .header-full__top-dropdown-links-link i.icon-learning,
  .header-full__top-dropdown-links-link i.icon-list,
  .header-full__top-dropdown-links-link i.icon-logo,
  .header-full__top-dropdown-links-link i.icon-logo-2,
  .header-full__top-dropdown-links-link i.icon-logo-clinic,
  .header-full__top-dropdown-links-link i.icon-logout,
  .header-full__top-dropdown-links-link i.icon-long-arrow-down,
  .header-full__top-dropdown-links-link i.icon-love,
  .header-full__top-dropdown-links-link i.icon-mail,
  .header-full__top-dropdown-links-link i.icon-mail--20,
  .header-full__top-dropdown-links-link i.icon-makephoto,
  .header-full__top-dropdown-links-link i.icon-map-geolocation,
  .header-full__top-dropdown-links-link i.icon-max,
  .header-full__top-dropdown-links-link i.icon-medicine,
  .header-full__top-dropdown-links-link i.icon-menu,
  .header-full__top-dropdown-links-link i.icon-menu-cat,
  .header-full__top-dropdown-links-link i.icon-message,
  .header-full__top-dropdown-links-link i.icon-metro,
  .header-full__top-dropdown-links-link i.icon-minus,
  .header-full__top-dropdown-links-link i.icon-new,
  .header-full__top-dropdown-links-link i.icon-notification,
  .header-full__top-dropdown-links-link i.icon-online-20,
  .header-full__top-dropdown-links-link i.icon-order,
  .header-full__top-dropdown-links-link i.icon-percent,
  .header-full__top-dropdown-links-link i.icon-pets,
  .header-full__top-dropdown-links-link i.icon-phone,
  .header-full__top-dropdown-links-link i.icon-phone--20,
  .header-full__top-dropdown-links-link i.icon-pick-up,
  .header-full__top-dropdown-links-link i.icon-pin,
  .header-full__top-dropdown-links-link i.icon-plant,
  .header-full__top-dropdown-links-link i.icon-plastic-recycle,
  .header-full__top-dropdown-links-link i.icon-play,
  .header-full__top-dropdown-links-link i.icon-plus,
  .header-full__top-dropdown-links-link i.icon-prepared,
  .header-full__top-dropdown-links-link i.icon-present,
  .header-full__top-dropdown-links-link i.icon-prize,
  .header-full__top-dropdown-links-link i.icon-processed,
  .header-full__top-dropdown-links-link i.icon-products,
  .header-full__top-dropdown-links-link i.icon-program,
  .header-full__top-dropdown-links-link i.icon-ready,
  .header-full__top-dropdown-links-link i.icon-search,
  .header-full__top-dropdown-links-link i.icon-send,
  .header-full__top-dropdown-links-link i.icon-sert,
  .header-full__top-dropdown-links-link i.icon-sertificate,
  .header-full__top-dropdown-links-link i.icon-share,
  .header-full__top-dropdown-links-link i.icon-star-filled,
  .header-full__top-dropdown-links-link i.icon-star-framed,
  .header-full__top-dropdown-links-link i.icon-stars,
  .header-full__top-dropdown-links-link i.icon-success,
  .header-full__top-dropdown-links-link i.icon-support,
  .header-full__top-dropdown-links-link i.icon-tg,
  .header-full__top-dropdown-links-link i.icon-tg-white,
  .header-full__top-dropdown-links-link i.icon-tile,
  .header-full__top-dropdown-links-link i.icon-tooltip,
  .header-full__top-dropdown-links-link i.icon-trash,
  .header-full__top-dropdown-links-link i.icon-update,
  .header-full__top-dropdown-links-link i.icon-user,
  .header-full__top-dropdown-links-link i.icon-wa,
  .header-full__top-dropdown-links-link i.icon-wa-2,
  .header-full__top-dropdown-links-link i.icon-warning,
  .header-full__top-dropdown-links-link i.icon-web,
  .header-full__top-dropdown-links-link i.icon-white-logo,
  .header-full__top-dropdown-links-link i.icon-youtube {
    --icon-color: #54565a;
    display: inline-block;
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    line-height: 18px;
  }

  .header-full__bottom {
    height: 48px;
    gap: 24px;
  }

  .header-full__bottom-center {
    width: 100%;
    max-width: 653px;
    gap: 24px;
  }

  .header-full__bottom-center-catalog {
    --text-color: rgb(var(--white-color-rgb));
    --main-color: #5f6db2;
    display: flex;
    font-weight: 500;
  }

  .header-full__bottom-center-catalog:hover {
    --main-color: #4e5993;
  }

  .header-full__bottom-center-mobile-menu {
    display: none;
  }

  .header-full__bottom-center-search {
    --icon-width: 24px;
    --icon-height: 24px;
    --icon-color: #6a6d72;
    width: 100%;
  }

  .header-full__bottom-center-search-fieldset {
    min-width: unset;
    max-height: unset;
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
    border: 2px solid #ced2e4;
  }

  .header-full__bottom-center-search-input,
  .header-full__bottom-center-search-legend {
    display: block;
  }

  .header-full__bottom-center-search-legend {
    color: #6a6d72;
  }

  .header-full__bottom-right,
  .header-full__bottom-right-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .header-full__bottom-right-button {
    padding: 12px!important;
    --text-color: var(--header-text-color);
  }

  .header-full__bottom-right-button:hover {
    --main-color: #edeef6;
  }

  .header-full__bottom-right-button.header-full__search-button {
    display: none;
  }

  .header-full__cart.header-full__bottom-right-button::after {
    --badge-background: #5f6db2;
    --badge-text-color: rgb(var(--white-color-rgb));
  }

  .header-full--secondary .header-full__bottom-center-search {
    --icon-color: rgba(var(--white-color-rgb), 0.7);
  }
}

@media (min-width:1250px) {
  .header-full,
  .header-full--white {
    padding: 16px calc(50% - 580px);
  }

  .header-full__top-item-link {
    font-size: 14px;
  }
}

.header-full--secondary.header-full,
.header-full--secondary.header-full--white {
  --header-background: rgba(var(--white-color-rgb), 0.2);
  --header-text-color: rgb(var(--white-color-rgb));
}

.header-full--secondary .header-full__logo-icon {
  background: rgb(var(--white-color-rgb));
}

.header-full--secondary .header-full__top-item:hover {
  transition: color .3s;
  --text-color: #edeef6;
}

.header-full--secondary .header-full__top-menu-button {
  --main-color: transparent;
}

.header-full--secondary .header-full__top-menu-button:hover {
  border: 2px solid #dcdfee;
  --text-color: #edeef6;
}

.header-full--secondary .header-full__top-menu-button:active {
  outline: solid 5px rgba(var(--white-color-rgb),.2);
}

.header-full--secondary .header-full__bottom-center-catalog {
  --main-color: rgb(var(--white-color-rgb));
  --text-color: #5f6db2;
}

.header-full--secondary .header-full__bottom-center-catalog:hover {
  --main-color: #edeef6;
  --text-color: #4e5993;
}

.header-full--secondary .header-full__bottom-center-catalog:active {
  transition: outline .2s;
  outline: solid 5px rgba(var(--white-color-rgb),.2);
}

.header-full--secondary .header-full__bottom-center-mobile-menu-button {
  --border: 2px solid rgb(var(--white-color-rgb));
  --text-color: rgb(var(--white-color-rgb));
}

.header-full--secondary .header-full__bottom-center-search {
  --icon-color: rgb(var(--white-color-rgb));
}

.header-full--secondary .header-full__bottom-center-search-fieldset {
  background-color: transparent;
  border: solid 2px rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .header-full--secondary .header-full__bottom-center-search-fieldset {
    background-color: rgba(var(--white-color-rgb),.2);
    border: solid 2px rgba(var(--white-color-rgb),.2);
  }
}

.header-full--secondary .header-full__bottom-center-search-legend {
  color: rgb(var(--white-color-rgb));
}

.header-full--secondary .header-full__bottom-right-button:hover {
  --text-color: #5f6db2;
}

.header-full--secondary .header-full__cart.header-full__bottom-right-button::after {
  --badge-background: rgb(var(--white-color-rgb));
  --badge-text-color: #0a0c0f;
}

.header-full--linear-gray.header-full--white::after,
.header-full--linear-gray.header-full::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg,rgba(155,166,184,0) 0,rgba(155,166,184,.6) 43.01%,#9ba6b8 98.22%);
  width: 100%;
  z-index: -1;
  height: 100%;
}

.header-full--scroll.header-full,
.header-full--scroll.header-full--white {
  --header-background: rgb(var(--white-color-rgb));
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

.header-full--scroll.header-full--white::after,
.header-full--scroll.header-full::after {
  display: none;
}

.header-full--scroll .header-full__bottom {
  gap: 32px;
}

.header-full--scroll .header-full__bottom-center {
  max-width: unset;
}

.header-full--scroll .header-full__bottom-center-mobile-menu-button {
  --icon-color: #0a0c0f;
  border: 2px solid #edeef6;
  color: #0a0c0f;
}

.header-full--scroll .header-full__bottom-center-search {
  --icon-color: #0a0c0f;
  color: #0a0c0f;
}

.header-full--scroll .header-full__bottom-center-search-fieldset {
  border: 2px solid #edeef6;
}

.header-full--scroll .header-full__bottom-center-search-legend {
  color: #6a6d72;
}

@media (min-width:992px) {
  .header-full--scroll .header-full__top {
    display: none;
  }

  .header-full--scroll .header-full__bottom-center {
    animation: 1s ease-in-out fadein;
  }

  .header-full--scroll .header-full__bottom-center-mobile-menu {
    order: 1;
    display: block;
  }

  .header-full--scroll .header-full__bottom-center-mobile-menu-button {
    width: 105px;
    max-height: none;
    font-size: 14px;
    line-height: 18px;
    padding: 12px 14px;
  }

  .header-full--scroll .header-full__bottom-center-catalog {
    order: 2;
    --text-color: rgb(var(--white-color-rgb));
    --main-color: #5f6db2;
  }

  .header-full--scroll .header-full__bottom-center-search {
    order: 3;
    margin-left: auto;
    transition: width 1.2s ease-in-out;
    width: 48px;
    height: 48px;
    margin-right: -20px;
  }

  .header-full--scroll .header-full__bottom-center-search-fieldset {
    border: 1px solid transparent;
    transition: border-color .6s ease-in-out 1.2s;
    padding-left: 10px;
    padding-right: 11px;
  }

  .header-full--scroll .header-full__bottom-center-search-input,
  .header-full--scroll .header-full__bottom-center-search-legend {
    display: none;
  }

  .header-full--scroll .header-full__bottom-center-search .icon-search {
    margin-left: auto;
    min-width: 24px;
    min-height: 24px;
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .header-full--scroll .header-full__bottom-right-button {
    --icon-color: #0a0c0f;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
  }

  .header-full--scroll .header-full__cart.header-full__bottom-right-button::after {
    --badge-background: #5f6db2;
    --badge-text-color: rgb(var(--white-color-rgb));
  }

  .header-full--scroll .header-full__search-button {
    display: none;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes SearchButtonShow {
  from {
    display: none;
  }

  to {
    display: block;
  }
}

@media (max-width:992px) {
  .header-full--menu-open.header-full,
  .header-full--menu-open.header-full--white {
    --header-background: rgb(var(--white-color-rgb));
    --header-text-color: rgb(var(--white-color-rgb));
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 24px;
    height: 72px;
  }

  .header-full--menu-open .header-full__logo-icon {
    background: url("/local/templates/geltek2024/frontend/img/icons/logo.svg") 0 0/contain;
  }

  .header-full--menu-open .header-full__bottom-center {
    height: unset;
  }

  .header-full--menu-open .header-full__bottom-center-mobile-menu-button,
  .header-full--menu-open .header-full__bottom-center-search {
    display: none;
  }
}

.header-full--white,
.header-full--white.header-full {
  --header-background: rgb(var(--white-color-rgb));
  --header-text-color: #0a0c0f;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

.header-full--white.header-full::after,
.header-full--white::after {
  display: none;
}

.header-full--white .header-full__top-item:hover {
  --text-color: #4e5993;
}

.header-full--white .header-full__bottom {
  max-width: unset;
}

.header-full--white .header-full__bottom-center-catalog {
  --text-color: rgb(var(--white-color-rgb));
  --main-color: #5f6db2;
}

.header-full--white .header-full__bottom-center-search {
  --icon-color: #0a0c0f;
  color: #0a0c0f;
}

.header-full--white .header-full__bottom-center-search-legend {
  color: #6a6d72;
}

.header-full--white .header-full__cart.header-full__bottom-right-button::after {
  --badge-background: #5f6db2;
  --badge-text-color: rgb(var(--white-color-rgb));
}

.header-small {
  padding: 12px 16px;
}

@media (min-width:992px) {
  .header-full--white .header-full__logo-icon {
    background: url("/local/templates/geltek2024/frontend/img/icons/logo.svg");
  }

  .header-full--white .header-full__top {
    display: flex;
  }

  .header-small {
    padding: 16px;
  }
}

.header-small .container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 8px;
}

.header-small__back {
  padding: 4px;
}

.header-small__back-icon {
  --icon-width: 24px;
  --icon-height: 24px;
}

.header-small__back-text {
  display: none;
  margin-left: 4px;
}

.header-small__logo {
  --icon-height: 30px;
  --icon-width: 127px;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0 auto;
}

.header-full--search.header-full--white,
.header-full.header-full--search {
  --header-background: rgba(var(--white-color-rgb), 0.8);
  --header-text-color: #0a0c0f;
}

.header-full--scroll.header-full--search.header-full--white,
.header-full.header-full--scroll.header-full--search {
  --header-background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .header-small__back-text {
    display: block;
  }

  .header-small__logo {
    --icon-height: 48px;
    --icon-width: 205px;
  }

  .header-full--search.header-full--white .header-full__top-item,
  .header-full--search.header-full--white .header-full__top-item:link,
  .header-full--search.header-full--white .header-full__top-item:visited,
  .header-full.header-full--search .header-full__top-item,
  .header-full.header-full--search .header-full__top-item:link,
  .header-full.header-full--search .header-full__top-item:visited {
    --text-color: var(--header-text-color);
  }

  .header-full--search.header-full--white .header-full__top-item:hover,
  .header-full--search.header-full--white .header-full__top-menu-button:hover,
  .header-full.header-full--search .header-full__top-item:hover,
  .header-full.header-full--search .header-full__top-menu-button:hover {
    --text-color: #4e5993;
  }

  .header-full--search.header-full--white .header-full__bottom-center-catalog,
  .header-full.header-full--search .header-full__bottom-center-catalog {
    --text-color: rgb(var(--white-color-rgb));
    --main-color: #5f6db2;
  }

  .header-full--search.header-full--white .header-full__bottom-center-search,
  .header-full.header-full--search .header-full__bottom-center-search {
    --icon-color: #0a0c0f;
    color: #0a0c0f;
  }

  .header-full--search.header-full--white .header-full__bottom-center-search-fieldset,
  .header-full.header-full--search .header-full__bottom-center-search-fieldset {
    border: 2px solid #edeef6;
  }

  .header-full--search.header-full--white .header-full__bottom-center-search-legend,
  .header-full.header-full--search .header-full__bottom-center-search-legend {
    color: #6a6d72;
  }

  .header-full--search.header-full--white .header-full__cart.header-full__bottom-right-button::after,
  .header-full.header-full--search .header-full__cart.header-full__bottom-right-button::after {
    --badge-background: #5f6db2;
    --badge-text-color: rgb(var(--white-color-rgb));
  }

  .header-full--scroll.header-full--search.header-full--white .header-full__bottom-center-search,
  .header-full.header-full--scroll.header-full--search .header-full__bottom-center-search {
    order: 3;
    display: block;
    width: 100%;
    height: 48px;
    margin-left: auto;
    transition-duration: .6s;
  }

  .header-full--scroll.header-full--search.header-full--white .header-full__bottom-center-search-fieldset,
  .header-full.header-full--scroll.header-full--search .header-full__bottom-center-search-fieldset {
    border: 1px solid #dcdfee;
    transition-duration: 1ms;
    transition-delay: 1ms;
    padding: 0 12px;
  }

  .header-full--scroll.header-full--search.header-full--white .header-full__bottom-center-search-input,
  .header-full--scroll.header-full--search.header-full--white .header-full__bottom-center-search-legend,
  .header-full.header-full--scroll.header-full--search .header-full__bottom-center-search-input,
  .header-full.header-full--scroll.header-full--search .header-full__bottom-center-search-legend {
    display: block;
    opacity: 1;
    animation: 1.2s ease-in-out SearchInputOpacity;
  }

  .header-full--scroll.header-full--search.header-full--white .header-full__search-button,
  .header-full.header-full--scroll.header-full--search .header-full__search-button {
    visibility: collapse;
  }
}

@keyframes SearchOpenInputWidth {
  from {
    width: 48px;
    height: 48px;
    margin-left: auto;
  }

  to {
    width: 100%;
    height: 48px;
    margin-left: auto;
  }
}

@keyframes SearchInputOpacity {
  from {
    opacity: 0;
    display: none;
  }

  to {
    opacity: 1;
    display: block;
  }
}

.header-full--landing.header-full--scroll {
  top: -100px;
  transition: top .3s ease-in-out;
}

.footer {
  background: #5f6db2;
  color: rgb(var(--white-color-rgb));
  overflow-x: clip;
  overflow-y: visible;
  padding-top: 32px;
  border-radius: 24px;
}

.footer__subscribe {
  padding-bottom: 32px;
}

.footer__subscribe-submit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.footer__subscribe-submit-input-legend {
  color: #6a6d72;
}

.footer__subscribe-submit-input-helper-text {
  margin: 7px 0 1px 12px;
  color: rgb(var(--white-color-rgb));
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.footer__subscribe-submit-input-helper-text-link,
.footer__subscribe-submit-input-helper-text-link:link,
.footer__subscribe-submit-input-helper-text-link:visited {
  text-decoration: underline;
  color: rgb(var(--white-color-rgb));
}

.footer__subscribe-image-wrapper {
  display: none;
}

.footer__consent-personal-data {
  color: rgb(var(--white-color-rgb));
  text-decoration: underline;
}

.footer__contacts {
  padding-top: 24px;
  padding-bottom: 24px;
}

.footer__contacts .our-contacts__social-links-mobile .chip-icon {
  outline: 0;
}

.footer__contacts .our-contacts__social-links-mobile .chip:nth-child(1),
.footer__contacts .our-contacts__social-links-mobile .chip:nth-child(2) {
  height: 64px;
}

.footer__menu {
  display: none;
}

.footer__menu-mobile {
  background-color: rgb(var(--white-color-rgb));
  margin: 0;
  padding: 16px 0;
}

.footer__menu-mobile .main-menu-accordion__item {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 11px;
}

.footer__menu-mobile .accordion__button::after {
  --icon-width: 24px;
  --icon-height: 24px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
}

.footer__bottom {
  background-color: #e8e9eb;
  color: #141313;
  padding-top: 15px;
  padding-bottom: 93px;
}

.footer__bottom-tabs {
  height: 37px;
  width: 100%;
}

.footer__bottom-tabs-item {
  padding: 8px;
  height: 37px;
  flex: calc(50% - 12px);
}

.footer__bottom-tabs-item-button {
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  text-decoration: none;
}

.footer__bottom-copyright {
  margin-top: 17px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.footer__bottom-copyright-text {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.footer__bottom-copyright-links {
  display: flex;
  gap: 25px;
}

.footer__bottom-copyright-link {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

@media (min-width:992px) {
  .footer {
    margin-top: 55px;
    padding-top: 72px;
    border-radius: 40px;
  }

  .footer__subscribe {
    position: relative;
    gap: 24px;
    padding-bottom: 72px;
    display: flex;
    justify-content: space-between;
  }

  .footer__subscribe-image-wrapper {
    display: block;
    position: relative;
    width: 501px;
    height: 218px;
  }

  .footer__subscribe-image {
    pointer-events: none;
    position: absolute;
    top: -224px;
    right: calc(-60% - 59px);
  }

  .footer__subscribe-submit {
    max-width: 501px;
    gap: 24px;
  }

  .footer__subscribe-submit-input {
    max-width: 382px;
  }

  .footer__subscribe-submit-input>.textfield {
    padding: 0 5px 0 8px;
    border-radius: 16px;
  }

  .footer__subscribe-submit-input>.textfield>.textfield__button {
    right: -2px;
  }

  .footer__subscribe-submit-input>.textfield__legend {
    transform: translate(-5%,1px);
  }

  .footer__subscribe-submit-input-helper-text {
    margin-top: 7px;
  }

  .footer__contacts {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .footer__menu {
    padding-top: 56px;
    padding-bottom: 56px;
    background-color: rgb(var(--white-color-rgb));
    display: flex;
    gap: 24px;
    box-sizing: border-box;
  }

  .footer__menu-items-column,
  .footer__menu-items-column-second-part {
    width: 272px;
  }

  .footer__menu-items-column-links {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .footer__menu-items-column-second-part {
    margin-top: 28px;
  }

  .footer__menu-category {
    color: #0a0c0f;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 24px;
  }

  .footer__menu-category:link,
  .footer__menu-category:visited {
    color: #0a0c0f;
  }

  .footer__menu-item {
    color: #0a0c0f;
    text-decoration: none;
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    display: block;
    margin-bottom: 8px;
  }

  .footer__menu-item:not(.footer__menu-item:last-child) {
    margin-bottom: 8px;
  }

  .footer__menu-item:link,
  .footer__menu-item:visited {
    color: #0a0c0f;
  }

  .footer__menu-sub-link {
    color: #0a0c0f;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: block;
  }

  .footer__menu-sub-link:link,
  .footer__menu-sub-link:visited {
    color: #0a0c0f;
    text-decoration: none;
  }

  .footer__menu-mobile {
    display: none;
  }

  .footer__bottom {
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .footer__bottom-tabs {
    height: 38px;
    gap: 17px;
  }

  .footer__bottom-tabs-item {
    padding: 8px 12px;
    width: 82px;
    height: 38px;
    flex: unset;
  }

  .footer__bottom-tabs-item-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }

  .footer__bottom-copyright {
    margin-top: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 0;
  }

  .footer__bottom-copyright-text {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }

  .footer__bottom-copyright-links {
    margin-top: 1px;
    margin-right: 0;
    max-width: 242px;
    width: 100%;
    gap: 33px;
  }

  .footer__bottom-copyright-link {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
  }

  .footer__mobile-bottom-menu {
    display: none;
  }
}

.footer-small {
  padding: 16px;
  background: #e8e9eb;
}

.footer-small .footer__bottom-copyright {
  padding: 0;
  margin: 0 auto;
  gap: 16px;
  font-size: 14px;
  max-width: 1160px;
}

.footer-small .footer__bottom-copyright-link {
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
}

.footer-small .footer__bottom-copyright-link:after {
  content: none;
}

.footer-small .footer__bottom-copyright-link.p--u {
  display: inline-block;
  padding: 4px 0;
  border-bottom: 1.5px solid #5f6db2;
}

.footer__mobile-bottom-menu {
  width: 100%;
  height: 68px;
  position: fixed;
  bottom: 0;
  background-color: rgba(var(--white-color-rgb),.8);
  border: .5px solid rgb(var(--white-color-rgb));
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  z-index: 10;
  box-sizing: border-box;
}

.footer__mobile-bottom-menu-list {
  list-style: none;
  margin: 0;
  padding: 12px 16px 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  height: 100%;
}

@media (min-width:576px) {
  .footer__mobile-bottom-menu-list {
    justify-content: space-around;
  }
}

.footer__mobile-bottom-menu-list-item {
  --item-color: #0a0c0f;
  width: 68px;
}

.footer__mobile-bottom-menu-list-item:link,
.footer__mobile-bottom-menu-list-item:visited {
  color: #0a0c0f;
}

.footer__mobile-bottom-menu-list-item:active .footer__mobile-bottom-menu-list-item-link {
  --icon-color: #5f6db2;
  color: #5f6db2;
  transition: color .1s ease-in-out;
}

.footer__mobile-bottom-menu-list-item:active .footer__mobile-bottom-menu-list-item-link-icon {
  transition: background-color .1s ease-in-out;
}

.footer__mobile-bottom-menu-list-item.badge--dark:not([data-badge-value=""])::after,
.footer__mobile-bottom-menu-list-item.badge:not([data-badge-value=""])::after {
  top: -5px;
  right: 15px;
}

.footer__mobile-bottom-menu-list-item-link {
  --icon-color: #0a0c0f;
  --icon-width: 24px;
  --icon-height: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #0a0c0f;
  text-decoration: none;
  font-size: 10px;
  line-height: 10px;
  font-weight: 500;
  transition: color .6s ease-in-out;
}

.footer__mobile-bottom-menu-list-item-link:link,
.footer__mobile-bottom-menu-list-item-link:visited {
  color: #0a0c0f;
}

.footer__mobile-bottom-menu-list-item-link-icon {
  transition: background-color .6s ease-in-out;
}

.footer-2 {
  background: #edeef6;
}

.footer-2__top {
  padding-bottom: 24px;
  padding-top: 24px;
}

.footer-2__top-container {
  display: flex;
  flex-direction: column;
}

@media (min-width:768px) {
  .footer-2__top {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .footer-2__top-container {
    flex-direction: row;
    align-items: flex-start;
  }
}

.footer-2__logo {
  display: block;
  flex-shrink: 0;
  margin-bottom: 16px;
  margin-right: auto;
  --icon-width: 174px;
  --icon-height: 100%;
  aspect-ratio: 205/48;
}

@media (min-width:768px) {
  .footer-2__logo {
    margin-bottom: 0;
    margin-right: 40px;
    --icon-width: 205px;
  }
}

.footer-2__contacts {
  display: grid;
  grid-gap: 32px;
  grid-template-columns: 100%;
  margin-bottom: 20px;
  margin-right: auto;
  padding-top: 14px;
}

@media (min-width:992px) {
  .footer-2__contacts {
    grid-template-columns: 330px 200px;
  }
}

@media (min-width:1370px) {
  .footer-2__contacts {
    grid-template-columns: repeat(2,1fr);
  }
}

.footer-2__contact {
  position: relative;
  padding-left: 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
  text-decoration: none;
}

.footer-2__contact-icon {
  position: absolute;
  left: 0;
  top: -2px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
}

.footer-2__socials {
  display: flex;
  gap: 16px;
  padding-top: 10px;
}

.footer-2__social-icon {
  display: block;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
}

.footer-2__bottom {
  padding-top: 16px;
  padding-bottom: 16px;
}

.footer-2__bottom-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

@media (min-width:768px) {
  .footer-2__contacts {
    margin-bottom: 0;
  }

  .footer-2__bottom {
    border-top: 1px solid #d3d3d3;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .footer-2__bottom-container {
    flex-direction: row;
    align-items: center;
    gap: 0;
  }

  .footer-2__langs {
    margin-right: 24px;
  }
}

.footer-2__langs {
  display: flex;
  gap: 20px;
  border-bottom: 2px solid #ced2e4;
}

.footer-2__lang {
  position: relative;
  padding: 10px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #0a0c0f;
  text-decoration: none;
}

.footer-2__lang::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  border-bottom: 2px solid transparent;
}

.footer-2__lang_active {
  color: #5f6db2;
}

.footer-2__lang_active::after {
  border-color: #5f6db2;
}

.footer-2__copyright {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
}

.footer-2__links {
  display: flex;
  gap: 32px;
}

.footer-2__link {
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: underline;
}

.footer-2-2025 {
  background: #f5f5f7;
}

.footer-2-2025__logo {
  margin-bottom: 20px;
  --icon-width: 190px;
  --icon-height: 50px;
}

@media (min-width:768px) {
  .footer-2__copyright {
    margin-right: auto;
  }

  .footer-2-2025__logo {
    margin-bottom: 57px;
  }
}

.footer-2-2025__info {
  margin-bottom: 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #33353b;
}

@media (min-width:768px) {
  .footer-2-2025__info {
    margin-bottom: 23px;
  }
}

.footer-2-2025__usefull-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.footer-2-2025__usefull-link {
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
}

.footer-2-2025__content {
  display: grid;
  grid-template-columns: 1fr 120px;
  padding-top: 45px;
  padding-bottom: 15px;
  gap: 20px;
}

@media (min-width:576px) {
  .footer-2-2025__content {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (min-width:992px) {
  .footer-2-2025__content {
    grid-template-columns: 335px 1fr 355px;
  }
}

.footer-2-2025__col:nth-child(2) {
  padding-top: 68px;
}

@media (min-width:768px) {
  .footer-2-2025__col:nth-child(2) {
    padding-top: 106px;
  }
}

.footer-2-2025__col:nth-child(3) {
  grid-column: 1/3;
}

.footer-2-2025__contacts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:1250px) {
  .footer-2-2025__content {
    grid-template-columns: 375px 1fr 585px;
  }

  .footer-2-2025__contacts {
    flex-direction: row;
  }
}

.footer-2-2025__contacts-group {
  display: grid;
  grid-template-columns: 1fr 120px;
  grid-gap: 30px;
}

@media (min-width:992px) {
  .footer-2-2025__col:nth-child(2) {
    padding-top: 0;
  }

  .footer-2-2025__col:nth-child(3) {
    grid-column: unset;
  }

  .footer-2-2025__contacts-group {
    display: flex;
    flex-direction: row;
    gap: 30px;
  }

  .sign-in .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: 610px;
  }
}

@media (min-width:1250px) {
  .footer-2-2025__contacts-group {
    flex-direction: column;
  }
}

.footer-2-2025__contact {
  display: flex;
  flex-direction: column;
}

.footer-2-2025__contact-value {
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
}

.footer-2-2025__contact-phone {
  margin-bottom: 13px;
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #494949;
}

.footer-2-2025__bottom {
  border-top: 1px solid #e5e5eb;
  padding-top: 21px;
  padding-bottom: 18px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  color: #33353b;
}

.footer-2-2025__title {
  margin-bottom: 19px;
  font-weight: 500;
  font-size: 15px;
  color: #5f6db2;
}

.footer-2-2025__menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width:768px) {
  .footer-2-2025__menu {
    gap: 17px;
  }
}

.footer-2-2025__menu-link {
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
}

.footer-2-2025__contact-socials {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-2-2025__contact-social {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  aspect-ratio: 1;
  border: 2px solid #5f6db2;
  border-radius: 50%;
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
}

.footer-2-2025__contact-social:hover {
  --icon-color: #fff;
  background-color: #5f6db2;
}

.subscribe-product__inner {
  max-width: 598px;
  width: 100%;
}

.sign-in .modal-center__content {
  position: relative;
}

.sign-in__tabs-list {
  width: 100%;
  justify-content: space-between;
  height: 37px;
}

@media (min-width:992px) {
  .sign-in__tabs-list {
    gap: 20px;
    height: 38px;
  }
}

.sign-in__tabs-item {
  width: calc(50% - 12px);
  height: 37px;
  padding: 0;
  align-items: center;
  display: flex;
}

@media (min-width:992px) {
  .sign-in__tabs-item {
    width: 233px;
    height: 38px;
  }
}

.sign-in__tabs-button {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  height: 100%;
}

.sign-in__tabs-panel-list {
  margin-top: 28px;
}

.sign-in__field-input {
  height: 48px;
  border-radius: 12px;
}

@media (min-width:992px) {
  .sign-in__tabs-button {
    font-size: 14px;
    line-height: 18px;
  }

  .sign-in__tabs-panel-list {
    margin-top: 32px;
  }

  .sign-in__field-input {
    height: 56px;
    border-radius: 16px;
  }
}

.sign-in__by-pass,
.sign-in__by-sms {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sign-in__recovery-pass {
  height: 11px;
  padding: 0;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
}

@media (min-width:992px) {
  .sign-in__recovery-pass {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
  }
}

.sign-in__hint {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
}

.sign-in__hint-tag {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #6a6d72;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f7f7f8;
}

.sign-in__btn {
  width: 100%;
  height: 36px;
}

@media (min-width:992px) {
  .sign-in__hint {
    font-size: 14px;
    line-height: 18px;
  }

  .sign-in__hint-tag {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 21px;
  }

  .sign-in__btn {
    height: 48px;
  }
}

.sign-in__footer {
  box-shadow: none;
  padding-bottom: 12px;
}

.sign-in__footer-btn {
  width: 100%;
  height: 36px;
}

@media (min-width:992px) {
  .sign-in__footer {
    padding-bottom: 48px;
  }

  .sign-in__footer-btn {
    height: 48px;
  }
}

.sign-in__next-step {
  width: 100%;
  height: 100%;
  background: red;
  display: none;
}

.sign-in--next .modal-center__header {
  display: none;
}

.sign-in--next .modal-center__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sign-in--next .sign-in__tabs {
  display: none;
}

.sign-in--next .sign-in__footer {
  height: 32px;
  padding: 0;
}

.sign-in--next .sign-in__footer-btn,
.sign-in--next .sign-in__sign-up {
  display: none;
}

.sign-up .modal__inner {
  overflow: hidden;
}

@media (min-width:992px) {
  .sign-in--next .modal-center__content {
    gap: 32px;
  }

  .sign-up .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: min(905px,100dvh);
  }
}

.sign-up .modal-center__header {
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  margin-top: 12px;
  margin-bottom: 28px;
}

.sign-up .modal-center__header .sign-up__back-btn {
  padding: 0;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.sign-up .modal-center__content {
  padding-bottom: 48px;
}

.sign-up__tabs-list {
  width: 100%;
  justify-content: space-between;
  height: 37px;
  margin-bottom: 0;
  gap: 0;
}

@media (min-width:576px) {
  .footer-2-2025__contacts-group {
    grid-template-columns: repeat(2,1fr);
  }

  .sign-up__tabs-list {
    gap: 12px;
  }
}

@media (min-width:992px) {
  .sign-up .modal-center__header {
    gap: 16px;
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .sign-up .modal-center__header .sign-up__back-btn {
    font-size: 14px;
    line-height: 14px;
  }

  .sign-up__tabs-list {
    gap: 20px;
    height: 38px;
  }
}

.sign-up__tabs-item {
  width: 50%;
  height: 37px;
  padding: 0;
  align-items: center;
  display: flex;
}

@media (min-width:576px) {
  .sign-up__tabs-item {
    width: calc(50% - 12px);
  }
}

@media (min-width:992px) {
  .sign-up__tabs-item {
    width: 233px;
    height: 38px;
  }
}

.sign-up__tabs-button {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  height: 100%;
}

.sign-up__tabs-panel-list {
  margin-top: 28px;
  margin-bottom: 0;
}

.sign-up__field-input {
  height: 48px;
  border-radius: 12px;
}

@media (min-width:992px) {
  .sign-up__tabs-button {
    font-size: 14px;
    line-height: 18px;
  }

  .sign-up__tabs-panel-list {
    margin-top: 32px;
  }

  .sign-up__field-input {
    height: 56px;
    border-radius: 16px;
  }

  .sign-up__info {
    height: 95px;
  }
}

.sign-up__company,
.sign-up__customer {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sign-up__info {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  margin: 0;
}

.sign-up__info .notification__title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.sign-up__hint {
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
}

.sign-up__hint-tag {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #6a6d72;
  padding: 12px 16px;
  border-radius: 8px;
  background: #f7f7f8;
}

.sign-up__btn {
  width: 100%;
  height: 36px;
}

.sign-up .form-control:has(.sign-up__copyright) {
  margin: 0;
}

.sign-up__copyright {
  margin: 0;
}

.sign-up__copyright-link {
  color: #5f6db2;
  text-decoration: underline;
}

.sign-up__copyright-link:link,
.sign-up__copyright-link:visited {
  color: #5f6db2;
}

.sign-up--next .modal-center__header {
  display: none;
}

.sign-up--next .modal-center__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.sign-up--next .sign-up__tabs {
  display: none;
}

.sign-up--next .sign-up__footer {
  height: 32px;
  padding: 0;
}

.sign-up--next .sign-up__footer-btn {
  display: none;
}

.sign-up--already .sign-up__hint {
  margin-top: 28px;
  margin-bottom: 10px;
}

@media (min-width:992px) {
  .sign-up__info .notification__title {
    font-size: 16px;
    line-height: 21px;
  }

  .sign-up__hint {
    font-size: 14px;
    line-height: 18px;
  }

  .sign-up__hint-tag {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 21px;
  }

  .sign-up__btn {
    height: 48px;
  }

  .sign-up--next .modal-center__content {
    gap: 32px;
  }

  .sign-up--already .sign-up__hint {
    margin-top: 32px;
    margin-bottom: 14px;
  }
}

.sign-up--already .code-verification__form,
.sign-up--already .code-verification__info,
.sign-up--already .code-verification__infoblock-wrapper,
.sign-up--already .code-verification__success-hint {
  display: none;
}

.sign-up--already .code-verification__header {
  margin-bottom: 28px;
}

.sign-up--already .code-verification .infoblock__button {
  margin: 0;
}

.sign-up--already .code-verification .code-verification__footer {
  display: block;
  margin-top: 13px;
}

@media (min-width:992px) {
  .sign-up--already .code-verification__header {
    margin-bottom: 32px;
  }

  .sign-up--already .code-verification .code-verification__footer {
    margin-top: 18px;
  }

  .recovery-pass .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: 407px;
  }

  .recovery-pass .modal-center__content {
    padding-bottom: 48px;
  }

  .recovery-pass__back {
    display: none;
  }
}

.recovery-pass .modal-center__header {
  flex-direction: column;
  align-items: flex-start;
  max-height: 94px;
  gap: 12px;
}

.recovery-pass__back {
  padding: 0;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.recovery-pass__hint,
.recovery-pass__hint-success {
  color: #54565a;
}

.recovery-pass__hint-success {
  display: none;
}

.recovery-pass__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}

.recovery-pass__no-email {
  height: 11px;
  padding: 0;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
}

@media (min-width:992px) {
  .recovery-pass__form {
    margin-top: 32px;
  }

  .recovery-pass__no-email {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
  }
}

.recovery-pass__recovery {
  width: 100%;
  height: 36px;
}

.recovery-pass--success .recovery-pass__form,
.recovery-pass--success .recovery-pass__hint {
  display: none;
}

.recovery-pass--success .recovery-pass__hint-success {
  display: inline;
}

@media (min-width:992px) {
  .recovery-pass__recovery {
    height: 48px;
  }

  .new-pass .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: 595px;
  }

  .new-pass .modal-center__content {
    padding-bottom: 48px;
  }
}

.new-pass .modal-center__header {
  max-height: unset;
  height: -moz-max-content;
  height: max-content;
}

.new-pass__hint-success {
  display: none;
}

.new-pass__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 28px;
}

.new-pass__criteries {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.new-pass__criteries-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #6a6d72;
}

@media (min-width:992px) {
  .new-pass__form {
    margin-top: 32px;
  }

  .new-pass__criteries-title {
    font-size: 16px;
    line-height: 21px;
  }
}

.new-pass__criteries-list {
  list-style: none;
  margin: 0 0 4px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (min-width:992px) {
  .new-pass__criteries-list {
    gap: 8px;
    margin-bottom: 8px;
  }
}

.new-pass__criteries-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.header-full--scroll .new-pass__criteries-item i.header-full__logo-icon,
.header-full--search.header-full--white .new-pass__criteries-item i.header-full__logo-icon,
.header-full.header-full--search .new-pass__criteries-item i.header-full__logo-icon,
.new-pass__criteries-item .header-full--scroll i.header-full__logo-icon,
.new-pass__criteries-item .header-full--search.header-full--white i.header-full__logo-icon,
.new-pass__criteries-item .header-full.header-full--search i.header-full__logo-icon,
.new-pass__criteries-item .icon,
.new-pass__criteries-item i.icon-32-fav,
.new-pass__criteries-item i.icon-AI,
.new-pass__criteries-item i.icon-AI-64,
.new-pass__criteries-item i.icon-AI-v2,
.new-pass__criteries-item i.icon-VK,
.new-pass__criteries-item i.icon-X,
.new-pass__criteries-item i.icon-actions,
.new-pass__criteries-item i.icon-address,
.new-pass__criteries-item i.icon-arrow-down,
.new-pass__criteries-item i.icon-arrow-left,
.new-pass__criteries-item i.icon-arrow-right,
.new-pass__criteries-item i.icon-arrow-right-v2,
.new-pass__criteries-item i.icon-attach,
.new-pass__criteries-item i.icon-bag,
.new-pass__criteries-item i.icon-bell,
.new-pass__criteries-item i.icon-breadcrumbs-divider,
.new-pass__criteries-item i.icon-calendar,
.new-pass__criteries-item i.icon-calendar-24,
.new-pass__criteries-item i.icon-camera,
.new-pass__criteries-item i.icon-cart,
.new-pass__criteries-item i.icon-cds,
.new-pass__criteries-item i.icon-certificate,
.new-pass__criteries-item i.icon-chemicals,
.new-pass__criteries-item i.icon-chevron-down,
.new-pass__criteries-item i.icon-clock,
.new-pass__criteries-item i.icon-close,
.new-pass__criteries-item i.icon-copy,
.new-pass__criteries-item i.icon-corner,
.new-pass__criteries-item i.icon-correct-valid,
.new-pass__criteries-item i.icon-cosmetics,
.new-pass__criteries-item i.icon-delivery,
.new-pass__criteries-item i.icon-doctor,
.new-pass__criteries-item i.icon-dot,
.new-pass__criteries-item i.icon-download,
.new-pass__criteries-item i.icon-edit,
.new-pass__criteries-item i.icon-error,
.new-pass__criteries-item i.icon-error-valid,
.new-pass__criteries-item i.icon-eye-show,
.new-pass__criteries-item i.icon-eye-show-off,
.new-pass__criteries-item i.icon-face,
.new-pass__criteries-item i.icon-filters,
.new-pass__criteries-item i.icon-folders,
.new-pass__criteries-item i.icon-formula,
.new-pass__criteries-item i.icon-geltek,
.new-pass__criteries-item i.icon-gift,
.new-pass__criteries-item i.icon-gift-2,
.new-pass__criteries-item i.icon-heart,
.new-pass__criteries-item i.icon-heart-filled,
.new-pass__criteries-item i.icon-info,
.new-pass__criteries-item i.icon-leaf,
.new-pass__criteries-item i.icon-learning,
.new-pass__criteries-item i.icon-list,
.new-pass__criteries-item i.icon-logo,
.new-pass__criteries-item i.icon-logo-2,
.new-pass__criteries-item i.icon-logo-clinic,
.new-pass__criteries-item i.icon-logout,
.new-pass__criteries-item i.icon-long-arrow-down,
.new-pass__criteries-item i.icon-love,
.new-pass__criteries-item i.icon-mail,
.new-pass__criteries-item i.icon-mail--20,
.new-pass__criteries-item i.icon-makephoto,
.new-pass__criteries-item i.icon-map-geolocation,
.new-pass__criteries-item i.icon-max,
.new-pass__criteries-item i.icon-medicine,
.new-pass__criteries-item i.icon-menu,
.new-pass__criteries-item i.icon-menu-cat,
.new-pass__criteries-item i.icon-message,
.new-pass__criteries-item i.icon-metro,
.new-pass__criteries-item i.icon-minus,
.new-pass__criteries-item i.icon-new,
.new-pass__criteries-item i.icon-notification,
.new-pass__criteries-item i.icon-online-20,
.new-pass__criteries-item i.icon-order,
.new-pass__criteries-item i.icon-percent,
.new-pass__criteries-item i.icon-pets,
.new-pass__criteries-item i.icon-phone,
.new-pass__criteries-item i.icon-phone--20,
.new-pass__criteries-item i.icon-pick-up,
.new-pass__criteries-item i.icon-pin,
.new-pass__criteries-item i.icon-plant,
.new-pass__criteries-item i.icon-plastic-recycle,
.new-pass__criteries-item i.icon-play,
.new-pass__criteries-item i.icon-plus,
.new-pass__criteries-item i.icon-prepared,
.new-pass__criteries-item i.icon-present,
.new-pass__criteries-item i.icon-prize,
.new-pass__criteries-item i.icon-processed,
.new-pass__criteries-item i.icon-products,
.new-pass__criteries-item i.icon-program,
.new-pass__criteries-item i.icon-ready,
.new-pass__criteries-item i.icon-search,
.new-pass__criteries-item i.icon-send,
.new-pass__criteries-item i.icon-sert,
.new-pass__criteries-item i.icon-sertificate,
.new-pass__criteries-item i.icon-share,
.new-pass__criteries-item i.icon-star-filled,
.new-pass__criteries-item i.icon-star-framed,
.new-pass__criteries-item i.icon-stars,
.new-pass__criteries-item i.icon-success,
.new-pass__criteries-item i.icon-support,
.new-pass__criteries-item i.icon-tg,
.new-pass__criteries-item i.icon-tg-white,
.new-pass__criteries-item i.icon-tile,
.new-pass__criteries-item i.icon-tooltip,
.new-pass__criteries-item i.icon-trash,
.new-pass__criteries-item i.icon-update,
.new-pass__criteries-item i.icon-user,
.new-pass__criteries-item i.icon-wa,
.new-pass__criteries-item i.icon-wa-2,
.new-pass__criteries-item i.icon-warning,
.new-pass__criteries-item i.icon-web,
.new-pass__criteries-item i.icon-white-logo,
.new-pass__criteries-item i.icon-youtube {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/dot.svg");
}

.new-pass__criteries-item .p--r,
.new-pass__criteries-item .xs-sort-button {
  line-height: 18px;
  color: #6a6d72;
}

.new-pass__save {
  width: 100%;
}

.no-email .modal-center__content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.no-email .modal-center__title {
  max-width: 307px;
}

@media (min-width:992px) {
  .new-pass__criteries-item .p--r,
  .new-pass__criteries-item .xs-sort-button {
    font-size: 16px;
    line-height: 21px;
  }

  .no-email .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: 368px;
  }

  .no-email .modal-center__content {
    padding-bottom: 48px;
    gap: 32px;
  }

  .no-email .modal-center__title {
    max-width: unset;
  }
}

.no-email .modal-center__header {
  max-height: unset;
  height: -moz-max-content;
  height: max-content;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.no-email__back {
  padding: 0;
  height: 24px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.no-email__contact-support {
  width: 100%;
}

@media (min-width:992px) {
  .no-email .modal-center__header {
    gap: 16px;
  }

  .no-email__back {
    font-size: 14px;
    line-height: 14px;
  }

  .feedback-modal .modal__inner {
    max-width: 598px;
    width: 100%;
    max-height: 620px;
  }
}

.feedback-modal .modal-center__content {
  display: flex;
  flex-direction: column;
  gap: 28px;
  align-items: stretch;
  padding-bottom: 48px;
}

.feedback-modal__hint,
.feedback-modal__hint-success {
  color: #54565a;
}

.feedback-modal__hint-success {
  display: none;
}

.feedback-modal__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
}

.feedback-modal__send {
  width: 100%;
}

.feedback-modal .feedback-modal__field-input,
.feedback-modal__field {
  height: 48px;
  border-radius: 12px;
}

.feedback-modal__field .label>.expandable-question__tab-button,
.feedback-modal__field .label>.p,
.feedback-modal__field .label>.p--100,
.feedback-modal__field .label>.p--80,
.feedback-modal__field .label>.p--90,
.feedback-modal__field .label>.xs-sort-button {
  font-size: 13px;
  line-height: 17px;
}

@media (min-width:992px) {
  .feedback-modal .modal-center__content {
    gap: 16px;
  }

  .feedback-modal .feedback-modal__field-input,
  .feedback-modal__field {
    height: 56px;
    border-radius: 16px;
  }

  .feedback-modal__field .label>.expandable-question__tab-button,
  .feedback-modal__field .label>.p,
  .feedback-modal__field .label>.p--100,
  .feedback-modal__field .label>.p--80,
  .feedback-modal__field .label>.p--90,
  .feedback-modal__field .label>.xs-sort-button {
    font-size: 14px;
    line-height: 18px;
  }
}

.feedback-modal--success .feedback-modal__form,
.feedback-modal--success .feedback-modal__hint {
  display: none;
}

.feedback-modal--success .feedback-modal__hint-success {
  display: block;
}

.add-phone__field-input {
  height: 48px;
  border-radius: 12px;
}

.add-phone__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.add-phone__btn {
  width: 100%;
}

.add-phone .modal-banner__text {
  margin-top: -4px;
  margin-bottom: 12px;
}

.add-phone--code-verification .add-phone__btn,
.add-phone--code-verification .add-phone__field,
.add-phone--code-verification .add-phone__form,
.add-phone--code-verification .modal-banner__banner,
.add-phone--code-verification .modal-banner__subtitle,
.add-phone--code-verification .modal-banner__text {
  display: none;
}

.add-phone--code-verification .infoblock {
  padding: 12px;
}

.add-phone--code-verification .infoblock__content {
  gap: 4px;
}

.add-phone--code-verification .infoblock__title {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

@media (min-width:992px) {
  .add-phone__field-input {
    height: 56px;
    border-radius: 16px;
  }

  .add-phone .modal-banner__text {
    margin-top: 0;
    margin-bottom: 0;
  }

  .add-phone--code-verification .infoblock {
    padding: 16px 20px;
  }

  .add-phone--code-verification .infoblock__title {
    font-size: 18px;
    line-height: 23px;
  }
}

.add-phone--code-verification .infoblock__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

@media (min-width:992px) {
  .add-phone--code-verification .infoblock__text {
    font-size: 16px;
    line-height: 21px;
  }
}

.add-phone--code-verification .infoblock__button {
  margin-top: 8px;
  padding: 0;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  height: 11px;
}

.loyalty-program .modal-banner__title {
  max-width: 201px;
}

.loyalty-program .modal-banner__content {
  gap: 12px;
}

.loyalty-program__button {
  margin-top: 16px;
  text-decoration: none;
  width: 100%;
}

@media (min-width:992px) {
  .add-phone--code-verification .infoblock__button {
    font-size: 12px;
    height: 12px;
  }

  .add-phone--code-verification .modal-banner__content {
    padding: 16px 55px 48px 56px;
  }

  .loyalty-program .modal-banner__title {
    max-width: 317px;
  }

  .loyalty-program .modal-banner__content {
    gap: 16px;
  }

  .loyalty-program__button {
    margin-top: 0;
  }
}

.is-adult-modal {
  z-index: 99;
}

.is-adult-modal .modal__inner {
  padding-top: 60px;
}

.is-adult-modal .modal-center__footer {
  box-shadow: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .is-adult-modal .modal__inner {
    padding-top: unset;
    max-width: 550px;
  }

  .is-adult-modal .modal-center__footer {
    flex-direction: row;
  }
}

.is-adult-modal .modal-center__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.common-modals {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 105;
  width: 0;
  height: 0;
}

.product-card {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  max-width: 164px;
  min-height: 482px;
  flex-shrink: 0;
  color: #0a0c0f;
  box-sizing: border-box;
  overflow-y: visible;
}

.product-card__labels {
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .product-card {
    max-width: 272px;
    min-height: 599px;
    border-radius: 24px;
  }

  .product-card__labels {
    gap: 4px;
  }
}

.product-card .rating {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.product-card .star {
  width: 20px;
  height: 20px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  margin-right: 2px;
  position: relative;
}

.product-card .star.full {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  border: none;
}

.product-card .star.partial {
  position: relative;
}

.product-card .star .star-filled {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.product-card .star .star-empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.product-card .star.empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
}

.product-card .rating__number {
  margin-left: 5px;
  color: #5f6db2;
}

.product-card--piece-per-pack {
  min-height: 493px;
}

@media (min-width:992px) {
  .product-card--piece-per-pack {
    min-height: 609px;
  }
}

.product-card--description .cm-product-card__content-pieces-per-pack--mobile,
.product-card--description .product-card__content-pieces-per-pack,
.product-card--description .product-card__content-pieces-per-pack--mobile {
  display: none;
}

.product-card--description .product-card__content-heading-description {
  min-height: 72px;
}

.product-card__wrapper {
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  min-height: 100%;
  border-radius: inherit;
  --card-bg: rgb(var(--white-color-rgb));
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

.product-card__header {
  position: absolute;
  top: 14px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 8px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .product-card__header {
    top: 20px;
    padding: 0 20px 0 16px;
  }
}

.product-card__header-status {
  --chip-bg: #8a98db;
  --chip-text-color: rgb(var(--white-color-rgb));
  width: -moz-max-content;
  width: max-content;
  min-height: unset;
  height: 19px;
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  margin: 2px 0 3px;
  text-align: center;
}

@media (min-width:992px) {
  .product-card__header-status {
    margin: 0;
    border-radius: 8px;
    line-height: 13px;
    padding: 5px 8px 4px;
    height: 22px;
  }
}

.product-card__header-status--bestseller {
  --chip-bg: #4bb34b;
  --chip-text-color: rgb(var(--white-color-rgb));
}

.product-card__header-heart {
  --icon-color: #c0c5dd;
  padding: 0;
  margin-right: 6px;
  margin-left: auto;
}

@media (min-width:992px) {
  .product-card__header-heart {
    margin: 0 0 0 auto;
  }
}

.product-card__header-heart .icon-heart {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color .3s ease-in-out;
}

.product-card__header-heart .icon-heart-filled {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-color: red;
  transition: background-color .3s ease-in-out;
}

.product-card__image {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.product-card__image-wrapper {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: inherit;
  flex-shrink: 0;
  overflow: hidden;
}

.product-card__image-wrapper .product-card__link {
  width: 100%;
  height: 100%;
}

.product-card__link {
  text-decoration: none;
  color: #0a0c0f;
}

.product-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  height: 100%;
  gap: 12px;
  padding: 16px 0 12px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .product-card__content {
    padding: 16px 0;
  }
}

.product-card__content-heading {
  padding: 0 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
}

.product-card__content-heading-raiting,
.product-card__content-heading-raiting-star {
  display: flex;
  align-items: center;
}

.product-card__content-heading-raiting {
  --icon-color: #feb88b;
  --icon-width: 16px;
  --icon-height: 16px;
  gap: 4px;
}

.product-card__content-heading-raiting-icon {
  margin-right: 2px;
}

.product-card__content-heading-raiting-star {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

.product-card__content-heading-raiting-reviews {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #6a6d72;
}

@media (min-width:992px) {
  .product-card__content-heading {
    padding: 0 16px;
  }

  .product-card__content-heading-raiting {
    gap: 8px;
  }

  .product-card__content-heading-raiting-icon {
    margin-right: 2px;
  }

  .product-card__content-heading-raiting-star {
    font-size: 14px;
    line-height: 18px;
    width: 40px;
  }

  .product-card__content-heading-raiting-reviews {
    font-size: 14px;
    line-height: 18px;
  }
}

.product-card__content-heading-title {
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 54px;
}

@media (min-width:992px) {
  .product-card__content-heading-title {
    min-height: 42px;
    font-size: 16px;
    line-height: 21px;
  }
}

.product-card__content-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
}

.product-card__content-price {
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.product-card__content-price-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 13px;
}

.product-card__content-price-main {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}

.product-card__content-price-discount {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
  color: #6a6d72;
  margin-bottom: 3px;
}

@media (min-width:992px) {
  .product-card__content-price {
    padding: 0 16px;
  }

  .product-card__content-price-wrapper {
    gap: 12px;
  }

  .product-card__content-price-main {
    font-size: 24px;
    line-height: 31px;
  }

  .product-card__content-price-discount {
    margin-top: 3px;
    font-size: 16px;
    line-height: 21px;
  }
}

.cm-product-card__content-pieces-per-pack--mobile,
.product-card__content-pieces-per-pack,
.product-card__content-pieces-per-pack--mobile {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #6a6d72;
  display: none;
  gap: 4px;
}

.product-card__content-pieces-per-pack--mobile {
  display: flex;
}

@media (min-width:992px) {
  .cm-product-card__content-pieces-per-pack--mobile,
  .product-card__content-pieces-per-pack,
  .product-card__content-pieces-per-pack--mobile {
    display: flex;
    gap: 6px;
  }

  .product-card__content-pieces-per-pack--mobile {
    display: none;
  }
}

.product-card__content-pieces-per-pack-notice {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.product-card__content-variants {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 11px 0 9px;
  gap: 12px;
  height: 24px;
  overflow: auto;
  scrollbar-width: none;
}

.cm-product-card__content-variants-item--selected,
.product-card__content-variants-item,
.product-card__content-variants-item--selected {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  flex-shrink: 0;
  display: none;
}

@media (min-width:992px) {
  .product-card__content-variants {
    padding: 0 16px;
  }

  .cm-product-card__content-variants-item--selected:nth-child(1),
  .cm-product-card__content-variants-item--selected:nth-child(2),
  .cm-product-card__content-variants-item--selected:nth-child(3),
  .product-card__content-variants-item--selected:nth-child(1),
  .product-card__content-variants-item--selected:nth-child(2),
  .product-card__content-variants-item--selected:nth-child(3),
  .product-card__content-variants-item:nth-child(1),
  .product-card__content-variants-item:nth-child(2),
  .product-card__content-variants-item:nth-child(3) {
    display: flex;
  }
}

.cm-product-card__content-variants-item--selected:nth-child(1),
.cm-product-card__content-variants-item--selected:nth-child(2),
.product-card__content-variants-item--selected:nth-child(1),
.product-card__content-variants-item--selected:nth-child(2),
.product-card__content-variants-item:nth-child(1),
.product-card__content-variants-item:nth-child(2) {
  display: flex;
}

.product-card__content-variants-item--selected {
  --text-color: rgb(var(--white-color-rgb));
}

.product-card__content-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  gap: 8px;
}

.product-card__content-buttons-wrapper {
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 8px;
}

.product-card__content-buttons-button {
  --icon-width: 20px;
  --icon-height: 20px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.product-card__content-buttons-ozon {
  --vendor-color: #337cff;
}

.product-card__content-buttons-wildberries {
  --vendor-color: #b865fa;
}

.product-card__content-buttons-goldapple {
  --vendor-color: #d9f142;
  --text-color: #0a0c0f;
}

.product-card__content-buttons-yandex {
  --vendor-color: #fee121;
  --text-color: #0a0c0f;
}

.product-card__content-buttons-letu {
  --vendor-color: #4e5eee;
}

.product-card__content-buttons-rivegauche {
  --vendor-color: #e96eb8;
}

.product-card__content-buttons-megamarket {
  --vendor-color: #8e6acd;
}

.product-card__content-buttons-apteka {
  --vendor-color: #4666d7;
}

.product-card__content-buttons-detmir {
  --vendor-color: #0073e6;
}

@media (min-width:992px) {
  .product-card__content-buttons-wrapper {
    padding: 0 16px;
  }

  .product-card__content-buttons-button {
    line-height: 13px;
  }

  .product-card__content-buttons-apteka,
  .product-card__content-buttons-detmir,
  .product-card__content-buttons-goldapple,
  .product-card__content-buttons-letu,
  .product-card__content-buttons-megamarket,
  .product-card__content-buttons-ozon,
  .product-card__content-buttons-rivegauche,
  .product-card__content-buttons-wildberries,
  .product-card__content-buttons-yandex {
    border-radius: 24px;
    padding: 7px 0;
    height: 24px;
  }
}

.product-card__content-buttons-apteka.btn-primary-light,
.product-card__content-buttons-detmir.btn-primary-light,
.product-card__content-buttons-goldapple.btn-primary-light,
.product-card__content-buttons-letu.btn-primary-light,
.product-card__content-buttons-megamarket.btn-primary-light,
.product-card__content-buttons-ozon.btn-primary-light,
.product-card__content-buttons-rivegauche.btn-primary-light,
.product-card__content-buttons-wildberries.btn-primary-light,
.product-card__content-buttons-yandex.btn-primary-light {
  background-color: var(--vendor-color);
  color: var(--text-color,rgb(var(--white-color-rgb)));
  border-radius: 24px;
  padding: 7px 0;
  height: 24px;
}

.product-card__content-buttons-apteka.btn-primary-light:hover,
.product-card__content-buttons-detmir.btn-primary-light:hover,
.product-card__content-buttons-goldapple.btn-primary-light:hover,
.product-card__content-buttons-letu.btn-primary-light:hover,
.product-card__content-buttons-megamarket.btn-primary-light:hover,
.product-card__content-buttons-ozon.btn-primary-light:hover,
.product-card__content-buttons-rivegauche.btn-primary-light:hover,
.product-card__content-buttons-wildberries.btn-primary-light:hover,
.product-card__content-buttons-yandex.btn-primary-light:hover {
  filter: brightness(95%);
}

.product-card__content-buttons-more.btn-ghost-light {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #5f6db2;
  color: #5f6db2;
  max-height: 24px;
}

.product-card__content-collapsed-buttons {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 8px;
  margin-top: auto;
}

.product-card__content-collapsed-buttons.accordion--open {
  gap: 8px;
}

.product-card__content-collapsed-buttons.accordion--open .accordion__button {
  font-size: 0;
}

.product-card__content-collapsed-buttons.accordion--open .accordion__button::before {
  content: "скрыть";
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.product-card__content-collapsed-buttons-wrapper,
.product-card__content-collapsed-buttons.accordion .accordion__details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-card__counter {
  width: 100%;
  height: 36px;
}

.product-card__counter .counter__btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  flex-shrink: 0;
}

.product-card__counter .counter__btn--minus::after,
.product-card__counter .counter__btn--minus::before,
.product-card__counter .counter__btn--plus::after,
.product-card__counter .counter__btn--plus::before {
  width: 14px;
}

.product-card__counter .counter__btn:active,
.product-card__counter .counter__btn:focus,
.product-card__counter .counter__btn:focus-visible {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.product-card__counter .counter__btn--focused {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.product-card__counter .counter__input {
  width: 100%;
  height: 36px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-color: #5f6db2;
}

.product-card__counter .counter__input:active,
.product-card__counter .counter__input:focus,
.product-card__counter .counter__input:focus-visible {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.product-card--added-to-cart .product-card__counter {
  display: flex;
}

.product-card--added-to-cart .product-card__content-buttons-to-cart {
  display: none;
}

.product-card--showed-more {
  z-index: 2;
}

.product-card--showed-more .product-card__wrapper {
  position: absolute;
}

.product-card--not-available .product-card__image-wrapper {
  position: relative;
}

.product-card--not-available .product-card__image-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--white-color-rgb),.5);
  pointer-events: none;
}

.product-card--not-available .product-card__image-wrapper::after {
  content: "Нет в наличии";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 110px;
  height: 28px;
  padding: 6px 0 7px;
  background: #6a6d72;
  color: rgb(var(--white-color-rgb));
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
}

.product-card.for-adult .product-card__image {
  filter: blur(50px);
}

.product-card.for-adult .product-card__image-wrapper {
  position: relative;
}

.product-card.for-adult .product-card__image-wrapper::after {
  content: "Товары для взрослых";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 28px;
  width: auto;
  padding: 6px 12px 7px;
  background: rgb(var(--white-color-rgb));
  border: 1px solid #dcdfee;
  color: #0a0c0f;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
  text-wrap: nowrap;
}

.cm-product-card {
  position: relative;
  z-index: 1;
  border-radius: 16px;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  max-width: 164px;
  min-height: 482px;
  flex-shrink: 0;
  color: #0a0c0f;
  box-sizing: border-box;
  overflow-y: visible;
}

.cm-product-card__labels {
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .product-card__content-collapsed-buttons {
    padding: 0 16px;
  }

  .cm-product-card {
    max-width: 272px;
    min-height: 599px;
    border-radius: 24px;
  }

  .cm-product-card__labels {
    gap: 4px;
  }
}

.cm-product-card .rating {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.cm-product-card .star {
  width: 20px;
  height: 20px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  margin-right: 2px;
  position: relative;
}

.cm-product-card .star.full {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  border: none;
}

.cm-product-card .star.partial {
  position: relative;
}

.cm-product-card .star .star-filled {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.cm-product-card .star .star-empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.cm-product-card .star.empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
}

.cm-product-card .rating__number {
  margin-left: 5px;
  color: #5f6db2;
}

.cm-product-card--piece-per-pack {
  min-height: 493px;
}

@media (min-width:992px) {
  .cm-product-card--piece-per-pack {
    min-height: 609px;
  }
}

.cm-product-card--description .cm-product-card__content-pieces-per-pack--mobile,
.cm-product-card--description .product-card__content-pieces-per-pack,
.cm-product-card--description .product-card__content-pieces-per-pack--mobile {
  display: none;
}

.cm-product-card--description .product-card__content-heading-description {
  min-height: 72px;
}

.cm-product-card__wrapper {
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto;
  min-height: 100%;
  border-radius: inherit;
  --card-bg: rgb(var(--white-color-rgb));
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

.cm-product-card__header {
  position: absolute;
  top: 14px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 8px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .cm-product-card__header {
    top: 20px;
    padding: 0 20px 0 16px;
  }
}

.cm-product-card__header-status {
  --chip-bg: #8a98db;
  --chip-text-color: rgb(var(--white-color-rgb));
  width: -moz-max-content;
  width: max-content;
  min-height: unset;
  height: 19px;
  padding: 5px 8px;
  box-sizing: border-box;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  margin: 2px 0 3px;
  text-align: center;
}

@media (min-width:992px) {
  .cm-product-card__header-status {
    margin: 0;
    border-radius: 8px;
    line-height: 13px;
    padding: 5px 8px 4px;
    height: 22px;
  }
}

.cm-product-card__header-status--bestseller {
  --chip-bg: #4bb34b;
  --chip-text-color: rgb(var(--white-color-rgb));
}

.cm-product-card__header-heart {
  --icon-color: #c0c5dd;
  padding: 0;
  margin-right: 6px;
  margin-left: auto;
}

@media (min-width:992px) {
  .cm-product-card__header-heart {
    margin: 0 0 0 auto;
  }
}

.cm-product-card__header-heart .icon-heart {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color .3s ease-in-out;
}

.cm-product-card__header-heart .icon-heart-filled {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/icons/32-heart-fav.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  --icon-color: red;
  transition: background-color .3s ease-in-out;
}

.cm-product-card__image {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.cm-product-card__image-wrapper {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: inherit;
  flex-shrink: 0;
  overflow: hidden;
}

.cm-product-card__image-wrapper .product-card__link {
  width: 100%;
  height: 100%;
}

.cm-product-card__link {
  text-decoration: none;
  color: #0a0c0f;
}

.cm-product-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  height: 100%;
  gap: 12px;
  padding: 16px 0 12px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .cm-product-card__content {
    padding: 16px 0;
  }
}

.cm-product-card__content-heading {
  padding: 0 8px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
}

.cm-product-card__content-heading-raiting,
.cm-product-card__content-heading-raiting-star {
  display: flex;
  align-items: center;
}

.cm-product-card__content-heading-raiting {
  --icon-color: #feb88b;
  --icon-width: 16px;
  --icon-height: 16px;
  gap: 4px;
}

.cm-product-card__content-heading-raiting-icon {
  margin-right: 2px;
}

.cm-product-card__content-heading-raiting-star {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

.cm-product-card__content-heading-raiting-reviews {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 400;
  line-height: 17px;
  color: #6a6d72;
}

@media (min-width:992px) {
  .cm-product-card__content-heading {
    padding: 0 16px;
  }

  .cm-product-card__content-heading-raiting {
    gap: 8px;
  }

  .cm-product-card__content-heading-raiting-icon {
    margin-right: 2px;
  }

  .cm-product-card__content-heading-raiting-star {
    font-size: 14px;
    line-height: 18px;
    width: 40px;
  }

  .cm-product-card__content-heading-raiting-reviews {
    font-size: 14px;
    line-height: 18px;
  }
}

.cm-product-card__content-heading-title {
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 54px;
}

@media (min-width:992px) {
  .cm-product-card__content-heading-title {
    min-height: 42px;
    font-size: 16px;
    line-height: 21px;
  }
}

.cm-product-card__content-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
}

.cm-product-card__content-price {
  box-sizing: border-box;
  width: 100%;
  padding: 0 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.cm-product-card__content-price-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 13px;
}

.cm-product-card__content-price-main {
  font-size: 18px;
  line-height: 23px;
  font-weight: 500;
}

.cm-product-card__content-price-discount {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  text-decoration: line-through;
  color: #6a6d72;
  margin-bottom: 3px;
}

@media (min-width:992px) {
  .cm-product-card__content-price {
    padding: 0 16px;
  }

  .cm-product-card__content-price-wrapper {
    gap: 12px;
  }

  .cm-product-card__content-price-main {
    font-size: 24px;
    line-height: 31px;
  }

  .cm-product-card__content-price-discount {
    margin-top: 3px;
    font-size: 16px;
    line-height: 21px;
  }
}

.cm-product-card__content-pieces-per-pack {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #6a6d72;
  display: none;
  gap: 4px;
}

.cm-product-card__content-pieces-per-pack--mobile {
  display: flex;
}

@media (min-width:992px) {
  .cm-product-card__content-pieces-per-pack {
    display: flex;
    gap: 6px;
  }

  .cm-product-card__content-pieces-per-pack--mobile {
    display: none;
  }
}

.cm-product-card__content-pieces-per-pack-notice {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.cm-product-card__content-variants {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 11px 0 9px;
  gap: 12px;
  height: 24px;
  overflow: auto;
  scrollbar-width: none;
}

.cm-product-card__content-variants-item {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  flex-shrink: 0;
  display: none;
}

@media (min-width:992px) {
  .cm-product-card__content-variants {
    padding: 0 16px;
  }

  .cm-product-card__content-variants-item:nth-child(1),
  .cm-product-card__content-variants-item:nth-child(2),
  .cm-product-card__content-variants-item:nth-child(3) {
    display: flex;
  }
}

.cm-product-card__content-variants-item:nth-child(1),
.cm-product-card__content-variants-item:nth-child(2) {
  display: flex;
}

.cm-product-card__content-variants-item--selected {
  --text-color: rgb(var(--white-color-rgb));
}

.cm-product-card__content-buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
  gap: 8px;
}

.cm-product-card__content-buttons-wrapper {
  width: 100%;
  padding: 0 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 8px;
}

.cm-product-card__content-buttons-button {
  --icon-width: 20px;
  --icon-height: 20px;
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.cm-product-card__content-buttons-ozon {
  --vendor-color: #337cff;
}

.cm-product-card__content-buttons-wildberries {
  --vendor-color: #b865fa;
}

.cm-product-card__content-buttons-goldapple {
  --vendor-color: #d9f142;
  --text-color: #0a0c0f;
}

.cm-product-card__content-buttons-yandex {
  --vendor-color: #fee121;
  --text-color: #0a0c0f;
}

.cm-product-card__content-buttons-letu {
  --vendor-color: #4e5eee;
}

.cm-product-card__content-buttons-rivegauche {
  --vendor-color: #e96eb8;
}

.cm-product-card__content-buttons-megamarket {
  --vendor-color: #8e6acd;
}

.cm-product-card__content-buttons-apteka {
  --vendor-color: #4666d7;
}

.cm-product-card__content-buttons-detmir {
  --vendor-color: #0073e6;
}

@media (min-width:992px) {
  .cm-product-card__content-buttons-wrapper {
    padding: 0 16px;
  }

  .cm-product-card__content-buttons-button {
    line-height: 13px;
  }

  .cm-product-card__content-buttons-apteka,
  .cm-product-card__content-buttons-detmir,
  .cm-product-card__content-buttons-goldapple,
  .cm-product-card__content-buttons-letu,
  .cm-product-card__content-buttons-megamarket,
  .cm-product-card__content-buttons-ozon,
  .cm-product-card__content-buttons-rivegauche,
  .cm-product-card__content-buttons-wildberries,
  .cm-product-card__content-buttons-yandex {
    border-radius: 24px;
    padding: 7px 0;
    height: 24px;
  }
}

.cm-product-card__content-buttons-apteka.btn-primary-light,
.cm-product-card__content-buttons-detmir.btn-primary-light,
.cm-product-card__content-buttons-goldapple.btn-primary-light,
.cm-product-card__content-buttons-letu.btn-primary-light,
.cm-product-card__content-buttons-megamarket.btn-primary-light,
.cm-product-card__content-buttons-ozon.btn-primary-light,
.cm-product-card__content-buttons-rivegauche.btn-primary-light,
.cm-product-card__content-buttons-wildberries.btn-primary-light,
.cm-product-card__content-buttons-yandex.btn-primary-light {
  background-color: var(--vendor-color);
  color: var(--text-color,rgb(var(--white-color-rgb)));
  border-radius: 24px;
  padding: 7px 0;
  height: 24px;
}

.cm-product-card__content-buttons-apteka.btn-primary-light:hover,
.cm-product-card__content-buttons-detmir.btn-primary-light:hover,
.cm-product-card__content-buttons-goldapple.btn-primary-light:hover,
.cm-product-card__content-buttons-letu.btn-primary-light:hover,
.cm-product-card__content-buttons-megamarket.btn-primary-light:hover,
.cm-product-card__content-buttons-ozon.btn-primary-light:hover,
.cm-product-card__content-buttons-rivegauche.btn-primary-light:hover,
.cm-product-card__content-buttons-wildberries.btn-primary-light:hover,
.cm-product-card__content-buttons-yandex.btn-primary-light:hover {
  filter: brightness(95%);
}

.cm-product-card__content-buttons-more.btn-ghost-light {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #5f6db2;
  color: #5f6db2;
  max-height: 24px;
}

.cm-product-card__content-collapsed-buttons {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0 8px;
  margin-top: auto;
}

@media (min-width:992px) {
  .cm-product-card__content-collapsed-buttons {
    padding: 0 16px;
  }
}

.cm-product-card__content-collapsed-buttons.accordion--open {
  gap: 8px;
}

.cm-product-card__content-collapsed-buttons.accordion--open .accordion__button {
  font-size: 0;
}

.cm-product-card__content-collapsed-buttons.accordion--open .accordion__button::before {
  content: "скрыть";
  font-size: 10px;
  font-weight: 500;
  line-height: 10px;
}

.cm-product-card__content-collapsed-buttons-wrapper,
.cm-product-card__content-collapsed-buttons.accordion .accordion__details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cm-product-card__counter {
  width: 100%;
  height: 36px;
}

.cm-product-card__counter .counter__btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  flex-shrink: 0;
}

.cm-product-card__counter .counter__btn--minus::after,
.cm-product-card__counter .counter__btn--minus::before,
.cm-product-card__counter .counter__btn--plus::after,
.cm-product-card__counter .counter__btn--plus::before {
  width: 14px;
}

.cm-product-card__counter .counter__btn:active,
.cm-product-card__counter .counter__btn:focus,
.cm-product-card__counter .counter__btn:focus-visible {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.cm-product-card__counter .counter__btn--focused {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.cm-product-card__counter .counter__input {
  width: 100%;
  height: 36px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-color: #5f6db2;
}

.cm-product-card__counter .counter__input:active,
.cm-product-card__counter .counter__input:focus,
.cm-product-card__counter .counter__input:focus-visible {
  border-color: #5f6db2;
  outline: #dcdfee solid 2px;
  outline-offset: 2px;
}

.cm-product-card--added-to-cart .product-card__counter {
  display: flex;
}

.cm-product-card--added-to-cart .product-card__content-buttons-to-cart {
  display: none;
}

.cm-product-card--showed-more {
  z-index: 2;
}

.cm-product-card--showed-more .product-card__wrapper {
  position: absolute;
}

.cm-product-card--not-available .product-card__image-wrapper {
  position: relative;
}

.cm-product-card--not-available .product-card__image-wrapper::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(var(--white-color-rgb),.5);
  pointer-events: none;
}

.cm-product-card--not-available .product-card__image-wrapper::after {
  content: "Нет в наличии";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 110px;
  height: 28px;
  padding: 6px 0 7px;
  background: #6a6d72;
  color: rgb(var(--white-color-rgb));
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
}

.cm-product-card.for-adult .product-card__image {
  filter: blur(50px);
}

.cm-product-card.for-adult .product-card__image-wrapper {
  position: relative;
}

.cm-product-card.for-adult .product-card__image-wrapper::after {
  content: "Товары для взрослых";
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  height: 28px;
  width: auto;
  padding: 6px 12px 7px;
  background: rgb(var(--white-color-rgb));
  border: 1px solid #dcdfee;
  color: #0a0c0f;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  pointer-events: none;
  text-wrap: nowrap;
}

.product-rating {
  align-items: center;
  font-family: inherit;
  width: -moz-fit-content;
  width: fit-content;
  max-height: 28px;
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 16px;
  background: #f5f6f8;
  border: 1px solid #e5e7eb;
  font-size: 14px;
  line-height: 1.5;
}

.product-rating__star {
  display: inline-flex;
  align-items: center;
  color: #ffc107;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: url("/local/templates/geltek2024/frontend/img/icons/star.svg") center no-repeat;
}

.product-rating__value {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-right: 8px;
}

.product-rating__count {
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
}

@media (max-width:990px) {
  .product-rating {
    padding: 3px 6px;
    font-size: 13px;
    max-height: 18px;
    line-height: 0;
  }

  .product-rating__star {
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
  }

  .product-rating__value {
    font-size: 13px;
    margin-right: 6px;
    margin-top: 15px;
  }

  .product-rating__count {
    font-size: 13px;
    margin-top: 15px;
  }
}

.product-card-mini {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #dcdfee;
  border-radius: 24px;
  max-width: 500px;
  background: #fff;
  overflow: hidden;
}

.product-card-mini__img {
  width: 100%;
  aspect-ratio: 1;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.product-card-mini__info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 16px 11px 20px;
}

.product-card-mini__name {
  margin-bottom: 12px;
  min-height: 64px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #0a0c0f;
}

.product-card-mini__price {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

.product-card-mini__btn {
  margin-top: auto;
  width: 100%;
}

.product-card-mini__current {
  margin-top: auto;
  border-top: 1px solid #dcdfee;
  padding-top: 12px;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  color: #0a0c0f;
}

.product-card-mini__favorite {
  position: absolute;
  right: 8px;
  top: 9px;
  --icon-color: #999b9f;
}

@media (any-hover:hover) {
  .product-card-mini__favorite:hover {
    --icon-color: red;
  }
}

.infoblock {
  --icon-color: #4e5993;
  --icon-width: 64px;
  --icon-height: 64px;
  background: #f7f7f8;
  border-radius: 16px;
  padding: 16px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.infoblock__text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #0a0c0f;
}

.infoblock__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}

.infoblock__button {
  --icon-width: 24px;
  --icon-height: 24px;
  text-decoration: none;
  font-size: 11px;
  line-height: 11px;
  font-weight: 500;
  gap: 8px;
  border-radius: 12px;
  padding: 2px 11px 0 14px;
  height: 36px;
}

.our-contacts {
  background-color: #edeef6;
  color: #141313;
}

@media (min-width:992px) {
  .infoblock {
    padding: 24px;
    flex-direction: row;
  }

  .infoblock__text {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }

  .infoblock>i {
    flex-shrink: 0;
  }

  .infoblock__content {
    gap: 20px;
  }

  .infoblock__button {
    font-size: 12px;
    line-height: 12px;
    gap: 8px;
    border-radius: 16px;
    padding: 0 14px 2px 17px;
    box-sizing: border-box;
    height: 48px;
  }

  .our-contacts {
    display: grid;
    grid-template-columns: 200px 250px;
    grid-column-gap: 50px;
    grid-row-gap: 16px;
  }
}

@media (min-width:1250px) {
  .our-contacts {
    grid-template-columns: 329px 349px;
    grid-column-gap: 110px;
  }
}

.our-contacts__social {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.our-contacts__social-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.our-contacts__social-links-icon {
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (min-width:992px) {
  .our-contacts__social {
    grid-area: 1/2/3/3;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .our-contacts__social-title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
  }

  .our-contacts__social-links-icon {
    min-width: 24px;
  }
}

.our-contacts__social-links-with-icon {
  display: none;
}

@media (min-width:992px) {
  .our-contacts__social-links-with-icon {
    list-style: none;
    margin: 0;
    padding: 0;
    --icon-color: #5f6db2;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .our-contacts__social-links-with-icon-link {
    --icon-width: 24px;
    --icon-height: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #141313;
    text-decoration: none;
  }

  .our-contacts__social-links-with-icon-link:link,
  .our-contacts__social-links-with-icon-link:visited {
    color: #141313;
  }
}

.our-contacts__social-links-mobile {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: repeat(3,1fr);
  grid-column-gap: 16px;
  grid-row-gap: 12px;
}

@media (min-width:992px) {
  .our-contacts__social-links-mobile {
    display: none;
  }
}

.our-contacts__social-links-mobile-link {
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 8px;
}

.our-contacts__social-links-mobile .chip {
  background-color: rgb(var(--white-color-rgb));
  --icon-color: #5f6db2;
  --icon-width: 20px;
  --icon-height: 20px;
  padding: 12px 8px;
  min-height: none;
}

.our-contacts__social-links-mobile .chip .chip-icon {
  width: 40px;
  height: 40px;
}

.our-contacts__social-links-mobile .chip .chip__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.our-contacts__social-links-mobile .chip .chip__content-title {
  color: #141313;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

.our-contacts__social-links-mobile .chip .chip__content-description {
  color: #595b61;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.our-contacts__social-links-mobile>.chip:nth-child(1) {
  grid-area: 1/1/2/3;
}

.our-contacts__social-links-mobile>.chip:nth-child(2) {
  grid-area: 2/1/3/3;
}

.our-contacts__social-links-mobile>.chip:nth-child(3),
.our-contacts__social-links-mobile>.chip:nth-child(4) {
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  max-height: 44px;
  padding: 10px 8px;
  height: 44px;
  min-height: unset;
}

.our-contacts__social-links-mobile>.chip:nth-child(3) .chip-icon,
.our-contacts__social-links-mobile>.chip:nth-child(4) .chip-icon {
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: none;
  outline: 0;
}

.our-contacts__list {
  list-style: none;
  margin: 0;
  padding: 0;
  --icon-color: #5f6db2;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.our-contacts__list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.our-contacts__list .our-contacts__list-icon {
  -webkit-mask-size: cover;
  mask-size: cover;
}

.our-contacts__list-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

@media (min-width:992px) {
  .our-contacts__list-wrapper {
    max-width: 274px;
    gap: 20px;
  }

  .our-contacts__list-wrapper--wide {
    max-width: 100%;
    grid-column: 1/2;
  }

  .our-contacts__list .our-contacts__list-icon {
    min-width: 24px;
  }

  .our-contacts__list-title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
  }
}

.our-contacts__list-title__mob {
  display: block;
}

@media (min-width:768px) {
  .our-contacts__list-title__mob {
    display: none;
  }
}

.our-contacts__list-item {
  --icon-width: 20px;
  --icon-height: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.our-contacts__ask-question {
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.our-contacts__ask-question-title {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}

@media (min-width:992px) {
  .our-contacts__list-item {
    --icon-width: 24px;
    --icon-height: 24px;
    font-size: 14px;
    line-height: 18px;
  }

  .our-contacts__ask-question {
    margin-top: 0;
    margin-bottom: 0;
    grid-area: 2/1/3/2;
  }

  .our-contacts__ask-question-title {
    display: none;
  }
}

.our-contacts__ask-question-buttons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .our-contacts__ask-question-buttons {
    margin-top: 10px;
    gap: 12px;
  }
}

@media (min-width:1250px) {
  .our-contacts__ask-question-buttons {
    margin-top: 0;
    flex-direction: row;
    gap: 16px;
  }
}

.our-contacts__ask-question-button {
  width: 100%;
  height: 36px;
  justify-content: center;
  border-radius: 12px;
  padding-left: 22px;
  gap: 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
}

@media (min-width:1250px) {
  .our-contacts__ask-question-button {
    width: 157px;
    height: 48px;
    padding: 12px 0 13px 2px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 500;
    gap: 8px;
  }
}

.our-contacts__mosprom-footer {
  display: none;
}

.our-contacts__mosprom-footer-mob {
  display: block;
}

@media (min-width:992px) {
  .our-contacts__mosprom-footer {
    grid-column: 2/3;
    max-width: 500px;
    align-content: start;
    display: block;
  }

  .our-contacts__mosprom-footer-mob {
    display: none;
  }
}

.catalog-menu__cards {
  display: block;
}

.catalog-menu__cards-list.catalog-menu__card-categories {
  list-style: none;
  margin: 0 0 16px;
  padding: 0 16px;
  display: flex;
  gap: 16px;
}

.catalog-menu__cards-list.catalog-menu__card-categories.catalog-menu__card-categories--second {
  display: grid;
  grid-template-columns: repeat(5,[col] 1fr);
  grid-auto-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 16px;
}

.catalog-menu--cosmetics-mobile .catalog-menu__content,
.catalog-menu--medicine-mobile .catalog-menu__content,
.catalog-menu--mobile .catalog-menu__content {
  border-radius: 0;
  display: flex;
  flex-direction: column;
}

.catalog-menu--cosmetics-mobile .catalog-menu__cards,
.catalog-menu--medicine-mobile .catalog-menu__cards,
.catalog-menu--mobile .catalog-menu__cards {
  height: 100%;
}

.catalog-menu--cosmetics-mobile .catalog-menu__card,
.catalog-menu--medicine-mobile .catalog-menu__card,
.catalog-menu--mobile .catalog-menu__card {
  overflow: hidden;
}

.catalog-menu--cosmetics-mobile .catalog-menu__card-categories-nested,
.catalog-menu--cosmetics-mobile .catalog-menu__card-content,
.catalog-menu--medicine-mobile .catalog-menu__card-categories-nested,
.catalog-menu--medicine-mobile .catalog-menu__card-content,
.catalog-menu--mobile .catalog-menu__card-categories-nested,
.catalog-menu--mobile .catalog-menu__card-content {
  height: 100%;
}

.catalog-menu--cosmetics-mobile.catalog-menu--open,
.catalog-menu--medicine-mobile.catalog-menu--open,
.catalog-menu--mobile.catalog-menu--open {
  display: flex;
  width: 100%;
  max-height: calc(100vh - 68px);
  transition: max-height 1ms ease-in-out;
}

.catalog-menu--cosmetics-mobile.catalog-menu--open .catalog-menu__card-categories-wrapper,
.catalog-menu--medicine-mobile.catalog-menu--open .catalog-menu__card-categories-wrapper,
.catalog-menu--mobile.catalog-menu--open .catalog-menu__card-categories-wrapper {
  height: 100%;
}

.catalog-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
  width: 100%;
  height: 100vh;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1ms ease-in-out .6s;
}

@media (min-width:992px) {
  .catalog-menu--cosmetics-mobile.catalog-menu--open,
  .catalog-menu--medicine-mobile.catalog-menu--open,
  .catalog-menu--mobile.catalog-menu--open,
  .catalog-menu__cards {
    display: none;
  }

  .catalog-menu {
    top: 100%;
    max-height: 0;
    display: flex;
    justify-content: center;
    transition: max-height 50ms ease-in-out .5s;
  }

  .catalog-menu__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    height: 100vh;
    max-height: 0;
    background-color: rgba(78,89,147,.2);
    transition: max-height 1ms ease-in-out .6s;
  }

  .catalog-menu__backdrop::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: backdrop-filter .4s ease-in;
    transition: backdrop-filter .4s ease-in,-webkit-backdrop-filter .4s ease-in;
    -webkit-backdrop-filter: blur(10px) opacity(0);
    backdrop-filter: blur(10px) opacity(0);
  }
}

.catalog-menu__content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--white-color-rgb));
  box-sizing: border-box;
  z-index: 2;
  translate: 200vw 0;
  transition: translate .6s ease-in-out;
  max-width: 1240px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow-x: clip;
  overflow-y: auto;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #dcdfee;
}

@media (min-width:992px) {
  .catalog-menu__content {
    width: 95%;
    max-height: 0;
    translate: 0;
    padding: 0 0 0 40px;
    transition: max-height .6s ease-in-out,padding-top .3s ease-in-out .3s,padding-bottom .6s ease-in-out;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    box-sizing: border-box;
    height: 100%;
    overflow-y: clip;
  }

  .catalog-menu__head {
    display: none;
  }
}

@media (min-width:1250px) {
  .catalog-menu__content {
    width: 80%;
  }
}

.catalog-menu__head {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: rgb(var(--white-color-rgb));
  padding: 16px;
}

@media (max-width:374px) {
  .catalog-menu__cards-list.catalog-menu__card-categories,
  .catalog-menu__cards-list.catalog-menu__card-categories.catalog-menu__card-categories--second {
    padding: 0 10px;
  }

  .catalog-menu__head {
    padding: 16px 10px;
  }
}

.catalog-menu__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  background-color: rgb(var(--white-color-rgb));
  z-index: 104;
}

.catalog-menu__card-categories-back .nested-list__back-title,
.catalog-menu__title,
.v2 .catalog-menu__card-categories-back .nested-list__back-title {
  font-size: 24px;
  line-height: 31px;
  font-weight: 500;
}

@media (min-width:992px) {
  .catalog-menu__control {
    position: static;
  }

  .catalog-menu__card-categories-back .nested-list__back-title,
  .catalog-menu__title,
  .v2 .catalog-menu__card-categories-back .nested-list__back-title {
    display: none;
  }
}

.catalog-menu__close {
  height: 24px;
  width: 24px;
  padding: 0;
}

.catalog-menu__search {
  margin-top: 16px;
  --icon-color: #6a6d72;
}

.catalog-menu__search-fieldset {
  border: 1px solid #ced2e4;
  border-radius: 12px;
}

.catalog-menu__search-legend {
  color: #6a6d72;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.catalog-menu__card {
  border-radius: 12px;
  --card-bg: #edeef6;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
}

.catalog-menu__card-title {
  padding: 12px 12px 0;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
}

@media (min-width:992px) {
  .catalog-menu__card-title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }
}

.catalog-menu__card-button {
  padding: 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.catalog-menu__card-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #0a0c0f;
}

.catalog-menu__card-image {
  margin-left: auto;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  align-self: flex-end;
}

.catalog-menu__card-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  position: static;
  background-color: rgb(var(--white-color-rgb));
  width: 100%;
  box-sizing: border-box;
}

.catalog-menu__card-categories .catalog-menu__card-categories-icon {
  display: none;
}

.catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(9) {
  display: none;
}

@media (min-width:992px) {
  .catalog-menu__card-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .catalog-menu__card-image {
    display: none;
  }

  .catalog-menu__card {
    --card-bg: transparent;
  }

  .catalog-menu__card-title {
    color: #0a0c0f;
    padding: 0;
  }

  .catalog-menu__card-button {
    display: none;
  }

  .catalog-menu__card-categories {
    max-width: 283px;
    border-right: 1px solid #dcdfee;
  }

  .catalog-menu__card-categories .catalog-menu__card-categories-icon {
    display: block;
  }

  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(1),
  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(2),
  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(3),
  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(5) {
    display: none;
  }

  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(8) {
    order: -1;
  }

  .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(9) {
    display: flex;
  }
}

.catalog-menu__card-categories .nested-list__items-wrapper {
  display: grid;
  grid-template-columns: repeat(5,[col] 1fr);
  grid-auto-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 16px;
}

.catalog-menu__card-categories-back {
  --text-color: #0a0c0f;
  padding: 0;
  top: 0;
}

.catalog-menu__card-categories-nested {
  background-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .catalog-menu__card-categories .nested-list__items-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 12px 0 0;
    gap: 0;
  }

  .catalog-menu__card-categories-nested {
    width: 100%;
    min-width: 283px;
    max-width: 283px;
    left: 293px;
  }

  .catalog-menu__card-categories-nested::before {
    content: "";
    position: relative;
    top: 0;
    right: 0;
    width: 1px;
    height: 100vh;
    background-color: #dcdfee;
  }

  .catalog-menu__card-categories-nested .nested-list__items-wrapper {
    width: 100%;
    padding: 0 12px;
  }
}

.catalog-menu__card-categories-nested .nested-list__items-wrapper {
  flex-direction: column;
}

.catalog-menu__card-categories-nested-item {
  padding: 12px 16px;
  box-sizing: border-box;
}

.catalog-menu__card-categories-nested-item::after {
  display: block;
}

.catalog-menu__card-categories-wrapper {
  position: relative;
  height: 86%;
}

.catalog-menu__card-categories-item {
  grid-column: span 2;
  min-height: 150px;
}

@media (min-width:992px) and (min-width:992px) {
  .catalog-menu__card-categories-item.nested-list__node--link {
    padding: 0;
  }
}

.catalog-menu__card-categories-item:nth-child(4n+1),
.catalog-menu__card-categories-item:nth-child(4n-1)+.catalog-menu__card-categories-item {
  grid-column: span 3;
}

.catalog-menu__card-categories-item::after {
  display: none;
}

.catalog-menu__card-categories:first-of-type .nested-list__items-wrapper {
  display: flex;
  margin-bottom: 16px;
  gap: 16px;
  width: 100%;
}

.catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item {
  width: 100%;
  min-width: unset;
  grid-column: 0/0;
  min-height: 195px;
}

@media (min-width:992px) {
  .catalog-menu__card-categories-nested-item {
    background-color: rgb(var(--white-color-rgb));
    border-radius: 24px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
  }

  .catalog-menu__card-categories-nested-item .nested-list__node-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  .catalog-menu__card-categories-nested-item.nested-list__node--child-open,
  .catalog-menu__card-categories-nested-item:hover {
    --icon-color: #5f6db2;
    background-color: #edeef6;
  }

  .catalog-menu__card-categories-nested-item.nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .catalog-menu__card-categories-nested-item:hover>.catalog-menu__card-categories-nested {
    scrollbar-width: none;
    background: rgb(var(--white-color-rgb));
  }

  .catalog-menu__card-categories-nested-item.nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .catalog-menu__card-categories-nested-item:hover>.nested-list__node-content>.nested-list__node-title {
    color: #5f6db2;
  }

  .catalog-menu__card-categories-wrapper {
    height: 100%;
  }

  .catalog-menu__card-categories-item {
    min-height: 56px;
    background-color: rgb(var(--white-color-rgb));
    border-radius: 24px;
    padding: 16px;
    box-sizing: border-box;
  }

  .catalog-menu__card-categories-item.nested-list__node--link .card {
    --icon-color: #0a0c0f;
    padding: 16px;
  }

  .catalog-menu__card-categories-item.nested-list__node--link .card:hover {
    --icon-color: #5f6db2;
  }

  .catalog-menu__card-categories-item.nested-list__node--link .card:focus {
    outline: 0;
  }

  .catalog-menu__card-categories-item .nested-list__node--child-open,
  .catalog-menu__card-categories-item.nested-list__node--child-open,
  .catalog-menu__card-categories-item:hover {
    --icon-color: #5f6db2;
    background-color: #edeef6;
  }

  .catalog-menu__card-categories-item .nested-list__node--child-open .catalog-menu__card-title,
  .catalog-menu__card-categories-item .nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .catalog-menu__card-categories-item.nested-list__node--child-open .catalog-menu__card-title,
  .catalog-menu__card-categories-item.nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .catalog-menu__card-categories-item:hover .catalog-menu__card-title,
  .catalog-menu__card-categories-item:hover>.nested-list__node-content>.nested-list__node-title {
    color: #5f6db2;
  }

  .catalog-menu__card-categories-item .nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .catalog-menu__card-categories-item.nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .catalog-menu__card-categories-item:hover>.catalog-menu__card-categories-nested {
    scrollbar-width: none;
    background-color: rgb(var(--white-color-rgb));
  }

  .catalog-menu__card-categories-item::after {
    display: block;
  }

  .catalog-menu__card-categories:first-of-type .nested-list__items-wrapper {
    flex-direction: column;
    margin: 0;
    gap: 0;
  }

  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item {
    min-height: 56px;
  }

  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item.nested-list__node--child-open .catalog-menu__card-title,
  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item:hover .catalog-menu__card-title {
    color: #5f6db2;
  }
}

.catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card {
  --card-bg: #5f6db2;
  width: 100%;
}

.catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-title {
  padding: 12px 8px 0;
  color: rgb(var(--white-color-rgb));
}

.catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-button {
  --icon-color: rgb(var(--white-color-rgb));
  margin-top: -35px;
  gap: 4px;
  color: rgb(var(--white-color-rgb));
}

.catalog-menu__bestsellers {
  top: 23px;
  left: 355px;
  width: calc(100% - 353px);
  position: absolute;
  display: none;
  padding-right: 20px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card {
    --card-bg: transparent;
  }

  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-title {
    color: #0a0c0f;
    padding: 0;
  }

  .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-button {
    display: none;
  }

  .catalog-menu__bestsellers {
    display: block;
  }
}

.catalog-menu__bestsellers-cards-list {
  z-index: 0;
  margin: 24px 0 0;
  padding: 0 4px;
}

.catalog-menu__bestsellers-cards-list-arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  z-index: 2;
}

.catalog-menu__bestsellers-cards-list-arrows-right {
  margin-right: 6px;
}

.catalog-menu__bestsellers-cards-item.product-card {
  max-height: 507px;
  min-height: 507px;
}

.catalog-menu__bestsellers-cards-item.product-card>.product-card__content {
  padding: 15px 0 19px;
}

.catalog-menu--open,
.catalog-menu__bestsellers-cards-item.product-card .product-card__content-buttons-ozon,
.catalog-menu__bestsellers-cards-item.product-card .product-card__content-buttons-wildberries,
.catalog-menu__bestsellers-cards-item.product-card .product-card__content-collapsed-buttons {
  display: none;
}

@media (min-width:992px) {
  .catalog-menu--open {
    display: flex;
    width: 100%;
    max-height: calc(100vh - 128px);
    transition: max-height 1ms ease-in-out;
  }

  .catalog-menu--open .catalog-menu__card-categories-second {
    height: 100%;
  }
}

.catalog-menu--open .catalog-menu__content {
  translate: 0;
  border-top: 1px solid #e8e9eb;
}

@media (min-width:992px) {
  .catalog-menu--open .catalog-menu__content {
    padding: 23px 0 24px 40px;
    overflow: hidden;
    height: 100%;
    max-height: 600px;
    transition: max-height .6s ease-in-out,padding .1s ease-in-out;
  }
}

.catalog-menu--open .catalog-menu__backdrop {
  max-height: 100vh;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0,0,0);
  transform: translateZ(0);
  transition: max-height 1ms ease-in-out;
  cursor: pointer;
}

.catalog-menu--open .catalog-menu__backdrop::before {
  -webkit-backdrop-filter: blur(10px) opacity(1);
  backdrop-filter: blur(10px) opacity(1);
}

.v2 .catalog-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 201;
  width: 100%;
  height: 100vh;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1ms ease-in-out .6s;
}

@media (min-width:992px) {
  .v2 .catalog-menu {
    top: 100%;
    max-height: 0;
    display: flex;
    justify-content: center;
    transition: max-height 50ms ease-in-out .5s;
  }

  .v2 .catalog-menu__backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    height: 100vh;
    max-height: 0;
    background-color: rgba(78,89,147,.2);
    transition: max-height 1ms ease-in-out .6s;
  }

  .v2 .catalog-menu__backdrop::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: backdrop-filter .4s ease-in;
    transition: backdrop-filter .4s ease-in,-webkit-backdrop-filter .4s ease-in;
    -webkit-backdrop-filter: blur(10px) opacity(0);
    backdrop-filter: blur(10px) opacity(0);
  }
}

.v2 .catalog-menu__content {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--white-color-rgb));
  box-sizing: border-box;
  z-index: 2;
  translate: 200vw 0;
  transition: translate .6s ease-in-out;
  max-width: 1240px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  overflow-x: clip;
  overflow-y: auto;
  border-style: none solid solid;
  border-width: 1px;
  border-color: #dcdfee;
}

@media (min-width:992px) {
  .v2 .catalog-menu__content {
    width: 95%;
    max-height: 0;
    translate: 0;
    padding: 0 0 0 40px;
    transition: max-height .6s ease-in-out,padding-top .3s ease-in-out .3s,padding-bottom .6s ease-in-out;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    box-sizing: border-box;
    height: 100%;
    overflow-y: clip;
  }

  .v2 .catalog-menu__head {
    display: none;
  }
}

@media (min-width:1250px) {
  .catalog-menu--open {
    max-height: calc(100vh - 136px);
  }

  .v2 .catalog-menu__content {
    width: 80%;
  }
}

.v2 .catalog-menu__head {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: rgb(var(--white-color-rgb));
  padding: 16px;
}

@media (max-width:374px) {
  .v2 .catalog-menu__head {
    padding: 16px 10px;
  }
}

.v2 .catalog-menu__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  position: sticky;
  top: 0;
  background-color: rgb(var(--white-color-rgb));
  z-index: 104;
}

.catalog-menu__card-categories-back .v2 .nested-list__back-title,
.v2 .catalog-menu__card-categories-back .nested-list__back-title,
.v2 .catalog-menu__title {
  font-size: 24px;
  line-height: 31px;
  font-weight: 500;
}

@media (min-width:992px) {
  .v2 .catalog-menu__control {
    position: static;
  }

  .catalog-menu__card-categories-back .v2 .nested-list__back-title,
  .v2 .catalog-menu__card-categories-back .nested-list__back-title,
  .v2 .catalog-menu__title {
    display: none;
  }
}

.v2 .catalog-menu__close {
  height: 24px;
  width: 24px;
  padding: 0;
}

.v2 .catalog-menu__search {
  margin-top: 16px;
  --icon-color: #6a6d72;
}

.v2 .catalog-menu__search-fieldset {
  border: 1px solid #ced2e4;
  border-radius: 12px;
}

.v2 .catalog-menu__search-legend {
  color: #6a6d72;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.v2 .catalog-menu__card {
  border-radius: 12px;
  --card-bg: #edeef6;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  text-decoration: none;
  box-sizing: border-box;
}

.v2 .catalog-menu__card-title {
  padding: 12px 12px 0;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
}

@media (min-width:992px) {
  .v2 .catalog-menu__card-title {
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
  }
}

.v2 .catalog-menu__card-button {
  padding: 0 8px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}

.v2 .catalog-menu__card-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 4px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #0a0c0f;
}

.v2 .catalog-menu__card-image {
  margin-left: auto;
  height: -moz-max-content;
  height: max-content;
  width: -moz-max-content;
  width: max-content;
  align-self: flex-end;
}

.v2 .catalog-menu__card-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  position: static;
  background-color: rgb(var(--white-color-rgb));
  width: 100%;
  box-sizing: border-box;
}

.v2 .catalog-menu__card-categories .v2 .catalog-menu__card-categories-icon {
  display: none;
}

@media (min-width:992px) {
  .v2 .catalog-menu__card-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
  }

  .v2 .catalog-menu__card-image {
    display: none;
  }

  .v2 .catalog-menu__card {
    --card-bg: transparent;
  }

  .v2 .catalog-menu__card-title {
    color: #0a0c0f;
    padding: 0;
  }

  .v2 .catalog-menu__card-button {
    display: none;
  }

  .v2 .catalog-menu__card-categories {
    max-width: 283px;
    border-right: 1px solid #dcdfee;
  }

  .v2 .catalog-menu__card-categories .v2 .catalog-menu__card-categories-icon {
    display: block;
  }
}

.v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(9) {
  display: none;
}

.v2 .catalog-menu__card-categories .nested-list__items-wrapper {
  display: grid;
  grid-template-columns: repeat(5,[col] 1fr);
  grid-auto-rows: auto;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0 16px;
}

.v2 .catalog-menu__card-categories-back {
  --text-color: #0a0c0f;
  padding: 0;
  top: 0;
}

.v2 .catalog-menu__card-categories-nested {
  background-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(1),
  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(2),
  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(3),
  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(5) {
    display: none;
  }

  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(8) {
    order: -1;
  }

  .v2 .catalog-menu__card-categories-second .catalog-menu__card-categories-item:nth-child(9) {
    display: flex;
  }

  .v2 .catalog-menu__card-categories .nested-list__items-wrapper {
    display: flex;
    flex-direction: column;
    padding: 0 12px 0 0;
    gap: 0;
  }

  .v2 .catalog-menu__card-categories-nested {
    width: 100%;
    min-width: 283px;
    max-width: 283px;
    left: 293px;
  }

  .v2 .catalog-menu__card-categories-nested::before {
    content: "";
    position: relative;
    top: 0;
    right: 0;
    width: 1px;
    height: 100vh;
    background-color: #dcdfee;
  }

  .v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper {
    width: 100%;
    padding: 0 12px;
  }
}

.v2 .catalog-menu__card-categories-nested .nested-list__items-wrapper {
  flex-direction: column;
}

.v2 .catalog-menu__card-categories-nested-item {
  padding: 12px 16px;
  box-sizing: border-box;
}

.v2 .catalog-menu__card-categories-nested-item::after {
  display: block;
}

.v2 .catalog-menu__card-categories-wrapper {
  position: relative;
  height: 86%;
}

.v2 .catalog-menu__card-categories-item {
  min-height: 150px;
}

@media (min-width:992px) and (min-width:992px) {
  .v2 .catalog-menu__card-categories-item.nested-list__node--link {
    padding: 0;
  }
}

.v2 .catalog-menu__card-categories-item::after {
  display: none;
}

@media (min-width:992px) {
  .v2 .catalog-menu__card-categories-nested-item {
    background-color: rgb(var(--white-color-rgb));
    border-radius: 24px;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
  }

  .v2 .catalog-menu__card-categories-nested-item .nested-list__node-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  .v2 .catalog-menu__card-categories-nested-item.nested-list__node--child-open,
  .v2 .catalog-menu__card-categories-nested-item:hover {
    --icon-color: #5f6db2;
    background-color: #edeef6;
  }

  .v2 .catalog-menu__card-categories-nested-item.nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .v2 .catalog-menu__card-categories-nested-item:hover>.catalog-menu__card-categories-nested {
    scrollbar-width: none;
    background: rgb(var(--white-color-rgb));
  }

  .v2 .catalog-menu__card-categories-nested-item.nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .v2 .catalog-menu__card-categories-nested-item:hover>.nested-list__node-content>.nested-list__node-title {
    color: #5f6db2;
  }

  .v2 .catalog-menu__card-categories-wrapper {
    height: 100%;
  }

  .v2 .catalog-menu__card-categories-item {
    min-height: 56px;
    background-color: rgb(var(--white-color-rgb));
    border-radius: 24px;
    padding: 16px;
    box-sizing: border-box;
  }

  .v2 .catalog-menu__card-categories-item.nested-list__node--link .card {
    --icon-color: #0a0c0f;
    padding: 16px;
  }

  .v2 .catalog-menu__card-categories-item.nested-list__node--link .card:hover {
    --icon-color: #5f6db2;
  }

  .v2 .catalog-menu__card-categories-item.nested-list__node--link .card:focus {
    outline: 0;
  }

  .v2 .catalog-menu__card-categories-item .nested-list__node--child-open,
  .v2 .catalog-menu__card-categories-item.nested-list__node--child-open,
  .v2 .catalog-menu__card-categories-item:hover {
    --icon-color: #5f6db2;
    background-color: #edeef6;
  }

  .v2 .catalog-menu__card-categories-item .nested-list__node--child-open .catalog-menu__card-title,
  .v2 .catalog-menu__card-categories-item .nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .v2 .catalog-menu__card-categories-item.nested-list__node--child-open .catalog-menu__card-title,
  .v2 .catalog-menu__card-categories-item.nested-list__node--child-open>.nested-list__node-content>.nested-list__node-title,
  .v2 .catalog-menu__card-categories-item:hover .catalog-menu__card-title,
  .v2 .catalog-menu__card-categories-item:hover>.nested-list__node-content>.nested-list__node-title {
    color: #5f6db2;
  }

  .v2 .catalog-menu__card-categories-item .nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .v2 .catalog-menu__card-categories-item.nested-list__node--child-open>.catalog-menu__card-categories-nested,
  .v2 .catalog-menu__card-categories-item:hover>.catalog-menu__card-categories-nested {
    scrollbar-width: none;
    background-color: rgb(var(--white-color-rgb));
  }

  .v2 .catalog-menu__card-categories-item::after {
    display: block;
  }
}

.v2 .catalog-menu__card-categories-item.col-1 {
  grid-column: span 1;
}

.v2 .catalog-menu__card-categories-item.col-2 {
  grid-column: span 2;
}

.v2 .catalog-menu__card-categories-item.col-3 {
  grid-column: span 3;
}

.v2 .catalog-menu__card-categories-item.col-4 {
  grid-column: span 4;
}

.v2 .catalog-menu__card-categories-item.col-5 {
  grid-column: span 5;
}

.v2 .catalog-menu__card-categories-group-items {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  gap: 16px;
}

.v2 .catalog-menu__card-categories-group-items .catalog-menu__card-categories-item {
  flex: 1;
  overflow: hidden;
  height: 100%;
}

.v2 .catalog-menu__card-categories-group-items .catalog-menu__card-categories-item .catalog-menu__card-image {
  margin-left: unset;
}

.v2 .catalog-menu__card-categories-group-items.col-1 {
  grid-column: span 1;
}

.v2 .catalog-menu__card-categories-group-items.col-2 {
  grid-column: span 2;
}

.v2 .catalog-menu__card-categories-group-items.col-3 {
  grid-column: span 3;
}

.v2 .catalog-menu__card-categories-group-items.col-4 {
  grid-column: span 4;
}

.v2 .catalog-menu__card-categories-group-items.col-5 {
  grid-column: span 5;
}

.v2 .catalog-menu__card-categories:first-of-type .nested-list__items-wrapper {
  display: flex;
  margin-bottom: 16px;
  gap: 16px;
  width: 100%;
}

.v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item {
  width: 100%;
  min-width: unset;
  grid-column: 0/0;
  min-height: 195px;
}

.v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card {
  --card-bg: #5f6db2;
  width: 100%;
}

.v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-title {
  padding: 12px 8px 0;
  color: rgb(var(--white-color-rgb));
}

.v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-button {
  --icon-color: rgb(var(--white-color-rgb));
  margin-top: -35px;
  gap: 4px;
  color: rgb(var(--white-color-rgb));
}

.v2 .catalog-menu__bestsellers {
  top: 23px;
  left: 355px;
  width: calc(100% - 353px);
  position: absolute;
  display: none;
  padding-right: 20px;
  box-sizing: border-box;
}

@media (min-width:992px) {
  .v2 .catalog-menu__card-categories:first-of-type .nested-list__items-wrapper {
    flex-direction: column;
    margin: 0;
    gap: 0;
  }

  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item {
    min-height: 56px;
  }

  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item.nested-list__node--child-open .catalog-menu__card-title,
  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item:hover .catalog-menu__card-title {
    color: #5f6db2;
  }

  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card {
    --card-bg: transparent;
  }

  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-title {
    color: #0a0c0f;
    padding: 0;
  }

  .v2 .catalog-menu__card-categories:first-of-type .catalog-menu__card-categories-item .catalog-menu__card-button {
    display: none;
  }

  .v2 .catalog-menu__bestsellers {
    display: block;
  }
}

.v2 .catalog-menu__bestsellers-cards-list {
  z-index: 0;
  margin: 24px 0 0;
  padding: 0 4px;
}

.v2 .catalog-menu__bestsellers-cards-list-arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  z-index: 2;
}

.v2 .catalog-menu__bestsellers-cards-list-arrows-right {
  margin-right: 6px;
}

.v2 .catalog-menu__bestsellers-cards-item.product-card {
  max-height: 507px;
  min-height: 507px;
}

.v2 .catalog-menu__bestsellers-cards-item.product-card>.product-card__content {
  padding: 15px 0 19px;
}

.v2 .catalog-menu--open,
.v2 .catalog-menu__bestsellers-cards-item.product-card .product-card__content-buttons-ozon,
.v2 .catalog-menu__bestsellers-cards-item.product-card .product-card__content-buttons-wildberries,
.v2 .catalog-menu__bestsellers-cards-item.product-card .product-card__content-collapsed-buttons {
  display: none;
}

@media (min-width:992px) {
  .v2 .catalog-menu--open {
    display: flex;
    width: 100%;
    max-height: calc(100vh - 128px);
    transition: max-height 1ms ease-in-out;
  }

  .v2 .catalog-menu--open .catalog-menu__card-categories-second {
    height: 100%;
  }
}

@media (min-width:1250px) {
  .v2 .catalog-menu--open {
    max-height: calc(100vh - 136px);
  }
}

.v2 .catalog-menu--open .catalog-menu__content {
  translate: 0;
  border-top: 1px solid #e8e9eb;
}

@media (min-width:992px) {
  .v2 .catalog-menu--open .catalog-menu__content {
    padding: 23px 0 24px 40px;
    overflow: hidden;
    height: 100%;
    max-height: 555px;
    transition: max-height .6s ease-in-out,padding .1s ease-in-out;
  }
}

.v2 .catalog-menu--open .catalog-menu__backdrop {
  max-height: 100vh;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  transform: translate3d(0,0,0);
  transform: translateZ(0);
  transition: max-height 1ms ease-in-out;
  cursor: pointer;
}

.v2 .catalog-menu--open .catalog-menu__backdrop::before {
  -webkit-backdrop-filter: blur(10px) opacity(1);
  backdrop-filter: blur(10px) opacity(1);
}

.category-card {
  position: relative;
  display: block;
  width: 163.5px;
  height: 163.5px;
  text-decoration: none;
  overflow: hidden;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  box-sizing: border-box;
}

.category-card__image {
  width: 100%;
}

.category-card__title {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/category-card-polygon.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 0;
  display: flex;
  align-items: center;
  color: #0a0c0f;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  padding-left: 15px;
}

.category-card__title-text {
  margin-top: 3px;
}

@media (min-width:992px) {
  .category-card {
    width: 272px;
    height: 272px;
    border-radius: 24px;
  }

  .category-card__title {
    height: 94px;
    font-size: 18px;
    line-height: 23px;
    background-position-x: -40px;
  }

  .toggle-button-group {
    padding: 0 16px;
  }
}

.rating {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
}

.star {
  width: 20px;
  height: 20px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  margin-right: 2px;
  position: relative;
}

.star.full {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  border: none;
}

.star.partial {
  position: relative;
}

.star .star-filled {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-filled.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
}

.star .star-empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.star.empty {
  background-image: url("/local/templates/geltek2024/frontend/img/icons/star-empty.png");
  background-size: cover;
}

.rating__number {
  margin-left: 5px;
  color: #5f6db2;
}

.toggle-button-group {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 12px;
  height: 24px;
  box-sizing: border-box;
}

.toggle-button-group__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  border-radius: 8px;
  flex-shrink: 0;
  outline: #dcdfee solid 1px;
  border: none;
  box-sizing: border-box;
  height: inherit;
}

.toggle-button-group__button--selected {
  background-color: #5f6db2;
  color: rgb(var(--white-color-rgb))!important;
  border: none;
}

.toggle-button-group__button--selected:hover {
  --text-color: #5f6db2;
}

.toggle-button-group__hidden-count {
  text-decoration: none;
}