/* ==== MINDEN TERMÉK EGY OSZLOPBAN (Milano + variációk) ==== */

/* 1) Bootstrap-szerű rácsok */
.category-product-list .row > [class*="col-"],
.search-product-list .row > [class*="col-"] {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* 2) "product-item" kártyák */
.category-product-list .product-item,
.search-product-list .product-item {
  width: 100% !important;
  max-width: 100% !important;
}

/* 3) Grid alapú listák */
.category-product-list .products-grid,
.search-product-list .products-grid,
.category-product-list .product-grid,
.search-product-list .product-grid,
.product-list--grid,
.product-list__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
}

/* 4) Grid elemek */
.product-grid__item,
.products-grid .grid-item,
.product-list--grid .grid-item,
.product-list__grid .grid-item {
  width: 100% !important;
  max-width: 100% !important;
}

/* 5) Biztos, hogy asztalin se tördeljen 2 oszlopra */
@media (min-width: 992px) {
  .category-product-list .row > [class*="col-"],
  .search-product-list .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .category-product-list .products-grid,
  .search-product-list .products-grid,
  .category-product-list .product-grid,
  .search-product-list .product-grid,
  .product-list--grid,
  .product-list__grid {
    grid-template-columns: 1fr !important;
  }
}

/* 6) Ha a sablon gap/negatív margóval erőlteti a többsoros rácsot */
.category-product-list .products-grid,
.search-product-list .products-grid,
.category-product-list .product-grid,
.search-product-list .product-grid {
  gap: 1.25rem !important; /* opcionális, csak hogy szellős maradjon */
}