.he-store-shell {
	display: grid;
	gap: var(--he-space-32);
}

.he-store-shell .woocommerce {
	display: grid;
	gap: var(--he-space-32);
}

.woocommerce .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
	min-height: 3.1rem;
	padding: var(--he-space-12) var(--he-space-20);
	border: 1px solid var(--he-color-amber) !important;
	border-radius: 999px;
	background: var(--he-color-amber) !important;
	color: var(--he-color-background) !important;
	font-size: var(--he-type-body-small-size);
	font-weight: 600;
	line-height: var(--he-type-body-small-line-height);
}

.woocommerce .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
	border-color: var(--he-color-amber-dark) !important;
	background: var(--he-color-amber-dark) !important;
}

.woocommerce .price,
.woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--he-color-amber) !important;
}

.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
	min-width: auto;
	min-height: auto;
	padding: var(--he-space-8) var(--he-space-12);
	border-radius: 999px;
	background: var(--he-color-amber) !important;
	color: var(--he-color-background) !important;
	font-size: var(--he-type-caption-size);
	font-weight: 600;
	line-height: 1;
}

.woocommerce .star-rating,
.woocommerce .star-rating::before,
.woocommerce p.stars a {
	color: var(--he-color-gold) !important;
}

.woocommerce-account .woocommerce {
	grid-template-columns: minmax(14rem, 18rem) minmax(0, 1fr);
	align-items: start;
}

.woocommerce-MyAccount-navigation ul,
.woocommerce-MyAccount-content,
.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout-review-order,
.woocommerce-checkout .col2-set,
.woocommerce-order,
.woocommerce-address-fields,
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
	border: 1px solid rgba(180, 83, 9, 0.14);
	border-radius: calc(var(--he-radius-base) * 1.5);
	background-color: rgba(255, 255, 255, 0.92);
	box-shadow: 0 18px 42px rgba(17, 24, 39, 0.08);
}

.woocommerce-MyAccount-navigation ul {
	padding: var(--he-space-12);
}

.woocommerce-MyAccount-navigation li + li {
	margin-top: var(--he-space-6);
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: var(--he-space-12) var(--he-space-14);
	border-radius: var(--he-space-8);
	color: var(--he-color-text-secondary);
	font-size: var(--he-type-body-small-size);
	font-weight: 600;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation a:focus-visible {
	background-color: var(--he-color-surface-amber);
	color: var(--he-color-amber);
}

.woocommerce-MyAccount-content,
.woocommerce-order,
.woocommerce-address-fields,
.woocommerce-form-login,
.woocommerce-form-register {
	padding: var(--he-space-24);
}

.woocommerce-account .addresses .title .edit,
.woocommerce a.remove {
	color: var(--he-color-amber) !important;
}

.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout .col2-set,
.woocommerce-checkout-review-order {
	padding: var(--he-space-24);
}

.woocommerce-cart .woocommerce {
	grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.82fr);
	align-items: start;
}

.woocommerce-cart .cart_totals {
	margin: 0;
}

.woocommerce table.shop_table {
	border: 1px solid var(--he-color-border-light);
	border-radius: var(--he-radius-base);
	overflow: hidden;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: var(--he-space-16);
	border-color: var(--he-color-border-light);
}

.woocommerce table.shop_table tbody tr:nth-child(even) {
	background-color: rgba(249, 250, 251, 0.5);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container--default .select2-selection--single {
	min-height: 3rem;
	padding: var(--he-space-12) var(--he-space-14);
	border: 1px solid var(--he-color-border-light);
	border-radius: var(--he-space-8);
	background-color: var(--he-color-background);
	color: var(--he-color-text-dark);
}

.woocommerce form .form-row textarea {
	min-height: 9rem;
}

.woocommerce .quantity .qty {
	min-height: 3rem;
	border: 1px solid var(--he-color-border-light);
	border-radius: var(--he-space-8);
}

.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout-review-order {
	display: block;
}

.woocommerce-checkout #order_review_heading {
	margin-bottom: var(--he-space-16);
	font-family: var(--he-font-heading);
	font-size: 2rem;
	line-height: 1.1;
}

.woocommerce-notices-wrapper {
	display: grid;
	gap: var(--he-space-12);
}

.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-message {
	margin: 0;
	padding: var(--he-space-14) var(--he-space-18);
	list-style: none;
}

.woocommerce-checkout-payment ul.wc_payment_methods {
	padding: 0;
	border: 0;
}

.woocommerce-checkout-payment .payment_box {
	border-radius: var(--he-space-8);
	background-color: var(--he-color-surface-gray) !important;
}

html[data-theme="dark"] .woocommerce-MyAccount-navigation ul,
html[data-theme="dark"] .woocommerce-MyAccount-content,
html[data-theme="dark"] .woocommerce-cart-form,
html[data-theme="dark"] .cart_totals,
html[data-theme="dark"] .woocommerce-checkout-review-order,
html[data-theme="dark"] .woocommerce-checkout .col2-set,
html[data-theme="dark"] .woocommerce-order,
html[data-theme="dark"] .woocommerce-address-fields,
html[data-theme="dark"] .woocommerce-form-login,
html[data-theme="dark"] .woocommerce-form-register,
html[data-theme="dark"] .woocommerce-notices-wrapper .woocommerce-error,
html[data-theme="dark"] .woocommerce-notices-wrapper .woocommerce-info,
html[data-theme="dark"] .woocommerce-notices-wrapper .woocommerce-message {
	background-color: rgba(18, 22, 26, 0.92);
}

@media (max-width: 1023px) {
	.woocommerce-account .woocommerce,
	.woocommerce-cart .woocommerce {
		grid-template-columns: 1fr;
	}
}
