/**
 * HUG'N SIP — WooCommerce retail
 */

.hugnsip-brand.woocommerce ul.products,
.hugnsip-brand.woocommerce-page ul.products {
	display: grid;
	gap: var(--hns-space-5);
}

.hugnsip-brand.woocommerce ul.products li.product,
.hugnsip-brand.woocommerce-page ul.products li.product {
	background: var(--hns-bg-elevated);
	border: 1px solid var(--hns-border-subtle);
	border-radius: var(--hns-radius-lg);
	padding: var(--hns-space-5);
}

.hugnsip-brand.woocommerce ul.products li.product a img,
.hugnsip-brand.woocommerce-page ul.products li.product a img {
	margin-bottom: var(--hns-space-3);
}

.hugnsip-brand.woocommerce ul.products li.product .woocommerce-loop-product__title,
.hugnsip-brand.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--hns-font-heading);
	font-size: var(--hns-text-base);
	font-weight: 600;
	padding: 0;
	margin-bottom: var(--hns-space-2);
}

.hugnsip-brand.woocommerce ul.products li.product .price,
.hugnsip-brand.woocommerce-page ul.products li.product .price {
	font-size: var(--hns-text-base);
	font-weight: 700;
	margin-bottom: var(--hns-space-3);
}

.hugnsip-brand.woocommerce a.button,
.hugnsip-brand.woocommerce button.button,
.hugnsip-brand.woocommerce input.button,
.hugnsip-brand.woocommerce #respond input#submit,
.hugnsip-brand.woocommerce a.button.alt,
.hugnsip-brand.woocommerce button.button.alt,
.hugnsip-brand.woocommerce input.button.alt {
	font-family: var(--hns-font-body) !important;
	font-size: var(--hns-text-sm) !important;
	font-weight: 600 !important;
	border-radius: var(--hns-radius) !important;
	padding: 0.625rem 1.25rem !important;
	background-color: var(--hns-accent) !important;
	color: var(--hns-text-inverse) !important;
	border: none !important;
}

.hugnsip-brand.single-product .product_title {
	font-size: var(--hns-text-2xl);
}

.hugnsip-brand.single-product .summary .price {
	font-size: var(--hns-text-lg);
	font-weight: 700;
}

.hugnsip-brand.woocommerce table.shop_attributes {
	border: 1px solid var(--hns-border-subtle);
	border-radius: var(--hns-radius);
}

.hugnsip-brand.woocommerce table.shop_attributes th {
	background: var(--hns-bg-muted);
	font-weight: 600;
}

@media (min-width: 768px) {
	.hugnsip-brand.woocommerce ul.products.columns-3,
	.hugnsip-brand.woocommerce-page ul.products.columns-3,
	.hugnsip-brand.woocommerce ul.products.columns-4,
	.hugnsip-brand.woocommerce-page ul.products.columns-4 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	.hugnsip-brand.woocommerce ul.products.columns-3,
	.hugnsip-brand.woocommerce-page ul.products.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.hugnsip-brand.woocommerce ul.products.columns-4,
	.hugnsip-brand.woocommerce-page ul.products.columns-4 {
		grid-template-columns: repeat(4, 1fr);
	}
}