/*
 * WooCommerce integration for BVMI Theme.
 * Covers classic templates and the Cart/Checkout/Product blocks.
 */

:where(body.woocommerce, body.woocommerce-page) {
	--bvmi-commerce-button-height: 42px;
	--bvmi-commerce-field-height: 38px;
	--bvmi-commerce-shadow: 0 10px 24px rgba(16, 21, 29, 0.07);
	background: var(--bvmi-background);
}

.bvmi-commerce-page {
	background: var(--bvmi-background);
	min-height: 55vh;
}

.bvmi-commerce-shell {
	box-sizing: border-box;
	padding-bottom: clamp(34px, 4vw, 58px);
	padding-top: clamp(24px, 3vw, 42px);
}

.bvmi-checkout-page .wp-block-post-title {
	font-size: clamp(1.625rem, 1.45rem + 0.6vw, 2rem) !important;
	margin-bottom: 18px;
	margin-top: 0;
}

.bvmi-checkout-content {
	max-width: var(--bvmi-container) !important;
	width: 100%;
}

:where(body.woocommerce, body.woocommerce-page) .wp-site-blocks > main:not(.bvmi-main) {
	background: var(--bvmi-background);
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	max-width: var(--bvmi-wide);
	min-height: 55vh;
	padding: clamp(24px, 3vw, 42px) var(--wp--custom--bvmi--container-padding, clamp(16px, 3vw, 32px));
	width: 100%;
}

:where(body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account) .bvmi-generic-page-content {
	box-sizing: border-box;
	max-width: var(--bvmi-container) !important;
	padding-bottom: clamp(32px, 4vw, 56px);
	width: calc(100% - clamp(32px, 6vw, 64px));
}

:where(body.woocommerce, body.woocommerce-page) .bvmi-page-title-section {
	max-width: var(--bvmi-container);
	padding-bottom: 12px;
}

:where(body.woocommerce, body.woocommerce-page) .bvmi-page-title-section .wp-block-post-title,
:where(body.woocommerce, body.woocommerce-page) .woocommerce-products-header__title,
:where(body.woocommerce, body.woocommerce-page) main > .wp-block-query-title {
	font-size: clamp(1.75rem, 1.5rem + 0.8vw, 2.25rem) !important;
	letter-spacing: -0.02em;
	line-height: 1.1;
}

:where(.woocommerce, .woocommerce-page, .wc-block-cart, .wc-block-checkout) {
	color: var(--bvmi-text-primary);
	font-family: inherit;
	font-size: 1rem;
}

:where(.woocommerce, .woocommerce-page, .wc-block-cart, .wc-block-checkout) *,
:where(.woocommerce, .woocommerce-page, .wc-block-cart, .wc-block-checkout) *::before,
:where(.woocommerce, .woocommerce-page, .wc-block-cart, .wc-block-checkout) *::after {
	box-sizing: border-box;
}

:where(.woocommerce, .woocommerce-page) :where(h1, h2, h3, h4),
:where(.wc-block-cart, .wc-block-checkout) :where(h1, h2, h3, h4) {
	color: var(--bvmi-text-primary);
}

:where(.woocommerce, .woocommerce-page) a:not(.button),
:where(.wc-block-cart, .wc-block-checkout) a:not(.wc-block-components-button) {
	text-underline-offset: 0.16em;
}

/* Controls */

:where(.woocommerce, .woocommerce-page) :where(input.input-text, select, textarea),
:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--single,
:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--multiple {
	background: var(--bvmi-surface);
	border: 1px solid #7c8a9b;
	border-radius: var(--bvmi-radius-button);
	box-shadow: none;
	color: var(--bvmi-text-primary);
	font: inherit;
	font-size: 0.875rem;
	min-height: var(--bvmi-commerce-field-height);
	padding: 6px 10px;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

:where(.woocommerce, .woocommerce-page) textarea.input-text {
	min-height: 76px;
	resize: vertical;
}

:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--single {
	padding-bottom: 0;
	padding-top: 0;
}

:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--single .select2-selection__rendered {
	color: var(--bvmi-text-primary);
	line-height: 36px;
	padding-left: 0;
	padding-right: 26px;
}

:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--single .select2-selection__arrow {
	height: 36px;
	right: 6px;
}

:where(.woocommerce, .woocommerce-page) :where(input.input-text, select, textarea):hover,
:where(.woocommerce, .woocommerce-page) .select2-container .select2-selection--single:hover {
	border-color: var(--bvmi-text-secondary);
}

:where(.woocommerce, .woocommerce-page) :where(input.input-text, select, textarea):focus,
:where(.woocommerce, .woocommerce-page) .select2-container--focus .select2-selection,
:where(.woocommerce, .woocommerce-page) .select2-container--open .select2-selection {
	border-color: var(--bvmi-blue);
	box-shadow: 0 0 0 3px rgba(44, 108, 191, 0.18);
	outline: 2px solid transparent;
}

:where(.woocommerce, .woocommerce-page) :where(label, .form-row label) {
	color: var(--bvmi-text-primary);
	font-size: 0.8125rem;
	font-weight: 700;
	line-height: 1.35;
}

:where(.woocommerce, .woocommerce-page) .required {
	color: #a12b2b;
	text-decoration: none;
}

:where(.woocommerce, .woocommerce-page) input[type="checkbox"],
:where(.woocommerce, .woocommerce-page) input[type="radio"] {
	accent-color: var(--bvmi-blue-dark);
}

:where(.woocommerce, .woocommerce-page) :where(.button, button.button, input.button, a.button, .woocommerce-button),
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-button,
.wc-block-components-button:not(.is-link) {
	align-items: center;
	background: var(--bvmi-navy);
	border: 1px solid var(--bvmi-navy);
	border-radius: var(--bvmi-radius-button);
	box-shadow: none;
	color: var(--bvmi-surface);
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 0.875rem;
	font-weight: 700;
	justify-content: center;
	line-height: 1.2;
	min-height: var(--bvmi-commerce-button-height);
	padding: 9px 15px;
	text-decoration: none;
	text-transform: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

:where(.woocommerce, .woocommerce-page) :where(.button, button.button, input.button, a.button, .woocommerce-button):hover,
:where(.woocommerce, .woocommerce-page) :where(.button, button.button, input.button, a.button, .woocommerce-button):focus-visible,
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-button:not(:disabled):hover,
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-button:not(:disabled):focus-visible {
	background: var(--bvmi-blue-dark);
	border-color: var(--bvmi-blue-dark);
	color: var(--bvmi-surface);
}

:where(.woocommerce, .woocommerce-page) :where(.button, button.button, input.button):disabled,
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-button:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

:where(.woocommerce, .woocommerce-page) .button.alt,
:where(.woocommerce, .woocommerce-page) #place_order,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	background: var(--bvmi-blue-dark);
	border-color: var(--bvmi-blue-dark);
}

:where(.woocommerce, .woocommerce-page) .button.alt:hover,
:where(.woocommerce, .woocommerce-page) #place_order:hover,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover {
	background: var(--bvmi-navy);
	border-color: var(--bvmi-navy);
}

/* Notices and feedback */

:where(.woocommerce, .woocommerce-page) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error),
:where(.wc-block-cart, .wc-block-checkout) :where(.wc-block-components-notice-banner, .wc-block-components-validation-error) {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-left: 4px solid var(--bvmi-blue);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	color: var(--bvmi-text-primary);
	font-size: 0.875rem;
	line-height: 1.45;
	margin-bottom: 16px;
	padding: 13px 15px;
}

:where(.woocommerce, .woocommerce-page) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
	padding-left: 42px;
	position: relative;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-message {
	border-left-color: var(--bvmi-green);
}

:where(.woocommerce, .woocommerce-page) .woocommerce-error,
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-validation-error {
	border-left-color: #a12b2b;
}

:where(.woocommerce, .woocommerce-page) :where(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
	color: var(--bvmi-blue-dark);
	left: 14px;
	top: 14px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-notices-wrapper:empty {
	display: none;
}

/* Breadcrumb, sorting and pagination */

:where(.woocommerce, .woocommerce-page) .woocommerce-breadcrumb {
	color: var(--bvmi-text-secondary);
	font-size: 0.8125rem;
	margin: 0 0 18px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-breadcrumb a {
	color: var(--bvmi-text-secondary);
	font-weight: 700;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-result-count {
	color: var(--bvmi-text-secondary);
	font-size: 0.875rem;
	margin: 10px 0 18px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-ordering {
	margin: 0 0 18px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-ordering select {
	min-width: 210px;
}

:where(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul {
	border: 0;
	display: flex;
	gap: 6px;
	justify-content: center;
	margin-top: 24px;
}

:where(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li {
	border: 0;
}

:where(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li :where(a, span) {
	align-items: center;
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-button);
	color: var(--bvmi-text-primary);
	display: flex;
	font-size: 0.875rem;
	height: 38px;
	justify-content: center;
	min-width: 38px;
	padding: 6px;
}

:where(.woocommerce, .woocommerce-page) nav.woocommerce-pagination ul li span.current {
	background: var(--bvmi-blue-dark);
	border-color: var(--bvmi-blue-dark);
	color: var(--bvmi-surface);
}

/* Product catalog and related products */

:where(.woocommerce, .woocommerce-page) ul.products,
.wc-block-product-template,
.wc-block-grid__products {
	display: grid !important;
	gap: 14px !important;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 1fr));
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

:where(.woocommerce, .woocommerce-page) ul.products::before,
:where(.woocommerce, .woocommerce-page) ul.products::after {
	display: none;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product,
.wc-block-product-template .wc-block-product,
.wc-block-grid__products .wc-block-grid__product {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	display: flex !important;
	flex-direction: column;
	float: none !important;
	height: 100%;
	margin: 0 !important;
	min-width: 0;
	overflow: hidden;
	padding: 0 0 14px !important;
	position: relative;
	text-align: left;
	transition: border-color 160ms ease, transform 160ms ease;
	width: 100% !important;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product:hover,
:where(.woocommerce, .woocommerce-page) ul.products li.product:focus-within,
.wc-block-product-template .wc-block-product:hover,
.wc-block-product-template .wc-block-product:focus-within {
	border-color: color-mix(in srgb, var(--bvmi-blue) 45%, var(--bvmi-border));
	transform: translateY(-2px);
}

:where(.woocommerce, .woocommerce-page) ul.products li.product a.woocommerce-loop-product__link,
.wc-block-product-template .wc-block-product > :where(a, div),
.wc-block-grid__product-link {
	min-width: 0;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product a img,
.wc-block-product-template .wc-block-components-product-image img,
.wc-block-grid__product-image img {
	aspect-ratio: 4 / 3;
	background: var(--bvmi-surface-soft);
	display: block;
	height: auto !important;
	margin: 0 0 13px !important;
	object-fit: contain;
	padding: 14px;
	width: 100% !important;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product .woocommerce-loop-product__title,
.wc-block-product-template .wc-block-components-product-name,
.wc-block-grid__product-title {
	color: var(--bvmi-text-primary);
	font-size: 1rem !important;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
	padding: 0 14px 7px !important;
	text-decoration: none;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product .price,
.wc-block-product-template .wc-block-components-product-price,
.wc-block-grid__product-price {
	color: var(--bvmi-blue-dark);
	font-size: 0.9375rem !important;
	font-weight: 800;
	margin: 0;
	padding: 0 14px 12px;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product .price del,
.wc-block-product-template .wc-block-components-product-price del {
	color: var(--bvmi-text-secondary);
	font-size: 0.8125rem;
	opacity: 0.75;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product .button,
.wc-block-product-template .wp-block-button,
.wc-block-grid__product-add-to-cart {
	align-self: flex-start;
	margin: auto 14px 0 !important;
}

:where(.woocommerce, .woocommerce-page) ul.products li.product .added_to_cart {
	font-size: 0.8125rem;
	font-weight: 700;
	margin: 8px 14px 0;
}

:where(.woocommerce, .woocommerce-page) span.onsale,
.wc-block-components-product-sale-badge {
	background: var(--bvmi-blue-dark);
	border: 0;
	border-radius: 999px;
	color: var(--bvmi-surface);
	font-size: 0.6875rem;
	font-weight: 800;
	left: 10px;
	line-height: 1;
	margin: 0;
	min-height: 0;
	min-width: 0;
	padding: 7px 9px;
	right: auto;
	top: 10px;
	z-index: 4;
}

/* Single product */

body.single-product .wp-site-blocks > main:not(.bvmi-main) {
	max-width: var(--bvmi-wide);
}

body.single-product .woocommerce div.product {
	align-items: start;
	display: grid;
	gap: 28px clamp(24px, 4vw, 48px);
	grid-template-columns: minmax(280px, 500px) minmax(300px, 1fr);
	width: 100%;
}

body.single-product .woocommerce div.product::before,
body.single-product .woocommerce div.product::after {
	display: none;
}

body.single-product .woocommerce div.product .woocommerce-product-gallery,
body.single-product .woocommerce div.product .summary {
	float: none;
	margin: 0;
	min-width: 0;
	width: 100%;
}

body.single-product .woocommerce div.product .woocommerce-product-gallery {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	max-width: 500px;
	overflow: hidden;
	padding: 14px;
}

body.single-product .woocommerce-product-gallery__wrapper {
	margin: 0;
}

body.single-product .woocommerce-product-gallery__image > a {
	align-items: center;
	background: var(--bvmi-surface-soft);
	border-radius: 9px;
	display: flex;
	height: clamp(300px, 38vw, 470px);
	justify-content: center;
	overflow: hidden;
}

body.single-product .woocommerce-product-gallery__image > a img {
	display: block;
	height: 100% !important;
	margin: 0 auto;
	object-fit: contain;
	padding: clamp(10px, 2vw, 22px);
	width: 100% !important;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs li {
	float: none;
	width: auto;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img {
	aspect-ratio: 1;
	background: var(--bvmi-surface-soft);
	border: 1px solid transparent;
	border-radius: 7px;
	height: auto;
	object-fit: contain;
	padding: 4px;
	width: 100%;
}

body.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
	border-color: var(--bvmi-blue);
}

body.single-product .woocommerce-product-gallery__trigger {
	align-items: center;
	background: var(--bvmi-surface) !important;
	border: 1px solid var(--bvmi-border);
	display: flex;
	height: 38px;
	justify-content: center;
	right: 24px;
	top: 24px;
	width: 38px;
	z-index: 5;
}

body.single-product .woocommerce div.product .summary {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	padding: clamp(18px, 2.5vw, 26px);
}

body.single-product .woocommerce div.product .product_title,
body.single-product .wp-block-post-title {
	font-size: clamp(1.625rem, 1.4rem + 0.8vw, 2.125rem) !important;
	letter-spacing: -0.02em;
	line-height: 1.1;
	margin: 0 0 12px;
}

body.single-product .woocommerce div.product .summary .price {
	color: var(--bvmi-blue-dark);
	font-size: 1.25rem;
	font-weight: 800;
	margin: 0 0 16px;
}

body.single-product .woocommerce div.product .woocommerce-product-details__short-description {
	color: var(--bvmi-text-secondary);
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 18px;
}

body.single-product .woocommerce div.product .woocommerce-product-details__short-description > :first-child {
	margin-top: 0;
}

body.single-product .woocommerce div.product .woocommerce-product-details__short-description > :last-child {
	margin-bottom: 0;
}

body.single-product .woocommerce div.product form.cart {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 18px;
}

:where(.woocommerce, .woocommerce-page) .quantity {
	flex: 0 0 72px;
	margin: 0 !important;
	width: 72px;
}

:where(.woocommerce, .woocommerce-page) .quantity .qty {
	appearance: textfield;
	background: var(--bvmi-surface);
	border: 1px solid #7c8a9b;
	border-radius: var(--bvmi-radius-button);
	color: var(--bvmi-text-primary) !important;
	display: block;
	font-size: 0.9375rem !important;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	height: 42px !important;
	line-height: 40px !important;
	min-height: 42px !important;
	opacity: 1;
	padding: 0 8px !important;
	text-align: center;
	-webkit-text-fill-color: var(--bvmi-text-primary);
	width: 72px !important;
}

body.single-product .woocommerce div.product form.cart .button {
	flex: 1 1 180px;
}

body.single-product .woocommerce div.product form.cart .variations {
	border: 0;
	margin: 0;
	width: 100%;
}

body.single-product .woocommerce div.product form.cart .variations :where(th, td) {
	background: transparent;
	border: 0;
	display: block;
	padding: 0 0 7px;
	text-align: left;
}

body.single-product .woocommerce div.product form.cart .variations select {
	margin: 0;
	width: 100%;
}

body.single-product .woocommerce div.product .product_meta {
	border-top: 1px solid var(--bvmi-border);
	color: var(--bvmi-text-secondary);
	display: flex;
	flex-direction: column;
	font-size: 0.8125rem;
	gap: 5px;
	padding-top: 14px;
}

body.single-product .woocommerce div.product > :where(.woocommerce-tabs, .related, .upsells) {
	grid-column: 1 / -1;
	min-width: 0;
	width: 100%;
}

body.single-product .woocommerce div.product .woocommerce-tabs {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	overflow: hidden;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs {
	background: var(--bvmi-surface-soft);
	border-bottom: 1px solid var(--bvmi-border);
	display: flex;
	gap: 4px;
	margin: 0;
	overflow-x: auto;
	padding: 8px;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	display: none;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {
	background: transparent;
	border: 0;
	border-radius: var(--bvmi-radius-button);
	margin: 0;
	padding: 0;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a {
	color: var(--bvmi-text-secondary);
	font-size: 0.875rem;
	padding: 9px 12px;
	white-space: nowrap;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: var(--bvmi-surface);
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: var(--bvmi-blue-dark);
}

body.single-product .woocommerce div.product .woocommerce-tabs .panel {
	font-size: 0.9375rem;
	line-height: 1.65;
	margin: 0;
	padding: clamp(18px, 2.5vw, 28px);
}

body.single-product .woocommerce div.product .woocommerce-tabs .panel > :first-child {
	margin-top: 0;
}

body.single-product .woocommerce div.product .woocommerce-tabs .panel > :last-child {
	margin-bottom: 0;
}

body.single-product .woocommerce div.product :where(.related, .upsells) > h2 {
	font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.75rem);
	margin: 4px 0 16px;
}

body.single-product .woocommerce #reviews #comments ol.commentlist {
	padding: 0;
}

body.single-product .woocommerce #reviews #comments ol.commentlist li .comment-text,
body.single-product .woocommerce #review_form_wrapper {
	background: var(--bvmi-surface-soft);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	margin: 0 0 12px;
	padding: 14px;
}

/* Product block templates */

body.single-product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) {
	align-items: start !important;
	display: grid;
	gap: clamp(24px, 4vw, 48px);
	grid-template-columns: minmax(280px, 500px) minmax(300px, 1fr);
}

body.single-product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery) > .wp-block-column {
	min-width: 0;
	width: auto;
}

body.single-product .wp-block-woocommerce-product-image-gallery {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	max-width: 500px;
	overflow: hidden;
	padding: 14px;
}

body.single-product .wp-block-woocommerce-product-image-gallery img {
	max-height: 470px;
	object-fit: contain;
}

/* Tables */

:where(.woocommerce, .woocommerce-page) table.shop_table {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-collapse: separate;
	border-radius: var(--bvmi-radius-card);
	border-spacing: 0;
	box-shadow: var(--bvmi-commerce-shadow);
	font-size: 0.875rem;
	margin: 0 0 18px;
	overflow: hidden;
}

:where(.woocommerce, .woocommerce-page) table.shop_table :where(th, td) {
	border-color: color-mix(in srgb, var(--bvmi-border) 72%, transparent);
	padding: 12px 14px;
	vertical-align: middle;
}

:where(.woocommerce, .woocommerce-page) table.shop_table th {
	background: var(--bvmi-surface-soft);
	color: var(--bvmi-text-primary);
	font-size: 0.8125rem;
	font-weight: 800;
}

/* Classic cart */

body.woocommerce-cart .woocommerce-cart-form {
	margin-bottom: 22px;
}

body.woocommerce-cart .woocommerce-cart-form table.cart .product-thumbnail {
	width: 92px;
}

body.woocommerce-cart .woocommerce-cart-form table.cart .product-thumbnail img {
	aspect-ratio: 1;
	background: var(--bvmi-surface-soft);
	border-radius: 8px;
	height: 72px;
	object-fit: contain;
	padding: 5px;
	width: 72px;
}

body.woocommerce-cart .woocommerce-cart-form table.cart .product-name a {
	color: var(--bvmi-text-primary);
	font-weight: 700;
	text-decoration: none;
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions {
	background: var(--bvmi-surface-soft);
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon {
	display: flex;
	gap: 8px;
}

body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .input-text {
	margin: 0;
	width: min(220px, 42vw);
}

body.woocommerce-cart .cart-collaterals {
	display: flex;
	justify-content: flex-end;
}

body.woocommerce-cart .cart-collaterals .cart_totals {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	float: none;
	padding: 18px;
	width: min(100%, 430px);
}

body.woocommerce-cart .cart-collaterals .cart_totals h2 {
	font-size: 1.25rem;
	margin: 0 0 13px;
}

body.woocommerce-cart .cart-collaterals .cart_totals table {
	border-radius: 8px;
	box-shadow: none;
}

body.woocommerce-cart .wc-proceed-to-checkout {
	padding: 4px 0 0;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	font-size: 0.9375rem;
	margin: 0;
	width: 100%;
}

/* Cart block */

.wp-block-woocommerce-cart,
.wc-block-cart {
	max-width: var(--bvmi-container);
	width: 100%;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-sidebar-layout {
	align-items: start;
	display: grid;
	gap: clamp(18px, 3vw, 30px);
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-main,
:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-sidebar {
	margin: 0;
	min-width: 0;
	padding: 0;
	width: 100%;
}

.wc-block-cart .wc-block-cart-items {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-collapse: separate;
	border-radius: var(--bvmi-radius-card);
	border-spacing: 0;
	box-shadow: var(--bvmi-commerce-shadow);
	overflow: hidden;
}

.wc-block-cart .wc-block-cart-items th {
	background: var(--bvmi-surface-soft);
	border-color: var(--bvmi-border);
	color: var(--bvmi-text-secondary);
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	padding: 11px 14px;
}

.wc-block-cart .wc-block-cart-items td {
	border-color: var(--bvmi-border);
	padding: 14px;
}

.wc-block-cart .wc-block-cart-item__image {
	width: 86px;
}

.wc-block-cart .wc-block-cart-item__image img {
	aspect-ratio: 1;
	background: var(--bvmi-surface-soft);
	border-radius: 8px;
	height: 76px;
	object-fit: contain;
	padding: 5px;
	width: 76px;
}

.wc-block-cart .wc-block-components-product-name {
	color: var(--bvmi-text-primary);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 1.3;
	padding: 0 !important;
}

.wc-block-cart .wc-block-components-product-metadata {
	color: var(--bvmi-text-secondary);
	font-size: 0.75rem;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-quantity-selector {
	align-items: center;
	border: 1px solid #7c8a9b;
	border-radius: var(--bvmi-radius-button);
	display: grid;
	grid-template-columns: 34px 42px 34px;
	height: 42px;
	overflow: hidden;
	width: 112px;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-quantity-selector::after {
	display: none;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	appearance: textfield;
	background: var(--bvmi-surface);
	border: 0 !important;
	border-left: 1px solid var(--bvmi-border) !important;
	border-radius: 0;
	border-right: 1px solid var(--bvmi-border) !important;
	color: var(--bvmi-text-primary) !important;
	display: block;
	font-size: 0.875rem !important;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	height: 40px !important;
	line-height: 40px !important;
	max-width: 42px;
	min-height: 40px !important;
	min-width: 42px;
	opacity: 1;
	padding: 0 !important;
	text-align: center;
	-webkit-text-fill-color: var(--bvmi-text-primary);
	width: 42px !important;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-quantity-selector button {
	align-items: center;
	background: var(--bvmi-surface-soft);
	color: var(--bvmi-text-primary);
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	height: 40px;
	justify-content: center;
	min-width: 34px;
	opacity: 1;
	padding: 0 !important;
	width: 34px;
}

.wc-block-cart .wc-block-cart__sidebar,
.wc-block-checkout .wc-block-checkout__sidebar {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	padding: 18px;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-totals-wrapper {
	border-color: var(--bvmi-border);
	padding: 13px 0;
}

:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-totals-item {
	font-size: 0.875rem;
	padding-left: 0;
	padding-right: 0;
}

.wc-block-cart .wc-block-cart__submit-button,
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
	font-size: 0.9375rem;
	width: 100%;
}

/* Classic checkout */

body.woocommerce-checkout form.checkout {
	align-items: start;
	display: grid;
	gap: 0 clamp(20px, 3vw, 32px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
	grid-template-rows: auto auto 1fr;
}

body.woocommerce-checkout form.checkout > :where(.woocommerce-NoticeGroup, .woocommerce-NoticeGroup-checkout) {
	grid-column: 1 / -1;
	grid-row: 1;
	margin-bottom: 14px;
	width: 100%;
}

body.woocommerce-checkout form.checkout > .col2-set {
	grid-column: 1;
	grid-row: 2 / span 2;
	width: 100%;
}

body.woocommerce-checkout form.checkout > #order_review_heading {
	grid-column: 2;
	grid-row: 2;
}

body.woocommerce-checkout form.checkout > #order_review {
	grid-column: 2;
	grid-row: 3;
}

body.woocommerce-checkout form.checkout .col2-set :where(.col-1, .col-2) {
	float: none;
	width: 100%;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	margin-bottom: 14px;
	padding: 18px;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields) > h3,
body.woocommerce-checkout #order_review_heading {
	font-size: 1.125rem;
	line-height: 1.25;
	margin: 0 0 14px;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.woocommerce-checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) .form-row {
	float: none;
	margin: 0;
	width: auto;
}

body.woocommerce-checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) .form-row:not(.form-row-first):not(.form-row-last),
body.woocommerce-checkout .woocommerce-additional-fields .form-row {
	grid-column: 1 / -1;
}

body.woocommerce-checkout .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

body.woocommerce-checkout .form-row :where(input.input-text, select:not(.select2-hidden-accessible), textarea),
body.woocommerce-checkout .form-row .select2-container {
	width: 100% !important;
}

body.woocommerce-checkout .form-row :where(input.input-text, select:not(.select2-hidden-accessible)) {
	font-size: 0.8125rem !important;
	height: 38px !important;
	line-height: 1.25 !important;
	min-height: 38px !important;
	padding: 6px 10px !important;
}

body.woocommerce-checkout .form-row select.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	min-height: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

body.woocommerce-checkout .form-row textarea.input-text {
	font-size: 0.8125rem !important;
	height: auto !important;
	min-height: 72px !important;
	padding: 7px 10px !important;
}

body.woocommerce-checkout .form-row .select2-container .select2-selection--single {
	display: block;
	height: 38px !important;
	min-height: 38px !important;
	padding: 0 34px 0 10px;
	position: relative;
	width: 100%;
}

body.woocommerce-checkout .form-row .select2-container .selection {
	display: block;
	width: 100%;
}

body.woocommerce-checkout .form-row .select2-selection--single .select2-selection__rendered {
	display: block;
	font-size: 0.8125rem;
	line-height: 36px !important;
	overflow: hidden;
	padding: 0 !important;
	text-overflow: ellipsis;
	white-space: nowrap;
}

body.woocommerce-checkout .form-row .select2-selection--single .select2-selection__arrow {
	height: 36px !important;
	right: 2px;
}

body.woocommerce-checkout #billing_persontype_field {
	grid-column: 1 / -1;
}

body.woocommerce-checkout .form-row .woocommerce-input-wrapper > .select2-container {
	display: block;
	max-width: 100%;
	min-width: 0;
}

body.woocommerce-checkout > .select2-container--open .select2-dropdown {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-blue);
	border-radius: var(--bvmi-radius-button);
	box-shadow: 0 10px 24px rgba(16, 21, 29, 0.14);
	font-size: 0.8125rem;
	overflow: hidden;
}

body.woocommerce-checkout > .select2-container--open .select2-search--dropdown {
	padding: 6px;
}

body.woocommerce-checkout > .select2-container--open .select2-search__field {
	border: 1px solid #7c8a9b;
	border-radius: 4px;
	font: inherit;
	height: 34px;
	padding: 5px 8px;
}

body.woocommerce-checkout > .select2-container--open .select2-results__option {
	font-size: 0.8125rem;
	padding: 7px 10px;
}

body.woocommerce-checkout .form-row {
	padding: 0;
}

body.woocommerce-checkout .form-row label {
	display: block;
	margin: 0 0 6px;
}

body.woocommerce-checkout #order_review {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	padding: 18px;
}

body.woocommerce-checkout #order_review .shop_table {
	border-radius: 8px;
	box-shadow: none;
}

body.woocommerce-checkout #payment {
	background: var(--bvmi-surface-soft);
	border: 1px solid var(--bvmi-border);
	border-radius: 9px;
}

body.woocommerce-checkout #payment ul.payment_methods {
	border-color: var(--bvmi-border);
	padding: 14px;
}

body.woocommerce-checkout #payment div.payment_box {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: 8px;
	color: var(--bvmi-text-secondary);
	font-size: 0.8125rem;
	line-height: 1.5;
	margin: 10px 0 0;
	padding: 12px;
}

body.woocommerce-checkout #payment div.payment_box::before {
	display: none;
}

body.woocommerce-checkout #payment div.form-row {
	padding: 14px;
}

body.woocommerce-checkout #place_order {
	font-size: 0.9375rem;
	width: 100%;
}

/* Checkout block */

.wp-block-woocommerce-checkout,
.wc-block-checkout {
	max-width: var(--bvmi-container);
	width: 100%;
}

.wc-block-checkout .wc-block-components-checkout-step {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	margin: 0 0 12px;
	padding: 17px 17px 17px 52px;
}

.wc-block-checkout .wc-block-components-checkout-step::before {
	left: 16px;
	top: 17px;
}

.wc-block-checkout .wc-block-components-checkout-step__heading {
	margin: 0 0 13px;
}

.wc-block-checkout .wc-block-components-checkout-step__title {
	font-size: 1.0625rem;
	line-height: 1.3;
}

.wc-block-checkout .wc-block-components-checkout-step__description {
	color: var(--bvmi-text-secondary);
	font-size: 0.8125rem;
	line-height: 1.45;
}

.wc-block-checkout .wc-block-components-checkout-step__container {
	padding: 0;
}

.wc-block-checkout .wc-block-components-address-form {
	column-gap: 8px;
	row-gap: 8px;
}

.wc-block-checkout .wc-block-components-text-input,
.wc-block-checkout .wc-blocks-components-select {
	margin-top: 0;
}

.wc-block-checkout .wc-block-components-text-input input,
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
	background: var(--bvmi-surface);
	border: 1px solid #7c8a9b;
	border-radius: var(--bvmi-radius-button);
	box-shadow: none;
	color: var(--bvmi-text-primary);
	font-family: inherit;
	font-size: 0.8125rem !important;
	height: 40px !important;
	line-height: 1.2;
	min-height: 40px !important;
	padding: 14px 10px 3px !important;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
	padding-bottom: 4px !important;
	padding-right: 32px !important;
}

.wc-block-checkout .wc-block-components-text-input label,
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
	color: var(--bvmi-text-secondary);
	font-family: inherit;
	font-size: 0.8125rem;
	left: 10px;
}

.wc-block-checkout .wc-block-components-text-input.is-active label {
	transform: translateY(-9px) scale(0.72);
}

.wc-block-checkout textarea.wc-block-components-textarea {
	font-family: inherit;
	font-size: 0.8125rem !important;
	height: auto !important;
	min-height: 72px !important;
	padding: 7px 10px !important;
}

.wc-block-checkout .wc-block-components-text-input input:hover,
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__select:hover {
	border-color: var(--bvmi-text-secondary);
}

.wc-block-checkout .wc-block-components-text-input input:focus,
.wc-block-checkout .wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--bvmi-blue);
	box-shadow: 0 0 0 3px rgba(44, 108, 191, 0.18);
	outline: 2px solid transparent;
}

.wc-block-checkout .wc-block-components-radio-control-accordion-option,
.wc-block-checkout .wc-block-components-radio-control__option {
	background: var(--bvmi-surface);
	border-color: var(--bvmi-border);
	padding: 12px;
}

.wc-block-checkout .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-checkout .wc-block-components-radio-control__option-checked {
	box-shadow: inset 3px 0 0 var(--bvmi-blue-dark);
}

.wc-block-checkout .wc-block-checkout__terms,
.wc-block-checkout .wc-block-checkout__actions {
	font-size: 0.8125rem;
}

.wc-block-checkout .wc-block-components-order-summary-item__image > img {
	background: var(--bvmi-surface-soft);
	border-radius: 7px;
	object-fit: contain;
	padding: 4px;
}

/* Account, orders and empty states */

body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
	align-items: start;
	display: grid;
	gap: 22px;
	grid-template-columns: 230px minmax(0, 1fr);
}

body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) > :where(.woocommerce-notices-wrapper, .woocommerce-message, .woocommerce-error, .woocommerce-info) {
	grid-column: 1 / -1;
	width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 6px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li + li {
	border-top: 1px solid color-mix(in srgb, var(--bvmi-border) 65%, transparent);
}

body.woocommerce-account .woocommerce-MyAccount-navigation a {
	border-radius: 7px;
	color: var(--bvmi-text-primary);
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	padding: 10px 11px;
	text-decoration: none;
}

body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
	background: var(--bvmi-surface-soft);
	color: var(--bvmi-blue-dark);
}

body.woocommerce-account .woocommerce-MyAccount-content,
:where(.woocommerce, .woocommerce-page) :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	padding: 18px;
}

:where(.woocommerce, .woocommerce-page) :where(.woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword) {
	margin-top: 0;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-form-row,
:where(.woocommerce, .woocommerce-page) .form-row {
	margin-bottom: 11px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-order-details h2,
:where(.woocommerce, .woocommerce-page) .woocommerce-customer-details h2,
:where(.woocommerce, .woocommerce-page) .woocommerce-column__title {
	font-size: 1.25rem;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-customer-details address {
	background: var(--bvmi-surface);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	box-shadow: var(--bvmi-commerce-shadow);
	font-size: 0.875rem;
	line-height: 1.6;
	padding: 16px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-order-overview {
	background: var(--bvmi-surface-soft);
	border: 1px solid var(--bvmi-border);
	border-radius: var(--bvmi-radius-card);
	display: grid;
	gap: 0;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	margin: 0 0 22px;
	padding: 0;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-order-overview li {
	border-color: var(--bvmi-border);
	font-size: 0.75rem;
	margin: 0;
	padding: 13px;
}

:where(.woocommerce, .woocommerce-page) .woocommerce-order-overview li strong {
	font-size: 0.875rem;
	margin-top: 4px;
}

:where(.woocommerce, .woocommerce-page) .cart-empty,
.wc-block-cart__empty-cart__title {
	font-size: 1.25rem;
	text-align: center;
}

/* Responsive commerce layouts */

@media (min-width: 961px) {
	body.woocommerce-checkout #order_review,
	.wc-block-checkout .wc-block-checkout__sidebar {
		align-self: start;
		position: sticky !important;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 18px) !important;
		z-index: 2;
	}
}

@media (max-width: 960px) {
	body.single-product .woocommerce div.product,
	body.single-product .wp-block-columns:has(.wp-block-woocommerce-product-image-gallery),
	body.woocommerce-checkout form.checkout,
	:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-sidebar-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	body.single-product .woocommerce div.product .woocommerce-product-gallery,
	body.single-product .wp-block-woocommerce-product-image-gallery {
		justify-self: center;
		max-width: 560px;
	}

	body.woocommerce-checkout form.checkout > :where(.col2-set, #order_review_heading, #order_review) {
		grid-column: 1;
		grid-row: auto;
	}

	body.woocommerce-checkout #order_review,
	.wc-block-cart .wc-block-cart__sidebar,
	.wc-block-checkout .wc-block-checkout__sidebar {
		position: static !important;
		top: auto !important;
	}

	:where(.wc-block-cart, .wc-block-checkout) .wc-block-components-sidebar {
		max-width: none;
	}
}

@media (max-width: 782px) {
	:where(body.woocommerce, body.woocommerce-page) .wp-site-blocks > main:not(.bvmi-main) {
		padding: 24px 16px 34px;
	}

	:where(body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account) .bvmi-generic-page-content {
		width: calc(100% - 32px);
	}

	:where(.woocommerce, .woocommerce-page) ul.products,
	.wc-block-product-template,
	.wc-block-grid__products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.single-product .woocommerce-product-gallery__image > a {
		height: clamp(280px, 78vw, 440px);
	}

	body.single-product .woocommerce div.product .summary,
	body.woocommerce-checkout :where(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields),
	body.woocommerce-checkout #order_review,
	.wc-block-cart .wc-block-cart__sidebar,
	.wc-block-checkout .wc-block-checkout__sidebar,
	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 16px;
	}

	body.woocommerce-cart .cart-collaterals .cart_totals {
		padding: 16px;
		width: 100%;
	}

	body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation) {
		grid-template-columns: minmax(0, 1fr);
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex;
		overflow-x: auto;
		padding: 5px;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation li,
	body.woocommerce-account .woocommerce-MyAccount-navigation li + li {
		border: 0;
		flex: 0 0 auto;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation a {
		white-space: nowrap;
	}

	.wc-block-checkout .wc-block-components-checkout-step {
		padding: 15px 14px 15px 48px;
	}

	.wc-block-checkout .wc-block-components-checkout-step::before {
		left: 14px;
		top: 15px;
	}
}

@media (max-width: 600px) {
	:where(.woocommerce, .woocommerce-page) ul.products li.product,
	.wc-block-product-template .wc-block-product,
	.wc-block-grid__products .wc-block-grid__product {
		padding-bottom: 11px !important;
	}

	:where(.woocommerce, .woocommerce-page) ul.products li.product a img,
	.wc-block-product-template .wc-block-components-product-image img,
	.wc-block-grid__product-image img {
		margin-bottom: 10px !important;
		padding: 8px;
	}

	:where(.woocommerce, .woocommerce-page) ul.products li.product .woocommerce-loop-product__title,
	.wc-block-product-template .wc-block-components-product-name,
	.wc-block-grid__product-title {
		font-size: 0.875rem !important;
		padding: 0 10px 6px !important;
	}

	:where(.woocommerce, .woocommerce-page) ul.products li.product .price,
	.wc-block-product-template .wc-block-components-product-price,
	.wc-block-grid__product-price {
		font-size: 0.8125rem !important;
		padding: 0 10px 9px;
	}

	:where(.woocommerce, .woocommerce-page) ul.products li.product .button,
	.wc-block-product-template .wp-block-button,
	.wc-block-grid__product-add-to-cart {
		font-size: 0.75rem;
		margin-left: 10px !important;
		margin-right: 10px !important;
		min-height: 38px;
		padding: 8px 10px;
	}

	body.single-product .woocommerce div.product form.cart .button {
		width: 100%;
	}

	body.single-product .woocommerce div.product .woocommerce-tabs .panel {
		padding: 16px;
	}

	body.woocommerce-checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) {
		grid-template-columns: minmax(0, 1fr);
	}

	body.woocommerce-checkout :where(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper) .form-row {
		grid-column: 1;
	}

	body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body.woocommerce-cart .woocommerce-cart-form table.cart td.actions .coupon .input-text {
		width: 100%;
	}

	body.woocommerce-cart .woocommerce-cart-form table.cart td.actions > .button {
		margin-top: 8px;
		width: 100%;
	}

	.wc-block-cart .wc-block-cart-items td {
		padding: 11px 8px;
	}

	.wc-block-cart .wc-block-cart-item__image {
		width: 70px;
	}

	.wc-block-cart .wc-block-cart-item__image img {
		height: 62px;
		width: 62px;
	}

	.wc-block-checkout .wc-block-components-address-form {
		display: block;
	}

	.wc-block-checkout .wc-block-components-address-form > * + * {
		margin-top: 10px;
	}
}

@media (max-width: 380px) {
	:where(.woocommerce, .woocommerce-page) ul.products,
	.wc-block-product-template,
	.wc-block-grid__products {
		gap: 10px !important;
	}

	body.single-product .woocommerce-product-gallery__image > a {
		height: 270px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.woocommerce, .woocommerce-page, .wc-block-cart, .wc-block-checkout) * {
		transition-duration: 0.01ms !important;
	}
}