@charset "UTF-8";

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

.about-section__expertise-card .benefit-card__text .p--100,
.about-section__expertise-card .benefit-card__text .xs-sort-button,
.blockquote,
.careers-form__field input,
.careers-form__field textarea,
.careers-section__condition-item p,
.delivery-and-payment-section__tab-button,
.expandable-question__tab-button,
.feedback__input,
.feedback__textarea,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.p,
.p--100,
.p--80,
.p--90,
.promotion-form__field input,
.qa-section__tab-button,
.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,
.qa-section__tab-button {
  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;
}

.about-section__expertise-card .benefit-card__text .p--100,
.about-section__expertise-card .benefit-card__text .xs-sort-button,
.careers-form__field input,
.careers-form__field textarea,
.careers-section__condition-item p,
.delivery-and-payment-section__tab-button,
.expandable-question__tab-button,
.feedback__input,
.feedback__textarea,
.p,
.p--100,
.p--80,
.p--90,
.promotion-form__field input,
.xs-sort-button {
  font-size: 14px;
  line-height: 18px;
  font-style: normal;
}

.careers-form__field input,
.careers-form__field textarea,
.feedback__input,
.feedback__textarea,
.p--r,
.promotion-form__field input,
.xs-sort-button {
  font-weight: 400;
}

.delivery-and-payment-section__tab-button,
.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%;
}

.about-section__expertise-card .benefit-card__text .p--100,
.about-section__expertise-card .benefit-card__text .xs-sort-button,
.careers-form__field input,
.careers-form__field textarea,
.careers-section__condition-item p,
.delivery-and-payment-section__tab-button,
.expandable-question__tab-button,
.feedback__input,
.feedback__textarea,
.p--90,
.promotion-form__field input {
  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,
.lnk--L>span,
.lnk--M>span,
.lnk--S>span,
.promotion-form__file-btn,
.segmented-control-two-options__button {
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}

.btn-text--L,
.lnk--L>span,
.promotion-form__file-btn,
.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,
  .qa-section__tab-button {
    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;
  }

  .about-section__expertise-card .benefit-card__text .p--100,
  .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .careers-form__field input,
  .careers-form__field textarea,
  .careers-section__condition-item p,
  .delivery-and-payment-section__tab-button,
  .expandable-question__tab-button,
  .feedback__input,
  .feedback__textarea,
  .p,
  .p--100,
  .p--80,
  .p--90,
  .promotion-form__field input,
  .xs-sort-button {
    font-size: 16px;
    line-height: 21px;
  }

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

  .about-section__expertise-card .benefit-card__text .p--100,
  .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .careers-form__field input,
  .careers-form__field textarea,
  .careers-section__condition-item p,
  .delivery-and-payment-section__tab-button,
  .expandable-question__tab-button,
  .feedback__input,
  .feedback__textarea,
  .p--90,
  .promotion-form__field input {
    font-size: 14px;
    line-height: 130%;
  }

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

  .btn-text--L,
  .lnk--L>span,
  .promotion-form__file-btn,
  .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,
.direction-card__button,
.section-history__button,
.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,
.direction-card__button:link,
.direction-card__button:visited,
.section-history__button:link,
.section-history__button: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 {
  border: none;
}

.button--primary--light {
  --main-color: #5f6db2;
  --text-color: rgb(var(--white-color-rgb));
}

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

.button--primary--light:hover {
  transition: background-color .2s;
  --icon-color: #fff;
  --main-color: #4e5993;
}

.button--primary--light: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,
.direction-card__button,
.section-history__button,
.slider-navigation-next,
.slider-navigation-prev {
  --icon-color: var(--text-color);
  outline: 0;
}

.button--secondary--light,
.direction-card__button,
.slider-navigation-next,
.slider-navigation-prev {
  --border: solid 2px #5f6db2;
  --text-color: #5f6db2;
}

.button--secondary--light:link,
.button--secondary--light:visited,
.direction-card__button:link,
.direction-card__button:visited,
.slider-navigation-next:link,
.slider-navigation-next:visited,
.slider-navigation-prev:link,
.slider-navigation-prev:visited {
  color: #5f6db2;
}

.button--secondary--light:hover,
.direction-card__button:hover,
.slider-navigation-next:hover,
.slider-navigation-prev:hover {
  transition: background-color .2s;
  --main-color: #edeef6;
}

.button--secondary--light:active,
.direction-card__button:active,
.slider-navigation-next:active,
.slider-navigation-prev:active {
  transition: outline .2s;
  outline: #dcdfee solid 5px;
}

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

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

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

.button--secondary--dark:active,
.section-history__button: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,
.cosmetologist-service .btn_send__inner {
  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,
.cosmetologist-service .btn_send__inner: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,
.cosmetologist-service .btn_send__inner: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,
.cosmetologist-service .btn_send__inner>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,
.cosmetologist-service .btn_send__inner>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,
.cosmetologist-service .btn_send__inner: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,
.cosmetologist-service .btn_send__inner {
  font-size: 11px;
  height: 36px;
  padding-inline: 10px;
  line-height: 100%;
}

@media (min-width:1250px) {
  .btn--M,
  .cosmetologist-service .btn_send__inner {
    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,
.cosmetologist-service .btn_send__inner {
  width: 100%;
}

.btn-primary-light,
.cosmetologist-service .btn_send__inner {
  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,
.cosmetologist-service .btn_send__inner:link,
.cosmetologist-service .btn_send__inner:visited {
  color: rgb(var(--white-color-rgb));
}

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

.btn-primary-light:disabled,
.cosmetologist-service .btn_send__inner: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 .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 .icon {
  min-width: var(--icon-width);
}

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

.card--toast .card__message .careers-form__field input,
.card--toast .card__message .careers-form__field textarea,
.card--toast .card__message .careers-section__condition-item p,
.card--toast .card__message .delivery-and-payment-section__tab-button,
.card--toast .card__message .expandable-question__tab-button,
.card--toast .card__message .feedback__input,
.card--toast .card__message .feedback__textarea,
.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 .promotion-form__field input,
.card--toast .card__message .xs-sort-button,
.careers-form__field .card--toast .card__message input,
.careers-form__field .card--toast .card__message textarea,
.careers-section__condition-item .card--toast .card__message p,
.promotion-form__field .card--toast .card__message input {
  font-size: 14px;
}

.card--toast .card__message .careers-form__field input:not(:last-of-type),
.card--toast .card__message .careers-form__field textarea:not(:last-of-type),
.card--toast .card__message .careers-section__condition-item p:not(:last-of-type),
.card--toast .card__message .delivery-and-payment-section__tab-button:not(:last-of-type),
.card--toast .card__message .expandable-question__tab-button:not(:last-of-type),
.card--toast .card__message .feedback__input:not(:last-of-type),
.card--toast .card__message .feedback__textarea: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 .promotion-form__field input:not(:last-of-type),
.card--toast .card__message .xs-sort-button:not(:last-of-type),
.careers-form__field .card--toast .card__message input:not(:last-of-type),
.careers-form__field .card--toast .card__message textarea:not(:last-of-type),
.careers-section__condition-item .card--toast .card__message p:not(:last-of-type),
.promotion-form__field .card--toast .card__message input: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 .direction-card__button,
.card--toast .card__message .section-history__button,
.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.direction-card__button,
.card--toast .card__message-link.section-history__button,
.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 .icon {
  min-width: 24px;
}

.card--entity .card__content-worktime .careers-form__field input,
.card--entity .card__content-worktime .careers-form__field textarea,
.card--entity .card__content-worktime .careers-section__condition-item p,
.card--entity .card__content-worktime .delivery-and-payment-section__tab-button,
.card--entity .card__content-worktime .expandable-question__tab-button,
.card--entity .card__content-worktime .feedback__input,
.card--entity .card__content-worktime .feedback__textarea,
.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 .promotion-form__field input,
.card--entity .card__content-worktime .xs-sort-button,
.careers-form__field .card--entity .card__content-worktime input,
.careers-form__field .card--entity .card__content-worktime textarea,
.careers-section__condition-item .card--entity .card__content-worktime p,
.promotion-form__field .card--entity .card__content-worktime input {
  display: flex;
  flex-wrap: wrap;
}

.card--entity .card__content-worktime .careers-form__field input>span,
.card--entity .card__content-worktime .careers-form__field textarea>span,
.card--entity .card__content-worktime .careers-section__condition-item p>span,
.card--entity .card__content-worktime .delivery-and-payment-section__tab-button>span,
.card--entity .card__content-worktime .expandable-question__tab-button>span,
.card--entity .card__content-worktime .feedback__input>span,
.card--entity .card__content-worktime .feedback__textarea>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 .promotion-form__field input>span,
.card--entity .card__content-worktime .xs-sort-button>span,
.careers-form__field .card--entity .card__content-worktime input>span,
.careers-form__field .card--entity .card__content-worktime textarea>span,
.careers-section__condition-item .card--entity .card__content-worktime p>span,
.promotion-form__field .card--entity .card__content-worktime input>span {
  margin-right: 10px;
}

.card--entity .card__content-phone .careers-form__field input,
.card--entity .card__content-phone .careers-form__field textarea,
.card--entity .card__content-phone .careers-section__condition-item p,
.card--entity .card__content-phone .delivery-and-payment-section__tab-button,
.card--entity .card__content-phone .expandable-question__tab-button,
.card--entity .card__content-phone .feedback__input,
.card--entity .card__content-phone .feedback__textarea,
.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 .promotion-form__field input,
.card--entity .card__content-phone .xs-sort-button,
.careers-form__field .card--entity .card__content-phone input,
.careers-form__field .card--entity .card__content-phone textarea,
.careers-section__condition-item .card--entity .card__content-phone p,
.promotion-form__field .card--entity .card__content-phone input {
  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,
.card--entity .card__content-info .qa-section__tab-button {
  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 .direction-card__button,
.card--entity .card__content-info .section-history__button,
.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 .careers-form__field input,
.card--entity .card__content-info .careers-form__field textarea,
.card--entity .card__content-info .careers-section__condition-item p,
.card--entity .card__content-info .delivery-and-payment-section__tab-button,
.card--entity .card__content-info .expandable-question__tab-button,
.card--entity .card__content-info .feedback__input,
.card--entity .card__content-info .feedback__textarea,
.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 .promotion-form__field input,
.card--entity .card__content-info .xs-sort-button,
.careers-form__field .card--entity .card__content-info input,
.careers-form__field .card--entity .card__content-info textarea,
.careers-section__condition-item .card--entity .card__content-info p,
.promotion-form__field .card--entity .card__content-info input {
  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 .direction-card__button,
.card--entity .card__content-buttons .section-history__button,
.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,
  .card--entity .card__content-info .qa-section__tab-button {
    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%;
}

.careers-form__field .input--text .label input+input,
.careers-form__field .input--text .label input+textarea,
.careers-section__condition-item .input--text .label input+p,
.input--text .label .careers-form__field input+input,
.input--text .label .careers-form__field input+textarea,
.input--text .label .careers-section__condition-item input+p,
.input--text .label .promotion-form__field input+input,
.input--text .label input+.delivery-and-payment-section__tab-button,
.input--text .label input+.expandable-question__tab-button,
.input--text .label input+.feedback__input,
.input--text .label input+.feedback__textarea,
.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,
.promotion-form__field .input--text .label input+input {
  transition: .3s ease-out;
  color: #54565a;
}

.careers-form__field .input--text .label input:-webkit-autofill+input,
.careers-form__field .input--text .label input:-webkit-autofill+textarea,
.careers-section__condition-item .input--text .label input:-webkit-autofill+p,
.input--text .label .careers-form__field input:-webkit-autofill+input,
.input--text .label .careers-form__field input:-webkit-autofill+textarea,
.input--text .label .careers-section__condition-item input:-webkit-autofill+p,
.input--text .label .promotion-form__field input:-webkit-autofill+input,
.input--text .label input:-webkit-autofill+.delivery-and-payment-section__tab-button,
.input--text .label input:-webkit-autofill+.expandable-question__tab-button,
.input--text .label input:-webkit-autofill+.feedback__input,
.input--text .label input:-webkit-autofill+.feedback__textarea,
.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,
.promotion-form__field .input--text .label input:-webkit-autofill+input {
  translate: 0 -60%;
  font-size: 12px;
}

.careers-form__field .input--text .label input:autofill+input,
.careers-form__field .input--text .label input:autofill+textarea,
.careers-form__field .input--text .label input:focus+input,
.careers-form__field .input--text .label input:focus+textarea,
.careers-form__field .input--text .label input:focus-visible+input,
.careers-form__field .input--text .label input:focus-visible+textarea,
.careers-form__field .input--text .label input[value]:not([value=""])+input,
.careers-form__field .input--text .label input[value]:not([value=""])+textarea,
.careers-section__condition-item .input--text .label input:autofill+p,
.careers-section__condition-item .input--text .label input:focus+p,
.careers-section__condition-item .input--text .label input:focus-visible+p,
.careers-section__condition-item .input--text .label input[value]:not([value=""])+p,
.input--text .label .careers-form__field input:autofill+input,
.input--text .label .careers-form__field input:autofill+textarea,
.input--text .label .careers-form__field input:focus+input,
.input--text .label .careers-form__field input:focus+textarea,
.input--text .label .careers-form__field input:focus-visible+input,
.input--text .label .careers-form__field input:focus-visible+textarea,
.input--text .label .careers-form__field input[value]:not([value=""])+input,
.input--text .label .careers-form__field input[value]:not([value=""])+textarea,
.input--text .label .careers-section__condition-item input:autofill+p,
.input--text .label .careers-section__condition-item input:focus+p,
.input--text .label .careers-section__condition-item input:focus-visible+p,
.input--text .label .careers-section__condition-item input[value]:not([value=""])+p,
.input--text .label .promotion-form__field input:autofill+input,
.input--text .label .promotion-form__field input:focus+input,
.input--text .label .promotion-form__field input:focus-visible+input,
.input--text .label .promotion-form__field input[value]:not([value=""])+input,
.input--text .label input:autofill+.delivery-and-payment-section__tab-button,
.input--text .label input:autofill+.expandable-question__tab-button,
.input--text .label input:autofill+.feedback__input,
.input--text .label input:autofill+.feedback__textarea,
.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+.delivery-and-payment-section__tab-button,
.input--text .label input:focus+.expandable-question__tab-button,
.input--text .label input:focus+.feedback__input,
.input--text .label input:focus+.feedback__textarea,
.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+.delivery-and-payment-section__tab-button,
.input--text .label input:focus-visible+.expandable-question__tab-button,
.input--text .label input:focus-visible+.feedback__input,
.input--text .label input:focus-visible+.feedback__textarea,
.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=""])+.delivery-and-payment-section__tab-button,
.input--text .label input[value]:not([value=""])+.expandable-question__tab-button,
.input--text .label input[value]:not([value=""])+.feedback__input,
.input--text .label input[value]:not([value=""])+.feedback__textarea,
.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,
.promotion-form__field .input--text .label input:autofill+input,
.promotion-form__field .input--text .label input:focus+input,
.promotion-form__field .input--text .label input:focus-visible+input,
.promotion-form__field .input--text .label input[value]:not([value=""])+input {
  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;
}

.careers-form__field .input--text .label input,
.careers-form__field .input--text .label textarea,
.careers-section__condition-item .input--text .label p,
.input--text .label .careers-form__field input,
.input--text .label .careers-form__field textarea,
.input--text .label .careers-section__condition-item p,
.input--text .label .delivery-and-payment-section__tab-button,
.input--text .label .expandable-question__tab-button,
.input--text .label .feedback__input,
.input--text .label .feedback__textarea,
.input--text .label .p,
.input--text .label .p--100,
.input--text .label .p--80,
.input--text .label .p--90,
.input--text .label .promotion-form__field input,
.input--text .label .xs-sort-button,
.promotion-form__field .input--text .label input {
  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;
}

.cosmetologist-service .lk__content__oferta__check .custom-checkbox__input,
.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;
}

.cosmetologist-service .lk__content__oferta__check .custom-checkbox__input::before,
.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;
}

.cosmetologist-service .lk__content__oferta__check .custom-checkbox__input:checked,
.input--checkbox:checked {
  border: none;
}

.cosmetologist-service .lk__content__oferta__check .custom-checkbox__input:checked::before,
.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) {
  .careers-form__field .input--text .label input:-webkit-autofill+input,
  .careers-form__field .input--text .label input:-webkit-autofill+textarea,
  .careers-section__condition-item .input--text .label input:-webkit-autofill+p,
  .input--text .label .careers-form__field input:-webkit-autofill+input,
  .input--text .label .careers-form__field input:-webkit-autofill+textarea,
  .input--text .label .careers-section__condition-item input:-webkit-autofill+p,
  .input--text .label .promotion-form__field input:-webkit-autofill+input,
  .input--text .label input:-webkit-autofill+.delivery-and-payment-section__tab-button,
  .input--text .label input:-webkit-autofill+.expandable-question__tab-button,
  .input--text .label input:-webkit-autofill+.feedback__input,
  .input--text .label input:-webkit-autofill+.feedback__textarea,
  .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,
  .promotion-form__field .input--text .label input:-webkit-autofill+input {
    translate: 0 -50%;
  }

  .careers-form__field .input--text .label input:autofill+input,
  .careers-form__field .input--text .label input:autofill+textarea,
  .careers-form__field .input--text .label input:focus+input,
  .careers-form__field .input--text .label input:focus+textarea,
  .careers-form__field .input--text .label input:focus-visible+input,
  .careers-form__field .input--text .label input:focus-visible+textarea,
  .careers-form__field .input--text .label input[value]:not([value=""])+input,
  .careers-form__field .input--text .label input[value]:not([value=""])+textarea,
  .careers-section__condition-item .input--text .label input:autofill+p,
  .careers-section__condition-item .input--text .label input:focus+p,
  .careers-section__condition-item .input--text .label input:focus-visible+p,
  .careers-section__condition-item .input--text .label input[value]:not([value=""])+p,
  .input--text .label .careers-form__field input:autofill+input,
  .input--text .label .careers-form__field input:autofill+textarea,
  .input--text .label .careers-form__field input:focus+input,
  .input--text .label .careers-form__field input:focus+textarea,
  .input--text .label .careers-form__field input:focus-visible+input,
  .input--text .label .careers-form__field input:focus-visible+textarea,
  .input--text .label .careers-form__field input[value]:not([value=""])+input,
  .input--text .label .careers-form__field input[value]:not([value=""])+textarea,
  .input--text .label .careers-section__condition-item input:autofill+p,
  .input--text .label .careers-section__condition-item input:focus+p,
  .input--text .label .careers-section__condition-item input:focus-visible+p,
  .input--text .label .careers-section__condition-item input[value]:not([value=""])+p,
  .input--text .label .promotion-form__field input:autofill+input,
  .input--text .label .promotion-form__field input:focus+input,
  .input--text .label .promotion-form__field input:focus-visible+input,
  .input--text .label .promotion-form__field input[value]:not([value=""])+input,
  .input--text .label input:autofill+.delivery-and-payment-section__tab-button,
  .input--text .label input:autofill+.expandable-question__tab-button,
  .input--text .label input:autofill+.feedback__input,
  .input--text .label input:autofill+.feedback__textarea,
  .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+.delivery-and-payment-section__tab-button,
  .input--text .label input:focus+.expandable-question__tab-button,
  .input--text .label input:focus+.feedback__input,
  .input--text .label input:focus+.feedback__textarea,
  .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+.delivery-and-payment-section__tab-button,
  .input--text .label input:focus-visible+.expandable-question__tab-button,
  .input--text .label input:focus-visible+.feedback__input,
  .input--text .label input:focus-visible+.feedback__textarea,
  .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=""])+.delivery-and-payment-section__tab-button,
  .input--text .label input[value]:not([value=""])+.expandable-question__tab-button,
  .input--text .label input[value]:not([value=""])+.feedback__input,
  .input--text .label input[value]:not([value=""])+.feedback__textarea,
  .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,
  .promotion-form__field .input--text .label input:autofill+input,
  .promotion-form__field .input--text .label input:focus+input,
  .promotion-form__field .input--text .label input:focus-visible+input,
  .promotion-form__field .input--text .label input[value]:not([value=""])+input {
    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 .direction-card__button,
.input--file .input__file .section-history__button,
.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 .direction-card__button,
  .input--file .input__file .section-history__button,
  .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 .cosmetologist-service .lk__content__oferta__check,
#bx-soa-region .form-control,
.cosmetologist-service #bx-soa-region .lk__content__oferta__check,
.input[data-error]:not([data-error=""]):not([data-error=" "])::after {
  display: block;
}

.cosmetologist-service .lk__content__oferta__check,
.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) {
  .cosmetologist-service .lk__content__oferta__check,
  .form-control {
    font-size: 16px;
  }

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

.cosmetologist-service .form-control+.lk__content__oferta__check,
.cosmetologist-service .lk__content__oferta__check+.form-control,
.cosmetologist-service .lk__content__oferta__check+.lk__content__oferta__check,
.form-control+.form-control {
  margin-top: 16px;
}

.cosmetologist-service .lk__content__oferta__check:hover,
.form-control:hover {
  color: #5f6db2;
}

.cosmetologist-service .lk__content__oferta__check .form-control:hover>.custom-checkbox__input,
.cosmetologist-service .lk__content__oferta__check:hover>.custom-checkbox__input,
.cosmetologist-service .lk__content__oferta__check:hover>.input--checkbox,
.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;
}

@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;
}

.about-section__expertise-card .benefit-card__text .blockquote__text.p--100,
.about-section__expertise-card .benefit-card__text .blockquote__text.xs-sort-button,
.blockquote__text.delivery-and-payment-section__tab-button,
.blockquote__text.expandable-question__tab-button,
.blockquote__text.feedback__input,
.blockquote__text.feedback__textarea,
.blockquote__text.p--100,
.blockquote__text.p--80,
.blockquote__text.p--90,
.blockquote__text.xs-sort-button,
.careers-form__field input.blockquote__text,
.careers-form__field textarea.blockquote__text,
.careers-section__condition-item p.blockquote__text,
.p.blockquote__text,
.promotion-form__field input.blockquote__text,
q.blockquote__text {
  position: relative;
  display: inline;
  font-size: 18px;
  line-height: 23px;
  font-weight: 400;
}

.about-section__expertise-card .benefit-card__text .blockquote__text--selected.p--100,
.about-section__expertise-card .benefit-card__text .blockquote__text--selected.xs-sort-button,
.blockquote__text--selected.delivery-and-payment-section__tab-button,
.blockquote__text--selected.expandable-question__tab-button,
.blockquote__text--selected.feedback__input,
.blockquote__text--selected.feedback__textarea,
.blockquote__text--selected.p--100,
.blockquote__text--selected.p--80,
.blockquote__text--selected.p--90,
.blockquote__text--selected.xs-sort-button,
.careers-form__field input.blockquote__text--selected,
.careers-form__field textarea.blockquote__text--selected,
.careers-section__condition-item p.blockquote__text--selected,
.p.blockquote__text--selected,
.promotion-form__field input.blockquote__text--selected,
q.blockquote__text--selected {
  color: #5f6db2;
}

.about-section__expertise-card .benefit-card__text .blockquote__text.p--100::before,
.about-section__expertise-card .benefit-card__text .blockquote__text.xs-sort-button::before,
.blockquote__text.delivery-and-payment-section__tab-button::before,
.blockquote__text.expandable-question__tab-button::before,
.blockquote__text.feedback__input::before,
.blockquote__text.feedback__textarea::before,
.blockquote__text.p--100::before,
.blockquote__text.p--80::before,
.blockquote__text.p--90::before,
.blockquote__text.xs-sort-button::before,
.careers-form__field input.blockquote__text::before,
.careers-form__field textarea.blockquote__text::before,
.careers-section__condition-item p.blockquote__text::before,
.p.blockquote__text::before,
.promotion-form__field input.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");
}

.about-section__expertise-card .benefit-card__text .blockquote__text.p--100::after,
.about-section__expertise-card .benefit-card__text .blockquote__text.xs-sort-button::after,
.blockquote__text.delivery-and-payment-section__tab-button::after,
.blockquote__text.expandable-question__tab-button::after,
.blockquote__text.feedback__input::after,
.blockquote__text.feedback__textarea::after,
.blockquote__text.p--100::after,
.blockquote__text.p--80::after,
.blockquote__text.p--90::after,
.blockquote__text.xs-sort-button::after,
.careers-form__field input.blockquote__text::after,
.careers-form__field textarea.blockquote__text::after,
.careers-section__condition-item p.blockquote__text::after,
.p.blockquote__text::after,
.promotion-form__field input.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;
  }

  .about-section__expertise-card .benefit-card__text .blockquote__text.p--100,
  .about-section__expertise-card .benefit-card__text .blockquote__text.xs-sort-button,
  .blockquote__text.delivery-and-payment-section__tab-button,
  .blockquote__text.expandable-question__tab-button,
  .blockquote__text.feedback__input,
  .blockquote__text.feedback__textarea,
  .blockquote__text.p--100,
  .blockquote__text.p--80,
  .blockquote__text.p--90,
  .blockquote__text.xs-sort-button,
  .careers-form__field input.blockquote__text,
  .careers-form__field textarea.blockquote__text,
  .careers-section__condition-item p.blockquote__text,
  .p.blockquote__text,
  .promotion-form__field input.blockquote__text,
  q.blockquote__text {
    font-size: 26px;
    line-height: 34px;
    font-weight: 400;
  }

  .about-section__expertise-card .benefit-card__text .blockquote__text.p--100::before,
  .about-section__expertise-card .benefit-card__text .blockquote__text.xs-sort-button::before,
  .blockquote__text.delivery-and-payment-section__tab-button::before,
  .blockquote__text.expandable-question__tab-button::before,
  .blockquote__text.feedback__input::before,
  .blockquote__text.feedback__textarea::before,
  .blockquote__text.p--100::before,
  .blockquote__text.p--80::before,
  .blockquote__text.p--90::before,
  .blockquote__text.xs-sort-button::before,
  .careers-form__field input.blockquote__text::before,
  .careers-form__field textarea.blockquote__text::before,
  .careers-section__condition-item p.blockquote__text::before,
  .p.blockquote__text::before,
  .promotion-form__field input.blockquote__text::before,
  q.blockquote__text::before {
    top: -5px;
    left: -20px;
  }
}

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

  .about-section__mission .blockquote__text::before {
    left: -8px;
  }
}

.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;
  }
}

.cosmetologist-service .custom_file .custom_file__fake,
.lnk,
a {
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  cursor: pointer;
}

.cosmetologist-service .custom_file .custom_file__fake,
.cosmetologist-service .custom_file .custom_file__fake a,
.lnk,
.lnk a,
a {
  color: inherit;
  text-decoration: none;
  font-weight: 400;
  font-style: normal;
}

.cosmetologist-service .custom_file .custom_file__fake>span,
.lnk>span,
a>span {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.lnk--L {
  height: 24px;
}

.lnk--S {
  gap: 0;
}

.cosmetologist-service .custom_file .custom_file__fake,
.lnk--light,
a {
  --icon-color: #5f6db2;
  color: #5f6db2;
}

.cosmetologist-service .custom_file .custom_file__fake>span:after,
.lnk--light>span:after,
a>span:after {
  background: #5f6db2;
}

.cosmetologist-service .custom_file .custom_file__fake:hover,
.lnk--light:hover,
a:hover {
  --icon-color: #4e5993;
  color: #4e5993;
}

.cosmetologist-service .custom_file .custom_file__fake: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));
}

.cosmetologist-service .custom_file .custom_file__fake: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;
}

.modal-add-address-content,
.modal-add-address-content__result-search,
.scrollbar {
  scrollbar-width: 4px;
}

.modal-add-address-content::-webkit-scrollbar,
.modal-add-address-content__result-search::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.modal-add-address-content::-webkit-scrollbar-track,
.modal-add-address-content__result-search::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track {
  background-color: #edeef6;
  border-radius: 4px;
}

.modal-add-address-content::-webkit-scrollbar-thumb,
.modal-add-address-content__result-search::-webkit-scrollbar-thumb,
.scrollbar::-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;
  }

  .modal-add-address-content,
  .modal-add-address-content__result-search,
  .scrollbar {
    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;
}

.about-section__expertise-card .benefit-card__text .input--textarea textarea+.p--100,
.about-section__expertise-card .benefit-card__text .input--textarea textarea+.xs-sort-button,
.careers-form__field .input--textarea textarea+input,
.careers-form__field .input--textarea textarea+textarea,
.careers-section__condition-item .input--textarea textarea+p,
.input--textarea .about-section__expertise-card .benefit-card__text textarea+.p--100,
.input--textarea .about-section__expertise-card .benefit-card__text textarea+.xs-sort-button,
.input--textarea .careers-form__field textarea+input,
.input--textarea .careers-form__field textarea+textarea,
.input--textarea .careers-section__condition-item textarea+p,
.input--textarea .promotion-form__field textarea+input,
.input--textarea textarea+.delivery-and-payment-section__tab-button,
.input--textarea textarea+.expandable-question__tab-button,
.input--textarea textarea+.feedback__input,
.input--textarea textarea+.feedback__textarea,
.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,
.promotion-form__field .input--textarea textarea+input {
  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;
}

@media (min-width:992px) {
  .about-section__expertise-card .benefit-card__text .input--textarea textarea+.p--100,
  .about-section__expertise-card .benefit-card__text .input--textarea textarea+.xs-sort-button,
  .careers-form__field .input--textarea textarea+input,
  .careers-form__field .input--textarea textarea+textarea,
  .careers-section__condition-item .input--textarea textarea+p,
  .input--textarea .about-section__expertise-card .benefit-card__text textarea+.p--100,
  .input--textarea .about-section__expertise-card .benefit-card__text textarea+.xs-sort-button,
  .input--textarea .careers-form__field textarea+input,
  .input--textarea .careers-form__field textarea+textarea,
  .input--textarea .careers-section__condition-item textarea+p,
  .input--textarea .promotion-form__field textarea+input,
  .input--textarea textarea,
  .input--textarea textarea+.delivery-and-payment-section__tab-button,
  .input--textarea textarea+.expandable-question__tab-button,
  .input--textarea textarea+.feedback__input,
  .input--textarea textarea+.feedback__textarea,
  .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,
  .promotion-form__field .input--textarea textarea+input {
    font-size: 14px;
    line-height: 18px;
  }
}

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

.careers-form__field .input--textarea textarea:focus+input,
.careers-form__field .input--textarea textarea:focus+textarea,
.careers-form__field .input--textarea textarea[value]:not([value=""])+input,
.careers-form__field .input--textarea textarea[value]:not([value=""])+textarea,
.careers-section__condition-item .input--textarea textarea:focus+p,
.careers-section__condition-item .input--textarea textarea[value]:not([value=""])+p,
.input--textarea .careers-form__field textarea:focus+input,
.input--textarea .careers-form__field textarea:focus+textarea,
.input--textarea .careers-form__field textarea[value]:not([value=""])+input,
.input--textarea .careers-form__field textarea[value]:not([value=""])+textarea,
.input--textarea .careers-section__condition-item textarea:focus+p,
.input--textarea .careers-section__condition-item textarea[value]:not([value=""])+p,
.input--textarea .promotion-form__field textarea:focus+input,
.input--textarea .promotion-form__field textarea[value]:not([value=""])+input,
.input--textarea textarea:focus+.delivery-and-payment-section__tab-button,
.input--textarea textarea:focus+.expandable-question__tab-button,
.input--textarea textarea:focus+.feedback__input,
.input--textarea textarea:focus+.feedback__textarea,
.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=""])+.delivery-and-payment-section__tab-button,
.input--textarea textarea[value]:not([value=""])+.expandable-question__tab-button,
.input--textarea textarea[value]:not([value=""])+.feedback__input,
.input--textarea textarea[value]:not([value=""])+.feedback__textarea,
.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,
.promotion-form__field .input--textarea textarea:focus+input,
.promotion-form__field .input--textarea textarea[value]:not([value=""])+input {
  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;
}

.about-section__directions-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .about-section__about-wrapper {
    padding-top: 24px;
  }

  .about-section__directions-wrapper {
    gap: 40px;
  }
}

.about-section__directions-title {
  display: grid;
  grid-template-columns: 1fr;
  align-items: flex-start;
  gap: 16px;
  z-index: 1;
}

.about-section__directions-title>p {
  padding-block: 0;
}

.about-section__mission>.container {
  background: rgb(var(--white-color-rgb));
}

.about-section__mission-wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (min-width:992px) {
  .about-section__directions-title {
    grid-template-columns: 1fr 1fr;
  }

  .about-section__directions-title>p {
    padding-block: 12px;
  }

  .about-section__mission-wrapper {
    gap: 72px;
  }

  .about-section__mission-goal {
    max-height: 510px;
  }
}

.about-section__mission-goal {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr;
  flex-direction: column-reverse;
  align-items: center;
  gap: 16px;
}

.about-section__mission-goal>img {
  width: 100%;
}

@media (min-width:576px) {
  .about-section__mission-goal {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    justify-content: space-between;
    gap: 25px;
  }

  .about-section__mission-goal>img {
    width: 100%;
    max-width: 537px;
    -o-object-fit: contain;
    object-fit: contain;
    grid-row: 1;
  }
}

.about-section__mission-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  z-index: 1;
  grid-row: 1;
}

.about-section__mission-title>blockquote>p>strong {
  color: #5f6db2;
}

@media (min-width:992px) {
  .about-section__mission-title {
    gap: 32px;
  }

  .about-section__mission-title>blockquote {
    padding-left: 24px;
  }

  .about-section__mission-title>blockquote>p {
    min-height: 300px;
    display: block;
  }
}

.about-section__mission-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-section__benefits {
  margin-top: 3px;
}

@media (max-width:576px) {
  .about-section__benefits {
    margin-top: 0;
  }

  .about-section__benefits>.container {
    padding: 0 0 0 16px;
  }

  .about-section-history .section-history__wrapper {
    min-height: 455px;
  }

  .about-section-history .section-history__wrapper>picture:nth-child(2)>img {
    height: 360px;
  }
}

.about-section__benefits-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.about-section__benefits-list {
  display: flex;
  width: 100%;
  gap: 24px;
  overflow-x: auto;
}

.about-section__benefits-list::-webkit-scrollbar {
  height: 0;
}

.about-section__benefits-card {
  max-width: 240px;
  min-height: 340px;
}

@media (min-width:576px) {
  .about-section__benefits-list {
    display: grid;
    grid-template-columns: auto auto;
  }

  .about-section__benefits-card {
    width: 100%;
    max-width: 100%;
    min-height: unset;
  }
}

.about-section__overview-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.about-section__factory>.container {
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .about-section__benefits-list {
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto auto;
  }

  .about-section__benefits-card:nth-child(1),
  .about-section__benefits-card:nth-child(2) {
    grid-column: span 2;
  }

  .about-section__overview-wrapper {
    gap: 24px;
  }

  .about-section__factory>.container {
    background: 0 0;
  }
}

.about-section__factory-wrapper {
  display: flex;
  flex-direction: column;
  padding-block: 16px;
  gap: 10px;
}

@media (min-width:992px) {
  .about-section__factory-wrapper {
    padding-block: 0;
    gap: 24px;
  }
}

.about-section__factory-content {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width:576px) {
  .about-section__factory-content {
    background: rgb(var(--white-color-rgb));
    grid-template-columns: auto 1fr;
    padding: 24px;
    border-radius: 24px;
    overflow: hidden;
    gap: 40px;
  }
}

.about-section__factory-video {
  position: relative;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  overflow: hidden;
  max-height: 187px;
  border-radius: 8px;
  scrollbar-gutter: unset;
}

.about-section__factory-video>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 20%;
  object-position: 20%;
}

@media (min-width:992px) {
  .about-section__factory-video {
    max-height: unset;
  }

  .about-section__factory-video>img {
    -o-object-position: center;
    object-position: center;
    width: 100%;
    max-width: 592px;
    border-radius: 24px;
  }
}

.about-section__factory-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 40px;
  background: rgba(95,109,178,.5);
}

.about-section__factory-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
}

.about-section__factory-text>p {
  max-width: 457px;
}

.about-section__expertise {
  padding-top: 8px;
}

.about-section__expertise>.container {
  background: rgb(var(--white-color-rgb));
}

.about-section__expertise-wrapper {
  display: flex;
  flex-direction: column;
  gap: 23px;
}

@media (min-width:992px) {
  .about-section__expertise {
    padding-top: 0;
  }

  .about-section__expertise-wrapper {
    gap: 40px;
  }
}

.about-section__expertise-title {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media (min-width:992px) {
  .about-section__expertise-title {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-title>p {
    padding-block: 11px;
  }
}

.about-section__expertise-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-section__expertise-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  scrollbar-gutter: unset;
  max-height: 270px;
}

.about-section__expertise-img>picture>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

@media (min-width:576px) {
  .about-section__expertise-img {
    border-radius: 24px;
    max-height: 350px;
  }

  .about-section__expertise-img>picture>img {
    -o-object-position: bottom;
    object-position: bottom;
  }
}

@media (min-width:992px) {
  .about-section__expertise-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-img {
    max-height: 614px;
  }
}

.about-section__expertise-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.about-section__expertise-card {
  padding: 15px;
}

.modal-certificates {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity .3s,visibility .3s;
}

.modal-certificates__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
}

.modal-certificates__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  aspect-ratio: 1;
  --icon-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .modal-certificates__close {
    top: 20px;
    right: 20px;
    width: 48px;
  }
}

.modal-certificates.is-open {
  opacity: 1;
  visibility: visible;
}

.modal-certificates__content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(.8);
  transition: transform .3s;
}

.modal-certificates.is-open .modal-certificates__content {
  transform: scale(1);
}

.modal-certificates__swiper {
  width: 100%;
  height: 90%;
}

.modal-certificates__swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-certificates__swiper .swiper-slide img {
  cursor: grab;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal-certificates__swiper .swiper-slide img:active {
  cursor: grabbing;
}

.modal-certificates__pagination {
  position: absolute;
  top: 20px;
  left: 40px;
  transform: translateX(-50%);
  color: #888;
  font-size: 18px;
  z-index: 1010;
}

.modal-certificates__button {
  position: absolute;
  top: 50%;
  border-radius: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #272727;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1010;
  color: #fff;
}

.modal-certificates__button--prev {
  left: 20px;
}

.modal-certificates__button--next {
  right: 20px;
}

.modal-certificates__button,
.modal-certificates__pagination {
  opacity: 0;
  transition: opacity .3s;
}

.modal-certificates.show-controls .modal-certificates__button,
.modal-certificates.show-controls .modal-certificates__pagination {
  opacity: 1;
}

.about-section__invite {
  margin-top: 2px;
}

.about-section__invite-card {
  min-height: 210px;
}

.about-section__invite-card .h4,
.about-section__invite-card .qa-section__tab-button {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.about-section__invite-card p {
  max-width: 183px;
}

.about-section__invite-card .direction-card__background {
  min-width: 141px;
}

.about-section__invite-card .direction-card__button {
  padding: 6px;
}

@media (min-width:576px) {
  .about-section__expertise-list {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .about-section__expertise-card {
    padding: 31px 23px;
  }

  .about-section__invite-card .direction-card__button {
    padding: 12px 16px 12px 20px;
    border-radius: 16px;
  }
}

.about-section__invite-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

@media (min-width:992px) {
  .about-section__invite-card {
    height: 100%;
    max-height: 238px;
  }

  .about-section__invite-card .h4,
  .about-section__invite-card .qa-section__tab-button {
    font-size: 24px;
  }

  .about-section__invite-card p {
    max-width: 370px;
    min-height: 48px;
  }

  .about-section__invite-card .direction-card__background {
    min-width: unset;
  }

  .about-section__invite-list {
    flex-direction: row;
  }
}

.about-section-history .section-history__wrapper {
  overflow: hidden;
}

@media (max-width:374px) {
  .about-section__invite-card .direction-card__background {
    max-width: 90px;
    min-width: 90px;
  }

  .about-section-history .section-history__wrapper {
    min-height: 455px;
  }

  .about-section-history .section-history__wrapper>picture:nth-child(2)>img {
    height: 400px;
  }
}

.history-section__shape--bottom {
  border-radius: 0 0 24px 24px;
  padding: 24px 0 32px;
}

@media (min-width:992px) {
  .history-section__shape--bottom {
    padding: 72px 0;
    border-radius: 0 0 40px 40px;
  }
}

.history-section,
.history-section .section-about__content,
.history-section .section-about__text {
  gap: 20px;
}

.history-section__history-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  padding: 32px 0 36px;
  gap: 48px;
}

@media (min-width:992px) {
  .history-section__history-wrapper {
    grid-template-columns: 667px 1fr;
    flex-direction: row;
    padding: 0 0 72px;
    gap: 122px;
  }

  .history-section__hiring {
    margin-top: 24px;
  }
}

.history-section__history-list {
  display: flex;
  flex-direction: column;
}

.history-section__history-list--gap {
  gap: 20px;
}

.history-section__hiring {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding-bottom: 20px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid #dcdfee;
}

.history-section__hiring-img {
  width: 100%;
  height: 100%;
  max-height: 250px;
  overflow: hidden;
  scrollbar-gutter: unset;
}

.history-section__hiring-img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (min-width:576px) {
  .history-section__hiring-img {
    max-height: 400px;
  }
}

.history-section__hiring-content {
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding-inline: 16px;
}

.history-section__hiring-content>button {
  --icon-color: #54565a;
  padding: 0;
}

.history-section__hiring-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.history-section__business {
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  border: 1px solid #dcdfee;
}

.history-section__business-img {
  display: flex;
  justify-content: flex-start;
}

.history-section__business-img>img {
  width: 64px;
  height: 64px;
}

.history-section__business-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.history-section__business-content>button {
  width: 100%;
  display: flex;
  justify-content: center;
}

.history-section__business-text {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.detail__inner {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
}

@media (min-width:992px) {
  .detail__inner {
    grid-template-columns: 567px auto;
    grid-gap: 24px;
  }
}

@media (min-width:1250px) {
  .section-banner>.history-section__banner-position {
    -o-object-position: 0 37%;
    object-position: 0 37%;
  }

  .detail__inner {
    grid-template-columns: 667px auto;
    grid-gap: 24px;
  }
}

.detail__info {
  order: 2;
}

.detail__slider {
  margin-bottom: 47px;
  display: none;
  position: relative;
}

@media (min-width:992px) {
  .detail__info {
    order: 1;
  }

  .detail__slider {
    display: block;
  }
}

.detail__slider.for-adult img {
  filter: blur(50px);
}

.detail__slider.for-adult .detail__slider-main-item {
  position: relative;
}

.detail__slider.for-adult .detail__slider-main-item::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;
}

.detail__slider.hidden {
  display: none;
}

.detail .ap514 :is(.aplaut-bg-background_primary) {
  background: 0 0!important;
}

.detail .aplaut-mb-1.aplaut-mb-md {
  padding: 15px;
}

.detail__slider-zoom {
  position: absolute;
  width: 100%;
  aspect-ratio: 1/1;
  height: auto;
  top: 0;
  left: 0;
  border-radius: 100%;
  pointer-events: none;
  transform: translateX(-150px);
}

.detail__slider-zoom:has(.magnifier-large:not(.hidden)) {
  border: 1px solid #dcdfee;
}

.detail__slider-main {
  position: relative;
  margin-bottom: 18px;
}

.detail__slider-main .swiper-slide {
  height: -moz-max-content;
  height: max-content;
  visibility: hidden;
}

.detail__slider-main .swiper-slide-active {
  visibility: visible;
}

.detail__slider-main-item {
  width: 100%;
  height: auto;
}

.detail__slider-main-img {
  overflow: hidden;
  border-radius: 24px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.detail__slider-main-fav {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: none;
  padding: 0;
  width: 48px;
  aspect-ratio: 1;
  background-color: transparent;
}

.detail__slider-main-fav .icon-heart-filled {
  --icon-color: #5f6db2;
}

.detail__slider-main-fav-icon {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #999b9f;
}

.detail__slider-main-fav-icon:hover {
  --icon-color: #5f6db2;
}

.detail__slider-thumbs {
  position: relative;
}

.detail__slider-thumbs .swiper-slide {
  width: auto;
}

.detail__slider-thumbs .swiper-slide-thumb-active .detail__slider-thumbs-item {
  border-color: #5f6db2;
}

.detail__slider-thumbs .swiper-slide-thumb-active .detail__slider-thumbs-item::after {
  opacity: 0;
}

.detail__slider-thumbs-item {
  position: relative;
  overflow: hidden;
  border: 2px solid #dcdfee;
  border-radius: 16px;
  width: 60px;
  aspect-ratio: 1;
  cursor: pointer;
}

.detail__slider-thumbs-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.2);
}

.detail__slider-thumbs-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.detail__slider-main-controls-next {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
}

.detail__slider-main-tags {
  position: absolute;
  z-index: 1;
  left: 24px;
  top: 24px;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.detail__slider-main-tag {
  border: 1px solid #dcdfee;
  border-radius: 8px;
  padding: 4px 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  color: #141313;
  background: #fff;
  text-decoration: none;
}

.detail__slider-main-tag--filled {
  color: #fff;
  border-color: #8a98db;
  background: #8a98db;
}

.detail__accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.detail__accordion-item {
  position: relative;
  border: 1.5px solid #dcdfee;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.detail__accordion-item--active .detail__accordion-item-content {
  max-height: none;
}

.detail__accordion-item--active .detail__accordion-item-icon::after {
  transform: translate(-50%,-50%);
}

.detail__accordion-item--smooth .detail__accordion-item-content {
  transition: max-height .5s ease-in-out;
}

.detail__accordion-item-icon {
  position: absolute;
  right: 16px;
  top: 15px;
  width: 24px;
  aspect-ratio: 1;
}

@media (min-width:768px) {
  .detail__inner {
    grid-gap: 24px;
  }

  .detail__accordion {
    gap: 40px;
  }

  .detail__accordion-item {
    border: none;
    border-radius: 0;
    background: 0 0;
  }

  .detail__accordion-item-icon {
    display: none;
  }
}

.detail__accordion-item-icon::after,
.detail__accordion-item-icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  height: 2px;
  width: 16px;
  background-color: #0a0a0b;
  transform: translate(-50%,-50%);
}

.detail__accordion-item-icon::after {
  content: "";
  transform: translate(-50%,-50%) rotate(90deg);
  transition: transform .2s ease-in-out;
}

.detail__accordion-item-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-in-out;
}

.detail__accordion-item-name {
  padding: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .detail__accordion-item-content {
    max-height: none;
  }

  .detail__accordion-item-name {
    margin-bottom: 24px;
    padding: 0;
    font-size: 24px;
  }
}

.detail__accordion-item-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #dcdfee;
  padding: 14px 28px 27px;
}

@media (min-width:768px) {
  .detail__accordion-item-inner {
    gap: 24px;
    padding: 0 0 20px;
  }
}

.detail__accordion-group {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

.detail__accordion-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-text p:first-child {
  margin-top: 0;
}

.detail__accordion-text p:not(:last-child) {
  margin-bottom: 23px;
}

.detail__accordion-text a {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #5f6db2;
}

.detail__accordion-desc-shorter {
  overflow: hidden;
}

.detail__accordion-desc-shorter--short {
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
}

@media (min-width:768px) {
  .detail__accordion-group {
    gap: 12px;
  }

  .detail__accordion-text {
    font-size: 16px;
  }

  .detail__accordion-text p:not(:last-child) {
    margin-bottom: 21px;
  }

  .detail__accordion-desc-shorter--short {
    display: block;
  }
}

.detail__accordion-desc-shorter-btn {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 0;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  color: #5f6db2;
}

@media (min-width:768px) {
  .detail__accordion-desc-shorter-btn {
    display: none;
  }
}

.detail__accordion-desc-shorter-btn--alternate .detail__accordion-desc-shorter-btn-arrow {
  transform: rotate(270deg);
}

.detail__accordion-desc-shorter-btn-arrow {
  margin-left: 4px;
  --icon-width: 18px;
  --icon-height: 18px;
  --icon-color: #5f6db2;
  transform: rotate(90deg);
}

.detail__accordion-vegan-icon {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #0a0c0f;
}

.detail__accordion-vegan-tooltip {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #cecfd1;
}

.detail__accordion-table-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.detail__accordion-table-label {
  padding-right: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #6a6d72;
}

@media (min-width:768px) {
  .detail__accordion-table-label {
    font-size: 16px;
  }
}

.detail__accordion-table-value {
  position: relative;
  align-items: baseline;
  display: flex;
  flex-grow: 1;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
  text-align: right;
}

@media (min-width:768px) {
  .detail__accordion-table-value {
    font-size: 16px;
  }
}

.detail__accordion-table-value::before {
  content: "";
  flex-grow: 1;
  flex-shrink: 1;
  margin-right: 8px;
  width: 45%;
  height: 100%;
  border-bottom: 1px dashed #999b9f;
  transform: translateY(-4px);
}

.detail__accordion-item-inner-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-components {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (min-width:768px) {
  .detail__accordion-item-inner-title {
    font-size: 18px;
  }

  .detail__accordion-components {
    gap: 12px;
  }
}

.detail__accordion-beauty-links {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media (min-width:768px) {
  .detail__accordion-beauty-links {
    gap: 12px;
  }
}

.detail__accordion-beauty-link {
  position: relative;
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
  align-items: center;
  gap: 3px;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  padding: 3px 50px 3px 3px;
  min-height: 50px;
  background: #fff;
  text-decoration: none;
}

.detail__accordion-beauty-link-img {
  border-radius: 8px;
  margin-right: 10px;
  width: 32px;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  font-size: 0;
}

.detail__accordion-beauty-link-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.detail__accordion-beauty-link-icon {
  position: absolute;
  right: 11px;
  top: 11px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #0a0c0f;
}

@media (min-width:768px) {
  .detail__accordion-beauty-link {
    padding: 6px;
    min-height: 65px;
  }

  .detail__accordion-beauty-link-img {
    border-radius: 12px;
    margin-right: 12px;
    width: 49px;
  }

  .detail__accordion-beauty-link-text {
    font-size: 16px;
  }

  .detail__accordion-beauty-link-icon {
    right: 20px;
    top: 19px;
  }
}

.detail__accordion-video {
  position: relative;
}

.detail__accordion-video-player {
  border-radius: 12px;
  width: 100%;
  aspect-ratio: 667/364;
  background-color: #ccc;
}

@media (min-width:768px) {
  .detail__accordion-video-player {
    border-radius: 24px;
  }
}

.detail__accordion-video-playpause {
  position: absolute;
  left: 50%;
  top: 50%;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  aspect-ratio: 1;
  background: rgba(95,109,178,.5);
  transform: translate(-50%,-50%);
}

.detail__accordion-video-playpause-icon {
  --icon-width: 27px;
  --icon-height: 27px;
  --icon-color: #fff;
}

@media (min-width:768px) {
  .detail__accordion-video-playpause {
    width: 72px;
  }

  .detail__accordion-video-playpause-icon {
    --icon-width: 33px;
    --icon-height: 32px;
  }
}

.detail__sidebar {
  position: relative;
  order: 1;
}

.detail__sidebar-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.detail__buy-params {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:768px) {
  .detail__buy-params {
    border-radius: 24px;
    gap: 22px;
    padding: 24px;
    background: #fff;
  }
}

.detail__buy-params-mob-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-left: -16px;
  border-radius: 24px;
  padding: 18px 20px;
  background-color: #fff;
  width: 100vw;
}

@media (min-width:576px) {
  .detail__buy-params-mob-block {
    gap: 22px;
    margin-left: 0;
    width: auto;
  }
}

.detail__mob-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .detail__buy-params-mob-block {
    padding: 0;
  }

  .detail__mob-title {
    display: none;
  }
}

.detail__common-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.detail__common-rating {
  display: flex;
  align-items: center;
}

.detail__common-rating-star {
  margin-right: 2px;
  --icon-width: 18px;
  --icon-height: 18px;
  --icon-color: #feb88b;
}

.detail__common-rating-value {
  margin-right: 7px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .detail__common-rating-value {
    margin-right: 10px;
    font-size: 14px;
  }
}

.detail__common-rating-reviews-count {
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #6a6d72;
}

.detail__options-label {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__options-items {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

@media (min-width:768px) {
  .detail__common-rating-reviews-count {
    font-size: 14px;
  }

  .detail__options-items {
    gap: 16px;
  }
}

.detail__options-item {
  border-radius: 8px;
  border: 2px solid #dcdfee;
  padding: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #7783bd;
  background: #fff;
}

@media (min-width:768px) {
  .detail__options-item {
    padding: 6px;
    font-size: 14px;
  }
}

.detail__options-item_active {
  border-color: #5f6db2;
  color: #fff;
  background: #5f6db2;
}

.detail__price-info {
  display: flex;
  flex-direction: column;
}

.detail__price {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .detail__price {
    font-size: 32px;
  }
}

.detail__personal-discount {
  display: flex;
  gap: 5px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 13px;
  line-height: 1.3;
  color: #5f6db2;
  text-decoration: none;
}

.detail__personal-discount-icon {
  --icon-width: 19px;
  --icon-height: 19px;
  --icon-color: #5f6db2;
}

@media (min-width:768px) {
  .detail__personal-discount {
    margin-bottom: 17px;
    gap: 4px;
    font-size: 14px;
  }

  .detail__personal-discount-icon {
    --icon-width: 18px;
    --icon-height: 18px;
  }
}

.detail__personal-discount-arrow {
  --icon-width: 18px;
  --icon-height: 18px;
  --icon-color: #5f6db2;
}

.detail__marketplaces {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: repeat(3,1fr);
}

.detail__marketplace {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: 0 7px;
  height: 24px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

@media (min-width:768px) {
  .detail__marketplace {
    padding: 0 7px;
    height: 32px;
    line-height: 1.3;
  }
}

.detail__marketplace--hidden {
  display: none;
}

.detail__show-marketplaces {
  display: inline-block;
  border: none;
  cursor: pointer;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 24px;
  padding: 0;
  height: 24px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
}

@media (min-width:768px) {
  .detail__show-marketplaces {
    padding: 0 7px;
    height: 32px;
  }
}

.detail__show-marketplaces-arrow {
  margin-left: 4px;
  --icon-width: 18px;
  --icon-height: 18px;
  --icon-color: #5f6db2;
  transform: rotate(90deg);
}

.detail__show-marketplaces-arrow--alternative {
  transform: rotate(270deg);
}

.detail__composition {
  border-radius: 24px;
  margin-left: -16px;
  padding: 17px 20px;
  width: 100vw;
  background: #fff;
}

@media (min-width:576px) {
  .detail__composition {
    margin-left: 0;
    padding: 24px;
    width: auto;
  }
}

.detail__composition-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.detail__composition-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

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

.detail__show-all-composition {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
}

.detail__show-all-composition-arrow {
  margin-left: 4px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
  transform: rotate(90deg);
}

.detail__composition-items {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.detail__delivery {
  border: 2px solid #dcdfee;
  border-radius: 24px;
  padding: 21px 18px;
}

.detail__delivery-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.detail__delivery-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__client-place {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  text-decoration: none;
}

.detail__client-place-edit {
  margin-left: 2px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
}

.detail__delivery-options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.detail__delivery-option {
  position: relative;
  padding-left: 38px;
}

.detail__delivery-option-icon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  --icon-width: 32px;
  --icon-height: 32px;
  --icon-color: #6a6d72;
}

.detail__delivery-option-value {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__delivery-option-price {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #6a6d72;
}

.detail__accordion-rating {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 24px;
  margin-bottom: 20px;
}

.detail__accordion-rating-values {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  border: 2px solid #dcdfee;
  border-radius: 24px;
  padding: 24px 22px;
}

.detail__accordion-rating-score {
  display: flex;
  align-items: center;
  gap: 2px;
}

.detail__accordion-rating-stars {
  display: flex;
  gap: 2px;
}

.detail__accordion-rating-star {
  --icon-width: 32px;
  --icon-height: 32px;
  --icon-color: #feb88b;
}

.detail__accordion-rating-star--inactive {
  --icon-color: #ced2e4;
}

.detail__accordion-rating-value {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-rating-desc {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #6a6d72;
}

.detail__accordion-rating-graphic {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.detail__accordion-rating-graphic-item {
  display: flex;
  align-items: center;
}

.detail__accordion-rating-graphic-item-value {
  margin-right: 1px;
}

.detail__accordion-rating-graphic-item-star {
  margin-right: 8px;
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #7783bd;
}

.detail__accordion-rating-graphic-item-progress {
  position: relative;
  margin-right: 8px;
  flex-grow: 1;
  border-radius: 2px;
  height: 6px;
  background-color: #fff;
}

.detail__accordion-rating-graphic-item-progress-filled {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 2px;
  height: 100%;
  background-color: #dcdfee;
}

.detail__accordion-reviews {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 21px;
}

.detail__accordion-review {
  position: relative;
  border-bottom: 1px solid #dcdfee;
  border-radius: 2px;
  padding-bottom: 24px;
}

.detail__accordion-review-info {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  border-radius: 12px;
  padding: 6px 12px 6px 6px;
  height: 36px;
  background: #fff;
}

.detail__accordion-review-author {
  display: flex;
  align-items: center;
  gap: 8px;
}

.detail__accordion-review-author-img {
  border-radius: 50%;
  width: 36px;
  aspect-ratio: 1;
}

.detail__accordion-review-author-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-review-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #6a6d72;
}

.detail__accordion-review-rating {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-review-rating-star {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #feb88b;
}

.detail__accordion-reviews-order {
  margin-bottom: 32px;
}

.detail__accordion-review-market {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  width: 150px;
  height: 47px;
  background-color: #fff;
}

.detail__accordion-review-market-logo {
  max-width: 100%;
  max-height: 100%;
  -o-object-position: center;
  object-position: center;
}

.detail__accordion-review-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.3;
  color: #0a0c0f;
}

.detail__accordion-review-text p:not(:last-child) {
  margin-bottom: 3px;
}

.detail__accordion-more-reviews {
  width: 272px;
}

.detail__cart-controller {
  flex-grow: 1;
}

@media (min-width:768px) {
  .detail__cart-controller {
    gap: 16px;
  }
}

.detail__cart-controller .counter {
  margin-left: 0;
  transform: none;
}

.detail__cart-controller .counter .counter__btn {
  flex-shrink: 0;
}

.detail__cart-controller .counter__input,
.detail__to-cart-controls {
  width: 100%;
}

.detail__to-cart-controls-fixer {
  --fixer-indent: 0;
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 11px;
  justify-content: flex-end;
  position: relative;
}

.detail__to-cart-controls-fixer--fixed {
  position: fixed;
  left: 0;
  z-index: 2;
  padding: 16px 16px 8px;
  bottom: var(--fixer-indent,0);
  -webkit-backdrop-filter: blur(42px);
  backdrop-filter: blur(42px);
  background: rgba(255,255,255,.5);
  box-sizing: border-box;
  border-bottom: .5px solid #dcdfee;
}

@media (min-width:375px) {
  .detail__to-cart-controls-fixer--fixed .detail__cart-controller {
    left: 3px;
  }
}

.detail__to-cart {
  width: 100%;
}

.detail__to-cart--mini {
  flex-grow: 1;
}

.detail__favorite-btn {
  --icon-width: 32px;
  --icon-height: 29px;
  height: 48px;
}

.detail__favorite-btn.btn--L {
  --icon-color: #c0c5dd;
}

.detail__favorite-btn .icon {
  transition: background-color .3s ease-in-out;
}

.detail__favorite-btn--active {
  --icon-color: #ef4444!important;
}

.detail__mob-slider {
  position: relative;
  margin: 0 -16px 7px;
  width: calc(100% + 32px);
}

@media (min-width:768px) {
  .detail__mob-slider {
    margin: 0 auto 12px;
    width: 500px;
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .detail__sidebar {
    order: 2;
  }

  .detail__to-cart-controls-fixer {
    gap: 16px;
  }

  .detail__favorite-btn {
    height: 56px;
  }

  .detail__mob-slider {
    display: none;
  }
}

.detail__mob-slider .swiper-slide {
  height: auto;
}

.detail__mob-slider .swiper-pagination {
  margin-bottom: 5px;
  z-index: 2;
}

.detail__mob-slider .swiper-pagination-bullet {
  margin: 0 4px;
  border-radius: 2px;
  width: 19px;
  height: 1px;
  background-color: #dcdfee;
  opacity: 1;
}

.detail__mob-slider .swiper-pagination-bullet-active {
  background-color: #5f6db2;
}

.detail__mob-slider-item {
  height: 100%;
}

.detail__mob-slider-img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.detail__mob-slider-tags {
  position: absolute;
  z-index: 2;
  left: 14px;
  top: 14px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.detail__mob-slider-tag {
  border: 1px solid #dcdfee;
  border-radius: 8px;
  padding: 3px 7px;
  font-weight: 500;
  font-size: 10px;
  line-height: 1.3;
  color: #141313;
  background: #fff;
  text-decoration: none;
}

.detail__mob-slider-tag--filled {
  color: #fff;
  border-color: #8a98db;
  background: #8a98db;
}

@media (max-width:767px) {
  .detail .aplaut-mb-1.aplaut-mb-md {
    padding: 0;
  }
}

.set__content {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: 904px 1fr;
  border-radius: 24px;
  padding: 24px;
  width: 100%;
  background: #edeef6;
  box-sizing: border-box;
}

.set__items {
  width: 904px;
}

.set__items .swiper-slide {
  height: auto;
}

.set__item {
  height: 100%;
}

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

.set__price {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 9px;
}

.set__price-current {
  font-weight: 500;
  font-size: 24px;
  line-height: 31px;
  color: #0a0c0f;
}

.set__price-old {
  font-weight: 400;
  font-size: 14px;
  line-height: 26px;
  text-decoration: line-through;
  color: #6a6d72;
}

.set__price-desc {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #141313;
}

.set__text {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #141313;
}

.set__btn {
  width: 100%;
}

.popular-products {
  padding-right: 0;
}

@media (min-width:992px) {
  .popular-products {
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .popular-products {
    padding-right: calc(50% - 580px);
  }
}

.geltek-journal {
  background: #f7f7f8;
  padding: 36px 0;
  box-sizing: border-box;
}

.geltek-journal__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.geltek-journal__heading-button {
  height: 36px;
  border: none;
  outline: #5f6db2 solid 2px;
  outline-offset: -1px;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
  padding: 11px 11px 11px 14px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 500;
  gap: 8px;
}

.geltek-journal__heading-description {
  color: #54565a;
}

.geltek-journal__news {
  padding-right: 0;
  margin-top: 28px;
}

.geltek-journal__news-categories {
  padding: 0;
  margin: 0;
}

.geltek-journal__news-list {
  margin-top: 28px;
  padding: 0;
  box-sizing: border-box;
}

.geltek-journal__news-list::-webkit-scrollbar {
  display: none;
}

.geltek-journal__news-list-item {
  box-sizing: border-box;
}

@media (min-width:992px) {
  .geltek-journal {
    padding: 72px 0;
  }

  .geltek-journal__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 57px 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .geltek-journal__heading-description {
    margin-top: 12px;
  }

  .geltek-journal__heading-button {
    width: 176px;
    height: 48px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 12px;
  }

  .geltek-journal__news {
    margin-top: 48px;
    padding-right: 16px;
    height: 100%;
  }

  .geltek-journal__news-list {
    margin-top: 48px;
    height: 100%;
    width: 100%;
  }

  .geltek-journal__news-list-wrapper.swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: 1fr 304px;
    grid-column-gap: 24px;
    grid-row-gap: 48px;
  }

  .geltek-journal__news-list-item {
    height: initial;
  }

  .geltek-journal__news-list-item:nth-child(1),
  .geltek-journal__news-list-item:nth-child(2) {
    display: flex;
  }

  .geltek-journal__news-list-item:nth-child(1) {
    grid-area: 1/1/2/8;
  }

  .geltek-journal__news-list-item:nth-child(2) {
    grid-area: 1/8/2/13;
  }

  .geltek-journal__news-list-item:nth-child(3) {
    grid-area: 2/1/3/5;
  }

  .geltek-journal__news-list-item:nth-child(4) {
    grid-area: 2/5/3/9;
  }

  .geltek-journal__news-list-item:nth-child(5) {
    grid-area: 2/9/3/13;
  }
}

@media (min-width:1250px) {
  .geltek-journal__news {
    padding-right: calc(50% - 580px);
  }
}

.page-section {
  background: #dcdfee;
}

.page-section__wrapper {
  padding-block: 40px;
  z-index: 1;
  position: relative;
}

.page-section__wrapper--top {
  padding-top: 40px;
}

.page-section__wrapper--botttom {
  padding-bottom: 40px;
}

.page-section__shape {
  background: rgb(var(--white-color-rgb));
  border-radius: 24px;
  padding-block: 40px;
}

.page-section__shape--bottom {
  border-radius: 0 0 24px 24px;
  padding: 32px 0 48px;
}

.page-section__shape--top {
  border-radius: 24px 24px 0 0;
  padding: 48px 0 36px;
}

.page-section__flex-col {
  display: flex;
  flex-direction: column;
  gap: 40px;
  background: #f7f7f8;
}

.page-section__flex-col--small {
  gap: 24px;
}

.page-section__flex-col h2 {
  font-size: 1.375em;
  margin: 0;
}

@media (min-width:992px) {
  .page-section__wrapper {
    padding-block: 72px;
  }

  .page-section__wrapper--top {
    padding-top: 72px;
  }

  .page-section__wrapper--botttom {
    padding-bottom: 72px;
  }

  .page-section__shape.container {
    border-radius: 40px;
    padding-block: 72px;
  }

  .page-section__shape.container--bottom {
    border-radius: 0 0 40px 40px;
    padding-top: 48px;
    padding-bottom: 72px;
  }

  .page-section__flex-col {
    gap: 72px;
  }

  .page-section__flex-col--small {
    gap: 40px;
  }
}

.useful-articles {
  margin: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-right: 0;
}

@media (min-width:992px) {
  .useful-articles {
    gap: 40px;
    margin: 56px 0;
    padding-right: 16px;
  }

  .useful-articles__articles-list-item {
    min-width: 370.68px;
  }
}

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

.useful-articles__articles-list {
  margin: 0;
  width: 100%;
}

.useful-articles__articles-list-wrapper {
  height: 304px;
}

.useful-articles__arrows {
  position: absolute;
  z-index: 2;
  display: none;
}

@media (min-width:992px) {
  .useful-articles__arrows {
    display: flex;
  }
}

@media (min-width:1250px) {
  .useful-articles {
    padding-right: calc(50% - 580px);
  }

  .useful-articles__arrows {
    left: -2%;
    width: 104%;
  }
}

.category-links__items {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 16px;
}

.category-links__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #dcdfee;
  border-radius: 12px;
  padding: 10px 50px 10px 11px;
  background: #fff;
  text-decoration: none;
}

.category-links__item-name {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .category-links__item {
    border-radius: 16px;
    padding: 13px 52px 13px 13px;
  }

  .category-links__item-name {
    font-size: 18px;
  }
}

.category-links__item-count {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #54565a;
}

.category-links__item-arrow {
  position: absolute;
  top: 50%;
  right: 22px;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: #5f6db2;
  transform: translateY(-50%);
}

.articles {
  overflow: hidden;
}

.articles__title {
  margin-bottom: 25px;
}

@media (min-width:768px) {
  .category-links__item-count {
    font-size: 16px;
  }

  .category-links__item-arrow {
    right: 26px;
  }

  .articles__title {
    margin-bottom: 40px;
  }
}

.articles__slider {
  position: relative;
}

.articles__slider .swiper {
  overflow-x: visible;
}

.articles__slider .swiper-slide {
  width: auto;
}

.articles__item {
  height: 304px;
}

.articles__slider-next,
.articles__slider-prev {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: none;
}

.articles__slider-prev {
  left: -16px;
}

.articles__slider-next {
  right: -16px;
}

@media (min-width:1250px) {
  .articles__slider-prev {
    left: -24px;
  }

  .articles__slider-next {
    right: -24px;
  }
}

.check-your-skin {
  z-index: 0;
}

.check-your-skin_block {
  padding: 36px 0;
  background: #f7f7f8;
}

@media (min-width:992px) {
  .category-links__items {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 24px;
  }

  .articles__slider .swiper {
    overflow-x: clip;
  }

  .articles__slider .swiper-slide {
    width: 100%;
  }

  .articles__slider-next,
  .articles__slider-prev {
    display: block;
  }

  .check-your-skin_block {
    padding: 72px 0;
  }
}

.check-your-skin__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.check-your-skin__heading-description,
.check-your-skin__heading-title {
  margin: 0;
}

.check-your-skin__heading-description {
  color: #54565a;
}

.check-your-skin__services {
  margin-top: 24px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 672px;
}

@media (min-width:768px) {
  .check-your-skin__heading {
    flex-direction: row;
    gap: 24px;
  }

  .check-your-skin__heading-description,
  .check-your-skin__heading-title {
    flex: calc(50% - 24px);
  }

  .check-your-skin__services {
    flex-direction: row;
    gap: 24px;
  }

  .check-your-skin__services-item {
    flex: calc(50% - 24px);
  }

  .section-banner__img {
    -o-object-position: 50% 15%;
    object-position: 50% 15%;
  }
}

.section__back {
  margin-bottom: 16px;
  padding: 0;
}

@media (min-width:992px) {
  .check-your-skin {
    position: relative;
  }

  .check-your-skin__heading-description {
    margin-top: 12px;
  }

  .check-your-skin__services {
    margin-top: 40px;
  }

  .section__back {
    display: none;
  }
}

.section-about {
  --bg-color: $white-color-100;
}

.section-about--no-bg {
  --bg-color: transparent;
}

.section-about>.container {
  background: var(--bg-color);
}

.section-about__content,
.section-about__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .section-about__content {
    flex-direction: row;
    justify-content: space-between;
  }

  .section-about__content .card {
    width: 50%;
    flex-shrink: 0;
  }
}

.section-about__text {
  display: flex;
  flex-direction: column;
  max-width: 568px;
  gap: 12px;
}

@media (min-width:992px) {
  .section-about__text {
    gap: 16px;
  }
}

.section-banner {
  background: rgb(var(--white-color-rgb));
  width: 100%;
  margin: 0 auto;
  position: relative;
  max-height: 300px;
  height: 300px;
}

.section-banner--no-bg {
  background: 0 0;
}

.section-banner__img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0 0 24px 24px;
}

.section-banner__blur {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%);
  pointer-events: none;
}

.section-banner>a {
  position: absolute;
  top: 80px;
  left: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: rgb(var(--white-color-rgb));
  z-index: 1;
}

.section-banner>a>i {
  transform: rotate(180deg);
}

@media (min-width:576px) {
  .page-section__flex-col h2 {
    font-size: 2.75em;
  }

  .section-banner>a {
    display: none;
  }

  .section-banner {
    max-height: 720px;
    height: 720px;
  }

  .section-banner__img {
    min-height: 720px;
    max-height: 720px;
    border-radius: 0 0 40px 40px;
  }
}

@media (min-width:1921px) {
  .section-banner {
    max-height: 80vh;
    height: auto;
  }

  .section-banner__img {
    max-height: 80vh;
  }
}

.section-banner:has(.section-banner__hero)>.section-banner__blur {
  background: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 100%);
}

.section-banner__hero {
  position: absolute;
  top: 54%;
  left: 0;
  transform: translateY(-50%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  height: 60%;
  z-index: 1;
}

@media (min-width:576px) {
  .section-banner__hero {
    height: auto;
    top: 50%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.section-banner__text {
  flex-grow: 0;
  max-width: 300px;
}

.section-banner__btn {
  flex-shrink: 0;
  transition: opacity .3s ease-in;
}

.section-banner__btn.hidden {
  opacity: 0;
}

.section__title {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}

@media (min-width:992px) {
  .section__title {
    flex-direction: row;
    justify-content: space-between;
  }
}

.about-section__expertise-card .benefit-card__text .section__title .p--100,
.about-section__expertise-card .benefit-card__text .section__title .xs-sort-button,
.careers-form__field .section__title input,
.careers-form__field .section__title textarea,
.careers-section__condition-item .section__title p,
.promotion-form__field .section__title input,
.section__title .about-section__expertise-card .benefit-card__text .p--100,
.section__title .about-section__expertise-card .benefit-card__text .xs-sort-button,
.section__title .careers-form__field input,
.section__title .careers-form__field textarea,
.section__title .careers-section__condition-item p,
.section__title .delivery-and-payment-section__tab-button,
.section__title .expandable-question__tab-button,
.section__title .feedback__input,
.section__title .feedback__textarea,
.section__title .p,
.section__title .p--100,
.section__title .p--80,
.section__title .p--90,
.section__title .promotion-form__field input,
.section__title .xs-sort-button {
  display: flex;
  flex-direction: column;
  max-width: 568px;
  gap: 12px;
}

.section-history__wrapper {
  min-height: 500px;
  position: relative;
  border-radius: 16px;
  display: flex;
  align-items: flex-end;
}

.section-history__wrapper>picture>img {
  position: absolute;
  width: 100%;
}

.section-history__wrapper>picture:nth-child(1)>img {
  top: 0;
  border-radius: 16px 16px 0 0;
}

.section-history__wrapper>picture:nth-child(2)>img {
  bottom: -2px;
  border-radius: 0 0 16px 16px;
}

@media (min-width:576px) {
  .section-banner__text {
    max-width: 420px;
  }

  .section-history__wrapper {
    min-height: 400px;
    align-items: start;
  }

  .section-history__wrapper>picture>img {
    height: 400px;
    width: auto;
  }

  .section-history__wrapper>picture:nth-child(1)>img {
    right: 0;
    border-radius: 0 24px 24px 0;
  }

  .section-history__wrapper>picture:nth-child(2)>img {
    left: 0;
    bottom: 0;
    border-radius: 24px 0 0 24px;
  }
}

.section-history__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-width: 585px;
  padding: 0 16px 16px;
  z-index: 1;
}

@media (min-width:576px) {
  .section-history__content {
    padding: 91px 24px 0;
  }
}

.section-history__button {
  width: 100%;
  font-size: 12px;
  justify-content: center;
  padding-block: 16px;
}

.recently-viewed {
  margin-top: 32px;
  margin-bottom: 40px;
  padding-right: 0;
}

@media (min-width:992px) {
  .about-section__expertise-card .benefit-card__text .section__title .p--100,
  .about-section__expertise-card .benefit-card__text .section__title .xs-sort-button,
  .careers-form__field .section__title input,
  .careers-form__field .section__title textarea,
  .careers-section__condition-item .section__title p,
  .promotion-form__field .section__title input,
  .section__title .about-section__expertise-card .benefit-card__text .p--100,
  .section__title .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .section__title .careers-form__field input,
  .section__title .careers-form__field textarea,
  .section__title .careers-section__condition-item p,
  .section__title .delivery-and-payment-section__tab-button,
  .section__title .expandable-question__tab-button,
  .section__title .feedback__input,
  .section__title .feedback__textarea,
  .section__title .p,
  .section__title .p--100,
  .section__title .p--80,
  .section__title .p--90,
  .section__title .promotion-form__field input,
  .section__title .xs-sort-button {
    gap: 16px;
  }

  .recently-viewed {
    margin-bottom: 106px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .recently-viewed {
    padding-right: calc(50% - 580px);
  }
}

.catalog-filters.container {
  margin: 16px 0 24px;
}

.catalog-filters__wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 12px;
}

@media (min-width:576px) {
  .section-history__button {
    padding-block: 18px;
    padding-inline: 24px;
    font-size: 14px;
    width: unset;
  }

  .catalog-filters__wrapper {
    flex-direction: row;
  }
}

.catalog-filters__first-column {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
}

.catalog-filters__filter {
  --chip-bg: rgb(var(--white-color-rgb));
  padding: 0 16px 0 20px;
  flex-shrink: 0;
  gap: 8px;
  height: 48px;
  box-sizing: border-box;
  border: none;
  z-index: auto;
}

.catalog-filters__filter::before {
  left: 0;
}

.catalog-filters__filter:not(:last-child) {
  display: none;
}

.catalog-filters__filter:hover .catalog-filters__filter-content {
  max-height: 344px;
}

.catalog-filters__filter-title {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.catalog-filters__filter-title[data-filter-count]::after {
  content: attr(data-filter-count);
  width: 16px;
  height: 16px;
  background-color: #5f6db2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--white-color-rgb));
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
}

@media (min-width:992px) {
  .catalog-filters.container {
    margin: 24px 0;
  }

  .catalog-filters__filter {
    padding: 0 16px 0 21px;
  }

  .catalog-filters__filter::after {
    width: 24px;
    height: 24px;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .catalog-filters__filter-title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
}

.catalog-filters__filter-content {
  left: 0;
  padding: 0;
  width: -moz-max-content;
  width: max-content;
  box-sizing: border-box;
  z-index: 5;
}

.catalog-filters__filter-variants {
  max-height: 268px;
  width: -moz-max-content;
  width: max-content;
  max-width: 360px;
  overflow: auto;
  padding: 16px 12px 0;
}

.catalog-filters__second-column {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.catalog-filters__second-column>.catalog-filters__filter {
  display: flex;
}

.catalog-filters__sorting.catalog-filters__filter-content {
  min-width: 260px;
  left: unset;
  right: 0;
}

.catalog-filters__sorting.catalog-filters__filter-content .catalog-filters__filter-variants {
  padding-bottom: 16px;
}

@media (min-width:576px) {
  .catalog-filters__filter:not(:last-child) {
    display: flex;
  }

  .catalog-filters__sorting.catalog-filters__filter-content {
    left: unset;
    right: 0;
  }
}

.catalog-filters__radio {
  height: 24px;
}

.catalog-filters__all-filters {
  --icon-color: #0a0c0f;
  --icon-width: 20px;
  --icon-height: 20px;
  height: 48px;
  gap: 4px;
  color: #0a0c0f;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  outline: #edeef6 solid 1px;
  outline-offset: -1px;
  flex-shrink: 0;
  border: none;
  width: 100%;
  max-width: 154px;
}

.catalog-filters__all-filters[data-filter-count]::after {
  content: attr(data-filter-count);
  width: 16px;
  height: 16px;
  background-color: #5f6db2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--white-color-rgb));
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
}

.catalog-filters__all-filters-text {
  display: none;
}

@media (min-width:992px) {
  .catalog-filters__all-filters {
    --icon-width: 24px;
    --icon-height: 24px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding-left: 15px;
    padding-right: 16px;
    max-width: 158px;
    gap: 4px;
  }

  .catalog-filters__all-filters-text {
    display: inline;
  }

  .catalog-filters__all-filters-text--mobile {
    display: none;
  }
}

.catalog-filters__accept-button {
  width: 100%;
  height: 36px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
  justify-content: center;
  border-radius: 12px;
}

.catalog-filters__accept-button-wrapper {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: box-shadow .6s ease-in-out;
  padding: 12px 8px;
}

.catalog-filters__accept-button-wrapper:hover {
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

.catalog-filters__tags {
  margin-top: 16px;
  padding-top: 0;
  align-items: center;
  flex-wrap: nowrap;
  gap: 12px;
  overflow: auto;
  position: relative;
  width: calc(100vw - 16px);
  display: none;
}

.catalog-filters__tags::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #dcdfee;
  display: none;
}

@media (min-width:992px) {
  .catalog-filters__tags::before {
    display: block;
  }

  .catalog-filters__tags {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 12px;
    padding-top: 12px;
  }
}

.catalog-filters__tags--open {
  display: flex;
}

.catalog-filters__tag {
  --icon-color: rgb(var(--white-color-rgb));
  height: 32px;
  color: rgb(var(--white-color-rgb));
  padding: 8px 12px 8px 16px;
  align-items: center;
  gap: 8px;
  background-color: #8a98db;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  border-radius: 16px;
  flex-shrink: 0;
  border: none;
}

.catalog-filters__tag-remove {
  cursor: pointer;
}

.catalog-filters__reset {
  height: 32px;
  display: none;
  background-color: transparent;
  flex-shrink: 0;
}

.catalog-filters__reset:not(:active):focus {
  outline: 0;
}

.catalog-filters__toggle-list-view {
  display: none;
  width: 104px;
  height: 48px;
  gap: 8px;
  padding: 0;
}

.catalog-filters__toggle-list-view-button {
  --icon-color: #5f6db2;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  background: rgb(var(--white-color-rgb));
  border: none;
  outline: 0;
}

.catalog-filters__toggle-list-view-button.toggle-button-group__button--selected {
  --icon-color: rgb(var(--white-color-rgb));
  background: #5f6db2;
}

.catalog-filters--scroll {
  position: sticky;
  background-color: rgb(var(--white-color-rgb));
  z-index: 99;
  top: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  animation: .6s ease-in-out appear;
}

@media (min-width:992px) {
  .catalog-filters__tag {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }

  .catalog-filters--scroll {
    top: 72px;
  }
}

@media (min-width:1250px) {
  .catalog-filters--scroll {
    top: 76px;
  }
}

.catalog-filters--no-categories {
  margin-bottom: 28px;
}

.catalog-filters--no-sorting .catalog-filters__wrapper {
  display: flex;
}

.catalog-filters--no-sorting .catalog-filters__all-filters {
  width: 100%;
  max-width: unset;
}

.catalog-filters--no-sorting .catalog-filters__second-column>.catalog-filters__filter {
  display: none;
}

@media (max-width:576px) {
  .section-history__content>button {
    width: 100%;
  }

  .catalog-filters--no-sorting .catalog-filters__wrapper {
    justify-content: space-between;
    flex-direction: row;
  }

  .catalog-filters--no-sorting .catalog-filters__first-column {
    flex: 0!important;
  }

  .catalog-filters--no-sorting .catalog-filters__second-column .catalog-filters__filter {
    margin-top: 0!important;
  }
}

@media (min-width:992px) {
  .catalog-filters--no-categories {
    margin-bottom: 48px;
  }

  .catalog-filters--no-sorting .catalog-filters__wrapper {
    display: flex;
  }

  .catalog-filters--no-sorting .catalog-filters__all-filters {
    width: auto;
  }

  .catalog-filters--no-sorting .catalog-filters__toggle-list-view {
    display: flex;
  }

  .all-catalog-filters .modal__inner {
    max-width: 540px;
  }
}

@media (max-width:374px) {
  .section-history__wrapper {
    min-height: 455px;
  }

  .section-history__wrapper>picture:nth-child(2)>img {
    height: 300px;
  }

  .catalog-filters {
    padding: 0;
  }
}

.all-catalog-filters {
  z-index: 300;
}

.all-catalog-filters .modal__inner {
  width: 100%;
}

.all-catalog-filters__reset {
  display: none;
}

.all-catalog-filters__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.all-catalog-filters__filter:not(:first-child) {
  margin-top: 16px;
}

@media (min-width:992px) {
  .all-catalog-filters__list {
    padding-right: 16px;
    margin-right: 24px;
  }

  .all-catalog-filters__filter:not(:first-child) {
    margin-top: 24px;
  }
}

.all-catalog-filters__filter-button {
  padding: 0;
  width: 100%;
}

.all-catalog-filters__filter-button span[data-filter-count] {
  margin-left: auto;
}

.all-catalog-filters__filter-button span[data-filter-count]::before {
  content: attr(data-filter-count);
  width: 16px;
  height: 16px;
  background-color: #5f6db2;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--white-color-rgb));
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
}

.section-banner>.careers-section__banner-position {
  -o-object-position: 50% 19%;
  object-position: 50% 19%;
}

.careers-section__about {
  padding: 24px 0 32px;
  border-radius: 0 0 24px 24px;
  background: rgb(var(--white-color-rgb));
}

.careers-section__about-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .careers-section__about {
    padding: 72px 0;
    border-radius: 0 0 40px 40px;
  }

  .careers-section__about-wrapper {
    gap: 24px;
  }
}

.careers-section__about-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .careers-section__about-text {
    flex-direction: row;
    gap: 24px;
  }

  .careers-section__about-text>button {
    flex-shrink: 0;
    width: auto;
  }
}

.careers-section__condition-wrapper {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

@media (min-width:992px) {
  .careers-section__condition-wrapper {
    gap: 19px;
  }
}

.careers-section__condition-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

@media (min-width:576px) {
  .careers-section__condition-list {
    grid-template-columns: 1fr 1fr;
  }
}

.careers-section__condition-item {
  padding: 15px;
}

.careers-section__condition-item>.benefit-card__wrapper {
  gap: 12px;
}

.careers-section__vacancies-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .careers-section__condition-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .careers-section__vacancies-wrapper {
    gap: 24px;
  }
}

.careers-section__vacancies-filters {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: none;
}

.careers-section__vacancies-filters>.dropdown::after {
  --text-color: #0a0c0f;
}

.careers-section__vacancies-filters>button>.dropdown__content {
  display: none;
}

@media (min-width:576px) {
  .careers-section__vacancies-filters {
    display: flex;
    gap: 12px;
    justify-content: start;
  }

  .careers-section__vacancies-filters>button>.dropdown__content {
    display: block;
    min-width: 331px;
    padding-block: 16px;
    width: 100%;
  }
}

.careers-section__vacancies-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 24px;
}

.vacancies-filter {
  display: none;
}

.vacancies-filter--modal {
  display: flex;
  flex-direction: row;
  gap: 13px;
}

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

  .vacancies-filter--modal {
    display: none;
  }
}

.vacancies-filter__item {
  cursor: pointer;
  padding: 12px 16px;
  display: flex;
  gap: 10px;
}

.vacancies-filter__item>input[type=radio] {
  display: none;
}

.vacancies-filter__radio {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ced2e4;
  border-radius: 50%;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(var(--white-color-rgb));
  transition: .2s;
}

.vacancies-filter__radio::after {
  content: "";
  width: 8px;
  height: 8px;
  background: rgb(var(--white-color-rgb));
  border-radius: 50%;
  display: none;
}

.vacancies-filter__item>input[type=radio]:checked+.vacancies-filter__radio {
  background: #5f6db2;
  border: none;
}

.vacancies-filter__item>input[type=radio]:checked+.vacancies-filter__radio::after {
  display: block;
}

.vacancies-filter__label {
  text-wrap: nowrap;
}

.vacancies-filter__count {
  flex-shrink: 0;
  margin-left: 2px;
  width: 18px;
  height: 20px;
  border-radius: 50%;
  background: #e8e9eb;
}

.vacancies-card {
  --icon-color: #5f6db2;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (min-width:992px) {
  .careers-section__vacancies-list {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  .vacancies-card {
    max-width: 568px;
  }
}

.vacancies-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 15px;
  height: 100%;
  width: 100%;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:576px) {
  .vacancies-card__wrapper {
    gap: 24px;
    padding: 24px;
    max-width: 568px;
  }
}

.vacancies-card__describe-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:576px) {
  .vacancies-card__describe-block {
    gap: 20px;
  }
}

.vacancies-card__info-block {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.vacancies-card__info-block>a {
  width: auto;
}

@media (min-width:576px) {
  .vacancies-card__info-block {
    gap: 20px;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
}

.vacancies-card__info-list {
  --icon-width: 20px;
  --icon-height: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: flex-start;
}

@media (min-width:576px) {
  .vacancies-card__info-list {
    gap: 12px;
  }
}

.vacancies-card__info-item {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #54565a;
}

.vacancies-modal-filter {
  display: none;
  background: rgb(var(--white-color-rgb));
  border-radius: 24px 24px 0 0;
  width: 100%;
  position: relative;
  justify-content: center;
}

.vacancies-modal-filter__open {
  display: flex;
}

@media (min-width:576px) {
  .vacancies-modal-filter {
    border-radius: 40px;
    max-width: 598px;
  }
}

.vacancies-modal-filter__close {
  position: absolute;
  right: 0;
  top: -60px;
  --icon-color: rgb(var(--white-color-rgb));
  background: 0 0;
  border-radius: 0;
  width: 48px;
  height: 48px;
}

.vacancies-modal-filter__wrapper {
  padding: 8px 0 16px;
}

@media (min-width:576px) {
  .vacancies-modal-filter__close {
    right: -64px;
    top: 0;
  }

  .vacancies-modal-filter__wrapper {
    padding: 32px 40px;
  }
}

.vacancies-modal-filter__title {
  padding: 16px;
}

.careers-section__form {
  padding-top: 48px;
  border-radius: 24px 24px 0 0;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .careers-section__form {
    border-radius: 40px 40px 0 0;
    padding-top: 72px;
    padding-bottom: 56px;
  }
}

.careers-section__form-wrapper {
  display: grid;
  grid-template-columns: 1fr;
}

.careers-form {
  overflow-y: auto;
  background-color: rgba(var(--white-color-rgb),.8);
  padding-block: 20px;
  width: 100%;
  padding: 0 24px 0 0;
}

.careers-form>form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .careers-form {
    padding-block: 0;
  }

  .careers-form__info {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }

  .careers-form__info>p {
    max-width: 466px;
  }
}

.careers-form__field input,
.careers-form__field textarea {
  width: 100%;
  height: 48px;
  padding: 10px;
  border: 2px solid #ced2e4;
  border-radius: 12px;
}

.careers-form__field textarea {
  min-height: 122px;
  resize: none;
}

.careers-form__file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.careers-form__file-btn {
  background: 0 0;
  border: none;
  color: #5f6db2;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  margin-bottom: 4px;
}

.careers-form__file-info {
  color: #6a6d72;
}

.careers-form__file-input {
  display: none;
}

.careers-form__file-name {
  display: none;
  --icon-color: #0a0c0f;
  margin-bottom: 8px;
  padding-left: 4px;
}

.careers-form__file-name>i {
  cursor: pointer;
}

.careers-form__file-error {
  display: none;
  color: #f04438;
  margin-top: 5px;
}

.careers-form__submit {
  width: 100%;
  justify-content: center;
}

.careers-form__terms {
  color: #6a6d72;
  margin-top: 10px;
}

.careers-form__terms a {
  color: #5f6db2;
}

.careers-page {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

@media (min-width:992px) {
  .careers-page {
    gap: 0;
  }
}

.careers-page__flex {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

@media (min-width:992px) {
  .careers-page__flex {
    gap: 72px;
  }
}

.careers-advantages-card {
  --text-gap: 8px;
  padding: 15px;
  width: 100%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdfee;
  box-sizing: border-box;
  flex-shrink: 0;
}

@media (min-width:576px) {
  .careers-section__form-wrapper {
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: 1fr 1fr;
  }

  .careers-advantages-card {
    padding: 23px;
    max-width: 100%;
    min-height: 268px;
  }
}

.careers-advantages-card__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.careers-advantages-card__img {
  width: 64px;
  height: 64px;
}

.careers-advantages-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .careers-advantages-card__content {
    gap: 16px;
  }
}

.careers-advantages-card__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.journal * {
  scrollbar-gutter: auto;
}

.journal a {
  text-decoration: none;
}

.journal button {
  text-wrap: nowrap;
}

.journal .js-slider-hide {
  display: none;
}

.journal li,
.journal ol,
.journal ul {
  margin: 0;
  list-style: none;
}

@media (max-width:992px) {
  .journal .tabs__tab-list {
    width: 100%;
  }

  .journal .tabs__tab-list-item,
  .journal .tabs__tab-list-item--selected {
    flex: 1;
  }
}

.journal-article__products-title {
  margin-bottom: 20px;
  font-weight: 500;
}

.journal-video__header {
  padding-block: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wrapper__white {
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
}

.wrapper-padding__0-72 {
  padding-block: 0;
}

@media (min-width:992px) {
  .journal-article__products-title {
    margin-bottom: 24px;
  }

  .journal-video__header.container {
    padding-block: 48px;
  }

  .journal-hidden-md {
    display: none;
  }

  .wrapper__white {
    border-radius: 40px;
  }

  .wrapper-padding__0-72 {
    padding-block: 72px;
  }
}

.wrapper-padding__40-72 {
  padding-block: 40px;
}

.journal-all__slider-container {
  position: relative;
}

.journal-all__slider-container__navigation {
  position: absolute;
  scale: 105% 1;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
}

@media (max-width:992px) {
  .journal-all__slider-container__navigation {
    display: none;
  }
}

@media (max-width:576px) {
  .journal-all__slider-padding-hidden {
    padding-inline: 0;
  }
}

.journal-all__slider-interlayer {
  overflow: hidden;
  padding-inline: 16px;
}

.journal-all__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

@media (min-width:576px) {
  .journal-all__grid {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (min-width:992px) {
  .wrapper-padding__40-72 {
    padding-block: 72px;
  }

  .journal-all__slider-interlayer {
    padding-inline: 0;
  }

  .journal-all__grid {
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows: max-content;
  }
}

.journal-all__grid-btn {
  border-radius: 12px;
  margin: 0 auto;
  padding: 12.5px;
  justify-content: center;
  width: 100%;
}

.journal-all__grid-btn span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

.journal-all__about-title {
  margin-block-start: 32px;
  margin-block-end: 40px;
}

@media (min-width:992px) {
  .journal-all__grid-btn span {
    font-size: 12px;
  }

  .journal-all__grid-btn {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .journal-all__about-title {
    margin-block-start: 72px;
    margin-block-end: 72px;
  }
}

.journal-all__header {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
}

.card-circle {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 100%;
  flex-shrink: 0;
}

.card-circle--big {
  max-width: 148px;
}

.card-circle--big .card-circle__image {
  max-height: 148px;
}

@media (min-width:992px) {
  .journal-all__header {
    border-radius: 40px;
  }

  .card-circle--big {
    max-width: 173px;
  }

  .card-circle--big .card-circle__image {
    max-height: 173px;
  }
}

.card-circle--big .card-circle__title {
  font-size: 13px;
}

.card-circle--small {
  max-width: 120px;
}

.card-circle--small .card-circle__image {
  max-height: 120px;
}

.card-circle__image {
  scrollbar-gutter: auto;
  position: relative;
}

.card-circle__image button {
  display: none;
}

.card-circle__image--select::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  position: absolute;
  border: 4px solid #8a98db;
}

.card-circle__image--select button {
  max-height: 24px;
  border: 0;
  display: block;
  position: absolute;
  top: 12px;
  right: 4px;
  padding: 0;
  border-radius: 6px;
  background-color: #edeef6;
}

.card-circle__image--select button i {
  --icon-color: #54565a;
}

.card-circle__image img {
  aspect-ratio: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.card-circle p {
  text-align: center;
  font-size: 12px;
  line-height: 130%;
}

.card-circle__title {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 4px;
  line-height: 130%;
}

.card-small {
  display: flex;
  overflow: hidden;
  border: 1px solid #dcdfee;
  flex-shrink: 0;
  border-radius: 16px;
  flex-direction: column;
}

@media (min-width:992px) {
  .card-circle--small {
    max-width: 145px;
  }

  .card-circle--small .card-circle__image {
    max-height: 145px;
  }

  .card-circle p {
    font-size: 14px;
  }

  .card-small {
    flex-direction: row;
    border-radius: 24px;
  }
}

.card-small--vertical {
  height: 307px;
  max-width: 164px;
}

.card-small--vertical .card-small__image {
  flex: 1 0 0;
  height: 149px;
}

.card-small--vertical .card-small__text {
  flex: 1 0 0;
}

.card-small--vertical .card-small__text p:first-child {
  height: 90px;
}

@media (min-width:992px) {
  .card-small--vertical {
    height: 304px;
    max-width: 371px;
  }

  .card-small--vertical .card-small__image {
    min-width: 195.5px;
    height: 100%;
  }

  .card-small--vertical .card-small__text p:first-child {
    height: auto;
  }

  .card-small--vertical .card-small__text {
    width: 195.5px;
    margin-left: -20px;
    height: 100%;
  }
}

.card-small--horizontal {
  max-width: 164px;
  height: 307px;
  flex-direction: column;
}

.card-small--horizontal .card-small__image {
  margin-bottom: -20px;
  width: 164px;
  height: 149px;
  flex-shrink: 0;
}

@media (min-width:992px) {
  .card-small--horizontal {
    height: 450px;
    max-width: 100%;
  }

  .card-small--horizontal .card-small__image {
    height: 304px;
    margin-bottom: -20px;
    width: 100%;
  }
}

.card-small--horizontal .card-small__text {
  width: 100%;
  height: 55%;
}

@media (min-width:992px) {
  .card-small--horizontal .card-small__text {
    height: 166px;
    justify-content: flex-start;
  }

  .card-small--horizontal .card-small__text .careers-form__field input:first-child,
  .card-small--horizontal .card-small__text .careers-form__field textarea:first-child,
  .card-small--horizontal .card-small__text .careers-section__condition-item p:first-child,
  .card-small--horizontal .card-small__text .delivery-and-payment-section__tab-button:first-child,
  .card-small--horizontal .card-small__text .expandable-question__tab-button:first-child,
  .card-small--horizontal .card-small__text .feedback__input:first-child,
  .card-small--horizontal .card-small__text .feedback__textarea:first-child,
  .card-small--horizontal .card-small__text .p--100:first-child,
  .card-small--horizontal .card-small__text .p--80:first-child,
  .card-small--horizontal .card-small__text .p--90:first-child,
  .card-small--horizontal .card-small__text .p:first-child,
  .card-small--horizontal .card-small__text .promotion-form__field input:first-child,
  .card-small--horizontal .card-small__text .xs-sort-button:first-child,
  .careers-form__field .card-small--horizontal .card-small__text input:first-child,
  .careers-form__field .card-small--horizontal .card-small__text textarea:first-child,
  .careers-section__condition-item .card-small--horizontal .card-small__text p:first-child,
  .promotion-form__field .card-small--horizontal .card-small__text input:first-child {
    font-size: 20px;
  }
}

@media (max-width:992px) {
  .card-small__image {
    height: 149px;
    margin-right: 0;
    margin-bottom: -20px;
  }
}

.card-small__image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.card-small__text {
  box-sizing: border-box;
  background-color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 22px 14px;
  border-radius: 24px;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
}

@media (max-width:992px) {
  .card-small__text {
    width: 100%;
    justify-content: space-between;
    border-radius: 16px;
  }
}

.card-small__text :first-child {
  font-weight: 500;
  line-height: 130%;
  color: #0a0c0f;
  align-self: stretch;
  display: -webkit-box;
  height: 90px;
  flex-shrink: 0;
  -webkit-box-orient: vertical;
  font-size: 14px;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width:992px) {
  .card-small__text :first-child {
    height: auto;
    font-size: 16px;
  }
}

.card-small__text :last-child {
  background-color: #edeef6;
  border-radius: 12px;
  padding: 6px 8px;
  color: #0a0c0f;
  font-size: 12px;
  line-height: 130%;
}

.card-text {
  box-sizing: border-box;
  background-color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: column;
  padding: 23px 16px;
  border-radius: 16px;
  gap: 8px;
  flex-shrink: 0;
  align-items: flex-start;
  border: 1px solid #dcdfee;
}

.card-text :first-child {
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #0a0c0f;
  align-self: stretch;
}

@media (min-width:992px) {
  .card-text {
    max-width: 370px;
    gap: 12px;
    border-radius: 24px;
  }

  .card-text :first-child {
    font-size: 16px;
  }
}

.card-text :last-child {
  background-color: #edeef6;
  border-radius: 12px;
  padding: 6px 8px;
  color: #0a0c0f;
  font-size: 12px;
  line-height: 130%;
}

.journal-title {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: start;
  row-gap: 16px;
}

.journal-title--about>* {
  width: 100%;
}

.journal-title>div {
  width: 100%;
}

@media (min-width:992px) {
  .journal-title {
    flex-direction: row;
    align-items: center;
  }

  .journal-title--about {
    margin-top: 16px;
  }

  .journal-title--about>* {
    width: calc(50% - 12px);
    line-height: 130%;
  }

  .journal-title>div {
    width: calc(50% - 12px);
  }
}

.journal-title__subtitle {
  display: flex;
  gap: 24px;
  flex-direction: column;
  align-items: start;
}

@media (min-width:992px) {
  .journal-title__subtitle {
    flex-direction: row;
    align-items: center;
  }
}

.journal-title__btn {
  text-wrap: nowrap;
  gap: 4px;
  justify-content: center;
}

.journal-title__btn span {
  font-weight: 500;
  line-height: 100%;
  padding-inline: 4px;
}

.journal-title__btn--desktop {
  display: none;
}

.journal-title__btn--desktop:focus {
  overflow: unset;
}

@media (min-width:992px) {
  .journal-title__btn--desktop {
    display: flex;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
    padding: 12px 16px;
  }

  .journal-title__btn--desktop span {
    font-size: 12px;
  }
}

.journal-title__btn--mobile {
  width: 100%;
  padding: 6px 12px;
  border-radius: 12px;
  display: flex;
}

.journal-title__btn--mobile span {
  font-size: 11px;
}

.card-video__big {
  flex-shrink: 0;
}

.card-video__big .card-video__box {
  gap: 0;
  height: 100%;
  padding: 0;
}

.card-video__big .card-video__header {
  margin-bottom: -22px;
}

.card-video__big .card-video__header--background {
  border-radius: 0;
}

.card-video__big .card-video__header--duration {
  bottom: 29px;
}

.card-video__big .card-video__footer {
  padding: 24px 16px;
  z-index: 2;
  border-radius: 24px;
}

.card-video__big .card-video__footer--title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  text-overflow: ellipsis;
  color: #0a0c0f;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .journal-title__btn--mobile {
    display: none;
  }

  .card-video__big .card-video__header--duration {
    bottom: 32px;
  }

  .card-video__big .card-video__footer--title {
    font-size: 20px;
  }
}

.card-video__box {
  padding: 15px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .card-video__box {
    padding: 26px 22px;
    gap: 24px;
    border-radius: 24px;
  }
}

.card-video__header {
  position: relative;
  width: 100%;
  height: 172px;
}

.card-video__header--background {
  border-radius: 9px;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:992px) {
  .card-video__header--background {
    border-radius: 16px;
    height: 100%;
  }

  .card-video__header {
    height: 176px;
  }
}

.card-video__header--duration {
  position: absolute;
  left: 8px;
  bottom: 8px;
  padding: 4px 8px;
  border-radius: 8px;
  background: #e8e9eb;
  color: #54565a;
  font-size: 13px;
  line-height: 130%;
}

.card-video__footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  background-color: rgb(var(--white-color-rgb));
  justify-content: space-between;
}

.card-video__footer--title {
  font-size: 14px;
  color: #000;
  line-height: 130%;
}

@media (min-width:992px) {
  .card-video__header--duration {
    font-size: 14px;
    left: 12px;
    bottom: 12px;
  }

  .card-video__footer {
    gap: 12px;
  }

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

.card-video__footer--date {
  padding: 6px 8px;
  color: #000;
  border-radius: 8px;
  background: #e8e9eb;
  font-size: 12px;
  line-height: 130%;
}

.btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: rgba(95,109,178,.5019607843);
  border: 0;
  width: 56px;
  height: 56px;
  padding: 16px;
}

.btn-play i {
  width: 24px;
  height: 24px;
  background: url("/local/templates/geltek2024/frontend/img/icons/play.svg") center no-repeat;
}

.btn-prev-mobile--banner {
  position: absolute;
  top: 88px;
  left: 16px;
}

.btn-prev-mobile--white a {
  color: rgb(var(--white-color-rgb));
}

.btn-prev-mobile--white i {
  background-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .btn-play--big {
    width: 80px;
    height: 80px;
    padding: 28px;
  }

  .btn-play--middle {
    width: 72px;
    height: 72px;
    padding: 20px;
  }

  .btn-play--middle i {
    width: 32px;
    height: 32px;
  }

  .btn-prev-mobile {
    display: none;
  }
}

.js-tab-article__content-list-item {
  display: none;
}

.js-tab-article__content-list-item--show.js-tab-article__content-list-item {
  display: flex;
  gap: 32px;
  flex-direction: column;
}

.journal-article .wrapper {
  display: flex;
  flex-direction: column;
}

.journal-article .wrapper-last {
  padding-block-start: 48px;
  padding-block-end: 32px;
}

.journal-article .journal-contacts {
  margin-block-start: 16px;
  margin-block-end: 40px;
}

.journal-article__header {
  padding-block-end: 32px;
  padding-block-start: 32px;
}

@media (min-width:992px) {
  .journal-article .wrapper {
    padding-block: 10px;
    margin-block: 72px;
    gap: 40px;
  }

  .journal-article .wrapper-last {
    padding-block: 72px;
  }

  .journal-article .journal-contacts {
    margin-block: 0;
  }

  .journal-article__header {
    padding-block-end: 24px;
    padding-block-start: 0;
  }

  .journal-article .card-video {
    max-height: 380px;
  }

  .journal-article .card-video__box {
    padding: 22px;
  }

  .journal-article .card-video__footer--title {
    font-size: 18px;
  }
}

.journal-news .wrapper {
  margin-block-start: 32px;
  margin-block-end: 48px;
}

.journal-news .wrapper-last {
  padding-block-start: 16px;
  padding-block-end: 72px;
}

.journal-news .tabs {
  padding-block: 0;
}

.journal-news .tabs__tab-panel-item--show {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.journal-news .journal-all__grid {
  margin-block-start: 32px;
}

@media (min-width:992px) {
  .journal-news .wrapper {
    margin-block-start: 72px;
    margin-block-end: 72px;
  }

  .journal-news .wrapper-last {
    padding-block-start: 72px;
    padding-block-end: 72px;
  }

  .journal-news .tabs {
    padding-block: 10px;
  }

  .journal-news .card-video {
    height: 380px;
  }

  .journal-news .card-video__box {
    padding: 22px;
  }

  .journal-news .card-video__footer--title {
    font-size: 18px;
  }

  .journal-news .journal-all__grid {
    margin-block-start: 40px;
    margin-block-end: 0;
  }
}

.journal-video .card-video__box {
  width: 300px;
}

.journal-video .card-video__big .card-video__header--background {
  height: 150px;
}

.journal-video .card-video__big .btn-play {
  transform: translate(-50%,calc(-50% - 8px));
}

.journal-video .card-video__header {
  height: 150px;
}

.journal-video .card-video__footer {
  gap: 12px;
  border-radius: 12px;
}

.journal-reviews .wrapper {
  padding-block-start: 32px;
  padding-block-end: 64px;
}

.journal-reviews .journal-all__grid {
  margin-block-start: 32px;
}

.journal-reviews .tabs__tab-panel-item--show {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width:992px) {
  .journal-video .btn-play {
    transform: translate(-50%,-50%);
  }

  .journal-video .card-video__header {
    height: 304px;
  }

  .journal-video .card-video__header .btn-play {
    transform: translate(-50%,calc(-50% + 26px));
  }

  .journal-video .card-video__big .card-video__header--background {
    height: 100%;
  }

  .journal-video .card-video__footer {
    border-radius: 24px;
  }

  .journal-video .card-video__box {
    width: 568px;
    height: 424px;
  }

  .journal-reviews .wrapper {
    padding-block-start: 82px;
  }

  .journal-reviews .journal-all__grid {
    margin-block-start: 40px;
    margin-block-end: 0;
  }

  .journal-reviews .card-video__footer--title {
    font-size: 18px;
  }

  .journal-reviews .card-video__box {
    padding: 23px;
  }
}

.journal-main .wrapper-last {
  padding-block-start: 40px;
  padding-block-end: 48px;
}

.investors {
  display: flex;
  flex-direction: column;
  padding-block-start: 40px;
  padding-block-end: 48px;
  gap: 40px;
}

@media (min-width:992px) {
  .journal-main .wrapper-last {
    padding-block-start: 0;
    padding-block-end: 72px;
  }

  .investors {
    padding-block-start: 0;
    padding-block-end: 72px;
    gap: 24px;
  }
}

.investors .social-block {
  width: 100%;
  background: rgb(var(--white-color-rgb));
  padding: 20px 16px;
  border-radius: 16px;
}

.investors .social-block__inner {
  display: flex;
  justify-content: space-between;
  gap: 32px;
}

.investors .social-block__content {
  max-width: 844px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 32px;
}

.investors .social-block__logo {
  flex-shrink: 0;
  display: none;
}

@media (min-width:476px) {
  .investors .social-block__logo {
    display: block;
  }
}

.investors .social-block__link {
  font-weight: 400;
  font-size: 13px;
}

.journal-main-products {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 32px;
  margin-block-start: 32px;
  margin-block-end: 40px;
}

.journal-main-news {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

@media (min-width:992px) {
  .investors .social-block {
    padding: 32px 40px;
  }

  .investors .social-block__link {
    font-size: 14px;
  }

  .journal-main-products {
    gap: 40px;
    margin-block: 10px;
    padding-block: 72px;
  }

  .journal-main-news {
    gap: 72px;
  }
}

.journal-main-news-medicine {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .journal-main-news-medicine {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}

.journal-main-news-cosmetics {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .journal-main-news-cosmetics {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
}

.journal-main-vlog {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.journal-main-vlog__title {
  margin-block: 0;
}

.journal-main-vlog .card-video__box {
  max-width: 300px;
}

.journal-main-vlog .card-video__header {
  height: 150px;
}

.journal-main-vlog .card-video__footer {
  gap: 12px;
  border-radius: 16px;
}

@media (min-width:992px) {
  .journal-main-vlog {
    gap: 40px;
  }

  .journal-main-vlog__title {
    margin-block: 7px;
  }

  .journal-main-vlog .card-video__box {
    max-width: 568px;
  }

  .journal-main-vlog .card-video__footer {
    border-radius: 24px;
  }

  .journal-main-vlog .card-video__header {
    height: 305px;
  }

  .journal-main-vlog .btn-play {
    transform: translate(-50%,calc(-50% + 24px));
  }
}

.journal-contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
  position: relative;
  overflow: hidden;
}

.journal-contacts__header {
  max-width: 100%;
}

.journal-contacts__header h5 {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.journal-contacts__socials {
  display: grid;
  grid-template-columns: 204px;
  grid-template-rows: repeat(4,auto);
  grid-column-gap: 0;
  grid-row-gap: 12px;
  position: relative;
  z-index: 2;
}

@media (min-width:992px) {
  .journal-contacts {
    padding: 32px 40px;
    gap: 32px;
  }

  .journal-contacts__header {
    max-width: 75%;
  }

  .journal-contacts__header h5 {
    font-size: 20px;
  }

  .journal-contacts__socials {
    grid-template-columns: repeat(2,max-content);
    grid-template-rows: repeat(2,auto);
    grid-column-gap: 40px;
    grid-row-gap: 24px;
  }
}

.journal-contacts__social-item {
  display: flex;
  gap: 8px;
}

.journal-contacts__social-item .icon {
  flex-shrink: 0;
  --icon-color: #5f6db2;
}

.journal-contacts__social-item-center {
  align-items: center;
}

.journal-contacts__social-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.journal-contacts__social-title {
  color: #0a0c0f;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .journal-contacts__social-title {
    font-size: 14px;
  }
}

.journal-contacts__social-description {
  color: #595b61;
  line-height: 130%;
  font-size: 13px;
}

.journal-contacts__image-wrapper {
  right: 0;
  top: 0;
  position: absolute;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

@media (min-width:992px) {
  .journal-contacts__social-description {
    font-size: 14px;
  }

  .journal-contacts__image-wrapper {
    width: 25%;
  }
}

.journal-contacts__background-icon {
  width: 460px;
  height: 425px;
  display: block;
  position: absolute;
  top: 56px;
  scale: 1.2;
  right: -180px;
}

@media (min-width:992px) {
  .journal-contacts__background-icon {
    top: -43px;
    scale: 1.1;
    right: -96px;
  }
}

.journal-contacts__image {
  position: absolute;
  z-index: 2;
  scale: .9;
  bottom: -11px;
  right: -59px;
}

.journal-main-article {
  display: flex;
  flex-direction: column;
  margin-block: 40px;
  padding-block: 48px;
  gap: 28px;
}

.journal-main-article__container {
  display: flex;
  grid-row-gap: 0;
}

.journal-main-article__tabs-title {
  padding-inline: 16px;
  margin-bottom: 28px;
}

.article-one {
  grid-area: 1/1/2/8;
}

.article-two {
  grid-area: 1/8/2/13;
}

.article-three {
  grid-area: 2/1/3/5;
}

.article-four {
  grid-area: 2/5/3/9;
}

.article-five {
  grid-area: 2/9/3/13;
}

@media (min-width:992px) {
  .journal-contacts__image {
    right: 0;
    bottom: 0;
    scale: 1;
  }

  .journal-main-article {
    gap: 48px;
    margin-block: 0;
    padding-block: 82px;
  }

  .journal-main-article__header {
    height: 129px;
    display: flex;
  }

  .journal-main-article__container {
    display: grid;
    grid-template-columns: repeat(12,1fr);
    grid-template-rows: repeat(2,auto);
    grid-row-gap: 48px;
    grid-column-gap: 24px;
  }

  .journal-main-article__tabs-title {
    padding-inline: 0;
    margin-bottom: 48px;
  }

  .article-five,
  .article-four,
  .article-one,
  .article-three,
  .article-two {
    margin-right: 0!important;
  }
}

.journal-video-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .journal-video-info {
    gap: 32px;
  }
}

.journal-video-info__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
}

@media (min-width:992px) {
  .journal-video-info__list {
    gap: 16px;
  }
}

.journal-video-info iframe {
  max-width: 100%;
  height: auto!important;
  aspect-ratio: 16/9;
}

.journal-video-info__description,
.journal-video-info__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.journal-video-info__description p,
.journal-video-info__item p {
  font-size: 14px;
  line-height: 130%;
}

.journal-video-info__description p:last-child,
.journal-video-info__item p:last-child {
  color: #54565a;
}

.journal-video-info__description p:first-child,
.journal-video-info__item p:first-child {
  flex-shrink: 0;
  width: 18px;
  color: #0a0c0f;
}

.journal-video-info__media {
  position: relative;
  width: 100%;
  max-height: 186px;
}

@media (min-width:992px) {
  .journal-video-info__description p,
  .journal-video-info__item p {
    font-size: 16px;
  }

  .journal-video-info__description p:first-child,
  .journal-video-info__item p:first-child {
    width: 22px;
  }

  .journal-video-info__media {
    max-height: 630px;
  }
}

.journal-video-info__image {
  max-height: 186px;
  border-radius: 13px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:992px) {
  .journal-video-info__image {
    border-radius: 44px;
    max-height: 630px;
  }
}

.journal-video-info__duration {
  position: absolute;
  line-height: 130%;
  left: 8px;
  bottom: 9px;
  font-size: 13px;
  padding: 4px 8px;
  border-radius: 8px;
  background: #e8e9eb;
  color: #54565a;
}

.journal-video-other {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block: 48px;
}

.section--skintest.page-section__shape--bottom {
  margin-bottom: 40px;
}

.section--skintest .breadcrumbs {
  display: none;
}

@media (min-width:992px) {
  .journal-video-info__duration {
    font-size: 14px;
    left: 24px;
    bottom: 24px;
  }

  .journal-video-other {
    gap: 40px;
    padding-block: 72px;
  }

  .section--skintest.page-section__shape--bottom {
    margin-bottom: 72px;
  }

  .section--skintest .breadcrumbs {
    display: flex;
  }
}

.section--skintest-benefits .h2 {
  margin-bottom: 24px;
}

.section--skintest #StartTest {
  width: 100%;
  justify-content: center;
}

.section--skintest .about-section__benefits-wrapper {
  gap: 24px;
}

@media (min-width:992px) {
  .section--skintest-benefits .h2 {
    margin-bottom: 32px;
  }

  .section--skintest-benefits .card--benefit {
    padding: 32px 24px;
  }

  .section--skintest #StartTest {
    width: -moz-max-content;
    width: max-content;
    justify-content: space-between;
  }

  .section--skintest .about-section__benefits-wrapper {
    gap: 40px;
  }
}

.section--skintest .about-section__benefits-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 16px;
}

.section--skintest .about-section__benefits-list .benefit {
  background: rgb(var(--white-color-rgb));
}

.choose-cosmetics--skintest {
  padding: 36px 0;
}

.choose-cosmetics--skintest .choose-cosmetics__test-content {
  position: relative;
  z-index: 100;
  gap: 8px;
}

.choose-cosmetics--skintest .choose-cosmetics__test-content .button,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost--dark,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost--light,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary--dark,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary--light,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary--dark,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary--light,
.choose-cosmetics--skintest .choose-cosmetics__test-content .button-filter,
.choose-cosmetics--skintest .choose-cosmetics__test-content .direction-card__button,
.choose-cosmetics--skintest .choose-cosmetics__test-content .section-history__button,
.choose-cosmetics--skintest .choose-cosmetics__test-content .slider-navigation-next,
.choose-cosmetics--skintest .choose-cosmetics__test-content .slider-navigation-prev {
  padding: 9px 12px;
  font-size: 10px;
  line-height: 1;
  font-weight: 500;
}

@media (min-width:992px) {
  .section--skintest .about-section__benefits-list {
    display: flex;
    flex-wrap: nowrap;
  }

  .choose-cosmetics--skintest {
    padding: 56px 0;
  }

  .choose-cosmetics--skintest .choose-cosmetics__test-content {
    gap: 16px;
  }

  .choose-cosmetics--skintest .choose-cosmetics__test-content .button,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost--dark,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--ghost--light,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary--dark,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--primary--light,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary--dark,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button--secondary--light,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .button-filter,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .direction-card__button,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .section-history__button,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .slider-navigation-next,
  .choose-cosmetics--skintest .choose-cosmetics__test-content .slider-navigation-prev {
    padding: 11px 16px;
    line-height: 1.3;
  }
}

.choose-cosmetics--skintest .choose-cosmetics__test-headings {
  gap: 8px;
}

.choose-cosmetics--skintest .choose-cosmetics__test-headings .h4,
.choose-cosmetics--skintest .choose-cosmetics__test-headings .qa-section__tab-button {
  font-weight: 500;
}

.choose-cosmetics--skintest .choose-cosmetics__test-card {
  position: relative;
  min-height: 264px;
  padding: 24px;
}

.choose-cosmetics--skintest .choose-cosmetics__test-card-picture {
  right: 0;
  bottom: 0;
  height: 100%;
}

.test-card-skintest {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 373px;
  border-radius: 16px;
  overflow: hidden;
  padding: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 320px;
}

.test-card-skintest__img-1 {
  background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-1.png");
}

@media (max-width:400px) {
  .test-card-skintest {
    height: 223px;
    min-width: 100%;
  }

  .test-card-skintest__img-1 {
    background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-mob-1.png") 0 0/cover;
  }
}

.test-card-skintest__img-2 {
  background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-2.png");
}

@media (max-width:400px) {
  .test-card-skintest__img-2 {
    background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-mob-2.png") 0 0/cover;
  }
}

.test-card-skintest__img-3 {
  background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-3.png");
}

.test-card-skintest-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.test-card-skintest-title-banner-1 {
  font-size: 24px;
  margin: 0;
  font-weight: 500;
  max-width: 300px;
  font-family: font-family/display;
  line-height: 100%;
  letter-spacing: -3%;
  vertical-align: middle;
}

@media (max-width:400px) {
  .test-card-skintest__img-3 {
    background: url("/local/templates/geltek2024/frontend/img/upload/skintest/banner-mob-3.png") 0 0/cover;
  }

  .test-card-skintest-container {
    gap: 10px;
  }

  .test-card-skintest-title-banner-1 {
    font-size: 20px;
    margin: 0;
    max-width: 210px;
    font-family: font-family/display;
    font-weight: 500;
    letter-spacing: -3%;
    vertical-align: middle;
  }
}

.test-card-skintest-title-banner-2 {
  font-size: 24px;
  font-weight: 500;
  max-width: 200px;
  margin: 0;
  color: #000;
  line-height: 100%;
}

@media (max-width:400px) {
  .test-card-skintest-title-banner-2 {
    font-size: 20px;
    margin: 0;
    max-width: 159px;
  }
}

.test-card-skintest-title-banner-3 {
  font-size: 24px;
  max-width: 212px;
  font-weight: 500;
  margin: 0;
  line-height: 100%;
}

@media (max-width:400px) {
  .test-card-skintest-title-banner-3 {
    font-size: 20px;
    margin: 0;
    max-width: 185px;
  }
}

.test-card-skintest-text-banner-1 {
  font-size: 14px;
  margin: 0;
  max-width: 188px;
  padding-top: 16px;
}

@media (max-width:400px) {
  .test-card-skintest-text-banner-1 {
    font-size: 12px;
    margin: 0;
    max-width: 210px;
  }
}

.test-card-skintest-text-banner-2 {
  font-size: 14px;
  margin: 0;
  max-width: 188px;
  padding-top: 16px;
  color: #000;
  font-family: font-family/display;
}

@media (max-width:400px) {
  .test-card-skintest-text-banner-2 {
    font-size: 12px;
    margin: 0;
    max-width: 210px;
  }
}

.test-card-skintest-text-banner-3 {
  font-size: 14px;
  margin: 0;
  max-width: 188px;
  padding-top: 16px;
  font-family: font-family/display;
}

@media (max-width:400px) {
  .test-card-skintest-text-banner-3 {
    font-size: 12px;
    margin: 0;
    max-width: 122px;
  }
}

.test-card-skintest-btn-banner-1 {
  width: 147px;
  margin-top: 40%;
  justify-content: center;
  height: 54px;
  background: #edeefd;
  font-family: font-family/body;
  font-weight: 500;
  line-height: 100%;
}

@media (max-width:400px) {
  .test-card-skintest-btn-banner-1 {
    font-size: 14px;
    max-width: 210px;
    width: 126px;
    margin-top: 18%;
    height: 48px;
    border-radius: 12px;
  }
}

.test-card-skintest-btn-banner-2 {
  width: 147px;
  margin-top: 27%;
  justify-content: center;
  height: 54px;
  background: #edeefd;
  font-family: font-family/body;
  font-weight: 500;
  line-height: 100%;
}

@media (max-width:400px) {
  .test-card-skintest-btn-banner-2 {
    font-size: 14px;
    max-width: 210px;
    width: 126px;
    margin-top: 12%;
    height: 48px;
    border-radius: 12px;
  }
}

.test-card-skintest-btn-banner-3 {
  width: 199px;
  margin-top: 27%;
  justify-content: center;
  height: 54px;
  background: #edeefd;
  font-family: font-family/body;
  font-weight: 500;
  line-height: 100%;
}

@media (max-width:400px) {
  .test-card-skintest-btn-banner-3 {
    font-size: 14px;
    max-width: 210px;
    width: 179px;
    margin-top: 12%;
    height: 48px;
    border-radius: 12px;
  }
}

.popup--skin-diagnostic,
.popup--skintest {
  justify-content: flex-start;
  align-items: flex-start;
}

@media (min-width:992px) {
  .choose-cosmetics--skintest .choose-cosmetics__test-headings {
    gap: 16px;
  }

  .choose-cosmetics--skintest .choose-cosmetics__test-card {
    padding: 32px;
  }

  .popup--skin-diagnostic,
  .popup--skintest {
    justify-content: center;
    align-items: center;
  }
}

.popup--skin-diagnostic .popup__wrapper,
.popup--skintest .popup__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
}

@media (min-width:992px) {
  .popup--skin-diagnostic .popup__wrapper,
  .popup--skintest .popup__wrapper {
    max-width: 598px;
    height: auto;
    padding: 32px 40px;
  }
}

.popup--skin-diagnostic .popup__content,
.popup--skintest .popup__content {
  position: relative;
  height: 100%;
  max-height: unset;
}

.popup--skin-diagnostic .popup__content .question .moreInfo,
.popup--skintest .popup__content .question .moreInfo {
  display: inline-block;
  padding: 0;
  transform: translateY(5px);
}

.popup--skin-diagnostic .popup__content .question__description,
.popup--skintest .popup__content .question__description {
  display: none;
}

.popup--skin-diagnostic .popup__content .question__description.show,
.popup--skintest .popup__content .question__description.show {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.popup--skin-diagnostic .popup__content .question__description .button--ghost,
.popup--skin-diagnostic .popup__content .question__description .button--ghost--dark,
.popup--skin-diagnostic .popup__content .question__description .button--ghost--light,
.popup--skintest .popup__content .question__description .button--ghost,
.popup--skintest .popup__content .question__description .button--ghost--dark,
.popup--skintest .popup__content .question__description .button--ghost--light {
  padding: 0;
  margin-bottom: 12px;
}

@media (min-width:992px) {
  .popup--skin-diagnostic .popup__content,
  .popup--skintest .popup__content {
    height: auto;
  }

  .popup--skin-diagnostic .popup__content .question__description.show,
  .popup--skintest .popup__content .question__description.show {
    display: block;
    height: auto;
  }

  .popup--skin-diagnostic .popup__content .question__description .button--ghost,
  .popup--skin-diagnostic .popup__content .question__description .button--ghost--dark,
  .popup--skin-diagnostic .popup__content .question__description .button--ghost--light,
  .popup--skintest .popup__content .question__description .button--ghost,
  .popup--skintest .popup__content .question__description .button--ghost--dark,
  .popup--skintest .popup__content .question__description .button--ghost--light {
    margin-bottom: 16px;
  }
}

.popup--skin-diagnostic .popup__content .question__description .h5,
.popup--skintest .popup__content .question__description .h5 {
  font-size: 20px;
  margin-bottom: 28px;
}

@media (min-width:992px) {
  .popup--skin-diagnostic .popup__content .question__description .h5,
  .popup--skintest .popup__content .question__description .h5 {
    font-size: 32px;
    margin-bottom: 32px;
  }
}

.careers-form__field .popup--skin-diagnostic .popup__content .question__description input,
.careers-form__field .popup--skin-diagnostic .popup__content .question__description textarea,
.careers-form__field .popup--skintest .popup__content .question__description input,
.careers-form__field .popup--skintest .popup__content .question__description textarea,
.careers-section__condition-item .popup--skin-diagnostic .popup__content .question__description p,
.careers-section__condition-item .popup--skintest .popup__content .question__description p,
.popup--skin-diagnostic .popup__content .question__description .careers-form__field input,
.popup--skin-diagnostic .popup__content .question__description .careers-form__field textarea,
.popup--skin-diagnostic .popup__content .question__description .careers-section__condition-item p,
.popup--skin-diagnostic .popup__content .question__description .delivery-and-payment-section__tab-button,
.popup--skin-diagnostic .popup__content .question__description .expandable-question__tab-button,
.popup--skin-diagnostic .popup__content .question__description .feedback__input,
.popup--skin-diagnostic .popup__content .question__description .feedback__textarea,
.popup--skin-diagnostic .popup__content .question__description .p,
.popup--skin-diagnostic .popup__content .question__description .p--100,
.popup--skin-diagnostic .popup__content .question__description .p--80,
.popup--skin-diagnostic .popup__content .question__description .p--90,
.popup--skin-diagnostic .popup__content .question__description .promotion-form__field input,
.popup--skin-diagnostic .popup__content .question__description .xs-sort-button,
.popup--skintest .popup__content .question__description .careers-form__field input,
.popup--skintest .popup__content .question__description .careers-form__field textarea,
.popup--skintest .popup__content .question__description .careers-section__condition-item p,
.popup--skintest .popup__content .question__description .delivery-and-payment-section__tab-button,
.popup--skintest .popup__content .question__description .expandable-question__tab-button,
.popup--skintest .popup__content .question__description .feedback__input,
.popup--skintest .popup__content .question__description .feedback__textarea,
.popup--skintest .popup__content .question__description .p,
.popup--skintest .popup__content .question__description .p--100,
.popup--skintest .popup__content .question__description .p--80,
.popup--skintest .popup__content .question__description .p--90,
.popup--skintest .popup__content .question__description .promotion-form__field input,
.popup--skintest .popup__content .question__description .xs-sort-button,
.promotion-form__field .popup--skin-diagnostic .popup__content .question__description input,
.promotion-form__field .popup--skintest .popup__content .question__description input {
  margin-bottom: 16px;
}

.careers-form__field .popup--skin-diagnostic .popup__content .question__description input:last-of-type,
.careers-form__field .popup--skin-diagnostic .popup__content .question__description textarea:last-of-type,
.careers-form__field .popup--skintest .popup__content .question__description input:last-of-type,
.careers-form__field .popup--skintest .popup__content .question__description textarea:last-of-type,
.careers-section__condition-item .popup--skin-diagnostic .popup__content .question__description p:last-of-type,
.careers-section__condition-item .popup--skintest .popup__content .question__description p:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .careers-form__field input:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .careers-form__field textarea:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .careers-section__condition-item p:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .delivery-and-payment-section__tab-button:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .expandable-question__tab-button:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .feedback__input:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .feedback__textarea:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .p--100:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .p--80:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .p--90:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .p:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .promotion-form__field input:last-of-type,
.popup--skin-diagnostic .popup__content .question__description .xs-sort-button:last-of-type,
.popup--skintest .popup__content .question__description .careers-form__field input:last-of-type,
.popup--skintest .popup__content .question__description .careers-form__field textarea:last-of-type,
.popup--skintest .popup__content .question__description .careers-section__condition-item p:last-of-type,
.popup--skintest .popup__content .question__description .delivery-and-payment-section__tab-button:last-of-type,
.popup--skintest .popup__content .question__description .expandable-question__tab-button:last-of-type,
.popup--skintest .popup__content .question__description .feedback__input:last-of-type,
.popup--skintest .popup__content .question__description .feedback__textarea:last-of-type,
.popup--skintest .popup__content .question__description .p--100:last-of-type,
.popup--skintest .popup__content .question__description .p--80:last-of-type,
.popup--skintest .popup__content .question__description .p--90:last-of-type,
.popup--skintest .popup__content .question__description .p:last-of-type,
.popup--skintest .popup__content .question__description .promotion-form__field input:last-of-type,
.popup--skintest .popup__content .question__description .xs-sort-button:last-of-type,
.promotion-form__field .popup--skin-diagnostic .popup__content .question__description input:last-of-type,
.promotion-form__field .popup--skintest .popup__content .question__description input:last-of-type {
  margin-bottom: 32px;
}

.popup--skin-diagnostic .popup__content .question__description .backButton:last-of-type,
.popup--skintest .popup__content .question__description .backButton:last-of-type {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.section.skintest {
  padding: 28px 0 36px;
}

.section.skintest .breadcrumbs {
  display: none;
}

@media (min-width:992px) {
  .popup--skin-diagnostic .popup__content .question__description .backButton:last-of-type,
  .popup--skintest .popup__content .question__description .backButton:last-of-type {
    margin-top: 0;
    width: auto;
    justify-content: flex-start;
  }

  .section.skintest {
    padding: 48px 0 56px;
  }

  .section.skintest .breadcrumbs {
    display: block;
    margin-bottom: 16px;
  }
}

.section.skintest .h1 {
  margin-bottom: 28px;
}

@media (min-width:992px) {
  .section.skintest .h1 {
    margin-bottom: 48px;
  }
}

.section.skintest .toast {
  display: none;
  padding: 12px;
  border-radius: 12px;
  align-items: flex-start;
  flex: 1 0 0;
  background: rgb(var(--white-color-rgb));
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  margin-bottom: 16px;
}

.section.skintest .toast .icon {
  background: #2e90fa;
  width: 21px;
  min-width: 21px;
  height: 21px;
  margin: -3px 9px 0 -3px;
}

@media (min-width:992px) {
  .section.skintest .toast {
    padding: 16px;
    border-radius: 16px;
    margin-bottom: 24px;
  }

  .section.skintest .toast .icon {
    margin: 0 21px 0 0;
  }
}

.careers-form__field .section.skintest .toast input,
.careers-form__field .section.skintest .toast textarea,
.careers-section__condition-item .section.skintest .toast p,
.promotion-form__field .section.skintest .toast input,
.section.skintest .toast .careers-form__field input,
.section.skintest .toast .careers-form__field textarea,
.section.skintest .toast .careers-section__condition-item p,
.section.skintest .toast .delivery-and-payment-section__tab-button,
.section.skintest .toast .expandable-question__tab-button,
.section.skintest .toast .feedback__input,
.section.skintest .toast .feedback__textarea,
.section.skintest .toast .p,
.section.skintest .toast .p--100,
.section.skintest .toast .p--80,
.section.skintest .toast .p--90,
.section.skintest .toast .promotion-form__field input,
.section.skintest .toast .xs-sort-button {
  font-weight: 500;
  margin-bottom: 8px;
}

.section.skintest .toast .button,
.section.skintest .toast .button--ghost,
.section.skintest .toast .button--ghost--dark,
.section.skintest .toast .button--ghost--light,
.section.skintest .toast .button--primary,
.section.skintest .toast .button--primary--dark,
.section.skintest .toast .button--primary--light,
.section.skintest .toast .button--secondary,
.section.skintest .toast .button--secondary--dark,
.section.skintest .toast .button--secondary--light,
.section.skintest .toast .button-filter,
.section.skintest .toast .direction-card__button,
.section.skintest .toast .section-history__button,
.section.skintest .toast .slider-navigation-next,
.section.skintest .toast .slider-navigation-prev {
  padding: 0;
}

.section .skintest__result {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100vw;
  margin-left: -16px;
  border-radius: 0;
  border-width: 0;
  position: relative;
  overflow: hidden;
}

@media (min-width:992px) {
  .section .skintest__result {
    align-items: stretch;
    width: auto;
    margin-left: 0;
    border-width: 1px;
    border-radius: 24px;
  }
}

.section .skintest__result-image {
  width: 100%;
  display: flex;
  background-size: 150% 130%;
  background-position: 120% 0;
  height: 204px;
  clip-path: path("M-41.9039 318.33C-50.2278 319.981 -58.7999 317.065 -64.3913 310.681L-158.689 203.024C-164.28 196.641 -166.041 187.759 -163.309 179.725L-117.223 44.2323C-114.491 36.1984 -107.68 30.2325 -99.3558 28.582L41.027 .746559C49.3509 -.90393 57.923 2.01171 63.5143 8.39518L157.812 116.053C163.403 122.436 165.164 131.318 162.432 139.351L116.347 274.844C113.614 282.878 106.803 288.844 98.4789 290.495L-41.9039 318.33Z");
  background-color: #dcdfee;
}

@media (min-width:992px) {
  .section .skintest__result-image {
    margin-left: -100px;
    clip-path: path("M150.38 445.594C134.652 448.712 118.455 443.203 107.89 431.142L-70.285 227.723C-80.8498 215.662 -84.1773 198.88 -79.0141 183.7L8.0638 -72.3132C13.227 -87.4933 26.0965 -98.7657 41.8245 -101.884L307.077 -154.479C322.805 -157.598 339.002 -152.089 349.567 -140.027L527.742 63.391C538.307 75.4525 541.634 92.2341 536.471 107.414L449.393 363.427C444.23 378.608 431.361 389.88 415.633 392.999L150.38 445.594Z");
    max-width: 539px;
    background-size: auto;
    background-position: top left;
    height: auto;
  }
}

.section .skintest__result-image img {
  position: relative;
  z-index: 1;
  margin: auto auto 0 -60px;
  height: 160px;
}

.section .skintest__result-content {
  width: 50%;
  min-width: 190px;
  padding: 24px 0;
}

.careers-form__field .section .skintest__result-content input,
.careers-form__field .section .skintest__result-content textarea,
.careers-section__condition-item .section .skintest__result-content p,
.promotion-form__field .section .skintest__result-content input,
.section .skintest__result-content .careers-form__field input,
.section .skintest__result-content .careers-form__field textarea,
.section .skintest__result-content .careers-section__condition-item p,
.section .skintest__result-content .delivery-and-payment-section__tab-button,
.section .skintest__result-content .expandable-question__tab-button,
.section .skintest__result-content .feedback__input,
.section .skintest__result-content .feedback__textarea,
.section .skintest__result-content .p,
.section .skintest__result-content .p--100,
.section .skintest__result-content .p--80,
.section .skintest__result-content .p--90,
.section .skintest__result-content .promotion-form__field input,
.section .skintest__result-content .xs-sort-button {
  margin-bottom: 8px;
}

.section .skintest__result-content .h3 {
  font-size: 20px;
  line-height: 1.3;
  margin-bottom: 12px;
}

@media (min-width:992px) {
  .section .skintest__result-image img {
    margin: auto auto 0 70px;
    height: auto;
  }

  .section .skintest__result-content {
    max-width: 364px;
    margin-right: 120px;
  }

  .section .skintest__result-content .h3 {
    font-size: 32px;
  }
}

.section .skintest__result-content .button,
.section .skintest__result-content .button--ghost,
.section .skintest__result-content .button--ghost--dark,
.section .skintest__result-content .button--ghost--light,
.section .skintest__result-content .button--primary,
.section .skintest__result-content .button--primary--dark,
.section .skintest__result-content .button--primary--light,
.section .skintest__result-content .button--secondary,
.section .skintest__result-content .button--secondary--dark,
.section .skintest__result-content .button--secondary--light,
.section .skintest__result-content .button-filter,
.section .skintest__result-content .direction-card__button,
.section .skintest__result-content .section-history__button,
.section .skintest__result-content .slider-navigation-next,
.section .skintest__result-content .slider-navigation-prev {
  padding: 12px 16px;
  font-size: 11px;
}

.section .skintest__prizes .h2 {
  margin-bottom: 24px;
}

.section .skintest__prizes-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.section .skintest__prizes-item {
  border-radius: 16px;
  padding: 20px 16px;
}

@media (min-width:992px) {
  .section .skintest__result-content .button,
  .section .skintest__result-content .button--ghost,
  .section .skintest__result-content .button--ghost--dark,
  .section .skintest__result-content .button--ghost--light,
  .section .skintest__result-content .button--primary,
  .section .skintest__result-content .button--primary--dark,
  .section .skintest__result-content .button--primary--light,
  .section .skintest__result-content .button--secondary,
  .section .skintest__result-content .button--secondary--dark,
  .section .skintest__result-content .button--secondary--light,
  .section .skintest__result-content .button-filter,
  .section .skintest__result-content .direction-card__button,
  .section .skintest__result-content .section-history__button,
  .section .skintest__result-content .slider-navigation-next,
  .section .skintest__result-content .slider-navigation-prev {
    padding: 18px 20px;
    font-size: 14px;
  }

  .section .skintest__prizes .h2 {
    margin-bottom: 32px;
  }

  .section .skintest__prizes-list {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .section .skintest__prizes-item {
    padding: 32px 24px;
    border-radius: 24px;
  }
}

.section .skintest__prizes-item:last-of-type .skintest__prizes-row:last-of-type {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.section .skintest__prizes-row {
  display: flex;
  align-items: center;
}

.section .skintest__prizes-row .icon {
  width: 64px;
  min-width: 64px;
  height: 64px;
  margin-right: 20px;
  background: #5f6db2;
}

.section .skintest__prizes-row:first-of-type {
  margin-bottom: 24px;
}

.section .skintest__prizes-row:last-of-type {
  gap: 12px;
}

.section .skintest__prizes-row:last-of-type .button,
.section .skintest__prizes-row:last-of-type .button--ghost,
.section .skintest__prizes-row:last-of-type .button--ghost--dark,
.section .skintest__prizes-row:last-of-type .button--ghost--light,
.section .skintest__prizes-row:last-of-type .button--primary,
.section .skintest__prizes-row:last-of-type .button--primary--dark,
.section .skintest__prizes-row:last-of-type .button--primary--light,
.section .skintest__prizes-row:last-of-type .button--secondary,
.section .skintest__prizes-row:last-of-type .button--secondary--dark,
.section .skintest__prizes-row:last-of-type .button--secondary--light,
.section .skintest__prizes-row:last-of-type .button-filter,
.section .skintest__prizes-row:last-of-type .direction-card__button,
.section .skintest__prizes-row:last-of-type .section-history__button,
.section .skintest__prizes-row:last-of-type .slider-navigation-next,
.section .skintest__prizes-row:last-of-type .slider-navigation-prev {
  width: 100%;
  justify-content: center;
  padding: 12px 16px;
  font-size: 11px;
  white-space: nowrap;
}

.section .skintest__prizes-row:last-of-type .input {
  width: 100%;
}

.section .skintest__prizes-row:last-of-type .input input {
  padding: 9px 12px;
  font-size: 13px;
}

.section .skintest__recommend-list {
  margin-top: 36px;
}

.section .skintest__recommend-list .h2 {
  margin-bottom: 24px;
}

.section .skintest__recommend-list .choose-cosmetics {
  padding: 0;
}

.section .skintest__recommend-list .choose-cosmetics__product-category-name-list-wrapper {
  margin-top: 0;
}

.training-page a {
  text-decoration: none;
}

.training-page .js-slider-hide {
  display: none;
}

.training-all__slider-container {
  position: relative;
}

.training-all__slider-container__navigation {
  display: none;
}

.training-all__slider-interlayer {
  overflow: visible;
}

.training-all__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.training-all__heading-description {
  color: #54565a;
  line-height: 18px;
}

.training-all__subtitle {
  display: flex;
  gap: 24px;
  width: calc(50% - 12px);
  align-items: center;
}

.training-all__events {
  margin-top: 32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: auto;
}

@media (min-width:576px) {
  .training-all__slider-container__navigation {
    position: absolute;
    display: flex;
    scale: 103% 1;
    top: 50%;
    z-index: 3;
    transform: translateY(-50%);
  }

  .training-all__slider-interlayer {
    overflow: hidden;
  }

  .training-all__events {
    overflow: visible;
  }
}

.training__team {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

@media (min-width:576px) {
  .training__team {
    overflow: visible;
  }
}

@media (min-width:992px) {
  .section .skintest__prizes-row:last-of-type .button,
  .section .skintest__prizes-row:last-of-type .button--ghost,
  .section .skintest__prizes-row:last-of-type .button--ghost--dark,
  .section .skintest__prizes-row:last-of-type .button--ghost--light,
  .section .skintest__prizes-row:last-of-type .button--primary,
  .section .skintest__prizes-row:last-of-type .button--primary--dark,
  .section .skintest__prizes-row:last-of-type .button--primary--light,
  .section .skintest__prizes-row:last-of-type .button--secondary,
  .section .skintest__prizes-row:last-of-type .button--secondary--dark,
  .section .skintest__prizes-row:last-of-type .button--secondary--light,
  .section .skintest__prizes-row:last-of-type .button-filter,
  .section .skintest__prizes-row:last-of-type .direction-card__button,
  .section .skintest__prizes-row:last-of-type .section-history__button,
  .section .skintest__prizes-row:last-of-type .slider-navigation-next,
  .section .skintest__prizes-row:last-of-type .slider-navigation-prev {
    padding: 18px 20px;
    font-size: inherit;
  }

  .section .skintest__prizes-row:last-of-type .input input {
    padding: 15px 12px;
    font-size: 14px;
  }

  .section .skintest__recommend-list {
    margin-top: 56px;
  }

  .training-all__heading-description {
    line-height: 21px;
  }

  .training__team {
    gap: 24px;
  }
}

.card-team {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  min-width: 234px;
  max-width: 234px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  flex-flow: column;
}

.card-team__photo {
  height: 202px;
}

@media (min-width:576px) {
  .card-team {
    border-radius: 24px;
    min-width: 370px;
  }

  .card-team__photo {
    height: 318px;
  }
}

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

.card-team__text {
  box-sizing: border-box;
  font-size: 13px;
  color: #54565a;
  font-weight: 400;
  line-height: 17px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 8px;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
}

.card-team__text>h3 {
  width: 100%;
  margin: 0;
  color: #0a0c0f;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card-team__text .team__member-role {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 56px;
}

@media (min-width:576px) {
  .card-team__text {
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
  }

  .card-team__text>h3 {
    font-size: 16px;
    line-height: 21px;
  }

  .card-team__text .team__member-role {
    height: 40px;
    -webkit-line-clamp: 2;
  }
}

.card-team__text .team__member-address,
.card-team__text .team__member-experience {
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-team__text .team__bottom-button {
  width: 100%;
  height: 28px;
  padding: 0;
  font-size: 10px;
  justify-content: center;
  font-weight: 500;
  border-radius: 8px;
}

@media (min-width:576px) {
  .card-team__text .team__bottom-button {
    height: 36px;
    padding: 0;
    border-radius: 12px;
  }
}

.card-team__text .icon {
  --icon-color: #5f6db2;
  --icon-width: 20px;
  --icon-height: 20px;
  min-width: 20px;
  min-height: 20px;
}

.card-team__detail-photo {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  margin: 0 auto 12px;
}

.card-team__detail-photo-image {
  width: 182px;
  height: 156px;
}

@media (min-width:992px) {
  .card-team__text .icon {
    --icon-width: 24px;
    --icon-height: 24px;
    min-width: 24px;
    min-height: 24px;
  }

  .card-team__detail .modal__inner {
    max-width: 598px;
  }

  .card-team__detail .modal-center__content {
    padding-bottom: 48px;
  }

  .card-team__detail .modal-center__footer {
    display: none;
  }

  .card-team__detail-photo {
    margin: 0 auto 16px;
  }

  .card-team__detail-photo-image {
    width: 258px;
    height: 222px;
  }
}

.card-team__detail-member-role {
  min-height: 40px;
}

.card-team__detail-member-experience,
.card-team__detail-member-role {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
  margin-bottom: 8px;
}

.card-team__detail-member-experience {
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.card-team__detail-text-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.about-section__expertise-card .benefit-card__text .card-team__detail-text-block>.p--100,
.about-section__expertise-card .benefit-card__text .card-team__detail-text-block>.xs-sort-button,
.card-team__detail-text-block>.delivery-and-payment-section__tab-button,
.card-team__detail-text-block>.expandable-question__tab-button,
.card-team__detail-text-block>.feedback__input,
.card-team__detail-text-block>.feedback__textarea,
.card-team__detail-text-block>.p,
.card-team__detail-text-block>.p--100,
.card-team__detail-text-block>.p--80,
.card-team__detail-text-block>.p--90,
.card-team__detail-text-block>.xs-sort-button,
.careers-form__field .card-team__detail-text-block>input,
.careers-form__field .card-team__detail-text-block>textarea,
.careers-section__condition-item .card-team__detail-text-block>p,
.promotion-form__field .card-team__detail-text-block>input {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .training-all__heading {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .training-all__heading--about {
    margin-top: 16px;
  }

  .training-all__heading--about>* {
    width: calc(50% - 12px);
  }

  .training-all__events {
    flex-direction: row;
    gap: 24px;
  }

  .training-all__events-item {
    flex: calc(50% - 24px);
  }
}

@media (min-width:992px) {
  .card-team__detail-member-experience,
  .card-team__detail-member-role {
    font-size: 14px;
    line-height: 18px;
  }

  .about-section__expertise-card .benefit-card__text .card-team__detail-text-block>.p--100,
  .about-section__expertise-card .benefit-card__text .card-team__detail-text-block>.xs-sort-button,
  .card-team__detail-text-block>.delivery-and-payment-section__tab-button,
  .card-team__detail-text-block>.expandable-question__tab-button,
  .card-team__detail-text-block>.feedback__input,
  .card-team__detail-text-block>.feedback__textarea,
  .card-team__detail-text-block>.p,
  .card-team__detail-text-block>.p--100,
  .card-team__detail-text-block>.p--80,
  .card-team__detail-text-block>.p--90,
  .card-team__detail-text-block>.xs-sort-button,
  .careers-form__field .card-team__detail-text-block>input,
  .careers-form__field .card-team__detail-text-block>textarea,
  .careers-section__condition-item .card-team__detail-text-block>p,
  .promotion-form__field .card-team__detail-text-block>input {
    font-size: 16px;
    line-height: 21px;
  }

  .training-all {
    position: relative;
  }

  .training-all__events {
    margin-top: 72px;
  }
}

.events {
  --icon-color: #0a0c0f;
  text-decoration: none;
  color: #0a0c0f;
  border-radius: 16px;
  overflow: hidden;
  outline: #dcdfee solid 1px;
}

.events__image-wrapper {
  --icon-width: 37px;
  --icon-height: 37px;
  position: relative;
  overflow: hidden;
  height: 220px;
}

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

.events__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;
}

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

.events__footer-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-decoration: none;
  color: #5f6db2;
}

.events__footer-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.events__footer-text-group {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  color: #5f6db2;
  padding: 0 4px;
}

.events__footer-text-link {
  color: #0a0c0f;
}

.events__footer-text-title {
  margin: 0;
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

.events__footer-text-description {
  margin: 0;
  font-size: 11px;
  line-height: 11px;
  font-weight: 400;
}

.events__footer-text .icon-arrow-right {
  background-color: #5f6db2;
}

.training-section__benefits .training-section__benefits-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

@media (min-width:992px) {
  .events__image-wrapper {
    height: 309px;
  }

  .events__footer {
    padding: 24px;
  }

  .events__footer-text {
    gap: 12px;
  }

  .events__footer-text-title {
    font-size: 20px;
    line-height: 26px;
  }

  .events__footer-text-description {
    font-size: 12px;
    line-height: 16px;
  }

  .training-section__benefits .training-section__benefits-title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
  }

  .training-section__benefits-wrapper {
    gap: 24px;
  }
}

.training-section__benefits-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.training-section__benefits-list {
  display: grid;
  grid-template-columns: auto auto;
  gap: 24px 16px;
}

.training-section__benefits-list .benefit-card {
  padding: 12px;
}

.training-section__benefits-list .text-mini,
.training-section__benefits-list .text-small {
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.training-section__benefits-card {
  width: 100%;
  max-width: 100%;
  background: rgb(var(--white-color-rgb));
  border: none;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

.training-section__benefits-card .benefit-card__content {
  gap: 8px;
}

@media (min-width:576px) {
  .training-section__benefits-card {
    width: 100%;
    max-width: 100%;
  }
}

@media (min-width:992px) {
  .training-section__benefits-list {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto auto;
    gap: 24px;
  }

  .training-section__benefits-list .benefit-card {
    padding: 24px;
  }

  .training-section__benefits-list .text-mini,
  .training-section__benefits-list .text-small {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }

  .training-section__benefits-card .benefit-card__content {
    gap: 16px;
  }

  .training-section__benefits-card {
    padding: 24px;
  }
}

.training__video-review {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-right: 0;
}

@media (min-width:992px) {
  .training__video-review {
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .section .skintest__result-image {
    margin-left: 0;
  }

  .training__video-review {
    padding-right: calc(50% - 580px);
  }
}

.training__video-review .training__video-review-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.training-all__slider-container {
  margin-bottom: 36px;
}

.training-video-review-item {
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 120px;
  gap: 12px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

@media (min-width:768px) {
  .training-video-review-item {
    width: 272px;
    height: 272px;
  }
}

.training-video-review-item__image {
  overflow: hidden;
  border-radius: 50%;
  height: 108px;
  width: 108px;
  border: 4px solid #fff;
  outline: #5f6db2 solid 4px;
  box-sizing: content-box;
}

@media (min-width:768px) {
  .training-video-review-item__image {
    width: 248px;
    height: 248px;
  }
}

.training-video-review-item__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.training-section__resources {
  padding-top: 8px;
  padding-bottom: 8px;
  overflow: hidden;
}

.training-section__resources .js-slider-resources {
  margin-left: unset;
  margin-right: unset;
  padding-right: 0;
}

@media (min-width:992px) {
  .training__video-review .training__video-review-title {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
  }

  .training-all__slider-container {
    margin-bottom: 0;
  }

  .training-section__resources {
    padding-top: 10px;
    padding-bottom: 4px;
  }

  .training-section__resources .js-slider-resources {
    padding-right: 16px;
  }
}

.training-section__resources .resource-card__wrapper {
  gap: 12px;
}

.training-section__resources .resource-card__image {
  border-radius: 4px;
}

.training-section__resources-slider-wrapper {
  position: relative;
}

.training-section__resources-slider {
  overflow: visible;
}

.training-section__resources-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .training-section__resources .resource-card__wrapper {
    gap: 16px;
  }

  .training-section__resources .resource-card__image {
    border-radius: 8px;
  }

  .training-section__resources-slider {
    overflow: hidden;
  }

  .training-section__resources-wrapper {
    gap: 40px;
  }
}

.training-section__resources-title {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  gap: 16px;
  z-index: 1;
}

.training-section__resources-title-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #54565a;
}

.training-section__resources-slider-btns {
  display: none;
}

@media (min-width:992px) {
  .training-section__resources-title-description {
    font-size: 16px;
    line-height: 21px;
  }

  .training-section__resources-title {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .training-section__resources-slider-btns {
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width:1250px) {
  .training-section__resources .js-slider-resources {
    padding-right: calc(50% - 580px);
  }

  .training-section__resources-slider-btns {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 105%;
  }
}

.training-section__additional {
  padding: 40px 0 32px;
}

.training-section__additional-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:mdpx) {
  .training-section__additional-wrapper {
    gap: 40px;
  }
}

.training-section__additional-wrapper .additional-card__list {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.training-section__additional-wrapper .additional-card__list .direction-card {
  border: none;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  min-height: 209px;
  padding: 16px;
}

.training-section__additional-wrapper .additional-card__list .direction-card:nth-child(1) .direction-card__content,
.training-section__additional-wrapper .additional-card__list .direction-card:nth-child(1) .direction-card__wrapper {
  gap: 10px;
}

@media (min-width:992px) {
  .training-section__additional {
    padding: 72px 0 67px;
  }

  .training-section__additional-wrapper .additional-card__list {
    flex-direction: row;
    gap: 24px;
  }

  .training-section__additional-wrapper .additional-card__list .direction-card {
    padding: 24px;
    min-height: 222px;
  }

  .training-section__additional-wrapper .additional-card__list .direction-card__wrapper {
    min-height: 174px;
    justify-content: space-between;
  }

  .training-section__additional-wrapper .additional-card__list .direction-card:nth-child(1) .direction-card__content,
  .training-section__additional-wrapper .additional-card__list .direction-card:nth-child(1) .direction-card__wrapper {
    gap: 16px;
  }
}

.training-section__additional-wrapper .additional-card__list .direction-card:nth-child(2) .direction-card__content,
.training-section__additional-wrapper .additional-card__list .direction-card:nth-child(2) .direction-card__wrapper {
  gap: 12px;
}

@media (min-width:992px) {
  .training-section__additional-wrapper .additional-card__list .direction-card:nth-child(2) .direction-card__content,
  .training-section__additional-wrapper .additional-card__list .direction-card:nth-child(2) .direction-card__wrapper {
    gap: 16px;
  }

  .training-section__additional-wrapper .additional-card__list .h5 {
    max-width: 330px;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
  }
}

.training-section__additional-wrapper .additional-card__list .p--80 {
  max-width: 187px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #54565a;
}

.webinars-heading {
  margin: 28px 0;
}

.webinars-heading--detail .h1 {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}

.webinars-tabs__tabs-list {
  width: 100%;
}

@media (min-width:992px) {
  .training-section__additional-wrapper .additional-card__list .p--80 {
    max-width: 370px;
    min-height: unset;
  }

  .webinars-heading {
    margin: 48px 0;
  }

  .webinars-heading--detail {
    margin: 32px 0;
  }

  .webinars-heading--detail .h1 {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
  }

  .webinars-tabs__tabs-list {
    width: -moz-max-content;
    width: max-content;
  }
}

.webinars-tabs__tabs-item {
  flex: 1;
}

.webinars-tabs__current,
.webinars-tabs__past {
  margin: 32px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .webinars-tabs__current,
  .webinars-tabs__past {
    margin-bottom: 122px;
  }

  .webinars-tabs__past {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}

.webinars-tabs__more {
  margin: 0 auto;
  grid-column: span 1;
  align-self: flex-start;
  width: 100%;
}

@media (min-width:992px) {
  .webinars-tabs__more {
    grid-column: span 2;
    width: -moz-max-content;
    width: max-content;
  }
}

@media (min-width:1250px) {
  .webinars-tabs__past {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .webinars-tabs__more {
    grid-column: span 3;
  }
}

.webinar-detail {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}

.webinar-detail .past-webinar {
  padding: 0;
  background-color: transparent;
  outline: 0;
  min-height: unset;
}

@media (min-width:992px) {
  .webinar-detail {
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 122px;
  }

  .webinar-detail .past-webinar {
    min-width: 667px;
    max-height: 364px;
  }

  .webinar-detail .past-webinar__duration {
    left: 16px;
    bottom: 16px;
  }
}

.webinar-detail .past-webinar__video-wrapper {
  max-height: 187px;
}

@media (min-width:576px) {
  .webinar-detail .past-webinar__video-wrapper {
    max-height: unset;
    height: 100%;
  }
}

.webinar-detail__info {
  background-color: rgb(var(--white-color-rgb));
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-radius: 16px;
  overflow-y: auto;
}

@media (min-width:992px) {
  .webinar-detail__info {
    padding: 24px;
    gap: 24px;
    max-height: 364px;
    border-radius: 24px;
  }
}

.webinar-detail__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.webinar-detail__subtitle {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

@media (min-width:992px) {
  .webinar-detail__subtitle {
    font-size: 20px;
    line-height: 26px;
  }
}

.webinar-detail__list {
  padding: 0 0 0 21px;
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #404040;
}

.webinar-detail__lector {
  padding-top: 11px;
  border-top: 1px solid #e8e9eb;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

@media (min-width:992px) {
  .webinar-detail__list {
    color: #0a0c0f;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding-left: 24px;
  }

  .webinar-detail__lector {
    padding: 15px 0 0;
    gap: 6px;
  }
}

.webinar-detail__lector-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.webinar-detail__lector-photo {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.webinar-detail__lector-name {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .webinar-detail__lector-photo {
    width: 64px;
    height: 64px;
  }

  .webinar-detail__lector-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
}

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

.webinar-detail--simple {
  display: block;
}

.webinar-detail--simple iframe,
.webinar-detail--simple img {
  max-width: 100%;
}

.procedures-handbook-heading {
  margin: 28px 0;
}

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

  .procedures-handbook-heading {
    margin: 48px 0;
  }
}

.procedures-handbook-list {
  list-style: none;
  margin: 0 0 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .procedures-handbook-list {
    display: grid;
    grid-template-columns: repeat(2,370px);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 122px;
  }
}

@media (min-width:1250px) {
  .procedures-handbook-list {
    display: grid;
    grid-template-columns: repeat(3,370px);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}

.procedures-handbook-list__item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 16px;
}

.procedures-handbook-list__letter {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  width: 20px;
  text-align: center;
  color: #54565a;
}

@media (min-width:992px) {
  .procedures-handbook-list__item {
    padding-bottom: 0;
  }

  .procedures-handbook-list__letter {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    display: flex;
    justify-content: center;
  }
}

.procedures-handbook-list__letter-list {
  list-style: none;
  margin: 0;
  padding: 4px 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.procedures-handbook-list__link {
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #5f6db2;
  text-decoration-line: underline;
}

.procedure-about {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width:992px) {
  .procedures-handbook-list__letter-list {
    padding: 8px 0;
  }

  .procedures-handbook-list__link {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }

  .procedure-about {
    gap: 56px;
  }
}

.procedure-about__block {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.procedure-about__title {
  font-weight: 500;
  color: #0a0c0f;
}

.procedure-about__text-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.procedure-about__description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #54565a;
}

.procedure-about__image {
  border-radius: 12px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.procedure-about__image-wrapper {
  width: 100%;
  max-height: 187px;
}

.procedure-about__text-list {
  padding: 0 0 0 21px;
  margin: 0;
}

@media (min-width:992px) {
  .procedure-about__description {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }

  .procedure-about__image-wrapper {
    max-height: 400px;
  }

  .procedure-about__text-list {
    padding: 0 0 0 24px;
  }
}

.procedure-about__text-list-item {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #54565a;
}

.procedure-detail-products {
  margin: 40px 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .procedure-about__text-list-item {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    min-height: 21px;
  }

  .procedure-detail-products {
    padding-right: 16px;
    margin: 72px 0;
  }

  .procedure-detail-products .product-slider__list {
    margin-bottom: 0;
  }
}

@media (min-width:1250px) {
  .procedure-detail-products {
    padding-right: calc(50% - 580px);
  }
}

.procedure-detail-reviews {
  margin: 40px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .procedure-detail-reviews {
    margin: 72px 0 122px;
  }
}

.procedure-detail-reviews__list {
  list-style: none;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

@media (min-width:992px) {
  .procedure-detail-reviews__list {
    gap: 24px;
    padding: 24px;
    border-radius: 24px;
  }
}

.procedure-detail-reviews__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 8px 0;
}

.procedure-detail-reviews__item:not(:last-child) {
  padding: 8px 0 20px;
  border-bottom: 1px solid #dcdfee;
  margin-bottom: -1px;
}

.procedure-detail-reviews__author {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.procedure-detail-reviews__name {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

@media (min-width:992px) {
  .procedure-detail-reviews__item {
    padding: 12px 0 16px;
  }

  .procedure-detail-reviews__item:not(:last-child) {
    padding: 12px 0 32px;
  }

  .procedure-detail-reviews__name {
    font-size: 16px;
    line-height: 21px;
  }
}

.procedure-detail-reviews__age {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #999b9f;
}

.procedure-detail-reviews__text {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.procedure-detail .past-webinar {
  padding: 0;
  background-color: transparent;
  outline: 0;
  min-height: unset;
}

@media (min-width:992px) {
  .procedure-detail-reviews__text {
    font-size: 16px;
    line-height: 21px;
  }

  .procedure-detail .past-webinar {
    min-width: 667px;
    max-height: 633px;
  }

  .procedure-detail .past-webinar__duration {
    left: 16px;
    bottom: 16px;
  }
}

.procedure-detail .past-webinar__video-wrapper {
  max-height: 187px;
}

.master-classes-heading {
  margin: 28px 0;
}

@media (min-width:992px) {
  .master-classes-heading {
    margin: 48px 0;
  }
}

.master-classes-info {
  margin-bottom: 16px;
  height: 90px;
}

@media (min-width:992px) {
  .master-classes-info {
    margin-bottom: 32px;
    height: 82px;
  }
}

.master-classes-info__notification {
  margin: 0;
  padding: 11px 12px 12px 42px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.master-classes-info__notification .notification__description {
  margin: 0;
}

.master-classes-list {
  margin: 16px 0 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.master-classes-address {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 32px 0;
}

@media (min-width:992px) {
  .master-classes-info__notification {
    padding: 16px 16px 16px 49px;
  }

  .master-classes-list {
    gap: 24px;
    margin: 32px 0;
  }

  .master-classes-address {
    margin: 32px 0 122px;
  }
}

.master-classes-address__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .master-classes-address__content {
    flex-direction: row;
    gap: 24px;
  }
}

.master-classes-address__card {
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  background-color: rgb(var(--white-color-rgb));
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
}

.master-classes-address__card-image {
  width: 100%;
  min-height: 184px;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}

@media (min-width:992px) {
  .master-classes-address__card {
    min-width: 370px;
    gap: 16px;
    padding-bottom: 20px;
    border-radius: 24px;
  }

  .master-classes-address__card-image {
    min-height: 200px;
  }
}

.master-classes-address__card-list {
  list-style: none;
  margin: 0;
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.master-classes-address__card-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.master-classes-address__card-text {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.master-classes-address__map {
  width: 100%;
  min-height: 280px;
  border-radius: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

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

  .master-classes-address__map {
    min-height: 424px;
    border-radius: 24px;
  }
}

.tricky-banner {
  position: relative;
  width: 100%;
}

.tricky-banner__bg {
  width: 100%;
  aspect-ratio: 375/617;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.tricky-banner__bg--desk {
  display: none;
}

@media (min-width:768px) {
  .tricky-banner__bg {
    aspect-ratio: 1920/876;
  }

  .tricky-banner__bg--desk {
    display: block;
  }

  .tricky-banner__bg--mob {
    display: none;
  }
}

.tricky-banner__btn {
  position: absolute;
  bottom: 26.6666666667vw;
  left: 4.2666666667vw;
  display: inline-flex;
  align-items: center;
  gap: 1.8666666667vw;
  border-radius: 3.7333333333vw;
  padding: 4.2666666667vw 6.9333333333vw;
  font-weight: 500;
  font-size: 3.2vw;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  background: #fff;
}

.tricky-banner__btn:hover {
  background: rgba(255,255,255,.9);
}

.tricky-banner__btn:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 6px rgba(255,255,255,.2);
}

.tricky-banner__btn:focus {
  border-radius: 3.7333333333vw;
}

.tricky-banner__btn-icon {
  display: inline-block;
  width: 5.6vw;
  aspect-ratio: 1;
  background-color: #5f6db2;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg");
  mask: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-.5333333333vw);
}

@media (min-width:768px) {
  .tricky-banner__btn {
    bottom: 7.1354166667vw;
    left: 19.7916666667vw;
    gap: .5208333333vw;
    border-radius: .8333333333vw;
    padding: .8333333333vw 1.3541666667vw;
    font-size: .7291666667vw;
  }

  .tricky-banner__btn:focus {
    border-radius: .8333333333vw;
  }

  .tricky-banner__btn-icon {
    width: 1.25vw;
    transform: translateY(-.1041666667vw);
  }
}

.profile {
  padding-bottom: 24px;
}

.profile-main {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.profile-details {
  width: 100%;
}

@media (min-width:992px) {
  .profile {
    padding-bottom: 72px;
  }

  .profile-main {
    flex-direction: row;
    gap: 24px;
    margin-top: 24px;
  }

  .profile-menu {
    display: flex;
  }

  .profile-details {
    max-width: 667px;
  }
}

.profile .recently-viewed {
  margin-bottom: 0;
}

.profile-menu {
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  max-height: unset;
  overflow-x: clip;
  margin: 0;
  background-color: rgb(var(--white-color-rgb));
  overflow: auto;
  translate: 200vw 0;
  transition: translate .6s ease-in-out;
}

.profile-menu--open {
  z-index: 200;
  translate: 0;
  width: 100%;
  max-height: 100vh;
}

.profile-menu .profile-contacts {
  padding: 0 16px;
}

.profile-menu .profile-contacts__item {
  padding: 0;
}

.profile-menu__close-button {
  margin-left: auto;
}

@media (min-width:992px) {
  .profile-menu--open {
    max-height: unset;
  }

  .profile-menu {
    translate: 0;
    transition: none;
    width: 100%;
    max-width: 273px;
    height: 100%;
    margin-block-start: 0;
    position: static;
    background-color: transparent;
  }

  .profile-menu__close-button.button--ghost,
  .profile-menu__close-button.button--ghost--dark,
  .profile-menu__close-button.button--ghost--light {
    display: none;
  }
}

.profile-menu__list {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

.profile-menu__item {
  border-bottom: 1px solid #e8e9eb;
}

.profile-menu__item--notifications {
  display: none;
}

.profile-menu__item:last-child {
  border-bottom: 0;
}

@media (min-width:992px) {
  .profile-menu__list {
    margin: 0 0 16px;
    padding: 8px;
  }

  .profile-menu__item--notifications {
    display: flex;
  }

  .profile-menu__item {
    border-bottom: 0;
  }

  .profile-menu__link--active {
    background-color: #e8e9eb;
  }
}

.profile-menu__link {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  text-decoration: none;
  border-radius: 16px;
  width: 100%;
}

.profile-menu__link--active[data-notifications-quantity]::after {
  content: attr(data-notifications-quantity);
  width: 20px;
  height: 20px;
  background-color: #5f6db2;
  color: #fff;
  padding-top: 2px;
  display: flex;
  border-radius: 50%;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
  line-height: 100%;
  align-items: center;
  justify-content: center;
}

.profile-menu__icon-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.profile-menu__icon {
  height: 24px;
  width: 24px;
}

.profile-menu__icon i {
  flex-shrink: 0;
  --icon-color: #0a0c0f;
}

.profile-menu__text {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.profile-menu__corner-icon i {
  flex-shrink: 0;
  --icon-color: #0a0c0f;
}

.profile-menu-open-button {
  margin: 24px 0;
  color: #0a0c0f;
  --icon-color: #0a0c0f;
  border: 1px solid #dcdfee;
  width: 100%;
}

@media (min-width:992px) {
  .profile-menu__link {
    padding: 12px 17px 12px 12px;
  }

  .profile-menu__text {
    font-size: 16px;
  }

  .profile-menu-open-button.btn-ghost-light,
  .profile-menu__corner-icon {
    display: none;
  }
}

.profile-contacts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .profile-contacts {
    display: none;
  }
}

.profile-contacts__title {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.profile-contacts__info {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: repeat(2,1fr);
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

.profile-contacts__item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  padding: 4px 8px;
  height: 48px;
}

.profile-contacts__item i {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background-color: #0a0c0f;
}

.profile-contacts__link,
.profile-contacts__text {
  text-decoration: none;
  color: #0a0c0f;
  font-size: 12px;
  line-height: 130%;
}

.profile-banner {
  overflow: hidden;
  display: block;
}

@media (min-width:992px) {
  .profile-banner {
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .profile-banner {
    padding-right: calc(50% - 580px);
  }
}

.profile-banner__slide {
  position: relative;
  flex-shrink: 0;
  min-height: 204px;
  border-radius: 16px;
  background: #7783bd;
  padding: 16px 88px 16px 16px;
  overflow: hidden;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-banner__slide {
    gap: 20px;
    min-height: 264px;
    padding: 32px;
    border-radius: 24px;
    justify-content: flex-start;
  }
}

.profile-banner__slide--bg {
  background: radial-gradient(314.13% 82.57% at 59.19% 50%,#8597f3 0,#5261ad 100%);
}

.profile-banner__slide--bot {
  padding-right: 128px;
}

.profile-banner__slide--width {
  width: 100%;
}

.profile-banner__slide-description {
  color: rgba(var(--white-color-rgb),.8);
}

.profile-banner__slide-info {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 239px;
}

@media (min-width:576px) {
  .procedure-detail .past-webinar__video-wrapper {
    max-height: unset;
    height: 100%;
  }

  .profile-banner__slide {
    max-width: unset;
  }

  .profile-banner__slide-info {
    max-width: 320px;
    gap: 12px;
  }

  .profile-banner__slide-image {
    right: 0;
  }
}

@media (min-width:992px) {
  .profile-banner__slide-info {
    max-width: 464px;
  }
}

.profile-banner__slide-mob-image {
  margin-left: auto;
  width: 100%;
  max-width: 400px;
}

@media (min-width:768px) {
  .profile-banner__slide-mob-image {
    display: none;
  }
}

.profile-banner__slide-mob-image img {
  width: 100%;
}

.profile-banner__slide-image {
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  top: 0;
  pointer-events: none;
}

.profile-banner__slide-image img {
  -o-object-position: calc(100% + 180px);
  object-position: calc(100% + 180px);
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

@media (min-width:440px) {
  .profile-banner__slide-image img {
    -o-object-position: unset;
    object-position: unset;
  }
}

.profile-banner__slide-image--desk {
  display: none;
}

@media (min-width:768px) {
  .profile-banner__slide-image--desk {
    display: block;
  }
}

.profile-banner__slide-image--desk-and-tablet {
  display: none;
}

@media (min-width:992px) {
  .profile-banner__slide-image--desk-and-tablet {
    display: block;
  }
}

@media (min-width:576px) {
  .profile-banner__slide-image--desk-and-tablet {
    display: block;
  }
}

@media (min-width:768px) {
  .profile-banner__slide-image--desk-and-tablet {
    display: block;
  }

  .profile-banner__slide-image--mob,
  .profile-banner__slide-image--only-mob {
    display: none;
  }
}

.profile-banner__slide-image--bot img {
  -o-object-position: calc(100% + 100px);
  object-position: calc(100% + 100px);
}

@media (min-width:576px) {
  .profile-banner__slide-image--only-mob {
    display: none;
  }

  .profile-banner__slide-image--bot img {
    -o-object-position: calc(100% + 80px);
    object-position: calc(100% + 80px);
  }
}

@media (min-width:768px) {
  .profile-banner__slide-image--bot img {
    -o-object-position: calc(100% + 180px);
    object-position: calc(100% + 180px);
  }
}

@media (min-width:1250px) {
  .profile-banner__slide-image--bot img {
    -o-object-position: 46%;
    object-position: 46%;
  }
}

.profile-banner__slide-btn {
  padding-inline: 8px;
  z-index: 1;
}

@media (min-width:992px) {
  .profile-banner__slide-image--only-mob {
    display: none;
  }

  .profile-banner__slide-btn {
    padding-inline: 12px;
  }
}

.profile-banner__slide-btn-black {
  min-width: 93px;
  border-radius: 4.49px;
  padding: 5.78px;
  justify-content: center;
  color: #454545!important;
  font-weight: 500;
  font-size: 7.7px;
}

@media (min-width:992px) {
  .profile-banner__slide-btn-black {
    color: #454545;
    border-radius: 8.74px;
    min-width: 181px;
    justify-content: center;
    padding: 11.24px;
    font-weight: 500;
    font-size: 14.98px;
  }
}

.profile-banner__slide-btn-white {
  min-width: 93px;
  border-radius: 4.49px;
  padding: 5.78px;
  justify-content: center;
  color: #fff!important;
  background-color: #5f6db2;
  font-weight: 500;
  font-size: 7.7px;
}

@media (min-width:992px) {
  .profile-banner__slide-btn-white {
    color: #454545;
    border-radius: 8.74px;
    min-width: 181px;
    justify-content: center;
    padding: 11.24px;
    font-weight: 500;
    font-size: 14.98px;
  }
}

.profile-banner__slide-title {
  max-width: 80%;
  color: #fff;
  font-weight: 700;
  font-size: 15.49px;
  line-height: 1.2;
  margin-bottom: 0;
}

@media (min-width:992px) {
  .profile-banner__slide-title {
    font-size: 36px;
    max-width: none;
    line-height: 42px;
    margin-bottom: -3px;
  }
}

.profile-banner__slide-text {
  max-width: 80%;
  color: #fff;
  font-weight: 400;
  font-size: 11.31px;
  line-height: 1.3;
  margin-top: 15px;
}

.profile-banner__slider-container {
  position: relative;
}

.profile-banner__slider-container__navigation {
  position: absolute;
  scale: 105% 1;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
}

@media (max-width:992px) {
  .profile-banner__slider-container__navigation {
    display: none;
  }

  .profile-section-sale .btn--S:not(.btn-vip) {
    width: 100%;
  }
}

.profile-banner__slider-interlayer {
  overflow: hidden;
}

.profile-header.container {
  padding-block: 28px;
  display: none;
  flex-direction: column;
  gap: 16px;
}

.profile-header__title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.profile-header__title-name.h1 {
  color: #0a0c0f;
  font-size: 24px;
  line-height: 130%;
  font-weight: 700;
}

.profile-header__title-notification {
  flex-shrink: 0;
}

.profile-header__title-notification::after {
  top: -2px!important;
  right: -2px!important;
}

@media (min-width:992px) {
  .profile-banner__slide-text {
    font-size: 21.97px;
    max-width: none;
    line-height: 21px;
    margin-top: 0;
  }

  .profile-header.container {
    display: flex;
    padding-block: 32px;
  }

  .profile-header__title-name.h1 {
    font-size: 32px;
  }

  .profile-header__title-notification {
    display: none;
  }
}

.profile-header__title-notification i {
  --icon-color: #0a0c0f;
}

.profile-section-header {
  padding-block: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.profile-section-header__button-back {
  padding: 0;
}

.profile-section-header__button-back p {
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

.profile-section-header__button-back i {
  scale: -1 -1;
  --icon-color: #5f6db2;
}

.profile-section-header__title {
  color: #0a0c0f;
  font-size: 24px;
  font-weight: 800;
  line-height: 130%;
}

.profile-section-info {
  padding: 9px;
  border-radius: 12px;
}

.about-section__expertise-card .benefit-card__text .profile-section-info .p--100,
.about-section__expertise-card .benefit-card__text .profile-section-info .xs-sort-button,
.careers-form__field .profile-section-info input,
.careers-form__field .profile-section-info textarea,
.careers-section__condition-item .profile-section-info p,
.profile-section-info .about-section__expertise-card .benefit-card__text .p--100,
.profile-section-info .about-section__expertise-card .benefit-card__text .xs-sort-button,
.profile-section-info .careers-form__field input,
.profile-section-info .careers-form__field textarea,
.profile-section-info .careers-section__condition-item p,
.profile-section-info .delivery-and-payment-section__tab-button,
.profile-section-info .expandable-question__tab-button,
.profile-section-info .feedback__input,
.profile-section-info .feedback__textarea,
.profile-section-info .p,
.profile-section-info .p--100,
.profile-section-info .p--80,
.profile-section-info .p--90,
.profile-section-info .promotion-form__field input,
.profile-section-info .xs-sort-button,
.promotion-form__field .profile-section-info input {
  font-size: 13px;
}

@media (min-width:992px) {
  .profile-section-header {
    display: none;
  }

  .profile-section-info {
    border-radius: 16px;
    padding: 16px 14px;
  }

  .about-section__expertise-card .benefit-card__text .profile-section-info .p--100,
  .about-section__expertise-card .benefit-card__text .profile-section-info .xs-sort-button,
  .careers-form__field .profile-section-info input,
  .careers-form__field .profile-section-info textarea,
  .careers-section__condition-item .profile-section-info p,
  .profile-section-info .about-section__expertise-card .benefit-card__text .p--100,
  .profile-section-info .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .profile-section-info .careers-form__field input,
  .profile-section-info .careers-form__field textarea,
  .profile-section-info .careers-section__condition-item p,
  .profile-section-info .delivery-and-payment-section__tab-button,
  .profile-section-info .expandable-question__tab-button,
  .profile-section-info .feedback__input,
  .profile-section-info .feedback__textarea,
  .profile-section-info .p,
  .profile-section-info .p--100,
  .profile-section-info .p--80,
  .profile-section-info .p--90,
  .profile-section-info .promotion-form__field input,
  .profile-section-info .xs-sort-button,
  .promotion-form__field .profile-section-info input {
    font-size: 14px;
  }
}

.about-section__expertise-card .benefit-card__text .profile-section-info .p--100 span,
.about-section__expertise-card .benefit-card__text .profile-section-info .xs-sort-button span,
.careers-form__field .profile-section-info input span,
.careers-form__field .profile-section-info textarea span,
.careers-section__condition-item .profile-section-info p span,
.profile-section-info .about-section__expertise-card .benefit-card__text .p--100 span,
.profile-section-info .about-section__expertise-card .benefit-card__text .xs-sort-button span,
.profile-section-info .careers-form__field input span,
.profile-section-info .careers-form__field textarea span,
.profile-section-info .careers-section__condition-item p span,
.profile-section-info .delivery-and-payment-section__tab-button span,
.profile-section-info .expandable-question__tab-button span,
.profile-section-info .feedback__input span,
.profile-section-info .feedback__textarea span,
.profile-section-info .p span,
.profile-section-info .p--100 span,
.profile-section-info .p--80 span,
.profile-section-info .p--90 span,
.profile-section-info .promotion-form__field input span,
.profile-section-info .xs-sort-button span,
.promotion-form__field .profile-section-info input span {
  font-weight: 700;
}

.profile-input--text {
  width: 100%;
  flex-direction: column;
  position: relative;
}

.profile-input--text[data-error] .profile--error {
  display: flex;
}

.profile-input--text:not([data-error])[data-info]::after {
  content: attr(data-info);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 8px;
  margin-left: 12px;
  color: #6a6d72;
  display: block;
}

.profile-input--text:not([data-error]) input[value]:not([value=""]) {
  border: 2px solid #5f6db2;
}

.profile-input--text:not([data-error]) .profile--error {
  display: none;
}

.profile-input--text .label input {
  padding: 22px 12px 4px 10px;
}

.careers-form__field .profile-input--text .label input:required+input::after,
.careers-form__field .profile-input--text .label input:required+textarea::after,
.careers-section__condition-item .profile-input--text .label input:required+p::after,
.profile-input--text .label .careers-form__field input:required+input::after,
.profile-input--text .label .careers-form__field input:required+textarea::after,
.profile-input--text .label .careers-section__condition-item input:required+p::after,
.profile-input--text .label .promotion-form__field input:required+input::after,
.profile-input--text .label input:required+.delivery-and-payment-section__tab-button::after,
.profile-input--text .label input:required+.expandable-question__tab-button::after,
.profile-input--text .label input:required+.feedback__input::after,
.profile-input--text .label input:required+.feedback__textarea::after,
.profile-input--text .label input:required+.p--100::after,
.profile-input--text .label input:required+.p--80::after,
.profile-input--text .label input:required+.p--90::after,
.profile-input--text .label input:required+.p::after,
.profile-input--text .label input:required+.xs-sort-button::after,
.promotion-form__field .profile-input--text .label input:required+input::after {
  content: "*";
  color: #f79009;
  margin-left: 2px;
}

.profile-input--text .label input:disabled {
  background: #fdfdfd!important;
  border: 2px solid #e8e9eb!important;
  color: #999b9f!important;
}

.careers-form__field .profile-input--text .label input:disabled+input,
.careers-form__field .profile-input--text .label input:disabled+textarea,
.careers-section__condition-item .profile-input--text .label input:disabled+p,
.profile-input--text .label .careers-form__field input:disabled+input,
.profile-input--text .label .careers-form__field input:disabled+textarea,
.profile-input--text .label .careers-section__condition-item input:disabled+p,
.profile-input--text .label .promotion-form__field input:disabled+input,
.profile-input--text .label input:disabled+.delivery-and-payment-section__tab-button,
.profile-input--text .label input:disabled+.expandable-question__tab-button,
.profile-input--text .label input:disabled+.feedback__input,
.profile-input--text .label input:disabled+.feedback__textarea,
.profile-input--text .label input:disabled+.p,
.profile-input--text .label input:disabled+.p--100,
.profile-input--text .label input:disabled+.p--80,
.profile-input--text .label input:disabled+.p--90,
.profile-input--text .label input:disabled+.xs-sort-button,
.promotion-form__field .profile-input--text .label input:disabled+input {
  color: #999b9f!important;
}

.careers-form__field .profile-input--text .label textarea:required+input::after,
.careers-form__field .profile-input--text .label textarea:required+textarea::after,
.careers-section__condition-item .profile-input--text .label textarea:required+p::after,
.profile-input--text .label .careers-form__field textarea:required+input::after,
.profile-input--text .label .careers-form__field textarea:required+textarea::after,
.profile-input--text .label .careers-section__condition-item textarea:required+p::after,
.profile-input--text .label .promotion-form__field textarea:required+input::after,
.profile-input--text .label textarea:required+.delivery-and-payment-section__tab-button::after,
.profile-input--text .label textarea:required+.expandable-question__tab-button::after,
.profile-input--text .label textarea:required+.feedback__input::after,
.profile-input--text .label textarea:required+.feedback__textarea::after,
.profile-input--text .label textarea:required+.p--100::after,
.profile-input--text .label textarea:required+.p--80::after,
.profile-input--text .label textarea:required+.p--90::after,
.profile-input--text .label textarea:required+.p::after,
.profile-input--text .label textarea:required+.xs-sort-button::after,
.promotion-form__field .profile-input--text .label textarea:required+input::after {
  content: "*";
  color: #f79009;
  margin-left: 2px;
}

.profile-details {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .profile-input--text .label input {
    padding: 26px 12px 8px 10px;
  }

  .profile-details {
    gap: 32px;
  }
}

.profile-details__section {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

.profile-details__section-title {
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 136%;
}

@media (min-width:992px) {
  .profile-details__section {
    max-width: 667px;
    gap: 24px;
    padding: 24px;
  }

  .profile-details__section-title {
    font-size: 32px;
    max-width: 544px;
  }
}

.profile-details__fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-details__fields {
    gap: 20px;
    max-width: 544px;
  }

  .profile-details__save {
    max-width: 544px;
  }
}

.profile-details__save {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-details__save p {
  font-size: 12px;
  line-height: 130%;
  color: #54565a;
}

.profile-details__save p a {
  text-decoration: none;
  color: #54565a;
  border-bottom: 1px solid #54565a;
}

.profile-details__gender {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-details__gender-title {
  color: #0a0c0f;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.profile-details__gender-options {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.profile-details__radio {
  display: flex;
  height: 24px;
  align-items: center;
}

.profile-details__radio label {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.profile-details__birthday {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-details__contact-methods {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.profile-details__contact-method {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.profile-details__button {
  border: 0;
  outline: 0!important;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
}

.profile-details__button i {
  background-color: #0a0c0f!important;
}

@media (min-width:992px) {
  .profile-details__gender-title,
  .profile-details__radio label {
    font-size: 16px;
  }

  .profile-details__contact-methods {
    max-width: 544px;
  }

  .profile-details__button {
    padding: 7px 12px 0;
  }
}

.profile-details__city {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-details__city-title {
  color: #0a0c0f;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-details__city-title {
    font-size: 16px;
  }
}

.profile-details__city-info {
  width: -moz-max-content;
  width: max-content;
  height: 36px;
  border: 0;
  padding: 0;
  outline: 0;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  color: #5f6db2;
  font-size: 11px;
}

.profile-details__city-info i {
  flex-shrink: 0;
  background-color: #5f6db2;
}

.profile-care-selections__main-title {
  display: none;
}

@media (min-width:992px) {
  .profile-details__city-info {
    height: 48px;
    font-size: 12px;
  }

  .profile-care-selections__main-title {
    display: block;
    color: #0a0c0f;
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 24px;
  }
}

.profile-care-selections__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 667px;
}

.profile-care-selections__column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-care-selections__column {
    gap: 24px;
  }
}

.profile-care-selections__available-tests-title {
  color: #0a0c0f;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.profile-care-selections__item {
  height: 200px;
  display: flex;
  position: relative;
  overflow: hidden;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background-color: #edeef6;
  justify-content: space-between;
}

.profile-care-selections__item--blue-dark {
  background-color: #5f6db2;
}

.profile-care-selections__item--blue-light {
  background-color: #7783bd;
}

.profile-care-selections__item--orange-light {
  background-color: #eeebe5;
}

@media (min-width:992px) {
  .profile-care-selections__item {
    height: 165px;
    gap: 16px;
    border-radius: 24px;
  }
}

.profile-care-selections__item-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  height: 100%;
  max-width: 65%;
  justify-content: flex-start;
}

.profile-care-selections__title {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.profile-care-selections__title--white {
  color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .profile-care-selections__item-header {
    justify-content: center;
    max-width: 75%;
  }

  .profile-care-selections__title {
    font-size: 20px;
  }
}

.profile-care-selections__date {
  color: #54565a;
  font-size: 12px;
  line-height: 130%;
}

.profile-care-selections__date--white {
  color: rgb(var(--white-color-rgb));
}

.profile-care-selections__actions {
  max-width: 65%;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.profile-care-selections__image-container {
  position: absolute;
  right: -14px;
  top: 0;
  height: 100%;
}

.profile-care-selections__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.profile-care-selections__btn {
  padding-inline: 8px;
}

.profile-section-sale__content {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: 184px 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

@media (min-width:992px) {
  .profile-care-selections__actions {
    flex-direction: row;
  }

  .profile-care-selections__btn {
    padding-inline: 12px;
  }

  .profile-section-sale {
    max-width: 667px;
  }

  .profile-section-sale__content {
    grid-template-columns: repeat(7,1fr);
    grid-template-rows: 132px 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }
}

.profile-section-sale__info {
  grid-area: 1/1/2/2;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: flex-end;
  padding: 12px;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
  background-image: url("/local/templates/geltek2024/frontend/img/icons/group-background.svg");
  background-repeat: no-repeat;
  background-position: calc(100% + 43px) -33px;
}

@media (min-width:992px) {
  .profile-section-sale__info {
    grid-area: 1/1/2/5;
    padding: 16px;
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    justify-content: space-between;
    background-position: calc(100% + 23px) -50px;
  }
}

.profile-section-sale__info-ask {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.profile-section-sale__info-question {
  padding: 0;
}

.profile-section-sale__info-question span {
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
}

.profile-section-sale__info-percent {
  color: #5f6db2;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-section-sale__info-ask {
    justify-content: flex-start;
  }

  .profile-section-sale__info-question span {
    font-size: 16px;
  }

  .profile-section-sale__info-question span br {
    display: none;
  }

  .profile-section-sale__info-percent {
    font-size: 24px;
  }
}

.profile-section-sale__info-label {
  color: #999b9f;
  font-size: 12px;
  line-height: 130%;
}

.profile-section-sale__info-value {
  color: #54565a;
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}

.profile-section-sale__lvl {
  grid-area: 1/2/2/3;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border-radius: 16px;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .profile-section-sale__info-value {
    font-size: 14px;
  }

  .profile-section-sale__lvl {
    padding: 16px;
    grid-area: 1/5/2/8;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    justify-content: space-between;
  }
}

.profile-section-sale__lvl-amount {
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
}

.profile-section-sale__lvl-amount text {
  font-size: 13px;
  font-weight: 500;
  line-height: 130%;
}

.profile-section-sale__lvl-info {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

@media (min-width:992px) {
  .profile-section-sale__lvl-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
  }
}

.profile-section-sale__lvl-text {
  color: #54565a;
  font-size: 12px;
  line-height: 130%;
}

.profile-section-sale__upload {
  grid-area: 2/1/3/3;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
  border-radius: 16px;
  background: linear-gradient(108deg,#edeef6 -39.9%,#edeef6 -6.95%,#c8caff 82.7%);
}

.profile-section-sale__upload-heading {
  margin-block: 9px;
}

@media (min-width:992px) {
  .profile-section-sale__upload {
    grid-area: 2/1/3/8;
    padding: 16px;
    gap: 24px;
  }

  .profile-section-sale__upload-heading {
    margin-block: 10px;
  }
}

.profile-section-sale__upload-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width:992px) {
  .profile-section-sale__upload-actions {
    display: flex;
    flex-direction: row;
    gap: 8px;
  }
}

.profile-section-sale__details {
  padding-block-start: 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.profile-section-sale__details-heading {
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  height: 30px;
}

@media (min-width:992px) {
  .profile-section-sale__details {
    gap: 56px;
    padding-block-start: 56px;
  }

  .profile-section-sale__details-heading {
    font-size: 32px;
    height: auto;
  }
}

.profile-section-sale__level {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .profile-section-sale__level {
    gap: 32px;
  }
}

.profile-section-sale__level-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-section-sale__level-list {
    gap: 24px;
  }
}

.profile-section-sale__level-item-summary {
  padding: 15px 11px;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.profile-section-sale__level-item-summary--active {
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

.profile-section-sale__level-item-number {
  flex-shrink: 0;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  color: rgb(var(--white-color-rgb));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  background-color: #ced2e4;
}

.profile-section-sale__level-item-number--active {
  background-color: #5f6db2;
}

@media (min-width:992px) {
  .profile-section-sale__level-item-summary {
    padding: 23px;
    gap: 20px;
  }

  .profile-section-sale__level-item-number {
    width: 32px;
    font-size: 20px;
    height: 32px;
  }
}

.profile-section-sale__level-item-description {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-section-sale__level-item-title {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  margin-block-start: 4px;
}

.profile-section-sale__level-item-title--active {
  color: #5f6db2;
}

@media (min-width:992px) {
  .profile-section-sale__level-item-description {
    gap: 16px;
  }

  .profile-section-sale__level-item-title {
    font-size: 20px;
  }
}

.profile-section-sale__level-item-features {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-section-sale__level-item-feature p {
  color: #0a0c0f;
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-section-sale__level-item-features {
    gap: 12px;
  }

  .profile-section-sale__level-item-feature p {
    font-size: 14px;
  }
}

.profile-section-sale__faq {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .profile-section-sale__faq {
    gap: 32px;
  }
}

.profile-section-sale__faq-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-section-sale__support {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .profile-section-sale__support {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 23px;
  }
}

.profile-section-sale__support-header {
  display: flex;
}

.profile-section-sale__support-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-section-sale__support-btn {
  width: 100%;
}

.profile-section-sale .btn--S {
  padding-inline: 12px;
  gap: 4px;
}

.profile-section-sale .btn--S i {
  --icon-width: 20px;
  --icon-height: 20px;
}

.profile-section-sale .btn-secondary-light {
  background-color: transparent;
}

.profile-section-sale__icon--info,
.profile-section-sale__icon--support {
  --icon-color: #5f6db2;
}

.profile-section-sale__icon--support {
  --icon-width: 64px;
  --icon-height: 64px;
}

.profile-section-sale__icon--stars {
  position: absolute;
  --icon-width: 103px;
  --icon-height: 101px;
  top: 7px;
  right: 7px;
}

.profile-section-sale--advanced .progress-ring__progress,
.profile-section-sale--researcher .progress-ring__progress {
  stroke-dashoffset: 142%;
}

.profile-section-sale--fan .profile-section-sale__lvl {
  position: relative;
  justify-content: flex-end;
  background-color: #edeef6;
  align-items: flex-start;
}

.profile-section-sale--vip .profile-section-sale__upload {
  gap: 0;
  background: linear-gradient(101deg,#99a1bf 66%,#b4bacf 105.42%),linear-gradient(106deg,#e2bab1 57.16%,#eccec7 99.8%);
}

.profile-section-sale--vip .profile-section-sale__upload-heading {
  color: rgb(var(--white-color-rgb));
  margin-block: 0;
}

@media (min-width:992px) {
  .profile-section-sale__support-content {
    gap: 12px;
  }

  .profile-section-sale__support-btn {
    width: -moz-max-content;
    width: max-content;
  }

  .profile-section-sale__icon--stars {
    --icon-width: 94px;
    --icon-height: 92px;
    top: 3px;
    right: 8px;
  }

  .profile-section-sale--fan .profile-section-sale__lvl {
    flex-direction: column;
  }

  .profile-section-sale--vip .profile-section-sale__upload-heading {
    font-size: 20px;
  }
}

.profile-section-sale--vip .profile-section-sale__upload-text {
  font-size: 12px;
  color: rgb(var(--white-color-rgb));
  line-height: 130%;
  padding-block-start: 8px;
  padding-block-end: 16px;
}

.profile-section-sale--vip .progress-ring__progress {
  stroke-dashoffset: 0;
}

.progress-container {
  position: relative;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width:992px) {
  .progress-container {
    width: 100px;
    height: 100px;
  }
}

.progress-ring {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  width: 120px;
  height: 120px;
}

.progress-ring__background {
  stroke: #edeef6;
}

.progress-ring__progress {
  stroke: #5f6db2;
  stroke-dasharray: 284%;
  stroke-dashoffset: 284%;
  stroke-linecap: round;
}

.progress-ring__background,
.progress-ring__progress {
  stroke-width: 12;
}

.progress-text {
  color: #5f6db2;
  font-size: 13px;
  line-height: 130%;
  font-weight: 500;
  text-align: center;
}

.profile-ai-skin {
  position: relative;
  border-radius: 0;
  padding: 24px;
  background: #fff;
}

@media (min-width:992px) {
  .progress-ring {
    width: 100px;
    height: 100px;
  }

  .progress-text {
    font-size: 14 px;
  }

  .profile-ai-skin {
    padding-right: 280px;
  }
}

.profile-ai-skin__top {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 2px;
  padding-right: 100px;
}

.profile-ai-skin__title {
  margin-right: 8px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

.profile-ai-skin__date {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #6a6d72;
  transform: none;
}

.profile-ai-skin__img {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 71px;
  aspect-ratio: 1;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:992px) {
  .profile-ai-skin__top {
    flex-direction: row;
    align-items: flex-end;
    gap: 0;
    margin-bottom: 8px;
    padding-right: 0;
  }

  .profile-ai-skin__date {
    transform: translateY(-2px);
  }

  .profile-ai-skin__img {
    right: auto;
    left: 0;
    top: 0;
  }

  .profile-ai-skin__content {
    position: relative;
    padding-left: 95px;
  }
}

.profile-ai-skin__content {
  margin-bottom: 20px;
}

.profile-ai-skin__infos {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.profile-ai-skin__info-label {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  color: #6a6d72;
}

.profile-ai-skin__info-status {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  padding: 6px 8px 6px 29px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #0a0c0f;
  background: rgba(247,144,9,.2);
}

@media (min-width:768px) {
  .profile-ai-skin__info-status {
    padding: 4px 8px 4px 29px;
  }
}

.profile-ai-skin__info-status::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 24px;
  aspect-ratio: 1;
  background-color: #f79009;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/upload/ai/access.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/upload/ai/access.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.profile-ai-skin__info-status_warning {
  background: rgba(242,135,192,.2);
}

.profile-ai-skin__info-status_warning::before {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/upload/ai/warning.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/upload/ai/warning.svg") no-repeat center;
}

.profile-ai-skin__info-status_normal {
  background: rgba(174,178,240,.2);
}

.profile-ai-skin__info-status_normal::before {
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/upload/ai/access-normal.svg") no-repeat center;
  mask: url("/local/templates/geltek2024/frontend/img/upload/ai/access-normal.svg") no-repeat center;
}

.profile-ai-skin__controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-ai-skin__controls a,
.profile-ai-skin__controls button {
  padding: 10px 15px;
  vertical-align: bottom;
}

.profile-ai-skin__controls .btn-ai-lk-icon {
  font-size: 24px;
}

@media (min-width:992px) {
  .profile-ai-skin__controls {
    position: absolute;
    right: 24px;
    top: 24px;
  }
}

.profile-ai-skin__more {
  position: relative;
  display: inline-block;
}

.profile-ai-skin__more-btn {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  padding: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
  background-color: transparent;
}

.profile-ai-skin__more-content {
  position: absolute;
  top: 100%;
  left: 50%;
  display: none;
  border-radius: 8px;
  transform: translateX(-50%);
  background-color: #e6e7ec;
}

.profile-ai-skin__more-content_active {
  display: block;
}

.profile-ai-skin__more-content-item {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 10px 20px;
  background-color: transparent;
}

.profile-ai-skin__images {
  margin-bottom: 20px;
  display: flex;
  gap: 4px;
}

.profile-ai-skin__image {
  display: block;
  border-radius: 8px;
  border: 1px solid #e8e9eb;
  width: 50px;
  aspect-ratio: 1;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width:992px) {
  .profile-ai-skin__images {
    position: absolute;
    right: 24px;
    bottom: 24px;
    margin-bottom: 0;
  }

  .profile-ai-skin__image {
    width: 60px;
  }
}

.profile-ai-skin__images-more {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #e8e9eb;
  width: 50px;
  aspect-ratio: 1;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  color: #fff;
  background: #cecfd1;
}

.profile-ai-skin__evaluate {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  border-radius: 12px;
  padding: 12px;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  background: #fff;
}

.profile-ai-skin__evaluate-text {
  margin-bottom: 8px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.3;
  color: #000;
}

.modal-dowland__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .profile-ai-skin__images-more {
    width: 60px;
  }

  .modal-dowland__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-dowland-content__upload {
  justify-content: center;
  border-radius: 12px;
  width: 100%;
  padding-block: 6px;
}

.modal-dowland-content__upload input {
  width: 0;
  height: 0;
  visibility: hidden;
  position: absolute;
}

.modal-dowland-content__upload span {
  padding-inline: 4px;
  color: rgb(var(--white-color-rgb));
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-dowland-content__upload {
    padding-block: 12px;
    border-radius: 16px;
  }

  .modal-dowland-content__upload span {
    font-size: 12px;
  }
}

.modal-dowland-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-dowland-content__title {
    font-size: 32px;
  }
}

.modal-dowland-content__description {
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
}

.modal-dowland-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}

.modal-dowland-content__form-loader {
  display: none;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  height: 146px;
  margin-block: 12px;
  background: #f7f7f8;
  border-radius: 16px;
  padding: 16px;
}

.modal-dowland-content__form-loader img {
  animation: 2s linear infinite rotate;
}

.modal-dowland-content__form-loader p {
  color: #6a6d72;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.modal-dowland-content__form-start {
  background: #f7f7f8;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
}

.modal-dowland-content__form-finish {
  display: none;
  gap: 16px;
  flex-direction: column;
}

.modal-dowland-content__form-finish p {
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-dowland-content__description {
    font-size: 16px;
  }

  .modal-dowland-content__body {
    padding: 16px;
  }

  .modal-dowland-content__form-finish {
    gap: 24px;
  }

  .modal-dowland-content__form-finish p {
    font-size: 16px;
  }
}

.modal-dowland-content__form-finish-preview {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.modal-dowland-content__form-finish-preview img {
  height: 214px;
  border-radius: 4px;
  -o-object-fit: cover;
  object-fit: cover;
}

.modal-dowland-content__form-finish-preview .button,
.modal-dowland-content__form-finish-preview .button--ghost,
.modal-dowland-content__form-finish-preview .button--ghost--dark,
.modal-dowland-content__form-finish-preview .button--ghost--light,
.modal-dowland-content__form-finish-preview .button--primary,
.modal-dowland-content__form-finish-preview .button--primary--dark,
.modal-dowland-content__form-finish-preview .button--primary--light,
.modal-dowland-content__form-finish-preview .button--secondary,
.modal-dowland-content__form-finish-preview .button--secondary--dark,
.modal-dowland-content__form-finish-preview .button--secondary--light,
.modal-dowland-content__form-finish-preview .button-filter,
.modal-dowland-content__form-finish-preview .direction-card__button,
.modal-dowland-content__form-finish-preview .section-history__button,
.modal-dowland-content__form-finish-preview .slider-navigation-next,
.modal-dowland-content__form-finish-preview .slider-navigation-prev {
  width: 100%;
  padding-block: 12.5px;
  justify-content: center;
  border-radius: 12px;
}

.modal-dowland-content__form-finish-preview .button span,
.modal-dowland-content__form-finish-preview .button--ghost span,
.modal-dowland-content__form-finish-preview .button--ghost--dark span,
.modal-dowland-content__form-finish-preview .button--ghost--light span,
.modal-dowland-content__form-finish-preview .button--primary span,
.modal-dowland-content__form-finish-preview .button--primary--dark span,
.modal-dowland-content__form-finish-preview .button--primary--light span,
.modal-dowland-content__form-finish-preview .button--secondary span,
.modal-dowland-content__form-finish-preview .button--secondary--dark span,
.modal-dowland-content__form-finish-preview .button--secondary--light span,
.modal-dowland-content__form-finish-preview .button-filter span,
.modal-dowland-content__form-finish-preview .direction-card__button span,
.modal-dowland-content__form-finish-preview .section-history__button span,
.modal-dowland-content__form-finish-preview .slider-navigation-next span,
.modal-dowland-content__form-finish-preview .slider-navigation-prev span {
  color: #5f6db2;
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

.modal-dowland-content__form-finish .button,
.modal-dowland-content__form-finish .button--ghost,
.modal-dowland-content__form-finish .button--ghost--dark,
.modal-dowland-content__form-finish .button--ghost--light,
.modal-dowland-content__form-finish .button--primary,
.modal-dowland-content__form-finish .button--primary--dark,
.modal-dowland-content__form-finish .button--primary--light,
.modal-dowland-content__form-finish .button--secondary,
.modal-dowland-content__form-finish .button--secondary--dark,
.modal-dowland-content__form-finish .button--secondary--light,
.modal-dowland-content__form-finish .button-filter,
.modal-dowland-content__form-finish .direction-card__button,
.modal-dowland-content__form-finish .section-history__button,
.modal-dowland-content__form-finish .slider-navigation-next,
.modal-dowland-content__form-finish .slider-navigation-prev {
  width: 100%;
  border-radius: 12px;
  padding-block: 12.5px;
  justify-content: center;
}

@media (min-width:992px) {
  .modal-dowland-content__form-finish-preview {
    gap: 12px;
  }

  .modal-dowland-content__form-finish-preview img {
    border-radius: 8px;
    height: 315px;
  }

  .modal-dowland-content__form-finish-preview .button span,
  .modal-dowland-content__form-finish-preview .button--ghost span,
  .modal-dowland-content__form-finish-preview .button--ghost--dark span,
  .modal-dowland-content__form-finish-preview .button--ghost--light span,
  .modal-dowland-content__form-finish-preview .button--primary span,
  .modal-dowland-content__form-finish-preview .button--primary--dark span,
  .modal-dowland-content__form-finish-preview .button--primary--light span,
  .modal-dowland-content__form-finish-preview .button--secondary span,
  .modal-dowland-content__form-finish-preview .button--secondary--dark span,
  .modal-dowland-content__form-finish-preview .button--secondary--light span,
  .modal-dowland-content__form-finish-preview .button-filter span,
  .modal-dowland-content__form-finish-preview .direction-card__button span,
  .modal-dowland-content__form-finish-preview .section-history__button span,
  .modal-dowland-content__form-finish-preview .slider-navigation-next span,
  .modal-dowland-content__form-finish-preview .slider-navigation-prev span {
    font-size: 12px;
  }

  .modal-dowland-content__form-finish .button,
  .modal-dowland-content__form-finish .button--ghost,
  .modal-dowland-content__form-finish .button--ghost--dark,
  .modal-dowland-content__form-finish .button--ghost--light,
  .modal-dowland-content__form-finish .button--primary,
  .modal-dowland-content__form-finish .button--primary--dark,
  .modal-dowland-content__form-finish .button--primary--light,
  .modal-dowland-content__form-finish .button--secondary,
  .modal-dowland-content__form-finish .button--secondary--dark,
  .modal-dowland-content__form-finish .button--secondary--light,
  .modal-dowland-content__form-finish .button-filter,
  .modal-dowland-content__form-finish .direction-card__button,
  .modal-dowland-content__form-finish .section-history__button,
  .modal-dowland-content__form-finish .slider-navigation-next,
  .modal-dowland-content__form-finish .slider-navigation-prev {
    padding-block: 18px;
  }
}

.modal-dowland-content__form-finish .button span,
.modal-dowland-content__form-finish .button--ghost span,
.modal-dowland-content__form-finish .button--ghost--dark span,
.modal-dowland-content__form-finish .button--ghost--light span,
.modal-dowland-content__form-finish .button--primary span,
.modal-dowland-content__form-finish .button--primary--dark span,
.modal-dowland-content__form-finish .button--primary--light span,
.modal-dowland-content__form-finish .button--secondary span,
.modal-dowland-content__form-finish .button--secondary--dark span,
.modal-dowland-content__form-finish .button--secondary--light span,
.modal-dowland-content__form-finish .button-filter span,
.modal-dowland-content__form-finish .direction-card__button span,
.modal-dowland-content__form-finish .section-history__button span,
.modal-dowland-content__form-finish .slider-navigation-next span,
.modal-dowland-content__form-finish .slider-navigation-prev span {
  padding-inline: 4px;
  font-weight: 500;
  line-height: 100%;
  font-size: 11px;
}

.modal-dowland-content__file-info {
  display: flex;
  width: 100%;
  gap: 8px;
  flex-direction: column;
}

.modal-dowland-content__file-format {
  color: #7a7a7a;
  font-size: 12px;
  font-style: normal;
  line-height: 18px;
}

.modal-order-change-deadline__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-dowland-content__form-finish .button span,
  .modal-dowland-content__form-finish .button--ghost span,
  .modal-dowland-content__form-finish .button--ghost--dark span,
  .modal-dowland-content__form-finish .button--ghost--light span,
  .modal-dowland-content__form-finish .button--primary span,
  .modal-dowland-content__form-finish .button--primary--dark span,
  .modal-dowland-content__form-finish .button--primary--light span,
  .modal-dowland-content__form-finish .button--secondary span,
  .modal-dowland-content__form-finish .button--secondary--dark span,
  .modal-dowland-content__form-finish .button--secondary--light span,
  .modal-dowland-content__form-finish .button-filter span,
  .modal-dowland-content__form-finish .direction-card__button span,
  .modal-dowland-content__form-finish .section-history__button span,
  .modal-dowland-content__form-finish .slider-navigation-next span,
  .modal-dowland-content__form-finish .slider-navigation-prev span {
    font-size: 12px;
  }

  .modal-dowland-content__file-info {
    gap: 12px;
  }

  .modal-dowland-content__file-format {
    font-size: 16px;
  }

  .modal-order-change-deadline__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-order-change-deadline-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-order-change-deadline-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .modal-order-change-deadline-content__title {
    font-size: 32px;
  }

  .modal-order-change-deadline-content__body {
    padding: 16px;
  }
}

.modal-order-change-deadline-content__text {
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
}

.modal-order-change-deadline-content__options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-order-change-deadline-content__option {
  display: flex;
  height: 24px;
  align-items: center;
}

.modal-order-change-deadline-content__option label {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-order-change-deadline-content__option label,
  .modal-order-change-deadline-content__text {
    font-size: 16px;
  }
}

.modal-order-change-deadline-content__note {
  color: #54565a;
  font-size: 12px;
  line-height: 130%;
}

.modal-order-change-deadline-content__btn {
  padding: 16px 16px 0;
}

.modal-order-change-deadline-content__btn .button,
.modal-order-change-deadline-content__btn .button--ghost,
.modal-order-change-deadline-content__btn .button--ghost--dark,
.modal-order-change-deadline-content__btn .button--ghost--light,
.modal-order-change-deadline-content__btn .button--primary,
.modal-order-change-deadline-content__btn .button--primary--dark,
.modal-order-change-deadline-content__btn .button--primary--light,
.modal-order-change-deadline-content__btn .button--secondary,
.modal-order-change-deadline-content__btn .button--secondary--dark,
.modal-order-change-deadline-content__btn .button--secondary--light,
.modal-order-change-deadline-content__btn .button-filter,
.modal-order-change-deadline-content__btn .direction-card__button,
.modal-order-change-deadline-content__btn .section-history__button,
.modal-order-change-deadline-content__btn .slider-navigation-next,
.modal-order-change-deadline-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-order-change-deadline-content__btn .button span,
.modal-order-change-deadline-content__btn .button--ghost span,
.modal-order-change-deadline-content__btn .button--ghost--dark span,
.modal-order-change-deadline-content__btn .button--ghost--light span,
.modal-order-change-deadline-content__btn .button--primary span,
.modal-order-change-deadline-content__btn .button--primary--dark span,
.modal-order-change-deadline-content__btn .button--primary--light span,
.modal-order-change-deadline-content__btn .button--secondary span,
.modal-order-change-deadline-content__btn .button--secondary--dark span,
.modal-order-change-deadline-content__btn .button--secondary--light span,
.modal-order-change-deadline-content__btn .button-filter span,
.modal-order-change-deadline-content__btn .direction-card__button span,
.modal-order-change-deadline-content__btn .section-history__button span,
.modal-order-change-deadline-content__btn .slider-navigation-next span,
.modal-order-change-deadline-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-order-change-deadline-content__btn {
    padding: 8px 16px;
  }

  .modal-order-change-deadline-content__btn .button,
  .modal-order-change-deadline-content__btn .button--ghost,
  .modal-order-change-deadline-content__btn .button--ghost--dark,
  .modal-order-change-deadline-content__btn .button--ghost--light,
  .modal-order-change-deadline-content__btn .button--primary,
  .modal-order-change-deadline-content__btn .button--primary--dark,
  .modal-order-change-deadline-content__btn .button--primary--light,
  .modal-order-change-deadline-content__btn .button--secondary,
  .modal-order-change-deadline-content__btn .button--secondary--dark,
  .modal-order-change-deadline-content__btn .button--secondary--light,
  .modal-order-change-deadline-content__btn .button-filter,
  .modal-order-change-deadline-content__btn .direction-card__button,
  .modal-order-change-deadline-content__btn .section-history__button,
  .modal-order-change-deadline-content__btn .slider-navigation-next,
  .modal-order-change-deadline-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-order-change-deadline-content__btn .button span,
  .modal-order-change-deadline-content__btn .button--ghost span,
  .modal-order-change-deadline-content__btn .button--ghost--dark span,
  .modal-order-change-deadline-content__btn .button--ghost--light span,
  .modal-order-change-deadline-content__btn .button--primary span,
  .modal-order-change-deadline-content__btn .button--primary--dark span,
  .modal-order-change-deadline-content__btn .button--primary--light span,
  .modal-order-change-deadline-content__btn .button--secondary span,
  .modal-order-change-deadline-content__btn .button--secondary--dark span,
  .modal-order-change-deadline-content__btn .button--secondary--light span,
  .modal-order-change-deadline-content__btn .button-filter span,
  .modal-order-change-deadline-content__btn .direction-card__button span,
  .modal-order-change-deadline-content__btn .section-history__button span,
  .modal-order-change-deadline-content__btn .slider-navigation-next span,
  .modal-order-change-deadline-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-order-cancel__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-order-cancel__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-order-cancel-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-order-cancel-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-order-cancel-content__title {
    font-size: 32px;
  }

  .modal-order-cancel-content__body {
    padding: 16px;
    gap: 24px;
  }
}

.modal-order-cancel-content__options {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-order-cancel-content__option {
  display: flex;
  height: 24px;
  align-items: center;
}

.modal-order-cancel-content__option label {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-order-cancel-content__option label {
    font-size: 16px;
  }
}

.modal-order-cancel-content__textarea {
  position: relative;
}

.modal-order-cancel-content__textarea label {
  position: absolute;
  left: 11px;
  top: 11px;
  z-index: 2;
  color: #6a6d72;
  font-size: 13px;
  line-height: 130%;
}

.modal-order-cancel-content__textarea textarea {
  width: 100%;
  padding: 12px;
  border: 2px solid #ced2e4;
  border-radius: 12px;
  min-height: 122px;
  resize: none;
}

.modal-order-cancel-content__textarea textarea:required+label::after {
  content: "*";
  color: #fbaf4c;
  margin-inline-start: 2px;
}

.modal-order-cancel-content__textarea textarea:focus+label,
.modal-order-cancel-content__textarea textarea:not(:-moz-placeholder-shown)+label,
.modal-order-cancel-content__textarea textarea:not(:placeholder-shown)+label {
  display: none;
}

.modal-order-cancel-content__btn {
  padding: 16px 16px 0;
}

.modal-order-cancel-content__btn .button,
.modal-order-cancel-content__btn .button--ghost,
.modal-order-cancel-content__btn .button--ghost--dark,
.modal-order-cancel-content__btn .button--ghost--light,
.modal-order-cancel-content__btn .button--primary,
.modal-order-cancel-content__btn .button--primary--dark,
.modal-order-cancel-content__btn .button--primary--light,
.modal-order-cancel-content__btn .button--secondary,
.modal-order-cancel-content__btn .button--secondary--dark,
.modal-order-cancel-content__btn .button--secondary--light,
.modal-order-cancel-content__btn .button-filter,
.modal-order-cancel-content__btn .direction-card__button,
.modal-order-cancel-content__btn .section-history__button,
.modal-order-cancel-content__btn .slider-navigation-next,
.modal-order-cancel-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-order-cancel-content__btn .button span,
.modal-order-cancel-content__btn .button--ghost span,
.modal-order-cancel-content__btn .button--ghost--dark span,
.modal-order-cancel-content__btn .button--ghost--light span,
.modal-order-cancel-content__btn .button--primary span,
.modal-order-cancel-content__btn .button--primary--dark span,
.modal-order-cancel-content__btn .button--primary--light span,
.modal-order-cancel-content__btn .button--secondary span,
.modal-order-cancel-content__btn .button--secondary--dark span,
.modal-order-cancel-content__btn .button--secondary--light span,
.modal-order-cancel-content__btn .button-filter span,
.modal-order-cancel-content__btn .direction-card__button span,
.modal-order-cancel-content__btn .section-history__button span,
.modal-order-cancel-content__btn .slider-navigation-next span,
.modal-order-cancel-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-order-cancel-content__btn {
    padding: 8px 16px;
  }

  .modal-order-cancel-content__btn .button,
  .modal-order-cancel-content__btn .button--ghost,
  .modal-order-cancel-content__btn .button--ghost--dark,
  .modal-order-cancel-content__btn .button--ghost--light,
  .modal-order-cancel-content__btn .button--primary,
  .modal-order-cancel-content__btn .button--primary--dark,
  .modal-order-cancel-content__btn .button--primary--light,
  .modal-order-cancel-content__btn .button--secondary,
  .modal-order-cancel-content__btn .button--secondary--dark,
  .modal-order-cancel-content__btn .button--secondary--light,
  .modal-order-cancel-content__btn .button-filter,
  .modal-order-cancel-content__btn .direction-card__button,
  .modal-order-cancel-content__btn .section-history__button,
  .modal-order-cancel-content__btn .slider-navigation-next,
  .modal-order-cancel-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-order-cancel-content__btn .button span,
  .modal-order-cancel-content__btn .button--ghost span,
  .modal-order-cancel-content__btn .button--ghost--dark span,
  .modal-order-cancel-content__btn .button--ghost--light span,
  .modal-order-cancel-content__btn .button--primary span,
  .modal-order-cancel-content__btn .button--primary--dark span,
  .modal-order-cancel-content__btn .button--primary--light span,
  .modal-order-cancel-content__btn .button--secondary span,
  .modal-order-cancel-content__btn .button--secondary--dark span,
  .modal-order-cancel-content__btn .button--secondary--light span,
  .modal-order-cancel-content__btn .button-filter span,
  .modal-order-cancel-content__btn .direction-card__button span,
  .modal-order-cancel-content__btn .section-history__button span,
  .modal-order-cancel-content__btn .slider-navigation-next span,
  .modal-order-cancel-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-sale-info__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-sale-info__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-sale-info-content {
  display: flex;
  flex-direction: column;
}

.modal-sale-info-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-sale-info-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .modal-sale-info-content__title {
    font-size: 32px;
  }

  .modal-sale-info-content__body {
    padding: 16px;
  }
}

.modal-sale-info-content__text {
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-sale-info-content__text {
    font-size: 16px;
    padding-block: 16px;
  }
}

.modal-sale-info-content__btn {
  padding: 16px 16px 0;
}

.modal-sale-info-content__btn .button,
.modal-sale-info-content__btn .button--ghost,
.modal-sale-info-content__btn .button--ghost--dark,
.modal-sale-info-content__btn .button--ghost--light,
.modal-sale-info-content__btn .button--primary,
.modal-sale-info-content__btn .button--primary--dark,
.modal-sale-info-content__btn .button--primary--light,
.modal-sale-info-content__btn .button--secondary,
.modal-sale-info-content__btn .button--secondary--dark,
.modal-sale-info-content__btn .button--secondary--light,
.modal-sale-info-content__btn .button-filter,
.modal-sale-info-content__btn .direction-card__button,
.modal-sale-info-content__btn .section-history__button,
.modal-sale-info-content__btn .slider-navigation-next,
.modal-sale-info-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-sale-info-content__btn .button span,
.modal-sale-info-content__btn .button--ghost span,
.modal-sale-info-content__btn .button--ghost--dark span,
.modal-sale-info-content__btn .button--ghost--light span,
.modal-sale-info-content__btn .button--primary span,
.modal-sale-info-content__btn .button--primary--dark span,
.modal-sale-info-content__btn .button--primary--light span,
.modal-sale-info-content__btn .button--secondary span,
.modal-sale-info-content__btn .button--secondary--dark span,
.modal-sale-info-content__btn .button--secondary--light span,
.modal-sale-info-content__btn .button-filter span,
.modal-sale-info-content__btn .direction-card__button span,
.modal-sale-info-content__btn .section-history__button span,
.modal-sale-info-content__btn .slider-navigation-next span,
.modal-sale-info-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-sale-info-content__btn {
    padding: 8px 16px;
  }

  .modal-sale-info-content__btn .button,
  .modal-sale-info-content__btn .button--ghost,
  .modal-sale-info-content__btn .button--ghost--dark,
  .modal-sale-info-content__btn .button--ghost--light,
  .modal-sale-info-content__btn .button--primary,
  .modal-sale-info-content__btn .button--primary--dark,
  .modal-sale-info-content__btn .button--primary--light,
  .modal-sale-info-content__btn .button--secondary,
  .modal-sale-info-content__btn .button--secondary--dark,
  .modal-sale-info-content__btn .button--secondary--light,
  .modal-sale-info-content__btn .button-filter,
  .modal-sale-info-content__btn .direction-card__button,
  .modal-sale-info-content__btn .section-history__button,
  .modal-sale-info-content__btn .slider-navigation-next,
  .modal-sale-info-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-sale-info-content__btn .button span,
  .modal-sale-info-content__btn .button--ghost span,
  .modal-sale-info-content__btn .button--ghost--dark span,
  .modal-sale-info-content__btn .button--ghost--light span,
  .modal-sale-info-content__btn .button--primary span,
  .modal-sale-info-content__btn .button--primary--dark span,
  .modal-sale-info-content__btn .button--primary--light span,
  .modal-sale-info-content__btn .button--secondary span,
  .modal-sale-info-content__btn .button--secondary--dark span,
  .modal-sale-info-content__btn .button--secondary--light span,
  .modal-sale-info-content__btn .button-filter span,
  .modal-sale-info-content__btn .direction-card__button span,
  .modal-sale-info-content__btn .section-history__button span,
  .modal-sale-info-content__btn .slider-navigation-next span,
  .modal-sale-info-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-conditions__container {
  padding: 8px 0 0;
  max-width: 100%;
  border-radius: 0;
  height: 100vh;
}

.modal-conditions__container .modal-bottom__close {
  top: 14px;
}

@media (min-width:992px) {
  .modal-conditions__container {
    height: auto;
    border-radius: 40px;
    padding: 32px 40px;
    max-width: 908px;
    width: 100%;
  }

  .modal-conditions__container .modal-bottom__close {
    top: 0;
  }
}

.modal-conditions__container .modal__close {
  --icon-color: #5f6db2;
}

.modal-conditions-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.modal-conditions-content__title {
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  padding: 16px;
}

.modal-conditions-content__section {
  margin-block: 12px;
  margin-inline: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}

.modal-conditions-content__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-conditions-content__title {
    font-size: 32px;
  }

  .modal-conditions-content__section {
    margin-block: 16px;
  }

  .modal-conditions-content__item {
    gap: 20px;
  }
}

.modal-conditions-content__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modal-conditions-content__text {
  display: flex;
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
  align-items: flex-start;
}

.modal-conditions-content__text::before {
  content: "•";
  display: block;
  font-size: 14px;
  line-height: 130%;
  flex-shrink: 0;
  color: #54565a;
  margin-inline: 6px;
}

.modal-conditions-content__subtitle {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.modal-conditions-content__button-upload {
  justify-content: center;
  border-radius: 12px;
  width: 100%;
  padding: 6px 0;
}

.modal-conditions-content__button-upload span {
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  padding-inline: 4px;
}

@media (min-width:992px) {
  .modal-conditions-content__text,
  .modal-conditions-content__text::before {
    font-size: 16px;
  }

  .modal-conditions-content__subtitle {
    font-size: 20px;
  }

  .modal-conditions-content__button-upload {
    padding: 12px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-conditions-content__button-upload span {
    font-size: 12px;
  }
}

.modal-conditions-content__button-close {
  padding: 12.5px 0;
  justify-content: center;
  border-radius: 12px;
  width: 100%;
}

.modal-conditions-content__button-close span {
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  padding-inline: 4px;
}

@media (min-width:992px) {
  .modal-conditions-content__button-close {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-conditions-content__button-close span {
    font-size: 12px;
  }
}

.modal-conditions-content__button-close-box {
  padding: 16px 16px 24px;
  background: rgb(var(--white-color-rgb));
  box-shadow: 0 4px 32px 0 rgba(60,56,141,.15);
}

@media (min-width:992px) {
  .modal-conditions-content__button-close-box {
    padding: 8px 16px;
    box-shadow: none;
  }
}

.modal-service-agreement__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-service-agreement__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-service-agreement__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-service-agreement__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .modal-service-agreement__title {
    font-size: 32px;
  }

  .modal-service-agreement__body {
    padding: 16px;
  }
}

.modal-service-agreement__text {
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
}

.modal-service-agreement__btn {
  padding: 16px 16px 0;
}

.modal-service-agreement__btn .button,
.modal-service-agreement__btn .button--ghost,
.modal-service-agreement__btn .button--ghost--dark,
.modal-service-agreement__btn .button--ghost--light,
.modal-service-agreement__btn .button--primary,
.modal-service-agreement__btn .button--primary--dark,
.modal-service-agreement__btn .button--primary--light,
.modal-service-agreement__btn .button--secondary,
.modal-service-agreement__btn .button--secondary--dark,
.modal-service-agreement__btn .button--secondary--light,
.modal-service-agreement__btn .button-filter,
.modal-service-agreement__btn .direction-card__button,
.modal-service-agreement__btn .section-history__button,
.modal-service-agreement__btn .slider-navigation-next,
.modal-service-agreement__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-service-agreement__btn .button span,
.modal-service-agreement__btn .button--ghost span,
.modal-service-agreement__btn .button--ghost--dark span,
.modal-service-agreement__btn .button--ghost--light span,
.modal-service-agreement__btn .button--primary span,
.modal-service-agreement__btn .button--primary--dark span,
.modal-service-agreement__btn .button--primary--light span,
.modal-service-agreement__btn .button--secondary span,
.modal-service-agreement__btn .button--secondary--dark span,
.modal-service-agreement__btn .button--secondary--light span,
.modal-service-agreement__btn .button-filter span,
.modal-service-agreement__btn .direction-card__button span,
.modal-service-agreement__btn .section-history__button span,
.modal-service-agreement__btn .slider-navigation-next span,
.modal-service-agreement__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-service-agreement__text {
    font-size: 16px;
  }

  .modal-service-agreement__btn {
    padding: 8px 16px;
  }

  .modal-service-agreement__btn .button,
  .modal-service-agreement__btn .button--ghost,
  .modal-service-agreement__btn .button--ghost--dark,
  .modal-service-agreement__btn .button--ghost--light,
  .modal-service-agreement__btn .button--primary,
  .modal-service-agreement__btn .button--primary--dark,
  .modal-service-agreement__btn .button--primary--light,
  .modal-service-agreement__btn .button--secondary,
  .modal-service-agreement__btn .button--secondary--dark,
  .modal-service-agreement__btn .button--secondary--light,
  .modal-service-agreement__btn .button-filter,
  .modal-service-agreement__btn .direction-card__button,
  .modal-service-agreement__btn .section-history__button,
  .modal-service-agreement__btn .slider-navigation-next,
  .modal-service-agreement__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-service-agreement__btn .button span,
  .modal-service-agreement__btn .button--ghost span,
  .modal-service-agreement__btn .button--ghost--dark span,
  .modal-service-agreement__btn .button--ghost--light span,
  .modal-service-agreement__btn .button--primary span,
  .modal-service-agreement__btn .button--primary--dark span,
  .modal-service-agreement__btn .button--primary--light span,
  .modal-service-agreement__btn .button--secondary span,
  .modal-service-agreement__btn .button--secondary--dark span,
  .modal-service-agreement__btn .button--secondary--light span,
  .modal-service-agreement__btn .button-filter span,
  .modal-service-agreement__btn .direction-card__button span,
  .modal-service-agreement__btn .section-history__button span,
  .modal-service-agreement__btn .slider-navigation-next span,
  .modal-service-agreement__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-service-agreement__checkbox {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.modal-set-data__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-set-data__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-set-data__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-set-data__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .modal-set-data__title {
    font-size: 32px;
  }

  .modal-set-data__body {
    padding: 16px;
  }

  .modal-set-data .profile-details__city-info {
    height: auto;
  }
}

.modal-set-data__input-text {
  padding: 8px 12px 0;
  color: #6a6d72;
  font-size: 12px;
  line-height: 130%;
}

.modal-set-data__btn {
  padding: 16px 16px 0;
}

.modal-set-data__btn .button,
.modal-set-data__btn .button--ghost,
.modal-set-data__btn .button--ghost--dark,
.modal-set-data__btn .button--ghost--light,
.modal-set-data__btn .button--primary,
.modal-set-data__btn .button--primary--dark,
.modal-set-data__btn .button--primary--light,
.modal-set-data__btn .button--secondary,
.modal-set-data__btn .button--secondary--dark,
.modal-set-data__btn .button--secondary--light,
.modal-set-data__btn .button-filter,
.modal-set-data__btn .direction-card__button,
.modal-set-data__btn .section-history__button,
.modal-set-data__btn .slider-navigation-next,
.modal-set-data__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-set-data__btn .button span,
.modal-set-data__btn .button--ghost span,
.modal-set-data__btn .button--ghost--dark span,
.modal-set-data__btn .button--ghost--light span,
.modal-set-data__btn .button--primary span,
.modal-set-data__btn .button--primary--dark span,
.modal-set-data__btn .button--primary--light span,
.modal-set-data__btn .button--secondary span,
.modal-set-data__btn .button--secondary--dark span,
.modal-set-data__btn .button--secondary--light span,
.modal-set-data__btn .button-filter span,
.modal-set-data__btn .direction-card__button span,
.modal-set-data__btn .section-history__button span,
.modal-set-data__btn .slider-navigation-next span,
.modal-set-data__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-set-data__btn {
    padding: 8px 16px;
  }

  .modal-set-data__btn .button,
  .modal-set-data__btn .button--ghost,
  .modal-set-data__btn .button--ghost--dark,
  .modal-set-data__btn .button--ghost--light,
  .modal-set-data__btn .button--primary,
  .modal-set-data__btn .button--primary--dark,
  .modal-set-data__btn .button--primary--light,
  .modal-set-data__btn .button--secondary,
  .modal-set-data__btn .button--secondary--dark,
  .modal-set-data__btn .button--secondary--light,
  .modal-set-data__btn .button-filter,
  .modal-set-data__btn .direction-card__button,
  .modal-set-data__btn .section-history__button,
  .modal-set-data__btn .slider-navigation-next,
  .modal-set-data__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-set-data__btn .button span,
  .modal-set-data__btn .button--ghost span,
  .modal-set-data__btn .button--ghost--dark span,
  .modal-set-data__btn .button--ghost--light span,
  .modal-set-data__btn .button--primary span,
  .modal-set-data__btn .button--primary--dark span,
  .modal-set-data__btn .button--primary--light span,
  .modal-set-data__btn .button--secondary span,
  .modal-set-data__btn .button--secondary--dark span,
  .modal-set-data__btn .button--secondary--light span,
  .modal-set-data__btn .button-filter span,
  .modal-set-data__btn .direction-card__button span,
  .modal-set-data__btn .section-history__button span,
  .modal-set-data__btn .slider-navigation-next span,
  .modal-set-data__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-update-email__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-update-email__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-update-email-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-update-email-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-update-email-content__title {
    font-size: 32px;
  }

  .modal-update-email-content__body {
    padding: 16px;
    gap: 24px;
  }
}

.modal-update-email-content__current-value {
  padding: 8px 12px;
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
  background-color: #f7f7f8;
  border-radius: 8px;
}

@media (min-width:992px) {
  .modal-update-email-content__current-value {
    padding: 12px 16px;
    font-size: 16px;
  }
}

.modal-update-email-content__btn {
  padding: 16px 16px 0;
}

.modal-update-email-content__btn .button,
.modal-update-email-content__btn .button--ghost,
.modal-update-email-content__btn .button--ghost--dark,
.modal-update-email-content__btn .button--ghost--light,
.modal-update-email-content__btn .button--primary,
.modal-update-email-content__btn .button--primary--dark,
.modal-update-email-content__btn .button--primary--light,
.modal-update-email-content__btn .button--secondary,
.modal-update-email-content__btn .button--secondary--dark,
.modal-update-email-content__btn .button--secondary--light,
.modal-update-email-content__btn .button-filter,
.modal-update-email-content__btn .direction-card__button,
.modal-update-email-content__btn .section-history__button,
.modal-update-email-content__btn .slider-navigation-next,
.modal-update-email-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-update-email-content__btn .button span,
.modal-update-email-content__btn .button--ghost span,
.modal-update-email-content__btn .button--ghost--dark span,
.modal-update-email-content__btn .button--ghost--light span,
.modal-update-email-content__btn .button--primary span,
.modal-update-email-content__btn .button--primary--dark span,
.modal-update-email-content__btn .button--primary--light span,
.modal-update-email-content__btn .button--secondary span,
.modal-update-email-content__btn .button--secondary--dark span,
.modal-update-email-content__btn .button--secondary--light span,
.modal-update-email-content__btn .button-filter span,
.modal-update-email-content__btn .direction-card__button span,
.modal-update-email-content__btn .section-history__button span,
.modal-update-email-content__btn .slider-navigation-next span,
.modal-update-email-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-update-email-content__btn {
    padding: 8px 16px;
  }

  .modal-update-email-content__btn .button,
  .modal-update-email-content__btn .button--ghost,
  .modal-update-email-content__btn .button--ghost--dark,
  .modal-update-email-content__btn .button--ghost--light,
  .modal-update-email-content__btn .button--primary,
  .modal-update-email-content__btn .button--primary--dark,
  .modal-update-email-content__btn .button--primary--light,
  .modal-update-email-content__btn .button--secondary,
  .modal-update-email-content__btn .button--secondary--dark,
  .modal-update-email-content__btn .button--secondary--light,
  .modal-update-email-content__btn .button-filter,
  .modal-update-email-content__btn .direction-card__button,
  .modal-update-email-content__btn .section-history__button,
  .modal-update-email-content__btn .slider-navigation-next,
  .modal-update-email-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-update-email-content__btn .button span,
  .modal-update-email-content__btn .button--ghost span,
  .modal-update-email-content__btn .button--ghost--dark span,
  .modal-update-email-content__btn .button--ghost--light span,
  .modal-update-email-content__btn .button--primary span,
  .modal-update-email-content__btn .button--primary--dark span,
  .modal-update-email-content__btn .button--primary--light span,
  .modal-update-email-content__btn .button--secondary span,
  .modal-update-email-content__btn .button--secondary--dark span,
  .modal-update-email-content__btn .button--secondary--light span,
  .modal-update-email-content__btn .button-filter span,
  .modal-update-email-content__btn .direction-card__button span,
  .modal-update-email-content__btn .section-history__button span,
  .modal-update-email-content__btn .slider-navigation-next span,
  .modal-update-email-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-update-phone__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-update-phone__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-update-phone-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-update-phone-content__body {
  gap: 16px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .modal-update-phone-content__title {
    font-size: 32px;
  }

  .modal-update-phone-content__body {
    padding: 16px;
    gap: 24px;
  }
}

.modal-update-phone-content__current-value {
  padding: 8px 12px;
  color: #54565a;
  font-size: 14px;
  line-height: 130%;
  background-color: #f7f7f8;
  border-radius: 8px;
}

@media (min-width:992px) {
  .modal-update-phone-content__current-value {
    padding: 12px 16px;
    font-size: 16px;
  }
}

.modal-update-phone-content__sms-info {
  margin-block-start: 12px;
  color: #404040;
  font-size: 14px;
  line-height: 130%;
}

.modal-update-phone-content__btn {
  padding: 16px 16px 0;
}

.modal-update-phone-content__btn .button,
.modal-update-phone-content__btn .button--ghost,
.modal-update-phone-content__btn .button--ghost--dark,
.modal-update-phone-content__btn .button--ghost--light,
.modal-update-phone-content__btn .button--primary,
.modal-update-phone-content__btn .button--primary--dark,
.modal-update-phone-content__btn .button--primary--light,
.modal-update-phone-content__btn .button--secondary,
.modal-update-phone-content__btn .button--secondary--dark,
.modal-update-phone-content__btn .button--secondary--light,
.modal-update-phone-content__btn .button-filter,
.modal-update-phone-content__btn .direction-card__button,
.modal-update-phone-content__btn .section-history__button,
.modal-update-phone-content__btn .slider-navigation-next,
.modal-update-phone-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-update-phone-content__btn .button span,
.modal-update-phone-content__btn .button--ghost span,
.modal-update-phone-content__btn .button--ghost--dark span,
.modal-update-phone-content__btn .button--ghost--light span,
.modal-update-phone-content__btn .button--primary span,
.modal-update-phone-content__btn .button--primary--dark span,
.modal-update-phone-content__btn .button--primary--light span,
.modal-update-phone-content__btn .button--secondary span,
.modal-update-phone-content__btn .button--secondary--dark span,
.modal-update-phone-content__btn .button--secondary--light span,
.modal-update-phone-content__btn .button-filter span,
.modal-update-phone-content__btn .direction-card__button span,
.modal-update-phone-content__btn .section-history__button span,
.modal-update-phone-content__btn .slider-navigation-next span,
.modal-update-phone-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-update-phone-content__sms-info {
    margin-block-start: 16px;
    font-size: 16px;
  }

  .modal-update-phone-content__btn {
    padding: 8px 16px;
  }

  .modal-update-phone-content__btn .button,
  .modal-update-phone-content__btn .button--ghost,
  .modal-update-phone-content__btn .button--ghost--dark,
  .modal-update-phone-content__btn .button--ghost--light,
  .modal-update-phone-content__btn .button--primary,
  .modal-update-phone-content__btn .button--primary--dark,
  .modal-update-phone-content__btn .button--primary--light,
  .modal-update-phone-content__btn .button--secondary,
  .modal-update-phone-content__btn .button--secondary--dark,
  .modal-update-phone-content__btn .button--secondary--light,
  .modal-update-phone-content__btn .button-filter,
  .modal-update-phone-content__btn .direction-card__button,
  .modal-update-phone-content__btn .section-history__button,
  .modal-update-phone-content__btn .slider-navigation-next,
  .modal-update-phone-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-update-phone-content__btn .button span,
  .modal-update-phone-content__btn .button--ghost span,
  .modal-update-phone-content__btn .button--ghost--dark span,
  .modal-update-phone-content__btn .button--ghost--light span,
  .modal-update-phone-content__btn .button--primary span,
  .modal-update-phone-content__btn .button--primary--dark span,
  .modal-update-phone-content__btn .button--primary--light span,
  .modal-update-phone-content__btn .button--secondary span,
  .modal-update-phone-content__btn .button--secondary--dark span,
  .modal-update-phone-content__btn .button--secondary--light span,
  .modal-update-phone-content__btn .button-filter span,
  .modal-update-phone-content__btn .direction-card__button span,
  .modal-update-phone-content__btn .section-history__button span,
  .modal-update-phone-content__btn .slider-navigation-next span,
  .modal-update-phone-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-update-phone-confirm__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-update-phone-confirm__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-update-phone-confirm-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-update-phone-confirm-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-update-phone-confirm-content__title {
    font-size: 32px;
  }

  .modal-update-phone-confirm-content__body {
    padding: 16px;
    gap: 32px;
  }
}

.modal-update-phone-confirm-content__current {
  border-radius: 16px;
  padding: 12px;
  background-color: #f7f7f8;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.modal-update-phone-confirm-content__current-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.about-section__expertise-card .benefit-card__text .modal-update-phone-confirm-content__current-wrapper .p--100,
.about-section__expertise-card .benefit-card__text .modal-update-phone-confirm-content__current-wrapper .xs-sort-button,
.careers-form__field .modal-update-phone-confirm-content__current-wrapper input,
.careers-form__field .modal-update-phone-confirm-content__current-wrapper textarea,
.careers-section__condition-item .modal-update-phone-confirm-content__current-wrapper p,
.modal-update-phone-confirm-content__current-wrapper .about-section__expertise-card .benefit-card__text .p--100,
.modal-update-phone-confirm-content__current-wrapper .about-section__expertise-card .benefit-card__text .xs-sort-button,
.modal-update-phone-confirm-content__current-wrapper .careers-form__field input,
.modal-update-phone-confirm-content__current-wrapper .careers-form__field textarea,
.modal-update-phone-confirm-content__current-wrapper .careers-section__condition-item p,
.modal-update-phone-confirm-content__current-wrapper .delivery-and-payment-section__tab-button,
.modal-update-phone-confirm-content__current-wrapper .expandable-question__tab-button,
.modal-update-phone-confirm-content__current-wrapper .feedback__input,
.modal-update-phone-confirm-content__current-wrapper .feedback__textarea,
.modal-update-phone-confirm-content__current-wrapper .h6,
.modal-update-phone-confirm-content__current-wrapper .p,
.modal-update-phone-confirm-content__current-wrapper .p--100,
.modal-update-phone-confirm-content__current-wrapper .p--80,
.modal-update-phone-confirm-content__current-wrapper .p--90,
.modal-update-phone-confirm-content__current-wrapper .promotion-form__field input,
.modal-update-phone-confirm-content__current-wrapper .xs-sort-button,
.promotion-form__field .modal-update-phone-confirm-content__current-wrapper input {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-update-phone-confirm-content__current {
    border-radius: 24px;
    padding: 16px 20px;
  }

  .modal-update-phone-confirm-content__current-wrapper .h6 {
    font-size: 18px;
  }

  .about-section__expertise-card .benefit-card__text .modal-update-phone-confirm-content__current-wrapper .p--100,
  .about-section__expertise-card .benefit-card__text .modal-update-phone-confirm-content__current-wrapper .xs-sort-button,
  .careers-form__field .modal-update-phone-confirm-content__current-wrapper input,
  .careers-form__field .modal-update-phone-confirm-content__current-wrapper textarea,
  .careers-section__condition-item .modal-update-phone-confirm-content__current-wrapper p,
  .modal-update-phone-confirm-content__current-wrapper .about-section__expertise-card .benefit-card__text .p--100,
  .modal-update-phone-confirm-content__current-wrapper .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .modal-update-phone-confirm-content__current-wrapper .careers-form__field input,
  .modal-update-phone-confirm-content__current-wrapper .careers-form__field textarea,
  .modal-update-phone-confirm-content__current-wrapper .careers-section__condition-item p,
  .modal-update-phone-confirm-content__current-wrapper .delivery-and-payment-section__tab-button,
  .modal-update-phone-confirm-content__current-wrapper .expandable-question__tab-button,
  .modal-update-phone-confirm-content__current-wrapper .feedback__input,
  .modal-update-phone-confirm-content__current-wrapper .feedback__textarea,
  .modal-update-phone-confirm-content__current-wrapper .p,
  .modal-update-phone-confirm-content__current-wrapper .p--100,
  .modal-update-phone-confirm-content__current-wrapper .p--80,
  .modal-update-phone-confirm-content__current-wrapper .p--90,
  .modal-update-phone-confirm-content__current-wrapper .promotion-form__field input,
  .modal-update-phone-confirm-content__current-wrapper .xs-sort-button,
  .promotion-form__field .modal-update-phone-confirm-content__current-wrapper input {
    font-size: 16px;
  }
}

.modal-update-phone-confirm-content__current-btn {
  padding: 0;
  font-size: 11px;
  font-weight: 500;
}

.modal-update-phone-confirm-content__subTitle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.modal-update-phone-confirm-content__subTitle p {
  font-size: 14px;
  line-height: 130%;
}

.modal-update-phone-confirm-content__subTitle p:first-child {
  color: #0a0c0f;
}

.modal-update-phone-confirm-content__subTitle p:last-child {
  display: none;
  color: #ff786f;
}

.modal-update-phone-confirm-content__phone {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-update-phone-confirm-content__current-btn {
    font-size: 12px;
  }

  .modal-update-phone-confirm-content__subTitle p {
    font-size: 16px;
  }

  .modal-update-phone-confirm-content__phone {
    gap: 20px;
  }
}

.modal-update-phone-confirm-content__inputs {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
}

.modal-update-phone-confirm-content__inputs--error input {
  border: 2px solid #ff786f!important;
  color: #ff786f!important;
}

.modal-update-phone-confirm-content__form {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.modal-update-phone-confirm-content__input {
  box-sizing: border-box;
  border-radius: 12px;
  flex: 1;
  border: 2px solid #ced2e4;
  justify-content: center;
  align-items: center;
  min-width: 50px;
  background-color: rgb(var(--white-color-rgb));
  color: #0a0c0f;
  font-size: 18px;
  height: 36px;
  text-align: center;
  font-weight: 500;
  outline: 0;
  line-height: 130%;
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

.modal-update-phone-confirm-content__input::-webkit-inner-spin-button,
.modal-update-phone-confirm-content__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal-update-phone-confirm-content__input::-ms-clear {
  display: none;
}

@media (min-width:992px) {
  .modal-update-phone-confirm-content__input {
    height: 48px;
    border-radius: 16px;
    font-size: 24px;
  }
}

.modal-update-phone-confirm-content__input::-moz-placeholder {
  scale: 2;
  color: #ced2e4;
}

.modal-update-phone-confirm-content__input::placeholder {
  scale: 2;
  color: #ced2e4;
}

.modal-update-phone-confirm-content__input:focus,
.modal-update-phone-confirm-content__input:not(:-moz-placeholder-shown),
.modal-update-phone-confirm-content__input:not(:placeholder-shown) {
  border: 2px solid #5f6db2;
}

.modal-update-phone-confirm-content__input:focus::-moz-placeholder {
  opacity: 0;
}

.modal-update-phone-confirm-content__input:focus::placeholder {
  opacity: 0;
}

.modal-update-phone-confirm-content__info .profile-section-info__text {
  font-weight: 500;
}

.modal-update-phone-confirm-content__btn {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
  color: #ced2e4;
}

.modal-update-phone-confirm-content__btn span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

.modal-update-phone-confirm-content__loader {
  display: none;
  margin: 14px auto;
  width: 20px;
  height: 20px;
}

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

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

.modal-update-phone-confirm-content__loader img {
  animation: 2s linear infinite rotate;
}

.modal-update-password__container.modal__inner {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-update-phone-confirm-content__btn {
    padding: 18px 16px;
    border-radius: 16px;
  }

  .modal-update-phone-confirm-content__btn span {
    font-size: 12px;
  }

  .modal-update-password__container.modal__inner {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-update-password-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

@media (min-width:992px) {
  .modal-update-password-content__title {
    font-size: 32px;
  }
}

.modal-update-password-content__description {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.about-section__expertise-card .benefit-card__text .modal-update-password-content__sub-title.p--100,
.about-section__expertise-card .benefit-card__text .modal-update-password-content__sub-title.xs-sort-button,
.careers-form__field input.modal-update-password-content__sub-title,
.careers-form__field textarea.modal-update-password-content__sub-title,
.careers-section__condition-item p.modal-update-password-content__sub-title,
.modal-update-password-content__sub-title.delivery-and-payment-section__tab-button,
.modal-update-password-content__sub-title.expandable-question__tab-button,
.modal-update-password-content__sub-title.feedback__input,
.modal-update-password-content__sub-title.feedback__textarea,
.modal-update-password-content__sub-title.p,
.modal-update-password-content__sub-title.p--100,
.modal-update-password-content__sub-title.p--80,
.modal-update-password-content__sub-title.p--90,
.modal-update-password-content__sub-title.xs-sort-button,
.promotion-form__field input.modal-update-password-content__sub-title {
  color: #404040;
  font-size: 14px;
  line-height: 130%;
}

.modal-update-password-content__forgot-password {
  color: #5f6db2;
  text-align: center;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
  padding: 0;
  padding-inline: 4px;
}

.modal-update-password-content__eye-btn {
  margin: 0;
  padding-inline: 12px;
  top: 0;
  height: 100%;
  position: absolute;
  right: 0;
}

.modal-update-password-content__eye-btn i {
  --icon-color: #0a0c0f;
}

.modal-update-password-content__new-password-section {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-update-password-content__new-password-fields {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-update-password-content__password-criteria {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.modal-update-password-content__password-criteria-sub-title {
  color: #6a6d72;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

.modal-update-password-content__criteria-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
}

.modal-update-password-content__criteria-item {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}

.modal-update-password-content__criteria-item i {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/dot.svg");
}

.modal-update-password-content__criteria-item p {
  color: #6a6d72;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.modal-update-password-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-height: 325px;
  overflow-y: scroll;
}

@media (min-width:992px) {
  .modal-update-password-content__body {
    padding: 16px;
    gap: 32px;
    max-height: 100%;
    overflow-y: auto;
  }
}

.modal-update-password-content__btn {
  padding: 16px 16px 0;
}

.modal-update-password-content__btn .button,
.modal-update-password-content__btn .button--ghost,
.modal-update-password-content__btn .button--ghost--dark,
.modal-update-password-content__btn .button--ghost--light,
.modal-update-password-content__btn .button--primary,
.modal-update-password-content__btn .button--primary--dark,
.modal-update-password-content__btn .button--primary--light,
.modal-update-password-content__btn .button--secondary,
.modal-update-password-content__btn .button--secondary--dark,
.modal-update-password-content__btn .button--secondary--light,
.modal-update-password-content__btn .button-filter,
.modal-update-password-content__btn .direction-card__button,
.modal-update-password-content__btn .section-history__button,
.modal-update-password-content__btn .slider-navigation-next,
.modal-update-password-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-update-password-content__btn .button span,
.modal-update-password-content__btn .button--ghost span,
.modal-update-password-content__btn .button--ghost--dark span,
.modal-update-password-content__btn .button--ghost--light span,
.modal-update-password-content__btn .button--primary span,
.modal-update-password-content__btn .button--primary--dark span,
.modal-update-password-content__btn .button--primary--light span,
.modal-update-password-content__btn .button--secondary span,
.modal-update-password-content__btn .button--secondary--dark span,
.modal-update-password-content__btn .button--secondary--light span,
.modal-update-password-content__btn .button-filter span,
.modal-update-password-content__btn .direction-card__button span,
.modal-update-password-content__btn .section-history__button span,
.modal-update-password-content__btn .slider-navigation-next span,
.modal-update-password-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-update-password-content__btn {
    padding: 8px 16px;
  }

  .modal-update-password-content__btn .button,
  .modal-update-password-content__btn .button--ghost,
  .modal-update-password-content__btn .button--ghost--dark,
  .modal-update-password-content__btn .button--ghost--light,
  .modal-update-password-content__btn .button--primary,
  .modal-update-password-content__btn .button--primary--dark,
  .modal-update-password-content__btn .button--primary--light,
  .modal-update-password-content__btn .button--secondary,
  .modal-update-password-content__btn .button--secondary--dark,
  .modal-update-password-content__btn .button--secondary--light,
  .modal-update-password-content__btn .button-filter,
  .modal-update-password-content__btn .direction-card__button,
  .modal-update-password-content__btn .section-history__button,
  .modal-update-password-content__btn .slider-navigation-next,
  .modal-update-password-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-update-password-content__btn .button span,
  .modal-update-password-content__btn .button--ghost span,
  .modal-update-password-content__btn .button--ghost--dark span,
  .modal-update-password-content__btn .button--ghost--light span,
  .modal-update-password-content__btn .button--primary span,
  .modal-update-password-content__btn .button--primary--dark span,
  .modal-update-password-content__btn .button--primary--light span,
  .modal-update-password-content__btn .button--secondary span,
  .modal-update-password-content__btn .button--secondary--dark span,
  .modal-update-password-content__btn .button--secondary--light span,
  .modal-update-password-content__btn .button-filter span,
  .modal-update-password-content__btn .direction-card__button span,
  .modal-update-password-content__btn .section-history__button span,
  .modal-update-password-content__btn .slider-navigation-next span,
  .modal-update-password-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-delete-address__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-delete-address__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-delete-address-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-delete-address-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .modal-delete-address-content__title {
    font-size: 32px;
  }

  .modal-delete-address-content__body {
    padding: 16px;
  }
}

.modal-delete-address-content__text {
  color: #0a0c0f;
  font-size: 16px;
  line-height: 130%;
}

.modal-delete-address-content__info {
  color: #6a6d72;
  font-size: 14px;
  line-height: 130%;
}

.modal-delete-address-content__btn {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 12px;
  padding: 16px 16px 0;
}

.modal-delete-address-content__btn .button,
.modal-delete-address-content__btn .button--ghost,
.modal-delete-address-content__btn .button--ghost--dark,
.modal-delete-address-content__btn .button--ghost--light,
.modal-delete-address-content__btn .button--primary,
.modal-delete-address-content__btn .button--primary--dark,
.modal-delete-address-content__btn .button--primary--light,
.modal-delete-address-content__btn .button--secondary,
.modal-delete-address-content__btn .button--secondary--dark,
.modal-delete-address-content__btn .button--secondary--light,
.modal-delete-address-content__btn .button-filter,
.modal-delete-address-content__btn .direction-card__button,
.modal-delete-address-content__btn .section-history__button,
.modal-delete-address-content__btn .slider-navigation-next,
.modal-delete-address-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-delete-address-content__btn .button span,
.modal-delete-address-content__btn .button--ghost span,
.modal-delete-address-content__btn .button--ghost--dark span,
.modal-delete-address-content__btn .button--ghost--light span,
.modal-delete-address-content__btn .button--primary span,
.modal-delete-address-content__btn .button--primary--dark span,
.modal-delete-address-content__btn .button--primary--light span,
.modal-delete-address-content__btn .button--secondary span,
.modal-delete-address-content__btn .button--secondary--dark span,
.modal-delete-address-content__btn .button--secondary--light span,
.modal-delete-address-content__btn .button-filter span,
.modal-delete-address-content__btn .direction-card__button span,
.modal-delete-address-content__btn .section-history__button span,
.modal-delete-address-content__btn .slider-navigation-next span,
.modal-delete-address-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-delete-address-content__btn {
    padding: 8px 16px;
    flex-direction: row;
  }

  .modal-delete-address-content__btn .button,
  .modal-delete-address-content__btn .button--ghost,
  .modal-delete-address-content__btn .button--ghost--dark,
  .modal-delete-address-content__btn .button--ghost--light,
  .modal-delete-address-content__btn .button--primary,
  .modal-delete-address-content__btn .button--primary--dark,
  .modal-delete-address-content__btn .button--primary--light,
  .modal-delete-address-content__btn .button--secondary,
  .modal-delete-address-content__btn .button--secondary--dark,
  .modal-delete-address-content__btn .button--secondary--light,
  .modal-delete-address-content__btn .button-filter,
  .modal-delete-address-content__btn .direction-card__button,
  .modal-delete-address-content__btn .section-history__button,
  .modal-delete-address-content__btn .slider-navigation-next,
  .modal-delete-address-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-delete-address-content__btn .button span,
  .modal-delete-address-content__btn .button--ghost span,
  .modal-delete-address-content__btn .button--ghost--dark span,
  .modal-delete-address-content__btn .button--ghost--light span,
  .modal-delete-address-content__btn .button--primary span,
  .modal-delete-address-content__btn .button--primary--dark span,
  .modal-delete-address-content__btn .button--primary--light span,
  .modal-delete-address-content__btn .button--secondary span,
  .modal-delete-address-content__btn .button--secondary--dark span,
  .modal-delete-address-content__btn .button--secondary--light span,
  .modal-delete-address-content__btn .button-filter span,
  .modal-delete-address-content__btn .direction-card__button span,
  .modal-delete-address-content__btn .section-history__button span,
  .modal-delete-address-content__btn .slider-navigation-next span,
  .modal-delete-address-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-add-address__container {
  height: 100vh;
  overflow: hidden;
  width: 100%;
  max-width: 598px;
  padding: 32px 0;
}

.modal-add-address-content {
  overflow: auto;
  padding: 0 40px;
}

.modal-add-address-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-add-address-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .modal-add-address__container {
    height: auto;
  }

  .modal-add-address-content__title {
    font-size: 32px;
  }

  .modal-add-address-content__body {
    padding: 16px;
  }
}

.modal-add-address-content__body .profile--error {
  flex-direction: column;
  padding: 16px;
  margin-block-start: 12px;
  border-radius: 12px;
  gap: 12px;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  background-color: rgb(var(--white-color-rgb));
}

.modal-add-address-content__body .profile--error-network {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: left;
}

.modal-add-address-content__body .profile--error-network a {
  padding: 0;
}

.modal-add-address-content__body .profile--error-network a i {
  --icon-color: #2e90fa;
}

.modal-add-address-content__body .profile--error-text {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

.modal-add-address-content__body-building {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: repeat(2,auto);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: start;
  height: 100%;
  transition: .3s;
}

.modal-add-address-content__body-btn {
  width: 100%;
  justify-content: center;
}

.modal-add-address-content__result-search {
  position: absolute;
  margin: 0;
  padding-inline: 0;
  display: flex;
  width: 100%;
  top: calc(100% + 8px);
  z-index: 5;
  max-height: 304px;
  overflow: auto;
  border-radius: 12px;
  background-color: rgb(var(--white-color-rgb));
  flex-direction: column;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

.modal-add-address-content__result-search li {
  list-style: none;
  padding: 16px 12px;
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.modal-add-address-content__result-search li span {
  font-weight: 700;
}

.modal-support-form__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-add-address-content__result-search {
    border-radius: 16px;
  }

  .modal-add-address-content__result-search li {
    font-size: 16px;
  }

  .modal-support-form__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-support-form-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-support-form-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .modal-support-form-content__title {
    font-size: 32px;
  }

  .modal-support-form-content__body {
    padding: 16px;
    gap: 16px;
  }
}

.modal-support-form-content__btn {
  padding: 16px 16px 0;
}

.modal-support-form-content__btn .button,
.modal-support-form-content__btn .button--ghost,
.modal-support-form-content__btn .button--ghost--dark,
.modal-support-form-content__btn .button--ghost--light,
.modal-support-form-content__btn .button--primary,
.modal-support-form-content__btn .button--primary--dark,
.modal-support-form-content__btn .button--primary--light,
.modal-support-form-content__btn .button--secondary,
.modal-support-form-content__btn .button--secondary--dark,
.modal-support-form-content__btn .button--secondary--light,
.modal-support-form-content__btn .button-filter,
.modal-support-form-content__btn .direction-card__button,
.modal-support-form-content__btn .section-history__button,
.modal-support-form-content__btn .slider-navigation-next,
.modal-support-form-content__btn .slider-navigation-prev {
  padding: 12.5px;
  border-radius: 12px;
  width: 100%;
  justify-content: center;
}

.modal-support-form-content__btn .button span,
.modal-support-form-content__btn .button--ghost span,
.modal-support-form-content__btn .button--ghost--dark span,
.modal-support-form-content__btn .button--ghost--light span,
.modal-support-form-content__btn .button--primary span,
.modal-support-form-content__btn .button--primary--dark span,
.modal-support-form-content__btn .button--primary--light span,
.modal-support-form-content__btn .button--secondary span,
.modal-support-form-content__btn .button--secondary--dark span,
.modal-support-form-content__btn .button--secondary--light span,
.modal-support-form-content__btn .button-filter span,
.modal-support-form-content__btn .direction-card__button span,
.modal-support-form-content__btn .section-history__button span,
.modal-support-form-content__btn .slider-navigation-next span,
.modal-support-form-content__btn .slider-navigation-prev span {
  padding-inline: 4px;
  font-size: 11px;
  font-weight: 500;
  line-height: 100%;
}

@media (min-width:992px) {
  .modal-support-form-content__btn {
    padding: 8px 16px;
  }

  .modal-support-form-content__btn .button,
  .modal-support-form-content__btn .button--ghost,
  .modal-support-form-content__btn .button--ghost--dark,
  .modal-support-form-content__btn .button--ghost--light,
  .modal-support-form-content__btn .button--primary,
  .modal-support-form-content__btn .button--primary--dark,
  .modal-support-form-content__btn .button--primary--light,
  .modal-support-form-content__btn .button--secondary,
  .modal-support-form-content__btn .button--secondary--dark,
  .modal-support-form-content__btn .button--secondary--light,
  .modal-support-form-content__btn .button-filter,
  .modal-support-form-content__btn .direction-card__button,
  .modal-support-form-content__btn .section-history__button,
  .modal-support-form-content__btn .slider-navigation-next,
  .modal-support-form-content__btn .slider-navigation-prev {
    padding: 18px 16px;
    width: -moz-max-content;
    width: max-content;
    border-radius: 16px;
  }

  .modal-support-form-content__btn .button span,
  .modal-support-form-content__btn .button--ghost span,
  .modal-support-form-content__btn .button--ghost--dark span,
  .modal-support-form-content__btn .button--ghost--light span,
  .modal-support-form-content__btn .button--primary span,
  .modal-support-form-content__btn .button--primary--dark span,
  .modal-support-form-content__btn .button--primary--light span,
  .modal-support-form-content__btn .button--secondary span,
  .modal-support-form-content__btn .button--secondary--dark span,
  .modal-support-form-content__btn .button--secondary--light span,
  .modal-support-form-content__btn .button-filter span,
  .modal-support-form-content__btn .direction-card__button span,
  .modal-support-form-content__btn .section-history__button span,
  .modal-support-form-content__btn .slider-navigation-next span,
  .modal-support-form-content__btn .slider-navigation-prev span {
    font-size: 12px;
  }
}

.modal-order-filter__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-order-filter__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-order-filter-content__title {
  padding: 16px;
  color: #0a0c0f;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
}

.modal-order-filter-content__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
}

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

.valid-error p {
  color: #f04438;
}

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

.valid-success p {
  color: #4bb34b;
}

.profile-order-filters {
  display: flex;
  flex-direction: column;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  row-gap: 12px;
}

@media (min-width:992px) {
  .modal-order-filter-content__title {
    font-size: 32px;
  }

  .modal-order-filter-content__body {
    padding: 16px;
  }

  .profile-order-filters {
    flex-direction: row;
  }
}

.profile-order-filters__filter {
  position: relative;
  z-index: 4;
  cursor: pointer;
  display: none;
  align-items: center;
  gap: 8px;
  color: #6a6d72;
  width: 100%;
  border-radius: 12px;
  border: 2px solid #ced2e4;
  padding-inline: 12px;
  height: 48px;
  flex-direction: row;
  justify-content: space-between;
  font-size: 13px;
  line-height: 130%;
  background-color: rgb(var(--white-color-rgb));
}

.profile-order-filters__filter::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: #6a6d72;
  transition: transform .3s ease-in-out;
}

.profile-order-filters__filter-title {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #6a6d72;
}

.profile-order-filters__filter-variants {
  padding-block-start: 16px;
  padding-block-end: 20px;
  padding-inline: 12px;
}

.profile-order-filters__filter-content {
  overflow-x: clip;
  overflow-y: auto;
  width: 100%;
  max-height: 0;
  opacity: 0;
  position: absolute;
  background-color: rgb(var(--white-color-rgb));
  z-index: 1;
  left: 0;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  top: calc(100% + 17px);
  border-radius: 24px;
  transition: opacity .3s ease-in-out,max-height .3s ease-in-out;
  scrollbar-width: none;
}

.profile-order-filters__filter-radio {
  height: 24px;
}

@media (hover:hover) {
  .profile-order-filters__filter:hover::after {
    transform: rotate(180deg);
  }

  .profile-order-filters__filter:hover .profile-order-filters__filter-content {
    transition: opacity .3s ease-in-out,max-height .3s ease-in-out;
    max-height: 340px;
    opacity: 1;
  }
}

.profile-order-filters__filter--mob {
  display: flex;
}

@media (min-width:992px) {
  .profile-order-filters__filter {
    display: flex;
    max-width: 272px;
  }

  .profile-order-filters__filter--mob {
    display: none;
  }
}

.profile-order-filters__year {
  display: flex;
  flex-direction: row;
  gap: 4px;
}

.profile-order-filters__year-item {
  color: #5f6db2;
  text-align: center;
  font-size: 13px;
  line-height: 130%;
  padding: 8px 12px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
}

@media (min-width:992px) {
  .profile-order-filters__year {
    gap: 8px;
  }

  .profile-order-filters__year-item {
    padding: 8px 16px;
    font-size: 14px;
  }
}

.profile-order-filters__year-item--select {
  color: rgb(var(--white-color-rgb));
  background-color: #5f6db2;
}

.profile-order-cards {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-block-start: 32px;
}

.profile-order-card {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4,auto);
  padding: 16px;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
}

.profile-order-card--waiting-payment .profile-order-card__status-text {
  background-color: #ff786f;
}

.profile-order-card--delivered .profile-order-card__status-text {
  background-color: #7db9f9;
}

.profile-order-card--received .profile-order-card__status-text {
  background-color: #999b9f;
}

.profile-order-card--received .profile-order-card__delivery {
  grid-area: 2/1/3/3;
}

.profile-order-card--received .profile-order-card__repeat-order {
  grid-area: 4/1/4/3;
}

.profile-order-card--received .profile-order-card__payment-status {
  grid-area: 3/1/3/1;
}

.profile-order-card__status {
  grid-area: 1/1/2/2;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}

@media (min-width:992px) {
  .profile-order-cards {
    margin-block-start: 24px;
  }

  .profile-order-card {
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(3,auto);
    border-radius: 24 px;
    padding: 24px;
  }

  .profile-order-card--received .profile-order-card__payment-status {
    grid-area: auto;
  }

  .profile-order-card__status {
    gap: 8px;
    flex-direction: column-reverse;
  }
}

.profile-order-card__status-text {
  padding: 5px 8px;
  border-radius: 4px;
  color: rgb(var(--white-color-rgb));
  text-align: center;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  -moz-column-gap: 12px;
  column-gap: 12px;
}

.profile-order-card__order-number {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-card__info {
    flex-direction: row;
    align-items: flex-end;
  }

  .profile-order-card__order-number {
    font-size: 20px;
  }

  .profile-order-card__order-date {
    margin-block-end: 2px;
  }
}

.profile-order-card__order-date {
  color: #6a6d72;
  font-size: 12px;
  font-weight: 400;
  line-height: 130%;
}

.profile-order-card__actions {
  grid-area: 4/1/5/2;
}

@media (min-width:992px) {
  .profile-order-card__actions {
    grid-area: 1/2/2/3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.profile-order-card__info-pay {
  grid-area: 3/1/4/2;
  margin-block: 0 8px;
}

@media (min-width:992px) {
  .profile-order-card__info-pay {
    margin-block: 16px 0;
    grid-area: 2/1/3/3;
  }
}

.profile-order-card__delivery {
  grid-area: 2/1/3/2;
  margin-block: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-order-card__delivery {
    grid-area: 3/1/4/3;
    flex-direction: row;
    justify-content: space-between;
    margin-block: 16px 0;
  }
}

.profile-order-card__delivery-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-order-card__delivery-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.profile-order-card__delivery-method {
  color: #54565a;
  text-align: center;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-card__delivery-address {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-card__delivery-address {
    font-size: 14px;
  }
}

.profile-order-card__images {
  display: flex;
  flex-direction: row;
  gap: 4px;
  max-height: 60px;
}

.profile-order-card__image-wrapper {
  max-width: 60px;
  max-height: 60px;
  aspect-ratio: 1;
}

.profile-order-card__image {
  border: 1px solid #e8e9eb;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.profile-order-card__more-images {
  aspect-ratio: 1;
  width: 60px;
  height: 60px;
  display: flex;
  border-radius: 8px;
  border: 1px solid #e8e9eb;
  background-color: #cecfd1;
  align-items: center;
  justify-content: center;
}

.profile-order-card__more-text {
  color: rgb(var(--white-color-rgb));
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.profile-order-card__payment-status {
  padding-block: 4px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}

@media (min-width:992px) {
  .profile-order-card__payment-status {
    padding-block: 0;
    justify-content: flex-end;
  }
}

.profile-order-card__payment-status-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-order-card__payment-status-text {
  color: #12b76a;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-card__payment-status-box {
    align-items: flex-end;
  }

  .profile-order-card__payment-status-text {
    font-size: 16px;
  }
}

.profile-order-card__payment-status-mony {
  color: #0a0c0f;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.profile-order-card__payment-status-btn {
  padding: 12px;
}

.profile-order-card__payment-status-btn i {
  --icon-color: #0a0c0f;
}

.profile-order-card__pay-button,
.profile-order-card__repeat-button,
.profile-order-card__track-button {
  width: 100%;
}

.profile-order-card__repeat-order {
  margin-block-start: 24px;
}

@media (min-width:992px) {
  .profile-order-card__payment-status-mony {
    font-size: 24px;
  }

  .profile-order-card__payment-status-btn {
    display: none;
  }

  .profile-order-card__pay-button,
  .profile-order-card__repeat-button,
  .profile-order-card__track-button {
    width: -moz-max-content;
    width: max-content;
  }

  .profile-order-card__repeat-order {
    margin-block-start: 16px;
  }
}

.profile-order-delivery {
  width: 100%;
  margin-block-end: 24px;
}

.profile-order-delivery .profile-section-order-delivery {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 765px;
}

.profile-order-delivery .order-status {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 8px 4px;
}

.profile-order-delivery .order-status__step {
  display: contents;
}

.profile-order-delivery .order-status__step--past .order-status__icon {
  --icon-color: #ced2e4;
}

.profile-order-delivery .order-status__step--past .order-status__text {
  display: none;
}

.profile-order-delivery .order-status__step--past .order-status__hr {
  border-top-color: #cecfd1;
}

.profile-order-delivery .order-status__step--active .order-status__icon {
  --icon-color: #5f6db2;
}

.profile-order-delivery .order-status__step--active .order-status__text {
  display: block;
  color: #5f6db2;
}

.profile-order-delivery .order-status__step--active .order-status__hr {
  border-top-color: #5f6db2;
}

.profile-order-delivery .order-status__text {
  display: none;
  font-size: 12px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery {
    margin-block-end: 72px;
  }

  .profile-order-delivery .profile-section-order-delivery {
    gap: 24px;
  }

  .profile-order-delivery .order-status {
    padding: 8px 20px;
  }

  .profile-order-delivery .order-status__text {
    display: block;
  }

  .profile-order-delivery .order-status__icon {
    --icon-width: 32px;
    --icon-height: 32px;
  }
}

.profile-order-delivery .order-status__content {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}

.profile-order-delivery .order-status__icon {
  margin-inline: 8px;
  --icon-color: #6a6d72;
}

.profile-order-delivery .order-status__hr {
  border: none;
  width: 100%;
  border-top: 1px dotted #6a6d72;
}

.profile-order-delivery .profile-section-header {
  gap: 16px;
  padding-block: 28px;
}

.profile-order-delivery .profile-section-header__button-back span {
  display: none;
}

.profile-order-delivery .profile-section-header__order-box {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-section-header {
    padding-block: 24px;
    display: flex;
    padding-block-start: 0;
  }

  .profile-order-delivery .profile-section-header__button-back {
    gap: 4px;
    font-size: 14px;
  }

  .profile-order-delivery .profile-section-header__button-back span {
    display: inline;
  }

  .profile-order-delivery .profile-section-header__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 130%;
  }

  .profile-order-delivery .profile-section-header__order-box {
    flex-direction: row;
    align-items: center;
  }
}

.profile-order-delivery .profile-section-header__status {
  color: rgb(var(--white-color-rgb));
  font-size: 13px;
  line-height: 130%;
  border-radius: 16px;
  padding: 4px 8px;
  width: -moz-max-content;
  width: max-content;
}

.profile-order-delivery .profile-section-header__status--not-paid {
  background-color: #ff786f;
}

.profile-order-delivery .profile-section-header__status--paid {
  background-color: #59c894;
}

.profile-order-delivery .profile-order-info-wrapper {
  padding: 17px;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
}

@media (min-width:992px) {
  .profile-order-delivery .profile-section-header__status {
    font-size: 14px;
  }

  .profile-order-delivery .profile-order-info-wrapper {
    flex-direction: row-reverse;
  }
}

.profile-order-delivery .profile-order-info-wrapper__header {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-order-info-wrapper__header {
    gap: 8px;
    width: 45%;
    align-items: flex-end;
  }
}

.profile-order-delivery .profile-order-info-wrapper__body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-order-delivery .profile-order-info-wrapper__title {
  color: #0a0c0f;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-order-info-wrapper__date {
  color: #0a0c0f;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-order-info-wrapper__body {
    gap: 8px;
  }

  .profile-order-delivery .profile-order-info-wrapper__date {
    font-size: 24px;
  }
}

.profile-order-delivery .profile-order-info-wrapper__text {
  color: #54565a;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order {
    gap: 24px;
  }
}

.profile-order-delivery .profile-info-order__container {
  gap: 20px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__container {
    padding: 24px;
  }
}

.profile-order-delivery .profile-info-order__summary {
  gap: 16px;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
}

.profile-order-delivery .profile-info-order__title {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__summary {
    padding: 24px;
    gap: 24px;
  }

  .profile-order-delivery .profile-info-order__title {
    font-size: 20px;
  }
}

.profile-order-delivery .profile-info-order__status {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-order-delivery .profile-info-order__status-info {
  padding: 5px 8px 4px;
  border-radius: 4px;
  color: rgb(var(--white-color-rgb));
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__status-info--decorated {
  background-color: #5f6db2;
}

.profile-order-delivery .profile-info-order__status-info--going {
  background-color: #999b9f;
}

.profile-order-delivery .profile-info-order__status-info--delivered {
  background-color: #7db9f9;
}

.profile-order-delivery .profile-info-order__status-info--ready {
  background-color: #12b76a;
}

.profile-order-delivery .profile-info-order__status-info--received {
  background-color: #999b9f;
}

.profile-order-delivery .profile-info-order__status-date {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__status {
    flex-direction: row;
    align-items: center;
  }

  .profile-order-delivery .profile-info-order__status-date {
    font-size: 14px;
  }
}

.profile-order-delivery .profile-info-order__recipient {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-order-delivery .profile-info-order__recipient-label {
  color: #6a6d72;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__recipient-contacts {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.profile-order-delivery .profile-info-order__recipient-email,
.profile-order-delivery .profile-info-order__recipient-name,
.profile-order-delivery .profile-info-order__recipient-phone {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__recipient-contacts {
    flex-direction: row;
  }

  .profile-order-delivery .profile-info-order__recipient-email,
  .profile-order-delivery .profile-info-order__recipient-name,
  .profile-order-delivery .profile-info-order__recipient-phone {
    font-size: 14px;
    display: inline;
  }
}

.profile-order-delivery .profile-info-order__delivery {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile-order-delivery .profile-info-order__delivery-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-order-delivery .profile-info-order__delivery-info-method {
  color: #6a6d72;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__delivery-info-address {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__delivery {
    gap: 8px;
  }

  .profile-order-delivery .profile-info-order__delivery-info-address {
    font-size: 14px;
  }
}

.profile-order-delivery .profile-info-order__payment {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.profile-order-delivery .profile-info-order__payment-label {
  color: #6a6d72;
  font-size: 12px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__payment-method {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__payment-method {
    font-size: 14px;
  }

  .profile-order-delivery .profile-info-order__details {
    gap: 16px;
  }
}

.profile-order-delivery .profile-info-order__details-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.profile-order-delivery .profile-info-order__details-row--sale {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.profile-order-delivery .profile-info-order__details-row--sale i {
  --icon-color: #0a0c0f;
  --icon-width: 16px;
  --icon-height: 16px;
}

.profile-order-delivery .profile-info-order__details p {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.profile-order-delivery .profile-info-order__total-label,
.profile-order-delivery .profile-info-order__total-value {
  color: #0a0c0f;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

.profile-order-delivery .profile-info-order__actions {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-info-order__details p {
    font-size: 14px;
  }

  .profile-order-delivery .profile-info-order__actions {
    flex-direction: row;
  }
}

.profile-order-delivery .profile-card-order {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profile-order-delivery .profile-card-order__title {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

.profile-order-delivery .profile-card-order__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-order-delivery .profile-card-order__item {
  background-color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  -moz-column-gap: 24px;
  column-gap: 24px;
  padding: 16px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__title {
    font-size: 20px;
  }

  .profile-order-delivery .profile-card-order__item {
    flex-direction: row;
    justify-content: space-between;
  }
}

.profile-order-delivery .profile-card-order__product {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.profile-order-delivery .profile-card-order__image-wrapper {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border-radius: 12px;
  border: 1px solid #dcdfee;
  overflow: hidden;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__product {
    gap: 20px;
  }

  .profile-order-delivery .profile-card-order__image-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 16px;
  }
}

.profile-order-delivery .profile-card-order__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.profile-order-delivery .profile-card-order__description {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profile-order-delivery .profile-card-order__description-name {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.profile-order-delivery .profile-card-order__description-volume {
  color: #6a6d72;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__description {
    gap: 8px;
  }

  .profile-order-delivery .profile-card-order__description-name {
    font-size: 16px;
  }

  .profile-order-delivery .profile-card-order__description-volume {
    font-size: 12px;
  }
}

.profile-order-delivery .profile-card-order__actions {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__actions {
    justify-content: space-between;
  }
}

.profile-order-delivery .profile-card-order__quantity {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-block-end: 11px;
  border-bottom: 1px solid #cecfd1;
}

.profile-order-delivery .profile-card-order__quantity-count {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

.profile-order-delivery .profile-card-order__quantity-price {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__quantity {
    padding: 0;
    border: 0;
    flex-direction: row-reverse;
  }

  .profile-order-delivery .profile-card-order__quantity-count {
    font-size: 16px;
  }

  .profile-order-delivery .profile-card-order__quantity-price {
    font-size: 20px;
  }
}

.profile-order-delivery .profile-card-order__buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

.profile-order-delivery .profile-card-order__button {
  padding: 0;
  gap: 4px;
}

.profile-order-delivery .profile-card-order__button span {
  color: #5f6db2;
  font-size: 11px;
  font-weight: 500;
  padding-inline: 4px;
  line-height: 100%;
}

.profile-order-delivery .profile-card-order__button i {
  --icon-color: #5f6db2;
}

.profile-order-delivery__btn {
  width: 100%;
}

@media (min-width:992px) {
  .profile-order-delivery .profile-card-order__button span {
    font-size: 12px;
  }

  .profile-order-delivery__btn {
    width: -moz-max-content;
    width: max-content;
  }
}

.profile-hidden {
  display: none!important;
}

.profile-orders-content {
  width: 100%;
}

.profile-orders-content .tabs__tab-list {
  height: 38px;
}

.profile-orders-content .tabs__tab-panel-list {
  margin: 0;
}

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

.profile-orders-content .tabs__tab-button {
  font-size: 14px;
  padding-block: 2px;
  line-height: 130%;
}

@media (max-width:992px) {
  .profile-orders-content .tabs__tab-list {
    width: 100%;
  }

  .profile-orders-content .tabs__tab-list li {
    padding: 8px;
    width: calc(50% - 6px);
  }

  .profile-orders-content .tabs__tab-button {
    font-size: 13px;
  }
}

.profile-orders-content .tabs__tab-button span {
  font-size: 12px;
  margin-left: 8px;
  font-weight: 400;
}

.profile-section-orders__purchased {
  display: flex;
  gap: 15px;
  width: 100%;
  flex-wrap: wrap;
  margin-block-start: 32px;
}

@media (min-width:992px) {
  .profile-section-orders__purchased {
    gap: 23px;
    margin-block-start: 24px;
  }
}

.profile-section-orders__orders {
  margin-block-start: 20px;
}

.profile-notification {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width:992px) {
  .profile-section-orders__orders {
    margin-block-start: 24px;
  }

  .profile-notification {
    gap: 48px;
  }
}

.profile-notification__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.profile-notification__title {
  color: #0a0c0f;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  margin-block-end: 24px;
}

.card-notification {
  display: flex;
  flex-direction: row;
  border-radius: 4px;
  background-color: #fff;
  overflow: hidden;
}

@media (min-width:992px) {
  .profile-notification__container {
    gap: 20px;
  }

  .profile-notification__title {
    font-size: 20px;
  }

  .card-notification {
    border-radius: 8px;
  }
}

.card-notification__status {
  width: 8px;
  flex-shrink: 0;
}

.card-notification__status--new {
  background-color: #5f6db2;
}

.card-notification__status--old {
  background-color: #dcdfee;
}

.card-notification__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 12px;
}

.card-notification__content-header {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.card-notification__content-header-date {
  color: #999b9f;
  font-size: 12px;
  line-height: 130%;
}

.card-notification__content-header-title {
  color: #0a0c0f;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .card-notification__content--new {
    padding: 20px 16px;
  }

  .card-notification__content-header-title {
    font-size: 16px;
  }
}

.card-notification__content-description {
  color: #0a0c0f;
  font-size: 12px;
  line-height: 130%;
}

.card-notification__content-link {
  padding: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.section-addresses__address {
  padding: 12px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  border-radius: 12px;
  background-color: #fff;
  justify-content: space-between;
}

.section-addresses__address-actions {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: flex-start;
}

@media (min-width:992px) {
  .card-notification__content-link {
    line-height: 130%;
  }

  .section-addresses__address {
    padding: 16px;
    border-radius: 16px;
  }

  .section-addresses__address-actions {
    gap: 12px;
  }
}

.section-addresses__address-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.section-addresses__address-btn {
  padding: 4px 8px;
}

.section-addresses__address-btn i {
  --icon-color: #0a0c0f;
}

.section-addresses__address-base {
  color: #8a98db;
  font-size: 10px;
  font-weight: 500;
  line-height: 100%;
}

.section-addresses__address-location {
  color: #0a0c0f;
  font-size: 13px;
  line-height: 130%;
}

@media (min-width:992px) {
  .section-addresses__address-btn {
    padding: 8px;
  }

  .section-addresses__address-location {
    font-size: 14px;
  }
}

.section-addresses__address-info {
  color: #6a6d72;
  font-size: 12px;
  line-height: 130%;
}

.section-addresses__addresses {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.profile-section-left {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.profile-section-left .no-elements-found {
  display: none;
}

.profile-section-left .profile-section-header {
  display: flex;
}

@media (min-width:992px) {
  .profile-section-left .profile-section-header {
    padding-block-start: 0;
    padding-block-end: 24px;
  }

  .profile-section-left .profile-section-header__button-back {
    display: none;
  }

  .profile-section-left .profile-section-header__title {
    font-size: 32px;
    font-weight: 700;
  }
}

.profile-section-left .profile-section-header__title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}

@media (max-width:992px) {
  .profile-section-left .profile-section-header__btn {
    border: 0;
    outline: 0;
    padding: 6px;
    background: 0 0;
  }

  .profile-section-left .profile-section-header__btn span {
    display: none;
  }

  .profile-section-left .profile-section-header__btn i {
    --icon-color: #0a0c0f;
  }
}

.no-addresses .profile-section-header__btn,
.no-addresses .section-addresses,
.no-addresses .section-addresses__addresses {
  display: none;
}

.no-addresses .no-elements-found {
  display: flex;
}

.cosmetologist-service__main {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

@media (min-width:992px) {
  .no-addresses .profile-section-header {
    display: none;
  }

  .cosmetologist-service__main {
    flex-direction: row;
    gap: 24px;
    margin-top: 24px;
  }
}

.cosmetologist-service .lk__content__moderation {
  margin: 0 0 24px;
}

.cosmetologist-service .lk__content__note {
  margin: 12px 0 0;
}

.cosmetologist-service .custom_file {
  margin: 12px 0;
}

.cosmetologist-service .custom_file #lk__content__profi__file {
  display: none;
}

.cosmetologist-service .lk__content__profi__send_place .lk__content__oferta,
.cosmetologist-service .lk__content__profi__send_place form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.profile * {
  scrollbar-gutter: auto;
}

.btn-show-scroll,
.profile-hidden {
  display: none;
}

@media (max-width:576px) {
  .btn-show-scroll {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9;
    bottom: 68px;
    padding: 12px 16px;
    background-color: rgb(var(--white-color-rgb));
  }
}

.article-about {
  background-color: rgb(var(--white-color-rgb));
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

.article-about__title {
  padding-block-start: 24px;
  padding-block-end: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.article-about__title-main {
  color: #0a0c0f;
  line-height: 130%;
}

.article-about__title-description {
  color: #6a6d72;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .article-about__title {
    padding-block-start: 72px;
    padding-block-end: 77px;
    row-gap: 16px;
  }

  .article-about__title-description {
    padding-block: 16px;
    font-size: 16px;
  }
}

.article-about__info {
  padding-block: 12px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  -moz-column-gap: 26px;
  column-gap: 26px;
}

@media (min-width:992px) {
  .article-about__info {
    flex-direction: row;
    padding-block: 16px;
  }
}

.article-about__info-item {
  display: flex;
  -moz-column-gap: 12px;
  column-gap: 12px;
  flex-direction: row;
  align-items: flex-start;
  flex: 1 1 calc(50% - 12px);
}

.article-about__info-text {
  font-size: 14px;
  line-height: 18px;
}

.article-about__info-text span {
  font-weight: 500;
}

.article-about__info i {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-color: #5f6db2;
}

.article-about .btn-prev-mobile--banner {
  top: 80px;
}

.article-content {
  padding-block: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

@media (min-width:992px) {
  .article-about__info-text {
    font-size: 16px;
  }

  .article-content {
    flex-direction: row;
    padding-block: 48px;
  }
}

.article-content img {
  max-width: 100%;
  height: auto;
}

.article-content__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: unset;
}

.article-content__list--ordered {
  row-gap: 8px;
}

.article-content__list--ordered li .careers-form__field input:first-child,
.article-content__list--ordered li .careers-form__field textarea:first-child,
.article-content__list--ordered li .careers-section__condition-item p:first-child,
.article-content__list--ordered li .delivery-and-payment-section__tab-button:first-child,
.article-content__list--ordered li .expandable-question__tab-button:first-child,
.article-content__list--ordered li .feedback__input:first-child,
.article-content__list--ordered li .feedback__textarea:first-child,
.article-content__list--ordered li .p--100:first-child,
.article-content__list--ordered li .p--80:first-child,
.article-content__list--ordered li .p--90:first-child,
.article-content__list--ordered li .p:first-child,
.article-content__list--ordered li .promotion-form__field input:first-child,
.article-content__list--ordered li .xs-sort-button:first-child,
.careers-form__field .article-content__list--ordered li input:first-child,
.careers-form__field .article-content__list--ordered li textarea:first-child,
.careers-section__condition-item .article-content__list--ordered li p:first-child,
.promotion-form__field .article-content__list--ordered li input:first-child {
  flex-shrink: 0;
  text-align: end;
  width: 28px;
}

@media (min-width:992px) {
  .article-content__list--ordered {
    row-gap: 12px;
  }
}

.article-content__item {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

@media (min-width:992px) {
  .article-content__item {
    row-gap: 20px;
  }
}

.article-content__item--image {
  row-gap: 12px;
}

.article-content__title {
  color: #0a0c0f;
  font-size: 18px;
  line-height: 130%;
  font-weight: 500;
}

@media (min-width:992px) {
  .article-content__item--image {
    row-gap: 16px;
  }

  .article-content__title {
    font-size: 24px;
  }
}

.article-content__text {
  color: #54565a;
  font-size: 14px;
  line-height: 18px;
}

.article-content__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
}

@media (min-width:992px) {
  .article-content__text {
    line-height: 130%;
    font-size: 16px;
  }

  .article-content__image {
    border-radius: 24px;
  }
}

.article-content__caption {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.article-content__caption-title {
  flex-shrink: 0;
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

@media (min-width:992px) {
  .article-content__caption-title {
    font-size: 16px;
  }
}

.article-content__caption-text {
  color: #6a6d72;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width:992px) {
  .article-content__caption-text {
    font-size: 16px;
    line-height: 130%;
  }
}

.article-content__list-item {
  display: flex;
  gap: 8px;
  flex-direction: row;
  align-items: flex-start;
}

.article-content__list-item-text {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 18px;
}

.article-support {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  padding: 16px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
  border: 1px solid #dcdfee;
  margin-bottom: 28px;
}

@media (min-width:992px) {
  .article-content__list-item-text {
    font-size: 16px;
    line-height: 130%;
  }

  .article-support {
    width: 371px;
    flex-shrink: 0;
    padding: 32px 24px;
    height: 100%;
    border-radius: 24px;
    row-gap: 24px;
  }
}

.article-support__icon {
  width: 62px;
  height: 62px;
}

.article-support__icon i.icon-support {
  height: 100%;
  width: 100%;
  background-color: #5f6db2;
}

.article-support__content {
  display: flex;
  flex-direction: column;
}

.article-support__title {
  padding-block-start: 12px;
  padding-block-end: 13px;
  color: #0a0c0f;
  font-size: 18px;
  line-height: 100%;
}

@media (min-width:992px) {
  .article-support__title {
    font-size: 24px;
    padding-block-start: 20px;
    padding-block-end: 8px;
    line-height: 130%;
  }
}

.article-support__text {
  color: #0a0c0f;
  font-size: 14px;
  line-height: 130%;
}

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

.article-support__button {
  border-radius: 12px;
  padding: 11px 0;
  font-size: 11px;
  display: flex;
  justify-content: center;
  width: 100%;
}

@media (min-width:992px) {
  .article-support__button {
    border-radius: 16px;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    padding: 18px 0;
  }
}

.catalog-cosmetics__categories {
  margin: 16px 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-cosmetics__categories {
    margin: 24px 0;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-cosmetics__categories {
    padding-right: calc(50% - 580px);
  }
}

.catalog-cosmetics-banner {
  margin: 32px 0;
  height: 204px;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-cosmetics-banner {
    margin: 48px 0 56px;
    height: 264px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-cosmetics-banner {
    padding-right: calc(50% - 580px);
  }
}

.catalog-cosmetics-banner__wrapper {
  width: 100%;
  height: 100%;
}

.catalog-cometics-face-care {
  --category-banner-background: linear-gradient(90deg, #e2bab1, #eccec7);
}

.catalog-cometics-check-your-skin {
  padding-top: 0;
  padding-bottom: 0;
  margin: 32px 0;
}

.catalog-cometics-hair-care {
  --category-banner-background: linear-gradient(90deg, #AB9EAF, #E5DBE8);
}

.catalog-cosmetics-consultation {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:768px) {
  .catalog-cosmetics-consultation {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: .5fr 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 0;
  }
}

.catalog-cosmetics-consultation__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.catalog-cosmetics-consultation__description {
  color: #54565a;
}

.catalog-cosmetics-consultation__record .record-card__content {
  height: 88px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/catalog-cosmetics-record-card-polygon-mobile.svg");
}

@media (min-width:992px) {
  .catalog-cometics-check-your-skin {
    margin: 56px 0;
  }

  .catalog-cosmetics-consultation {
    grid-template-rows: 114px 1fr;
    grid-row-gap: 40px;
  }

  .catalog-cosmetics-consultation__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
  }

  .catalog-cosmetics-consultation__description {
    margin: 12px 0;
  }

  .catalog-cosmetics-consultation__record {
    border-radius: 24px;
  }

  .catalog-cosmetics-consultation__record .icon-arrow-right-v2 {
    margin-top: 1px;
  }

  .catalog-cosmetics-consultation__record .record-card__content {
    background-image: url("/local/templates/geltek2024/frontend/img/icons/catalog-cosmetics-record-card-polygon.svg");
  }
}

.catalog-cosmetics-consultation__record .record-card__text {
  margin-top: 2px;
  min-width: 203px;
  margin-left: 14.3px;
  font-size: 14px;
  line-height: 18px;
}

@media (min-width:992px) {
  .catalog-cosmetics-consultation__record .record-card__link {
    gap: 12px;
    margin-top: 3px;
  }

  .catalog-cosmetics-consultation__record .record-card__text {
    margin-left: 25px;
    font-size: 16px;
    line-height: 21px;
  }
}

.catalog-cometics-body-and-hands-care {
  --category-banner-background: linear-gradient(90deg, #A5C39D, #C9D2C7);
}

.catalog-cometics-body-and-hands-care .category-banner-slider__heading {
  margin-top: 33px;
}

@media (min-width:992px) {
  .catalog-cometics-body-and-hands-care .category-banner-slider__heading {
    margin-top: 48px;
  }
}

.catalog-cometics-for-men {
  --category-banner-background: linear-gradient(90deg, #9FA4A6, #D0D8DD);
}

.catalog-cometics-for-kids {
  --category-banner-background: linear-gradient(90deg, #DC85AF, #E9BCD2);
}

.catalog-cometics-dietary-supplements {
  --category-banner-background: linear-gradient(90deg, #A3B175, #CFD4BD);
}

.catalog-cometics-natural-cosmetics {
  --category-banner-background: linear-gradient(90deg, #9CBEB0, #C8DED5);
}

.catalog-cometics-natural-cosmetics__slider .category-banner-slider__heading {
  margin-top: 33px;
}

@media (min-width:992px) {
  .catalog-cometics-natural-cosmetics__slider .category-banner-slider__heading {
    margin-top: 48px;
  }
}

.catalog-cometics-lubricants {
  --category-banner-background: linear-gradient(90deg, #cc97b4, #e7c6d8);
}

.catalog-cometics-dermatology {
  --category-banner-background: linear-gradient(90deg, #7A91C0, #CBD4E6);
}

.catalog-cometics-skin-care-equipment {
  --category-banner-background: linear-gradient(90deg, #99A1BF, #CCCED5);
}

.catalog-cometics-skin-care-equipment .category-banner-slider__heading {
  margin-top: 33px;
}

.catalog-cometics-travel-formats {
  --category-banner-background: linear-gradient(90deg, #B1ADC7, #E5E3F1);
}

.catalog-cometics-cosmetic-sets {
  --category-banner-background: linear-gradient(90deg, #BDC7D1, #DBE6F1);
}

.catalog-cosmetics-product {
  position: relative;
  z-index: 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-cometics-skin-care-equipment .category-banner-slider__heading {
    margin-top: 48px;
  }

  .catalog-cosmetics-product {
    padding-right: 16px;
  }

  .catalog-cosmetics-detail-main__back {
    display: none;
  }
}

@media (min-width:1250px) {
  .catalog-cosmetics-product {
    padding-right: calc(50% - 580px);
  }
}

.catalog-cosmetics-detail-main,
.catalog-cosmetics-detail-main-face-creams,
.catalog-cosmetics-detail-main-geltek-hair,
.catalog-cosmetics-detail-main-geltek-love {
  background-color: rgb(var(--white-color-rgb));
  margin-bottom: 20px;
  outline: 0;
  border: 1px solid #edeef6;
}

.catalog-cosmetics-detail-main__back {
  padding: 0;
  gap: 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
}

.catalog-cosmetics-detail-main__back-icon {
  rotate: 180deg;
}

.catalog-cosmetics-detail-main-geltek-hair .catalog-main-banner__description {
  color: #54565a;
  max-width: 235px;
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.catalog-cosmetics-detail-main-geltek-love {
  border: none;
  outline: #edeef6 solid 1px;
  height: 305px;
}

@media (min-width:992px) {
  .catalog-cosmetics-detail-main-geltek-hair .catalog-main-banner__description {
    margin-top: -8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 570px;
  }

  .catalog-cosmetics-detail-main-geltek-love {
    height: 420px;
  }
}

.catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__description {
  color: #54565a;
  max-width: 235px;
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

@media (min-width:992px) {
  .catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__description {
    margin-top: -8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 570px;
  }
}

.catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__more {
  align-self: flex-start;
  padding: 0;
  height: 24px;
  margin-top: -4px;
}

.catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__more:hover {
  background-color: transparent;
}

.catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__more>span {
  padding: 0;
}

.catalog-cosmetics-list {
  padding-right: 15px;
  margin-top: -4px;
}

@media (min-width:992px) {
  .catalog-cosmetics-detail-main-geltek-love .catalog-main-banner__more {
    margin-top: -8px;
  }

  .catalog-cosmetics-list {
    margin-top: 32px;
    margin-bottom: 56px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-cosmetics-list {
    padding-right: calc(50% - 580px);
  }
}

@media (max-width:374px) {
  .catalog-cosmetics-list {
    padding-right: 10px;
  }
}

.catalog-cosmetics-microbanner {
  position: fixed;
  left: 50%;
  bottom: 68px;
  z-index: 2;
  overflow: hidden;
  display: none;
  width: 100%;
  border-radius: 24px;
  padding: 16px 16px 10px;
  padding-right: calc(100% - 207px - 16px);
  background-color: #fff;
  transform: translateX(-50%);
}

.catalog-cosmetics-microbanner--toster {
  border-top: 1px solid #dcdfee;
  border-radius: 24px 24px 0 0;
}

.catalog-cosmetics-microbanner--active {
  display: block;
}

.catalog-cosmetics-microbanner__title {
  margin-bottom: 4px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -.03em;
  color: #000;
}

@media (min-width:992px) {
  .catalog-cosmetics-microbanner {
    left: 20px;
    bottom: 30px;
    padding: 29px 353px 26px 24px;
    width: 610px;
    transform: none;
  }

  .catalog-cosmetics-microbanner--toster {
    border-top: none;
    border-radius: 24px;
  }

  .catalog-cosmetics-microbanner__title {
    margin-bottom: 14px;
    font-size: 24px;
  }
}

.catalog-cosmetics-microbanner__text {
  margin-bottom: 6px;
  font-weight: 500;
  font-size: 12px;
  color: #737373;
}

.catalog-cosmetics-microbanner__text--desk {
  display: none;
}

@media (min-width:992px) {
  .catalog-cosmetics-microbanner__text {
    margin-bottom: 14px;
    font-size: 14px;
  }

  .catalog-cosmetics-microbanner__text--mob {
    display: none;
  }

  .catalog-cosmetics-microbanner__text--desk {
    display: block;
  }
}

.catalog-cosmetics-microbanner__btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  background: #5f6db2;
}

.catalog-cosmetics-microbanner__btn-icon {
  display: inline-block;
  width: 24px;
  aspect-ratio: 1;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/icon-up.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.catalog-cosmetics-microbanner__image {
  position: absolute;
  right: 26px;
  bottom: -33px;
  z-index: -1;
  width: 197px;
  aspect-ratio: 432/402;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/catalog-cosmetics-microbanner-image.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width:992px) {
  .catalog-cosmetics-microbanner__btn {
    padding: 15px 20px;
    font-size: 16px;
  }

  .catalog-cosmetics-microbanner__image {
    right: 81px;
    bottom: -142px;
    width: 432px;
  }
}

.catalog-cosmetics-microbanner__close {
  --icon-width: 20px;
  --icon-height: 20px;
  --icon-color: #54565a;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 1;
  border-radius: 4px;
  opacity: 1;
  width: 24px;
  height: 24px;
  padding: 3px;
  -webkit-mask-size: auto;
  mask-size: auto;
}

.section--doctors-on-map {
  padding: 40px 0 32px;
}

.section--doctors-on-map .cities-slider__arrows {
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  display: none;
}

.section--doctors-on-map .cities-slider__arrows .cities-slider-arrows-left,
.section--doctors-on-map .cities-slider__arrows .cities-slider-arrows-right {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.section--doctors-on-map .cities-slider .cities-tabs__wrapper {
  position: relative;
}

.section--doctors-on-map .cities-slider .tabs__tab-list {
  gap: 0;
  height: 38px;
}

.section--doctors-on-map .cities-slider .tabs__tab-list-item,
.section--doctors-on-map .cities-slider .tabs__tab-list-item--selected {
  border-bottom: 2px solid transparent;
  transition: .2s;
  z-index: 10;
  position: relative;
  padding: 0;
  height: 38px;
}

.section--doctors-on-map .cities-slider .tabs__tab-list-item--selected {
  border-bottom: 2px solid #5f6db2;
  transition: .2s;
  padding: 0;
}

.section--doctors-on-map .cities-slider .tabs__tab-list-item .tabs__tab-button,
.section--doctors-on-map .cities-slider .tabs__tab-list-item--selected .tabs__tab-button {
  padding: 12px 8px;
  height: 38px;
  font-size: 14px;
  line-height: 18px;
}

.leadership-section__margin {
  margin-top: 59px;
}

@media (min-width:992px) {
  .catalog-cosmetics-microbanner__close {
    top: 17px;
    right: 20px;
    background-color: #edeef6;
  }

  .section--doctors-on-map {
    padding: 72px 0;
  }

  .section--doctors-on-map .cities-slider__arrows {
    display: flex;
  }

  .section--doctors-on-map .cities-slider .tabs__tab-list {
    height: 38px;
    gap: 0;
  }

  .section--doctors-on-map .cities-slider .tabs__tab-list-item,
  .section--doctors-on-map .cities-slider .tabs__tab-list-item--selected {
    height: 38px;
  }

  .leadership-section__margin {
    margin-top: 135px;
  }
}

.leadership-section__title-wrapper {
  padding: 28px 0;
}

.leadership-section__title-block {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

@media (min-width:992px) {
  .leadership-section__title-wrapper {
    padding: 24px 0 48px;
  }

  .leadership-section__title-block {
    gap: 16px;
  }

  .leadership-section__title-nav>a {
    display: none;
  }
}

.profile-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 16px;
  padding: 15px;
  background: rgb(var(--white-color-rgb));
  border: 1px solid #dcdfee;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .profile-card {
    padding: 31px;
    flex-direction: row;
    gap: 60px;
    align-items: center;
    border-radius: 24px;
  }
}

.profile-card__image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 568px;
  min-height: 254px;
  border-radius: 16px;
}

.profile-card__content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-shrink: 0;
}

.leadership-section__employees {
  margin-bottom: 36px;
}

.leadership-section__employees>.container {
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .profile-card__content {
    gap: 12px;
  }

  .profile-card__position {
    font-weight: 700;
    font-size: 18px;
    color: #666;
  }

  .leadership-section__employees>.container {
    padding-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 72px;
  }
}

.leadership-section__employees-wrapper {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .leadership-section__employees-wrapper {
    gap: 32px;
    margin-top: 0;
  }
}

.leadership-section__employees-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

@media (min-width:576px) {
  .catalog-cosmetics-consultation__heading {
    grid-area: 1/1/2/3;
  }

  .leadership-section__employees-list {
    grid-template-columns: repeat(4,1fr);
    gap: 24px;
  }
}

.employees-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  padding-bottom: 22px;
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

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

.employees-card>picture {
  max-height: 141px;
}

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

.employees-card__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-inline: 16px;
}

@media (min-width:992px) {
  .employees-card__text {
    padding-inline: 24px;
  }
}

.employees-modal-card {
  display: none;
  background: rgb(var(--white-color-rgb));
  border-radius: 24px 24px 0 0;
  width: 100%;
  position: relative;
  justify-content: center;
}

.employees-modal-card__open {
  display: flex;
  flex-direction: column;
}

@media (min-width:576px) {
  .employees-card>picture {
    max-height: 234px;
  }

  .employees-modal-card {
    border-radius: 40px;
    max-width: 598px;
  }
}

.employees-modal-card__close {
  position: relative;
  right: 0;
  top: 10px;
  margin-left: auto;
  --icon-color: #0a0c0f;
  background: 0 0;
  border-radius: 0;
  width: 48px;
}

.employees-modal-card__wrapper {
  padding: 8px 0 16px;
}

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

  .employees-modal-card__wrapper {
    padding: 32px 40px;
  }
}

.employees-modal-card__title {
  padding: 16px;
}

.employees-modal-card__content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.employees-modal-card__img {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid #dcdfee;
  overflow: hidden;
}

.employees-modal-card__img>img {
  -o-object-fit: contain;
  object-fit: contain;
  max-height: 283px;
  height: 100%;
  width: 100%;
}

@media (min-width:576px) {
  .employees-modal-card__content {
    padding: 24px 16px;
    gap: 32px;
  }

  .employees-modal-card__img>img {
    max-height: 402px;
  }

  .employees-modal-card__img {
    border-radius: 24px;
  }
}

.employees-modal-card__block-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:576px) {
  .employees-modal-card__block-info {
    gap: 24px;
  }
}

.employees-modal-card__contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.employees-modal-card__contact-row {
  --icon-color: #5f6db2;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}

.modal-person-info {
  opacity: 0;
}

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

.modal-person-info__open {
  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;
}

.catalog-medicine-main {
  height: 328px;
}

.catalog-medicine-main__heading {
  max-width: 235px;
  gap: 12px;
}

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

  .catalog-medicine-main__heading {
    max-width: 400px;
  }
}

.catalog-medicine__categories {
  margin: 16px 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-medicine-main {
    height: 486px;
  }

  .catalog-medicine-main__heading {
    max-width: 643px;
    gap: 0;
  }

  .catalog-medicine__categories {
    margin: 24px 0;
    padding-right: 16px;
  }

  .catalog-medicine-ultrasound-electrode-environment {
    margin-top: 48px;
  }
}

@media (min-width:1250px) {
  .catalog-medicine__categories {
    padding-right: calc(50% - 580px);
  }
}

.catalog-medicine-ultrasound-electrode-environment {
  --category-banner-background: linear-gradient(90deg, #9EB8D1, #DCEEFF);
}

.catalog-medicine-electrode-contact-environment {
  --category-banner-background: linear-gradient(90deg, #99A1BF, #CCCEDA);
}

.catalog-medicine-universal {
  --category-banner-background: linear-gradient(90deg, #9CBEB0, #C8DED5);
}

.catalog-medicine-universal .category-banner-slider__heading {
  margin-top: 40px;
}

.catalog-medicine-universal .category-banner-slider__title,
.catalog-medicine-universal .category-banner-slider__title--mobile {
  max-width: 239px;
}

@media (min-width:992px) {
  .catalog-medicine-universal {
    margin-top: 48px;
  }

  .catalog-medicine-universal .category-banner-slider__heading {
    margin-top: 32px;
  }

  .catalog-medicine-universal .category-banner-slider__title,
  .catalog-medicine-universal .category-banner-slider__title--mobile {
    max-width: 671px;
  }
}

.catalog-medicine-physiotherapy-gels {
  --category-banner-background: linear-gradient(90deg, #9FA4A6, #CFD7DC);
}

.catalog-medicine-dermatology {
  --category-banner-background: linear-gradient(90deg, #7A91C0, #CBD4E6);
}

.catalog-medicine-dermatology .category-banner-slider__heading {
  margin-top: 59px;
}

@media (min-width:992px) {
  .catalog-medicine-dermatology .category-banner-slider__heading {
    margin-top: 48px;
  }
}

.catalog-medicine-ophthalmology {
  --category-banner-background: linear-gradient(90deg, #B1ADC7, #E5E3F1);
}

.catalog-medicine-ophthalmology .category-banner-slider__heading {
  margin-top: 59px;
}

.catalog-medicine-veterinary-gels {
  --category-banner-background: linear-gradient(90deg, #BDC7D1, #DBE6F1);
}

.catalog-medicine-banner {
  margin: 32px 0;
  height: 204px;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-medicine-ophthalmology .category-banner-slider__heading,
  .catalog-medicine-veterinary-gels .category-banner-slider__heading {
    margin-top: 48px;
  }

  .catalog-medicine-banner {
    margin: 56px 0;
    height: 264px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-medicine-banner {
    padding-right: calc(50% - 580px);
  }
}

.catalog-medicine-banner__wrapper {
  width: 100%;
  height: 100%;
}

.catalog-medicine-banner .banner-slider__slide-with-hexagon-image {
  left: -149px;
}

.catalog-medicine-detail-main {
  height: 351px;
  border: none;
  outline: #edeef6 solid 1px;
  background-color: rgb(var(--white-color-rgb));
  margin-bottom: 20px;
}

.catalog-medicine-detail-main__back {
  padding: 0;
  gap: 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 11px;
}

.catalog-medicine-detail-main__back-icon {
  rotate: 180deg;
}

.catalog-medicine-detail-main .catalog-main-banner__description {
  color: #54565a;
  max-width: 235px;
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

@media (min-width:992px) {
  .catalog-medicine-banner .banner-slider__slide-with-hexagon-image {
    left: 349px;
  }

  .catalog-medicine-detail-main {
    height: 526px;
  }

  .catalog-medicine-detail-main__back {
    display: none;
  }

  .catalog-medicine-detail-main .catalog-main-banner__description {
    margin-top: -8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    max-width: 570px;
  }
}

.catalog-medicine-detail-main .catalog-main-banner__more {
  align-self: flex-start;
  padding: 0;
  height: 24px;
  margin-top: -4px;
}

.catalog-medicine-detail-main .catalog-main-banner__more:hover {
  background-color: transparent;
}

.catalog-medicine-detail-main .catalog-main-banner__more>span {
  padding: 0;
}

.catalog-medicine-grid {
  padding-right: 15px;
  margin-top: -4px;
}

@media (min-width:992px) {
  .catalog-medicine-detail-main .catalog-main-banner__more {
    margin-top: -8px;
  }

  .catalog-medicine-grid {
    margin-top: 32px;
    margin-bottom: 32px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-medicine-grid {
    padding-right: calc(50% - 580px);
  }
}

.catalog-medicine-grid .catalog-list {
  grid-template-rows: 493px;
}

.catalog-medicine-detail-articles {
  margin: 0;
}

.catalog-medicine-table {
  display: none;
  margin-top: 32px;
  margin-bottom: 32px;
}

.catalog-medicine-table__load {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.section .container,
.section .section__content {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.section .section__content .center__card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.section .section__content .center__card .card {
  overflow: hidden;
}

.section .cities-tabs__map {
  margin: 0;
  max-width: 100%;
  height: 281px;
}

@media (min-width:992px) {
  .catalog-medicine-grid .catalog-list {
    grid-template-rows: 609px;
  }

  .section .container,
  .section .section__content {
    gap: 40px;
  }

  .section .section__content .center__card-wrapper {
    flex-direction: row;
    gap: 24px;
  }

  .section .section__content .center__card .card {
    min-width: 370px;
  }

  .section .cities-tabs__map {
    min-height: 410px;
    height: auto;
  }
}

.section .tabs__tab-panel-list-wrapper {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .section .tabs__tab-panel-list-wrapper {
    margin-top: 32px;
    flex-direction: row;
    gap: 24px;
  }
}

.section .tabs__tab-panel-list {
  margin: 0;
}

.section--appointment {
  padding-top: 24px;
  order: 4;
}

.section--appointment .card--image .record-card__content {
  padding-top: 12px;
  padding-left: 24px;
}

.section--appointment .card--image .record-card__content .button,
.section--appointment .card--image .record-card__content .button--ghost,
.section--appointment .card--image .record-card__content .button--ghost--dark,
.section--appointment .card--image .record-card__content .button--ghost--light,
.section--appointment .card--image .record-card__content .button--primary,
.section--appointment .card--image .record-card__content .button--primary--dark,
.section--appointment .card--image .record-card__content .button--primary--light,
.section--appointment .card--image .record-card__content .button--secondary,
.section--appointment .card--image .record-card__content .button--secondary--dark,
.section--appointment .card--image .record-card__content .button--secondary--light,
.section--appointment .card--image .record-card__content .button-filter,
.section--appointment .card--image .record-card__content .direction-card__button,
.section--appointment .card--image .record-card__content .section-history__button,
.section--appointment .card--image .record-card__content .slider-navigation-next,
.section--appointment .card--image .record-card__content .slider-navigation-prev {
  text-align: left;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  max-width: 240px;
  color: rgb(var(--white-color-rgb));
  --icon-color: rgb(var(--white-color-rgb));
  --icon-width: 24px;
  --icon-height: 24px;
  gap: 12px;
}

.section--appointment .card--image .record-card__content .button--ghost--dark:focus,
.section--appointment .card--image .record-card__content .button--ghost--dark:hover,
.section--appointment .card--image .record-card__content .button--ghost--light:focus,
.section--appointment .card--image .record-card__content .button--ghost--light:hover,
.section--appointment .card--image .record-card__content .button--ghost:focus,
.section--appointment .card--image .record-card__content .button--ghost:hover,
.section--appointment .card--image .record-card__content .button--primary--dark:focus,
.section--appointment .card--image .record-card__content .button--primary--dark:hover,
.section--appointment .card--image .record-card__content .button--primary--light:focus,
.section--appointment .card--image .record-card__content .button--primary--light:hover,
.section--appointment .card--image .record-card__content .button--primary:focus,
.section--appointment .card--image .record-card__content .button--primary:hover,
.section--appointment .card--image .record-card__content .button--secondary--dark:focus,
.section--appointment .card--image .record-card__content .button--secondary--dark:hover,
.section--appointment .card--image .record-card__content .button--secondary--light:focus,
.section--appointment .card--image .record-card__content .button--secondary--light:hover,
.section--appointment .card--image .record-card__content .button--secondary:focus,
.section--appointment .card--image .record-card__content .button--secondary:hover,
.section--appointment .card--image .record-card__content .button-filter:focus,
.section--appointment .card--image .record-card__content .button-filter:hover,
.section--appointment .card--image .record-card__content .button:focus,
.section--appointment .card--image .record-card__content .button:hover,
.section--appointment .card--image .record-card__content .direction-card__button:focus,
.section--appointment .card--image .record-card__content .direction-card__button:hover,
.section--appointment .card--image .record-card__content .section-history__button:focus,
.section--appointment .card--image .record-card__content .section-history__button:hover,
.section--appointment .card--image .record-card__content .slider-navigation-next:focus,
.section--appointment .card--image .record-card__content .slider-navigation-next:hover,
.section--appointment .card--image .record-card__content .slider-navigation-prev:focus,
.section--appointment .card--image .record-card__content .slider-navigation-prev:hover {
  background: 0 0;
}

@media (min-width:992px) {
  .section--appointment {
    padding-top: 48px;
  }

  .section--appointment .card--image .record-card__content .button,
  .section--appointment .card--image .record-card__content .button--ghost,
  .section--appointment .card--image .record-card__content .button--ghost--dark,
  .section--appointment .card--image .record-card__content .button--ghost--light,
  .section--appointment .card--image .record-card__content .button--primary,
  .section--appointment .card--image .record-card__content .button--primary--dark,
  .section--appointment .card--image .record-card__content .button--primary--light,
  .section--appointment .card--image .record-card__content .button--secondary,
  .section--appointment .card--image .record-card__content .button--secondary--dark,
  .section--appointment .card--image .record-card__content .button--secondary--light,
  .section--appointment .card--image .record-card__content .button-filter,
  .section--appointment .card--image .record-card__content .direction-card__button,
  .section--appointment .card--image .record-card__content .section-history__button,
  .section--appointment .card--image .record-card__content .slider-navigation-next,
  .section--appointment .card--image .record-card__content .slider-navigation-prev {
    font-size: 14px;
    max-width: 260px;
  }
}

.section--appointment .card--image .record-card__content .button .icon,
.section--appointment .card--image .record-card__content .button--ghost .icon,
.section--appointment .card--image .record-card__content .button--ghost--dark .icon,
.section--appointment .card--image .record-card__content .button--ghost--light .icon,
.section--appointment .card--image .record-card__content .button--primary .icon,
.section--appointment .card--image .record-card__content .button--primary--dark .icon,
.section--appointment .card--image .record-card__content .button--primary--light .icon,
.section--appointment .card--image .record-card__content .button--secondary .icon,
.section--appointment .card--image .record-card__content .button--secondary--dark .icon,
.section--appointment .card--image .record-card__content .button--secondary--light .icon,
.section--appointment .card--image .record-card__content .button-filter .icon,
.section--appointment .card--image .record-card__content .direction-card__button .icon,
.section--appointment .card--image .record-card__content .section-history__button .icon,
.section--appointment .card--image .record-card__content .slider-navigation-next .icon,
.section--appointment .card--image .record-card__content .slider-navigation-prev .icon {
  min-width: var(--icon-width);
}

.section--appointment-benefits {
  padding: 40px 0;
}

.section--appointment-benefits .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section--appointment-benefits .card-wrapper.card-wrapper--2 {
  flex-direction: row;
}

.section--offline-appointment {
  order: 2;
  margin-top: 32px;
  margin-bottom: 32px;
}

@media (min-width:992px) {
  .section--appointment-benefits {
    padding: 72px;
  }

  .section--appointment-benefits .container {
    gap: 32px;
  }

  .section--offline-appointment {
    margin-top: 72px;
    margin-bottom: 72px;
  }
}

.section--doctors {
  order: 3;
  padding: 36px 0 32px;
}

.section--doctors .h2 {
  margin-bottom: 24px;
}

.section--doctors .container {
  padding-right: 0;
}

@media (min-width:992px) {
  .section--doctors {
    padding: 72px 0 56px;
  }

  .section--doctors .h2 {
    margin-bottom: 16px;
  }

  .section--doctors .container {
    padding-right: 16px;
  }

  .section--doctors .doctors .swiper {
    margin-left: 0;
    padding: 0;
    width: 100%;
  }
}

.section--doctors .doctors .swiper {
  width: 100%;
}

.section--doctors .doctors .card {
  max-width: 234px;
  margin-right: 12px;
  overflow: hidden;
  height: auto;
  display: flex;
  flex-direction: column;
}

.section--doctors .doctors .card__image {
  height: 202px;
  flex-shrink: 0;
}

@media (min-width:992px) {
  .section--doctors .doctors .card {
    max-width: 266px;
    margin-right: 24px;
  }

  .section--doctors .doctors .card__image {
    height: 318px;
  }
}

.section--doctors .doctors .card__content {
  height: 100%;
  padding: 12px 8px;
}

.section--doctors .doctors .card__content-buttons {
  margin-top: auto;
}

.section--doctors .doctors .card .icon {
  min-width: 24px;
}

.section--doctors .doctors .slider-navigation {
  position: absolute;
  width: 100%;
  z-index: 1;
  display: none;
}

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

  .section--doctors .doctors .slider-navigation {
    left: -2%;
    width: 104%;
  }
}

.section--center-city {
  order: 1;
  padding: 28px 0;
}

.section--center-city .container {
  padding-right: 0;
}

@media (min-width:992px) {
  .section--doctors .doctors .card__content {
    padding: 16px;
  }

  .section--doctors .doctors .slider-navigation {
    display: flex;
  }

  .section--center-city .container {
    padding-right: 16px;
  }

  .section--center-city {
    padding: 48px 0;
  }
}

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

.section--center-city .benefits,
.section--center-city .description,
.section--center-city .h1 {
  margin-bottom: 28px;
}

.section--center-city .benefits {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section--center-city .slider {
  width: 100%;
}

.section--center-city .slider .swiper {
  width: 100%;
}

.section--center-city .slider-slide {
  max-width: 343px;
  height: 212px;
  overflow: hidden;
}

.section--center-city .slider-slide .img,
.section--center-city .slider-slide>video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section--center-city .slider-navigation {
  position: absolute;
  width: 100%;
  z-index: 1;
  display: none;
}

@media (min-width:992px) {
  .section--center-city .benefits,
  .section--center-city .description,
  .section--center-city .h1 {
    margin-bottom: 48px;
  }

  .section--center-city .benefits {
    gap: 32px;
  }

  .section--center-city .slider {
    margin-left: 0;
    width: 100%;
    padding: 0;
  }

  .section--center-city .slider .swiper {
    max-width: 100%;
    overflow-x: clip;
  }

  .section--center-city .slider-slide {
    max-width: calc(50% - 12px);
    height: 352px;
  }

  .section--center-city .slider-navigation {
    display: flex;
  }
}

@media (min-width:1250px) {
  .section--center-city .slider-navigation {
    left: -2%;
    width: 104%;
  }
}

.section--reviews {
  order: 5;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 36px;
  padding-bottom: 32px;
}

@media (min-width:992px) {
  .section--reviews {
    padding-top: 72px;
    padding-bottom: 56px;
    gap: 24px;
  }
}

.section--faq {
  padding: 36px 0 32px;
}

.section--faq .h2 {
  margin-bottom: 24px;
}

.section .cities-tabs .slider-navigation {
  display: none;
}

.section .cities-tabs .tabs__tab-list {
  height: auto;
  flex-wrap: wrap;
  max-width: 100%;
  flex-direction: column;
}

.section .cities-tabs .tabs__tab-list .tabs__tab-button {
  text-align: left;
}

@media (min-width:576px) {
  .section .cities-tabs .tabs__tab-list .tabs__tab-button {
    text-align: center;
  }

  .section .cities-tabs .tabs__tab-list {
    flex-direction: row;
  }
}

.section .cities-tabs .tabs__tab-list::after {
  display: none;
}

.rating--stars {
  display: flex;
  gap: 2px;
}

.rating--stars .icon {
  --icon-color: #ced2e4;
}

.rating--stars .icon.icon-star-filled {
  --icon-color: #feb88b;
}

.reviews {
  margin-bottom: 12px;
  position: relative;
}

.reviews .button--primary--light {
  width: 100%;
  text-align: center;
  justify-content: center;
  padding: 13px;
  line-height: 1;
  font-size: 10px;
}

.reviews__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.reviews__title .h4,
.reviews__title .qa-section__tab-button {
  font-weight: 500;
}

.reviews__title img {
  margin-left: 12px;
  width: 92px;
  margin-top: 4px;
}

@media (min-width:992px) {
  .section--faq {
    padding: 72px 0 56px;
  }

  .section--faq .h2 {
    margin-bottom: 16px;
  }

  .reviews {
    margin-bottom: 24px;
  }

  .reviews .button--primary--light {
    padding: 12px 16px;
    line-height: 1.3;
    width: auto;
  }

  .reviews__title {
    margin-bottom: 22px;
  }

  .reviews__title img {
    margin-top: 0;
  }
}

.reviews__total {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 12px;
}

.reviews__total .rating {
  display: flex;
}

.reviews__total .rating__number {
  line-height: 1.3;
  font-size: 20px;
  font-weight: 700;
  margin-right: 12px;
}

.careers-form__field .reviews__total .rating__description input,
.careers-form__field .reviews__total .rating__description textarea,
.careers-section__condition-item .reviews__total .rating__description p,
.promotion-form__field .reviews__total .rating__description input,
.reviews__total .rating__description .careers-form__field input,
.reviews__total .rating__description .careers-form__field textarea,
.reviews__total .rating__description .careers-section__condition-item p,
.reviews__total .rating__description .delivery-and-payment-section__tab-button,
.reviews__total .rating__description .expandable-question__tab-button,
.reviews__total .rating__description .feedback__input,
.reviews__total .rating__description .feedback__textarea,
.reviews__total .rating__description .p,
.reviews__total .rating__description .p--100,
.reviews__total .rating__description .p--80,
.reviews__total .rating__description .p--90,
.reviews__total .rating__description .promotion-form__field input,
.reviews__total .rating__description .xs-sort-button {
  margin-top: 12px;
  color: #6a6d72;
  font-size: 13px;
  line-height: 1.3;
}

@media (min-width:992px) {
  .reviews__total {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }

  .reviews__total .rating {
    align-items: center;
  }

  .reviews__total .rating__number {
    font-size: 32px;
  }

  .careers-form__field .reviews__total .rating__description input,
  .careers-form__field .reviews__total .rating__description textarea,
  .careers-section__condition-item .reviews__total .rating__description p,
  .promotion-form__field .reviews__total .rating__description input,
  .reviews__total .rating__description .careers-form__field input,
  .reviews__total .rating__description .careers-form__field textarea,
  .reviews__total .rating__description .careers-section__condition-item p,
  .reviews__total .rating__description .delivery-and-payment-section__tab-button,
  .reviews__total .rating__description .expandable-question__tab-button,
  .reviews__total .rating__description .feedback__input,
  .reviews__total .rating__description .feedback__textarea,
  .reviews__total .rating__description .p,
  .reviews__total .rating__description .p--100,
  .reviews__total .rating__description .p--80,
  .reviews__total .rating__description .p--90,
  .reviews__total .rating__description .promotion-form__field input,
  .reviews__total .rating__description .xs-sort-button {
    font-size: 14px;
  }

  .reviews__list {
    gap: 20px;
  }
}

.reviews__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}

.reviews__list .review {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 2px;
  border-bottom: 1px solid #dcdfee;
  padding-bottom: 20px;
}

@media (min-width:992px) {
  .reviews__list .review {
    gap: 16px;
    padding-bottom: 24px;
  }
}

.reviews__list .review__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

@media (min-width:992px) {
  .reviews__list .review__head {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.reviews__list .review__author {
  display: flex;
  padding: 6px 12px 6px 6px;
  align-items: center;
  gap: 8px;
  background: rgb(var(--white-color-rgb));
  border-radius: 12px;
}

.reviews__list .review__author-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #feb88b;
  overflow: hidden;
}

.careers-form__field .reviews__list .review__author-avatar input,
.careers-form__field .reviews__list .review__author-avatar textarea,
.careers-section__condition-item .reviews__list .review__author-avatar p,
.promotion-form__field .reviews__list .review__author-avatar input,
.reviews__list .review__author-avatar .careers-form__field input,
.reviews__list .review__author-avatar .careers-form__field textarea,
.reviews__list .review__author-avatar .careers-section__condition-item p,
.reviews__list .review__author-avatar .delivery-and-payment-section__tab-button,
.reviews__list .review__author-avatar .expandable-question__tab-button,
.reviews__list .review__author-avatar .feedback__input,
.reviews__list .review__author-avatar .feedback__textarea,
.reviews__list .review__author-avatar .p,
.reviews__list .review__author-avatar .p--100,
.reviews__list .review__author-avatar .p--80,
.reviews__list .review__author-avatar .p--90,
.reviews__list .review__author-avatar .promotion-form__field input,
.reviews__list .review__author-avatar .xs-sort-button,
.reviews__list .review__author-avatar img {
  width: 100%;
  height: 100%;
}

.reviews__list .review__author-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
}

.careers-form__field .reviews__list .review__author-avatar input,
.careers-form__field .reviews__list .review__author-avatar textarea,
.careers-section__condition-item .reviews__list .review__author-avatar p,
.promotion-form__field .reviews__list .review__author-avatar input,
.reviews__list .review__author-avatar .careers-form__field input,
.reviews__list .review__author-avatar .careers-form__field textarea,
.reviews__list .review__author-avatar .careers-section__condition-item p,
.reviews__list .review__author-avatar .delivery-and-payment-section__tab-button,
.reviews__list .review__author-avatar .expandable-question__tab-button,
.reviews__list .review__author-avatar .feedback__input,
.reviews__list .review__author-avatar .feedback__textarea,
.reviews__list .review__author-avatar .p,
.reviews__list .review__author-avatar .p--100,
.reviews__list .review__author-avatar .p--80,
.reviews__list .review__author-avatar .p--90,
.reviews__list .review__author-avatar .promotion-form__field input,
.reviews__list .review__author-avatar .xs-sort-button {
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgb(var(--white-color-rgb));
  font-size: 15px;
  line-height: 1;
}

.reviews__list .review__author .h6 {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.3;
}

@media (min-width:992px) {
  .reviews__list .review__author .h6 {
    font-size: 14px;
  }
}

.reviews__list .review__rating .icon {
  --icon-width: 16px;
  --icon-height: 16px;
}

.reviews__list .review__date {
  font-size: 13px;
  color: #54565a;
}

.reviews__list .review__text {
  position: relative;
}

.careers-form__field .reviews__list .review__text input,
.careers-form__field .reviews__list .review__text textarea,
.careers-section__condition-item .reviews__list .review__text p,
.promotion-form__field .reviews__list .review__text input,
.reviews__list .review__text .careers-form__field input,
.reviews__list .review__text .careers-form__field textarea,
.reviews__list .review__text .careers-section__condition-item p,
.reviews__list .review__text .delivery-and-payment-section__tab-button,
.reviews__list .review__text .expandable-question__tab-button,
.reviews__list .review__text .feedback__input,
.reviews__list .review__text .feedback__textarea,
.reviews__list .review__text .p,
.reviews__list .review__text .p--100,
.reviews__list .review__text .p--80,
.reviews__list .review__text .p--90,
.reviews__list .review__text .promotion-form__field input,
.reviews__list .review__text .xs-sort-button {
  font-size: 16px;
  line-height: 1.3;
  height: 83.2px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.reviews__list .review__text .button,
.reviews__list .review__text .button--ghost,
.reviews__list .review__text .button--ghost--dark,
.reviews__list .review__text .button--ghost--light,
.reviews__list .review__text .button--primary,
.reviews__list .review__text .button--primary--dark,
.reviews__list .review__text .button--primary--light,
.reviews__list .review__text .button--secondary,
.reviews__list .review__text .button--secondary--dark,
.reviews__list .review__text .button--secondary--light,
.reviews__list .review__text .button-filter,
.reviews__list .review__text .direction-card__button,
.reviews__list .review__text .section-history__button,
.reviews__list .review__text .slider-navigation-next,
.reviews__list .review__text .slider-navigation-prev {
  position: absolute;
  bottom: 4px;
  right: 0;
  z-index: 1;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  background: rgb(var(--white-color-rgb));
}

.careers-form__field .reviews__list .review--full .review__text input,
.careers-form__field .reviews__list .review--full .review__text textarea,
.careers-section__condition-item .reviews__list .review--full .review__text p,
.promotion-form__field .reviews__list .review--full .review__text input,
.reviews__list .review--full .review__text .careers-form__field input,
.reviews__list .review--full .review__text .careers-form__field textarea,
.reviews__list .review--full .review__text .careers-section__condition-item p,
.reviews__list .review--full .review__text .delivery-and-payment-section__tab-button,
.reviews__list .review--full .review__text .expandable-question__tab-button,
.reviews__list .review--full .review__text .feedback__input,
.reviews__list .review--full .review__text .feedback__textarea,
.reviews__list .review--full .review__text .p,
.reviews__list .review--full .review__text .p--100,
.reviews__list .review--full .review__text .p--80,
.reviews__list .review--full .review__text .p--90,
.reviews__list .review--full .review__text .promotion-form__field input,
.reviews__list .review--full .review__text .xs-sort-button {
  -webkit-line-clamp: unset;
  height: auto;
}

.reviews__list:after {
  content: "";
  display: block;
  width: 100%;
  height: 211px;
  position: absolute;
  bottom: 0;
  z-index: 10;
  left: 0;
  background: linear-gradient(180deg,rgba(247,247,248,0) 0,#f7f7f8 55%);
}

.reviews__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 20;
}

.about-section__expertise-card .benefit-card__text .reviews__more .p--100,
.about-section__expertise-card .benefit-card__text .reviews__more .xs-sort-button,
.careers-form__field .reviews__more input,
.careers-form__field .reviews__more textarea,
.careers-section__condition-item .reviews__more p,
.promotion-form__field .reviews__more input,
.reviews__more .about-section__expertise-card .benefit-card__text .p--100,
.reviews__more .about-section__expertise-card .benefit-card__text .xs-sort-button,
.reviews__more .careers-form__field input,
.reviews__more .careers-form__field textarea,
.reviews__more .careers-section__condition-item p,
.reviews__more .delivery-and-payment-section__tab-button,
.reviews__more .expandable-question__tab-button,
.reviews__more .feedback__input,
.reviews__more .feedback__textarea,
.reviews__more .p,
.reviews__more .p--100,
.reviews__more .p--80,
.reviews__more .p--90,
.reviews__more .promotion-form__field input,
.reviews__more .xs-sort-button {
  color: #6a6d72;
  font-size: 13px;
}

.popup .loader,
.popup .notification--error,
.popup .notification--no-place.notification--warning,
.popup .notification--redirect.notification--warning {
  display: none;
}

.popup--miniatures .popup__close {
  top: -56px;
  right: 0;
  padding: 12px;
}

.popup--miniatures .popup__close .icon {
  background: rgb(var(--white-color-rgb));
}

.popup--miniatures .popup__wrapper {
  height: auto;
  padding: 8px 0 24px;
  border-radius: 24px 24px 0 0;
}

@media (min-width:992px) {
  .reviews__list .review__text .button,
  .reviews__list .review__text .button--ghost,
  .reviews__list .review__text .button--ghost--dark,
  .reviews__list .review__text .button--ghost--light,
  .reviews__list .review__text .button--primary,
  .reviews__list .review__text .button--primary--dark,
  .reviews__list .review__text .button--primary--light,
  .reviews__list .review__text .button--secondary,
  .reviews__list .review__text .button--secondary--dark,
  .reviews__list .review__text .button--secondary--light,
  .reviews__list .review__text .button-filter,
  .reviews__list .review__text .direction-card__button,
  .reviews__list .review__text .section-history__button,
  .reviews__list .review__text .slider-navigation-next,
  .reviews__list .review__text .slider-navigation-prev {
    right: -7px;
    bottom: 3px;
    padding: 0 20px;
    font-size: 14px;
  }

  .reviews__more {
    width: auto;
  }

  .about-section__expertise-card .benefit-card__text .reviews__more .p--100,
  .about-section__expertise-card .benefit-card__text .reviews__more .xs-sort-button,
  .careers-form__field .reviews__more input,
  .careers-form__field .reviews__more textarea,
  .careers-section__condition-item .reviews__more p,
  .promotion-form__field .reviews__more input,
  .reviews__more .about-section__expertise-card .benefit-card__text .p--100,
  .reviews__more .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .reviews__more .careers-form__field input,
  .reviews__more .careers-form__field textarea,
  .reviews__more .careers-section__condition-item p,
  .reviews__more .delivery-and-payment-section__tab-button,
  .reviews__more .expandable-question__tab-button,
  .reviews__more .feedback__input,
  .reviews__more .feedback__textarea,
  .reviews__more .p,
  .reviews__more .p--100,
  .reviews__more .p--80,
  .reviews__more .p--90,
  .reviews__more .promotion-form__field input,
  .reviews__more .xs-sort-button {
    font-size: 14px;
  }

  .popup--miniatures .popup__close {
    right: -64px;
    top: 0;
  }

  .popup--miniatures .popup__wrapper {
    padding: 32px 40px;
    border-radius: 40px;
  }

  .popup--miniatures .popup__content {
    padding: 16px;
  }
}

.popup--miniatures .popup__content .button,
.popup--miniatures .popup__content .button--ghost,
.popup--miniatures .popup__content .button--ghost--dark,
.popup--miniatures .popup__content .button--ghost--light,
.popup--miniatures .popup__content .button--primary,
.popup--miniatures .popup__content .button--primary--dark,
.popup--miniatures .popup__content .button--primary--light,
.popup--miniatures .popup__content .button--secondary,
.popup--miniatures .popup__content .button--secondary--dark,
.popup--miniatures .popup__content .button--secondary--light,
.popup--miniatures .popup__content .button-filter,
.popup--miniatures .popup__content .direction-card__button,
.popup--miniatures .popup__content .section-history__button,
.popup--miniatures .popup__content .slider-navigation-next,
.popup--miniatures .popup__content .slider-navigation-prev {
  width: 100%;
  justify-content: center;
  padding: 13px 16px;
  font-size: 11px;
  line-height: 1;
}

.popup--miniatures .popup__list {
  padding-left: 15px;
}

.popup--miniatures .popup__bottom {
  padding: 16px 16px 0;
}

.popup--doctor .popup__wrapper {
  height: 100%;
}

@media (min-width:992px) {
  .popup--miniatures .popup__content .button,
  .popup--miniatures .popup__content .button--ghost,
  .popup--miniatures .popup__content .button--ghost--dark,
  .popup--miniatures .popup__content .button--ghost--light,
  .popup--miniatures .popup__content .button--primary,
  .popup--miniatures .popup__content .button--primary--dark,
  .popup--miniatures .popup__content .button--primary--light,
  .popup--miniatures .popup__content .button--secondary,
  .popup--miniatures .popup__content .button--secondary--dark,
  .popup--miniatures .popup__content .button--secondary--light,
  .popup--miniatures .popup__content .button-filter,
  .popup--miniatures .popup__content .direction-card__button,
  .popup--miniatures .popup__content .section-history__button,
  .popup--miniatures .popup__content .slider-navigation-next,
  .popup--miniatures .popup__content .slider-navigation-prev {
    width: auto;
    padding: 18px 20px;
    font-size: 14px;
  }

  .popup--miniatures .popup__bottom {
    padding: 8px 16px;
  }

  .popup--doctor .popup__wrapper {
    height: unset;
  }
}

.popup--doctor .popup__content {
  max-height: calc(100vh - 142px);
}

.popup--doctor .doctor {
  width: 100vw;
  max-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 8px 0 0;
}

.popup--doctor .doctor .tabs__tab-button {
  font-size: 13px;
}

.popup--doctor .doctor .tabs__tab-list {
  width: 100%;
  height: 47px;
}

@media (min-width:992px) {
  .popup--doctor .doctor {
    padding: 32px 40px;
  }

  .popup--doctor .doctor .tabs__tab-button {
    font-size: 14px;
  }

  .popup--doctor .doctor .tabs__tab-list {
    gap: 12px;
  }
}

.popup--doctor .doctor .tabs__tab-list-item,
.popup--doctor .doctor .tabs__tab-list-item--selected {
  width: calc(50% - 6px);
  padding: 8px 16px;
  height: 47px;
}

.popup--doctor .doctor__card .card__image {
  height: 156px;
}

.popup--doctor .doctor__card .card__image img {
  -o-object-fit: contain;
  object-fit: contain;
}

.popup--doctor .doctor__card .card__content {
  padding: 12px 0 0;
  gap: 8px;
}

.popup--doctor .doctor__card .card__content-info {
  color: #54565a;
  align-items: center;
}

.careers-form__field .popup--doctor .doctor__card .card__content-text input,
.careers-form__field .popup--doctor .doctor__card .card__content-text textarea,
.careers-section__condition-item .popup--doctor .doctor__card .card__content-text p,
.popup--doctor .doctor__card .card__content-text .careers-form__field input,
.popup--doctor .doctor__card .card__content-text .careers-form__field textarea,
.popup--doctor .doctor__card .card__content-text .careers-section__condition-item p,
.popup--doctor .doctor__card .card__content-text .delivery-and-payment-section__tab-button,
.popup--doctor .doctor__card .card__content-text .expandable-question__tab-button,
.popup--doctor .doctor__card .card__content-text .feedback__input,
.popup--doctor .doctor__card .card__content-text .feedback__textarea,
.popup--doctor .doctor__card .card__content-text .p,
.popup--doctor .doctor__card .card__content-text .p--100,
.popup--doctor .doctor__card .card__content-text .p--80,
.popup--doctor .doctor__card .card__content-text .p--90,
.popup--doctor .doctor__card .card__content-text .promotion-form__field input,
.popup--doctor .doctor__card .card__content-text .xs-sort-button,
.promotion-form__field .popup--doctor .doctor__card .card__content-text input {
  margin-bottom: 1rem;
}

.popup--doctor .doctor__reviews .reviews__list:after {
  content: none;
}

.popup--appointment .popup__back-btn {
  display: none;
  padding: 0;
}

.popup--appointment .popup__wrapper {
  width: 100%;
  height: 100%;
  padding: 8px 0 0;
  display: flex;
  flex-direction: column;
}

@media (min-width:992px) {
  .popup--appointment .popup__wrapper {
    height: auto;
    max-height: 90vh;
    padding: 32px 40px;
  }
}

.popup--appointment .popup__content {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-bottom: 40px;
  max-height: 100%;
}

@media (min-width:992px) {
  .popup--appointment .popup__content {
    height: auto;
    padding: 16px;
    gap: 32px;
  }
}

.popup--appointment .yc-label {
  display: flex;
  align-items: center;
  gap: 10px;
}

.popup--appointment .step-indicator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  position: relative;
}

.popup--appointment .step-indicator:before {
  content: "";
  display: block;
  width: calc(100% - 40px);
  height: 2px;
  position: absolute;
  left: 20px;
  background-image: radial-gradient(ellipse at center,#5f6db2 20%,transparent 20%);
  background-size: 4px 6px;
  background-repeat: space no-repeat;
  background-position: center;
}

.popup--appointment .step-indicator__button {
  position: relative;
  z-index: 1;
}

.popup--appointment .step-indicator__button .button,
.popup--appointment .step-indicator__button .button--ghost,
.popup--appointment .step-indicator__button .button--ghost--dark,
.popup--appointment .step-indicator__button .button--ghost--light,
.popup--appointment .step-indicator__button .button--primary,
.popup--appointment .step-indicator__button .button--primary--dark,
.popup--appointment .step-indicator__button .button--primary--light,
.popup--appointment .step-indicator__button .button--secondary,
.popup--appointment .step-indicator__button .button--secondary--dark,
.popup--appointment .step-indicator__button .button--secondary--light,
.popup--appointment .step-indicator__button .button-filter,
.popup--appointment .step-indicator__button .direction-card__button,
.popup--appointment .step-indicator__button .section-history__button,
.popup--appointment .step-indicator__button .slider-navigation-next,
.popup--appointment .step-indicator__button .slider-navigation-prev {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 0;
  color: #6a6d72;
  height: 44px;
}

.popup--appointment .step-indicator__button .button .button__icon,
.popup--appointment .step-indicator__button .button .text,
.popup--appointment .step-indicator__button .button--ghost .button__icon,
.popup--appointment .step-indicator__button .button--ghost .text,
.popup--appointment .step-indicator__button .button--ghost--dark .button__icon,
.popup--appointment .step-indicator__button .button--ghost--dark .text,
.popup--appointment .step-indicator__button .button--ghost--light .button__icon,
.popup--appointment .step-indicator__button .button--ghost--light .text,
.popup--appointment .step-indicator__button .button--primary .button__icon,
.popup--appointment .step-indicator__button .button--primary .text,
.popup--appointment .step-indicator__button .button--primary--dark .button__icon,
.popup--appointment .step-indicator__button .button--primary--dark .text,
.popup--appointment .step-indicator__button .button--primary--light .button__icon,
.popup--appointment .step-indicator__button .button--primary--light .text,
.popup--appointment .step-indicator__button .button--secondary .button__icon,
.popup--appointment .step-indicator__button .button--secondary .text,
.popup--appointment .step-indicator__button .button--secondary--dark .button__icon,
.popup--appointment .step-indicator__button .button--secondary--dark .text,
.popup--appointment .step-indicator__button .button--secondary--light .button__icon,
.popup--appointment .step-indicator__button .button--secondary--light .text,
.popup--appointment .step-indicator__button .button-filter .button__icon,
.popup--appointment .step-indicator__button .button-filter .text,
.popup--appointment .step-indicator__button .direction-card__button .button__icon,
.popup--appointment .step-indicator__button .direction-card__button .text,
.popup--appointment .step-indicator__button .section-history__button .button__icon,
.popup--appointment .step-indicator__button .section-history__button .text,
.popup--appointment .step-indicator__button .slider-navigation-next .button__icon,
.popup--appointment .step-indicator__button .slider-navigation-next .text,
.popup--appointment .step-indicator__button .slider-navigation-prev .button__icon,
.popup--appointment .step-indicator__button .slider-navigation-prev .text {
  background: rgb(var(--white-color-rgb));
}

.popup--appointment .step-indicator__button .button .button__icon,
.popup--appointment .step-indicator__button .button--ghost .button__icon,
.popup--appointment .step-indicator__button .button--ghost--dark .button__icon,
.popup--appointment .step-indicator__button .button--ghost--light .button__icon,
.popup--appointment .step-indicator__button .button--primary .button__icon,
.popup--appointment .step-indicator__button .button--primary--dark .button__icon,
.popup--appointment .step-indicator__button .button--primary--light .button__icon,
.popup--appointment .step-indicator__button .button--secondary .button__icon,
.popup--appointment .step-indicator__button .button--secondary--dark .button__icon,
.popup--appointment .step-indicator__button .button--secondary--light .button__icon,
.popup--appointment .step-indicator__button .button-filter .button__icon,
.popup--appointment .step-indicator__button .direction-card__button .button__icon,
.popup--appointment .step-indicator__button .section-history__button .button__icon,
.popup--appointment .step-indicator__button .slider-navigation-next .button__icon,
.popup--appointment .step-indicator__button .slider-navigation-prev .button__icon {
  padding: 0 8px;
  --icon-color: #6a6d72;
  --icon-width: 24px;
  --icon-height: 24px;
}

.popup--appointment .step-indicator__button .button .text,
.popup--appointment .step-indicator__button .button--ghost .text,
.popup--appointment .step-indicator__button .button--ghost--dark .text,
.popup--appointment .step-indicator__button .button--ghost--light .text,
.popup--appointment .step-indicator__button .button--primary .text,
.popup--appointment .step-indicator__button .button--primary--dark .text,
.popup--appointment .step-indicator__button .button--primary--light .text,
.popup--appointment .step-indicator__button .button--secondary .text,
.popup--appointment .step-indicator__button .button--secondary--dark .text,
.popup--appointment .step-indicator__button .button--secondary--light .text,
.popup--appointment .step-indicator__button .button-filter .text,
.popup--appointment .step-indicator__button .direction-card__button .text,
.popup--appointment .step-indicator__button .section-history__button .text,
.popup--appointment .step-indicator__button .slider-navigation-next .text,
.popup--appointment .step-indicator__button .slider-navigation-prev .text {
  display: inline-block;
  font-size: 12px;
  opacity: 0;
  line-height: 0;
  transition: line-height .3s ease-out .15s,opacity .3s ease-out .15s;
}

.popup--appointment .step-indicator__button.selected .button,
.popup--appointment .step-indicator__button.selected .button--ghost,
.popup--appointment .step-indicator__button.selected .button--ghost--dark,
.popup--appointment .step-indicator__button.selected .button--ghost--light,
.popup--appointment .step-indicator__button.selected .button--primary,
.popup--appointment .step-indicator__button.selected .button--primary--dark,
.popup--appointment .step-indicator__button.selected .button--primary--light,
.popup--appointment .step-indicator__button.selected .button--secondary,
.popup--appointment .step-indicator__button.selected .button--secondary--dark,
.popup--appointment .step-indicator__button.selected .button--secondary--light,
.popup--appointment .step-indicator__button.selected .button-filter,
.popup--appointment .step-indicator__button.selected .direction-card__button,
.popup--appointment .step-indicator__button.selected .section-history__button,
.popup--appointment .step-indicator__button.selected .slider-navigation-next,
.popup--appointment .step-indicator__button.selected .slider-navigation-prev {
  color: #5f6db2;
}

.popup--appointment .step-indicator__button.selected .button__icon {
  --icon-color: #5f6db2;
}

.popup--appointment .step-indicator__button.selected .button .text,
.popup--appointment .step-indicator__button.selected .button--ghost .text,
.popup--appointment .step-indicator__button.selected .button--ghost--dark .text,
.popup--appointment .step-indicator__button.selected .button--ghost--light .text,
.popup--appointment .step-indicator__button.selected .button--primary .text,
.popup--appointment .step-indicator__button.selected .button--primary--dark .text,
.popup--appointment .step-indicator__button.selected .button--primary--light .text,
.popup--appointment .step-indicator__button.selected .button--secondary .text,
.popup--appointment .step-indicator__button.selected .button--secondary--dark .text,
.popup--appointment .step-indicator__button.selected .button--secondary--light .text,
.popup--appointment .step-indicator__button.selected .button-filter .text,
.popup--appointment .step-indicator__button.selected .direction-card__button .text,
.popup--appointment .step-indicator__button.selected .section-history__button .text,
.popup--appointment .step-indicator__button.selected .slider-navigation-next .text,
.popup--appointment .step-indicator__button.selected .slider-navigation-prev .text {
  line-height: 1.3;
  opacity: 1;
  transition: .3s ease-out .15s;
}

.popup--appointment .appointment__step {
  display: none;
  flex-direction: column;
  gap: 28px;
}

.popup--appointment .appointment__step.show {
  display: flex;
}

.popup--appointment .appointment__step .card--entity {
  --card-padding: 16px;
  --card-bg: #f7f7f8;
  border-radius: 8px;
}

.popup--appointment .appointment__step .card__content {
  padding: 12px 0 0;
  gap: 12px;
}

.careers-form__field .popup--appointment .appointment__step .card__content input,
.careers-form__field .popup--appointment .appointment__step .card__content textarea,
.careers-section__condition-item .popup--appointment .appointment__step .card__content p,
.popup--appointment .appointment__step .card__content .careers-form__field input,
.popup--appointment .appointment__step .card__content .careers-form__field textarea,
.popup--appointment .appointment__step .card__content .careers-section__condition-item p,
.popup--appointment .appointment__step .card__content .delivery-and-payment-section__tab-button,
.popup--appointment .appointment__step .card__content .expandable-question__tab-button,
.popup--appointment .appointment__step .card__content .feedback__input,
.popup--appointment .appointment__step .card__content .feedback__textarea,
.popup--appointment .appointment__step .card__content .p,
.popup--appointment .appointment__step .card__content .p--100,
.popup--appointment .appointment__step .card__content .p--80,
.popup--appointment .appointment__step .card__content .p--90,
.popup--appointment .appointment__step .card__content .promotion-form__field input,
.popup--appointment .appointment__step .card__content .xs-sort-button,
.promotion-form__field .popup--appointment .appointment__step .card__content input {
  font-size: 13px;
}

.popup--appointment .appointment__step .step__content .calendar {
  padding-top: 16px;
}

.popup--appointment .appointment__step .step__content .doctors {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}

.popup--appointment .appointment__step .step__content .doctors__item {
  width: calc(50% - 8px);
  cursor: pointer;
}

.popup--appointment .appointment__step .step__content .doctors__item .card__image {
  height: 160px;
}

.popup--appointment .appointment__step .step__content .doctors__item .card__content {
  padding: 12px;
}

@media (min-width:992px) {
  .popup--appointment .step-indicator__button .button,
  .popup--appointment .step-indicator__button .button--ghost,
  .popup--appointment .step-indicator__button .button--ghost--dark,
  .popup--appointment .step-indicator__button .button--ghost--light,
  .popup--appointment .step-indicator__button .button--primary,
  .popup--appointment .step-indicator__button .button--primary--dark,
  .popup--appointment .step-indicator__button .button--primary--light,
  .popup--appointment .step-indicator__button .button--secondary,
  .popup--appointment .step-indicator__button .button--secondary--dark,
  .popup--appointment .step-indicator__button .button--secondary--light,
  .popup--appointment .step-indicator__button .button-filter,
  .popup--appointment .step-indicator__button .direction-card__button,
  .popup--appointment .step-indicator__button .section-history__button,
  .popup--appointment .step-indicator__button .slider-navigation-next,
  .popup--appointment .step-indicator__button .slider-navigation-prev {
    height: auto;
  }

  .popup--appointment .step-indicator__button .button .button__icon,
  .popup--appointment .step-indicator__button .button--ghost .button__icon,
  .popup--appointment .step-indicator__button .button--ghost--dark .button__icon,
  .popup--appointment .step-indicator__button .button--ghost--light .button__icon,
  .popup--appointment .step-indicator__button .button--primary .button__icon,
  .popup--appointment .step-indicator__button .button--primary--dark .button__icon,
  .popup--appointment .step-indicator__button .button--primary--light .button__icon,
  .popup--appointment .step-indicator__button .button--secondary .button__icon,
  .popup--appointment .step-indicator__button .button--secondary--dark .button__icon,
  .popup--appointment .step-indicator__button .button--secondary--light .button__icon,
  .popup--appointment .step-indicator__button .button-filter .button__icon,
  .popup--appointment .step-indicator__button .direction-card__button .button__icon,
  .popup--appointment .step-indicator__button .section-history__button .button__icon,
  .popup--appointment .step-indicator__button .slider-navigation-next .button__icon,
  .popup--appointment .step-indicator__button .slider-navigation-prev .button__icon {
    --icon-width: 32px;
    --icon-height: 32px;
  }

  .popup--appointment .step-indicator__button .button .text,
  .popup--appointment .step-indicator__button .button--ghost .text,
  .popup--appointment .step-indicator__button .button--ghost--dark .text,
  .popup--appointment .step-indicator__button .button--ghost--light .text,
  .popup--appointment .step-indicator__button .button--primary .text,
  .popup--appointment .step-indicator__button .button--primary--dark .text,
  .popup--appointment .step-indicator__button .button--primary--light .text,
  .popup--appointment .step-indicator__button .button--secondary .text,
  .popup--appointment .step-indicator__button .button--secondary--dark .text,
  .popup--appointment .step-indicator__button .button--secondary--light .text,
  .popup--appointment .step-indicator__button .button-filter .text,
  .popup--appointment .step-indicator__button .direction-card__button .text,
  .popup--appointment .step-indicator__button .section-history__button .text,
  .popup--appointment .step-indicator__button .slider-navigation-next .text,
  .popup--appointment .step-indicator__button .slider-navigation-prev .text {
    line-height: 1.3;
    opacity: 1;
  }

  .popup--appointment .appointment__step {
    gap: 32px;
  }

  .careers-form__field .popup--appointment .appointment__step .card__content input,
  .careers-form__field .popup--appointment .appointment__step .card__content textarea,
  .careers-section__condition-item .popup--appointment .appointment__step .card__content p,
  .popup--appointment .appointment__step .card__content .careers-form__field input,
  .popup--appointment .appointment__step .card__content .careers-form__field textarea,
  .popup--appointment .appointment__step .card__content .careers-section__condition-item p,
  .popup--appointment .appointment__step .card__content .delivery-and-payment-section__tab-button,
  .popup--appointment .appointment__step .card__content .expandable-question__tab-button,
  .popup--appointment .appointment__step .card__content .feedback__input,
  .popup--appointment .appointment__step .card__content .feedback__textarea,
  .popup--appointment .appointment__step .card__content .p,
  .popup--appointment .appointment__step .card__content .p--100,
  .popup--appointment .appointment__step .card__content .p--80,
  .popup--appointment .appointment__step .card__content .p--90,
  .popup--appointment .appointment__step .card__content .promotion-form__field input,
  .popup--appointment .appointment__step .card__content .xs-sort-button,
  .promotion-form__field .popup--appointment .appointment__step .card__content input {
    font-size: 14px;
  }

  .popup--appointment .appointment__step .step__content .calendar {
    padding-top: 24px;
  }

  .popup--appointment .appointment__step .step__content .doctors {
    gap: 24px;
  }

  .popup--appointment .appointment__step .step__content .doctors__item {
    width: calc(50% - 12px);
  }

  .popup--appointment .appointment__step .step__content .doctors__item .card__content {
    padding: 16px;
  }

  .popup--appointment .appointment__step .step__content .timeslots .timeslot .label {
    padding: 15px;
  }
}

.popup--appointment .appointment__step .step__content .doctors__item .card__content .h5 {
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 8px;
}

.careers-form__field .popup--appointment .appointment__step .step__content .doctors__item .card__content input,
.careers-form__field .popup--appointment .appointment__step .step__content .doctors__item .card__content textarea,
.careers-section__condition-item .popup--appointment .appointment__step .step__content .doctors__item .card__content p,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .careers-form__field input,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .careers-form__field textarea,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .careers-section__condition-item p,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .delivery-and-payment-section__tab-button,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .expandable-question__tab-button,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .feedback__input,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .feedback__textarea,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .p,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .p--100,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .p--80,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .p--90,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .promotion-form__field input,
.popup--appointment .appointment__step .step__content .doctors__item .card__content .xs-sort-button,
.promotion-form__field .popup--appointment .appointment__step .step__content .doctors__item .card__content input {
  font-size: 12px;
  line-height: 1.3;
}

.popup--appointment .appointment__step .step__content .doctors__item:hover {
  border-color: #5f6db2;
  outline: #5f6db2 solid 1px;
}

.popup--appointment .appointment__step .step__content .timeslots {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0 0;
  margin: 0;
  border: none;
}

.popup--appointment .appointment__step .step__content .timeslots .timeslot {
  width: calc((100% - 32px)/ 3);
}

.popup--appointment .appointment__step .step__content .timeslots .timeslot .hidden {
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
}

.popup--appointment .appointment__step .step__content .timeslots .timeslot .label {
  width: 100%;
  justify-content: center;
  color: #0a0c0f;
}

.popup--appointment .appointment__step .step__content .timeslots .timeslot input:checked+.label {
  background: #dcdfee;
}

.popup--appointment .appointment__step .step__content .form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
}

.popup--appointment .appointment__step .step__content .form__input .form__submit {
  width: 100%;
  justify-content: center;
  font-size: 11px;
  line-height: 1;
  padding: 13px 16px;
}

@media (min-width:992px) {
  .popup--appointment .appointment__step .step__content .form__input .form__submit {
    padding: 18px;
    font-size: 12px;
  }
}

.popup--appointment .appointment__step .step__content .form__input .form__agree {
  padding-top: 8px;
}

.popup--appointment .appointment__step .step__content .form__input .form__agree .button,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--ghost,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--ghost--dark,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--ghost--light,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--primary,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--primary--dark,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--primary--light,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--secondary,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--secondary--dark,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button--secondary--light,
.popup--appointment .appointment__step .step__content .form__input .form__agree .button-filter,
.popup--appointment .appointment__step .step__content .form__input .form__agree .direction-card__button,
.popup--appointment .appointment__step .step__content .form__input .form__agree .section-history__button,
.popup--appointment .appointment__step .step__content .form__input .form__agree .slider-navigation-next,
.popup--appointment .appointment__step .step__content .form__input .form__agree .slider-navigation-prev {
  padding: 0;
  display: inline;
  text-decoration: underline;
}

.popup--appointment .appointment__calendar {
  width: calc(100% - 1px);
  height: 368px;
  max-width: 100%;
}

.popup--appointment .appointment__calendar .fc-scrollgrid-section>td,
.popup--appointment .appointment__calendar .fc-scrollgrid-section>th,
.popup--appointment .appointment__calendar.fc-theme-standard .fc-scrollgrid {
  border: none;
}

.popup--appointment .appointment__calendar .fc-button {
  padding: 0;
}

.popup--appointment .appointment__calendar .fc-toolbar.fc-header-toolbar {
  margin-bottom: 16px;
}

.popup--appointment .appointment__calendar .fc-toolbar-title {
  color: var(--Default-Gray-100,#0a0c0f);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}

.popup--appointment .appointment__calendar .fc-day.fc-col-header-cell {
  color: var(--Priority-Primary-80,#5f6db2);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.popup--appointment .appointment__calendar .fc-daygrid-day-bg,
.popup--appointment .appointment__calendar .fc-daygrid-day-events,
.popup--appointment .appointment__calendar .fc-daygrid-day-frame::after,
.popup--appointment .appointment__calendar .fc-daygrid-day-frame::before {
  display: none;
}

.popup--appointment .appointment__calendar .fc-daygrid-day-top {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
}

.popup--appointment .appointment__calendar .fc-daygrid-day-frame {
  height: 100%;
  padding: 4px;
}

.popup--appointment .appointment__calendar .fc-day {
  cursor: pointer;
  background-color: transparent;
  border: none;
  color: var(--Default-Gray-100,#0a0c0f);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.popup--appointment .appointment__calendar .fc-day a {
  color: var(--Default-Gray-100,#0a0c0f);
}

.popup--appointment .appointment__calendar .fc-day .fc-daygrid-day-frame {
  border: 2px solid transparent;
  border-radius: 8px;
}

.popup--appointment .appointment__calendar .fc-day .fc-daygrid-day-top {
  border-radius: 8px;
  height: 37px;
}

.popup--appointment .appointment__calendar .fc-day-disabled {
  pointer-events: none!important;
  cursor: default;
  color: var(--Default-Gray-20,#cecfd1);
}

.popup--appointment .appointment__calendar .fc-day-disabled a {
  color: #0a0c0f;
}

.popup--appointment .appointment__calendar .fc-day-disabled .fc-daygrid-day-top {
  background: rgba(255,172,172,.3411764706);
}

.popup--appointment .appointment__calendar .fc-day-waiting-list {
  pointer-events: all;
  cursor: pointer;
  color: var(--Default-Gray-20,#cecfd1);
}

.popup--appointment .appointment__calendar .fc-day-waiting-list a {
  color: #0a0c0f;
}

.popup--appointment .appointment__calendar .fc-day-waiting-list .fc-daygrid-day-top {
  background: #fff8bb;
}

.popup--appointment .appointment__calendar .fc-day-waiting-list.fc-day-disabled .fc-daygrid-day-top {
  background: rgba(255,172,172,.3411764706);
}

.popup--appointment .appointment__calendar .fc-day-active {
  pointer-events: all;
}

.popup--appointment .appointment__calendar .fc-day-active .fc-daygrid-day-frame {
  border-color: var(--Priority-Primary-80,#5f6db2);
}

.popup--appointment .appointment__calendar .fc-day-active .fc-daygrid-day-top {
  background: var(--Priority-Primary-10,#edeef6);
}

.popup--appointment .appointment__calendar .fc-theme-standard td,
.popup--appointment .appointment__calendar .fc-theme-standard th {
  border: none;
}

.popup--appointment .appointment__calendar .fc-day-highlited .fc-daygrid-day-top {
  background: #c3ecd2;
}

.popup--appointment .appointment__calendar .fc-day-highlited .fc-daygrid-day-top a {
  color: #0a0c0f;
}

.popup--appointment .appointment__calendar .fc-day-redirect {
  position: relative;
}

.popup--appointment .appointment__calendar .fc-day-redirect::before {
  content: "Другой филиал";
  display: block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 7.5px;
  text-wrap: nowrap;
  font-weight: 500;
  color: #5f6db2;
  transition: .3s ease-out;
  opacity: 0;
}

.popup--appointment .appointment__calendar .fc-day-redirect:hover::before {
  transform: translate(-50%,20px);
  opacity: 1;
}

.popup--appointment .appointment__calendar .fc-day-redirect.fc-day-active:hover::before {
  transform: translate(-50%,13px);
  opacity: 1;
  z-index: 2;
}

.popup--appointment .appointment__calendar .fc-day-redirect .fc-daygrid-day-top {
  background: #fff064;
}

.popup--appointment .appointment__calendar .fc-day-redirect .fc-daygrid-day-top a {
  color: #0a0c0f;
}

.popup--appointment.popup--loading .appointment__steps,
.popup--appointment.popup--loading .step__content {
  display: none;
}

.popup--appointment.popup--loading .loader {
  display: block;
}

.popup--appointment.popup--error .notification--error,
.popup--appointment.popup--no-place .notification--no-place.notification--warning,
.popup--appointment.popup--redirect .notification--redirect.notification--warning {
  display: flex;
}

.popup--success .popup__back-btn {
  display: none;
  padding: 0;
}

.popup--success .popup__wrapper {
  height: -moz-max-content;
  height: max-content;
}

.skin-diagnosti-center-faq__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .skin-diagnostic-center__content-city .cities-tabs__map {
    height: auto;
  }

  .skin-diagnosti-center-faq__list {
    gap: 16px;
  }
}

.skin-diagnosti-center-faq .accordion__button span {
  text-align: left;
}

.skin-diagnosti-center-faq__content-list {
  padding-left: 15px;
}

.doctor-card .card__content-info:has(i) {
  align-items: center;
}

.skin-diagnostic-center__content-cities {
  display: none;
}

.skin-diagnostic-center__content-cities .section--offline-appointment {
  margin-bottom: unset;
}

.skin-diagnostic-center__content-city {
  display: none;
}

.skin-diagnostic-center--cities .skin-diagnostic-center__content-cities {
  display: block;
}

.skin-diagnostic-center--cities .skin-diagnostic-center__content-city,
.skin-diagnostic-center--city .skin-diagnostic-center__content-cities {
  display: none;
}

.skin-diagnostic-center--city .skin-diagnostic-center__content-city {
  display: flex;
  flex-direction: column;
}

.skin-diagnostic-center #appointment-choose .modal__inner {
  max-width: 600px;
}

.skin-diagnostic-center .appointment-choose__buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: stretch;
  height: 100%;
}

.skin-diagnostic-center .appointment-choose__buttons .appointment-choose__button {
  height: auto;
  width: 100%;
  flex-grow: 1;
}

@media (min-width:992px) {
  .skin-diagnostic-center .appointment-choose__buttons {
    margin: 24px 0;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .skin-diagnostic-center .appointment-choose__buttons .appointment-choose__button {
    height: 48px;
  }

  .delivery-and-payment-section__title-nav>a {
    display: none;
  }
}

.modal.skin-center-gallery .swiper {
  height: 570px;
  max-width: 100vw;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.modal.skin-center-gallery .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal.skin-center-gallery .swiper-wrapper picture {
  display: flex;
  align-items: center;
  height: 100%;
}

.modal.skin-center-gallery .swiper-wrapper img,
.modal.skin-center-gallery .swiper-wrapper video {
  width: 100%;
  height: auto;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal.skin-center-gallery .skin-center-gallery__pagination {
  position: fixed;
  top: 20px;
  left: 80px;
  width: 100px;
  height: 100px;
  transform: translateX(-50%);
  color: #888;
  font-size: 18px;
  z-index: 1010;
}

.modal.skin-center-gallery .skin-center-gallery__button {
  position: absolute;
  top: 50%;
  border-radius: 0;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color: #272727;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1010;
  color: #fff;
}

.modal.skin-center-gallery .skin-center-gallery__button--prev {
  left: 20px;
}

.modal.skin-center-gallery .skin-center-gallery__button--next {
  right: 20px;
}

.delivery-and-payment-section__title-wrapper {
  padding: 20px 0;
}

.delivery-and-payment-section__title-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.delivery-and-payment-section__title-nav {
  height: 24px;
}

@media (min-width:992px) and (min-width:992px) {
  .article-support {
    row-gap: 27px;
  }

  .delivery-and-payment-section__title-nav>a {
    display: none;
  }
}

.delivery-and-payment-section__delivery {
  margin-bottom: 36px;
}

@media (min-width:992px) {
  .delivery-and-payment-section__title-wrapper {
    padding: 32px 0;
  }

  .delivery-and-payment-section__title-block {
    gap: 10px;
  }

  .delivery-and-payment-section__title-nav {
    height: 26px;
  }

  .delivery-and-payment-section__delivery {
    margin-bottom: 48px;
  }

  .delivery-and-payment-section__delivery-wrapper {
    display: grid;
    grid-template-columns: 1fr 371px;
    grid-auto-rows: auto;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}

.delivery-and-payment-section__delivery-block {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.delivery-and-payment-section__delivery-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.delivery-and-payment-section__delivery-content--answers {
  gap: 16px;
}

@media (min-width:992px) {
  .delivery-and-payment-section__delivery-block {
    grid-column: 1;
    margin-top: 48px;
  }

  .delivery-and-payment-section__delivery-block--qa {
    grid-column: 2;
    grid-row: 1/span 4;
  }

  .delivery-and-payment-section__delivery-content--answers {
    gap: 24px;
  }
}

.delivery-and-payment-section__delivery-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

@media (min-width:992px) {
  .delivery-and-payment-section__delivery-buttons {
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: -8px;
  }
}

.delivery-and-payment-section__delivery-text-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.delivery-and-payment-section__delivery-text-row>p:first-child {
  min-width: 117px;
}

.delivery-and-payment-section__delivery-map {
  width: 100%;
  height: 100%;
  min-height: 280px;
  border-radius: 16px;
  margin-top: 20px;
}

@media (min-width:992px) {
  .delivery-and-payment-section__delivery-map {
    margin-top: 24px;
    min-height: 424px;
    border-radius: 24px;
  }
}

.delivery-and-payment-section__delivery-list-text {
  margin: 0;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.delivery-and-payment-section__delivery-list-text>li {
  position: relative;
  padding-left: 18px;
}

.delivery-and-payment-section__delivery-list-text li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .8em;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: #6a6d72;
  border-radius: 50%;
}

.delivery-and-payment-section__delivery-img-pay {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

.delivery-and-payment-section__delivery-img-pay>div {
  height: 48px;
  border-radius: 8px;
  border: 1px solid #e8e9eb;
  background: rgb(var(--white-color-rgb));
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 7px;
}

.delivery-and-payment-section__delivery-img-pay>div>img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 71px;
  height: 100%;
}

.delivery-and-payment-section__tabs {
  margin-top: 20px;
}

.delivery-and-payment-section__tab-list {
  gap: 12px;
  height: 38px;
}

.delivery-and-payment-section__tab-item {
  padding: 8px;
  flex-shrink: 0;
  height: 38px;
}

.delivery-and-payment-section__tab-button {
  color: inherit;
  background: 0 0;
  border: none;
  cursor: pointer;
  padding: 0;
}

.delivery-and-payment-section__tab-panel {
  margin: 20px 0 0;
}

.delivery-and-payment-section__tab-panel .tabs__tab-panel-item--show {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.delivery-and-payment__loyalty-program {
  font-size: 12px;
}

@media (min-width:992px) {
  .delivery-and-payment-section__qa-not-found {
    display: none;
  }

  .delivery-and-payment__loyalty-program {
    font-size: 16px;
    line-height: 130%;
  }

  .delivery-and-payment-section__notification-wrapper {
    padding: 24px 0;
  }
}

.lg-point {
  background: rgb(var(--white-color-rgb));
  border-radius: 12px;
  border: 1px solid rgba(var(--white-color-rgb),.1);
}

.lg-point__wrapper {
  padding: 15px 11px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.lg-point__content {
  --icon-color: #0a0c0f;
  --icon-width: 20px;
  --icon-height: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.lg-point__content>p {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lg-point__row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.dolyame_modal .modal__inner {
  overflow: hidden;
}

.dolyame_modal .expandable-questions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.dolyame_modal .modal-center__header {
  margin-top: 30px;
}

.dolyame_modal .modal-center__header svg {
  width: 100px;
  height: auto;
  flex-shrink: 0;
}

.qa-section__title-wrapper {
  padding: 20px 0;
}

.qa-section__title-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.qa-section__title-nav {
  height: 24px;
}

@media (min-width:992px) {
  .dolyame_modal .modal-center__header {
    margin-top: 32px;
  }

  .dolyame_modal .modal-center__header svg {
    width: 144px;
  }

  .qa-section__title-nav>a {
    display: none;
  }

  .qa-section__title-wrapper {
    padding: 32px 0;
  }

  .qa-section__title-block {
    gap: 10px;
  }

  .qa-section__title-nav {
    height: 26px;
  }
}

@media (min-width:992px) and (min-width:992px) {
  .qa-section__title-nav>a {
    display: none;
  }
}

.qa-section__wrapper {
  padding-bottom: 36px;
}

@media (min-width:992px) {
  .qa-section__wrapper {
    padding-bottom: 48px;
  }

  .qa-section__wrapper--tabs {
    display: grid;
    grid-template-columns: 1fr 371px;
    grid-auto-rows: auto;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  .qa-section__wrapper--tabs:nth-child(1) {
    grid-column: 1;
  }

  .qa-section__wrapper--tabs:nth-child(2) {
    grid-column: 2;
    grid-row: 1/span 4;
  }
}

.qa-section__not-found {
  display: none;
}

@media (min-width:992px) {
  .qa-section__not-found {
    margin-top: 48px;
    display: block;
  }

  .qa-section__not-found--mob {
    display: none;
  }
}

.qa-section__not-found--mob {
  margin-top: 16px;
}

.qa-section__tab-list {
  gap: 12px;
}

.qa-section__tab-item {
  flex-shrink: 0;
}

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

.qa-section__tab-panel {
  margin: 16px 0 0;
}

.qa-section__tab-panel .tabs__tab-panel-item--show {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.feedback__wrapper {
  padding: 8px 0 24px;
}

.feedback__wrapper>h3 {
  padding: 15px;
}

@media (min-width:992px) {
  .qa-section__tab-list {
    gap: 24px;
  }

  .qa-section__tab-panel {
    margin-top: 48px;
  }

  .qa-section__tab-panel .tabs__tab-panel-item--show {
    gap: 24px;
  }

  .feedback__wrapper {
    padding: 32px 40px;
  }
}

.feedback__form {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.feedback__form-button {
  padding: 16px 16px 0;
}

@media (min-width:992px) {
  .feedback__form-button {
    padding: 8px 16px;
  }

  .feedback__form-button>button {
    width: auto;
  }
}

.feedback__input,
.feedback__textarea {
  border: 2px solid #ced2e4;
  border-radius: 12px;
  padding-inline: 10px;
}

.feedback__input {
  height: 48px;
}

@media (min-width:992px) {
  .feedback__input,
  .feedback__textarea {
    border-radius: 16px;
  }

  .feedback__input {
    height: 56px;
  }
}

.feedback__textarea {
  resize: none;
  padding-top: 10px;
  min-height: 122px;
}

.feedback__checkbox-label {
  display: flex;
  align-items: center;
}

.feedback__checkbox {
  margin-right: 8px;
}

.feedback__submit {
  background-color: #5b7bd6;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .3s;
}

.feedback__submit:hover {
  background-color: #335acb;
}

.feedback__popup.open {
  overflow: hidden;
  align-items: flex-end;
}

.feedback__popup-content {
  overflow: unset;
  position: relative;
  padding: 0;
  background: rgb(var(--white-color-rgb));
  border-radius: 24px 24px 0 0;
  height: auto;
  width: 100%;
  scrollbar-gutter: unset;
}

.feedback__popup-close {
  top: -45px;
}

@media (min-width:992px) {
  .feedback__popup.open {
    align-items: center;
  }

  .feedback__popup-content {
    border-radius: 40px;
    max-width: 598px;
  }

  .feedback__popup-close {
    top: 0;
  }

  .loyality-info__img-position {
    -o-object-position: center;
    object-position: center;
  }
}

.feedback .custom-checkbox {
  display: flex;
  align-items: flex-start;
}

.feedback .custom-checkbox__input {
  display: none;
}

.feedback .custom-checkbox__input:checked+.custom-checkbox__label::before {
  background-color: #5f6db2;
  border-color: #5f6db2;
}

.feedback .custom-checkbox__input:checked+.custom-checkbox__label::after {
  opacity: 1;
  transform: scale(1);
}

.feedback .custom-checkbox__label {
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 8px;
  flex-shrink: 0;
}

.feedback .custom-checkbox__label::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: transparent;
  transition: background-color .3s,border-color .3s;
  border: 2px solid #ced2e4;
  outline: 0;
}

.feedback .custom-checkbox__label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=20 height=20 viewBox=0 0 20 20 fill=none%3E%3Cpath d=M4.1665 10L8.33317 14.1667L16.6665 5.83337 stroke=%23fff stroke-width=1.5 stroke-linecap=round stroke-linejoin=round/%3E%3C/svg%3E") center/contain no-repeat;
  transform: translate(-50%,-50%) scale(0);
  transition: transform .2s,opacity .2s;
  opacity: 0;
}

.loyality-info-about {
  border-radius: 24px;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .loyality-info-about {
    padding-top: 72px;
    padding-bottom: 72px;
    border-radius: 0 0 40px 40px;
  }
}

.loyality-info-about__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.loyality-info-about__content {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 32px;
  gap: 20px;
}

@media (min-width:992px) {
  .loyality-info-about__content {
    padding-top: 0;
    padding-bottom: 0;
    flex-direction: row;
    justify-content: space-between;
  }
}

.loyality-info-about__text {
  display: flex;
  flex-direction: column;
  max-width: 568px;
  gap: 20px;
}

@media (min-width:992px) {
  .loyality-info-about__text {
    gap: 16px;
  }

  .loyality-info-about__text>button {
    margin-top: 8px;
    width: -moz-max-content;
    width: max-content;
  }
}

.loyality-info-advantages__wrapper {
  display: flex;
  padding: 24px 0;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .loyality-info-advantages__wrapper {
    display: flex;
    padding: 56px 0 0;
    flex-direction: column;
    gap: 32px;
  }
}

.loyality-info-advantages__card-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .loyality-info-advantages__card-list {
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
  }
}

.advantage-card {
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

.advantage-card__wrapper {
  display: flex;
  flex-direction: row;
  padding: 11px;
  align-items: center;
  gap: 16px;
}

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

  .advantage-card__wrapper {
    padding: 23px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.loyality-info-level__wrapper {
  padding-top: 24px;
  display: grid;
  grid-template-columns: 1fr;
}

.loyality-info-how {
  grid-column: 1;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .loyality-info-level__wrapper {
    padding-top: 56px;
    grid-template-columns: 1fr 371px;
    -moz-column-gap: 26px;
    column-gap: 26px;
  }

  .loyality-info-how {
    padding-bottom: 0;
  }
}

.loyality-info-block {
  grid-column: 1;
}

.loyality-info-block__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.loyality-info-block__wrapper--b-0 {
  padding-bottom: 0;
}

@media (min-width:992px) {
  .loyality-info-block__wrapper {
    padding-top: 56px;
    padding-bottom: 0;
    gap: 32px;
  }

  .loyality-info-block__wrapper--b-32 {
    padding-bottom: 0;
  }
}

.loyality-info-programs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.loyality-info-programs__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.loyality-info-qa {
  display: none;
}

@media (min-width:992px) {
  .loyality-info-programs__list {
    gap: 24px;
  }

  .loyality-info-qa {
    display: block;
    grid-column: 2;
    grid-row: 1/span 4;
  }
}

.level-description-card {
  border-radius: 16px;
  border: 1px solid #dcdfee;
  background: rgb(var(--white-color-rgb));
}

.level-description-card__wrapper {
  display: flex;
  flex-direction: row;
  padding: 15px 11px;
  gap: 12px;
}

.level-description-card__icon {
  border-radius: 32px;
  background: #ced2e4;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.level-description-card__content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 4px;
}

.level-description-card__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width:992px) {
  .level-description-card__wrapper {
    display: flex;
    flex-direction: row;
    padding: 23px;
    gap: 20px;
  }

  .level-description-card__icon {
    border-radius: 32px;
    background: #ced2e4;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .level-description-card__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .level-description-card__text {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

.sigh-up-banner {
  border-radius: 16px;
  background: linear-gradient(108deg,#edeef6 -39.9%,#edeef6 -6.95%,#c8caff 82.7%);
}

.sigh-up-banner__wrapper {
  display: flex;
  width: 100%;
  padding: 12px;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .sigh-up-banner__wrapper {
    padding: 16px;
    flex-direction: row;
    align-items: center;
    gap: 24px;
  }
}

.sigh-up-banner__wrapper>h5 {
  flex-grow: 1;
}

.sigh-up-banner__wrapper>button {
  flex-shrink: 0;
}

@media (min-width:992px) {
  .sigh-up-banner__wrapper>button {
    flex-shrink: 1;
    width: -moz-max-content;
    width: max-content;
  }
}

.loyality-info-faq__wrapper {
  display: flex;
  padding-top: 24px;
  padding-bottom: 32px;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .loyality-info-faq__wrapper {
    padding-top: 56px;
    padding-bottom: 56px;
    gap: 32px;
  }
}

.loyality-info-faq__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.loyality-info-faq__qa {
  display: block;
}

.promotion-header {
  padding-block: 20px;
}

@media (min-width:992px) {
  .loyality-info-faq__list {
    gap: 24px;
  }

  .loyality-info-faq__qa {
    display: none;
  }

  .promotion-header {
    padding-block: 32px;
  }
}

.promotion-header__wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.promotion-header__nav {
  display: inline-flex;
}

.promotion-content__wrapper {
  padding-bottom: 32px;
}

.promotion-content__grid {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 28px;
}

@media (min-width:992px) {
  .promotion-header__wrapper {
    gap: 7px;
  }

  .promotion-header__nav>a {
    display: none;
  }

  .promotion-content__wrapper {
    padding-bottom: 48px;
  }

  .promotion-content__grid {
    grid-template-columns: 1fr 371px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }
}

.promotion-content__main {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.promotion-content__qa {
  grid-column: 1;
}

.promotion-content__qa--mob {
  display: flex;
}

.promotion-content__qa--desc {
  display: none;
}

@media (min-width:992px) {
  .promotion-content__main {
    gap: 48px;
  }

  .promotion-content__qa {
    grid-column: 2;
    grid-row: 1/span 1;
  }

  .promotion-content__qa--mob {
    display: none;
  }

  .promotion-content__qa--desc {
    display: flex;
  }
}

.promotion-content__info-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .promotion-content__info-text {
    gap: 20px;
  }
}

.promotion-content__text {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.promotion-content__img {
  overflow: hidden;
  scrollbar-gutter: unset;
  border: 1px solid #dcdfee;
  border-radius: 16px;
  max-height: 190px;
  max-width: 765px;
}

.promotion-content__img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -o-object-position: -5px 27%;
  object-position: -5px 27%;
  scale: 1.2;
}

@media (min-width:992px) {
  .promotion-content__text {
    gap: 6px;
  }

  .promotion-content__img {
    border-radius: 24px;
    max-height: 424px;
  }

  .promotion-content__img>img {
    -o-object-position: 0 25%;
    object-position: 0 25%;
  }
}

.promotion-form {
  padding-top: 48px;
  border-radius: 24px 24px 0 0;
  background: rgb(var(--white-color-rgb));
}

.promotion-form__wrapper {
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .promotion-form {
    padding-top: 72px;
    border-radius: 40px 40px 0 0;
  }

  .promotion-form__wrapper {
    padding-bottom: 56px;
    gap: 24px;
    flex-direction: row;
  }

  .promotion-form__wrapper>h2 {
    min-width: 568px;
  }
}

.promotion-form__form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.promotion-form__field input {
  border-radius: 12px;
  padding: 0 10px;
  height: 48px;
  width: 100%;
  border: 2px solid #ced2e4;
}

.promotion-form__file-upload {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.promotion-form__file-btn {
  background: 0 0;
  border: none;
  color: #5f6db2;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  margin-bottom: 2px;
  display: flex;
  gap: 8px;
  align-items: center;
}

.promotion-form__file-btn>i {
  flex-shrink: 0;
  --icon-color: #5f6db2;
}

.promotion-form__file-info {
  color: #6a6d72;
}

.promotion-form__file-input {
  display: none;
}

.promotion-form__file-name {
  display: none;
  --icon-color: #0a0c0f;
  margin-bottom: 8px;
  padding-left: 4px;
  align-items: center;
}

.promotion-form__file-name>i {
  flex-shrink: 0;
  cursor: pointer;
}

.promotion-form__file-error {
  display: none;
  color: #f04438;
  margin-top: 5px;
}

.promotion-form__terms {
  margin-top: 8px;
}

.promotion-form__terms a {
  color: #5f6db2;
}

.favorites__header {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 28px 16px;
}

.favorites__main {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

@media (min-width:992px) {
  .favorites__header {
    padding-block: 24px 48px;
  }

  .favorites__main {
    gap: 48px;
  }
}

.favorites__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}

.favorites__details {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.favorites__count {
  color: #999b9f;
  padding-block-end: 3px;
}

@media (min-width:992px) {
  .favorites__details {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .favorites__count {
    padding-block-end: 10px;
  }
}

.favorites__actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 24px;
}

.favorites__actions-button {
  padding-inline: 0;
}

.favorites__items {
  margin-block-start: 28px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}

@media (min-width:992px) {
  .favorites__items {
    margin-block-start: 48px;
    gap: 24px;
  }
}

.favorites__filter {
  margin: 0;
}

.favorites__filter .catalog-filters__second-column .catalog-filters__filter {
  display: flex;
}

.favorites__content {
  padding-block-end: 28px;
}

.favorites__content[data-one-tab] .tabs__tab-list-wrapper,
.favorites__content[data-one-tab] .tabs__tab-panel-item {
  display: none;
}

@media (max-width:992px) {
  .favorites__content .tabs__tab-list {
    width: 100%;
    justify-content: space-between;
  }

  .favorites__content .tabs__tab-list-item,
  .favorites__content .tabs__tab-list-item--selected {
    width: calc(50% - 6px);
  }
}

.favorites__content .tabs__tab-panel-list {
  margin: 0;
}

.favorites__content .tabs__tab-list-wrapper {
  margin-block-end: 24px;
}

.favorites__product {
  margin-block-start: 40px;
}

@media (min-width:992px) {
  .favorites__content {
    padding-block-end: 56px;
  }

  .favorites__content .tabs__tab-list-wrapper {
    margin-block-end: 32px;
  }

  .favorites__product {
    margin-block-start: 64px;
  }

  .favorites__you-looked {
    padding-block: 56px;
  }
}

.favorites__you-looked {
  margin-block-start: 36px;
  margin-block-end: 24px;
}

.favorites__product,
.favorites__section-no,
.favorites__you-looked {
  display: none;
}

.favorites .show {
  display: flex;
}

.favorites .hidden,
.favorites-no .favorites__actions,
.favorites-no .favorites__content,
.favorites-no .favorites__count {
  display: none;
}

.favorites-no .favorites__product,
.favorites-no .favorites__section-no,
.favorites-no .favorites__you-looked {
  display: block;
}

.modal-favorites__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .modal-favorites__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-favorites__header {
  padding: 16px;
}

.modal-favorites__body {
  padding: 12px 16px;
}

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

.modal-favorites__body input[value]:not([value=""]) {
  border: 2px solid #5f6db2;
}

.modal-favorites__footer {
  padding: 16px 16px 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (min-width:992px) {
  .modal-favorites__footer {
    flex-direction: row;
    padding: 8px 16px;
  }
}

@media (max-width:992px) {
  .modal-favorites__btn {
    width: 100%;
  }
}

.clinic-header {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
}

.clinic-header__content {
  margin-block: 36px 48px;
}

.clinic-header__info {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(3,auto);
}

.clinic-header__info-title {
  grid-area: 3/1/3/2;
  margin-block-start: 16px;
  margin-block-end: 16px;
}

.clinic-header__info-btn {
  grid-area: 1/1/2/2;
  width: 100%;
}

@media (min-width:992px) {
  .clinic-header {
    border-radius: 40px;
  }

  .clinic-header__content {
    margin-block: 72px;
  }

  .clinic-header__info {
    margin-block-start: 16px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: repeat(2,auto);
    grid-column-gap: 24px;
  }

  .clinic-header__info-title {
    margin-block-start: unset;
    grid-area: 1/1/2/2;
  }

  .clinic-header__info-btn {
    margin-block-start: auto;
    width: 469px;
    grid-area: 2/1/3/2;
  }
}

.clinic-header__info-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  grid-area: 4/1/4/2;
}

.clinic-header__info-text :first-child,
.clinic-header__info-text span {
  font-weight: 700;
}

.clinic-header__info-text :last-child {
  margin-block-start: -7px;
}

.clinic-about {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-block: 40px;
}

.clinic-about__banner {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 578px;
  position: relative;
  border-radius: 16px;
}

.clinic-about__banner .clinic-mob {
  position: absolute;
  bottom: 0;
  max-height: 366px;
  width: 100%;
}

.clinic-about__banner .clinic-des {
  display: none;
}

@media (min-width:992px) {
  .clinic-header__info-text {
    grid-area: 1/2/3/3;
  }

  .clinic-about {
    gap: 72px;
    padding-block: 72px;
  }

  .clinic-about__banner {
    flex-direction: row-reverse;
    border-radius: 24px;
    height: 324px;
  }

  .clinic-about__banner .clinic-mob {
    display: none;
  }

  .clinic-about__banner .clinic-des {
    position: absolute;
    left: 0;
    display: block;
  }
}

.clinic-about__banner-img {
  height: 330px;
}

.clinic-about__banner-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 35% 0;
  object-position: 35% 0;
}

@media (min-width:992px) {
  .clinic-about__banner-img {
    height: 100%;
    margin-left: auto;
  }

  .clinic-about__banner-img img {
    -o-object-position: right;
    object-position: right;
  }
}

.clinic-about__banner-info {
  z-index: 1;
  width: 100%;
  bottom: 0;
  height: 280px;
  position: absolute;
  padding: 0 16px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .clinic-about__banner-info {
    padding: 24px;
    justify-content: center;
    width: 561px;
    position: relative;
    height: auto;
  }
}

.clinic-about__banner-info h3,
.clinic-about__banner-info p {
  color: rgb(var(--white-color-rgb));
}

.clinic-about__banner-info p {
  opacity: .9;
}

.clinic-about__production {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:992px) {
  .clinic-about__production {
    gap: 24px;
  }

  .clinic-about__production-title .h2 {
    font-size: 32px;
    line-height: 41px;
  }

  .clinic-about__production-title p {
    display: none;
  }
}

.clinic-about__production-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.clinic-about__production-cards {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(5,auto);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.clinic-about__production-card {
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid #dcdfee;
  padding: 15px 16px;
}

.clinic-about__production-card-number {
  margin: 0;
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  color: transparent;
  text-align: right;
  -webkit-text-stroke: 1px #a9abb5;
}

@media (min-width:992px) {
  .clinic-about__production-cards {
    grid-template-columns: repeat(2,auto);
    grid-template-rows: repeat(3,auto);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .clinic-about__production-card {
    gap: 26px;
    justify-content: space-between;
    border-radius: 24px;
    padding: 32px 24px;
  }

  .clinic-about__production-card:last-child {
    grid-area: 3/1/4/3;
    flex-direction: row-reverse;
  }

  .clinic-about__production-card:last-child .clinic-about__production-card-info {
    padding-top: 40px;
    max-width: 938px;
  }

  .clinic-about__production-card-number {
    font-size: 64px;
    line-height: 64px;
  }
}

.clinic-about__production-card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.clinic-about__production-card-info p {
  font-size: 12px;
  line-height: 16px;
}

@media (min-width:992px) {
  .clinic-about__production-card-info {
    gap: 8px;
  }

  .clinic-about__production-card-info p {
    font-size: 16px;
    line-height: 21px;
  }

  .clinic-about__production-card-info .h5 {
    font-size: 18px;
    line-height: 23px;
  }
}

@media (max-width:374px) {
  .favorites .product-card {
    max-width: unset;
  }

  .clinic-about__banner-info {
    height: auto;
  }

  .clinic-about .clinic-mob {
    height: 390px;
  }
}

.clinic-services {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block: 48px;
}

.clinic-services__cards {
  display: grid;
  grid-template-columns: auto;
  gap: 16px;
}

.clinic-services__card {
  position: relative;
  height: 258px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
  border: 1px solid #dcdfee;
  overflow: hidden;
}

@media (min-width:992px) {
  .clinic-services {
    padding-block: 72px;
  }

  .clinic-services__cards {
    grid-template-columns: repeat(3,auto);
    gap: 24px;
  }

  .clinic-services__card {
    height: 328px;
  }
}

.clinic-services__card-img {
  height: 206px;
}

.clinic-services__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.clinic-services__card-content {
  padding: 16px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  border-radius: 24px;
  bottom: 0;
  width: 100%;
  position: absolute;
  background-color: rgb(var(--white-color-rgb));
}

.clinic-services__card-content .h6 {
  height: 35px;
}

@media (min-width:992px) {
  .clinic-services__card-img {
    height: 268px;
  }

  .clinic-services__card-content {
    justify-content: space-between;
    height: 138px;
  }

  .clinic-services__card-content .h6 {
    height: auto;
  }
}

.clinic-services__card-content-btn {
  padding-inline: 48px;
  height: 36px;
  border-radius: 12px;
  width: 100%;
}

@media (max-width:374px) {
  .clinic-services .clinic-services__more-btns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }

  .clinic-services .clinic-services__more-btns .btn--L {
    width: 100%;
  }
}

.clinic-specialists {
  padding-block: 40px;
}

.clinic-specialists .h2 {
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .clinic-services__card-content-btn {
    width: 158px;
  }

  .clinic-specialists {
    padding-block: 72px;
  }

  .clinic-specialists .h2 {
    margin-bottom: 24px;
  }
}

.clinic-specialists__slider-container {
  position: relative;
}

.clinic-specialists__slider {
  overflow: hidden;
}

.clinic-specialists__slider .swiper-slide {
  height: auto;
}

.clinic-specialists__slide {
  width: 321px;
  height: 100%;
  padding: 24px;
  display: flex;
  gap: 20px;
  flex-direction: column;
  border-radius: 24px;
  align-items: center;
  background-color: rgb(var(--white-color-rgb));
  border: 1px solid #dcdfee;
}

@media (min-width:992px) {
  .clinic-specialists__slide {
    width: 272px;
    padding-bottom: 32px;
  }

  .about-section__expertise-card .benefit-card__text .clinic-specialists__slide-info .p--100,
  .about-section__expertise-card .benefit-card__text .clinic-specialists__slide-info .xs-sort-button,
  .careers-form__field .clinic-specialists__slide-info input,
  .careers-form__field .clinic-specialists__slide-info textarea,
  .careers-section__condition-item .clinic-specialists__slide-info p,
  .clinic-specialists__slide-info .about-section__expertise-card .benefit-card__text .p--100,
  .clinic-specialists__slide-info .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .clinic-specialists__slide-info .careers-form__field input,
  .clinic-specialists__slide-info .careers-form__field textarea,
  .clinic-specialists__slide-info .careers-section__condition-item p,
  .clinic-specialists__slide-info .delivery-and-payment-section__tab-button,
  .clinic-specialists__slide-info .expandable-question__tab-button,
  .clinic-specialists__slide-info .feedback__input,
  .clinic-specialists__slide-info .feedback__textarea,
  .clinic-specialists__slide-info .p,
  .clinic-specialists__slide-info .p--100,
  .clinic-specialists__slide-info .p--80,
  .clinic-specialists__slide-info .p--90,
  .clinic-specialists__slide-info .promotion-form__field input,
  .clinic-specialists__slide-info .xs-sort-button,
  .promotion-form__field .clinic-specialists__slide-info input {
    font-size: 14px;
    line-height: 20px;
  }
}

.clinic-specialists__slide-img {
  width: 180px;
  height: 180px;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.clinic-specialists__slide-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  text-align: center;
}

.about-section__expertise-card .benefit-card__text .clinic-specialists__slide-info .p--100,
.about-section__expertise-card .benefit-card__text .clinic-specialists__slide-info .xs-sort-button,
.careers-form__field .clinic-specialists__slide-info input,
.careers-form__field .clinic-specialists__slide-info textarea,
.careers-section__condition-item .clinic-specialists__slide-info p,
.clinic-specialists__slide-info .about-section__expertise-card .benefit-card__text .p--100,
.clinic-specialists__slide-info .about-section__expertise-card .benefit-card__text .xs-sort-button,
.clinic-specialists__slide-info .careers-form__field input,
.clinic-specialists__slide-info .careers-form__field textarea,
.clinic-specialists__slide-info .careers-section__condition-item p,
.clinic-specialists__slide-info .delivery-and-payment-section__tab-button,
.clinic-specialists__slide-info .expandable-question__tab-button,
.clinic-specialists__slide-info .feedback__input,
.clinic-specialists__slide-info .feedback__textarea,
.clinic-specialists__slide-info .p,
.clinic-specialists__slide-info .p--100,
.clinic-specialists__slide-info .p--80,
.clinic-specialists__slide-info .p--90,
.clinic-specialists__slide-info .promotion-form__field input,
.clinic-specialists__slide-info .xs-sort-button,
.promotion-form__field .clinic-specialists__slide-info input {
  margin-bottom: 5px;
}

.clinic-specialists__btns {
  display: none;
}

@media (min-width:992px) {
  .clinic-specialists__btns {
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media (min-width:1250px) {
  .clinic-specialists__btns {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 105%;
  }
}

.clinic-specialists__person-modal {
  margin-top: auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.42857;
  text-align: center;
  color: #5f6db2;
  cursor: pointer;
}

@media (max-width:374px) {
  .clinic-specialists__slide {
    width: 290px;
  }
}

.clinic-equipment {
  padding-block: 16px 40px;
}

.clinic-equipment .h2 {
  padding-block-end: 20px;
}

.clinic-equipment__cards {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.clinic-equipment__cards .clinic-equipment__card:nth-last-of-type(1) {
  border: 0!important;
  padding-block-end: 0;
}

@media (min-width:992px) {
  .clinic-equipment {
    padding-block: 72px;
  }

  .clinic-equipment .h2 {
    padding-block-end: 24px;
  }

  .clinic-equipment__cards .clinic-equipment__card:nth-last-of-type(1) {
    padding-block-end: 40px;
  }

  .clinic-equipment__cards .clinic-equipment__card:nth-child(even) {
    flex-direction: row-reverse;
  }

  .clinic-equipment__cards .clinic-equipment__card:nth-child(odd) {
    flex-direction: row;
  }
}

.clinic-equipment__card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #e5e5eb;
  padding-block: 20px;
}

.clinic-equipment__card:first-child {
  padding-block: 0 20px;
}

@media (min-width:992px) {
  .clinic-equipment__card:first-child {
    padding-block: 0 40px;
  }

  .clinic-equipment__card {
    gap: 24px;
    align-items: center;
    padding-block: 40px;
  }
}

.clinic-equipment__card-img {
  width: 100%;
  height: 187px;
  border-radius: 12px;
  overflow: hidden;
  flex-shrink: 0;
}

@media (min-width:992px) {
  .clinic-equipment__card-img {
    border-radius: 24px;
    width: 469px;
    height: 300px;
  }
}

.clinic-equipment__card-img img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
  height: 100%;
}

.clinic-equipment__card-info {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.clinic-equipment__btn {
  width: 100%;
  margin-block: 40px 0;
}

.modal-clinic__container {
  max-width: 100%;
  padding: 8px 0 24px;
}

@media (min-width:992px) {
  .clinic-equipment__btn {
    width: 469px;
    margin-block: 59px;
  }

  .modal-clinic__container {
    padding: 32px 40px;
    width: 598px;
  }
}

.modal-clinic__header {
  padding: 16px;
}

.modal-clinic__body {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  overflow: auto;
}

.modal-clinic__body a {
  display: contents;
  color: #5f6db2;
  line-height: 21px;
  font-weight: 500;
}

.modal-clinic__body input[type=text] {
  height: 48px;
}

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

  .modal-clinic__body input[type=text] {
    height: 56px;
  }
}

.modal-clinic__body input[value]:not([value=""]) {
  border: 2px solid #5f6db2;
}

.modal-clinic__body input[value]:not([value=""]).input--checkbox--err {
  border-color: #e43232;
}

.modal-clinic__body input[value]:not([value=""]).input--checkbox--err:checked {
  border-color: #5f6db2;
}

.modal-clinic__body input:required+label::after {
  content: "*";
  color: #fbaf4c;
  margin-inline-start: 2px;
}

.modal-clinic__dynamic-part {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.modal-clinic__dynamic-part #clinic-service-block .modal-clinic__label {
  display: none;
}

.modal-clinic__dynamic-part--specialist #clinic-doctors-block {
  order: -2;
}

.modal-clinic__dynamic-part--specialist #clinic-doctors-block .modal-clinic__label {
  display: none;
}

.modal-clinic__dynamic-part--specialist .modal-clinic__calendar {
  order: -1;
}

.modal-clinic__dynamic-part--specialist #clinic-service-block .modal-clinic__label {
  display: block;
}

.modal-clinic__dynamic-part #clinic-consult {
  margin-top: 12px;
}

.modal-clinic__footer {
  padding: 16px 16px 0;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

@media (min-width:992px) {
  .modal-clinic__footer {
    flex-direction: row;
    padding: 8px 16px;
  }
}

@media (max-width:992px) {
  .modal-clinic__btn {
    width: 100%;
  }
}

.modal-clinic__label {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
}

.modal-clinic__calendar {
  position: relative;
  min-height: 70px;
}

.modal-clinic__calendar .fc-day {
  cursor: pointer;
}

.modal-clinic__calendar .fc-day a {
  font-weight: 400;
}

.modal-clinic__calendar .fc-day.fc-daygrid-day {
  background-color: rgba(95,109,178,.7);
}

.modal-clinic__calendar .fc-day.fc-day-disabled {
  pointer-events: none;
  cursor: default;
  background-color: rgba(209,209,209,.3019607843);
}

.modal-clinic__calendar .fc-day.fc-day-active {
  pointer-events: all;
  color: #fff;
  background-color: #5f6db2;
}

.modal-clinic__calendar .fc-day.fc-day-active .fc-daygrid-day-top {
  opacity: 1;
}

.modal-clinic__calendar a {
  color: inherit;
}

@keyframes calendar-loader {
  from {
    transform: rotate(0);
  }

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

.modal-clinic__calendar-view {
  height: 425px;
}

.modal-clinic__calendar-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  align-items: center;
  width: 70px;
  aspect-ratio: 1;
  transform: translate(-50%,-50%);
  display: none;
}

.modal-clinic__calendar-loader::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/Loader.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  animation: 3s linear infinite calendar-loader;
}

.modal-clinic__calendar-loader_active {
  display: block;
}

.modal-clinic__calendar-invalid-text {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: #e43232;
}

.modal-clinic__calendar-value[value]+.calendar__invalid-text {
  display: none;
}

.clinic-documents {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-block: 40px 48px;
}

.clinic-documents__slider-container {
  position: relative;
}

.clinic-documents__slider {
  overflow: hidden;
}

.clinic-documents__slide {
  width: 180px;
}

.clinic-documents__info {
  display: flex;
  flex-direction: column;
  -moz-column-gap: 12px;
  column-gap: 12px;
  row-gap: 8px;
}

.about-section__expertise-card .benefit-card__text .clinic-documents__info .p--100,
.about-section__expertise-card .benefit-card__text .clinic-documents__info .xs-sort-button,
.careers-form__field .clinic-documents__info input,
.careers-form__field .clinic-documents__info textarea,
.careers-section__condition-item .clinic-documents__info p,
.clinic-documents__info .about-section__expertise-card .benefit-card__text .p--100,
.clinic-documents__info .about-section__expertise-card .benefit-card__text .xs-sort-button,
.clinic-documents__info .careers-form__field input,
.clinic-documents__info .careers-form__field textarea,
.clinic-documents__info .careers-section__condition-item p,
.clinic-documents__info .delivery-and-payment-section__tab-button,
.clinic-documents__info .expandable-question__tab-button,
.clinic-documents__info .feedback__input,
.clinic-documents__info .feedback__textarea,
.clinic-documents__info .p,
.clinic-documents__info .p--100,
.clinic-documents__info .p--80,
.clinic-documents__info .p--90,
.clinic-documents__info .promotion-form__field input,
.clinic-documents__info .xs-sort-button,
.promotion-form__field .clinic-documents__info input {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  height: 68px;
}

@media (min-width:992px) {
  .clinic-documents {
    padding-block: 82px;
    gap: 40px;
  }

  .clinic-documents__slide {
    width: 272px;
    padding: 8px;
  }

  .about-section__expertise-card .benefit-card__text .clinic-documents__info .p--100,
  .about-section__expertise-card .benefit-card__text .clinic-documents__info .xs-sort-button,
  .careers-form__field .clinic-documents__info input,
  .careers-form__field .clinic-documents__info textarea,
  .careers-section__condition-item .clinic-documents__info p,
  .clinic-documents__info .about-section__expertise-card .benefit-card__text .p--100,
  .clinic-documents__info .about-section__expertise-card .benefit-card__text .xs-sort-button,
  .clinic-documents__info .careers-form__field input,
  .clinic-documents__info .careers-form__field textarea,
  .clinic-documents__info .careers-section__condition-item p,
  .clinic-documents__info .delivery-and-payment-section__tab-button,
  .clinic-documents__info .expandable-question__tab-button,
  .clinic-documents__info .feedback__input,
  .clinic-documents__info .feedback__textarea,
  .clinic-documents__info .p,
  .clinic-documents__info .p--100,
  .clinic-documents__info .p--80,
  .clinic-documents__info .p--90,
  .clinic-documents__info .promotion-form__field input,
  .clinic-documents__info .xs-sort-button,
  .promotion-form__field .clinic-documents__info input {
    font-size: 14px;
    line-height: 18px;
  }

  .clinic-documents__info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.clinic-documents__download {
  width: 100%;
}

@media (min-width:992px) {
  .clinic-documents__download {
    border: 0;
    padding: 8px;
    margin: 0;
    width: -moz-max-content;
    width: max-content;
  }

  .clinic-documents__download i {
    --icon-color: #0a0c0f;
  }

  .clinic-documents__download span {
    display: none;
  }
}

.clinic-documents__img {
  height: 250px;
  border-radius: 4px;
  border: 1px solid #dcdfee;
  margin-block-end: 12px;
  overflow: hidden;
  display: flex;
}

.clinic-documents__img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.clinic-documents__btns {
  display: none;
}

@media (min-width:992px) {
  .clinic-documents__img {
    height: 100%;
    margin-block-end: 16px;
  }

  .clinic-documents__btns {
    display: flex;
    top: 50%;
    transform: translateY(-50%);
  }
}

.clinic-white {
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
}

.search-result-heading {
  padding-top: 28px;
  padding-bottom: 28px;
}

.search-result__tabs {
  margin-bottom: 28px;
}

.search-result__tabs-panel-list {
  padding-right: 15px;
  padding-left: 16px;
}

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

  .search-result-heading {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .search-result__tabs-panel-list {
    padding-right: 16px;
  }

  .search-result__tabs {
    margin-bottom: 106px;
  }
}

@media (min-width:1250px) {
  .clinic-documents__btns {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 105%;
  }

  .search-result__tabs-panel-list {
    padding-right: calc(50% - 580px);
    padding-left: calc(50% - 580px);
  }
}

.search-result__tabs .catalog-filters {
  margin: 24px 0 28px;
}

@media (max-width:374px) {
  .search-result__tabs-panel-list {
    padding: 0 10px;
  }
}

.search-not-found-heading {
  padding: 28px 16px 12px;
}

@media (min-width:1250px) {
  .search-not-found-heading {
    padding-right: calc(50% - 580px);
    padding-left: calc(50% - 580px);
  }
}

.search-not-found__slider {
  padding-right: 0;
}

@media (min-width:992px) {
  .search-result__tabs .catalog-filters {
    margin: 32px 0 48px;
  }

  .search-not-found-heading {
    padding-top: 48px;
    padding-bottom: 24px;
  }

  .search-not-found__empty {
    margin: 10px 0;
  }

  .search-not-found__slider {
    padding-right: 16px;
    margin-top: 33px;
  }
}

@media (min-width:1250px) {
  .search-not-found__slider {
    padding-right: calc(50% - 580px);
  }
}

.search-not-found__recently-viewed {
  margin: 32px 0;
  padding-right: 0;
}

@media (min-width:992px) {
  .search-not-found__recently-viewed {
    padding-right: 16px;
    margin: 24px 0 90px;
  }
}

@media (min-width:1250px) {
  .search-not-found__recently-viewed {
    padding-right: calc(50% - 580px);
  }
}

.contacts__text {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #54565a;
}

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

.contacts__sub-heading {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
  color: #0a0c0f;
}

.contacts__heading {
  padding-top: 20px;
  padding-bottom: 20px;
}

.contacts__content {
  display: flex;
  flex-direction: column;
}

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

  .contacts__heading {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .contacts__heading .page-title {
    gap: 10px;
  }

  .contacts__content {
    flex-direction: row;
    gap: 24px;
  }
}

.contacts__content-main {
  flex: 1;
  flex-shrink: 0;
}

.contacts__content-not-found {
  max-width: 371px;
  margin: 36px 0;
}

.contacts__content-not-found .qa-not-found-banner__text .h4,
.contacts__content-not-found .qa-not-found-banner__text .qa-section__tab-button {
  font-weight: 500;
}

.contacts__content-not-found .qa-not-found-banner__text .p--100,
.contacts__content-not-found .qa-not-found-banner__text .xs-sort-button {
  line-height: 18px;
}

.contacts__content-not-found .qa-not-found-banner {
  border: none;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

.contacts__content-not-found .qa-not-found-banner__wrapper {
  padding: 32px 24px;
}

.contacts__info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contacts__info-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contacts__info-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.contacts__info-head {
  flex-shrink: 0;
  font-weight: 500;
  width: 137px;
}

@media (min-width:992px) {
  .contacts__content-not-found {
    margin: 0;
  }

  .contacts__content-not-found .qa-not-found-banner__text .p--100,
  .contacts__content-not-found .qa-not-found-banner__text .xs-sort-button {
    line-height: 21px;
  }

  .contacts__info-head {
    width: 150px;
  }
}

.contacts__map {
  width: 100%;
  height: 400px;
  border-radius: 16px;
  border: 1px solid #dcdfee;
}

.contacts__map-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 20px 0 24px;
}

@media (min-width:992px) {
  .contacts__map {
    border-radius: 24px;
    height: 520px;
    gap: 16px;
  }

  .contacts__map-wrapper {
    gap: 16px;
    margin: 32px 0;
  }
}

.contacts__map .map-nav__balloon-header {
  display: none;
}

.contacts__map .map-nav__balloon {
  color: #0a0;
}

.contacts__accordion {
  width: 100%;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

.contacts__accordion .contacts__accordion-button {
  width: 100%;
  padding: 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 21px;
}

.contacts__accordion .contacts__accordion-button::after {
  width: 24px;
  height: 24px;
}

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

  .contacts__accordion .contacts__accordion-button {
    font-size: 20px;
    line-height: 26px;
    padding: 24px;
  }
}

.contacts__accordion-flag {
  font-size: 16px;
}

.contacts__accordion .contacts__accordion-details {
  border: none;
}

.contacts__accordion .contacts__accordion-details-wrapper {
  padding: 28px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contacts__accordion.accordion--open .contacts__accordion-details {
  border: none;
}

.contacts__accordion.accordion--open .contacts__accordion-details>.contacts__accordion-details-wrapper {
  padding: 28px 16px;
}

.contacts__accordion-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .contacts__accordion .contacts__accordion-details-wrapper {
    gap: 16px;
    padding: 40px;
  }

  .contacts__accordion.accordion--open .contacts__accordion-details>.contacts__accordion-details-wrapper {
    padding: 40px;
  }

  .contacts__accordion-list {
    gap: 16px;
  }
}

.contacts__accordion-list-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contacts__accordion-card {
  padding: 12px;
  border-radius: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .contacts__accordion-list-wrapper {
    gap: 16px;
  }

  .contacts__accordion-card {
    gap: 24px;
    padding: 24px;
  }
}

.contacts__accordion-card-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.contacts__accordion-card-text {
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
}

.contacts__accordion-card-link {
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #5f6db2;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
}

.horeca-banner {
  position: relative;
  max-height: 740px;
  padding-top: 13px;
  padding-bottom: 310px;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  background: #f7f7f8;
  height: auto;
}

@media (min-width:1370px) {
  .horeca-banner__container {
    position: relative;
  }
}

.horeca-banner__bg {
  width: 344px;
  aspect-ratio: 344/297;
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 833px;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/horeca-banner-v2.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

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

  .contacts__accordion-card-link {
    font-size: 16px;
    line-height: 21px;
    gap: 8px;
  }

  .horeca-banner {
    height: auto;
    padding-bottom: 50px;
    border-radius: 0 0 40px 40px;
  }

  .horeca-banner__bg {
    background-image: url("/local/templates/geltek2024/frontend/img/upload/horeca-banner-v2.png");
    width: 43vw;
    max-width: 780px;
    aspect-ratio: 833/557;
  }

  .horeca-banner__content {
    margin-top: 50px;
  }
}

@media (min-width:1370px) {
  .horeca-banner__bg {
    right: calc(50% - 770px);
    bottom: -52px;
  }
}

.horeca-banner__content {
  width: 720px;
  max-width: 100%;
}

.horeca-banner__title {
  margin-bottom: 10px;
  color: #0a0c0f;
  font-size: 30px;
  line-height: 38px;
}

@media (min-width:992px) {
  .horeca-banner__title {
    margin-bottom: 16px;
    font-size: 52px;
    line-height: 1.2;
  }
}

.horeca-banner__title-colored {
  color: #5f6db2;
}

.horeca-banner__list {
  list-style: none;
  margin: 0 0 11px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.horeca-banner__list-item {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
}

.horeca-banner__list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 100%;
  background-color: #5f6db2;
}

.horeca-banner__links {
  width: 100%;
  display: inline-flex;
  flex-direction: column;
}

.horeca-banner__link {
  padding: 13px 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #5f6db2;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  --icon-color: #5f6db2;
}

.horeca-banner__link:not(:last-child) {
  border-bottom: 1px solid #dcdfee;
}

.horeca-about__content {
  display: flex;
  align-items: flex-start;
  gap: 22px;
  flex-direction: column;
}

@media (min-width:992px) {
  .horeca-banner__list {
    margin-bottom: 31px;
  }

  .horeca-banner__list-item::before {
    top: 13px;
  }

  .horeca-banner__links {
    width: unset;
  }

  .horeca-about__content {
    flex-direction: row;
    gap: 48px;
  }
}

.horeca-about__left {
  max-width: 700px;
}

.horeca-about__desc {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

@media (min-width:992px) {
  .horeca-about__desc {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 30px;
  }
}

.horeca-about__digit {
  display: flex;
  margin-bottom: 12px;
  gap: 2px;
  flex-direction: column;
  align-items: flex-start;
}

.horeca-about__digit-value {
  font-size: 48px;
  line-height: 56px;
  font-weight: 700;
  color: #5f6db2;
}

@media (min-width:992px) {
  .horeca-about__digit {
    flex-direction: row;
    margin-bottom: 16px;
    align-items: center;
    gap: 12px;
  }

  .horeca-about__digit-value {
    font-size: 54px;
    line-height: 1;
  }

  .horeca-about__digit-text {
    font-size: 16px;
    line-height: 22px;
  }
}

.horeca-about__digit-text {
  font-size: 16px;
  line-height: 22px;
  color: #0a0c0f;
  max-width: 372px;
  font-weight: 700;
}

.horeca-about__text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.horeca-about__text>p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #0a0c0f;
}

.horeca-about__right {
  padding: 20px;
  width: 100%;
  align-self: center;
  border: 1px solid #dcdfee;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.horeca-about__right>p {
  font-size: 16px;
  line-height: 22px;
}

.horeca-case__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-direction: column-reverse;
}

@media (min-width:992px) {
  .horeca-about__right {
    margin-top: 42px;
    padding: 32px;
    width: 380px;
    align-self: unset;
  }

  .horeca-case__content {
    gap: 64px;
    flex-direction: row;
  }
}

.horeca-case__slider {
  position: relative;
  width: 100%;
  max-width: 360px;
}

.horeca-case__slider .swiper {
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 360/460;
}

.horeca-case__slider .swiper-slide,
.horeca-case__slider .swiper-wrapper {
  aspect-ratio: 360/460;
}

.horeca-case__slider .slider-navigation {
  position: absolute;
  width: 105%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.horeca-case__slide-img {
  width: 100%;
  height: 100%;
  aspect-ratio: 360/460;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.horeca-case__pretitle {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  color: #999b9f;
}

@media (min-width:992px) {
  .horeca-case__slider .slider-navigation {
    display: flex;
    width: 115%;
  }

  .horeca-case__pretitle {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.375;
  }
}

.horeca-case__title {
  margin: 0 0 16px;
  font-size: 26px;
  line-height: 34px;
}

@media (min-width:992px) {
  .horeca-case__title {
    font-size: 40px;
    line-height: 1;
  }
}

.horeca-case__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.375;
}

.horeca-prods__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .horeca-prods__title {
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 40px;
  }
}

.horeca-prods__info {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media (min-width:992px) {
  .horeca-prods__info {
    flex-direction: row;
    gap: 40px;
    margin-bottom: 40px;
  }
}

.horeca-prods__info-left {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.horeca-prods__info-right {
  width: auto;
  padding-left: 16px;
  font-size: 16px;
  line-height: 22px;
  border-left: 5px solid #5f6db2;
  flex-shrink: 0;
  font-weight: 500;
}

@media (min-width:992px) {
  .horeca-prods__info-right {
    padding-left: 24px;
    width: 398px;
    font-size: 16px;
    line-height: 22px;
  }
}

.horeca-prods__slider {
  position: relative;
}

.horeca-prods__slider .swiper-slide {
  width: 268px;
  min-width: 268px;
  height: auto;
}

.horeca-prods__slide-item {
  width: 268px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #dcdfee;
  border-radius: 24px;
  padding: 20px;
  height: 100%;
}

.horeca-prods__slide-image {
  margin-bottom: 13px;
  width: 100%;
}

.horeca-prods__slide-img {
  aspect-ratio: 228/280;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.horeca-prods__slide-name {
  margin-bottom: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.375;
}

.horeca-prods__slide-name a {
  text-decoration: none;
  color: #0a0c0f;
}

.horeca-prods__slide-text {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.horeca-prods__slide-text.crop-text {
  transition: .6s;
  max-height: 100px;
  overflow: hidden;
}

.horeca-prods__slide-btn {
  margin-top: auto;
  width: 100%;
}

.horeca-prods__slide a {
  text-decoration: none;
  color: #0a0c0f;
}

.horeca-prods__more {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  margin-top: -10px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: #5f6db2;
  background-color: transparent;
}

.horeca-prods .slider-navigation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: none;
}

.crop-text:has(+label>input:checked) {
  max-height: unset;
}

.horeca-manufacture__title {
  font-weight: 700;
  font-size: 26px;
  line-height: 34px;
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .horeca-prods .slider-navigation {
    display: flex;
    width: 105%;
  }

  .horeca-manufacture__title {
    font-size: 40px;
    line-height: 1.3;
    margin-bottom: 40px;
  }
}

.horeca-manufacture__text {
  margin-bottom: 15px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

@media (min-width:992px) {
  .horeca-manufacture__text {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.375;
  }
}

.horeca-manufacture__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
}

@media (min-width:768px) {
  .horeca-manufacture__items {
    grid-template-columns: repeat(2,1fr);
  }
}

.horeca-manufacture__item {
  font-size: 16px;
  line-height: 1.375;
  display: flex;
  flex-direction: column;
  gap: 16px;
  --icon-color: #5f6db2;
  --icon-width: 48px;
  --icon-height: 48px;
  --mask-size: cover;
}

.horeca-order__title {
  padding-top: 30px;
  margin-bottom: 26px;
  font-size: 26px;
  line-height: 34px;
}

@media (min-width:992px) {
  .horeca-manufacture__items {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 32px 23px;
  }

  .horeca-order__title {
    padding-top: 80px;
    margin-bottom: 40px;
    font-size: 32px;
    line-height: 1;
  }
}

.horeca-order__form {
  margin-bottom: 25px;
}

@media (min-width:992px) {
  .horeca-order__form {
    margin-bottom: 41px;
  }
}

.horeca-order__form-inputs {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  margin-bottom: 24px;
}

.careers-form__field .horeca-order__form .input--text input:required+input::after,
.careers-form__field .horeca-order__form .input--text input:required+textarea::after,
.careers-section__condition-item .horeca-order__form .input--text input:required+p::after,
.horeca-order__form .input--text .careers-form__field input:required+input::after,
.horeca-order__form .input--text .careers-form__field input:required+textarea::after,
.horeca-order__form .input--text .careers-section__condition-item input:required+p::after,
.horeca-order__form .input--text .promotion-form__field input:required+input::after,
.horeca-order__form .input--text input:required+.delivery-and-payment-section__tab-button::after,
.horeca-order__form .input--text input:required+.expandable-question__tab-button::after,
.horeca-order__form .input--text input:required+.feedback__input::after,
.horeca-order__form .input--text input:required+.feedback__textarea::after,
.horeca-order__form .input--text input:required+.p--100::after,
.horeca-order__form .input--text input:required+.p--80::after,
.horeca-order__form .input--text input:required+.p--90::after,
.horeca-order__form .input--text input:required+.p::after,
.horeca-order__form .input--text input:required+.xs-sort-button::after,
.promotion-form__field .horeca-order__form .input--text input:required+input::after {
  content: "*";
  color: #f04438;
}

.horeca-order__checkfield {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px 10px;
  border: 2px solid #ced2e4;
  border-radius: 12px;
}

.horeca-order__agree {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.35;
}

.horeca-order__agree>span a {
  color: #5f6db2;
}

.horeca-order__contacts {
  padding-top: 23px;
  border-top: 1px solid #dcdfee;
}

.horeca-order__contacts-items {
  display: flex;
  flex-direction: column;
  gap: 9px;
}

@media (min-width:992px) {
  .horeca-order__form-inputs {
    grid-template-columns: 456px auto;
    grid-gap: 19px 24px;
  }

  .horeca-order__checkfield {
    grid-column: 2/2;
    grid-row: 1/3;
  }

  .horeca-order__agree {
    margin-bottom: 40px;
  }

  .horeca-order__contacts {
    padding-top: 40px;
  }

  .horeca-order__contacts-items {
    flex-direction: row;
    gap: 27px;
  }

  .horeca-order__field_message {
    grid-column: 2/2;
    grid-row: 3/6;
  }

  .horeca-order__field_message>label>textarea {
    height: 100%;
  }
}

.horeca-order__contact {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.horeca-order__contact>a {
  color: #5f6db2;
}

.horeca-order__subtitle {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
}

.horeca-order__to-form {
  z-index: 2;
  position: fixed;
  transition: opacity .3s ease-in-out;
  right: 20px;
  bottom: 76px;
  width: calc(100% - 40px);
}

.horeca-order__to-form.hidden {
  opacity: 0;
  pointer-events: none;
}

.horeca-success-form .modal__inner {
  max-width: 598px;
}

.cosmetologist-service .horeca-success-form .btn_send__inner,
.horeca-success-form .btn,
.horeca-success-form .btn-ghost-dark,
.horeca-success-form .btn-ghost-light,
.horeca-success-form .btn-primary-dark,
.horeca-success-form .btn-primary-light,
.horeca-success-form .btn-secondary-dark,
.horeca-success-form .btn-secondary-light,
.horeca-success-form .cosmetologist-service .btn_send__inner {
  width: 100%;
}

.medicine-products__faq {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width:992px) {
  .horeca-order__to-form {
    width: -moz-max-content;
    width: max-content;
    bottom: 150px;
    right: 20px;
    font-size: 24px;
    padding-inline: 32px;
    height: 60px;
  }

  .medicine-products__faq {
    gap: 40px;
  }
}

.medicine-products__faq-questions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.medicine-products__qa-not-found {
  margin: 36px 0 40px;
}

@media (min-width:992px) {
  .medicine-products__faq-questions {
    gap: 16px;
  }

  .medicine-products__qa-not-found {
    margin: 56px 0 122px;
  }

  .medicine-products-reviews {
    border-radius: 40px;
    padding-top: 72px;
    padding-bottom: 72px;
  }
}

.medicine-products-reviews__reviews {
  border-radius: 24px;
  padding-top: 48px;
  padding-bottom: 48px;
  margin-top: 24px;
}

@media (min-width:992px) {
  .medicine-products-reviews__reviews {
    margin-top: 40px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
  }
}

.medicine-products-reviews__more {
  margin-top: 20px;
}

@media (min-width:992px) {
  .medicine-products-reviews__more {
    margin-top: 32px;
  }
}

.product-order {
  margin-top: 13px;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .product-order {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

.product-order__name {
  margin-bottom: 5px;
}

.product-order__content {
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 100%;
  align-items: flex-start;
}

@media (min-width:768px) {
  .product-order__name {
    margin-bottom: 11px;
  }

  .product-order__content {
    grid-gap: 24px;
    grid-template-columns: repeat(2,1fr);
  }
}

.product-order__images {
  margin: 0 auto;
  border: 1px solid #e5e5eb;
  border-radius: 12px;
  width: 328px;
  aspect-ratio: 1;
}

@media (min-width:768px) {
  .product-order__images {
    margin: unset;
    width: 360px;
  }

  .product-order__info {
    order: 2;
  }
}

.product-order__images-item {
  display: none;
  width: 100%;
  height: 100%;
}

.product-order__images-item_active {
  display: block;
}

.product-order__images-item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.product-order__info-title {
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
}

.product-order__info-options {
  display: flex;
  align-items: flex-start;
  margin-top: 15px;
  margin-bottom: 20px;
  gap: 12px;
}

@media (min-width:768px) {
  .product-order__info-options {
    margin-bottom: 31px;
  }
}

.product-order__info-option {
  border: none;
  text-decoration: none;
  display: inline-block;
  border-radius: 17px;
  padding: 7px 18px 9px;
  min-width: 82px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #0a0c0f;
  text-align: center;
  background: 0 0;
  cursor: pointer;
  box-shadow: 0 0 3px rgba(95,109,178,.5);
}

.product-order__info-option_active {
  color: #fff;
  background: #5f6db2;
}

.product-order__info-text {
  margin-bottom: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #33353b;
}

.product-order__info-text p:not(:last-child) {
  margin-bottom: 11px;
}

.product-order__tabs {
  overflow: hidden;
  margin-top: 20px;
}

.product-order__tabs-names {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 2px;
  border-bottom: 1px solid #e5e5eb;
  margin-right: -16px;
  margin-left: -16px;
  padding-right: 16px;
  padding-left: 16px;
  width: calc(100% + 32px);
  display: flex;
}

@media (min-width:768px) {
  .product-order__tabs {
    margin-top: 45px;
  }

  .product-order__tabs-names {
    margin: 0;
    padding: 0 0 2px;
    width: 100%;
  }
}

.product-order__tabs-name {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: -2px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #0a0c0f;
  background-color: transparent;
  white-space: nowrap;
}

.product-order__tabs-name:not(:last-child) {
  margin-right: 25px;
}

@media (min-width:768px) {
  .product-order__tabs-name:not(:last-child) {
    margin-right: 33px;
  }

  .product-order__tabs-name {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
  }
}

.product-order__tabs-name_active {
  border-color: #5f6db2;
}

.product-order__tabs-contents {
  padding-top: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #33353b;
}

.product-order__tabs-contents strong {
  font-weight: 500;
}

.product-order__tabs-contents p:not(:last-child) {
  margin-bottom: 9px;
}

.product-order__tabs-contents iframe {
  max-width: 100%;
}

.product-order__tabs-content {
  display: none;
}

.product-order__tabs-content_active {
  display: block;
}

.clinic-procedure-info {
  margin-top: 13px;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .product-order__tabs-contents {
    padding-top: 38px;
    font-size: 16px;
    line-height: 22px;
  }

  .clinic-procedure-info {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

.clinic-procedure-info__breadcrumbs {
  margin-bottom: 20px;
}

.clinic-procedure-info__back {
  --icon-color: #5f6db2;
  color: #5f6db2;
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
}

.clinic-procedure-info__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .product-order__content {
    grid-template-columns: 360px 1fr;
  }

  .product-order__info {
    order: initial;
    grid-column: initial;
  }

  .clinic-procedure-info__title {
    font-size: 26px;
  }
}

.clinic-procedure-info__text-block {
  margin-top: 30px;
  margin-bottom: 30px;
}

.clinic-procedure-info__list {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.clinic-procedure-info__prod-content {
  clear: both;
  margin-bottom: 14px;
}

.clinic-procedure-info__prod-content::after {
  content: "";
  display: table;
  clear: both;
}

.clinic-procedure-info__prod-img {
  float: left;
  margin: 0 30px 30px 0;
  max-width: 40%;
}

.clinic-procedure-info__prod-name {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: calc(1.275rem + .3vw);
}

@media (min-width:1250px) {
  .clinic-procedure-info__prod-name {
    font-size: 1.5rem;
  }
}

.clinic-procedure-info__prod-text {
  margin-bottom: 8px;
  font-size: 14px;
}

.clinic-procedure-info__prod-more {
  display: grid;
  grid-gap: 8px;
}

.clinic-procedure-info__prod-more-col-name {
  margin-bottom: 8px;
  font-size: calc(1.275rem + .3vw);
  font-weight: 500;
}

@media (min-width:1250px) {
  .clinic-procedure-info__prod-more-col-name {
    font-size: 1.5rem;
  }
}

.clinic-procedure-info__prod-more-col-list {
  list-style-type: circle;
  margin-top: 0;
  font-size: 14px;
}

.clinic-procedure-faq {
  margin-top: 13px;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .clinic-procedure-info__prod-more {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
  }

  .clinic-procedure-faq {
    margin-top: 35px;
    margin-bottom: 35px;
  }
}

.clinic-procedure-faq__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 36px;
  padding: 0;
}

.clinic-procedure-faq__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .clinic-procedure-faq__title {
    font-size: 26px;
  }
}

.clinic-procedure-faq__button.button--primary--light:hover {
  --icon-color: #fff;
}

.clinic-procedure-prices {
  margin-top: 13px;
  margin-bottom: 35px;
}

@media (min-width:768px) {
  .clinic-procedure-prices {
    margin-top: 35px;
    margin-bottom: 95px;
  }
}

.clinic-procedure-prices__image {
  max-width: 100%;
  margin-bottom: 30px;
}

.clinic-procedure-prices__title {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .clinic-procedure-prices__title {
    font-size: 26px;
  }
}

.clinic-procedure-prices__service-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .clinic-procedure-prices__service-title {
    font-size: 20px;
  }
}

.clinic-procedure-prices__service:not(:last-child) {
  margin-bottom: 20px;
}

.clinic-procedure-prices__table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.clinic-procedure-prices__table-row {
  display: flex;
  align-items: flex-end;
}

@media (min-width:768px) {
  .clinic-procedure-prices__table {
    gap: 5px;
  }

  .clinic-procedure-prices__table-row {
    align-items: center;
  }
}

.clinic-procedure-prices__table-value {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  font-size: 14px;
}

@media (min-width:768px) {
  .clinic-procedure-prices__table-value {
    display: block;
    flex-grow: 0;
  }
}

.clinic-procedure-prices__table-value::after {
  content: "";
  display: inline-block;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

.clinic-procedure-prices__table-button {
  display: flex;
}

@media (min-width:768px) {
  .clinic-procedure-prices__table-value::after {
    display: none;
  }

  .clinic-procedure-prices__table-button {
    flex-grow: 1;
  }
}

.clinic-procedure-prices__table-button::before {
  content: "";
  display: none;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

.clinic-procedure-prices__table-btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #5f6db2;
  font-size: 14px;
  background-color: transparent;
}

.ophthalmology-page__products {
  margin-top: 24px;
  padding-right: 15px;
}

@media (min-width:992px) {
  .ophthalmology-page__products {
    padding-right: 16px;
    margin-top: 72px;
  }
}

@media (min-width:1250px) {
  .ophthalmology-page__products {
    padding-right: calc(50% - 580px);
  }
}

@media (max-width:576px) {
  .ophthalmology-page__products {
    padding-right: 10px;
  }

  .ophthalmology-page .section-banner {
    min-height: 328px;
    max-height: 338px;
    height: 328px;
  }
}

.ophthalmology-page__articles {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .ophthalmology-page__articles {
    gap: 48px;
  }
}

.ophthalmology-page__articles-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .ophthalmology-page__articles-content {
    gap: 32px;
  }
}

.ophthalmology-page__articles-category {
  color: #5f6db2;
  font-weight: 500;
}

.ophthalmology-page__articles-block {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ophthalmology-page__articles-block-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .ophthalmology-page__articles-block {
    gap: 16px;
  }

  .ophthalmology-page__articles-block-wrapper {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px;
  }
}

.ophthalmology-page__articles-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.article-simple {
  overflow-x: hidden;
  padding-top: 20px;
  padding-bottom: 36px;
}

@media (min-width:768px) {
  .clinic-procedure-prices__table-button::before {
    display: block;
  }

  .article-simple {
    padding-top: 30px;
    padding-bottom: 45px;
  }
}

.article-simple__breadcrumbs {
  margin-bottom: 12px;
}

.article-simple__title {
  margin-bottom: 20px;
}

.article-simple__recomend:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content {
  color: #54565a;
  font-size: 14px;
  line-height: 1.3;
}

@media (min-width:992px) {
  .article-simple {
    padding-top: 55px;
    padding-bottom: 72px;
  }

  .article-simple__recomend:not(:last-child),
  .article-simple__title {
    margin-bottom: 30px;
  }

  .article-simple__content {
    font-size: 16px;
  }
}

.article-simple__content:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content h2 {
  margin: 0;
  font-size: 30px;
}

.article-simple__content h2:not(:last-child) {
  margin-bottom: 20px;
}

.article-simple__content h3 {
  margin: 0;
  font-size: 24px;
}

.article-simple__content h3:not(:last-child) {
  margin-bottom: 20px;
}

.article-simple__content p {
  margin: 0;
}

.article-simple__content p:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content ul {
  margin: 0;
}

.article-simple__content ul:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content img {
  border-radius: 16px;
  max-width: 100%;
}

.article-simple__content img:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content iframe {
  max-width: 100%;
  height: auto;
  aspect-ratio: 1280/720;
}

.article-simple__content iframe:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__content table {
  min-width: 100%;
}

.article-simple__text-media {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

@media (min-width:992px) {
  .article-simple__content:not(:last-child) {
    margin-bottom: 30px;
  }

  .article-simple__content img {
    border-radius: 24px;
  }

  .article-simple__text-media {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .article-simple__text-media--reverse {
    flex-direction: row-reverse;
  }
}

.article-simple__text-media:not(:last-child) {
  margin-bottom: 20px;
}

.article-simple__text-media iframe,
.article-simple__text-media img {
  flex-shrink: 0;
  align-self: center;
  min-width: 300px;
  max-width: 100%;
}

@media (min-width:992px) {
  .article-simple__text-media iframe,
  .article-simple__text-media img {
    align-self: flex-start;
    min-width: unset;
  }
}

.article-simple__text-media iframe {
  min-width: 100%;
}

.article-simple__colored-background {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
}

.article-simple__colored-background:not(:last-child) {
  margin-bottom: 20px;
}

.article-simple__colored-background::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 500%;
  transform: translateX(-50%);
}

.article-simple__colored-background--blue::after {
  background-color: #e7f3ff;
}

.article-simple__double {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
}

.article-simple__double:not(:last-child) {
  margin-bottom: 20px;
}

.article-simple__table {
  overflow-x: auto;
  width: 100%;
}

.article-simple__table:not(:last-child) {
  margin-bottom: 16px;
}

.article-simple__links-title {
  margin-bottom: 20px;
  text-align: center;
}

.article-simple__links-items {
  padding-left: 17px;
  color: #54565a;
  font-size: 14px;
  line-height: 1.3;
}

.article-simple__links-items li:not(:last-child) {
  margin-bottom: 8px;
}

.article-simple__text-media.article-simple__text-media--new,
.article-simple__text-media.article-simple__text-media--new-reverse {
  margin-top: 40px;
  margin-bottom: 30px;
  align-items: center;
}

.article-simple__text-media.article-simple__text-media--new-reverse>img {
  align-self: center;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 46%;
}

.article-simple__text-media.article-simple__text-media--grid {
  margin-top: 40px;
  margin-bottom: 30px;
  align-items: center;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-template-rows: 490px .2fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.article-simple__text-media.article-simple__text-media--grid>a:has(img) {
  width: 100%;
  height: 100%;
  grid-area: 1/1/2/2;
}

.article-simple__text-media.article-simple__text-media--grid>a:has(img)>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.article-simple__text-media.article-simple__text-media--grid .btn,
.article-simple__text-media.article-simple__text-media--grid .btn-ghost-dark,
.article-simple__text-media.article-simple__text-media--grid .btn-ghost-light,
.article-simple__text-media.article-simple__text-media--grid .btn-primary-dark,
.article-simple__text-media.article-simple__text-media--grid .btn-primary-light,
.article-simple__text-media.article-simple__text-media--grid .btn-secondary-dark,
.article-simple__text-media.article-simple__text-media--grid .btn-secondary-light,
.article-simple__text-media.article-simple__text-media--grid .cosmetologist-service .btn_send__inner,
.cosmetologist-service .article-simple__text-media.article-simple__text-media--grid .btn_send__inner {
  grid-area: 2/1/3/2;
}

.article-simple__text-media.article-simple__text-media--grid .article-simple__text-media-text-block {
  grid-area: 1/2/3/3;
}

.article-simple__text-media.article-simple__text-media--new>img {
  align-self: center;
  margin-left: 15px;
  margin-bottom: 15px;
  width: 46%;
}

.article-simple__text-media.article-simple__text-media--new>iframe {
  align-self: center;
  margin-left: 15px;
  margin-bottom: 15px;
  width: 46%;
  border-radius: 24px;
}

.article-simple__text-media.article-simple__text-media--new-reverse>iframe {
  align-self: center;
  margin-right: 15px;
  margin-bottom: 15px;
  width: 46%;
  border-radius: 24px;
}

@media (max-width:992px) {
  .article-simple__text-media.article-simple__text-media--new {
    align-items: flex-start;
  }

  .article-simple__text-media.article-simple__text-media--new-reverse {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .article-simple__text-media.article-simple__text-media--new-reverse>iframe,
  .article-simple__text-media.article-simple__text-media--new-reverse>img,
  .article-simple__text-media.article-simple__text-media--new>iframe,
  .article-simple__text-media.article-simple__text-media--new>img {
    align-self: center;
    margin-left: 0;
    margin-bottom: 0;
    width: 95%;
  }
}

.clinic-services-2025 {
  margin-bottom: 44px;
}

.clinic-services-2025__title {
  margin-bottom: 32px;
}

.clinic-services-2025__items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .article-simple__text-media iframe {
    min-width: unset;
  }

  .article-simple__double {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px 40px;
  }

  .article-simple__links-items {
    font-size: 16px;
  }

  .clinic-services-2025__items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 24px;
    margin-bottom: 42px;
  }
}

.clinic-services-2025__item {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  padding: 18px 40px 16px 34px;
  border: 1px solid #e5e5eb;
  border-radius: 24px;
  background: #f6f6f8;
}

.clinic-services-2025__item-bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  aspect-ratio: 1;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width:768px) {
  .clinic-services-2025__item {
    padding: 30px 200px 16px 40px;
    min-height: 228px;
  }

  .clinic-services-2025__item-bg {
    aspect-ratio: 340/198;
  }
}

@media (min-width:992px) {
  .clinic-services-2025__item-bg {
    aspect-ratio: 1;
  }
}

.clinic-services-2025__item-bg::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 174px;
  height: 100%;
  background: linear-gradient(270deg,rgba(255,255,255,0) 0,#f6f6f8 84.97%);
}

.clinic-services-2025__item-name {
  margin-bottom: 2px;
  color: #333;
  font-weight: 700;
  font-size: 16px;
  line-height: 136%;
}

@media (min-width:768px) {
  .clinic-services-2025__item-bg::after {
    width: 100px;
  }

  .clinic-services-2025__item-name {
    margin-bottom: 12px;
    font-size: 22px;
  }
}

.clinic-services-2025__item-name[href] {
  color: #5f6db2;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration .2s ease-in-out;
  transition: text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out;
}

.clinic-services-2025__item-name[href]:hover {
  text-decoration: underline;
}

.clinic-services-2025__item-text {
  font-weight: 400;
  font-size: 13px;
  line-height: 154%;
  color: #33353b;
}

.clinic-services-2025__item-text a[href] {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration .2s ease-in-out;
  transition: text-decoration .2s ease-in-out,-webkit-text-decoration .2s ease-in-out;
}

.clinic-services-2025__item-text a[href]:hover {
  text-decoration-color: inherit;
}

.clinic-principes-2025 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.clinic-principes-2025__title {
  margin-bottom: 32px;
}

.clinic-principes-2025__items {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 12px;
}

@media (min-width:768px) {
  .clinic-services-2025__item-text {
    font-size: 16px;
    line-height: 137%;
  }

  .clinic-principes-2025__items {
    grid-template-columns: repeat(4,1fr);
    grid-gap: 24px;
  }
}

.clinic-specialists-2025 {
  margin-top: 44px;
  margin-bottom: 44px;
  overflow: hidden;
}

.clinic-specialists-2025__title {
  display: inline-block;
}

.clinic-specialists-2025__top {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-bottom: 32px;
}

.clinic-specialists-2025__controls {
  display: flex;
  gap: 20px;
}

.clinic-specialists-2025__items .swiper {
  overflow: visible;
}

.clinic-specialists-2025__items .swiper-slide {
  width: auto;
  height: auto;
}

.clinic-specialists-2025__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  padding: 20px;
  width: 242px;
  height: 100%;
  background: #f6f6f8;
}

@media (min-width:992px) {
  .clinic-specialists-2025__item {
    width: 266px;
  }
}

@media (min-width:1250px) {
  .clinic-services-2025__item-bg {
    aspect-ratio: 340/198;
  }

  .clinic-specialists-2025__items .swiper {
    overflow: hidden;
  }

  .clinic-specialists-2025__item {
    width: 369px;
  }
}

.clinic-specialists-2025__item-image {
  position: relative;
  margin-left: -20px;
  margin-top: -20px;
  width: calc(100% + 40px);
}

.clinic-specialists-2025__item-image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 370/146;
  background: linear-gradient(180deg,rgba(255,255,255,0) 0,#f6f6f8 100%);
}

.clinic-specialists-2025__item-img {
  width: 100%;
}

.clinic-specialists-2025__item-name {
  margin-bottom: 7px;
  font-weight: 700;
  font-size: 22px;
  line-height: 136%;
  color: #0a0c0f;
}

.clinic-specialists-2025__item-text {
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 16px;
  line-height: 137%;
  color: #33353b;
}

.clinic-specialists-2025__item-more {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #5f6db2;
  border-radius: 10px;
  width: 170px;
  height: 35px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #5f6db2;
  background-color: transparent;
}

.clinic-specialists-2025__person-modal {
  margin-top: auto;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.42857;
  text-align: center;
  color: #5f6db2;
  cursor: pointer;
}

.clinic-form-2025 {
  margin-top: 44px;
  margin-bottom: 44px;
}

.clinic-form-2025__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  border: 1px solid #e5e5eb;
  border-radius: 30px;
  padding: 12px;
  background: #f6f6f8;
}

@media (min-width:768px) {
  .clinic-form-2025__content {
    flex-direction: row;
  }
}

@media (min-width:1250px) {
  .clinic-form-2025__content {
    border-radius: 24px;
    padding: 30px 40px 16px;
  }
}

.clinic-form-2025__left {
  flex-shrink: 0;
  border: 2px solid #5f6db2;
  border-radius: 24px;
  padding: 20px;
  width: 100%;
  background: #fff;
}

@media (min-width:768px) {
  .clinic-form-2025__left {
    padding: 14px 26px;
    width: 295px;
  }
}

.clinic-form-2025__left-title,
.clinic-form-2025__right-title {
  font-weight: 700;
  font-size: 16px;
  color: #0a0c0f;
}

.clinic-form-2025__left-title {
  margin-bottom: 20px;
}

.clinic-form-2025__left-btns {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:1250px) {
  .clinic-form-2025__left {
    padding: 36px 50px;
    width: 515px;
  }

  .clinic-form-2025__left-title,
  .clinic-form-2025__right-title {
    font-size: 30px;
  }

  .clinic-form-2025__left-title {
    margin-bottom: 32px;
  }

  .clinic-form-2025__left-btns {
    gap: 20px;
  }
}

.clinic-form-2025__left-btn {
  width: 100%!important;
}

.clinic-form-2025__left-btn i {
  --icon-color: #fff;
  background: #fff;
}

.clinic-form-2025__right-title {
  margin-bottom: 16px;
}

.clinic-form-2025__right {
  padding-top: 13px;
}

.clinic-form-2025__left-text {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  color: #33353b;
}

.clinic-form-2025__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (min-width:1250px) {
  .clinic-form-2025__right-title {
    margin-bottom: 20px;
  }

  .clinic-form-2025__left-text {
    font-size: 22px;
  }

  .clinic-form-2025__form {
    gap: 28px;
  }
}

.clinic-form-2025__form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clinic-proportional-banner-2025-december {
  overflow: hidden;
}

.clinic-proportional-banner-2025-december__slider .swiper-wrapper {
  height: auto;
}

.clinic-proportional-banner-2025-december__item {
  position: relative;
  z-index: 1;
  height: 140.1869158879vmin;
  --content-padding-top: 70;
  --content-padding-bottom: 100;
  --discount-price-color: #5d6eb2;
  --button-color: #5d6eb2;
}

@media (min-width:992px) {
  .clinic-form-2025__right {
    padding-top: 34px;
  }

  .clinic-proportional-banner-2025-december__item {
    height: 45.625vw;
    --content-padding-top: 169;
    --content-padding-bottom: 100;
  }
}

.clinic-proportional-banner-2025-december__item-content {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: calc(var(--content-padding-top)/ 428 * 100vmin);
  padding-bottom: calc(var(--content-padding-bottom)/ 428 * 100vmin);
  width: 75.2336448598vmin;
  height: 100%;
}

.clinic-proportional-banner-2025-december__item-title {
  font-weight: 700;
  font-size: 4.6728971963vmin;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.clinic-proportional-banner-2025-december__item-title--offset-1 {
  margin-bottom: 1.6355140187vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__item-content {
    padding-top: calc(var(--content-padding-top)/ 1920 * 100vw);
    padding-bottom: calc(var(--content-padding-bottom)/ 1920 * 100vw);
    width: 60.4166666667vw;
  }

  .clinic-proportional-banner-2025-december__item-title {
    font-size: 2.0833333333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-december__item-title--offset-1 {
    margin-bottom: 1.0416666667vw;
  }
}

.clinic-proportional-banner-2025-december__item-text {
  font-weight: 400;
  font-size: 3.738317757vmin;
  line-height: 3.9719626168vmin;
  color: #fff;
}

.clinic-proportional-banner-2025-december__item-text--limit-1 {
  width: 62.8504672897vmin;
}

.clinic-proportional-banner-2025-december__item-text--offset-1 {
  margin-bottom: 3.0373831776vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__item-text {
    font-size: 1.3020833333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-december__item-text--limit-1 {
    width: 28.6458333333vw;
  }

  .clinic-proportional-banner-2025-december__item-text--offset-1 {
    margin-bottom: 1.1458333333vw;
  }
}

.clinic-proportional-banner-2025-december__item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.clinic-proportional-banner-2025-december__item-bg--desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__item-bg--desk {
    display: flex;
  }

  .clinic-proportional-banner-2025-december__item-bg--mob {
    display: none;
  }
}

.clinic-proportional-banner-2025-december__item-prices {
  display: flex;
  align-items: flex-end;
  gap: 2.3364485981vmin;
  border: .2336448598vmin solid #fff;
  border-radius: 14.0186915888vmin;
  padding: .9345794393vmin 4.6728971963vmin;
}

.clinic-proportional-banner-2025-december__item-prices-new {
  font-weight: 700;
  font-size: 4.6728971963vmin;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__item-prices {
    gap: .78125vw;
    border-radius: 3.125vw;
    padding: .3645833333vw 2.1875vw;
  }

  .clinic-proportional-banner-2025-december__item-prices-new {
    font-size: 2.0833333333vw;
  }
}

.clinic-proportional-banner-2025-december__item-prices-old {
  font-weight: 700;
  font-size: 3.738317757vmin;
  text-decoration: line-through;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__item-prices-old {
    font-size: 1.40625vw;
    transform: translateY(-.15625vw);
  }
}

.clinic-proportional-banner-2025-december__button {
  display: inline-flex;
  align-items: center;
  gap: 1.6355140187vmin;
  margin-top: auto;
  border: none;
  border-radius: 3.2710280374vmin;
  padding: 2.8037383178vmin 4.4392523364vmin;
  font-weight: 500;
  font-size: 2.8037383178vmin;
  line-height: 3.2710280374vmin;
  text-align: center;
  color: var(--button-color);
  background: #fff;
  transition: box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}

.clinic-proportional-banner-2025-december__button i {
  --icon-color: var(--button-color);
  width: 5.6074766355vmin;
  height: 5.6074766355vmin;
}

.clinic-proportional-banner-2025-december__button:hover {
  background: rgba(255,255,255,.9);
}

.clinic-proportional-banner-2025-december__button:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 6px rgba(255,255,255,.2);
}

.clinic-proportional-banner-2025-december__pagination {
  position: absolute;
  left: 0;
  bottom: 4.6728971963vmin;
  width: 100%;
}

.clinic-proportional-banner-2025-december__pagination .swiper-pagination {
  position: relative;
}

.clinic-proportional-banner-2025-december__pagination .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullets {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: .9345794393vmin;
}

.clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  background-color: transparent;
  opacity: 1;
}

.clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 1.8691588785vmin;
  aspect-ratio: 1;
  border-radius: 100%;
  background: #fff;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__button {
    margin-top: auto;
    gap: .4166666667vw;
    border-radius: .8333333333vw;
    padding: .8333333333vw 1.1458333333vw;
    font-size: .7291666667vw;
    line-height: 1;
  }

  .clinic-proportional-banner-2025-december__button i {
    width: 1.25vw;
    height: 1.25vw;
  }

  .clinic-proportional-banner-2025-december__pagination {
    bottom: 1.0416666667vw;
  }

  .clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullets {
    gap: .2083333333vw;
  }

  .clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullet {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
  }

  .clinic-proportional-banner-2025-december__pagination .swiper-pagination-bullet::after {
    width: .4166666667vw;
  }
}

.clinic-proportional-banner-2025-december__pagination-frame {
  position: absolute;
  top: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  aspect-ratio: 1;
  border: .2336448598vmin solid rgb(var(--white-color-rgb));
  transition: left .2s;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-december__pagination-frame {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
    border: .0520833333vw solid rgb(var(--white-color-rgb));
  }
}

.clinic-proportional-banner-2025-january__button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 1.6355140187vmin;
  margin-top: auto;
  border: none;
  border-radius: 3.2710280374vmin;
  padding: 3.2710280374vmin 4.6728971963vmin;
  font-weight: 500;
  font-size: 2.8037383178vmin;
  line-height: 3.0373831776vmin;
  text-align: center;
  color: #5f6db2;
  background: #fff;
  transition: box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}

.clinic-proportional-banner-2025-january__button::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  width: 70.0934579439vmin;
  aspect-ratio: 1;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
}

.clinic-proportional-banner-2025-january__button i {
  --icon-color: #5f6db2;
  width: 4.9065420561vmin;
  height: auto;
  aspect-ratio: 1;
}

.clinic-proportional-banner-2025-january__button:hover {
  background: rgba(255,255,255,.9);
}

.clinic-proportional-banner-2025-january__button:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 1.4018691589vmin rgba(255,255,255,.2);
}

.clinic-proportional-banner-2025-january__text {
  max-width: 550px;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-january__button {
    margin-top: auto;
    gap: .4166666667vw;
    border-radius: .8333333333vw;
    padding: .8333333333vw 1.1458333333vw;
    font-size: .7291666667vw;
    line-height: 1;
  }

  .clinic-proportional-banner-2025-january__button::after {
    width: 15.625vw;
  }

  .clinic-proportional-banner-2025-january__button i {
    width: 1.25vw;
  }

  .clinic-proportional-banner-2025-january__text {
    max-width: 261px;
  }
}

.clinic-proportional-banner-2025-january__content {
  padding-top: 50px;
}

.clinic-proportional-banner-2025-february {
  overflow: hidden;
}

.clinic-proportional-banner-2025-february__slider .swiper-wrapper {
  height: auto;
}

.clinic-proportional-banner-2025-february__item {
  position: relative;
  z-index: 1;
  height: 140.1869158879vmin;
  overflow: hidden;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-january__content {
    padding-top: calc(var(--content-padding-top)/ 1920 * 100vw);
  }

  .clinic-proportional-banner-2025-february__item {
    height: 45.625vw;
  }
}

.clinic-proportional-banner-2025-february__item-content {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 18.2242990654vmin;
  padding-bottom: 23.3644859813vmin;
  padding-left: 2.1028037383vmin;
  width: 79.4392523364vmin;
  height: 100%;
}

.clinic-proportional-banner-2025-february__item-big-text {
  font-weight: 700;
  font-size: 5.1401869159vmin;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
}

.clinic-proportional-banner-2025-february__item-big-text--small-mob {
  font-size: 4.6728971963vmin;
}

.clinic-proportional-banner-2025-february__item-big-text--offset-1 {
  margin-bottom: .9345794393vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__item-content {
    padding-left: 0;
    padding-top: 8.6979166667vw;
    padding-bottom: 5.2083333333vw;
    width: 60.4166666667vw;
  }

  .clinic-proportional-banner-2025-february__item-big-text {
    font-size: 2.0833333333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-february__item-big-text--offset-1 {
    margin-bottom: 1.0416666667vw;
  }

  .clinic-proportional-banner-2025-february__item-big-text--giant-desk {
    font-size: 2.4479166667vw;
  }
}

.clinic-proportional-banner-2025-february__item-text {
  font-weight: 400;
  font-size: 2.8037383178vmin;
  line-height: 3.0373831776vmin;
  color: #fff;
}

.clinic-proportional-banner-2025-february__item-text strong {
  font-weight: 700;
}

.clinic-proportional-banner-2025-february__item-text p {
  margin: 0;
}

.clinic-proportional-banner-2025-february__item-text--limit-1 {
  max-width: 66.5887850467vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__item-text {
    font-size: 1.3020833333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-february__item-text--limit-1 {
    max-width: none;
  }
}

.clinic-proportional-banner-2025-february__item-text--limit-2 {
  max-width: 66.5887850467vmin;
}

.clinic-proportional-banner-2025-february__item-text--offset-1 {
  margin-bottom: 3.2710280374vmin;
}

.clinic-proportional-banner-2025-february__item-footnote {
  font-weight: 400;
  font-size: 2.8037383178vmin;
  line-height: 3.0373831776vmin;
  color: rgba(255,255,255,.43);
}

.clinic-proportional-banner-2025-february__item-footnote p {
  margin: 0;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__item-text--limit-2 {
    max-width: 35.9375vw;
  }

  .clinic-proportional-banner-2025-february__item-text--offset-1 {
    margin-bottom: 1.5625vw;
  }

  .clinic-proportional-banner-2025-february__item-footnote {
    font-size: 1.3020833333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-february__item-footnote--small-desk {
    font-size: 1.09375vw;
    letter-spacing: .012em;
  }
}

.clinic-proportional-banner-2025-february__item-footnote--limit-1 {
  max-width: 66.5887850467vmin;
}

.clinic-proportional-banner-2025-february__item-footnote--offset-1 {
  margin-bottom: 3.2710280374vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__item-footnote--limit-1 {
    max-width: none;
  }

  .clinic-proportional-banner-2025-february__item-footnote--offset-1 {
    margin-bottom: 2.6041666667vw;
  }
}

.clinic-proportional-banner-2025-february__item-footnote--offset-2 {
  margin-bottom: 3.2710280374vmin;
}

.clinic-proportional-banner-2025-february__item-deadline {
  font-weight: 400;
  font-size: 2.8037383178vmin;
  line-height: 3.2710280374vmin;
  color: #fff;
}

.clinic-proportional-banner-2025-february__item-deadline p {
  margin: 0;
}

.clinic-proportional-banner-2025-february__item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.clinic-proportional-banner-2025-february__item-bg--desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__item-footnote--offset-2 {
    margin-bottom: 1.5625vw;
  }

  .clinic-proportional-banner-2025-february__item-deadline {
    font-size: 1.3020833333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2025-february__item-bg--desk {
    display: flex;
  }

  .clinic-proportional-banner-2025-february__item-bg--mob {
    display: none;
  }
}

.clinic-proportional-banner-2025-february__button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 1.6355140187vmin;
  margin-top: auto;
  border: none;
  border-radius: 3.2710280374vmin;
  padding: 3.2710280374vmin 4.6728971963vmin;
  font-weight: 500;
  font-size: 2.8037383178vmin;
  line-height: 3.0373831776vmin;
  text-align: center;
  color: #5f6db2;
  background: #fff;
  transition: box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}

.clinic-proportional-banner-2025-february__button i {
  --icon-color: #5f6db2;
  width: 4.9065420561vmin;
  height: auto;
  aspect-ratio: 1;
}

.clinic-proportional-banner-2025-february__button:hover {
  background: rgba(255,255,255,.9);
}

.clinic-proportional-banner-2025-february__button:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 1.4018691589vmin rgba(255,255,255,.2);
}

.clinic-proportional-banner-2025-february__pagination {
  position: absolute;
  left: 0;
  bottom: 4.6728971963vmin;
  width: 100%;
}

.clinic-proportional-banner-2025-february__pagination .swiper-pagination {
  position: relative;
}

.clinic-proportional-banner-2025-february__pagination .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullets {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: .9345794393vmin;
}

.clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  background-color: transparent;
  opacity: 1;
}

.clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 1.8691588785vmin;
  aspect-ratio: 1;
  border-radius: 100%;
  background: #fff;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__button {
    margin-top: auto;
    gap: .4166666667vw;
    border-radius: .8333333333vw;
    padding: .8333333333vw 1.1458333333vw;
    font-size: .7291666667vw;
    line-height: 1;
  }

  .clinic-proportional-banner-2025-february__button i {
    width: 1.25vw;
  }

  .clinic-proportional-banner-2025-february__pagination {
    bottom: 1.0416666667vw;
  }

  .clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullets {
    gap: .2083333333vw;
  }

  .clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullet {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
  }

  .clinic-proportional-banner-2025-february__pagination .swiper-pagination-bullet::after {
    width: .4166666667vw;
  }
}

.clinic-proportional-banner-2025-february__pagination-frame {
  position: absolute;
  top: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  aspect-ratio: 1;
  border: .2336448598vmin solid #fff;
  transition: left .2s;
}

.clinic-proportional-banner-2025-february__only-desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2025-february__pagination-frame {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
    border: .0520833333vw solid #fff;
  }

  .clinic-proportional-banner-2025-february__only-desk {
    display: block;
  }

  .clinic-proportional-banner-2025-february__only-mob {
    display: none;
  }
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: opacity .3s;
  transform: translate3d(0,0,0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none!important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom,8px);
  top: var(--swiper-pagination-top,auto);
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius,50%);
  background: var(--swiper-pagination-bullet-inactive-color,#000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none!important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity,1);
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
  right: var(--swiper-pagination-right,8px);
  left: var(--swiper-pagination-left,auto);
  top: 50%;
  transform: translate3d(0,-50%,0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform .2s,top .2s;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,left .2s;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s,right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color,inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color,var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size,4px);
  left: 0;
  top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size,4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.clinic-proportional-banner-2026-march {
  overflow: hidden;
}

.clinic-proportional-banner-2026-march__slider .swiper-wrapper {
  height: auto;
}

.clinic-proportional-banner-2026-march__item {
  position: relative;
  z-index: 1;
  height: 140.1869158879vmin;
  overflow: hidden;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item {
    height: 45.625vw;
  }
}

.clinic-proportional-banner-2026-march__item-content {
  position: relative;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-top: 18.2242990654vmin;
  padding-bottom: 23.3644859813vmin;
  padding-left: 2.1028037383vmin;
  width: 79.4392523364vmin;
  height: 100%;
}

.clinic-proportional-banner-2026-march__item-big-text {
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
}

.clinic-proportional-banner-2026-march__item-big-text--small-mob {
  font-size: 22px;
}

.clinic-proportional-banner-2026-march__item-big-text--offset-1 {
  margin-bottom: 15px;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-content {
    padding-left: 0;
    padding-top: 8.6979166667vw;
    padding-bottom: 5.2083333333vw;
    width: 60.4166666667vw;
  }

  .clinic-proportional-banner-2026-march__item-big-text {
    line-height: 1.1;
    font-size: 47px;
  }

  .clinic-proportional-banner-2026-march__item-big-text--offset-1 {
    margin-bottom: 30px;
  }
}

.clinic-proportional-banner-2026-march__item-big-text--offset-2 {
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-big-text--offset-2 {
    margin-bottom: 34px;
  }

  .clinic-proportional-banner-2026-march__item-big-text--giant-desk {
    font-size: 47px;
  }
}

.clinic-proportional-banner-2026-march__item-big-text-2 {
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
}

.clinic-proportional-banner-2026-march__item-big-text-2--small-mob {
  font-size: 22px;
}

.clinic-proportional-banner-2026-march__item-big-text-2--offset-1 {
  margin-bottom: .9345794393vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-big-text-2 {
    line-height: 1.1;
    font-size: 47px;
  }

  .clinic-proportional-banner-2026-march__item-big-text-2--offset-1 {
    margin-bottom: 30px;
  }
}

.clinic-proportional-banner-2026-march__item-big-text-2--offset-2 {
  margin-bottom: .9345794393vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-big-text-2--offset-2 {
    margin-bottom: 34px;
  }

  .clinic-proportional-banner-2026-march__item-big-text-2--giant-desk {
    font-size: 40px;
  }
}

.clinic-proportional-banner-2026-march__item-text {
  font-weight: 300;
  font-size: 12px;
  line-height: 110%;
  color: #fff;
}

.clinic-proportional-banner-2026-march__item-text strong {
  font-weight: 700;
}

.clinic-proportional-banner-2026-march__item-text p {
  margin: 0;
}

.clinic-proportional-banner-2026-march__item-text--limit-1 {
  max-width: 66.5887850467vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-text {
    font-size: 25px;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2026-march__item-text--limit-1 {
    max-width: none;
  }
}

.clinic-proportional-banner-2026-march__item-text--limit-2 {
  max-width: 66.5887850467vmin;
}

.clinic-proportional-banner-2026-march__item-text--offset-1 {
  margin-bottom: 3.2710280374vmin;
}

.clinic-proportional-banner-2026-march__item-text-2 {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.1;
  color: #fff;
  width: 169px;
}

.clinic-proportional-banner-2026-march__item-text-2 strong {
  font-weight: 700;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-text--limit-2 {
    max-width: 35.9375vw;
  }

  .clinic-proportional-banner-2026-march__item-text--offset-1 {
    margin-bottom: 1.5625vw;
  }

  .clinic-proportional-banner-2026-march__item-text-2 {
    font-size: 25px;
    line-height: 1.1;
    width: auto;
  }
}

.clinic-proportional-banner-2026-march__item-text-2 p {
  margin: 0;
}

.clinic-proportional-banner-2026-march__item-text-2--limit-1 {
  max-width: 66.5887850467vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-text-2--limit-1 {
    max-width: none;
  }
}

.clinic-proportional-banner-2026-march__item-text-2--limit-2 {
  max-width: 66.5887850467vmin;
}

.clinic-proportional-banner-2026-march__item-text-2--offset-1 {
  margin-bottom: 3.2710280374vmin;
}

.clinic-proportional-banner-2026-march__item-footnote {
  font-weight: 400;
  font-size: 12px;
  line-height: 105%;
  color: rgba(255,255,255,.43);
}

.clinic-proportional-banner-2026-march__item-footnote p {
  margin: 0;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-text-2--limit-2 {
    max-width: 35.9375vw;
  }

  .clinic-proportional-banner-2026-march__item-text-2--offset-1 {
    margin-bottom: 1.5625vw;
  }

  .clinic-proportional-banner-2026-march__item-footnote {
    line-height: 1.1;
    font-size: 25px;
  }

  .clinic-proportional-banner-2026-march__item-footnote--small-desk {
    font-size: 1.09375vw;
    letter-spacing: .012em;
  }
}

.clinic-proportional-banner-2026-march__item-footnote--limit-1 {
  max-width: 66.5887850467vmin;
}

.clinic-proportional-banner-2026-march__item-footnote--offset-1 {
  margin-bottom: 3.2710280374vmin;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-footnote--limit-1 {
    max-width: none;
  }

  .clinic-proportional-banner-2026-march__item-footnote--offset-1 {
    margin-bottom: 2.6041666667vw;
  }
}

.clinic-proportional-banner-2026-march__item-footnote--offset-2 {
  margin-bottom: 3.2710280374vmin;
}

.clinic-proportional-banner-2026-march__item-deadline {
  font-weight: 400;
  font-size: 2.8037383178vmin;
  line-height: 3.2710280374vmin;
  color: #fff;
}

.clinic-proportional-banner-2026-march__item-deadline p {
  margin: 0;
}

.clinic-proportional-banner-2026-march__item-bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.clinic-proportional-banner-2026-march__item-bg--desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__item-footnote--offset-2 {
    margin-bottom: 1.5625vw;
  }

  .clinic-proportional-banner-2026-march__item-deadline {
    font-size: 1.3020833333vw;
    line-height: 1.1;
  }

  .clinic-proportional-banner-2026-march__item-bg--desk {
    display: flex;
  }

  .clinic-proportional-banner-2026-march__item-bg--mob {
    display: none;
  }
}

.clinic-proportional-banner-2026-march__button {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: 1.6355140187vmin;
  margin-top: auto;
  border: none;
  border-radius: 3.2710280374vmin;
  padding: 3.2710280374vmin 4.6728971963vmin;
  font-weight: 500;
  font-size: 12px;
  height: 49px;
  line-height: 3.0373831776vmin;
  text-align: center;
  color: #5f6db2;
  background: #fff;
  transition: box-shadow .2s ease-in-out,background-color .2s ease-in-out;
}

.clinic-proportional-banner-2026-march__button i {
  --icon-color: #5f6db2;
  width: 4.9065420561vmin;
  height: auto;
  aspect-ratio: 1;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__button {
    margin-top: auto;
    gap: .4166666667vw;
    border-radius: 16px;
    padding: .8333333333vw 1.1458333333vw;
    font-size: 14px;
    line-height: 1;
    width: 157px;
    height: 56px;
  }

  .clinic-proportional-banner-2026-march__button i {
    width: 1.25vw;
  }
}

.clinic-proportional-banner-2026-march__button:hover {
  background: rgba(255,255,255,.9);
}

.clinic-proportional-banner-2026-march__button:active {
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 1.4018691589vmin rgba(255,255,255,.2);
}

.clinic-proportional-banner-2026-march__pagination {
  position: absolute;
  left: 0;
  bottom: 4.6728971963vmin;
  width: 100%;
}

.clinic-proportional-banner-2026-march__pagination .swiper-pagination {
  position: relative;
}

.clinic-proportional-banner-2026-march__pagination .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}

.clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullets {
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: .9345794393vmin;
}

.clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullet {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  height: auto;
  aspect-ratio: 1;
  cursor: pointer;
  background-color: transparent;
  opacity: 1;
}

.clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  width: 1.8691588785vmin;
  aspect-ratio: 1;
  border-radius: 100%;
  background: #fff;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__pagination {
    bottom: 1.0416666667vw;
  }

  .clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullets {
    gap: .2083333333vw;
  }

  .clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullet {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
  }

  .clinic-proportional-banner-2026-march__pagination .swiper-pagination-bullet::after {
    width: .4166666667vw;
  }
}

.clinic-proportional-banner-2026-march__pagination-frame {
  position: absolute;
  top: 0;
  border-radius: 3.738317757vmin;
  width: 9.3457943925vmin;
  aspect-ratio: 1;
  border: .2336448598vmin solid #fff;
  transition: left .2s;
}

.clinic-proportional-banner-2026-march__only-desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-proportional-banner-2026-march__pagination-frame {
    border-radius: .8333333333vw;
    width: 2.0833333333vw;
    border: .0520833333vw solid #fff;
  }

  .clinic-proportional-banner-2026-march__only-desk {
    display: block;
  }

  .clinic-proportional-banner-2026-march__only-mob {
    display: none;
  }
}

.size-arrow {
  width: 12.25px;
  height: 7px;
}

.only-desc {
  display: none;
}

.only-mob {
  display: block;
}

@media (min-width:992px) {
  .size-arrow {
    width: 14px;
    height: 8px;
  }

  .only-desc {
    display: block;
  }

  .only-mob {
    display: none;
  }
}

.clinic-2025-white {
  background-color: rgb(var(--white-color-rgb));
  padding-top: 44px;
  padding-bottom: 44px;
}

.clinic-procedure-2025-info {
  background-color: #fff;
}

.clinic-procedure-2025-info__back,
.clinic-procedure-2025-info__breadcrumbs {
  margin-bottom: 14px;
}

.clinic-procedure-2025-info__prod-content {
  position: relative;
  margin-bottom: 32px;
}

.clinic-procedure-2025-info__prod-img {
  margin-bottom: 20px;
  border-radius: 25px;
  width: 100%;
}

@media (min-width:768px) {
  .clinic-procedure-2025-info__prod-content {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 32px;
  }

  .clinic-procedure-2025-info__prod-img {
    margin-bottom: 60px;
  }
}

@media (min-width:1250px) {
  .clinic-procedure-2025-info__prod-img {
    margin-bottom: 0;
  }
}

.clinic-procedure-2025-info__prod-name {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .clinic-procedure-2025-info__prod-name {
    font-size: 24px;
  }
}

@media (min-width:992px) {
  .clinic-procedure-2025-info__prod-name {
    font-size: 30px;
  }
}

.clinic-procedure-2025-info__prod-text {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -.01em;
  color: #33353b;
}

@media (min-width:768px) {
  .clinic-procedure-2025-info__prod-text {
    font-size: 18px;
    margin-bottom: 0;
  }
}

.clinic-procedure-2025-info__prod-text p {
  margin-top: 0;
  margin-bottom: 0;
}

.clinic-procedure-2025-info__prod-text p:not(:last-child) {
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-info__prod-text p:not(:last-child) {
    margin-bottom: 18px;
  }
}

.clinic-procedure-2025-info__prod-text ol,
.clinic-procedure-2025-info__prod-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clinic-procedure-2025-info__prod-text ol:not(:last-child),
.clinic-procedure-2025-info__prod-text ul:not(:last-child) {
  margin-bottom: 15px;
}

.clinic-procedure-2025-info__prod-text ul li {
  position: relative;
  padding-left: 14px;
}

.clinic-procedure-2025-info__prod-text ul li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  width: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #33353b;
}

.clinic-procedure-2025-info__prod-text ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: clinic-proc-25;
}

.clinic-procedure-2025-info__prod-text ol li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 3px;
}

.clinic-procedure-2025-info__prod-text ol li::before {
  counter-increment: clinic-proc-25;
  content: counter(clinic-proc-25) ". ";
}

.clinic-procedure-2025-info__more-btns {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 12px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-info__prod-text ol:not(:last-child),
  .clinic-procedure-2025-info__prod-text ul:not(:last-child) {
    margin-bottom: 18px;
  }

  .clinic-procedure-2025-info__more-btns {
    position: absolute;
    left: 0;
    bottom: 0;
    grid-gap: 20px;
  }
}

@media (min-width:1250px) {
  .clinic-procedure-2025-info__prod-text {
    margin-bottom: 32px;
  }

  .clinic-procedure-2025-info__more-btns {
    position: relative;
  }
}

.clinic-procedure-2025-info__more-btns>* {
  width: 100%;
}

.clinic-procedure-2025-faq {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-faq {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.clinic-procedure-2025-faq__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 20px;
  padding: 0;
}

@media (min-width:768px) {
  .clinic-procedure-2025-faq__list {
    margin-bottom: 36px;
  }
}

.clinic-procedure-2025-faq__title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:768px) {
  .clinic-procedure-2025-faq__title {
    font-size: 26px;
  }
}

.clinic-procedure-2025-faq__more-btns {
  display: flex;
  gap: 12px;
}

.clinic-procedure-2025-faq__more-btns>* {
  width: 100%;
}

@media (min-width:992px) {
  .clinic-procedure-2025-faq__title {
    font-size: 30px;
  }

  .clinic-procedure-2025-faq__more-btns>* {
    width: unset;
  }
}

.clinic-procedure-2025-device {
  margin-top: 20px;
  margin-bottom: 20px;
}

.clinic-procedure-2025-device__container {
  display: grid;
  grid-template-columns: 1;
  grid-gap: 20px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-faq__more-btns {
    gap: 20px;
  }

  .clinic-procedure-2025-device {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .clinic-procedure-2025-device__container {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 32px;
  }
}

.clinic-procedure-2025-device__img {
  border-radius: 24px;
  width: 100%;
}

.clinic-procedure-2025-device__title {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 107%;
  color: #000;
}

@media (min-width:768px) {
  .clinic-procedure-2025-device__title {
    font-size: 24px;
  }
}

@media (min-width:992px) {
  .clinic-procedure-2025-device__title {
    font-size: 30px;
  }
}

.clinic-procedure-2025-device__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  color: #33353b;
}

.clinic-procedure-2025-prices {
  margin-top: 13px;
  margin-bottom: 35px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-device__text {
    font-size: 18px;
  }

  .clinic-procedure-2025-prices {
    margin-top: 35px;
    margin-bottom: 95px;
  }
}

.clinic-procedure-2025-prices__image {
  max-width: 100%;
  margin-bottom: 30px;
}

.clinic-procedure-2025-prices__title {
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .clinic-procedure-2025-prices__title {
    font-size: 26px;
  }
}

.clinic-procedure-2025-prices__service-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #000;
}

@media (min-width:992px) {
  .clinic-procedure-2025-prices__service-title {
    font-size: 20px;
  }
}

.clinic-procedure-2025-prices__service:not(:last-child) {
  margin-bottom: 20px;
}

.clinic-procedure-2025-prices__table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.clinic-procedure-2025-prices__table-row {
  display: flex;
  align-items: flex-end;
}

@media (min-width:768px) {
  .clinic-procedure-2025-prices__table {
    gap: 5px;
  }

  .clinic-procedure-2025-prices__table-row {
    align-items: center;
  }
}

.clinic-procedure-2025-prices__table-value {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  font-size: 14px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-prices__table-value {
    display: block;
    flex-grow: 0;
  }
}

.clinic-procedure-2025-prices__table-value::after {
  content: "";
  display: inline-block;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

.clinic-procedure-2025-prices__table-button {
  display: flex;
}

@media (min-width:768px) {
  .clinic-procedure-2025-prices__table-value::after {
    display: none;
  }

  .clinic-procedure-2025-prices__table-button {
    flex-grow: 1;
  }
}

.clinic-procedure-2025-prices__table-button::before {
  content: "";
  display: none;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

.clinic-procedure-2025-prices__table-btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #5f6db2;
  font-size: 14px;
  background-color: transparent;
}

.clinic-procedure-2025-text-block {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-prices__table-button::before {
    display: block;
  }

  .clinic-procedure-2025-text-block {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

.clinic-procedure-2025-text-block__title {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .clinic-procedure-2025-text-block__title {
    font-size: 24px;
  }
}

@media (min-width:992px) {
  .clinic-procedure-2025-text-block__title {
    font-size: 30px;
  }
}

.clinic-procedure-2025-text-block__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -.01em;
  color: #33353b;
}

.clinic-procedure-2025-text-block__text:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width:1250px) {
  .clinic-procedure-2025-text-block__text:not(:last-child) {
    margin-bottom: 32px;
  }
}

.clinic-procedure-2025-text-block__text p {
  margin-top: 0;
  margin-bottom: 0;
}

.clinic-procedure-2025-text-block__text p:not(:last-child) {
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .clinic-procedure-2025-text-block__text {
    font-size: 18px;
  }

  .clinic-procedure-2025-text-block__text p:not(:last-child) {
    margin-bottom: 18px;
  }
}

.clinic-procedure-2025-text-block__text ol,
.clinic-procedure-2025-text-block__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.clinic-procedure-2025-text-block__text ol:not(:last-child),
.clinic-procedure-2025-text-block__text ul:not(:last-child) {
  margin-bottom: 15px;
}

.clinic-procedure-2025-text-block__text ol ol,
.clinic-procedure-2025-text-block__text ol ul,
.clinic-procedure-2025-text-block__text ul ol,
.clinic-procedure-2025-text-block__text ul ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

.clinic-procedure-2025-text-block__text ul li {
  position: relative;
  padding-left: 14px;
}

.clinic-procedure-2025-text-block__text ul li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 9px;
  width: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #33353b;
}

.clinic-procedure-2025-text-block__text ol {
  list-style: none;
  margin: 0;
  padding: 0;
  counter-reset: clinic-proc-25;
}

.clinic-procedure-2025-text-block__text ol li {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 3px;
}

.clinic-procedure-2025-text-block__text ol li::before {
  counter-increment: clinic-proc-25;
  content: counter(clinic-proc-25) ". ";
}

.clinic-procedure-2025-text-block__blocks {
  display: grid;
  grid-gap: 12px;
}

.clinic-procedure-2025-text-block__blocks:not(:last-child) {
  margin-bottom: 20px;
}

.clinic-procedure-2025-text-block__block {
  border: 1px solid #d9d9d9;
  border-radius: 24px;
  padding: 30px 20px;
  background: #f6f6f8;
}

.clinic-procedure-2025-text-block__block-name {
  margin-bottom: 12px;
  font-weight: 700;
  font-size: 20px;
  line-height: 125%;
  color: #000;
}

@media (min-width:768px) {
  .clinic-procedure-2025-text-block__text ol:not(:last-child),
  .clinic-procedure-2025-text-block__text ul:not(:last-child) {
    margin-bottom: 18px;
  }

  .clinic-procedure-2025-text-block__blocks {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 32px;
  }

  .clinic-procedure-2025-text-block__block {
    padding: 40px 40px 20px;
  }

  .clinic-procedure-2025-text-block__block-name {
    flex: 24;
  }
}

.clinic-procedure-2025-text-block__block-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 133%;
  color: #33353b;
}

.clinic-procedure-2025-text-block__block-list-item {
  position: relative;
  padding-left: 24px;
}

.clinic-procedure-2025-text-block__block-list-item::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 4px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #33353b;
}

.clinic-procedure-2025 {
  background-color: #fff!important;
}

.support-info {
  overflow: hidden;
  background: #f7f7f8;
}

.support-info_offset {
  margin-bottom: -24px;
}

.support-info__container {
  position: relative;
}

.support-info__content {
  position: relative;
  padding-top: 40px;
  max-width: none;
}

@media (min-width:768px) {
  .clinic-procedure-2025-text-block__block-list {
    font-size: 18px;
  }

  .clinic-procedure-2025-text-block__block-list-item {
    padding-left: 28px;
  }

  .clinic-procedure-2025-text-block__block-list-item::before {
    left: 11px;
    top: 10px;
  }

  .support-info_offset {
    margin-bottom: 0;
  }

  .support-info__content {
    padding-top: 96px;
    padding-bottom: 40px;
    max-width: calc(50% + 150px);
  }
}

.support-info__title {
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .support-info__content {
    padding-bottom: 72px;
    max-width: calc(50% + 90px);
  }

  .support-info__title {
    margin-bottom: 24px;
  }
}

.support-info__title b {
  color: #5f6db2;
}

.support-info__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #54565a;
}

.support-info__text p {
  margin: 0;
}

.support-info__text p:not(:last-child) {
  margin-bottom: 16px;
}

.support-info__text-top {
  padding-bottom: 32px;
}

@media (min-width:768px) {
  .support-info__text {
    font-size: 16px;
    color: #0a0c0f;
  }

  .support-info__text p:not(:last-child) {
    margin-bottom: 20px;
  }

  .support-info__text-top {
    padding-bottom: 20px;
  }
}

.support-info__text-bottom {
  position: relative;
  z-index: 1;
  padding-top: 182px;
  padding-bottom: 64px;
  color: #fff;
}

.support-info__text-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  left: -16px;
  z-index: -1;
  border-radius: 24px 24px 0 0;
  width: calc(100% + 32px);
  height: 100%;
  background: #5f6db2;
}

@media (min-width:768px) {
  .support-info__text-bottom {
    position: static;
    padding-top: 0;
    padding-bottom: 0;
    color: #0a0c0f;
  }

  .support-info__text-bottom::after {
    display: none;
  }
}

.support-info__icon {
  position: absolute;
  top: 48px;
  left: 50%;
  aspect-ratio: 248/265;
  display: inline-block;
  width: 87px;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 87px;
  mask-size: 87px;
  background-color: #fff;
  transform: translateX(-50%);
}

@media (min-width:768px) {
  .support-info__icon {
    top: 251px;
    left: calc(100% + 51px);
    width: 200px;
    -webkit-mask-size: 200px;
    mask-size: 200px;
    background-color: #5f6db2;
    transform: none;
  }
}

@media (min-width:992px) {
  .support-info__icon {
    left: calc(100% + 110px);
    width: 248px;
    -webkit-mask-size: 248px;
    mask-size: 248px;
  }
}

@media (min-width:1250px) {
  .clinic-procedure-2025-text-block__blocks:not(:last-child) {
    margin-bottom: 32px;
  }

  .support-info__icon {
    left: calc(100% + 143px);
  }
}

.support-services {
  position: relative;
  z-index: 1;
  padding-top: 48px;
  padding-bottom: 32px;
  border-radius: 24px 24px 0 0;
  background-color: #fff;
}

.support-services__title {
  margin-bottom: 16px;
}

.support-services__items {
  margin-top: 24px;
  width: 100%;
  display: grid;
  grid-gap: 16px;
}

.support-services__items_triple .service__image-wrapper {
  aspect-ratio: 376/180;
  height: auto;
}

.support-services__item {
  display: block;
}

.support-services .service__footer-text-title {
  font-size: 20px;
  line-height: 1.3;
}

.support-services .service__footer-text-description {
  font-size: 14px;
}

@media (min-width:992px) {
  .support-services__title {
    margin-bottom: 40px;
  }

  .support-services .service__footer-text-description {
    font-size: 16px;
  }
}

.support-distribution {
  overflow: hidden;
  padding-top: 32px;
  padding-bottom: 32px;
  background: #f7f7f8;
}

.support-distribution__content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.support-distribution__title {
  margin-bottom: 16px;
  font-size: 22px;
  line-height: 130%;
  color: #0a0c0f;
  font-weight: 500;
}

@media (min-width:992px) {
  .support-distribution__title {
    font-size: 24px;
  }
}

.support-distribution__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #54565a;
}

.support-distribution__text:not(:last-child) {
  margin-bottom: 16px;
}

@media (min-width:768px) {
  .support-services__items {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 72px 24px;
  }

  .support-services__items_triple {
    grid-template-columns: repeat(3,1fr);
  }

  .support-distribution {
    background-color: #fff;
  }

  .support-distribution__content {
    width: calc(50% + 87px);
  }

  .support-distribution__content_half {
    width: 50%;
  }

  .support-distribution__title {
    margin-bottom: 24px;
  }

  .support-distribution__text {
    font-size: 16px;
    color: #0a0c0f;
  }

  .support-distribution__text:not(:last-child) {
    margin-bottom: 72px;
  }
}

.support-distribution__text_small-offset:not(:last-child) {
  margin-bottom: 16px;
}

.support-distribution__text p {
  margin: 0;
}

.support-distribution__text p:not(:last-child) {
  margin-bottom: 16px;
}

.support-distribution__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

@media (min-width:768px) {
  .support-distribution__text_small-offset:not(:last-child) {
    margin-bottom: 24px;
  }

  .support-distribution__text p:not(:last-child) {
    margin-bottom: 20px;
  }

  .support-distribution__text ul {
    gap: 3px;
  }
}

.support-distribution__text ul:not(:last-child) {
  margin-bottom: 16px;
}

.support-distribution__text ul li {
  position: relative;
  padding-left: 20px;
}

.support-distribution__text ul li::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 8px;
  width: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #54565a;
}

.support-distribution__btns {
  display: flex;
  justify-content: space-between;
  gap: 16px 72px;
  flex-wrap: wrap;
}

.support-distribution__btns_friends {
  justify-content: flex-start;
}

.support-distribution__btn {
  flex-grow: 1;
  max-width: 350px;
  justify-content: center;
}

.support-distribution__img {
  margin: 0 auto 16px;
  width: 308px;
  max-width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:768px) {
  .support-distribution__text ul:not(:last-child) {
    margin-bottom: 20px;
  }

  .support-distribution__text ul li {
    padding-left: 25px;
  }

  .support-distribution__text ul li::before {
    left: 12px;
    top: 9px;
    width: 4px;
    background-color: #0a0c0f;
  }

  .support-distribution__img {
    position: absolute;
    left: calc(100% + 35px);
    top: 39px;
    margin: 0;
  }
}

@media (min-width:992px) {
  .support-distribution__img {
    left: calc(100% + 11px);
    width: 461px;
  }

  .support-distribution__img_2 {
    width: 403px;
  }
}

@media (min-width:1250px) {
  .support-distribution__img {
    left: calc(100% + 144px);
  }
}

.support-distribution__img-2 {
  margin: 0 auto 16px;
  width: 308px;
  max-width: 100%;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:768px) {
  .support-distribution__img-2 {
    position: absolute;
    left: calc(100% + 35px);
    top: 72px;
    margin: 0;
  }
}

@media (min-width:992px) {
  .support-distribution__img-2 {
    left: calc(100% + 8px);
    width: 582px;
  }

  .support-distribution__img-2_top {
    top: -4px;
  }
}

@media (min-width:1250px) {
  .support-distribution__img-2 {
    left: calc(100% + 125px);
    width: 642px;
  }
}

.support-distribution__items {
  position: relative;
  display: block;
  margin-bottom: 30px;
  margin-left: 20px;
  width: calc(100% - 40px);
}

@media (min-width:992px) {
  .support-distribution__items {
    margin-left: 0;
    width: 100%;
  }
}

.support-distribution__items .swiper {
  overflow: visible;
}

.support-distribution__items .swiper-slide {
  width: auto;
  height: auto;
}

.support-distribution__item {
  border: 1px solid #dcdfee;
  border-radius: 24px;
  padding: 16px;
  width: calc(100vw - 72px);
  max-width: 350px;
  height: 100%;
}

@media (min-width:992px) {
  .support-distribution__item {
    width: 372px;
    max-width: none;
  }
}

.support-distribution__item-num {
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 44px;
  line-height: 130%;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .support-distribution__item {
    padding: 24px;
  }

  .support-distribution__item-num {
    margin-bottom: 20px;
  }
}

.support-distribution__item-name {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .support-distribution__item-name {
    font-size: 16px;
  }
}

.support-distribution__item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #54565a;
}

.support-distribution__item-text ul {
  list-style: none;
  margin: 4px 0;
  padding: 0;
}

.support-distribution__item-text ul li {
  position: relative;
  padding-left: 13px;
}

.support-distribution__item-text ul li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 6px;
  width: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #0a0c0f;
}

.support-distribution__block {
  position: relative;
  margin-bottom: 16px;
  border-radius: 14px;
  padding: 16px;
  width: 100%;
  background: #fff;
}

@media (min-width:768px) {
  .support-distribution__item-text {
    font-size: 16px;
    color: #0a0c0f;
  }

  .support-distribution__item-text ul li::before {
    top: 8px;
  }

  .support-distribution__block {
    margin-bottom: 72px;
    border-radius: 24px;
    padding: 24px 24px 24px 100px;
    background: #f7f7f8;
  }
}

.support-distribution__block-icon {
  margin-bottom: 15px;
  --icon-width: 60px;
  --icon-height: 60px;
  --icon-color: #5f6db2;
}

@media (min-width:768px) {
  .support-distribution__block-icon {
    position: absolute;
    left: 24px;
    top: 24px;
    margin-bottom: 0;
  }
}

.support-distribution__block-text {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #0a0c0f;
}

.support-distribution__block-text b {
  font-weight: 500;
}

.support-distribution__block-text p {
  margin: 0;
}

.support-distribution__block-text p:not(:last-child) {
  margin-bottom: 6px;
}

.support-distribution__tags {
  margin-bottom: 16px;
}

@media (min-width:768px) {
  .support-distribution__tags {
    margin-bottom: 72px;
  }
}

.support-distribution__tags-text {
  margin-bottom: 24px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #54565a;
}

.support-distribution__tags-items {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

@media (min-width:768px) {
  .support-distribution__tags-text {
    font-weight: 500;
    font-size: 16px;
    color: #1e1e1e;
  }

  .support-distribution__tags-items {
    gap: 24px;
  }
}

.support-distribution__tags-item {
  border: 2px solid #dcdfee;
  border-radius: 16px;
  padding: 13px 28px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #0a0c0f;
  background-color: #fff;
}

@media (min-width:576px) {
  .support-distribution__tags-item {
    padding: 13px 32px;
  }
}

.clinic-botox__title {
  margin: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:992px) {
  .clinic-botox__title {
    font-size: 36px;
  }
}

@media (min-width:1250px) {
  .clinic-botox__title {
    font-size: 50px;
  }
}

.clinic-botox__title--offset {
  margin-bottom: 23px;
}

@media (min-width:768px) {
  .clinic-botox__title--offset {
    margin-bottom: 40px;
  }
}

.clinic-botox__text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #000;
}

@media (min-width:768px) {
  .clinic-botox__text {
    gap: 25px;
    font-size: 22px;
  }
}

.clinic-botox__text p,
.clinic-botox__text ul {
  margin: 0;
}

.clinic-botox__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 2px solid #5f6db2;
  border-radius: 13px;
  padding: 5px 21px;
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  color: #5f6db2;
  min-height: 45px;
  background: #fff;
  --icon-color: #5f6db2;
  transition: border .2s ease-in-out,color .2s ease-in-out,background .2s ease-in-out;
}

@media (min-width:992px) {
  .clinic-botox__title--offset {
    margin-bottom: 60px;
  }

  .clinic-botox__btn {
    border-radius: 16px;
    padding: 14px 33px;
    gap: 16px;
    min-width: 365px;
    font-size: 18px;
  }
}

.clinic-botox__btn:hover {
  background: #dee4ff;
}

.clinic-botox__btn:active {
  border: 2px solid #aeb9f2;
  background: #dee4ff;
}

.clinic-botox__btn--filled {
  --icon-color: #fff;
  color: #fff;
  background: #5f6db2;
}

.clinic-botox__btn--filled:hover {
  background: #4f5b98;
}

.clinic-botox__btn--filled:active {
  border: 2px solid #d4d2d2;
  background: #4f5b98;
}

.clinic-botox__input {
  --err-display: none;
  --border-color: #5f6db2;
  position: relative;
  width: 100%;
}

.clinic-botox__input--err {
  --err-display: block;
  --border-color: red;
}

.clinic-botox__input-real {
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 15px 65px 15px 25px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
}

.clinic-botox__input-real::-moz-placeholder {
  color: #b8b8c2;
}

.clinic-botox__input-real::placeholder {
  color: #b8b8c2;
}

.clinic-botox__input-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  width: 25px;
  aspect-ratio: 1;
  background-color: #b8b8c2;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-50%);
}

.clinic-botox__input-err {
  position: absolute;
  display: var(--err-display);
  top: 14px;
  left: 0;
  padding: 0 56px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: red;
  text-align: center;
  pointer-events: none;
}

.clinic-botox-banner {
  position: relative;
  z-index: 1;
  padding-top: 77px;
  height: 527px;
  padding-bottom: 77px;
}

@media (min-width:768px) {
  .clinic-botox-banner {
    padding-top: 128px;
    padding-bottom: 122px;
    height: auto;
  }
}

.clinic-botox-banner__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: right 0 center;
  background-repeat: no-repeat;
}

@media (min-width:768px) {
  .clinic-botox-banner__bg {
    background-position: right calc(50% + 100px) center;
  }
}

.clinic-botox-banner__bg--desk {
  display: none;
}

.clinic-botox-banner__bg--mob {
  display: block;
}

@media (min-width:768px) {
  .clinic-botox-banner__bg--desk {
    display: block;
  }

  .clinic-botox-banner__bg--mob {
    display: none;
  }
}

.clinic-botox-banner__container {
  height: 100%;
}

.clinic-botox-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 399px;
  height: 100%;
}

@media (min-width:992px) {
  .clinic-botox-banner__content {
    max-width: 630px;
  }
}

.clinic-botox-banner__title {
  margin: 0 0 5px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-botox-banner__title {
    margin-bottom: 21px;
    color: #5f6db2;
  }
}

@media (min-width:992px) {
  .clinic-botox-banner__title {
    font-size: 34px;
  }
}

@media (min-width:1250px) {
  .clinic-botox-banner {
    padding-top: 158px;
    padding-bottom: 152px;
  }

  .clinic-botox-banner__bg {
    background-position: center center;
  }

  .clinic-botox-banner__content {
    max-width: 825px;
  }

  .clinic-botox-banner__title {
    font-size: 45px;
  }
}

.clinic-botox-banner__desc {
  margin-bottom: 54px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.3;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-botox-banner__desc {
    font-size: 38px;
  }
}

@media (min-width:1250px) {
  .clinic-botox-banner__desc {
    font-size: 45px;
  }
}

.clinic-botox-banner__btn {
  margin-top: auto;
}

.clinic-botox-banner__btn--desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-botox-banner__btn--desk {
    display: inline-flex;
  }

  .clinic-botox-banner__btn--mob {
    display: none;
  }
}

.clinic-botox-running-line {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.clinic-botox-running-line__text {
  display: inline-flex;
  word-wrap: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #5f6db2;
}

.clinic-botox-running-line__text-item {
  display: inline-flex;
  align-items: center;
}

.clinic-botox-running-line__text-item::after {
  content: "";
  margin-left: 10px;
  margin-right: 10px;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #5f6db2;
}

@media (min-width:768px) {
  .clinic-botox-banner__desc {
    margin-bottom: 56px;
    line-height: 1;
    color: #5f6db2;
  }

  .clinic-botox-running-line {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .clinic-botox-running-line__text {
    font-size: 25px;
  }

  .clinic-botox-running-line__text-item::after {
    width: 10px;
  }
}

.clinic-botox-results {
  overflow: hidden;
}

.clinic-botox-results--offset {
  margin-top: 27px;
  margin-bottom: 87px;
}

@media (min-width:768px) {
  .clinic-botox-results--offset {
    margin-top: 36px;
    margin-bottom: 100px;
  }

  .clinic-botox-results__title {
    text-align: center;
  }
}

.clinic-botox-results__title {
  margin-bottom: 40px;
}

@media (min-width:992px) {
  .clinic-botox-results__title {
    margin-bottom: 60px;
  }
}

.clinic-botox-results__items {
  position: relative;
  margin-bottom: 53px;
}

@media (min-width:768px) {
  .clinic-botox-results__items {
    margin-bottom: 60px;
  }
}

@media (min-width:1250px) {
  .clinic-botox-results__items {
    margin-bottom: 100px;
  }
}

.clinic-botox-results__items .swiper {
  overflow: visible;
}

.clinic-botox-results__items .swiper-slide {
  width: auto;
}

.clinic-botox-results__item {
  border: .87px solid #5f6db2;
  border-radius: 13px;
  padding: 15px 20px 14px;
  width: 288px;
  background: #f6f6f8;
}

@media (min-width:768px) {
  .clinic-botox-results__item {
    padding: 20px 24px 23px;
    width: 354px;
  }
}

@media (min-width:992px) {
  .clinic-botox-results__items .swiper {
    overflow: hidden;
  }

  .clinic-botox-results__item,
  .clinic-botox-results__items .swiper-slide {
    width: 100%;
  }
}

.clinic-botox-results__item-video-block {
  margin-bottom: 21px;
}

.clinic-botox-results__item-video-block::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 0 35px 45px;
  border-color: transparent transparent transparent #fff;
  transform: translate(-50%,-100%);
}

.clinic-botox-results__item-video-block--playing::after {
  content: "";
  display: none;
}

.clinic-botox-results__item-video {
  position: relative;
  width: 100%;
  aspect-ratio: 306/406;
  cursor: pointer;
}

.clinic-botox-results__item-text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #5f6db2;
}

.clinic-botox-results__btn-wrapper {
  display: flex;
  justify-content: center;
}

.clinic-botox-results__controls {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  width: 328px;
  transform: translate(-50%,-50%);
  pointer-events: none;
}

@media (min-width:768px) {
  .clinic-botox-results__item-video-block {
    margin-bottom: 25px;
  }

  .clinic-botox-results__item-text {
    font-size: 16px;
  }

  .clinic-botox-results__controls {
    width: 394px;
  }
}

@media (min-width:992px) {
  .clinic-botox-results__controls {
    width: 100%;
  }
}

@media (min-width:1250px) {
  .clinic-botox-results__controls {
    width: calc(100% + 40px);
  }
}

.clinic-botox-results__control {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 2px solid #5f6db2;
  width: 48px;
  aspect-ratio: 1;
  height: auto;
  background-color: #fff;
  --icon-color: #5f6db2;
  cursor: pointer;
  pointer-events: all;
  transition: outline .2s;
  -webkit-tap-highlight-color: transparent;
}

.clinic-botox-results__control:active {
  outline: #dcdfee solid 5px;
}

.clinic-botox-results__control--prev {
  transform: scale(-1,1);
}

.clinic-botox-results__control.swiper-button-lock,
.clinic-botox-results__control::after {
  display: none;
}

.clinic-botox-info--offset {
  margin-top: 87px;
  margin-bottom: 50px;
}

@media (min-width:768px) {
  .clinic-botox-info--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.clinic-botox-info__texts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 31px;
}

@media (min-width:768px) {
  .clinic-botox-info__texts {
    gap: 35px;
    margin-bottom: 60px;
  }
}

.clinic-botox-info__text p,
.clinic-botox-info__text ul {
  margin: 0;
}

.clinic-botox-info__text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.clinic-botox-info__text li {
  position: relative;
  padding-left: 21px;
}

.clinic-botox-info__text li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  border-radius: 50%;
  width: 7px;
  aspect-ratio: 1;
  background-color: #5f6db2;
}

.clinic-botox-info__mob-btns {
  display: flex;
  justify-content: space-between;
  grid-gap: 35px;
  margin-bottom: 23px;
}

@media (min-width:576px) {
  .clinic-botox-info__mob-btns {
    justify-content: flex-start;
    grid-gap: 30px;
  }
}

.clinic-botox-info__items {
  position: relative;
}

@media (min-width:768px) {
  .clinic-botox-info__mob-btns {
    display: none;
  }

  .clinic-botox-info__items {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    align-items: flex-start;
  }
}

.clinic-botox-info__item {
  display: none;
  border: 1px solid #5f6db2;
  border-radius: 30px;
  padding: 22px 17px 26px;
  background: #f6f6f8;
}

@media (min-width:768px) {
  .clinic-botox-info__item {
    display: block;
    padding: 33px 25px 22px;
  }
}

.clinic-botox-info__item--highlight {
  border: 1px solid #fff;
  background: #5f6db2;
}

.clinic-botox-info__item--active {
  display: block;
}

.clinic-botox-info__item-title {
  display: none;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.15;
  text-transform: uppercase;
  text-align: center;
  color: #5f6db2;
}

@media (min-width:768px) {
  .clinic-botox-info__item-title {
    display: block;
  }
}

@media (min-width:992px) {
  .clinic-botox-info__items {
    grid-gap: 32px;
  }

  .clinic-botox-info__item-title {
    font-size: 30px;
  }
}

.clinic-botox-info__item-title--light {
  color: #fff;
}

.clinic-botox-info__item-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 9px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
}

.clinic-botox-info__item-list li {
  position: relative;
  padding-left: 23px;
}

.clinic-botox-info__item-list li::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 10px;
  border-radius: 50%;
  width: 7px;
  aspect-ratio: 1;
  background-color: #5f6db2;
}

.clinic-botox-info__item-list--light {
  color: #fff;
}

.clinic-botox-info__item-list--light li::before {
  background-color: #fff;
}

.clinic-botox-big-text {
  padding-top: 13px;
  padding-bottom: 13px;
  background: #5f6db2;
}

.clinic-botox-big-text--offset {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (min-width:768px) {
  .clinic-botox-info__item-list {
    gap: 7px;
    font-size: 22px;
  }

  .clinic-botox-info__item-list li {
    padding-left: 21px;
  }

  .clinic-botox-info__item-list li::before {
    left: -2px;
  }

  .clinic-botox-big-text {
    padding-top: 17px;
    padding-bottom: 18px;
  }

  .clinic-botox-big-text--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.clinic-botox-big-text__text {
  width: calc(100% + 5px);
  font-weight: 700;
  font-size: 25px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0;
}

@media (min-width:768px) {
  .clinic-botox-big-text__text {
    width: 100%;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: .014em;
  }
}

@media (min-width:992px) {
  .clinic-botox-big-text__text {
    font-size: 48px;
  }
}

.clinic-botox-steps--offset {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (min-width:768px) {
  .clinic-botox-steps--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.clinic-botox-steps__text {
  margin-bottom: 23px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
}

@media (min-width:768px) {
  .clinic-botox-steps__text {
    margin-bottom: 44px;
    font-size: 22px;
  }
}

.clinic-botox-steps__items {
  counter-reset: steps;
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-bottom: 40px;
}

.clinic-botox-steps__item {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 27px;
}

@media (min-width:768px) {
  .clinic-botox-steps__item {
    grid-template-columns: 393px 1fr;
  }
}

.clinic-botox-steps__item:nth-child(2n) {
  grid-template-columns: 100%;
}

@media (min-width:768px) {
  .clinic-botox-steps__item:nth-child(2n) {
    grid-template-columns: 1fr 393px;
  }

  .clinic-botox-steps__item:nth-child(2n) .clinic-botox-steps__item-image {
    order: 2;
  }
}

@media (min-width:992px) {
  .clinic-botox-steps__item {
    grid-template-columns: 513px 1fr;
  }

  .clinic-botox-steps__item:nth-child(2n) {
    grid-template-columns: 1fr 513px;
  }
}

.clinic-botox-steps__item-image {
  overflow: hidden;
  margin-left: -16px;
  width: calc(100% + 32px);
  aspect-ratio: 375/265;
}

@media (min-width:576px) {
  .clinic-botox-steps__items {
    gap: 55px;
    margin-bottom: 100px;
  }

  .clinic-botox-steps__item-image {
    border-radius: 30px;
    aspect-ratio: unset;
    width: 100%;
    margin-left: 0;
  }
}

.clinic-botox-steps__item-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.clinic-botox-steps__item-info {
  position: relative;
  border: 1px solid #5f6db2;
  border-radius: 30px;
  padding: 22px 20px;
  background: #f6f6f8;
}

.clinic-botox-steps__item-info::after {
  counter-increment: steps;
  content: counter(steps) ".";
  position: absolute;
  left: 21px;
  top: 15px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:576px) {
  .clinic-botox-steps__item-info {
    padding: 30px 42px 30px 72px;
  }

  .clinic-botox-steps__item-info::after {
    top: 17px;
    font-size: 50px;
  }
}

.clinic-botox-steps__item-name {
  padding-left: 30px;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:576px) {
  .clinic-botox-steps__item-name {
    padding-left: 0;
    font-size: 25px;
  }
}

.clinic-botox-steps__item-name--small-mob {
  font-size: 19px;
}

@media (min-width:576px) {
  .clinic-botox-steps__item-name--small-mob {
    font-size: 25px;
  }
}

.clinic-botox-steps__item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
}

.clinic-botox-steps__btn-wrapper {
  display: flex;
  justify-content: center;
}

.clinic-botox-result--offset {
  margin-top: 87px;
  margin-bottom: 50px;
}

.clinic-botox-result__items {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 23px;
  counter-reset: result;
}

@media (min-width:576px) {
  .clinic-botox-steps__item-text {
    font-size: 22px;
  }

  .clinic-botox-result__items {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px 20px;
  }
}

.clinic-botox-result__item {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 19px 3px 19px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #fff;
  background: #5f6db2;
}

@media (min-width:576px) {
  .clinic-botox-result__item {
    align-items: center;
    border-radius: 30px;
    padding: 38px 3px 38px 30px;
    font-size: 18px;
  }

  .clinic-botox-result__item--wide {
    padding-right: 176px;
    grid-column: 2 span;
  }
}

.clinic-botox-result__item::before {
  counter-increment: result;
  content: counter(result) ".";
  font-weight: 700;
  font-size: 30px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-botox-result--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .clinic-botox-result__item {
    font-size: 22px;
  }

  .clinic-botox-result__item::before {
    font-size: 34px;
  }
}

@media (min-width:992px) {
  .clinic-botox-result__items {
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px 35px;
  }

  .clinic-botox-result__item::before {
    font-size: 50px;
  }
}

.clinic-botox-advantages {
  overflow: hidden;
}

.clinic-botox-advantages--offset {
  margin-top: 50px;
  margin-bottom: 50px;
}

.clinic-botox-advantages__title {
  min-height: 57px;
}

@media (min-width:768px) {
  .clinic-botox-advantages--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .clinic-botox-advantages__title {
    min-height: auto;
  }
}

.clinic-botox-advantages__items {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 22px;
  border-radius: 45px;
  padding: 18px 76px 27px 22px;
  width: calc(100% + 16px);
  min-height: 290px;
  background: linear-gradient(180deg,#7183da 0,#4b599f 100%);
  counter-reset: advantages;
}

.clinic-botox-advantages__items::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -164px;
  z-index: -1;
  width: 318px;
  aspect-ratio: 315/372;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-botox/clinic-botox-advantages.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width:576px) {
  .clinic-botox-advantages__items::after {
    right: -88px;
    width: 370px;
  }
}

@media (min-width:768px) {
  .clinic-botox-advantages__items {
    padding: 59px 256px 63px 24px;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 51px 68px;
    width: 100%;
  }

  .clinic-botox-advantages__items::after {
    right: 18px;
    width: 295px;
  }
}

.clinic-botox-advantages__item {
  display: flex;
  gap: 2px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-botox-advantages__item {
    display: block;
    font-size: 18px;
    line-height: 1.07;
  }
}

@media (min-width:992px) {
  .clinic-botox-advantages__items::after {
    right: 22px;
    width: 315px;
  }

  .clinic-botox-advantages__item {
    font-size: 22px;
  }
}

.clinic-botox-advantages__item::before {
  counter-increment: advantages;
  content: counter(advantages) ".";
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.15;
  color: #fff;
}

.clinic-botox-price--offset {
  margin-top: 50px;
  margin-bottom: 50px;
}

.clinic-botox-price__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clinic-botox-price__item {
  display: flex;
  align-items: flex-end;
  border: 1px solid #5f6db2;
  border-radius: 15px;
  padding: 8px 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #000;
  background: #f6f6f8;
}

@media (min-width:576px) {
  .clinic-botox-price__item {
    padding: 13px 20px;
    font-size: 18px;
  }
}

.clinic-botox-price__item-label {
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
}

.clinic-botox-price__item-label::after {
  content: "";
  display: block;
  flex-grow: 1;
  margin-left: 4px;
  margin-right: 4px;
  border-bottom: 2px dotted #000;
  transform: translateY(-3px);
}

@media (min-width:768px) {
  .clinic-botox-advantages__item::before {
    font-size: 30px;
  }

  .clinic-botox-price--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .clinic-botox-price__item {
    padding: 13px 57px 13px 53px;
    font-size: 22px;
  }

  .clinic-botox-price__item-label::after {
    transform: translateY(-6px);
  }
}

.clinic-botox-price__item-value {
  white-space: nowrap;
}

.clinic-botox-order {
  padding-top: 50px;
  padding-bottom: 77px;
  background: #5f6db2;
}

.clinic-botox-order--offset {
  margin-top: 53px;
}

@media (min-width:768px) {
  .clinic-botox-order {
    padding-bottom: 50px;
  }

  .clinic-botox-order--offset {
    margin-top: 100px;
  }
}

.clinic-botox-order__title {
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}

.clinic-botox-order__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  margin: 0 auto;
  width: 550px;
  max-width: 100%;
}

@media (min-width:768px) {
  .clinic-botox-order__form {
    gap: 60px;
  }
}

.clinic-botox-order__inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.clinic-botox-faq--offset {
  margin-top: 30px;
  margin-bottom: 89px;
}

@media (min-width:768px) {
  .clinic-botox-faq--offset {
    margin-top: 80px;
    margin-bottom: 168px;
  }
}

.clinic-botox-faq__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.clinic-botox-faq__title {
  margin-top: 0;
  margin-bottom: 23px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:768px) {
  .clinic-botox-faq__title {
    margin-bottom: 40px;
    font-size: 30px;
  }
}

.clinic-botox-faq__items {
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin: 0 auto;
  width: 806px;
  max-width: 100%;
}

.clinic-botox-faq__item {
  position: relative;
  border: 1px solid #5f6db2;
  border-radius: 16px;
  background: #fff;
}

.clinic-botox-faq__item--active {
  z-index: 1;
}

.clinic-botox-faq__item--active .clinic-botox-faq__item-name::after {
  transform: rotate(45deg);
}

.clinic-botox-faq__item-name {
  position: relative;
  display: flex;
  align-items: center;
  padding: 11px 43px 11px 18px;
  min-height: 55px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  cursor: pointer;
}

.clinic-botox-faq__item-name::after {
  content: "+";
  position: absolute;
  right: 17px;
  top: 2px;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: #5f6db2;
  transition: transform .2s ease-in-out;
}

@media (min-width:768px) {
  .clinic-botox-faq__item-name {
    padding: 13px 60px 15px 23px;
    font-size: 22px;
  }

  .clinic-botox-faq__item-name::after {
    right: 27px;
    top: 4px;
  }
}

.clinic-botox-faq__item-content {
  position: relative;
  left: -1px;
  top: calc(100% - 16px);
  z-index: 1;
  overflow: hidden;
  width: calc(100% + 2px);
  max-height: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  transition: max-height .2s ease-in-out;
  background-color: #fff;
}

.clinic-botox-faq__item-content p {
  margin: 0;
}

.clinic-botox-faq__item-content p:not(:last-child) {
  margin-bottom: 10px;
}

.clinic-botox-faq__item-content-inner {
  border: 1px solid #5f6db2;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 23px 17px 6px;
}

@media (min-width:768px) {
  .clinic-botox-faq__item-content {
    font-size: 18px;
  }

  .clinic-botox-faq__item-content-inner {
    padding: 23px 26px 22px;
  }
}

.clinic-botox-faq__item-content-limiter {
  max-width: 566px;
}

.clinic-botox-online {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  height: 0;
  width: 100%;
}

.clinic-botox-online__container {
  width: 100%;
}

.clinic-botox-online__content {
  position: relative;
  width: 100%;
}

.clinic-botox-online__btn {
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 5;
  border: none;
  border-radius: 50%;
  width: 86px;
  aspect-ratio: 1;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: rgba(95,109,178,.81);
}

@media (min-width:768px) {
  .clinic-botox-online__btn {
    width: 150px;
    font-size: 18px;
  }
}

.clinic-botox-online__btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 2px solid rgba(95,109,178,.81);
  width: 100%;
  height: 100%;
  animation: 2s cubic-bezier(.37,0,.8,.77) infinite wave-stroke;
  transform: translate(-50%,-50%);
}

.clinic-botox-order-modal {
  position: fixed;
  inset: 0;
  z-index: 5;
  overflow-y: auto;
  display: none;
  justify-content: center;
  max-height: 100%;
}

.clinic-botox-order-modal--show {
  display: flex;
}

.clinic-botox-order-modal__inner {
  margin-top: auto;
  margin-bottom: auto;
  max-width: 100%;
}

.clinic-botox-order-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 59px 16px 57px;
  width: 721px;
  max-width: 100%;
  background-color: #5f6db2;
}

@media (min-width:768px) {
  .clinic-botox-order-modal__content {
    border-radius: 20px;
    padding: 65px 85px;
  }
}

.clinic-botox-order-modal__close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: transparent;
  --icon-width: 18px;
  --icon-color: #fff;
}

.clinic-botox-order-modal__title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-botox-order-modal__title {
    margin-bottom: 18px;
    font-size: 30px;
  }
}

.clinic-botox-order-modal__text {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-botox-order-modal__text {
    margin-bottom: 50px;
    font-size: 22px;
  }
}

.clinic-botox-order-modal__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 550px;
  max-width: 100%;
}

.clinic-botox-order-modal__inputs {
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-bottom: 40px;
  width: 100%;
}

@media (min-width:768px) {
  .clinic-botox-order-modal__inputs {
    gap: 20px;
    margin-bottom: 60px;
  }
}

.clinic-hyperhidrosis__title {
  margin: 0;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis__title {
    font-size: 36px;
  }
}

@media (min-width:1250px) {
  .clinic-hyperhidrosis__title {
    font-size: 50px;
  }
}

.clinic-hyperhidrosis__title--offset {
  margin-bottom: 25px;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis__title--offset {
    margin-bottom: 40px;
  }
}

.clinic-hyperhidrosis__text {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #000;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis__text {
    gap: 25px;
    font-size: 22px;
  }
}

.clinic-hyperhidrosis__text p,
.clinic-hyperhidrosis__text ul {
  margin: 0;
}

.clinic-hyperhidrosis__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 3px solid #e5870c;
  border-radius: 13px;
  padding: 5px 34px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  color: #fff;
  min-height: 53px;
  background: #e5870c;
  --icon-color: #fff;
  transition: border .2s ease-in-out,color .2s ease-in-out,background .2s ease-in-out;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis__title--offset {
    margin-bottom: 60px;
  }

  .clinic-hyperhidrosis__btn {
    border-radius: 16px;
    padding: 10px 62px;
    gap: 16px;
    font-size: 18px;
  }
}

.clinic-hyperhidrosis__btn:hover {
  border-color: #fcb75c;
  background: #e5870c;
}

.clinic-hyperhidrosis__btn:active {
  border-color: #fcb75c;
  background: #fcb75c;
}

.clinic-hyperhidrosis__btn:disabled {
  border-color: #e8e9eb;
  background-color: #e8e9eb;
}

.clinic-hyperhidrosis__input {
  --err-display: none;
  --border-color: #5f6db2;
  position: relative;
  width: 100%;
}

.clinic-hyperhidrosis__input--err {
  --err-display: block;
  --border-color: red;
}

.clinic-hyperhidrosis__input-real {
  border: 1px solid var(--border-color);
  border-radius: 15px;
  padding: 16px 65px 16px 25px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  background: #fff;
}

.clinic-hyperhidrosis__input-real::-moz-placeholder {
  color: #b8b8c2;
}

.clinic-hyperhidrosis__input-real::placeholder {
  color: #b8b8c2;
}

.clinic-hyperhidrosis__input-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  width: 30px;
  aspect-ratio: 1;
  background-color: #b8b8c2;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: translateY(-50%);
}

.clinic-hyperhidrosis__input-err {
  position: absolute;
  display: var(--err-display);
  top: 14px;
  left: 0;
  padding: 0 56px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: red;
  text-align: center;
  pointer-events: none;
}

.clinic-hyperhidrosis-banner {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 56px;
  height: 540px;
  padding-bottom: 70px;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
  background: linear-gradient(90deg,#5f6db2 0,#5161b3 100%);
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-banner {
    padding-top: 72px;
    padding-bottom: 72px;
    height: auto;
  }
}

.clinic-hyperhidrosis-banner__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-size: cover;
  background-position: right 0 center;
  background-repeat: no-repeat;
}

.clinic-hyperhidrosis-banner__bg--desk {
  display: none;
}

.clinic-hyperhidrosis-banner__bg--mob {
  display: block;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-banner__bg {
    inset: unset;
    left: 50%;
    bottom: 0;
    height: 100%;
    aspect-ratio: 825/624;
    background-position: center center;
  }

  .clinic-hyperhidrosis-banner__bg--desk {
    display: block;
  }

  .clinic-hyperhidrosis-banner__bg--mob {
    display: none;
  }
}

.clinic-hyperhidrosis-banner__container {
  height: 100%;
}

.clinic-hyperhidrosis-banner__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 399px;
  height: 100%;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__content {
    max-width: 630px;
  }
}

.clinic-hyperhidrosis-banner__title {
  margin: 0 0 20px;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.2;
  color: #fff;
  text-transform: uppercase;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-banner__title {
    margin-bottom: 21px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__title {
    font-size: 34px;
  }

  .clinic-hyperhidrosis-banner__title br {
    display: none;
  }
}

@media (min-width:1250px) {
  .clinic-hyperhidrosis-banner {
    padding-top: 95px;
    padding-bottom: 91px;
  }

  .clinic-hyperhidrosis-banner__bg {
    background-position: center center;
  }

  .clinic-hyperhidrosis-banner__content {
    max-width: 825px;
  }

  .clinic-hyperhidrosis-banner__title {
    margin-bottom: 32px;
    font-size: 45px;
  }
}

.clinic-hyperhidrosis-banner__desc {
  margin-bottom: 34px;
  max-width: 300px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__desc {
    max-width: 653px;
    font-size: 30px;
  }

  .clinic-hyperhidrosis-banner__desc br {
    display: none;
  }
}

@media (min-width:1250px) {
  .clinic-hyperhidrosis-banner__desc {
    margin-bottom: 30px;
    line-height: 1;
  }

  .clinic-hyperhidrosis-banner__desc b {
    display: block;
  }
}

.clinic-hyperhidrosis-banner__price {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 30px;
  border-radius: 20px;
  padding: 5px 10px;
  background: #fff;
}

.clinic-hyperhidrosis-banner__price-new {
  font-weight: 700;
  font-size: 18px;
  color: #5d6eb2;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__price {
    border-radius: 30px;
    padding: 2px 20px;
  }

  .clinic-hyperhidrosis-banner__price-new {
    font-size: 40px;
  }
}

.clinic-hyperhidrosis-banner__price-old {
  font-weight: 700;
  font-size: 14px;
  text-decoration: line-through;
  color: #6c6c6c;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__price-old {
    font-size: 27px;
    transform: translateY(-2px);
  }
}

.clinic-hyperhidrosis-banner__discount {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-banner__discount {
    margin-bottom: 20px;
  }
}

@media (min-width:1250px) {
  .clinic-hyperhidrosis-banner__discount {
    margin-bottom: 60px;
  }
}

.clinic-hyperhidrosis-banner__btn {
  margin-top: auto;
}

.clinic-hyperhidrosis-banner__btn--desk {
  display: none;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-banner__discount {
    font-size: 30px;
    line-height: 1;
  }

  .clinic-hyperhidrosis-banner__btn--desk {
    display: inline-flex;
  }

  .clinic-hyperhidrosis-banner__btn--mob {
    display: none;
  }
}

.clinic-hyperhidrosis-running-line {
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

.clinic-hyperhidrosis-running-line--offset {
  margin-bottom: 40px;
}

.clinic-hyperhidrosis-running-line__text {
  display: inline-flex;
  word-wrap: none;
  white-space: nowrap;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: #e5870c;
}

.clinic-hyperhidrosis-running-line__text-item {
  display: inline-flex;
  align-items: center;
}

.clinic-hyperhidrosis-running-line__text-item::after {
  content: "";
  margin-left: 10px;
  margin-right: 10px;
  width: 6px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 2px solid #e5870c;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-running-line {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .clinic-hyperhidrosis-running-line__text {
    font-size: 25px;
  }

  .clinic-hyperhidrosis-running-line__text-item::after {
    width: 10px;
  }
}

.clinic-hyperhidrosis-first--offset {
  margin-top: 30px;
  margin-bottom: 55px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-first--offset {
    margin-top: 72px;
    margin-bottom: 90px;
  }
}

.clinic-hyperhidrosis-first__title {
  margin-bottom: 28px;
}

.clinic-hyperhidrosis-first__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clinic-hyperhidrosis-first__item {
  border-radius: 20px;
  padding: 17px 25px;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.15;
  color: #fff;
  background: #5f6db2;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-first__title {
    margin-bottom: 48px;
  }

  .clinic-hyperhidrosis-first__items {
    display: grid;
    gap: 0;
    grid-gap: 20px;
    grid-template-columns: repeat(3,1fr);
    margin-bottom: 60px;
  }

  .clinic-hyperhidrosis-first__item {
    border-radius: 30px;
    padding: 25px;
    font-size: 21px;
  }
}

.clinic-hyperhidrosis-first__btn-wrapper {
  display: none;
}

.clinic-hyperhidrosis-about--offset {
  margin-top: 60px;
  margin-bottom: 55px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-first__btn-wrapper {
    display: flex;
    justify-content: center;
  }

  .clinic-hyperhidrosis-about--offset {
    margin-bottom: 51px;
  }
}

.clinic-hyperhidrosis-about__title {
  margin-bottom: 13px;
}

.clinic-hyperhidrosis-about__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.11;
  color: #000;
}

.clinic-hyperhidrosis-about__text p {
  margin: 0;
}

.clinic-hyperhidrosis-about__text p:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-about__title {
    margin-bottom: 45px;
  }

  .clinic-hyperhidrosis-about__text {
    font-size: 22px;
    line-height: 1.15;
  }

  .clinic-hyperhidrosis-about__text p:not(:last-child) {
    margin-bottom: 22px;
  }
}

.clinic-hyperhidrosis-indications--offset {
  margin-top: 55px;
  margin-bottom: 60px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications--offset {
    margin-top: 51px;
  }
}

.clinic-hyperhidrosis-indications__title {
  margin: 0 0 16px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__title {
    margin-bottom: 27px;
  }
}

.clinic-hyperhidrosis-indications__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 25px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__items {
    display: grid;
    grid-template-columns: repeat(3,minmax(300px,1fr));
    gap: 0;
    grid-gap: 33px 24px;
    margin-bottom: 33px;
  }
}

.clinic-hyperhidrosis-indications__item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 30px;
  padding: 20px 25px;
  background: #5f6db2;
}

.clinic-hyperhidrosis-indications__item-image {
  flex-shrink: 0;
  display: block;
  width: 133px;
  aspect-ratio: 133/135;
}

.clinic-hyperhidrosis-indications__item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__item {
    padding: 30px 25px;
  }

  .clinic-hyperhidrosis-indications__item:nth-child(3),
  .clinic-hyperhidrosis-indications__item:nth-child(4),
  .clinic-hyperhidrosis-indications__item:nth-child(5) {
    order: 2;
  }

  .clinic-hyperhidrosis-indications__item-text {
    font-size: 21px;
  }
}

.clinic-hyperhidrosis-indications__contraindications {
  border: 1px solid #5f6db2;
  border-radius: 15px;
  padding: 20px 25px;
  background: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__contraindications {
    padding: 13px 25px;
    max-width: 806px;
  }
}

.clinic-hyperhidrosis-indications__contraindications-name {
  position: relative;
  padding-right: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #0a0c0f;
}

.clinic-hyperhidrosis-indications__contraindications-plus {
  position: absolute;
  right: -4px;
  top: 50%;
  width: 18px;
  aspect-ratio: 1;
  transform: translateY(-50%) rotate(45deg);
  cursor: pointer;
  transition: transform .2s ease-in-out;
}

.clinic-hyperhidrosis-indications__contraindications-plus::after,
.clinic-hyperhidrosis-indications__contraindications-plus::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  border-radius: 2px;
  height: 2px;
  background-color: #e5870c;
  transform: translate(-50%,-50%);
}

.clinic-hyperhidrosis-indications__contraindications-plus::before {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.clinic-hyperhidrosis-indications__contraindications-plus::after {
  transform: translate(-50%,-50%) rotate(45deg);
}

.clinic-hyperhidrosis-indications__contraindications-plus--active {
  transform: translateY(-50%);
}

.clinic-hyperhidrosis-indications__contraindications-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .2s ease-in-out;
}

.clinic-hyperhidrosis-indications__contraindications-content--active {
  max-height: auto;
}

.clinic-hyperhidrosis-indications__contraindications-inner {
  padding-top: 4px;
  padding-bottom: 1px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__contraindications-name {
    font-size: 22px;
  }

  .clinic-hyperhidrosis-indications__contraindications-inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.clinic-hyperhidrosis-indications__contraindications-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #0a0c0f;
}

.clinic-hyperhidrosis-indications__contraindications-list-item {
  position: relative;
  padding-left: 20px;
}

.clinic-hyperhidrosis-indications__contraindications-list-item::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 9px;
  border-radius: 50%;
  width: 3px;
  aspect-ratio: 1;
  background-color: #0a0c0f;
}

.clinic-hyperhidrosis-big-text {
  padding-top: 27px;
  padding-bottom: 25px;
  background: #5f6db2;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-big-text {
    padding-top: 17px;
    padding-bottom: 18px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-indications__contraindications-list {
    font-size: 18px;
  }

  .clinic-hyperhidrosis-indications__contraindications-list-item {
    padding-left: 26px;
  }

  .clinic-hyperhidrosis-indications__contraindications-list-item::before {
    left: 10px;
    width: 4px;
  }

  .clinic-hyperhidrosis-big-text {
    padding-top: 22px;
    margin-bottom: 19px;
  }
}

.clinic-hyperhidrosis-big-text--offset {
  margin-top: 60px;
  margin-bottom: 58px;
}

.clinic-hyperhidrosis-big-text__text {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-big-text--offset {
    margin-top: 100px;
    margin-bottom: 91px;
  }

  .clinic-hyperhidrosis-big-text__text {
    width: 100%;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: .014em;
  }
}

.clinic-hyperhidrosis-steps--offset {
  margin-top: 58px;
  margin-bottom: 55px;
}

.clinic-hyperhidrosis-steps__title {
  margin-bottom: 13px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-big-text__text {
    font-size: 40px;
    text-align: center;
    letter-spacing: unset;
  }

  .clinic-hyperhidrosis-steps__title {
    margin-bottom: 42px;
  }
}

.clinic-hyperhidrosis-steps__text {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-steps__text {
    margin-bottom: 26px;
    font-size: 22px;
  }
}

.clinic-hyperhidrosis-steps__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  counter-reset: clinicHyperhidrosisSteps;
  margin-bottom: 50px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-steps__items {
    gap: 36px;
    margin-bottom: 55px;
  }
}

.clinic-hyperhidrosis-steps__item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.clinic-hyperhidrosis-steps__item-image {
  width: 100%;
  aspect-ratio: 342/203;
}

.clinic-hyperhidrosis-steps__item-img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.clinic-hyperhidrosis-steps__item-info {
  position: relative;
  border: 1px solid #5f6db2;
  border-radius: 30px;
  padding: 20px 25px 20px 60px;
  background: #f6f6f8;
}

.clinic-hyperhidrosis-steps__item-info::before {
  counter-increment: clinicHyperhidrosisSteps;
  content: counter(clinicHyperhidrosisSteps) ".";
  position: absolute;
  top: 20px;
  left: 25px;
  font-weight: 700;
  font-size: 30px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

.clinic-hyperhidrosis-steps__item-name {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-steps__item {
    display: grid;
    grid-template-columns: 513px 1fr;
    grid-gap: 40px;
  }

  .clinic-hyperhidrosis-steps__item:nth-child(2n) {
    grid-template-columns: 1fr 513px;
  }

  .clinic-hyperhidrosis-steps__item:nth-child(2n) .clinic-hyperhidrosis-steps__item-image {
    order: 2;
  }

  .clinic-hyperhidrosis-steps__item-info {
    padding: 23px 35px 23px 74px;
  }

  .clinic-hyperhidrosis-steps__item-info::before {
    font-size: 50px;
  }

  .clinic-hyperhidrosis-steps__item-name {
    font-size: 25px;
  }
}

.clinic-hyperhidrosis-steps__item-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #0a0c0f;
}

.clinic-hyperhidrosis-steps__btn-wrapper {
  display: flex;
  justify-content: center;
}

.clinic-hyperhidrosis-advantages {
  overflow: hidden;
}

.clinic-hyperhidrosis-advantages--offset {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-advantages--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-steps__item-text {
    font-size: 22px;
  }

  .clinic-hyperhidrosis-advantages--offset {
    margin-top: 127px;
    margin-bottom: 92px;
  }
}

.clinic-hyperhidrosis-advantages__title {
  margin-bottom: 18px;
}

.clinic-hyperhidrosis-advantages__items {
  position: relative;
  z-index: 1;
  display: grid;
  grid-gap: 12px;
  margin-left: -16px;
  border-radius: 45px;
  padding: 25px 150px 27px 17px;
  width: calc(100% + 10px);
  min-height: 290px;
  background: linear-gradient(180deg,#7183da 0,#4b599f 100%);
  counter-reset: advantages;
}

@media (min-width:576px) {
  .clinic-hyperhidrosis-advantages__items {
    padding-right: 200px;
  }
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-advantages__items {
    padding: 59px 256px 63px 24px;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 51px 68px;
    width: 100%;
  }
}

.clinic-hyperhidrosis-advantages__items::after {
  content: "";
  position: absolute;
  bottom: -1px;
  right: -24px;
  z-index: -1;
  width: 211px;
  aspect-ratio: 211/310;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-hyperhidrosis/clinic-hyperhidrosis-advantages.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-advantages__items::after {
    right: -33px;
  }
}

.clinic-hyperhidrosis-advantages__item {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.05;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-advantages__item {
    display: block;
    font-size: 18px;
    line-height: 1.07;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-advantages__title {
    margin-bottom: 61px;
  }

  .clinic-hyperhidrosis-advantages__items {
    margin-left: 0;
    grid-template-columns: 100%;
    grid-gap: 5px;
    padding: 56px 24px 55px;
    width: 100%;
  }

  .clinic-hyperhidrosis-advantages__items::after {
    right: 38px;
    width: 354px;
    aspect-ratio: 354/449;
    background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-hyperhidrosis/clinic-hyperhidrosis-advantages--desk.png");
  }

  .clinic-hyperhidrosis-advantages__item {
    font-size: 22px;
  }
}

.clinic-hyperhidrosis-advantages__item::before {
  counter-increment: advantages;
  content: counter(advantages) ".";
  display: inline-block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.15;
  color: #fff;
}

.clinic-hyperhidrosis-price--offset {
  margin-top: 50px;
  margin-bottom: 60px;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-advantages__item::before {
    font-size: 30px;
  }

  .clinic-hyperhidrosis-price--offset {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

.clinic-hyperhidrosis-price__title {
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-price--offset {
    margin-top: 92px;
  }

  .clinic-hyperhidrosis-price__title {
    margin-bottom: 12px;
  }
}

.clinic-hyperhidrosis-price__text {
  margin-bottom: 15px;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.15;
  color: #e5870c;
}

.clinic-hyperhidrosis-price__items {
  display: flex;
  flex-direction: column;
  gap: 17px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-price__text {
    margin-bottom: 50px;
    font-size: 30px;
  }

  .clinic-hyperhidrosis-price__items {
    gap: 20px;
  }
}

.clinic-hyperhidrosis-price__item {
  display: flex;
  align-items: flex-end;
  border: 1px solid #5f6db2;
  border-radius: 15px;
  padding: 13px 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.15;
  color: #000;
  background: #f6f6f8;
}

.clinic-hyperhidrosis-price__item-label {
  display: flex;
  align-items: flex-end;
  flex-shrink: 0;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-price__item {
    padding: 14px 24px 14px 20px;
    font-size: 22px;
  }

  .clinic-hyperhidrosis-price__item-label br {
    display: none;
  }
}

.clinic-hyperhidrosis-price__item-dots {
  overflow: hidden;
  flex-grow: 1;
}

.clinic-hyperhidrosis-price__item-dots::after {
  content: "........................................................................................................................................................................................................................................................";
}

.clinic-hyperhidrosis-price__item-label-text {
  flex-shrink: 0;
}

.clinic-hyperhidrosis-price__item-value {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  white-space: nowrap;
}

.clinic-hyperhidrosis-price__item-value-new {
  font-weight: 500;
  color: #e5870c;
}

.clinic-hyperhidrosis-price__item-value-old {
  font-size: 10px;
  text-decoration: line-through;
}

.clinic-hyperhidrosis-order {
  background: #5f6db2;
}

.clinic-hyperhidrosis-order__content {
  padding-top: 40px;
  padding-bottom: 45px;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order__content {
    position: relative;
    padding-right: 382px;
    padding-bottom: 50px;
    background-image: url("/local/templates/geltek2024/frontend/img/upload/clinic-hyperhidrosis/horder-image.png");
    background-position: right bottom;
    background-size: auto 467px;
    background-repeat: no-repeat;
  }
}

.clinic-hyperhidrosis-order__title {
  margin-bottom: 13px;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-price__item-value-old {
    font-size: 22px;
  }

  .clinic-hyperhidrosis-order__content {
    padding-top: 56px;
    padding-bottom: 60px;
    background-position: right -10px bottom;
  }

  .clinic-hyperhidrosis-order__title {
    margin-bottom: 16px;
    font-size: 30px;
  }
}

.clinic-hyperhidrosis-order__text {
  margin-bottom: 21px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-order__text {
    margin-bottom: 55px;
    font-size: 22px;
  }
}

.clinic-hyperhidrosis-order__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  margin: 0 auto;
  width: 550px;
  max-width: 100%;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order__form {
    gap: 60px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-order__form {
    width: 778px;
  }
}

.clinic-hyperhidrosis-order__inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.clinic-hyperhidrosis-faq--offset {
  margin-top: 37px;
  margin-bottom: 60px;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-faq--offset {
    margin-top: 80px;
    margin-bottom: 168px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-order__inputs {
    flex-direction: row;
  }

  .clinic-hyperhidrosis-faq--offset {
    margin-bottom: 100px;
  }
}

.clinic-hyperhidrosis-faq__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.clinic-hyperhidrosis-faq__title {
  margin-top: 0;
  margin-bottom: 18px;
  font-weight: 700;
  font-size: 25px;
  line-height: 1.15;
  text-transform: uppercase;
  color: #5f6db2;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-faq__title {
    margin-bottom: 40px;
    font-size: 30px;
  }
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-faq__title {
    margin-bottom: 49px;
  }
}

.clinic-hyperhidrosis-faq__items {
  display: flex;
  flex-direction: column;
  gap: 19px;
  margin: 0 auto;
  width: 806px;
  max-width: 100%;
}

.clinic-hyperhidrosis-faq__item {
  position: relative;
  border: 1px solid #5f6db2;
  border-radius: 16px;
  background: #fff;
}

.clinic-hyperhidrosis-faq__item--active {
  z-index: 1;
}

.clinic-hyperhidrosis-faq__item--active .clinic-hyperhidrosis-faq__item-name::after {
  transform: rotate(45deg);
}

.clinic-hyperhidrosis-faq__item-name {
  position: relative;
  display: flex;
  align-items: center;
  padding: 11px 55px 11px 25px;
  min-height: 55px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #000;
  cursor: pointer;
}

.clinic-hyperhidrosis-faq__item-name::after {
  content: "+";
  position: absolute;
  right: 24px;
  top: 3px;
  font-weight: 400;
  font-size: 36px;
  line-height: 1.2;
  color: #e5870c;
  transition: transform .2s ease-in-out;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-faq__item-name {
    padding: 13px 60px 15px 23px;
    font-size: 22px;
  }

  .clinic-hyperhidrosis-faq__item-name::after {
    right: 27px;
    top: 4px;
  }
}

.clinic-hyperhidrosis-faq__item-content {
  position: relative;
  left: -1px;
  top: calc(100% - 11px);
  z-index: 1;
  overflow: hidden;
  width: calc(100% + 2px);
  max-height: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  transition: max-height .2s ease-in-out;
}

.clinic-hyperhidrosis-faq__item-content p {
  margin: 0;
}

.clinic-hyperhidrosis-faq__item-content p:not(:last-child) {
  margin-bottom: 10px;
}

.clinic-hyperhidrosis-faq__item-content-inner {
  border: 1px solid #5f6db2;
  border-top: none;
  border-radius: 0 0 16px 16px;
  padding: 17px 17px 6px;
  background-color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-faq__item-content {
    font-size: 18px;
  }

  .clinic-hyperhidrosis-faq__item-content-inner {
    padding: 23px 26px 22px;
  }

  .clinic-hyperhidrosis-map-order__content {
    padding-right: 390px;
  }
}

.clinic-hyperhidrosis-faq__item-content-limiter {
  max-width: 566px;
}

.clinic-hyperhidrosis-map-order {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #5f6db2;
}

.clinic-hyperhidrosis-map-order__content {
  position: relative;
  display: flex;
  flex-direction: column;
}

.clinic-hyperhidrosis-map-order__title {
  margin-bottom: 15px;
  color: #fff;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-map-order {
    padding-top: 0;
    padding-bottom: 0;
  }

  .clinic-hyperhidrosis-map-order__content {
    padding-right: 380px;
    padding-top: 55px;
    padding-bottom: 60px;
  }

  .clinic-hyperhidrosis-map-order__title {
    margin-bottom: 50px;
    max-width: 550px;
    font-size: 30px;
  }
}

.clinic-hyperhidrosis-map-order__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 50px;
  margin: 0 auto 25px;
  max-width: 100%;
  width: 550px;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-map-order__form {
    width: 778px;
    gap: 60px;
    margin-bottom: 0;
  }
}

.clinic-hyperhidrosis-map-order__inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

@media (min-width:992px) {
  .clinic-hyperhidrosis-map-order__inputs {
    flex-direction: row;
  }
}

.clinic-hyperhidrosis-map-order__map {
  margin: 0 auto;
  max-width: 400px;
  width: 100%;
  aspect-ratio: 342/398;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-map-order__map {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 361px;
  }

  .clinic-hyperhidrosis-map-order__map.YMaps {
    position: absolute;
  }
}

.clinic-hyperhidrosis-order-modal {
  position: fixed;
  inset: 0;
  z-index: 5;
  overflow-y: auto;
  display: none;
  justify-content: center;
  max-height: 100%;
}

.clinic-hyperhidrosis-order-modal--show {
  display: flex;
}

.clinic-hyperhidrosis-order-modal__inner {
  margin-top: auto;
  margin-bottom: auto;
  max-width: 100%;
}

.clinic-hyperhidrosis-order-modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 59px 16px 57px;
  width: 721px;
  max-width: 100%;
  background-color: #5f6db2;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order-modal__content {
    border-radius: 20px;
    padding: 65px 85px;
  }
}

.clinic-hyperhidrosis-order-modal__close {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: transparent;
  --icon-width: 18px;
  --icon-color: #fff;
}

.clinic-hyperhidrosis-order-modal__title {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order-modal__title {
    margin-bottom: 18px;
    font-size: 30px;
  }
}

.clinic-hyperhidrosis-order-modal__text {
  margin-bottom: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.15;
  text-align: center;
  color: #fff;
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order-modal__text {
    margin-bottom: 50px;
    font-size: 22px;
  }
}

.clinic-hyperhidrosis-order-modal__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 550px;
  max-width: 100%;
}

.clinic-hyperhidrosis-order-modal__inputs {
  display: flex;
  flex-direction: column;
  gap: 23px;
  margin-bottom: 40px;
  width: 100%;
}

.clinic-hyperhidrosis-online {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  height: 0;
  width: 100%;
}

.clinic-hyperhidrosis-online__container {
  width: 100%;
}

.clinic-hyperhidrosis-online__content {
  position: relative;
  width: 100%;
}

.clinic-hyperhidrosis-online__btn {
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 5;
  border: none;
  border-radius: 50%;
  width: 86px;
  aspect-ratio: 1;
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  background: rgba(229,135,12,.8);
}

@media (min-width:768px) {
  .clinic-hyperhidrosis-order-modal__inputs {
    gap: 20px;
    margin-bottom: 60px;
  }

  .clinic-hyperhidrosis-online__btn {
    width: 150px;
    font-size: 18px;
  }
}

.clinic-hyperhidrosis-online__btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 2px solid rgba(229,135,12,.8);
  width: 100%;
  height: 100%;
  animation: 2s cubic-bezier(.37,0,.8,.77) infinite wave-stroke;
  transform: translate(-50%,-50%);
}

@keyframes wave-stroke {
  100% {
    transform: translate(-50%,-50%) scale(1.5);
  }
}

.direction-card {
  scrollbar-gutter: unset;
  padding: 15px;
  width: 100%;
  min-height: 205px;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdfee;
  box-sizing: border-box;
  background: rgb(var(--white-color-rgb));
}

.direction-card__list {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.direction-card__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 10px;
}

@media (min-width:992px) {
  .direction-card__list {
    grid-template-columns: 1fr 1fr;
  }

  .direction-card__wrapper {
    gap: 14px;
  }
}

.direction-card__background {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  clip-path: path("M386.485 32.2263C394.471 39.1543 398.153 49.8163 396.146 60.1959L362.295 235.248C360.288 245.628 352.896 254.148 342.903 257.6L174.378 315.81C164.385 319.262 153.31 317.12 145.325 310.192L10.6509 193.35C2.66544 186.422 -1.0173 175.76 .989872 165.38L34.8409 -9.67205C36.848 -20.0516 44.2402 -28.572 54.2327 -32.0235L222.758 -90.2338C232.751 -93.6854 243.825 -91.5438 251.811 -84.6157L386.485 32.2263Z");
  height: 100%;
  max-width: 122px;
  width: 100%;
}

.direction-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.direction-card__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.direction-card__content>p {
  max-width: 227px;
  color: #54565a;
}

@media (min-width:576px) {
  .direction-card {
    padding: 23px;
    max-height: unset;
  }

  .direction-card__list {
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 20px;
  }

  .direction-card__background {
    max-width: 184px;
  }

  .direction-card__content {
    gap: 16px;
  }

  .direction-card__content>p {
    max-width: 339px;
    min-height: 64px;
  }
}

.direction-card__button {
  padding: 10px 12px;
  border-radius: 12px;
}

@media (min-width:576px) {
  .direction-card__button {
    padding: 15px 18px;
    border-radius: 16px;
  }
}

.cosmetologist-service .direction-card .btn_send__inner,
.direction-card .btn--M,
.direction-card .cosmetologist-service .btn_send__inner {
  flex-shrink: 0;
}

@media (max-width:374px) {
  .direction-card__content {
    width: calc(100% - 90px);
  }

  .direction-card__background {
    max-width: 90px;
    min-width: 90px;
  }
}

.resource-card {
  width: 100%;
  padding: 0;
  min-height: 221px;
  position: relative;
  box-sizing: border-box;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:576px) {
  .resource-card {
    padding: 8px;
    width: 272px;
  }
}

.resource-card__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  gap: 16px;
}

.resource-card__image {
  height: 250px;
  min-width: 180px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}

.resource-card__image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  z-index: 1;
  pointer-events: none;
}

@media (min-width:576px) {
  .resource-card__image {
    min-width: 256px;
    height: 358px;
  }
}

.resource-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.resource-card__title {
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  margin: 0;
}

.resource-card__content {
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
}

.resource-card__content .icon {
  width: 20px;
  height: 20px;
  background-color: #0a0c0f;
  -webkit-mask-size: var(--mask-size,contain);
  mask-size: var(--mask-size,contain);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.resource-card__content-links-with-icon-link {
  display: none;
}

@media (min-width:992px) {
  .resource-card__title {
    margin-top: -4px;
    font-size: 14px;
    line-height: 18px;
  }

  .resource-card__content-links-with-icon-link {
    display: block;
    --icon-width: 20px;
    --icon-height: 20px;
    padding: 8px;
  }
}

.resource-card__button {
  --icon-width: 20px;
  --icon-height: 20px;
  display: flex;
  width: 100%;
  justify-content: center;
  margin-top: -4px;
}

@media (min-width:992px) {
  .resource-card__button {
    display: none;
  }
}

.overview-card {
  width: 100%;
  border-radius: 16px;
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdfee;
  box-sizing: border-box;
  height: 100%;
  max-height: 128px;
  min-height: 128px;
  padding-block: 16px;
  padding-inline: 21px;
  background: rgb(var(--white-color-rgb));
}

.overview-card__list {
  display: grid;
  grid-template-columns: auto;
  gap: 16px;
}

@media (min-width:576px) {
  .overview-card__list {
    grid-template-columns: auto auto;
  }
}

.overview-card__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 113px;
  height: 50px;
  background-color: #5f6db2;
  opacity: .8;
  clip-path: path("M113.038 2.12395e-06L97.538 25.8359C89.1375 39.8382 74.1948 48.6096 57.8739 49.1186L0 50.9239C-.000320435 17.5 6.10352e-05 31 0 2.12395e-06C110 4.29691e-06 87.0003 -3.59809e-06 113.038 2.12395e-06Z");
}

.overview-card__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  z-index: 1;
}

@media (min-width:992px) {
  .overview-card__list {
    grid-template-columns: auto auto auto auto;
  }

  .overview-card__background {
    width: 140px;
    height: 75px;
    clip-path: path("M2.03451e-05 2.15927e-05C84.6576 2.15927e-05 68.3287 -.0189784 84.6577 2.15927e-05C128 1.39633e-05 123 2.15927e-05 139.093 2.15927e-05L105.112 52.699C96.2631 66.4223 81.0445 74.7058 64.7156 74.6868C41.1073 74.6593 19.5836 74.5393 2.03451e-05 74.3323C-2.54313e-05 28.5 2.03451e-05 30.4896 2.03451e-05 2.15927e-05Z");
  }

  .overview-card {
    gap: 24px;
    padding-block: 24px;
    border-radius: 24px;
    max-height: 203px;
  }
}

.breadcrumbs {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

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

.breadcrumbs__link {
  display: inline-block;
  padding: 4px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  color: #999b9f;
  text-decoration: none;
}

.breadcrumbs__link[href] {
  color: #54565a;
}

.breadcrumbs__divider {
  --icon-width: 3px;
  --icon-height: 3px;
  --icon-color: #999b9f;
}

.link-card {
  overflow: hidden;
  display: flex;
  border: 1px solid #dcdfee;
  border-radius: 0;
  margin-left: -16px;
  width: calc(100% + 32px);
  min-height: 244px;
  background: center center/cover no-repeat #ccc;
  box-sizing: border-box;
}

@media (min-width:576px) {
  .link-card {
    margin-left: 0;
    border-radius: 24px;
    width: auto;
  }
}

.link-card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 16px;
  margin-top: auto;
  padding: 16px 111px 16px 24px;
  width: 370px;
  max-width: 100%;
  min-height: 127px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/link-card.svg");
  background-position: top right;
  background-size: 477px auto;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.link-card__text {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #fff;
}

.page-content-container {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-bottom: 28px;
}

@media (min-width:768px) {
  .link-card__content {
    min-height: 147px;
  }

  .link-card__text {
    font-size: 16px;
  }

  .page-content-container {
    gap: 56px;
    padding-bottom: 106px;
  }
}

.page-info {
  padding-top: 12px;
  padding-bottom: 8px;
}

.page-info__container {
  display: flex;
  justify-content: space-between;
}

@media (min-width:992px) {
  .page-info {
    padding-top: 31px;
    padding-bottom: 39px;
  }

  .page-info__container {
    display: block;
  }
}

.page-info__breadcrumbs {
  display: none;
  margin-bottom: 23px;
}

.page-info__mob {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

@media (min-width:992px) {
  .page-info__breadcrumbs {
    display: flex;
  }

  .page-info__mob {
    display: none;
  }
}

.page-info__title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  color: #0a0c0f;
}

.page-info__top-heading {
  display: none;
  align-items: center;
  justify-content: space-between;
}

.page-info__icon-btns {
  display: flex;
  align-items: center;
  gap: 16px;
}

.page-tabs {
  margin-bottom: 11px;
}

@media (min-width:768px) {
  .page-info__title {
    font-size: 32px;
    color: #141313;
  }

  .page-tabs {
    margin-bottom: 24px;
  }
}

.page-tabs__fixer {
  width: 100%;
  z-index: 3;
  transition: padding .3s ease-in-out;
}

.page-tabs__fixer_fixed {
  position: fixed;
  left: 0;
  border-top: 1px solid #e8e9eb;
  padding-top: 8px;
  padding-bottom: 8px;
  box-shadow: 0 0 15px 0 rgba(95,109,178,.2);
  background: #fff;
}

.history-card {
  overflow: hidden;
  position: relative;
  padding-block: 16px;
  scrollbar-gutter: unset;
}

.history-card--pt-0 {
  padding-top: 0;
}

@media (min-width:992px) {
  .page-info__top-heading {
    display: flex;
  }

  .history-card {
    gap: 42px;
    padding-block: 24px;
  }

  .history-card--pt-0 {
    padding-top: 0;
  }
}

.history-card>h2 {
  z-index: 10;
}

.history-card__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 20px;
}

@media (min-width:992px) {
  .history-card__wrapper {
    gap: 42px;
  }
}

.history-card__time-info {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.history-card__time-info--text {
  gap: 12px;
}

.history-card__date-img {
  position: relative;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  display: flex;
  border: 1px solid #dcdfee;
  width: 100%;
  height: 100%;
  max-width: 293px;
  min-height: 170px;
  scrollbar-gutter: unset;
  border-radius: 16px;
}

.history-card__date-img>h2 {
  z-index: 10;
  padding: 16px 25px;
}

.history-card__date-img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}

.history-card__date-poligon {
  position: absolute;
  left: 0;
  top: 0;
  width: 136px;
  height: 67px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon-mobile.svg");
  -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon-mobile.svg");
  mask-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon-mobile.svg");
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 1;
}

.history-card__content {
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.history-card .time-point {
  width: 20px;
  flex-shrink: 0;
}

.history-card .time-point__wrapper {
  height: 100%;
  padding-top: 32px;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
}

.history-card .time-point__wrapper--first {
  padding-top: 0;
  margin-top: 48px;
}

.history-card .time-point__wrapper--small {
  padding-top: 18px;
}

.history-card .time-point__point-icon {
  width: 20px;
  height: 20px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/time-point.svg");
  background-repeat: no-repeat;
  position: relative;
}

.history-card .time-point__dotted-line {
  width: 100%;
  height: 100%;
  padding-block: 20px;
}

.history-card .time-point__dotted-line::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  width: 10px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/time-dotted-line.svg");
  background-size: 1px 5px;
  background-position: center;
  background-repeat: repeat-y;
  transform: translateX(-50%);
}

.faq {
  padding-bottom: 32px;
}

.faq .h2 {
  line-height: 1.3;
  font-size: 22px;
  margin-bottom: 32px;
}

@media (min-width:992px) {
  .history-card__date-img {
    max-width: 608px;
    min-height: 353px;
    border-radius: 24px;
  }

  .history-card__date-img>h2 {
    padding: 35px 36px;
  }

  .history-card__date-poligon {
    background-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon.svg");
    -webkit-mask-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon.svg");
    mask-image: url("/local/templates/geltek2024/frontend/img/icons/history-history-poligon.svg");
    width: 240px;
    height: 130px;
  }

  .history-card__content>p {
    max-width: 605px;
  }

  .history-card__content {
    gap: 12px;
  }

  .history-card .time-point__wrapper {
    padding-top: 62px;
  }

  .history-card .time-point__wrapper--first {
    margin-top: 62px;
    padding-top: 0;
  }

  .history-card .time-point__wrapper--small {
    padding-top: 33px;
  }

  .faq {
    padding-bottom: 106px;
  }

  .faq .h2 {
    font-size: 44px;
    margin-bottom: 32px;
  }
}

.faq__list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 0 36px;
  padding: 0;
}

.faq__item-button {
  padding: 16px;
  text-align: start;
}

@media (min-width:992px) {
  .faq__list {
    margin-bottom: 40px;
  }

  .faq__item-button {
    padding: 24px;
  }
}

.faq__item-text {
  margin: 0;
  padding: 16px;
}

@media (min-width:992px) {
  .faq__item-text {
    padding: 24px;
  }
}

.faq__ask {
  display: flex;
  border-radius: 16px;
  padding: 16px;
  flex-direction: column;
  gap: 12px;
}

.faq__ask .card__content {
  gap: 16px;
}

.faq__ask .card__content-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
}

@media (min-width:992px) {
  .faq__ask {
    padding: 24px;
    gap: 24px;
    flex-direction: row;
  }

  .faq__ask .card__content {
    gap: 12px;
  }

  .faq__ask .card__content-title {
    font-size: 24px;
  }
}

.faq__ask .icon {
  background: #5f6db2;
}

.faq__ask .button,
.faq__ask .button--ghost,
.faq__ask .button--ghost--dark,
.faq__ask .button--ghost--light,
.faq__ask .button--primary,
.faq__ask .button--primary--dark,
.faq__ask .button--primary--light,
.faq__ask .button--secondary,
.faq__ask .button--secondary--dark,
.faq__ask .button--secondary--light,
.faq__ask .button-filter,
.faq__ask .direction-card__button,
.faq__ask .section-history__button,
.faq__ask .slider-navigation-next,
.faq__ask .slider-navigation-prev {
  width: 100%;
  padding: 12px;
  justify-content: center;
  font-size: 11px;
}

.categories-slider {
  margin: 0;
  height: 48px;
}

.categories-slider__item {
  --chip-bg: rgb(var(--white-color-rgb));
  text-decoration: none;
  flex-shrink: 0;
  box-sizing: border-box;
}

.categories-slider__image {
  box-sizing: border-box;
}

.categories-slider__arrows {
  position: absolute;
  top: 0;
  z-index: 3;
  display: none;
}

.categories-slider__wrapper--scroll {
  position: sticky;
  background-color: rgb(var(--white-color-rgb));
  z-index: 5;
  top: 60px;
  padding-top: 8px;
  padding-bottom: 8px;
  animation: .6s ease-in-out appear;
  overflow: hidden;
}

@media (min-width:992px) {
  .faq__ask .button,
  .faq__ask .button--ghost,
  .faq__ask .button--ghost--dark,
  .faq__ask .button--ghost--light,
  .faq__ask .button--primary,
  .faq__ask .button--primary--dark,
  .faq__ask .button--primary--light,
  .faq__ask .button--secondary,
  .faq__ask .button--secondary--dark,
  .faq__ask .button--secondary--light,
  .faq__ask .button-filter,
  .faq__ask .direction-card__button,
  .faq__ask .section-history__button,
  .faq__ask .slider-navigation-next,
  .faq__ask .slider-navigation-prev {
    padding: 18px 20px;
    width: -moz-max-content;
    width: max-content;
    font-size: 12px;
  }

  .categories-slider__arrows {
    display: flex;
  }

  .categories-slider__wrapper--scroll {
    top: 72px;
  }
}

.categories-slider__text {
  display: none;
}

@keyframes appear {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.banner-slider__slide-with-hexagon {
  width: 343px;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
}

@media (min-width:992px) {
  .categories-slider__text {
    display: inline;
  }

  .categories-slider__text--mobile {
    display: none;
  }

  .banner-slider__slide-with-hexagon {
    width: 100%;
    border-radius: 24px;
  }
}

.banner-slider__slide-with-hexagon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.banner-slider__slide-with-hexagon-content {
  position: relative;
  z-index: 1;
  background-color: #5f6db2;
  width: 100%;
  max-width: 246px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 12px;
  gap: 16px;
  clip-path: path("M211.484 53.2263C219.47 60.1543 223.152 70.8163 221.145 81.1959L187.294 256.248C185.287 266.628 177.895 275.148 167.902 278.6L-.623022 336.81C-10.6156 340.262 -21.6905 338.12 -29.6759 331.192L-164.35 214.35C-172.336 207.422 -176.018 196.76 -174.011 186.38L-140.16 11.328C-138.153 .948367 -130.761 -7.57197 -120.768 -11.0235L47.757 -69.2338C57.7496 -72.6854 68.8245 -70.5438 76.8099 -63.6157L211.484 53.2263Z");
}

@media (min-width:992px) {
  .banner-slider__slide-with-hexagon-content {
    max-width: 519px;
    padding-left: 32px;
    clip-path: path("M484.389 40.6766C497.151 51.7492 503.037 68.7895 499.829 85.3785L445.727 365.152C442.519 381.741 430.705 395.359 414.735 400.875L145.393 493.908C129.422 499.425 111.722 496.002 98.9594 484.929L-116.281 298.189C-129.043 287.116 -134.929 270.076 -131.721 253.487L-77.6197 -26.2865C-74.4118 -42.8755 -62.5975 -56.493 -46.627 -62.0093L222.715 -155.043C238.685 -160.559 256.386 -157.136 269.148 -146.064L484.389 40.6766Z");
  }
}

.banner-slider__slide-with-hexagon-tag {
  display: none;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  padding: 6px 8px;
  box-sizing: border-box;
}

.banner-slider__slide-with-hexagon-tag--mobile {
  display: block;
}

.banner-slider__slide-with-hexagon-title {
  max-width: 80%;
  color: rgb(var(--white-color-rgb));
  font-weight: 500;
}

@media (min-width:992px) {
  .banner-slider__slide-with-hexagon-tag {
    margin-bottom: -4px;
    display: block;
  }

  .banner-slider__slide-with-hexagon-tag--mobile {
    display: none;
  }

  .banner-slider__slide-with-hexagon-title {
    max-width: 419px;
  }
}

.banner-slider__slide-with-hexagon-button {
  display: block;
  text-decoration: none;
  border-radius: 8px;
}

.banner-slider__slide-with-hexagon-image {
  position: absolute;
  z-index: 0;
  height: 204px;
  left: -141px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: bottom;
  object-position: bottom;
}

@media (min-width:992px) {
  .banner-slider__slide-with-hexagon-button {
    border-radius: 12px;
  }

  .banner-slider__slide-with-hexagon-image {
    width: 856px;
    height: 264px;
    left: 349px;
  }
}

.banner-slider {
  height: 204px;
  margin: 0;
}

@media (min-width:992px) {
  .banner-slider {
    height: 264px;
  }
}

.banner-slider__list-wrapper,
.banner-slider__wrapper {
  width: 100%;
  height: 100%;
}

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

.banner-slider__slide {
  min-width: 343px;
}

.banner-slider__arrows {
  position: absolute;
  width: 100%;
  z-index: 2;
  display: none;
}

@media (min-width:992px) {
  .banner-slider__slide {
    flex-shrink: 0;
  }

  .banner-slider__arrows {
    display: flex;
  }
}

@media (max-width:374px) {
  .overview-card {
    max-height: unset;
  }

  .banner-slider__slide {
    min-width: 300px;
  }

  .catalog-list {
    -moz-column-gap: 7px;
    column-gap: 7px;
  }
}

.swiper-wrapper .empty-slide {
  background-color: #dcdfee;
  border: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  box-sizing: border-box;
  text-decoration: none;
}

@media (min-width:992px) {
  .swiper-wrapper .empty-slide {
    padding: 20px;
  }
}

.swiper-wrapper .empty-slide__button {
  gap: 12px;
  width: 100%;
  transition: none;
  padding: 0;
}

.swiper-wrapper .empty-slide__button-text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: left;
}

.swiper-wrapper .empty-slide__button-icon {
  min-width: 24px;
}

.category-banner-section {
  overflow-x: clip;
  overflow-y: visible;
  margin-top: 32px;
  margin-bottom: 32px;
  padding-right: 0;
}

@media (min-width:992px) {
  .swiper-wrapper .empty-slide__button {
    gap: 50px;
  }

  .swiper-wrapper .empty-slide__button-text {
    font-size: 16px;
    line-height: 21px;
  }

  .category-banner-section {
    margin-top: 56px;
    margin-bottom: 56px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .categories-slider__wrapper--scroll {
    top: 80px;
  }

  .banner-slider__arrows {
    left: -2%;
    width: 104%;
  }

  .category-banner-section {
    padding-right: calc(50% - 580px);
  }

  .category-banner-slider__arrows.slider-navigation {
    left: -24px;
    width: calc(100% + 48px);
  }
}

.category-banner-slider__banner {
  position: relative;
  z-index: 0;
  display: flex;
  justify-content: center;
  height: 250px;
}

.category-banner-slider__heading {
  position: relative;
  z-index: 1;
  width: 100%;
  color: rgb(var(--white-color-rgb));
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 8px;
  margin-top: 46px;
}

.category-banner-slider__heading a:link,
.category-banner-slider__heading a:visited,
.category-banner-slider__heading:link,
.category-banner-slider__heading:visited {
  color: rgb(var(--white-color-rgb));
}

.category-banner-slider__title,
.category-banner-slider__title--mobile {
  display: none;
}

.category-banner-slider__title--mobile {
  display: inline;
}

.category-banner-slider__button {
  --text-color: rgb(var(--white-color-rgb));
  text-decoration: none;
  transition: none;
  padding: 12.5px 4px;
  font-size: 11px;
  line-height: 11px;
  font-weight: 500;
  box-sizing: border-box;
  height: 36px;
}

@media (min-width:992px) {
  .category-banner-slider__heading {
    margin-top: 48px;
    margin-left: 10px;
  }

  .category-banner-slider__title,
  .category-banner-slider__title--mobile {
    display: inline;
    max-width: 700px;
  }

  .category-banner-slider__title--mobile {
    display: none;
  }

  .category-banner-slider__button {
    font-size: 12px;
    line-height: 12px;
    padding: 17px 4px 18px;
    height: 48px;
  }

  .category-banner-slider__image-wrapper {
    border-radius: 24px;
  }
}

.category-banner-slider__image {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
}

.category-banner-slider__image-wrapper {
  background: var(--category-banner-background,#5f6db2);
  position: absolute;
  z-index: 0;
  width: 110%;
  height: 100%;
  max-width: 1236px;
  overflow: hidden;
}

.category-banner-slider__product {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: -47px;
}

.category-banner-slider__product-list {
  margin: 0;
  width: 100%;
}

.category-banner-slider__product-list-item {
  margin-right: 24px;
}

@media (max-width:378px) {
  .category-banner-slider__product-list-item {
    max-width: unset;
  }
}

@media (min-width:320px) {
  .category-banner-slider__product-list-item {
    margin-right: 12px;
  }
}

.category-banner-slider__arrows.slider-navigation {
  position: absolute;
  z-index: 2;
  display: none;
  margin-top: -52px;
}

@media (min-width:992px) {
  .category-banner-slider__product-list-item {
    margin-right: 24px;
  }

  .category-banner-slider__arrows.slider-navigation {
    display: flex;
  }
}

.category-banner-slider:has(.product-card__content-pieces-per-pack-notice) .category-banner-slider__arrows {
  margin-top: -1px;
}

.category-banner-slider--secondary .category-banner-slider__image {
  position: static;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: none!important;
}

@media (min-width:992px) {
  .category-banner-slider--secondary .category-banner-slider__image {
    display: block!important;
  }

  .category-banner-slider--secondary .category-banner-slider__wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.category-banner-slider--secondary .category-banner-slider__heading {
  margin: 0 0 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #0a0c0f;
}

.category-banner-slider--secondary .category-banner-slider__heading a:link,
.category-banner-slider--secondary .category-banner-slider__heading a:visited,
.category-banner-slider--secondary .category-banner-slider__heading:link,
.category-banner-slider--secondary .category-banner-slider__heading:visited {
  color: #0a0c0f;
}

.category-banner-slider--secondary .category-banner-slider__button {
  background: 0 0;
  color: #5f6db2;
  width: 190px;
}

.category-banner-slider--secondary .category-banner-slider__button a:link,
.category-banner-slider--secondary .category-banner-slider__button a:visited,
.category-banner-slider--secondary .category-banner-slider__button:link,
.category-banner-slider--secondary .category-banner-slider__button:visited,
.category-banner-slider--secondary .category-banner-slider__button>span {
  color: #5f6db2;
}

@media (min-width:992px) {
  .category-banner-slider--secondary .category-banner-slider__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: 1fr 48px;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin: 0 0 40px;
  }

  .category-banner-slider--secondary .category-banner-slider__heading-right {
    line-height: 21px;
    margin: 12px 0;
    grid-area: 1/2/3/3;
  }

  .category-banner-slider--secondary .category-banner-slider__button {
    order: 3;
    width: 209px;
    grid-area: 2/1/3/2;
  }

  .category-banner-slider--secondary .category-banner-slider__banner {
    position: absolute;
    width: 388px;
    height: 540px;
    left: 0;
  }

  .category-banner-slider--secondary .category-banner-slider__image-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .category-banner-slider--secondary .category-banner-slider__product {
    margin-top: 0;
  }

  .category-banner-slider--secondary .category-banner-slider__product-list {
    padding-left: calc(100% - 864px);
  }

  .category-banner-slider--secondary .category-banner-slider__title,
  .category-banner-slider--secondary .category-banner-slider__title--mobile {
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: 57px;
    grid-area: 1/1/2/2;
  }
}

.category-banner-slider--image-fullwidth .category-banner-slider__image {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.record-card {
  position: relative;
  border: 1px solid #dcdfee;
  border-radius: 24px;
  overflow: hidden;
  max-height: 215px;
  box-sizing: border-box;
  width: 100%;
  height: 215px;
}

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

.record-card__content {
  position: absolute;
  bottom: 0;
  height: 82.5px;
  width: 100%;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/record-card-polygon-mobile.svg");
  background-repeat: no-repeat;
}

.record-card__link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  height: 100%;
  text-decoration: none;
}

.record-card__text {
  color: rgb(var(--white-color-rgb));
  max-width: 181px;
  display: flex;
  align-items: center;
  margin-left: 35px;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
}

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

  .record-card__content {
    background-image: url("/local/templates/geltek2024/frontend/img/icons/record-card-polygon.svg");
  }

  .record-card__link {
    gap: 16px;
  }

  .record-card__text {
    margin-top: 3px;
    font-size: 14px;
    line-height: 18px;
  }

  .record-card .icon-arrow-right {
    margin-top: 3px;
  }
}

.catalog-main-banner {
  height: 100%;
  background-color: #fdfdfd;
  box-sizing: border-box;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  outline: #e8e9eb solid 1px;
  outline-offset: -1px;
  overflow: hidden;
  display: grid;
}

.catalog-main-banner__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr .02fr;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  box-sizing: border-box;
}

.catalog-main-banner .breadcrumbs {
  display: none;
}

@media (min-width:992px) {
  .catalog-main-banner {
    min-height: 406px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }

  .catalog-main-banner .breadcrumbs {
    display: flex;
    align-items: center;
  }
}

.catalog-main-banner .breadcrumbs__item {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

.catalog-main-banner__heading {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 60px;
  padding-bottom: 20px;
}

@media (min-width:992px) {
  .catalog-main-banner__heading {
    padding-top: 128px;
    padding-bottom: 40px;
  }
}

.catalog-main-banner__title {
  position: relative;
  z-index: 1;
  margin: 0;
}

.about-section__expertise-card .benefit-card__text .catalog-main-banner__description.p--100,
.about-section__expertise-card .benefit-card__text .catalog-main-banner__description.xs-sort-button,
.careers-form__field input.catalog-main-banner__description,
.careers-form__field textarea.catalog-main-banner__description,
.careers-section__condition-item p.catalog-main-banner__description,
.catalog-main-banner__description.delivery-and-payment-section__tab-button,
.catalog-main-banner__description.expandable-question__tab-button,
.catalog-main-banner__description.feedback__input,
.catalog-main-banner__description.feedback__textarea,
.catalog-main-banner__description.p,
.catalog-main-banner__description.p--100,
.catalog-main-banner__description.p--80,
.catalog-main-banner__description.p--90,
.catalog-main-banner__description.xs-sort-button,
.promotion-form__field input.catalog-main-banner__description {
  color: #54565a;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
}

.catalog-main-banner__image {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: none;
}

@media (min-width:992px) {
  .about-section__expertise-card .benefit-card__text .catalog-main-banner__description.p--100,
  .about-section__expertise-card .benefit-card__text .catalog-main-banner__description.xs-sort-button,
  .careers-form__field input.catalog-main-banner__description,
  .careers-form__field textarea.catalog-main-banner__description,
  .careers-section__condition-item p.catalog-main-banner__description,
  .catalog-main-banner__description.delivery-and-payment-section__tab-button,
  .catalog-main-banner__description.expandable-question__tab-button,
  .catalog-main-banner__description.feedback__input,
  .catalog-main-banner__description.feedback__textarea,
  .catalog-main-banner__description.p,
  .catalog-main-banner__description.p--100,
  .catalog-main-banner__description.p--80,
  .catalog-main-banner__description.p--90,
  .catalog-main-banner__description.xs-sort-button,
  .promotion-form__field input.catalog-main-banner__description {
    max-width: 570px;
    font-size: 14px;
    line-height: 18px;
  }

  .catalog-main-banner__image {
    display: block;
  }
}

.catalog-main-banner__image-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.catalog-main-banner__image-wrapper>picture {
  display: flex;
}

.catalog-main-banner__videos {
  grid-column: span 2;
  display: flex;
  justify-content: stretch;
  gap: 20px;
  flex-wrap: wrap;
  margin: 20px 0;
}

.catalog-main-banner__video {
  aspect-ratio: 16/9;
  border-radius: 12px;
  flex-grow: 1;
  max-width: 100%;
}

@media (min-width:576px) {
  .catalog-main-banner__video {
    width: calc(50% - 40px);
  }
}

@media (min-width:992px) {
  .catalog-main-banner__videos {
    gap: 40px;
    margin: 40px 0;
  }

  .catalog-main-banner__video {
    width: calc(33.3333333333% - 120px);
    border-radius: 24px;
  }
}

.catalog-main-banner__additional {
  position: absolute;
}

.catalog-main-banner__additional-modal-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.catalog-main-banner__additional-modal-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.catalog-main-banner__additional-modal-image-wrapper {
  width: 100%;
  height: 100%;
  max-height: 226px;
  border-radius: 16px;
  overflow: clip;
}

@media (min-width:992px) {
  .catalog-main-banner__additional-modal-image-wrapper {
    max-height: 526px;
    border-radius: 24px;
    margin-bottom: 4px;
  }
}

.catalog-main-banner__additional-modal-text {
  margin: 0;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.catalog-main-banner__additional-modal-btn {
  min-width: 91px;
}

.category-articles-slider {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.category-articles-slider-section {
  overflow-x: clip;
  overflow-y: visible;
  margin-top: 32px;
  margin-bottom: 32px;
  padding-right: 0;
}

@media (min-width:992px) {
  .catalog-main-banner__additional-modal-text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }

  .category-articles-slider {
    gap: 40px;
  }

  .category-articles-slider-section {
    margin-top: 56px;
    margin-bottom: 56px;
    padding-right: 16px;
  }
}

@media (min-width:1250px) {
  .catalog-main-banner__heading {
    padding-top: 136px;
  }

  .category-articles-slider-section {
    padding-right: calc(50% - 580px);
  }
}

.category-articles-slider__heading {
  max-width: 343px;
}

.category-articles-slider__articles {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.category-articles-slider__articles-list {
  width: 100%;
  margin: 0;
}

.category-articles-slider__article {
  background-color: rgb(var(--white-color-rgb));
  border-radius: 16px;
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  min-width: 225px;
  min-height: 234px;
  box-sizing: border-box;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  overflow: hidden;
}

.category-articles-slider__article-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  margin: 0;
  line-height: 18px;
}

@media (min-width:992px) {
  .category-articles-slider__heading {
    max-width: unset;
  }

  .category-articles-slider__article {
    gap: 12px;
    border-radius: 24px;
    min-width: 371px;
    max-height: 175px;
    min-height: unset;
  }

  .category-articles-slider__article-title {
    font-size: 16px;
    line-height: 21px;
  }
}

.category-articles-slider__article-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 12px;
}

.category-articles-slider__article-description {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  margin: 0;
  height: 100%;
  max-height: 132px;
  overflow: hidden;
}

@media (min-width:992px) {
  .category-articles-slider__article-description {
    max-height: 62px;
    font-size: 16px;
    line-height: 21px;
  }
}

.category-articles-slider__article-button {
  --icon-width: 20px;
  --icon-height: 20px;
  padding: 0;
  gap: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  box-sizing: border-box;
  transition: none;
}

.category-articles-slider__arrows {
  position: absolute;
  z-index: 2;
  display: none;
}

@media (min-width:992px) {
  .category-articles-slider__arrows {
    display: flex;
  }
}

@media (min-width:1250px) {
  .category-articles-slider__arrows {
    left: -2%;
    width: 104%;
  }
}

.category-articles-slider .tag {
  margin-top: auto;
}

.catalog-list__banner {
  width: 100%;
  height: 100%;
  max-width: 164px;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  grid-column: 1/2;
  display: block;
}

.catalog-list__banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  border-radius: inherit;
  pointer-events: none;
}

.catalog-list__banner-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

.catalog-list__banner-icon {
  position: absolute;
  top: 23px;
  right: 21px;
  width: 59px;
  height: 59px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/white-polygon.svg");
  background-repeat: no-repeat;
  background-position: center;
  display: none;
  align-items: center;
  justify-content: center;
  --icon-width: 37px;
  --icon-height: 37px;
  --icon-color: #0a0c0f;
}

.catalog-list__banner-content {
  position: absolute;
  width: 100%;
  height: 229px;
  bottom: 0;
  left: 0;
  padding: 30px 20px 2px 16px;
}

.catalog-list__banner-content::after,
.catalog-list__banner-content::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon-mobile.svg");
  mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon-mobile.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: transparent;
}

@media (min-width:992px) {
  .catalog-list__banner {
    max-width: unset;
  }

  .catalog-list__banner-content {
    padding: 0;
    height: 182px;
  }

  .catalog-list__banner-content::after,
  .catalog-list__banner-content::before {
    -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon-md.svg");
    mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon-md.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: transparent;
  }
}

.catalog-list__banner-content::before {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.catalog-list__banner-content::after {
  background-color: #5f6db2;
}

.catalog-list__banner-content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}

.catalog-list__banner-title {
  font-weight: 500;
  color: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .catalog-list__banner-content-wrapper {
    padding: 40px 21px 32px 24px;
    gap: 16px;
  }

  .catalog-list__banner-title {
    max-width: 208px;
  }
}

.catalog-list__banner-button {
  border: none;
  padding-inline: 10px;
}

.catalog-list__banner-button-text {
  display: none;
}

@media (min-width:992px) {
  .catalog-list__banner-button-text {
    display: block;
  }

  .catalog-list__banner-button-text--mobile {
    display: none;
  }
}

@media (min-width:1250px) {
  .catalog-list__banner--lg .catalog-list__banner-icon {
    display: flex;
  }

  .catalog-list__banner--lg .catalog-list__banner-content {
    height: 202px;
    padding: 0;
  }

  .catalog-list__banner--lg .catalog-list__banner-content::after,
  .catalog-list__banner--lg .catalog-list__banner-content::before {
    -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon.svg");
    mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .catalog-list__banner--lg .catalog-list__banner-content-wrapper {
    gap: 16px;
    padding: 55px 21px 37px 36px;
  }

  .catalog-list__banner--lg .catalog-list__banner-title {
    max-width: 331px;
  }
}

@media (max-width:355px) {
  .catalog-list__banner {
    max-width: unset;
    max-height: 649px;
  }

  .catalog-list__banner-content::after,
  .catalog-list__banner-content::before {
    -webkit-mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon.svg");
    mask: url("/local/templates/geltek2024/frontend/img/icons/category-list-banner-polygon.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
  }

  .catalog-list__banner-image {
    width: 100%;
    height: 645px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
  }
}

.catalog-list {
  display: grid;
  grid-template-columns: repeat(auto-fill,164px);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  list-style: none;
}

.catalog-list__item {
  position: relative;
  width: 100%;
  height: 100%;
  grid-column: span 1;
  z-index: auto;
  display: flex;
}

.catalog-list__item--lg {
  display: flex;
}

@media (min-width:992px) {
  .catalog-list {
    grid-template-columns: repeat(auto-fill,272px);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .catalog-list__item--lg {
    max-height: 639px;
  }
}

.catalog-list--secondary {
  grid-template-columns: 1fr;
}

@media (min-width:768px) {
  .catalog-list--secondary {
    grid-template-columns: repeat(2,1fr);
  }
}

@media (min-width:992px) {
  .catalog-list--secondary {
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto;
  }
}

.catalog-list--secondary .product-card {
  max-width: unset;
}

@media (max-width:365px) {
  .catalog-list {
    grid-template-columns: repeat(auto-fill,100%);
  }

  .catalog-list .product-card {
    max-width: unset;
  }
}

.catalog-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 24px;
  overflow: hidden;
}

.catalog-table__head {
  background-color: #edeef6;
}

.catalog-table__th {
  padding: 12px 20px 12px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  height: 64px;
}

.catalog-table__th:first-child {
  padding: 12px 20px;
}

.catalog-table__body-row {
  height: 100px;
}

.catalog-table__cell {
  background-color: rgb(var(--white-color-rgb));
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  padding: 22px 20px 0 12px;
  vertical-align: top;
  box-sizing: border-box;
}

.catalog-table__cell-photo {
  padding: 8px 8px 0;
}

.catalog-table__cell-photo>img {
  width: 83px;
  height: 83px;
}

.catalog-table__cell-name,
.catalog-table__cell-price {
  font-weight: 500;
}

.catalog-table__cell-name {
  max-width: 369px;
}

.catalog-table__cell-weight {
  min-width: 40px;
  padding-top: 41px;
}

.catalog-table__cell-per-pack {
  padding-top: 41px;
}

.catalog-table__cell-price-per-pack {
  padding-top: 41px;
  white-space: nowrap;
}

.catalog-table__cell-price {
  padding-top: 41px;
}

.catalog-table__cell-price * {
  white-space: nowrap;
}

.catalog-table__cell-buttons {
  padding: 12px;
}

@media (min-width:1250px) {
  .catalog-list__item--lg {
    grid-column: span 2;
    display: flex;
  }

  .catalog-table__cell-photo {
    width: 100px;
  }

  .catalog-table__cell-name {
    width: 369px;
  }

  .catalog-table__cell-weight {
    width: 90px;
  }

  .catalog-table__cell-per-pack {
    width: 106px;
  }

  .catalog-table__cell-price-per-pack {
    width: 140px;
  }

  .catalog-table__cell-price {
    width: 131px;
  }

  .catalog-table__cell-buttons {
    width: 224px;
  }
}

.catalog-table__cell-buttons-row {
  display: flex;
  gap: 12px;
}

.catalog-table__cell-buttons-row .add-to-cart,
.catalog-table__cell-buttons-row .counter {
  min-width: 200px;
}

.catalog-table__cell-buttons-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.catalog-table__cell-buttons-wrapper .accordion__details-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.catalog-table__cell-buttons-wrapper .accordion__details-wrapper .product-card__content-buttons-button {
  width: calc(50% - 8px);
}

.catalog-table__cell-buttons-wrapper .accordion--open .accordion__details-wrapper {
  padding-top: 12px;
}

.catalog-table__old-price {
  font-weight: 400;
  text-decoration: line-through;
  color: #6a6d72;
  margin-bottom: 3px;
}

.catalog-table__favorite-btn {
  --icon-width: 16px;
  --icon-height: 16px;
  --icon-color: #c0c5dd;
}

.catalog-table__favorite-btn .icon {
  transition: background-color .3s ease-in-out;
}

.catalog-table__favorite-btn--active {
  --icon-color: #ef4444;
}

.container .master-class-webinar {
  --card-bg: rgb(var(--white-color-rgb));
  border-radius: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}

@media (min-width:992px) {
  .container .master-class-webinar {
    flex-direction: row;
    gap: 24px;
    padding: 24px;
  }
}

.container .master-class-webinar__address {
  color: #5f6db2;
}

.container .master-class-webinar__schedule {
  display: flex;
  gap: 16px;
  padding-bottom: 11px;
  align-self: stretch;
  border-bottom: 1px solid #dcdfee;
}

@media (min-width:992px) {
  .container .master-class-webinar__schedule {
    align-items: flex-start;
    border-bottom: none;
    padding-bottom: unset;
    padding-right: 16px;
    border-right: 1px solid #dcdfee;
    gap: 12px;
    min-width: 356px;
    max-width: 20%;
  }

  .container .master-class-webinar__schedule-time {
    margin: 0 12px;
  }
}

.container .master-class-webinar__schedule-time {
  color: #6a6d72;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.container .master-class-webinar__date {
  display: grid;
  grid-template-columns: max-content max-content 1fr;
  grid-template-rows: repeat(2,16px);
  width: auto;
  min-width: 130px;
  grid-column-gap: 4px;
  grid-row-gap: 0;
  align-items: center;
  color: #4e5993;
  padding: 7px 6px 8px 12px;
  border-radius: 8px;
  height: -moz-max-content;
  height: max-content;
  flex-shrink: 0;
}

.container .master-class-webinar__date-number {
  grid-area: 1/1/3/2;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  vertical-align: middle;
}

@media (min-width:992px) {
  .container .master-class-webinar__date {
    grid-template-columns: max-content max-content 1fr;
    grid-template-rows: repeat(2,16px);
    width: auto;
    min-width: 158px;
  }

  .container .master-class-webinar__date-number {
    font-size: 32px;
    line-height: 42px;
  }
}

.container .master-class-webinar__date-month-name {
  grid-area: 1/2/2/3;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  vertical-align: middle;
  align-self: flex-start;
}

@media (min-width:992px) {
  .container .master-class-webinar__date-month-name {
    font-weight: 400;
  }
}

.container .master-class-webinar__date-weekday {
  grid-area: 2/2/3/3;
  margin-top: -4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  vertical-align: middle;
  align-self: flex-start;
}

.container .master-class-webinar__date-time {
  align-self: anchor-center;
  grid-area: 1/3/3/4;
  font-size: 20px;
  font-weight: 600;
  margin-left: 5px;
}

@media (min-width:992px) {
  .container .master-class-webinar__date-time {
    margin-left: 5px;
    grid-area: 1/3/3/4;
    font-size: 22px;
    font-weight: 600;
  }
}

.container .master-class-webinar__city {
  grid-column: span 3;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
}

.container .master-class-webinar__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .container .master-class-webinar__city {
    font-size: 16px;
  }

  .container .master-class-webinar__content {
    gap: 24px;
  }
}

.container .master-class-webinar__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.container .master-class-webinar__demonstration {
  background-color: #7db9f9;
  color: rgb(var(--white-color-rgb));
  padding: 4px 8px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

.container .master-class-webinar__lector {
  color: #6a6d72;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.container .master-class-webinar__buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.container .master-class-webinar__button {
  width: 100%;
  text-decoration: none;
}

@media (min-width:992px) {
  .container .master-class-webinar__demonstration {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 12px;
  }

  .container .master-class-webinar__lector {
    font-size: 16px;
    line-height: 21px;
  }

  .container .master-class-webinar__buttons {
    flex-direction: row;
  }

  .container .master-class-webinar__button {
    padding: 0 14px;
    min-width: 109px;
    width: -moz-max-content;
    width: max-content;
  }

  .container .master-class-webinar__button-reserve {
    width: 165px;
  }
}

.container .master-class-webinar__notification {
  order: -1;
  margin: 0;
  width: 100%;
  padding: 11px 12px 12px 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
}

.container .master-class-webinar__notification .notification__description {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin: 0;
}

.container .master-class-webinar__detail .modal-center__header {
  max-width: 330px;
  max-height: unset;
  height: -moz-max-content;
  height: max-content;
}

@media (min-width:992px) {
  .container .master-class-webinar__notification {
    background-position-x: 11.5px;
    background-position-y: 12px;
    order: unset;
    padding: 11px 12px 12px 45px;
    min-height: 48px;
    max-width: 200px;
  }

  .container .master-class-webinar__detail .modal-center__header {
    max-width: unset;
    margin-top: 33px;
    padding-bottom: 15px;
  }

  .container .master-class-webinar__detail .modal-center__inner {
    max-width: 598px;
  }
}

.container .master-class-webinar__detail .modal-center__content {
  padding-top: 0;
  padding-bottom: 0;
}

.container .master-class-webinar__detail-schedule {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail .modal-center__footer {
    box-shadow: none;
    padding-bottom: 40px;
  }

  .container .master-class-webinar__detail-schedule {
    flex-direction: row;
    justify-content: space-between;
  }
}

.container .master-class-webinar__detail-schedule-wrapper {
  --icon-color: #5f6db2;
  --icon-width: 24px;
  --icon-height: 24px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-schedule-wrapper {
    gap: 16px;
  }
}

.container .master-class-webinar__detail-date-wrapper,
.container .master-class-webinar__detail-time {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  color: #0a0c0f;
  line-height: 17px;
}

.container .master-class-webinar__detail-date-wrapper>span,
.container .master-class-webinar__detail-time>span {
  margin-top: 2px;
}

.container .master-class-webinar__detail-description {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 24px 0;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-date-wrapper,
  .container .master-class-webinar__detail-time {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }

  .container .master-class-webinar__detail-description {
    margin-bottom: 16px;
  }
}

.container .master-class-webinar__detail-subtitle {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-subtitle {
    font-size: 20px;
    line-height: 26px;
  }
}

.container .master-class-webinar__detail-list {
  padding: 0 0 0 21px;
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: #404040;
}

.container .master-class-webinar__detail-lector {
  padding-top: 11px;
  border-top: 1px solid #e8e9eb;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-list {
    color: #0a0c0f;
    font-size: 16px;
    line-height: 21px;
    padding-left: 24px;
  }

  .container .master-class-webinar__detail-lector {
    padding: 15px 0 16px;
    gap: 6px;
  }
}

.container .master-class-webinar__detail-lector-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.container .master-class-webinar__detail-lector-photo {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

.container .master-class-webinar__detail-lector-name {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-lector-photo {
    width: 64px;
    height: 64px;
  }

  .container .master-class-webinar__detail-lector-name {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
  }
}

.container .master-class-webinar__detail-lector-description {
  color: #54565a;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-lector-description {
    font-size: 14px;
    line-height: 18px;
  }
}

.container .master-class-webinar__detail-tag {
  height: 24px;
  padding: 4px 8px;
  border-radius: 8px;
  background: #e8e9eb;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #54565a;
  min-width: 132px;
  display: flex;
  justify-content: center;
}

.container .master-class-webinar .container .master-class-webinar__field-input {
  height: 48px;
  border-radius: 12px;
}

.careers-form__field .container .master-class-webinar .container .master-class-webinar__field-input+input,
.careers-form__field .container .master-class-webinar .container .master-class-webinar__field-input+textarea,
.careers-section__condition-item .container .master-class-webinar .container .master-class-webinar__field-input+p,
.container .master-class-webinar .container .careers-form__field .master-class-webinar__field-input+input,
.container .master-class-webinar .container .careers-form__field .master-class-webinar__field-input+textarea,
.container .master-class-webinar .container .careers-section__condition-item .master-class-webinar__field-input+p,
.container .master-class-webinar .container .master-class-webinar__field-input+.delivery-and-payment-section__tab-button,
.container .master-class-webinar .container .master-class-webinar__field-input+.expandable-question__tab-button,
.container .master-class-webinar .container .master-class-webinar__field-input+.feedback__input,
.container .master-class-webinar .container .master-class-webinar__field-input+.feedback__textarea,
.container .master-class-webinar .container .master-class-webinar__field-input+.p,
.container .master-class-webinar .container .master-class-webinar__field-input+.p--100,
.container .master-class-webinar .container .master-class-webinar__field-input+.p--80,
.container .master-class-webinar .container .master-class-webinar__field-input+.p--90,
.container .master-class-webinar .container .master-class-webinar__field-input+.xs-sort-button,
.container .master-class-webinar .container .promotion-form__field .master-class-webinar__field-input+input,
.promotion-form__field .container .master-class-webinar .container .master-class-webinar__field-input+input {
  font-size: 13px;
}

.container .master-class-webinar__subscribe .modal-bottom__title {
  margin-bottom: 16px;
}

.container .master-class-webinar__subscribe .modal-bottom__inner {
  max-width: unset;
}

@media (min-width:992px) {
  .container .master-class-webinar__detail-tag {
    height: 25px;
    font-size: 13px;
  }

  .container .master-class-webinar__subscribe .modal-bottom__inner {
    width: 100%;
    max-width: 598px;
  }
}

.container .master-class-webinar__subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 24px 0;
}

.container .master-class-webinar__subscribe #toast-container>.notification,
.container .master-class-webinar__subscribe .notification,
.container .master-class-webinar__subscribe .toast-bottom-right>.notification,
.container .master-class-webinar__subscribe .toast-top-right>.notification {
  margin: 24px 0 28px;
  width: 100%;
  max-width: unset;
  padding: 11px 12px 12px 42px;
}

.container .master-class-webinar__time-start {
  display: none;
}

.past-webinar {
  background-color: rgb(var(--white-color-rgb));
  padding: 15px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 16px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  min-width: 343px;
  min-height: 313px;
  overflow: hidden;
}

@media (min-width:992px) {
  .container .master-class-webinar__subscribe #toast-container>.notification,
  .container .master-class-webinar__subscribe .notification,
  .container .master-class-webinar__subscribe .toast-bottom-right>.notification,
  .container .master-class-webinar__subscribe .toast-top-right>.notification {
    margin: 24px 0 20px;
    padding: 16px 16px 16px 49px;
    background-position-x: 13.5px;
    background-position-y: 13px;
  }

  .container .master-class-webinar__subscribe #toast-container>.notification .notification__description,
  .container .master-class-webinar__subscribe .notification .notification__description,
  .container .master-class-webinar__subscribe .toast-bottom-right>.notification .notification__description,
  .container .master-class-webinar__subscribe .toast-top-right>.notification .notification__description {
    font-size: 14px;
    line-height: 18px;
  }

  .past-webinar {
    padding: 24px;
    border-radius: 24px;
    gap: 24px;
  }
}

.past-webinar__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.past-webinar__video-wrapper {
  width: 100%;
  max-height: 170px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

@media (min-width:576px) {
  .past-webinar__video-wrapper {
    max-height: unset;
  }
}

@media (min-width:1250px) {
  .past-webinar__video-wrapper {
    max-height: 176px;
  }
}

.past-webinar__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(95,109,178,.5);
  border-radius: 50%;
  border: none;
  outline: 0;
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: rgb(var(--white-color-rgb));
}

.past-webinar__duration {
  position: absolute;
  bottom: 9px;
  left: 8px;
  padding: 4px 8px;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #54565a;
  border-radius: 8px;
  min-width: 49px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e8e9eb;
}

.past-webinar__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  flex: 1;
}

@media (min-width:992px) {
  .past-webinar__content {
    gap: 12px;
  }
}

.past-webinar__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.past-webinar__title {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .past-webinar__info {
    gap: 8px;
  }

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

.past-webinar__link {
  text-decoration: none;
}

.past-webinar__lector {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #54565a;
}

.past-webinar__date {
  padding: 6px 8px;
  border-radius: 12px;
  background: #edeef6;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  color: #0a0c0f;
}

.no-elements-found {
  padding: 28px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 24px;
  background-color: rgb(var(--white-color-rgb));
  width: 100%;
  justify-content: center;
  align-items: center;
  flex: 1;
}

@media (min-width:992px) {
  .no-elements-found {
    gap: 32px;
    padding: 48px 0;
  }
}

.no-elements-found__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  width: 100%;
}

.no-elements-found__info .h3 {
  width: 100%;
  text-align: center;
}

.about-section__expertise-card .benefit-card__text .no-elements-found__info .p--100,
.about-section__expertise-card .benefit-card__text .no-elements-found__info .xs-sort-button,
.careers-form__field .no-elements-found__info input,
.careers-form__field .no-elements-found__info textarea,
.careers-section__condition-item .no-elements-found__info p,
.no-elements-found__info .about-section__expertise-card .benefit-card__text .p--100,
.no-elements-found__info .about-section__expertise-card .benefit-card__text .xs-sort-button,
.no-elements-found__info .careers-form__field input,
.no-elements-found__info .careers-form__field textarea,
.no-elements-found__info .careers-section__condition-item p,
.no-elements-found__info .delivery-and-payment-section__tab-button,
.no-elements-found__info .expandable-question__tab-button,
.no-elements-found__info .feedback__input,
.no-elements-found__info .feedback__textarea,
.no-elements-found__info .p,
.no-elements-found__info .p--100,
.no-elements-found__info .p--80,
.no-elements-found__info .p--90,
.no-elements-found__info .promotion-form__field input,
.no-elements-found__info .xs-sort-button,
.promotion-form__field .no-elements-found__info input {
  text-align: center;
}

@media (min-width:992px) {
  .no-elements-found__info .h3 {
    width: -moz-max-content;
    width: max-content;
  }

  .no-elements-found__info {
    width: -moz-min-content;
    width: min-content;
    gap: 24px;
  }
}

.no-elements-found a {
  text-decoration: none;
}

.map-nav {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  z-index: 1000;
  width: 36px;
  height: 124px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
  padding: 0;
  margin: 0;
}

.map-nav__btn {
  pointer-events: all;
  width: 36px;
  height: 36px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  --icon-color: #5f6db2;
  outline: 0;
  border: none;
}

.map-nav__balloon {
  width: 100%;
  min-width: 92px;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 12px;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  position: relative;
}

.map-nav__balloon-header {
  margin: 0;
  font-weight: 500;
}

@media (min-width:992px) {
  .map-nav__balloon {
    padding: 6px 8px;
    left: 30px;
    top: -25px;
    max-width: -moz-max-content;
    max-width: max-content;
    min-width: 159px;
  }

  .map-nav__balloon-header {
    margin: 1em 0;
  }
}

.map-nav__pin {
  position: absolute;
  left: -23px;
  top: -23px;
  width: 19px;
  height: 22px;
  z-index: 1000000;
}

@media (min-width:992px) {
  .map-nav__pin {
    width: 45.54px;
    height: 53px;
  }
}

.map-nav__pin-img {
  width: 19px;
  height: 22px;
}

@media (min-width:992px) {
  .map-nav__pin-img {
    width: 45.54px;
    height: 53px;
  }
}

.ymaps-2-1-79-controls-pane {
  pointer-events: none!important;
  width: 100%!important;
  height: 100%!important;
}

.ymaps-2-1-79-controls__control {
  width: 100%!important;
  height: 100%!important;
  inset: unset!important;
  right: 0;
  pointer-events: none!important;
}

.storyset-list {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: auto;
  scrollbar-width: none;
}

.storyset-list__modal-inner {
  position: relative;
  padding: 0;
  background: 0 0;
  pointer-events: none;
}

@media (min-width:992px) {
  .storyset-list {
    gap: 24px;
  }

  .storyset-list__modal-inner {
    max-width: unset;
    width: 100%;
    height: 100%;
    max-height: unset;
    margin-left: 0;
    margin-right: 0;
  }
}

.storyset-list__slider {
  width: 100%;
  height: 100%;
}

.storyset {
  min-width: 120px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  padding: 3px;
  border: 3px solid #5f6db2;
  cursor: pointer;
  flex-shrink: 0;
}

@media (min-width:992px) {
  .storyset {
    border: none;
    padding: 4px;
    min-width: 272px;
    width: 272px;
    height: 272px;
  }
}

.storyset__wrapper {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}

@media (min-width:992px) {
  .storyset__wrapper {
    border: 4px solid #5f6db2;
    padding: 4px;
  }
}

.storyset__preview {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: inherit;
  -o-object-position: top;
  object-position: top;
}

.storyset__video-list {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  max-width: 100vw;
  max-height: 100vh;
  min-width: 100vw;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: all;
  transition: .6s ease-in-out;
}

.storyset__video-list::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10,12,15,.3);
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

@media (min-width:576px) {
  .storyset__video-list {
    align-self: center;
    max-width: 390px;
    min-width: 390px;
    height: 700px;
    border-radius: 16px;
  }
}

.storyset__video-list .storyset__close,
.storyset__video-list .storyset__navigation {
  display: none;
}

.storyset__video-list.swiper-slide-active .storyset__close,
.storyset__video-list.swiper-slide-active .storyset__navigation {
  display: flex;
}

.storyset__video-list.swiper-slide-active::after {
  transition: opacity .2s ease-in-out;
  opacity: 0;
}

@media (min-width:992px) and (min-height:900px) {
  .storyset__video-list.swiper-slide-active {
    margin-right: 40px;
    min-width: 500px;
    height: 900px;
    transition: .4s ease-in;
  }
}

.storyset>.storyset__video-list {
  display: none;
}

.storyset__navigation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: linear-gradient(360deg,rgba(59,59,59,0) 0,rgba(59,59,59,.59) 100%);
}

@media (min-width:992px) {
  .storyset__video-list {
    margin-right: 32px;
  }

  .storyset__navigation {
    gap: 12px;
  }
}

.storyset__navigation-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 7px;
  max-width: 307px;
}

.storyset__navigation-item {
  width: 100%;
  height: 4px;
  border-radius: 6px;
  position: relative;
  background-color: #cecfd1;
}

.storyset__navigation-indicator {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  transition: width .3s ease-in;
  border-radius: 6px;
  background: rgb(var(--white-color-rgb));
}

.storyset__navigation-date {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  color: rgb(var(--white-color-rgb));
}

.storyset__close {
  --icon-width: 24px;
  --icon-height: 24px;
  --icon-color: rgb(var(--white-color-rgb));
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

@media (min-width:992px) {
  .storyset__navigation-list {
    max-width: 424px;
  }

  .storyset__navigation-date {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
  }

  .storyset__close {
    width: 48px;
    height: 48px;
    right: -4px;
  }
}

.storyset__story {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.storyset__story-picture,
.storyset__story-picture-image,
.storyset__story-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  pointer-events: none;
}

.storyset__story--selected {
  z-index: 1;
}

.reviews {
  padding-top: 40px;
  padding-bottom: 40px;
}

.reviews__breadcrumbs,
.reviews__title {
  margin-bottom: 40px;
}

.reviews__items {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.reviews__item-top {
  position: relative;
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  grid-gap: 10px;
  margin-bottom: 20px;
  background-color: #f7f8f9;
}

@media (min-width:768px) {
  .reviews__item-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 30px;
    grid-gap: 0;
  }
}

.reviews__item-img {
  position: relative;
  left: 0;
  top: 0;
  flex-shrink: 0;
  width: 80px;
  aspect-ratio: 1;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

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

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

.reviews__item-pos {
  grid-column: 1/3;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #54565a;
}

@media (min-width:992px) {
  .reviews__item-pos {
    font-size: 16px;
    line-height: 21px;
  }
}

.reviews__item-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  color: #54565a;
}

.certificates {
  padding-top: 40px;
  padding-bottom: 40px;
}

.certificates__breadcrumbs {
  margin-bottom: 40px;
}

.certificates__block:not(:last-child) {
  margin-bottom: 20px;
}

@media (min-width:992px) {
  .reviews__item-text {
    font-size: 16px;
    line-height: 21px;
  }

  .certificates__block:not(:last-child) {
    margin-bottom: 60px;
  }
}

.certificates__title {
  margin-bottom: 40px;
}

.certificates__items {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 20px;
  padding-bottom: 44px;
}

@media (min-width:576px) {
  .storyset__story,
  .storyset__story-picture,
  .storyset__story-picture-image,
  .storyset__story-video {
    border-radius: 16px;
  }

  .certificates__items {
    grid-template-columns: repeat(2,1fr);
  }
}

.certificates__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-decoration: none;
}

.certificates__item-img,
.certificates__item-pdf {
  width: 100%;
  aspect-ratio: 240/340;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  max-width: 240px;
}

.certificates__item-pdf .pdf-canvas {
  width: 100%;
  height: 100%;
}

.certificates__item-pdf.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.certificates__item-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #54565a;
  text-decoration: none;
}

@media (min-width:992px) {
  .certificates__item-name {
    font-size: 16px;
    line-height: 21px;
  }
}

.information {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}

@media (min-width:768px) {
  .reviews__item-img {
    position: absolute;
  }

  .reviews__item-pos {
    grid-column: unset;
  }

  .certificates__items {
    grid-template-columns: repeat(4,1fr);
  }

  .information {
    padding-bottom: 100px;
  }
}

.information__container {
  overflow: hidden;
}

.information__breadcrumbs,
.information__title {
  margin-bottom: 40px;
}

.information__subtitle {
  margin-bottom: 12px;
  max-width: 550px;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  color: #333;
}

.information__downloads {
  margin-bottom: 70px;
}

.information__docs-items:not(:last-child) {
  margin-bottom: 24px;
}

.information__docs-item {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 2px;
  border-radius: 4px;
  color: inherit;
  text-decoration: none;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f0f0f0;
  transition: padding .2s,background .2s;
}

@media (min-width:576px) {
  .information__docs-item {
    gap: 10px;
    align-items: center;
    flex-direction: row;
  }
}

.information__docs-item:hover {
  padding-left: 10px;
  padding-right: 10px;
  background: #f7f8f9;
}

.information__docs-item:hover .information__docs-item-download {
  color: #fff;
  background: linear-gradient(90deg,#0d87ab 0,#11a2cc 100%);
}

.information__docs-item-name {
  font-weight: 300;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  text-decoration: none;
}

.information__docs-item-download {
  border-radius: 4px;
  padding: 10px;
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1;
  color: #555;
  background: #f7f8f9;
  text-decoration: none;
  transition: color .15s ease-in-out,background-color .15s ease-in-out;
}

.information__docs-item-download:hover {
  color: #fff;
  background: linear-gradient(90deg,#0d87ab 0,#11a2cc 100%);
}

.information__docs-more {
  display: inline-block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  color: #00627e;
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  background: #f7f8f9;
  transition: color .15s ease-in-out,background-color .15s ease-in-out;
  --icon-color: #00627e;
}

.information__docs-more:hover {
  color: #fff;
  background: linear-gradient(90deg,#0d87ab 0,#11a2cc 100%);
  --icon-color: #fff;
}

.information__line {
  display: block;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  margin-top: 22px;
  margin-bottom: 22px;
}

.information__matherials {
  margin-right: -16px;
  margin-left: -16px;
  margin-bottom: 70px;
  border-radius: 4px;
  padding: 20px 16px;
  width: calc(100% + 32px);
  background: #f7f8f9;
}

.information__matherials-items {
  display: grid;
  grid-gap: 0;
  grid-template-columns: 100%;
}

.information__matherials-items-left {
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width:768px) {
  .information__matherials {
    padding: 48px 39px 44px;
  }

  .information__matherials-items {
    grid-template-columns: repeat(2,1fr);
    grid-gap: 32px;
  }

  .information__matherials-items-left {
    border-bottom: none;
  }
}

.information__matherials-item {
  padding-top: 20px;
  padding-bottom: 20px;
}

.information__matherials-item:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.information__matherials-item-title {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 15px;
  line-height: 167%;
  color: #444;
  text-decoration: none;
}

.information__matherials-item-text {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 14px;
  line-height: 179%;
  color: #333;
}

.information__matherials-item-link {
  display: inline-block;
  padding-right: 15px;
  font-weight: 500;
  font-size: 12px;
  line-height: 167%;
  text-align: right;
  color: #888;
  text-decoration: none;
  background-image: url("data:image/svg+xml,%3Csvg width=5 height=8 viewBox=0 0 5 8 fill=none xmlns=http://www.w3.org/2000/svg%3E %3Cpath d=M1 1L4 4L1 7 stroke=%23888888 stroke-width=1.2/%3E %3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 5px 8px;
  background-position: right center;
}

.information__certs-docs-items {
  margin-bottom: 32px;
}

.information__certs-gallery {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  grid-gap: 20px;
}

@media (min-width:576px) {
  .information__matherials {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

  .information__certs-gallery {
    grid-template-columns: repeat(3,1fr);
  }
}

.information__certs-gallery:not(:last-child) {
  margin-bottom: 32px;
}

.information__certs-gallery-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-decoration: none;
}

.information__certs-gallery-item-img {
  width: 100%;
  aspect-ratio: 240/340;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  max-width: 240px;
}

.information__certs-gallery-item-name {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #54565a;
  text-decoration: none;
}

.cities-slider {
  overflow: hidden;
}

.cities-slider__arrows {
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  display: flex;
}

.cities-slider__arrows .cities-slider-arrows-left,
.cities-slider__arrows .cities-slider-arrows-right {
  width: 36px;
  height: 36px;
  border-radius: 12px;
}

.cities-slider .cities-tabs__wrapper {
  position: relative;
}

.cities-slider .tabs__tab-list {
  gap: 0;
  height: 38px;
}

.cities-slider .tabs__tab-list-item,
.cities-slider .tabs__tab-list-item--selected {
  border-bottom: 2px solid transparent;
  transition: .2s;
  z-index: 10;
  position: relative;
  padding: 0;
  height: 38px;
}

.cities-slider .tabs__tab-list-item--selected:not(:last-child),
.cities-slider .tabs__tab-list-item:not(:last-child) {
  margin-right: 12px;
}

.cities-slider .tabs__tab-list-item--selected {
  border-bottom: 2px solid #5f6db2;
  transition: .2s;
  padding: 0;
}

@media (min-width:992px) {
  .information__certs-gallery-item-name {
    font-size: 16px;
    line-height: 21px;
  }

  .cities-slider__arrows {
    display: none;
    display: flex;
  }

  .cities-slider .tabs__tab-list {
    height: 38px;
    gap: 0;
  }

  .cities-slider .tabs__tab-list-item--selected:not(:last-child),
  .cities-slider .tabs__tab-list-item:not(:last-child) {
    margin-right: 20px;
  }

  .cities-slider .tabs__tab-list-item,
  .cities-slider .tabs__tab-list-item--selected {
    height: 38px;
  }
}

.cities-slider .tabs__tab-list-item .tabs__tab-button,
.cities-slider .tabs__tab-list-item--selected .tabs__tab-button {
  padding: 12px 8px;
  height: 38px;
  font-size: 14px;
  line-height: 18px;
}

.cities-points {
  width: 100%;
  height: 100%;
}

.cities-points__city {
  display: none;
}

.cities-points__city--selected {
  display: block;
}

.cities-points__list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.cities-points__list-item {
  width: 100%;
  word-break: break-word;
}

.cities-points__list-item-heading {
  margin: 10px 0;
  font-weight: 500;
}

@media (min-width:992px) {
  .cities-points__list-item {
    width: 50%;
  }
}

@media (min-width:1250px) {
  .cities-points__list-item {
    width: calc(33.33% - 30px);
  }

  .header-clinic__logo {
    --icon-width: 180px;
    --icon-height: 48px;
  }
}

.cities-tabs__map {
  max-width: 100%;
  width: 100%;
  height: 420px;
  border-radius: 16px;
  margin-top: 16px;
}

@media (min-width:992px) {
  .cities-tabs__map {
    margin-top: 24px;
    border-radius: 24px;
  }
}

.select-where-to-buy {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 12px;
  gap: 8px;
  margin-top: 2%;
  -moz-text-align-last: center;
  text-align-last: center;
  width: 310px;
  height: 45px;
  background: #fff;
  border: 2px solid #8a98db;
  border-radius: 16px;
  cursor: pointer;
  z-index: 2;
}

.select-where-to-buy__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.select-where-to-buy__arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  margin-left: 8px;
  transition: transform .2s;
}

.select-where-to-buy__options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 200px;
  overflow-y: auto;
  border-radius: 8px;
  z-index: 10;
  -moz-text-align-last: left;
  text-align-last: left;
}

.select-where-to-buy.open .select-where-to-buy__options {
  display: block;
}

.select-where-to-buy__option {
  padding: 8px 12px;
  cursor: pointer;
}

.select-where-to-buy__option--selected,
.select-where-to-buy__option:hover {
  background: #eee;
}

.select-where-to-buy__options::-webkit-scrollbar {
  width: 8px;
}

.select-where-to-buy__options::-webkit-scrollbar-thumb {
  background: #5f6db2;
  border-radius: 4px;
}

.select-where-to-buy.open .select-where-to-buy__arrow {
  transform: rotate(180deg);
}

.test-layout__heading {
  margin-bottom: 28px;
}

@media (min-width:992px) {
  .test-layout__heading {
    margin-bottom: 32px;
  }
}

.test-layout__progress {
  border-radius: 50px;
  background: var(--Priority-Primary-10,#edeef6);
  height: 6px;
  margin-bottom: 12px;
}

@media (min-width:992px) {
  .test-layout__progress {
    margin-bottom: 16px;
  }
}

.test-layout__progress-bar {
  border-radius: 50px;
  background: var(--Priority-Primary-50,#8a98db);
  height: 6px;
  transition: width .6s ease-in-out;
}

.test-layout__prev {
  padding: 16px 0 0;
  margin-bottom: 0;
}

.test-layout__final,
.test-layout__next {
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.question {
  padding: 0;
  height: 100%;
}

@media (min-width:992px) {
  .test-layout__prev {
    padding: 0;
    margin-bottom: 16px;
  }

  .test-layout__final,
  .test-layout__next {
    margin-top: 0;
    width: -moz-max-content;
    width: max-content;
    justify-content: flex-start;
  }

  .question {
    height: auto;
  }
}

.question.active {
  display: block;
}

.question__wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.question__title {
  padding-top: 16px;
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .question__wrapper {
    height: auto;
    display: block;
  }

  .question__title {
    margin-bottom: 24px;
  }
}

.question__image {
  border-radius: 16px;
  overflow: hidden;
  height: 112px;
  -o-object-fit: cover;
  object-fit: cover;
  margin-bottom: 16px;
}

@media (min-width:992px) {
  .question__image {
    border-radius: 24px;
    margin-bottom: 24px;
    height: 160px;
  }
}

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

.question__variants {
  border: none;
  padding: 0;
  margin: 0 0 16px;
}

.about-section__expertise-card .benefit-card__text .question__variants .p--100,
.about-section__expertise-card .benefit-card__text .question__variants .xs-sort-button,
.careers-form__field .question__variants input,
.careers-form__field .question__variants textarea,
.careers-section__condition-item .question__variants p,
.promotion-form__field .question__variants input,
.question__variants .about-section__expertise-card .benefit-card__text .p--100,
.question__variants .about-section__expertise-card .benefit-card__text .xs-sort-button,
.question__variants .careers-form__field input,
.question__variants .careers-form__field textarea,
.question__variants .careers-section__condition-item p,
.question__variants .delivery-and-payment-section__tab-button,
.question__variants .expandable-question__tab-button,
.question__variants .feedback__input,
.question__variants .feedback__textarea,
.question__variants .p,
.question__variants .p--100,
.question__variants .p--80,
.question__variants .p--90,
.question__variants .promotion-form__field input,
.question__variants .xs-sort-button {
  color: #54565a;
  font-size: 14px;
}

.question__variants-item {
  margin-top: 16px;
}

.clinic-prices {
  padding-top: 20px;
  padding-bottom: 36px;
}

@media (min-width:768px) {
  .information__certs-gallery {
    grid-template-columns: repeat(5,1fr);
  }

  .clinic-prices {
    padding-top: 30px;
    padding-bottom: 45px;
  }
}

@media (min-width:992px) {
  .question__variants {
    margin-bottom: 32px;
  }

  .clinic-prices {
    padding-top: 55px;
    padding-bottom: 72px;
  }
}

.clinic-prices__back {
  margin-bottom: 20px;
}

.clinic-prices__title {
  margin-bottom: 16px;
}

.clinic-prices__service:not(:last-child) {
  margin-bottom: 20px;
}

.clinic-prices__table {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.clinic-prices__table-row {
  display: flex;
  align-items: flex-end;
}

@media (min-width:768px) {
  .clinic-prices__table {
    gap: 5px;
  }

  .clinic-prices__table-row {
    align-items: center;
  }
}

.clinic-prices__table-value {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
}

@media (min-width:768px) {
  .clinic-prices__table-value {
    display: block;
    flex-grow: unset;
  }
}

.clinic-prices__table-value::after {
  content: "";
  display: inline-block;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

.clinic-prices__table-button {
  display: flex;
}

@media (min-width:768px) {
  .clinic-prices__table-value::after {
    display: none;
  }

  .clinic-prices__table-button {
    flex-grow: 1;
  }
}

.clinic-prices__table-button::before {
  content: "";
  display: none;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: 1px dotted #0a0c0f;
}

@media (min-width:768px) {
  .clinic-prices__table-button::before {
    display: block;
  }
}

.clinic-prices__table-btn {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #5f6db2;
  background-color: transparent;
}

.lg-review {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

@media (min-width:992px) {
  .lg-review {
    flex-direction: row;
  }
}

.lg-review__head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}

@media (min-width:992px) {
  .lg-review__head {
    width: 100%;
    align-items: flex-start;
    flex-direction: column;
    max-width: 478px;
  }
}

.lg-review__logo-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 121px;
  height: 68px;
  flex-shrink: 0;
}

.lg-review__logo {
  border-radius: 100%;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.lg-review__card {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdfee;
}

.lg-review__content {
  position: relative;
  background-color: rgb(var(--white-color-rgb));
  border-radius: 24px;
  padding: 24px 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: -24px;
}

@media (min-width:992px) {
  .lg-review__logo-wrapper {
    width: 180px;
    height: 100px;
  }

  .lg-review__card {
    display: flex;
    max-width: 678px;
  }

  .lg-review__content {
    margin-top: 0;
    margin-left: -24px;
  }
}

.lg-review__tag {
  background-color: #8a98db;
  color: rgb(var(--white-color-rgb));
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 13px;
}

.lg-review__text {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  color: #54565a;
}

.cosmetologist-service .lg-review__read-button.btn_send__inner,
.lg-review__read-button.btn--M {
  height: 24px;
  padding-left: 0;
}

.lg-review__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}

.lg-review__image-wrapper {
  width: 100%;
  height: 152px;
  flex-shrink: 0;
  background-color: #fff;
}

.lg-review__modal .lg-review__head {
  flex-direction: column;
  align-items: flex-start;
}

.lg-review__modal .lg-review__card {
  margin-top: 20px;
}

@media (min-width:992px) {
  .lg-review__text {
    -webkit-line-clamp: 4;
  }

  .lg-review__image-wrapper {
    width: 160px;
    height: 100%;
  }

  .lg-review__modal .lg-review__head {
    flex-direction: row;
    max-width: unset;
    padding-bottom: 32px;
    border-bottom: 1px solid #dcdfee;
  }

  .lg-review__modal .lg-review__author {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
  }

  .lg-review__modal .lg-review__card {
    margin-top: 32px;
    max-width: unset;
    border: none;
  }

  .lg-review__modal .lg-review__image-wrapper {
    width: 180px;
    height: 225px;
    border-radius: 24px;
    border: 1px solid #dcdfee;
  }

  .lg-review__modal .lg-review__content {
    border: 1px solid #dcdfee;
  }
}

.lg-review__modal .lg-review__text {
  display: unset;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.lg-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lg-review-list__item {
  padding-bottom: 20px;
  border-bottom: 1px solid #dcdfee;
}

.lg-review-list__item:not(:first-child) {
  padding-top: 20px;
}

@media (min-width:992px) {
  .lg-review-list__item {
    padding-bottom: 32px;
    padding-top: 32px;
  }
}

.by-steps {
  padding-top: 20px;
  padding-bottom: 36px;
}

@media (min-width:768px) {
  .by-steps {
    padding-top: 30px;
    padding-bottom: 45px;
  }
}

.by-steps__container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 26px;
}

.by-steps__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .by-steps {
    padding-top: 55px;
    padding-bottom: 72px;
  }

  .by-steps__container {
    padding-top: 56px;
    grid-template-columns: 1fr 371px;
  }

  .by-steps__content {
    gap: 24px;
  }
}

.by-steps__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  counter-reset: by-steps;
}

.by-steps__item {
  border-radius: 16px;
  border: 1px solid #dcdfee;
  display: flex;
  flex-direction: row;
  padding: 15px 11px;
  gap: 12px;
  background: rgb(var(--white-color-rgb));
}

@media (min-width:992px) {
  .by-steps__item {
    display: flex;
    flex-direction: row;
    padding: 23px;
    gap: 20px;
  }
}

.by-steps__item-num {
  border-radius: 32px;
  background: #ced2e4;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.by-steps__item-num::after {
  counter-increment: by-steps;
  content: counter(by-steps);
  color: rgb(var(--white-color-rgb));
  font-size: 16px;
  line-height: 21px;
  font-weight: 500;
}

@media (min-width:992px) {
  .by-steps__item-num {
    border-radius: 32px;
    background: #ced2e4;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .by-steps__item-num::after {
    font-size: 20px;
    line-height: 26px;
  }
}

.by-steps__item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding-top: 4px;
}

@media (min-width:992px) {
  .by-steps__item-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
}

.by-steps__item-img {
  max-width: 100%;
  max-height: 600px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  text-align: center;
}

.by-steps__item-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width:992px) {
  .by-steps__item-text {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}

.category-image-article {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background-color: rgb(var(--white-color-rgb));
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
}

@media (min-width:992px) {
  .category-image-article {
    border-radius: 24px;
  }
}

.category-image-article__image-wrapper {
  height: 149px;
  border-radius: 16px;
  overflow: hidden;
}

@media (min-width:992px) {
  .category-image-article__image-wrapper {
    height: 225px;
    border-radius: 24px;
  }
}

.category-image-article__image-wrapper--air {
  padding: 20px 5px 5px;
}

.category-image-article__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.category-image-article__image--contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.category-image-article__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 16px;
}

@media (min-width:992px) {
  .category-image-article__content {
    padding-bottom: 16px;
    gap: 24px;
  }
}

.category-image-article__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.category-image-article__description {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 68px;
}

.category-image-article__button.btn--M,
.cosmetologist-service .category-image-article__button.btn_send__inner {
  width: 100%;
}

.eye-diseases {
  display: flex;
  flex-direction: column;
  gap: 48px;
  margin: 32px 0;
}

@media (min-width:992px) {
  .category-image-article__description {
    min-height: 72px;
  }

  .category-image-article__button.btn--M,
  .cosmetologist-service .category-image-article__button.btn_send__inner {
    height: 40px;
  }

  .eye-diseases {
    margin: 72px 0;
    gap: 72px;
  }
}

.eye-diseases__heading {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (min-width:992px) {
  .eye-diseases__heading {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
}

.eye-diseases__articles {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media (min-width:768px) {
  .eye-diseases__articles {
    display: grid;
    grid-template-columns: repeat(2,1fr);
  }
}

.article-mini {
  border-radius: 24px;
  background-color: rgb(var(--white-color-rgb));
  padding: 16px 24px;
  outline: #dcdfee solid 1px;
  outline-offset: -1px;
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .eye-diseases__articles {
    grid-template-columns: repeat(3,1fr);
    row-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
  }

  .article-mini {
    align-items: center;
    padding: 24px 32px;
  }
}

.article-mini:hover {
  outline: #5f6db2 solid 1px;
}

.article-mini .icon {
  min-width: 24px;
  min-height: 24px;
}

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

.survey {
  padding-top: 20px;
  padding-bottom: 32px;
  background-color: #fff;
}

.survey .custom-checker__input {
  position: fixed;
  transform: scale(0);
}

.survey .custom-checker__input:checked+.custom-checker__fake {
  color: #fff;
  background: #5f6db2;
}

.survey .custom-checker__input:checked+.custom-checker__fake svg [fill="#33353B"] {
  fill: #fff;
}

.survey .custom-checker__input:checked+.custom-checker__fake .custom-checker__bg {
  opacity: 1;
}

.survey .custom-checker__fake {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  padding: 14px 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #33353b;
  background: #f5f5f7;
  cursor: pointer;
}

.survey .custom-checker__fake svg {
  margin-right: 14px;
}

.survey .custom-checker__bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  opacity: 0;
  pointer-events: none;
}

@media (min-width:768px) {
  .survey {
    padding-top: 60px;
    padding-bottom: 99px;
  }

  .survey .custom-checker__fake {
    padding: 12px 16px;
    font-size: 14px;
  }

  .survey .custom-checker_mobile .custom-checker__fake {
    padding: 10px;
    font-size: 0;
  }

  .survey .custom-checker_mobile .custom-checker__fake svg {
    margin-right: 0;
  }
}

.survey .custom-input {
  border: 1px solid #bfbfc3;
  padding: 10px 15px;
  border-radius: 8px;
  height: 48px;
  font-weight: 400;
  font-size: 16px;
  color: #0a0c0f;
  background: #fff;
}

.survey .custom-input::-moz-placeholder {
  color: #33353b;
}

.survey .custom-input::placeholder {
  color: #33353b;
}

@media (min-width:576px) {
  .survey .custom-input {
    height: 44px;
  }
}

.survey .custom-input_mob-small {
  padding: 9px 15px;
  font-size: 14px;
}

.survey .custom-field {
  display: block;
}

.survey .custom-field__label {
  margin-bottom: 8px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #33353b;
}

.survey .custom-field__label_distance {
  margin-bottom: 17px;
}

@media (min-width:768px) {
  .survey .custom-field__label {
    font-size: 14px;
  }

  .survey .custom-field__label_distance {
    margin-bottom: 10px;
  }
}

.survey .custom-field__input {
  width: 100%;
}

.survey .custom-field__input.err+.custom-field__err {
  display: block;
}

.survey .custom-field__err {
  display: none;
  margin-top: 4px;
  font-size: 14px;
  color: red;
}

.survey .custom-field__required {
  display: inline-block;
  font-size: 20px;
  line-height: 16px;
  font-weight: 400;
  color: #5f6db2;
  transform: translate(-3px,3px);
}

.survey .custom-field__file-btns {
  gap: 16px;
}

.survey .custom-field__file-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #5f6db2;
  padding: 5px 28px;
  border-radius: 8px;
  min-width: 172px;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  color: #0a0c0f;
  background-color: transparent;
}

@media (min-width:768px) {
  .survey .custom-field__required {
    transform: translate(-2px,3px);
  }

  .survey .custom-field__file-btn {
    padding: 5px 12px;
    min-width: 156px;
    height: 44px;
    font-size: 14px;
  }
}

.survey .custom-field__file-btn_green {
  border-color: #00b249;
}

.survey .custom-field__file-btn_red {
  border-color: #f60404;
}

.survey .custom-field__file-name {
  position: relative;
  display: none;
  margin-top: 25px;
  border-radius: 100px;
  padding: 11px 24px 11px 52px;
  min-height: 44px;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.35;
  color: #33353b;
  background: #f5f5f7;
}

@media (min-width:768px) {
  .survey .custom-field__file-name {
    font-size: 14px;
    line-height: 1.4;
    padding: 12px 16px 12px 44px;
  }
}

.survey .custom-field__file-name_active {
  display: inline-block;
}

.survey .custom-field__file-name-remove {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  left: 23px;
  top: 14px;
  width: 16px;
  height: 16px;
  font-size: 0;
  background-color: transparent;
  background-image: url("/local/templates/geltek2024/frontend/img/file-remove.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.survey__title {
  margin-bottom: 25px;
  max-width: 648px;
}

.survey__form {
  max-width: 648px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

@media (min-width:768px) {
  .survey .custom-field__file-name-remove {
    top: 13px;
    left: 16px;
  }

  .survey__title {
    margin-bottom: 43px;
  }

  .survey__form {
    gap: 39px;
  }
}

.survey__fields {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

@media (min-width:768px) {
  .survey__fields {
    gap: 15px;
  }
}

.survey__group {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.survey__hr {
  border: none;
  margin-bottom: -5px;
  background: 0 0;
  border-bottom: 1px solid #c4c4c8;
}

@media (min-width:768px) {
  .survey__group {
    gap: 46px;
  }

  .survey__hr {
    margin-bottom: 0;
  }
}

.survey__subtitle {
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 18px;
  color: #000;
}

.survey__radios {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  white-space: nowrap;
  width: calc(100% + 16px);
  margin-right: -16px;
  padding-right: 16px;
}

@media (min-width:576px) {
  .survey__radios {
    width: auto;
    margin-right: 0;
    padding-right: 0;
  }
}

@media (min-width:768px) {
  .survey__subtitle {
    margin-bottom: 31px;
    font-size: 24px;
  }

  .survey__radios {
    gap: 16px;
  }
}

.survey__radios_yes+.survey__additional-field {
  display: block;
}

.survey__sub-sub-group-label {
  margin-bottom: 11px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0a0c0f;
}

.survey__sub-sub-groups {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

@media (min-width:768px) {
  .survey__sub-sub-group-label {
    font-size: 18px;
  }

  .survey__sub-sub-groups {
    gap: 22px;
  }
}

.survey__additional-field {
  display: none;
  margin-top: 16px;
}

.survey__additional-field_active {
  display: block;
}

.survey__textarea {
  border: 1px solid #c4c4c8;
  border-radius: 8px;
  padding: 10px;
  width: 648px;
  height: 96px;
  max-width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
  resize: none;
}

@media (min-width:768px) {
  .survey__textarea {
    margin-top: 3px;
    padding: 14px 18px;
    font-size: 16px;
  }
}

.survey__table-inputs {
  margin-top: 18px;
  margin-bottom: 13px;
  border-bottom: 1px solid #e5e5eb;
}

.survey__table-inputs-row {
  border-top: 1px solid #e5e5eb;
  display: block;
}

.survey__table-inputs-row:nth-child(1) {
  display: none;
}

@media (min-width:768px) {
  .survey__table-inputs {
    margin-top: unset;
    margin-bottom: unset;
    border-bottom: none;
  }

  .survey__table-inputs-row {
    margin-bottom: -1px;
    display: grid;
    border-top: none;
    grid-template-columns: 152px 244px 252px;
  }

  .survey__table-inputs-row:nth-child(1) {
    display: grid;
  }
}

.survey__table-inputs-row_active .survey__table-inputs-col:nth-child(2),
.survey__table-inputs-row_active .survey__table-inputs-col:nth-child(3) {
  display: block;
}

.survey__table-inputs-row_active .survey__table-inputs-label::after {
  transform: translateY(-50%) rotate(180deg);
}

.survey__table-inputs-value {
  margin-top: 7px;
}

.survey__table-inputs-col {
  margin-right: -1px;
}

.survey__table-inputs-col:first-child {
  text-align: left;
}

.survey__table-inputs-col:nth-child(2) {
  display: none;
  margin-top: 17px;
  margin-bottom: 9px;
}

.survey__table-inputs-col:nth-child(2)::before {
  content: "Утро";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .survey__table-inputs-value {
    margin-top: 0;
  }

  .survey__table-inputs-col {
    border: 1px solid #e5e5eb;
    text-align: center;
  }

  .survey__table-inputs-col:nth-child(2) {
    display: block;
    margin-top: 0;
    margin-bottom: 0;
  }

  .survey__table-inputs-col:nth-child(2)::before {
    display: none;
  }
}

.survey__table-inputs-col:nth-child(3) {
  display: none;
  margin-bottom: 11px;
}

.survey__table-inputs-col:nth-child(3)::before {
  content: "Вечер";
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
  color: #0a0c0f;
}

.survey__table-inputs-header {
  padding: 20px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.35;
  color: #0a0c0f;
}

.survey__table-inputs-label {
  position: relative;
  display: flex;
  align-items: center;
  padding: 13px 30px 13px 0;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.35;
  color: #0a0c0f;
}

.survey__table-inputs-label::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/arrow-down.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: transform .2s ease-in-out;
}

@media (min-width:768px) {
  .survey__table-inputs-col:nth-child(3) {
    display: block;
    margin-bottom: 0;
  }

  .survey__table-inputs-col:nth-child(3)::before {
    display: none;
  }

  .survey__table-inputs-label {
    padding: 20px;
    font-weight: 400;
    font-size: 14px;
  }

  .survey__table-inputs-label::after {
    display: none;
  }
}

.survey__table-inputs-input {
  border: 1px solid #c4c4c8;
  border-radius: 8px;
  padding: 12px 13px;
  width: 100%;
  height: 100%;
  min-height: 62px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.35;
  color: #0a0c0f;
  min-height: 81px;
  resize: vertical;
}

.survey__date {
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 13px;
}

.survey__contacts {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 13px;
}

@media (min-width:768px) {
  .survey__table-inputs-input {
    border: none;
    border-radius: 0;
    padding: 12px 16px;
    min-height: auto;
  }

  .survey__date {
    grid-template-columns: 170px 454px;
    grid-gap: 24px;
  }

  .survey__contacts {
    gap: 17px;
    margin-bottom: 23px;
  }
}

.survey__contact {
  display: flex;
  align-items: center;
}

.survey__contact-icon {
  margin-right: 12px;
  width: 48px;
  border-radius: 50%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  flex-shrink: 0;
  font-size: 0;
}

.survey__contact-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:768px) {
  .survey__contact-icon {
    margin-right: 16px;
    width: 56px;
  }
}

.survey__contact-value {
  width: 100%;
}

@media (min-width:768px) {
  .survey__contact-value {
    width: unset;
  }
}

.survey__contact-input {
  border: 1px solid #c4c4c8;
  border-radius: 8px;
  padding: 13px 12px;
  width: 100%;
  height: 44px;
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .survey__contact-input {
    padding: 14px 20px;
    width: 576px;
    height: 48px;
    font-size: 16px;
  }
}

.survey__contact-input::-moz-placeholder {
  color: #76767a;
}

.survey__contact-input::placeholder {
  color: #76767a;
}

.survey__another-items {
  display: flex;
  flex-direction: column;
  gap: 13px;
}

.survey__another-item {
  position: relative;
  display: grid;
  align-items: center;
  grid-gap: 12px;
  grid-template-columns: 48px 94px auto;
  padding-bottom: 26px;
}

.survey__another-item:nth-child(1) {
  display: none;
}

.survey__another-item-icon {
  width: 48px;
  border-radius: 50%;
  aspect-ratio: 1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  flex-shrink: 0;
  font-size: 0;
}

.survey__another-item-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

@media (min-width:768px) {
  .survey__another-item {
    grid-gap: 16px;
    grid-template-columns: 56px 200px 320px 24px;
    padding-bottom: 0;
  }

  .survey__another-item-icon {
    width: 56px;
  }
}

.survey__another-item-input {
  border: 1px solid #c4c4c8;
  border-radius: 8px;
  padding: 13px 12px;
  height: 44px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .survey__another-item-input {
    padding: 14px 20px;
    height: 48px;
    font-size: 16px;
  }
}

.survey__another-item-input::-moz-placeholder {
  color: #76767a;
}

.survey__another-item-input::placeholder {
  color: #76767a;
}

.survey__another-item-add {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 32px;
  width: auto;
  height: 24px;
  font-weight: 500;
  font-size: 14px;
  color: #000;
  background: url("/local/templates/geltek2024/frontend/img/btn-plus.svg") right center/24px no-repeat;
}

.survey__another-item-add_remove {
  background-image: url("/local/templates/geltek2024/frontend/img/btn-minus.svg");
}

.survey__send-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

@media (min-width:768px) {
  .survey__another-item-add {
    position: relative;
    padding-right: 0;
    width: 24px;
    font-size: 0;
    background-position: center center;
    background-size: contain;
  }

  .survey__send-options {
    gap: 24px;
    justify-content: unset;
  }
}

.survey__submit {
  display: inline-block;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 13px 30px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  box-shadow: 0 4px 16px 0 rgba(95,109,178,.15);
  background: #5f6db2;
}

.survey__submit:disabled {
  background: #9898a0;
}

.survey__send-label {
  margin-bottom: 17px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0a0c0f;
}

@media (min-width:768px) {
  .survey__submit {
    padding: 14px 30px;
    font-size: 16px;
  }

  .survey__send-label {
    margin-bottom: 19px;
    font-size: 18px;
  }
}

.survey .custom-checker__input.error+.custom-checker__fake {
  border: 1px solid red;
}

.survey .custom-input.error,
.survey .custom-select .choices__inner.error,
.survey .survey__contact-input.error,
.survey .survey__textarea.error {
  border-color: red;
}

.survey__field-note {
  display: block;
  padding-top: 10px;
  font-size: 12px;
}

.survey .alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.survey .alert.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.survey .alert.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.banner-text {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}

@media (min-width:768px) {
  .banner-text {
    padding-bottom: 30px;
  }
}

@media (min-width:992px) {
  .banner-text {
    padding-top: 39px;
    padding-bottom: 39px;
  }
}

.banner-text__item {
  position: relative;
  overflow: hidden;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 108px;
  background: linear-gradient(92.33deg,#f5f5fc 52.26%,#f5f5ff 95.23%);
  border-radius: 8px;
  padding: 16px 15px 10px 133px;
}

@media (min-width:576px) {
  .banner-text__item {
    padding-top: 10px;
    padding-left: 250px;
    padding-right: 50px;
  }
}

.banner-text__item::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
  width: 92px;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/banner-text-bg--mob.svg");
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media (min-width:992px) {
  .banner-text__item {
    min-height: 200px;
    padding-left: 376px;
    padding-right: 200px;
  }

  .banner-text__item::after {
    width: 255px;
    background-image: url("/local/templates/geltek2024/frontend/img/upload/banner-text-bg.svg");
  }
}

.banner-text__event-info {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 99px;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 10px 22px;
}

.banner-text__event-info::after {
  content: "";
  position: absolute;
  left: -73px;
  top: -26px;
  z-index: -1;
  width: 192px;
  height: 192px;
  background-image: url("/local/templates/geltek2024/frontend/img/upload/banner-text-decor.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  animation: 46s linear infinite banner-text-rotate;
}

.banner-text__theme {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #5f6db2;
}

@media (min-width:576px) {
  .banner-text__event-info {
    width: 220px;
    padding-left: 15px;
    padding-right: 40px;
    padding-top: 22px;
  }

  .banner-text__event-info::after {
    left: -147px;
    top: -110px;
    width: 382px;
    height: 375px;
  }

  .banner-text__theme {
    margin-bottom: 5px;
  }
}

@media (min-width:992px) {
  .banner-text__event-info {
    width: 310px;
  }

  .banner-text__event-info::after {
    left: -77px;
    top: -53px;
  }

  .banner-text__theme {
    font-size: 28px;
    line-height: 34px;
  }
}

.banner-text__theme_big {
  font-size: 14px;
  line-height: 18px;
}

@media (min-width:992px) {
  .banner-text__theme_big {
    font-size: 38px;
    line-height: 48px;
  }
}

.banner-text__theme_small {
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
}

@media (min-width:992px) {
  .banner-text__theme_small {
    font-size: 32px;
    line-height: 40px;
  }
}

.banner-text__desc {
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  color: #0a0c0f;
}

@media (min-width:576px) {
  .banner-text__desc {
    font-size: 14px;
    line-height: 18px;
  }
}

@media (min-width:992px) {
  .banner-text__desc {
    font-size: 28px;
    line-height: 35px;
  }
}

.banner-text__desc_medium {
  font-size: 10px;
  line-height: 11px;
}

@media (min-width:576px) {
  .banner-text__desc_medium {
    font-size: 12px;
    line-height: 14px;
  }
}

@media (min-width:992px) {
  .banner-text__desc_medium {
    font-size: 24px;
    line-height: 30px;
  }
}

.banner-text__text {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 10px;
  line-height: 12px;
  color: #0a0c0f;
}

@media (min-width:992px) {
  .banner-text__text {
    font-size: 16px;
    line-height: 20px;
  }
}

.banner-text__city {
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #fff;
}

@media (min-width:992px) {
  .banner-text__city {
    font-size: 20px;
    line-height: 25px;
  }
}

.banner-text__date {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  color: #ffdd6d;
}

@media (min-width:992px) {
  .banner-text__date {
    font-size: 28px;
    line-height: 34px;
  }
}

.banner-text__time {
  margin-bottom: 2px;
  font-weight: 700;
  font-size: 10px;
  line-height: 13px;
  color: #ffdd6d;
}

@media (min-width:576px) {
  .banner-text__time {
    margin-bottom: 8px;
  }
}

@media (min-width:992px) {
  .banner-text__time {
    font-size: 20px;
    line-height: 25px;
  }
}

.banner-text__price {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  color: #fff;
}

.banner-text__price_upper {
  text-transform: uppercase;
}

.banner-text__sl-btns {
  position: absolute;
  right: 10px;
  bottom: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.banner-text__sl-btn {
  position: relative;
  top: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  opacity: .6;
  transition: opacity .2s ease-in-out;
  cursor: pointer;
}

@media (min-width:768px) {
  .banner-text__item {
    border-radius: 12px;
  }

  .banner-text__sl-btns {
    bottom: 10px;
  }

  .banner-text__sl-btn {
    width: 24px;
    height: 24px;
  }
}

.banner-text__sl-btn::after {
  content: "";
  width: 100%;
  height: 100%;
  display: inline-block;
  background-image: url("/local/templates/geltek2024/frontend/img/icons/arrow-right.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.banner-text__sl-btn_prev {
  left: 0;
}

.banner-text__sl-btn_prev::after {
  transform: scale(-1,1);
}

.banner-text__sl-btn_next {
  right: 0;
}

.banner-text__sl-btn:hover {
  opacity: 1;
}

.banner-text__slider {
  position: relative;
}

@keyframes banner-text-rotate {
  from {
    transform: rotate(0);
  }

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

.header-clinic {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,.08);
}

.header-clinic__overlap {
  position: relative;
  z-index: 2;
  padding-top: 10px;
  padding-bottom: 10px;
  background: #fff;
}

.header-clinic__container {
  display: flex;
  align-items: center;
}

.header-clinic__logo {
  margin-right: auto;
  --icon-width: 150px;
  --icon-height: 40px;
}

.header-clinic__main-menu {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: #fff;
}

@media (min-width:576px) {
  .header-clinic__main-menu {
    gap: 0;
  }
}

@media (min-width:992px) {
  .banner-text__price {
    font-size: 20px;
    line-height: 25px;
  }

  .header-clinic__overlap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header-clinic__main-menu {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width:1250px) {
  .header-clinic__main-menu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.header-clinic__menu {
  margin-right: 20px;
  display: none;
}

@media (min-width:992px) {
  .header-clinic__menu {
    margin-right: 23px;
    display: block;
  }
}

.header-clinic__menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}

.header-clinic__menu-link {
  font-weight: 500;
  font-size: 13px;
  line-height: 140%;
  color: #33353b;
}

@media (min-width:1250px) {
  .header-clinic__menu-list {
    gap: 18px;
  }

  .header-clinic__menu-link {
    font-size: 15px;
  }
}

.header-clinic__menu-link_active {
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  color: #5f6db2;
}

.header-clinic__phone {
  display: none;
  margin-right: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #5f6db2;
}

@media (min-width:1250px) {
  .header-clinic__phone {
    font-size: 20px;
  }
}

.header-clinic__order--orange {
  background: #e5870c;
}

.header-clinic__order--orange:hover {
  border-color: #fcb75c;
  background: #e5870c;
}

.header-clinic__order--orange:active {
  border-color: #fcb75c;
  background: #fcb75c;
  outline: 0;
}

.header-clinic__order--orange:disabled {
  border-color: #e8e9eb;
  background-color: #e8e9eb;
}

.header-clinic__burger {
  order: 2;
  display: inline-block;
  position: relative;
  width: 36px;
  aspect-ratio: 1;
  border: none;
  background-color: transparent;
}

@media (min-width:576px) {
  .header-clinic__phone {
    display: inline-block;
  }

  .header-clinic__burger {
    margin-right: 20px;
    order: unset;
  }
}

.header-clinic__burger .header-clinic__burger-inner,
.header-clinic__burger::after,
.header-clinic__burger::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 2px;
  width: 100%;
  height: 3px;
  background: #5f6db2;
  transform: translate(-50%,-50%);
}

.header-clinic__burger::before {
  transform: translate(-50%,calc(-50% - 9px));
}

.header-clinic__burger::after {
  transform: translate(-50%,calc(-50% + 9px));
}

@media (min-width:992px) {
  .header-clinic__burger {
    display: none;
  }
}

.header-clinic__submenu {
  position: absolute;
  left: 10px;
  top: 100%;
  z-index: -1;
  display: flex;
  border-radius: 0 0 24px 24px;
  padding: 24px 20px;
  width: calc(100% - 20px);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.25);
  background: #fff;
  transform: translateY(-100%);
  visibility: hidden;
  transition: visibility .2s ease-in-out,transform .2s ease-in-out;
}

@media (min-width:992px) {
  .header-clinic__submenu_active {
    visibility: visible;
    transform: translateY(0);
  }
}

.header-clinic__submenu-col {
  padding: 0 30px;
}

.header-clinic__submenu-col:not(:last-child) {
  border-right: 1px solid #5f6db2;
}

.header-clinic__submenu-col-name {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 175%;
  color: #76767a;
}

.header-clinic__submenu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.header-clinic__submenu-list-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #000;
}

@media (min-width:1250px) {
  .header-clinic__submenu-list-link {
    font-size: 16px;
  }
}

@media (any-hover:hover) {
  .header-clinic__menu-link:hover,
  .header-clinic__submenu-list-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    color: #5f6db2;
  }
}

.header-clinic__mob-menu {
  position: absolute;
  left: 10px;
  top: 100%;
  overflow-y: auto;
  display: grid;
  width: calc(100% - 20px);
  border-radius: 0 0 24px 24px;
  padding: 12px 30px;
  max-height: calc(100vh - 70px);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,.25);
  background: #fff;
  visibility: hidden;
  transform: translateY(-100%);
  transition: visibility .2s ease-in-out,transform .2s ease-in-out;
}

.header-clinic__mob-menu_active {
  visibility: visible;
  transform: translateY(0);
}

@media (min-width:992px) {
  .header-clinic__mob-menu_active {
    display: none;
  }
}

.header-clinic__mob-menu-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.header-clinic__mob-menu-col:not(:last-child) {
  border-bottom: 1px solid #dfdfe5;
}

@media (min-width:768px) {
  .header-clinic__mob-menu {
    left: 40px;
    padding: 32px 50px;
    width: calc(100% - 80px);
    grid-template-columns: repeat(2,1fr);
    grid-gap: 75px;
  }

  .header-clinic__mob-menu-col:not(:last-child) {
    border: none;
  }
}

.header-clinic__mob-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

.header-clinic__mob-menu-list-item {
  position: relative;
}

.header-clinic__mob-menu-list-item::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom: 1px solid #dfdfe5;
}

.header-clinic__mob-menu-list-item:last-child::after {
  display: none;
}

.header-clinic__mob-menu-list-item_open .header-clinic__mob-menu-list-item-icon {
  --icon-color: #76767a;
  transform: rotate(180deg);
}

.header-clinic__mob-menu-list-item-icon {
  position: absolute;
  right: 0;
  top: 9px;
  --icon-color: #5f6db2;
  --icon-width: 18px;
  --icon-height: 18px;
}

.header-clinic__mob-menu-link {
  font-weight: 500;
  font-size: 18px;
  line-height: 2;
  color: #33353b;
}

.header-clinic__mob-submenu {
  overflow: hidden;
  height: 0;
  transition: height .2s ease-in-out;
}

.header-clinic__mob-submenu-list {
  list-style: none;
  margin: 0;
  padding: 12px 0 12px 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.header-clinic__mob-submenu-list-item {
  position: relative;
}

.header-clinic__mob-submenu-list-item_open .header-clinic__mob-submenu-list-item-icon {
  --icon-color: #76767a;
  transform: rotate(180deg);
}

.header-clinic__mob-submenu-list-item-icon {
  position: absolute;
  right: 0;
  top: 1px;
  --icon-color: #5f6db2;
  --icon-width: 18px;
  --icon-height: 18px;
}

.header-clinic__mob-submenu-link {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #33353b;
}

.header-clinic__mob-childmenu {
  overflow: hidden;
  height: 0;
  transition: height .2s ease-in-out;
}

.header-clinic__mob-childmenu-list {
  list-style: none;
  margin: 0;
  padding: 12px 0 12px 20px;
  display: flex;
  flex-direction: column;
}

.header-clinic__mob-childmenu-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: #000;
}

.header-clinic__mob-menu-phone {
  align-self: center;
  margin-top: auto;
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #5f6db2;
}

.header-clinic__mob-menu-mail {
  align-self: center;
  font-weight: 400;
  font-size: 16px;
  text-decoration: underline;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-align: center;
  color: #5f6db2;
}

.header-clinic__mob-menu-socials {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

.header-clinic__mob-menu-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;
}

.header-clinic__mob-menu-social:hover {
  --icon-color: #fff;
  background-color: #5f6db2;
}

.header-clinic__mob-menu-order {
  align-self: center;
}

.header-clinic-overlay {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  display: none;
  width: 100%;
  height: 100%;
}

.header-clinic-overlay_active {
  display: block;
}

.raw-table {
  font-size: 14px;
  max-width: 100%;
  overflow-x: auto;
}

.raw-table_offset {
  margin-top: 40px;
  margin-bottom: 40px;
}

.raw-table table {
  min-width: 900px;
}

.raw-table thead {
  background-color: #fff;
}

.raw-table tr:not(:last-child) {
  border-bottom: 1px solid #edeef6;
}

.raw-table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.raw-table td:not(:first-child) {
  padding-left: 10px;
}

.raw-table td:not(:last-child) {
  padding-right: 10px;
}

.for-adult img {
  filter: blur(50px);
}

.for-adult-page {
  top: 0;
  left: 0;
  position: fixed;
  width: 100svw;
  height: 100svh;
  z-index: 99;
  -webkit-backdrop-filter: blur(10px) opacity(1);
  backdrop-filter: blur(10px) opacity(1);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.for-adult-page::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;
}