body {
  font-family: 'Manrope', 'Ubuntu', sans-serif, arial;
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
}


/* Градиенты */
.blue-gradient {
  background: linear-gradient(45deg, #8a75ff 40%, #6347ff 60%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.button, 
.button__index-button, 
.mobile_left-menu-btn, 
.send, 
.button-make-order,
.button-refresh-cupon {
  background-color: #6347ff !important;
  border-color: #6347ff !important;
  color: #ffffff !important; /* Текст на кнопках всегда белый */
}

.button:hover, .send:hover {
  background-color: #5239d9 !important;
  color: #ffffff !important;
}

/* Цвета текста и цен в обычном состоянии */
.product-item__title, 
.regular-price, 
.sale-price, 
.cart-price-itog, 
.sortby__link, 
.breadcrumbs__item a, 
.title,
.static-body a,
.section.personal a {
  color: #6347ff !important;
}

/* --- ИСПРАВЛЕНИЕ ЧИТАЕМОСТИ ПРИ НАВЕДЕНИИ --- */

/* Карточка товара при наведении */
.product__list .product__item:hover {
  background: #6347ff !important;
  border-color: #6347ff !important;
}

/* Весь текст внутри карточки становится БЕЛЫМ при наведении */
.product__list .product__item:hover .product-item__title, 
.product__list .product__item:hover .regular-price, 
.product__list .product__item:hover .sale-price,
.product__list .product__item:hover .product-item__txt,
.product__list .product__item:hover .product-item__price .regular-price {
  color: #ffffff !important;
}

/* Активные элементы (Пагинация, Категории) */
.left-block__categories .categories-list .categories__link .categories__item.item-selected,
.container__pages .pages-list__body .pages-list__item.active {
  background: #6347ff !important;
  color: #ffffff !important;
  border-color: #6347ff !important;
}

/* ============================================================
   АДАПТИВНАЯ ВЕРСТКА И ШРИФТЫ
   ============================================================ */

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

  section.section h1,
  .section.categories-list .h1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1 !important;
  }

  section.section h2 {
    font-size: 32px;
    font-weight: 600;
  }

  section.section p,
  .product-item__txt,
  .wmTab__container .wmTab__body .wmTab__body-item {
    font-size: 16px !important;
    line-height: 1.6;
  }

  .product-card__top .product-card__main .button-link.button__product-card {
    font-size: 14px;
  }

  .button.button__index-button {
    font-size: 16px;
  }

  .product__list .product__item .product-item__title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
  }

  .product__list .product__item .product-item__price .regular-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
  }

  .product__list .product__item .product-item__price .sale-price {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
  }

  .product__list .product__item .product-item__price.on-sale .regular-price {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
  }

  .container__pages .pages-list__body .pages-list__item {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
  }

  .container__sortby .sortby__body .sortby__text {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
  }

  .container__sortby .sortby__body .sortby__link span {
    font-size: 18px;
    line-height: 20px;
  }

  .container__sortby .sortby-menu__wrapper .sortby__menu li {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
  }

  .left-block__categories .categories-list .categories__link {
    font-size: 16px;
    line-height: 1.1;
  }

  .product-card__amount .product-card__amount-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
  }

  .amount-button.product-card__amount-button {
    font-size: 16px;
  }

  .amount-input.product-card__amount-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #6347ff;
  }

  .cart-price-itog {
    font-size: 24px;
  }

  .about-company__body p,
  .about-content p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
  }

  .title {
    font-size: 24px;
    font-weight: 600;
  }

  .form-top-left span,
  .form-top-right span {
    font-size: 14px;
    font-weight: bold;
  }

  .form-bottom {
    font-size: 20px;
  }

  .section.about-company .about-content p {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
  }
}

.img-responsive {
  max-width: 100%;
}