/**
 * Ziteh Elementor widgets — front-end + editor styles.
 *
 * All widgets share the palette and primitives defined under :root here, then
 * each section adds its own block. RTL-first (the design is a Persian store).
 *
 * Palette (sampled from the reference design):
 *   green        #7c8a5c   primary sage/olive
 *   green-dark   #55603a   headings & strong text
 *   green-soft   #eef0e6   tint used for chips / toggles
 *   cream        #f6f2ea   page + section washes
 *   cream-2      #f1ece2   alt wash (hero / cards)
 *   beige        #e9e2d5   image placeholders
 *   ink          #47473f   body text
 *   muted        #9b9a8d   secondary text
 *   line         #e8e2d6   hairline borders
 */

:root {
	--ziteh-green: #7c8a5c;
	--ziteh-green-dark: #55603a;
	--ziteh-green-hover: #6b784e;
	--ziteh-green-soft: #eef0e6;
	--ziteh-cream: #f6f2ea;
	--ziteh-cream-2: #f1ece2;
	--ziteh-beige: #e9e2d5;
	--ziteh-sale: #e0483d;
	--ziteh-ink: #47473f;
	--ziteh-muted: #9b9a8d;
	--ziteh-line: #e8e2d6;
	--ziteh-white: #ffffff;
	--ziteh-radius: 18px;
	--ziteh-radius-lg: 28px;
	--ziteh-shadow: 0 18px 40px -24px rgba(60, 65, 40, 0.35);
	--ziteh-shadow-sm: 0 10px 24px -18px rgba(60, 65, 40, 0.4);
	--ziteh-font: 'Vazirmatn', 'IRANSans', 'Tahoma', sans-serif;
	--ziteh-maxw: 1200px;
}

/* ---------- Shared primitives ---------- */

[class^="ziteh-"],
[class*=" ziteh-"] {
	box-sizing: border-box;
}

.ziteh-topbar,
.ziteh-header,
.ziteh-hero,
.ziteh-story,
.ziteh-cats,
.ziteh-routine,
.ziteh-products,
.ziteh-brands,
.ziteh-blog,
.ziteh-cta,
.ziteh-testimonials,
.ziteh-insta,
.ziteh-newsletter,
.ziteh-footer {
	direction: rtl;
	font-family: var(--ziteh-font);
	color: var(--ziteh-ink);
	line-height: 1.9;
	-webkit-font-smoothing: antialiased;
}

.ziteh-container {
	width: 100%;
	max-width: var(--ziteh-maxw);
	margin-inline: auto;
	padding-inline: 24px;
}

.ziteh-icon {
	width: 22px;
	height: 22px;
	flex: 0 0 auto;
	display: inline-block;
	vertical-align: middle;
}

/* Section title with a little leaf glyph, matching the design's headings. */
.ziteh-section-title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 34px;
	font-size: 26px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

.ziteh-section-title--center {
	justify-content: center;
	text-align: center;
}

.ziteh-section-title--start {
	justify-content: flex-start;
}

.ziteh-section-title__leaf {
	width: 20px;
	height: 20px;
	color: var(--ziteh-green);
}

/* Section head that carries a "مشاهده همه" link opposite a centred title. */
.ziteh-section-head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 34px;
}

.ziteh-section-head .ziteh-section-title {
	margin: 0;
}

.ziteh-section-head .ziteh-link--muted {
	position: absolute;
	inset-inline-start: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* Buttons */
.ziteh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 13px 26px;
	border-radius: 999px;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	cursor: pointer;
	border: 1px solid transparent;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.ziteh-btn .ziteh-icon {
	width: 18px;
	height: 18px;
}

.ziteh-btn--primary {
	background: var(--ziteh-green);
	color: #fff;
}

.ziteh-btn--primary:hover {
	background: var(--ziteh-green-hover);
	color: #fff;
}

.ziteh-btn--outline {
	background: transparent;
	color: var(--ziteh-green-dark);
	border-color: var(--ziteh-green);
}

.ziteh-btn--outline:hover {
	background: var(--ziteh-green);
	color: #fff;
}

/* Inline text link with a chevron. */
.ziteh-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--ziteh-green);
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: color .2s ease, gap .2s ease;
}

.ziteh-link .ziteh-icon {
	width: 16px;
	height: 16px;
}

.ziteh-link:hover {
	color: var(--ziteh-green-hover);
	gap: 10px;
}

.ziteh-link--muted {
	color: var(--ziteh-muted);
	font-size: 13px;
}

/* ---------- Top bar ---------- */

.ziteh-topbar {
	background: var(--ziteh-white);
	border-bottom: 1px solid var(--ziteh-line);
	font-size: 13px;
	color: var(--ziteh-muted);
}

.ziteh-topbar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	min-height: 46px;
}

.ziteh-topbar__cart,
.ziteh-topbar__account {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--ziteh-ink);
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s ease;
}

.ziteh-topbar__cart:hover,
.ziteh-topbar__account:hover {
	color: var(--ziteh-green);
}

.ziteh-topbar__cart .ziteh-icon,
.ziteh-topbar__account .ziteh-icon {
	width: 18px;
	height: 18px;
	color: var(--ziteh-green);
}

.ziteh-topbar__search {
	flex: 1 1 auto;
	max-width: 420px;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	background: var(--ziteh-cream);
	border-radius: 999px;
}

.ziteh-topbar__search .ziteh-icon {
	width: 16px;
	height: 16px;
	color: var(--ziteh-muted);
}

.ziteh-topbar__search input {
	flex: 1;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 13px;
	color: var(--ziteh-ink);
	outline: none;
}

/* ---------- Header ---------- */

.ziteh-header {
	background: var(--ziteh-white);
	border-bottom: 1px solid var(--ziteh-line);
}

.ziteh-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 74px;
	gap: 20px;
}

.ziteh-header__logo {
	text-decoration: none;
	order: 1;
	flex: 0 0 auto;
}

.ziteh-header__logo img {
	height: 44px;
	width: auto;
	display: block;
}

.ziteh-header__logo-text {
	font-size: 30px;
	font-weight: 800;
	color: var(--ziteh-green-dark);
	letter-spacing: -.5px;
}

.ziteh-header__menu {
	order: 2;
	flex: 1;
}

.ziteh-header__menu ul {
	display: flex;
	align-items: center;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ziteh-header__menu a {
	font-size: 15px;
	font-weight: 500;
	color: var(--ziteh-ink);
	text-decoration: none;
	position: relative;
	transition: color .2s ease;
}

.ziteh-header__menu a:hover,
.ziteh-header__menu a.is-active {
	color: var(--ziteh-green);
}

.ziteh-header__menu a.is-active::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: -6px;
	height: 2px;
	border-radius: 2px;
	background: var(--ziteh-green);
}

.ziteh-header__burger {
	display: none;
	flex-direction: column;
	gap: 5px;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: 0;
	cursor: pointer;
	order: 3;
}

.ziteh-header__burger span {
	width: 22px;
	height: 2px;
	background: var(--ziteh-green-dark);
	border-radius: 2px;
}

/* ---------- Hero (image slider) ---------- */

.ziteh-hero-slider {
	--ziteh-hero-h: 460px;
	--ziteh-hero-radius: 0px;
	position: relative;
	width: 100%;
	height: var(--ziteh-hero-h);
	overflow: hidden;
	background: var(--ziteh-cream-2);
	border-radius: var(--ziteh-hero-radius);
}

.ziteh-hero-slider__slides {
	position: absolute;
	inset: 0;
}

.ziteh-hero-slide {
	position: absolute;
	inset: 0;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: opacity .7s ease;
	z-index: 1;
}

.ziteh-hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.ziteh-hero-slide picture,
.ziteh-hero-slide img {
	width: 100%;
	height: 100%;
}

.ziteh-hero-slide picture {
	display: block;
}

.ziteh-hero-slide img {
	object-fit: cover;
	display: block;
}

/* Prev / next arrows */
.ziteh-hero-slider__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	color: var(--ziteh-green-dark);
	cursor: pointer;
	box-shadow: var(--ziteh-shadow-sm);
	transition: background .2s ease, color .2s ease;
}

.ziteh-hero-slider__arrow:hover {
	background: var(--ziteh-green);
	color: #fff;
}

.ziteh-hero-slider__arrow--prev {
	inset-inline-start: 20px;
}

.ziteh-hero-slider__arrow--next {
	inset-inline-end: 20px;
}

.ziteh-hero-slider__arrow .ziteh-icon {
	width: 20px;
	height: 20px;
}

/* Dots */
.ziteh-hero-slider__dots {
	position: absolute;
	inset-inline: 0;
	bottom: 18px;
	z-index: 5;
	display: flex;
	justify-content: center;
	gap: 8px;
}

.ziteh-hero-slider__dot {
	width: 9px;
	height: 9px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .6);
	cursor: pointer;
	transition: width .25s ease, background .25s ease;
}

.ziteh-hero-slider__dot.is-active {
	width: 26px;
	background: #fff;
}

/* ---------- Story ---------- */

.ziteh-story {
	background: var(--ziteh-white);
	padding-block: 70px;
}

.ziteh-story__inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 50px;
}

.ziteh-story__media {
	order: 1;
}

.ziteh-story__content {
	order: 2;
}

.ziteh-story__media {
	position: relative;
	background: var(--ziteh-green-soft);
	border-radius: var(--ziteh-radius-lg);
	padding: 18px;
}

.ziteh-story__media img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: var(--ziteh-radius);
	display: block;
}

.ziteh-story__text {
	margin-bottom: 22px;
	color: var(--ziteh-muted);
	font-size: 15px;
	line-height: 2.1;
}

.ziteh-story__text p {
	margin: 0;
}

/* ---------- Categories ---------- */

.ziteh-cats {
	background: var(--ziteh-cream);
	padding-block: 66px;
}

.ziteh-slider {
	position: relative;
}

/* Native horizontal scroll → swipeable on touch, buttons scroll on desktop */
.ziteh-cats__viewport {
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.ziteh-cats__viewport::-webkit-scrollbar {
	display: none;
}

.ziteh-cats__track {
	display: flex;
	gap: 22px;
	margin: 0;
	padding: 2px 0;
	list-style: none;
	--ziteh-per-view: 6;
}

.ziteh-cat-card {
	flex: 0 0 calc((100% - (var(--ziteh-per-view) - 1) * 22px) / var(--ziteh-per-view));
	scroll-snap-align: start;
}

.ziteh-cat-card a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: var(--ziteh-ink);
}

.ziteh-cat-card__thumb {
	display: block;
	/* Tall / portrait image, matching the reference design. */
	aspect-ratio: 3 / 4;
	border-radius: var(--ziteh-radius);
	overflow: hidden;
	background: var(--ziteh-beige);
	margin-bottom: 16px;
	box-shadow: var(--ziteh-shadow-sm);
	transition: transform .25s ease;
}

.ziteh-cat-card a:hover .ziteh-cat-card__thumb {
	transform: translateY(-4px);
}

.ziteh-cat-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Label sits below the tall image as a pill/button. */
.ziteh-cat-card__title {
	display: block;
	margin: 0 auto;
	padding: 11px 18px;
	background: var(--ziteh-white);
	border: 1px solid var(--ziteh-line);
	border-radius: 999px;
	font-size: 14px;
	font-weight: 500;
	color: var(--ziteh-green-dark);
	box-shadow: var(--ziteh-shadow-sm);
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.ziteh-cat-card a:hover .ziteh-cat-card__title {
	background: var(--ziteh-green);
	border-color: var(--ziteh-green);
	color: #fff;
}

/* dot-style prev/next under the categories slider */
.ziteh-slider__nav {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin-top: 26px;
}

.ziteh-slider__btn {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--ziteh-line);
	background: var(--ziteh-white);
	color: var(--ziteh-green-dark);
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.ziteh-slider__btn:hover {
	background: var(--ziteh-green);
	border-color: var(--ziteh-green);
	color: #fff;
}

.ziteh-slider__btn .ziteh-icon {
	width: 18px;
	height: 18px;
}

/* ---------- Routine ---------- */

.ziteh-routine {
	background: var(--ziteh-white);
	padding-block: 70px;
}

.ziteh-routine__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 40px;
}

.ziteh-routine__heading .ziteh-section-title {
	margin-bottom: 8px;
}

.ziteh-routine__subtitle {
	margin: 0;
	color: var(--ziteh-muted);
	font-size: 15px;
}

.ziteh-routine__toggle {
	display: inline-flex;
	background: var(--ziteh-cream);
	border-radius: 999px;
	padding: 5px;
	gap: 4px;
}

.ziteh-routine__toggle-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 22px;
	border-radius: 999px;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	color: var(--ziteh-muted);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.ziteh-routine__toggle-btn .ziteh-icon {
	width: 17px;
	height: 17px;
}

.ziteh-routine__toggle-btn.is-active {
	background: var(--ziteh-green);
	color: #fff;
}

.ziteh-routine__steps {
	display: none;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ziteh-routine__steps.is-active {
	display: grid;
}

.ziteh-step {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 10px;
	padding: 26px 16px 20px;
	background: var(--ziteh-cream);
	border-radius: var(--ziteh-radius);
}

.ziteh-step__num {
	position: absolute;
	top: 12px;
	inset-inline-end: 14px;
	font-size: 13px;
	font-weight: 700;
	color: var(--ziteh-green);
}

.ziteh-step__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: var(--ziteh-white);
	color: var(--ziteh-green);
}

.ziteh-step__icon .ziteh-icon {
	width: 26px;
	height: 26px;
}

.ziteh-step__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

.ziteh-step__text {
	font-size: 12.5px;
	line-height: 1.7;
	color: var(--ziteh-muted);
}

.ziteh-routine__foot {
	margin-top: 30px;
	text-align: center;
}

/* ---------- Products ---------- */

.ziteh-products {
	background: var(--ziteh-cream);
	padding-block: 66px;
}

.ziteh-slider--sided {
	display: flex;
	align-items: center;
	gap: 12px;
}

.ziteh-slider__side {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid var(--ziteh-line);
	background: var(--ziteh-white);
	color: var(--ziteh-green-dark);
	cursor: pointer;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.ziteh-slider__side:hover {
	background: var(--ziteh-green);
	border-color: var(--ziteh-green);
	color: #fff;
}

.ziteh-products__viewport {
	flex: 1;
	min-width: 0;
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.ziteh-products__viewport::-webkit-scrollbar {
	display: none;
}

.ziteh-products__track {
	display: flex;
	gap: 20px;
	margin: 0;
	padding: 6px 2px;
	list-style: none;
	--ziteh-per-view: 5;
}

/* Minimal product card: soft image tile, tidy meta, price + round add button */
.ziteh-product-card {
	position: relative;
	flex: 0 0 calc((100% - (var(--ziteh-per-view) - 1) * 20px) / var(--ziteh-per-view));
	max-width: calc((100% - (var(--ziteh-per-view) - 1) * 20px) / var(--ziteh-per-view));
	scroll-snap-align: start;
	align-self: stretch;
	height: auto;
	background: var(--ziteh-white);
	border: 1px solid var(--ziteh-line);
	border-radius: 20px;
	padding: 12px 12px 16px;
	display: flex;
	flex-direction: column;
	transition: box-shadow .3s ease, transform .3s ease, border-color .3s ease;
}

.ziteh-product-card:hover {
	box-shadow: var(--ziteh-shadow);
	transform: translateY(-6px);
	border-color: transparent;
}

/* Image tile */
.ziteh-product-card__media {
	position: relative;
	margin-bottom: 14px;
}

.ziteh-product-card__thumb {
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 16px;
	overflow: hidden;
	background: var(--ziteh-cream);
}

.ziteh-product-card__thumb img,
.ziteh-product-card__thumb .wp-post-image {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	transition: transform .5s ease;
}

.ziteh-product-card:hover .ziteh-product-card__thumb img {
	transform: scale(1.05);
}

/* Wishlist heart — subtle, floats on the tile */
.ziteh-product-card__wish {
	position: absolute;
	top: 10px;
	inset-inline-start: 10px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	backdrop-filter: blur(4px);
	border: 0;
	color: var(--ziteh-muted);
	cursor: pointer;
	z-index: 2;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-4px);
	transition: color .2s ease, opacity .25s ease, transform .25s ease;
}

.ziteh-product-card:hover .ziteh-product-card__wish {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.ziteh-product-card__wish:hover {
	color: #cf6b6b;
}

.ziteh-product-card__wish .ziteh-icon {
	width: 18px;
	height: 18px;
}

/* Sale badge — sits on the image corner. */
.ziteh-product-card__badge {
	position: absolute;
	top: 10px;
	inset-inline-end: 10px;
	z-index: 2;
	background: var(--ziteh-green);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	padding: 5px 11px;
	border-radius: 999px;
	box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .35);
	line-height: 1;
}

.ziteh-product-card__badge--off {
	background: var(--ziteh-sale);
	color: #fff;
}

/* Meta */
.ziteh-product-card__body {
	display: flex;
	flex-direction: column;
	gap: 6px;
	flex: 1;
	text-align: start;
	padding-inline: 4px;
}

.ziteh-product-card__brand {
	font-size: 11.5px;
	font-weight: 500;
	color: var(--ziteh-muted);
	letter-spacing: .2px;
}

.ziteh-product-card__name {
	font-size: 14.5px;
	font-weight: 700;
	color: var(--ziteh-ink);
	text-decoration: none;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: calc(1.75em * 2);
	transition: color .2s ease;
}

.ziteh-product-card__name:hover {
	color: var(--ziteh-green);
}

/* Footer row: price on the right, round add button on the left */
.ziteh-product-card__foot {
	margin-top: auto;
	padding-top: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.ziteh-product-card__price {
	display: flex;
	align-items: baseline;
	gap: 4px;
	flex-wrap: wrap;
	color: var(--ziteh-green-dark);
	line-height: 1.3;
}

.ziteh-product-card__price strong {
	font-size: 16px;
	font-weight: 800;
}

.ziteh-product-card__price em {
	font-style: normal;
	font-size: 11.5px;
	color: var(--ziteh-muted);
}

/* WooCommerce price: new price on top (bold), old price + %off beneath. */
.ziteh-product-card__price--wc {
	display: inline-flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1px;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.35;
}

.ziteh-product-card__price--wc ins {
	text-decoration: none;
	color: var(--ziteh-green-dark);
	font-weight: 800;
	white-space: nowrap;
}

.ziteh-product-card__price--wc del {
	color: var(--ziteh-muted);
	font-weight: 400;
	font-size: 12px;
	text-decoration: line-through;
	white-space: nowrap;
}

/* Neutralise any theme-injected block inside the amount markup. */
.ziteh-product-card__price--wc .woocommerce-Price-amount,
.ziteh-product-card__price--wc .amount,
.ziteh-product-card__price--wc bdi {
	display: inline;
	white-space: nowrap;
}

.ziteh-product-card__price--wc .woocommerce-Price-currencySymbol {
	font-size: .72em;
	font-weight: 400;
	color: var(--ziteh-muted);
	margin-inline-start: 2px;
}

/* Round add-to-cart button */
.ziteh-product-card__add {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ziteh-green);
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 8px 18px -8px rgba(85, 96, 58, .8);
	transition: background .2s ease, transform .2s ease;
}

.ziteh-product-card__add:hover {
	background: var(--ziteh-green-dark);
	transform: translateY(-2px);
}

.ziteh-product-card__add .ziteh-icon {
	width: 19px;
	height: 19px;
}

/* WooCommerce ajax "added" state hook */
.ziteh-product-card__add.loading {
	opacity: .6;
	pointer-events: none;
}

.ziteh-products__empty {
	flex: 1;
	text-align: center;
	color: var(--ziteh-muted);
	padding: 40px 0;
	list-style: none;
}

/* ---------- Special offers (countdown) ---------- */

.ziteh-offers {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, #f8f6ef 0%, var(--ziteh-green-soft) 55%, #f5f1e8 100%);
	border-block: 1px solid rgba(124, 138, 92, .18);
	padding-block: 66px;
}

.ziteh-offers__head {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 18px 24px;
	margin-bottom: 34px;
	padding: 26px 30px;
	background-color: var(--ziteh-green-dark);
	background-image:
		linear-gradient(110deg, rgba(85, 96, 58, .98), rgba(124, 138, 92, .90)),
		url("../images/offers-pattern.svg");
	background-position: center, center;
	background-size: cover, 240px 180px;
	border: 1px solid rgba(255, 255, 255, .16);
	border-radius: 28px;
	box-shadow: 0 24px 55px -30px rgba(50, 58, 30, .70);
}

.ziteh-offers__head::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 190px;
	height: 190px;
	inset-inline-end: -70px;
	top: -100px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	box-shadow: 0 0 0 34px rgba(255, 255, 255, .035);
}

.ziteh-offers__intro .ziteh-section-title {
	margin-bottom: 6px;
	color: #fff;
	font-size: clamp(24px, 2.2vw, 32px);
}

.ziteh-offers__intro .ziteh-section-title__leaf {
	color: #e7ecd9;
}

.ziteh-offers__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .76);
	font-size: 14px;
}

.ziteh-offers__all {
	margin-inline-start: auto;
	padding: 9px 14px;
	color: #fff;
	font-weight: 700;
	border: 1px solid rgba(255, 255, 255, .26);
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
}

.ziteh-offers__all:hover {
	color: var(--ziteh-green-dark);
	background: #fff;
	border-color: #fff;
}

/* Countdown timer */
.ziteh-offers__timer {
	display: inline-flex;
	align-items: flex-start;
	gap: 8px;
	direction: ltr;
}

.ziteh-cd {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-width: 52px;
}

.ziteh-cd__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 9px 6px;
	background: #fff;
	color: var(--ziteh-green-dark);
	border-radius: 12px;
	font-size: 20px;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	box-shadow: 0 12px 28px -18px rgba(20, 25, 10, .75);
}

/* Offers are intentionally more prominent than the regular product section. */
.ziteh-offers .ziteh-product-card {
	border-color: rgba(124, 138, 92, .30);
	border-block-start: 3px solid var(--ziteh-green);
	box-shadow: 0 16px 34px -30px rgba(85, 96, 58, .75);
}

.ziteh-offers .ziteh-product-card:hover {
	border-color: var(--ziteh-green);
	box-shadow: 0 22px 44px -26px rgba(85, 96, 58, .55);
}

.ziteh-offers .ziteh-product-card__thumb {
	background: var(--ziteh-green-soft);
}

.ziteh-offers .ziteh-product-card__badge--off {
	background: var(--ziteh-green);
	color: #fff;
	font-size: 13px;
	padding: 7px 12px;
	border: 2px solid rgba(255, 255, 255, .90);
	box-shadow: 0 9px 20px -8px rgba(85, 96, 58, .85);
}

.ziteh-offers .ziteh-product-card__price--wc del {
	padding: 2px 7px;
	background: var(--ziteh-green-soft);
	border-radius: 999px;
}

.ziteh-offers .ziteh-slider__side {
	border-color: rgba(124, 138, 92, .32);
	color: var(--ziteh-green-dark);
}

.ziteh-offers .ziteh-slider__side:hover {
	background: var(--ziteh-green);
	border-color: var(--ziteh-green);
	color: #fff;
}

.ziteh-cd__label {
	font-size: 11px;
	color: rgba(255, 255, 255, .72);
	font-weight: 500;
}

.ziteh-cd__sep {
	color: rgba(255, 255, 255, .82);
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	margin-top: 12px;
}

.ziteh-offers.is-ended .ziteh-offers__timer {
	opacity: .55;
}

/* Manual price amount (offers) */
.ziteh-amount em {
	font-style: normal;
	font-size: .72em;
	color: var(--ziteh-muted);
	font-weight: 400;
	margin-inline-start: 2px;
}

/* ---------- Brands ---------- */

.ziteh-brands {
	background: var(--ziteh-white);
	padding-block: 56px;
}

.ziteh-brands__row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ziteh-brands__item {
	position: relative;
}

.ziteh-brands__item:not(:last-child)::after {
	content: '';
	position: absolute;
	inset-inline-start: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 26px;
	background: var(--ziteh-line);
}

.ziteh-brands__item a {
	display: inline-flex;
	align-items: center;
	color: var(--ziteh-muted);
	text-decoration: none;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: .5px;
	filter: grayscale(1);
	opacity: .7;
	transition: opacity .2s ease, color .2s ease;
}

.ziteh-brands__item a:hover {
	opacity: 1;
	color: var(--ziteh-green-dark);
}

.ziteh-brands__item img {
	max-height: 34px;
	width: auto;
	display: block;
}

/* ---------- Blog ---------- */

.ziteh-blog {
	background: var(--ziteh-cream);
	padding-block: 66px;
}

.ziteh-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
}

.ziteh-post-card {
	background: var(--ziteh-white);
	border-radius: var(--ziteh-radius);
	overflow: hidden;
	box-shadow: var(--ziteh-shadow-sm);
	display: flex;
	flex-direction: column;
	transition: transform .25s ease, box-shadow .25s ease;
}

.ziteh-post-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--ziteh-shadow);
}

.ziteh-post-card__thumb {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	background: var(--ziteh-beige);
	overflow: hidden;
}

.ziteh-post-card__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.ziteh-post-card:hover .ziteh-post-card__thumb img {
	transform: scale(1.05);
}

.ziteh-post-card__chip {
	position: absolute;
	top: 14px;
	inset-inline-end: 14px;
	background: rgba(255, 255, 255, .92);
	color: var(--ziteh-green-dark);
	font-size: 12px;
	font-weight: 500;
	padding: 5px 12px;
	border-radius: 999px;
}

.ziteh-post-card__body {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}

.ziteh-post-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.9;
	color: var(--ziteh-ink);
}

.ziteh-post-card__title a {
	color: inherit;
	text-decoration: none;
}

.ziteh-post-card__title a:hover {
	color: var(--ziteh-green);
}

.ziteh-post-card__body .ziteh-link {
	margin-top: auto;
}

.ziteh-post-card__thumb .wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ziteh-blog__empty {
	grid-column: 1 / -1;
	text-align: center;
	color: var(--ziteh-muted);
	padding: 40px 0;
	margin: 0;
}

/* ---------- Consultation CTA ---------- */

.ziteh-cta {
	background: var(--ziteh-white);
	padding-block: 40px;
}

.ziteh-cta__box {
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	align-items: center;
	gap: 30px;
	background: var(--ziteh-green-soft);
	border-radius: var(--ziteh-radius-lg);
	padding: 40px;
	overflow: hidden;
}

.ziteh-cta__media {
	order: 1;
}

.ziteh-cta__content {
	order: 2;
}

.ziteh-cta__media img {
	width: 100%;
	height: 100%;
	max-height: 260px;
	object-fit: contain;
	display: block;
}

.ziteh-cta__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	font-size: 26px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

.ziteh-cta__text {
	margin: 0 0 24px;
	max-width: 460px;
	color: #5c6150;
	font-size: 15px;
	line-height: 2;
}

/* ---------- Testimonials ---------- */

.ziteh-testimonials {
	background: var(--ziteh-cream);
	padding-block: 66px;
}

.ziteh-testimonials__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
}

.ziteh-testimonial-card {
	margin: 0;
	background: var(--ziteh-white);
	border-radius: var(--ziteh-radius);
	padding: 28px 26px;
	box-shadow: var(--ziteh-shadow-sm);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}

.ziteh-stars {
	display: inline-flex;
	gap: 3px;
	color: #d8c98a;
}

.ziteh-stars__star .ziteh-icon {
	width: 17px;
	height: 17px;
}

.ziteh-stars__star.is-filled .ziteh-icon {
	fill: #e2c15a;
	stroke: #e2c15a;
}

.ziteh-testimonial-card__quote {
	margin: 0;
	font-size: 14.5px;
	line-height: 2.1;
	color: var(--ziteh-ink);
}

.ziteh-testimonial-card__author {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	margin-top: auto;
}

.ziteh-testimonial-card__avatar {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	overflow: hidden;
	background: var(--ziteh-green-soft);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ziteh-testimonial-card__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ziteh-testimonial-card__initial {
	font-size: 20px;
	font-weight: 700;
	color: var(--ziteh-green);
}

.ziteh-testimonial-card__name {
	font-size: 14px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

/* ---------- Instagram ---------- */

.ziteh-insta {
	background: var(--ziteh-white);
	padding-block: 66px;
}

.ziteh-insta__handle {
	margin: -22px 0 30px;
	text-align: center;
	color: var(--ziteh-muted);
	font-size: 14px;
}

.ziteh-insta__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 14px;
}

.ziteh-insta__tile {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 14px;
	overflow: hidden;
	background: var(--ziteh-beige);
}

.ziteh-insta__tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.ziteh-insta__tile:hover img {
	transform: scale(1.06);
}

.ziteh-insta__tile-icon {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(85, 96, 58, .32);
	color: #fff;
	opacity: 0;
	transition: opacity .25s ease;
}

.ziteh-insta__tile:hover .ziteh-insta__tile-icon {
	opacity: 1;
}

.ziteh-insta__tile--empty {
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--ziteh-muted);
}

.ziteh-insta__foot {
	margin-top: 30px;
	text-align: center;
}

/* ---------- Newsletter ---------- */

.ziteh-newsletter {
	background: var(--ziteh-white);
	padding-block: 30px 66px;
}

.ziteh-newsletter__box {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 30px;
	background: var(--ziteh-cream);
	border: 1px solid var(--ziteh-line);
	border-radius: var(--ziteh-radius-lg);
	padding: 40px 44px;
}

.ziteh-newsletter__intro {
	order: 2;
	text-align: start;
}

.ziteh-newsletter__form {
	order: 1;
	display: flex;
	gap: 10px;
	background: var(--ziteh-white);
	border-radius: 999px;
	padding: 7px 7px 7px 20px;
	box-shadow: var(--ziteh-shadow-sm);
}

.ziteh-newsletter__form input {
	flex: 1;
	border: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	color: var(--ziteh-ink);
	outline: none;
}

.ziteh-newsletter__title {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 10px;
	font-size: 24px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

.ziteh-newsletter__text {
	margin: 0;
	color: var(--ziteh-muted);
	font-size: 14px;
	line-height: 1.9;
}

/* ---------- Footer ---------- */

.ziteh-footer {
	background: var(--ziteh-white);
	border-top: 1px solid var(--ziteh-line);
	padding-top: 56px;
	color: var(--ziteh-ink);
}

.ziteh-footer__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr) 1.2fr;
	gap: 30px;
	padding-bottom: 40px;
}

.ziteh-footer__col-title {
	margin: 0 0 18px;
	font-size: 16px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
}

.ziteh-footer__links {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ziteh-footer__links a {
	color: var(--ziteh-muted);
	text-decoration: none;
	font-size: 14px;
	transition: color .2s ease;
}

.ziteh-footer__links a:hover {
	color: var(--ziteh-green);
}

.ziteh-footer__contact {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ziteh-footer__contact li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: var(--ziteh-muted);
}

.ziteh-footer__contact .ziteh-icon {
	width: 18px;
	height: 18px;
	color: var(--ziteh-green);
}

.ziteh-footer__col--brand {
	text-align: start;
}

.ziteh-footer__logo {
	font-size: 30px;
	font-weight: 800;
	color: var(--ziteh-green-dark);
	margin-bottom: 12px;
}

.ziteh-footer__tagline {
	margin: 0 0 18px;
	color: var(--ziteh-muted);
	font-size: 14px;
}

.ziteh-footer__socials {
	display: flex;
	gap: 12px;
}

.ziteh-footer__socials a {
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--ziteh-green-soft);
	color: var(--ziteh-green-dark);
	transition: background .2s ease, color .2s ease;
}

.ziteh-footer__socials a:hover {
	background: var(--ziteh-green);
	color: #fff;
}

.ziteh-footer__socials .ziteh-icon {
	width: 20px;
	height: 20px;
}

.ziteh-footer__bottom {
	border-top: 1px solid var(--ziteh-line);
	padding-block: 18px;
}

.ziteh-footer__bottom span {
	display: block;
	text-align: center;
	font-size: 13px;
	color: var(--ziteh-muted);
}

/* ---------- Responsive ---------- */

@media (max-width: 1024px) {
	.ziteh-hero-slider { --ziteh-hero-h: 360px; }
	.ziteh-footer__inner { grid-template-columns: repeat(2, 1fr); }
	.ziteh-footer__col--brand { grid-column: 1 / -1; }
}

@media (max-width: 860px) {
	.ziteh-header__menu { display: none; }
	.ziteh-header__burger { display: inline-flex; }
	.ziteh-header__menu.is-open {
		display: block;
		position: absolute;
		inset-inline: 0;
		top: 100%;
		background: #fff;
		border-bottom: 1px solid var(--ziteh-line);
		z-index: 30;
		padding: 12px 24px;
	}
	.ziteh-header__menu.is-open ul { flex-direction: column; align-items: flex-start; gap: 14px; }
	.ziteh-header { position: relative; }

	.ziteh-story__inner,
	.ziteh-newsletter__box,
	.ziteh-cta__box {
		grid-template-columns: 1fr;
	}
	.ziteh-story__content,
	.ziteh-newsletter__intro,
	.ziteh-cta__content {
		order: 1;
		text-align: center;
	}
	.ziteh-story__media,
	.ziteh-newsletter__form,
	.ziteh-cta__media {
		order: 2;
	}

	.ziteh-blog__grid,
	.ziteh-testimonials__grid {
		grid-template-columns: 1fr;
	}
	.ziteh-routine__head { flex-direction: column; align-items: stretch; }
	.ziteh-routine__steps.is-active { grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(2, 1fr); }
	.ziteh-topbar__search { display: none; }
}

/* Tablet & down: lighter section rhythm, smaller titles. */
@media (max-width: 860px) {
	.ziteh-offers { padding-block: 44px; }
	.ziteh-offers__head { padding: 22px; border-radius: 22px; }

	.ziteh-story,
	.ziteh-routine { padding-block: 48px; }
	.ziteh-cats,
	.ziteh-products,
	.ziteh-blog,
	.ziteh-testimonials,
	.ziteh-insta { padding-block: 44px; }
	.ziteh-brands { padding-block: 40px; }
	.ziteh-section-title { font-size: 22px; margin-bottom: 26px; }

	/* Show a peek of the next card so it reads as swipeable. */
	.ziteh-cats__track { --ziteh-per-view: 3; }
	.ziteh-products__track { --ziteh-per-view: 3; }
}

/* Phones: mobile-friendly sizing, swipeable carousels, comfy tap targets. */
@media (max-width: 560px) {
	.ziteh-container { padding-inline: 16px; }
	.ziteh-insta__grid { grid-template-columns: repeat(3, 1fr) !important; gap: 10px; }
	.ziteh-brands__row { gap: 20px 24px; }
	.ziteh-routine__steps.is-active { grid-template-columns: 1fr; }
	.ziteh-hero-slider { --ziteh-hero-h: 220px; }
	.ziteh-hero-slider__arrow { width: 34px; height: 34px; }

	.ziteh-section-title { font-size: 20px; }
	.ziteh-offers__head { gap: 22px 14px; }
	.ziteh-offers__intro { flex: 1 1 100%; }
	.ziteh-offers__timer { width: 100%; justify-content: space-between; gap: 4px; }
	.ziteh-offers .ziteh-cd { min-width: 44px; flex: 1; }
	.ziteh-offers .ziteh-cd__num { font-size: 17px; padding: 8px 4px; }
	.ziteh-offers .ziteh-cd__sep { margin-top: 10px; }
	.ziteh-offers__all { margin-inline-start: 0; }
	.ziteh-cats,
	.ziteh-products,
	.ziteh-blog,
	.ziteh-testimonials,
	.ziteh-insta,
	.ziteh-story,
	.ziteh-routine { padding-block: 36px; }

	/* 2 cards + a peek of the third; native swipe handles the rest. */
	.ziteh-cats__track { --ziteh-per-view: 2.4; gap: 14px; }
	.ziteh-cat-card { flex-basis: calc((100% - 1.4 * 14px) / 2.4); }

	.ziteh-products__track { --ziteh-per-view: 2.15; gap: 14px; }
	.ziteh-product-card {
		flex-basis: calc((100% - 1.15 * 14px) / 2.15);
		max-width: none;
		border-radius: 16px;
		padding: 10px 10px 14px;
	}
	.ziteh-product-card__name { font-size: 13.5px; }
	.ziteh-product-card__price strong { font-size: 15px; }
	.ziteh-product-card__add { width: 38px; height: 38px; }
	.ziteh-product-card__wish { opacity: 1; transform: none; }

	/* On phones swipe replaces the side arrows on the products slider. */
	.ziteh-slider--sided { gap: 0; }
	.ziteh-slider__side { display: none; }

	.ziteh-cat-card__title { padding: 9px 12px; font-size: 13px; }

	.ziteh-btn { padding: 12px 22px; }
	.ziteh-newsletter__form { flex-wrap: wrap; }
	.ziteh-newsletter__form input { flex: 1 1 100%; text-align: center; padding: 8px 0; }
}

/* ========================================================================
   v2 — motion, interactions & new components
   ======================================================================== */

/* Scroll reveal */
.ziteh-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1);
	will-change: opacity, transform;
}

.ziteh-reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.ziteh-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Sticky, shrinking header */
.ziteh-header--sticky {
	position: sticky;
	top: 0;
	z-index: 60;
	transition: box-shadow .3s ease, background .3s ease;
}

.ziteh-header--sticky.is-scrolled {
	box-shadow: 0 8px 26px -18px rgba(40, 45, 25, .5);
	background: rgba(255, 255, 255, .92);
	backdrop-filter: saturate(1.1) blur(6px);
}

.ziteh-header--sticky .ziteh-header__inner {
	transition: min-height .3s ease;
}

.ziteh-header--sticky.is-scrolled .ziteh-header__inner {
	min-height: 60px;
}

/* Cart count badge + topbar search button */
.ziteh-topbar__cart-icon {
	position: relative;
	display: inline-flex;
}

.ziteh-cart-count {
	position: absolute;
	top: -9px;
	inset-inline-start: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--ziteh-green);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

button.ziteh-topbar__search {
	border: 0;
	cursor: pointer;
	color: var(--ziteh-muted);
	text-align: start;
}

.ziteh-topbar__search-text {
	font-size: 13px;
}

/* Product card: second image, quick view, wishlist active, low stock */
.ziteh-product-card__thumb {
	position: relative;
}

.ziteh-product-card__thumb-2 {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .45s ease;
}

.ziteh-product-card__thumb-2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ziteh-product-card__media.has-second:hover .ziteh-product-card__thumb-2 {
	opacity: 1;
}

.ziteh-product-card__quick {
	position: absolute;
	bottom: 10px;
	inset-inline: 10px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 9px 12px;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .95);
	color: var(--ziteh-green-dark);
	font-family: inherit;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transform: translateY(10px);
	transition: opacity .25s ease, transform .25s ease, background .2s ease, color .2s ease;
	box-shadow: var(--ziteh-shadow-sm);
}

.ziteh-product-card__quick .ziteh-icon { width: 16px; height: 16px; }
.ziteh-product-card__quick:hover { background: var(--ziteh-green); color: #fff; }

.ziteh-product-card__media:hover .ziteh-product-card__quick {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.ziteh-product-card__wish.is-active {
	color: #cf6b6b;
	opacity: 1;
}

.ziteh-product-card__wish.is-active .ziteh-icon { fill: currentColor; }
.ziteh-product-card__wish.is-pulse { animation: ziteh-pop .3s ease; }

.ziteh-product-card__stock {
	display: block;
	margin: 0 6px 8px;
	font-size: 11.5px;
	font-weight: 600;
	color: #c8632f;
}

.ziteh-product-card__stock::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #c8632f;
	margin-inline-end: 6px;
	vertical-align: middle;
}

/* Sold progress bar (offers) */
.ziteh-sold {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 2px 4px 4px;
}

.ziteh-sold__bar {
	flex: 1;
	height: 6px;
	border-radius: 999px;
	background: var(--ziteh-line);
	overflow: hidden;
}

.ziteh-sold__bar span {
	display: block;
	height: 100%;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--ziteh-green-dark), var(--ziteh-green));
	transition: width .6s ease;
}

.ziteh-sold__label {
	font-size: 11px;
	color: var(--ziteh-muted);
	white-space: nowrap;
}

/* Features / USP bar */
.ziteh-features {
	padding-block: 30px;
}

.ziteh-features--boxed .ziteh-features__row {
	background: var(--ziteh-white);
	border: 1px solid var(--ziteh-line);
	border-radius: var(--ziteh-radius);
	box-shadow: var(--ziteh-shadow-sm);
	padding: 22px 18px;
}

.ziteh-features__row {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ziteh-feature {
	display: flex;
	align-items: center;
	gap: 13px;
	justify-content: center;
	padding: 6px 14px;
}

.ziteh-feature + .ziteh-feature {
	border-inline-start: 1px solid var(--ziteh-line);
}

.ziteh-feature__icon {
	flex: 0 0 auto;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--ziteh-green-soft);
	color: var(--ziteh-green-dark);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ziteh-feature__icon .ziteh-icon { width: 24px; height: 24px; }

.ziteh-feature__title {
	display: block;
	font-weight: 700;
	font-size: 14px;
	color: var(--ziteh-ink);
}

.ziteh-feature__sub {
	display: block;
	font-size: 12px;
	color: var(--ziteh-muted);
}

/* Skin quiz */
.ziteh-quiz {
	background: var(--ziteh-white);
	padding-block: 66px;
}

.ziteh-quiz__box {
	position: relative;
	max-width: 720px;
	margin-inline: auto;
	background: var(--ziteh-cream);
	border: 1px solid var(--ziteh-line);
	border-radius: var(--ziteh-radius-lg);
	padding: 44px 40px;
	text-align: center;
	overflow: hidden;
}

.ziteh-quiz__screen { display: none; }
.ziteh-quiz__screen.is-active { display: block; animation: ziteh-fade .4s ease; }

.ziteh-quiz__icon {
	width: 66px;
	height: 66px;
	border-radius: 50%;
	background: var(--ziteh-green-soft);
	color: var(--ziteh-green);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.ziteh-quiz__icon .ziteh-icon { width: 30px; height: 30px; }
.ziteh-quiz__icon--ok { background: var(--ziteh-green); color: #fff; }

.ziteh-quiz__title {
	font-size: 24px;
	font-weight: 800;
	color: var(--ziteh-green-dark);
	margin: 0 0 10px;
}

.ziteh-quiz__subtitle {
	color: var(--ziteh-muted);
	margin: 0 0 24px;
	font-size: 15px;
	line-height: 1.9;
}

.ziteh-quiz__progress {
	height: 8px;
	background: #fff;
	border-radius: 999px;
	overflow: hidden;
	margin-bottom: 10px;
}

.ziteh-quiz__progress-bar {
	height: 100%;
	width: 0;
	background: var(--ziteh-green);
	border-radius: 999px;
	transition: width .35s ease;
}

.ziteh-quiz__step-meta {
	font-size: 13px;
	color: var(--ziteh-muted);
	margin-bottom: 20px;
	font-variant-numeric: tabular-nums;
}

.ziteh-quiz__step { display: none; }
.ziteh-quiz__step.is-active { display: block; animation: ziteh-fade .35s ease; }

.ziteh-quiz__question {
	font-size: 19px;
	font-weight: 700;
	color: var(--ziteh-ink);
	margin: 0 0 20px;
}

.ziteh-quiz__answers {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.ziteh-quiz__answer {
	padding: 14px 16px;
	border: 1px solid var(--ziteh-line);
	background: #fff;
	border-radius: 14px;
	font-family: inherit;
	font-size: 15px;
	color: var(--ziteh-ink);
	cursor: pointer;
	transition: border-color .2s ease, color .2s ease, background .2s ease, transform .2s ease;
}

.ziteh-quiz__answer:hover {
	border-color: var(--ziteh-green);
	color: var(--ziteh-green-dark);
	transform: translateY(-2px);
}

.ziteh-quiz__answer.is-picked {
	background: var(--ziteh-green);
	border-color: var(--ziteh-green);
	color: #fff;
}

.ziteh-quiz__back {
	margin-top: 20px;
	background: none;
	border: 0;
	color: var(--ziteh-muted);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-family: inherit;
	font-size: 14px;
}

.ziteh-quiz__back .ziteh-icon { width: 16px; height: 16px; }

.ziteh-quiz__summary {
	list-style: none;
	padding: 0;
	margin: 0 auto 22px;
	max-width: 440px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: start;
}

.ziteh-quiz__summary li {
	background: #fff;
	border: 1px solid var(--ziteh-line);
	border-radius: 12px;
	padding: 11px 16px;
	font-size: 14px;
	color: var(--ziteh-ink);
}

.ziteh-quiz__summary li::before {
	content: '✓';
	color: var(--ziteh-green);
	font-weight: 800;
	margin-inline-end: 8px;
}

.ziteh-quiz__result-actions {
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

/* Shared overlay + no-scroll */
.ziteh-overlay {
	position: fixed;
	inset: 0;
	background: rgba(30, 32, 22, .45);
	z-index: 9998;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s ease;
}

.ziteh-overlay.is-visible { opacity: 1; pointer-events: auto; }
body.ziteh-noscroll { overflow: hidden; }

/* Mini-cart drawer */
.ziteh-drawer {
	position: fixed;
	top: 0;
	right: 0;
	height: 100%;
	width: 384px;
	max-width: 90vw;
	background: var(--ziteh-white);
	z-index: 9999;
	direction: rtl;
	font-family: var(--ziteh-font);
	transform: translateX(100%);
	visibility: hidden;
	pointer-events: none;
	transition: transform .35s cubic-bezier(.4, 0, .2, 1), visibility .35s;
	display: flex;
	box-shadow: -20px 0 50px -30px rgba(0, 0, 0, .5);
}

.ziteh-drawer.is-open {
	transform: translateX(0);
	visibility: visible;
	pointer-events: auto;
}

.ziteh-drawer__panel {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.ziteh-drawer__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px;
	border-bottom: 1px solid var(--ziteh-line);
}

.ziteh-drawer__title { margin: 0; font-size: 17px; font-weight: 700; color: var(--ziteh-green-dark); }
.ziteh-drawer__count { color: var(--ziteh-muted); font-weight: 400; font-size: 14px; }

.ziteh-drawer__close,
.ziteh-modal__close,
.ziteh-search-box__close {
	width: 34px;
	height: 34px;
	border: 0;
	background: var(--ziteh-cream);
	border-radius: 50%;
	font-size: 20px;
	line-height: 1;
	color: var(--ziteh-ink);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}

.ziteh-drawer__close:hover,
.ziteh-modal__close:hover,
.ziteh-search-box__close:hover { background: var(--ziteh-green); color: #fff; }

.ziteh-drawer__items {
	list-style: none;
	margin: 0;
	padding: 12px 20px;
	overflow-y: auto;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.ziteh-drawer__item {
	display: flex;
	gap: 12px;
	align-items: center;
}

.ziteh-drawer__thumb img { width: 60px; height: 60px; object-fit: cover; border-radius: 12px; }
.ziteh-drawer__info { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.ziteh-drawer__name { font-size: 13.5px; font-weight: 600; color: var(--ziteh-ink); text-decoration: none; }
.ziteh-drawer__name:hover { color: var(--ziteh-green); }
.ziteh-drawer__qty { font-size: 12.5px; color: var(--ziteh-muted); }

.ziteh-drawer__remove {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--ziteh-cream);
	color: var(--ziteh-muted);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	font-size: 16px;
}

.ziteh-drawer__remove:hover { background: var(--ziteh-sale); color: #fff; }

.ziteh-drawer__empty { padding: 40px 20px; text-align: center; color: var(--ziteh-muted); display: flex; flex-direction: column; gap: 16px; align-items: center; }

.ziteh-drawer__foot { border-top: 1px solid var(--ziteh-line); padding: 18px 20px; }
.ziteh-drawer__total { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.ziteh-drawer__total strong { font-size: 18px; color: var(--ziteh-green-dark); }
.ziteh-drawer__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ziteh-drawer__actions .ziteh-btn { padding: 12px; font-size: 14px; }

/* Quick View modal */
.ziteh-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s ease, visibility .3s ease;
}

.ziteh-modal.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

.ziteh-modal__dialog {
	position: relative;
	background: var(--ziteh-white);
	border-radius: var(--ziteh-radius-lg);
	width: 100%;
	max-width: 840px;
	max-height: 90vh;
	overflow: auto;
	padding: 28px;
	direction: rtl;
	font-family: var(--ziteh-font);
	transform: translateY(18px) scale(.98);
	transition: transform .3s ease;
}

.ziteh-modal.is-open .ziteh-modal__dialog { transform: none; }

.ziteh-modal__close { position: absolute; top: 16px; inset-inline-start: 16px; z-index: 2; }
.ziteh-modal__loader { display: flex; align-items: center; justify-content: center; min-height: 200px; }
.ziteh-modal__error { text-align: center; color: var(--ziteh-sale); padding: 30px; }

.ziteh-qv { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.ziteh-qv__media img { width: 100%; height: auto; border-radius: var(--ziteh-radius); display: block; }
.ziteh-qv__title { margin: 0 0 12px; font-size: 22px; font-weight: 800; color: var(--ziteh-green-dark); }
.ziteh-qv__title a { color: inherit; text-decoration: none; }
.ziteh-qv__price { font-size: 18px; font-weight: 700; color: var(--ziteh-green-dark); margin-bottom: 12px; }
.ziteh-qv__rating { margin-bottom: 12px; }
.ziteh-qv__excerpt { color: var(--ziteh-muted); font-size: 14px; line-height: 2; margin-bottom: 20px; }
.ziteh-qv__actions { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.ziteh-qv__meta { font-size: 13px; color: var(--ziteh-muted); }
.ziteh-qv__meta a { color: var(--ziteh-green); text-decoration: none; }

/* Live search overlay */
.ziteh-search-overlay {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 12vh 20px 20px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .3s ease, visibility .3s ease;
}

.ziteh-search-overlay.is-open { opacity: 1; visibility: visible; pointer-events: auto; }

.ziteh-search-box {
	position: relative;
	background: var(--ziteh-white);
	width: min(640px, 92vw);
	border-radius: var(--ziteh-radius);
	padding: 22px;
	direction: rtl;
	font-family: var(--ziteh-font);
	box-shadow: var(--ziteh-shadow);
	transform: translateY(-14px);
	transition: transform .3s ease;
}

.ziteh-search-overlay.is-open .ziteh-search-box { transform: none; }
.ziteh-search-box__close { position: absolute; top: 14px; inset-inline-start: 14px; }

.ziteh-search-box__input {
	width: 100%;
	border: 0;
	border-bottom: 2px solid var(--ziteh-line);
	padding: 12px 8px;
	font-size: 18px;
	font-family: inherit;
	color: var(--ziteh-ink);
	outline: none;
	background: transparent;
}

.ziteh-search-box__input:focus { border-color: var(--ziteh-green); }

.ziteh-search__list { list-style: none; margin: 16px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; max-height: 52vh; overflow: auto; }
.ziteh-search__item a { display: flex; gap: 12px; align-items: center; padding: 9px; border-radius: 12px; text-decoration: none; color: var(--ziteh-ink); }
.ziteh-search__item a:hover { background: var(--ziteh-cream); }
.ziteh-search__thumb img { width: 48px; height: 48px; object-fit: cover; border-radius: 10px; display: block; }
.ziteh-search__name { display: block; font-weight: 600; font-size: 14px; }
.ziteh-search__price { display: block; font-size: 12px; color: var(--ziteh-green-dark); }
.ziteh-search__empty, .ziteh-search__loading { padding: 24px; text-align: center; color: var(--ziteh-muted); }

/* Spinner + keyframes */
.ziteh-spinner {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 3px solid var(--ziteh-line);
	border-top-color: var(--ziteh-green);
	display: inline-block;
	animation: ziteh-spin .7s linear infinite;
}

@keyframes ziteh-spin { to { transform: rotate(360deg); } }
@keyframes ziteh-fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@keyframes ziteh-pop { 0% { transform: scale(1); } 50% { transform: scale(1.28); } 100% { transform: scale(1); } }

/* v2 responsive */
@media (max-width: 860px) {
	.ziteh-features__row { grid-template-columns: repeat(2, 1fr); gap: 14px 8px; }
	.ziteh-feature:nth-child(odd) { border-inline-start: 0; }
	.ziteh-qv { grid-template-columns: 1fr; }
	.ziteh-quiz__box { padding: 32px 22px; }
}

@media (max-width: 560px) {
	.ziteh-features__row { grid-template-columns: 1fr 1fr; }
	.ziteh-feature { flex-direction: column; text-align: center; gap: 8px; padding: 10px 6px; }
	.ziteh-feature + .ziteh-feature { border-inline-start: 0; }
	.ziteh-quiz__answers { grid-template-columns: 1fr; }
	.ziteh-quiz__title { font-size: 20px; }
	.ziteh-drawer { width: 100%; max-width: 100vw; }
	.ziteh-topbar__search-text { display: none; }
}

/* ========================================================================
   v2.0.1 — quiz recommendations, quick-view gallery/qty, skeletons
   ======================================================================== */

/* Skeleton shimmer */
.ziteh-skel {
	position: relative;
	overflow: hidden;
	background: #ece7dd;
	border-radius: 10px;
}

.ziteh-skel::after {
	content: '';
	position: absolute;
	inset: 0;
	transform: translateX(-100%);
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .6), transparent);
	animation: ziteh-shimmer 1.3s infinite;
}

[dir="rtl"] .ziteh-skel::after { animation-direction: reverse; }

@keyframes ziteh-shimmer { 100% { transform: translateX(100%); } }

.ziteh-skel--line { height: 12px; margin-bottom: 10px; }
.ziteh-skel--short { width: 55%; }
.ziteh-skel--title { height: 22px; width: 75%; margin-bottom: 14px; }
.ziteh-skel--block { height: 70px; margin: 14px 0; border-radius: 12px; }
.ziteh-skel--thumb { aspect-ratio: 1/1; width: 100%; margin-bottom: 12px; border-radius: 14px; }
.ziteh-skel--qv-media { aspect-ratio: 1/1; width: 100%; border-radius: var(--ziteh-radius); }
.ziteh-skel--sq { width: 48px; height: 48px; flex: 0 0 auto; border-radius: 10px; }

.ziteh-skel-card { padding: 6px; }

.ziteh-search-skel { display: flex; align-items: center; gap: 12px; padding: 9px; }
.ziteh-search-skel .ziteh-skel--line { flex: 1; margin: 0; }

/* Quick View gallery */
.ziteh-qv__stage {
	position: relative;
	border-radius: var(--ziteh-radius);
	overflow: hidden;
	background: var(--ziteh-cream);
	aspect-ratio: 1 / 1;
}

.ziteh-qv__slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .3s ease;
}

.ziteh-qv__slide.is-active { opacity: 1; }
.ziteh-qv__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }

.ziteh-qv__thumbs {
	display: flex;
	gap: 8px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.ziteh-qv__thumb {
	width: 56px;
	height: 56px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 12px;
	overflow: hidden;
	background: var(--ziteh-cream);
	cursor: pointer;
}

.ziteh-qv__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ziteh-qv__thumb.is-active { border-color: var(--ziteh-green); }

/* Quantity stepper */
.ziteh-qty {
	display: inline-flex;
	align-items: center;
	border: 1px solid var(--ziteh-line);
	border-radius: 999px;
	overflow: hidden;
	background: #fff;
}

.ziteh-qty__btn {
	width: 38px;
	height: 42px;
	border: 0;
	background: transparent;
	font-size: 18px;
	color: var(--ziteh-green-dark);
	cursor: pointer;
	line-height: 1;
}

.ziteh-qty__btn:hover { background: var(--ziteh-cream); }

.ziteh-qty__input {
	width: 42px;
	height: 42px;
	border: 0;
	text-align: center;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	color: var(--ziteh-ink);
	background: transparent;
	outline: none;
	-moz-appearance: textfield;
}

.ziteh-qty__input::-webkit-outer-spin-button,
.ziteh-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Quiz recommended products */
.ziteh-quiz__products {
	margin-top: 26px;
	border-top: 1px solid var(--ziteh-line);
	padding-top: 22px;
}

.ziteh-quiz__products-title {
	font-size: 17px;
	font-weight: 700;
	color: var(--ziteh-green-dark);
	margin: 0 0 18px;
}

.ziteh-quiz__products-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	text-align: start;
}

.ziteh-quiz__products-grid .ziteh-product-card { flex: none; max-width: none; }

@media (max-width: 860px) {
	.ziteh-quiz__products-grid { grid-template-columns: repeat(2, 1fr); }
	.ziteh-qv__thumb { width: 48px; height: 48px; }
}

@media (max-width: 560px) {
	.ziteh-quiz__products-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
	.ziteh-qty__btn { width: 34px; }
}

/* ========================================================================
   v2.2 — mobile experience rewrite
   A single late-loading responsive layer keeps every widget consistent.
   ======================================================================== */

@media (max-width: 860px) {
	:root {
		--ziteh-mobile-gutter: 20px;
		--ziteh-mobile-section: 48px;
		--ziteh-touch: 44px;
	}

	.ziteh-container {
		width: 100%;
		max-width: 100%;
		padding-left: max(var(--ziteh-mobile-gutter), env(safe-area-inset-left));
		padding-right: max(var(--ziteh-mobile-gutter), env(safe-area-inset-right));
	}

	.ziteh-btn,
	.ziteh-link,
	.ziteh-topbar__cart,
	.ziteh-topbar__account,
	.ziteh-topbar__search,
	.ziteh-header__burger,
	.ziteh-slider__btn,
	.ziteh-slider__side,
	.ziteh-routine__toggle-btn,
	.ziteh-product-card__wish,
	.ziteh-product-card__add,
	.ziteh-product-card__quick,
	.ziteh-quiz__answer,
	.ziteh-quiz__back,
	.ziteh-drawer__close,
	.ziteh-drawer__remove,
	.ziteh-modal__close,
	.ziteh-search-box__close,
	.ziteh-qty__btn {
		min-width: var(--ziteh-touch);
		min-height: var(--ziteh-touch);
		touch-action: manipulation;
		-webkit-tap-highlight-color: transparent;
	}

	.ziteh-btn:active,
	.ziteh-header__burger:active,
	.ziteh-slider__btn:active,
	.ziteh-product-card__add:active,
	.ziteh-product-card__wish:active,
	.ziteh-quiz__answer:active {
		transform: scale(.97);
	}

	.ziteh-story,
	.ziteh-cats,
	.ziteh-routine,
	.ziteh-products,
	.ziteh-offers,
	.ziteh-brands,
	.ziteh-blog,
	.ziteh-testimonials,
	.ziteh-insta,
	.ziteh-quiz {
		padding-block: var(--ziteh-mobile-section);
	}

	.ziteh-section-title {
		margin-bottom: 24px;
		font-size: clamp(22px, 4.8vw, 26px);
		line-height: 1.45;
	}

	.ziteh-section-head {
		justify-content: space-between;
		margin-bottom: 24px;
	}

	.ziteh-section-head .ziteh-link--muted {
		position: static;
		transform: none;
		flex: 0 0 auto;
	}

	/* Compact utility row with three equally reachable actions. */
	.ziteh-topbar__inner {
		min-height: 52px;
		gap: 8px;
	}

	.ziteh-topbar__cart,
	.ziteh-topbar__account {
		flex: 1 1 0;
		justify-content: center;
		font-size: 13px;
	}

	.ziteh-topbar__search {
		display: inline-flex;
		flex: 0 0 var(--ziteh-touch);
		width: var(--ziteh-touch);
		max-width: var(--ziteh-touch);
		padding: 0;
		justify-content: center;
		border: 0;
	}

	.ziteh-topbar__search-text {
		display: none;
	}

	/* Header and dropdown navigation. */
	.ziteh-header {
		position: relative;
	}

	.ziteh-header__inner {
		min-height: 66px;
		gap: 12px;
	}

	.ziteh-header__logo img {
		max-width: min(38vw, 150px);
		height: 38px;
		object-fit: contain;
	}

	.ziteh-header__logo-text {
		font-size: 26px;
	}

	.ziteh-header__burger {
		display: inline-flex;
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
		border-radius: 12px;
		background: var(--ziteh-green-soft);
	}

	.ziteh-header__burger span {
		transition: transform .25s ease, opacity .2s ease;
	}

	.ziteh-header__burger.is-open span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	.ziteh-header__burger.is-open span:nth-child(2) {
		opacity: 0;
	}

	.ziteh-header__burger.is-open span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	.ziteh-header__menu.is-open {
		display: block;
		inset-inline: var(--ziteh-mobile-gutter);
		top: calc(100% + 8px);
		padding: 10px;
		background: #fff;
		border: 1px solid var(--ziteh-line);
		border-radius: 18px;
		box-shadow: 0 22px 55px -28px rgba(40, 45, 25, .55);
		z-index: 80;
	}

	.ziteh-header__menu.is-open ul {
		align-items: stretch;
		gap: 2px;
	}

	.ziteh-header__menu.is-open a {
		display: flex;
		align-items: center;
		min-height: var(--ziteh-touch);
		padding: 8px 12px;
		border-radius: 10px;
		font-size: 15px;
	}

	.ziteh-header__menu.is-open a.is-active {
		background: var(--ziteh-green-soft);
	}

	.ziteh-header__menu.is-open a.is-active::after {
		inset-inline: 12px auto;
		width: 3px;
		height: 22px;
		bottom: 50%;
		transform: translateY(50%);
	}

	/* Hero keeps a useful visual crop without consuming the whole first screen. */
	.ziteh-hero-slider {
		--ziteh-hero-h: clamp(230px, 52vw, 330px);
	}

	.ziteh-hero-slider__arrow {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	.ziteh-hero-slider__arrow--prev { inset-inline-start: 12px; }
	.ziteh-hero-slider__arrow--next { inset-inline-end: 12px; }
	.ziteh-hero-slider__dots { bottom: 12px; }

	/* Editorial blocks: content first, readable alignment, predictable media. */
	.ziteh-story__inner,
	.ziteh-cta__box,
	.ziteh-newsletter__box {
		grid-template-columns: minmax(0, 1fr);
		gap: 24px;
	}

	.ziteh-story__content,
	.ziteh-cta__content,
	.ziteh-newsletter__intro {
		text-align: start;
	}

	.ziteh-story__media {
		padding: 12px;
		border-radius: 22px;
	}

	.ziteh-story__media img {
		height: auto;
		aspect-ratio: 4 / 3;
	}

	.ziteh-story__text,
	.ziteh-cta__text,
	.ziteh-newsletter__text {
		font-size: 16px;
		line-height: 1.9;
	}

	.ziteh-cta {
		padding-block: 28px;
	}

	.ziteh-cta__box {
		padding: 28px 24px;
		border-radius: 22px;
	}

	.ziteh-cta__title,
	.ziteh-newsletter__title {
		font-size: 23px;
		line-height: 1.5;
	}

	.ziteh-cta__media img {
		max-height: 220px;
	}

	/* Horizontal collections show a deliberate peek of the next item. */
	.ziteh-cats__viewport,
	.ziteh-products__viewport,
	.ziteh-brands__row,
	.ziteh-testimonials__grid {
		overscroll-behavior-inline: contain;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
	}

	.ziteh-cats__track {
		--ziteh-per-view: 3.15;
		gap: 16px;
		padding-block: 4px 12px;
	}

	.ziteh-cat-card {
		flex-basis: calc((100% - 2.15 * 16px) / 3.15);
	}

	.ziteh-cat-card__thumb {
		margin-bottom: 10px;
		border-radius: 16px;
	}

	.ziteh-cat-card__title {
		min-height: var(--ziteh-touch);
		padding: 10px 12px;
		font-size: 13px;
	}

	.ziteh-slider__nav {
		margin-top: 18px;
	}

	.ziteh-slider__btn {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	/* Routine becomes a compact vertical task list instead of a cramped grid. */
	.ziteh-routine__head {
		gap: 20px;
		margin-bottom: 28px;
	}

	.ziteh-routine__toggle {
		display: flex;
		width: 100%;
	}

	.ziteh-routine__toggle-btn {
		flex: 1 1 0;
		justify-content: center;
		min-height: 48px;
		padding-inline: 14px;
	}

	.ziteh-routine__steps.is-active {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.ziteh-step {
		display: grid;
		grid-template-columns: 56px minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: center;
		text-align: start;
		gap: 4px 14px;
		min-height: 92px;
		padding: 18px 54px 18px 16px;
	}

	.ziteh-step__icon {
		grid-column: 1;
		grid-row: 1 / 3;
		width: 52px;
		height: 52px;
	}

	.ziteh-step__title {
		grid-column: 2;
		grid-row: 1;
		font-size: 16px;
	}

	.ziteh-step__text {
		grid-column: 2;
		grid-row: 2;
		font-size: 13px;
		line-height: 1.65;
	}

	.ziteh-step__num {
		top: 50%;
		inset-inline-end: 16px;
		transform: translateY(-50%);
	}

	/* Product cards prioritize legibility: roughly two cards on tablets. */
	.ziteh-slider--sided {
		gap: 0;
	}

	.ziteh-slider__side {
		display: none;
	}

	.ziteh-products__track {
		--ziteh-per-view: 2.35;
		gap: 16px;
		padding-block: 8px 14px;
	}

	.ziteh-product-card {
		flex-basis: calc((100% - 1.35 * 16px) / 2.35);
		max-width: none;
		padding: 12px 12px 16px;
	}

	.ziteh-product-card__wish {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.ziteh-product-card__quick {
		min-height: 40px;
		opacity: 1;
		pointer-events: auto;
		transform: none;
	}

	.ziteh-product-card__name {
		font-size: 14px;
		line-height: 1.7;
	}

	.ziteh-product-card__add {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	/* Special offers retain their campaign hierarchy on narrow screens. */
	.ziteh-offers__head {
		gap: 22px 14px;
		padding: 24px;
	}

	.ziteh-offers__intro {
		flex: 1 1 100%;
	}

	.ziteh-offers__timer {
		width: 100%;
		justify-content: space-between;
	}

	.ziteh-offers__all {
		margin-inline-start: 0;
		min-height: var(--ziteh-touch);
	}

	/* Brands and testimonials become finite swipe rows, shortening the page. */
	.ziteh-brands__row {
		flex-wrap: nowrap;
		justify-content: flex-start;
		overflow-x: auto;
		gap: 0;
		padding-bottom: 10px;
		scroll-snap-type: x proximity;
	}

	.ziteh-brands__item {
		flex: 0 0 auto;
		min-width: 132px;
		padding-inline: 18px;
		scroll-snap-align: start;
	}

	.ziteh-brands__item:not(:last-child)::after {
		inset-inline-start: 0;
	}

	.ziteh-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.ziteh-post-card__body {
		padding: 16px;
		gap: 10px;
	}

	.ziteh-post-card__title {
		font-size: 15px;
		line-height: 1.75;
	}

	.ziteh-testimonials__grid {
		display: flex;
		overflow-x: auto;
		gap: 16px;
		padding-block: 4px 12px;
		scroll-snap-type: x mandatory;
	}

	.ziteh-testimonial-card {
		flex: 0 0 min(78vw, 360px);
		padding: 24px 20px;
		scroll-snap-align: start;
	}

	.ziteh-testimonial-card__quote {
		font-size: 15px;
		line-height: 1.9;
	}

	.ziteh-insta__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.ziteh-insta__tile {
		border-radius: 12px;
	}

	.ziteh-insta__tile-icon {
		opacity: 1;
		background: linear-gradient(180deg, transparent 55%, rgba(40, 45, 25, .42));
		align-items: flex-end;
		padding-bottom: 10px;
	}

	/* Newsletter is a proper mobile form, not a compressed desktop pill. */
	.ziteh-newsletter {
		padding-block: 16px 48px;
	}

	.ziteh-newsletter__box {
		padding: 28px 22px;
		border-radius: 22px;
	}

	.ziteh-newsletter__form {
		flex-direction: column;
		align-items: stretch;
		gap: 10px;
		padding: 0;
		background: transparent;
		box-shadow: none;
		border-radius: 0;
	}

	.ziteh-newsletter__form input {
		width: 100%;
		min-height: 48px;
		padding: 10px 16px;
		border: 1px solid var(--ziteh-line);
		border-radius: 14px;
		background: #fff;
		font-size: 16px;
		text-align: start;
	}

	.ziteh-newsletter__form .ziteh-btn {
		width: 100%;
		min-height: 48px;
	}

	/* Feature bar stays scannable without reducing text to illegible sizes. */
	.ziteh-features {
		padding-block: 24px;
	}

	.ziteh-features--boxed .ziteh-features__row {
		padding: 14px;
	}

	.ziteh-features__row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.ziteh-feature,
	.ziteh-feature + .ziteh-feature,
	.ziteh-feature:nth-child(odd) {
		justify-content: flex-start;
		padding: 10px;
		border: 0;
		border-radius: 14px;
		background: var(--ziteh-green-soft);
	}

	.ziteh-feature__icon {
		width: 44px;
		height: 44px;
	}

	/* Quiz and ecommerce shells use mobile-native proportions. */
	.ziteh-quiz__box {
		padding: 30px 22px;
		border-radius: 22px;
	}

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

	.ziteh-quiz__answer {
		min-height: 48px;
		font-size: 16px;
	}

	.ziteh-quiz__result-actions .ziteh-btn {
		flex: 1 1 180px;
	}

	.ziteh-drawer {
		top: auto;
		right: 0;
		bottom: 0;
		width: 100%;
		max-width: 100vw;
		height: min(88dvh, 760px);
		padding-bottom: env(safe-area-inset-bottom);
		border-radius: 24px 24px 0 0;
		transform: translateY(100%);
		box-shadow: 0 -20px 50px -30px rgba(0, 0, 0, .55);
	}

	.ziteh-drawer.is-open {
		transform: translateY(0);
	}

	.ziteh-drawer__head {
		padding: 16px 20px;
	}

	.ziteh-drawer__close,
	.ziteh-modal__close,
	.ziteh-search-box__close {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	.ziteh-drawer__remove {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	.ziteh-drawer__foot {
		padding-bottom: max(18px, env(safe-area-inset-bottom));
	}

	.ziteh-modal {
		align-items: flex-end;
		padding: 0;
	}

	.ziteh-modal__dialog {
		max-height: 92dvh;
		padding: 56px 20px 24px;
		border-radius: 24px 24px 0 0;
	}

	.ziteh-qv {
		grid-template-columns: minmax(0, 1fr);
		gap: 20px;
	}

	.ziteh-qv__actions {
		align-items: stretch;
	}

	.ziteh-qv__actions .ziteh-btn {
		flex: 1 1 180px;
	}

	.ziteh-search-overlay {
		align-items: flex-start;
		padding: max(16px, env(safe-area-inset-top)) 0 0;
	}

	.ziteh-search-box {
		width: 100%;
		max-height: calc(100dvh - max(16px, env(safe-area-inset-top)));
		padding: 64px 20px 20px;
		border-radius: 24px 24px 0 0;
		overflow: auto;
	}

	.ziteh-search-box__input {
		min-height: 48px;
		font-size: 16px;
	}

	.ziteh-search__list {
		max-height: none;
	}

	.ziteh-search__item a {
		min-height: 64px;
	}

	.ziteh-qty__btn,
	.ziteh-qty__input {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}
}

/* ========================================================================
   Advanced single product
   ======================================================================== */

.ziteh-sp {
	--ziteh-sp-surface: #fff;
	--ziteh-sp-wash: #f7f5ef;
	padding-block: 30px 72px;
	background:
		radial-gradient(circle at 95% 10%, rgba(124, 138, 92, .10), transparent 28%),
		var(--ziteh-sp-wash);
	color: var(--ziteh-ink);
}

.ziteh-sp__notice {
	margin: 30px auto;
	max-width: 720px;
	padding: 22px;
	border: 1px solid var(--ziteh-line);
	border-radius: var(--ziteh-radius);
	background: var(--ziteh-cream);
	color: var(--ziteh-green-dark);
	text-align: center;
}

.ziteh-sp__breadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 24px;
	font-size: 13px;
	color: var(--ziteh-muted);
}

.ziteh-sp__breadcrumbs a {
	color: var(--ziteh-muted);
	text-decoration: none;
}

.ziteh-sp__breadcrumbs a:hover {
	color: var(--ziteh-green-dark);
}

.ziteh-sp__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr);
	align-items: start;
	gap: 44px;
}

.ziteh-sp__gallery {
	min-width: 0;
}

.ziteh-sp__stage {
	position: relative;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border: 1px solid rgba(124, 138, 92, .18);
	border-radius: 30px;
	background: linear-gradient(145deg, #fff, var(--ziteh-green-soft));
	box-shadow: 0 28px 70px -48px rgba(55, 62, 32, .60);
}

.ziteh-sp__slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
	opacity: 0;
	visibility: hidden;
	transform: scale(.985);
	transition: opacity .28s ease, transform .35s ease, visibility .28s;
}

.ziteh-sp__slide.is-active {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.ziteh-sp__slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.ziteh-sp__sale {
	position: absolute;
	z-index: 4;
	top: 20px;
	inset-inline-end: 20px;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--ziteh-green);
	color: #fff;
	font-size: 13px;
	font-weight: 800;
	box-shadow: 0 12px 28px -16px rgba(85, 96, 58, .75);
}

.ziteh-sp__wish {
	position: absolute;
	z-index: 4;
	top: 18px;
	inset-inline-start: 18px;
	width: 46px;
	height: 46px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(124, 138, 92, .20);
	border-radius: 50%;
	background: rgba(255, 255, 255, .90);
	color: var(--ziteh-green-dark);
	cursor: pointer;
	backdrop-filter: blur(6px);
	transition: color .2s ease, background .2s ease, transform .2s ease;
}

.ziteh-sp__wish:hover,
.ziteh-sp__wish.is-active {
	background: #fff;
	color: #cf6b6b;
	transform: translateY(-2px);
}

.ziteh-sp__wish.is-active .ziteh-icon {
	fill: currentColor;
}

.ziteh-sp__thumbs {
	display: flex;
	gap: 10px;
	margin-top: 14px;
	padding: 3px 1px 8px;
	overflow-x: auto;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
}

.ziteh-sp__thumb {
	flex: 0 0 78px;
	width: 78px;
	height: 78px;
	padding: 6px;
	border: 2px solid transparent;
	border-radius: 16px;
	background: #fff;
	cursor: pointer;
	scroll-snap-align: start;
	transition: border-color .2s ease, transform .2s ease;
}

.ziteh-sp__thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.ziteh-sp__thumb:hover,
.ziteh-sp__thumb.is-active {
	border-color: var(--ziteh-green);
	transform: translateY(-2px);
}

.ziteh-sp__summary {
	position: sticky;
	top: 88px;
	padding: 32px;
	border: 1px solid rgba(124, 138, 92, .20);
	border-radius: 28px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 28px 70px -52px rgba(55, 62, 32, .68);
	backdrop-filter: blur(10px);
}

.ziteh-sp__brand {
	display: inline-flex;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 999px;
	background: var(--ziteh-green-soft);
	color: var(--ziteh-green-dark);
	font-size: 12px;
	font-weight: 700;
}

.ziteh-sp__title {
	margin: 0 0 14px;
	color: var(--ziteh-ink);
	font-size: clamp(26px, 2.2vw, 36px);
	font-weight: 800;
	line-height: 1.55;
	letter-spacing: -.35px;
}

.ziteh-sp__rating {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
	font-size: 13px;
}

.ziteh-sp__rating .star-rating,
.ziteh-sp__review .star-rating {
	float: none;
	margin: 0;
	color: #d5ae3e;
}

.ziteh-sp__rating a {
	color: var(--ziteh-muted);
	text-decoration: none;
}

.ziteh-sp__no-rating {
	color: var(--ziteh-muted);
}

.ziteh-sp__price {
	margin-bottom: 8px;
	color: var(--ziteh-green-dark);
	font-size: 26px;
	font-weight: 900;
	line-height: 1.45;
}

.ziteh-sp__price ins {
	text-decoration: none;
}

.ziteh-sp__price del {
	margin-inline-start: 8px;
	color: var(--ziteh-muted);
	font-size: 15px;
	font-weight: 500;
}

.ziteh-sp__stock {
	margin-bottom: 18px;
	font-size: 13px;
	font-weight: 700;
}

.ziteh-sp__stock .in-stock {
	color: var(--ziteh-green-dark);
}

.ziteh-sp__stock .out-of-stock {
	color: var(--ziteh-sale);
}

.ziteh-sp__excerpt {
	margin-bottom: 22px;
	padding-block: 18px;
	border-block: 1px solid var(--ziteh-line);
	color: #6f7065;
	font-size: 15px;
	line-height: 1.95;
}

.ziteh-sp__excerpt p {
	margin: 0;
}

.ziteh-sp__buy form.cart {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 22px;
}

.ziteh-sp__buy .quantity {
	display: inline-flex;
	align-items: stretch;
	overflow: hidden;
	min-height: 52px;
	border: 1px solid var(--ziteh-line);
	border-radius: 14px;
	background: #fff;
}

.ziteh-sp__buy .quantity .qty {
	width: 48px;
	min-width: 48px;
	height: 52px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--ziteh-ink);
	font-family: inherit;
	font-size: 15px;
	font-weight: 800;
	text-align: center;
	-moz-appearance: textfield;
}

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

.ziteh-sp__qty-btn {
	width: 44px;
	min-width: 44px;
	border: 0;
	background: var(--ziteh-cream);
	color: var(--ziteh-green-dark);
	font-size: 20px;
	cursor: pointer;
}

.ziteh-sp__qty-btn:hover {
	background: var(--ziteh-green-soft);
}

.ziteh-sp__buy .single_add_to_cart_button,
.ziteh-sp__buy .button {
	flex: 1 1 190px;
	min-height: 52px;
	padding: 12px 22px;
	border: 0;
	border-radius: 14px;
	background: var(--ziteh-green);
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 800;
	cursor: pointer;
	transition: background .2s ease, transform .2s ease, opacity .2s ease;
}

.ziteh-sp__buy .single_add_to_cart_button:hover,
.ziteh-sp__buy .button:hover {
	background: var(--ziteh-green-hover);
	transform: translateY(-2px);
}

.ziteh-sp__buy .single_add_to_cart_button.disabled,
.ziteh-sp__buy .single_add_to_cart_button:disabled {
	opacity: .45;
	cursor: not-allowed;
	transform: none;
}

.ziteh-sp__buy table.variations,
.ziteh-sp__buy table.group_table {
	width: 100%;
	margin: 0 0 14px;
	border-collapse: separate;
	border-spacing: 0 10px;
}

.ziteh-sp__buy table.variations th,
.ziteh-sp__buy table.variations td,
.ziteh-sp__buy table.group_table td {
	padding: 0 0 0 10px;
	border: 0;
	text-align: start;
	vertical-align: middle;
}

.ziteh-sp__buy table.variations label {
	font-size: 13px;
	color: var(--ziteh-green-dark);
}

.ziteh-sp__buy table.variations select {
	width: 100%;
	min-height: 46px;
	padding: 8px 12px;
	border: 1px solid var(--ziteh-line);
	border-radius: 12px;
	background: #fff;
	color: var(--ziteh-ink);
	font-family: inherit;
	font-size: 14px;
}

.ziteh-sp__buy .reset_variations {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	color: var(--ziteh-muted);
	font-size: 12px;
	text-decoration: none;
}

.ziteh-sp__buy .woocommerce-variation {
	width: 100%;
	margin-bottom: 12px;
}

.ziteh-sp__trust {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.ziteh-sp__trust li {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 10px;
	border-radius: 14px;
	background: var(--ziteh-green-soft);
}

.ziteh-sp__trust-icon {
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 11px;
	background: #fff;
	color: var(--ziteh-green-dark);
}

.ziteh-sp__trust-icon .ziteh-icon {
	width: 19px;
	height: 19px;
}

.ziteh-sp__trust strong,
.ziteh-sp__trust small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ziteh-sp__trust strong {
	font-size: 11.5px;
	color: var(--ziteh-ink);
}

.ziteh-sp__trust small {
	margin-top: 2px;
	color: var(--ziteh-muted);
	font-size: 10px;
}

.ziteh-sp__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	padding-top: 16px;
	border-top: 1px solid var(--ziteh-line);
	color: var(--ziteh-muted);
	font-size: 12.5px;
}

.ziteh-sp__meta a {
	color: var(--ziteh-green-dark);
	text-decoration: none;
}

.ziteh-sp__details {
	margin-top: 56px;
	overflow: hidden;
	border: 1px solid rgba(124, 138, 92, .18);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 24px 60px -52px rgba(55, 62, 32, .62);
}

.ziteh-sp__tabs {
	display: flex;
	gap: 4px;
	padding: 8px;
	border-bottom: 1px solid var(--ziteh-line);
	background: var(--ziteh-green-soft);
}

.ziteh-sp__tab {
	position: relative;
	min-height: 48px;
	padding: 10px 22px;
	border: 0;
	border-radius: 13px;
	background: transparent;
	color: var(--ziteh-muted);
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.ziteh-sp__tab.is-active {
	background: #fff;
	color: var(--ziteh-green-dark);
	box-shadow: var(--ziteh-shadow-sm);
}

.ziteh-sp__tab span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 22px;
	margin-inline-start: 4px;
	border-radius: 999px;
	background: var(--ziteh-cream);
	font-size: 11px;
}

.ziteh-sp__panel {
	padding: 30px 34px;
	color: #67685e;
	font-size: 15px;
	line-height: 2;
}

.ziteh-sp__panel[hidden] {
	display: none;
}

.ziteh-sp__panel > :first-child {
	margin-top: 0;
}

.ziteh-sp__panel > :last-child {
	margin-bottom: 0;
}

.ziteh-sp__panel table {
	width: 100%;
	border-collapse: collapse;
}

.ziteh-sp__panel table th,
.ziteh-sp__panel table td {
	padding: 13px 16px;
	border-bottom: 1px solid var(--ziteh-line);
	text-align: start;
}

.ziteh-sp__panel table th {
	width: 30%;
	color: var(--ziteh-green-dark);
}

.ziteh-sp__reviews {
	display: grid;
	gap: 12px;
}

.ziteh-sp__review {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr);
	gap: 14px;
	padding: 16px;
	border: 1px solid var(--ziteh-line);
	border-radius: 16px;
	background: var(--ziteh-sp-wash);
}

.ziteh-sp__review img {
	border-radius: 50%;
}

.ziteh-sp__review strong {
	display: inline-block;
	margin-inline-end: 10px;
	color: var(--ziteh-ink);
}

.ziteh-sp__review p {
	margin: 8px 0 0;
}

.ziteh-sp__empty {
	margin: 0;
	padding: 20px;
	text-align: center;
	color: var(--ziteh-muted);
}

.ziteh-sp__related {
	margin-top: 58px;
}

.ziteh-sp__related-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.ziteh-sp__related-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
	padding: 12px 12px 16px;
	border: 1px solid var(--ziteh-line);
	border-radius: 20px;
	background: #fff;
	color: var(--ziteh-ink);
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.ziteh-sp__related-card:hover {
	transform: translateY(-5px);
	border-color: rgba(124, 138, 92, .40);
	box-shadow: var(--ziteh-shadow);
}

.ziteh-sp__related-image {
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 15px;
	background: var(--ziteh-green-soft);
}

.ziteh-sp__related-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ziteh-sp__related-card strong {
	display: -webkit-box;
	overflow: hidden;
	min-height: 3.4em;
	font-size: 14px;
	line-height: 1.7;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.ziteh-sp__related-price {
	margin-top: auto;
	color: var(--ziteh-green-dark);
	font-size: 14px;
	font-weight: 800;
}

.ziteh-sp__related-price ins {
	text-decoration: none;
}

.ziteh-sp :where(a, button, select, input):focus-visible {
	outline: 3px solid rgba(124, 138, 92, .48);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	.ziteh-sp__hero {
		grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
		gap: 26px;
	}

	.ziteh-sp__summary {
		padding: 24px;
	}

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

@media (max-width: 860px) {
	.ziteh-sp {
		padding-block: 20px 52px;
	}

	.ziteh-sp__hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
	}

	.ziteh-sp__stage {
		border-radius: 24px;
	}

	.ziteh-sp__summary {
		position: static;
		padding: 26px 22px;
		border-radius: 24px;
	}

	.ziteh-sp__title {
		font-size: 27px;
	}

	.ziteh-sp__trust {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ziteh-sp__details {
		margin-top: 40px;
		border-radius: 22px;
	}

	.ziteh-sp__panel {
		padding: 24px;
	}

	.ziteh-sp__related {
		margin-top: 44px;
	}

	.ziteh-sp__related-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
	}
}

@media (max-width: 560px) {
	.ziteh-sp__breadcrumbs {
		margin-bottom: 16px;
		font-size: 12px;
	}

	.ziteh-sp__stage {
		aspect-ratio: 1 / 1.08;
	}

	.ziteh-sp__slide {
		padding: 22px;
	}

	.ziteh-sp__sale {
		top: 12px;
		inset-inline-end: 12px;
	}

	.ziteh-sp__wish {
		top: 10px;
		inset-inline-start: 10px;
		width: 44px;
		height: 44px;
	}

	.ziteh-sp__thumb {
		flex-basis: 66px;
		width: 66px;
		height: 66px;
		border-radius: 13px;
	}

	.ziteh-sp__summary {
		padding: 22px 16px;
	}

	.ziteh-sp__title {
		font-size: 23px;
		line-height: 1.6;
	}

	.ziteh-sp__price {
		font-size: 23px;
	}

	.ziteh-sp__excerpt {
		font-size: 14.5px;
	}

	.ziteh-sp__buy form.cart {
		align-items: stretch;
	}

	.ziteh-sp__buy .quantity {
		flex: 1 1 100%;
		justify-content: space-between;
	}

	.ziteh-sp__buy .quantity .qty {
		flex: 1;
	}

	.ziteh-sp__buy .single_add_to_cart_button,
	.ziteh-sp__buy .button {
		flex-basis: 100%;
	}

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

	.ziteh-sp__trust strong,
	.ziteh-sp__trust small {
		white-space: normal;
	}

	.ziteh-sp__tabs {
		overflow-x: auto;
		scroll-snap-type: x proximity;
	}

	.ziteh-sp__tab {
		flex: 0 0 auto;
		min-width: 116px;
		padding-inline: 16px;
		scroll-snap-align: start;
	}

	.ziteh-sp__panel {
		padding: 20px 16px;
		font-size: 14.5px;
	}

	.ziteh-sp__panel table th,
	.ziteh-sp__panel table td {
		display: block;
		width: 100%;
		padding: 10px 12px;
	}

	.ziteh-sp__panel table th {
		padding-bottom: 2px;
		border-bottom: 0;
	}

	.ziteh-sp__review {
		grid-template-columns: 42px minmax(0, 1fr);
		padding: 13px;
	}

	.ziteh-sp__review img {
		width: 42px;
		height: 42px;
	}

	.ziteh-sp__related-grid {
		display: flex;
		overflow-x: auto;
		gap: 12px;
		padding-bottom: 10px;
		scroll-snap-type: x mandatory;
	}

	.ziteh-sp__related-card {
		flex: 0 0 72vw;
		scroll-snap-align: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ziteh-sp__slide,
	.ziteh-sp__wish,
	.ziteh-sp__thumb,
	.ziteh-sp__related-card {
		transition: none;
	}
}

@media (max-width: 560px) {
	:root {
		--ziteh-mobile-gutter: 16px;
		--ziteh-mobile-section: 40px;
	}

	.ziteh-section-title {
		font-size: 21px;
		margin-bottom: 20px;
	}

	.ziteh-section-title__leaf {
		width: 18px;
		height: 18px;
	}

	.ziteh-section-head {
		align-items: flex-start;
		gap: 12px;
	}

	.ziteh-section-head .ziteh-link--muted {
		font-size: 13px;
	}

	.ziteh-topbar__cart,
	.ziteh-topbar__account {
		font-size: 12px;
		gap: 5px;
	}

	.ziteh-header__menu.is-open {
		inset-inline: 12px;
	}

	.ziteh-hero-slider {
		--ziteh-hero-h: clamp(205px, 58vw, 270px);
	}

	.ziteh-hero-slider__arrow {
		width: 40px;
		height: 40px;
	}

	.ziteh-story__content .ziteh-section-title {
		justify-content: flex-start;
	}

	.ziteh-cats__track {
		--ziteh-per-view: 2.25;
		gap: 14px;
	}

	.ziteh-cat-card {
		flex-basis: calc((100% - 1.25 * 14px) / 2.25);
	}

	.ziteh-routine__subtitle {
		font-size: 14px;
		line-height: 1.8;
	}

	.ziteh-products__track {
		--ziteh-per-view: 1.38;
		gap: 14px;
	}

	.ziteh-product-card {
		flex-basis: calc((100% - .38 * 14px) / 1.38);
		padding: 12px 12px 16px;
		border-radius: 18px;
	}

	.ziteh-product-card__name {
		font-size: 15px;
		min-height: calc(1.7em * 2);
	}

	.ziteh-product-card__price strong {
		font-size: 16px;
	}

	.ziteh-product-card__quick {
		font-size: 12px;
	}

	.ziteh-offers__head {
		padding: 22px 18px;
		border-radius: 22px;
	}

	.ziteh-offers__intro .ziteh-section-title {
		font-size: 24px;
	}

	.ziteh-offers__timer {
		gap: 4px;
	}

	.ziteh-offers .ziteh-cd {
		flex: 1 1 0;
		min-width: 0;
	}

	.ziteh-offers .ziteh-cd__num {
		padding: 9px 3px;
		font-size: 17px;
	}

	.ziteh-offers .ziteh-cd__sep {
		margin-top: 10px;
	}

	.ziteh-blog__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	.ziteh-post-card {
		display: grid;
		grid-template-columns: 118px minmax(0, 1fr);
		min-height: 124px;
	}

	.ziteh-post-card__thumb {
		aspect-ratio: auto;
		height: 100%;
	}

	.ziteh-post-card__chip {
		top: 8px;
		inset-inline-end: 8px;
		padding: 4px 8px;
		font-size: 11px;
	}

	.ziteh-post-card__body {
		padding: 14px;
	}

	.ziteh-post-card__title {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.ziteh-testimonial-card {
		flex-basis: 86vw;
	}

	.ziteh-insta__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px;
	}

	.ziteh-footer {
		padding-top: 40px;
	}

	.ziteh-footer__inner {
		grid-template-columns: minmax(0, 1fr);
		gap: 30px;
		padding-bottom: 32px;
	}

	.ziteh-footer__col--brand {
		grid-column: auto;
		order: -1;
		padding-bottom: 24px;
		border-bottom: 1px solid var(--ziteh-line);
	}

	.ziteh-footer__links a,
	.ziteh-footer__contact li {
		display: flex;
		align-items: center;
		min-height: var(--ziteh-touch);
		font-size: 15px;
	}

	.ziteh-footer__socials a {
		width: var(--ziteh-touch);
		height: var(--ziteh-touch);
	}

	.ziteh-feature {
		flex-direction: row;
		text-align: start;
	}

	.ziteh-feature__sub {
		font-size: 11.5px;
		line-height: 1.5;
	}

	.ziteh-quiz__box {
		padding: 26px 16px;
	}

	.ziteh-quiz__title {
		font-size: 21px;
	}

	.ziteh-quiz__question {
		font-size: 17px;
		line-height: 1.7;
	}

	.ziteh-quiz__products-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.ziteh-quiz__products-grid .ziteh-product-card {
		display: grid;
		grid-template-columns: 104px minmax(0, 1fr);
		gap: 12px;
	}

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

	.ziteh-qv__title {
		font-size: 20px;
	}

	.ziteh-qv__thumbs {
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-bottom: 4px;
	}
}

@media (max-width: 380px) {
	:root {
		--ziteh-mobile-gutter: 12px;
	}

	.ziteh-topbar__cart > span:last-child,
	.ziteh-topbar__account > span {
		display: none;
	}

	.ziteh-topbar__cart,
	.ziteh-topbar__account {
		flex: 0 0 var(--ziteh-touch);
	}

	.ziteh-topbar__inner {
		justify-content: space-around;
	}

	.ziteh-step {
		grid-template-columns: 48px minmax(0, 1fr);
		padding-inline: 12px 44px;
	}

	.ziteh-step__icon {
		width: 46px;
		height: 46px;
	}

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

	.ziteh-product-card {
		flex-basis: calc((100% - .22 * 12px) / 1.22);
	}
}

/* Keyboard clarity is retained alongside the larger touch affordances. */
:where(
	.ziteh-btn,
	.ziteh-link,
	.ziteh-topbar a,
	.ziteh-topbar button,
	.ziteh-header a,
	.ziteh-header button,
	.ziteh-product-card a,
	.ziteh-product-card button,
	.ziteh-quiz button,
	.ziteh-drawer a,
	.ziteh-drawer button,
	.ziteh-modal a,
	.ziteh-modal button,
	.ziteh-search-box a,
	.ziteh-search-box button,
	.ziteh-search-box input
):focus-visible {
	outline: 3px solid rgba(124, 138, 92, .48);
	outline-offset: 3px;
}

@media (max-width: 860px) and (orientation: landscape) and (max-height: 500px) {
	:root {
		--ziteh-mobile-gutter: 24px;
		--ziteh-mobile-section: 36px;
	}

	.ziteh-hero-slider {
		--ziteh-hero-h: min(72dvh, 280px);
	}

	.ziteh-drawer {
		height: 100dvh;
		border-radius: 0;
	}

	.ziteh-modal__dialog {
		max-height: 100dvh;
		border-radius: 0;
	}

	.ziteh-search-overlay {
		padding-top: 0;
	}

	.ziteh-search-box {
		max-height: 100dvh;
		border-radius: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ziteh-cats__viewport,
	.ziteh-products__viewport {
		scroll-behavior: auto;
	}

	.ziteh-header__burger span,
	.ziteh-product-card,
	.ziteh-product-card__thumb img,
	.ziteh-drawer,
	.ziteh-modal,
	.ziteh-modal__dialog,
	.ziteh-search-overlay,
	.ziteh-search-box {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}