:root {
  /* Font Sizes */
  --fz-t1: 46px;
  --fz-t2: 38px;
  --fz-t3: 30px;

  
  --fz-hh1: 90px;
  --fz-hh2: 76px;
  --fz-hh3: 70px;
  --fz-hh4: 60px;
  --fz-hh5: 50px;
  --fz-hh6: 40px;
  --fz-h1: 36px;
  --fz-h2: 24px;
  --fz-h3: 18px;
  --fz-h4: 16px;
  --fz-h5: 14px;
  --fz-h6: 12px;

  --fz-b0: 30px;
  --fz-b1: 24px;
  --fz-b2: 20px;
  --fz-b3: 18px;
  --fz-b4: 16px;
  --fz-b5: 14px;
  --fz-b6: 12px;
  --fz-b7: 10px;

  /* Icons Font Sizes */

  --fz-icon-24: 24px;
  --fz-icon-20: 20px;
  --fz-icon-16: 16px;
  --fz-icon-14: 14px;
  --fz-icon-12: 12px;

  /* Line Heights */

  --lh-t1: 48px;
  --lh-t2: 40px;
  --lh-t3: 32px;

  --lh-h1: 36px;
  --lh-h2: 24px;
  --lh-h3: 18px;
  --lh-h4: 16px;
  --lh-h5: 14px;
  --lh-h6: 12px;

  --lh-b1: 28px;
  --lh-b2: 24px;
  --lh-b3: 22px;
  --lh-b4: 20px;
  --lh-b5: 18px;
  --lh-b6: 14px;
  --lh-b7: 12px;

  /* Font Weights */

  --bold: 700;
  --regular: 700;
  --medium: 500;

  /* Colors */

  --white: #fff;
  --black: #000;

  --Semantic-Actions-primary: linear-gradient(
    119deg,
    #8dd8fa -14.79%,
    #82b3ec 48.32%,
    #b29eeb 106.15%
  );

  --Semantic-Actions-primary-2: #8d96fa;

  --Semantic-Actions-primary-hover-2: #8d96fa;

  --Semantic-Actions-primary-hover: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(119deg, #8dd8fa -14.79%, #82b3ec 48.32%, #b29eeb 106.15%);

  --Semantic-Actions-primary-active: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(119deg, #8dd8fa -14.79%, #82b3ec 48.32%, #b29eeb 106.15%);

  --Semantic-Actions-secondary: #e6e6e6;
  --Semantic-Actions-secondary-hover: #ccc;
  --Semantic-Actions-secondary-active: #9f9f9f;

  --Semantic-Actions-accent: linear-gradient(
    251deg,
    #c8a6e8 4.73%,
    #e88 74.14%
  );

  --Semantic-Actions-accent-hover: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(0, 0, 0, 0.1) 100%
    ),
    linear-gradient(251deg, #c8a6e8 4.73%, #e88 74.14%);

  --Semantic-Actions-accent-active: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.2) 100%
    ),
    linear-gradient(251deg, #c8a6e8 4.73%, #e88 74.14%);

  --semantic-actions-primary-inverse: #1a1a1a;
  --semantic-actions-primary-hover-inverse: #262626;
  --semantic-actions-primary-active-inverse: #333;

  --semantic-actions-accent-inverse: #fff;
  --semantic-actions-accent-hover-inverse: #f5f5f5;
  --semantic-actions-accent-active-inverse: #e6e6e6;

  --semantic-text-icons-link: #6f79f7;
  --semantic-text-icons-link-hover: #82b3ec;

  --Base-Gradient-08: linear-gradient(137deg, #6fc6f7 16.36%, #b8ffb2 110.03%);
  --Base-Gradient-08-inverse: linear-gradient(137deg, #b8ffb2 16.36%, #6fc6f7 110.03%);
  --Base-Gradient-09: linear-gradient(251deg, #99def5 4.73%, #ee9488 74.14%);
  --Base-Gradient-02: linear-gradient(137deg, #c7a5e7 16.36%, #f2eaf9 110.03%);

  --semantic-text-icons-text-01: #1a1a1a;
  --semantic-text-icons-text-02: #333;
  --semantic-text-icons-text-03: #9f9f9f;
  --semantic-text-icons-text-01-inverse: #fff;
  --semantic-text-icons-text-02-inverse: #f5f5f5;
  --semantic-text-icons-text-03-inverse: #ccc;
  --semantic-actions-secondary: #e6e6e6;
  --semantic-actions-secondary-hover: #ccc;
  --semantic-actions-secondary-active: #9f9f9f;
  --base-gray-01: #fff;
  --base-gray-02: #f6f6f6;
  --base-gray-03: #e6e6e6;
  --base-gray-04: #ccc;
  --base-gray-05: #9f9f9f;
  --base-gray-06: #808080;
  --base-gray-07: #333;
  --base-gray-08: #1a1a1a;
  --base-gray-09: #000;

  --semantic-warning-color: #f7966f;
  --semantic-wait-color-bg: #fff0c9;
  --semantic-wait-color-text: #776024;
}

html,
body {
  scrollbar-gutter: stable;
  overflow-x: hidden !important;
}

html {
  scroll-behavior: smooth;
}

input, textarea {
  outline: none !important;
}

a, .btn, .btn-like, .btn-secondary, .tag, input, .product__item-img-container, .icon-down, .product__info-tabs li, .compare-items .compare-item .close, .compare-box-title, .compare-box-title .icon-down, .compare-items .compare-item .compare-item-img img, .complect__item a .complect__item-img, .news__item{
  transition: 0.3s;
}

.w-100 {
  width: 100%;
}

.accordeon__head .icon {
  cursor: pointer;
}

.tac {
  text-align: center;
}

.white {
  color: var(--white) !important;
}

.disabled {
  opacity: 0.8;
  cursor: not-allowed !important;
  color: var(--semantic-text-icons-text-03);
}

.sticky {
  position: fixed !important;
  width: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  margin-top: 48px;
}

/* Grids */

.container {
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
}

.content__page .container{
  padding-top: 30px;
}

@media (max-width: 767px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* Общие стили полосы прокрутки */
/* Ширина и цвет фона */
::-webkit-scrollbar {
  border-radius: 100px;
  width: 4px;
}

/* Трек (фон) полосы прокрутки */
::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}

/* Ползунок полосы прокрутки */
::-webkit-scrollbar-thumb {
  background: var(--Semantic-Actions-primary);
  border-radius: 100px;
}

/* Utilities */

.list-style-none {
  list-style: none;
}

.list-reset {
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.text-decoration-none {
  text-decoration: none;
}

.text-decoration-none a {
  text-decoration: none;
}

body.no-scroll {
  overflow-y: hidden !important;
}

/* Buttons Simple */

.btn {
  display: inline-flex;
  padding: 12px 14px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  text-decoration: none;
  font-size: var(--fz-b5);
  line-height: var(--lh-b5);
  font-weight: 500;
  border: unset;
  cursor: pointer;
}

.btn-width {
  display: inline-flex;
  padding: 22px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  text-decoration: none;
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
  font-weight: 500;
  border: unset;
}

.btn-width-sm {
  display: inline-flex;
  padding: 19px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  text-decoration: none;
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
  font-weight: 500;
  border: unset;
}
.btn-width-sm i{
  font-size: var(--fz-b3);
}

.btn-dark {
  background: var(--semantic-text-icons-text-01);
  color: #fff;
}
.btn-dark:hover {
  background: var(--semantic-text-icons-text-02);
  color: #fff;
}

.btn-primary {
  background: var(--Semantic-Actions-primary);
  color: var(--semantic-text-icons-text-02-inverse) !important;
  opacity: 1;
}

.btn-primary:active, .btn-primary:focus {
  /*background: var(--Semantic-Actions-primary-hover);*/
  text-decoration: none;
  opacity: .8;
}
@media (hover: hover) {
  .btn-primary:hover {
    text-decoration: none;
    opacity: .8;
  }
}

.btn-primary.disabled {
  color: var(--semantic-text-icons-text-03-inverse);
  opacity: .8;
}



.btn-success {
  background: var(--Base-Gradient-08);
  color: var(--semantic-text-icons-text-02-inverse);
}

.btn-success:hover {
  background: var(--Base-Gradient-08-inverse);
  text-decoration: none;
}

.btn-success:active {
  background: var(--Base-Gradient-08-inverse);
}

.btn-success:focus {
  background: var(--Base-Gradient-08-inverse);
}

.btn-success.disabled {
  color: var(--Base-Gradient-08-inverse);
}





.btn-secondary {
  border: 1px solid var(--Semantic-Actions-secondary);
  background-color: var(--white);
  color: var(--semantic-text-icons-text-02);
}

@media (hover: hover) {
  .btn-secondary:hover {
    border: 1px solid var(--semantic-text-icons-text-03);
  }
}

.btn-secondary:focus {
  border: 1px solid var(--Semantic-Actions-secondary-active);
}

.btn-secondary:active {
  border: 1px solid var(--Semantic-Actions-secondary-active);
}

.btn-accent {
  background: var(--Semantic-Actions-accent);
  color: var(--semantic-text-icons-text-02-inverse);
  opacity: 1;
}

.btn-accent:active, .btn-accent:focus {
  opacity: .8;
}
@media (hover: hover) {
  .btn-accent:hover, .btn-accent:active, .btn-accent:focus {
    opacity: .8;
  }
}

.btn.btn-icon {
  gap: 8px;
}

.btn-primary-inverse {
  background: var(--semantic-actions-primary-inverse);
  color: var(--semantic-text-icons-text-02-inverse);
}

@media (hover: hover) {
  .btn-primary-inverse:hover {
    background: var(--semantic-actions-primary-hover-inverse);
  }
}

.btn-primary-inverse:active {
  background: var(--semantic-actions-primary-active-inverse);
}

.btn-primary-inverse:focus {
  background: var(--semantic-actions-primary-active-inverse);
}

.btn-secondary-inverse {
  border: 1px solid var(--semantic-actions-accent-inverse);
  background: transparent;
  color: var(--semantic-text-icons-text-02-inverse);
}

@media (hover: hover) {
  .btn-secondary-inverse:hover {
    border: 1px solid var(--semantic-actions-accent-hover-inverse);
  }
}

.btn-secondary-inverse:active {
  border: 1px solid var(--semantic-actions-accent-active-inverse);
}

.btn-secondary-inverse:focus {
  border: 1px solid var(--semantic-actions-accent-active-inverse);
}

.btn-accent-inverse {
  background: var(--semantic-actions-accent-inverse);
  color: var(--semantic-text-icons-text-02);
}

.btn-accent-inverse:hover {
  background: var(--semantic-actions-accent-hover-inverse);
  color: var(--semantic-text-icons-text-02);
}

.btn-accent-inverse:active {
  background: var(--semantic-actions-accent-hover-inverse);
  color: var(--semantic-text-icons-text-02);
}

.btn-accent-inverse:focus {
  background: var(--semantic-actions-accent-hover-inverse);
  color: var(--semantic-text-icons-text-02);
}

.btn span {
  font-size: var(--fz-icon-20);
}

.btn-width span {
  font-size: var(--fz-icon-20);
}

.btn-width.btn-secondary {
  border: 1px solid var(--semantic-actions-primary-inverse);
  color: var(--semantic-actions-primary-inverse);
}

@media (hover: hover) {
  .btn-width.btn-secondary:hover {
    border: 1px solid var(--semantic-actions-primary-hover-inverse);
  }
}

.btn-width.btn-secondary:active {
  border: 1px solid var(--semantic-actions-primary-active-inverse);
}

.btn-width.btn-secondary:focus {
  border: 1px solid var(--semantic-actions-primary-active-inverse);
}

.btn-width.btn-secondary-inverse {
  border: 1px solid var(--semantic-actions-accent-inverse);
  color: var(--semantic-text-icons-text-02-inverse);
}

@media (hover: hover) {
  .btn-width.btn-secondary-inverse:hover {
    border: 1px solid var(--semantic-actions-accent-hover-inverse);
  }
}

.btn-width.btn-secondary-inverse:active {
  border: 1px solid var(--semantic-actions-accent-active-inverse);
}

.btn-width.btn-secondary-inverse:focus {
  border: 1px solid var(--semantic-actions-accent-active-inverse);
}

.btn-single-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 13px;
  border-radius: 10px;
  text-decoration: none;
  height: 42px;
  cursor: pointer;
}

.btn-single-icon-small {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 10px;
  text-decoration: none;
  font-size: var(--fz-icon-16);
}

.btn-single-icon.btn-secondary {
  border: 1px solid var(--Semantic-Actions-primary-2);
  color: var(--Semantic-Actions-primary-2);
}

@media (hover: hover) {
  .btn-single-icon.btn-secondary:hover {
    border: 1px solid var(--Semantic-Actions-primary-hover-2);
    color: var(--Semantic-Actions-primary-hover-2);
  }
}

.btn-single-icon.btn-secondary:active {
  border: 1px solid var(--Semantic-Actions-primary-hover-2);
  color: var(--Semantic-Actions-primary-hover-2);
}

.btn-single-icon.btn-secondary:focus {
  border: 1px solid var(--Semantic-Actions-primary-hover-2);
  color: var(--Semantic-Actions-primary-hover-2);
}

.btn-single-icon-small.btn-secondary {
  border: 1px solid var(--Semantic-Actions-primary-2);
  color: var(--Semantic-Actions-primary-2);
}

@media (hover: hover) {
  .btn-single-icon-small.btn-secondary:hover {
    border: 1px solid var(--Semantic-Actions-primary-hover-2);
    color: var(--Semantic-Actions-primary-hover-2);
  }
}

.btn-single-icon-small.btn-secondary:active {
  border: 1px solid var(--Semantic-Actions-primary-hover-2);
  color: var(--Semantic-Actions-primary-hover-2);
}

.btn-single-icon-small.btn-secondary:focus {
  border: 1px solid var(--Semantic-Actions-primary-hover-2);
  color: var(--Semantic-Actions-primary-hover-2);
}

/* Labels */

.label-block{
  position: relative;
  display: inline-flex;
}
.label-block .tooltip{
  display: none;
  position: absolute;
  left: 0;
  bottom: 115%;
  color: var(--semantic-text-icons-text-02-inverse);
  background-color: var(--base-gray-09);
  font-size: var(--fz-b6);
  font-weight: var(--medium);
  line-height: 1;
  padding: 9px 12px;
  border-radius: 8px;
}
.label-block .label{
  cursor: pointer;
}
.label-block .label:hover, .label-block.view .label{
  color: var(--base-gray-09);
}
/*.label-block .tooltip i{
  position: absolute;
  left: 8px;
  top: 85%;
  color: var(--base-gray-09);
  line-height: 0;
}*/

.label-block .tooltip i{
  left: 10px;
  bottom: -2px;
  display: block;
  height: 8px;
  width: 8px;
  background-color: inherit;
  border: inherit;
  position: absolute;
  clip-path: polygon(0% 0%, 100% 100%, 0% 100%);
  transform: rotate(-45deg);
  border-radius: 0 0 0 2px;
}

.label {
  display: inline-flex;
  padding: 6px 8px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 100px;
  color: var(--semantic-text-icons-text-02-inverse);
}

.label span {
  font-size: var(--fz-b5);
  line-height: var(--lh-b5);
}

.label span.icon {
  font-size: var(--fz-icon-12);
}

.label-action {
  background: var(--Semantic-Actions-accent);
}

.label-new {
  background: var(--Base-Gradient-08);
}

.label-hit {
  background: var(--Base-Gradient-09);
}

.label-collect {
  background: var(--Base-Gradient-02);
}



/* Tags */

.tag {
  display: inline-flex;
  padding: 7px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 100px;
  background: var(--Semantic-Actions-secondary);
  color: var(--semantic-text-icons-text-02);
  text-decoration: none;
  font-size: var(--fz-b5);
  line-height: var(--lh-b5);
}

.tag:hover {
  background: var(--Semantic-Actions-secondary-hover);
}

.tag:active {
  background: var(--Semantic-Actions-secondary-active);
}

.tag:focus {
  background: var(--Semantic-Actions-secondary-active);
}

/* Likes */

.btn-like {
  display: inline-flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 1px solid var(--semantic-text-icons-link);
  color: var(--semantic-text-icons-link);
  text-decoration: none;
  cursor: pointer;
}

.btn-like:hover {
  border: 1px solid var(--semantic-text-icons-link-hover);
  color: var(--semantic-text-icons-link-hover);
}
/*.btn-like:hover .icon{
  opacity: 1;
}
.btn-like:hover .icon{
  opacity: .7;
}*/

/* Cart Counter */

.cart-count-wrap {
  width: 100px;
  position: relative;
}

.cart-count {
  background: var(--Semantic-Actions-primary);
  border-radius: 10px;
  color: var(--semantic-text-icons-text-02-inverse);
  padding: 13px;
  border: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
}

.cart-count-wrap .cart-minus {
  position: absolute;
  top: 50%;
  left: 13px;
  color: var(--semantic-text-icons-text-02-inverse);
  transform: translateY(-50%);
  cursor: pointer;
  display: block;
  font-size: var(--fz-icon-20);
}

.cart-count-wrap .cart-plus {
  position: absolute;
  top: 50%;
  right: 13px;
  color: var(--semantic-text-icons-text-02-inverse);
  transform: translateY(-50%);
  cursor: pointer;
  display: block;
  font-size: var(--fz-icon-20);
}

/* Input Placeholder */

.form-control {
  position: relative;
}

.form-control .bi-exclamation-triangle-fill{
  color: var(--semantic-warning-color);
}

/* Inputs Primary */

.input-primary {
  border: 1px solid var(--Semantic-Actions-secondary);
  border-radius: 15px;
  padding: 15px 20px;
  width: 350px;
  font-weight: 500;
  font-size: var(--fz-14);
  line-height: var(--lh-14);
  color: var(--semantic-text-icons-text-03);
}

.bx-auth-reg .input-primary{
  width: 100%;
}

.input-primary:hover {
  background: var(--Semantic-text-icons-text-02-inverse);
  border: 1px solid var(--Semantic-Actions-secondary-hover);
}

.input-primary::value {
  font-weight: 500;
  font-size: var(--fz-14);
  line-height: var(--lh-14);
  color: var(--semantic-text-icons-text-02);
}

.input-secondary {
  border-radius: 10px;
  padding: 14px;
  width: 200px;
  height: 42px;
  background: var(--semantic-text-icons-text-01-inverse);
  color: var(--semantic-text-icons-text-03);
  border: transparent 1px solid;
  font-weight: 400;
  font-size: 14px;
  line-height: 129%;
}

.input-secondary::value {
  color: var(--semantic-text-icons-text-02);
}

.input-secondary:hover {
  background: var(--semantic-text-icons-text-02-inverse);
}

.input-secondary:focus {
  background: var(--semantic-text-icons-text-02-inverse);
}

.input-secondary.dark {
  background: var(--semantic-actions-primary-inverse);
  border: transparent 1px solid;
  color: var(--semantic-text-icons-text-01-inverse) !important;
}
.input-secondary.dark::placeholder {
  color: var(--semantic-text-icons-text-03-inverse);
}

.input-secondary.dark:hover {
  background: var(--semantic-actions-primary-hover-inverse);
  color: var(--semantic-text-icons-text-02);
}

.input-with-btn .input-secondary {
  border-radius: 10px;
  padding: 8px 8px 8px 14px;
  width: 100%;
  height: 100%;
}

.input-with-btn {
  position: relative;
  width: 200px;
  height: 56px;
}

.input-with-btn button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  padding: 12px;
  width: 40px;
  height: 40px;
  background: #000;
  border: unset;
  opacity: 0.8;
}

.input-with-btn button span {
  font-size: var(--fz-icon-16);
  color: var(--semantic-text-icons-text-03);
}

.input-with-btn.dark button {
  background: #fff;
  opacity: 0.8;
}

.input-with-btn.dark button span {
  color: #ccc;
}

/* Catalog Icon */

.catalog-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 10px;
}

.catalog-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

/* Скрыть оригинальный флажок, но оставить его доступным для событий */
input[type="checkbox"].checkbox-custom {
  position: absolute;
  z-index: -1;
  opacity: 0; /* Включить обработку событий указателя */
}

/* Создать кастомный флажок */
input[type="checkbox"].checkbox-custom + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}

/* Стилизация флажка */
input[type="checkbox"].checkbox-custom + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border-radius: 4px;
  /* padding: 2px; */
  border: unset;
  border: 1px solid var(--semantic-actions-secondary);
  background: var(--semantic-text-icons-text-01-inverse);
}

/* Стилизация активного состояния флажка */
input[type="checkbox"].checkbox-custom:checked + label:before {
  background: linear-gradient(
    208deg,
    #c8a6e8 0%,
    #e88 100%
  ); /* Ваш выбранный фон */
  border: transparent 1px solid;
}

/* Наведение курсора на флажок */
input[type="checkbox"].checkbox-custom + label:hover:before {
  /* border-color: #999; */
}

/* Изменение галочки на собственную графику */
input[type="checkbox"].checkbox-custom + label:after {
  content: "\e90b"; /* Замените это на свою графику или Unicode символ */
  font-family: "icomoon"; /* Название вашего шрифта */
  font-size: 12px; /* Размер галочки */
  color: #fff; /* Цвет галочки */
  position: absolute;
  left: 2px;
  top: 0px;
  visibility: hidden; /* Галочка скрыта по умолчанию */
}

/* Показать галочку при выборе флажка */
input[type="checkbox"].checkbox-custom:checked + label:after {
  visibility: visible;
}

.accordeon .accordeon__body {
  display: none;
}

.accordeon.collapsed .icon-down {
  transform: rotate(180deg);
  color: var(--semantic-text-icons-text-03);
}

.accordeon.collapsed .accordeon__head p {
  color: var(--semantic-text-icons-text-03);
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
  margin-bottom: 10px; /* Отступ снизу */
}

.text-content h2 {
  font-size: var(--fz-h2);
  line-height: var(--lh-h2);
  margin-top: var(--lh-h1);
}

.text-content h3 {
  font-size: var(--fz-h3);
  line-height: var(--lh-h3);
  margin-top: var(--lh-h2);
}

.text-content h4 {
  font-size: var(--fz-h4);
  line-height: var(--lh-h4);
  margin-top: var(--lh-h3);
}

.text-content h5 {
  font-size: var(--fz-h5);
  line-height: var(--lh-h5);
  margin-top: var(--lh-h4);
}

.text-content h6 {
  font-size: var(--fz-h6);
  line-height: var(--lh-h6);
  margin-top: var(--lh-h5);
}

.text-content p {
  margin-bottom: 15px;
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
}

.text-content b {
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
}

.text-content ul,
.text-content ol {
  margin-bottom: 15px; /* Отступ снизу */
}

.text-content li {
  margin-bottom: 5px; /* Отступ снизу */
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
}

.text-content a {
  font-size: var(--fz-b4);
  color: var(--semantic-text-icons-link);
}
.text-content a:hover {
  color: currentColor;
}


.pagination {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pagination .pagination-item {
  width: 46px;
  height: 46px;
  border: 1px solid transparent;
  font-weight: 500;
  font-size: var(--fz-b4);
  line-height: var(--lh-b4);
  color: var(--semantic-text-icons-text-02);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
}

.pagination .pagination-item.active {
  border: 1px solid var(--semantic-text-icons-text-02);
  cursor: default;
}

.pagination .arrow-prev,
.pagination .arrow-next {
  font-size: var(--fz-icon-20);
}

.ui-widget-content {
  background: transparent;
}

.ui-widget-header {
  background: var(--Semantic-Actions-accent);
}

.ui-widget.ui-widget-content {
  border: unset;
  height: 1px;
}

.ui-slider .ui-slider-handle {
  background: var(--Semantic-Actions-accent);
  border: unset;
  border-radius: 100%;
  height: 11px;
  width: 11px;
  outline: unset;
}

.swiper-pagination-bullet {
  background: var(--semantic-text-icons-text-03-inverse);
  opacity: unset;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(151deg, #6f79f7 0%, #7087ec 100%);
  opacity: unset;
  width: 20px;
  border-radius: 100px;
}

.card {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  padding: 20px;
  border: 1px solid var(--semantic-actions-secondary);
}

textarea {
  resize: none;
}

.radio__wrap input[type="radio"], .radio__wrap input[type="checkbox"] {
  display: none;
}

.radio__wrap input[type="radio"] + label, .radio__wrap input[type="checkbox"] + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
.radio__wrap.bx-selected input[type="radio"] + label, .radio__wrap.bx-selected input[type="checkbox"] + label{
  cursor: default;
}

.radio__wrap input[type="radio"] + label:before, .radio__wrap input[type="checkbox"] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--semantic-actions-secondary);
  border-radius: 50%;
}

.radio__wrap input[type="radio"]:checked + label:before, .radio__wrap input[type="checkbox"]:checked + label:before {
  background: var(--Semantic-Actions-primary);
  border: none;
  /*background: var(--semantic-text-icons-text-01);
  border: 1px solid var(--semantic-text-icons-text-01);*/
}

.radio__wrap input[type="radio"] + label:after, .radio__wrap input[type="checkbox"] + label:after {
  content: "\e90b";
  font-family: "icomoon";
  position: absolute;
  left: 2px;
  top: 4px;
  font-size: 12px;
  color: #fff;
  display: none;
}

.radio__wrap input[type="radio"]:checked + label:after, .radio__wrap input[type="checkbox"]:checked + label:after {
  display: block;
}

.checkbox__wrap label {
  font-size: var(--fz-b6);
  line-height: var(--lh-b6);
  font-weight: 500;
  color: var(--semantic-text-icons-text-02);
}

.checkbox__remember {
  margin-bottom: 20px;
}

.d-block {
  display: block;
}

.swiper-button-lock {
  display: none !important;
}