.zok-products ul.products{
  list-style:none;
  margin:0;
  padding:0;
}
.zok-products ul.products::before,
.zok-products ul.products::after{
  content:none!important;
}
.zok-products ul.products > li.product{
  margin:0!important;
  float:none!important;
  width:auto!important;
  clear:none!important;
}
.zok-products ul.products > li.product .woocommerce-loop-product__title,
.zok-products ul.products > li.product .price{
  text-align:center;
}
.zok-products ul.products > li.product .button{
  display:none!important;
}
.zok-products ul.products > li.product .js-journal-card{
  height:100%;
}
.zok-products ul.products{
  display:grid;
  row-gap:1.5rem;
  column-gap:1.25rem;
  gap:1.5rem 1.25rem;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media(min-width:576px){
  .zok-products ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(min-width:992px){
  .zok-products ul.products{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(min-width:1200px){
  .zok-products ul.products{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

.zok-products ul.products > li.product .woocommerce-loop-product__title{
  margin-top:0.75rem;
  margin-bottom:0.25rem;
}
.zok-products ul.products > li.product .price{
  opacity:0;
  transform:translateY(4px);
  transition:opacity .25s ease,transform .25s ease;
}
.zok-products ul.products > li.product:hover .price{
  opacity:1;
  transform:translateY(0);
}
.zok-products ul.products > li.product .zok-prod-img.primary,
.zok-products ul.products > li.product .zok-prod-img.secondary{
  display:block;
  width:100%;
  transition:opacity .3s ease;
}
.zok-products ul.products > li.product .zok-prod-img.secondary{
  opacity:0;
}
.zok-products ul.products > li.product:hover .zok-prod-img.secondary{
  opacity:1;
}
.zok-products ul.products > li.product:hover .zok-prod-img.primary{
  opacity:0;
}

.zok-products.zok-cols-2 ul.products,
.zok-products.zok-cols-4 ul.products{
  display:grid;
  row-gap:1.5rem;
  column-gap:0;
}
.zok-products.zok-cols-2 ul.products{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.zok-products.zok-cols-4 ul.products{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.zok-grid-toggle .btn{
  line-height:1;
}
.zok-grid-toggle .btn i{
  font-size:1.25rem;
  color:#cccccc;
}
.zok-grid-toggle .btn.active i{
  color:#000000;
}

#zokFilterCanvas.offcanvas{
  margin-top:var(--zok-header-offset,64px);
}

@media(max-width:767.98px){
  .zok-products.zok-cols-2 ul.products{
    grid-template-columns:1fr;
  }
  .zok-products.zok-cols-4 ul.products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}