/* Start:/local/components/pages/main/templates/.default/style.css?179310423749035*/
/* HERO */
.hero {
  width: 100%;
  padding-top: 48px;
}
.hero__content {
  display: flex;
  width: 100%;
  min-height: 810px;

  overflow: hidden;
  border-radius: 64px;
}
.hero__left {
  flex: 1;
}
.hero__right {
  width: 835px;
}
.hero__city {
  display: none;
  z-index: 2;
}
.hero__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 73px 34px 48px 64px;
  background: #fff4e4;
  border-radius: 64px 0 0 64px;
}
.hero__right {
  position: relative;
  overflow: hidden;
  border-radius: 0 64px 64px 0;
}
.hero__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-slider {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.hero__image__mob {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: none;
}
.hero__badge {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: max-content;
  max-width: 100%;
  padding: 0 43px 0 24px;
  border-radius: 40px;
  background: white;
  color: #333;
  text-decoration: none;
  height: 72px;
}
.hero__badge-brand {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
  padding-right: 18px;
}
.hero__badge-brand svg {
  flex: 0 0 auto;
}
.hero__badge-brand-text {
  color: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.hero__badge-stat {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;

  border-left: 1px solid #F2F2F2;
  color: inherit;
  line-height: 1.1;
  text-decoration: none;
}
.hero__badge-stat-label {
  color: #777;
  font-size: 12px;
  font-weight: 400;
}
.hero__badge-stat-value {
  font-size: 18px;
  font-weight: 600;
  white-space: nowrap;
}
.hero__badge-stat--count {
  padding: 0 20px;
}
.hero__badge-stat--date {
  padding-left: 20px;
}




.hero__callback {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  border-radius: 40px;
  background: white;
  font-weight: 600;
}

.hero__address a:hover path {
  fill: #e58411;
  transition: 0.3s;
}

.hero__title {
  margin: 30px 0 0;
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 63px;
  font-weight: 300;
  line-height: 137%;
  text-transform: uppercase;
}
.hero__title__small {
  margin: 30px 0 0;
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 137%;
  text-transform: uppercase;
}
.hero__title__small__Two {
  margin: 30px 0 0;
  color: #333;
  font-family: "Poppins", sans-serif;
  font-size: 57px;
  font-weight: 300;
  line-height: 137%;
  text-transform: uppercase;
}
.hero__features-wrapper {
  margin-top: 70px;
  padding: 0 0px 0 9px;
}
.hero__features {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.hero__feature {
  display: flex;
  align-items: center;
  padding: 8px 34px;
  border-right: 1px solid #b0b0b0;
  font-size: 20px;
}
.hero__feature:first-child {
  padding-left: 0;
}
.hero__feature:last-child {
  padding-right: 0;
  border-right: none;
}
.hero__search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 509px;
  margin-top: 40px;
  padding: 8px 8px 8px 20px;
  border: 0.7px solid #adadad;
  border-radius: 42px;
  background: white;
  height: 56px;
}
.hero__search-input {
  flex: 1 1 auto;
  min-width: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 18px;
}

.hero__search-input::placeholder {
  color: #adadad;
}

.catalog-search-input-error {
  border: 1px solid #e03f3f;
  background: #fff3f3;
  color: #e03f3f;
}
.hero__search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 11px;
  border: none;
  border-radius: 24px;
  background: #e58411;
  cursor: pointer;
}
.hero__search-btn svg {
  width: 20px;
  height: 20px;
  stroke: white;
}
.hero__search-dropdown {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 170px;
  overflow-y: auto;
  background: #fff;
  border: 0.7px solid #adadad;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

  /* 👇 ИЗМЕНЕНИЯ ЗДЕСЬ: Настраиваем внутренние отступы */
  padding: 6px 0 6px 6px; /* Справа ставим 0, так как там будет полоса скролла */

  /* Резервируем место под скроллбар строго внутри контейнера */
  scrollbar-gutter: stable;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

/* 👇 ДОБАВЬТЕ ЭТИ СТИЛИ ДЛЯ КРАСИВОГО СКРОЛЛБАРА НА ПК */

/* 1. Задаем ширину полосы скролла */
.hero__search-dropdown::-webkit-scrollbar {
  width: 6px; /* Делаем её тонкой и аккуратной */
}

/* 2. Настраиваем фон дорожки (трека) */
.hero__search-dropdown::-webkit-scrollbar-track {
  background: transparent; /* Делаем фон прозрачным, чтобы он не перекрывал border-radius */
  margin-top: 10px; /* Отступы сверху и снизу, чтобы бегунок */
  margin-bottom: 10px; /* не упирался в скругленные углы */
}

/* 3. Настраиваем сам бегунок */
.hero__search-dropdown::-webkit-scrollbar-thumb {
  background: #c1c1c1; /* Цвет ползунка */
  border-radius: 10px; /* Скругляем сам ползунок */
}

/* Изменяем цвет ползунка при наведении */
.hero__search-dropdown::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}

/* Поддержка для Firefox */
@supports (scrollbar-width: thin) {
  .hero__search-dropdown {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 transparent;
  }
}

.hero__search-dropdown__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 10px;
  color: #1a1a1a;
  text-decoration: none;
  font-size: 15px;
}
.hero__search-dropdown__item:hover {
  background: #f5f5f5;
}
.hero__search-dropdown__img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 8px;
  flex-shrink: 0;
}
.hero__search-dropdown__name {
  flex: 1 1 auto;
  min-width: 0;
}
.hero__cta a {
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 91px;
  padding: 20px 40px;
  color: white;
  background: #e58411;
  border-radius: 32px;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 300;
  width: 336px;
  height: 80px;
}
.hero__cta a:hover {
  background: #c56b00;
}
.hero__cta a:active {
  background: #333333;
}
.hero__callback,
.hero__address {
  position: absolute;
  z-index: 2;
  max-width: 320px;
}
.hero__callback {
  top: 34px;
  right: 38px;
  justify-content: center;
  cursor: pointer;
  width: 250px;
}
.hero__address {
  left: 31px;
  bottom: 55px;
  font-size: 14px;
  display: flex;
  gap: 8px;
}

@media (max-width: 1800px) {
  .hero__cta a {
    margin-top: 104px;
  }
}
@media (max-width: 1800px) {
  .hero__title {
    font-size: 57px;
  }
  .hero__title__small {
    font-size: 38px;
  }
  .hero__title__small__Two {
    font-size: 51px;
  }
}
@media (max-width: 1600px) {
  .hero__feature {
    padding: 6px 16px;
    font-size: 15px;
  }
  .hero__title {
    font-size: 47px;
  }
  .hero__title__small {
    font-size: 33px;
  }
  .hero__title__small__Two {
    font-size: 42px;
  }
  .hero__cta a {
    margin-top: 153px;
  }
  .hero__badge-brand-text {
    font-size: 16px;
  }
  .hero__badge-stat-value {
    font-size: 14px;
  }
  .hero__badge-brand {
    gap: 15px;
  }
  .hero__badge-stat--count {
    padding: 0 15px;
  }
  .hero__badge-stat--date {
    padding-left: 15px;
  }
  .hero__badge {
    padding: 0 31px 0 21px;
    height: 58px;
  }





}

@media (max-width: 1440px) {
  .hero {
    padding-top: 30px;
  }
  .hero__content {
    max-height: 618px;
    border-radius: 48px;
    min-height: auto;
  }
  .hero__left {
    padding: 56px 36px 36px 40px;
    border-radius: 48px 0 0 48px;
  }
  .hero__right {
    border-radius: 0 48px 48px 0;
  }
  .hero__title {
    margin-top: 24px;
    font-size: 46px;
  }
  .hero__title__small {
    margin-top: 24px;
    font-size: 32px;
  }
  .hero__title__small__Two {
    margin-top: 24px;
    font-size: 37px;
  }
  .hero__features-wrapper {
    margin-top: 33px;
  }
  .hero__feature {
    padding: 6px 16px;
    font-size: 15px;
  }
  .hero__left {
    min-width: 50%;
  }
  .hero__search-input {
    font-size: 16px;
  }
  .hero__search {
    max-width: 350px;
    margin-top: 40px;
    height: 42px;
    padding: 8px 4px 8px 20px;
  }
  .hero__search-btn {
    width: 34px;
    height: 34px;
  }
  .hero__badge {
    gap: 0;
    padding: 12px 18px;
    font-weight: 400;
    font-size: 15px;
    width: auto;
  }
  .hero__callback {
    gap: 12px;
    padding: 10px 18px;
    font-weight: 400;
    max-width: 213px;
    font-size: 13px;
  }

  .hero__cta a {
    padding: 18px 32px;
    font-size: 17px;
    height: 56px;
    border-radius: 24px;
    width: 300px;
    margin-top: 85px;
  }
  .hero__address {
    gap: 10px;
    bottom: 40px;
  }

  .hero__address svg {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1120px) {
  .hero__content {
    border-radius: 40px;
    max-height: 500px;
  }
  .hero__left {
    min-width: 45%;
  }
  .hero__right {
    border-radius: 0 40px 40px 0;
  }
  .hero__title {
    margin-top: 20px;
    font-size: 34px;
  }
  .hero__title__small {
    margin-top: 20px;
    font-size: 22px;
  }
  .hero__title__small__Two {
    margin-top: 20px;
    font-size: 31px;
  }
  .hero__feature {
    padding: 6px 12px;
    font-size: 13px;
  }
  .hero__search {
    max-width: 300px;
    margin-top: 32px;
    padding: 8px 8px 8px 16px;
  }
  .hero__search-input {
    font-size: 14px;
  }
  .hero__badge {
    gap: 0;
    padding: 10px 14px;
    border-radius: 24px;
  }
  .hero__badge-brand {
    gap: 8px;
    padding-right: 10px;
  }
  .hero__badge-brand-text {
    font-size: 11px;
  }
  .hero__badge-stat {
    padding-left: 10px;
  }
  .hero__badge-stat-label {
    font-size: 7px;
  }
  .hero__badge-stat-value {
    font-size: 12px;
  }
  .hero__address svg {
    width: 40px;
    height: 40px;
  }

  .hero__callback {
    max-width: 200px;
    font-size: 12px;
    gap: 16px;
    padding: 10px 14px;
    border-radius: 24px;
    top: 16px;
    right: 16px;
  }
  .hero__callback svg {
    height: 20px;
  }
  .hero__address {
    left: 16px;
    bottom: 16px;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 24px;
  }
  .hero__cta a {
    padding: 16px 28px;
    height: 42px;
    font-size: 14px;
    width: 200px;
  }
}
@media (max-width: 1024px) {
  .hero__address svg {
    width: 41px;
    height: 41px;
  }
  .hero__content {
    min-height: 420px;
    height: auto;
    border-radius: 32px;
  }
  .hero__left {
    padding: 28px 16px 24px;
    border-radius: 32px 0 0 32px;
  }
  .hero__right {
    min-height: 360px;
    border-radius: 0 32px 32px 0;
  }
  .hero__title {
    margin-top: 16px;
    font-size: 28px;
    line-height: 1.15;
  }
  .hero__title__small {
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.15;
  }
  .hero__title__small__Two {
    margin-top: 16px;
    font-size: 29px;
    line-height: 1.15;
  }
  .hero__badge {
    gap: 0;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 20px;
    height: 42px;
  }
  .hero__badge-brand svg {
    width: 19px;
  }
  .hero__features-wrapper {
    margin-top: 16px;
  }
  .hero__feature {
    padding: 4px 10px;
    font-size: 12px;
  }
  .hero__search {
    width: 100%;
    max-width: 100%;
    margin-top: 24px;
    padding: 6px 6px 6px 14px;
    gap: 8px;
  }
  .hero__search-input {
    font-size: 14px;
  }
  .hero__search-btn {
    padding: 8px;
  }
  .hero__search-btn svg {
    width: 16px;
    height: 16px;
  }
  .hero__callback {
    gap: 8px;
    padding: 8px 12px;
    border-radius: 18px;
    max-width: 220px;
    font-size: 11px;
  }
  .hero__address {
    gap: 4px;
  }
  .hero__callback {
    top: 12px;
    right: 12px;
  }
  .hero__address {
    left: 12px;
    bottom: 12px;
  }
  .hero__cta a {
    margin-top: 24px;
    padding: 14px 20px;
    font-size: 14px;
    text-align: center;
  }
}
@media (max-width: 800px) {


  .hero__address {
    gap: 7px;
  }
  .hero__address svg {
    width: 72px;
    height: 72px;
  }
  .hero__callback svg {
    height: 28px;
  }
  .hero__badge-stat--date {
    display: flex;
  }
  .hero__badge-stat--count {
    display: flex;
    padding-left: 52px;
  }
  .hero__badge,
  .hero__callback,
  .hero__address {
    padding: 21px 14px;
  }

  .hero__title__small {
    margin-bottom: 24px;
    font-size: 20px;
  }
  .hero__title__small__Two {
    margin-bottom: 24px;
    font-size: 26px;
  }
  .hero {
    padding-top: 0px;
  }
  .hero__content {
    flex-direction: column-reverse;
    align-items: center;
    min-height: 0;
    height: auto;
    border-radius: 24px;
    overflow: visible;
    max-height: max-content;
  }
  .hero__right {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 89/93;
    border-radius: 32px;
    overflow: hidden;
    min-height: auto;
    max-height: 670px;
  }
  .hero__city {
    position: absolute;
    top: 32px;
    bottom: auto;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 40px;
    font-size: 18px;
    padding: 12px 24px;
    gap: 20px;
    left: 20px;
    font-weight: 600;
  }
  .hero__city svg {
    width: 23px;
    height: 28px;
  }
  .hero__image {
    display: none;
  }
  .hero__image__mob {
    display: block;
  }
  .hero__callback {
    position: absolute;
    top: 24px;
    bottom: auto;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 40px;
    font-size: 10px;
    right: 22px;
    width: 54px;
    height: 40px;
    padding: 11.392px 17.088px;
    justify-content: center;
    gap: 14.24px;
  }
  .hero__callback-text {
    display: none;
  }
  .hero__address {
    bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0;
    justify-content: center;
    max-width: 100%;
  }
  .hero__left {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 100%;
    margin-top: 0px;
    padding: 28px 11px 32px;
    background: #fff4e4;
    border-radius: 24px;
    position: relative;
    z-index: 2;
  }
  .hero__badge {
    gap: 0;
    width: auto;
    max-height: 72px;
    height: 72px;
    padding: 8px 60px 8px 24px;
    border-radius: 40px;
  }
  .hero__badge svg {
    width: 32px;
    height: 32px;
  }
  .hero__badge-brand {
    gap: 12px;
    padding-right: 52px;
  }
  .hero__badge-brand-text {
    font-size: 18px;
    font-weight: 600;
  }
  .hero__badge-stat--date {
    padding-left: 52px;
    width: 92px;
  }
  .hero__badge-stat--count {
    width: 50px;
    max-width: 50px;
  }
  .hero__badge-stat-label {
    font-size: 12px;
  }
  .hero__badge-stat-value {
    font-size: 18px;
    font-weight: 600;
  }
  .hero__title {
    font-size: 33px !important;
    line-height: 122%;
    text-align: start;
    margin-bottom: 25px;
    margin-top: 24px;
    font-weight: 200;
  }
  .hero__features-wrapper {
    margin-top: 0;
    width: 100%;
    margin-bottom: 58px;
    padding: 0;
  }
  .hero__features {
    display: flex;
    align-items: center;
    gap: 0px;
    min-height: 34px;
    padding: 0 5px;
    margin-top: 0;
    flex-wrap: nowrap;
  }
  .hero__feature {
    padding: 0 17px;
    font-size: 14px;
    line-height: 20px;
  }
  .hero__feature:first-child {
    padding-left: 0;
  }
  .hero__feature:last-child {
    padding-right: 0;
  }
  .hero__search {
    display: none;
  }
  .hero__cta {
    margin: 0 auto;
    width: 288px;
  }
  .hero__cta a {
    align-self: center;
    width: 100%;
    max-width: 300px;
    min-height: 50px;
    margin-top: 0;
    padding: 14px 24px;
    border-radius: 32px;
    font-size: 16px;
    font-weight: 200;
    height: 50px;
  }
  .hero__badge {
    width: 100%;
  }

  .hero__callback {
    width: auto;
    min-width: 250px;
    padding: 30px 24px;
    font-size: 18px;
    font-weight: 600;

  }
  .hero__callback-text {
    display: inline;
    white-space: nowrap;
  }
  .hero__cta,
  .hero__cta a {
    width: 100%;
    max-width: none;
  }
  .hero__left {
    padding: 67px 24px 67px;
    border-radius: 48px;
  }
  .hero__badge {
    width: 100%;
    height: 72px;
    max-height: none;
    padding-right: clamp(10px, calc(25vw - 140px), 60px);
    padding-left: clamp(10px, calc(7vw - 32px), 24px);
    border-radius: 36px;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .hero__badge svg {
    width: 32px;
    height: 32px;
  }
  .hero__badge-brand {
    flex: 0 0 auto;
    gap: clamp(12px, calc(2vw), 16px);
    padding-right: clamp(12px, calc(20vw - 108px), 52px);
  }
  .hero__badge-brand-text {
    font-size: 18px;
  }
  .hero__badge-stat {
    width: auto;
    max-width: none;
    min-width: 0;
    align-items: flex-start;
  }
  .hero__badge-stat--count {
    flex: 0 0 auto;
    padding-right: clamp(12px, calc(21.5vw - 117px), 55px);
    padding-left: clamp(12px, calc(20vw - 108px), 52px);
  }
  .hero__badge-stat--date {
    flex: 1 1 auto;
    align-items: flex-start;
    padding-left: clamp(12px, calc(4vw - 12px), 20px);
  }
  .hero__badge-stat-label {
    font-size: 12px;
  }
  .hero__badge-stat-value {
    font-size: 18px;
  }
  .hero__title {
    margin: 40px 0 0;
    font-size: 64px !important;
    line-height: 1.48;
  }
  .hero__features-wrapper {
    margin-top: 32px;
    margin-bottom: 72px;
  }
  .hero__features {
    width: 100%;
    padding: 0 12px;
  }
  .hero__feature {
    padding: 0 32px;
    font-size: 20px;
    line-height: 24px;
  }
  .hero__cta a {
    min-height: 80px;
    height: 80px;
    border-radius: 32px;
    font-size: 24px;
  }
}

@media (max-width: 600px) {
  .hero__right {
    max-height: 350px;
  }
  .hero__address svg {
    width: 41px;
    height: 41px;
  }
  .hero__address {
    gap: 4px;
  }
  .hero__city svg {
    width: 16px;
    height: 16px;
  }
  .hero__city {
    font-weight: 400;
    top: 24px;
    font-size: 10px;
    gap: 6px;
  }
  .hero__left {
    padding: 42px 16px 32px;
    border-radius: 24px;
  }
  .hero__badge {
    height: 40px;
    max-height: 40px;
    padding: 8px 10px;
    border-radius: 25px;
  }
  .hero__badge svg {
    width: 18px;
    height: 18px;
  }
  .hero__badge-brand {
    flex: 1 1 auto;
    gap: 12px;
    padding-right: 12px;
  }
  .hero__badge-brand-text {
    font-size: 12px;
    font-weight: 400;
  }
  .hero__badge-stat {
    flex: 1 1 auto;
    padding: 0 12px;
  }
  .hero__badge-stat--count,
  .hero__badge-stat--date {
    flex: 1 1 auto;
    width: auto;
    max-width: none;
    padding: 0 12px;
  }
  .hero__badge-stat-label {
    font-size: 8px;
  }
  .hero__badge-stat-value {
    font-size: 12px;
    font-weight: 400;
  }
  .hero__title {
    margin: 32px 0 30px;
    font-size: 20px !important;
    line-height: 1.22;
  }
  .hero__features-wrapper {
    margin-top: 0;
    margin-bottom: 64px;
  }
  .hero__feature {
    padding: 0 17px;
    font-size: 14px;
    line-height: 20px;
  }
  .hero__cta a {
    min-height: 50px;
    height: 50px;
    font-size: 16px;
  }
  .hero__callback {
    width: 54px;
    min-width: 54px;
    padding: 11.392px 17.088px;
  }
  .hero__callback-text {
    display: none;
  }
}


@media (max-width: 410px) {
  .hero__feature {
    padding: 0 13px;
  }

}

@media (max-width: 390px) {
  .hero__feature {
    font-size: 12px;
  }
  .hero__badge-stat {
    padding: 0 8px;
  }
  .hero__badge-brand {
    gap: 8px;
    padding-right: 8px;
  }
  .hero__badge-brand-text {
    font-size: 10px;
  }
  .hero__badge-stat-value {
    font-size: 10px;
  }


}
/* slider__product */

.slider__product-section {
  position: relative;
  overflow: hidden;
}
.slider__product {
  position: relative;
  overflow: hidden;
  padding-top: 288px;
}
.slider__product-bg {
  position: absolute;
  top: 150px;
  width: 100%;
  overflow: hidden;
  color: #ADADAD;
  font-size: 52px;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
}

.slider__product-bg-track {
  display: inline-flex;
  gap: 20px;
  min-width: max-content;
  animation: sliderProductTextMarquee 28s linear infinite;
}

@keyframes sliderProductTextMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.slider__product-btn-all a {
  width: 794px;
  display: flex;
  background: #e58411;
  height: 80px;
  border-radius: 32px;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 60px;
  gap: 16px;
}
.slider__product-btn-all a:hover {
  transition: 0.3s;
  background: #c56b00;
}
.slider__product-btn-all span {
  color: white;
  font-size: 24px;
  font-weight: 400;
}

@media (max-width: 1440px) {
  .slider__product-bg {
    font-size: 39px;
  }
  .slider__product-btn-all a {
    width: 600px;
    height: 60px;
    gap: 8px;
    border-radius: 24px;
  }
  .slider__product-btn-all span {
    font-size: 16px;
    font-weight: 300;
  }
  .slider__product-btn-all svg {
    height: 23px;
    width: 23px;
  }
}
@media (max-width: 1024px) {
  .slider__product {
    padding-top: 131px;
  }
  .slider__product-bg {
    top: 60px;
  }
  .slider__product-btn-all a {
    margin-top: 32px;
    width: auto;
    height: 60px;
    font-weight: 200;
    border-radius: 24px;
  }
  .slider__product-btn-all span {
    font-size: 16px;
  }
}
@media (max-width: 600px) {
  .slider__product-bg {
    font-size: 32px;
  }

  .slider__product-btn-all a {
    gap: 17px;
    height: 50px;
  }
}

/* WHY-US */
.why-us {
  margin-top: 150px;
}
.why-us__wrapper {
  position: relative;
  width: 100%;
}
.why-us__image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  max-width: 60%;
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.why-us__title {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: 0;
  transform: translate(-50%, -50%);
  color: #e58411;
  font-size: 52px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
}
.why-us__container {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 205px;
  -moz-column-gap: 332px;
  column-gap: 312px;
}
.why-us__section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 240px;
  width: 632px;
  padding: 40px;
  background: #fff4e4;
  border-radius: 32px;
  min-height: 333px;
}
.why-us__section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.why-us__section-title {
  margin: 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
}
.why-us__section-text {
  margin: 0;
  font-size: 20px;
  font-weight: 200;
  line-height: 1.3;
}
.why-us__section-number {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  min-height: 64px;
  border-radius: 50%;
  background: #e58411;
  color: white;
  font-size: 30px;
  line-height: 1;
  margin-right: 13px;
}
@media (max-width: 1440px) {
  .why-us__container {
    row-gap: 110px;
    column-gap: 320px;
  }
  .why-us__section-title {
    max-width: 440px;
    font-size: 27px;
  }
  .why-us__section-number {
    font-size: 22px;
    min-height: 50px;
    min-width: 50px;
  }
  .why-us__section-text {
    font-size: 17px;
  }
  .why-us__section {
    min-height: 290px;
    width: 100%;
  }
  .why-us__title {
    font-size: 40px;
  }
}
@media (max-width: 1120px) {
  .why-us {
    margin-top: 100px;
  }
  .why-us__container {
    gap: 80px;
  }
  .why-us__section {
    aspect-ratio: 1.7/1;
  }
  .why-us__title {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .why-us {
    margin-top: 80px;
  }
  .why-us__container {
    gap: 48px;
  }
  .why-us__image {
    max-width: 50%;
  }
  .why-us__title {
    font-size: 25px;
  }
  .why-us__section {
    min-height: 95px;
    padding: 24px;
    aspect-ratio: 2/1;
  }
  .why-us__section-title {
    font-size: clamp(12px, 2vw, 20px);
  }
  .why-us__section-number {
    min-width: clamp(25px, 1.5vw, 35px);
    min-height: clamp(25px, 1.5vw, 35px);
    font-size: clamp(12px, 1.5vw, 20px);
  }
  .why-us__section-text {
    font-size: clamp(10px, 1.8vw, 30px);
  }
}
@media (max-width: 600px) {
  .why-us {
    margin-top: 64px;
  }
  .why-us__image {
    display: none;
  }
  .why-us__title {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 24px;
    transform: none;
    color: #e58411;
    text-align: left;
    font-size: 24px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 32px;
    text-transform: uppercase;
  }
  .why-us__container {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .why-us__section {
    aspect-ratio: auto;
    min-height: 174px;
    border-radius: 18px;
    gap: 24px;
    padding: 21px 20px 29px 20px;
  }
  .why-us__section-title {
    font-size: 20px;
  }
  .why-us__section-number {
    font-size: 17px;
    min-height: 40px;
    min-width: 40px;
    font-weight: 300;
    margin-right: 6px;
  }
  .why-us__section-text {
    font-size: 13px;
    font-weight: 300;
  }
}
@media (max-width: 480px) {
  .why-us__section-header {
    margin-bottom: 0px;
  }
}

/* STEPS */
.steps {
  margin-top: 150px;
  overflow-x: hidden;
}
.steps__title {
  margin: 0;
  color: #333;
  font-weight: 600;
  font-style: normal;
  font-size: clamp(28px, 6vw, 60px);
  line-height: 117%;
  letter-spacing: clamp(-1px, -0.2vw, -2.4px);
}
.steps__title span {
  white-space: nowrap;
}
.steps__list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-top: 32px;
}
.steps__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.steps__number {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 107px;
  height: 56px;
  padding: 0 16px;
  border-radius: 999px;
  background: #e58411;
  color: white;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.steps__number::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 100vw;
  height: 2px;
  transform: translateY(-50%);
  background: #f2f2f2;
}
.steps__item-title {
  color: #333;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 40px;
  margin-bottom: 24px;
}
.steps__item-text {
  margin: 0;
  color: #333;
  font-size: 24px;
  font-weight: 400;
  line-height: 134%;
}
.steps__item-text-mob {
  margin: 0;
  color: #333;
  font-size: 24px;
  font-weight: 400;
  line-height: 134%;
  display: none;
}

.steps__map-mobile {
  display: block;
  margin-top: 0px;
}
.steps__map-mobile-image-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: -19px;
}
.steps__map-mobile-image {
  display: block;
  width: min(100%, 460px);
  height: auto;
}
.steps__map-mobile-descriptions {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  margin-top: 16px;
}
.steps__map-mobile-description {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}
.steps__map-mobile-dot {
  flex-shrink: 0;
  width: clamp(5px, 1.5vw, 7px);
  height: clamp(5px, 1.5vw, 7px);
  margin-top: 7px;
  border-radius: 50%;
  background: #e58411;
}
.steps__map-mobile-text {
  margin: 0;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 143%;
}
.steps__map-desktop {
  display: none;
}
.steps__map-desktop-title {
  font-size: 32px;
}
.steps__map-desktop-text {
  margin: 0;
  color: #333;
  font-size: 24px;
  font-weight: 200;
  line-height: 134%;
}

.steps__map-desktop-title {
  max-width: 350px;
  margin: 0;
  color: #333;

  font-weight: 400;
  line-height: 122%;
}

@media (max-width: 1440px) {
  .steps__map-desktop-text {
    font-size: 20px;
  }
  .steps__map-desktop-title {
    font-size: 28px;
  }
  .steps__number {
    font-size: 17px;
    min-width: 80px;
    height: 40px;
    font-weight: 300;
  }
  .steps__title {
    font-size: 40px;
    font-weight: 500;
  }
  .steps__item-title {
    font-size: 26px;
    font-weight: 400;
  }
  .steps__item-text {
    font-size: 16px;
  }
  .steps__item-text-mob {
    font-size: 16px;
  }
  .steps__list {
    margin-top: 60px;
  }
}
@media (max-width: 1024px) {
  .steps .steps__list {
    gap: 24px;
  }
  .steps .steps__item-title {
    font-size: 20px;
    margin-top: 24px;
    margin-bottom: 14px;
    font-weight: 500;
  }
  .steps .steps__item-text {
    font-size: 16px;
    font-weight: 400;
    display: none;
  }
  .steps .steps__item-text-mob {
    font-size: 16px;
    font-weight: 400;
    display: block;
  }
}
@media (min-width: 801px) {
  .steps__list {
    flex-direction: row;
    justify-content: space-between;
    gap: 150px;
    margin-top: 80px;
  }
  .steps__map-mobile {
    display: none;
  }
  .steps__map-desktop {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    gap: 24px;
    margin-top: 80px;
    min-height: 420px;
    padding-right: 80px;
    background: #f2f2f2;
    border-radius: 32px;
  }
  .steps__map-desktop-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 59px 64px;
    min-width: 450px;
  }

  .steps__map-desktop-image-wrap {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    min-height: 420px;
  }
  .steps__map-desktop-image {
    display: block;
    width: auto;
    height: 100%;
    max-height: 420px;
  }
}

@media (max-width: 1120px) {
  .steps {
    margin-top: 100px;
  }
}
@media (max-width: 1024px) {
  .steps {
    margin-top: 80px;
  }
  .steps__number {
    font-size: 17px;
    min-width: 70px;
    height: 40px;
    font-weight: 300;
  }
  .steps__title {
    font-size: 28px;
    font-weight: 400;
  }
  .steps__list {
    gap: 32px;
  }
  .steps__map-desktop {
    gap: 32px;
  }
  .steps__map-desktop-content {
    padding: 32px;
  }
}
@media (max-width: 600px) {
  .steps {
    margin-top: 64px;
  }
  .steps__title {
    font-size: 30px;
    line-height: 95%;
  }
  .steps .steps__list {
    margin-top: 38px;
  }
  .steps__number {
    min-width: 68px;
  }
  .steps .steps__item-title {
    margin-bottom: 17px;
  }
  .steps__map-mobile-image {
    position: relative;
    top: -11px;
  }

  .steps__map-mobile-descriptions {
    margin-top: 0;
    justify-content: space-between;
  }
  .steps__map-mobile-descriptions .steps__map-mobile-description-one {
    width: 136px;
  }
  .steps__map-mobile-descriptions .steps__map-mobile-description-two {
    width: 182px;
  }
  .steps__map-mobile-text {
    font-size: 12px;
  }
}

@media (max-width: 1440px) {
  .steps__map-desktop {
    min-height: 310px;
  }
  .steps__map-desktop-image-wrap {
    min-height: 310px;
  }
  .steps__map-desktop-image {
    max-height: 350px;
  }
}

/* FAQ */
.faq {
  margin-top: 150px;
}
.faq__wrapper {
  display: flex;
  flex-direction: column;
  gap: 74px;
}
.faq__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.faq__title {
  margin: 0;
  font-weight: 600;
  line-height: 125%;
  font-size: 57px;
}
.faq__title--mobile {
  display: none;
}
.faq__title--desktop {
  display: block;
  max-width: 700px;
}
.faq__top-text {
  display: block;
  flex: 0 0 260px;
}
.faq__top-message {
  color: #adadad;
  font-size: 24px;
  min-width: 346px;
}
.faq__top-message span {
  display: block;
}
.faq__body {
  display: flex;
  gap: 61px;
  justify-content: space-between;
}
.faq__media,
.faq__list {
  min-width: 0;
}
.faq__media {
  display: flex;
  width: 100%;
  height: 100%;
}
.faq__frame {
  position: relative;
  width: 100%;
  max-width: 551px;
  height: 692px;
  min-height: 692px;
  overflow: hidden;
  border-radius: 32px;
  border: 1px solid #cfcfcf;
  background: transparent;
  flex: 1 1 auto;
}
.faq__image {
  display: block;
  width: 100%;
  height: 692px;
  -o-object-fit: cover;
  object-fit: cover;
}
.faq__ask {
  position: absolute;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-width: 265px;
  min-height: 72px;
  padding: 16px 18px;
  color: inherit;
  text-decoration: none;
  background: white;
  border-radius: 999px;
}
.faq__ask--mobile {
  display: none;
}
.faq__ask--desktop {
  display: inline-flex;
  left: 32px;
  bottom: 32px;
}
.faq__ask-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}
.faq__ask-icon img,
.faq__ask-icon svg {
  display: block;
  width: 40px;
  height: 40px;
  background: #2aabee;
  border-radius: 24px;
}
.faq__ask-label {
  line-height: 1.2;
  white-space: nowrap;
  font-size: 18px;
}
.faq__list {
  display: flex;
  flex-direction: column;
  flex: 1;
  row-gap: 16px;
}
.faq__item[open] {
  padding: 47px 48px 40px 48px;
}
.faq__item {
  margin-bottom: 0px;
  padding: 46px 48px 46px 48px;
  background: white;
  border-radius: 24px;
  outline: 0.81px #f2f2f2 solid;
  outline-offset: -0.81px;
  position: relative;
}
.faq__item:last-child {
  margin-bottom: 0;
}

.faq__item[open] .faq__button {
  background-color: #e58411;
}
.faq__item[open] .faq__button::before,
.faq__item[open] .faq__button::after {
  background-color: #fff4e4;
}
.faq__item[open] .faq__button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.faq__item[open] .faq__button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.faq__item[open] .faq__answer {
  grid-template-rows: 1fr;
  padding-bottom: 0px;
  padding-top: 12px;
}
.faq__item[open] .faq__answer-inner p {
  opacity: 1;
}
.faq__item[open] .faq__answer-inner-mob p {
  opacity: 1;
}
.faq__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0px 0;
  list-style: none;
  cursor: pointer;
}
.faq__summary::-webkit-details-marker {
  display: none;
}
.faq__summary::marker {
  display: none;
  content: "";
}
.faq__question {
  display: block;
  flex: 1 1 auto;
  max-width: calc(100% - 44px);
  padding-right: 8px;
  line-height: 1.4;
  font-size: 24px;
  font-weight: 600;
}
.faq__button {
  position: absolute;
  right: 48px;
  top: 40px;
  width: 42px;
  height: 42px;

  border-radius: 50%;
  background-color: #fff4e4;
}
.faq__answer-inner-mob {
  display: none;
}
@media (min-width: 600px) {
  .faq__button:hover {
    background-color: #e58411;
  }
  .faq__button:hover:hover::before {
    background-color: white;
  }
  .faq__button:hover:hover::after {
    background-color: white;
  }
}

.faq__button::before,
.faq__button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  background-color: #e58411;
  transition: transform 0.3s ease, background-color 0.3s ease;
}
.faq__button::before {
  transform: translate(-50%, -50%);
}
.faq__button::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  padding-bottom: 0;
  transition: grid-template-rows 0.3s ease, padding-bottom 0.3s ease;
}
.faq__answer-inner {
  overflow: hidden;
}
.faq__answer-inner p {
  margin: 0;
  max-width: 100%;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.2s ease;
  font-size: 20px;
}
.faq__image__mob {
  display: none;
}
@media (max-width: 1440px) {
  .faq__top-message {
    font-size: 20px;
  }
  .faq__title {
    font-size: 40px;
    font-weight: 600;
  }

  .faq__answer-inner p {
    font-size: 16px;
  }
  .faq__question {
    font-size: 20px;
    font-weight: 500;
  }
  .faq__image {
    height: 560px;
  }
  .faq__frame {
    height: 560px;
    min-height: 560px;
    max-width: 400px;
  }
}
@media (max-width: 1120px) {
  .faq {
    margin-top: 100px;
  }
  .faq__wrapper {
    gap: 24px;
  }
  .faq__top {
    gap: 24px;
  }
  .faq__top-text {
    flex-basis: 220px;
  }
  .faq__body {
    grid-template-columns: minmax(260px, 420px) minmax(0, 1fr);
    gap: 24px;
  }
  .faq__frame {
    max-width: 420px;
  }
  .faq__question {
    font-size: 18px;
  }
  .faq__answer-inner p {
    font-size: 15px;
  }
}
@media (max-width: 800px) {
  .faq__image {
    display: none;
  }
  .faq__image__mob {
    display: block;
  }
  .faq {
    margin-top: 61px;
  }
  .faq__wrapper {
    gap: 37px;
  }
  .faq__top {
    display: block;
  }
  .faq__top-text {
    margin-top: 10px;
  }
  .faq__top-message {
    font-size: 14px;
  }

  .faq__title--mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    font-size: 28px;
    font-weight: 400;
    line-height: normal;
    color: #333333;
  }
  .faq__title--desktop {
    display: none;
  }
  .faq__title-arrow {
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #adadad;
  }
  .faq__title-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
  }

  .faq__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .faq__media {
    display: flex;
    justify-content: center;
    height: auto;
  }
  .faq__frame {
    width: 100%;
    max-width: 377px;
    height: 265px;
    min-height: 265px;
    flex: none;
    border-radius: 16px;
  }
  .faq__item {
    padding: 40px 45px;
  }
  .faq__title--mobile .faq__title-text {
    font-weight: 400;
  }
  .faq__ask--mobile {
    display: inline-flex;
    top: 12px;
    right: 12px;
    min-width: 172px;
    min-height: 44px;
    padding: 9px 11px;
    gap: 6px;
  }
  .faq__ask--desktop {
    display: none;
  }
  .faq__ask-label {
    font-size: 12px;
  }
  .faq__ask-icon img,
  .faq__ask-icon svg {
    width: 24px;
    height: 24px;
  }
  .faq__summary {
    align-items: center;
    gap: 10px;
  }
  .faq__item[open] .faq__answer {
    padding-top: 20px;
  }
  .faq__item[open] .faq__button {
    right: 45px;
    top: 40px;
  }
  .faq__item .faq__button {
    right: 33px;
    top: 48px;
  }

  .faq__item[open] {
    padding: 41px 36px 34px 35px;
  }

  .faq__question {
    max-width: 232px;
    font-size: 20px;
    font-weight: 600;
  }
  .faq__answer-inner {
    display: none;
  }
  .faq__answer-inner-mob {
    display: block;
  }
  .faq__answer-inner p {
    max-width: 100%;
    font-size: 16px;
  }
  .faq__answer-inner-mob {
    margin: 0;
    max-width: 100%;

    font-size: 16px;
  }
  .faq__answer-inner-mob p {
    opacity: 0;
    transition: opacity 0.2s ease;
    line-height: 1.5;
  }



}

/* PARTNER */
.partner {
  margin-top: 140px;
}
.partner__wrapper {
  background: #e58411;
  padding: 118px 98px 114px 88px;
  border-radius: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.partner__wrapper__bg {
  position: absolute;
  left: 0;
}
.partner__wrapper__bg2 {
  position: absolute;
  right: 0;
  width: 730px;
  top: -23px;
}
.partner__wrapper__bg3 {
  position: absolute;
  right: 0;
  width: 340px;
  top: -29px;
  display: none;
}
.partner__wrapper__title {
  color: white;
  font-size: 38px;
  font-weight: 600;
}
.partner__wrapper__title__mob {
  color: white;
  font-size: 20px;
  font-weight: 600;
  display: none;
}
.partner__wrapper__url a {
  color: #e58411;
  font-size: 32px;
  padding: 24px 42px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
  background: white;
  border-radius: 50px;

  position: relative;
  z-index: 2;
}
.partner__wrapper__url a:hover {
  transition: 0.3s;
  background: #333333;

  color: white;
}
@media (max-width: 1440px) {
  .partner__wrapper__title {
    font-weight: 500;
    font-size: 30px;
  }
  .partner__wrapper__url a {
    font-weight: 500;
    font-size: 25px;
  }


}
@media (max-width: 1250px) {
  .partner__wrapper {
    flex-direction: column;
    padding: 29px;
  }
  .partner__wrapper__url a {
    width: 100%;
    justify-content: center;
    margin-top: 34px;
  }
}
@media (max-width: 1120px) {
  .partner {
    margin-top: 60px;
  }
  .partner__wrapper {
    align-items: flex-start;
  }
  .partner__wrapper__title {
    font-size: 20px;
    display: none;
  }
  .partner__wrapper__title__mob {
    display: block;
  }
  .partner__wrapper__url {
    width: 100%;
  }
  .partner__wrapper__url a {
    padding: 12px 0;
    font-size: 16px;
    font-weight: 400;
  }
  .partner__wrapper__bg {
    display: none;
  }
  .partner__wrapper__bg2 {
    display: none;
  }
  .partner__wrapper__bg3 {
    display: block;
  }
}

@media (max-width: 480px) {
  .faq__item {
    padding: 41px 36px 34px 35px;
  }
  .faq__question {
    font-size: 19px;
  }
  .faq__summary {
    gap: 0;
  }

  .partner__wrapper__bg3 {
    width: 238px;
  }
  .partner__wrapper {
    border-radius: 32px;
    padding: 28px 31px;
  }
  .partner__wrapper__title__mob {
    font-size: 21px;
  }
  .reviews {
    margin-top: 56px;
  }
}
@media (max-width: 390px) {
  .faq__question {
    max-width: 202px;
  }
  .partner__wrapper__title__mob {
    font-size: 18px;
  }
}
/* REVIEWS */
.reviews {
  margin-top: 145px;
}

@media (max-width: 1024px) {
  .reviews {
    margin-top: 60px;
  }
}
/* VOLOSI */
.volosi {
  margin-top: 130px;
}
.volosi__wrapper {
  background-size: cover;
  height: 600px;
  border-radius: 32px;
  padding: 78px 99px;
  background-repeat: no-repeat;
}
.volosi__wrapper__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.volosi__wrapper__block__title {
  font-size: 58px;
  font-weight: 600;
  margin-bottom: 24px;
}
.volosi__wrapper__block__desc {
  font-size: 24px;
  font-weight: 200;
  color: #adadad;
}
.volosi__wrapper__block__url a {
  font-size: 24px;
  font-weight: 500;
  color: white;
  background-color: #e58411;
  border-radius: 32px;
  width: 327px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.volosi__wrapper__block__url a:hover {
  transition: 0.3s;
  background-color: #333333;
}
@media (max-width: 1440px) {
  .volosi__wrapper {
    height: 500px;
  }
  .volosi__wrapper__block__title {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .volosi__wrapper__block__desc {
    font-size: 20px;
  }
  .volosi__wrapper__block__url a {
    font-size: 18px;
    width: 260px;
    height: 75px;
    border-radius: 26px;
  }
}
@media (max-width: 1024px) {
  .volosi {
    margin-top: 60px;
  }
  .volosi__wrapper {
    padding: 48px 27px;
    background-position: center;
  }
  .volosi__wrapper__block {
    height: auto;
  }
  .volosi__wrapper__block__title {
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 24px;
  }
  .volosi__wrapper__block__desc {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 48px;
  }
  .volosi__wrapper__block__url a {
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 50px;
  }
}
@media (max-width: 480px) {
  .volosi__wrapper__block__desc {
    font-size: 17px;
  }

  .volosi__wrapper {
    background-image: url("/local/components/pages/main/templates/.default/img/volosi/bgmob.webp") !important;
    height: 825px;
    padding: 32px 37px;
  }
}

.buy {
  margin-top: 150px;
}

.buy .buy__bg {
  background-size: cover;
  height: 1018px;
  padding: 102px 0;
  background-repeat: no-repeat;
}

.buy .buy__title {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 40px;
}

.buy .buy__flex .buy__flex__title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 11px;
}
.buy .buy__flex .buy__flex__desc {
  font-size: 18px;
}
.buy .buy__flex {
  display: flex;
  justify-content: space-between;
  gap: 36px;
}
.buy .buy__flex .buy__flex__left {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

.buy .buy__flex .buy__flex__right {
  display: flex;
  flex-direction: column;
  gap: 31px;
}

.buy .buy__btn {
  width: 225px;
  height: 69px;
  background: rgba(229, 132, 17, 1);
  color: white;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  margin-top: 60px;
}
.buy .buy__btn:hover {
  transition: 0.3s;
  background: #c56b00;
}
.buy__title__mob {
  display: none;
}

@media (min-width: 1440px) and (max-width: 1800px) {
  /* Стили применятся, если ширина экрана от 1440px до 1800px включительно */
  .buy .buy__bg {
    height: auto;
  }
  .buy .buy__flex .buy__flex__desc {
    font-size: 17px;
  }
}


@media (max-width: 1440px) {
  .buy .buy__flex .buy__flex__desc {
    font-size: 15px;
  }
  .buy .buy__btn {
    font-size: 17px;
  }
}

@media (max-width: 1390px) {
  .buy .buy__bg {
    height: auto;
  }
}

@media (max-width: 900px) {
  .buy {
    margin-top: 60px;
  }
  .buy .buy__bg {
    background-image: none !important;
    padding: 0;
  }
  .buy .buy__title {
    display: none;
  }
  .buy__title__mob {
    display: block;
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 24px;
  }
  .buy .buy__flex {
    flex-direction: column;
  }
  .buy .buy__flex__mob__bg {
    background-image: url("/local/components/pages/main/templates/.default/img/buy/bgmob.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
  .buy .buy__flex__mob__bg__two {
    background-image: url("/local/components/pages/main/templates/.default/img/buy/bgmob2.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
  }
  .buy .buy__flex__mob {
    padding: 32px 20px;
    border-radius: 20px;
  }
  .buy .buy__flex .buy__flex__left {
    gap: 24px;
  }
  .buy .buy__btn {
    height: 50px;
    width: 300px;
    margin: 0 auto;
    margin-top: 32px;
    font-size: 16px;
    border-radius: 32px;
  }
}



@media (max-width: 1700px) {
  .slider__product-section .catalog__inner__flex {
    padding: 0 130px 0 130px;
  }

}

@media (max-width: 700px) {
  .slider__product-section .catalog__inner__flex {
    padding: 0 !important;
  }

}



/* End */


/* Start:/local/templates/hairshop/assets/css/swiper-bundle.min.css?178300432114611*/
/**
 * Swiper 12.1.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 24, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.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);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.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,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/hairshop/components/bitrix/system.pagenavigation/paginate/style.css?1783004836734*/
.pagination {
    display: flex;
    gap: 42px;
    align-items: center;
}
.pagination .pagination__prev {
    margin-right: 25px;
}
.pagination .pagination__next {
    margin-left: 25px;
}


.pagination svg path {
    stroke: #adadad;
}
.pagination__active {
    color: #e58411;

    font-weight: 600;
}
.pagination__active__svg path {
    stroke: #333333 !important;
}
.pagination span {
    cursor: pointer;
}
.pagination span:hover {
    color: #e58411;
    transition: 0.3s;
}
.pagination svg {
    cursor: pointer;
}
.pagination__active__svg:hover path {
    stroke: #e58411 !important;
    transition: 0.3s;
}
@media (max-width: 1024px) {
    .pagination {
        gap: 20px;
    }
}

/* End */


/* Start:/local/templates/hairshop/components/bitrix/catalog.section/slider/style.css?178464637568*/
.slider__product__slider__top__product {
    position: relative;
}
/* End */


/* Start:/local/templates/hairshop/components/bitrix/catalog.item/slider/style.css?179310404629245*/
.product-item {
  position: relative;
}
.product-item-image-wrapper {
  position: relative;
  display: block;
  margin-bottom: 15px;

  height: 325px;
  width: 100%;
  transition: all 300ms ease;
  background: #fff4e4;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.product-item-image-original {
  z-index: 11;
}
.product-item-image-original,
.product-item-image-alternative {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: opacity 300ms linear;
  background-size: 50%;
}

.slider__product .active_favorite path:last-child {
  fill: #e58411;
}

/*Image Slider*/
.product-item-image-slider-slide-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: opacity 300ms ease;
}

.product-item-image-slide {
  position: relative;
  display: none;
  height: 100%;
  background-color: #fff4e4;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.28s ease-in-out left;

  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
  /*background-size: 50%;*/
}

.product-item-image-slide-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .product-item-image-slide {
    transition: transform 0.28s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }

  .product-item-image-slide.next,
  .product-item-image-slide.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  .product-item-image-slide.prev,
  .product-item-image-slide.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  .product-item-image-slide.next.left,
  .product-item-image-slide.prev.right,
  .product-item-image-slide.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.product-item-image-slider-slide-container > .active,
.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
  display: block;
}

.product-item-image-slider-slide-container > .active {
  left: 0;
}

.product-item-image-slider-slide-container > .next,
.product-item-image-slider-slide-container > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}

.product-item-image-slider-slide-container > .next {
  left: 100%;
}

.product-item-image-slider-slide-container > .prev {
  left: -100%;
}

.product-item-image-slider-slide-container > .next.left,
.product-item-image-slider-slide-container > .prev.right {
  left: 0;
}

.product-item-image-slider-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}

.product-item-image-slider-progress-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #f42c2c;
  opacity: 0.8;
}


.slider__product .swiper-catalog-product-btn-next {
  position: absolute;
  right: 20px;
  top: 53%;
  z-index: 1;
  width: 53px;
  height: 53px;
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-50%);

  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.slider__product .swiper-catalog-product-btn-prev  {
  position: absolute;
  left: 20px;
  top: 53%;
  z-index: 1;
  width: 53px;
  height: 53px;
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transform: translateY(-50%);

  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.slider__product .swiper-catalog-product-btn-next svg,
.slider__product .swiper-catalog-product-btn-prev svg {
  display: block;
}
.slider__product .catalog__inner__items__item:hover .swiper-catalog-product-btn-next,
.slider__product .catalog__inner__items__item:hover .swiper-catalog-product-btn-prev {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.slider__product .swiper-catalog-product-btn-next:hover path {
  transition: 0.3s;
  stroke: white;
}
.slider__product .swiper-catalog-product-btn-prev:hover path {
  transition: 0.3s;
  stroke: white;
}
.slider__product .swiper-catalog-product-btn-next:hover circle {
  transition: 0.3s;
  fill: #e58411;
}
.slider__product .swiper-catalog-product-btn-prev:hover circle {
  transition: 0.3s;
  fill: #e58411;
}
@media (max-width: 1440px) {
  .slider__product .swiper-catalog-product-btn-next svg {
    height: 45px;
    width: auto;
  }
  .slider__product .swiper-catalog-product-btn-prev svg {
    height: 45px;
    width: auto;
  }
  .slider__product .swiper-catalog-product-btn-next  {
    right: 15px;
    top: 54%;
    width: 45px;
  }
  .slider__product .swiper-catalog-product-btn-prev  {
    left: 15px;
    top: 54%;
  }
}
@media (max-width: 600px) {
  .slider__product .swiper-catalog-product-btn-next svg {
    display: none;
  }
  .slider__product .swiper-catalog-product-btn-prev svg {
    display: none;
  }
  .slider__product .swiper-catalog-product-btn-prev:hover path {
    stroke: unset;
  }

}

.product-item-image-slider-control-container {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  padding: 0;
  text-align: center;
  opacity: 1;
  transition: opacity 300ms ease;
}

.product-item-container.hover .product-item-image-slider-control-container,
.product-item-line-card:hover .product-item-image-slider-control-container {
  opacity: 1;
}

.product-item-image-slider-control {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: white;
  opacity: 1;
  cursor: pointer;
  transition: all 300ms ease;
}

.product-item-image-slider-control.active {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e58411;
  opacity: 1;
  cursor: pointer;
  transition: all 300ms ease;
}
.product-item-image-slider-control:hover,
.product-item-image-slider-control.active:hover {
  cursor: pointer;
}

.slider__product .swiper-button-next {
  background: none;
  color: transparent;
  width: 72px;
  height: 72px;
}
.slider__product .swiper-button-next:hover svg:first-child g circle {
  fill: #e58411;
  transition: 0.3s;
}
.slider__product .swiper-button-next:hover svg:last-child g path {
  stroke: white;
  transition: 0.3s;
}
.slider__product .swiper-button-prev {
  background: none;
  color: transparent;
  width: 72px;
  height: 72px;
}
.slider__product .swiper-button-prev:hover svg:first-child g circle {
  fill: #e58411;
  transition: 0.3s;
}
.slider__product .swiper-button-prev:hover svg:last-child g path {
  stroke: white;
  transition: 0.3s;
}

.slider__product .catalog__inner__items__item__content {
  padding: 15px 22px 31px 22px;
  display: flex;
  flex-direction: column;

  min-height: 199px;
  justify-content: space-between;
}
.slider__product .catalog__inner__items__item__content__title {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 6px;
  display: block;
}
.slider__product .catalog__inner__items__item__content__title:hover a {
  color: #e58411;
  transition: 0.3s;
}

.slider__product .catalog__inner {
  display: flex;
  gap: 45px;
  justify-content: space-between;
}
.slider__product .catalog__inner__inner {
  width: 100%;
}
.catalog__inner__flex {
  width: 100%;
  padding: 0 125px;
}
.slider__product .catalog__inner__sidebar {
  min-width: 275px;
  border: 1px solid #f2f2f2;
  border-radius: 32px;
  padding: 28px 32px;
  height: -moz-fit-content;
  height: fit-content;
}
@keyframes fadeIn {
  from {
    opacity: 0.5;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slider__product .catalog__inner__items {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  transition: all 0.4s ease-in-out;
}
.slider__product .catalog__inner__items__cols4 {
  --items: 4;
}
.slider__product
  .catalog__inner__items__slider__popular
  .catalog__inner__priceCartBlock__right__mob {
  display: none;
}
.slider__product
  .catalog__inner__items__cols4
  .catalog__inner__priceCartBlock__right__mob {
  display: none;
}
.slider__product .catalog__inner__items__cols3 {
  --items: 3;
}
.slider__product
  .catalog__inner__items__cols3
  .catalog__inner__priceCartBlock__right__mob {
  display: none;
}
.slider__product .catalog__inner__items__item {
  border: 1px solid #f2f2f2;
  border-radius: 32px;

  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
  animation: fadeIn 0.5s ease forwards;
}
.slider__product .catalog__inner__items__item__bg {
  position: relative;
}
.slider__product .catalog__inner__items__item__bg__img {
  height: 325px;
  background: #fff4e4;
  background-repeat: no-repeat;
  background-position: center;
  border-top-left-radius: 32px;
  border-top-right-radius: 32px;
}
.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-art {
  position: absolute;
  top: 24px;
  left: 24px;
  font-size: 12px;
  color: white;
  z-index: 20;
}

.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-art-empty {
  color: #e58411;
}

.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-label-new {
  position: absolute;
  top: 60px;
  left: -2px;
  font-size: 14px;
  color: #21a73e;
  z-index: 20;
  padding: 8px 15px;
  background: #f0ffe5;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  width: 86px;
}
.slider__product
.catalog__inner__items__item__bg
.product-item-image-wrapper-label-new-one {
  top: 42px;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-discount {
  position: absolute;
  top: 19px;
  left: -2px;
  font-size: 14px;
  color: #E58411;
  z-index: 20;
  padding: 8px 15px;
  background: #FBFBFB;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
  width: 53px;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-discount-one {
  top: 42px;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown {
  position: absolute;
  top: 19px;
  left: -2px;
  z-index: 20;
  box-sizing: border-box;
  padding: 8px 15px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  font-size: 14px;
  text-align: center;
  color: #FFFFFF;
  background: #E03F3F;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown.product-item-image-wrapper-label-markdown-with-discount {
  width: 75px;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown.product-item-image-wrapper-label-markdown-no-discount {
  width: 60px;
}
.slider__product
.catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown-one {
  top: 42px;
}
.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-love {
  position: absolute;
  top: 24px;
  right: 28px;
  cursor: pointer;
  z-index: 20;
}
.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-love
  path {
  transition: 0.3s;
}
.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-love:hover
  path:first-child {

}
.slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-love:hover
  path:last-child {

}
.slider__product .catalog__inner__items__item__content__params {
  display: flex;
  gap: 8px;
}
.slider__product .catalog__inner__items__item__content__params__one {
  font-size: 14px;
  color: #adadad;
}

.slider__product .catalog__inner__items__item__content__params__two {
  font-size: 14px;
  color: #adadad;
}
.slider__product .catalog__inner__priceCartBlock__noDiscont {
  align-items: center;
}
.slider__product
  .catalog__inner__priceCartBlock__noDiscont
  .catalog__inner__priceCartBlock {
  align-items: center;
}
.slider__product .catalog__inner__priceCartBlock__Discont {
  align-items: flex-end;
}
.slider__product .catalog__inner__priceCartBlock {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 45px;
}
.slider__product .catalog__inner__priceCartBlock__left {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  flex-direction: column;
}
.slider__product .catalog__inner__priceCartBlock__left__inner {
  display: flex;
  gap: 8px;
  align-items: center;
}
.slider__product .catalog__inner__priceCartBlock__left__inner__discontLine {
  font-size: 16px;
  color: #adadad;
  text-decoration: line-through;
}
.slider__product .catalog__inner__priceCartBlock__left__inner__discont {
  font-size: 12px;
  color: #e58411;
  background: #fff4e4;
  padding: 2px 5px;
  border-radius: 2px;
}
.slider__product .catalog__inner__priceCartBlock__left__price {
  font-size: 24px;
  font-weight: 600;
}
.slider__product .catalog__inner__priceCartBlock__right {
  background: #e58411;
  color: white;
  width: 116px;
  border-radius: 16px;
  padding: 17px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
  cursor: pointer;
}
.slider__product .catalog__inner__priceCartBlock__right svg {
  display: none;
}

.slider__product .catalog__inner__priceCartBlock__right a {
  color: white;
}
.slider__product .catalog__inner__priceCartBlock__right:hover {
  background: #C56B00;
}

.slider__product .catalog__inner__priceCartBlock__right__pc_added {
  cursor: pointer;
}

.slider__product .catalog__inner .pagination__block {
  display: flex;
  justify-content: space-between;
  margin-top: 61px;
}
.slider__product .catalog__inner .pagination__block__all {
  font-size: 20px;
  cursor: pointer;
}
.slider__product .catalog__inner .pagination__block__all:hover {
  transition: 0.3s;
  color: #e58411;
}
.pagination {
  display: flex;
}

@media (max-width: 1700px) {
  .catalog__inner__flex {
    padding: 0 130px 0 30px;
  }
}

@media (max-width: 1600px) {

  .slider__product .catalog__inner__priceCartBlock__right__pc_added svg {
    height: 47px;
    width: 86px;
  }
  .slider__product .catalog__inner__priceCartBlock__right {
    width: 100%;
    font-size: 12px;
    padding: 16px 14px;
  }
  .slider__product .catalog__inner__priceCartBlock {
    height: 45px;
  }


  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock__right {
    width: 100%;
    font-size: 12px;
    padding: 15px 12px;
  }

  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock__right {
    width: 100%;
    font-size: 12px;
    padding: 15px 12px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__price {
    font-size: 20px;
  }
}
@media (max-width: 1440px) {
  .product-item-image-wrapper {
    height: 300px;
  }
  .slider__product .catalog__inner {
    gap: 20px;
  }
  .slider__product .catalog__inner__items__item__content {
    min-height: 161px;
    padding: 5px 20px 20px 20px;
  }

  .slider__product .catalog__inner__items__item__content__title {
    font-size: 13px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__inner__discontLine {
    font-size: 13px;
  }
  .slider__product .catalog__inner__priceCartBlock__left__inner__discont {
    font-size: 10px;
  }
  .slider__product
    .catalog__inner__items__item__bg
    .product-item-image-wrapper-love {
    top: 13px;
    right: 20px;
    width: 30px;
  }
  .slider__product
    .catalog__inner__items__item__bg
    .product-item-image-wrapper-art {
    top: 20px;
  }



  .slider__product .catalog__inner__items__item__content__params__two {
    font-size: 12px;
  }
  .slider__product .catalog__inner__items__item__content__params__one {
    font-size: 12px;
  }
  .slider__product .catalog__inner__items {
    gap: 18px;
  }
  .slider__product .catalog__inner .pagination__block__all {
    font-size: 16px;
  }
}

@media (min-width: 391px) and (max-width: 1380px) {
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right {
    background: transparent;
    border-radius: 40px;
    height: 48px !important;
    width: 48px !important;
    padding: 0 !important;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right:hover {
    background: transparent;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right span {
    display: none;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right__mob_add svg,
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right__mob_added svg {
    display: block;
  }
}

@media (max-width: 1380px) {

  .slider__product .catalog__inner__priceCartBlock__right {
  margin-top: 0 !important;
}



  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock {

  }



  .slider__product .catalog__inner__priceCartBlock__right {
    font-size: 10px;
    padding: 10px 10px;
  }
  .product-item-image-original,
  .product-item-image-alternative {
    background-size: 37%;
  }
}

@media (max-width: 1024px) {
  .slider__product .catalog__inner__priceCartBlock__right span {
    display: none;
  }

  .product-item-image-original,
  .product-item-image-alternative {
    background-size: 15%;
  }
  .product-item-image-slide {
    background-size: cover;
  }

  .slider__product .catalog__inner__items__item__bg__img {
    height: 250px;
    background-size: 50%;
  }

  .slider__product
    .catalog__inner__items__item__bg
    .product-item-image-wrapper-art {
    font-size: 8px;
    top: 19px;
    left: 18px;
  }

  .slider__product .catalog__inner__items__item__bg svg {
    width: 28px;
    height: 28px;
    top: 12px;
    right: 18px;
  }

  .slider__product .catalog__inner__items__item__bg svg.favor,
  .slider__product
    .catalog__inner__items__item__bg
    .product-item-image-wrapper-love.favor {
    top: 2px;
    right: 8px;
    padding: 10px;
    box-sizing: content-box;
    pointer-events: auto;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .slider__product .catalog__inner__items__item__content {
    padding: 0px 9px 9px 9px;
    gap: 3px;
  }

  .slider__product .catalog__inner__items__item__content {
    min-height: 134px;
  }

  .slider__product .catalog__inner__items__item__content__title {
    font-size: 14px;
  }

  .slider__product .catalog__inner__items__item__content__params__one {
    font-size: 10px;
  }

  .slider__product .catalog__inner__items__item__content__params__two {
    font-size: 10px;
  }

  .slider__product .catalog__inner__priceCartBlock {
    margin-top: 17px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__inner__discontLine {
    font-size: 10px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__inner__discont {
    font-size: 8px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__price {
    font-size: 18px;
  }

  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock {
    flex-direction: row;
    align-items: flex-end;
  }
  .slider__product .catalog__inner__priceCartBlock__right {
    border-radius: 40px;
    height: 48px !important;
    width: 48px !important;
    padding: 0 !important;
  }

  .slider__product .catalog__innerbtn__ordered svg path:first-child {
    fill: #fff4e4;
  }
  .slider__product .catalog__innerbtn__ordered svg path:last-child {
    fill: #e58411;
  }
  .slider__product .catalog__innerbtn__ordered a {
    background: transparent !important;
  }

  .slider__product .catalog__inner__priceCartBlock__right svg {
    display: block;
  }
  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock__right
    span {
    display: none;
  }

  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock__noDiscont
    .catalog__inner__priceCartBlock {
    align-items: center !important;
  }
  .slider__product .catalog__inner__priceCartBlock__right svg {
    display: block;
  }
  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock__right
    span {
    display: none;
  }

  .slider__product .catalog__inner__priceCartBlock__right {
    border-radius: 40px;
    height: 48px !important;
    width: 48px !important;
    padding: 0 !important;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"].is-added-mobile-icon .catalog__inner__priceCartBlock__right,
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"].is-added-mobile-icon .catalog__inner__priceCartBlock__right:hover {
    background: transparent;
  }
  .slider__product .catalog__innerbtn__ordered svg path:first-child {
    fill: #fff4e4;
  }
  .slider__product .catalog__innerbtn__ordered svg path:last-child {
    fill: #e58411;
  }
  .slider__product .catalog__innerbtn__ordered a {
    background: transparent !important;
  }

  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock {
    flex-direction: row;
    align-items: flex-end;
  }

  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock__right__mob {
    display: block;
  }
  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock__noDiscont
    .catalog__inner__priceCartBlock {
    align-items: center !important;
  }
  .catalog__inner {
    gap: 0 !important;
  }
  .catalog__inner__sidebar {
    display: none;
  }
  .catalog__inner__items {
    --items: 2 !important;
  }
  .slider__product .catalog__inner .pagination__block {
    flex-direction: column;
    gap: 15px;
    margin-top: 24px;
  }
  .slider__product .catalog__inner .pagination__block > div:first-child {
    display: none;
  }
  .slider__product .catalog__inner .pagination__block__all {
    color: #e58411;
    border: 1px solid #e58411;
    height: 60px;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (max-width: 700px) {

  .slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-label-new {
    font-size: 8px;
    top: 50px;
    padding: 4px 10px;
    width: 56px;
  }
  .slider__product
  .catalog__inner__items__item__bg
  .product-item-image-wrapper-label-discount {
    font-size: 8px;
    top: 25px;
    padding: 4px 10px;
    width: 27px;
  }

  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-discount-one {
    top: 25px;
  }
  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown {
    top: 25px;
    padding: 4px 10px;
    font-size: 8px;
  }
  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown.product-item-image-wrapper-label-markdown-with-discount,
  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown.product-item-image-wrapper-label-markdown-no-discount {
    width: 27px;
  }
  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-markdown-one {
    top: 25px;
  }
  .slider__product
  .catalog__inner__items__item__bg .product-item-image-wrapper-label-new-one {
    top: 25px;
  }




  .product-item-image-wrapper {
    border-radius: 24px;
    margin-bottom: 17px;
  }
  .product-item-image-slide {
    border-radius: 24px;
  }
  .product-item-image-original,
  .product-item-image-alternative {
    background-size: 100%;
  }
  .product-item-image-slide {
    background-size: cover;
  }
  .catalog__inner__flex {
    padding: 0 0 0 18px;
  }
  .slider__product .swiper-button-next {
    display: none;
  }
  .slider__product .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 600px) {
    .slider__product .catalog__inner__items__item__bg .product-item-image-wrapper-love:hover path:first-child {

    }
    .slider__product .catalog__inner__items__item__bg .product-item-image-wrapper-love:hover path:last-child {

    }
    
  .catalog__inner__flex {
    padding: 0;
  }
}

@media (max-width: 500px) {
  .product-item-image-wrapper {
    height: 250px;
  }
  .product-item-image-slider-control-container {
    bottom: -10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    overflow: hidden;
  }
  .product-item-image-slider-control {
    background-color: #fff4e4;
    flex: 0 0 4px;
  }
  .product-item-image-slider-control {
    width: 4px;
    height: 4px;
  }
  .product-item-image-slider-control.active {
    width: 4px;
    height: 4px;
  }
  .product-item-image-original,
  .product-item-image-alternative {
    background-size: cover;
  }
  .product-item-image-slide {
    background-size: cover;
  }
  .slider__product .catalog__inner__items__item__content {
    min-height: 126px;
  }
  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock {
    align-items: flex-end !important;
  }
  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock {
    align-items: flex-end !important;
    margin-top: 5px;
  }
}
@media (max-width: 390px) {
.catalog__inner__priceCartBlock__right__mob_add svg {
  height: 40px;
  width: 40px;
}
  .catalog__inner__priceCartBlock__right__mob_added svg {
    height: 40px;
    width: 40px;
  }

  .slider__product .catalog__inner__priceCartBlock__left__price {
    font-size: 16px;
  }


  .catalog__inner__items {
    --items: 1 !important;
  }
  .slider__product .catalog__inner__items {
    gap: 14px;
  }
  .slider__product
    .catalog__inner__items__cols4
    .catalog__inner__priceCartBlock__right__mob
    svg {
    height: 40px;
  }
  .slider__product
    .catalog__inner__items__slider__popular
    .catalog__inner__priceCartBlock__right__mob
    svg {
    height: 40px;
  }
  .product-item-image-original,
  .product-item-image-alternative {
  }
  .product-item-image-slide {
  }
  .slider__product .catalog__inner__items__item__content {
    padding: 0px 13px 15px 13px;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right {
    background: transparent;
    border-radius: 40px;
    height: 48px !important;
    width: 48px !important;
    padding: 0 !important;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right:hover {
    background: transparent;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right span {
    display: none;
  }
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right__mob_add svg,
  .slider__product .catalog__innerbtn__order[data-mobile-icon-state="Y"] .catalog__inner__priceCartBlock__right__mob_added svg {
    display: block;
  }
}

@media (hover: none), (pointer: coarse) {
  .slider__product .catalog__inner__items__item:hover .swiper-catalog-product-btn-next,
  .slider__product .catalog__inner__items__item:hover .swiper-catalog-product-btn-prev {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .slider__product .catalog__inner__items__item__content__title:hover a,
  .slider__product .catalog__inner .pagination__block__all:hover {
    color: inherit;
  }

  .slider__product .catalog__inner__priceCartBlock__right:hover {
    background: #e58411;
  }

  .slider__product .swiper-catalog-product-btn-next:hover path,
  .slider__product .swiper-catalog-product-btn-prev:hover path {
    stroke: #333333;
  }
}

/* End */


/* Start:/local/templates/hairshop/components/bitrix/news.list/slider_reviews/style.css?17842758393142*/
.slider-reviews .reviews__wrapper__slider {
	padding: 0 10px 20px calc((100vw - 1620px) / 2);
	overflow: hidden;
}

.slider-reviews .reviews__wrapper__head__arrows,
.slider-reviews .reviews__wrapper__head__arrows .swiper-navigation {
	display: flex;
	align-items: center;
}

.slider-reviews .reviews__wrapper__head__arrows {
	width: auto;
	height: 60px;
	top: 0;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-navigation {
	gap: 21px;
	flex-direction: row-reverse;
	pointer-events: none;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next,
.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev {
	position: static;
	inset: auto;
	width: 60px;
	height: 60px;
	min-width: 60px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	overflow: visible;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next::after,
.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev::after {
	display: none;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next svg,
.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev svg {
	width: 98px;
	height: 98px;
	max-width: none;
	flex: 0 0 auto;
	fill: transparent;
	pointer-events: none;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next.swiper-button-lock,
.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev.swiper-button-lock {
	display: flex !important;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-disabled {
	opacity: 1 !important;
	pointer-events: auto !important;
}
.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next:hover svg circle {
	fill: #E58411;
	transition: 0.3s;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next:hover svg path {
	  stroke: white;
	  transition: 0.3s;
  }

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev:hover svg circle {
	fill: #E58411;
	transition: 0.3s;
}

.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev:hover svg path {
	stroke: white;
	transition: 0.3s;
}

@media (max-width: 1280px) {
	.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next svg, .slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev svg {
		width: 81px;
		height: 81px;
	}
	.slider-reviews .reviews__wrapper__head__arrows .swiper-navigation {
gap: 11px;

	}

	.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next:hover svg circle,
	.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev:hover svg circle {
		fill: white;
	}

	.slider-reviews .reviews__wrapper__head__arrows .swiper-button-next:hover svg path,
	.slider-reviews .reviews__wrapper__head__arrows .swiper-button-prev:hover svg path {
		stroke: #ADADAD;
	}
	
}

@media (max-width: 1800px) {
	.slider-reviews .reviews__wrapper__slider {
		padding: 10px 10px 20px max(25px, calc((100vw - 1620px) / 2 + 25px));
	}
}

@media (max-width: 1120px) {
	.slider-reviews .reviews__wrapper__slider {
		padding-left: 18px;
	}
}

/* End */


/* Start:/local/templates/hairshop/components/bitrix/news.list/slider_reviews__video/style.css?17842758399678*/

.reviews__wrapper__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 37px;
}
.reviews__wrapper__head__title {
	font-size: 59px;
	font-weight: 600;
}
.reviews__wrapper__slider {

	padding: 0px 10px 20px calc((100vw - 1620px) / 2);
	overflow: hidden;

}
.reviews__wrapper__head__arrows {
	width: 159px;
	height: 72px;
	position: relative;
	top: -13px;

}
.reviews__wrapper__head__arrows .swiper-navigation {
	display: flex;
	align-items: center;
	gap: 0;
	flex-direction: row-reverse;
}

/* Отменяем скрытие навигации, если Swiper пытается её заблокировать */
[data-swiper-id="reviews"] .swiper-button-next.swiper-button-lock,
[data-swiper-id="reviews"] .swiper-button-prev.swiper-button-lock {
	display: flex !important; /* или block, в зависимости от вашей верстки */
}

/* Снимаем прозрачность или серый цвет, если кнопки выглядят неактивными */
[data-swiper-id="reviews"] .swiper-button-disabled {
	opacity: 1 !important;
	pointer-events: auto !important; /* Возвращает кликабельность кнопкам */
}

.reviews__wrapper__head__arrows .swiper-button-next svg {
	fill: transparent;
	pointer-events: none;
}
.reviews__wrapper__head__arrows .swiper-button-prev svg {
	fill: transparent;
	pointer-events: none;
}
.reviews__wrapper__head__arrows .swiper-button-next {
	background: none;
	color: unset;
	width: 98px;
	height: 98px;
	cursor: pointer;
	position: static;
	margin: 0;
	pointer-events: none;
}
.reviews__wrapper__head__arrows .swiper-button-prev {
	background: none;
	color: unset;
	width: 98px;
	height: 98px;
	cursor: pointer;
	position: static;
	margin: 0;
	pointer-events: none;
}
.reviews__wrapper__head__arrows .swiper-button-next:hover svg:first-child path {

}
.reviews__wrapper__head__arrows .swiper-button-prev:hover svg:first-child path {

}

.slider-reviews-video .reviews__wrapper__head__arrows,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-navigation {
	display: flex;
	align-items: center;
}

.slider-reviews-video .reviews__wrapper__head__arrows {
	width: auto;
	height: 60px;
	top: 0;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-navigation {
	gap: 21px;
	flex-direction: row-reverse;
	pointer-events: none;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev {
	position: static;
	inset: auto;
	width: 60px;
	height: 60px;
	min-width: 60px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	pointer-events: auto;
	overflow: visible;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next::after,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev::after {
	display: none;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next svg,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev svg {
	width: 98px;
	height: 98px;
	max-width: none;
	flex: 0 0 auto;
	fill: transparent;
	pointer-events: none;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next.swiper-button-lock,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev.swiper-button-lock {
	display: flex !important;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-disabled {
	opacity: 1 !important;
	pointer-events: auto !important;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next:hover svg circle,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev:hover svg circle {
	fill: #E58411;
	transition: 0.3s;
}

.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next:hover svg path,
.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev:hover svg path {
	stroke: white;
	transition: 0.3s;
}
.reviews__wrapper__slider .swiper-slide {
	height: 550px;
	border-radius: 32px;

	box-shadow: 0px 3.7994844913482666px 10.349072456359863px rgba(82.43, 82.43, 82.43, 0.20);
padding: 28px 21px 52px 38px;
}
.reviews__wrapper__slider .swiper-slide-reviews-flex {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.reviews__wrapper__slider .swiper-slide-reviews-flex .swiper-slide-reviews-video {
	border-radius: 20px;
	overflow: hidden;
	margin: 0 auto;
	height: 378px;
	position: relative;
}
.reviews__wrapper__slider .swiper-slide-reviews-flex .swiper-slide-reviews-video svg {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	top: 40%;
}




.reviews__wrapper__slider  .swiper-slide-reviews-flex-top {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.reviews__wrapper__slider  .swiper-slide-reviews-flex-top img {
width: 106px;height: 136px;
}
.reviews__wrapper__slider  .swiper-slide-reviews-flex-top span {
	font-size: 20px;
	font-weight: 400;

}
.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name {
	display: flex;
	gap: 4px;
	flex-direction: column;
}
.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name span {
	font-size: 24px;
	font-weight: 600;

}
.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name p {
	color: #ADADAD;
	font-size: 16px;font-weight: 400;
}
.reviews__wrapper__head__mob {
	display: none;
}

.swiper-slide-reviews-video-play.is-hidden,
.video-play-btn.is-hidden {
	display: none !important;
}


/* Клик проходит сквозь SVG, чтобы его всегда ловил контейнер */
.swiper-slide-reviews-video-play {
	pointer-events: none;
}

@media (max-width: 1800px) {
	.reviews__wrapper__slider {
		padding: 10px 10px 20px max(25px, calc((100vw - 1620px) / 2 + 25px));
	}
}

@media (max-width: 1700px) {
	.reviews__wrapper__slider {

		padding: 10px 10px 20px max(25px, calc((100vw - 1620px) / 2 + 25px));
		overflow: hidden;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-top span {
		font-size: 17px;
	}
	}




@media (max-width: 1440px) {
	.reviews__wrapper__head__title {
		font-size: 40px;
	}
	.reviews__wrapper__head__arrows {
		width: 120px;

	}
	.reviews__wrapper__head__arrows .swiper-button-next {
		width: 50px;
		height: 50px;
	}
	.reviews__wrapper__head__arrows .swiper-button-prev {
		width: 50px;
		height: 50px;
	}
	.reviews__wrapper__slider .swiper-slide {

	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name span {
		font-weight: 400;
		font-size: 20px;
		}
}
@media (max-width: 1350px) {
	.reviews__wrapper__slider .swiper-slide-reviews-video iframe {
		width: 100%;
	}
}

@media (max-width: 1280px) {
	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next svg,
	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev svg {
		width: 81px;
		height: 81px;
	}

	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-navigation {
		gap: 11px;
	}

	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next:hover svg circle,
	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev:hover svg circle {
		fill: white;
	}

	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-next:hover svg path,
	.slider-reviews-video .reviews__wrapper__head__arrows .swiper-button-prev:hover svg path {
		stroke: #ADADAD;
	}
}


@media (max-width: 1024px) {
	.reviews__wrapper__head__title {
		font-size: 28px;
	}
	.reviews__wrapper__slider {
		padding: 10px 10px 20px 18px;
	}
}
@media (max-width: 600px) {
	.reviews__wrapper__slider .swiper-slide-reviews-video iframe {
	height: 273px;
		width: 220px;

	}
	.reviews__wrapper__slider .swiper-slide-reviews-video {
		border-radius: 16px;
		height: 273px;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex .swiper-slide-reviews-video {
		min-height: 273px;
		margin-bottom: 60px;

	}

	.reviews {
		margin-top: 56px;
	}

	.reviews__wrapper__head {
		display: none;
	}
	.reviews__wrapper__head__mob {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		width: 100%;
		font-size: 28px;
		font-weight: 400;
margin-bottom: 8px;

	}
	.reviews__wrapper__head__mob .reviews__wrapper__head__mob__arrow {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
		color: #adadad;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom {
		margin-top: 50px;
	}



	.reviews__wrapper__slider .swiper-slide {
		padding: 35px 18px 23px 18px;
		height: auto;
		border-radius:24px ;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-top img {
		width: 90px;
		height: 111px;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-top {
		gap: 28px;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-top span {
		font-size: 18px;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name span {
		font-size: 18px;
	}
	.reviews__wrapper__slider .swiper-slide-reviews-flex-bottom .swiper-slide-reviews-flex-bottom-name p {
		font-size: 14px;

	}
.swiper-slide-reviews-flex-bottom-stars svg {
	width: 116px;
}

	.reviews__wrapper__slider .swiper-slide-reviews-flex .swiper-slide-reviews-video svg {

		height: 64px;
		width: 64px;
	}



}

/* End */


/* Start:/local/templates/hairshop/components/custom/city/.default/style.css?17830043211156*/
/* Контейнер для сетки */
.seo-cities-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 равные колонки для ПК */
    gap: 20px;
    margin: 100px 0;
    padding: 0 15px;
}
.city_section {
    display: none;
}
/* Стилизация списков */
.seo-cities-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.seo-cities-list li {
    margin-bottom: 8px; /* Расстояние между городами */
}

.seo-cities-list a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
    transition: color 0.2s ease;
}

.seo-cities-list a:hover {
    color: #e58411; /* Цвет ссылки при наведении */
    text-decoration: underline;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 992px) {
    .seo-cities-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки на планшетах */
        gap: 0;
    }
}

@media (max-width: 576px) {
    .seo-cities-grid {
        grid-template-columns: 1fr; /* 1 колонка на смартфонах */
        gap: 10px;
    }
}

/* End */


/* Start:/local/templates/hairshop/components/custom/modal-main/.default/style.css?17830043212141*/
.modalMain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none; /* по умолчанию скрыто */
    z-index: 999;
    /* Стиль для модального окна */
}
.modalMain-overlay .modal {
    position: fixed;
    background: #FFF4E4;
    padding: 87px 83px;
    max-width: 932px;
    width: 80%;
    display: none; /* по умолчанию скрыто */
    z-index: 1000;
    border-radius: 52px;
    height: 847px;
}
.modalMain-overlay .modal__success {
    padding: 117px 142px;
    background: #F0FFE5;
}
.modalMain-overlay  .modal__group__input {
    background: #FAFAFA !important;
}
.modalMain-overlay  .modal__group__input input {
    background: #FAFAFA !important;
}



.modalMain-overlay .close-btn {display: none}
.modalMain-overlay .modal__title {
    text-align: center;
    color: #E58411;

    font-size: 30px;
    font-weight: 600;
    margin-bottom: 13px;
}
.modalMain-overlay .modal__desc {
    color: #adadad;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 70px;
}
@media (max-width: 1440px) {
    .modalMain-overlay .modal {
        padding: 40px 45px 70px 45px;
        max-width: 700px;
        height: auto;
    }

    .modalMain-overlay .modal__title {
        font-size: 28px;
        font-weight: 500;
    }
    .modalMain-overlay .modal__desc {
        font-size: 18px;
        font-weight: 200;
        margin-bottom: 35px;
    }

}
@media (max-width: 600px) {
    .modalMain-overlay .modal {
        padding: 35px 31px 75px 31px;
        width: 90%;
        border-radius: 32px;

    }

    .modalMain-overlay .modal__title {
        font-size: 20px;

        width: auto;
        margin: 0 auto;
        margin-bottom: 8px;
        font-weight: 600;
    }

    .modalMain-overlay .modal__desc {
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 22px;
    }
    .modalMain-overlay .modal__success {
        padding: 91px 49px 107px 49px;
    }


    .modalMain-overlay .mainForm .modal__submit {
font-weight: 300;
    }





}
/* End */


/* Start:/local/templates/hairshop/components/custom/main.feedback/main/style.css?17830043216607*/
.FeedbackForm__success__Main {
   display: flex;
    flex-direction: column;
}
.FeedbackForm__success__Main  svg {
   margin: 0 auto;
}
.FeedbackForm__success__Main .FeedbackForm__title {
    font-weight: 600;
    font-size: 32px;
    text-align: left;
}
.FeedbackForm__success__Main .FeedbackForm__desc {
    color: #717171;
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 48px;
}
.FeedbackForm__success__Main .FeedbackForm__success__Main__btn {
    color: #21A73E;
    font-size: 24px;
    font-weight: 400;
    background: none;
    margin-top: 61px;
}






.mainForm .modal__group {
    display: flex;
    flex-direction: column;
    gap: 19px;
    position: relative;
}
.mainForm .modal__group .error_fill .modal__group__input {
    border: 1px solid #e03f3f;
    background: #fff3f3;
}
.mainForm .modal__group .modal__group__input input {
    width: 100%;
    font-size: 23px;
    font-weight: 400;
}
.mainForm .modal__group .error_fill .modal__group__input input {
    background: #fff3f3;
    width: 100%;
}
.mainForm .modal__group .error_fill .modal__group__input ::-moz-placeholder {
    color: #e03f3f;
}
.mainForm .modal__group .error_fill .modal__group__input ::placeholder {
    color: #e03f3f;
}
.mainForm .modal__group .error_fill .modal__group__input svg path {
    fill: red;
}
.mainForm .modal__group .error_stroke .modal__group__input {
    border: 1px solid #e03f3f;
    background: #fff3f3;
}
.mainForm .modal__group .error_stroke .modal__group__input input {
    background: #fff3f3;
}
.mainForm .modal__group .error_stroke .modal__group__input ::-moz-placeholder {
    color: #e03f3f;
}
.mainForm .modal__group .error_stroke .modal__group__input ::placeholder {
    color: #e03f3f;
}
.mainForm .modal__group .error_stroke .modal__group__input svg path {
    stroke: red;
}
.mainForm .modal__group__input {
    background: white;
    height: 94px;
    position: relative;
    font-size: 24px;
    font-weight: 400;
    padding: 31px 14px 0 109px;
    border-radius: 24px;
}
.mainForm .modal__group__input svg {
    position: absolute;
    left: 36px;
    top: 34px;
    height: 25px;
    width: 25px;
}
.mainForm .modal__group__input ::-moz-placeholder {
    color: #adadad;
}
.mainForm .modal__group__input ::placeholder {
    color: #adadad;
}
.mainForm .modal__submit {
    background: #ADADAD;
    height: 83px;
    font-size: 21px;

    font-weight: 600;
    width: 100%;
    border-radius:17px;
    color: white;
    margin-top: 40px;
    cursor: pointer;
}

.mainForm .modal__submit:hover {
    background: #C56B00;
    transition: 0.3s;
}

.mainForm .modal__submit__active {
    background: #C56B00;
}



.mainForm .modal {
    /* Кнопка закрытия */
}
.mainForm .modal .close-btn {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
    font-size: 25px;
    display: none;
}
.mainForm .modal .close-btn:hover {
    color: #e58411;
    transition: 0.3s;
}
.mainForm .modal__error {
    color: #e03f3f;
    font-size: 20px;
    font-weight: 500;
    margin-top: 10px;
    display: none;
}
@media (max-width: 1440px) {
    .mainForm .modal__group .modal__group__input input {
font-size: 18px;
    }
    .mainForm .modal__group {
    }
    .mainForm .modal__group__input {
        height: 65px;
        padding: 17px 14px 0 93px;

    }
    .mainForm .modal__group__input svg {
    top: 25px;
        height: 20px;
        width: 20px;
    }
    .mainForm .modal__error {
        font-size: 14px;
    }
    .mainForm .modal__submit {
margin-top: 30px;
        height: 70px;
        font-size: 18px;
    }
    .mainForm .modal__agree__text a {
        font-size: 16px;
    }
    .FeedbackForm__success__Main .FeedbackForm__title {
        font-size: 26px;
    }
    .FeedbackForm__success__Main .FeedbackForm__desc {
        font-size: 18px;
    }
    .FeedbackForm__success__Main svg {
        height: 194px;
    }
    .FeedbackForm__success__Main .FeedbackForm__success__Main__btn {
        font-size: 20px;
    }
}


/* Чекбокс согласия на обработку персональных данных */
.mainForm .error_agree .modal__agree__box {
    border: 1px solid #e03f3f;
}
.mainForm .error_agree .modal__agree__text a {
    color: #E03F3F;
}


.mainForm .modal__agree {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 0px;
    cursor: pointer;
    font-size: 18px;
    color: #adadad;
    line-height: 1.4;
    justify-content: center;
    position: absolute;
    bottom: -43px;
    width: 100%;
}
.mainForm .modal__agree__checkbox {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.mainForm .modal__agree__box {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    border: 1px solid #E58411;
    border-radius: 4px;
    margin-top: 1px;
    position: relative;
    transition: 0.2s;
}
.mainForm .modal__agree__checkbox:checked + .modal__agree__box {
    background: #e58411;
    border-color: #e58411;
}
.mainForm .modal__agree__checkbox:checked + .modal__agree__box::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mainForm .modal__agree__text a {
    color: #e58411;
    text-decoration: underline;
    position: relative;
    top: 0;
}
.mainForm .modal__error-agree {
    margin-top: 8px;
}

@media (max-width: 600px) {
    .mainForm .modal__group {
        gap: 14px;
    }
    .mainForm .modal__agree {
        font-size: 12px;
    }
    .mainForm .modal__agree__text a {
        white-space: nowrap;
        font-weight: 300;
        font-size: 12px;
    }
    .mainForm .modal__submit {
        font-size: 16px;
        height: 58px;
        margin-top: 8px;
    }
    .mainForm .modal__group .modal__group__input input {
        font-size: 16px;
    }
    .mainForm .modal__group__input svg {
        height: 15px;
        width: 15px;
left: 24px;
    }
    .mainForm .modal__group__input {
height: 58px;
        padding: 11px 14px 0 56px; border-radius: 12px;
    }
    .FeedbackForm__success__Main .FeedbackForm__title {
        font-size: 20px;
    }
    .FeedbackForm__success__Main .FeedbackForm__desc {
        font-size: 12px;
        margin-bottom: 32px;
    }
    .FeedbackForm__success__Main svg {
        height: 97px;
    }
    .FeedbackForm__success__Main .FeedbackForm__success__Main__btn {
        font-size: 20px;

    }


}

@media (max-width: 380px) {
    .mainForm .modal__agree__text a {
        font-size: 10px;
    }

}

/* End */
/* /local/components/pages/main/templates/.default/style.css?179310423749035 */
/* /local/templates/hairshop/assets/css/swiper-bundle.min.css?178300432114611 */
/* /local/templates/hairshop/components/bitrix/system.pagenavigation/paginate/style.css?1783004836734 */
/* /local/templates/hairshop/components/bitrix/catalog.section/slider/style.css?178464637568 */
/* /local/templates/hairshop/components/bitrix/catalog.item/slider/style.css?179310404629245 */
/* /local/templates/hairshop/components/bitrix/news.list/slider_reviews/style.css?17842758393142 */
/* /local/templates/hairshop/components/bitrix/news.list/slider_reviews__video/style.css?17842758399678 */
/* /local/templates/hairshop/components/custom/city/.default/style.css?17830043211156 */
/* /local/templates/hairshop/components/custom/modal-main/.default/style.css?17830043212141 */
/* /local/templates/hairshop/components/custom/main.feedback/main/style.css?17830043216607 */