.deep-core.woocommerce-page .woocommerce,
.deep-core .woocommerce {
	color: var(--deep-color-text);
}

.deep-core .woocommerce-message,
.deep-core .woocommerce-info,
.deep-core .woocommerce-error {
	border: 1px solid var(--deep-color-border);
	border-left-width: 4px;
	border-radius: var(--deep-radius-md);
	background: var(--deep-color-surface);
	color: var(--deep-color-text);
	padding: 1rem 1rem 1rem 3rem;
}

.deep-core .woocommerce-message { border-left-color: var(--deep-color-success); }
.deep-core .woocommerce-info { border-left-color: var(--deep-color-primary); }
.deep-core .woocommerce-error { border-left-color: var(--deep-color-error); }

.deep-core .woocommerce ul.products li.product,
.deep-core .woocommerce-page ul.products li.product {
	border: 1px solid var(--deep-color-border);
	border-radius: var(--deep-radius-lg);
	background: var(--deep-color-background);
	padding: 1rem;
	transition: transform var(--deep-transition), box-shadow var(--deep-transition), border-color var(--deep-transition);
}

.deep-core .woocommerce ul.products li.product:hover {
	transform: translateY(-2px);
	box-shadow: var(--deep-shadow-md);
	border-color: color-mix(in srgb, var(--deep-color-primary) 30%, var(--deep-color-border));
}

.deep-core .woocommerce ul.products li.product img {
	border-radius: var(--deep-radius-md);
}

.deep-core .woocommerce span.onsale {
	min-width: auto;
	min-height: auto;
	line-height: 1;
	padding: .45rem .65rem;
	border-radius: var(--deep-radius-pill);
	background: var(--deep-color-accent);
	color: #fff;
}

.deep-core .woocommerce div.product form.cart .button,
.deep-core .woocommerce a.button,
.deep-core .woocommerce button.button,
.deep-core .woocommerce input.button,
.deep-core .woocommerce #respond input#submit {
	min-height: var(--deep-button-height);
	border-radius: var(--deep-radius-md);
	background: var(--deep-color-primary);
	color: var(--deep-color-primary-contrast);
}

.deep-core .woocommerce table.shop_table {
	border-color: var(--deep-color-border);
	border-radius: var(--deep-radius-lg);
	overflow: hidden;
}

.deep-core .woocommerce form.checkout,
.deep-core .woocommerce form.login,
.deep-core .woocommerce form.register,
.deep-core .woocommerce form.checkout_coupon {
	border-color: var(--deep-color-border);
	border-radius: var(--deep-radius-lg);
}

.deep-core .woocommerce .quantity .qty {
	min-height: var(--deep-input-height);
}

.deep-core .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 1px solid var(--deep-color-border);
	border-radius: var(--deep-radius-lg);
	overflow: hidden;
}

.deep-core .woocommerce-MyAccount-navigation li + li {
	border-top: 1px solid var(--deep-color-border);
}

.deep-core .woocommerce-MyAccount-navigation a {
	display: block;
	padding: .85rem 1rem;
	text-decoration: none;
}

.deep-core .woocommerce-MyAccount-navigation .is-active a {
	background: var(--deep-color-surface);
	font-weight: 700;
}

@media (max-width: 767px) {
	.deep-core .woocommerce table.shop_table_responsive tr,
	.deep-core .woocommerce-page table.shop_table_responsive tr {
		border: 1px solid var(--deep-color-border);
		border-radius: var(--deep-radius-md);
		padding: .6rem;
		margin-bottom: .8rem;
	}
}
