/* DZFit program form */
.dzpf {
	--dz-navy: #1c2a6e;
	--dz-navy-2: #2a3d9c;
	--dz-ink: #1d2433;
	--dz-muted: #6a7184;
	--dz-line: #dfe3ee;
	--dz-field: #f6f7fb;
	--dz-error: #c0392b;
	--dz-accent: #1c2a6e;
	direction: rtl;
	text-align: right;
	box-sizing: border-box;
	max-width: 880px;
	margin: 0 auto;
	padding: 28px 28px 24px;
	background: #fff;
	border: 1px solid var(--dz-line);
	border-top: 5px solid var(--dz-accent);
	transition: border-color .2s ease;
	border-radius: 14px;
	color: var(--dz-ink);
	font-family: inherit;
	line-height: 1.7;
}
.dzpf *,
.dzpf *::before,
.dzpf *::after { box-sizing: border-box; }

.dzpf .dzpf__title {
	margin: 0 0 4px;
	font-size: 1.4em;
	font-weight: 800;
	color: var(--dz-navy);
}
.dzpf .dzpf__lead {
	margin: 0 0 22px;
	font-size: .95em;
	color: var(--dz-muted);
}

.dzpf .dzpf__field { margin: 0 0 18px; }
.dzpf .dzpf__fieldset { border: 0; padding: 0; min-width: 0; }
.dzpf .dzpf__label {
	display: block;
	margin: 0 0 8px;
	padding: 0;
	font-weight: 700;
	font-size: .95em;
	color: var(--dz-ink);
}
.dzpf .dzpf__req { color: var(--dz-error); margin-inline-start: 3px; }

.dzpf input[type="text"],
.dzpf input[type="tel"],
.dzpf select {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 1.5px solid var(--dz-line);
	border-radius: 10px;
	background: var(--dz-field);
	color: var(--dz-ink);
	font: inherit;
	font-size: 1em;
	box-shadow: none;
	transition: border-color .15s ease, background-color .15s ease;
}
.dzpf input[type="tel"] { direction: ltr; text-align: left; letter-spacing: .5px; }
.dzpf input:focus,
.dzpf select:focus {
	outline: none;
	border-color: var(--dz-navy-2);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(42, 61, 156, .16);
}

.dzpf .dzpf__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

/* Program choice tiles */
.dzpf .dzpf__choices {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.dzpf .dzpf__choice { position: relative; display: block; margin: 0; }
.dzpf .dzpf__choice input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
.dzpf .dzpf__choice span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 54px;
	padding: 8px 10px;
	border: 1.5px solid var(--dz-line);
	border-radius: 10px;
	background: var(--dz-field);
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.dzpf .dzpf__choice:hover span { border-color: var(--c, var(--dz-navy-2)); }
.dzpf .dzpf__choice input:checked + span {
	background: var(--c, var(--dz-navy));
	border-color: var(--c, var(--dz-navy));
	color: #fff;
}
.dzpf .dzpf__choice input:focus-visible + span { box-shadow: 0 0 0 3px rgba(42, 61, 156, .28); }

.dzpf .dzpf__check {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	font-weight: 500;
	cursor: pointer;
}
.dzpf .dzpf__check input { width: 19px; height: 19px; margin: 0; accent-color: var(--dz-navy); }

.dzpf .has-error input,
.dzpf .has-error select,
.dzpf .has-error .dzpf__choice span { border-color: var(--dz-error); }
.dzpf .dzpf__error { margin-top: 6px; font-size: .85em; color: var(--dz-error); }
.dzpf .dzpf__alert {
	margin: 0 0 18px;
	padding: 12px 14px;
	border-radius: 10px;
	background: #fdeeee;
	color: var(--dz-error);
	font-size: .92em;
}

.dzpf .dzpf__submit {
	display: block;
	width: 100%;
	height: 54px;
	margin: 6px 0 0;
	padding: 0 16px;
	border: 0;
	border-radius: 12px;
	background: var(--dz-navy);
	color: #fff;
	font: inherit;
	font-size: 1.05em;
	font-weight: 800;
	cursor: pointer;
	transition: background-color .15s ease;
}
.dzpf .dzpf__submit:hover { background: var(--dz-navy-2); }
.dzpf .dzpf__submit:focus-visible { outline: 3px solid rgba(42, 61, 156, .35); outline-offset: 2px; }
.dzpf .dzpf__submit:disabled { opacity: .7; cursor: wait; }

.dzpf .dzpf__hp {
	position: absolute !important;
	left: -10000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Intro video */
.dzpf .dzpf__video {
	margin: -4px 0 22px;
	padding: 10px;
	border-radius: 12px;
	background: #10131c;
	box-shadow: 0 0 0 2px var(--dz-accent);
}
.dzpf .dzpf__video[hidden] { display: none; }
.dzpf .dzpf__video-title {
	margin: 2px 4px 10px;
	color: #fff;
	font-weight: 700;
	font-size: .95em;
}
.dzpf .dzpf__video video {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 8px;
	background: #000;
}

/* Plan cards */
.dzpf .dzpf__plans {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.dzpf .dzpf__plan { position: relative; display: block; margin: 0; }
.dzpf .dzpf__plan input {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}
.dzpf .dzpf__plan-box {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	height: 100%;
	min-height: 128px;
	padding: 18px 8px 14px;
	overflow: hidden;
	border: 1.5px solid var(--dz-line);
	border-radius: 12px;
	background: #fff;
	text-align: center;
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.dzpf .dzpf__plan:hover .dzpf__plan-box { border-color: var(--dz-accent); }
.dzpf .dzpf__plan input:checked + .dzpf__plan-box {
	border-color: var(--dz-accent);
	box-shadow: 0 0 0 2px var(--dz-accent), 0 8px 22px -12px var(--dz-accent);
}
.dzpf .dzpf__plan input:focus-visible + .dzpf__plan-box { box-shadow: 0 0 0 3px rgba(42, 61, 156, .3); }
.dzpf .dzpf__plan-title { font-size: .92em; font-weight: 800; line-height: 1.5; color: var(--dz-ink); }
.dzpf .dzpf__plan-duration { font-size: .78em; color: var(--dz-muted); line-height: 1.6; }
.dzpf .dzpf__plan-price {
	margin-top: auto;
	padding-top: 6px;
	font-size: 1.08em;
	font-weight: 800;
	color: var(--dz-navy);
}
.dzpf .dzpf__badge {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px 10px;
	border-bottom-right-radius: 10px;
	background: #d63031;
	color: #fff;
	font-size: .7em;
	font-style: normal;
	font-weight: 700;
	line-height: 1.8;
}

/* Benefits of the selected plan */
.dzpf .dzpf__benefits {
	margin: -4px 0 22px;
	padding: 14px 16px 10px;
	border-radius: 12px;
	background: var(--dz-field);
	border-right: 4px solid var(--dz-accent);
}
.dzpf .dzpf__benefits[hidden] { display: none; }
.dzpf .dzpf__benefits-head { font-weight: 800; color: var(--dz-ink); }
.dzpf .dzpf__benefits-meta { margin: 2px 0 8px; font-size: .88em; color: var(--dz-muted); }
.dzpf .dzpf__benefits ul { margin: 0; padding: 0; list-style: none; }
.dzpf .dzpf__benefits li {
	position: relative;
	margin: 0 0 6px;
	padding-right: 24px;
	font-size: .93em;
}
.dzpf .dzpf__benefits li::before {
	content: "✓";
	position: absolute;
	right: 0;
	top: 0;
	color: var(--dz-accent);
	font-weight: 800;
}

/* Success screen */
.dzpf--success { max-width: 620px; text-align: center; }
.dzpf--success .dzpf__summary,
.dzpf--success .dzpf__copy { text-align: right; }
.dzpf .dzpf__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 62px;
	height: 62px;
	margin: 4px auto 12px;
	border-radius: 50%;
	background: #e6f6ea;
	color: #1f8a43;
	font-size: 30px;
	font-weight: 800;
}
.dzpf .dzpf__summary {
	margin: 0 0 18px;
	padding: 14px 16px;
	border-radius: 10px;
	background: var(--dz-field);
	line-height: 2.1;
}
.dzpf .dzpf__summary b { color: var(--dz-navy); }
.dzpf .dzpf__actions { display: grid; gap: 10px; }
.dzpf .dzpf__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	border-radius: 12px;
	color: #fff !important;
	font-weight: 800;
	text-decoration: none !important;
	transition: filter .15s ease;
}
.dzpf .dzpf__btn:hover { filter: brightness(.94); }
.dzpf .dzpf__btn--wa { background: #1fae54; }
.dzpf .dzpf__btn--tg { background: #2296d1; }
.dzpf .dzpf__copy { margin-top: 18px; }
.dzpf .dzpf__copy textarea {
	width: 100%;
	min-height: 112px;
	padding: 10px 12px;
	border: 1.5px solid var(--dz-line);
	border-radius: 10px;
	background: var(--dz-field);
	font: inherit;
	font-size: .92em;
	resize: vertical;
}
.dzpf .dzpf__copybtn {
	margin-top: 8px;
	padding: 8px 18px;
	border: 1.5px solid var(--dz-navy);
	border-radius: 10px;
	background: transparent;
	color: var(--dz-navy);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 760px) {
	.dzpf .dzpf__plans { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
	.dzpf { padding: 22px 16px 18px; border-radius: 12px; }
	.dzpf .dzpf__row { grid-template-columns: 1fr; gap: 0; }
	.dzpf .dzpf__choices { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.dzpf * { transition: none !important; }
}

/* ---------- Pricing cards [dzfit_plans] ---------- */
.dzpl {
	--dz-accent: #1c2a6e;
	--dz-navy: #1c2a6e;
	--dz-ink: #1d2433;
	--dz-muted: #6a7184;
	direction: rtl;
	box-sizing: border-box;
	margin: 0 auto 40px;
	max-width: 1200px;
	font-family: inherit;
}
.dzpl *,
.dzpl *::before,
.dzpl *::after { box-sizing: border-box; }
.dzpl .dzpl__heading {
	margin: 0 0 28px;
	text-align: center;
	font-size: 1.7em;
	font-weight: 800;
	color: var(--dz-ink);
}
.dzpl .dzpl__heading::after {
	content: "";
	display: block;
	width: 64px;
	height: 4px;
	margin: 12px auto 0;
	border-radius: 4px;
	background: var(--dz-accent);
}
.dzpl .dzpl__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}
.dzpl .dzpl__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 58px 18px 22px;
	overflow: hidden;
	border-radius: 14px;
	background: #fff;
	border: 1.5px solid #e3e6ee;
	border: 1.5px solid color-mix(in srgb, var(--dz-accent) 45%, #fff);
	box-shadow: 0 0 18px -6px var(--dz-accent);
	text-align: center;
	transition: transform .2s ease, box-shadow .2s ease;
}
.dzpl .dzpl__card:hover { transform: translateY(-3px); box-shadow: 0 0 26px -4px var(--dz-accent); }
.dzpl .dzpl__title { margin: 0 0 4px; font-size: 1.15em; font-weight: 800; line-height: 1.6; color: var(--dz-ink); }
.dzpl .dzpl__duration { margin: 0 0 14px; font-size: .88em; color: var(--dz-muted); }
.dzpl .dzpl__price {
	margin: 0 0 18px;
	font-size: 2.1em;
	font-weight: 800;
	line-height: 1.2;
	color: var(--dz-navy);
}
.dzpl .dzpl__price small { margin-right: 6px; font-size: .38em; font-weight: 500; color: var(--dz-muted); vertical-align: super; }
.dzpl .dzpl__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	height: 46px;
	margin-bottom: 18px;
	padding: 0 22px;
	border: 1.5px solid var(--dz-accent);
	border-radius: 10px;
	background: #fff;
	color: var(--dz-ink) !important;
	font-weight: 700;
	text-decoration: none !important;
	transition: background-color .15s ease, color .15s ease;
}
.dzpl .dzpl__btn:hover,
.dzpl .dzpl__btn:focus-visible { background: var(--dz-accent); color: #fff !important; outline: none; }
.dzpl .dzpl__benefits { margin: 0; padding: 0; list-style: none; font-size: .9em; color: var(--dz-muted); line-height: 2.1; }
.dzpl .dzpl__ribbon {
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: 96px;
	overflow: hidden;
	pointer-events: none;
}
.dzpl .dzpl__ribbon span {
	position: absolute;
	top: 18px;
	left: -38px;
	width: 140px;
	padding: 3px 0;
	transform: rotate(-45deg);
	background: #d63031;
	color: #fff;
	font-size: .72em;
	font-weight: 700;
	text-align: center;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}
@media (max-width: 1000px) {
	.dzpl .dzpl__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
	.dzpl .dzpl__grid { grid-template-columns: 1fr; }
	.dzpl .dzpl__heading { font-size: 1.35em; }
}
@media (prefers-reduced-motion: reduce) {
	.dzpl .dzpl__card { transition: none; }
	.dzpl .dzpl__card:hover { transform: none; }
}

/* ---------- Pastel homepage [dzfit_home] ---------- */
.dzhm {
	--pk: #fbdde7;
	--pk-d: #c2416f;
	--li: #e7defa;
	--li-d: #6a4db0;
	--mi: #d6f2e2;
	--mi-d: #2d8a57;
	--ink: #2b2445;
	--muted: #6e6880;
	direction: rtl;
	box-sizing: border-box;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 14px;
	color: var(--ink);
	font-family: inherit;
}
.dzhm *,
.dzhm *::before,
.dzhm *::after { box-sizing: border-box; }
.dzhm a { text-decoration: none !important; }
.dzhm .dzhm__tint--pk { background: var(--pk); }
.dzhm .dzhm__tint--li { background: var(--li); }
.dzhm .dzhm__tint--mi { background: var(--mi); }

/* Slider */
.dzhm .dzhm__slider { position: relative; margin: 16px 0 18px; overflow: hidden; border-radius: 28px; }
.dzhm .dzhm__track { display: flex; transition: transform .6s cubic-bezier(.65, 0, .35, 1); }
.dzhm .dzhm__slide {
	flex: 0 0 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 24px;
	min-height: 420px;
	padding: 36px 56px;
}
.dzhm .dzhm__slide--pk { background: var(--pk); }
.dzhm .dzhm__slide--li { background: var(--li); }
.dzhm .dzhm__slide--mi { background: var(--mi); }
.dzhm .dzhm__slide--banner { display: block; padding: 0; min-height: 0; }
.dzhm .dzhm__slide--banner img { display: block; width: 100%; height: auto; }
.dzhm .dzhm__title {
	margin: 0 0 14px;
	font-size: clamp(1.7em, 3.2vw, 2.7em);
	font-weight: 900;
	line-height: 1.4;
	color: var(--ink);
}
.dzhm .dzhm__lead { margin: 0 0 24px; max-width: 30em; font-size: 1.05em; line-height: 1.95; color: #4f4964; }
.dzhm .dzhm__ctas { display: flex; flex-wrap: wrap; gap: 10px; }
.dzhm .dzhm__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 52px;
	padding: 0 28px;
	border-radius: 999px;
	font-weight: 800;
	transition: background-color .15s ease, color .15s ease;
}
.dzhm .dzhm__btn--primary { background: var(--ink); color: #fff !important; }
.dzhm .dzhm__btn--primary:hover { background: var(--pk-d); }
.dzhm .dzhm__btn--ghost { background: #fff; color: var(--ink) !important; }
.dzhm .dzhm__btn--ghost:hover { background: var(--ink); color: #fff !important; }
.dzhm .dzhm__btn:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

.dzhm .dzhm__collage { position: relative; height: 360px; }
.dzhm .dzhm__collage img { mix-blend-mode: multiply; }
.dzhm .dzhm__collage-main { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; }
.dzhm .dzhm__collage-item {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 20px 40px -24px rgba(43, 36, 69, .45);
}
.dzhm .dzhm__collage-item img { width: 100%; height: 100%; object-fit: contain; }
.dzhm .dzhm__collage-item--0 { width: 52%; height: 78%; right: 4%; top: 6%; transform: rotate(-4deg); z-index: 2; }
.dzhm .dzhm__collage-item--1 { width: 40%; height: 58%; left: 6%; top: 0; transform: rotate(5deg); background: var(--li); }
.dzhm .dzhm__collage-item--2 { width: 40%; height: 56%; left: 14%; bottom: 0; transform: rotate(-2deg); background: var(--mi); z-index: 3; }
.dzhm .dzhm__collage--single .dzhm__collage-item--hero { inset: 4% 12%; transform: rotate(-3deg); }

.dzhm .dzhm__dots { position: absolute; bottom: 16px; left: 0; right: 0; display: flex; justify-content: center; gap: 8px; }
.dzhm .dzhm__dots button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(43, 36, 69, .25);
	cursor: pointer;
	transition: width .2s ease, background-color .2s ease;
}
.dzhm .dzhm__dots button[aria-selected="true"] { width: 28px; background: var(--ink); }

/* Perks bar */
.dzhm .dzhm__perks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	margin: 0 0 40px;
	padding: 0;
	list-style: none;
}
.dzhm .dzhm__perks li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	border-radius: 18px;
	background: #fff;
	border: 1px solid #f1e8ee;
	font-weight: 700;
	font-size: .95em;
}
.dzhm .dzhm__perks svg {
	flex: 0 0 auto;
	width: 40px;
	height: 40px;
	padding: 8px;
	border-radius: 12px;
	background: var(--pk);
	fill: none;
	stroke: var(--pk-d);
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.dzhm .dzhm__perks li:nth-child(3n+2) svg { background: var(--li); stroke: var(--li-d); }
.dzhm .dzhm__perks li:nth-child(3n+3) svg { background: var(--mi); stroke: var(--mi-d); }

/* Sections */
.dzhm .dzhm__section { margin: 0 0 44px; }
.dzhm .dzhm__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.dzhm .dzhm__head--stack { display: block; text-align: center; margin-bottom: 20px; }
.dzhm .dzhm__h2 { margin: 0; font-size: 1.45em; font-weight: 900; color: var(--ink); }
.dzhm .dzhm__sub { margin: 6px auto 0; max-width: 40em; color: var(--muted); line-height: 1.9; }
.dzhm .dzhm__more {
	flex: 0 0 auto;
	padding: 6px 16px;
	border-radius: 999px;
	background: var(--pk);
	color: var(--pk-d) !important;
	font-weight: 700;
	font-size: .9em;
}
.dzhm .dzhm__more:hover { background: var(--pk-d); color: #fff !important; }

/* Category circles */
.dzhm .dzhm__cats {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px 14px;
}
.dzhm .dzhm__cat { display: flex; flex-direction: column; align-items: center; width: 128px; color: var(--ink) !important; text-align: center; }
.dzhm .dzhm__cat-img {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 112px;
	height: 112px;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 50%;
	transition: transform .18s ease;
}
.dzhm .dzhm__cat:hover .dzhm__cat-img { transform: scale(1.06); }
.dzhm .dzhm__cat:focus-visible .dzhm__cat-img { outline: 3px solid var(--ink); outline-offset: 3px; }
.dzhm .dzhm__cat-img img { width: 82%; height: 82%; object-fit: contain; mix-blend-mode: multiply; }
.dzhm .dzhm__cat-name { font-weight: 800; font-size: .95em; line-height: 1.6; }
.dzhm .dzhm__cat-count { font-size: .8em; color: var(--muted); }

/* Product rows */
.dzhm .dzhm__row {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 4 * 14px) / 5);
	gap: 14px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: 8px;
	scrollbar-width: thin;
}
.dzhm .dzhm__pcard {
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	padding: 10px 10px 14px;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #f1e8ee;
	color: var(--ink) !important;
	transition: box-shadow .18s ease, transform .18s ease;
}
.dzhm .dzhm__pcard:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -20px rgba(43, 36, 69, .5); }
.dzhm .dzhm__pcard:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.dzhm .dzhm__pimg {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 14px;
}
.dzhm .dzhm__pimg img { width: 88%; height: 88%; object-fit: contain; mix-blend-mode: multiply; }
.dzhm .dzhm__pname {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 3.2em;
	margin-bottom: 6px;
	padding: 0 4px;
	font-weight: 700;
	font-size: .9em;
	line-height: 1.6;
}
.dzhm .dzhm__pprice { margin-top: auto; padding: 0 4px; font-weight: 800; font-size: .95em; color: var(--ink); }
.dzhm .dzhm__pprice del { margin-left: 6px; font-weight: 400; font-size: .85em; color: var(--muted); }
.dzhm .dzhm__pprice ins { text-decoration: none; color: var(--pk-d); }

/* Program cards */
.dzhm .dzhm__programs-wrap { padding: 30px 26px; border-radius: 28px; background: #faf7fd; }
.dzhm .dzhm__programs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dzhm .dzhm__prog {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 24px 22px 20px;
	border-radius: 22px;
	background: #fff;
	border-top: 5px solid var(--c);
	color: var(--ink) !important;
	transition: transform .18s ease, box-shadow .18s ease;
}
.dzhm .dzhm__prog:hover { transform: translateY(-3px); box-shadow: 0 14px 30px -20px var(--c); }
.dzhm .dzhm__prog:focus-visible { outline: 3px solid var(--c); outline-offset: 3px; }
.dzhm .dzhm__prog-title { font-size: 1.25em; font-weight: 900; color: var(--c); }
.dzhm .dzhm__prog-desc { line-height: 1.85; color: var(--muted); font-size: .95em; }
.dzhm .dzhm__prog-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: auto; padding-top: 12px; }
.dzhm .dzhm__prog-price { font-weight: 700; font-size: .88em; }
.dzhm .dzhm__prog-btn { padding: 9px 18px; border-radius: 999px; background: var(--c); color: #fff; font-weight: 800; font-size: .88em; white-space: nowrap; }

@media (max-width: 1024px) {
	.dzhm .dzhm__row { grid-auto-columns: calc((100% - 2 * 14px) / 3.3); }
}
@media (max-width: 900px) {
	.dzhm .dzhm__slide { grid-template-columns: 1fr; padding: 26px 22px 44px; min-height: 0; text-align: center; gap: 12px; }
	.dzhm .dzhm__slide-text { order: 2; }
	.dzhm .dzhm__lead { margin-left: auto; margin-right: auto; }
	.dzhm .dzhm__ctas { justify-content: center; }
	.dzhm .dzhm__collage { height: 240px; }
	.dzhm .dzhm__programs { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
	.dzhm { padding: 0 10px; }
	.dzhm .dzhm__slider { border-radius: 20px; }
	.dzhm .dzhm__title { font-size: 1.5em; }
	.dzhm .dzhm__btn { height: 46px; padding: 0 20px; }
	.dzhm .dzhm__perks { grid-template-columns: repeat(3, 1fr); gap: 8px; }
	.dzhm .dzhm__perks li { flex-direction: column; text-align: center; padding: 12px 8px; font-size: .82em; }
	.dzhm .dzhm__cats { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 6px; }
	.dzhm .dzhm__cat { flex: 0 0 96px; width: 96px; }
	.dzhm .dzhm__cat-img { width: 88px; height: 88px; }
	.dzhm .dzhm__row { grid-auto-columns: 46%; gap: 10px; }
	.dzhm .dzhm__h2 { font-size: 1.2em; }
	.dzhm .dzhm__programs-wrap { padding: 22px 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__track, .dzhm .dzhm__cat-img, .dzhm .dzhm__pcard, .dzhm .dzhm__prog { transition: none; }
}

/* Program CTA band */
.dzhm .dzhm__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 34px 40px;
	border-radius: 28px;
	background: var(--li);
	background-image: radial-gradient(circle at 12% 120%, var(--mi) 0 34%, transparent 35%), radial-gradient(circle at 92% -30%, var(--pk) 0 30%, transparent 31%);
}
.dzhm .dzhm__cta-title { margin: 0 0 8px; font-size: 1.55em; font-weight: 900; color: var(--ink); }
.dzhm .dzhm__cta-sub { margin: 0; max-width: 38em; line-height: 1.9; color: #4f4964; }
.dzhm .dzhm__cta-btn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	height: 60px;
	padding: 0 30px 0 22px;
	border-radius: 999px;
	background: var(--ink);
	color: #fff !important;
	font-weight: 900;
	font-size: 1.08em;
	box-shadow: 0 14px 28px -16px rgba(43, 36, 69, .7);
	transition: background-color .15s ease, transform .15s ease;
}
.dzhm .dzhm__cta-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .15s ease; }
.dzhm .dzhm__cta-btn:hover { background: var(--li-d); }
.dzhm .dzhm__cta-btn:hover svg { transform: translateX(-4px); }
.dzhm .dzhm__cta-btn:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
@media (max-width: 760px) {
	.dzhm .dzhm__cta { flex-direction: column; text-align: center; padding: 28px 20px; }
	.dzhm .dzhm__cta-sub { margin: 0 auto; }
	.dzhm .dzhm__cta-btn { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__cta-btn, .dzhm .dzhm__cta-btn svg { transition: none; }
}

/* ---------- Homepage v1.6: full-width hero with fixed buttons ---------- */
.dzhm .dzhm__sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dzhm .dzhm__hero2 {
	position: relative;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 28px;
	aspect-ratio: 1920 / 800;
	max-height: 82vh;
	min-height: 360px;
	overflow: hidden;
	background: var(--li);
}
.dzhm .dzhm__hero2-slides { position: absolute; inset: 0; }
.dzhm .dzhm__hero2-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0;
	transition: opacity 1s ease;
}
.dzhm .dzhm__hero2-img.is-active { opacity: 1; }
.dzhm .dzhm__hero2-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 20px;
	background: linear-gradient(120deg, var(--pk), var(--li) 50%, var(--mi));
	font-size: clamp(1.6em, 4vw, 3em);
	font-weight: 900;
	text-align: center;
}
.dzhm .dzhm__hero2-btns {
	position: absolute;
	left: 50%;
	bottom: 9%;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	width: min(980px, calc(100% - 32px));
	transform: translateX(-50%);
}
.dzhm .dzhm__hbtn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 60px;
	padding: 10px 14px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .88);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	box-shadow: 0 12px 30px -18px rgba(43, 36, 69, .6);
	color: var(--ink) !important;
	font-weight: 800;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	transition: background-color .15s ease, transform .15s ease;
}
.dzhm .dzhm__hbtn:hover { background: #fff; transform: translateY(-2px); }
.dzhm .dzhm__hbtn:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.dzhm .dzhm__hbtn-dot { flex: 0 0 auto; width: 12px; height: 12px; border-radius: 50%; }
.dzhm .dzhm__hbtn--0 .dzhm__hbtn-dot { background: #e0699a; }
.dzhm .dzhm__hbtn--1 .dzhm__hbtn-dot { background: #8d6fd6; }
.dzhm .dzhm__hbtn--2 .dzhm__hbtn-dot { background: #4cb27a; }
.dzhm .dzhm__hbtn--3 .dzhm__hbtn-dot { background: #f0a35c; }
.dzhm .dzhm__hero2-dots { position: absolute; bottom: 3%; left: 0; right: 0; z-index: 2; display: flex; justify-content: center; gap: 6px; }
.dzhm .dzhm__hero2-dots span { width: 8px; height: 8px; border-radius: 999px; background: rgba(255, 255, 255, .7); transition: width .3s ease, background-color .3s ease; }
.dzhm .dzhm__hero2-dots span.is-active { width: 24px; background: #fff; }

/* Category photo cards */
.dzhm .dzhm__cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 18px;
}
.dzhm .dzhm__card {
	position: relative;
	display: block;
	flex: 0 1 calc((100% - 36px) / 3);
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 24px;
	color: #fff !important;
}
.dzhm .dzhm__card-img { position: absolute; inset: 0; }
.dzhm .dzhm__card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.dzhm .dzhm__card:hover .dzhm__card-img img { transform: scale(1.05); }
.dzhm .dzhm__card::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(31, 24, 52, .72), rgba(31, 24, 52, .08) 55%, transparent);
}
.dzhm .dzhm__card-body {
	position: absolute;
	right: 20px;
	left: 20px;
	bottom: 18px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
.dzhm .dzhm__card-title { font-size: 1.25em; font-weight: 900; line-height: 1.5; text-shadow: 0 2px 10px rgba(0, 0, 0, .25); }
.dzhm .dzhm__card-btn {
	flex: 0 0 auto;
	padding: 8px 16px;
	border-radius: 999px;
	background: #fff;
	color: var(--ink);
	font-weight: 800;
	font-size: .85em;
}
.dzhm .dzhm__card:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

@media (max-width: 1000px) {
	.dzhm .dzhm__card { flex-basis: calc((100% - 18px) / 2); }
}
@media (max-width: 760px) {
	.dzhm .dzhm__hero2 { aspect-ratio: auto; height: 78vh; min-height: 460px; max-height: none; margin-bottom: 22px; }
	.dzhm .dzhm__hero2-btns { grid-template-columns: 1fr 1fr; gap: 10px; bottom: 7%; }
	.dzhm .dzhm__hbtn { min-height: 54px; font-size: .9em; border-radius: 16px; padding: 8px 10px; }
	.dzhm .dzhm__cards { gap: 12px; }
	.dzhm .dzhm__card { flex-basis: calc((100% - 12px) / 2); aspect-ratio: 3 / 4; border-radius: 18px; }
	.dzhm .dzhm__card-body { flex-direction: column; align-items: flex-start; right: 12px; left: 12px; bottom: 12px; gap: 8px; }
	.dzhm .dzhm__card-title { font-size: 1em; }
	.dzhm .dzhm__card-btn { padding: 6px 12px; font-size: .78em; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__hero2-img, .dzhm .dzhm__card-img img, .dzhm .dzhm__hbtn { transition: none; }
}

/* ---------- Auto-scrolling strips (v1.8) ---------- */
.dzhm .dzhm__marquee {
	position: relative;
	overflow: hidden;
	padding: 6px 0 10px;
	-webkit-mask-image: linear-gradient(to left, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(to left, transparent, #000 6%, #000 94%, transparent);
}
.dzhm .dzhm__mq-track {
	display: flex;
	width: max-content;
	animation: dzhm-mq var(--dur, 40s) linear infinite;
}
.dzhm .dzhm__marquee.is-reverse .dzhm__mq-track { animation-direction: reverse; }
.dzhm .dzhm__marquee:hover .dzhm__mq-track,
.dzhm .dzhm__marquee:focus-within .dzhm__mq-track { animation-play-state: paused; }
@keyframes dzhm-mq {
	from { transform: translateX(0); }
	to { transform: translateX(50%); }
}
.dzhm .dzhm__mq-track > a { flex: 0 0 auto; margin-inline-end: 14px; }
.dzhm .dzhm__mq-track > .dzhm__pcard { width: 210px; }

/* Category circles with label pill (supplements) */
.dzhm .dzhm__ccard {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	background: #f2f0f5;
	color: var(--ink) !important;
	transition: transform .2s ease;
}
.dzhm .dzhm__ccard:hover { transform: scale(1.04); }
.dzhm .dzhm__ccard:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.dzhm .dzhm__ccard-img { position: absolute; inset: 0; }
.dzhm .dzhm__ccard-img img { width: 100%; height: 100%; object-fit: cover; }
.dzhm .dzhm__ccard-name {
	position: relative;
	z-index: 1;
	padding: 6px 18px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .92);
	box-shadow: 0 6px 16px -8px rgba(43, 36, 69, .5);
	font-weight: 800;
	font-size: 1em;
	white-space: nowrap;
}
@media (max-width: 560px) {
	.dzhm .dzhm__mq-track > .dzhm__pcard { width: 160px; }
	.dzhm .dzhm__ccard { width: 140px; height: 140px; }
	.dzhm .dzhm__ccard-name { padding: 4px 12px; font-size: .85em; }
	.dzhm .dzhm__mq-track > a { margin-inline-end: 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
	.dzhm .dzhm__mq-track { animation: none; }
}

/* v1.8.1: plain white product image boxes */
.dzhm .dzhm__pimg { background: #fff; }
.dzhm .dzhm__pimg img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; }

/* v1.9: sliding hero */
.dzhm .dzhm__hero2.is-slider .dzhm__hero2-slides {
	display: flex;
	height: 100%;
	transition: transform .7s cubic-bezier(.65, 0, .35, 1);
}
.dzhm .dzhm__hero2.is-slider .dzhm__hero2-img {
	position: relative;
	inset: auto;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: none;
}
.dzhm .dzhm__hero2-arrow {
	position: absolute;
	top: 42%;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, .85);
	box-shadow: 0 8px 20px -10px rgba(43, 36, 69, .6);
	cursor: pointer;
	transition: background-color .15s ease;
}
.dzhm .dzhm__hero2-arrow:hover { background: #fff; }
.dzhm .dzhm__hero2-arrow:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
.dzhm .dzhm__hero2-arrow svg { width: 22px; height: 22px; fill: none; stroke: var(--ink); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.dzhm .dzhm__hero2-arrow--prev { right: 18px; }
.dzhm .dzhm__hero2-arrow--next { left: 18px; }
.dzhm .dzhm__hero2-dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, .7);
	cursor: pointer;
	transition: width .3s ease, background-color .3s ease;
}
.dzhm .dzhm__hero2-dots button.is-active { width: 24px; background: #fff; }
@media (max-width: 760px) {
	.dzhm .dzhm__hero2-arrow { width: 38px; height: 38px; top: 34%; }
	.dzhm .dzhm__hero2-arrow--prev { right: 10px; }
	.dzhm .dzhm__hero2-arrow--next { left: 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__hero2.is-slider .dzhm__hero2-slides { transition: none; }
}

/* v1.10: 5+ hero buttons (column count follows the number of buttons) */
.dzhm .dzhm__hero2-btns {
	grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));
	width: min(1180px, calc(100% - 32px));
}
.dzhm .dzhm__hbtn--4 .dzhm__hbtn-dot { background: #4a9fd8; }
.dzhm .dzhm__hbtn--5 .dzhm__hbtn-dot { background: #e5c13f; }
@media (max-width: 1100px) {
	.dzhm .dzhm__hero2-btns { gap: 8px; }
	.dzhm .dzhm__hbtn { padding: 8px 10px; gap: 8px; font-size: .92em; }
}
@media (max-width: 760px) {
	.dzhm .dzhm__hero2-btns { grid-template-columns: 1fr 1fr; }
	/* an odd last button takes the full row instead of sitting alone on one side */
	.dzhm .dzhm__hbtn:last-child:nth-child(odd) { grid-column: 1 / -1; }
}

/* v1.11: slider dots — the theme's button styles were blowing them up */
.dzhm .dzhm__hero2-dots { bottom: 3%; align-items: center; pointer-events: none; }
.dzhm .dzhm__hero2-dots button {
	pointer-events: auto;
	flex: 0 0 auto;
	width: 8px !important;
	height: 8px !important;
	min-width: 0 !important;
	min-height: 0 !important;
	max-height: 8px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	background: rgba(255, 255, 255, .7) !important;
	font-size: 0 !important;
	line-height: 0 !important;
}
.dzhm .dzhm__hero2-dots button.is-active { width: 24px !important; background: #fff !important; }
.dzhm .dzhm__hero2-arrow { min-width: 0 !important; min-height: 0 !important; padding: 0 !important; line-height: 0 !important; }

/* ---------- v1.11: store header (home page) ---------- */
.dzhm .dzhd {
	--hd-acc: #6a4db0;
	--hd-acc-d: #563d95;
	--hd-line: #ebe6f5;
	--hd-soft: #f6f3fc;
	position: relative;
	z-index: 50;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	background: #fff;
	color: var(--ink);
	font-size: 15px;
	line-height: 1.6;
}
.dzhm .dzhd a { color: inherit; text-decoration: none; }
.dzhm .dzhd ul { list-style: none; margin: 0; padding: 0; }
.dzhm .dzhd button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 0;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 12px;
	background: transparent;
	box-shadow: none;
	color: inherit;
	font: inherit;
	text-transform: none;
	letter-spacing: 0;
	line-height: 1.4;
	cursor: pointer;
}
.dzhm .dzhd .dzhd__i { width: 22px; height: 22px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.dzhm .dzhd__in { display: flex; align-items: center; gap: 22px; max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.dzhm .dzhd__row--top .dzhd__in { min-height: 88px; }
.dzhm .dzhd__row--nav { border-top: 1px solid var(--hd-line); border-bottom: 1px solid var(--hd-line); background: var(--hd-soft); }
.dzhm .dzhd__row--nav .dzhd__in { min-height: 56px; }

.dzhm .dzhd__burger { display: none !important; }
.dzhm .dzhd__logo { flex: 0 0 auto; display: flex; align-items: center; }
.dzhm .dzhd__logo img { display: block; width: auto; max-width: 190px; max-height: 58px; }
.dzhm .dzhd__logo-text { font-weight: 900; font-size: 1.35em; color: var(--ink); }

.dzhm .dzhd__search {
	flex: 1 1 auto;
	display: flex;
	align-items: stretch;
	max-width: 680px;
	height: 50px;
	margin: 0 auto;
	border: 1.5px solid var(--hd-line);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.dzhm .dzhd__search:focus-within { border-color: var(--hd-acc); box-shadow: 0 0 0 4px rgba(106, 77, 176, .12); }
.dzhm .dzhd__search input[type="search"],
.dzhm .dzhd__search select {
	height: 100% !important;
	min-height: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	color: var(--ink) !important;
	font: inherit !important;
	outline: none;
}
.dzhm .dzhd__search input[type="search"] { flex: 1 1 auto; min-width: 0; padding: 0 16px !important; }
.dzhm .dzhd__search select {
	flex: 0 0 auto;
	width: 150px !important;
	padding: 0 12px !important;
	border-inline-start: 1px solid var(--hd-line) !important;
	color: var(--muted) !important;
	font-size: .9em !important;
	cursor: pointer;
}
.dzhm .dzhd__search button[type="submit"] { flex: 0 0 52px; width: 52px; border-radius: 0; background: var(--hd-acc); color: #fff; }
.dzhm .dzhd__search button[type="submit"]:hover { background: var(--hd-acc-d); }

.dzhm .dzhd__tools { flex: 0 0 auto; display: flex; align-items: center; gap: 10px; }
.dzhm .dzhd__tool { display: flex; align-items: center; gap: 8px; height: 46px; padding: 0 11px; border-radius: 12px; transition: background-color .15s ease; }
.dzhm .dzhd__tool:hover { background: var(--hd-soft); }
.dzhm .dzhd__cart-ic { position: relative; display: flex; }
.dzhm .dzhd__badge {
	position: absolute;
	top: -7px;
	right: -10px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--pk-d);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	line-height: 19px;
	text-align: center;
}
.dzhm .dzhd__badge.is-empty { display: none; }
.dzhm .dzhd__cart-sum { font-size: .88em; font-weight: 700; white-space: nowrap; }
.dzhm .dzhd__cart-sum:empty { display: none; }
.dzhm .dzhd__login {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 46px;
	padding: 0 18px;
	border-radius: 12px;
	background: var(--hd-acc);
	color: #fff !important;
	font-weight: 800;
	font-size: .92em;
	white-space: nowrap;
	transition: background-color .15s ease;
}
.dzhm .dzhd__login:hover { background: var(--hd-acc-d); }
.dzhm .dzhd__login .dzhd__i { width: 20px; height: 20px; }

/* categories dropdown */
.dzhm .dzhd__cats { position: relative; flex: 0 0 auto; }
.dzhm .dzhd__cats-btn { height: 42px; padding: 0 16px !important; background: var(--hd-acc) !important; color: #fff !important; font-weight: 800; font-size: .92em; }
.dzhm .dzhd__cats-btn .dzhd__i { width: 19px; height: 19px; }
.dzhm .dzhd__cats-btn .dzhd__i:last-child { width: 16px; height: 16px; transition: transform .2s ease; }
.dzhm .dzhd__cats-list,
.dzhm .dzhd__menu .sub-menu {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	z-index: 60;
	min-width: 240px;
	padding: 8px !important;
	border: 1px solid var(--hd-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 20px 40px -20px rgba(43, 36, 69, .35);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
}
.dzhm .dzhd__cats:hover .dzhd__cats-list,
.dzhm .dzhd__cats-btn[aria-expanded="true"] + .dzhd__cats-list,
.dzhm .dzhd__menu li:hover > .sub-menu,
.dzhm .dzhd__menu li:focus-within > .sub-menu { opacity: 1; visibility: visible; transform: none; }
.dzhm .dzhd__cats:hover .dzhd__cats-btn .dzhd__i:last-child,
.dzhm .dzhd__cats-btn[aria-expanded="true"] .dzhd__i:last-child { transform: rotate(180deg); }
.dzhm .dzhd__cats-list li { position: relative; }
.dzhm .dzhd__cats-list a,
.dzhm .dzhd__menu .sub-menu a { display: block; padding: 9px 12px; border-radius: 9px; font-weight: 600; font-size: .93em; }
.dzhm .dzhd__cats-list a:hover,
.dzhm .dzhd__menu .sub-menu a:hover { background: var(--hd-soft); color: var(--hd-acc); }
.dzhm .dzhd__cats-list li.has-sub > a::after { content: "‹"; float: left; opacity: .5; }
.dzhm .dzhd__cats-list ul {
	position: absolute;
	top: -8px;
	right: 100%;
	min-width: 220px;
	padding: 8px !important;
	border: 1px solid var(--hd-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 20px 40px -20px rgba(43, 36, 69, .35);
	opacity: 0;
	visibility: hidden;
	transition: opacity .15s ease, visibility .15s;
}
.dzhm .dzhd__cats-list li:hover > ul { opacity: 1; visibility: visible; }

/* main menu */
.dzhm .dzhd__nav { flex: 1 1 auto; min-width: 0; }
.dzhm .dzhd__menu { display: flex; align-items: center; flex-wrap: wrap; gap: 4px; }
.dzhm .dzhd__menu > li { position: relative; }
.dzhm .dzhd__menu > li > a { display: flex; align-items: center; gap: 4px; height: 42px; padding: 0 12px; border-radius: 10px; font-weight: 700; font-size: .93em; transition: color .15s ease, background-color .15s ease; }
.dzhm .dzhd__menu > li > a:hover,
.dzhm .dzhd__menu > li.current-menu-item > a { color: var(--hd-acc); background: #fff; }
.dzhm .dzhd__menu > li.menu-item-has-children > a::after { content: ""; width: 6px; height: 6px; margin-top: -3px; border-left: 1.8px solid currentColor; border-bottom: 1.8px solid currentColor; transform: rotate(-45deg); opacity: .6; }
.dzhm .dzhd__phone { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; color: var(--hd-acc) !important; font-weight: 800; }
.dzhm .dzhd__phone .dzhd__i { width: 20px; height: 20px; }

/* mobile drawer */
.dzhm .dzhd__overlay { position: fixed; inset: 0; z-index: 99998; background: rgba(23, 18, 40, .45); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s; }
.dzhm .dzhd__drawer {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: min(320px, 86vw);
	padding: 14px 16px 24px;
	background: #fff;
	overflow-y: auto;
	transform: translateX(105%);
	transition: transform .25s ease;
}
.dzhm .dzhd.is-open .dzhd__overlay { opacity: 1; visibility: visible; }
.dzhm .dzhd.is-open .dzhd__drawer { transform: none; }
.dzhm .dzhd__drawer-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid var(--hd-line); font-weight: 900; }
.dzhm .dzhd__drawer-head button { width: 40px; height: 40px; background: var(--hd-soft); }
.dzhm .dzhd__drawer-nav .dzhd__menu { display: block; }
.dzhm .dzhd__drawer-nav .dzhd__menu a,
.dzhm .dzhd__drawer-cats a { display: block; padding: 11px 6px; border-bottom: 1px solid var(--hd-line); font-weight: 700; }
.dzhm .dzhd__drawer-nav .dzhd__menu > li > a { height: auto; border-radius: 0; }
.dzhm .dzhd__drawer-nav .dzhd__menu > li.menu-item-has-children > a::after { display: none; }
.dzhm .dzhd__drawer-nav .sub-menu { position: static; min-width: 0; padding: 0 14px 0 0 !important; border: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
.dzhm .dzhd__drawer-nav .sub-menu a { font-weight: 500; font-size: .92em; }
.dzhm .dzhd__drawer-title { margin: 16px 0 0; font-weight: 900; color: var(--hd-acc); }
.dzhm .dzhd__drawer .dzhd__phone { margin-top: 16px; }

@media (max-width: 1100px) {
	.dzhm .dzhd__in { gap: 14px; }
	.dzhm .dzhd__cart-sum { display: none; }
	.dzhm .dzhd__search select { width: 120px !important; }
}
@media (max-width: 900px) {
	.dzhm .dzhd__row--nav { display: none; }
	.dzhm .dzhd__row--top .dzhd__in { flex-wrap: wrap; gap: 8px 6px; min-height: 0; padding: 10px 14px 12px; }
	.dzhm .dzhd__burger { display: inline-flex !important; width: 44px; height: 44px; background: var(--hd-soft) !important; }
	.dzhm .dzhd__logo { order: 1; margin-inline-start: 4px; }
	.dzhm .dzhd__logo img { max-height: 44px; max-width: 140px; }
	.dzhm .dzhd__burger { order: 0; }
	.dzhm .dzhd__tools { order: 2; margin-inline-start: auto; gap: 4px; }
	.dzhm .dzhd__search { order: 3; flex: 1 1 100%; max-width: none; height: 46px; }
	.dzhm .dzhd__search select { width: 104px !important; font-size: .82em !important; padding: 0 8px !important; }
	.dzhm .dzhd__tool--wish { display: none; }
	.dzhm .dzhd__tool { height: 44px; padding: 0 9px; }
	.dzhm .dzhd__login { width: 44px; height: 44px; padding: 0; justify-content: center; background: var(--hd-soft); color: var(--ink) !important; }
	.dzhm .dzhd__login span { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhd__drawer, .dzhm .dzhd__overlay, .dzhm .dzhd__cats-list, .dzhm .dzhd__menu .sub-menu { transition: none; }
}

/* ---------- v1.12: hero shows the whole image (height follows the picture) ---------- */
.dzhm .dzhm__hero2 {
	aspect-ratio: auto !important;
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	margin-bottom: 0;
}
.dzhm .dzhm__hero2-slides,
.dzhm .dzhm__hero2.is-slider .dzhm__hero2-slides {
	position: relative;
	inset: auto;
	display: flex;
	align-items: flex-start;
	height: auto;
}
.dzhm .dzhm__hero2-slide { flex: 0 0 100%; display: block; width: 100%; }
.dzhm .dzhm__hero2 .dzhm__hero2-img,
.dzhm .dzhm__hero2.is-slider .dzhm__hero2-img {
	position: static;
	display: block;
	width: 100%;
	height: auto;
	max-height: 82vh;
	object-fit: cover;
	opacity: 1;
	transition: none;
}
.dzhm .dzhm__hero2-empty { flex: 0 0 100%; min-height: 340px; }
.dzhm .dzhm__hero2-arrow { top: 50%; margin-top: -23px; }
@media (max-width: 760px) {
	.dzhm .dzhm__hero2 .dzhm__hero2-img,
	.dzhm .dzhm__hero2.is-slider .dzhm__hero2-img { max-height: none; object-fit: contain; }
	.dzhm .dzhm__hero2-empty { min-height: 200px; }
	.dzhm .dzhm__hero2-arrow { width: 32px !important; height: 32px !important; margin-top: -16px; top: 50%; }
	.dzhm .dzhm__hero2-arrow svg { width: 18px; height: 18px; }
	.dzhm .dzhm__hero2-arrow--prev { right: 8px; }
	.dzhm .dzhm__hero2-arrow--next { left: 8px; }
	.dzhm .dzhm__hero2-dots { bottom: 8px; }
}

/* ---------- v1.12: section cards under the slider ---------- */
.dzhm .dzhm__tiles {
	display: grid;
	grid-template-columns: repeat(var(--n, 5), minmax(0, 1fr));
	gap: 18px;
	max-width: 1180px;
	margin: 26px auto 38px;
}
.dzhm .dzhm__tile {
	--c: #e0699a;
	display: block;
	color: var(--ink) !important;
	text-decoration: none !important;
	animation: dzhm-float 4.8s ease-in-out var(--d, 0s) infinite;
}
.dzhm .dzhm__tile--1 { --c: #8d6fd6; }
.dzhm .dzhm__tile--2 { --c: #4cb27a; }
.dzhm .dzhm__tile--3 { --c: #f0a35c; }
.dzhm .dzhm__tile--4 { --c: #4a9fd8; }
.dzhm .dzhm__tile--5 { --c: #e5c13f; }
.dzhm .dzhm__tile-in {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 8px 8px 10px;
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 14px 34px -22px rgba(43, 36, 69, .55), 0 0 0 1px rgba(43, 36, 69, .05);
	transition: transform .25s ease, box-shadow .25s ease;
}
.dzhm .dzhm__tile-img {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	overflow: hidden;
	background: #f6f3fc;
	background: color-mix(in srgb, var(--c) 18%, #fff);
}
.dzhm .dzhm__tile-img img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .5s ease;
}
.dzhm .dzhm__tile-ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.dzhm .dzhm__tile-ph svg { width: 42%; height: 42%; fill: none; stroke: var(--c); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.dzhm .dzhm__tile-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 44px;
	padding: 6px 14px 6px 6px;
	border-radius: 14px;
	background: #f6f3fc;
	background: color-mix(in srgb, var(--c) 14%, #fff);
	font-weight: 800;
	font-size: .95em;
	line-height: 1.45;
	transition: background-color .25s ease;
}
.dzhm .dzhm__tile-t { flex: 1 1 auto; min-width: 0; }
.dzhm .dzhm__tile-go {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: var(--c);
	transition: transform .25s ease;
}
.dzhm .dzhm__tile-go svg { width: 18px; height: 18px; fill: none; stroke: #fff; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.dzhm .dzhm__tile:hover .dzhm__tile-in,
.dzhm .dzhm__tile:focus-visible .dzhm__tile-in { transform: translateY(-6px) scale(1.02); box-shadow: 0 24px 40px -22px color-mix(in srgb, var(--c) 70%, #2b2445); }
.dzhm .dzhm__tile:hover .dzhm__tile-img img { transform: scale(1.07); }
.dzhm .dzhm__tile:hover .dzhm__tile-btn { background: color-mix(in srgb, var(--c) 26%, #fff); }
.dzhm .dzhm__tile:hover .dzhm__tile-go { transform: translateX(-4px); }
.dzhm .dzhm__tile:active .dzhm__tile-in { transform: scale(.97); }
.dzhm .dzhm__tile:focus-visible { outline: none; }
.dzhm .dzhm__tile:focus-visible .dzhm__tile-in { outline: 3px solid var(--ink); outline-offset: 3px; }
@keyframes dzhm-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}
@media (max-width: 1000px) {
	.dzhm .dzhm__tiles { gap: 12px; }
	.dzhm .dzhm__tile-btn { padding: 5px 10px 5px 5px; font-size: .86em; }
	.dzhm .dzhm__tile-go { width: 28px; height: 28px; }
}
@media (max-width: 760px) {
	.dzhm .dzhm__tiles { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 16px auto 26px; }
	.dzhm .dzhm__tile { flex: 0 0 calc((100% - 20px) / 3); }
	.dzhm .dzhm__tile-in { gap: 6px; padding: 5px 5px 6px; border-radius: 18px; }
	.dzhm .dzhm__tile-img { border-radius: 14px; }
	.dzhm .dzhm__tile-btn { justify-content: center; min-height: 38px; padding: 4px 4px; border-radius: 10px; font-size: .74em; text-align: center; }
	.dzhm .dzhm__tile-go { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	.dzhm .dzhm__tile { animation: none; }
	.dzhm .dzhm__tile-in, .dzhm .dzhm__tile-img img, .dzhm .dzhm__tile-go { transition: none; }
}