/* KWSS-3.3 — listing cards */
/* Grid instead of Storefront's percentage floats: rows never break when a title wraps, cards are equal height. */
.kwss-cards ul.products { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.5rem 1.5rem; margin: 0 0 1.5rem; padding: 0; }
.kwss-cards ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.kwss-cards ul.products::before, .kwss-cards ul.products::after { display: none; }
.kwss-cards ul.products li.product, .kwss-cards ul.products li.product.first, .kwss-cards ul.products li.product.last,
.kwss-cards .site-main ul.products li.product, .kwss-cards .woocommerce ul.products li.product { width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; clear: none !important; display: flex; flex-direction: column; position: relative; }
.kwss-cards ul.products li.product .woocommerce-loop-product__link { display: flex; flex-direction: column; flex: 1 0 auto; }
/* Card images are 5:6 — the ratio WooCommerce actually generates (324x389). Forcing 1:1 here
   cropped ~18% off the top and bottom of every mockup, cutting collars and hems. */
.kwss-cards ul.products li.product img.attachment-woocommerce_thumbnail,
.kwss-cards ul.products li.product img.kwss-card-img-alt { display: block; width: 100%; height: auto; aspect-ratio: 5 / 6; object-fit: cover; margin-bottom: .875rem; }
.kwss-cards ul.products li.product .kwss-card-img-alt { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity .2s ease; pointer-events: none; }
@media (hover: hover) {
	.kwss-cards ul.products li.product:hover .kwss-card-img-alt { opacity: 1; }
}
.kwss-cards ul.products li.product .woocommerce-loop-product__title { font-size: var(--kwss-fs-base); line-height: 1.25; margin: 0 0 .125rem; padding: 0; }
.kwss-cards .kwss-card-meta { font-size: var(--kwss-fs-sm); color: var(--kwss-muted, #4a5561); margin: 0 0 .75rem; line-height: 1.3; }
/* name + meta sit at the top; price + button are a bottom group, so the flexible space is between the two groups */
.kwss-cards ul.products li.product .price { font-size: var(--kwss-fs-base); margin: auto 0 0; padding: 0; line-height: 1.4; }
.kwss-cards ul.products li.product .button { font-size: var(--kwss-fs-base); margin: .875rem 0 0; width: 100%; text-align: center; padding: .75em 1em; }
/* No swatch mini-configurators on tiles even if the plugin flag is on. */
.kwss-cards ul.products li.product .wvs-archive-variations-wrapper,
.kwss-cards ul.products li.product .archive-variable-items { display: none !important; }
@media (max-width: 1023px) {
	.kwss-cards ul.products, .kwss-cards ul.products.columns-4, .kwss-hub-section ul.products, .kwss-home ul.products, .kwss-cart-crosssell ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.kwss-cards ul.products, .kwss-cards ul.products.columns-4, .kwss-cards ul.products.columns-3, .kwss-hub-section ul.products, .kwss-home ul.products, .kwss-cart-crosssell ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem .75rem; }
	.kwss-cards ul.products li.product .woocommerce-loop-product__title { font-size: var(--kwss-fs-base); }
}
/* PDP related / upsells */
.kwss-cards .related.products > h2, .kwss-cards .up-sells.products > h2 { font-size: var(--kwss-fs-h3); margin: 0 0 .75em; text-align: left; }
.kwss-cards .related.products ul.products, .kwss-cards .up-sells.products ul.products { margin-bottom: 0; }
.kwss-cards .up-sells.products, .kwss-cards .related.products { margin: 3rem 0 0; padding: 0; }
.single-product .woocommerce-tabs { margin-bottom: 0; }

/* Sort/result-count row: the legacy child theme forced margin-bottom:0 */
.kwss-cards .storefront-sorting { margin-bottom: 1rem !important; }
.kwss-cards .storefront-sorting:last-child { margin: 0 !important; }
.kwss-cards .woocommerce-pagination { margin: 0; }

/* Filter drawer */
.kwss-filters { margin: 1.5rem 0 1.25rem; border: 1px solid rgba(0,0,0,.12); border-radius: 6px; }
.kwss-filters > summary { cursor: pointer; padding: .7em 1em; font-weight: 600; font-size: var(--kwss-fs-base); list-style: none; }
.kwss-filters > summary::-webkit-details-marker { display: none; }
.kwss-filters > summary::after { content: '+'; float: right; font-weight: 400; }
.kwss-filters[open] > summary::after { content: '–'; }
.kwss-filters__body { padding: 0 1em 1em; }