/* Custom grid columns for product listing 
   Generated by hookCalculateGrid:
   - 3 products/row → class -4 (12/3=4)
   - 4 products/row → class -3 (12/4=3)
   - 5 products/row → class -15 (special case → 20%)
   - 6 products/row → class -2 (12/6=2) — needs custom
   - 7 products/row → class -1.7... (impossible w/ formula)
   - 8 products/row → class -1.5 (impossible w/ formula)
*/

@media (min-width: 992px) {
    .col-lg-products-2  { flex: 0 0 16.6666%; max-width: 16.6666%; }  /* 6 columns */
    .col-lg-products-3  { flex: 0 0 25%;      max-width: 25%; }       /* 4 columns */
    .col-lg-products-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }  /* 3 columns */
    .col-lg-products-6  { flex: 0 0 50%;      max-width: 50%; }       /* 2 columns */
    .col-lg-products-15 { flex: 0 0 20%;      max-width: 20%; }       /* 5 columns (special) */
    [class*="col-lg-products-"] {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .col-xl-products-2  { flex: 0 0 16.6666%; max-width: 16.6666%; }  /* 6 columns */
    .col-xl-products-3  { flex: 0 0 25%;      max-width: 25%; }       /* 4 columns */
    .col-xl-products-4  { flex: 0 0 33.3333%; max-width: 33.3333%; }  /* 3 columns */
    .col-xl-products-6  { flex: 0 0 50%;      max-width: 50%; }       /* 2 columns */
    .col-xl-products-15 { flex: 0 0 20%;      max-width: 20%; }       /* 5 columns (special) */
    [class*="col-xl-products-"] {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
}