/* ============================================================
   Product grid widget

   The widget's own card markup, NOT WooCommerce's. This grid appears inside
   Elementor pages where we control the markup; the shop archive uses Woo's
   templates restyled in the theme's woo.css. Two implementations of a product
   card is a real cost, and it is paid on purpose: making Elementor render Woo's
   loop would mean carrying Woo's wrapper divs, its float rules and its
   `!important`s into a page builder context.
   ============================================================ */

.hs-pgrid__grid{
  display:grid;
  grid-template-columns:repeat(var(--hs-pgrid-cols,4),minmax(0,1fr));
  gap:20px;
}
@media(max-width:1000px){
  .hs-pgrid__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){
  .hs-pgrid__grid{grid-template-columns:minmax(0,1fr)}