/* WooCommerce Category */
.woocommerce ul.products li.product > a.button {display:none;}
a.button.add_to_cart_button {display:none!important;}
.woocommerce ul.products li.product .price {color:var(--main-color)!important;display: flex;flex-direction: column;}
article.cat-sidebar {display:flex;flex-direction: row-reverse;gap:calc(var(--gutter) * 2);}
#secondary.shop-widget {list-style:none;}
ul.woof_products_top_panel_ul .woof_reset_button_2 {border: 1px solid #000;background-color: transparent;padding: 4px 7px;}
.woocommerce .woocommerce-ordering select {border: 1px solid #000;background-color: transparent;padding: 4px 7px;}
ul.products li.product a.woocommerce-loop-product__link {display: flex;flex-wrap: wrap;}
ul.products li.product a img {margin-bottom:0!important;aspect-ratio: 1;object-fit:cover;}
ul.products li.product a h2 {flex-basis: 65%;align-self: center;border: 2px solid var(--main-color);border-right-width: 0;padding-left: 10px!important;height: 60px;display: flex;align-items: center;font-weight: bold;font-size: 16px;}
ul.products li.product a span.price {flex-basis: 35%;justify-content: center;align-items: flex-end;border: 2px solid var(--main-color);border-left-width: 0;height: 60px;margin-bottom: 0!important;padding: 10px 15px 10px 0;}
.woocommerce ul.products .blog-post li.product, .woocommerce-page ul.products .blog-post li.product, .woocommerce ul.products[class*="columns-"] .blog-post li.product, .woocommerce-page ul.products[class*="columns-"] .blog-post li.product {float:none;margin:0;width:100%;}
#main-content .woocommerce .products ul, .woocommerce ul.products {margin: 0;display: flex;flex-wrap: wrap;gap: calc(var(--gutter) * 2);}
#main-content p {padding:0;}
.woocommerce #main-content .products ul::before, .woocommerce #main-content ul.products::before {display:none;}
article .irs--round .irs-from, article .irs--round .irs-to, article .irs--round .irs-single, article .irs--round .irs-handle, article .irs--round .irs-bar {background-color:var(--main-color);border-color:var(--main-color);}
#shop-sidebar-toggle {display:none;}
#shop-sidebar-toggle:checked + #secondary.shop-widget {transform: translateX(0px);transition: transform .3s;}
#shop-sidebar-toggle:checked ~ .shop-sidebar-overlay {opacity:1;transition:opacity .3s;pointer-events: all;}
.shop-sidebar-overlay {width: 100vw;height: 100vh;opacity: 0;transition: opacity .3s;top:0;left:0;position: fixed;z-index: 9999;background-color: rgba(0,0,0,.3);pointer-events: none;}
.shop-sidebar-close {display:none;}
.shop-sidebar-filter {display:none;}

@media (max-width:1400px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:29.5%;}
}

@media (max-width:1100px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:46%;}
}

@media (max-width:768px){
  .shop-sidebar-filter {position:fixed;left:20px;bottom:40px;border-radius: 99px;width:50px;height:50px;min-width:50px;background-image:url(/wp-content/themes/artware/img/filter.svg);background-size:30px;background-repeat:no-repeat;background-position:right 10px center;background-color:#000;padding:5px;color:#fff;cursor:pointer;font-weight:bold;transition:all .3s;display: flex;justify-content: center;align-items: center;font-size: 18px;}
  .shop-sidebar-filter:hover {background-color:var(--main-color);transition:background-color .3s;}
  .shop-sidebar-close {text-align: right;font-size: 18px;line-height: 12px;background-color: #000;width: 20px;height: 20px;color: #fff;display: flex;justify-content: center;align-items: center;align-self: flex-end;cursor:pointer;transition:color .3s;}
  .shop-sidebar-close:hover {color:var(--main-color);transition:color .3s;}
  #secondary.shop-widget {position: fixed;left: 0;width: 340px;transform: translateX(-340px);overflow-y: auto;background-color: #fff;height: 100vh;padding:20px;top: 0;z-index: 99999;display: flex;flex-direction: column;justify-content:flex-start;gap:15px;transition: transform .3s;}
  #main-content .woocommerce .products ul, .woocommerce ul.products {gap:20px calc(var(--gutter) * 2);}
}

@media (max-width:600px){
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {width:100%;}
}