/*
 * Formafern: WooCommerce block styles. Presentation only: the blocks keep
 * WooCommerce's own behaviour for prices, variations, cart and checkout.
 *
 * Contents: product grids and cards, swatches, catalog and filters, product
 * page, furniture details, cart, checkout, mini-cart, account, notices.
 */

/* ---------- Product grids ---------- */

.fo-products .wc-block-product-template {
	display: grid !important;
	grid-template-columns: repeat(var(--fo-cols, 4), minmax(0, 1fr));
	gap: var(--wp--preset--spacing--60) var(--wp--custom--card--gap) !important;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fo-products .wc-block-product-template.columns-3 {
	--fo-cols: 3;
}

.fo-products .wc-block-product-template.columns-2 {
	--fo-cols: 2;
}

.fo-products .wc-block-product-template > li {
	inline-size: auto !important;
	margin: 0 !important;
}

@media (max-width: 1099px) {

	.fo-products .wc-block-product-template {
		--fo-cols: 3 !important;
	}
}

@media (max-width: 781px) {

	.fo-products .wc-block-product-template {
		--fo-cols: 2 !important;
		row-gap: var(--wp--preset--spacing--50) !important;
	}
}

@media (max-width: 359px) {

	.fo-products .wc-block-product-template {
		--fo-cols: 1 !important;
	}
}

/* ---------- Product card ---------- */

.fo-products .wc-block-product {
	position: relative;
	display: flex;
	flex-direction: column;
	text-align: start;
}

.fo-card__image {
	position: relative;
	margin: 0 0 1rem !important;
	overflow: hidden;
	background: var(--wp--custom--image--tone);
}

.fo-card__image img {
	display: block;
	inline-size: 100%;
	transition: transform 900ms cubic-bezier(0.2, 0.6, 0.2, 1);
}

.fo-products .wc-block-product:hover .fo-card__image img {
	transform: scale(1.035);
}

.fo-card__image .wc-block-components-product-sale-badge,
.wc-block-components-product-sale-badge {
	inset-block-start: 0.75rem !important;
	inset-inline-start: 0.75rem !important;
	padding: 0.25rem 0.6rem;
	border: 0;
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--sale);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fo-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.3rem;
}

.fo-card__body > * {
	margin: 0 !important;
}

.fo-card__title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 1.1875rem !important;
	font-weight: 380;
	line-height: 1.25;
	letter-spacing: -0.005em;
}

.fo-card__title a {
	text-decoration: none;
}

.fo-card__title a:hover {
	text-decoration: underline;
	text-decoration-thickness: 1px;
}

.fo-material,
.fo-card__material {
	margin: 0;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.04em;
	color: var(--wp--preset--color--muted);
}

.fo-card__meta {
	gap: 0.5rem 1rem;
	margin-block-start: 0.35rem !important;
}

.fo-card__price,
.fo-card__price .wc-block-components-product-price {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	text-align: start !important;
}

.wc-block-components-product-price del,
.price del {
	color: var(--wp--preset--color--muted);
	opacity: 0.85;
}

.wc-block-components-product-price ins,
.price ins {
	text-decoration: none;
	color: var(--wp--preset--color--sale);
}

/* Availability only when it says something: out of stock, backorder, low stock. */
.fo-card__stock {
	font-size: var(--wp--preset--font-size--x-small);
	color: var(--wp--preset--color--muted);
}

.fo-card__stock.wc-block-components-product-stock-indicator--in-stock,
.fo-card__stock:has(.wc-block-components-product-stock-indicator--in-stock) {
	display: none;
}

.fo-card__stock.wc-block-components-product-stock-indicator--out-of-stock {
	color: var(--wp--preset--color--sale);
}

/* The purchase action reads as a quiet text link, always visible for touch. */
.fo-card__button {
	margin-block-start: auto !important;
	padding-block-start: 0.6rem;
	text-align: start !important;
}

.fo-card__button .wp-block-button__link,
.fo-card__button .wc-block-components-product-button__button {
	display: inline-flex;
	align-items: center;
	min-block-size: 2.25rem;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0;
	background: none !important;
	color: var(--wp--preset--color--contrast) !important;
	font-size: var(--wp--preset--font-size--x-small) !important;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: underline;
	text-underline-offset: 0.45em;
	text-decoration-color: var(--wp--preset--color--line);
}

.fo-card__button .wp-block-button__link:hover,
.fo-card__button .wc-block-components-product-button__button:hover {
	text-decoration-color: currentColor;
}

.fo-card__button .wc-block-components-product-button__button.loading {
	opacity: 0.6;
}

.fo-card__button .added_to_cart {
	margin-inline-start: 1rem;
	font-size: var(--wp--preset--font-size--x-small);
}

/* ---------- Swatches ---------- */

.fo-swatches__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fo-swatch {
	position: relative;
	z-index: 2;
	display: inline-grid;
	place-items: center;
	inline-size: 1.125rem;
	block-size: 1.125rem;
	border-radius: 50%;
	background: var(--fo-swatch, var(--wp--preset--color--surface));
	box-shadow: inset 0 0 0 1px rgba(51, 56, 50, 0.18), 0 0 0 1px var(--wp--preset--color--base), 0 0 0 2px transparent;
	transition: box-shadow var(--fo-ease, 200ms ease);
}

.fo-swatch:hover,
.fo-swatch:focus-visible {
	box-shadow: inset 0 0 0 1px rgba(51, 56, 50, 0.18), 0 0 0 2px var(--wp--preset--color--base), 0 0 0 3px var(--wp--preset--color--contrast);
	outline: none;
}

/* Hit area for touch without growing the dot. */
.fo-swatch::before {
	content: "";
	position: absolute;
	inset: -0.4rem;
}

.fo-swatch--text {
	inline-size: auto;
	block-size: auto;
	padding: 0.1rem 0.45rem;
	border-radius: var(--wp--custom--radius--pill);
	font-size: 0.6875rem;
	text-decoration: none;
	color: var(--wp--preset--color--muted);
}

.fo-swatches__more a {
	font-size: 0.6875rem;
	color: var(--wp--preset--color--muted);
	text-decoration: none;
}

/* ---------- Rows: curated, rail, compact, complete the look ---------- */

/* Curated: introduction column beside a three-column grid. */
.fo-products--curated {
	display: grid;
	grid-template-columns: minmax(0, 4fr) minmax(0, 8fr);
	gap: var(--wp--preset--spacing--70);
	align-items: start;
}

.fo-products > .wc-block-components-notices {
	grid-column: 1 / -1;
}

.fo-products > .wc-block-components-notices:empty {
	display: none;
}

.fo-products--curated > .wc-block-product-template {
	grid-column: 2;
}

.fo-curated__intro {
	grid-column: 1;
	position: sticky;
	inset-block-start: calc(var(--fo-sticky-offset, 5rem) + 2rem);
}

.fo-curated__intro > * {
	margin-block: 0 var(--wp--preset--spacing--40);
}

.fo-products--curated .wc-block-product-template > li:nth-child(3n + 2) {
	margin-block-start: var(--wp--preset--spacing--60) !important;
}

@media (max-width: 899px) {

	.fo-products--curated {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--50);
	}

	.fo-curated__intro {
		position: static;
	}

	.fo-products--curated > .wc-block-product-template {
		grid-column: 1;
	}

	.fo-products--curated .wc-block-product-template > li:nth-child(3n + 2) {
		margin-block-start: 0 !important;
	}
}

/* New arrivals: a horizontal rail with generous cards; scrolls with touch, trackpad or Tab. */
.fo-products--rail .wc-block-product-template {
	display: flex !important;
	gap: var(--wp--custom--card--gap) !important;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--fo-gutter);
	margin-inline: calc(-1 * var(--fo-gutter)) !important;
	padding-inline: var(--fo-gutter) !important;
	padding-block-end: 1.25rem !important;
	scrollbar-width: thin;
	scrollbar-color: var(--wp--preset--color--oak) transparent;
}

.fo-products--rail .wc-block-product-template > li {
	flex: 0 0 clamp(15rem, 27vw, 24rem);
	scroll-snap-align: start;
}

.fo-products--rail .wc-block-product-template > li:nth-child(even) .fo-card__image img {
	aspect-ratio: 1 / 1 !important;
}

@media (max-width: 599px) {

	.fo-products--rail .wc-block-product-template > li {
		flex-basis: 72vw;
	}
}

/* Décor: compact two-up grid on the warm section. */
.fo-products--compact .wc-block-product-template {
	--fo-cols: 2 !important;
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) !important;
}

/* Lighting section: three pieces in a row beside the photograph. */
.fo-details-sec--flip .fo-products--compact .wc-block-product-template {
	--fo-cols: 3 !important;
}

@media (max-width: 599px) {

	.fo-details-sec--flip .fo-products--compact .wc-block-product-template {
		--fo-cols: 2 !important;
	}
}

.fo-products--compact .fo-card__image img {
	aspect-ratio: 1 / 1 !important;
}

.fo-products--compact .fo-card__button {
	display: none;
}

.fo-details-sec .fo-card__image {
	background: color-mix(in srgb, var(--wp--preset--color--base) 55%, transparent);
}

/* Complete the look: numbered companions, clearly separate products. */
.fo-look__head {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--60);
	align-items: end;
	margin-block-end: var(--wp--preset--spacing--60);
}

.fo-look__head > .is-style-fo-eyebrow {
	grid-column: 1 / -1;
}

.fo-look__head > * {
	margin: 0;
}

.fo-products--look .wc-block-product-template {
	counter-reset: fo-look;
}

.fo-products--look .wc-block-product::before {
	counter-increment: fo-look;
	content: counter(fo-look, decimal-leading-zero);
	position: absolute;
	z-index: 2;
	inset-block-start: 0.75rem;
	inset-inline-end: 0.75rem;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 781px) {

	.fo-look__head {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--30);
	}
}

.fo-related__head {
	margin-block-end: var(--wp--preset--spacing--40);
}

/* ---------- Catalog ---------- */

.fo-crumbs {
	margin-block-end: var(--wp--preset--spacing--30);
}

.fo-crumbs a {
	text-decoration: none;
}

.fo-crumbs a:hover {
	text-decoration: underline;
}

.fo-catalog-head {
	padding-block: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
}

.fo-catalog-head__row {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--60);
	align-items: end;
}

.fo-catalog-head__row > * {
	margin: 0;
}

.fo-catalog-head__title {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 300;
	max-inline-size: 16ch;
}

.fo-catalog-head__lead,
.fo-catalog-head__lead p {
	margin: 0;
	max-inline-size: 46ch;
	color: var(--wp--preset--color--muted);
}

.fo-catalog-head--search {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--40);
	align-items: end;
}

.fo-catalog-head--search > * {
	margin: 0;
}

.fo-term-image {
	margin: var(--wp--preset--spacing--50) 0 0;
}

.fo-term-image img {
	display: block;
	inline-size: 100%;
	aspect-ratio: 21 / 8;
	object-fit: cover;
	background: var(--wp--custom--image--tone);
}

@media (max-width: 781px) {

	.fo-catalog-head__row,
	.fo-catalog-head--search {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--30);
	}

	.fo-term-image img {
		aspect-ratio: 4 / 3;
	}
}

.fo-catalog__layout {
	display: grid;
	grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60);
	align-items: start;
	padding-block-start: var(--wp--preset--spacing--40);
	border-block-start: var(--fo-rule);
}

.fo-catalog__aside {
	position: sticky;
	inset-block-start: calc(var(--fo-sticky-offset, 5rem) + 1.5rem);
	max-block-size: calc(100vh - var(--fo-sticky-offset, 5rem) - 3rem);
	overflow-y: auto;
	scrollbar-width: thin;
	margin: 0 !important;
}

.fo-catalog__main {
	margin: 0 !important;
}

.fo-catalog__toolbar {
	margin-block-end: var(--wp--preset--spacing--50);
	gap: 1rem;
	font-size: var(--wp--preset--font-size--small);
}

.fo-catalog__toolbar .woocommerce-result-count {
	margin: 0;
	color: var(--wp--preset--color--muted);
}

.fo-catalog__toolbar .woocommerce-ordering {
	margin: 0;
}

.fo-catalog__toolbar .orderby,
.woocommerce-ordering select {
	padding: 0.6rem 2.25rem 0.6rem 0.9rem;
	border: var(--fo-rule);
	border-radius: var(--wp--custom--radius--control);
	background-color: var(--wp--preset--color--white);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast);
}

/* Filters */
.fo-filters__title {
	margin: 0 0 var(--wp--preset--spacing--30);
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.fo-filters .wc-block-product-filters__overlay-content > * + *,
.fo-filters > * + * {
	margin-block-start: 0;
}

.fo-filters [class*="wp-block-woocommerce-product-filter-"]:not(.wp-block-woocommerce-product-filter-active):not(.wp-block-woocommerce-product-filter-checkbox-list):not(.wp-block-woocommerce-product-filter-chips):not(.wp-block-woocommerce-product-filter-price-slider):not(.wp-block-woocommerce-product-filter-removable-chips):not(.wp-block-woocommerce-product-filter-clear-button) {
	padding-block: 1rem;
	border-block-start: var(--fo-rule);
}

.fo-filter__title {
	margin: 0 0 0.75rem;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.02em;
}

.fo-filters .wc-block-product-filter-checkbox-list__label {
	font-size: var(--wp--preset--font-size--small);
}

.fo-filters .wc-block-product-filter-checkbox-list__input-wrapper::before,
.fo-filters input[type="checkbox"] {
	border-radius: var(--wp--custom--radius--control);
}

.fo-filters .wc-block-product-filter-checkbox-list__count,
.fo-filters .wc-block-product-filter-chips__count {
	color: var(--wp--preset--color--muted);
}

.fo-filters .wc-block-product-filter-chips__item {
	border-radius: var(--wp--custom--radius--pill);
	border-color: var(--wp--preset--color--line);
	font-size: var(--wp--preset--font-size--x-small);
}

.fo-filters .wc-block-product-filter-chips__item[aria-checked="true"] {
	border-color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

.fo-filters .wc-block-product-filter-removable-chips__item {
	border-radius: var(--wp--custom--radius--pill);
	font-size: var(--wp--preset--font-size--x-small);
}

/* Phones and tablets: WooCommerce's filter drawer, with its button styled to match. */
.fo-filters .wc-block-product-filters__open-overlay {
	align-items: center;
	gap: 0.5rem;
	padding: 0.7rem 1.1rem;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: var(--wp--custom--radius--pill);
	background: transparent;
	color: var(--wp--preset--color--contrast);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
}

.fo-filters .wc-block-product-filters__overlay-dialog {
	background: var(--wp--preset--color--base);
}

.fo-filters .wc-block-product-filters__overlay-footer .wc-block-product-filters__apply {
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

@media (max-width: 1099px) {

	.fo-catalog__layout {
		grid-template-columns: minmax(11rem, 13rem) minmax(0, 1fr);
		gap: var(--wp--preset--spacing--50);
	}

	.fo-products--catalog .wc-block-product-template {
		--fo-cols: 2 !important;
	}
}

/* Phones: WooCommerce's own filter drawer replaces the sidebar. */
@media (max-width: 599px) {

	.fo-catalog__layout {
		grid-template-columns: 1fr;
		gap: 0;
		border: 0;
		padding: 0;
	}

	.fo-catalog__aside {
		position: static;
		max-block-size: none;
		overflow: visible;
		margin-block-end: var(--wp--preset--spacing--30) !important;
	}

	.fo-catalog__aside .fo-filters__title {
		display: none;
	}

	.fo-catalog__toolbar {
		padding-block: 0.75rem;
		border-block: var(--fo-rule);
	}
}

/* ---------- Product page ---------- */

.fo-product {
	padding-block-start: var(--wp--preset--spacing--30);
}

.fo-product__hero {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: var(--wp--preset--spacing--70);
	align-items: start;
}

.fo-product__gallery {
	margin: 0 !important;
	min-inline-size: 0;
}

/*
 * Gallery: without the slider WooCommerce prints every image in full. The
 * first is shown large, the rest in a two-up grid below, uncropped (product
 * photographs keep their own proportions).
 */
.fo-product__gallery .woocommerce-product-gallery {
	position: relative;
	margin: 0;
	opacity: 1 !important;
}

.fo-product__gallery .woocommerce-product-gallery__wrapper {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
	margin: 0;
}

.fo-product__gallery .woocommerce-product-gallery__image {
	margin: 0;
	background: var(--wp--custom--image--tone);
}

.fo-product__gallery .woocommerce-product-gallery__image:first-child {
	grid-column: 1 / -1;
}

.fo-product__gallery .woocommerce-product-gallery__image img {
	display: block;
	inline-size: 100%;
	block-size: auto;
	cursor: zoom-in;
}

.fo-product__gallery .woocommerce-product-gallery__trigger {
	position: absolute;
	z-index: 5;
	inset-block-start: 1rem;
	inset-inline-end: 1rem;
	display: grid;
	place-items: center;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	border-radius: 50%;
	background: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--sm);
	font-size: 0;
	text-decoration: none;
}

.fo-product__gallery .woocommerce-product-gallery__trigger::before {
	content: "";
	inline-size: 1rem;
	block-size: 1rem;
	background: var(--wp--preset--color--contrast);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1 6V1h5M10 1h5v5M15 10v5h-5M6 15H1v-5' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.fo-product__gallery .woocommerce-product-gallery__trigger img {
	display: none !important;
}

/* The kit defers the lightbox CSS to the footer: keep its markup hidden until then. */
.pswp {
	display: none;
}

.pswp--open {
	display: block;
}

@media (max-width: 899px) {

	.fo-product__hero {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--50);
	}

	/* Phones: the gallery becomes a swipeable row of full images. */
	.fo-product__gallery .woocommerce-product-gallery__wrapper {
		display: flex;
		gap: 0.5rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		margin-inline: calc(-1 * var(--fo-gutter));
		padding-inline: var(--fo-gutter);
		scroll-padding-inline: var(--fo-gutter);
		scrollbar-width: none;
	}

	.fo-product__gallery .woocommerce-product-gallery__image {
		flex: 0 0 86%;
		scroll-snap-align: start;
	}

	.fo-product__gallery .woocommerce-product-gallery__image:only-child {
		flex-basis: 100%;
	}
}

/* Summary column */
.fo-product__summary {
	position: sticky;
	inset-block-start: calc(var(--fo-sticky-offset, 5rem) + 1.5rem);
	margin: 0 !important;
}

.fo-product__summary > * {
	margin-block: 0 !important;
}

.fo-product__cats {
	margin-block-end: 0.75rem !important;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.fo-product__cats a {
	text-decoration: none;
}

.fo-product__title {
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: 300;
	line-height: 1.04;
	letter-spacing: -0.025em;
}

.fo-product__material {
	margin-block-start: 0.6rem !important;
	font-size: var(--wp--preset--font-size--small);
}

.fo-product__price {
	margin-block-start: var(--wp--preset--spacing--40) !important;
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 340;
}

.fo-product__rating {
	margin-block-start: 0.5rem !important;
}

.fo-product__excerpt {
	margin-block-start: var(--wp--preset--spacing--40) !important;
	color: var(--wp--preset--color--muted);
}

.fo-product__buy {
	margin-block-start: var(--wp--preset--spacing--50) !important;
	padding-block-start: var(--wp--preset--spacing--40);
	border-block-start: var(--fo-rule);
}

.fo-product__notes {
	margin-block-start: var(--wp--preset--spacing--40) !important;
}

@media (max-width: 899px) {

	.fo-product__summary {
		position: static;
	}
}

/* Add to cart form */
.fo-product__buy form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0;
}

.fo-product__buy form.variations_form {
	display: block;
}

.fo-product__buy .variations {
	inline-size: 100%;
	margin: 0 0 1rem;
	border: 0;
	border-collapse: collapse;
}

.fo-product__buy .variations tr {
	display: block;
	margin-block-end: 1.25rem;
}

.fo-product__buy .variations th,
.fo-product__buy .variations td {
	display: block;
	padding: 0;
	border: 0;
	text-align: start;
}

.fo-product__buy .variations th.label {
	margin-block-end: 0.6rem;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.fo-product__buy .variations select {
	inline-size: 100%;
	max-inline-size: 22rem;
	padding: 0.75rem 1rem;
	border: var(--fo-rule);
	border-radius: var(--wp--custom--radius--control);
	background-color: var(--wp--preset--color--white);
	font: inherit;
	color: var(--wp--preset--color--contrast);
}

.fo-product__buy .reset_variations {
	display: inline-block;
	margin-block-start: 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

/* Variation swatches (assets/js/product.js) sit on top of the native select. */
.fo-variation-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	border: 0;
}

.fo-variation-swatch {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	min-block-size: 2.75rem;
	padding: 0.4rem 1rem 0.4rem 0.45rem;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--pill);
	background: var(--wp--preset--color--white);
	color: var(--wp--preset--color--contrast);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	cursor: pointer;
	transition: border-color var(--fo-ease), background-color var(--fo-ease);
}

.fo-variation-swatch:not(:has(.fo-variation-swatch__chip)) {
	padding-inline: 1rem;
}

.fo-variation-swatch__chip {
	inline-size: 1.75rem;
	block-size: 1.75rem;
	border-radius: 50%;
	background: var(--fo-swatch);
	box-shadow: inset 0 0 0 1px rgba(51, 56, 50, 0.16);
}

.fo-variation-swatch:hover {
	border-color: var(--wp--preset--color--contrast);
}

.fo-variation-swatch[aria-pressed="true"] {
	border-color: var(--wp--preset--color--contrast);
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--contrast);
}

.fo-variation-swatch[aria-disabled="true"] {
	opacity: 0.45;
	text-decoration: line-through;
	cursor: not-allowed;
}

.fo-variation-select-hidden {
	position: absolute !important;
	inline-size: 1px !important;
	block-size: 1px !important;
	overflow: hidden !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

.fo-product__buy .single_variation_wrap {
	margin-block-start: 0.5rem;
}

.fo-product__buy .woocommerce-variation-price {
	margin-block-end: 0.5rem;
	font-size: var(--wp--preset--font-size--medium);
}

.fo-product__buy .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.fo-product__buy .stock,
.fo-product__buy .woocommerce-variation-availability p {
	margin: 0 0 0.75rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-deep);
}

.fo-product__buy .stock.out-of-stock {
	color: var(--wp--preset--color--sale);
}

.fo-product__buy .quantity {
	display: flex;
	align-items: stretch;
}

.fo-product__buy .quantity .qty {
	inline-size: 4.5rem;
	min-block-size: 3.25rem;
	padding: 0.5rem;
	border: var(--fo-rule);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--white);
	font: inherit;
	text-align: center;
	color: var(--wp--preset--color--contrast);
}

.fo-product__buy .single_add_to_cart_button {
	flex: 1 1 14rem;
	min-block-size: 3.25rem;
	padding-inline: 2rem;
	font-size: var(--wp--preset--font-size--small) !important;
}

.fo-product__buy .single_add_to_cart_button.disabled,
.fo-product__buy .single_add_to_cart_button:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.fo-product__buy .group_table {
	inline-size: 100%;
	margin-block-end: 1rem;
	border-collapse: collapse;
}

.fo-product__buy .group_table td {
	padding: 0.75rem 0.5rem 0.75rem 0;
	border-block-end: var(--fo-rule);
	vertical-align: middle;
}

/* Delivery notes under the button. */
.fo-details__summary {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

.fo-details__summary li {
	position: relative;
	padding-block: 0.55rem;
	padding-inline-start: 1.5rem;
	border-block-end: var(--fo-rule);
}

.fo-details__summary li::before {
	content: "";
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 1.05rem;
	inline-size: 0.6rem;
	block-size: 1px;
	background: var(--wp--preset--color--accent);
}

.fo-details__key {
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}

.fo-details__key::after {
	content: ":";
}

/* ---------- Story and furniture details ---------- */

.fo-product__story {
	display: grid;
	grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
	gap: var(--wp--preset--spacing--70);
	align-items: start;
	margin-block-start: var(--wp--preset--spacing--70) !important;
	border-block-start: var(--fo-rule);
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) !important;
}

.fo-product__story > * {
	margin: 0 !important;
}

.fo-product__description {
	font-size: var(--wp--preset--font-size--medium);
	line-height: 1.7;
}

.fo-product__description > :first-child {
	margin-block-start: 0;
}

.fo-product__description p:first-child {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 320;
	line-height: 1.35;
}

@media (max-width: 899px) {

	.fo-product__story {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--50);
	}
}

.fo-details {
	border-block-start: var(--fo-rule);
}

.fo-details__item {
	border-block-end: var(--fo-rule);
}

.fo-details__summary-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-block-size: 3.5rem;
	padding-block: 1rem;
	list-style: none;
	cursor: pointer;
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 380;
}

.fo-details__summary-row::-webkit-details-marker {
	display: none;
}

.fo-details__summary-row::after {
	content: "";
	flex: none;
	inline-size: 0.75rem;
	block-size: 0.75rem;
	background:
		linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat,
		linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat;
	transition: transform var(--fo-ease);
}

.fo-details__item[open] > .fo-details__summary-row::after {
	transform: rotate(45deg);
}

.fo-details__body {
	padding-block-end: 1.5rem;
	font-size: var(--wp--preset--font-size--small);
}

.fo-details__body > :first-child {
	margin-block-start: 0;
}

.fo-details__hint {
	margin-block: 1rem 0;
	color: var(--wp--preset--color--muted);
}

.fo-spec-table {
	inline-size: 100%;
	border-collapse: collapse;
}

.fo-spec-table th,
.fo-spec-table td {
	padding: 0.65rem 0;
	border-block-end: 1px dotted var(--wp--preset--color--line);
	text-align: start;
	vertical-align: top;
	font-size: var(--wp--preset--font-size--small);
}

.fo-spec-table th {
	inline-size: 42%;
	padding-inline-end: 1rem;
	font-weight: 400;
	color: var(--wp--preset--color--muted);
}

.fo-spec-table tr:last-child th,
.fo-spec-table tr:last-child td {
	border-block-end: 0;
}

.fo-spec__note {
	color: var(--wp--preset--color--muted);
}

.fo-details__dims.has-diagram {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: var(--wp--preset--spacing--40);
	align-items: center;
}

@media (max-width: 599px) {

	.fo-details__dims.has-diagram {
		grid-template-columns: 1fr;
	}
}

.fo-diagram {
	margin: 0;
	padding: 1rem;
	background: var(--wp--preset--color--surface);
}

.fo-diagram__svg {
	display: block;
	inline-size: 100%;
	block-size: auto;
	overflow: visible;
}

.fo-diagram__face {
	fill: var(--wp--preset--color--base);
	stroke: var(--wp--preset--color--contrast);
	stroke-width: 1;
	stroke-linejoin: round;
}

.fo-diagram__face--side {
	fill: var(--wp--preset--color--sandstone);
}

.fo-diagram__face--front {
	fill: var(--wp--preset--color--white);
}

.fo-diagram__dim {
	stroke: var(--wp--preset--color--accent-deep);
	stroke-width: 1;
	marker-start: none;
}

.fo-diagram__label {
	fill: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--body);
	font-size: 11px;
	letter-spacing: 0.02em;
}

.fo-diagram__caption {
	margin-block-start: 0.5rem;
	font-size: 0.6875rem;
	color: var(--wp--preset--color--muted);
}

/* Reviews */
.fo-product__reviews {
	border-block-start: var(--fo-rule);
}

.fo-product__reviews h2,
.fo-product__reviews .woocommerce-Reviews-title {
	font-size: var(--wp--preset--font-size--x-large);
}

.fo-product__reviews .star-rating,
.wc-block-components-product-rating__stars {
	color: var(--wp--preset--color--contrast);
}

.fo-product__reviews textarea,
.fo-product__reviews input[type="text"],
.fo-product__reviews input[type="email"] {
	inline-size: 100%;
	padding: 0.75rem 1rem;
	border: var(--fo-rule);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--white);
	font: inherit;
}

/* ---------- Cart and checkout ---------- */

.fo-cart .wp-block-woocommerce-cart,
.fo-checkout .wp-block-woocommerce-checkout {
	margin-block-start: var(--wp--preset--spacing--30);
}

.wc-block-cart,
.wc-block-checkout {
	font-size: var(--wp--preset--font-size--base);
}

.wc-block-cart .wc-block-cart-items__header,
.wc-block-components-totals-item__label,
.wc-block-components-sidebar .wc-block-components-panel__button {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.wc-block-cart-items {
	border-block-start: var(--fo-rule);
}

.wc-block-cart-items .wc-block-cart-items__row {
	border-block-end: var(--fo-rule);
}

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	background: var(--wp--custom--image--tone);
}

.wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: 380;
	text-decoration: none;
}

.wc-block-components-product-metadata {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

.wc-block-cart__sidebar,
.wc-block-checkout__sidebar {
	padding: var(--wp--preset--spacing--40) !important;
	background: var(--wp--preset--color--surface);
}

.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block {
	border: 0 !important;
}

.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text,
.wc-block-components-title {
	font-family: var(--wp--preset--font-family--heading) !important;
	font-size: var(--wp--preset--font-size--large) !important;
	font-weight: 340 !important;
	text-transform: none !important;
	letter-spacing: -0.01em !important;
}

.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-size: var(--wp--preset--font-size--medium);
	text-transform: none;
	letter-spacing: 0;
	color: var(--wp--preset--color--contrast);
}

.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	min-block-size: 3.25rem;
	border-radius: var(--wp--custom--radius--control) !important;
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.wc-block-components-button:not(.is-link):hover {
	background: var(--wp--preset--color--accent-deep) !important;
}

.wc-block-components-button.is-link {
	color: var(--wp--preset--color--contrast);
}

/* Form fields: calm white fields with a clear focus and accessible errors. */
.wc-block-components-text-input input,
.wc-block-components-combobox .wc-block-components-combobox-control input,
.wc-block-components-form .wc-block-components-text-input input,
.wc-blocks-components-select__select,
.wc-block-components-textarea {
	border: 1px solid var(--wp--preset--color--line) !important;
	border-radius: var(--wp--custom--radius--control) !important;
	background: var(--wp--preset--color--white) !important;
	color: var(--wp--preset--color--contrast) !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select__select:focus,
.wc-block-components-textarea:focus {
	border-color: var(--wp--preset--color--contrast) !important;
	box-shadow: 0 0 0 1px var(--wp--preset--color--contrast) !important;
	outline: none;
}

.wc-block-components-text-input.has-error input,
.wc-block-components-validation-error {
	border-color: var(--wp--preset--color--sale) !important;
	color: var(--wp--preset--color--sale);
}

.wc-block-components-validation-error {
	font-size: var(--wp--preset--font-size--small);
}

.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border-radius: var(--wp--custom--radius--control) !important;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted {
	box-shadow: inset 0 0 0 1px var(--wp--preset--color--contrast) !important;
}

.wc-block-components-radio-control__input:checked,
.wc-block-components-checkbox .wc-block-components-checkbox__input:checked {
	border-color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--contrast);
}

.wc-block-components-checkout-step__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 340;
}

.wc-block-components-checkout-step__heading-content,
.wc-block-components-checkout-step__description {
	color: var(--wp--preset--color--muted);
}

.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 300;
}

.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before {
	display: none;
}

.fo-checkout {
	padding-block-start: var(--wp--preset--spacing--40);
}

/* Notices */
.wc-block-components-notice-banner,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--wp--custom--radius--control) !important;
	font-size: var(--wp--preset--font-size--small);
}

.wc-block-components-notice-banner.is-success {
	border-color: var(--wp--preset--color--accent) !important;
	background: color-mix(in srgb, var(--wp--preset--color--accent) 10%, var(--wp--preset--color--base)) !important;
}

.wc-block-components-notice-banner.is-error {
	border-color: var(--wp--preset--color--sale) !important;
	background: color-mix(in srgb, var(--wp--preset--color--sale) 8%, var(--wp--preset--color--base)) !important;
}

.wc-block-components-notice-banner.is-info {
	border-color: var(--wp--preset--color--line) !important;
	background: var(--wp--preset--color--surface) !important;
}

.wc-block-components-notice-banner.is-info > svg {
	background: var(--wp--preset--color--accent-deep) !important;
	fill: var(--wp--preset--color--on-accent) !important;
}

.wc-block-components-notice-banner .wc-forward,
.wc-block-components-notice-banner a {
	color: var(--wp--preset--color--contrast) !important;
}

/* The notice's action link comes first in the markup: show it after the text, on the same line. */
.wc-block-components-notice-banner {
	align-items: center !important;
}

.wc-block-components-notice-banner__content:has(> .wc-forward) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem 1.5rem;
}

.wc-block-components-notice-banner__content > .wc-forward {
	order: 2;
	float: none !important;
	margin: 0 !important;
	white-space: nowrap;
}

/* ---------- Mini-cart drawer ---------- */

.wc-block-mini-cart__drawer .components-modal__content,
.wc-block-mini-cart__drawer .wc-block-mini-cart__template-part {
	background: var(--wp--preset--color--base);
}

.wc-block-mini-cart__title {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 340;
	font-size: var(--wp--preset--font-size--large) !important;
}

.wc-block-mini-cart__footer {
	border-block-start: var(--fo-rule);
}

.wc-block-mini-cart__footer-actions .wc-block-components-button.outlined {
	background: transparent !important;
	color: var(--wp--preset--color--contrast) !important;
	border: 1px solid var(--wp--preset--color--contrast) !important;
}

/* ---------- My account (classic markup inside the page) ---------- */

/*
 * WooCommerce floats the navigation and content (30% / 68%) and gives
 * .woocommerce clearfix ::before/::after boxes. In a grid those boxes become
 * grid items and push the navigation into the second column, so drop them and
 * place both columns explicitly.
 */
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	display: grid;
	grid-template-columns: minmax(12rem, 15rem) minmax(0, 1fr);
	gap: var(--wp--preset--spacing--60);
	align-items: start;
}

/* The account area spans the wide width, like the page title above it. */
.woocommerce-account .wp-block-post-content:has(> .woocommerce > .woocommerce-MyAccount-navigation),
.woocommerce-account .wp-block-post-content > .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	max-inline-size: var(--wp--style--global--wide-size);
}

.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
	display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	inline-size: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	grid-column: 1;
}

.woocommerce-account .woocommerce-MyAccount-content {
	grid-column: 2;
	min-inline-size: 0;
}

.woocommerce-MyAccount-navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-block-start: var(--fo-rule);
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
	margin: 0;
	padding: 0;
	border-block-end: var(--fo-rule);
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding-block: 0.75rem;
	text-decoration: none;
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce-MyAccount-navigation .is-active a {
	font-weight: 600;
	color: var(--wp--preset--color--accent-deep);
}

.woocommerce-MyAccount-content > :first-child {
	margin-block-start: 0;
}

.woocommerce-MyAccount-content > p {
	max-inline-size: 65ch;
}

.woocommerce table.shop_table,
.woocommerce-orders-table,
.woocommerce-table--order-details {
	inline-size: 100%;
	border: 0;
	border-collapse: collapse;
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 0.85rem 0.75rem 0.85rem 0;
	border: 0;
	border-block-end: var(--fo-rule);
	text-align: start;
}

.woocommerce table.shop_table thead th {
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 500;
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="password"] {
	inline-size: 100%;
	padding: 0.75rem 1rem;
	border: var(--fo-rule);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--white);
	font: inherit;
	color: var(--wp--preset--color--contrast);
}

.woocommerce form .form-row label {
	display: block;
	margin-block-end: 0.35rem;
	font-size: var(--wp--preset--font-size--small);
}

.woocommerce .button,
.woocommerce button.button,
.woocommerce a.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-block-size: 2.75rem;
	padding: 0.7rem 1.4rem;
	border: 1px solid var(--wp--preset--color--contrast);
	border-radius: var(--wp--custom--radius--control);
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	font: inherit;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-decoration: none;
	cursor: pointer;
}

.woocommerce .button:hover {
	background: var(--wp--preset--color--accent-deep);
	border-color: var(--wp--preset--color--accent-deep);
	color: var(--wp--preset--color--on-accent);
}

/*
 * Order actions (Pay, View, Cancel): compact buttons in a row. WooCommerce's
 * block-theme CSS makes each one a full-width block with a bottom margin.
 */
.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.button {
	display: inline-flex;
	min-block-size: 2.25rem;
	margin: 0.2rem 0.35rem 0.2rem 0;
	padding: 0.35rem 0.9rem;
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.06em;
	white-space: nowrap;
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.button:not(.pay),
.woocommerce-account a.button.order-actions-button:not(.pay) {
	background: transparent;
	color: var(--wp--preset--color--contrast);
}

.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a.button:not(.pay):hover,
.woocommerce-account a.button.order-actions-button:not(.pay):hover {
	border-color: var(--wp--preset--color--accent-deep);
	background: var(--wp--preset--color--accent-deep);
	color: var(--wp--preset--color--on-accent);
}

.woocommerce-account .u-columns {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--60);
}

/* Same clearfix and floats as above (it is also a .col2-set). */
.woocommerce-account .u-columns::before,
.woocommerce-account .u-columns::after {
	display: none;
}

.woocommerce-account .u-columns > .u-column1,
.woocommerce-account .u-columns > .u-column2 {
	float: none;
	inline-size: auto;
}

.woocommerce-account .u-columns h2 {
	font-size: var(--wp--preset--font-size--large);
}

.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
	padding: var(--wp--preset--spacing--50);
	border: var(--fo-rule);
	background: var(--wp--preset--color--white);
}

/*
 * WooCommerce's small-screen CSS hides every row header in responsive tables,
 * and the order number is one: show it as a labelled row like the others.
 */
@media (max-width: 768px) {

	.woocommerce-account table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number {
		display: block;
		text-align: end;
	}

	.woocommerce-account table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number::before {
		content: attr(data-title) ": ";
		float: inline-start;
		font-weight: 700;
	}
}

@media (max-width: 781px) {

	.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation),
	.woocommerce-account .u-columns {
		grid-template-columns: 1fr;
		gap: var(--wp--preset--spacing--40);
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		grid-column: 1;
	}
}

/* Order confirmation */
.wc-block-order-confirmation-status {
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 300;
}

.wc-block-order-confirmation-summary {
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--surface);
}

.wc-block-order-confirmation-summary-list-item__key {
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: var(--wp--custom--tracking--eyebrow);
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
