/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Dec 04 2025 | 16:23:46 */
/* НАЧАЛО ВЫРАВНИВАНИЯ КАРТОЧЕК ТОВАРОВ В СПИСКЕ ПО ВЫСОТЕ - иначе высота карточек "скакала" */

/* === Выравнивание заголовков товаров только в блоках с классом custom-category-search === */

/* Большие десктопы: >1451px  — мало воздуха */
@media (min-width: 1451px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
  min-height: 100px !important; 
  }
}

/* экраны десктопов № 3: от 1151px до 1450px — нужно больше высоты для переноса строк */
@media (min-width: 1281px) and (max-width: 1450px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 115px !important;
  }
}

/* экраны десктопов № 2: от 1151px до 1280px — нужно больше высоты для переноса строк */
@media (min-width: 1151px) and (max-width: 1280px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 130px !important;
  }
}

/* экраны десктопов № 1: от 1025px до 1150px — нужно больше высоты для переноса строк */
@media (min-width: 1025px) and (max-width: 1150px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 155px !important;
  }
}

/* Средние экраны планшетов № 2: от 801px до 1024px — нужно больше высоты для переноса строк */
@media (min-width: 801px) and (max-width: 1024px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 90px !important;
  }
}

/* Средние экраны планшетов № 1: от 651px до 800px — нужно больше высоты для переноса строк */
@media (min-width: 651px) and (max-width: 800px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 110px !important;
  }
}

/* Средние Телефоны: <от 550 до 768px — отдельная высота, подправь при необходимости */
@media (min-width: 591px) and (max-width: 650px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 120px !important;
  }
}

/* Телефоны: <550px — отдельная высота, подправь при необходимости */
@media (max-width: 590px) {
  .custom-category-search .woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 170px !important;
  }
}


/* КОНЕЦ ВЫРАВНИВАНИЯ */




/* Делаю отступ сверху для каждого товара, чтобы карточки товаров не налипали на окно "сортировки" */
.woocommerce ul.products li.product {
    margin-top: 10px !important; 
}


/*СТИЛИ ДЛЯ ЗВЕЗДНОГО РЕЙТИНГА*/

/* ✅ 2. Минимальная высота СТРОКИ РЕЙТИНГА - ЗВЕЗДОЧКИ. Надо очень точно поставить размер высоты - если больше - то появится текст 4,5 из 5...  
.woocommerce ul.products li.product .star-rating {
    min-height: 17px !important;
    margin: 0 auto 10px !important;
    display: block !important;
    color: #E09900 !important;
}*/

/* ⭐ Добавляем звезды перед ценой, если рейтинга нет 
.woocommerce ul.products li.product:not(:has(.star-rating)) .price::before {
    content: "★★★★★";
    display: block;
    text-align: center;
    font-size: 18px !important;
    color: #ccc !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}*/

/* 3. Цвет звёзд рейтинга 
.woocommerce ul.products li.product .star-rating span::before {
  color: #E09900 !important;
}*/

/*КОНЕЦ   -  СТИЛИ ДЛЯ ЗВЕЗДНОГО РЕЙТИНГА*/




/* Обеспечить 4 товара в строке */
/*.woocommerce-page ul.products.columns-4 li.product {
    width: 23% !important;
    margin-right: 1% !important;
    margin-bottom: 30px !important;
    box-sizing: border-box !important;
}

.woocommerce-page ul.products.columns-4 {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}*/


/*Размещать 4 товара - на десктопе, 2 на планшете, 1- на телефоне. Сделать резиновую верстку*/
/* Базовое поведение (для больших экранов, ≥1025px) */
.woocommerce-page ul.products.columns-4 {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  padding: 0 !important;
}

.woocommerce-page ul.products.columns-4 li.product {
  width: 22% !important;
  margin-bottom: 30px !important;
  box-sizing: border-box !important;
	margin-right: 2% !important;
}

/* Планшеты (от 768px до 1024px) — 2 товара в строке */
@media (max-width: 1024px) {
  .woocommerce-page ul.products.columns-4 li.product {
    width: 48% !important;
    margin-right: 1% !important;
	  margin-top: 30px !important;
  }
}

/* Телефоны (до 767px) — 1 товар в строке */
@media (max-width: 767px) {
  .woocommerce-page ul.products.columns-4 li.product {
    width: 100% !important;
    margin-right: 0 !important;
	  margin-top: 30px !important;
  }
}

/*КОНЕЦ РЕЗИНОВОЙ ВЕРСТКИ*/





/* 2. Стилизация кнопки "в корзину" */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .button.added {
  width: 100% !important;
  font-size: 14px !important;
  background-color: #fff !important;
  color: #E09900 !important;
  border: 2px solid #E09900 !important;
  border-radius: 3px !important;
  text-align: center !important;
  position: relative !important;
  transition: all 0.3s ease !important;
}

/* ВЫРАВНИТЬ ЗНАЧЕК КОРЗИНЫ Значок корзины при наведении */
.woocommerce ul.products li.product .button:hover::after,
.woocommerce ul.products li.product .button.added:hover::after {
  content: '\e07a' !important; /* иконка корзины (Divi/ETModules) */
  font-family: 'ETModules' !important; /* Укажи нужный font-family, если используешь ET иконки */
  font-size: 14px !important;
  color: #E09900 !important;
  display: inline-block !important;
  margin-left: 6px !important;
  vertical-align: middle !important;
  transform: translateY(5px);  /* двигает иконку корзины вверх/вниз - надо самой отредактировать положение — можно менять на 0, -2px и т.д. */
  transition: opacity 0.3s ease, transform 0.3s ease;
}



/* Убираем ::after у уже добавленной кнопки, если НЕ наведено */
.woocommerce ul.products li.product .button.added::after {
  content: none !important;
}


/* 4. Стили для значка "распродажа" */
.woocommerce-page ul.products li.product .onsale,
.woocommerce ul.products li.product .onsale {
  background-color: #E09900 !important;
  font-size: 14px !important;
  color: #fff !important;
	padding: 3px 5px !important; 
}

/* 5. Центрирование названия товара */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  text-align: center !important;
}
/* 5. Центрирование цены */
.woocommerce ul.products li.product .price {
    text-align: center !important;
    display: block;
}


/* 6. Скрывает ссылку "посмотреть корзину" под кнопкой "купить" после добавления товара в корзину. ОНА ПОЯВЛЯЛАСЬ ТОЛЬКО на странице ПОИСКА, КАТАЛОГА... (в карусели продуктов - было все ок) */
.woocommerce a.added_to_cart.wc-forward {
  display: none !important;
}