/* BWW 2.1.86 — final authority for standard Woo product overview cards.
   Loaded after all legacy Woo/ColorMag compatibility CSS. Single product excluded. */

body:not(.single-product) .woocommerce ul.products{
 display:grid!important;
 grid-template-columns:repeat(5,minmax(0,1fr))!important;
 gap:14px!important;
 width:100%!important;
 margin:0!important;
 padding:0!important;
 list-style:none!important;
}
body:not(.single-product) .woocommerce ul.products::before,
body:not(.single-product) .woocommerce ul.products::after{display:none!important;content:none!important}

body:not(.single-product) .woocommerce ul.products > li.product{
 position:relative!important;
 float:none!important;
 clear:none!important;
 display:flex!important;
 flex-direction:column!important;
 width:100%!important;
 max-width:none!important;
 min-width:0!important;
 height:auto!important;
 margin:0!important;
 padding:0 12px 12px!important;
 overflow:hidden!important;
 background:#fff!important;
 border:1px solid #e2ded7!important;
 border-radius:8px!important;
 box-sizing:border-box!important;
}

body:not(.single-product) .woocommerce ul.products > li.product > a.woocommerce-LoopProduct-link{
 display:block!important;
 width:100%!important;
 margin:0!important;
 padding:0!important;
}

body:not(.single-product) .woocommerce ul.products > li.product a img,
body:not(.single-product) .woocommerce ul.products > li.product img{
 display:block!important;
 width:calc(100% + 24px)!important;
 max-width:none!important;
 height:225px!important;
 min-height:225px!important;
 max-height:225px!important;
 object-fit:contain!important;
 object-position:center!important;
 margin:0 -12px 10px!important;
 padding:12px!important;
 background:#fafafa!important;
 box-sizing:border-box!important;
}

body:not(.single-product) .woocommerce ul.products > li.product .woocommerce-loop-product__title{
 min-height:38px!important;
 margin:4px 0 8px!important;
 padding:0!important;
 font-size:15px!important;
 line-height:1.28!important;
 font-weight:600!important;
 color:#222!important;
}

body:not(.single-product) .woocommerce ul.products > li.product .price{
 display:block!important;
 margin:8px 0 10px!important;
 padding:0!important;
 font-size:14px!important;
 line-height:1.25!important;
 font-weight:800!important;
 color:#4f733f!important;
}
body:not(.single-product) .woocommerce ul.products > li.product .price del,
body:not(.single-product) .woocommerce ul.products > li.product .price ins{
 display:inline!important;
 font-size:inherit!important;
 line-height:inherit!important;
}
body:not(.single-product) .woocommerce ul.products > li.product .price del{opacity:.58!important;font-weight:500!important;margin-right:5px!important}
body:not(.single-product) .woocommerce ul.products > li.product .price ins{font-weight:800!important;text-decoration:none!important;background:transparent!important}

body:not(.single-product) .woocommerce ul.products > li.product .button,
body:not(.single-product) .woocommerce ul.products > li.product a.button{
 display:block!important;
 float:none!important;
 width:100%!important;
 max-width:none!important;
 min-height:40px!important;
 margin:10px 0 0!important;
 padding:11px 8px!important;
 background:#292925!important;
 border:1px solid #292925!important;
 border-radius:5px!important;
 color:#fff!important;
 text-align:center!important;
 font-size:12px!important;
 font-weight:800!important;
 line-height:1.2!important;
 box-sizing:border-box!important;
}

body:not(.single-product) .woocommerce ul.products > li.product .onsale,
body:not(.single-product) .woocommerce span.onsale{
 position:absolute!important;
 top:10px!important;
 left:10px!important;
 right:auto!important;
 z-index:8!important;
 display:inline-flex!important;
 width:auto!important;
 min-width:0!important;
 min-height:0!important;
 margin:0!important;
 padding:5px 7px!important;
 border-radius:4px!important;
 line-height:1.2!important;
 font-size:10px!important;
 font-weight:800!important;
}

/* Old custom unit line must not create a second oversized row in overview cards. */
body:not(.single-product) .woocommerce ul.products > li.product .bww-unit-price{display:none!important}

@media(max-width:1180px) and (min-width:768px){
 body:not(.single-product) .woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:767px){
 body:not(.single-product) .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body:not(.single-product) .woocommerce ul.products > li.product{padding:0 8px 8px!important}
 body:not(.single-product) .woocommerce ul.products > li.product a img,
 body:not(.single-product) .woocommerce ul.products > li.product img{
   width:calc(100% + 16px)!important;max-width:none!important;
   height:150px!important;min-height:150px!important;max-height:150px!important;
   margin:0 -8px 8px!important;padding:8px!important
 }
 body:not(.single-product) .woocommerce ul.products > li.product .woocommerce-loop-product__title{
   min-height:34px!important;font-size:13px!important
 }
 body:not(.single-product) .woocommerce ul.products > li.product .price{font-size:13px!important}
}


/* v2.1.87 — Nieuw binnen / Aanbiedingen shortcode pages.
   These pages now carry .woocommerce on their own wrapper, so the normal
   overview-card rules above apply exactly the same way. */
.bww-discovery-products.woocommerce{
 width:100%!important;
 max-width:100%!important;
 box-sizing:border-box!important;
}
.bww-discovery-products.woocommerce ul.products{
 width:100%!important;
}