.woocommerce-breadcrumb {
	width: min(calc(100% - 2rem), var(--su-shell));
	margin: 0.75rem auto 1.25rem;
	color: var(--su-muted);
	font-size: 0.85rem;
}

.woocommerce ul.products,
.woocommerce-page ul.products {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
	gap: 1rem;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after {
	display: none;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: auto;
	margin: 0;
	padding: 0.75rem 0.75rem 1rem;
	border: 1px solid var(--su-border);
	border-radius: var(--su-radius);
	background: var(--su-surface);
}

.woocommerce ul.products li.product a img {
	border-radius: calc(var(--su-radius) - 0.25rem);
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding-bottom: 0.35rem;
	color: var(--su-plum);
	font-size: 1rem;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--su-pink);
	font-weight: 800;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border: 1px solid var(--su-border-strong);
	border-radius: var(--su-radius-sm);
	background: var(--su-surface);
	color: var(--su-pink);
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt {
	border-color: var(--su-orange-border);
	background: var(--su-orange);
	color: var(--su-ink);
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover {
	background: var(--su-orange-hover);
	color: var(--su-ink);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce select {
	min-height: 2.8rem;
	padding: 0.6rem 0.75rem;
	border: 1px solid var(--su-border-strong);
	border-radius: var(--su-radius-sm);
	background: var(--su-surface);
	color: var(--su-ink);
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
	border-top-color: var(--su-trust);
	background: var(--su-trust-soft);
	color: var(--su-ink);
}

.woocommerce .woocommerce-error {
	border-top-color: #b42318;
	background: #fff7f6;
	color: var(--su-ink);
}

.woocommerce table.shop_table {
	border-color: var(--su-border);
	border-radius: var(--su-radius);
	background: var(--su-surface);
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0 0 1.5rem;
	padding: 0;
	border: 1px solid var(--su-border);
	border-radius: var(--su-radius);
	background: var(--su-surface);
	list-style: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation a {
	display: block;
	padding: 0.7rem 0.9rem;
	border-bottom: 1px solid var(--su-border);
	font-weight: 700;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:last-child a {
	border-bottom: 0;
}

@media (max-width: 37.5rem) {
	.woocommerce ul.products,
	.woocommerce-page ul.products {
		grid-template-columns: 1fr;
	}
}
