/**
 * Nutramed — Cart / Checkout / Order / Account / Shop (WooCommerce + Blocks)
 * Đồng bộ palette, typography, radius, buttons với landing.
 */

/* ---------- Page shell (cart/checkout/account pages use page.php) ---------- */
body.woocommerce-cart .page-content,
body.woocommerce-checkout .page-content,
body.woocommerce-account .page-content,
body.woocommerce-page:not(.single-product) .page-content,
body.woocommerce-cart .page-content--commerce,
body.woocommerce-checkout .page-content--commerce {
	padding-block: 56px 96px;
	max-width: var(--container);
}

body.woocommerce-cart .entry,
body.woocommerce-checkout .entry,
body.woocommerce-account .entry {
	opacity: 1 !important;
	transform: none !important;
}

body.woocommerce-cart .entry__header,
body.woocommerce-checkout .entry__header,
body.woocommerce-account .entry__header {
	margin-bottom: 40px;
	padding-bottom: 8px;
	text-align: left;
}

body.woocommerce-cart .entry__title,
body.woocommerce-checkout .entry__title,
body.woocommerce-account .entry__title {
	font-family: var(--font-head);
	font-size: clamp(2.1rem, 4vw, 2.85rem);
	font-weight: 600;
	color: var(--text);
	line-height: 1.15;
	margin: 0;
}

/* Hide duplicate page title on thank-you (WC already outputs "Order received") */
body.woocommerce-order-received .entry__header {
	display: none;
}

body.woocommerce-order-received .page-content,
body.woocommerce-order-received .page-content--commerce {
	padding-block: 56px 100px;
}

/* Give block layouts breathing room */
body.woocommerce-cart .entry__content,
body.woocommerce-checkout .entry__content {
	margin-top: 8px;
}

/* ---------- Shared buttons (classic + blocks) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button:not(.is-link),
.wp-block-button__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 28px !important;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--primary) !important;
	color: var(--bg) !important;
	font-family: var(--font-body) !important;
	font-size: 0.95rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	box-shadow: none !important;
	transition: background 0.2s var(--ease), transform 0.2s var(--ease), opacity 0.2s var(--ease) !important;
	text-decoration: none !important;
	cursor: pointer;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wc-block-components-button:not(.is-link):hover,
.wp-block-button__link:hover {
	background: var(--primary-dark) !important;
	color: var(--bg) !important;
}

.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.wc-block-components-button:disabled {
	opacity: 0.55 !important;
	cursor: not-allowed !important;
}

/* Ghost / secondary */
.woocommerce a.button:not(.alt),
.woocommerce button.button:not(.alt) {
	/* keep solid primary for main actions */
}

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wc-block-components-notice-banner {
	border-radius: 14px !important;
	border: 1px solid var(--border) !important;
	background: var(--surface) !important;
	color: var(--text) !important;
	padding: 14px 18px !important;
	margin-bottom: 20px !important;
	box-shadow: var(--shadow-sm);
	font-size: 0.95rem;
}

.woocommerce-message,
.wc-block-components-notice-banner.is-success {
	border-color: rgba(74, 124, 89, 0.35) !important;
	background: rgba(74, 124, 89, 0.08) !important;
}

.woocommerce-error,
.wc-block-components-notice-banner.is-error {
	border-color: rgba(196, 101, 81, 0.35) !important;
	background: rgba(196, 101, 81, 0.08) !important;
}

.woocommerce-info,
.wc-block-components-notice-banner.is-info {
	border-color: rgba(32, 70, 52, 0.2) !important;
	background: rgba(32, 70, 52, 0.06) !important;
}

/* ---------- Prices ---------- */
.woocommerce .amount,
.woocommerce-Price-amount,
.wc-block-components-formatted-money-amount,
.wc-block-components-product-price,
.wc-block-cart-item__prices,
.wc-block-components-totals-item__value {
	color: var(--primary);
	font-weight: 600;
}

del .woocommerce-Price-amount,
del .wc-block-components-formatted-money-amount {
	color: var(--muted) !important;
	font-weight: 400 !important;
}

/* ==========================================================================
   CART (WooCommerce Blocks)
   ========================================================================== */
.wp-block-woocommerce-cart,
.wc-block-cart {
	font-family: var(--font-body);
	color: var(--text);
}

.wp-block-woocommerce-cart.is-large,
.wc-block-cart {
	margin-top: 12px;
}

/*
 * Two-column cart/checkout layout.
 * Avoid flex + large gap (WC flex-basis % + gap makes columns wrap).
 */
.wc-block-components-sidebar-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
	gap: 40px !important;
	align-items: start !important;
	flex-wrap: nowrap !important;
}

.wc-block-components-sidebar-layout .wc-block-components-main,
.wc-block-components-sidebar-layout .wc-block-checkout__main,
.wc-block-components-sidebar-layout .wc-block-cart__main {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	min-width: 0 !important;
}

.wc-block-components-sidebar-layout .wc-block-components-sidebar,
.wc-block-components-sidebar-layout .wc-block-checkout__sidebar,
.wc-block-components-sidebar-layout .wc-block-cart__sidebar {
	width: auto !important;
	max-width: none !important;
	flex: none !important;
	min-width: 0 !important;
}

.wc-block-cart .wc-block-cart__main,
.wc-block-components-sidebar-layout .wc-block-components-main {
	padding-right: 0;
	gap: 0;
}

.wc-block-cart table.wc-block-cart-items,
.wc-block-cart-items {
	width: 100%;
	max-width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

.wc-block-cart-items__header {
	border-bottom: 1px solid var(--border);
}

.wc-block-cart-items__header th {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
	padding: 8px 12px 18px !important;
	border: 0 !important;
	background: transparent !important;
}

.wc-block-cart-items__row {
	border-bottom: 1px solid var(--border) !important;
}

.wc-block-cart-items__row td,
.wc-block-cart-items .wc-block-cart-items__row > td {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
	padding-left: 8px !important;
	padding-right: 12px !important;
	vertical-align: middle !important;
}

.wc-block-cart-item__wrap {
	gap: 20px !important;
}

.wc-block-cart-item__image {
	width: 96px !important;
	max-width: 96px !important;
}

.wc-block-cart-item__image img {
	border-radius: 14px;
	border: 1px solid var(--border);
	background: var(--cream);
	object-fit: cover;
	width: 96px !important;
	height: 96px !important;
}

.wc-block-cart-item__product {
	padding-right: 12px !important;
}

.wc-block-cart-item__product a,
.wc-block-components-product-name {
	font-family: var(--font-head);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--text) !important;
	text-decoration: none !important;
	line-height: 1.3;
}

.wc-block-cart-item__product a:hover,
.wc-block-components-product-name:hover {
	color: var(--primary) !important;
}

.wc-block-cart-item__prices,
.wc-block-cart-item__total {
	font-size: 1.05rem;
}

.wc-block-components-product-metadata {
	margin-top: 8px !important;
	color: var(--muted);
	font-size: 0.875rem;
}

/* Quantity */
.wc-block-components-quantity-selector {
	border: 1px solid var(--border) !important;
	border-radius: 999px !important;
	overflow: hidden;
	background: var(--surface) !important;
	min-height: 42px;
}

.wc-block-components-quantity-selector__button {
	background: transparent !important;
	color: var(--primary) !important;
	border: 0 !important;
	min-width: 36px;
}

.wc-block-components-quantity-selector__input {
	font-family: var(--font-body) !important;
	color: var(--text) !important;
	border: 0 !important;
	background: transparent !important;
}

/* Remove item */
.wc-block-cart-item__remove-link,
.wc-block-cart-item__remove-link a {
	color: var(--muted) !important;
	font-size: 0.85rem !important;
	text-decoration: underline !important;
	margin-top: 10px !important;
	display: inline-block;
}

.wc-block-cart-item__remove-link:hover {
	color: var(--terra) !important;
}

/* Cart totals sidebar */
.wc-block-cart__sidebar,
.wc-block-components-sidebar {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 22px;
	padding: 28px 28px 24px !important;
	box-shadow: var(--shadow-sm);
	align-self: start;
}

.wc-block-cart__totals-title,
.wc-block-components-totals-wrapper {
	font-family: var(--font-head);
}

.wc-block-components-totals-item {
	padding: 14px 0 !important;
	border-color: var(--border) !important;
}

.wc-block-components-totals-footer-item {
	border-top: 1px solid var(--border) !important;
	padding-top: 20px !important;
	margin-top: 12px;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: var(--font-head);
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	color: var(--text) !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--primary) !important;
}

.wc-block-cart__submit-container,
.wc-block-cart__submit {
	margin-top: 24px;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	width: 100% !important;
	padding: 16px 24px !important;
	font-size: 1rem !important;
	min-height: 52px;
}

/* Coupon */
.wc-block-components-totals-coupon__button,
.wc-block-components-panel__button {
	color: var(--primary) !important;
	font-weight: 600 !important;
}

.wc-block-components-text-input input,
.wc-block-components-textarea textarea,
.wc-block-components-combobox input,
.wc-block-components-select select,
.wc-block-components-text-input .wc-block-components-text-input__input {
	border: 1px solid var(--border) !important;
	border-radius: 12px !important;
	background: var(--bg) !important;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	padding: 14px 16px !important;
	box-shadow: none !important;
	min-height: 52px;
}

.wc-block-components-text-input.is-active input,
.wc-block-components-text-input input:focus,
.wc-block-components-textarea textarea:focus {
	border-color: var(--primary) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(32, 70, 52, 0.12) !important;
}

.wc-block-components-text-input label,
.wc-block-components-checkbox__label {
	color: var(--muted) !important;
	font-size: 0.875rem !important;
}

/* Empty cart */
.wp-block-woocommerce-empty-cart-block {
	text-align: center;
	padding: 48px 24px 64px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 24px;
	box-shadow: var(--shadow-sm);
}

.wc-block-cart__empty-cart__title,
.wp-block-woocommerce-empty-cart-block .wp-block-heading {
	font-family: var(--font-head) !important;
	font-size: clamp(1.6rem, 3vw, 2.2rem) !important;
	font-weight: 600 !important;
	color: var(--text) !important;
	margin-bottom: 12px !important;
}

.wp-block-woocommerce-empty-cart-block .wp-block-separator {
	border: 0;
	border-top: 1px solid var(--border);
	margin: 28px auto;
	max-width: 120px;
	opacity: 0.8;
}

.wp-block-woocommerce-empty-cart-block .wp-block-heading.has-text-align-center:not(.wc-block-cart__empty-cart__title) {
	font-family: var(--font-head);
	font-size: 1.5rem;
	color: var(--primary);
	margin-top: 8px;
}

/* Product grid inside empty cart / new products */
.wc-block-grid__products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.wc-block-grid__product {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 16px;
	text-align: left;
	transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.wc-block-grid__product:hover {
	border-color: var(--moss);
	box-shadow: var(--shadow-sm);
}

.wc-block-grid__product-image img {
	border-radius: 12px;
	background: var(--cream);
	width: 100%;
	height: auto;
	object-fit: cover;
}

.wc-block-grid__product-title {
	font-family: var(--font-head);
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--text);
	margin-top: 12px;
}

.wc-block-grid__product-price {
	margin-top: 6px;
	color: var(--primary);
	font-weight: 600;
}

.wc-block-grid__product-onsale,
.wc-block-components-product-badge {
	background: var(--terra) !important;
	color: #fff !important;
	border-radius: 999px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em;
	border: 0 !important;
	padding: 4px 10px !important;
}

.wc-block-grid__product .wp-block-button__link,
.wc-block-grid__product .add_to_cart_button {
	width: 100%;
	margin-top: 12px;
	padding: 10px 16px !important;
	font-size: 0.875rem !important;
}

@media (max-width: 992px) {
	.wc-block-grid__products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.wc-block-grid__products {
		grid-template-columns: 1fr;
	}
}

/* ==========================================================================
   CHECKOUT (WooCommerce Blocks)
   ========================================================================== */
.wp-block-woocommerce-checkout,
.wc-block-checkout {
	font-family: var(--font-body);
	color: var(--text);
	margin-top: 8px;
}

/* Checkout keeps the shared grid layout above; only tune gap */
.wc-block-checkout.wc-block-components-sidebar-layout,
.wc-block-checkout .wc-block-components-sidebar-layout {
	gap: 40px !important;
}

.wc-block-checkout__main,
.wc-block-components-checkout-step {
	border-color: transparent;
}

.wc-block-components-checkout-step {
	padding: 10px 0 36px !important;
	margin: 0 0 14px;
	border-bottom: 1px solid var(--border);
}

.wc-block-components-checkout-step:last-of-type {
	border-bottom: 0;
	padding-bottom: 12px !important;
}

.wc-block-components-checkout-step__heading {
	margin-bottom: 16px !important;
}

.wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__heading-content h2,
.wc-block-components-title {
	font-family: var(--font-head) !important;
	font-size: 1.55rem !important;
	font-weight: 600 !important;
	color: var(--text) !important;
	line-height: 1.25 !important;
}

.wc-block-components-checkout-step__description,
.wc-block-checkout__guest-checkout-notice {
	color: var(--muted) !important;
	font-size: 0.9rem !important;
	margin-top: 6px !important;
	margin-bottom: 14px !important;
}

.wc-block-components-address-form {
	row-gap: 16px !important;
}

/* Address card */
.wc-block-components-address-card {
	border: 1px solid var(--border) !important;
	border-radius: 16px !important;
	background: var(--surface) !important;
	padding: 20px 22px !important;
}

.wc-block-components-address-card__edit {
	color: var(--primary) !important;
	font-weight: 600 !important;
}

/* Radio / shipping / payment options */
.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border: 1px solid var(--border) !important;
	border-radius: 14px !important;
	background: var(--surface) !important;
	margin-bottom: 14px !important;
	padding: 16px 18px !important;
	transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease);
}

.wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control__option:hover {
	border-color: var(--primary) !important;
	box-shadow: 0 0 0 3px rgba(32, 70, 52, 0.1);
}

.wc-block-components-radio-control__label,
.wc-block-components-payment-method-label {
	font-weight: 600 !important;
	color: var(--text) !important;
}

.wc-block-components-radio-control__description {
	color: var(--muted) !important;
	font-size: 0.875rem !important;
	margin-top: 4px !important;
}

/* Order summary sidebar */
.wc-block-checkout__sidebar {
	background: transparent;
}

.wc-block-checkout__sidebar .wc-block-components-order-summary,
.wc-block-components-order-summary {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 22px;
	padding: 12px 8px 18px;
	box-shadow: var(--shadow-sm);
}

.wc-block-components-checkout-order-summary__title,
.wc-block-components-checkout-order-summary__title-text {
	font-family: var(--font-head) !important;
	font-size: 1.4rem !important;
	font-weight: 600 !important;
	color: var(--text) !important;
	padding: 12px 16px 8px !important;
}

.wc-block-components-order-summary-item {
	border-color: var(--border) !important;
	padding: 18px 16px !important;
}

.wc-block-components-order-summary-item__image img {
	border-radius: 12px;
	border: 1px solid var(--border);
	background: var(--cream);
}

.wc-block-components-order-summary-item__description a {
	font-family: var(--font-head);
	font-weight: 600;
	color: var(--text) !important;
	text-decoration: none !important;
}

/* Place order */
.wc-block-checkout__actions {
	margin-top: 28px;
	padding-top: 8px;
}

.wc-block-checkout__add-note,
.wc-block-checkout__terms {
	margin-top: 16px !important;
	margin-bottom: 10px !important;
}

.wc-block-components-checkout-place-order-button {
	background: var(--primary) !important;
	border-radius: 999px !important;
	min-height: 52px;
}

.wc-block-components-checkout-place-order-button:hover {
	background: var(--primary-dark) !important;
}

.wc-block-checkout__terms,
.wc-block-components-checkbox__label a {
	color: var(--muted);
	font-size: 0.85rem;
}

.wc-block-components-checkbox__label a {
	color: var(--primary);
	text-decoration: underline;
}

/* Checkbox */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background: var(--primary) !important;
	border-color: var(--primary) !important;
}

/* ==========================================================================
   ORDER RECEIVED / THANK YOU (classic table output still used)
   ========================================================================== */
.woocommerce-order {
	max-width: 880px;
	margin: 0 auto;
}

body.woocommerce-order-received .woocommerce-order > * + * {
	margin-top: 0;
}

.woocommerce-order .woocommerce-notice,
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
	margin-bottom: 36px !important;
}

.woocommerce-notice--success,
.woocommerce-thankyou-order-received {
	font-family: var(--font-head);
	font-size: clamp(1.55rem, 3vw, 2.05rem);
	font-weight: 600;
	color: var(--primary);
	background: rgba(74, 124, 89, 0.1);
	border: 1px solid rgba(74, 124, 89, 0.25);
	border-radius: 18px;
	padding: 24px 28px;
	margin: 0 0 36px;
	line-height: 1.35;
}

.woocommerce-order-overview,
ul.woocommerce-order-overview.order_details {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	list-style: none;
	margin: 0 0 40px !important;
	padding: 0 !important;
	border: 0 !important;
}

.woocommerce-order-overview li,
ul.woocommerce-order-overview.order_details li {
	background: var(--surface);
	border: 1px solid var(--border) !important;
	border-radius: 16px;
	padding: 20px 22px !important;
	margin: 0 !important;
	font-size: 0.9rem;
	color: var(--muted);
	float: none !important;
	width: auto !important;
	border-right: 1px solid var(--border) !important;
}

.woocommerce-order-overview li strong,
ul.woocommerce-order-overview.order_details li strong {
	display: block;
	margin-top: 10px;
	font-family: var(--font-head);
	font-size: 1.2rem;
	font-weight: 600;
	color: var(--text);
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.3;
}

.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-customer-details h2,
.woocommerce-order h2 {
	font-family: var(--font-head);
	font-size: 1.6rem;
	font-weight: 600;
	color: var(--text);
	margin: 8px 0 18px;
}

.woocommerce-order .woocommerce-customer-details {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}

.woocommerce-order .woocommerce-customer-details .woocommerce-column {
	width: 100% !important;
	float: none !important;
	margin: 0 !important;
}

.woocommerce-table--order-details,
.woocommerce-table.shop_table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: var(--shadow-sm);
	margin: 0 0 8px !important;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td,
.shop_table th,
.shop_table td {
	padding: 18px 22px !important;
	border-color: var(--border) !important;
	border-width: 0 0 1px !important;
	font-size: 0.98rem;
	color: var(--text);
	background: transparent !important;
	line-height: 1.45;
}

.woocommerce-table--order-details thead th,
.shop_table thead th {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
	background: var(--cream) !important;
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}

.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
	font-weight: 600;
}

.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td {
	font-family: var(--font-head);
	font-size: 1.25rem;
	color: var(--primary);
	border-bottom: 0 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.woocommerce-table--order-details a {
	color: var(--text);
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-table--order-details a:hover {
	color: var(--primary);
}

.woocommerce-customer-details address,
.woocommerce-column--billing-address address,
.woocommerce-column--shipping-address address {
	background: var(--surface) !important;
	border: 1px solid var(--border) !important;
	border-radius: 16px !important;
	padding: 22px 24px !important;
	font-style: normal !important;
	line-height: 1.8 !important;
	color: var(--ink2, var(--muted)) !important;
	box-shadow: var(--shadow-sm);
	min-height: 120px;
}

@media (max-width: 720px) {
	.woocommerce-order-overview,
	ul.woocommerce-order-overview.order_details {
		grid-template-columns: 1fr;
	}

	.woocommerce-order .woocommerce-customer-details {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.wc-block-components-sidebar-layout {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}

	body.woocommerce-cart .page-content,
	body.woocommerce-checkout .page-content,
	body.woocommerce-order-received .page-content {
		padding-block: 40px 72px;
	}
}

/* Cart line items — stack cleanly on small screens (WC table overflow) */
@media (max-width: 720px) {
	body.woocommerce-cart,
	body.woocommerce-checkout,
	body.woocommerce-account {
		overflow-x: clip;
	}

	.wc-block-cart table.wc-block-cart-items,
	.wc-block-cart-items,
	.wc-block-cart-items tbody {
		display: block;
		width: 100% !important;
		max-width: 100%;
	}

	.wc-block-cart-items__header {
		display: none;
	}

	.wc-block-cart-items__row {
		display: grid !important;
		grid-template-columns: 72px minmax(0, 1fr);
		column-gap: 14px;
		row-gap: 10px;
		align-items: start;
		width: 100%;
		padding: 20px 0 !important;
		box-sizing: border-box;
	}

	.wc-block-cart-items__row td,
	.wc-block-cart-items .wc-block-cart-items__row > td {
		display: block !important;
		width: auto !important;
		max-width: 100% !important;
		padding: 0 !important;
		border: 0 !important;
	}

	.wc-block-cart-item__image {
		grid-column: 1;
		grid-row: 1 / span 2;
		width: 72px !important;
		max-width: 72px !important;
	}

	.wc-block-cart-item__image img {
		width: 72px !important;
		height: 72px !important;
	}

	.wc-block-cart-item__product {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
		padding-right: 0 !important;
	}

	.wc-block-cart-item__product a,
	.wc-block-components-product-name {
		font-size: 1.05rem !important;
		word-break: break-word;
	}

	.wc-block-cart-item__total {
		grid-column: 2;
		grid-row: 2;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		width: auto !important;
		max-width: 100% !important;
	}

	.wc-block-cart__sidebar,
	.wc-block-components-sidebar {
		padding: 22px 18px 20px !important;
	}

	.wc-block-components-notices__snackbar {
		left: 12px !important;
		right: 12px !important;
		max-width: calc(100vw - 24px) !important;
		box-sizing: border-box;
	}

	/* Orders table → stacked cards */
	.woocommerce-account table.shop_table.woocommerce-orders-table,
	.woocommerce-account table.shop_table.my_account_orders {
		display: block;
		width: 100%;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.woocommerce-account table.shop_table.woocommerce-orders-table thead,
	.woocommerce-account table.shop_table.my_account_orders thead {
		display: none;
	}

	.woocommerce-account table.shop_table.woocommerce-orders-table tbody,
	.woocommerce-account table.shop_table.my_account_orders tbody,
	.woocommerce-account table.shop_table.woocommerce-orders-table tr,
	.woocommerce-account table.shop_table.my_account_orders tr {
		display: block;
		width: 100%;
	}

	.woocommerce-account table.shop_table.woocommerce-orders-table tr,
	.woocommerce-account table.shop_table.my_account_orders tr {
		background: var(--bg);
		border: 1px solid var(--border);
		border-radius: 16px;
		padding: 14px 16px;
		margin-bottom: 12px;
	}

	.woocommerce-account table.shop_table.woocommerce-orders-table td,
	.woocommerce-account table.shop_table.woocommerce-orders-table th,
	.woocommerce-account table.shop_table.my_account_orders td,
	.woocommerce-account table.shop_table.my_account_orders th {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 12px;
		padding: 8px 0 !important;
		border: 0 !important;
		text-align: right;
		width: 100%;
		box-sizing: border-box;
		font-weight: 500;
	}

	.woocommerce-account table.shop_table.woocommerce-orders-table td::before,
	.woocommerce-account table.shop_table.woocommerce-orders-table th::before,
	.woocommerce-account table.shop_table.my_account_orders td::before,
	.woocommerce-account table.shop_table.my_account_orders th::before {
		content: attr(data-title);
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		color: var(--muted);
		text-align: left;
		flex: none;
	}

	.woocommerce-account .woocommerce-orders-table__cell-order-actions::before {
		content: none !important;
		display: none !important;
	}

	.woocommerce-account .woocommerce-orders-table__cell-order-actions {
		display: flex !important;
		justify-content: stretch;
		padding-top: 12px !important;
	}

	.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
	.woocommerce-account .woocommerce-orders-table__cell-order-actions a {
		width: 100% !important;
		justify-content: center;
	}
}

/* Address form: keep first/last name on one row when space allows */
.wc-block-components-address-form {
	display: flex !important;
	flex-wrap: wrap !important;
	column-gap: 16px !important;
	row-gap: 16px !important;
}

.wc-block-components-address-form > * {
	flex: 1 1 100%;
	min-width: 0;
	box-sizing: border-box;
}

.wc-block-components-address-form__first_name,
.wc-block-components-address-form__last_name {
	flex: 1 1 calc(50% - 8px) !important;
	max-width: calc(50% - 8px);
}

.wc-block-components-address-form__postcode,
.wc-block-components-address-form__city,
.wc-block-components-address-form__state,
.wc-block-components-address-form__phone {
	flex: 1 1 calc(50% - 8px) !important;
	max-width: calc(50% - 8px);
}

@media (max-width: 560px) {
	.wc-block-components-address-form__first_name,
	.wc-block-components-address-form__last_name,
	.wc-block-components-address-form__postcode,
	.wc-block-components-address-form__city,
	.wc-block-components-address-form__state,
	.wc-block-components-address-form__phone {
		flex: 1 1 100% !important;
		max-width: 100%;
	}
}

/* ==========================================================================
   CLASSIC CART / CHECKOUT fallback tables
   ========================================================================== */
.woocommerce-cart-form,
.woocommerce-checkout {
	font-family: var(--font-body);
}

.woocommerce table.shop_table {
	border: 1px solid var(--border);
	border-radius: 16px;
	overflow: hidden;
	border-collapse: separate;
}

.woocommerce table.shop_table th {
	background: var(--cream);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}

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

.woocommerce-cart .cart-collaterals .cart_totals {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 24px;
	box-shadow: var(--shadow-sm);
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
	font-family: var(--font-head);
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 16px;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields,
.woocommerce-checkout .woocommerce-additional-fields {
	margin-bottom: 24px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce form .select2-container .select2-selection--single {
	border: 1px solid var(--border) !important;
	border-radius: 12px !important;
	background: var(--bg) !important;
	min-height: 48px;
	padding: 10px 14px !important;
	font-family: var(--font-body);
	color: var(--text);
	box-shadow: none !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: var(--primary) !important;
	outline: none;
	box-shadow: 0 0 0 3px rgba(32, 70, 52, 0.12) !important;
}

.woocommerce form .form-row label {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--ink2, var(--text));
	margin-bottom: 6px;
}

.woocommerce-checkout-review-order {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 24px;
	box-shadow: var(--shadow-sm);
}

#payment {
	background: transparent !important;
	border-radius: 0 !important;
}

#payment div.payment_box {
	background: var(--cream) !important;
	border-radius: 12px;
	color: var(--text) !important;
}

#payment ul.payment_methods {
	border-bottom: 1px solid var(--border) !important;
	padding-bottom: 12px !important;
}

#place_order {
	width: 100%;
	margin-top: 12px;
}

/* ==========================================================================
   AUTH — Login / Register
   ========================================================================== */
body.woocommerce-account:not(.logged-in) .entry__header {
	margin-bottom: 28px;
}

body.woocommerce-account:not(.logged-in) .entry__content > .woocommerce {
	max-width: none;
}

.auth-wrap {
	display: grid;
	gap: 28px;
	align-items: start;
}

.auth-wrap--split {
	grid-template-columns: 1fr 1fr;
}

.auth-wrap--single {
	max-width: 480px;
	margin-inline: auto;
}

.auth-card {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 22px;
	padding: 32px 28px 28px;
	box-shadow: var(--shadow-sm);
}

.auth-card--register {
	background: linear-gradient(180deg, #fff 0%, var(--cream) 140%);
}

.auth-card__head {
	margin-bottom: 24px;
}

.auth-card__eyebrow {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--terra);
	margin-bottom: 10px;
}

.auth-card__title {
	font-family: var(--font-head);
	font-size: clamp(1.75rem, 3vw, 2.1rem);
	font-weight: 600;
	color: var(--text);
	margin: 0 0 8px;
	line-height: 1.2;
}

.auth-card__desc {
	margin: 0;
	font-size: 0.95rem;
	color: var(--muted);
	line-height: 1.55;
}

.auth-form__row {
	margin: 0 0 16px !important;
}

.auth-form__row label {
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--ink2, var(--text));
	margin-bottom: 8px;
}

.auth-form .woocommerce-Input,
.auth-form input.input-text,
.woocommerce-account form .input-text,
.woocommerce-account form input[type="text"],
.woocommerce-account form input[type="email"],
.woocommerce-account form input[type="password"],
.woocommerce-account form input[type="tel"],
.woocommerce-account form textarea,
.woocommerce-account form select {
	width: 100%;
	border: 1px solid var(--border) !important;
	border-radius: 12px !important;
	background: var(--bg) !important;
	color: var(--text) !important;
	font-family: var(--font-body) !important;
	font-size: 1rem !important;
	padding: 13px 16px !important;
	min-height: 50px;
	box-shadow: none !important;
	box-sizing: border-box;
}

.auth-form .woocommerce-Input:focus,
.woocommerce-account form .input-text:focus,
.woocommerce-account form input:focus,
.woocommerce-account form textarea:focus {
	border-color: var(--primary) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(32, 70, 52, 0.12) !important;
}

.auth-form__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 4px 0 20px;
}

.auth-form__remember {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 0.9rem;
	color: var(--text);
	cursor: pointer;
}

.auth-form__remember input {
	width: 16px;
	height: 16px;
	accent-color: var(--primary);
	min-height: 0 !important;
}

.auth-form__lost {
	font-size: 0.9rem;
	color: var(--primary);
	text-decoration: underline;
	font-weight: 500;
}

.auth-form__hint {
	font-size: 0.9rem;
	color: var(--muted);
	line-height: 1.5;
	margin: 0 0 16px;
}

.auth-form__submit-row {
	margin: 0 !important;
}

.auth-form__btn,
.woocommerce-account .woocommerce-button,
.woocommerce-account button.button,
.woocommerce-account .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px;
	padding: 14px 24px !important;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--primary) !important;
	color: var(--bg) !important;
	font-family: var(--font-body) !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
	cursor: pointer;
	transition: background 0.2s var(--ease) !important;
	text-decoration: none !important;
}

.auth-form__btn:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account button.button:hover {
	background: var(--primary-dark) !important;
	color: var(--bg) !important;
}

.auth-form__btn--ghost {
	background: transparent !important;
	color: var(--primary) !important;
	border: 1.5px solid var(--primary) !important;
}

.auth-form__btn--ghost:hover {
	background: var(--primary) !important;
	color: var(--bg) !important;
}

/* Password field show/hide button alignment */
.auth-form .password-input,
.woocommerce-account .password-input {
	display: block;
	position: relative;
}

/* Lost password page */
.woocommerce-ResetPassword,
.woocommerce-form-lost-password {
	max-width: 480px;
	margin: 0 auto;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 22px;
	padding: 32px 28px;
	box-shadow: var(--shadow-sm);
}

.woocommerce-ResetPassword .woocommerce-Button,
.woocommerce-form-lost-password .woocommerce-Button {
	width: 100%;
	margin-top: 12px;
}

@media (max-width: 900px) {
	.auth-wrap--split {
		grid-template-columns: 1fr;
		max-width: 520px;
		margin-inline: auto;
	}
}

/* ==========================================================================
   MY ACCOUNT (logged in)
   ========================================================================== */
.account-shell {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 32px;
	align-items: start;
	/* Kill WC core float layout so grid columns work */
	width: 100%;
}

/* WC core (woocommerce-layout) floats nav left / content right — break our grid */
.account-shell .woocommerce-MyAccount-navigation,
.account-shell .account-nav,
.account-shell .woocommerce-MyAccount-content,
.account-shell .account-shell__content,
.woocommerce-account .account-shell .woocommerce-MyAccount-navigation,
.woocommerce-account .account-shell .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* Navigation */
.woocommerce-account .woocommerce-MyAccount-navigation,
.account-nav {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 20px 16px;
	box-shadow: var(--shadow-sm);
	position: sticky;
	top: 100px;
	min-width: 0;
}

.account-nav__brand {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 10px 18px;
	margin-bottom: 8px;
	border-bottom: 1px solid var(--border);
}

.account-nav__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(32, 70, 52, 0.1);
	color: var(--primary);
	flex: none;
}

.account-nav__label {
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}

.account-nav__name {
	display: block;
	font-size: 1rem;
	font-weight: 600;
	color: var(--text);
	margin-top: 2px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.account-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation a,
.account-nav__list a {
	display: block;
	padding: 12px 14px;
	border-radius: 12px;
	color: var(--text);
	font-weight: 500;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,
.account-nav__list a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active > a {
	background: rgba(32, 70, 52, 0.09);
	color: var(--primary);
}

.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--terra);
}

/* Content panel */
.woocommerce-account .woocommerce-MyAccount-content,
.account-shell__content {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 32px 28px;
	box-shadow: var(--shadow-sm);
	min-height: 360px;
}

.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-family: var(--font-head);
	font-weight: 600;
	color: var(--text);
	font-size: 1.5rem;
	margin: 0 0 18px;
}

/* Dashboard */
.account-dashboard__eyebrow {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--terra);
	margin-bottom: 10px;
}

.account-dashboard__hello {
	font-family: var(--font-head);
	font-size: clamp(1.8rem, 3vw, 2.2rem);
	font-weight: 600;
	color: var(--text);
	margin: 0 0 8px;
	line-height: 1.2;
}

.account-dashboard__sub {
	margin: 0 0 18px;
	color: var(--muted);
	font-size: 0.95rem;
}

.account-dashboard__sub a {
	color: var(--primary);
	font-weight: 600;
	text-decoration: underline;
}

.account-dashboard__intro {
	margin: 0 0 28px;
	color: var(--ink2, var(--muted));
	line-height: 1.65;
	font-size: 1rem;
}

.account-dashboard__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
}

.account-dash-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	padding: 22px 20px;
	border: 1px solid var(--border);
	border-radius: 16px;
	background: var(--bg);
	text-decoration: none;
	color: inherit;
	transition: border-color 0.2s var(--ease), box-shadow 0.2s var(--ease), transform 0.2s var(--ease);
}

.account-dash-card:hover {
	border-color: var(--moss);
	box-shadow: var(--shadow-sm);
	transform: translateY(-2px);
}

.account-dash-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 999px;
	background: rgba(32, 70, 52, 0.1);
	color: var(--primary);
}

.account-dash-card__title {
	font-family: var(--font-head);
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--text);
}

.account-dash-card__desc {
	font-size: 0.875rem;
	color: var(--muted);
	line-height: 1.45;
}

/* Orders table */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account table.shop_table {
	border: 1px solid var(--border);
	border-radius: 16px;
	overflow: hidden;
	border-collapse: separate;
	width: 100%;
}

.woocommerce-account table.shop_table th {
	background: var(--cream);
	font-size: 0.75rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--muted);
	padding: 14px 16px;
}

.woocommerce-account table.shop_table td {
	padding: 16px;
	border-color: var(--border);
	vertical-align: middle;
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
.woocommerce-account .woocommerce-button.view {
	width: auto !important;
	min-height: 40px !important;
	padding: 8px 16px !important;
	font-size: 0.875rem !important;
}

/* Addresses */
.woocommerce-Account-content .woocommerce-Address,
.woocommerce-account .woocommerce-Address {
	background: var(--bg);
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 20px 22px;
	margin-bottom: 16px;
}

.woocommerce-account .woocommerce-Address-title h3 {
	font-size: 1.2rem;
	margin-bottom: 8px;
}

.woocommerce-account .woocommerce-Address-title .edit {
	color: var(--primary);
	font-weight: 600;
	font-size: 0.9rem;
}

.woocommerce-account address {
	font-style: normal;
	line-height: 1.7;
	color: var(--ink2, var(--muted));
}

/* Edit account form spacing */
.woocommerce-account .woocommerce-EditAccountForm .form-row,
.woocommerce-account form .form-row {
	margin-bottom: 16px;
}

.woocommerce-account fieldset {
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 20px;
	margin: 20px 0;
}

.woocommerce-account legend {
	font-weight: 600;
	padding: 0 8px;
	color: var(--text);
}

@media (max-width: 900px) {
	.account-shell {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.account-nav {
		position: static;
	}

	/* Higher specificity than base ul column rule */
	.woocommerce-account .woocommerce-MyAccount-navigation ul,
	.account-shell .account-nav__list,
	.account-nav__list {
		flex-direction: row !important;
		flex-wrap: wrap;
		gap: 8px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation a,
	.account-nav__list a {
		padding: 10px 14px;
		font-size: 0.875rem;
		white-space: nowrap;
	}

	.account-dashboard__grid {
		grid-template-columns: 1fr;
	}

	.woocommerce-account .woocommerce-MyAccount-content,
	.account-shell__content {
		padding: 24px 18px;
	}

	.account-nav__brand {
		padding-bottom: 14px;
	}
}

@media (max-width: 560px) {
	.account-dashboard__hello {
		font-size: 1.55rem;
	}

	body.woocommerce-account .entry__title {
		font-size: clamp(1.75rem, 7vw, 2.2rem);
	}
}

/* ==========================================================================
   SHOP archive — filter left + homepage-style product cards
   ========================================================================== */
.wc-page--shop {
	padding-block: 40px 80px;
}

.shop-header {
	margin-bottom: 32px;
}

.shop-header__title,
.woocommerce .page-title,
.woocommerce-products-header__title {
	font-family: var(--font-head);
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 600;
	color: var(--text);
	margin: 0 0 8px;
}

.shop-layout__body {
	display: grid;
	grid-template-columns: 260px 1fr;
	gap: 36px;
	align-items: start;
}

/* Filter sidebar */
.shop-filter {
	position: sticky;
	top: 100px;
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: 20px;
	padding: 22px 20px;
	box-shadow: var(--shadow-sm);
}

.shop-filter__form {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.shop-filter__block {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.shop-filter__title,
.shop-filter__label {
	font-family: var(--font-body);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--text);
	margin: 0;
}

.shop-filter__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.shop-filter__link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: var(--ink2, var(--muted));
	font-size: 0.95rem;
	font-weight: 500;
	text-decoration: none;
	transition: background 0.2s var(--ease), color 0.2s var(--ease);
}

.shop-filter__link:hover,
.shop-filter__link.is-active {
	background: rgba(32, 70, 52, 0.08);
	color: var(--primary);
}

.shop-filter__count {
	font-size: 0.8rem;
	color: var(--muted);
	background: var(--cream);
	border-radius: 999px;
	padding: 2px 8px;
	min-width: 1.6em;
	text-align: center;
}

.shop-filter__link.is-active .shop-filter__count {
	background: rgba(32, 70, 52, 0.12);
	color: var(--primary);
}

.shop-filter__price {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
}

.shop-filter__price-sep {
	color: var(--muted);
}

.shop-filter__input,
.shop-filter__select {
	width: 100%;
	border: 1px solid var(--border);
	border-radius: 12px;
	background: var(--bg);
	color: var(--text);
	font-family: var(--font-body);
	font-size: 0.9rem;
	padding: 10px 12px;
	outline: none;
	box-sizing: border-box;
}

.shop-filter__input:focus,
.shop-filter__select:focus {
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(32, 70, 52, 0.1);
}

.shop-filter__hint {
	margin: 0;
	font-size: 0.8rem;
	color: var(--muted);
}

.shop-filter__check {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.95rem;
	color: var(--text);
	cursor: pointer;
}

.shop-filter__check input {
	width: 16px;
	height: 16px;
	accent-color: var(--primary);
}

.shop-filter__actions {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.shop-filter__submit {
	width: 100%;
	justify-content: center;
}

.shop-filter__reset {
	text-align: center;
	font-size: 0.875rem;
	color: var(--muted);
	text-decoration: underline;
}

.shop-filter__reset:hover {
	color: var(--primary);
}

/* Toolbar (result count) */
.shop-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.shop-toolbar .woocommerce-result-count {
	margin: 0;
	color: var(--muted);
	font-size: 0.9rem;
}

.shop-toolbar .woocommerce-notices-wrapper {
	display: none !important; /* toast instead */
}

/* Hide global add-to-cart success banner on shop/product — toast handles it */
body.woocommerce-shop .woocommerce-notices-wrapper .woocommerce-message,
body.tax-product_cat .woocommerce-notices-wrapper .woocommerce-message,
body.single-product .woocommerce-notices-wrapper .woocommerce-message,
body.home .woocommerce-notices-wrapper .woocommerce-message {
	display: none !important;
}

/* Product grid — same visual language as homepage .product-card */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

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

.woocommerce ul.products li.product,
.woocommerce ul.products li.product-card-wrap {
	width: 100% !important;
	margin: 0 !important;
	float: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	text-align: left;
}

/* Card itself (homepage style) */
.woocommerce ul.products .product-card {
	height: 100%;
	opacity: 1;
	transform: none;
}

.woocommerce ul.products .product-card.reveal {
	opacity: 1;
	transform: none;
}

.woocommerce span.onsale {
	display: none !important; /* tag on card covers sale context */
}

.woocommerce-result-count,
.woocommerce-ordering {
	color: var(--muted);
	font-size: 0.9rem;
	margin-bottom: 0;
}

.woocommerce-ordering {
	display: none; /* moved into sidebar filter */
}

.woocommerce-ordering select {
	border: 1px solid var(--border);
	border-radius: 999px;
	padding: 8px 14px;
	background: var(--surface);
	font-family: var(--font-body);
}

.woocommerce-pagination {
	margin-top: 40px;
}

.woocommerce-pagination ul {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.woocommerce-pagination ul li {
	border: 0;
	margin: 0;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 12px;
	border-radius: 999px;
	border: 1px solid var(--border);
	background: var(--surface);
	color: var(--text);
	font-weight: 600;
	text-decoration: none;
}

.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
	background: var(--primary);
	border-color: var(--primary);
	color: var(--bg);
}

@media (max-width: 992px) {
	.shop-layout__body {
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.shop-filter {
		position: static;
	}

	.woocommerce ul.products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.woocommerce ul.products {
		grid-template-columns: 1fr;
	}

	body.woocommerce-cart .page-content,
	body.woocommerce-checkout .page-content {
		padding-block: 28px 56px;
	}

	.wc-page--shop {
		padding-block: 28px 56px;
	}
}

/* Breadcrumb on shop */
.woocommerce .woocommerce-breadcrumb {
	font-size: 0.875rem;
	color: var(--muted);
	margin-bottom: 24px;
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--muted);
	text-decoration: none;
}

.woocommerce .woocommerce-breadcrumb a:hover {
	color: var(--primary);
}

/* Screen reader helper if missing */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}