.ss-woo-content {
	padding-top: 58px;
	padding-bottom: 82px;
}

.woocommerce .products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto;
	float: none;
	clear: none;
	margin: 0;
	border: 1px solid var(--ss-line);
	border-radius: var(--ss-radius);
	background: var(--ss-white);
	overflow: hidden;
	box-shadow: 0 14px 34px rgba(17, 24, 39, 0.06);
}

.woocommerce ul.products li.product a img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin: 0;
	background: var(--ss-paper);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 18px 18px 6px;
	font-size: 20px;
	line-height: 1.25;
	color: var(--ss-ink);
}

.woocommerce ul.products li.product .price {
	display: block;
	padding: 0 18px 10px;
	color: var(--ss-energy);
	font-weight: 900;
}

.woocommerce ul.products li.product .button {
	margin: 0 18px 18px;
}

.woocommerce div.product {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);
	gap: 42px;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	width: auto;
	float: none;
}

.woocommerce div.product .product_title {
	font-size: 42px;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--ss-energy);
	font-weight: 900;
}

.woocommerce div.product form.cart .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	border-radius: var(--ss-radius);
	background: var(--ss-energy);
	color: var(--ss-white);
	font-weight: 800;
}

.woocommerce .woocommerce-breadcrumb {
	color: var(--ss-muted);
	font-weight: 700;
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--ss-graphite);
}

.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
.woocommerce-checkout #payment {
	border: 1px solid var(--ss-line);
	border-radius: var(--ss-radius);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top-color: var(--ss-energy);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--ss-energy);
}

@media (max-width: 1024px) {
	.woocommerce .products,
	.woocommerce div.product {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.woocommerce .products,
	.woocommerce div.product {
		grid-template-columns: 1fr;
	}

	.woocommerce div.product .product_title {
		font-size: 32px;
	}
}