/**
 * Store theme styles.
 * All fonts, sizes, and colors use design tokens (see theme.json → semantic aliases below).
 */

:root {
	/* Semantic aliases — prefer these in component CSS */
	--font-sans: var(--wp--preset--font-family--sans);
	--font-display: var(--wp--preset--font-family--display);

	--text-xs: var(--wp--preset--font-size--xs);
	--text-sm: var(--wp--preset--font-size--sm);
	--text-md: var(--wp--preset--font-size--md);
	--text-lg: var(--wp--preset--font-size--lg);
	--text-xl: var(--wp--preset--font-size--xl);
	--text-2xl: var(--wp--preset--font-size--2-xl);
	--text-3xl: var(--wp--preset--font-size--3-xl);

	--space-1: var(--wp--preset--spacing--1);
	--space-2: var(--wp--preset--spacing--2);
	--space-3: var(--wp--preset--spacing--3);
	--space-4: var(--wp--preset--spacing--4);
	--space-5: var(--wp--preset--spacing--5);
	--space-6: var(--wp--preset--spacing--6);
	--space-7: var(--wp--preset--spacing--7);
	--space-8: var(--wp--preset--spacing--8);

	--color-text: var(--wp--preset--color--text);
	--color-text-muted: var(--wp--preset--color--text-muted);
	--color-surface: var(--wp--preset--color--surface);
	--color-surface-elevated: var(--wp--preset--color--surface-elevated);
	--color-border: var(--wp--preset--color--border);
	/* Brand accent (#34c1fc תכלת). Change once in theme.json → palette primary / primary-hover / focus. */
	--color-primary: var(--wp--preset--color--primary);
	--color-primary-hover: var(--wp--preset--color--primary-hover);
	--color-accent: var(--wp--preset--color--accent);
	--color-focus: var(--wp--preset--color--focus);
	--radius-subtle: 0.375rem;
	--radius-modal: var(--radius-subtle);

	--layout-content: var(--wp--style--global--content-size, 42rem);
	--layout-wide: var(--wp--style--global--wide-size, 72rem);
	/* Shared page shell — header + main content + footer align to the same full width */
	--layout-shell: 100%;
	--layout-inline-space: clamp(var(--space-4), 2.5vw, var(--space-7));
	--layout-header: var(--layout-shell);
	--header-inline-space: var(--layout-inline-space);
	--color-ink: var(--wp--preset--color--ink, #111111);
	--color-search-field: var(--wp--preset--color--search-field, #f5f5f5);
	--color-surface-muted: var(--wp--preset--color--surface-muted, #f5f5f5);
	--color-cta: var(--wp--preset--color--cta, #111111);
	--color-cta-hover: var(--wp--preset--color--cta-hover, #2a2a2a);
	--color-cta-disabled: var(--wp--preset--color--cta-disabled, #c8c8c8);
	--color-benefit: var(--wp--preset--color--benefit, #1f6b45);
	--color-benefit-surface: var(--wp--preset--color--benefit-surface, #f0f8f3);
	--color-benefit-border: var(--wp--preset--color--benefit-border, #c5e3d1);
	--color-danger: var(--wp--preset--color--danger, #a4262c);
	--color-whatsapp: #25d366;
	--color-whatsapp-hover: #1fb95a;

	/* Notices (WooCommerce messages, block banners, toasts) */
	--color-notice-success: var(--color-benefit);
	--color-notice-info: var(--color-primary);
	--color-notice-error: var(--color-danger);
	--color-notice-warning: var(--color-accent);
	--notice-radius: 0.625rem;
	--notice-icon-size: 1.25rem;
	--notice-icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.2 12.4 2.6 2.6 5-5.6'/%3E%3C/svg%3E");
	--notice-icon-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11.2v5'/%3E%3Cpath d='M12 7.8v.1'/%3E%3C/svg%3E");
	--notice-icon-error: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.6v5'/%3E%3Cpath d='M12 16.2v.1'/%3E%3C/svg%3E");
	--notice-icon-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.4 3.1 19.6h17.8z'/%3E%3Cpath d='M12 10v4'/%3E%3Cpath d='M12 17v.1'/%3E%3C/svg%3E");
	--notice-surface-mix: 7%;
	--notice-border-mix: 30%;
	--notice-shadow:
		0 1px 2px color-mix(in srgb, var(--color-ink) 6%, transparent),
		0 14px 28px -22px color-mix(in srgb, var(--color-ink) 45%, transparent);
	--notice-duration: 320ms;
	--header-utility-height: 2.75rem;
	--header-navbar-height: 5.625rem;
	--header-search-radius: var(--radius-subtle);
	--category-nav-item-size: 150px;
	--category-description-max-width: 50%;
	--category-description-collapsed-lines: 4;
	--shop-directory-columns: 4;
	--shop-directory-media-ratio: 3 / 2;

	/* Icon micro-interaction motion */
	--motion-icon-duration: 180ms;
	--motion-icon-ease: cubic-bezier(0.34, 1.45, 0.64, 1);
	--motion-icon-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--motion-icon-scale-hover: 1.12;
	--motion-icon-scale-press: 0.88;
	--motion-drawer-duration: 380ms;
	--motion-mini-cart-duration: 220ms;

	/* Mega menu */
	--mega-duration: 240ms;
	--mega-rail-width: 15rem;
	--mega-columns: 3;
	--mega-max-block-size: min(70vh, 32rem);
	--mega-intent-delay: 120ms;
	--mega-child-thumb: 3.5rem;
	--mega-rail-icon: 1.75rem;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-hebrew-400.woff2") format("woff2");
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-latin-400.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-hebrew-600.woff2") format("woff2");
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-latin-600.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-hebrew-700.woff2") format("woff2");
	unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
	font-family: "Noto Sans Hebrew";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/noto-sans-hebrew-latin-700.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-height: 100vh;
	font-family: var(--font-sans);
	font-size: var(--text-md);
	line-height: 1.6;
	color: var(--color-text);
	background: var(--color-surface);
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: var(--color-primary);
}

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

a:focus-visible,
button:focus-visible,
.button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

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

.screen-reader-text:focus {
	background: var(--color-surface-elevated);
	clip: auto !important;
	clip-path: none;
	color: var(--color-text);
	display: block;
	font-size: var(--text-sm);
	height: auto;
	left: var(--space-4);
	line-height: normal;
	padding: var(--space-3) var(--space-4);
	text-decoration: none;
	top: var(--space-4);
	width: auto;
	z-index: 100000;
}

.skip-link:focus {
	position: absolute;
}

.button,
button.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: 2.75rem;
	padding: var(--space-3) var(--space-5);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-primary);
	color: var(--color-surface-elevated);
	font-family: var(--font-sans);
	font-size: var(--text-md);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}

.button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--color-primary-hover);
	color: var(--color-surface-elevated);
}

/* —— Header —— */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--color-surface-elevated);
}

.site-header.is-scrolled .site-header__navbar {
	box-shadow: 0 1px 0 var(--color-border), 0 8px 24px color-mix(in srgb, var(--color-ink) 8%, transparent);
}

.site-header__utility {
	background: var(--color-ink);
	color: var(--color-surface-elevated);
	min-height: var(--header-utility-height);
}

.site-header__utility-inner,
.site-header__navbar-inner,
.site-footer__inner,
.site-main__inner,
.hero__inner,
.site-main--shop {
	width: var(--layout-shell);
	max-width: none;
	margin-inline: 0;
	padding-inline: var(--layout-inline-space);
	box-sizing: border-box;
}

.site-header__utility-inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	min-height: var(--header-utility-height);
	font-size: var(--text-xs);
}

.site-header__utility-inner--marquee {
	width: 100%;
	max-width: none;
	padding-inline: 0;
	justify-content: stretch;
}

.site-header__marquee {
	--marquee-duration: 45s;
	--marquee-distance: 50%;
	width: 100%;
	min-height: var(--header-utility-height);
}

.site-header__marquee-viewport {
	display: block;
	overflow: hidden;
	width: 100%;
	min-height: var(--header-utility-height);
	/* Keep the max-content track anchored at the left edge; messages remain RTL. */
	direction: ltr;
}

.site-header__marquee-track {
	display: flex;
	align-items: center;
	/* Lock LTR track math so the loop stays seamless on the RTL storefront. */
	direction: ltr;
	width: max-content;
	min-height: var(--header-utility-height);
	animation: store-header-marquee var(--marquee-duration) linear infinite;
	will-change: transform;
	/* Avoid a broken half-loop flash before JS measures the seam. */
	animation-play-state: paused;
}

.site-header__marquee.is-ready .site-header__marquee-track {
	animation-play-state: running;
}

.site-header__marquee:hover.is-ready .site-header__marquee-track,
.site-header__marquee:focus-within.is-ready .site-header__marquee-track {
	animation-play-state: paused;
}

.site-header__marquee-seq {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: var(--space-6);
	/* Trailing gap so abutting halves keep the same rhythm (no blank seam). */
	padding-inline-end: var(--space-6);
	box-sizing: content-box;
	white-space: nowrap;
}

.site-header__marquee-item {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	gap: var(--space-6);
	direction: rtl;
	unicode-bidi: plaintext;
	color: color-mix(in srgb, var(--color-surface-elevated) 92%, transparent);
	letter-spacing: 0.01em;
}

.site-header__marquee-item::after {
	content: "•";
	color: color-mix(in srgb, var(--color-surface-elevated) 45%, transparent);
	font-size: 0.7em;
	line-height: 1;
}

.site-header__marquee-link,
.site-header__marquee-text {
	color: inherit;
	text-decoration: none;
}

.site-header__marquee-link:hover,
.site-header__marquee-link:focus-visible {
	color: var(--color-surface-elevated);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@keyframes store-header-marquee {
	from {
		transform: translate3d(calc(-1 * var(--marquee-distance)), 0, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header__marquee-viewport {
		padding-inline: var(--layout-inline-space);
	}

	.site-header__marquee-track {
		animation: none !important;
		width: 100%;
		justify-content: center;
		flex-wrap: wrap;
		row-gap: var(--space-1);
		padding-block: var(--space-1);
	}

	.site-header__marquee-seq:nth-child(n + 2) {
		display: none;
	}

	.site-header__marquee-seq {
		flex-wrap: wrap;
		justify-content: center;
		padding-inline-end: 0;
		gap: var(--space-4);
		white-space: normal;
	}

	.site-header__marquee-item {
		white-space: nowrap;
	}

	.site-header__marquee-item:last-child::after {
		content: none;
	}
}

.site-header__navbar {
	border-bottom: 1px solid var(--color-border);
	background: var(--color-surface-elevated);
	transition: box-shadow 160ms ease;
}

.site-header__navbar-inner {
	display: grid;
	grid-template-columns: auto minmax(16rem, 1.4fr) auto;
	align-items: center;
	gap: clamp(var(--space-4), 2vw, var(--space-7));
	min-height: var(--header-navbar-height);
	padding-block: var(--space-3);
}

.site-header__cluster {
	display: flex;
	align-items: center;
	gap: clamp(var(--space-4), 1.5vw, var(--space-6));
	min-width: 0;
}

.site-header__cluster--end {
	justify-content: flex-end;
	gap: var(--space-3);
}

.site-header__menu-toggle {
	display: none;
	inline-size: 2.75rem;
	block-size: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: var(--radius-subtle);
	background: transparent;
	color: var(--color-text);
	cursor: pointer;
}

.site-header__menu-toggle-bars,
.site-header__menu-toggle-bars::before,
.site-header__menu-toggle-bars::after {
	display: block;
	width: 1.25rem;
	height: 2px;
	margin-inline: auto;
	background: currentColor;
	border-radius: 1px;
	content: "";
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.site-header__menu-toggle-bars::before {
	transform: translateY(-6px);
}

.site-header__menu-toggle-bars::after {
	transform: translateY(4px);
}

.site-header__menu-toggle:active .site-header__menu-toggle-bars {
	transform: scaleX(0.92);
}

.site-header__menu-toggle:active .site-header__menu-toggle-bars::before {
	transform: translateY(-5px);
}

.site-header__menu-toggle:active .site-header__menu-toggle-bars::after {
	transform: translateY(3px);
}

@media (hover: hover) {
	.site-header__menu-toggle:hover .site-header__menu-toggle-bars {
		transform: scaleX(1.08);
	}
}

.site-title {
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 700;
	color: var(--color-text);
	text-decoration: none;
	white-space: nowrap;
}

.site-branding .custom-logo-link {
	display: inline-flex;
	max-inline-size: 7.5rem;
}

.site-branding .custom-logo {
	width: auto;
	max-height: 2.5rem;
}

.site-nav--desktop .site-nav__list {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(var(--space-4), 1.2vw, var(--space-6));
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__list a {
	color: var(--color-text);
	text-decoration: none;
	font-size: var(--text-sm);
	font-weight: 500;
	white-space: nowrap;
}

.site-nav__list a:hover {
	color: var(--color-primary);
}

.site-nav__list > .menu-item--mega > a,
.site-nav__list > .menu-item--mega > button.site-nav__mega-trigger {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
}

.site-nav__mega-trigger {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
}

.site-nav__mega-trigger:hover,
.site-nav__mega-trigger[aria-expanded="true"] {
	color: var(--color-primary);
}

.site-nav__mega-trigger:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 3px;
	border-radius: var(--radius-subtle);
}

.site-nav__mega-chevron {
	display: inline-flex;
	transition: transform var(--mega-duration) var(--motion-icon-ease-out);
}

.site-nav__mega-trigger[aria-expanded="true"] .site-nav__mega-chevron,
.menu-item--mega.is-mega-open > a .site-nav__mega-chevron,
.menu-item--mega.is-mega-open > .site-nav__mega-trigger .site-nav__mega-chevron {
	transform: rotate(180deg);
}

/* —— Mega menu —— */
.mega-menu {
	position: absolute;
	inset-inline: 0;
	top: 100%;
	z-index: 90;
	pointer-events: none;
}

.mega-menu.is-open {
	pointer-events: auto;
}

.mega-menu__backdrop {
	position: fixed;
	inset-inline: 0;
	inset-block-end: 0;
	top: var(--mega-backdrop-top, calc(var(--header-utility-height) + var(--header-navbar-height)));
	z-index: 0;
	background: color-mix(in srgb, var(--color-ink) 28%, transparent);
	opacity: 0;
	transition: opacity var(--mega-duration) var(--motion-icon-ease-out);
}

.mega-menu.is-open .mega-menu__backdrop {
	opacity: 1;
}

.mega-menu__panel {
	position: relative;
	z-index: 1;
	background: var(--color-surface-elevated);
	border-block-end: 1px solid var(--color-border);
	box-shadow: 0 18px 40px color-mix(in srgb, var(--color-ink) 10%, transparent);
	opacity: 0;
	transform: translateY(-0.5rem);
	transition:
		opacity var(--mega-duration) var(--motion-icon-ease-out),
		transform var(--mega-duration) var(--motion-icon-ease-out);
}

.mega-menu.is-open .mega-menu__panel {
	opacity: 1;
	transform: translateY(0);
}

.mega-menu__inner {
	width: var(--layout-shell);
	padding-inline: var(--layout-inline-space);
	box-sizing: border-box;
}

.mega-menu__layout {
	display: grid;
	grid-template-columns: var(--mega-rail-width) minmax(0, 1fr);
	min-block-size: 18rem;
	block-size: var(--mega-max-block-size);
	max-block-size: var(--mega-max-block-size);
	overflow: hidden;
}

.mega-menu__rail-wrap {
	position: relative;
	min-block-size: 0;
	overflow: hidden;
}

.mega-menu__rail {
	display: flex;
	flex-direction: column;
	gap: var(--space-1);
	min-block-size: 0;
	block-size: 100%;
	box-sizing: border-box;
	padding-block: var(--space-5);
	padding-inline-end: var(--space-4);
	border-inline-end: 1px solid var(--color-border);
	overflow-y: auto;
	overscroll-behavior: contain;
	scroll-padding-block: var(--space-4);
	scrollbar-width: thin;
	scrollbar-color: var(--color-border) transparent;
}

.mega-menu__rail::-webkit-scrollbar {
	inline-size: 0.4rem;
}

.mega-menu__rail::-webkit-scrollbar-track {
	background: transparent;
}

.mega-menu__rail::-webkit-scrollbar-thumb {
	border-radius: var(--radius-subtle);
	background: var(--color-border);
}

.mega-menu__rail-more {
	position: absolute;
	inset-inline: 0 1px;
	inset-block-end: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	block-size: var(--space-7);
	padding-block-end: var(--space-2);
	background: linear-gradient(to bottom, transparent, var(--color-surface-elevated) 70%);
	color: var(--color-text-muted);
	opacity: 0;
	pointer-events: none;
	transform: translateY(var(--space-2));
	transition:
		opacity var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.mega-menu__rail-wrap.is-scrollable:not(.is-at-end) .mega-menu__rail-more {
	opacity: 1;
	transform: translateY(0);
}

.mega-menu__rail-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	width: 100%;
	margin: 0;
	padding: var(--space-3) var(--space-4);
	border: 0;
	border-radius: var(--radius-subtle);
	background: transparent;
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 500;
	text-align: start;
	cursor: pointer;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.mega-menu__rail-item::before {
	content: "";
	position: absolute;
	inset-block: var(--space-2);
	inset-inline-start: 0;
	inline-size: 2px;
	border-radius: 1px;
	background: var(--color-primary);
	transform: scaleY(0);
	transform-origin: center;
	transition: transform var(--mega-duration) var(--motion-icon-ease-out);
}

.mega-menu__rail-item:hover,
.mega-menu__rail-item.is-active {
	background: var(--color-surface);
	color: var(--color-primary);
}

.mega-menu__rail-item.is-active::before {
	transform: scaleY(1);
}

.mega-menu__rail-item:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.mega-menu__rail-main {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	min-width: 0;
}

.mega-menu__rail-icon {
	display: inline-flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: center;
	inline-size: var(--mega-rail-icon);
	block-size: var(--mega-rail-icon);
	overflow: hidden;
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
}

.mega-menu__rail-icon img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mega-menu__rail-label {
	min-width: 0;
}

.mega-menu__rail-chevron {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--color-text-muted);
}

[dir="ltr"] .mega-menu__rail-chevron {
	transform: scaleX(-1);
}

.mega-menu__rail-item.is-active .mega-menu__rail-chevron {
	color: var(--color-primary);
}

.mega-menu__panes {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.mega-menu__pane {
	display: none;
	block-size: 100%;
	padding-block: var(--space-5);
	padding-inline-start: var(--space-6);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.mega-menu__pane.is-active {
	display: block;
}

.mega-menu__pane-body {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
	gap: var(--space-6);
	align-items: start;
	min-block-size: 100%;
}

.mega-menu__links {
	min-width: 0;
}

.mega-menu__all-link {
	display: inline-flex;
	align-items: center;
	margin-block-end: var(--space-4);
	color: var(--color-primary);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
}

.mega-menu__all-link:hover,
.mega-menu__all-link:focus-visible {
	text-decoration: underline;
}

.mega-menu__all-link:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 3px;
	border-radius: var(--radius-subtle);
}

.mega-menu__children {
	display: grid;
	grid-template-columns: repeat(var(--mega-columns), minmax(0, 1fr));
	column-gap: var(--space-5);
	row-gap: var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mega-menu__child {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding-block: var(--space-1);
	color: var(--color-text);
	font-size: var(--text-sm);
	font-weight: 500;
	text-decoration: none;
	line-height: 1.35;
	opacity: 0;
	transform: translateY(0.35rem);
}

.mega-menu__child-media {
	display: block;
	flex-shrink: 0;
	overflow: hidden;
	inline-size: var(--mega-child-thumb);
	block-size: var(--mega-child-thumb);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
}

.mega-menu__child-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 220ms var(--motion-icon-ease-out);
}

.mega-menu__child-label {
	min-width: 0;
}

.mega-menu.is-open .mega-menu__pane.is-active .mega-menu__child {
	opacity: 1;
	transform: translateY(0);
	transition:
		opacity 180ms var(--motion-icon-ease-out),
		transform 180ms var(--motion-icon-ease-out),
		color var(--motion-icon-duration) var(--motion-icon-ease-out);
	transition-delay: calc(var(--i, 0) * 18ms);
}

.mega-menu__child:hover,
.mega-menu__child:focus-visible {
	color: var(--color-primary);
}

@media (hover: hover) {
	.mega-menu__child:hover .mega-menu__child-media img {
		transform: scale(1.06);
	}
}

.mega-menu__child:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.mega-menu__empty {
	margin: 0;
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}

.mega-menu__media {
	display: block;
	align-self: stretch;
	overflow: hidden;
	block-size: 100%;
	min-block-size: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
}

.mega-menu__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 280ms var(--motion-icon-ease-out);
}

@media (hover: hover) {
	.mega-menu__media:hover img {
		transform: scale(1.04);
	}
}

.mega-menu__footer {
	display: flex;
	justify-content: flex-start;
	padding-block: var(--space-4);
	border-block-start: 1px solid var(--color-border);
}

.mega-menu__shop-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--color-text);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
}

.mega-menu__shop-link:hover,
.mega-menu__shop-link:focus-visible {
	color: var(--color-primary);
}

.mega-menu__shop-link:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 3px;
	border-radius: var(--radius-subtle);
}

.mega-menu__shop-chevron {
	display: inline-flex;
}

[dir="ltr"] .mega-menu__shop-chevron {
	transform: scaleX(-1);
}

body.has-mega-menu-open {
	overflow: hidden;
}

@media (max-width: 959px) {
	.mega-menu {
		display: none !important;
	}

	.site-nav--desktop .menu-item--mega .site-nav__mega-chevron {
		display: none;
	}
}

@media (min-width: 960px) {
	.site-header {
		position: sticky;
	}

	.mega-menu-mobile {
		display: none;
	}
}

@media (max-width: 1100px) {
	.mega-menu__pane-body {
		grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem);
		gap: var(--space-4);
	}

	.mega-menu {
		--mega-columns: 2;
		--mega-rail-width: 13rem;
	}
}

/* Mobile mega accordion (inside hamburger panel) */
.mega-menu-mobile {
	margin-block-end: var(--space-4);
	padding-block-end: var(--space-4);
	border-block-end: 1px solid var(--color-border);
}

.mega-menu-mobile__heading {
	margin: 0 0 var(--space-2);
	font-size: var(--text-xs);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}

.mega-menu-mobile__shop {
	display: inline-flex;
	margin-block-end: var(--space-3);
	color: var(--color-primary);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
}

.mega-menu-mobile__shop:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.mega-menu-mobile__list {
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mega-menu-mobile__item {
	border-block-end: 1px solid var(--color-border);
}

.mega-menu-mobile__item:last-child {
	border-block-end: 0;
}

.mega-menu-mobile__link,
.mega-menu-mobile__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	width: 100%;
	padding-block: var(--space-3);
	color: var(--color-text);
	font-size: var(--text-md);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	list-style: none;
}

.mega-menu-mobile__summary::-webkit-details-marker {
	display: none;
}

.mega-menu-mobile__summary:focus-visible,
.mega-menu-mobile__link:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.mega-menu-mobile__chevron {
	display: inline-flex;
	color: var(--color-text-muted);
	transition: transform var(--mega-duration) var(--motion-icon-ease-out);
}

.mega-menu-mobile__details[open] > .mega-menu-mobile__summary .mega-menu-mobile__chevron {
	transform: rotate(180deg);
}

.mega-menu-mobile__details[open] > .mega-menu-mobile__summary {
	color: var(--color-primary);
	font-weight: 600;
}

.mega-menu-mobile__children {
	display: grid;
	gap: var(--space-1);
	margin: 0 0 var(--space-3);
	padding-block: var(--space-1);
	padding-inline: var(--space-3) 0;
	border-inline-start: 1px solid var(--color-border);
	background: color-mix(in srgb, var(--color-primary) 3%, transparent);
	list-style: none;
}

.mega-menu-mobile__children a {
	display: flex;
	align-items: center;
	min-height: 2.75rem;
	padding-block: var(--space-2);
	padding-inline: var(--space-3);
	color: var(--color-text-muted);
	font-size: var(--text-sm);
	font-weight: 500;
	text-decoration: none;
}

.mega-menu-mobile__children a:hover,
.mega-menu-mobile__children a:focus-visible {
	color: var(--color-primary);
}

.mega-menu-mobile__children a:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.mega-menu-mobile__children li:first-child a {
	color: var(--color-primary);
	font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
	.mega-menu__backdrop,
	.mega-menu__panel,
	.mega-menu__rail-item,
	.mega-menu__rail-item::before,
	.mega-menu__rail-more,
	.site-nav__mega-chevron,
	.mega-menu__media img,
	.mega-menu-mobile__chevron,
	.mega-menu.is-open .mega-menu__pane.is-active .mega-menu__child {
		transition: none !important;
		transition-delay: 0ms !important;
	}

	.mega-menu__panel {
		transform: none;
	}

	.mega-menu.is-open .mega-menu__pane.is-active .mega-menu__child {
		opacity: 1;
		transform: none;
	}
}

.site-footer__list {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__list a {
	display: inline-flex;
	align-items: center;
	min-height: 2.25rem;
	color: var(--color-text-muted);
	text-decoration: none;
	font-size: var(--text-sm);
	line-height: 1.45;
	font-weight: 500;
	background-image: linear-gradient(var(--color-primary), var(--color-primary));
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 0 0.125rem;
	transition:
		color var(--motion-icon-duration) var(--motion-icon-ease),
		background-size var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.site-footer__list a:hover,
.site-footer__list a:focus-visible {
	color: var(--color-text);
	background-size: 100% 0.125rem;
}

.site-header__search {
	position: relative;
	width: 100%;
	max-width: none;
	justify-self: stretch;
}

.site-header__search-field {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	min-height: 3rem;
	padding-inline: var(--space-4);
	border-radius: var(--header-search-radius);
	background: var(--color-search-field);
	border: 1px solid transparent;
}

.site-header__search-field:focus-within {
	border-color: var(--color-focus);
	outline: 2px solid color-mix(in srgb, var(--color-focus) 25%, transparent);
	outline-offset: 1px;
}

.site-header__search-icon {
	display: inline-flex;
	color: var(--color-text-muted);
	flex-shrink: 0;
	transition:
		transform var(--motion-icon-duration) var(--motion-icon-ease),
		color var(--motion-icon-duration) var(--motion-icon-ease-out);
	transform-origin: center;
}

.site-header__search-field:focus-within .site-header__search-icon {
	color: var(--color-primary);
	transform: scale(var(--motion-icon-scale-hover));
}

.site-header__search-input {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--text-md);
	line-height: 1.4;
	padding-block: var(--space-2);
}

.site-header__search-input::placeholder {
	color: var(--color-text-muted);
	opacity: 1;
}

.site-header__search-input:focus {
	outline: none;
}

.site-header__search-input::-webkit-search-decoration,
.site-header__search-input::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

.site-header__search-clear {
	inline-size: 1.75rem;
	block-size: 1.75rem;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--color-text) 10%, transparent);
	color: var(--color-text);
	font-size: var(--text-lg);
	line-height: 1;
	cursor: pointer;
	transition:
		transform var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out);
	transform-origin: center;
}

.site-header__search-clear:active {
	transform: scale(var(--motion-icon-scale-press));
}

@media (hover: hover) {
	.site-header__search-clear:hover {
		transform: scale(var(--motion-icon-scale-hover));
		background: color-mix(in srgb, var(--color-text) 16%, transparent);
	}
}

/* —— Search discovery panel (IKEA-style) —— */
.search-panel__backdrop {
	position: fixed;
	inset: 0;
	z-index: 110;
	background: color-mix(in srgb, var(--color-ink) 45%, transparent);
}

.search-panel {
	position: absolute;
	z-index: 120;
	inset-inline: 0;
	top: calc(100% + var(--space-3));
	max-height: min(70vh, 36rem);
	overflow: auto;
	padding: var(--space-5);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	box-shadow: 0 18px 48px color-mix(in srgb, var(--color-ink) 16%, transparent);
}

.search-panel__chrome {
	display: none;
}

.search-panel__body {
	display: grid;
	gap: var(--space-6);
}

.search-panel__section {
	display: grid;
	gap: var(--space-3);
}

.search-panel__section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
}

.search-panel__heading {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text-muted);
}

.search-panel__text-btn {
	border: 0;
	background: transparent;
	color: var(--color-primary);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 600;
	cursor: pointer;
	padding: var(--space-1) var(--space-2);
	min-height: 2.5rem;
}

.search-panel__product-list,
.search-panel__suggest-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--space-1);
}

.search-panel__product,
.search-panel__suggest {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-2);
	border-radius: var(--radius-subtle);
	color: var(--color-text);
	text-decoration: none;
	min-height: 3.25rem;
}

.search-panel__product:hover,
.search-panel__product.is-active,
.search-panel__suggest:hover {
	background: var(--color-surface);
}

.search-panel__thumb {
	inline-size: 3.5rem;
	block-size: 3.5rem;
	object-fit: cover;
	border-radius: var(--radius-subtle);
	background: var(--color-search-field);
	flex-shrink: 0;
}

.search-panel__thumb--empty {
	display: inline-block;
}

.search-panel__category-thumb {
	display: block;
	inline-size: 3.5rem;
	block-size: 3.5rem;
	flex: 0 0 auto;
	border-radius: var(--radius-subtle);
	background: var(--color-search-field);
	object-fit: cover;
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.search-panel__product-text {
	display: grid;
	gap: var(--space-1);
	min-width: 0;
}

.search-panel__product-name {
	font-size: var(--text-md);
	font-weight: 700;
}

.search-panel__meta {
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.search-panel__suggest-icon {
	display: inline-flex;
	color: var(--color-text-muted);
	flex-shrink: 0;
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease);
	transform-origin: center;
}

@media (hover: hover) {
	.search-panel__suggest:hover .search-panel__suggest-icon {
		transform: scale(var(--motion-icon-scale-hover));
	}

	.search-panel__suggest:hover .search-panel__category-thumb {
		transform: scale(1.035);
	}
}

.search-panel__empty {
	margin: 0;
	padding: var(--space-4);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
	text-align: center;
}

.search-panel__live {
	display: grid;
	gap: var(--space-1);
}

body.has-search-open {
	overflow: hidden;
}

.site-header__search.is-search-open .site-header__search-field {
	position: relative;
	z-index: 121;
	background: var(--color-surface-elevated);
	border-color: var(--color-focus);
}

/* —— Product category header + subcategory carousel —— */
.category-header {
	margin-bottom: var(--space-6);
}

.breadcrumbs {
	margin: 0 0 var(--space-3);
}

.product-single .breadcrumbs {
	margin-bottom: var(--space-2);
}

.breadcrumbs__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--text-sm);
	line-height: 1.4;
	color: var(--color-text-muted);
}

.breadcrumbs__item {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	min-width: 0;
}

.breadcrumbs__item:not(:last-child)::after {
	content: "/";
	color: var(--color-border);
}

.breadcrumbs__link {
	color: var(--color-text-muted);
	text-decoration: none;
}

.breadcrumbs__link:hover,
.breadcrumbs__link:focus-visible {
	color: var(--color-text);
	text-decoration: underline;
}

.breadcrumbs__current {
	color: var(--color-text);
}

.category-header__title {
	margin: 0 0 var(--space-5);
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 700;
	line-height: 1.15;
	color: var(--color-text);
}

.brand-header__identity {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.brand-header__identity .category-header__title {
	margin-bottom: 0;
}

.brand-header__logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	max-width: 10rem;
	max-height: 4.5rem;
}

.brand-header__logo img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 4.5rem;
	object-fit: contain;
}

.favorites-page__header .category-header__title {
	margin-bottom: var(--space-3);
}

.favorites-page__toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	margin: 0 0 var(--space-5);
}

.favorites-page__toolbar[hidden] {
	display: none;
}

.favorites-page__count {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.favorites-page__add-all:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.favorites-page__add-status {
	margin: 0 0 var(--space-5);
	min-height: 1.25em;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.favorites-page__add-status:empty {
	display: none;
}

.favorites-page__status {
	margin: 0 0 var(--space-5);
	font-size: var(--text-md);
	color: var(--color-text-muted);
}

.favorites-page__empty {
	display: grid;
	gap: var(--space-4);
	justify-items: start;
	padding-block: var(--space-6);
}

.favorites-page__empty[hidden],
.favorites-page__results[hidden],
.favorites-page__status[hidden] {
	display: none;
}

.favorites-page__empty-text {
	margin: 0;
	font-size: var(--text-lg);
	color: var(--color-text);
}

.favorites-page__empty-actions {
	margin: 0;
}

.category-header__description {
	margin-top: var(--space-5);
	max-width: var(--category-description-max-width);
	font-size: var(--text-md);
	line-height: 1.6;
	color: var(--color-text-muted);
}

.category-header__description-body {
	position: relative;
}

.category-header__description.is-collapsed .category-header__description-body {
	max-height: calc(1em * 1.6 * var(--category-description-collapsed-lines));
	overflow: hidden;
}

.category-header__description.is-collapsed .category-header__description-body::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: 0;
	height: 2.75em;
	background: linear-gradient(
		to top,
		var(--color-surface) 15%,
		color-mix(in srgb, var(--color-surface) 0%, transparent)
	);
	pointer-events: none;
}

.category-header__description-body > *:first-child {
	margin-top: 0;
}

.category-header__description-body > *:last-child {
	margin-bottom: 0;
}

.category-header__description-toggle {
	display: inline-flex;
	align-items: center;
	margin-top: var(--space-2);
	padding: 0;
	min-height: 2.75rem;
	border: 0;
	background: transparent;
	color: var(--color-text-muted);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 500;
	line-height: 1.4;
	text-decoration: underline;
	text-underline-offset: 0.18em;
	cursor: pointer;
	transition: color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.category-header__description-toggle:hover,
.category-header__description-toggle:focus-visible {
	color: var(--color-text);
}

.category-header__description-toggle:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 3px;
	border-radius: var(--radius-subtle);
}

.category-header__description-toggle[hidden] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.category-header__description-toggle {
		transition: none;
	}
}

.shop-directory {
	margin-block: var(--space-2) var(--space-8);
}

.shop-directory__grid {
	display: grid;
	grid-template-columns: repeat(var(--shop-directory-columns), minmax(0, 1fr));
	gap: var(--space-7) var(--space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

.shop-directory__item {
	display: grid;
	align-content: start;
	gap: var(--space-3);
	min-width: 0;
}

.shop-directory__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: 2.75rem;
	padding: 0;
	cursor: pointer;
	list-style: none;
	color: var(--color-text);
}

.shop-directory__summary::-webkit-details-marker {
	display: none;
}

.shop-directory__summary::after {
	content: "";
	inline-size: 0.5rem;
	block-size: 0.5rem;
	flex-shrink: 0;
	border-inline-start: 2px solid currentColor;
	border-block-end: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform var(--motion-icon-duration, 180ms) var(--motion-icon-ease-out, ease);
}

.shop-directory__item[open] > .shop-directory__summary::after {
	transform: rotate(225deg);
}

.shop-directory__summary:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.shop-directory__panel {
	display: grid;
	gap: var(--space-3);
	padding-block: 0 var(--space-3);
}

.shop-directory__media {
	display: none;
	aspect-ratio: var(--shop-directory-media-ratio);
	overflow: hidden;
	background: var(--color-search-field);
	text-decoration: none;
}

.shop-directory__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 280ms var(--motion-icon-ease-out, ease);
}

.shop-directory__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.3;
}

.shop-directory__title--link {
	display: none;
	color: var(--color-text);
	text-decoration: none;
}

.shop-directory__title--link:hover,
.shop-directory__title--link:focus-visible {
	color: var(--color-primary);
}

.shop-directory__title--toggle {
	display: block;
}

.shop-directory__children {
	display: grid;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.shop-directory__children a {
	color: var(--color-text);
	font-size: var(--text-sm);
	line-height: 1.45;
	text-decoration: none;
}

.shop-directory__children a:hover,
.shop-directory__children a:focus-visible {
	color: var(--color-primary);
	text-decoration: underline;
}

.shop-directory__parent {
	display: list-item;
}

.shop-directory__parent a {
	font-weight: 600;
}

/* Desktop: grid cards with images; accordion chrome off */
@media (min-width: 960px) {
	.shop-directory__item {
		display: flex;
		flex-direction: column;
		gap: var(--space-3);
		border: 0;
	}

	.shop-directory__summary {
		order: 0;
		min-height: 0;
		cursor: default;
	}

	.shop-directory__summary::after {
		display: none;
	}

	.shop-directory__title--toggle {
		display: none;
	}

	.shop-directory__title--link {
		display: inline;
	}

	.shop-directory__panel {
		display: contents;
		padding-block: 0;
	}

	.shop-directory__media {
		display: block;
		order: -1;
	}

	.shop-directory__children {
		order: 1;
	}

	.shop-directory__parent {
		display: none;
	}
}

@media (min-width: 960px) and (hover: hover) {
	.shop-directory__media:hover img {
		transform: scale(1.03);
	}
}

@media (max-width: 959px) {
	.shop-directory__grid {
		--shop-directory-columns: 1;
		gap: 0;
		border-block-start: 1px solid var(--color-border);
	}

	.shop-directory__item {
		border-block-end: 1px solid var(--color-border);
		padding-block: 0;
		gap: 0;
	}

	/* Equal top/bottom padding lives on the summary so row height and spacing stay uniform. */
	.shop-directory__summary {
		box-sizing: border-box;
		min-height: 3.25rem;
		padding-block: 0.875rem;
		padding-inline: 0;
	}

	.shop-directory__title--toggle {
		flex: 1 1 auto;
		min-width: 0;
		line-height: 1.25;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Rotated border-chevron sits slightly low; nudge for optical center. */
	.shop-directory__summary::after {
		transform: translateY(-0.1em) rotate(45deg);
	}

	.shop-directory__item[open] > .shop-directory__summary::after {
		transform: translateY(0.1em) rotate(225deg);
	}

	.shop-directory__media {
		display: none !important;
	}

	/* Open accordion: even child-link rhythm + touch-friendly rows. */
	.shop-directory__panel {
		gap: 0;
		padding-block: 0 var(--space-2);
	}

	.shop-directory__children {
		gap: 0;
	}

	.shop-directory__children a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		min-height: 2.75rem;
		padding-block: 0.625rem;
		padding-inline: 0;
		line-height: 1.3;
		transition: color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease);
	}

	.shop-directory__children a:active {
		opacity: 0.72;
	}
}

@media (max-width: 959px) and (prefers-reduced-motion: reduce) {
	.shop-directory__children a {
		transition: none;
	}

	.shop-directory__children a:active {
		opacity: 1;
	}
}

@media (prefers-reduced-motion: reduce) {
	.shop-directory__media img,
	.shop-directory__summary::after {
		transition: none;
	}

	.shop-directory__media:hover img {
		transform: none;
	}
}

.category-nav {
	margin-inline: calc(var(--layout-inline-space) * -1);
	padding-inline: var(--layout-inline-space);
}

.category-nav__track {
	display: flex;
	align-items: stretch;
	gap: var(--space-3);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--layout-inline-space);
	padding-block: var(--space-1) var(--space-2);
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
}

.category-nav__track:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.category-nav__item {
	flex: 0 0 auto;
	display: grid;
	grid-template-rows: minmax(0, 1fr) auto;
	align-items: center;
	justify-items: center;
	box-sizing: border-box;
	width: var(--category-nav-item-size);
	min-width: var(--category-nav-item-size);
	max-width: var(--category-nav-item-size);
	height: var(--category-nav-item-size);
	min-height: var(--category-nav-item-size);
	max-height: var(--category-nav-item-size);
	padding: var(--space-3) var(--space-2) var(--space-3);
	border-radius: var(--radius-subtle);
	background: var(--color-search-field);
	color: var(--color-text);
	text-decoration: none;
	text-align: center;
	scroll-snap-align: start;
	gap: var(--space-2);
	overflow: hidden;
}

.category-nav__item:hover {
	background: color-mix(in srgb, var(--color-search-field) 70%, var(--color-border));
}

.category-nav__item--back {
	align-items: center;
	justify-items: center;
	grid-template-rows: minmax(0, 1fr) auto;
	gap: var(--space-3);
}

.category-nav__back-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	background: var(--color-surface-elevated);
	color: var(--color-text);
	transition:
		transform var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out);
	transform-origin: center;
}

.category-nav__item--back:active .category-nav__back-icon {
	transform: scale(var(--motion-icon-scale-press));
}

@media (hover: hover) {
	.category-nav__item--back:hover .category-nav__back-icon {
		transform: scale(var(--motion-icon-scale-hover)) translateY(-2px);
	}
}

.category-nav__media {
	display: flex;
	align-items: center;
	justify-content: center;
	align-self: stretch;
	justify-self: stretch;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	border-radius: var(--radius-subtle);
}

.category-nav__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	object-position: center;
}

.category-nav__label {
	font-size: var(--text-xs);
	font-weight: 600;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 100%;
	min-height: calc(1.3em * 2);
	align-self: end;
}

/* —— PLP (leaf category / shop) —— */
.plp__toolbar {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-4);
	margin-bottom: var(--space-5);
}

.plp__count {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.plp__layout {
	display: grid;
	grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
	gap: var(--space-6);
	align-items: start;
}

.plp__results {
	min-width: 0;
	width: 100%;
}

/* —— Category magazine articles (reuses blog-related band) —— */
.category-articles {
	width: min(100% - (2 * var(--layout-inline-space, 1rem)), var(--layout-shell, 100%));
	max-width: none;
	margin-inline: auto;
	margin-block: var(--space-8) var(--space-6);
	padding-inline: 0;
}

/* —— Catalog SEO story (category / tag archives) —— */
.catalog-seo {
	width: min(100% - (2 * var(--layout-inline-space, 1rem)), var(--layout-shell, 100%));
	margin-inline: auto;
	margin-block: var(--space-8) var(--space-6);
	padding-block: var(--space-6) 0;
	border-block-start: 1px solid var(--color-border);
}

.catalog-seo__title {
	margin: 0 0 var(--space-6);
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.15rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.015em;
	color: var(--color-ink);
	text-wrap: balance;
}

.catalog-seo__sections {
	display: grid;
	gap: clamp(var(--space-6), 4vw, var(--space-8));
}

.catalog-seo__row {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-5);
	align-items: center;
}

.catalog-seo__media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	aspect-ratio: 4 / 3;
}

.catalog-seo__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.catalog-seo__copy {
	min-width: 0;
}

.catalog-seo__heading {
	margin: 0 0 var(--space-3);
	font-family: var(--font-display);
	font-size: clamp(1.2rem, 1rem + 0.7vw, 1.55rem);
	font-weight: 650;
	line-height: 1.25;
	color: var(--color-ink);
	text-wrap: balance;
}

.catalog-seo__body {
	font-size: var(--text-md);
	line-height: 1.65;
	color: var(--color-text);
}

.catalog-seo__body > *:first-child {
	margin-top: 0;
}

.catalog-seo__body > *:last-child {
	margin-bottom: 0;
}

.catalog-seo__body p {
	margin: 0 0 var(--space-3);
}

.catalog-seo__body ul {
	margin: 0 0 var(--space-3);
	padding-inline-start: 1.2em;
}

@media (min-width: 800px) {
	.catalog-seo__row {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
		gap: clamp(var(--space-5), 3vw, var(--space-7));
	}

	.catalog-seo__row--flip .catalog-seo__media {
		order: 2;
	}

	.catalog-seo__row--flip .catalog-seo__copy {
		order: 1;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.catalog-seo__row {
		animation: catalog-seo-rise 560ms var(--motion-icon-ease-out) both;
	}

	.catalog-seo__row:nth-child(2) {
		animation-delay: 70ms;
	}

	.catalog-seo__row:nth-child(3) {
		animation-delay: 120ms;
	}

	.catalog-seo__row:nth-child(4) {
		animation-delay: 160ms;
	}
}

@keyframes catalog-seo-rise {
	from {
		opacity: 0;
		transform: translateY(0.6rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.catalog-seo__row {
		animation: none;
	}
}

/* PLP pagination — quiet numbered controls, clear separation from the grid.
 * Beat WooCommerce’s joined-strip borders (ul frame + li border-right). */
.woocommerce .plp__results nav.woocommerce-pagination {
	display: flex;
	justify-content: center;
	margin-block: var(--space-8) var(--space-4);
	padding-block-start: var(--space-6);
	border-block-start: 1px solid var(--color-border);
	text-align: center;
}

.woocommerce .plp__results nav.woocommerce-pagination ul.page-numbers,
.woocommerce .plp__results nav.woocommerce-pagination ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	border-inline-end: 0;
	white-space: normal;
	clear: none;
}

.woocommerce .plp__results nav.woocommerce-pagination ul li {
	display: inline-flex;
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	border-inline-end: 0;
	overflow: visible;
}

.woocommerce .plp__results nav.woocommerce-pagination ul li .page-numbers,
.woocommerce .plp__results nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce .plp__results nav.woocommerce-pagination ul li span.page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0 var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-ink);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition:
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		color var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease);
}

.woocommerce .plp__results nav.woocommerce-pagination ul li a.page-numbers:hover,
.woocommerce .plp__results nav.woocommerce-pagination ul li a.page-numbers:focus-visible {
	border-color: var(--color-primary);
	color: var(--color-primary);
	background: var(--color-surface);
}

.woocommerce .plp__results nav.woocommerce-pagination ul li a.page-numbers:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.woocommerce .plp__results nav.woocommerce-pagination ul li span.page-numbers.current {
	border-color: var(--color-ink);
	background: var(--color-ink);
	color: var(--color-surface-elevated);
	cursor: default;
}

.woocommerce .plp__results nav.woocommerce-pagination ul li span.page-numbers.dots {
	min-width: auto;
	border-color: transparent;
	background: transparent;
	color: var(--color-text-muted);
	cursor: default;
}

.woocommerce .plp__results nav.woocommerce-pagination ul li .page-numbers.prev,
.woocommerce .plp__results nav.woocommerce-pagination ul li .page-numbers.next {
	font-size: var(--text-md);
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce .plp__results nav.woocommerce-pagination ul li .page-numbers {
		transition: none;
	}
}

.plp-sidebar {
	display: grid;
	gap: var(--space-2);
	position: sticky;
	top: calc(var(--header-utility-height) + var(--header-navbar-height) + var(--space-4));
}

.plp-sidebar__accordion {
	border-block-end: 1px solid var(--color-border);
	padding-block: var(--space-2);
}

.plp-sidebar__accordion:last-child {
	border-block-end: 0;
}

.plp-filters {
	display: grid;
	gap: var(--space-2);
}

.plp-sidebar__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: 2.75rem;
	padding: 0;
	cursor: pointer;
	list-style: none;
	color: var(--color-text);
}

.plp-sidebar__summary::-webkit-details-marker {
	display: none;
}

.plp-sidebar__summary::after {
	content: "";
	inline-size: 0.5rem;
	block-size: 0.5rem;
	flex-shrink: 0;
	border-inline-start: 2px solid currentColor;
	border-block-end: 2px solid currentColor;
	transform: rotate(45deg);
	transition: transform var(--motion-icon-duration, 180ms) var(--motion-icon-ease-out, ease);
}

.plp-sidebar__accordion[open] > .plp-sidebar__summary::after {
	transform: rotate(225deg);
}

.plp-sidebar__summary:hover .plp-sidebar__heading,
.plp-sidebar__summary:focus-visible .plp-sidebar__heading {
	color: var(--color-primary);
}

.plp-sidebar__summary:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

.plp-sidebar__heading {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--color-text);
}

.plp-sidebar__panel {
	padding-block: 0 var(--space-4);
}

.plp-sidebar .woocommerce-ordering {
	margin: 0;
	float: none;
}

.plp-ordering__fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
}

.plp-ordering__legend:not(.screen-reader-text) {
	margin: 0 0 var(--space-2);
	padding: 0;
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text);
}

.plp-ordering__list {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.plp-ordering__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: 2.5rem;
	padding-block: var(--space-1);
	cursor: pointer;
	font-size: var(--text-sm);
	color: var(--color-text);
	transition: color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.plp-ordering__option:hover,
.plp-ordering__option:focus-within {
	color: var(--color-ink);
}

.plp-ordering__option.is-selected {
	font-weight: 600;
	color: var(--color-ink);
}

.plp-ordering__label {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.35;
	text-align: start;
}

.plp-ordering__input {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	margin: 0;
	accent-color: var(--color-primary);
	cursor: pointer;
}

.plp-ordering__input:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.plp-ordering__option {
		transition: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.plp-sidebar__summary::after {
		transition: none;
	}
}

.plp-color-filter {
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
}

.plp-color-filter__list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--space-3) var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.plp-color-filter__option {
	position: relative;
	display: grid;
	justify-items: center;
	gap: var(--space-2);
	cursor: pointer;
	text-align: center;
}

.plp-color-filter__input {
	position: absolute;
	inset-inline-start: 0;
	inset-block-start: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	border: 0;
	white-space: nowrap;
}

.plp-color-filter__swatch {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 999px;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 8%, transparent);
	transition: box-shadow 160ms ease, transform 160ms ease;
}

.plp-color-filter__swatch--bordered {
	box-shadow: inset 0 0 0 1px var(--color-border);
}

.plp-color-filter__option:hover .plp-color-filter__swatch,
.plp-color-filter__option:focus-within .plp-color-filter__swatch {
	transform: translateY(-1px);
}

.plp-color-filter__input:checked + .plp-color-filter__swatch {
	box-shadow:
		0 0 0 2px var(--color-surface-elevated),
		0 0 0 4px var(--color-primary);
}

.plp-color-filter__input:focus-visible + .plp-color-filter__swatch {
	outline: 2px solid var(--color-focus);
	outline-offset: 3px;
}

.plp-color-filter__name {
	font-size: var(--text-xs);
	line-height: 1.3;
	color: var(--color-text);
}

.plp-filters__submit {
	width: 100%;
	margin-top: var(--space-3);
}

.plp-price-filter {
	display: grid;
	gap: var(--space-3);
}

.plp-price-filter__list {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.plp-price-filter__option {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	min-height: 2.5rem;
	padding-block: var(--space-1);
	cursor: pointer;
	font-size: var(--text-sm);
	color: var(--color-text);
}

.plp-price-filter__label {
	flex: 1 1 auto;
	min-width: 0;
	line-height: 1.35;
}

.plp-price-filter__count {
	flex: 0 0 auto;
	color: var(--color-text-muted);
	font-variant-numeric: tabular-nums;
}

.plp-price-filter__checkbox {
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	margin: 0;
	accent-color: var(--color-primary);
	cursor: pointer;
}

.plp-price-filter__special {
	padding-top: var(--space-2);
	border-top: 1px solid var(--color-border);
}

.plp-price-filter__submit {
	width: 100%;
}

.products.product-grid,
ul.products.product-grid,
.woocommerce ul.products.product-grid,
.woocommerce-page ul.products.product-grid,
.site-main--shop ul.products.product-grid,
.site-main--home ul.products.product-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: var(--space-6) var(--space-5);
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	clear: both !important;
}

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

.product-card,
ul.products.product-grid > li.product,
ul.products.product-grid > li.product-card,
.woocommerce ul.products.product-grid > li.product,
.woocommerce-page ul.products.product-grid > li.product {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
	background: transparent;
	border: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--space-3);
	min-width: 0;
}

.product-card__media-wrap {
	position: relative;
	isolation: isolate;
}

.product-card__media {
	display: block;
	position: relative;
	aspect-ratio: 1;
	background: var(--color-surface-elevated);
	overflow: hidden;
	border-radius: var(--radius-subtle);
}

.product-card__image,
.product-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-card__media--has-hover .product-card__image {
	display: block;
	transition: opacity 0.25s ease;
}

.product-card__image[data-product-card-image] {
	transition:
		opacity var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.product-card__image[data-product-card-image].is-variant-changing {
	opacity: 0.45;
	transform: scale(0.985);
}

.product-card__media--has-hover .product-card__image--hover {
	position: absolute;
	inset: 0;
	opacity: 0;
	pointer-events: none;
}

@media (hover: hover) {
	.product-card__media--has-hover:hover .product-card__image:not(.product-card__image--hover),
	.product-card__media--has-hover:focus-visible .product-card__image:not(.product-card__image--hover) {
		opacity: 0;
	}

	.product-card__media--has-hover:hover .product-card__image--hover,
	.product-card__media--has-hover:focus-visible .product-card__image--hover {
		opacity: 1;
	}

	.product-card__media--has-hover.is-variant-selected:hover .product-card__image:not(.product-card__image--hover),
	.product-card__media--has-hover.is-variant-selected:focus-visible .product-card__image:not(.product-card__image--hover) {
		opacity: 1;
	}

	.product-card__media--has-hover.is-variant-selected:hover .product-card__image--hover,
	.product-card__media--has-hover.is-variant-selected:focus-visible .product-card__image--hover {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.product-card__media--has-hover .product-card__image {
		transition: none;
	}

	.product-card__image[data-product-card-image] {
		transition: none;
	}

	.site-header__locale-icon,
	.site-header__menu-toggle-bars,
	.site-header__menu-toggle-bars::before,
	.site-header__menu-toggle-bars::after,
	.site-header__search-icon,
	.site-header__search-clear,
	.search-panel__suggest-icon,
	.search-panel__category-thumb,
	.search-panel__close,
	.category-nav__back-icon,
	.product-card__wishlist,
	.product-card__wishlist-icon,
	.product-card__wishlist-icon svg,
	.site-header__action,
	.site-header__action-icon {
		transition: none !important;
		animation: none !important;
	}

	.site-header__locale:hover .site-header__locale-icon,
	.site-header__menu-toggle:hover .site-header__menu-toggle-bars,
	.site-header__menu-toggle:active .site-header__menu-toggle-bars,
	.site-header__menu-toggle:active .site-header__menu-toggle-bars::before,
	.site-header__menu-toggle:active .site-header__menu-toggle-bars::after,
	.site-header__search-field:focus-within .site-header__search-icon,
	.site-header__search-clear:hover,
	.site-header__search-clear:active,
	.search-panel__suggest:hover .search-panel__suggest-icon,
	.search-panel__suggest:hover .search-panel__category-thumb,
	.search-panel__close:hover,
	.search-panel__close:active,
	.category-nav__item--back:hover .category-nav__back-icon,
	.category-nav__item--back:active .category-nav__back-icon,
	.product-card__wishlist:hover .product-card__wishlist-icon,
	.product-card__wishlist:active .product-card__wishlist-icon,
	.site-header__action:hover .site-header__action-icon,
	.site-header__action:active .site-header__action-icon,
	.site-header__action--favorites:hover .site-header__action-icon,
	.site-header__action--cart:hover .site-header__action-icon {
		transform: none;
	}
}

.product-card__wishlist {
	position: absolute;
	top: var(--space-2);
	left: var(--space-2);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--color-surface-elevated) 88%, transparent);
	color: var(--color-text);
	line-height: 0;
	cursor: pointer;
	transition:
		color var(--motion-icon-duration) var(--motion-icon-ease-out),
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease);
}

.product-card__wishlist-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.375rem;
	height: 1.375rem;
	line-height: 0;
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease);
	transform-origin: center;
}

.product-card__wishlist-icon svg {
	display: block;
	width: 1.375rem;
	height: 1.375rem;
	flex-shrink: 0;
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease);
	transform-origin: center;
}

.product-card__wishlist:active .product-card__wishlist-icon {
	transform: scale(var(--motion-icon-scale-press));
}

@media (hover: hover) {
	.product-card__wishlist:hover .product-card__wishlist-icon {
		transform: scale(var(--motion-icon-scale-hover));
	}
}

.product-card__wishlist[aria-pressed="true"] {
	color: var(--color-accent);
}

.product-card__wishlist[aria-pressed="true"] svg path {
	fill: currentColor;
}

.product-card__wishlist.is-icon-pop .product-card__wishlist-icon {
	animation: icon-pop var(--motion-icon-duration) var(--motion-icon-ease);
}

@keyframes icon-pop {
	0% {
		transform: scale(1);
	}

	40% {
		transform: scale(1.28);
	}

	100% {
		transform: scale(1);
	}
}

.product-card__body {
	display: grid;
	gap: var(--space-2);
	justify-items: start;
}

.product-card__title {
	margin: 0;
	font-size: var(--text-md);
	font-weight: 700;
	line-height: 1.3;
}

.product-card__title a {
	color: var(--color-text);
	text-decoration: none;
}

.product-card__title a:hover {
	color: var(--color-primary);
}

.product-card__desc {
	margin: 0;
	font-size: var(--text-sm);
	line-height: 1.45;
	color: var(--color-text-muted);
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.product-card__price {
	font-size: var(--text-lg);
	font-weight: 700;
	color: var(--color-text);
	line-height: 1.2;
}

.product-card__price .woocommerce-Price-currencySymbol,
.product-single__price .woocommerce-Price-currencySymbol {
	font-size: 0.62em;
	font-weight: 600;
}

.product-card__price del {
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--color-text-muted);
	margin-inline-end: var(--space-2);
}

.product-card__price ins {
	text-decoration: none;
	color: var(--color-benefit);
}

.product-card__sale-text {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 600;
	line-height: 1.35;
	color: var(--color-accent);
}

.product-card__variants {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1);
}

.product-card__swatch {
	position: relative;
	display: inline-grid;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	place-items: center;
	border-radius: var(--radius-subtle);
	border: 1px solid transparent;
	background: transparent;
	cursor: pointer;
	transition:
		border-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease);
}

.product-card__swatch::before {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	border: 1px solid transparent;
	border-radius: var(--radius-subtle);
	background: var(--product-card-swatch-color, var(--color-border));
}

.product-card__swatch--bordered::before {
	border-color: var(--color-border);
}

.product-card__swatch:hover {
	border-color: var(--color-border);
	transform: translateY(calc(var(--space-1) * -0.5));
}

.product-card__swatch:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 1px;
}

.product-card__swatch[aria-pressed="true"] {
	border-color: var(--color-ink);
}

.product-card__swatch:active {
	transform: scale(0.94);
}

.product-card__swatch:disabled {
	opacity: 0.45;
	cursor: default;
}

@media (prefers-reduced-motion: reduce) {
	.product-card__swatch {
		transition: none;
	}

	.product-card__swatch:hover,
	.product-card__swatch:active,
	.product-card__image[data-product-card-image].is-variant-changing {
		transform: none;
	}
}

@media (max-width: 959px) {
	.category-header__title {
		font-size: var(--text-2xl);
		margin-bottom: var(--space-4);
	}

	.category-header__description {
		max-width: 100%;
	}

	.shop-directory__grid {
		gap: var(--space-6) var(--space-4);
	}

	.category-nav {
		margin-inline: calc(var(--space-4) * -1);
		padding-inline: var(--space-4);
	}

	.category-nav__track {
		gap: var(--space-2);
		scroll-padding-inline: var(--space-4);
	}

	.category-nav__item {
		width: var(--category-nav-item-size);
		min-width: var(--category-nav-item-size);
		max-width: var(--category-nav-item-size);
		height: var(--category-nav-item-size);
		min-height: var(--category-nav-item-size);
		max-height: var(--category-nav-item-size);
		padding: var(--space-2);
		border-radius: var(--radius-subtle);
	}

	.category-nav__back-icon {
		width: 2.25rem;
		height: 2.25rem;
	}

	.category-nav__back-icon svg {
		width: 18px;
		height: 18px;
	}

	.category-nav__label {
		font-size: 0.6875rem;
	}

	.plp__layout {
		grid-template-columns: 1fr;
	}

	.plp-sidebar {
		position: static;
		grid-template-columns: 1fr 1fr;
		gap: var(--space-4);
	}

	.products.product-grid,
	ul.products.product-grid,
	.woocommerce ul.products.product-grid,
	.woocommerce-page ul.products.product-grid,
	.site-main--shop ul.products.product-grid,
	.site-main--home ul.products.product-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: var(--space-5) var(--space-3);
	}
}

@media (max-width: 640px) {
	.plp-sidebar {
		grid-template-columns: 1fr;
	}
}


.site-header__action {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	min-height: 2.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--color-text);
	text-decoration: none;
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 500;
	position: relative;
	cursor: pointer;
	transition: color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.site-header__action:hover {
	color: var(--color-primary);
}

.site-header__action-icon {
	display: inline-flex;
	flex-shrink: 0;
	transition: transform var(--motion-icon-duration) var(--motion-icon-ease);
	transform-origin: center;
}

.site-header__action:active .site-header__action-icon {
	transform: scale(var(--motion-icon-scale-press));
}

@media (hover: hover) {
	.site-header__action:hover .site-header__action-icon {
		transform: scale(var(--motion-icon-scale-hover));
	}

	.site-header__action--favorites:hover .site-header__action-icon {
		transform: scale(var(--motion-icon-scale-hover)) rotate(-6deg);
	}

	.site-header__action--cart:hover .site-header__action-icon {
		transform: scale(var(--motion-icon-scale-hover)) translateY(-1px);
	}
}

.site-header__badge {
	position: absolute;
	inset-block-start: 0.15rem;
	inset-inline-end: -0.15rem;
	min-inline-size: 1.1rem;
	padding-inline: 0.25rem;
	border-radius: 999px;
	background: var(--color-accent);
	color: var(--color-surface-elevated);
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 1.1rem;
	text-align: center;
	transform-origin: center;
}

/* Soft “item landed in bag” cue after add-to-cart */
@keyframes store-cart-catch {
	0% {
		transform: scale(1) translateY(0) rotate(0deg);
	}
	28% {
		transform: scale(1.16) translateY(-3px) rotate(-7deg);
	}
	52% {
		transform: scale(0.94) translateY(1px) rotate(5deg);
	}
	76% {
		transform: scale(1.06) translateY(-1px) rotate(-2deg);
	}
	100% {
		transform: scale(1) translateY(0) rotate(0deg);
	}
}

@keyframes store-cart-badge-pop {
	0% {
		transform: scale(0.55);
		opacity: 0.55;
	}
	55% {
		transform: scale(1.22);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

.site-header__action--cart.is-cart-added .site-header__action-icon {
	animation: store-cart-catch 620ms var(--motion-icon-ease) both;
}

.site-header__action--cart.is-cart-added .site-header__badge {
	animation: store-cart-badge-pop 480ms var(--motion-icon-ease-out) both;
}

@media (prefers-reduced-motion: reduce) {
	.site-header__action--cart.is-cart-added .site-header__action-icon,
	.site-header__action--cart.is-cart-added .site-header__badge {
		animation: none;
	}
}

.site-header__mobile-panel {
	display: none;
	border-bottom: 1px solid var(--color-border);
	background: var(--color-surface-elevated);
	padding: var(--space-4) var(--space-5) var(--space-5);
}

.site-header__mobile-search {
	margin-block-end: var(--space-4);
}

.site-header__mobile-search-field {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	width: 100%;
	min-height: 3rem;
	padding-inline: var(--space-4);
	border: 1px solid transparent;
	border-radius: var(--header-search-radius);
	background: var(--color-search-field);
	color: var(--color-text-muted);
	font: inherit;
	font-size: var(--text-md);
	text-align: start;
	cursor: pointer;
	transition:
		border-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out);
	transform-origin: center;
}

.site-header__mobile-search-field:focus-visible {
	border-color: var(--color-focus);
	outline: 2px solid color-mix(in srgb, var(--color-focus) 25%, transparent);
	outline-offset: 1px;
	color: var(--color-text);
}

.site-header__mobile-search-field:active {
	transform: scale(0.995);
}

.site-header__mobile-search-label {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.site-header__search-toggle {
	display: none;
}

.site-header__backdrop {
	display: none;
}

.site-nav__list--mobile {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__list--mobile > li > a {
	display: block;
	padding-block: var(--space-3);
	font-size: var(--text-lg);
	font-weight: 600;
	color: var(--color-text);
	text-decoration: none;
	border-bottom: 1px solid var(--color-border);
}

.site-nav--mobile .menu-item--mega {
	display: none;
}

body.has-mobile-nav-open {
	overflow: hidden;
}

.site-main {
	padding-block: var(--space-7);
}

body.single-product .site-main {
	padding-block-start: var(--space-3);
}

.site-main--shop {
	background: var(--color-surface-elevated);
}

.hero {
	padding-block: var(--space-8);
}

.hero__eyebrow {
	margin: 0 0 var(--space-3);
	font-size: var(--text-sm);
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-accent);
}

.hero__title {
	margin: 0 0 var(--space-4);
	font-family: var(--font-display);
	font-size: var(--text-3xl);
	font-weight: 700;
	line-height: 1.1;
	color: var(--color-text);
}

.hero__text {
	margin: 0 0 var(--space-5);
	max-width: 36rem;
	font-size: var(--text-lg);
	color: var(--color-text-muted);
}

.hero__actions {
	margin: 0;
}

.entry__header {
	margin-bottom: var(--space-5);
}

.entry__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-2xl);
	line-height: 1.2;
}

.entry__content > *:first-child {
	margin-top: 0;
}

.site-footer {
	margin-top: auto;
	position: relative;
	overflow: hidden;
	border-top: 0;
	background:
		linear-gradient(
			135deg,
			color-mix(in srgb, var(--color-primary) 9%, var(--color-surface)) 0%,
			var(--color-surface) 42%,
			color-mix(in srgb, var(--color-primary) 4%, var(--color-surface)) 100%
		);
	padding-block: clamp(var(--space-7), 5vw, var(--space-8)) var(--space-5);
}

.site-footer::before {
	position: absolute;
	inset: 0 0 auto;
	height: 0.1875rem;
	background: linear-gradient(
		90deg,
		var(--color-primary) 0%,
		color-mix(in srgb, var(--color-primary) 24%, transparent) 62%,
		transparent 100%
	);
	content: "";
}

.site-footer__inner {
	display: grid;
	gap: clamp(var(--space-6), 4vw, var(--space-8));
}

.site-footer__top {
	display: grid;
	gap: clamp(var(--space-6), 4vw, var(--space-8));
	align-items: start;
}

.site-footer__brand-block {
	display: grid;
	gap: var(--space-4);
	max-width: 22rem;
	padding-inline-start: var(--space-4);
	border-inline-start: 0.1875rem solid var(--color-primary);
}

.site-footer__logo .custom-logo-link {
	display: inline-flex;
}

.site-footer__logo img {
	max-height: 2.5rem;
	width: auto;
}

.site-footer__brand {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--color-text);
}

.site-footer__tagline {
	margin: 0;
	max-width: 28rem;
	font-size: var(--text-sm);
	line-height: 1.75;
	color: var(--color-text-muted);
}

.site-footer__social-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid var(--color-border);
	border-radius: 999px;
	color: var(--color-text);
	background: var(--color-surface-elevated);
	text-decoration: none;
	box-shadow: 0 0.25rem 1rem color-mix(in srgb, var(--color-ink) 5%, transparent);
	transition:
		color var(--motion-icon-duration) var(--motion-icon-ease),
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease),
		transform var(--motion-icon-duration) var(--motion-icon-ease-out),
		box-shadow var(--motion-icon-duration) var(--motion-icon-ease);
}

.site-footer__social-link:hover,
.site-footer__social-link:focus-visible {
	color: var(--color-ink);
	border-color: var(--color-primary);
	background: var(--color-primary);
	box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--color-primary) 24%, transparent);
	transform: translateY(-0.125rem) scale(1.04);
}

.site-footer__columns {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
	gap: var(--space-5) var(--space-6);
}

.site-footer__column-title {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin: 0 0 var(--space-4);
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: 0.02em;
	color: var(--color-text);
}

.site-footer__column-title::before {
	flex: 0 0 auto;
	width: 1.25rem;
	height: 0.125rem;
	background: var(--color-primary);
	content: "";
}

.site-footer__engage {
	position: relative;
	display: grid;
	gap: var(--space-2);
	align-content: start;
	overflow: hidden;
	padding: clamp(var(--space-5), 3vw, var(--space-6));
	border: 1px solid color-mix(in srgb, var(--color-ink) 84%, var(--color-border));
	border-radius: var(--radius-subtle);
	background: var(--color-ink);
	box-shadow: 0 1.25rem 2.5rem -1.75rem color-mix(in srgb, var(--color-ink) 70%, transparent);
}

.site-footer__engage::after {
	position: absolute;
	inset: auto auto -4rem -3rem;
	width: 9rem;
	aspect-ratio: 1;
	border: 1.5rem solid color-mix(in srgb, var(--color-primary) 14%, transparent);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.site-footer__engage-title {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--space-2);
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 700;
	color: var(--color-surface-elevated);
}

.site-footer__engage-text {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--space-4);
	font-size: var(--text-sm);
	line-height: 1.55;
	color: color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);
}

.site-footer__engage-notice {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: var(--text-sm);
	color: color-mix(in srgb, var(--color-surface-elevated) 72%, transparent);
}

/* Gravity Forms (Orbital) — compact email + submit row */
.site-footer__engage-form .gform_wrapper {
	position: relative;
	z-index: 1;
	margin: 0;
	width: 100%;
}

.site-footer__engage-form .gform_wrapper.gform-theme,
.site-footer__engage-form .gform_wrapper.gform-theme--orbital {
	--gf-ctrl-border-color: var(--color-border);
	--gf-ctrl-btn-bg-color-primary: var(--color-primary);
	--gf-ctrl-btn-bg-color-primary-hover: var(--color-primary-hover);
	--gf-ctrl-btn-color-primary: var(--color-ink);
	--gf-radius: 0.25rem;
}

.site-footer__engage-form .gform_heading,
.site-footer__engage-form .gform_validation_container,
.site-footer__engage-form .gform_required_legend,
.site-footer__engage-form .gfield_label,
.site-footer__engage-form .gform-field-label,
.site-footer__engage-form .gfield_required,
.site-footer__engage-form .gfield_required_text,
.site-footer__engage-form .hidden_label .gfield_label,
.site-footer__engage-form .hidden_label .gform-field-label {
	display: none !important;
}

.site-footer__engage-form .gform_wrapper form,
.site-footer__engage-form .gform_wrapper.gform-theme form {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) auto !important;
	grid-template-rows: auto !important;
	gap: var(--space-2) !important;
	align-items: stretch !important;
	margin: 0 !important;
	padding: 0 !important;
}

.site-footer__engage-form .gform-body,
.site-footer__engage-form .gform_body,
.site-footer__engage-form .gform-footer,
.site-footer__engage-form .gform_footer,
.site-footer__engage-form .gform_page_footer,
.site-footer__engage-form .gform_fields,
.site-footer__engage-form .gfield,
.site-footer__engage-form .ginput_container {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	width: auto !important;
	max-width: none !important;
}

.site-footer__engage-form .gform_wrapper form > .gform-body,
.site-footer__engage-form .gform_wrapper form > .gform_body {
	grid-column: 1 !important;
	grid-row: 1 !important;
	min-width: 0 !important;
}

.site-footer__engage-form .gform_wrapper form > .gform-footer,
.site-footer__engage-form .gform_wrapper form > .gform_footer,
.site-footer__engage-form .gform_wrapper form > .gform_page_footer {
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: flex !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	width: auto !important;
	text-align: start !important;
}

.site-footer__engage-form .gform_fields {
	display: block !important;
	grid-template-columns: none !important;
}

.site-footer__engage-form .gfield {
	display: block !important;
}

.site-footer__engage-form .ginput_container {
	display: block !important;
}

.site-footer__engage-form input[type="email"],
.site-footer__engage-form input[type="text"],
.site-footer__engage-form .gform-theme input[type="email"],
.site-footer__engage-form .gform-theme input[type="text"] {
	width: 100% !important;
	min-height: 2.75rem !important;
	height: 2.75rem !important;
	padding: 0 var(--space-3) !important;
	border: 1px solid var(--color-border) !important;
	border-radius: var(--radius-subtle) !important;
	background: var(--color-surface-elevated) !important;
	color: var(--color-text) !important;
	font: inherit !important;
	font-size: var(--text-sm) !important;
	line-height: 1.4 !important;
	box-shadow: none !important;
	transition:
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		box-shadow var(--motion-icon-duration) var(--motion-icon-ease) !important;
}

.site-footer__engage-form input[type="email"]:focus,
.site-footer__engage-form input[type="text"]:focus,
.site-footer__engage-form .gform-theme input[type="email"]:focus,
.site-footer__engage-form .gform-theme input[type="text"]:focus {
	border-color: var(--color-primary) !important;
	box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--color-primary) 24%, transparent) !important;
}

.site-footer__engage-form .gform_button,
.site-footer__engage-form input[type="submit"],
.site-footer__engage-form .gform-theme .gform_button,
.site-footer__engage-form .gform-theme input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 2.75rem !important;
	height: 2.75rem !important;
	width: auto !important;
	margin: 0 !important;
	padding-inline: var(--space-4) !important;
	white-space: nowrap !important;
	border: 0 !important;
	border-radius: var(--radius-subtle) !important;
	background: var(--color-primary) !important;
	color: var(--color-ink) !important;
	font: inherit !important;
	font-size: var(--text-sm) !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	box-shadow: none !important;
	cursor: pointer !important;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease),
		transform var(--motion-icon-duration) var(--motion-icon-ease) !important;
}

.site-footer__engage-form .gform_button:hover,
.site-footer__engage-form input[type="submit"]:hover {
	background: var(--color-primary-hover) !important;
}

.site-footer__engage-form .gform_button:active,
.site-footer__engage-form input[type="submit"]:active {
	transform: scale(0.97);
}

.site-footer__engage-form .gform_validation_errors,
.site-footer__engage-form .validation_message,
.site-footer__engage-form .gfield_validation_message,
.site-footer__engage-form .gform_submission_error {
	margin: var(--space-2) 0 0 !important;
	font-size: var(--text-sm) !important;
	color: var(--color-accent) !important;
}

.site-footer__engage-form .gform_confirmation_message {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-primary);
}

/* Keep honeypot / extras out of the row layout */
.site-footer__engage-form .gform_validation_container,
.site-footer__engage-form .gform_legacy_markup_wrapper {
	display: none !important;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding-top: var(--space-5);
	border-top: 1px solid color-mix(in srgb, var(--color-text) 13%, transparent);
}

.site-footer__copyright,
.site-footer__meta {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.site-footer__ai-note {
	flex: 1 1 100%;
	margin: 0;
	font-size: var(--text-xs);
	line-height: 1.45;
	color: var(--color-text-muted);
}

.site-footer__meta a {
	color: var(--color-text-muted);
	text-decoration: none;
}

.site-footer__meta a:hover,
.site-footer__meta a:focus-visible {
	color: var(--color-text);
	text-decoration: underline;
	text-decoration-color: var(--color-primary);
	text-decoration-thickness: 0.125rem;
	text-underline-offset: 0.25em;
}

@media (min-width: 900px) {
	.site-footer__top {
		grid-template-columns: minmax(14rem, 1fr) minmax(0, 1.25fr) minmax(18rem, 1fr);
		gap: var(--space-8);
	}

	.site-footer__columns {
		grid-template-columns: repeat(var(--footer-columns, 3), minmax(0, 1fr));
	}
}

@media (max-width: 899px) {
	.site-footer__top {
		grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.85fr);
	}

	.site-footer__brand-block {
		grid-column: 1 / -1;
		max-width: 32rem;
	}
}

@media (max-width: 640px) {
	.site-footer {
		padding-block-start: var(--space-7);
	}

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

	.site-footer__brand-block {
		grid-column: auto;
	}

	.site-footer__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.site-footer__list a {
		min-height: 2.75rem;
	}

	.site-footer__engage-form .gform_wrapper form,
	.site-footer__engage-form .gform_wrapper.gform-theme form {
		grid-template-columns: 1fr !important;
	}

	.site-footer__engage-form .gform_wrapper form > .gform-footer,
	.site-footer__engage-form .gform_wrapper form > .gform_footer,
	.site-footer__engage-form .gform_wrapper form > .gform_page_footer {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	.site-footer__engage-form .gform_button,
	.site-footer__engage-form input[type="submit"] {
		width: 100% !important;
	}
}

@media (max-width: 380px) {
	.site-footer__columns {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-footer__list a,
	.site-footer__social-link,
	.site-footer__engage-form input[type="email"],
	.site-footer__engage-form input[type="text"],
	.site-footer__engage-form .gform-theme input[type="email"],
	.site-footer__engage-form .gform-theme input[type="text"],
	.site-footer__engage-form .gform_button,
	.site-footer__engage-form input[type="submit"] {
		transition: none !important;
	}

	.site-footer__social-link:hover,
	.site-footer__social-link:focus-visible,
	.site-footer__engage-form .gform_button:active,
	.site-footer__engage-form input[type="submit"]:active {
		transform: none;
	}
}

/* WooCommerce single product — tokens only */
.woocommerce div.product .summary {
	margin-top: var(--space-5);
}

/* ---------------------------------------------------------------------------
   Notices — classic WooCommerce messages, block banners, toasts, field errors.
   One language everywhere: neutral ink copy on a lightly tinted card, with the
   state color carrying only the outline icon, the hairline border, and the tint.
   --------------------------------------------------------------------------- */

.woocommerce-notices-wrapper,
.woocommerce-NoticeGroup {
	display: grid;
	gap: var(--space-3);
	/* A notice reads better as a contained card than as a full-bleed band. */
	max-inline-size: min(100%, 52rem);
}

.woocommerce-notices-wrapper:not(:empty),
.woocommerce-NoticeGroup:not(:empty) {
	margin-bottom: var(--space-5);
}

.woocommerce-notices-wrapper:empty,
.woocommerce-NoticeGroup:empty {
	display: none;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	position: relative;
	/* Block flow keeps inline links inside their sentence; the icon sits in the
	   reserved inline-start gutter and actions float to the inline end. */
	display: block;
	width: auto;
	margin: 0;
	padding-block: var(--space-3);
	padding-inline: calc(var(--space-4) + var(--notice-icon-size) + var(--space-3)) var(--space-4);
	border: 1px solid color-mix(in srgb, var(--notice-accent) var(--notice-border-mix), var(--color-surface-elevated));
	border-radius: var(--notice-radius);
	background: color-mix(in srgb, var(--notice-accent) var(--notice-surface-mix), var(--color-surface-elevated));
	box-shadow: var(--notice-shadow);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	line-height: 1.55;
	list-style: none;
	word-wrap: break-word;
	animation: store-notice-enter var(--notice-duration) var(--motion-icon-ease-out) both;
}

/* WooCommerce moves focus to a fresh notice — keep the theme focus language. */
.woocommerce-message:focus-visible,
.woocommerce-info:focus-visible,
.woocommerce-error:focus-visible {
	outline: 2px solid var(--notice-accent);
	outline-offset: 2px;
}

.woocommerce-message {
	--notice-accent: var(--color-notice-success);
	--notice-icon: var(--notice-icon-success);
}

.woocommerce-info {
	--notice-accent: var(--color-notice-info);
	--notice-icon: var(--notice-icon-info);
}

.woocommerce-error {
	--notice-accent: var(--color-notice-error);
	--notice-icon: var(--notice-icon-error);
}

/* Replaces the WooCommerce icon-font glyph. */
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.wc-block-components-notice-banner::before {
	content: "";
	flex: 0 0 auto;
	align-self: start;
	margin-block-start: 0.0625rem;
	inline-size: var(--notice-icon-size);
	block-size: var(--notice-icon-size);
	background-color: var(--notice-accent);
	-webkit-mask: var(--notice-icon) center / contain no-repeat;
	mask: var(--notice-icon) center / contain no-repeat;
}

.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
	position: absolute;
	inset-block-start: calc(var(--space-3) + 0.0625rem);
	inset-inline-start: var(--space-4);
	margin-block-start: 0;
}

/* Contains the floated action. */
.woocommerce-message::after,
.woocommerce-info::after,
.woocommerce-error::after {
	content: "";
	display: block;
	clear: both;
}

/* An error can list several problems, one per line. */
.woocommerce-error li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.woocommerce-error li + li {
	margin-block-start: var(--space-1) !important;
}

/* Inline actions ("צפייה בסל", "בטל") read as quiet pills at the far edge. */
.woocommerce-message a.button,
.woocommerce-message button.button,
.woocommerce-info a.button,
.woocommerce-info button.button,
.woocommerce-error a.button,
.woocommerce-error button.button {
	/* Physical fallback first for browsers without logical float keywords (RTL storefront). */
	float: left;
	float: inline-end;
	min-height: 0;
	margin: -0.125rem 0 0;
	margin-inline-start: var(--space-3);
	padding: 0.3rem 0.95rem;
	border: 1px solid color-mix(in srgb, var(--color-ink) 20%, transparent);
	border-radius: 999px;
	background: transparent;
	color: var(--color-text);
	font-size: var(--text-xs);
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		border-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.woocommerce-message a.button:hover,
.woocommerce-message button.button:hover,
.woocommerce-info a.button:hover,
.woocommerce-info button.button:hover,
.woocommerce-error a.button:hover,
.woocommerce-error button.button:hover,
.woocommerce-message a.button:focus-visible,
.woocommerce-message button.button:focus-visible,
.woocommerce-info a.button:focus-visible,
.woocommerce-info button.button:focus-visible,
.woocommerce-error a.button:focus-visible,
.woocommerce-error button.button:focus-visible {
	border-color: var(--color-cta);
	background: var(--color-cta);
	color: var(--color-surface-elevated);
}

.woocommerce-error a.button,
.woocommerce-error button.button {
	grid-column: 2;
	justify-self: start;
}

.woocommerce-message a:not(.button),
.woocommerce-info a:not(.button),
.woocommerce-error a:not(.button) {
	color: var(--color-text);
	text-decoration: underline;
	text-decoration-color: color-mix(in srgb, var(--notice-accent) 55%, transparent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

.woocommerce-message a:not(.button):hover,
.woocommerce-info a:not(.button):hover,
.woocommerce-error a:not(.button):hover {
	color: var(--notice-accent);
	text-decoration-color: currentColor;
}

/* Dismiss control (added by main.js for success / info notices). */
.store-notice--dismissible {
	padding-inline-end: calc(var(--space-4) + 1.75rem);
}

.store-notice__dismiss {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-end: var(--space-2);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	inline-size: 1.75rem;
	block-size: 1.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--color-text-muted);
	cursor: pointer;
	translate: 0 -50%;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.store-notice__dismiss:hover,
.store-notice__dismiss:focus-visible {
	background: color-mix(in srgb, var(--color-ink) 7%, transparent);
	color: var(--color-text);
}

.store-notice__dismiss svg {
	inline-size: 0.875rem;
	block-size: 0.875rem;
}

.store-notice--leaving {
	animation: store-notice-leave 200ms var(--motion-icon-ease-out) both;
}

@keyframes store-notice-enter {
	from {
		opacity: 0;
		transform: translateY(-0.375rem);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes store-notice-leave {
	to {
		opacity: 0;
		transform: translateY(-0.25rem);
	}
}

/* Cart / checkout block banners share the classic notice language. */
.wc-block-components-notice-banner {
	--notice-accent: var(--color-notice-info);
	--notice-icon: var(--notice-icon-info);
	align-items: center;
	gap: var(--space-3);
	margin: 0 0 var(--space-4);
	padding: var(--space-3) var(--space-4) !important;
	border: 1px solid color-mix(in srgb, var(--notice-accent) var(--notice-border-mix), var(--color-surface-elevated));
	border-radius: var(--notice-radius);
	background-color: color-mix(in srgb, var(--notice-accent) var(--notice-surface-mix), var(--color-surface-elevated));
	box-shadow: var(--notice-shadow);
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 400;
	line-height: 1.55;
}

.wc-block-components-notice-banner.is-success {
	--notice-accent: var(--color-notice-success);
	--notice-icon: var(--notice-icon-success);
}

.wc-block-components-notice-banner.is-error {
	--notice-accent: var(--color-notice-error);
	--notice-icon: var(--notice-icon-error);
}

.wc-block-components-notice-banner.is-warning {
	--notice-accent: var(--color-notice-warning);
	--notice-icon: var(--notice-icon-warning);
}

.wc-block-components-notice-banner::before {
	align-self: flex-start;
	margin-block-start: 0.0625rem;
}

/* The theme draws the icon, so the packaged glyph is dropped. */
.wc-block-components-notice-banner > svg {
	display: none;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
	padding-inline: 0;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary {
	margin: 0 0 var(--space-1);
	font-size: var(--text-sm);
	font-weight: 600;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content ul,
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content ol {
	display: grid;
	gap: var(--space-1);
	margin: 0;
	padding: 0;
	list-style: none;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward {
	color: var(--color-text) !important;
	opacity: 1;
	text-decoration-color: color-mix(in srgb, var(--notice-accent) 55%, transparent);
	text-underline-offset: 0.2em;
}

.wc-block-components-notice-banner > .wc-block-components-button {
	align-self: center;
	margin: 0 !important;
	margin-inline-start: auto !important;
	color: var(--color-text-muted) !important;
	opacity: 0.7;
}

/* Floating block toasts stay dark and quiet. */
.wc-block-components-notice-snackbar-list {
	inset-block-end: var(--space-5);
	inset-inline: var(--space-5);
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner {
	margin: var(--space-3) 0 0;
	border: 0;
	border-radius: var(--notice-radius);
	background-color: var(--color-ink);
	box-shadow: 0 18px 40px -20px color-mix(in srgb, var(--color-ink) 75%, transparent);
	color: var(--color-surface-elevated);
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar::before,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner::before {
	background-color: var(--color-surface-elevated);
}

.wc-block-components-notice-banner.wc-block-components-notice-snackbar a,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner a,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar > .wc-block-components-notice-banner__content .wc-forward,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner > .wc-block-components-notice-banner__content .wc-forward,
.wc-block-components-notice-banner.wc-block-components-notice-snackbar > .wc-block-components-button,
.wc-block-components-notice-snackbar-list .wc-block-components-notice-banner > .wc-block-components-button {
	color: var(--color-surface-elevated) !important;
}

/* Field-level validation, classic and block checkout. */
.wc-block-components-validation-error {
	margin-block-start: var(--space-1);
	color: var(--color-danger);
	font-size: var(--text-xs);
}

.wc-block-components-validation-error > p {
	display: flex;
	align-items: center;
	gap: var(--space-1);
	margin: 0;
	color: inherit;
	font-size: inherit;
	line-height: 1.45;
}

.wc-block-components-validation-error svg {
	flex: 0 0 auto;
	inline-size: 1rem;
	block-size: 1rem;
	fill: currentColor;
}

.woocommerce-invalid input.input-text,
.woocommerce-invalid select,
.woocommerce-invalid textarea,
.wc-block-components-text-input.has-error input {
	border-color: var(--color-danger);
}

.woocommerce-password-strength {
	border-radius: var(--radius-subtle);
	font-size: var(--text-xs);
	font-weight: 600;
}

.woocommerce-password-strength.short,
.woocommerce-password-strength.bad {
	color: var(--color-danger);
}

.woocommerce-password-strength.good {
	color: var(--color-accent);
}

.woocommerce-password-strength.strong {
	color: var(--color-benefit);
}

/* Site-wide store notice bar. */
.woocommerce-store-notice,
p.demo_store {
	padding-block: var(--space-3);
	background-color: var(--color-ink);
	box-shadow: none;
	color: var(--color-surface-elevated);
	font-size: var(--text-sm);
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-message,
	.woocommerce-info,
	.woocommerce-error,
	.store-notice--leaving {
		animation: none;
	}
}

@media (max-width: 959px) {
	:root {
		/* Sticky chrome stays one row; search hangs under it and gently slides away. */
		--header-navbar-height: 4.25rem;
		--header-search-row-height: 3.75rem;
		--motion-search-collapse-duration: 200ms;
		--motion-search-collapse-ease: var(--motion-icon-ease-out);
	}

	.site-header.is-search-collapsed {
		--header-search-row-height: 0px;
	}

	body.has-search-open .site-header {
		--header-search-row-height: 3.75rem;
	}

	.site-header__navbar {
		position: relative;
		z-index: 5;
	}

	.site-header__navbar-inner {
		position: relative;
		grid-template-columns: 1fr auto;
		grid-template-areas: "start actions";
		gap: 0;
		min-height: var(--header-navbar-height);
		padding-block: var(--space-3);
	}

	/* Solid chrome so the search can slide up behind the menu row. */
	.site-header__navbar-inner::before {
		position: absolute;
		inset-inline: 0;
		inset-block-start: 0;
		z-index: 1;
		height: 100%;
		background: var(--color-surface-elevated);
		content: "";
		pointer-events: none;
	}

	.site-header__cluster--start,
	.site-header__cluster--end {
		position: relative;
		z-index: 2;
	}

	.site-header__cluster--start {
		grid-area: start;
	}

	.site-header__cluster--end {
		grid-area: actions;
	}

	.site-header__search {
		position: absolute;
		inset-inline: 0;
		top: 100%;
		z-index: 0;
		width: auto;
		max-width: none;
		padding: var(--space-2) var(--layout-inline-space) var(--space-3);
		background: var(--color-surface-elevated);
		border-bottom: 1px solid var(--color-border);
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		pointer-events: auto;
		transition:
			opacity var(--motion-search-collapse-duration) var(--motion-search-collapse-ease),
			transform var(--motion-search-collapse-duration) var(--motion-search-collapse-ease),
			visibility 0s linear 0s;
	}

	.site-header.is-search-collapsed .site-header__search {
		opacity: 0;
		transform: translateY(-100%);
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity var(--motion-search-collapse-duration) var(--motion-search-collapse-ease),
			transform var(--motion-search-collapse-duration) var(--motion-search-collapse-ease),
			visibility 0s linear var(--motion-search-collapse-duration);
	}

	body.has-search-open .site-header__search,
	body.has-search-open .site-header.is-search-collapsed .site-header__search {
		z-index: 3;
		opacity: 1;
		transform: none;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}

	body.has-mobile-nav-open .site-header__search {
		opacity: 0;
		transform: translateY(-100%);
		visibility: hidden;
		pointer-events: none;
	}

	.site-header__search-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		inline-size: 0;
		min-inline-size: 0;
		min-block-size: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition:
			opacity var(--motion-search-collapse-duration) var(--motion-search-collapse-ease),
			visibility 0s linear var(--motion-search-collapse-duration);
	}

	.site-header.is-search-collapsed .site-header__search-toggle {
		inline-size: 2.75rem;
		min-inline-size: 2.75rem;
		min-block-size: 2.75rem;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition-delay: 0s;
	}

	body.has-search-open .site-header__search-toggle {
		inline-size: 0;
		min-inline-size: 0;
		min-block-size: 0;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.site-header__menu-toggle {
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.site-nav--desktop {
		display: none;
	}

	.site-header__action-label {
		display: none;
	}

	.site-header__mobile-panel:not([hidden]) {
		display: block;
	}

	.site-header__backdrop:not([hidden]) {
		display: block;
		position: fixed;
		inset: 0;
		top: calc(
			var(--wp-admin--admin-bar--height, 0px)
			+ var(--header-utility-height)
			+ var(--header-navbar-height)
		);
		z-index: 90;
		background: color-mix(in srgb, var(--color-ink) 40%, transparent);
	}

	.site-header__mobile-panel {
		position: relative;
		z-index: 95;
		max-height: calc(
			100dvh
			- var(--wp-admin--admin-bar--height, 0px)
			- var(--header-utility-height)
			- var(--header-navbar-height)
		);
		overflow-y: auto;
		overscroll-behavior: contain;
		scroll-padding-block: var(--space-4);
		scrollbar-color: var(--color-border) transparent;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}

	.search-panel {
		position: fixed;
		inset: 0;
		top: calc(
			var(--header-utility-height)
			+ var(--header-navbar-height)
			+ var(--header-search-row-height)
		);
		max-height: none;
		border-radius: 0;
		border: 0;
		border-top: 1px solid var(--color-border);
		padding: var(--space-4);
		box-shadow: none;
	}

	.search-panel__chrome {
		display: block;
		min-height: 2.75rem;
		margin-bottom: var(--space-4);
	}

	.search-panel__mobile-title {
		display: none;
	}

	.search-panel__close {
		display: inline-grid;
		position: fixed;
		inset-block-start: calc(
			var(--wp-admin--admin-bar--height, 0px)
			+ var(--header-utility-height)
			+ var(--header-navbar-height)
			+ 0.4rem
		);
		inset-inline-end: var(--layout-inline-space);
		z-index: 123;
		place-items: center;
		inline-size: 2.75rem;
		block-size: 2.75rem;
		padding: 0;
		border: 1px solid var(--color-border);
		border-radius: 999px;
		background: var(--color-surface-elevated);
		color: var(--color-text);
		font-size: var(--text-xl);
		line-height: 1;
		cursor: pointer;
		transition:
			transform var(--motion-icon-duration) var(--motion-icon-ease),
			background-color var(--motion-icon-duration) var(--motion-icon-ease-out);
		transform-origin: center;
	}

	body.has-search-open .site-header__search-field {
		margin-inline-end: calc(2.75rem + var(--space-3));
	}

	.search-panel__close:active {
		transform: scale(var(--motion-icon-scale-press));
	}

	@media (hover: hover) {
		.search-panel__close:hover {
			transform: scale(var(--motion-icon-scale-hover)) rotate(90deg);
		}

		.search-panel__close:active {
			transform: scale(var(--motion-icon-scale-press)) rotate(90deg);
		}
	}

	.search-panel__product,
	.search-panel__suggest {
		min-height: 3.5rem;
		padding-block: var(--space-3);
	}

	body.has-search-open .site-header__navbar {
		position: relative;
		z-index: 122;
	}

	@media (prefers-reduced-motion: reduce) {
		.site-header__search,
		.site-header.is-search-collapsed .site-header__search,
		.site-header__search-toggle,
		.site-header__mobile-search-field {
			transition: none !important;
			animation: none !important;
		}

		.site-header.is-search-collapsed .site-header__search,
		body.has-mobile-nav-open .site-header__search {
			transform: none;
		}
	}
}

@media (max-width: 640px) {
	.hero {
		padding-block: var(--space-7);
	}

	.site-header__utility-inner,
	.site-header__navbar-inner,
	.site-footer__inner,
	.site-main__inner,
	.hero__inner,
	.site-main--shop {
		padding-inline: var(--space-4);
	}
}

@media (min-width: 960px) {
	.site-header__mobile-panel,
	.site-header__backdrop,
	.site-header__menu-toggle,
	.site-header__search-toggle,
	.site-header__mobile-search {
		display: none !important;
	}
}

/* —— Mini-cart drawer —— */
.mini-cart {
	position: fixed;
	inset: 0;
	z-index: 200;
	pointer-events: none;
}

.mini-cart.is-open {
	pointer-events: auto;
}

.mini-cart[hidden] {
	display: none !important;
}

.mini-cart__backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: color-mix(in srgb, var(--color-ink) 42%, transparent);
	opacity: 0;
	transition: opacity var(--motion-mini-cart-duration) var(--motion-icon-ease-out);
}

.mini-cart.is-open .mini-cart__backdrop {
	opacity: 1;
}

.mini-cart__panel {
	position: absolute;
	inset-block: 0;
	inset-inline-end: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(26rem, 100vw);
	background-color: var(--color-surface-elevated);
	opacity: 1;
	box-shadow: 12px 0 40px color-mix(in srgb, var(--color-ink) 18%, transparent);
	/* Off-canvas toward inline-end (left in RTL). */
	transform: translateX(-104%);
	transition:
		transform var(--motion-mini-cart-duration) cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow var(--motion-mini-cart-duration) var(--motion-icon-ease-out);
	will-change: transform;
}

html[dir="ltr"] .mini-cart__panel {
	transform: translateX(104%);
	box-shadow: -12px 0 40px color-mix(in srgb, var(--color-ink) 18%, transparent);
}

.mini-cart.is-open .mini-cart__panel {
	transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
	.mini-cart__backdrop,
	.mini-cart__panel {
		transition: none;
	}

	.mini-cart:not(.is-open) .mini-cart__panel,
	html[dir="ltr"] .mini-cart:not(.is-open) .mini-cart__panel {
		transform: translateX(0);
	}
}

.mini-cart__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding: var(--space-4) var(--space-5);
	border-bottom: 1px solid var(--color-border);
}

.mini-cart__title {
	margin: 0;
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.3;
}

.mini-cart__count {
	font-weight: 500;
	color: var(--color-text-muted);
}

.mini-cart__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--color-text);
	font-size: 1.75rem;
	line-height: 1;
	cursor: pointer;
}

.mini-cart__close:hover,
.mini-cart__close:focus-visible {
	background: var(--color-surface);
}

.mini-cart__body {
	flex: 1 1 auto;
	overflow-y: auto;
	padding: var(--space-4) var(--space-5);
}

.mini-cart__empty {
	margin: var(--space-8) 0;
	text-align: center;
	color: var(--color-text-muted);
	font-size: var(--text-md);
}

.mini-cart__list {
	display: grid;
	gap: var(--space-4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.mini-cart__item {
	display: grid;
	grid-template-columns: 4.5rem minmax(0, 1fr) auto;
	gap: var(--space-3);
	align-items: start;
}

.mini-cart__media {
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--color-surface);
}

.mini-cart__media img,
.mini-cart__thumb {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.mini-cart__details {
	display: grid;
	gap: var(--space-2);
	min-width: 0;
}

.mini-cart__name {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 700;
	line-height: 1.35;
}

.mini-cart__name a {
	color: var(--color-text);
	text-decoration: none;
}

.mini-cart__name a:hover {
	color: var(--color-primary);
}

.mini-cart__line-total {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 600;
}

.mini-cart__qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	overflow: hidden;
	width: fit-content;
}

.mini-cart__qty-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	background: var(--color-surface);
	color: var(--color-text);
	font-size: var(--text-md);
	line-height: 1;
	cursor: pointer;
}

.mini-cart__qty-btn:hover:not(:disabled),
.mini-cart__qty-btn:focus-visible:not(:disabled) {
	background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface));
}

.mini-cart__qty-btn:disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.mini-cart__qty-input {
	width: 2.75rem;
	height: 2.25rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-inline: 1px solid var(--color-border);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 600;
	text-align: center;
	-moz-appearance: textfield;
}

.mini-cart__qty-input::-webkit-outer-spin-button,
.mini-cart__qty-input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.mini-cart__remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--color-text-muted);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
}

.mini-cart__remove:hover,
.mini-cart__remove:focus-visible {
	color: var(--color-text);
	background: var(--color-surface);
}

.mini-cart__footer {
	padding: var(--space-4) var(--space-5) var(--space-5);
	border-top: 1px solid var(--color-border);
	background: var(--color-surface-elevated);
}

.mini-cart__footer-inner[hidden] {
	display: none !important;
}

.mini-cart__subtotal {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-3);
	margin-bottom: 0;
	font-size: var(--text-md);
}

.mini-cart__totals {
	display: grid;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}

.mini-cart__fees {
	display: grid;
	gap: 0.35rem;
}

.mini-cart__fee {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-3);
	font-size: var(--text-sm, 0.875rem);
}

.mini-cart__fee--discount,
.mini-cart__fee--discount .mini-cart__fee-value {
	color: var(--color-benefit, #067647);
}

.mini-cart__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-3);
	padding-block-start: 0.5rem;
	border-top: 1px solid var(--color-border);
	font-weight: 700;
	font-size: var(--text-md);
}

.mini-cart__subtotal-label {
	color: var(--color-text-muted);
}

.mini-cart__subtotal-value {
	font-weight: 700;
	font-size: var(--text-lg);
}

.mini-cart__actions {
	display: grid;
	gap: var(--space-3);
}

.mini-cart__btn {
	width: 100%;
	justify-content: center;
	text-align: center;
}

.mini-cart__btn--secondary {
	background: var(--color-surface);
	color: var(--color-text);
	border: 1px solid var(--color-border);
}

.mini-cart__btn--secondary:hover {
	background: color-mix(in srgb, var(--color-primary) 6%, var(--color-surface));
	color: var(--color-text);
}

.mini-cart__btn--primary {
	background: var(--color-primary);
	color: var(--color-surface-elevated);
}

.mini-cart__continue {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75rem;
	padding: 0.35rem;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: var(--font-size-sm, 0.875rem);
	color: var(--color-text-muted, #6b6560);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	cursor: pointer;
}

.mini-cart__panel.is-busy {
	pointer-events: none;
	opacity: 1;
	cursor: progress;
}

body.has-mini-cart-open {
	overflow: hidden;
}

/* —— Single product (FIGS-inspired clean buy layout) —— */
.product-single {
	padding-block: var(--space-1) var(--space-8);
	background: var(--color-surface-elevated);
}

.product-single__layout {
	/* RTL column placement: gallery (first in DOM) on the right, summary on the left */
	direction: rtl;
	display: grid;
	gap: var(--space-6);
	/* Stretch columns so the sticky summary can travel the full gallery height. */
	align-items: stretch;
	margin-top: 0;
}

.product-single__summary {
	direction: rtl;
	text-align: start;
	min-width: 0;
	/* Full grid-row height so sticky summary-inner stays within the layout. */
	align-self: stretch;
}

.product-single__gallery {
	direction: rtl;
	text-align: start;
	min-width: 0;
}

.product-single__summary-inner {
	display: grid;
	gap: var(--space-4);
}

.product-single__heading {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--space-3);
}

.product-single__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem);
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: var(--color-text);
}

.product-single__subtitle {
	margin: var(--space-2) 0 0;
	font-size: var(--text-sm);
	line-height: 1.5;
	color: var(--color-text-muted);
}

.product-single__wishlist {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--color-text);
	cursor: pointer;
	transition: color 160ms ease, transform 160ms ease;
}

.product-single__wishlist:hover,
.product-single__wishlist:focus-visible {
	color: var(--color-accent);
	transform: translateY(-1px);
}

.product-single__wishlist[aria-pressed="true"] {
	color: var(--color-accent);
}

.product-single__wishlist[aria-pressed="true"] svg path {
	fill: currentColor;
}

/* Rating summary above price */
.product-single__rating {
	margin: calc(var(--space-2) * -1) 0 0;
}

.product-single__rating-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--color-text);
	text-decoration: none;
	font-size: var(--text-sm);
	line-height: 1.2;
}

.product-single__rating-link:hover,
.product-single__rating-link:focus-visible {
	color: var(--color-primary);
}

.product-single__rating-count {
	text-decoration: underline;
	text-underline-offset: 0.15em;
	color: var(--color-text-muted);
}

.product-single__rating-link:hover .product-single__rating-count,
.product-single__rating-link:focus-visible .product-single__rating-count {
	color: inherit;
}

.product-single__rating-empty {
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.product-rating-stars {
	display: inline-flex;
	align-items: center;
	gap: 0.1rem;
	color: var(--color-accent);
}

.product-rating-stars__star {
	position: relative;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	line-height: 0;
	color: var(--color-border);
}

.product-single__rating .product-rating-stars__star {
	width: 1.2rem;
	height: 1.2rem;
}

.product-rating-stars__icon {
	display: block;
	width: 100%;
	height: 100%;
}

.product-rating-stars__fill {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 0;
	overflow: hidden;
	color: var(--color-accent);
}

.product-rating-stars__icon--full {
	max-width: none;
	width: 1rem;
}

.product-single__rating .product-rating-stars__icon--full {
	width: 1.2rem;
}

.product-single__price {
	font-size: clamp(1.35rem, 1.1rem + 0.8vw, 1.75rem);
	font-weight: 700;
	line-height: 1.1;
	color: var(--color-text);
}

.product-single__price del {
	margin-inline-end: var(--space-2);
	font-size: var(--text-md);
	font-weight: 500;
	color: var(--color-text-muted);
}

.product-single__price ins {
	text-decoration: none;
	color: var(--color-benefit);
}

.product-single__sale-text {
	margin: calc(var(--space-2) * -1) 0 0;
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-accent);
}

.product-single__buy {
	display: grid;
	gap: var(--space-4);
}

/* Shipping & returns — stacked policy rows below the accordions */
.product-single__policies {
	display: grid;
	gap: var(--space-5);
	margin: 0;
	padding: var(--space-5) 0 0;
	border-top: 0;
	list-style: none;
}

.product-single__policy {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: start;
}

.product-single__policy-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	margin-block-start: 0.1rem;
	color: var(--color-text);
}

.product-single__policy-icon svg {
	display: block;
	width: 1.55rem;
	height: 1.55rem;
}

.product-single__policy-copy {
	display: grid;
	gap: 0.1rem;
	min-width: 0;
}

.product-single__policy-title {
	font-size: var(--text-sm);
	font-weight: 700;
	line-height: 1.35;
	color: var(--color-text);
}

.product-single__policy-text {
	margin: 0;
	font-size: var(--text-sm);
	line-height: 1.55;
	color: var(--color-text-muted);
}

.product-single__benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0;
	margin: 0;
	padding-block: var(--space-4);
	padding-inline: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	list-style: none;
	align-items: center;
}

.product-single__benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-3);
	min-width: 0;
	padding-inline: var(--space-3);
	color: var(--color-text-muted);
	text-align: center;
}

.product-single__benefit:first-child {
	padding-inline-start: var(--space-3);
}

.product-single__benefit:last-child {
	padding-inline-end: var(--space-3);
}

.product-single__benefit:not(:last-child) {
	border-inline-end: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
}

.product-single__benefit-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	flex: 0 0 1.125rem;
	color: var(--color-text);
	opacity: 0.68;
}

.product-single__benefit-icon svg {
	display: block;
	width: 100%;
	height: 100%;
}

.product-single__benefit-text {
	min-width: 0;
	font-size: var(--text-xs);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.01em;
	text-wrap: balance;
}

.product-single__sku {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin: 0 0 var(--space-4);
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.product-single__accordion-body > .product-single__sku:last-child {
	margin-bottom: 0;
}

.product-single__sku-value {
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
}

.product-single__tags {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--space-2) var(--space-3);
	margin: var(--space-4) 0 0;
	padding-block-start: var(--space-4);
	border-block-start: 1px solid var(--color-border);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.product-single__accordion-body > .product-single__tags:first-child {
	margin-top: 0;
	padding-block-start: 0;
	border-block-start: 0;
}

.product-single__tags-label {
	flex: 0 0 auto;
	font-weight: 500;
}

.product-single__tags-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2) var(--space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.product-single__tag {
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.18em;
	transition: color var(--motion-icon-duration) var(--motion-icon-ease-out);
}

.product-single__tag:hover,
.product-single__tag:focus-visible {
	color: var(--color-primary);
}

.product-single__tag:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: var(--radius-subtle);
}

@media (prefers-reduced-motion: reduce) {
	.product-single__tag {
		transition: none;
	}
}

/*
 * Gallery: adaptive mosaic grid (no slider, no thumbnail rail).
 * Each cell spans part of a 6-unit row; PHP assigns spans so rows stay full.
 */
.product-single__gallery .woocommerce-product-gallery {
	--gallery-row-units: 6;
	--gallery-aspect: 1 / 1;
	position: relative;
	margin: 0;
	opacity: 1 !important;
}

.product-single__gallery .woocommerce-product-gallery__wrapper {
	display: grid;
	grid-template-columns: repeat(var(--gallery-row-units), minmax(0, 1fr));
	/* Uniform square cells — mixed supplier ratios used to leave large row gaps. */
	align-items: stretch;
	gap: var(--space-2);
	margin: 0;
	width: 100%;
}

/*
 * Grid items are the gallery images themselves — WooCommerce's PhotoSwipe opens at
 * the clicked slide's sibling index, so no wrapper element may sit in between.
 * `--gallery-span-lg` is set inline per image; small screens override --gallery-span.
 */
.product-single__gallery .woocommerce-product-gallery__image,
.product-single__gallery .woocommerce-product-gallery__image--placeholder {
	grid-column: span var(--gallery-span, var(--gallery-span-lg, 6));
	position: relative;
	min-width: 0;
	/* Grid min-content otherwise expands the cell past aspect-ratio for tall/wide photos. */
	min-height: 0;
	overflow: hidden;
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	aspect-ratio: var(--gallery-aspect, 1 / 1);
	align-self: start;
	width: 100%;
}

.product-single__gallery .woocommerce-product-gallery__image a {
	position: absolute;
	inset: 0;
	display: block;
	line-height: 0;
}

.product-single__gallery .woocommerce-product-gallery__image img,
.product-single__gallery .woocommerce-product-gallery__image--placeholder img,
.product-single__gallery .wp-post-image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	background: var(--color-surface);
}

/*
 * WooCommerce jQuery zoom clones a large .zoomImg beside the photo. Keep it
 * absolutely positioned and out of grid/layout flow so it cannot open a gap.
 */
.product-single__gallery .woocommerce-product-gallery__image .zoomImg {
	position: absolute !important;
	inset: auto;
	max-width: none !important;
	object-fit: contain;
	pointer-events: none;
}

/* Hide WooCommerce’s fixed gallery zoom button — per-image hover affordance instead. */
.product-single__gallery .woocommerce-product-gallery__trigger {
	display: none !important;
}

/* Zoom cue on each gallery image (hover / keyboard focus). */
.product-single__gallery .woocommerce-product-gallery__image::after {
	content: "";
	position: absolute;
	top: var(--space-2);
	inset-inline-start: var(--space-2);
	z-index: 2;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--color-surface-elevated) 88%, transparent);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%23111111' stroke-width='1.75'/%3E%3Cpath d='M16.5 16.5L21 21' stroke='%23111111' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.25rem 1.25rem;
	opacity: 0;
	pointer-events: none;
	transform: scale(0.92);
	transition:
		opacity var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease);
}

@media (hover: hover) {
	.product-single__gallery .woocommerce-product-gallery__image:hover::after,
	.product-single__gallery .woocommerce-product-gallery__image:focus-within::after {
		opacity: 1;
		transform: scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.product-single__gallery .woocommerce-product-gallery__image::after {
		transition: opacity 120ms ease;
		transform: none;
	}
}

/* FlexSlider markup is no longer produced; neutralise it if a plugin re-enables it. */
.product-single__gallery .flex-control-nav,
.product-single__gallery .flex-direction-nav {
	display: none;
}

/* Variations */
.product-single__buy .variations {
	display: grid;
	gap: var(--space-4);
	width: 100%;
	margin: 0;
	border: 0;
}

.product-single__buy .variations tbody,
.product-single__buy .variations tr,
.product-single__buy .variations td,
.product-single__buy .variations th {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
}

.product-single__buy .variations tbody {
	display: grid;
	gap: var(--space-4);
}

.product-single__buy .variations tr {
	display: grid;
	gap: var(--space-2);
}

.product-single__buy .variations th.label,
.product-single__buy .variations th.label label {
	display: block;
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--color-text);
	text-align: start;
}

.product-single__buy .variations td.value {
	position: relative;
}

.product-single__buy .variations td.value .reset_variations {
	display: inline-block;
	margin-top: var(--space-2);
}

.variation-native-select {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.variation-swatches {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: flex-start;
}

.variation-swatches--size,
.variation-swatches--text {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.variation-swatches--color {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.variation-swatch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease, opacity 160ms ease;
}

.variation-swatch--size,
.variation-swatch--text {
	flex: 1 1 0;
	min-width: min(100%, 8.5rem);
	width: auto;
}

.variation-swatch--color {
	width: 3rem;
	height: 2.25rem;
	min-height: 0;
	padding: 0;
	border: 0;
	border-radius: var(--radius-subtle);
	background: transparent;
}

.variation-swatch:hover:not(.is-disabled) {
	border-color: var(--color-text);
}

.variation-swatch.is-selected {
	border-color: var(--color-text);
	box-shadow: inset 0 0 0 1px var(--color-text);
}

.variation-swatch--color.is-selected {
	box-shadow: 0 0 0 2px var(--color-surface-elevated), 0 0 0 3px var(--color-text);
}

.variation-swatch.is-disabled {
	opacity: 0.35;
	cursor: not-allowed;
	text-decoration: line-through;
}

.variation-swatch:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.variation-swatch__dot {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-subtle);
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 10%, transparent);
}

.variation-swatch__dot--bordered {
	box-shadow: inset 0 0 0 1px var(--color-border);
}

.reset_variations {
	display: inline-block;
	margin-top: var(--space-2);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

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

/* Price + qty + CTA */
.product-single__buy .single_variation .price {
	font-size: var(--text-xl);
	font-weight: 700;
	color: var(--color-text);
}

.product-single__buy .woocommerce-variation-availability .stock {
	margin: var(--space-1) 0 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

/* Simple / variation buy row: qty + CTA side by side.
 * Club-price (if present) spans the full row above them. */
.product-single__buy form.cart:not(.variations_form),
.product-single__buy .woocommerce-variation-add-to-cart {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: var(--space-3);
	row-gap: var(--space-4);
	align-items: stretch;
	width: 100%;
}

.product-single__buy form.cart:not(.variations_form) > .club-price,
.product-single__buy .woocommerce-variation-add-to-cart > .club-price,
.product-single__buy form.cart:not(.variations_form) > .product-bundle,
.product-single__buy .woocommerce-variation-add-to-cart > .product-bundle {
	grid-column: 1 / -1;
}

.product-single__buy form.cart:not(.variations_form) > .quantity[hidden] + .single_add_to_cart_button,
.product-single__buy .woocommerce-variation-add-to-cart > .quantity[hidden] + .single_add_to_cart_button {
	grid-column: 1 / -1;
}

.product-single__buy form.cart:not(.variations_form) > .stock,
.product-single__buy .woocommerce-variation-add-to-cart > .stock {
	grid-column: 1 / -1;
}

.product-single__buy form.variations_form.cart {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-4);
	align-items: stretch;
	width: 100%;
}

.product-single__buy .variations_form .single_variation_wrap {
	display: grid;
	gap: var(--space-4);
	width: 100%;
}

.product-single__buy .variations_form .woocommerce-variation.single_variation {
	margin: 0;
}

/* Theme summary price owns the selected variation amount — hide the duplicate in the form. */
.product-single__buy .woocommerce-variation-price {
	display: none;
}

.product-single__buy .variations_form .woocommerce-variation.single_variation:empty {
	display: none;
}

.product-single__buy .variations_form .reset_variations {
	display: inline-block;
	margin-top: var(--space-2);
	font-size: var(--text-sm);
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.product-single__buy .quantity {
	display: inline-flex;
	align-items: center;
}

.product-single__buy .quantity[hidden] {
	display: none;
}

.product-single__buy .quantity .qty {
	width: 4.25rem;
	min-height: 3.25rem;
	padding: var(--space-2);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-md);
	text-align: center;
	-moz-appearance: textfield;
}

.product-single__buy .quantity .qty::-webkit-outer-spin-button,
.product-single__buy .quantity .qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/*
 * FIGS-style qty dropdown: compact box; value at the start edge,
 * caret at the end edge, short gap — not stretched across a wide field.
 */
.product-single__buy .quantity .qty-select {
	appearance: none;
	-webkit-appearance: none;
	width: 4.25rem;
	min-width: 4.25rem;
	max-width: 4.25rem;
	min-height: 3.25rem;
	padding-block: 0;
	padding-inline: 0.75rem 1.35rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background-color: var(--color-surface-elevated);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23111111' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 0.625rem 0.375rem;
	/* Physical left = inline-end in RTL (mirror of FIGS LTR caret-on-right). */
	background-position: left 0.55rem center;
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-md);
	font-weight: 500;
	line-height: 1;
	text-align: start;
	cursor: pointer;
}

.product-single__buy .quantity .qty-select:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt,
.product-single__buy .single_add_to_cart_button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	width: 100%;
	min-height: 3.25rem;
	padding-inline: var(--space-5);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-primary);
	color: var(--color-surface-elevated);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	cursor: pointer;
	transition: background-color 160ms ease, color 160ms ease, opacity 160ms ease;
}

.product-single__buy .single_add_to_cart_button::after {
	content: '';
	display: inline-block;
	width: 1.25rem;
	height: 1.25rem;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.4 8.2h11.2l-.7 10.1a1.6 1.6 0 0 1-1.6 1.5H8.7a1.6 1.6 0 0 1-1.6-1.5L6.4 8.2Z' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M9.1 8.2V6.7a2.9 2.9 0 0 1 5.8 0v1.5' stroke='black' stroke-width='1.7' stroke-linecap='round'/%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 24 24' fill='none'%3E%3Cpath d='M6.4 8.2h11.2l-.7 10.1a1.6 1.6 0 0 1-1.6 1.5H8.7a1.6 1.6 0 0 1-1.6-1.5L6.4 8.2Z' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3Cpath d='M9.1 8.2V6.7a2.9 2.9 0 0 1 5.8 0v1.5' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt:hover:not(:disabled):not(.disabled),
.product-single__buy .single_add_to_cart_button:hover:not(:disabled):not(.disabled) {
	background: var(--color-primary-hover);
	color: var(--color-surface-elevated);
}

.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt.disabled,
.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt:disabled,
.product-single__buy .single_add_to_cart_button.disabled,
.product-single__buy .single_add_to_cart_button:disabled {
	background: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
	color: color-mix(in srgb, var(--color-ink) 55%, var(--color-surface-elevated));
	opacity: 1;
	cursor: not-allowed;
}

/* Club plan selected, not enrolled — inactive label only (enrollment lives in the club card). */
.product-single__buy .single_add_to_cart_button.is-club-gate,
.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt.is-club-gate.disabled,
.woocommerce .product-single__buy button.single_add_to_cart_button.button.alt.is-club-gate:disabled,
.product-single__buy .single_add_to_cart_button.is-club-gate.disabled,
.product-single__buy .single_add_to_cart_button.is-club-gate:disabled {
	background: color-mix(in srgb, var(--color-primary) 35%, var(--color-border));
	color: color-mix(in srgb, var(--color-ink) 55%, var(--color-surface-elevated));
	opacity: 1;
	cursor: not-allowed;
	pointer-events: none;
}

.product-single__buy .single_add_to_cart_button.is-club-gate::after {
	display: none;
}

.product-single__buy .stock.out-of-stock {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--color-accent);
	font-weight: 600;
}

/* Compact buy-together offer — quiet strip above ATC */
.product-bundle {
	margin: 0;
	padding: var(--space-3) 0 0;
	border-block-start: 1px solid var(--color-border);
	display: grid;
	gap: var(--space-2);
}

.product-bundle__header {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: var(--space-2);
}

.product-bundle__title {
	margin: 0;
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--color-text);
}

.product-bundle__badge {
	margin: 0;
	padding: 0.15rem 0.45rem;
	font-size: var(--text-xs);
	font-weight: 600;
	color: var(--color-benefit);
	background: var(--color-benefit-surface);
	border: 1px solid var(--color-benefit-border);
	border-radius: var(--radius-subtle);
	white-space: nowrap;
}

.product-bundle__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--space-2);
}

.product-bundle__option {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-items: center;
	column-gap: var(--space-3);
	padding: var(--space-2);
	margin: 0 calc(var(--space-2) * -1);
	border-radius: var(--radius-subtle);
	cursor: pointer;
	transition: background-color 160ms var(--motion-icon-ease-out);
}

.product-bundle__option:hover {
	background: var(--color-surface-muted);
}

.product-bundle__option:has(.product-bundle__input:focus-visible) {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.product-bundle__check {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.125rem;
	height: 1.125rem;
	flex-shrink: 0;
}

.product-bundle__input {
	position: absolute;
	inset: 0;
	opacity: 0;
	margin: 0;
	cursor: pointer;
}

.product-bundle__box {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	transition:
		border-color 160ms ease,
		background-color 160ms ease;
}

/* Physical borders — check geometry must not flip in RTL. */
.product-bundle__box::after {
	content: "";
	position: absolute;
	top: 45%;
	left: 50%;
	width: 0.28rem;
	height: 0.5rem;
	border-style: solid;
	border-color: var(--color-surface);
	border-width: 0 1.5px 1.5px 0;
	transform: translate(-50%, -60%) rotate(45deg) scale(0);
	transform-origin: center;
	transition: transform 140ms var(--motion-icon-ease);
}

.product-bundle__input:checked + .product-bundle__box {
	border-color: var(--color-ink);
	background: var(--color-ink);
}

.product-bundle__input:checked + .product-bundle__box::after {
	transform: translate(-50%, -60%) rotate(45deg) scale(1);
}

.product-bundle__media {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	flex-shrink: 0;
	border-radius: var(--radius-subtle);
	overflow: hidden;
	background: var(--color-surface-muted);
}

.product-bundle__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-bundle__copy {
	display: grid;
	gap: 0.15rem;
	min-width: 0;
}

.product-bundle__name {
	font-size: var(--text-sm);
	font-weight: 500;
	line-height: 1.3;
	color: var(--color-text);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.product-bundle__prices {
	display: inline-flex;
	align-items: baseline;
	gap: var(--space-2);
	font-size: var(--text-xs);
	line-height: 1.2;
}

.product-bundle__price {
	color: var(--color-text);
	font-weight: 600;
}

.product-bundle__price--sale {
	display: none;
	color: var(--color-text);
}

.product-bundle__price--regular {
	color: var(--color-text);
	font-weight: 600;
	text-decoration: none;
}

/* Discounted price appears only when the add-on is selected. */
.product-bundle__option:has(.product-bundle__input:checked) .product-bundle__price--sale {
	display: inline;
}

.product-bundle__option:has(.product-bundle__input:checked) .product-bundle__price--regular {
	color: var(--color-text-muted);
	font-weight: 400;
	text-decoration: line-through;
}

.product-bundle__footnote {
	margin: 0;
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-xs);
	line-height: 1.45;
	font-weight: 500;
	color: var(--color-benefit);
	background: var(--color-benefit-surface);
	border: 1px solid var(--color-benefit-border);
	border-radius: var(--radius-subtle);
}

.product-bundle__footnote[hidden] {
	display: none;
}

.product-bundle__option:has(.product-bundle__input:not(:checked)) .product-bundle__name,
.product-bundle__option:has(.product-bundle__input:not(:checked)) .product-bundle__prices {
	opacity: 0.55;
}

/* Club price — Regular vs Member cards (site-wide PDP) */
.club-price {
	width: 100%;
	margin: 0;
}

.club-price--welcome {
	display: grid;
	gap: var(--space-2);
	padding: var(--space-4);
	border: 1px solid color-mix(in srgb, var(--color-benefit, #067647) 35%, var(--color-border));
	border-radius: var(--radius-subtle);
	background: color-mix(in srgb, var(--color-benefit, #067647) 8%, var(--color-surface-elevated));
	text-align: center;
}

.club-price__welcome-eyebrow {
	margin: 0;
	font-size: var(--text-sm, 0.875rem);
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--color-benefit, #067647);
}

.club-price__welcome-title {
	margin: 0;
	font-size: var(--text-lg, 1.125rem);
	font-weight: 700;
	color: var(--color-ink);
}

.club-price__welcome-text {
	margin: 0;
	font-size: var(--text-sm, 0.875rem);
	line-height: 1.5;
	color: var(--color-text-muted, #6b6560);
}

.club-price__fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	min-inline-size: 0;
	display: grid;
	gap: var(--space-2);
	background: transparent;
}

.club-price__card {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--space-3);
	align-items: start;
	margin: 0;
	padding: var(--space-3) var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	cursor: pointer;
	transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

.club-price__card--club {
	background: var(--color-surface-muted);
}

.club-price__card:hover {
	border-color: color-mix(in srgb, var(--color-ink) 28%, var(--color-border));
}

.club-price__card.is-selected {
	border-color: var(--color-ink);
	box-shadow: inset 0 0 0 1px var(--color-ink);
}

.club-price__card--club.is-selected {
	background: var(--color-surface-muted);
}

.club-price__card:has(.club-price__radio input:focus-visible) {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.club-price__radio {
	display: flex;
	align-items: center;
	padding-block: 0.15rem;
}

.club-price__radio input {
	width: 1.125rem;
	height: 1.125rem;
	margin: 0;
	accent-color: var(--color-ink);
}

.club-price__body {
	display: grid;
	gap: var(--space-2);
	min-width: 0;
}

.club-price__title {
	margin: 0;
	font-size: var(--text-md);
	font-weight: 700;
	color: var(--color-text);
	line-height: 1.35;
}

.club-price__benefits {
	margin: 0;
	padding: 0;
	padding-inline-start: 1.1rem;
	display: grid;
	gap: 0.15rem;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
	line-height: 1.45;
}

.club-price__marketing {
	margin: var(--space-1) 0 0;
	padding-top: var(--space-3);
	border-top: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
	font-size: var(--text-sm);
	line-height: 1.55;
	color: var(--color-text-muted);
}

.club-price__marketing > *:first-child {
	margin-top: 0;
}

.club-price__marketing > *:last-child {
	margin-bottom: 0;
}

.club-price__marketing p {
	margin: 0 0 var(--space-2);
}

.club-price__marketing ul {
	margin: 0;
	padding: 0;
	padding-inline-start: 1.1rem;
	display: grid;
	gap: 0.15rem;
}

.club-price__enroll {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-1);
	padding-top: var(--space-3);
	border-top: 1px solid var(--color-border);
}

.club-price__enroll[hidden] {
	display: none;
}

.club-price__enroll-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.75rem;
	margin: 0;
	padding: var(--space-2) var(--space-4);
	border: 1px solid var(--color-ink);
	border-radius: var(--radius-subtle);
	background: var(--color-ink);
	color: var(--color-surface-elevated);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 700;
	cursor: pointer;
	transition:
		background-color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease),
		color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease),
		transform var(--motion-icon-duration, 180ms) var(--motion-icon-ease-out, ease-out);
}

.club-price__enroll-submit:hover {
	background: color-mix(in srgb, var(--color-ink) 88%, white);
}

.club-price__enroll-submit:active {
	transform: scale(0.985);
}

.club-price__enroll-submit:disabled {
	cursor: wait;
	opacity: 0.72;
}

.club-price__enroll-submit:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.club-price__enroll-submit,
	.club-price__enroll-submit:active {
		transition: none;
		transform: none;
	}
}

.club-price__member-note {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.club-price__field {
	margin: 0;
	display: grid;
	gap: var(--space-2);
}

.club-price__email-panel {
	display: grid;
	gap: var(--space-2);
}

.club-price__email-panel[hidden] {
	display: none;
}

.club-price__email-toggle {
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: var(--text-xs);
	line-height: 1.45;
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	cursor: pointer;
	text-align: center;
	justify-self: center;
}

.club-price__email-toggle:hover {
	color: var(--color-text);
}

.club-price__email-toggle[hidden] {
	display: none;
}

.club-price__field-label {
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text);
}

.club-price__input {
	width: 100%;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-md);
}

.club-price__input:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.club-price__magic-hint {
	margin: 0;
	font-size: var(--text-xs);
	line-height: 1.45;
	color: var(--color-text-muted);
}

.club-price__google {
	margin: 0;
}

.club-price__terms {
	margin: 0;
	font-size: var(--text-xs);
	line-height: 1.45;
	color: var(--color-text-muted);
}

.club-price__benefits + .club-price__terms {
	margin-top: calc(var(--space-1) * -1);
}

.club-price__terms-link {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.club-price__terms-link:hover {
	color: var(--color-text);
}

.store-auth-google-wrap {
	margin: 0 0 var(--space-4);
}

.store-auth-google-wrap--account {
	display: grid;
	gap: var(--space-3);
}

.store-auth-google {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	width: 100%;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-text);
	font-size: var(--text-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease;
}

.store-auth-google:hover {
	background: var(--color-surface-muted);
	border-color: color-mix(in srgb, var(--color-ink) 28%, var(--color-border));
	color: var(--color-text);
}

/* Bold club enrollment Google CTA — filled brand primary. */
.store-auth-google--club {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-surface-elevated);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--color-primary) 28%, transparent);
	font-weight: 700;
	transition:
		background-color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease),
		border-color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease),
		box-shadow var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease),
		transform var(--motion-icon-duration, 180ms) var(--motion-icon-ease-out, ease-out),
		color var(--motion-icon-duration, 180ms) var(--motion-icon-ease, ease);
}

.store-auth-google--club:hover,
.store-auth-google--club:focus-visible {
	border-color: var(--color-primary-hover);
	background: var(--color-primary-hover);
	color: var(--color-surface-elevated);
	box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary) 32%, transparent);
}

.store-auth-google--club:active {
	transform: scale(0.985);
}

.store-auth-google--club:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.store-auth-google--club,
	.store-auth-google--club:active {
		transition: none;
		transform: none;
	}
}

.store-auth-google__icon {
	display: inline-flex;
	flex-shrink: 0;
}

.store-auth-google-divider {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	margin: 0;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.store-auth-google-divider::before,
.store-auth-google-divider::after {
	content: "";
	flex: 1;
	height: 1px;
	background: var(--color-border);
}

.product-single__price.is-club-preview .amount {
	font-variant-numeric: tabular-nums;
}

.product-single__price .club-price-preview {
	display: grid;
	gap: var(--space-2);
}

.product-single__price .club-price-preview__row {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--space-3);
}

.product-single__price .club-price-preview__club .club-price-preview__value {
	color: var(--color-benefit);
	font-weight: 700;
}

.product-single__price .club-price-preview__was {
	display: grid;
	gap: 0.2rem;
	padding-top: var(--space-2);
	border-top: 1px solid var(--color-border);
}

.product-single__price .club-price-preview__was .club-price-preview__value,
.product-single__price .club-price-preview__was .amount,
.product-single__price .club-price-preview__was ins,
.product-single__price .club-price-preview__was del,
.product-single__price .club-price-preview__was bdi {
	font-size: var(--text-md);
	font-weight: 500;
	color: var(--color-text-muted);
	text-decoration: line-through;
}

.product-single__price .club-price-preview__was ins {
	text-decoration: line-through;
}

.product-single__price .club-price-preview__was del {
	opacity: 0.85;
}

.product-single__price .club-price-preview__label {
	font-size: var(--text-xs);
	font-weight: 500;
	color: var(--color-text-muted);
}

.product-single__price .club-price-preview-note {
	display: block;
	margin-top: var(--space-1);
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-xs);
	font-weight: 500;
	line-height: 1.45;
	color: var(--color-benefit);
	background: var(--color-benefit-surface);
	border: 1px solid var(--color-benefit-border);
	border-radius: var(--radius-subtle);
}

.product-single__price.is-club-preview--deferred .club-price-preview-note {
	margin-top: var(--space-2);
}

/* Accordions under buy box (FIGS Details / Fit / Fabric pattern) */
.product-single__accordions {
	display: grid;
	gap: 0;
	margin-top: var(--space-4); /* with summary-inner gap → ~32px below the buy CTA */
	border-top: 1px solid var(--color-border);
}

.product-single__accordion {
	border-bottom: 1px solid var(--color-border);
}

.product-single__accordion-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	padding-block: var(--space-4);
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--color-text);
	cursor: pointer;
	list-style: none;
}

.product-single__accordion-summary::-webkit-details-marker {
	display: none;
}

/* Closed = plus, open = minus (horizontal bar always; vertical fades out when open) */
.product-single__accordion-summary::after {
	content: "";
	width: 0.75rem;
	height: 0.75rem;
	flex-shrink: 0;
	background:
		linear-gradient(currentColor, currentColor) center / 100% 1.5px no-repeat,
		linear-gradient(currentColor, currentColor) center / 1.5px 100% no-repeat;
	transition: background-size 160ms ease;
}

.product-single__accordion[open] > .product-single__accordion-summary::after {
	background-size: 100% 1.5px, 1.5px 0;
}

.product-single__accordion-body {
	padding-bottom: var(--space-4);
	font-size: var(--text-sm);
	line-height: 1.65;
	color: var(--color-text-muted);
}

.product-single__description {
	color: var(--color-text);
}

.product-single__description > *:first-child {
	margin-top: 0;
}

.product-single__description > *:last-child {
	margin-bottom: 0;
}

.product-single .woocommerce-product-attributes {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-sm);
}

.product-single .woocommerce-product-attributes th,
.product-single .woocommerce-product-attributes td {
	padding: var(--space-3) 0;
	border-bottom: 1px solid var(--color-border);
	text-align: start;
	vertical-align: top;
}

.product-single .woocommerce-product-attributes tr:last-child th,
.product-single .woocommerce-product-attributes tr:last-child td {
	border-bottom: 0;
}

.product-single .woocommerce-product-attributes th {
	width: 38%;
	padding-inline-end: var(--space-4);
	font-weight: 600;
	color: var(--color-text);
	background: transparent;
}

.product-single .woocommerce-product-attributes td {
	color: var(--color-text-muted);
}

.product-single .woocommerce-product-attributes td p {
	margin: 0;
}

/* —— Related / upsells / most-viewed —— */
.product-single .related.products,
.product-single .up-sells.products,
.product-single .most-viewed.products {
	margin-top: clamp(var(--space-8), 6vw, 5rem);
	padding-top: clamp(var(--space-6), 3vw, var(--space-8));
	clear: both;
}

.product-single .related.products > h2,
.product-single .up-sells.products > h2,
.product-single .most-viewed.products > h2 {
	margin: 0 0 var(--space-5);
	font-family: var(--font-display);
	font-size: clamp(1.25rem, 1.05rem + 0.55vw, 1.55rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
	color: var(--color-text);
}

@media (prefers-reduced-motion: no-preference) {
	.product-single .most-viewed.products > h2 {
		animation: store-most-viewed-title-in var(--motion-icon-duration) var(--motion-icon-ease-out) both;
	}

	.product-single .most-viewed.products .product-card {
		animation: store-most-viewed-card-in 220ms var(--motion-icon-ease-out) both;
	}

	.product-single .most-viewed.products .product-card:nth-child(1) { animation-delay: 40ms; }
	.product-single .most-viewed.products .product-card:nth-child(2) { animation-delay: 80ms; }
	.product-single .most-viewed.products .product-card:nth-child(3) { animation-delay: 120ms; }
	.product-single .most-viewed.products .product-card:nth-child(4) { animation-delay: 160ms; }
}

@keyframes store-most-viewed-title-in {
	from {
		opacity: 0;
		transform: translateY(0.35rem);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes store-most-viewed-card-in {
	from {
		opacity: 0;
		transform: translateY(0.5rem);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* —— Recently viewed (PDP, image-only) —— */
.product-recently-viewed {
	display: grid;
	gap: var(--space-4);
	margin-top: clamp(var(--space-7), 4vw, var(--space-8));
	width: 100%;
	max-width: none;
}

.product-recently-viewed[hidden] {
	display: none;
}

.product-recently-viewed__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(1.15rem, 1rem + 0.4vw, 1.35rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
	color: var(--color-text);
}

.product-recently-viewed__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.product-recently-viewed__viewport::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

.product-recently-viewed__track {
	--recently-viewed-gap: var(--space-3);
	--recently-viewed-size: 18rem;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: var(--recently-viewed-size);
	gap: var(--recently-viewed-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	width: max-content;
	min-width: 100%;
	justify-content: start;
}

.product-recently-viewed__item {
	margin: 0;
	width: var(--recently-viewed-size);
	min-width: 0;
	scroll-snap-align: start;
}

.product-recently-viewed__link {
	display: block;
	overflow: hidden;
	width: var(--recently-viewed-size);
	height: var(--recently-viewed-size);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	text-decoration: none;
	transition: opacity 160ms ease;
}

.product-recently-viewed__link:hover,
.product-recently-viewed__link:focus-visible {
	opacity: 0.88;
}

.product-recently-viewed__link:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.product-recently-viewed__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: var(--color-surface);
}

@media (max-width: 700px) {
	.product-recently-viewed__track {
		--recently-viewed-size: 15rem;
	}
}

/* —— Product reviews —— */
.product-single__reviews {
	margin-top: clamp(var(--space-6), 4vw, var(--space-8));
	padding-top: clamp(var(--space-5), 2.5vw, var(--space-6));
	padding-bottom: clamp(var(--space-5), 2.5vw, var(--space-6));
	border-top: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--color-border) 85%, transparent);
}

.product-single__reviews-content {
	min-width: 0;
}

.product-reviews {
	display: grid;
	gap: var(--space-5);
	width: 100%;
	max-width: none;
	scroll-margin-top: calc(var(--header-utility-height) + var(--header-navbar-height) + var(--space-4));
}

.product-reviews--empty {
	gap: var(--space-3);
}

.product-reviews--filled {
	max-width: var(--layout-wide);
	margin-inline: auto;
}

.product-reviews__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(1.2rem, 1.05rem + 0.4vw, 1.4rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	line-height: 1.25;
	color: var(--color-text);
}

.product-reviews--empty .product-reviews__title {
	font-size: clamp(1.05rem, 1rem + 0.25vw, 1.2rem);
	font-weight: 600;
}

/* Quiet empty invite — Apple/Nike-style strip, no histogram chrome */
.product-reviews__invite {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: var(--space-3) var(--space-5);
	padding: 0;
}

.product-reviews__invite-copy {
	display: grid;
	gap: 0.35rem;
	min-width: 0;
	flex: 0 1 auto;
}

.product-reviews__invite-text {
	margin: 0;
	max-width: 32rem;
	font-size: var(--text-sm);
	line-height: 1.5;
	color: var(--color-text-muted);
}

.product-reviews__invite .product-reviews__aside {
	justify-items: start;
	flex: 0 0 auto;
	margin-inline-start: var(--space-2);
}

.product-reviews__write-btn--quiet {
	min-height: 2rem;
	padding: 0.3rem 0.75rem;
	border-color: color-mix(in srgb, var(--color-border) 90%, var(--color-text));
	color: var(--color-text);
	font-weight: 600;
}

.product-reviews__write-btn--quiet:hover,
.product-reviews__write-btn--quiet:focus-visible {
	background: color-mix(in srgb, var(--color-surface-muted, var(--color-border)) 35%, transparent);
	border-color: var(--color-text);
	color: var(--color-text);
}

.product-reviews__board {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-4) var(--space-6);
	align-content: start;
	padding-inline-end: clamp(var(--space-4), 3vw, var(--space-6));
	border-inline-end: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
}

.product-reviews__overview {
	display: grid;
	grid-template-columns: minmax(18rem, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(var(--space-5), 4vw, var(--space-8));
	align-items: start;
}

.product-reviews__lead {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3) var(--space-4);
}

.product-reviews__score {
	display: grid;
	gap: 0.2rem;
	justify-items: start;
}

.product-reviews__score-value {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-2);
	margin: 0;
}

.product-reviews__score-number {
	font-family: var(--font-display);
	font-size: clamp(2rem, 1.7rem + 0.9vw, 2.5rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.03em;
	font-variant-numeric: tabular-nums;
	color: var(--color-text);
}

.product-reviews__score .product-rating-stars__star {
	width: 1.1rem;
	height: 1.1rem;
}

.product-reviews__score .product-rating-stars__icon--full {
	width: 1.1rem;
}

.product-reviews__score-count {
	margin: 0;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.product-reviews__score-recommend {
	margin: 0.15rem 0 0;
	font-size: var(--text-sm);
	font-weight: 700;
	color: var(--color-text);
}

.product-reviews__score-empty {
	margin: 0;
	font-size: var(--text-sm);
	color: var(--color-text-muted);
}

.product-reviews__breakdown {
	display: grid;
	gap: 0.28rem;
	margin: 0;
	padding: 0;
	list-style: none;
	min-width: 11rem;
	max-width: 15rem;
	flex: 1 1 11rem;
}

.product-reviews__breakdown-row {
	display: grid;
	grid-template-columns: 1.85rem minmax(0, 1fr) 1.5rem;
	gap: var(--space-2);
	align-items: center;
}

.product-reviews__breakdown-label {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.15rem;
	font-size: var(--text-xs);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	color: var(--color-text);
}

.product-reviews__breakdown-star-icon {
	display: inline-flex;
	color: var(--color-accent);
}

.product-reviews__breakdown-track {
	display: block;
	height: 0.35rem;
	overflow: hidden;
	border-radius: 999px;
	background: color-mix(in srgb, var(--color-border) 65%, var(--color-surface));
}

.product-reviews__breakdown-fill {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--color-accent);
}

.product-reviews__breakdown-count {
	font-size: var(--text-xs);
	font-variant-numeric: tabular-nums;
	color: var(--color-text-muted);
	text-align: end;
}

.product-reviews__aside {
	display: grid;
	gap: var(--space-1);
	align-content: center;
	justify-items: start;
}

.product-reviews__write-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	min-height: 2.15rem;
	padding: 0.35rem 0.85rem;
	border: 1px solid var(--color-accent);
	border-radius: var(--radius-subtle);
	background: transparent;
	color: var(--color-accent);
	font-family: var(--font-sans);
	font-size: var(--text-xs);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

.product-reviews__write-btn:hover,
.product-reviews__write-btn:focus-visible {
	background: color-mix(in srgb, var(--color-accent) 8%, transparent);
	color: var(--color-accent);
}

.product-reviews__write-btn:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.product-reviews__write-btn[aria-expanded="true"] {
	background: color-mix(in srgb, var(--color-accent) 10%, transparent);
}

.product-reviews__gate {
	margin: 0;
	max-width: 14rem;
	font-size: var(--text-xs);
	line-height: 1.45;
	color: var(--color-text-muted);
	text-align: start;
}

.product-reviews__gate-link {
	color: var(--color-text);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.product-reviews__gate-link:hover,
.product-reviews__gate-link:focus-visible {
	color: var(--color-ink);
}

@media (max-width: 640px) {
	.product-reviews__board {
		gap: var(--space-4);
	}

	.product-reviews__breakdown {
		flex-basis: 100%;
		max-width: none;
	}
}

.product-reviews__list {
	min-width: 0;
}

.product-reviews__list:not(.is-carousel) .product-reviews__carousel-controls {
	display: none;
}

.product-reviews--empty .product-reviews__form-wrap {
	margin-top: var(--space-2);
}

.product-reviews__items {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0;
}

.woocommerce .product-reviews__items > li {
	margin: 0;
	padding: var(--space-4) 0;
	list-style: none;
	position: relative;
	background: none;
	border: 0;
	border-block-start: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
	width: 100%;
}

.woocommerce .product-reviews__items > li:first-child {
	border-block-start: 0;
	padding-block-start: 0;
}

.woocommerce .product-reviews__items > li:last-child {
	padding-block-end: 0;
}

.product-reviews__list.is-carousel .product-reviews__items {
	display: grid;
}

.woocommerce .product-reviews__list.is-carousel .product-reviews__items > li {
	grid-area: 1 / 1;
	padding: 0;
	border: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.4rem);
	pointer-events: none;
	transition:
		opacity 420ms ease,
		transform 420ms ease,
		visibility 0s linear 420ms;
}

.woocommerce .product-reviews__list.is-carousel .product-reviews__items > li.is-active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
	transition-delay: 0s;
}

.product-reviews__carousel-controls {
	display: flex;
	align-items: center;
	gap: var(--space-2);
	margin-top: var(--space-4);
}

.product-reviews__carousel-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--color-border) 85%, var(--color-text));
	border-radius: 50%;
	background: transparent;
	color: var(--color-text);
	cursor: pointer;
	transition:
		background-color 160ms ease,
		border-color 160ms ease;
}

.product-reviews__carousel-btn:hover {
	border-color: var(--color-text);
	background: var(--color-surface-muted);
}

.product-reviews__carousel-btn:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.product-reviews__carousel-status {
	min-width: 3.4rem;
	margin: 0;
	font-size: var(--text-xs);
	font-variant-numeric: tabular-nums;
	text-align: center;
	color: var(--color-text-muted);
}

.product-reviews__carousel-icon-play {
	display: none;
}

.product-reviews__carousel-btn[aria-pressed="true"] .product-reviews__carousel-icon-pause {
	display: none;
}

.product-reviews__carousel-btn[aria-pressed="true"] .product-reviews__carousel-icon-play {
	display: block;
}

[dir="rtl"] [data-review-carousel-prev] svg,
[dir="rtl"] [data-review-carousel-next] svg {
	transform: rotate(180deg);
}

@media (max-width: 760px) {
	.product-reviews__overview {
		grid-template-columns: minmax(0, 1fr);
		gap: var(--space-5);
	}

	.product-reviews__board {
		padding-inline-end: 0;
		padding-bottom: var(--space-5);
		border-inline-end: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--color-border) 80%, transparent);
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce .product-reviews__list.is-carousel .product-reviews__items > li {
		transform: none;
		transition: none;
	}
}

.woocommerce .product-reviews__items > li::before,
.woocommerce .product-reviews__items > li::after {
	content: none;
	display: none;
}

.woocommerce #reviews .product-reviews .comment_container,
.woocommerce .product-reviews .comment_container {
	display: grid;
	gap: var(--space-3);
	width: 100%;
}

.woocommerce .product-reviews .comment_container::before,
.woocommerce .product-reviews .comment_container::after {
	content: none;
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar,
.woocommerce .product-reviews .avatar,
.woocommerce .product-reviews img.avatar {
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce .product-reviews .comment-text {
	display: grid;
	gap: var(--space-2);
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	max-width: none;
	margin: 0 !important;
	padding: 0;
	border: 0;
	border-radius: 0;
	float: none;
	background: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text::before,
.woocommerce #reviews #comments ol.commentlist li .comment-text::after,
.woocommerce .product-reviews .comment-text::before,
.woocommerce .product-reviews .comment-text::after {
	content: none;
	display: none;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p,
.woocommerce .product-reviews .description p {
	margin: 0 0 var(--space-2);
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p:last-child,
.woocommerce .product-reviews .description p:last-child {
	margin-bottom: 0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce .product-reviews .meta {
	margin: 0;
	order: 2;
	font-size: var(--text-xs);
	letter-spacing: 0.01em;
	color: var(--color-text-muted);
}

.woocommerce .product-reviews .meta strong {
	font-weight: 600;
	color: var(--color-text);
}

.woocommerce .product-reviews .description {
	margin: 0;
	order: 1;
	font-size: var(--text-sm);
	line-height: 1.7;
	color: var(--color-text);
}

.woocommerce .product-reviews .comment-text .product-rating-stars {
	order: 0;
	margin: 0 0 var(--space-1);
}

.product-reviews__form-wrap {
	margin-top: 0;
	max-width: 42rem;
	padding: var(--space-4);
	border: 0;
	border-radius: var(--radius-subtle, 0.35rem);
	background: var(--color-surface-muted);
}

.product-reviews__form-wrap[hidden] {
	display: none;
}

.product-reviews__form-title,
.product-reviews .comment-reply-title {
	display: block;
	margin: 0 0 var(--space-3);
	font-family: var(--font-display);
	font-size: var(--text-md);
	font-weight: 600;
}

.product-reviews__form-note {
	margin: 0 0 var(--space-4);
	font-size: var(--text-sm);
	line-height: 1.5;
	color: var(--color-text-muted);
}

.product-reviews .comment-form {
	display: grid;
	gap: var(--space-4);
	margin: 0;
}

.product-reviews .comment-form > p,
.product-reviews .comment-form-rating {
	margin: 0;
	display: grid;
	gap: var(--space-2);
}

.product-reviews .comment-form label {
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--color-text);
}

.product-reviews .comment-form .required {
	color: var(--color-accent);
}

.product-reviews .comment-form input[type="text"],
.product-reviews .comment-form input[type="email"],
.product-reviews .comment-form select,
.product-reviews .comment-form textarea {
	width: 100%;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	border: 1px solid color-mix(in srgb, var(--color-border) 90%, var(--color-ink));
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	transition: border-color 160ms ease;
}

.product-reviews .comment-form input[type="text"]:focus-visible,
.product-reviews .comment-form input[type="email"]:focus-visible,
.product-reviews .comment-form select:focus-visible,
.product-reviews .comment-form textarea:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-color: color-mix(in srgb, var(--color-ink) 35%, var(--color-border));
}

.product-reviews .comment-form textarea {
	min-height: 7.5rem;
	resize: vertical;
	line-height: 1.6;
}

.product-reviews .comment-form .form-submit {
	margin-top: var(--space-1);
}

.product-reviews .comment-form .submit {
	min-height: 2.75rem;
	padding-inline: var(--space-5);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-cta);
	color: var(--color-surface-elevated);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
	font-weight: 600;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.product-reviews .comment-form .submit:hover {
	background: var(--color-cta-hover);
}

.product-reviews__pagination {
	margin-top: var(--space-5);
}


@media (min-width: 900px) {
	.product-single__layout {
		grid-template-columns: minmax(0, 1.4fr) minmax(18rem, 0.85fr);
		gap: clamp(var(--space-6), 4vw, var(--space-8));
	}

	.product-single__summary-inner {
		position: sticky;
		top: calc(var(--header-utility-height) + var(--header-navbar-height) + var(--space-4));
		align-self: start;
	}

	.product-single__gallery .woocommerce-product-gallery__wrapper {
		gap: var(--space-3);
	}
}

/* Small screens: hero image full width, the rest two-up, no orphan cells. */
@media (max-width: 699.98px) {
	.product-single__gallery .woocommerce-product-gallery__image {
		--gallery-span: 6;
	}

	.product-single__gallery .woocommerce-product-gallery__image:not(:first-child) {
		--gallery-span: 3;
	}

	.product-single__gallery .woocommerce-product-gallery__image:last-child:nth-child(even) {
		--gallery-span: 6;
	}
}

@media (max-width: 640px) {
	.product-single__benefits {
		grid-template-columns: 1fr;
		padding-block: var(--space-2);
		padding-inline: var(--space-4);
	}

	.product-single__benefit {
		padding-block: var(--space-3);
		padding-inline: 0;
	}

	.product-single__benefit:first-child,
	.product-single__benefit:last-child {
		padding-inline: 0;
	}

	.product-single__benefit:not(:last-child) {
		border-inline-end: 0;
		border-block-end: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
	}

	.product-single__buy form.cart:not(.variations_form),
	.product-single__buy .woocommerce-variation-add-to-cart {
		grid-template-columns: 1fr;
	}

	.product-single__buy .quantity .qty:not(.qty-select) {
		width: 100%;
	}

	.product-single__buy .quantity .qty-select {
		width: 4.25rem;
		max-width: 4.25rem;
	}
}

/* ==========================================================================
   My Account (login / register + logged-in dashboard)
   ========================================================================== */

.woocommerce-account .site-main__inner {
	padding-block: var(--space-6) var(--space-8);
}

/* Guest auth: one centered composition */
.woocommerce-account:not(.logged-in) .site-main__inner {
	max-width: 30rem;
	margin-inline: auto;
}

.woocommerce-account:not(.logged-in) .entry__header {
	margin-bottom: var(--space-4);
	text-align: center;
}

.account-auth__intro {
	margin: 0 auto var(--space-5);
	max-width: 26rem;
	text-align: center;
	font-size: var(--text-sm);
	line-height: 1.6;
	color: var(--color-text-muted);
}

/* Stack login + register into a single column */
.woocommerce-account #customer_login.u-columns {
	display: grid;
	gap: var(--space-6);
	margin: 0;
	width: 100%;
	float: none;
}

.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
	width: 100%;
	max-width: none;
	float: none;
	margin: 0;
	padding: 0;
}

/* Kill WooCommerce’s default purple-bordered form cards */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register,
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register,
.woocommerce-account form.login,
.woocommerce-account form.register {
	border: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

/* Register block reads as a quieter secondary panel */
.woocommerce-account #customer_login .u-column2 {
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-border);
}

.woocommerce-account #customer_login h2 {
	margin: 0 0 var(--space-4);
	font-family: var(--font-display);
	font-size: var(--text-xl);
	font-weight: 700;
	line-height: 1.2;
	color: var(--color-text);
}

/* Form rows + fields */
.woocommerce-account .woocommerce-form-row {
	display: grid;
	gap: var(--space-2);
	margin: 0 0 var(--space-4);
}

.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .woocommerce-form__label {
	font-size: var(--text-sm);
	font-weight: 600;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-form-row .required {
	color: var(--color-accent);
	border: 0;
	text-decoration: none;
}

.woocommerce-account .input-text,
.woocommerce-account input[type="text"],
.woocommerce-account input[type="email"],
.woocommerce-account input[type="tel"],
.woocommerce-account input[type="password"],
.woocommerce-account input[type="number"],
.woocommerce-account select {
	width: 100%;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-text);
	font-size: var(--text-md);
	line-height: 1.4;
	transition: border-color 160ms ease, box-shadow 160ms ease;
}

.woocommerce-account .input-text:focus,
.woocommerce-account input:focus,
.woocommerce-account select:focus {
	outline: none;
	border-color: var(--color-ink);
	box-shadow: 0 0 0 1px var(--color-ink);
}

.woocommerce-account .password-input {
	position: relative;
	display: block;
	width: 100%;
}

.woocommerce-account .password-input .input-text,
.woocommerce-account .woocommerce .password-input input.input-text {
	padding-inline-start: 2.75rem !important;
}

.woocommerce-account .show-password-input {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: var(--space-3);
	inset-inline-end: auto;
	transform: translateY(-50%);
	cursor: pointer;
}

/* Remember-me / inline checkboxes */
.woocommerce-account .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	min-height: 2.75rem;
	font-weight: 500;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-form-login__rememberme input {
	width: 1.15rem;
	height: 1.15rem;
	margin: 0;
	accent-color: var(--color-ink);
}

.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
	display: grid;
	gap: var(--space-3);
	margin: 0 0 var(--space-3);
}

/* Primary CTAs — match PDP black pill language */
.woocommerce-account .button,
.woocommerce-account button.button,
.woocommerce-account .woocommerce-button,
.woocommerce-account .woocommerce-Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-5);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-cta);
	color: #fff;
	font-size: var(--text-sm);
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	transition: background-color 160ms ease;
}

.woocommerce-account .button:hover,
.woocommerce-account button.button:hover,
.woocommerce-account .woocommerce-button:hover,
.woocommerce-account .woocommerce-Button:hover {
	background: var(--color-cta-hover);
	color: #fff;
}

.woocommerce-account .woocommerce-form-login__submit,
.woocommerce-account .woocommerce-form-register__submit {
	width: 100%;
}

/* Lost password + privacy copy */
.woocommerce-account .woocommerce-LostPassword {
	margin: var(--space-2) 0 0;
	font-size: var(--text-sm);
}

.woocommerce-account .woocommerce-LostPassword a {
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.woocommerce-account .woocommerce-LostPassword a:hover {
	color: var(--color-text);
}

.woocommerce-account .woocommerce-privacy-policy-text p,
.woocommerce-account .woocommerce-form-register p:not(.woocommerce-form-row):not(.form-row) {
	font-size: var(--text-xs);
	line-height: 1.6;
	color: var(--color-text-muted);
}

/* Google button already themed; give it breathing room in the panel */
.woocommerce-account .store-auth-google-wrap--account {
	margin: 0 0 var(--space-4);
}

/* ------- Logged-in dashboard ------- */

.woocommerce-account.logged-in .site-main__inner {
	max-width: 56rem;
	margin-inline: auto;
}

.woocommerce-account.logged-in .entry__header {
	margin-bottom: var(--space-4);
}

.woocommerce-account.logged-in .entry__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: clamp(var(--text-2xl), 3vw, var(--text-3xl));
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.woocommerce-account.logged-in .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--space-5);
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.woocommerce-account.logged-in .entry,
.woocommerce-account.logged-in .entry__content {
	min-width: 0;
	max-width: 100%;
	overflow-x: clip;
}

.woocommerce-MyAccount-navigation {
	margin: 0;
	min-width: 0;
	max-width: 100%;
}

.woocommerce-MyAccount-navigation ul {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--space-1);
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	border-bottom: 1px solid var(--color-border);
}

.woocommerce-MyAccount-navigation ul::-webkit-scrollbar {
	display: none;
}

.woocommerce-MyAccount-navigation-link {
	flex: 0 0 auto;
}

.woocommerce-MyAccount-navigation-link a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-3);
	font-size: var(--text-sm);
	font-weight: 500;
	color: var(--color-text-muted);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	white-space: nowrap;
	transition:
		color var(--motion-icon-duration) var(--motion-icon-ease),
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		background-color var(--motion-icon-duration) var(--motion-icon-ease);
}

.woocommerce-MyAccount-navigation-link a:hover {
	color: var(--color-text);
	background: color-mix(in srgb, var(--color-surface-muted) 70%, transparent);
}

.woocommerce-MyAccount-navigation-link.is-active a {
	color: var(--color-text);
	font-weight: 700;
	border-bottom-color: var(--color-ink);
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: var(--color-text-muted);
}

.woocommerce-MyAccount-content {
	min-width: 0;
	max-width: 100%;
	font-size: var(--text-md);
	line-height: 1.7;
	color: var(--color-text);
}

.woocommerce-MyAccount-content > p {
	margin: 0 0 var(--space-5);
	max-width: 40rem;
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}

.woocommerce-MyAccount-content a:not(.button):not(.edit) {
	color: var(--color-text);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Account tables (orders, downloads) */
.woocommerce-account .woocommerce-orders-table,
.woocommerce-account .shop_table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-sm);
}

.woocommerce-account .shop_table th,
.woocommerce-account .shop_table td {
	padding: var(--space-3) var(--space-2);
	text-align: start;
	border-bottom: 1px solid var(--color-border);
	vertical-align: middle;
}

.woocommerce-account .shop_table th {
	font-weight: 600;
	color: var(--color-text-muted);
}

.woocommerce-account .shop_table .woocommerce-orders-table__cell-order-actions,
.woocommerce-account .shop_table .woocommerce-orders-table__cell-order-number,
.woocommerce-account .shop_table td.woocommerce-orders-table__cell-order-actions {
	white-space: nowrap;
}

.woocommerce-account .shop_table .button,
.woocommerce-account .shop_table .woocommerce-button {
	min-height: 2.5rem;
	padding-inline: var(--space-3);
	font-size: var(--text-xs);
}

.woocommerce-account .woocommerce-orders-table__cell-order-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: flex-start;
}

.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
	margin-bottom: var(--space-4);
}

/* Addresses — neutralize WooCommerce float columns */
.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .woocommerce-Addresses.u-columns,
.woocommerce-account .woocommerce-Addresses.col2-set {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4);
	margin: 0;
	float: none;
	width: 100%;
}

.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after {
	display: none;
	content: none;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .woocommerce-Addresses .u-column1,
.woocommerce-account .woocommerce-Addresses .u-column2,
.woocommerce-account .woocommerce-Addresses .col-1,
.woocommerce-account .woocommerce-Addresses .col-2 {
	display: grid;
	gap: var(--space-3);
	float: none;
	width: 100%;
	max-width: none;
	margin: 0;
	padding: var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface-elevated);
	transition:
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		transform var(--motion-icon-duration) var(--motion-icon-ease-out);
}

@media (hover: hover) {
	.woocommerce-account .woocommerce-Address:hover {
		border-color: color-mix(in srgb, var(--color-ink) 28%, var(--color-border));
		transform: translateY(-1px);
	}
}

.woocommerce-account .woocommerce-Address-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	float: none;
	width: 100%;
	margin: 0;
}

.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3 {
	float: none;
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-lg);
	font-weight: 700;
	line-height: 1.3;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-Address-title .edit,
.woocommerce-account .woocommerce-Addresses .title .edit,
.woocommerce-account .addresses .title .edit {
	float: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: var(--space-1) var(--space-3);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-text);
	font-size: var(--text-xs);
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease),
		border-color var(--motion-icon-duration) var(--motion-icon-ease),
		transform var(--motion-icon-duration) var(--motion-icon-ease);
}

@media (hover: hover) {
	.woocommerce-account .woocommerce-Address-title .edit:hover {
		background: var(--color-surface-muted);
		border-color: color-mix(in srgb, var(--color-ink) 22%, var(--color-border));
	}

	.woocommerce-account .woocommerce-Address-title .edit:active {
		transform: scale(0.98);
	}
}

.woocommerce-account .woocommerce-Address address {
	margin: 0;
	font-style: normal;
	font-size: var(--text-sm);
	line-height: 1.7;
	color: var(--color-text-muted);
}

/* Account details form */
.woocommerce-account .woocommerce-EditAccountForm,
.woocommerce-account .woocommerce-address-fields {
	display: grid;
	gap: var(--space-1);
	max-width: 36rem;
}

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

.woocommerce-account fieldset {
	margin: var(--space-4) 0 0;
	padding: var(--space-4) 0 0;
	border: 0;
	border-top: 1px solid var(--color-border);
}

.woocommerce-account fieldset legend {
	float: none;
	width: auto;
	max-width: 100%;
	margin: 0 0 var(--space-3);
	padding: 0;
	font-size: var(--text-md);
	font-weight: 700;
	color: var(--color-text);
}

.woocommerce-account .woocommerce-form-row em,
.woocommerce-account .woocommerce-form-row .woocommerce-input-wrapper + span {
	font-size: var(--text-xs);
	color: var(--color-text-muted);
}

.woocommerce-account .woocommerce-EditAccountForm .clear,
.woocommerce-account .woocommerce-address-fields .clear {
	display: none;
}

@media (min-width: 720px) {
	.woocommerce-account .woocommerce-form-login .form-row:has(.woocommerce-form-login__rememberme) {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: var(--space-3);
	}

	.woocommerce-account .woocommerce-form-login__submit {
		width: auto;
		min-width: 10rem;
	}

	.woocommerce-account .woocommerce-EditAccountForm {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--space-4);
	}

	.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row--wide,
	.woocommerce-account .woocommerce-EditAccountForm fieldset,
	.woocommerce-account .woocommerce-EditAccountForm > .woocommerce-Button,
	.woocommerce-account .woocommerce-EditAccountForm > button,
	.woocommerce-account .woocommerce-EditAccountForm > .button {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	.woocommerce-account .site-main__inner {
		padding-block: var(--space-5) calc(var(--space-8) + 3.5rem);
		padding-inline: var(--space-4);
	}

	.woocommerce-account:not(.logged-in) .site-main__inner {
		max-width: none;
		width: 100%;
	}

	.woocommerce-account:not(.logged-in) .entry__title {
		font-size: clamp(1.5rem, 7vw, 2rem);
		line-height: 1.2;
	}

	.account-auth__intro {
		margin-bottom: var(--space-6);
		font-size: var(--text-md);
		line-height: 1.55;
	}

	.woocommerce-account #customer_login.u-columns {
		gap: var(--space-7);
	}

	.woocommerce-account #customer_login h2 {
		font-size: var(--text-2xl);
	}

	.woocommerce-account .input-text,
	.woocommerce-account input[type="text"],
	.woocommerce-account input[type="email"],
	.woocommerce-account input[type="tel"],
	.woocommerce-account input[type="password"],
	.woocommerce-account input[type="number"],
	.woocommerce-account select,
	.woocommerce-account .button,
	.woocommerce-account button.button,
	.woocommerce-account .woocommerce-button,
	.woocommerce-account .woocommerce-Button,
	.woocommerce-account .store-auth-google {
		min-height: 2.85rem;
		font-size: var(--text-md);
	}

	.woocommerce-account .woocommerce-form-login__submit,
	.woocommerce-account .woocommerce-form-register__submit {
		width: 100%;
	}

	.woocommerce-account.logged-in .site-main__inner {
		max-width: none;
		width: 100%;
		overflow-x: clip;
	}

	.woocommerce-account.logged-in .woocommerce {
		gap: var(--space-4);
		grid-template-columns: minmax(0, 1fr);
		min-width: 0;
		max-width: 100%;
	}

	.woocommerce-MyAccount-navigation {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin-inline: 0;
		padding-inline: 0;
	}

	.woocommerce-MyAccount-navigation ul {
		gap: var(--space-1);
		width: 100%;
		max-width: 100%;
		padding-inline-end: var(--space-2);
		scroll-snap-type: x proximity;
		scroll-padding-inline: var(--space-2);
	}

	.woocommerce-MyAccount-navigation-link {
		scroll-snap-align: start;
	}

	.woocommerce-MyAccount-navigation-link a {
		min-height: 2.85rem;
		padding-inline: var(--space-4);
		font-size: var(--text-md);
	}

	.woocommerce-MyAccount-content {
		min-width: 0;
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.woocommerce-account .woocommerce-info,
	.woocommerce-account .woocommerce-message {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: var(--space-3);
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.woocommerce-account .woocommerce-info .button,
	.woocommerce-account .woocommerce-message .button,
	.woocommerce-account .woocommerce-info .woocommerce-Button,
	.woocommerce-account .woocommerce-message .woocommerce-Button {
		float: none;
		width: 100%;
		margin: 0;
		min-height: 2.75rem;
		justify-content: center;
	}

	.woocommerce-MyAccount-content > p {
		max-width: none;
		font-size: var(--text-md);
		line-height: 1.6;
	}

	/* Orders / downloads: stack table rows into touch-friendly cards */
	.woocommerce-account table.shop_table,
	.woocommerce-account table.shop_table.woocommerce-orders-table,
	.woocommerce-account table.shop_table.my_account_orders,
	.woocommerce-account table.shop_table.woocommerce-MyAccount-downloads {
		display: block;
		width: 100%;
		border: 0;
	}

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

	.woocommerce-account table.shop_table tbody {
		display: grid;
		gap: var(--space-3);
	}

	.woocommerce-account table.shop_table tr {
		display: grid;
		gap: var(--space-2);
		margin: 0;
		padding: var(--space-4);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-subtle);
		background: var(--color-surface-elevated);
	}

	.woocommerce-account table.shop_table th,
	.woocommerce-account table.shop_table td {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: var(--space-3);
		width: 100%;
		padding: 0;
		border: 0;
		text-align: start;
		white-space: normal;
	}

	.woocommerce-account table.shop_table td::before {
		content: attr(data-title);
		flex: 0 0 auto;
		max-width: 42%;
		font-size: var(--text-xs);
		font-weight: 600;
		line-height: 1.4;
		color: var(--color-text-muted);
	}

	.woocommerce-account table.shop_table td[data-title=""]::before,
	.woocommerce-account table.shop_table td:not([data-title])::before {
		content: none;
	}

	.woocommerce-account .shop_table .woocommerce-orders-table__cell-order-actions,
	.woocommerce-account .shop_table td.woocommerce-orders-table__cell-order-actions,
	.woocommerce-account .woocommerce-orders-table__cell-order-actions {
		display: flex;
		flex-wrap: wrap;
		justify-content: stretch;
		gap: var(--space-2);
		padding-top: var(--space-2);
		border-top: 1px solid var(--color-border);
		white-space: normal;
	}

	.woocommerce-account .shop_table .woocommerce-orders-table__cell-order-actions::before,
	.woocommerce-account .shop_table td.woocommerce-orders-table__cell-order-actions::before {
		content: none;
	}

	.woocommerce-account .shop_table .button,
	.woocommerce-account .shop_table .woocommerce-button {
		flex: 1 1 auto;
		min-height: 2.75rem;
		justify-content: center;
		font-size: var(--text-sm);
	}

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

	.woocommerce-account .woocommerce-Address-title {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: wrap;
	}

	.woocommerce-account .woocommerce-Address-title .edit,
	.woocommerce-account .woocommerce-Addresses .title .edit,
	.woocommerce-account .addresses .title .edit {
		min-height: 2.75rem;
		width: 100%;
		padding-inline: var(--space-4);
	}

	.woocommerce-account .woocommerce-EditAccountForm,
	.woocommerce-account .woocommerce-address-fields {
		max-width: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.woocommerce-MyAccount-navigation-link a,
	.woocommerce-account .woocommerce-Address,
	.woocommerce-account .woocommerce-Address-title .edit {
		transition: none;
	}

	.woocommerce-account .woocommerce-Address:hover,
	.woocommerce-account .woocommerce-Address-title .edit:active {
		transform: none;
	}
}

/* —— Guest auth modal (login / register + club promo) —— */

body.has-auth-modal-open {
	overflow: hidden;
}

.auth-modal {
	position: fixed;
	inset: 0;
	z-index: 10050;
	display: grid;
	place-items: center;
	padding: var(--space-4);
}

.auth-modal[hidden] {
	display: none;
}

.auth-modal__backdrop {
	position: absolute;
	inset: 0;
	background: color-mix(in srgb, var(--color-ink) 62%, transparent);
	opacity: 0;
	transition: opacity 240ms ease;
}

.auth-modal.is-open .auth-modal__backdrop {
	opacity: 1;
}

.auth-modal__dialog {
	--auth-modal-on-promo: var(--color-surface-elevated);
	position: relative;
	z-index: 1;
	width: min(100%, 52rem);
	max-height: min(92vh, 36rem);
	overflow: hidden;
	background: var(--color-surface-elevated);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-modal);
	box-shadow: 0 1.15rem 2.5rem color-mix(in srgb, var(--color-ink) 18%, transparent);
	opacity: 0;
	transform: translateY(0.55rem) scale(0.98);
	transition: opacity 260ms ease, transform 260ms ease;
}

.auth-modal.is-open .auth-modal__dialog {
	opacity: 1;
	transform: none;
}

.auth-modal__dialog.is-busy {
	pointer-events: none;
	opacity: 0.72;
}

.auth-modal__close {
	position: absolute;
	inset-block-start: var(--space-3);
	inset-inline-start: var(--space-3);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.35rem;
	height: 2.35rem;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--color-surface-elevated) 90%, transparent);
	color: var(--color-text);
	font-size: 1.35rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 1px 2px color-mix(in srgb, var(--color-ink) 12%, transparent);
}

.auth-modal__close:hover,
.auth-modal__close:focus-visible {
	background: var(--color-surface-elevated);
	color: var(--color-primary);
}

.auth-modal__close:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.auth-modal__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
	min-height: min(92vh, 36rem);
	max-height: min(92vh, 36rem);
}

.auth-modal__promo {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 100%;
	overflow: hidden;
	background: var(--color-ink);
	color: var(--auth-modal-on-promo);
	border-start-start-radius: var(--radius-modal);
	border-end-start-radius: var(--radius-modal);
}

.auth-modal__promo-media {
	position: absolute;
	inset: 0;
}

.auth-modal__promo-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.08);
	transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.auth-modal.is-open .auth-modal__promo-img {
	transform: scale(1);
}

.auth-modal__promo-copy {
	position: relative;
	z-index: 1;
	display: grid;
	gap: var(--space-3);
	padding: var(--space-6);
	padding-block-start: 6.5rem;
	background: linear-gradient(
		to top,
		color-mix(in srgb, var(--color-ink) 82%, transparent) 0%,
		color-mix(in srgb, var(--color-ink) 40%, transparent) 55%,
		transparent 100%
	);
}

.auth-modal__promo-kicker,
.auth-modal__promo-title,
.auth-modal__promo-text {
	opacity: 0;
	transform: translateY(0.85rem);
	transition:
		opacity 480ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}

.auth-modal.is-open .auth-modal__promo-kicker,
.auth-modal.is-open .auth-modal__promo-title,
.auth-modal.is-open .auth-modal__promo-text {
	opacity: 1;
	transform: none;
}

.auth-modal.is-open .auth-modal__promo-kicker {
	transition-delay: 120ms;
}

.auth-modal.is-open .auth-modal__promo-title {
	transition-delay: 220ms;
}

.auth-modal.is-open .auth-modal__promo-text {
	transition-delay: 320ms;
}

.auth-modal__promo-kicker {
	margin: 0;
	font-size: var(--text-sm);
	font-weight: 600;
	letter-spacing: 0.06em;
	opacity: 0;
}

.auth-modal.is-open .auth-modal__promo-kicker {
	opacity: 0.9;
}

.auth-modal__promo-title {
	margin: 0;
	font-family: var(--font-display);
	font-size: var(--text-2xl);
	font-weight: 700;
	line-height: 1.25;
}

.auth-modal__promo-text {
	margin: 0;
	font-size: var(--text-md);
	line-height: 1.55;
	max-width: 20rem;
}

.auth-modal.is-open .auth-modal__promo-text {
	opacity: 0.94;
}

.auth-modal__panel {
	display: grid;
	gap: var(--space-5);
	padding: clamp(var(--space-5), 3.2vw, var(--space-7));
	align-content: start;
	overflow: auto;
	overscroll-behavior: contain;
}

.auth-modal__tabs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	border-bottom: 1px solid var(--color-border);
}

.auth-modal__tab {
	min-height: 2.85rem;
	border: 0;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	border-radius: 0;
	background: transparent;
	color: var(--color-text-muted);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 600;
	cursor: pointer;
}

.auth-modal__tab.is-active {
	color: var(--color-text);
	border-bottom-color: var(--color-ink);
	box-shadow: none;
	background: transparent;
}

.auth-modal__tab:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.auth-modal__google {
	display: grid;
	gap: var(--space-3);
	margin: 0;
}

.auth-modal .store-auth-google--modal {
	min-height: 2.95rem;
	border-width: 1px;
	border-color: color-mix(in srgb, var(--color-ink) 18%, var(--color-border));
	background: var(--color-surface-elevated);
	font-size: var(--text-sm);
	font-weight: 700;
	border-radius: var(--radius-modal);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--color-ink) 8%, transparent);
}

.auth-modal .store-auth-google--modal:hover,
.auth-modal .store-auth-google--modal:focus-visible {
	border-color: var(--color-ink);
	background: var(--color-surface);
	color: var(--color-text);
}

.auth-modal .store-auth-google--modal.store-auth-google--club {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: var(--color-surface-elevated);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--color-primary) 28%, transparent);
}

.auth-modal .store-auth-google--modal.store-auth-google--club:hover,
.auth-modal .store-auth-google--modal.store-auth-google--club:focus-visible {
	border-color: var(--color-primary-hover);
	background: var(--color-primary-hover);
	color: var(--color-surface-elevated);
	box-shadow: 0 2px 8px color-mix(in srgb, var(--color-primary) 32%, transparent);
}

.auth-modal .auth-modal__divider {
	margin: var(--space-2) 0 0;
	font-size: var(--text-xs);
}

.auth-modal[data-active-tab="login"] .store-auth-google--club,
.auth-modal[data-active-tab="register"] .store-auth-google--login {
	display: none !important;
}

.auth-modal__status {
	margin: 0;
	padding: var(--space-2) var(--space-3);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-text-muted);
	font-size: var(--text-sm);
}

.auth-modal__status.is-error {
	background: color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));
	color: var(--color-accent);
}

/* Stack login + register so height always matches the taller (register) panel. */
.auth-modal__forms-stack {
	display: grid;
}

.auth-modal__form-panel {
	grid-area: 1 / 1;
}

.auth-modal__form-panel:not(.is-active) {
	visibility: hidden;
	pointer-events: none;
}

.auth-modal__form {
	display: grid;
	gap: var(--space-3);
}

.auth-modal__field {
	position: relative;
	display: block;
}

.auth-modal__field input {
	width: 100%;
	min-height: 3.15rem;
	padding: 1.05rem var(--space-3) 0.45rem;
	border: 1px solid var(--color-border);
	border-radius: var(--radius-subtle);
	background: var(--color-surface);
	color: var(--color-text);
	font: inherit;
	font-size: var(--text-sm);
	box-shadow: none;
}

.auth-modal__field input::placeholder {
	color: transparent;
}

.auth-modal__label {
	position: absolute;
	inset-block-start: 50%;
	inset-inline-start: var(--space-3);
	transform: translateY(-50%);
	margin: 0;
	padding: 0 0.15rem;
	font-size: var(--text-sm);
	font-weight: 500;
	line-height: 1;
	color: var(--color-text-muted);
	pointer-events: none;
	background: transparent;
	transition:
		transform 180ms ease,
		inset-block-start 180ms ease,
		font-size 180ms ease,
		color 180ms ease,
		background-color 180ms ease;
}

.auth-modal__field input:focus {
	outline: none;
	border-color: var(--color-ink);
	box-shadow: 0 0 0 1px var(--color-ink);
	background: var(--color-surface-elevated);
}

.auth-modal__field input:focus + .auth-modal__label,
.auth-modal__field input:not(:placeholder-shown) + .auth-modal__label {
	inset-block-start: 0.45rem;
	transform: none;
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--color-text-muted);
	background: linear-gradient(
		to bottom,
		var(--color-surface-elevated) 55%,
		transparent 55%
	);
}

.auth-modal__field input:focus + .auth-modal__label {
	color: var(--color-ink);
}

.auth-modal__field input:not(:placeholder-shown):not(:focus) + .auth-modal__label {
	background: linear-gradient(
		to bottom,
		var(--color-surface) 55%,
		transparent 55%
	);
}

.auth-modal__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.95rem;
	margin-top: var(--space-2);
	padding: 0 var(--space-4);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-cta);
	color: var(--color-surface-elevated);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 700;
	cursor: pointer;
}

.auth-modal__submit:hover {
	background: var(--color-cta-hover);
}

.auth-modal__submit:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.auth-modal__submit:disabled {
	opacity: 0.65;
	cursor: wait;
}

.auth-modal__footer-link {
	margin: var(--space-3) 0 0;
	text-align: center;
	font-size: var(--text-xs);
}

.auth-modal__footer-link a {
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.auth-modal__footer-link a:hover {
	color: var(--color-primary);
}

.auth-modal__link-btn {
	appearance: none;
	border: 0;
	background: none;
	padding: 0;
	font: inherit;
	font-size: var(--text-xs);
	color: var(--color-text-muted);
	text-decoration: underline;
	text-underline-offset: 0.15em;
	cursor: pointer;
}

.auth-modal__link-btn:hover {
	color: var(--color-primary);
}

.auth-modal__link-btn:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
	border-radius: 2px;
}

/* Password-reset view lives inside the same panel to keep the flow in-popup. */
.auth-modal__reset {
	display: none;
	gap: var(--space-3);
}

.auth-modal[data-auth-view="reset"] .auth-modal__tabs,
.auth-modal[data-auth-view="reset"] .auth-modal__google,
.auth-modal[data-auth-view="reset"] .auth-modal__forms-stack {
	display: none;
}

.auth-modal[data-auth-view="reset"] .auth-modal__reset {
	display: grid;
}

.auth-modal__reset-title {
	margin: 0;
	font-size: var(--text-lg);
	font-weight: 700;
	color: var(--color-ink);
}

.auth-modal__reset-note {
	margin: 0;
	font-size: var(--text-sm);
	line-height: 1.5;
	color: var(--color-text-muted);
}

@media (max-width: 720px) {
	.auth-modal {
		padding: 0;
		align-items: end;
	}

	.auth-modal__dialog {
		width: 100%;
		max-height: min(94vh, 42rem);
		border-radius: var(--radius-modal) var(--radius-modal) 0 0;
		transform: translateY(1rem);
	}

	.auth-modal.is-open .auth-modal__dialog {
		transform: none;
	}

	.auth-modal__layout {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		max-height: min(94vh, 42rem);
	}

	.auth-modal__promo {
		min-height: 11rem;
		max-height: 12.5rem;
		border-radius: var(--radius-modal) var(--radius-modal) 0 0;
	}

	.auth-modal__promo-copy {
		padding: var(--space-5);
		padding-block-start: 3rem;
		gap: var(--space-2);
	}

	.auth-modal__promo-title {
		font-size: var(--text-xl);
	}

	.auth-modal__promo-text {
		font-size: var(--text-sm);
		max-width: none;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.auth-modal__panel {
		padding: var(--space-5);
		gap: var(--space-4);
		max-height: calc(min(94vh, 42rem) - 12.5rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.auth-modal__backdrop,
	.auth-modal__dialog,
	.auth-modal__promo-img,
	.auth-modal__promo-kicker,
	.auth-modal__promo-title,
	.auth-modal__promo-text {
		transition: none !important;
		transform: none !important;
	}

	.auth-modal__promo-kicker,
	.auth-modal__promo-title,
	.auth-modal__promo-text {
		opacity: 1;
	}

	.auth-modal.is-open .auth-modal__promo-kicker {
		opacity: 0.9;
	}

	.auth-modal.is-open .auth-modal__promo-text {
		opacity: 0.94;
	}
}

/* Checkout: Israel-only — hide country field (classic + blocks). */
.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout .store-checkout-country-hidden,
.wc-block-checkout .wc-block-components-address-form__country,
.wc-block-checkout .wc-block-components-country-input {
	display: none !important;
}

/* Checkout club signup banner (beside create-account checkbox). */
.checkout-club-banner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-2) var(--space-3);
	margin: var(--space-2) 0 var(--space-3);
	padding: var(--space-3);
	border: 1px solid color-mix(in srgb, var(--color-ink) 14%, var(--color-border));
	border-radius: var(--radius-subtle);
	background: color-mix(in srgb, var(--color-surface-muted) 70%, var(--color-surface-elevated));
}

.checkout-club-banner[hidden] {
	display: none !important;
}

.checkout-club-banner__text {
	margin: 0;
	flex: 1 1 12rem;
	font-size: var(--text-sm);
	line-height: 1.45;
	color: var(--color-text);
}

.checkout-club-banner__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.25rem;
	padding: var(--space-1) var(--space-4);
	border: 0;
	border-radius: var(--radius-subtle);
	background: var(--color-cta);
	color: var(--color-surface-elevated);
	font: inherit;
	font-size: var(--text-sm);
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	transition: background-color 160ms ease;
}

.checkout-club-banner__cta:hover {
	background: var(--color-cta-hover);
}

/* —— Floating WhatsApp chat —— */
.whatsapp-chat {
	position: fixed;
	right: var(--space-4);
	bottom: calc(var(--space-5) + env(safe-area-inset-bottom, 0px));
	z-index: 90;
	display: inline-grid;
	width: 3.5rem;
	height: 3.5rem;
	place-items: center;
	border-radius: 50%;
	background: var(--color-whatsapp);
	color: var(--color-surface-elevated);
	box-shadow:
		0 0.2rem 0.45rem color-mix(in srgb, var(--color-ink) 18%, transparent),
		0 0.8rem 1.8rem -0.8rem color-mix(in srgb, var(--color-ink) 42%, transparent);
	animation: whatsapp-chat-enter 320ms var(--motion-icon-ease-out) both;
	transition:
		background-color var(--motion-icon-duration) var(--motion-icon-ease-out),
		box-shadow var(--motion-icon-duration) var(--motion-icon-ease-out),
		transform var(--motion-icon-duration) var(--motion-icon-ease);
}

.whatsapp-chat__icon {
	display: inline-grid;
	place-items: center;
}

.whatsapp-chat__icon svg {
	width: 1.65rem;
	height: 1.65rem;
}

.whatsapp-chat:hover {
	background: var(--color-whatsapp-hover);
	color: var(--color-surface-elevated);
	box-shadow:
		0 0.25rem 0.55rem color-mix(in srgb, var(--color-ink) 20%, transparent),
		0 1rem 2rem -0.75rem color-mix(in srgb, var(--color-ink) 50%, transparent);
	transform: translateY(-0.15rem) scale(1.035);
}

.whatsapp-chat:active {
	transform: translateY(0) scale(0.96);
}

.whatsapp-chat:focus-visible {
	background: var(--color-whatsapp-hover);
	color: var(--color-surface-elevated);
	outline: 3px solid var(--color-focus);
	outline-offset: 3px;
}

body.page-template-page-checkout .whatsapp-chat {
	bottom: calc(5.75rem + env(safe-area-inset-bottom, 0px));
}

@keyframes whatsapp-chat-enter {
	from {
		opacity: 0;
		transform: translateY(var(--space-3)) scale(0.9);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (min-width: 60rem) {
	.whatsapp-chat {
		right: var(--space-6);
		bottom: calc(var(--space-6) + env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.whatsapp-chat {
		animation: none;
		transition: none;
	}

	.whatsapp-chat:hover,
	.whatsapp-chat:active {
		transform: none;
	}
}