/*!
 * Xtylish Store — WooCommerce
 * Product cards, shop layout, filters, single product, cart, checkout, account.
 */

/* ==========================================================================
   1. Product grid & card
   ========================================================================== */

/*
 * WooCommerce clears its float layouts with ::before/::after pseudo elements.
 * Those become grid items once the theme switches these containers to grid, so
 * they are removed wherever a grid is used.
 */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
.woocommerce-page ul.products::before,
.woocommerce-page ul.products::after,
.xt-products::before,
.xt-products::after,
.woocommerce form.checkout::before,
.woocommerce form.checkout::after,
.woocommerce .col2-set::before,
.woocommerce .col2-set::after,
.woocommerce-page .col2-set::before,
.woocommerce-page .col2-set::after,
.woocommerce-account .woocommerce::before,
.woocommerce-account .woocommerce::after,
.woocommerce .woocommerce-Addresses::before,
.woocommerce .woocommerce-Addresses::after,
.woocommerce .cart-collaterals::before,
.woocommerce .cart-collaterals::after {
	content: none !important;
	display: none !important;
}

/* The theme prints its own archive header. */
.woocommerce-products-header:empty { display: none; }
.woocommerce-products-header { margin-bottom: var(--xt-space-4); }

.xt-products,
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
	gap: var(--xt-space-5) var(--xt-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.xt-products--cols-2 { --cols: 2; }
.xt-products--cols-3 { --cols: 3; }
.xt-products--cols-4 { --cols: 4; }
.xt-products--cols-5 { --cols: 5; }
.xt-products--cols-6 { --cols: 6; }

.woocommerce ul.products li.product,
.xt-products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}

.xt-card { min-width: 0; }

.xt-card__inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: var(--xt-radius);
	background: var(--xt-bg);
	transition: box-shadow var(--xt-fast) var(--xt-ease), transform var(--xt-fast) var(--xt-ease);
}

.xt-card-style-bordered .xt-card__inner {
	border: 1px solid var(--xt-line);
	overflow: hidden;
}

.xt-card-style-elevated .xt-card__inner {
	box-shadow: var(--xt-shadow-xs);
	overflow: hidden;
}

.xt-card-style-elevated .xt-card:hover .xt-card__inner { box-shadow: var(--xt-shadow-md); transform: translateY(-3px); }
.xt-card-style-bordered .xt-card:hover .xt-card__inner { border-color: rgba(var(--xt-accent-rgb), .4); }

/* Media */

.xt-card__media {
	position: relative;
	overflow: hidden;
	border-radius: var(--xt-radius);
	background: var(--xt-soft);
}

.xt-card-style-bordered .xt-card__media,
.xt-card-style-elevated .xt-card__media { border-radius: var(--xt-radius) var(--xt-radius) 0 0; }

.xt-card__media-link { display: block; position: relative; padding-top: var(--xt-card-ratio, 133.33%); }

/*
 * WooCommerce sets `height: auto` on loop images with a more specific selector,
 * which would letterbox the card, so these rules have to match its weight.
 */
.xt-card .xt-card__media .xt-card__img,
.woocommerce ul.products li.product .xt-card__media a img,
.woocommerce-page ul.products li.product .xt-card__media a img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: opacity var(--xt-slow) var(--xt-ease), transform var(--xt-slow) var(--xt-ease);
}

.xt-card__media-hover { opacity: 0; }
.xt-card:hover .xt-card__media-hover { opacity: 1; }
.xt-card:hover .xt-card__img:not(.xt-card__media-hover) { transform: scale(1.03); }
.xt-card:hover .xt-card__media-hover { transform: scale(1.03); }

/* Badges */

.xt-card__badges {
	position: absolute;
	inset-block-start: 10px;
	inset-inline-start: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	pointer-events: none;
}

/* Hover tools */

.xt-card__tools {
	position: absolute;
	inset-block-start: 10px;
	inset-inline-end: 10px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 6px;
	opacity: 0;
	transform: translateX(8px);
	transition: opacity var(--xt-fast) var(--xt-ease), transform var(--xt-fast) var(--xt-ease);
}

[dir="rtl"] .xt-card__tools { transform: translateX(-8px); }

.xt-card:hover .xt-card__tools,
.xt-card:focus-within .xt-card__tools { opacity: 1; transform: none; }

.xt-card__tool {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .95);
	color: var(--xt-ink);
	box-shadow: var(--xt-shadow-xs);
	transition: background var(--xt-fast) var(--xt-ease), color var(--xt-fast) var(--xt-ease);
}

.xt-card__tool:hover { background: var(--xt-ink); color: #fff; }
.xt-card__tool.is-active { background: var(--xt-sale); color: #fff; }
.xt-card__tool.is-active svg { fill: currentColor; }

/* Add to cart */

.xt-card__cart {
	position: absolute;
	inset-inline: 10px;
	inset-block-end: 10px;
	z-index: 2;
	opacity: 0;
	transform: translateY(8px);
	transition: opacity var(--xt-fast) var(--xt-ease), transform var(--xt-fast) var(--xt-ease);
}

.xt-card:hover .xt-card__cart,
.xt-card:focus-within .xt-card__cart { opacity: 1; transform: none; }

.xt-card__cart .button,
.xt-card__cart .xt-card__cart-btn {
	display: flex;
	width: 100%;
	min-height: 42px;
	padding: 10px 14px;
	font-size: .875rem;
}

.xt-card__cart .added_to_cart { display: none; }
.xt-card__cart .button.loading { opacity: .7; }

.xt-card__cart .button.loading::after {
	content: "";
	width: 14px;
	height: 14px;
	margin-inline-start: 8px;
	border: 2px solid currentColor;
	border-top-color: transparent;
	border-radius: 50%;
	animation: xt-spin .7s linear infinite;
}

/* Body */

.xt-card__body {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-top: var(--xt-space-3);
	text-align: var(--xt-card-align, left);
}

.xt-card-style-bordered .xt-card__body,
.xt-card-style-elevated .xt-card__body { padding: var(--xt-space-4); }

.xt-card__category {
	margin: 0;
	color: var(--xt-muted);
	font-size: .75rem;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.xt-card__title {
	margin: 0;
	font-family: var(--xt-font-body);
	font-size: .9375rem;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: 0;
	display: -webkit-box;
	-webkit-line-clamp: var(--xt-card-title-lines, 2);
	line-clamp: var(--xt-card-title-lines, 2);
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.xt-card__title a:hover { color: var(--xt-accent); }

.xt-card__rating { display: flex; align-items: center; gap: 4px; }

.xt-card__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px;
	margin-top: 2px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--xt-ink);
}

.xt-card__price .price { display: contents; }
.xt-card__price del { color: var(--xt-muted); font-weight: 400; font-size: .875rem; text-decoration: line-through; }
.xt-card__price ins { text-decoration: none; color: var(--xt-sale); }
.xt-card__price .woocommerce-Price-amount { white-space: nowrap; }

.xt-card__stock { margin: 2px 0 0; font-size: .8125rem; }
.xt-card__stock.is-low { color: var(--xt-sale); font-weight: 600; }
.xt-card__stock.is-out { color: var(--xt-muted); }

/* List view (shop toolbar toggle) */

.xt-products.is-list { grid-template-columns: minmax(0, 1fr); gap: var(--xt-space-4); }
.xt-products.is-list .xt-card__inner { flex-direction: row; gap: var(--xt-space-5); align-items: center; }
.xt-products.is-list .xt-card__media { flex: 0 0 200px; }
.xt-products.is-list .xt-card__media-link { padding-top: 125%; }
.xt-products.is-list .xt-card__body { flex: 1; padding-block: 0; }
.xt-products.is-list .xt-card__cart { position: static; opacity: 1; transform: none; margin-top: var(--xt-space-3); max-width: 220px; }

/* ==========================================================================
   2. Shop layout
   ========================================================================== */

.xt-shop-hero {
	padding-block: var(--xt-space-7);
	background: var(--xt-soft);
	background-size: cover;
	background-position: center;
	text-align: center;
	margin-bottom: var(--xt-space-6);
}

.xt-shop-hero--image { color: #fff; }
.xt-shop-hero--image .xt-shop-hero__title { color: #fff; }
.xt-shop-hero__title { margin: 0 0 8px; }
.xt-shop-hero__text { max-width: 68ch; margin-inline: auto; color: var(--xt-muted); font-size: .9375rem; }
.xt-shop-hero--image .xt-shop-hero__text { color: rgba(255, 255, 255, .85); }
.xt-shop-hero__count { margin: 8px 0 0; color: var(--xt-muted); font-size: .875rem; }
.xt-shop-hero--image .xt-shop-hero__count { color: rgba(255, 255, 255, .8); }

.xt-shop-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--xt-space-7);
	align-items: start;
	padding-bottom: var(--xt-space-9);
}

.xt-shop-layout--right { grid-template-columns: minmax(0, 1fr) 280px; }
.xt-shop-layout--right .xt-shop-sidebar { order: 2; }
.xt-shop-main { min-width: 0; }
.xt-shop-main--full { padding-bottom: var(--xt-space-9); }

/* Sidebar */

.xt-shop-sidebar { position: sticky; top: calc(var(--xt-header-h) + 16px); }
.xt-shop-sidebar__head { display: none; }
.xt-shop-sidebar__foot { display: none; }

.xt-shop-sidebar .widget {
	padding-bottom: var(--xt-space-5);
	margin-bottom: var(--xt-space-5);
	border-bottom: 1px solid var(--xt-line);
}

.xt-shop-sidebar .widget:last-child { border-bottom: 0; margin-bottom: 0; }

.xt-shop-sidebar .widget-title {
	font-size: .8125rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--xt-muted);
}

/* Toolbar */

.xt-cat-pills { margin-bottom: var(--xt-space-4); }

.xt-cat-pills__list {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 4px;
	scrollbar-width: none;
}

.xt-cat-pills__list::-webkit-scrollbar { display: none; }

.xt-cat-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: none;
	padding: 8px 16px;
	border: 1px solid var(--xt-line);
	border-radius: 999px;
	font-size: .875rem;
	font-weight: 500;
	white-space: nowrap;
	transition: all var(--xt-fast) var(--xt-ease);
}

.xt-cat-pill:hover { border-color: var(--xt-accent); color: var(--xt-accent); }
.xt-cat-pill__count { color: var(--xt-muted); font-size: .75rem; }

.xt-shop-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--xt-space-3);
	padding-block: var(--xt-space-3);
	margin-bottom: var(--xt-space-5);
	border-block: 1px solid var(--xt-line);
}

.xt-shop-toolbar__left,
.xt-shop-toolbar__right { display: flex; align-items: center; gap: var(--xt-space-3); }

.xt-shop-toolbar__count,
.woocommerce-result-count { margin: 0; color: var(--xt-muted); font-size: .875rem; }

.xt-shop-toolbar__filters { display: none; }

.xt-shop-toolbar__view { display: flex; gap: 4px; }

.xt-view-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius-sm);
	background: transparent;
	color: var(--xt-muted);
}

.xt-view-btn.is-active { border-color: var(--xt-accent); background: var(--xt-accent-soft); color: var(--xt-accent); }

.woocommerce-ordering select { min-height: 40px; padding-block: 8px; font-size: .875rem; }
.woocommerce-ordering { margin: 0; }

/* Load more / infinite scroll */

.xt-loadmore { margin-top: var(--xt-space-7); text-align: center; }
.xt-loadmore__status { margin: 0 0 var(--xt-space-3); color: var(--xt-muted); font-size: .875rem; }
.xt-loadmore__btn { min-width: 220px; }

.xt-products-wrap.is-loading { opacity: .55; pointer-events: none; transition: opacity var(--xt-fast) var(--xt-ease); }

/* ==========================================================================
   3. Single product
   ========================================================================== */

.xt-product {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
	gap: var(--xt-space-7);
	align-items: start;
	padding-block: var(--xt-space-6) var(--xt-space-8);
}

.xt-product__extra { grid-column: 1 / -1; }

/* Gallery */

/*
 * WooCommerce floats the gallery and summary at 48% each for its own two
 * column layout. The theme lays them out with grid, so those widths are reset
 * before FlexSlider measures the gallery — otherwise every slide is sized to
 * 48% of the column.
 */
.woocommerce div.product div.images,
.woocommerce div.product div.summary,
.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary {
	width: auto;
	float: none;
	margin: 0;
	clear: none;
}

.woocommerce div.product div.images img { border-radius: var(--xt-radius); }

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

.woocommerce div.product div.images .flex-control-thumbs li { width: auto; float: none; margin: 0; }

.woocommerce div.product div.images .flex-control-thumbs img {
	border-radius: var(--xt-radius-sm);
	border: 1px solid transparent;
	opacity: .65;
	transition: opacity var(--xt-fast) var(--xt-ease), border-color var(--xt-fast) var(--xt-ease);
	cursor: pointer;
}

.woocommerce div.product div.images .flex-control-thumbs img:hover,
.woocommerce div.product div.images .flex-control-thumbs img.flex-active {
	opacity: 1;
	border-color: var(--xt-accent);
}

.woocommerce div.product .woocommerce-product-gallery__trigger {
	inset-block-start: 14px;
	inset-inline-end: 14px;
	z-index: 3;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .95);
	box-shadow: var(--xt-shadow-xs);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

.woocommerce div.product .woocommerce-product-gallery__trigger::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border: 2px solid var(--xt-ink);
	border-radius: 50%;
	position: static;
}

.woocommerce div.product .woocommerce-product-gallery__trigger::after {
	content: "";
	position: absolute;
	inset-block-end: 11px;
	inset-inline-end: 11px;
	width: 7px;
	height: 2px;
	background: var(--xt-ink);
	transform: rotate(45deg);
	transform-origin: right;
}

/* Thumbnails on the left.
 * FlexSlider wraps the gallery in .flex-viewport once it initialises, so both
 * the wrapped and unwrapped shapes are placed explicitly. */

.xt-product--thumbs-left .woocommerce-product-gallery {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	grid-template-areas: "thumbs main";
	gap: 12px;
	align-items: start;
}

.xt-product--thumbs-left .woocommerce-product-gallery > .flex-viewport,
.xt-product--thumbs-left .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	grid-area: main;
	min-width: 0;
}

.xt-product--thumbs-left .woocommerce-product-gallery > .flex-control-thumbs {
	grid-area: thumbs;
	grid-template-columns: minmax(0, 1fr) !important;
	margin-top: 0 !important;
	max-height: 620px;
	overflow-y: auto;
	scrollbar-width: thin;
}

/* Stacked gallery — every image, no slider. */
.xt-product--stacked .woocommerce-product-gallery__wrapper {
	display: grid;
	gap: 12px;
}

.xt-product--stacked .flex-control-thumbs { display: none; }

/* WooCommerce paints `.button.alt` with its own brand colour. */
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.disabled,
.woocommerce button.button.alt.disabled {
	background: var(--xt-accent);
	color: var(--xt-accent-contrast);
	border-color: transparent;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover { background: var(--xt-accent-hover); color: var(--xt-accent-contrast); }

.woocommerce button.button.alt.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] { opacity: .5; cursor: not-allowed; }

/* Summary */

.xt-product__summary { padding-top: var(--xt-space-2); }

.woocommerce div.product .product_title {
	margin: 0 0 10px;
	font-size: clamp(1.4rem, 1.1rem + 1.1vw, 2.05rem);
}

.woocommerce div.product .woocommerce-product-rating {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 14px;
	font-size: .875rem;
}

.woocommerce .star-rating { color: var(--xt-secondary); }
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link { color: var(--xt-muted); }

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px;
	margin: 0 0 16px;
	color: var(--xt-ink);
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
}

.woocommerce div.product p.price del { color: var(--xt-muted); font-size: 1.05rem; font-weight: 400; opacity: 1; }
.woocommerce div.product p.price ins { color: var(--xt-sale); text-decoration: none; }

.woocommerce div.product .woocommerce-product-details__short-description {
	margin-bottom: var(--xt-space-5);
	padding-bottom: var(--xt-space-5);
	border-bottom: 1px solid var(--xt-line);
	color: var(--xt-muted);
	font-size: .9375rem;
}

/* Variations */

.woocommerce div.product form.cart { margin-bottom: var(--xt-space-5); }

.woocommerce div.product form.cart .variations {
	width: 100%;
	margin-bottom: var(--xt-space-4);
	border-collapse: separate;
	border-spacing: 0 12px;
}

.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td { display: block; padding: 0; text-align: start; }

.woocommerce div.product form.cart .variations th.label label {
	margin-bottom: 6px;
	font-size: .8125rem;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--xt-muted);
}

.woocommerce div.product form.cart .reset_variations {
	display: inline-block;
	margin-top: 8px;
	font-size: .8125rem;
	color: var(--xt-muted);
	text-decoration: underline;
}

.woocommerce div.product form.cart .woocommerce-variation-price { margin-bottom: var(--xt-space-3); }

.woocommerce div.product form.cart div.quantity { float: none; margin: 0; }

.woocommerce div.product form.cart div.quantity { flex: 0 0 auto; }

.woocommerce div.product form.cart .single_add_to_cart_button {
	flex: 1 1 220px;
	min-height: 52px;
	font-size: 1rem;
}

.woocommerce div.product form.cart .xt-buy-now {
	flex: 1 1 100%;
	min-height: 52px;
	font-size: 1rem;
}

.woocommerce div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xt-space-3);
}

.woocommerce div.product form.cart.variations_form { display: block; }

.woocommerce div.product form.cart.variations_form .woocommerce-variation-add-to-cart {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--xt-space-3);
}

.woocommerce div.product form.cart .group_table { display: block; width: 100%; }
.woocommerce div.product form.cart .group_table td { padding: 10px 0; border-bottom: 1px solid var(--xt-line); }

.xt-buy-now { background: transparent; border-color: var(--xt-ink); color: var(--xt-ink); }
.xt-buy-now:hover { background: var(--xt-ink); color: #fff; }

/* Reassurance */

.xt-product-reassure {
	display: flex;
	flex-direction: column;
	gap: var(--xt-space-3);
	padding: var(--xt-space-4) var(--xt-space-5);
	margin-bottom: var(--xt-space-5);
	border-radius: var(--xt-radius);
	background: var(--xt-soft);
}

.xt-product-reassure__note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0;
	font-size: .875rem;
}

.xt-product-reassure__note svg { flex: none; margin-top: 2px; color: var(--xt-accent); }

.xt-product-reassure__wa {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: .875rem;
	font-weight: 600;
	color: var(--xt-accent);
}

.xt-product-reassure__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px 14px;
	margin: 0;
	padding-top: var(--xt-space-3);
	border-top: 1px solid var(--xt-line);
}

.xt-product-reassure__list li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: .8125rem;
	color: var(--xt-muted);
}

.xt-product-reassure__list svg { flex: none; color: var(--xt-success); }

/* Meta */

.xt-product-meta { display: flex; flex-direction: column; gap: 8px; font-size: .875rem; }

.xt-product-meta__row { display: flex; flex-wrap: wrap; gap: 8px; }

.xt-product-meta__label {
	min-width: 84px;
	color: var(--xt-muted);
	font-weight: 500;
}

.xt-product-meta__value a:hover { color: var(--xt-accent); }

.xt-share__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin-inline-end: 6px;
	border: 1px solid var(--xt-line);
	border-radius: 50%;
	color: var(--xt-muted);
}

.xt-share__link:hover { border-color: var(--xt-accent); color: var(--xt-accent); }

/* Tabs */

.xt-tabs { margin-block: var(--xt-space-8) var(--xt-space-7); }

.xt-tabs__nav {
	display: flex;
	gap: var(--xt-space-2);
	overflow-x: auto;
	border-bottom: 1px solid var(--xt-line);
	scrollbar-width: none;
}

.xt-tabs__nav::-webkit-scrollbar { display: none; }

.xt-tabs__tab {
	flex: none;
	padding: 14px 20px;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--xt-muted);
	font-size: .9375rem;
	font-weight: 600;
	white-space: nowrap;
	transition: color var(--xt-fast) var(--xt-ease), border-color var(--xt-fast) var(--xt-ease);
}

.xt-tabs__tab:hover { color: var(--xt-ink); }
.xt-tabs__tab.is-active { color: var(--xt-accent); border-bottom-color: var(--xt-accent); }

.xt-tabs__panel { padding-top: var(--xt-space-5); }
.xt-tabs__panel h2 { font-size: 1.15rem; }

.xt-tabs--accordion .xt-tabs__panel,
.xt-tabs--stacked .xt-tabs__panel {
	padding-top: 0;
	border-bottom: 1px solid var(--xt-line);
}

.xt-tabs--accordion .xt-tabs__heading,
.xt-tabs--stacked .xt-tabs__heading { margin: 0; }

.xt-tabs__trigger {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--xt-space-3);
	width: 100%;
	padding: 18px 0;
	border: 0;
	background: transparent;
	font-family: var(--xt-font-heading);
	font-size: 1rem;
	font-weight: 600;
	text-align: start;
}

.xt-tabs__trigger[disabled] { cursor: default; }
.xt-tabs__trigger svg { transition: transform var(--xt-fast) var(--xt-ease); color: var(--xt-muted); }
.xt-tabs__trigger[aria-expanded="true"] svg { transform: rotate(180deg); }

.xt-tabs--accordion .xt-tabs__body,
.xt-tabs--stacked .xt-tabs__body { padding-bottom: var(--xt-space-5); }

.xt-tabs table.shop_attributes { width: 100%; }
.xt-tabs table.shop_attributes th,
.xt-tabs table.shop_attributes td { padding: 11px 0; border-bottom: 1px solid var(--xt-line); text-align: start; }
.xt-tabs table.shop_attributes th { width: 200px; color: var(--xt-muted); font-weight: 500; }
.xt-tabs table.shop_attributes td p { margin: 0; }

/* Reviews */

.woocommerce #reviews #comments ol.commentlist { padding: 0; list-style: none; }

.woocommerce #reviews #comments ol.commentlist li {
	margin-bottom: var(--xt-space-5);
	padding-bottom: var(--xt-space-5);
	border-bottom: 1px solid var(--xt-line);
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
	position: static;
	float: none;
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 50%;
	padding: 0;
	margin-inline-end: 12px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.woocommerce #reviews .comment-form-rating .stars a { color: var(--xt-secondary); }
.woocommerce #review_form_wrapper { margin-top: var(--xt-space-5); }

/* Related / upsells */

.woocommerce .related,
.woocommerce .upsells,
.xt-section--recent {
	margin-top: var(--xt-space-8);
	padding-top: var(--xt-space-6);
	border-top: 1px solid var(--xt-line);
}

.woocommerce .related > h2,
.woocommerce .upsells > h2 {
	margin-bottom: var(--xt-space-5);
	font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem);
}

/* Sticky add to cart */

.xt-sticky-cart {
	position: fixed;
	inset-block-end: 0;
	inset-inline: 0;
	z-index: 160;
	padding-block: 10px;
	background: var(--xt-bg);
	border-top: 1px solid var(--xt-line);
	box-shadow: 0 -6px 24px rgba(16, 24, 32, .08);
	transform: translateY(100%);
	transition: transform var(--xt-slow) var(--xt-ease);
}

.xt-sticky-cart.is-visible { transform: none; }

.xt-sticky-cart__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--xt-space-4);
}

.xt-sticky-cart__product { display: flex; align-items: center; gap: 12px; min-width: 0; }
.xt-sticky-cart__img { width: 48px; height: 48px; border-radius: var(--xt-radius-sm); object-fit: cover; }
.xt-sticky-cart__text { min-width: 0; }

.xt-sticky-cart__name {
	margin: 0;
	font-size: .9375rem;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 40ch;
}

.xt-sticky-cart__price { margin: 0; font-size: .875rem; color: var(--xt-muted); }
.xt-sticky-cart__price del { margin-inline-end: 6px; }
.xt-sticky-cart__actions .xt-btn { min-width: 180px; }
.xt-sticky-cart__out { color: var(--xt-muted); font-weight: 600; }

/* Quick view */

.xt-quick { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--xt-space-6); }
.xt-quick__main { border-radius: var(--xt-radius); overflow: hidden; background: var(--xt-soft); }
.xt-quick__image { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }

.xt-quick__thumbs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }

.xt-quick__thumb {
	display: block;
	width: 100%;
	padding: 0;
	border: 1px solid transparent;
	border-radius: var(--xt-radius-sm);
	overflow: hidden;
	background: none;
	opacity: .6;
}

.xt-quick__thumb.is-active,
.xt-quick__thumb:hover { opacity: 1; border-color: var(--xt-accent); }
.xt-quick__thumb img { width: 100%; aspect-ratio: 1; object-fit: cover; }

.xt-quick__title { margin: 0 0 10px; font-size: 1.4rem; }
.xt-quick__rating { margin-bottom: 10px; }
.xt-quick__price { margin-bottom: 14px; font-size: 1.35rem; font-weight: 700; }
.xt-quick__price del { color: var(--xt-muted); font-weight: 400; font-size: 1rem; margin-inline-end: 8px; }
.xt-quick__price ins { color: var(--xt-sale); text-decoration: none; }
.xt-quick__excerpt { margin-bottom: var(--xt-space-4); color: var(--xt-muted); font-size: .9375rem; }
.xt-quick__form { margin-bottom: var(--xt-space-4); }

.xt-quick__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--xt-accent);
	font-weight: 600;
	font-size: .9375rem;
}

/* Quantity fields — these selectors have to out-weigh WooCommerce's own. */

.woocommerce .quantity.xt-qty,
.woocommerce-page .quantity.xt-qty {
	display: inline-flex;
	float: none;
	width: auto;
}

.woocommerce .quantity.xt-qty .qty,
.woocommerce-page .quantity.xt-qty .qty {
	width: 54px;
	min-height: 46px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	font-weight: 600;
	box-shadow: none;
}

.woocommerce .quantity.xt-qty .xt-qty__btn { flex: none; }

/* Filter widgets ---------------------------------------------------------- */

.woocommerce .widget_price_filter .price_slider_wrapper { padding-top: 6px; }

.woocommerce .widget_price_filter .ui-slider {
	position: relative;
	height: 4px;
	margin: 14px 0 20px;
	border: 0;
	border-radius: 999px;
	background: rgba(var(--xt-ink-rgb), .1);
	text-align: start;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
	position: absolute;
	top: 0;
	height: 100%;
	border-radius: 999px;
	background: var(--xt-accent);
	display: block;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
	position: absolute;
	top: -6px;
	width: 16px;
	height: 16px;
	margin-inline-start: -8px;
	border: 2px solid var(--xt-accent);
	border-radius: 50%;
	background: var(--xt-bg);
	box-shadow: var(--xt-shadow-xs);
	cursor: pointer;
	z-index: 2;
}

.woocommerce .widget_price_filter .price_slider_amount {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	font-size: .875rem;
}

.woocommerce .widget_price_filter .price_slider_amount .price_label {
	order: -1;
	width: 100%;
	color: var(--xt-muted);
	font-size: .8125rem;
	text-align: start;
}

.woocommerce .widget_price_filter .price_slider_amount .button {
	min-height: 38px;
	padding: 8px 20px;
	font-size: .8125rem;
}

.woocommerce .widget_price_filter .price_slider_amount input[type="text"] { display: none; }

.woocommerce .widget_layered_nav ul li,
.woocommerce .widget_product_categories ul li,
.woocommerce .widget_rating_filter ul li { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.woocommerce .widget_layered_nav ul li.chosen a,
.woocommerce .widget_product_categories ul li.current-cat > a { color: var(--xt-accent); font-weight: 600; }

.woocommerce .widget_layered_nav_filters ul { display: flex; flex-wrap: wrap; gap: 8px; }

.woocommerce .widget_layered_nav_filters ul li {
	padding: 0;
	border: 0;
}

.woocommerce .widget_layered_nav_filters ul li a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	border: 1px solid var(--xt-line);
	border-radius: 999px;
	font-size: .8125rem;
}

.woocommerce ul.product_list_widget li { display: flex; gap: 10px; align-items: center; padding: 10px 0; }
.woocommerce ul.product_list_widget li img { width: 52px; height: 64px; float: none; margin: 0; border-radius: var(--xt-radius-sm); object-fit: cover; }
.woocommerce ul.product_list_widget li .product-title { display: block; font-size: .875rem; font-weight: 500; }
.woocommerce ul.product_list_widget li .woocommerce-Price-amount { font-size: .875rem; font-weight: 600; }
.woocommerce ul.product_list_widget li del .woocommerce-Price-amount { font-weight: 400; color: var(--xt-muted); }

/* ==========================================================================
   4. Mini cart
   ========================================================================== */

.xt-mini-cart .xt-mini-cart__inner {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-height: 0;
}

.xt-mini-cart__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--xt-space-4) var(--xt-space-5); }

.xt-mini-cart__list { display: flex; flex-direction: column; }

.xt-mini-cart__item {
	position: relative;
	display: flex;
	gap: 12px;
	padding-block: var(--xt-space-4);
	border-bottom: 1px solid var(--xt-line);
}

.xt-mini-cart__item:last-child { border-bottom: 0; }
.xt-mini-cart__item.is-updating { opacity: .5; pointer-events: none; }

.xt-mini-cart__media { flex: none; width: 72px; }
.xt-mini-cart__media img { width: 72px; height: 90px; border-radius: var(--xt-radius-sm); object-fit: cover; }

.xt-mini-cart__details { flex: 1; min-width: 0; padding-inline-end: 20px; }

.xt-mini-cart__name {
	margin: 0 0 4px;
	font-size: .875rem;
	font-weight: 500;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.xt-mini-cart__variation { margin: 0 0 8px; color: var(--xt-muted); font-size: .75rem; }

.xt-mini-cart__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 8px;
}

.xt-mini-cart__price { font-weight: 600; font-size: .9375rem; }

.xt-mini-cart__remove {
	position: absolute;
	inset-block-start: var(--xt-space-4);
	inset-inline-end: 0;
	display: inline-flex;
	padding: 4px;
	border: 0;
	background: transparent;
	color: var(--xt-muted);
	border-radius: 50%;
}

.xt-mini-cart__remove:hover { color: var(--xt-sale); background: var(--xt-soft); }

.xt-mini-cart__empty { padding: var(--xt-space-8) var(--xt-space-4); text-align: center; }

.xt-mini-cart__empty-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	margin-bottom: var(--xt-space-4);
	border-radius: 50%;
	background: var(--xt-soft);
	color: var(--xt-muted);
}

.xt-mini-cart__empty-title { margin: 0 0 6px; font-weight: 600; }
.xt-mini-cart__empty-text { margin: 0 0 var(--xt-space-4); color: var(--xt-muted); font-size: .9rem; }

.xt-mini-cart__foot {
	flex: none;
	padding: var(--xt-space-4) var(--xt-space-5) var(--xt-space-5);
	border-top: 1px solid var(--xt-line);
	background: var(--xt-bg);
}

.xt-mini-cart__shipping { margin-bottom: var(--xt-space-4); font-size: .8125rem; }
.xt-mini-cart__shipping p { margin: 0 0 6px; }

.xt-mini-cart__subtotal {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	font-size: 1rem;
}

.xt-mini-cart__subtotal strong { font-size: 1.15rem; }
.xt-mini-cart__note { margin: 4px 0 var(--xt-space-4); color: var(--xt-muted); font-size: .75rem; }
.xt-mini-cart__actions { display: flex; flex-direction: column; gap: 8px; }

/* ==========================================================================
   5. Cart page
   ========================================================================== */

.woocommerce-cart .xt-shop-main,
.woocommerce-checkout .xt-shop-main,
.woocommerce-account .xt-shop-main { padding-block: var(--xt-space-6) var(--xt-space-9); }

.xt-cart {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: var(--xt-space-6);
	align-items: start;
}

.xt-cart__form { min-width: 0; }

.woocommerce table.shop_table.xt-cart__table {
	width: 100%;
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
	margin: 0;
}

.xt-cart__table thead th {
	padding: 14px 16px;
	background: var(--xt-soft);
	border: 0;
	color: var(--xt-muted);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	text-align: start;
}

.xt-cart__table td {
	padding: 18px 16px;
	border: 0;
	border-top: 1px solid var(--xt-line);
	vertical-align: middle;
}

.xt-cart__table .product-thumbnail img { width: 76px; height: 95px; border-radius: var(--xt-radius-sm); object-fit: cover; }
.xt-cart__table .product-name a { font-weight: 500; }
.xt-cart__table .product-name a:hover { color: var(--xt-accent); }
.xt-cart__table .variation { margin: 4px 0 0; color: var(--xt-muted); font-size: .8125rem; }
.xt-cart__table .variation dt, .xt-cart__table .variation dd { display: inline; margin: 0; }
.xt-cart__table .product-subtotal { font-weight: 700; }

.woocommerce a.remove.xt-cart__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	color: var(--xt-muted);
	font-size: 0;
	line-height: 1;
	background: transparent;
}

.woocommerce a.remove.xt-cart__remove:hover { background: var(--xt-soft); color: var(--xt-sale); }

.xt-cart__table td.actions { padding: var(--xt-space-5) 16px; background: var(--xt-soft); }

.xt-cart__coupon { display: flex; gap: 8px; max-width: 420px; margin-bottom: var(--xt-space-4); }
.xt-cart__coupon .input-text { min-height: 44px; }
.xt-cart__coupon .button { flex: none; }

.xt-cart__actions { display: flex; flex-wrap: wrap; gap: var(--xt-space-3); justify-content: space-between; }

.xt-cart__collaterals { position: sticky; top: calc(var(--xt-header-h) + 16px); }

.woocommerce .cart_totals {
	width: 100% !important;
	float: none !important;
	padding: var(--xt-space-5);
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	background: var(--xt-bg);
}

.woocommerce .cart_totals h2 { margin: 0 0 var(--xt-space-4); font-size: 1.15rem; }

.woocommerce .cart_totals table { border: 0; margin: 0; }
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
	padding: 11px 0;
	border: 0;
	border-bottom: 1px solid var(--xt-line);
	text-align: start;
	font-size: .9375rem;
}

.woocommerce .cart_totals table th { color: var(--xt-muted); font-weight: 500; }
.woocommerce .cart_totals table td { text-align: end; }
.woocommerce .cart_totals .order-total th,
.woocommerce .cart_totals .order-total td { border-bottom: 0; font-size: 1.05rem; font-weight: 700; }

.woocommerce .cart_totals .wc-proceed-to-checkout { padding: var(--xt-space-4) 0 0; }
.woocommerce .cart_totals .wc-proceed-to-checkout .button { width: 100%; min-height: 52px; }

.woocommerce .cart-empty,
.woocommerce .return-to-shop { text-align: center; }
.woocommerce .cart-empty { font-size: 1.15rem; margin-bottom: var(--xt-space-4); }

/* ==========================================================================
   6. Checkout
   ========================================================================== */

.woocommerce-checkout .woocommerce { max-width: none; }

.woocommerce form.checkout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: var(--xt-space-7);
	align-items: start;
}

.woocommerce form.checkout .col2-set { display: block; width: 100%; }
.woocommerce form.checkout .col2-set .col-1,
.woocommerce form.checkout .col2-set .col-2 { width: 100%; float: none; }
.woocommerce form.checkout .col2-set .col-2 { margin-top: var(--xt-space-6); }

.woocommerce form.checkout h3 {
	margin-bottom: var(--xt-space-4);
	padding-bottom: var(--xt-space-3);
	border-bottom: 1px solid var(--xt-line);
	font-size: 1.15rem;
}

.woocommerce form .form-row { margin: 0 0 var(--xt-space-4); padding: 0; }
.woocommerce form .form-row label { margin-bottom: 6px; font-size: .8125rem; font-weight: 600; color: var(--xt-muted); }
.woocommerce form .form-row .required { color: var(--xt-sale); text-decoration: none; }
.woocommerce form .form-row-first,
.woocommerce form .form-row-last { width: calc(50% - 8px); }
.woocommerce form .form-row-first { float: left; }
.woocommerce form .form-row-last { float: right; }
.woocommerce form .form-row::after { content: ""; display: table; clear: both; }

.woocommerce .select2-container--default .select2-selection--single {
	height: 46px;
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius-sm);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-inline-start: 15px; }
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }

#order_review,
.woocommerce-checkout-review-order {
	position: sticky;
	top: calc(var(--xt-header-h) + 16px);
	padding: var(--xt-space-5);
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	background: var(--xt-soft);
}

.woocommerce-checkout #payment { background: transparent; border-radius: 0; }

.woocommerce-checkout #payment ul.payment_methods {
	padding: 0;
	border-bottom: 1px solid var(--xt-line);
}

.woocommerce-checkout #payment ul.payment_methods li {
	margin-bottom: 8px;
	padding: 14px 16px;
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius-sm);
	background: var(--xt-bg);
	list-style: none;
}

.woocommerce-checkout #payment ul.payment_methods li label { display: inline; font-weight: 600; }
.woocommerce-checkout #payment div.payment_box { background: var(--xt-soft); border-radius: var(--xt-radius-sm); font-size: .875rem; }
.woocommerce-checkout #payment div.payment_box::before { display: none; }
.woocommerce-checkout #payment .place-order { padding: var(--xt-space-4) 0 0; }
.woocommerce-checkout #payment #place_order { width: 100%; min-height: 54px; font-size: 1rem; }

.woocommerce table.shop_table.woocommerce-checkout-review-order-table { border: 0; }
.woocommerce table.shop_table.woocommerce-checkout-review-order-table th,
.woocommerce table.shop_table.woocommerce-checkout-review-order-table td {
	padding: 11px 0;
	border: 0;
	border-bottom: 1px solid var(--xt-line);
	font-size: .9375rem;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td { font-size: 1.05rem; font-weight: 700; }

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews,
.woocommerce p.no-comments {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	margin: 0 0 var(--xt-space-4);
	border: 1px solid var(--xt-line);
	border-inline-start: 3px solid var(--xt-accent);
	border-radius: var(--xt-radius-sm);
	background: var(--xt-soft);
	font-size: .9375rem;
	list-style: none;
}

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

.woocommerce-message { border-inline-start-color: var(--xt-success); }
.woocommerce-error { border-inline-start-color: var(--xt-sale); }
.woocommerce-error li { list-style: none; }
.woocommerce-info .button,
.woocommerce-message .button { margin-inline-start: auto; }

/* ==========================================================================
   7. My account
   ========================================================================== */

.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 270px minmax(0, 1fr);
	gap: var(--xt-space-7);
	align-items: start;
}

.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce { display: block; max-width: 460px; margin-inline: auto; }

.xt-account-nav {
	padding: var(--xt-space-4);
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	background: var(--xt-bg);
}

.xt-account-nav__user {
	display: flex;
	align-items: center;
	gap: 12px;
	padding-bottom: var(--xt-space-4);
	margin-bottom: var(--xt-space-3);
	border-bottom: 1px solid var(--xt-line);
}

.xt-account-nav__avatar { border-radius: 50%; }
.xt-account-nav__hello { margin: 0; color: var(--xt-muted); font-size: .75rem; }
.xt-account-nav__name { margin: 0; font-weight: 600; }

.xt-account-nav__list li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 11px 12px;
	border-radius: var(--xt-radius-sm);
	font-size: .9375rem;
	color: var(--xt-ink);
}

.xt-account-nav__list li a:hover { background: var(--xt-soft); }
.xt-account-nav__list li svg { color: var(--xt-muted); }

.xt-account-nav__list li.is-active a,
.xt-account-nav__list li.woocommerce-MyAccount-navigation-link--is-active a {
	background: var(--xt-accent);
	color: var(--xt-accent-contrast);
}

.xt-account-nav__list li.is-active a svg,
.xt-account-nav__list li.woocommerce-MyAccount-navigation-link--is-active a svg { color: inherit; }

.woocommerce-MyAccount-content { min-width: 0; }

.woocommerce-MyAccount-content > h2,
.woocommerce-MyAccount-content > h3 { margin-bottom: var(--xt-space-4); }

.woocommerce table.my_account_orders,
.woocommerce table.shop_table_responsive {
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.woocommerce table.my_account_orders th { padding: 13px 14px; background: var(--xt-soft); border: 0; font-size: .8125rem; text-align: start; }
.woocommerce table.my_account_orders td { padding: 14px; border: 0; border-top: 1px solid var(--xt-line); font-size: .9375rem; }

.woocommerce-Addresses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--xt-space-5); }
.woocommerce-Address { width: auto !important; float: none !important; padding: var(--xt-space-5); border: 1px solid var(--xt-line); border-radius: var(--xt-radius); }
.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.woocommerce-Address-title h2, .woocommerce-Address-title h3 { margin: 0; font-size: 1rem; }

/* ==========================================================================
   8. Responsive
   ========================================================================== */

@media (min-width: 1024px) {
	.xt-products { --cols: var(--xt-shop-cols, 4); }
	.woocommerce ul.products { --cols: var(--xt-shop-cols, 4); }
	.xt-products--cols-2 { --cols: 2; }
	.xt-products--cols-3 { --cols: 3; }
	.xt-products--cols-4 { --cols: 4; }
	.xt-products--cols-5 { --cols: 5; }
	.xt-products--cols-6 { --cols: 6; }
}

@media (max-width: 1279px) {
	.xt-shop-layout { grid-template-columns: 250px minmax(0, 1fr); gap: var(--xt-space-5); }
	.xt-shop-layout--right { grid-template-columns: minmax(0, 1fr) 250px; }
	.xt-cart { grid-template-columns: minmax(0, 1fr) 320px; }
	.woocommerce form.checkout { grid-template-columns: minmax(0, 1fr) 350px; }
	.xt-products--cols-5,
	.xt-products--cols-6 { --cols: 4; }
}

@media (max-width: 1023px) {
	.xt-products,
	.woocommerce ul.products { --cols: var(--xt-shop-cols-tablet, 3); }
	.xt-products--cols-2 { --cols: 2; }
	.xt-products--cols-3,
	.xt-products--cols-4,
	.xt-products--cols-5,
	.xt-products--cols-6 { --cols: 3; }

	/* Filters become a drawer */
	.xt-shop-layout,
	.xt-shop-layout--right { display: block; }

	.xt-shop-toolbar__filters { display: inline-flex; }

	.xt-shop-sidebar {
		position: fixed;
		inset-block: 0;
		inset-inline-start: 0;
		z-index: var(--xt-z-drawer);
		display: flex;
		flex-direction: column;
		width: min(380px, 90vw);
		background: var(--xt-bg);
		box-shadow: var(--xt-shadow-lg);
		transform: translateX(-100%);
		transition: transform var(--xt-slow) var(--xt-ease);
	}

	[dir="rtl"] .xt-shop-sidebar { transform: translateX(100%); }
	.xt-shop-sidebar.is-open { transform: none; }

	.xt-shop-sidebar__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		flex: none;
		padding: var(--xt-space-4) var(--xt-space-5);
		border-bottom: 1px solid var(--xt-line);
	}

	.xt-shop-sidebar__title { margin: 0; font-size: 1.05rem; }
	.xt-shop-sidebar__close { display: inline-flex; padding: 6px; border: 0; background: transparent; }

	.xt-shop-sidebar__body { flex: 1; min-height: 0; overflow-y: auto; padding: var(--xt-space-5); }

	.xt-shop-sidebar__foot {
		display: block;
		flex: none;
		padding: var(--xt-space-4) var(--xt-space-5);
		border-top: 1px solid var(--xt-line);
	}

	/* Product page */
	.xt-product { grid-template-columns: minmax(0, 1fr); gap: var(--xt-space-6); }
	.xt-product--thumbs-left .woocommerce-product-gallery { grid-template-columns: minmax(0, 1fr); }
	.xt-product--thumbs-left .woocommerce-product-gallery__wrapper { grid-column: 1; }
	.xt-product--thumbs-left .flex-control-thumbs {
		grid-column: 1;
		grid-row: 2;
		grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
		max-height: none;
		margin-top: 10px !important;
	}

	/* Cart & checkout */
	.xt-cart { grid-template-columns: minmax(0, 1fr); }
	.xt-cart__collaterals { position: static; }
	.woocommerce form.checkout { grid-template-columns: minmax(0, 1fr); }
	#order_review, .woocommerce-checkout-review-order { position: static; }

	.woocommerce-account .woocommerce { grid-template-columns: minmax(0, 1fr); }
	.xt-account-nav__list { display: flex; flex-wrap: wrap; gap: 6px; }
	.xt-account-nav__list li a { padding: 9px 14px; border: 1px solid var(--xt-line); }

	.xt-quick { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
	.xt-shop-toolbar { position: sticky; top: 0; z-index: 30; background: var(--xt-bg); }
	.xt-shop-toolbar__view { display: none; }
	.xt-shop-toolbar__left,
	.xt-shop-toolbar__right { flex: 1; }
	.xt-shop-toolbar__right { justify-content: flex-end; }

	.woocommerce-ordering select { max-width: 170px; }

	.xt-product-reassure__list { grid-template-columns: minmax(0, 1fr); }

	.woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }

	.xt-sticky-cart__product { display: none; }
	.xt-sticky-cart__actions { width: 100%; }
	.xt-sticky-cart__actions .xt-btn { width: 100%; }

	.woocommerce div.product form.cart .button,
	.xt-buy-now { flex: 1 1 100%; }

	/* Cart table collapses into cards */
	.xt-cart__table thead { display: none; }

	.xt-cart__table tbody,
	.xt-cart__table tr,
	.xt-cart__table td { display: block; width: 100%; }

	.xt-cart__table tr.woocommerce-cart-form__cart-item {
		position: relative;
		display: grid;
		grid-template-columns: 86px minmax(0, 1fr);
		grid-template-areas:
			"thumb name"
			"thumb price"
			"thumb qty"
			"sub sub";
		gap: 4px 14px;
		padding: var(--xt-space-4) 0;
		border-top: 1px solid var(--xt-line);
	}

	.xt-cart__table tr.woocommerce-cart-form__cart-item td { padding: 0; border: 0; }
	.xt-cart__table .product-thumbnail { grid-area: thumb; }
	.xt-cart__table .product-thumbnail img { width: 86px; height: 108px; }
	.xt-cart__table .product-name { grid-area: name; padding-inline-end: 34px !important; }
	.xt-cart__table .product-price { grid-area: price; color: var(--xt-muted); font-size: .875rem; }
	.xt-cart__table .product-quantity { grid-area: qty; margin-top: 8px; }
	.xt-cart__table .product-subtotal { grid-area: sub; margin-top: 10px; padding-top: 10px !important; border-top: 1px dashed var(--xt-line) !important; }

	.xt-cart__table .product-subtotal::before {
		content: attr(data-title) ": ";
		color: var(--xt-muted);
		font-weight: 400;
	}

	.xt-cart__table .product-remove {
		position: absolute;
		inset-block-start: var(--xt-space-4);
		inset-inline-end: 0;
		width: auto;
	}

	.xt-cart__table td.actions { padding: var(--xt-space-4) 0; }
	.xt-cart__coupon { flex-direction: column; max-width: none; }
	.xt-cart__coupon .button { width: 100%; }
	.xt-cart__actions { flex-direction: column; }
	.xt-cart__actions .xt-btn { width: 100%; }

	.woocommerce form .form-row-first,
	.woocommerce form .form-row-last { width: 100%; float: none; }
}

@media (max-width: 599px) {
	.xt-products,
	.woocommerce ul.products { --cols: var(--xt-shop-cols-mobile, 2) !important; gap: var(--xt-space-4) var(--xt-space-3); }

	.xt-card__tools { opacity: 1; transform: none; }
	.xt-card__tool { width: 34px; height: 34px; }
	.xt-card__cart { opacity: 1; transform: none; inset-inline: 8px; inset-block-end: 8px; }
	.xt-card__cart .button { min-height: 38px; font-size: .8125rem; padding-inline: 10px; }
	.xt-card__title { font-size: .875rem; }
	.xt-card__price { font-size: .9375rem; }
	.xt-card__category { font-size: .6875rem; }

	.xt-products.is-list .xt-card__inner { flex-direction: column; }
	.xt-products.is-list .xt-card__media { flex: none; }

	.woocommerce div.product p.price,
	.woocommerce div.product span.price { font-size: 1.35rem; }

	.xt-tabs__tab { padding-inline: 14px; font-size: .875rem; }

	body.single-product.xt-has-bottom-nav .xt-sticky-cart { inset-block-end: 58px; }
}

/* ==========================================================================
   9. WooCommerce Blocks (block-based cart, checkout and product blocks)
   --------------------------------------------------------------------------
   New WooCommerce installs ship a block cart and checkout. These rules give
   those blocks the theme's typography, colours, radius and spacing without
   touching their markup, so the block features keep working.
   ========================================================================== */

.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
	max-width: none;
	margin-block: var(--xt-space-2) var(--xt-space-8);
}

/* Panels ------------------------------------------------------------------ */

.wc-block-components-sidebar .wc-block-components-totals-wrapper,
.wc-block-components-sidebar .wc-block-cart__totals-title,
.wc-block-components-order-summary {
	border-color: var(--xt-line);
}

.wc-block-components-sidebar.wc-block-cart__sidebar,
.wc-block-components-sidebar.wc-block-checkout__sidebar,
.wc-block-cart__sidebar .wc-block-components-sidebar,
.wc-block-checkout__sidebar .wc-block-components-sidebar {
	position: sticky;
	top: calc(var(--xt-header-h) + 16px);
	padding: var(--xt-space-5);
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-radius);
	background: var(--xt-soft);
}

.wc-block-cart__totals-title,
.wc-block-components-checkout-order-summary__title-text {
	font-family: var(--xt-font-heading);
	font-size: .8125rem !important;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--xt-muted);
}

.wc-block-components-totals-item__label { color: var(--xt-muted); }
.wc-block-components-totals-item__value { font-weight: 600; }

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--xt-ink);
	font-size: 1.05rem;
	font-weight: 700;
}

/* Buttons ----------------------------------------------------------------- */

.wc-block-components-button:not(.is-link) {
	min-height: 52px;
	padding: 14px 26px;
	border: 1px solid transparent;
	border-radius: var(--xt-btn-radius);
	background-color: var(--xt-accent);
	color: var(--xt-accent-contrast);
	font-family: var(--xt-font-body);
	font-size: .9375rem;
	font-weight: 600;
	transition: background var(--xt-fast) var(--xt-ease);
}

.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus {
	background-color: var(--xt-accent-hover);
	color: var(--xt-accent-contrast);
	opacity: 1;
}

.wc-block-components-button:not(.is-link) .wc-block-components-button__text { color: inherit; }

.wc-block-components-button.is-link,
.wc-block-components-totals-coupon-link,
.wc-block-components-panel__button {
	color: var(--xt-accent);
	font-weight: 600;
}

.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button { width: 100%; }

.wc-block-components-button.outlined {
	background: transparent;
	border-color: var(--xt-line);
	color: var(--xt-ink);
}

/* Cart items -------------------------------------------------------------- */

.wc-block-cart-items__header {
	color: var(--xt-muted);
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	border-bottom-color: var(--xt-line);
}

.wc-block-cart-items__row { border-bottom-color: var(--xt-line); }

.wc-block-cart-item__image img,
.wc-block-components-order-summary-item__image img {
	border-radius: var(--xt-radius-sm);
	object-fit: cover;
}

.wc-block-components-product-name {
	font-size: .95rem;
	font-weight: 600;
	color: var(--xt-ink);
	text-decoration: none;
}

.wc-block-components-product-name:hover { color: var(--xt-accent); }

.wc-block-components-product-metadata,
.wc-block-components-product-details { color: var(--xt-muted); font-size: .8125rem; }

.wc-block-components-product-price__value.is-discounted,
.wc-block-components-formatted-money-amount { font-weight: 600; }

.wc-block-components-product-price del { color: var(--xt-muted); font-weight: 400; }
.wc-block-components-sale-badge {
	border-radius: 999px;
	background: rgba(var(--xt-sale-rgb), .12);
	color: var(--xt-sale);
	font-weight: 700;
}

.wc-block-cart-item__remove-link,
.wc-block-components-product-metadata__description { color: var(--xt-muted); }
.wc-block-cart-item__remove-link:hover { color: var(--xt-sale); }

/* Quantity ---------------------------------------------------------------- */

.wc-block-components-quantity-selector {
	border: 1px solid var(--xt-line);
	border-radius: var(--xt-btn-radius);
	overflow: hidden;
	background: var(--xt-bg);
}

.wc-block-components-quantity-selector::after { display: none; }

.wc-block-components-quantity-selector__button {
	color: var(--xt-ink);
	font-weight: 600;
	transition: background var(--xt-fast) var(--xt-ease);
}

.wc-block-components-quantity-selector__button:hover { background: var(--xt-soft); }
.wc-block-components-quantity-selector__input { font-weight: 600; }

/* Forms ------------------------------------------------------------------- */

.wc-block-components-text-input input[type="text"],
.wc-block-components-text-input input[type="email"],
.wc-block-components-text-input input[type="tel"],
.wc-block-components-text-input input[type="number"],
.wc-block-components-textarea,
.wc-blocks-components-select .wc-blocks-components-select__select,
.wc-block-components-combobox-control input.components-combobox-control__input {
	min-height: 50px;
	border: 1px solid var(--xt-line) !important;
	border-radius: var(--xt-radius-sm) !important;
	background: var(--xt-bg);
	color: var(--xt-ink);
	font-size: .9375rem;
	box-shadow: none !important;
}

.wc-block-components-text-input input:focus,
.wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--xt-accent) !important;
	box-shadow: 0 0 0 3px var(--xt-accent-soft) !important;
	outline: none;
}

.wc-block-components-text-input label,
.wc-blocks-components-select__label { color: var(--xt-muted); }

.wc-block-components-checkout-step__title,
.wc-block-components-title {
	font-family: var(--xt-font-heading);
	font-weight: var(--xt-heading-weight);
	letter-spacing: var(--xt-heading-tracking);
	color: var(--xt-ink);
}

.wc-block-components-checkout-step__description { color: var(--xt-muted); }

.wc-block-checkout__form .wc-block-components-checkout-step {
	padding-bottom: var(--xt-space-5);
	margin-bottom: var(--xt-space-5);
	border-bottom: 1px solid var(--xt-line);
}

.wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option {
	border-radius: var(--xt-radius-sm);
}

.wc-block-components-radio-control-accordion-option {
	border: 1px solid var(--xt-line);
	margin-bottom: 8px;
}

.wc-block-components-notice-banner {
	border-radius: var(--xt-radius-sm);
	font-size: .9375rem;
}

/* Empty cart -------------------------------------------------------------- */

.wp-block-woocommerce-empty-cart-block { text-align: center; }
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title { font-family: var(--xt-font-heading); }

/* Product blocks ---------------------------------------------------------- */

.wc-block-grid__products,
.wp-block-woocommerce-product-template {
	display: grid;
	grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr));
	gap: var(--xt-space-5) var(--xt-space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wc-block-grid__product,
.wp-block-woocommerce-product-template li {
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: start;
}

.wc-block-grid__product-image img,
.wp-block-woocommerce-product-image img { border-radius: var(--xt-radius); }

.wc-block-grid__product-title,
.wp-block-post-title { font-size: .9375rem; font-weight: 500; }

.wc-block-grid__product-price { font-weight: 700; }

.wc-block-grid__product-onsale {
	border: 0;
	border-radius: 999px;
	background: var(--xt-sale);
	color: #fff;
	font-size: .75rem;
	font-weight: 700;
	padding: 4px 10px;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
	border-radius: var(--xt-btn-radius);
	background: var(--xt-accent);
	color: var(--xt-accent-contrast);
	font-size: .875rem;
	font-weight: 600;
}

@media (max-width: 1023px) {
	.wc-block-grid__products,
	.wp-block-woocommerce-product-template { --cols: 3; }

	.wc-block-components-sidebar.wc-block-cart__sidebar,
	.wc-block-components-sidebar.wc-block-checkout__sidebar,
	.wc-block-cart__sidebar .wc-block-components-sidebar,
	.wc-block-checkout__sidebar .wc-block-components-sidebar { position: static; }
}

@media (max-width: 599px) {
	.wc-block-grid__products,
	.wp-block-woocommerce-product-template { --cols: 2; }

	.wp-block-woocommerce-cart,
	.wp-block-woocommerce-checkout { margin-block: 0 var(--xt-space-7); }
}