/* MEZ - Category / Shop page par products ki responsive grid (desktop 4, tablet 3, mobile 2, chhote phone 1) */
.woocommerce ul.products,.woocommerce-page ul.products{--mez-cols:4;display:grid!important;grid-template-columns:repeat(var(--mez-cols),minmax(0,1fr));gap:24px;width:100%;margin:0 0 30px!important;padding:0!important;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after,.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none!important;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;display:flex;flex-direction:column}
.woocommerce ul.products li.product a img,.woocommerce-page ul.products li.product a img{display:block;width:100%!important;max-width:100%;height:auto!important;margin:0 0 12px!important;object-fit:cover}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{overflow-wrap:anywhere;word-break:normal}
.woocommerce ul.products li.product .price{display:block}
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{margin-top:auto;max-width:100%;text-align:center}

@media (max-width:1024px){
  .woocommerce ul.products,.woocommerce-page ul.products{--mez-cols:3;gap:20px}
}
@media (max-width:768px){
  .woocommerce ul.products,.woocommerce-page ul.products{--mez-cols:2;gap:14px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:15px;line-height:1.35}
  .woocommerce ul.products li.product .price{font-size:14px}
  .woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart{padding:9px 10px;font-size:13px}
}
@media (max-width:360px){
  .woocommerce ul.products,.woocommerce-page ul.products{gap:10px}
  .woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h2{font-size:14px}
}
@media (max-width:300px){
  .woocommerce ul.products,.woocommerce-page ul.products{--mez-cols:1}
}