.woocommerce {
	margin-block: var(--margin-2xl);
    border-top: var(--border-width) solid var(--border-color);
	padding-inline: var(--spacing-inline);
}

.woocommerce-notices-wrapper {
	border: var(--border-width) solid var(--border-color);
	position: fixed;
	top: calc(var(--margin-md) + var(--header-height));
	left: var(--margin-md);
	z-index: var(--z-index-cart-message);
	background-color: var(--color-white);
	border-radius: var(--border-radius-md);
	overflow: hidden;
}

.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
	border-top: none;
	background-color: transparent;
	color: var(--text-color);
	padding: var(--margin-md);
	display: flex;
	flex-direction: column-reverse;
	max-width: 20rem;
	margin: 0;
}

.woocommerce-message li,
.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a {
	margin-top: var(--margin-md);
}

.woocommerce-message:focus-visible,
.woocommerce-error:focus-visible,
.woocommerce-info:focus-visible {
	outline: none;
}

.woocommerce-error {
	background-color: var(--color-red);
}

.woocommerce-message.is-dismissed,
.woocommerce-error.is-dismissed,
.woocommerce-info.is-dismissed {
	opacity: 0;
	transition: opacity 0.2s ease;
}

.woocommerce-message::before,
.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::after,
.woocommerce-error::after,
.woocommerce-info::after {
	display: none;
}

.woocommerce-message .button {
	width: fit-content;
	place-self: end;
	margin: var(--margin-sm) auto;
}

.woocommerce-notice__dismiss {
	position: absolute;
	top: var(--margin-md);
	left: var(--margin-md);
	border: none;
	background: transparent;
	font-size: var(--font-size-lg);
	line-height: 0.5;
	cursor: pointer;
}

.woocommerce form.woocommerce-form input[type="text"],
.woocommerce form.woocommerce-form input[type="email"],
.woocommerce form.woocommerce-form input[type="password"],
.woocommerce form.woocommerce-form input[type="tel"],
.page__content .woocommerce form input[type="text"],
.page__content .woocommerce form input[type="email"],
.page__content .woocommerce form input[type="password"],
.page__content .woocommerce form input[type="tel"],
.page__content .woocommerce form select,
.page__content .woocommerce form span.select2-selection,
.page__content .woocommerce form textarea {
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	padding: 0.4em 0.8em;
	background: var(--color-white);
	height: fit-content;
}

.page__content .woocommerce form select,
.page__content .woocommerce form span.select2-selection {
	background-color: var(--bg-color);
}

.products__container {
	border-top: var(--border-width) solid var(--border-color);
	margin-top: var(--margin-sm);
}

.products__grid {
	--_grid-gap: 0;
	--_grid-inline-gap: 0;
	--_grid-block-gap: 0;
	margin: 0 auto var(--margin-2xl);
	list-style: none;
}

.products__grid > .product-card {
	list-style: none;
}

.filters__header {
	padding-inline: var(--spacing-inline);
}

.filters {
	height: 0;
	overflow: hidden;
	transition: height 0.2s ease, transform 0.2s ease;
	transform: translateY(-3em);
}

.filters.open {
	height: auto;
	transform: translateY(0);
}

#filters-button {
	position: relative;
	cursor: pointer;
	text-align: left;
	padding-block: var(--margin-sm);
	width: 100%;
	background-color: var(--bg-color);
	z-index: 999;
	border: none;
}

.shop-orderby {
	border: none;
}

.shop-orderby__label {
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-size: var(--font-size-xs);
	margin-bottom: var(--margin-sm);
}

.shop-orderby__options {
	gap: var(--margin-2xs);
	margin-top: var(--margin-xs);
	padding-bottom: var(--margin-sm);
}

.shop-orderby__option {
	--_filter-color: var(--color-silver);

	position: relative;
	display: inline-flex;
	cursor: pointer;
}

.shop-orderby__input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.shop-orderby__text {
	display: inline-flex;
	align-items: center;
	text-transform: uppercase;
	font-size: var(--font-size-xs);
	color: var(--_filter-color);
}

.shop-orderby__circle {
	position: relative;
	width: 0.9em;
	height: 0.9em;
	margin: auto;
	border-radius: 50%;
	border: var(--border-width) solid var(--_filter-color);
	background: transparent;
	margin-right: var(--margin-xs);
}

.shop-orderby__circle::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform-origin: center;
	transform: scale(0);
	border-radius: 50%;
	background: var(--_filter-color);
	transition: transform 0.2s ease;
}

.shop-orderby__input:checked + .shop-orderby__text {
	--_filter-color: var(--text-color);
}

.shop-orderby__option:hover .shop-orderby__text > span::before {
	transform: scale(0.4);
}

.shop-orderby__input:checked + .shop-orderby__text > span::before {
	transform: scale(1);
}

.shop-orderby__input:focus-visible + .shop-orderby__text {
	outline: 2px solid var(--color-black);
	outline-offset: 2px;
}

.products {
	border-top: var(--border-width) solid var(--border-color);
}

.products__grid {
	--gap: var(--margin-xxs);
	--line-offset: calc(var(--gap) / 2);

	gap: var(--gap);
	border-top: var(--border-width) solid var(--border-color);
}

.product-card {
	position: relative;
}

.product-card__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.product-card::before,
.product-card::after {
	content: "";
	position: absolute;
	background: var(--border-color);
}

.product-card::before {
	inset-block: 0;
	inset-inline-end: calc(-1 * var(--border-width));
	width: var(--border-width);
	z-index: 10;
}

.product-card::after {
	inset-inline: calc(-1 * var(--border-width));
	inset-block-end: calc(-1 * var(--border-width));
	height: var(--border-width);
}

.product-card__media {
	--product-card-media-hover-from: var(--bg-color);
	--product-card-media-hover-to: var(--bg-color);

	padding: var(--margin-xs);
	border-bottom: var(--border-width) solid var(--border-color);
	position: relative;
	overflow: hidden;
}

.product-card__media::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		var(--product-card-media-hover-from, var(--bg-color)),
		var(--product-card-media-hover-to, var(--bg-color))
	);
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: -1;
}

.product-card:hover .product-card__media::before,
.product-card:focus-within .product-card__media::before {
	opacity: 1;
}

.product-card__media img {
	width: 100%;
	height: 100%;
	max-height: 250px;
	object-fit: contain;
	object-position: 50% 50%;
	position: relative;
	z-index: 1;
}

.product-card__meta .star-rating {
	display: none;
}

a.woocommerce-loop-product__link {
	text-decoration: none;
}

.product-card__content {
	padding-inline: var(--spacing-inline);
	padding-block: var(--margin-xs);
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.product-card__content h2 {
	font-size: var(--font-size-lg);
	padding-bottom: var(--margin-xs);
	text-transform: uppercase;
}

.product-card__link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.product-card__category a,
.product-card__cta {
	position: relative;
	z-index: 2;
}

.product-card__footer {
	font-size: var(--font-size-xs);
	align-items: center;
	margin-top: var(--margin-sm);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: var(--margin-xs);
}

.product-card__footer button {
	text-transform: unset;
	border-radius: var(--border-radius-xs);
}

.product-card__category a {
	font-size: var(--font-size-xs);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
}

.shop-intro__breadcrumb {
	padding-inline: var(--spacing-inline);
	margin-top: var(--margin-md);
	font-size: var(--font-size-xs);
	color: var(--color-silver);
}

.shop-intro__breadcrumb a {
	text-decoration: none;
	color: var(--color-silver);
}

.shop-intro__breadcrumb a:hover {
	color: var(--color-black);
}

@media screen and (width > 600px) {
	.product-card__media {
		aspect-ratio: 1 / 1;
	}

	.product-card__media img {
		max-height: none;
	}
}

.single-product-layout {
	display: grid;
	grid-template-columns: 1fr;
	border-top: var(--border-width) solid var(--border-color);
	margin-top: var(--margin-xs);
}

.woocommerce-product-gallery__trigger {
	display: none;
}

figure.single-product-layout__media {
	border-right: var(--border-width) solid var(--border-color);
	padding: var(--margin-md);
	border-bottom: var(--border-width) solid var(--border-color);
	background: linear-gradient(
		135deg,
		var(--product-card-media-hover-from, var(--bg-color)),
		var(--product-card-media-hover-to, var(--bg-color))
	);
}

.woocommerce-product-gallery__wrapper img {
	max-height: 300px;
	height: 100%;
	width: 100%;
	object-fit: contain;
}

.single-product-layout__info {
	display: flex;
	flex-direction: column;
	padding: var(--margin-md);
}

.single-product-layout__category a {
	text-transform: uppercase;
	font-size: var(--font-size-sm);
	text-decoration: none;
}

.product_title {
	font-size: var(--font-size-xl);
	letter-spacing: -0.05em;
	text-transform: uppercase;
	margin-bottom: var(--margin-lg);
}

.single-product-attributes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
	row-gap: var(--margin-xs);
	column-gap: var(--margin-sm);
	flex: 1;
	margin-bottom: var(--margin-lg);
}

.single-product-attribute__label {
	font-size: var(--font-size-xs);
	display: block;
}

.single-product-attribute__value {
	font-weight: bold;
}

.product_meta {
	font-size: var(--font-size-xs);
	color: var(--color-silver);
	text-align: right;
}

.product_meta a {
	color: var(--color-silver);
	text-decoration: none;
}

.product_meta a:hover {
	color: var(--color-black);
}

.variations tr,
.single-product-bean-grind {
	display: flex;
	flex-direction: column;
	gap: var(--margin-2xs);
	margin-top: var(--margin-sm);
}

.variations tr > * {
	text-align: left;
}

.variations select,
.single-product-bean-grind select {
	appearance: none;
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	padding: 0.2rem 0.8rem;
	height: 2em;
	line-height: var(--line-height-md);
	cursor: pointer;
	width: 100%;
}

.reset_variations {
	text-decoration: none;
	color: var(--color-silver);
	font-size: var(--font-size-xs);
	margin-left: var(--margin-xs);
}

.reset_variations:hover {
	color: var(--color-black);
}

.woocommerce-variation-price {
	font-size: var(--font-size-lg);
}

form.variations_form {
	display: grid;
	gap: var(--margin-md);
	place-items: end start;
}

.woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	gap: var(--margin-xs);
}

.quantity {
	width: fit-content;
}

.quantity input {
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	width: 2em;
	padding-block: 0.2em;
	padding-left: 0.8em;
	padding-right: 0.2em;
	text-align: center;
}

.single-product-description {
	font-size: var(--font-size-xs);
	margin-bottom: var(--margin-md);
}

.woocommerce-tabs {
	padding-block: var(--margin-lg);
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding-inline: var(--spacing-inline);
	border-bottom: var(--border-width) solid var(--border-color);
}

.tabs li {
	flex: 1;
}

.tabs a {
	display: block;
	height: calc(
		100% - 0.4em - 1px
	);
	text-decoration: none;
	border: var(--border-width) solid var(--border-color);
	padding: 0.2em 0.8em;
	cursor: pointer;
	margin-left: -1px;
	margin-bottom: -1px;
	color: var(--color-silver);
}

.tabs a[aria-selected="true"] {
	border-bottom: 1px solid var(--bg-color);
	color: var(--color-black);
}

.tabs li:first-child a {
	border-top-left-radius: var(--border-radius-sm);
	border-top-right-radius: var(--border-radius-sm);
}

.woocommerce-Tabs-panel {
	padding: var(--margin-md) var(--spacing-inline);
}

.woocommerce-Tabs-panel h2 {
	font-size: var(--font-size-lg);
	margin-bottom: var(--margin-md);
	text-transform: uppercase;
	letter-spacing: -0.02em;
}

.woocommerce-Tabs-panel p {
	max-width: 60ch;
}

.woocommerce-Tabs-panel--additional_information table.shop_attributes {
	width: min(800px, 100%);
	border-collapse: separate;
}

.woocommerce-Tabs-panel--additional_information th,
.woocommerce-Tabs-panel--additional_information td {
	text-align: left;
	padding: 0.1em 0.6em;
}

form.comment-form label {
	display: none;
}

.comment-form-rating,
.comment-form-comment {
	margin-top: var(--margin-md);
}

.comment-form-comment textarea {
	height: fit-content;
	field-sizing: content;
	min-width: 4em;
	min-height: 2em;
	width: min(100%, 40ch);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	padding: 0.5em 0.8em;
}

p.stars span {
	display: inline-block;
	height: 2em;
}

p.stars a[role="radio"] {
	float: right;
	position: relative;
	display: block;
	font-size: var(--font-size-md);
	width: 1.5em;
	height: 2em;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

p.stars a[role="radio"]::before {
	content: "☆";
	position: absolute;
	inset: 0;
	text-indent: 0;
	font-size: 1.4em;
	color: var(--color-grey);
}

p.stars a[role="radio"]:hover::before,
p.stars a[role="radio"]:hover ~ a[role="radio"]::before,
p.stars a[role="radio"][aria-checked="true"]::before,
p.stars a[role="radio"][aria-checked="true"] ~ a[role="radio"]::before {
	content: "★";
	color: var(--color-black);
}

.product-reviews-scroller {
	overflow-y: auto;
	height: auto;
}

ol.commentlist {
	margin-bottom: var(--margin-xl);
	display: flex;
	flex-direction: row;
	gap: var(--margin-sm);
}

ol.commentlist li.review {
	background-color: var(--color-white);
	width: fit-content;
	padding: var(--margin-md);
	border-radius: var(--border-radius-md);
	min-width: 20rem;
}

.comment_container {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--margin-sm);
}

.comment_container img {
	border-radius: var(--border-radius-sm);
}

.comment_container p.meta {
	font-size: var(--font-size-xs);
	margin-bottom: var(--margin-sm);
}

.related.products > h2 {
	text-transform: uppercase;
	letter-spacing: -0.05em;
	padding: var(--margin-xs) var(--spacing-inline);
}

@media screen and (width > 600px) {
	.woocommerce-product-gallery__wrapper img {
		max-height: 500px;
	}

	form.variations_form {
		grid-template-columns: 1fr 1fr;
	}

	.tabs {
		flex-direction: row;
	}

	.tabs li:first-child a {
		border-top-right-radius: 0;
	}

	.tabs li:last-child a {
		border-top-right-radius: var(--border-radius-sm);
	}
}

@media screen and (width > 900px) {
	.single-product-layout {
		grid-template-columns: 1fr 1fr;
		border-bottom: var(--border-width) solid var(--border-color);
	}

	figure.single-product-layout__media {
		border-bottom: none;
	}

	.woocommerce-product-gallery__wrapper img {
		max-height: 650px;
	}

	.tabs li {
		flex: none;
	}
}

.page--cart .woocommerce {
	padding: var(--margin-lg) var(--spacing-inline);
	display: grid;
	gap: var(--margin-lg);
}

.page--cart .cart-collaterals .cart_totals {
	width: auto;
	float: none;
}

.page--cart table.shop_table {
	border: none;
	border-radius: var(--border-radius-md);
	margin-block: var(--margin-md);
}

.page--cart table.shop_table td,
.page--cart .woocommerce table.shop_table th {
	padding: var(--margin-sm);
	padding-bottom: var(--margin-md);
	border-top: var(--border-width) solid var(--border-color);
	vertical-align: top;
}

.page--cart tr td.product-thumbnail {
	width: 60px;
}

.page--cart table.cart td.actions {
	padding: var(--margin-md);
	padding-top: var(--margin-lg);
	border-top: none;
}

.page--cart table.cart td.actions .coupon {
	float: none;
	display: flex;
	width: fit-content;
	font-size: var(--font-size-xs);
	gap: var(--margin-xs);
	margin-bottom: var(--margin-sm);
}

.page--cart table.cart td.actions .coupon input[type="text"] {
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	padding: var(--padding-button);
	width: fit-content;
}

.page--cart table.cart td.actions button[name="update_cart"],
.page--cart a.button.checkout-button {
	padding: var(--padding-button-lg);
}

.page--cart .cart_totals {
	background-color: var(--color-white);
	border-radius: var(--border-radius-md);
	padding: var(--margin-md);
}

.page--cart .cart_totals table th,
.page--cart .cart_totals table td {
	padding-inline: var(--margin-xs);
	padding-block: var(--margin-sm);
}

.page--cart .woocommerce .woocommerce-cart-form table th {
	border-top: none;
	padding-block: var(--margin-xs);
}

.page--cart .product-name {
	font-size: var(--font-size-xs);
}

.page--cart .product-remove a.remove {
	color: var(--text-color) !important;
	border-radius: var(--border-radius-sm);
}

.page--cart .product-remove a.remove:hover {
	background-color: var(--color-silver);
}

.page--cart ul#shipping_method li input {
    margin: auto;
	margin-right: var(--margin-xs);
    vertical-align: middle;
	height: 0.9em;
	width: 0.9em;
	border: 1px solid var(--border-color);
}

@media screen and (width > 1100px) {
	.page--cart .woocommerce {
		grid-template-columns: 2fr 1fr;
	}
}

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	padding-inline: var(--spacing-inline);
}

.page__content .woocommerce {
	padding: var(--margin-lg) var(--spacing-inline);
	width: auto;
}

.woocommerce input, .woocommerce select {
	border-radius: var(--border-radius-sm) !important;
}

.wc-block-components-order-summary-block {
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-md) !important;
}

.wc-block-checkout__sidebar.is-sticky {
	top: calc(var(--margin-md) + var(--header-height));
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
    height: auto;
}

.page--checkout .woocommerce {
	padding: var(--margin-md);
}

.woocommerce form.checkout_coupon {
	padding: var(--margin-sm) var(--margin-md);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-md);
}

.woocommerce h3#ship-to-different-address {
	font-size: var(--font-size-sm);
}

.woocommerce #ship-to-different-address input[type="checkbox"],
.woocommerce #ship-to-different-address span {
	height: 1em;
	width: 1em;
	vertical-align: middle;
}

.woocommerce-checkout #customer_details {
	margin-top: var(--margin-md);
	margin-bottom: var(--margin-xl);
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table {
	margin-top: var(--margin-sm);
	margin-bottom: var(--margin-xl);
	background-color: var(--color-white);
	border: none;
	border-radius: var(--border-radius-md);
	padding: var(--margin-md);
}

.page__content .woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.page__content .woocommerce-checkout table.woocommerce-checkout-review-order-table th {
	padding-inline: var(--margin-xs);
	padding-block: var(--margin-sm);
	border-top: var(--border-width) solid var(--border-color);
}

.page__content .woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
	border-top: none;
	padding: var(--margin-xs);
}

.woocommerce .woocommerce-checkout ul#shipping_method li input {
    margin: auto;
	margin-right: var(--margin-xs);
    vertical-align: middle;
	height: 0.9em;
	width: 0.9em;
	border: var(--border-width) solid var(--border-color);
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total {
	font-size: var(--font-size-lg);
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total small {
	font-size: var(--font-size-xs);
	display: block;
	line-height: 1;
}

.page--checkout .woocommerce-error {
	width: 100%;
	max-width: 100%;
	border-radius: var(--border-radius-md);
	border: var(--border-width) solid var(--border-color);
}

.woocommerce-checkout #payment {
	background-color: var(--color-green);
	border-radius: var(--border-radius-md);
}

.woocommerce-checkout #payment div.payment_box {
	background-color: var(--bg-color);
	color: var(--text-color);
	border-radius: var(--border-radius-sm);
	padding: var(--margin-md);
}

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

.woocommerce #payment .wc_payment_method label {
	display: inline-flex !important;
	gap: var(--margin-sm);
	align-items: center;
}

.woocommerce #payment .wc_payment_method input[type="radio"] {
	height: 0.9em;
	width: 0.9em;
}

.woocommerce #payment button#place_order {
	background-color: var(--text-color);
	border: var(--border-width) solid var(--border-color);
}

.woocommerce #payment button#place_order:hover {
	background-color: transparent;
	color: var(--color-text);
}

.page--checkout .woocommerce fieldset {
	border: none;
}

.page--checkout .woocommerce .__PrivateStripeElement .wc-payment-form input {
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius-sm);
	padding: 0.4em 0.8em;
	background: var(--color-white);
	height: fit-content;
}

.woocommerce {
	--max-width: 600px;
	--max-percentage: 100%;
}

.woocommerce-MyAccount-content {
	padding: var(--margin-md);
}

.woocommerce-MyAccount-content p {
	max-width: 60ch;
}

.woocommerce-MyAccount-content p + p {
	margin-top: var(--margin-sm);
}

.woocommerce-MyAccount-content .woocommerce-info {
	margin-inline: auto;
	text-align: center;
	justify-content: center;
	align-items: center;
	padding: var(--margin-sm);
}

.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-info::after {
	display: none;
}

.woocommerce-Addresses {
	margin-block: var(--margin-lg);
}

.woocommerce h2 {
	font-size: var(--font-size-lg);
	margin-block: var(--margin-sm);
	text-transform: uppercase;
}

.woocommerce-Addresses header {
	margin-bottom: var(--margin-sm);
}

.woocommerce-Addresses address {
	font-style: normal;
}

.woocommerce .woocommerce-MyAccount-content form {
	padding: var(--margin-md) var(--spacing-inline);
	display: grid;

	gap: var(--margin-xs);
}

.woocommerce .woocommerce-MyAccount-content form .form-row {
	display: flex;
	flex-direction: column;
	gap: var(--margin-2xs);
}

.woocommerce .woocommerce-MyAccount-content form .form-row label {
	font-size: var(--font-size-xs);
}

.woocommerce form.woocommerce-form input[type="text"],
.woocommerce form.woocommerce-form input[type="email"],
.woocommerce form.woocommerce-form input[type="password"],
.woocommerce form.woocommerce-form input[type="tel"],
.woocommerce .woocommerce-MyAccount-content form input[type="text"],
.woocommerce .woocommerce-MyAccount-content form input[type="email"],
.woocommerce .woocommerce-MyAccount-content form input[type="password"],
.woocommerce .woocommerce-MyAccount-content form input[type="tel"],
.woocommerce .woocommerce-MyAccount-content form select,
.woocommerce .woocommerce-MyAccount-content form span.select2-selection,
.woocommerce .woocommerce-MyAccount-content form textarea {
	width: min(var(--max-width), var(--max-percentage));
}

.woocommerce .woocommerce-MyAccount-content form span {
	width: min(var(--max-width), var(--max-percentage));
}

.woocommerce .woocommerce-MyAccount-content form span.show-password-input {
	width: auto;
}

.woocommerce .woocommerce-MyAccount-content form span.show-password-input input[type="password"] {
	flex: 1;
}

.woocommerce .woocommerce-MyAccount-content form span.show-password-input label {
	margin: 0;
	font-size: var(--font-size-xs);
}

.woocommerce .woocommerce-MyAccount-content form textarea {
	min-height: 6rem;
	resize: vertical;
}

.woocommerce .woocommerce-MyAccount-content form fieldset {
	padding: var(--margin-sm);
	width: fit-content;
	width: min(var(--max-width), var(--max-percentage));
	background-color: var(--color-lightgrey);
	border-radius: var(--border-radius-md);
	border: none;
	margin-top: var(--margin-lg);
}

.woocommerce
	.woocommerce-MyAccount-content
	form
	.woocommerce-privacy-policy-text {
	font-size: var(--font-size-xs);
	color: var(--color-silver);
}

.woocommerce .woocommerce-MyAccount-content form .button {
	width: fit-content;
	text-transform: uppercase;
}

#account_display_name_description {
	font-size: var(--font-size-xs);
}

.woocommerce form.woocommerce-form-login,
.woocommerce form.woocommerce-form-register {
	width: min(var(--max-width), var(--max-percentage));
	margin: var(--margin-lg) 0;
	border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius-md);
	padding: var(--margin-md);
}

.woocommerce form.woocommerce-form-login button,
.woocommerce form.woocommerce-form-register button {
	margin-top: var(--margin-md);
	display: block;
}

.woocommerce form.woocommerce-form-login .woocommerce-form__label-for-checkbox,
.woocommerce form.woocommerce-form-register .woocommerce-form__label-for-checkbox {
	margin-top: var(--margin-md);
}

.woocommerce form .form-row .required {
	color: var(--text-color);
}

.woocommerce form .lost_password,
.woocommerce form .woocommerce-privacy-policy-text {
	font-size: var(--font-size-xs);
}

.woocommerce .col2-set {
	--max-percentage: calc(100% - var(--margin-md) * 2);
}

.woocommerce-MyAccount-navigation {
	padding: var(--margin-sm) var(--spacing-inline);
	margin-bottom: var(--margin-xl);
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-direction: row;
	gap: var(--margin-xs);
	justify-content: end;
	font-size: var(--font-size-xs);
	flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation a {
	text-decoration: none;
	padding: var(--padding-button);
	display: block;
	border-radius: var(--border-radius-xs);
	transition: all 0.2s ease;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
	background-color: var(--color-silver);
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
	background-color: var(--color-white);
	border: var(--border-width) solid var(--border-color);
}

.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	background-color: var(--color-black);
	color: var(--color-white);
}

@media screen and (max-width: 768px) {
	.woocommerce-MyAccount-navigation ul {
		display: grid;

        grid-template-columns: 1fr 1fr;
		gap: var(--margin-xs);
		justify-content: end;
		font-size: var(--font-size-xs);
		flex-wrap: wrap;
	}

    .woocommerce-MyAccount-navigation li {
        width: fit-content;
    }
}