/**
 * WooCommerce shop / category archives — grid layout (card skin in cbs-product-grid.css).
 * Column breakpoints: 1 col ≤480px · 2 cols 481–781px · Customizer columns-N above 781px.
 * Match block grids in cbs-product-grid.css (not Woo blocks’ 600px default).
 */

.cbs-shop-wrap .woocommerce-products-header {
	margin-bottom: 1.5rem;
}

.cbs-shop-wrap .woocommerce-products-header__title {
	margin: 0 0 0.5rem;
	font-size: var(--cbs-font-size-entry-title, 32px);
	font-weight: var(--cbs-font-weight-entry-title, 700);
	line-height: 1.25;
	color: var(--cbs-heading-color, #1a1a1a);
}

.cbs-shop-wrap .term-description {
	margin: 0 0 1rem;
	color: var(--cbs-text, #3a3a3a);
}

.cbs-shop-wrap .woocommerce-result-count,
.cbs-shop-wrap .woocommerce-ordering {
	margin-bottom: 1.25rem;
}

.cbs-shop-wrap ul.products {
	display: grid;
	margin: 0 0 2rem;
	padding: 0;
	list-style: none;
}

/* Honour WooCommerce Customizer “Products per row” (ul.products.columns-N). */
.cbs-shop-wrap ul.products.columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.cbs-shop-wrap ul.products.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cbs-shop-wrap ul.products.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cbs-shop-wrap ul.products.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cbs-shop-wrap ul.products.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.cbs-shop-wrap ul.products.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.cbs-shop-wrap ul.products::before,
.cbs-shop-wrap ul.products::after {
	content: none;
	display: none;
}

.cbs-shop-wrap ul.products li.product {
	float: none;
	width: 100% !important;
	margin: 0 !important;
	padding: 0;
}

@media (max-width: 781px) {
	.cbs-shop-wrap ul.products.columns-3,
	.cbs-shop-wrap ul.products.columns-4,
	.cbs-shop-wrap ul.products.columns-5,
	.cbs-shop-wrap ul.products.columns-6 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.cbs-shop-wrap ul.products[class*="columns-"] {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}