h1.woocommerce-products-header__title.page-title{
  color: black;
  font-size: var(--font-size-big);
  font-weight: 700;
  margin-left: 15px;
  margin-bottom: 50px;
}
.site-main{
  max-width: 1300px;
  margin: 0 auto;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  width: 300px;
}
.woocommerce ul.products li.product-category {
  width: 300px;
  height: -webkit-fill-available;
  background-color: #3B6497;
  color:white;
  font-size: var(--font-size-15);
  font-weight: 600;
  text-transform: uppercase;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
h2.woocommerce-loop-category__title
{
  padding:10px;
  color:white;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  padding: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Ограничиваем количество отображаемых строк */
  overflow: hidden;
  height: 69px; /* Задаём фиксированную высоту (например, 3 строки по 23px) */
  line-height: 23px; /* Высота строки */
}
li .type-product{
  width: 300px;
  height: 460px;
  position: relative;
}
.woocommerce ul.products li.product a img{
  max-width: 300px;
  width: auto;
  max-height: 300px;
  margin: 0 auto;
}
.woocommerce ul.products li.product a:hover img {
  transform: scale(1.03);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: black;
  font-size: var(--font-size-13);
  font-weight: 600; text-transform: uppercase;
  margin-bottom: 20px;
}
p.sku{
  color: rgba(0, 0, 0, 0.60);
  font-size: var(--font-size-14);
  height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
li .type-product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
  color: black;
  font-size: var(--font-size-large);
  font-weight: 700;
}
/* Single Product Карточка товара */
/* Заголовок */
h1.product_title.entry-title{
  color: black;
  font-size: var(--font-size-h1);
  font-weight: 700;
  margin-bottom: 20px;
}
/* Цена */
div.product p.price
{
  color: black !important;
  font-size: var(--font-size-h1);
  font-weight: 700 !important;
  margin-bottom: 12px;
}
.woocommerce div.product div.images img
{
  max-width: 600px;
  max-height: 600px;
}
.woocommerce-product-gallery{
  margin-top:52px;
}
.sku_wrapper{
  margin-bottom: 68px;
}
/* Popmaker */
#popmake-242 .popmake-content{
  margin-left:72px;
  margin-top: 28px;
}
.messageMin,
.messageMin a,
.messageMin span
{
  color:rgba(0,0,0,0.8);
  font-size: var(--font-size-13);
  margin-bottom:23px;
  font-weight:500;
  word-wrap: break-word
}
textarea::placeholder,
input::placeholder {
  color: rgba(0, 0, 0, 0.25); /* Для современных браузеров */
}
.pum-theme-lightbox{
  backdrop-filter: blur(5px); /* Эффект размытия */
}
.woocommerce-Tabs-panel,
.woocommerce-Tabs-panel p{
  color: black;
  font-size: var(--font-size-medium);
  font-family: Montserrat;
  font-weight: 500;
  word-wrap: break-word;
}
.buttonOrder{
  margin-bottom: 43px;
}
/* Страница товара */
.flex-direction-nav{
  list-style-type:none;
}
.carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px; /* ширина стрелок */
  height: 40px; /* высота стрелок */

  cursor: pointer;
}
.carousel-arrow.left {
  left: -40px; /* расстояние от левого края */
  background-size: contain; /* или использовать cover, в зависимости от стиля */
}
.carousel-arrow.right {
  right: -18px; /* расстояние от правого края */
  background-size: contain; /* или использовать cover, в зависимости от стиля */
}
/* Применяем Flexbox к категориям продуктов на странице магазина */
.woocommerce ul.products{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 30px;
  column-gap: 4px;
}
.woocommerce ul.products li.product {
  align-content: space-around;
  border: 1px solid rgb(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 5px;
}
/* Регулируем размер категорий */
.woocommerce ul.products li.product-category .woocommerce-loop-category__title {
  text-align: center; /* Центрируем текст заголовка категории */
}
.woocommerce ul.products li.last{
  margin-right: 0;
}
.woocommerce ul.products::before{
  content:unset;
}
h1.woocommerce-products-header__title.page-title::first-letter{
  text-transform: uppercase;
}
.woocommerce ul.products li.product-category a{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Принудительный перенос после подкатегорий с псевдо-элементом разделителем */
.woocommerce ul.products::after {
  content: "";
  width: 100%;
  order: 1;
  height: 0;
}

.woocommerce ul.products li.product-category {
  order: 0;
}

.woocommerce ul.products li.product.type-product {
  order: 2;
}