/* =========================================================
   Каталог: 5 карточек в ряд + активный фильтр
   ========================================================= */

/* Карточки каталога по 5 в ряд на широком экране */
.products,
.category-products,
#productsGrid,
.products-grid,
.catalog-grid-products{
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:16px !important;
}

/* Делаем карточку компактнее, чтобы 5 штук смотрелись нормально */
.product,
.mini-product,
.product-card,
.catalog-card{
  padding:18px !important;
  border-radius:22px !important;
  min-height:330px !important;
}

.product h3,
.mini-product h3,
.product-card h3,
.catalog-card h3{
  font-size:20px !important;
  line-height:1.15 !important;
  margin-bottom:10px !important;
}

.product p,
.mini-product p,
.product-card p,
.catalog-card p{
  font-size:14px !important;
  line-height:1.38 !important;
}

.specs li,
.mini-product li{
  font-size:13px !important;
  padding:8px 0 !important;
}

.specs b,
.mini-product li b{
  font-size:13px !important;
}

.product-actions,
.mini-product .page-actions{
  gap:8px !important;
}

.product-actions .btn,
.mini-product .btn,
.detail-btn{
  min-height:40px !important;
  padding:10px 12px !important;
  font-size:13px !important;
  border-radius:15px !important;
}

/* Активная кнопка фильтра */
.filter-btn.is-active,
.pill.is-active,
.catalog-filter.is-active,
button[data-filter].is-active,
button[data-category].is-active{
  background:linear-gradient(135deg,#34a9e5,#1688c9) !important;
  color:#fff !important;
  border-color:#1688c9 !important;
  box-shadow:0 14px 30px rgba(22,136,201,.26) !important;
}

/* Скрытые по фильтру карточки */
.product.is-hidden-by-filter,
.mini-product.is-hidden-by-filter,
.product-card.is-hidden-by-filter,
.catalog-card.is-hidden-by-filter{
  display:none !important;
}

/* Адаптив */
@media(max-width:1600px){
  .products,
  .category-products,
  #productsGrid,
  .products-grid,
  .catalog-grid-products{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  }
}

@media(max-width:1250px){
  .products,
  .category-products,
  #productsGrid,
  .products-grid,
  .catalog-grid-products{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media(max-width:900px){
  .products,
  .category-products,
  #productsGrid,
  .products-grid,
  .catalog-grid-products{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:600px){
  .products,
  .category-products,
  #productsGrid,
  .products-grid,
  .catalog-grid-products{
    grid-template-columns:1fr !important;
  }
}