/* ============================================================================
   Grila unica a blocurilor de produse
   ============================================================================

   Toate listele de produse (catalog, subgrupe de nivel 3-4, cautare, favorite)
   folosesc ACEEASI grila si ACELEASI break-point-uri:

       < 768px     2 coloane
       768-991     3 coloane
       >= 992      4 coloane (maximul, si pe ecrane late)

   Slider-ele (.home-products-slider - produse noi, similare, vizualizate) si
   banda "top produse" (.top-products-mode) sunt excluse: ele isi pastreaza
   layout-ul propriu, dar numarul de carduri vizibile e configurat cu ACELEASI
   praguri in web/js/scripts.js (Splide perPage).

   Fisierul se incarca ULTIMUL in assets/AppAsset.php, deci suprascrie latimile
   procentuale vechi din webshopStyles74.min.css (22% / 20% / 29% / 95% plus
   min-width: 202px). Regulile concurente cu !important din icon.css
   (25% intre 700-850px, 33.33% sub 759.98px, grid auto-fit peste 760px) si din
   product-card.css (50% sub 414px) au fost ELIMINATE - acesta este singurul loc
   in care se defineste grila. Daca adaugi un bloc nou de produse, nu-i mai
   scrie latimi proprii: e suficient sa fie .Content_Goods_Group[view=icon].
   ========================================================================= */

.Content_Goods_Group[view=icon]:not(.home-products-slider):not(.top-products-mode) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    align-items: stretch;
}

/* Cardul nu-si mai impune latimea - o primeste de la coloana grilei.
   Specificitatea (doua :not) o depaseste pe cea din webshopStyles74.min.css. */
.Content_Goods_Group[view=icon]:not(.home-products-slider):not(.top-products-mode) .Content_Goods_ItemBlock {
    float: none;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .Content_Goods_Group[view=icon]:not(.home-products-slider):not(.top-products-mode) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
}

/* 4 coloane e maximul: pe ecrane late cardurile se latesc, nu se inmultesc. */
@media (min-width: 992px) {
    .Content_Goods_Group[view=icon]:not(.home-products-slider):not(.top-products-mode) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
    }
}