/* PLP horizontal product card, Figma PLP (mobile 464:19636, desktop list 753:18601; card 328x188). */
@media (max-width:767.98px){
	body.zb-plp ul.products{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;margin:0!important;padding:8px 0 16px!important}
	body.zb-plp ul.products>li.product{width:100%!important;max-width:none!important;min-height:188px!important;margin:0!important;padding:8px 16px!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:93px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;grid-template-areas:"image title" "footer footer"!important;column-gap:16px!important;row-gap:8px!important;align-content:space-between!important;background:var(--zb-black-20,#fff)!important;border:1.5px solid var(--zb-black-50,#f0f3eb)!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}
	body.zb-plp ul.products>li.product>figure{grid-area:image!important;width:93px!important;height:102px!important;margin:0!important;position:relative!important}
	body.zb-plp ul.products>li.product>figure .ct-media-container,body.zb-plp ul.products>li.product>figure img{width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important}
	body.zb-plp ul.products>li.product .woocommerce-loop-product__title{grid-area:title!important;align-self:start!important;margin:0!important;padding:0!important;text-align:right!important;font-size:14px!important;font-weight:500!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
	body.zb-plp ul.products>li.product .woocommerce-loop-product__title a{color:inherit!important;font:inherit!important}
	body.zb-plp ul.products>li.product .zb-card-footer{grid-area:footer!important;grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;margin:0!important;padding:0!important}
	body.zb-plp ul.products>li.product .wd-price-new,body.zb-plp ul.products>li.product .wd-price-new .amount{font-size:16px!important;font-weight:500!important;line-height:28px!important;color:var(--zb-black-1000,#202020)!important}
}
@media (min-width:768px){
	body.zb-plp-list ul.products{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:8px 24px!important;background:var(--zb-black-20,#fff)!important;border-radius:24px!important;box-shadow:0 4px 16px rgba(0,0,0,.1)!important}
	body.zb-plp-list ul.products>li.product{width:100%!important;max-width:none!important;min-height:188px!important;margin:0!important;padding:16px 0!important;box-sizing:border-box!important;display:grid!important;grid-template-columns:93px minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;grid-template-areas:"image title" "footer footer"!important;column-gap:24px!important;row-gap:8px!important;align-content:space-between!important;background:transparent!important;border:none!important;border-bottom:1px solid var(--zb-black-50,#f0f3eb)!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
	body.zb-plp-list ul.products>li.product:last-child{border-bottom:none!important}
	body.zb-plp-list ul.products>li.product>figure{grid-area:image!important;width:93px!important;height:102px!important;margin:0!important;position:relative!important}
	body.zb-plp-list ul.products>li.product>figure .ct-media-container,body.zb-plp-list ul.products>li.product>figure img{width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important}
	body.zb-plp-list ul.products>li.product .woocommerce-loop-product__title{grid-area:title!important;align-self:start!important;margin:0!important;padding:0!important;text-align:right!important;font-size:14px!important;font-weight:500!important;line-height:24px!important;color:var(--zb-black-1000,#202020)!important}
	body.zb-plp-list ul.products>li.product .woocommerce-loop-product__title a{color:inherit!important;font:inherit!important}
	body.zb-plp-list ul.products>li.product .zb-card-footer{grid-area:footer!important;grid-column:1/-1!important;grid-row:2!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-end!important;margin:0!important;padding:0!important}
	body.zb-plp-list ul.products>li.product .wd-price-new,body.zb-plp-list ul.products>li.product .wd-price-new .amount{font-size:16px!important;font-weight:500!important;line-height:28px!important;color:var(--zb-black-1000,#202020)!important}
}

/* === Figma desktop PLP list: title + count, sort and product rows read as one card.
       Blocksy prints the top bar in .woo-listing-top (sibling of ul.products); both get the card
       background, and clip-path hides each piece's shadow at the shared edge. === */
@media (min-width:768px){
	body.zb-plp-list .woo-listing-top{position:relative;margin:0!important;padding:16px 24px 8px!important;background:var(--zb-black-20,#fff);border-radius:24px 24px 0 0;box-shadow:0 4px 16px rgba(0,0,0,.1);clip-path:inset(-24px -24px 0 -24px);direction:rtl;z-index:2}
	/* The sort menu drops below the top piece: lift the clip while it is open so it is not cut off. */
	body.zb-plp-list .woo-listing-top:has(.zibana-sort-dropdown-wrap.is-open){clip-path:none}
	body.zb-plp-list .woo-listing-top+ul.products,body.zb-plp-list ul.products{border-radius:0 0 24px 24px!important;clip-path:inset(0 -24px -24px -24px)}
	body.zb-plp-list .zb-plp-mbar{display:block;margin:0}
	body.zb-plp-list .zb-plp-mbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}
	body.zb-plp-list .zb-plp-mbar-title{margin:0!important;font-size:20px!important;font-weight:600!important;line-height:30px!important;color:var(--zb-black-1000,#202020)!important}
	body.zb-plp-list .zb-plp-mbar-count{font-size:14px;font-weight:400;color:var(--zb-black-700,#5c5b5e)}
	body.zb-plp-list .zb-plp-mbar-filter,body.zb-plp-list .zb-plp-chips{display:none!important}
	body.zb-plp-list.zb-plp-sort-dropdown .zibana-desktop-sort-bar{display:none!important}
	body.zb-plp-list.zb-plp-sort-dropdown .zibana-mobile-sort-bar{display:block!important;position:absolute!important;top:16px;left:24px;width:auto!important;margin:0!important;z-index:3}
	body.zb-plp-list .zibana-plp-header-wrapper{margin:0!important;padding:0!important;border:none!important}
	body.zb-plp-list .zibana-desktop-sort-bar{border-bottom:1px solid var(--zb-black-50,#f0f3eb);padding:8px 0!important;margin:0!important}
}

@media (min-width:768px){
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-wrap{position:relative;width:100%}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-50,#f0f3eb);border-radius:12px;padding:9px 14px;cursor:pointer;outline:none;color:var(--zb-black-900,#333431);font-size:13px;box-shadow:none}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-trigger svg{flex-shrink:0;color:var(--zb-pink-500,#e5003b)}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-trigger .zb-sort-arrow{color:var(--zb-black-400,#949196);transition:transform .2s ease}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-wrap.is-open .zb-sort-arrow{transform:rotate(180deg)}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-label{flex-grow:1;text-align:right;margin:0 8px}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-label strong{color:var(--zb-pink-500,#e5003b)}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--zb-black-20,#fff);border:1px solid var(--zb-black-50,#f0f3eb);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:100;overflow:hidden;padding:4px}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-wrap.is-open .zibana-sort-dropdown-menu{display:flex;flex-direction:column}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-item{width:100%;text-align:right;padding:10px 14px;border:none;background:transparent;font-size:13px;color:var(--zb-black-900,#333431);cursor:pointer;border-radius:8px;transition:background .15s ease}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-item:hover{background:var(--zb-black-30,#f7f6f6)}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-item.is-active{background:var(--zb-pink-50,#ffd8df);color:var(--zb-pink-500,#e5003b);font-weight:600}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-wrap{width:auto}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-trigger{width:auto;gap:4px}
body.zb-plp-list.zb-plp-sort-dropdown .zibana-sort-dropdown-menu{left:0;right:auto;min-width:200px}
}

/* Variation swatches in PLP cards (list and mobile horizontal cards): a row of chips under the title, next to the
   picture; the price row stays at the bottom of the card. */
body.zb-plp ul.products>li.product:has(>.cfvsw_variations_form){grid-template-areas:"image title" "image swatch" "footer footer"!important;grid-template-rows:auto 1fr auto!important}
body.zb-plp ul.products>li.product>.cfvsw_variations_form{grid-area:swatch!important;align-self:start!important;margin:8px 0 0!important;min-width:0}