/*
 * Zachary Tech — "Technical Index" layout layer (v1.1.0).
 * A self-contained visual system: hairline rules, numbered indexes,
 * squared geometry and full-bleed dark bands. Loaded after zt.css.
 * Cart & checkout templates are intentionally untouched.
 */

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

:root {
	--ztx-ink: #070A16;
	--ztx-ink-2: #0D1226;
	--ztx-line: rgba(255, 255, 255, .14);
	--ztx-line-dark: rgba(7, 10, 22, .12);
	--ztx-iris: #5B5BF7;
	--ztx-lime: #C8F751;
	--ztx-paper: #F4F5F8;
	--ztx-max: 1440px;
}

.ztx-wrap {
	width: 100%;
	max-width: var(--ztx-max);
	margin: 0 auto;
	padding: 0 clamp(18px, 4vw, 56px);
}

.ztx-sec {
	padding: clamp(56px, 7vw, 110px) 0;
	position: relative;
}

.ztx-sec--ink { background: var(--ztx-ink); color: #fff; }
.ztx-sec--paper { background: var(--ztx-paper); }
.ztx-sec--white { background: #fff; }

.ztx-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--ztx-iris);
}

.ztx-sec--ink .ztx-eyebrow { color: var(--ztx-lime); }
.ztx-eyebrow::before {
	content: "";
	width: 26px;
	height: 2px;
	background: currentColor;
	display: block;
}

.ztx-h2 {
	margin: 0;
	font-size: clamp(1.85rem, 3.6vw, 3.1rem);
	line-height: 1.06;
	letter-spacing: -.025em;
	font-weight: 700;
}

.ztx-lead {
	margin: 0;
	font-size: clamp(.98rem, 1.15vw, 1.08rem);
	line-height: 1.65;
	opacity: .72;
	max-width: 46ch;
}

.ztx-head {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
	gap: clamp(20px, 4vw, 64px);
	align-items: end;
	padding-bottom: clamp(26px, 3vw, 46px);
	margin-bottom: clamp(26px, 3vw, 46px);
	border-bottom: 1px solid var(--ztx-line-dark);
}

.ztx-sec--ink .ztx-head { border-bottom-color: var(--ztx-line); }

@media (max-width: 860px) {
	.ztx-head { grid-template-columns: 1fr; align-items: start; }
}

/* ---------- Buttons ---------- */
.ztx-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	height: 54px;
	padding: 0 26px;
	border-radius: 2px;
	border: 1px solid transparent;
	font-weight: 700;
	font-size: .95rem;
	letter-spacing: .01em;
	text-decoration: none;
	transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
	white-space: nowrap;
}

.ztx-btn svg, .ztx-btn img { width: 18px; height: 18px; flex: 0 0 18px; }
.ztx-btn:hover { transform: translateY(-2px); }
.ztx-btn--lime { background: var(--ztx-lime); color: #0B1020; }
.ztx-btn--lime:hover { background: #d8ff6b; color: #0B1020; }
.ztx-btn--ink { background: var(--ztx-ink); color: #fff; }
.ztx-btn--ink:hover { background: var(--ztx-iris); color: #fff; }
.ztx-btn--wire { border-color: currentColor; background: transparent; color: inherit; }
.ztx-btn--wire:hover { background: rgba(255, 255, 255, .1); }
.ztx-sec--paper .ztx-btn--wire:hover, .ztx-sec--white .ztx-btn--wire:hover { background: rgba(7, 10, 22, .06); }

/* ---------- Header ---------- */
.zt-header.ztx-head-bar {
	position: fixed;
	inset: 0 0 auto 0;
	z-index: 900;
	background: rgba(7, 10, 22, .86);
	backdrop-filter: blur(14px);
	border-bottom: 1px solid var(--ztx-line);
	box-shadow: none;
}

.ztx-head-bar .ztx-bar {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 24px;
	height: 78px;
}

.ztx-head-bar.is-stuck .ztx-bar { height: 66px; }
.ztx-head-bar .ztx-bar > .zt-nav { justify-self: center; }

.ztx-brand { display: inline-flex; align-items: center; }
.ztx-brand img { height: 38px; width: auto; max-width: 220px; display: block; }
.ztx-brand .zt-logo--dark { display: none; }

.ztx-head-bar .zt-nav {
	display: flex;
	align-items: center;
	gap: clamp(14px, 1.8vw, 30px);
}

.ztx-head-bar .zt-nav__link,
.ztx-head-bar .zt-nav a {
	color: rgba(255, 255, 255, .82);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 0;
	position: relative;
}

.ztx-head-bar .zt-nav__link:hover { color: #fff; }
.ztx-head-bar .zt-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	right: 100%;
	bottom: 2px;
	height: 2px;
	background: var(--ztx-lime);
	transition: right .25s ease;
}
.ztx-head-bar .zt-nav__item:hover .zt-nav__link::after { right: 0; }

.ztx-head-bar .zt-dropdown {
	background: #0D1226;
	border: 1px solid var(--ztx-line);
	border-radius: 2px;
}
.ztx-head-bar .zt-dropdown a { text-transform: none; letter-spacing: 0; font-size: .9rem; }
.ztx-head-bar .zt-dropdown a small { letter-spacing: 0; text-transform: none; }

.ztx-actions { display: flex; align-items: center; gap: 10px; }

.ztx-icon-btn {
	position: relative;
	display: inline-grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid var(--ztx-line);
	border-radius: 2px;
	color: #fff;
	background: transparent;
	cursor: pointer;
}
.ztx-icon-btn:hover { border-color: var(--ztx-lime); color: var(--ztx-lime); }
.ztx-icon-btn svg { width: 18px; height: 18px; }

.ztx-count {
	position: absolute;
	top: -7px;
	right: -7px;
	min-width: 19px;
	height: 19px;
	padding: 0 5px;
	border-radius: 99px;
	background: var(--ztx-lime);
	color: #0B1020;
	font-size: .68rem;
	font-weight: 800;
	display: grid;
	place-items: center;
}
.ztx-count.is-empty { display: none; }

.ztx-cta-btn { height: 42px; padding: 0 20px; font-size: .82rem; letter-spacing: .08em; text-transform: uppercase; }

.ztx-burger { display: none; }

@media (max-width: 1080px) {
	.ztx-head-bar .ztx-bar > .zt-nav { display: none; }
	.ztx-head-bar .ztx-bar { grid-template-columns: auto 1fr; }
	.ztx-actions { justify-self: end; }
	.ztx-burger { display: inline-grid; }
}

@media (max-width: 620px) {
	.ztx-cta-btn { display: none; }
	.ztx-brand img { height: 30px; }
	.ztx-head-bar .ztx-bar { height: 64px; }
}

.ztx-mobile {
	display: none;
	background: #0B0F1F;
	border-top: 1px solid var(--ztx-line);
	padding: 20px 0 28px;
}
.ztx-mobile.is-open { display: block; }
.ztx-mobile a { color: #fff; }
.ztx-mobile .zt-mobile-nav a,
.ztx-mobile nav a {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid var(--ztx-line);
	text-decoration: none;
	font-weight: 600;
}
.ztx-mobile .ztx-btn { width: 100%; margin-top: 12px; }

body.ztx-body { padding-top: 0; }

/* ---------- Hero ---------- */
.ztx-hero {
	position: relative;
	background: var(--ztx-ink);
	color: #fff;
	overflow: hidden;
	padding-top: clamp(120px, 13vw, 178px);
}

.ztx-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.ztx-hero__bg img { width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.ztx-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(100deg, rgba(7, 10, 22, .96) 12%, rgba(7, 10, 22, .72) 52%, rgba(7, 10, 22, .35) 100%);
}

.ztx-hero__inner { position: relative; z-index: 1; padding-bottom: clamp(40px, 5vw, 74px); }

.ztx-hero__tag {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: var(--ztx-lime);
	border: 1px solid rgba(200, 247, 81, .4);
	border-radius: 2px;
	padding: 8px 14px;
}

.ztx-hero h1 {
	margin: 26px 0 0;
	font-size: clamp(2.4rem, 6.2vw, 5.1rem);
	line-height: .98;
	letter-spacing: -.035em;
	font-weight: 700;
	max-width: 17ch;
}
.ztx-hero h1 em { font-style: normal; color: var(--ztx-lime); }

.ztx-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
	gap: clamp(22px, 4vw, 64px);
	align-items: end;
	margin-top: clamp(22px, 3vw, 40px);
}

.ztx-hero__side p { margin: 0 0 22px; font-size: 1.04rem; line-height: 1.7; color: rgba(255, 255, 255, .76); }
.ztx-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 900px) {
	.ztx-hero__grid { grid-template-columns: 1fr; align-items: start; }
	.ztx-hero__actions .ztx-btn { flex: 1 1 auto; }
}

.ztx-stats {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--ztx-line);
}
.ztx-stats > div {
	padding: 26px clamp(14px, 2vw, 30px);
	border-right: 1px solid var(--ztx-line);
}
.ztx-stats > div:last-child { border-right: 0; }
.ztx-stats strong {
	display: block;
	font-size: clamp(1.7rem, 3vw, 2.6rem);
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.03em;
}
.ztx-stats span {
	display: block;
	margin-top: 8px;
	font-size: .74rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
	font-weight: 700;
}
@media (max-width: 760px) {
	.ztx-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ztx-stats > div:nth-child(2n) { border-right: 0; }
	.ztx-stats > div:nth-child(n+3) { border-top: 1px solid var(--ztx-line); }
}

/* ---------- Ticker ---------- */
.ztx-ticker {
	background: var(--ztx-lime);
	color: #0B1020;
	overflow: hidden;
	border-top: 1px solid rgba(7, 10, 22, .18);
	border-bottom: 1px solid rgba(7, 10, 22, .18);
}
.ztx-ticker__track {
	display: flex;
	gap: 0;
	width: max-content;
	animation: ztx-slide 34s linear infinite;
}
.ztx-ticker span {
	display: inline-flex;
	align-items: center;
	gap: 22px;
	padding: 15px 22px;
	font-size: .82rem;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
	white-space: nowrap;
}
.ztx-ticker span::after { content: "◆"; font-size: .6rem; opacity: .5; }
@keyframes ztx-slide { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .ztx-ticker__track { animation: none; } }

/* ---------- Service index ---------- */
.ztx-index { border-top: 1px solid var(--ztx-line-dark); }
.ztx-sec--ink .ztx-index { border-top-color: var(--ztx-line); }

.ztx-row {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1.05fr) 54px;
	gap: clamp(12px, 2vw, 30px);
	align-items: center;
	padding: clamp(20px, 2.4vw, 30px) 0;
	border-bottom: 1px solid var(--ztx-line-dark);
	text-decoration: none;
	color: inherit;
	transition: background .2s ease, padding .2s ease;
}
.ztx-sec--ink .ztx-row { border-bottom-color: var(--ztx-line); }
.ztx-row:hover { background: rgba(91, 91, 247, .06); padding-left: 14px; padding-right: 14px; }

.ztx-row__n {
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .18em;
	color: var(--ztx-iris);
}
.ztx-row__t {
	margin: 0;
	font-size: clamp(1.15rem, 2vw, 1.6rem);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.15;
}
.ztx-row__d { margin: 0; font-size: .95rem; line-height: 1.6; opacity: .68; }
.ztx-row__go {
	justify-self: end;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--ztx-line-dark);
	border-radius: 2px;
	font-size: 1rem;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.ztx-row:hover .ztx-row__go { background: var(--ztx-iris); border-color: var(--ztx-iris); color: #fff; }

@media (max-width: 820px) {
	.ztx-row { grid-template-columns: 52px minmax(0, 1fr) 40px; row-gap: 8px; }
	.ztx-row__d { grid-column: 2 / 4; }
	.ztx-row__go { width: 38px; height: 38px; }
}

/* ---------- Split (approach) ---------- */
.ztx-split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(24px, 4vw, 72px);
	align-items: center;
}
.ztx-split figure { margin: 0; position: relative; }
.ztx-split img {
	width: 100%;
	height: 100%;
	min-height: 320px;
	max-height: 620px;
	object-fit: cover;
	border-radius: 2px;
	display: block;
}
.ztx-split__badge {
	position: absolute;
	left: 0;
	bottom: 0;
	background: var(--ztx-lime);
	color: #0B1020;
	padding: 16px 22px;
	max-width: 260px;
}
.ztx-split__badge strong { display: block; font-size: 1.6rem; line-height: 1; }
.ztx-split__badge span { font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }

@media (max-width: 880px) { .ztx-split { grid-template-columns: 1fr; } }

.ztx-steps { list-style: none; margin: 26px 0 0; padding: 0; counter-reset: ztx; }
.ztx-steps li {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	gap: 18px;
	padding: 20px 0;
	border-top: 1px solid var(--ztx-line-dark);
}
.ztx-sec--ink .ztx-steps li { border-top-color: var(--ztx-line); }
.ztx-steps li b { font-size: .8rem; letter-spacing: .16em; color: var(--ztx-iris); font-weight: 800; }
.ztx-steps h3 { margin: 0 0 6px; font-size: 1.08rem; font-weight: 700; }
.ztx-steps p { margin: 0; font-size: .94rem; line-height: 1.6; opacity: .7; }

/* ---------- Value grid ---------- */
.ztx-vals {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--ztx-line-dark);
	border-left: 1px solid var(--ztx-line-dark);
}
.ztx-sec--ink .ztx-vals { border-color: var(--ztx-line); }
.ztx-vals > article {
	padding: clamp(22px, 2.6vw, 34px);
	border-right: 1px solid var(--ztx-line-dark);
	border-bottom: 1px solid var(--ztx-line-dark);
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 100%;
}
.ztx-sec--ink .ztx-vals > article { border-color: var(--ztx-line); }
.ztx-vals h3 { margin: 0; font-size: 1.06rem; font-weight: 700; }
.ztx-vals p { margin: 0; font-size: .93rem; line-height: 1.62; opacity: .7; }
.ztx-vals .ztx-ico { width: 40px; height: 40px; display: grid; place-items: center; background: var(--ztx-iris); color: #fff; border-radius: 2px; }
.ztx-vals .ztx-ico svg { width: 20px; height: 20px; }

@media (max-width: 1024px) { .ztx-vals { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ztx-vals { grid-template-columns: 1fr; } }

/* ---------- Pricing table ---------- */
.ztx-plans {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid var(--ztx-line);
	background: rgba(255, 255, 255, .02);
}
.ztx-plan {
	display: flex;
	flex-direction: column;
	padding: clamp(24px, 3vw, 38px);
	border-right: 1px solid var(--ztx-line);
}
.ztx-plan:last-child { border-right: 0; }
.ztx-plan.is-featured { background: rgba(91, 91, 247, .16); }
.ztx-plan:not(.is-featured)::before { content: ""; display: block; height: 23px; margin-bottom: 14px; }
@media (max-width: 900px) { .ztx-plan:not(.is-featured)::before { display: none; } }
.ztx-plan__flag {
	align-self: flex-start;
	background: var(--ztx-lime);
	color: #0B1020;
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	padding: 5px 10px;
	margin-bottom: 14px;
}
.ztx-plan h3 { margin: 0; font-size: 1.15rem; font-weight: 700; letter-spacing: .02em; }
.ztx-plan__price { margin: 14px 0 0; font-size: clamp(2.2rem, 4vw, 3rem); font-weight: 700; letter-spacing: -.03em; line-height: 1; }
.ztx-plan__price small { font-size: .95rem; font-weight: 600; opacity: .6; letter-spacing: 0; }
.ztx-plan__sum { margin: 12px 0 0; font-size: .93rem; line-height: 1.6; opacity: .7; }
.ztx-plan ul { list-style: none; margin: 22px 0 26px; padding: 0; flex: 1 1 auto; display: grid; gap: 11px; align-content: start; }
.ztx-plan li { position: relative; padding-left: 24px; font-size: .93rem; line-height: 1.5; opacity: .85; }
.ztx-plan li::before { content: "→"; position: absolute; left: 0; color: var(--ztx-lime); }
.ztx-plan .ztx-btn { width: 100%; margin-top: auto; }

@media (max-width: 900px) {
	.ztx-plans { grid-template-columns: 1fr; }
	.ztx-plan { border-right: 0; border-bottom: 1px solid var(--ztx-line); }
	.ztx-plan:last-child { border-bottom: 0; }
}

/* ---------- Custom package ---------- */
.ztx-config {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	gap: clamp(24px, 4vw, 60px);
	align-items: start;
}
@media (max-width: 940px) { .ztx-config { grid-template-columns: 1fr; } }

.ztx-config__list { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 12px; }
.ztx-config__list li { position: relative; padding-left: 26px; font-size: .95rem; line-height: 1.55; opacity: .8; }
.ztx-config__list li::before { content: "✓"; position: absolute; left: 0; color: var(--ztx-lime); font-weight: 700; }

.ztx-panel {
	background: #fff;
	color: #0B1020;
	border-radius: 2px;
	padding: clamp(22px, 3vw, 34px);
	box-shadow: 0 30px 70px rgba(0, 0, 0, .35);
}
.ztx-panel__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 22px; counter-reset: s; }
.ztx-panel__steps span {
	counter-increment: s;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	padding-top: 10px;
	border-top: 3px solid var(--ztx-iris);
	color: #0B1020;
}
.ztx-panel__steps span::before { content: "0" counter(s) " · "; color: var(--ztx-iris); }

/* ---------- Work rows ---------- */
.ztx-cases { display: grid; gap: clamp(18px, 2.4vw, 30px); }
.ztx-case {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	align-items: stretch;
	border: 1px solid var(--ztx-line-dark);
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
}
.ztx-case figure { margin: 0; min-height: 300px; }
.ztx-case img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ztx-case__body { padding: clamp(24px, 3vw, 46px); display: flex; flex-direction: column; justify-content: center; gap: 12px; }
.ztx-case:nth-child(even) figure { order: 2; }
.ztx-case h3 { margin: 0; font-size: clamp(1.2rem, 2vw, 1.65rem); font-weight: 700; letter-spacing: -.02em; line-height: 1.2; }
.ztx-case p { margin: 0; font-size: .96rem; line-height: 1.65; opacity: .7; }
.ztx-case__tag {
	align-self: flex-start;
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ztx-iris);
	border: 1px solid rgba(91, 91, 247, .4);
	padding: 5px 10px;
	border-radius: 2px;
}
@media (max-width: 820px) {
	.ztx-case { grid-template-columns: 1fr; }
	.ztx-case:nth-child(even) figure { order: 0; }
	.ztx-case figure { min-height: 220px; }
}

/* ---------- Quotes ---------- */
.ztx-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-left: 1px solid var(--ztx-line); }
.ztx-quotes blockquote {
	margin: 0;
	padding: clamp(24px, 3vw, 38px);
	border-right: 1px solid var(--ztx-line);
	border-top: 1px solid var(--ztx-line);
	border-bottom: 1px solid var(--ztx-line);
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.ztx-quotes p { margin: 0; font-size: 1rem; line-height: 1.7; flex: 1 1 auto; }
.ztx-quotes footer { font-size: .86rem; opacity: .65; }
.ztx-quotes footer strong { display: block; font-size: .95rem; opacity: 1; margin-bottom: 2px; }
.ztx-quotes .ztx-stars { color: var(--ztx-lime); letter-spacing: .2em; font-size: .8rem; }
@media (max-width: 900px) { .ztx-quotes { grid-template-columns: 1fr; } }

/* ---------- FAQ ---------- */
.ztx-faq { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(24px, 4vw, 64px); }
@media (max-width: 820px) { .ztx-faq { grid-template-columns: 1fr; } }
.ztx-faq .zt-acc__item, .ztx-faq details {
	border-bottom: 1px solid var(--ztx-line-dark);
}
.ztx-faq details { padding: 18px 0; }
.ztx-faq summary {
	cursor: pointer;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-weight: 700;
	font-size: 1.02rem;
}
.ztx-faq summary::-webkit-details-marker { display: none; }
.ztx-faq summary::after { content: "+"; color: var(--ztx-iris); font-size: 1.3rem; line-height: 1; }
.ztx-faq details[open] summary::after { content: "–"; }
.ztx-faq details p { margin: 12px 0 0; font-size: .95rem; line-height: 1.68; opacity: .72; max-width: 56ch; }

/* ---------- Footer ---------- */
.zt-footer.ztx-foot { background: var(--ztx-ink); color: #fff; padding: 0; }
.ztx-foot__cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: center;
	padding: clamp(38px, 5vw, 68px) 0;
	border-bottom: 1px solid var(--ztx-line);
}
.ztx-foot__cta h2 { margin: 0; font-size: clamp(1.6rem, 3.2vw, 2.6rem); line-height: 1.1; letter-spacing: -.03em; max-width: 20ch; }
.ztx-foot__cta .ztx-actions { gap: 12px; flex-wrap: wrap; }
@media (max-width: 820px) { .ztx-foot__cta { grid-template-columns: 1fr; } }

.ztx-foot__cols {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
	gap: clamp(24px, 3vw, 48px);
	padding: clamp(38px, 4.5vw, 62px) 0;
	border-bottom: 1px solid var(--ztx-line);
}
@media (max-width: 980px) { .ztx-foot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .ztx-foot__cols { grid-template-columns: 1fr; } }

.ztx-foot__cols h4 {
	margin: 0 0 16px;
	font-size: .74rem;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--ztx-lime);
	font-weight: 800;
}
.ztx-foot__cols ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ztx-foot__cols a { color: rgba(255, 255, 255, .72); text-decoration: none; font-size: .93rem; }
.ztx-foot__cols a:hover { color: var(--ztx-lime); }
.ztx-foot__brand img { height: 40px; width: auto; margin-bottom: 18px; }
.ztx-foot__brand p { margin: 0 0 14px; font-size: .95rem; line-height: 1.7; color: rgba(255, 255, 255, .66); max-width: 38ch; }
.ztx-foot__brand address { font-style: normal; font-size: .93rem; line-height: 1.7; color: rgba(255, 255, 255, .66); }

.ztx-foot__mark {
	padding: clamp(20px, 3vw, 34px) 0;
	border-bottom: 1px solid var(--ztx-line);
	font-size: clamp(2.4rem, 12vw, 9rem);
	line-height: .86;
	font-weight: 700;
	letter-spacing: -.05em;
	color: rgba(255, 255, 255, .07);
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
}

.ztx-foot__bottom {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 22px;
	justify-content: space-between;
	align-items: center;
	padding: 22px 0 30px;
	font-size: .84rem;
	color: rgba(255, 255, 255, .55);
}
.ztx-foot__bottom nav { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.ztx-foot__bottom a { color: rgba(255, 255, 255, .55); text-decoration: none; }
.ztx-foot__bottom a:hover { color: #fff; }

/* ---------- Product page ---------- */
.ztx-prod-hero {
	background: var(--ztx-ink);
	color: #fff;
	padding: clamp(112px, 12vw, 160px) 0 clamp(34px, 4vw, 56px);
}
.ztx-prod-hero .ztx-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: .82rem; color: rgba(255, 255, 255, .55); margin-bottom: 22px; }
.ztx-prod-hero .ztx-crumbs a { color: rgba(255, 255, 255, .78); text-decoration: none; }
.ztx-prod-hero h1 { margin: 10px 0 0; font-size: clamp(2rem, 4.6vw, 3.4rem); line-height: 1.04; letter-spacing: -.03em; max-width: 18ch; }
.ztx-prod-hero__grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: clamp(20px, 4vw, 56px); align-items: end; }
.ztx-prod-hero__meta { display: grid; gap: 10px; font-size: .95rem; color: rgba(255, 255, 255, .7); }
@media (max-width: 900px) { .ztx-prod-hero__grid { grid-template-columns: 1fr; align-items: start; } }

.ztx-prod-main {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
	gap: clamp(24px, 3.5vw, 56px);
	align-items: start;
	padding: clamp(38px, 5vw, 72px) 0;
}
@media (max-width: 980px) { .ztx-prod-main { grid-template-columns: 1fr; } }

.ztx-prod-media img { width: 100%; height: auto; display: block; border-radius: 2px; }
.ztx-prod-media .woocommerce-product-gallery { width: 100% !important; float: none !important; margin: 0 0 26px !important; }

.ztx-buybox {
	position: sticky;
	top: 100px;
	border: 1px solid var(--ztx-line-dark);
	border-radius: 2px;
	background: #fff;
	padding: clamp(20px, 2.5vw, 30px);
}
.ztx-buybox .price { font-size: 2rem !important; font-weight: 700 !important; color: #0B1020 !important; margin: 0 0 14px !important; }
.ztx-buybox .cart { margin: 18px 0 0 !important; }
.ztx-buybox .single_add_to_cart_button {
	width: 100%;
	height: 54px;
	border-radius: 2px !important;
	background: var(--ztx-ink) !important;
	color: #fff !important;
	font-weight: 700 !important;
}
.ztx-buybox .single_add_to_cart_button:hover { background: var(--ztx-iris) !important; }
.ztx-buybox .quantity { margin-bottom: 12px; }

.ztx-facts { list-style: none; margin: 18px 0 0; padding: 18px 0 0; border-top: 1px solid var(--ztx-line-dark); display: grid; gap: 10px; }
.ztx-facts li { display: flex; gap: 10px; font-size: .9rem; opacity: .78; }
.ztx-facts li::before { content: "✓"; color: var(--ztx-iris); font-weight: 700; }

.ztx-prod-copy h2 { font-size: clamp(1.3rem, 2.2vw, 1.8rem); margin: 0 0 14px; letter-spacing: -.02em; }
.ztx-prod-copy p { line-height: 1.75; }
.ztx-prod-blocks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 26px; }
@media (max-width: 640px) { .ztx-prod-blocks { grid-template-columns: 1fr; } }
.ztx-prod-blocks > div { border: 1px solid var(--ztx-line-dark); border-radius: 2px; padding: 22px; }
.ztx-prod-blocks h3 { margin: 0 0 10px; font-size: 1rem; }
.ztx-prod-blocks ul { margin: 0; padding-left: 18px; display: grid; gap: 8px; font-size: .93rem; opacity: .78; }