/* ==========================================================================
   Zontes 230 Landing — استایل اصلی
   جهت: RTL | فونت: Vazirmatn | پالت: مشکی #0A0A0A، قرمز #E30613،
   سفید/آف‌وایت، نقره‌ای فلزی برای لبه‌ها و جزئیات سه‌بعدی.
   ========================================================================== */

/* ----- توکن‌های طراحی ----- */
:root {
	--zt-red: #E30613;
	--zt-red-dark: #B8050F;
	--zt-black: #0A0A0A;
	--zt-black-soft: #141416;
	--zt-black-softer: #1C1C1F;
	--zt-white: #FFFFFF;
	--zt-off-white: #F7F7F5;
	--zt-silver: #C7CBD1;
	--zt-silver-dark: #8A8F98;

	--zt-glass-bg: rgba(20, 20, 22, .55);
	--zt-glass-bg-strong: rgba(10, 10, 10, .82);
	--zt-glass-border: rgba(255, 255, 255, .09);

	--zt-font: 'Vazirmatn', 'IRANSansX', Tahoma, sans-serif;

	--zt-text-xs: clamp(.75rem, .72rem + .15vw, .8125rem);
	--zt-text-sm: clamp(.875rem, .83rem + .2vw, .9375rem);
	--zt-text-base: clamp(1rem, .95rem + .25vw, 1.0625rem);
	--zt-text-lg: clamp(1.125rem, 1.05rem + .35vw, 1.25rem);
	--zt-text-xl: clamp(1.375rem, 1.2rem + .7vw, 1.75rem);
	--zt-text-2xl: clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);
	--zt-text-3xl: clamp(2.25rem, 1.8rem + 1.9vw, 3.25rem);
	--zt-text-hero: clamp(2.75rem, 2rem + 3.6vw, 5.25rem);

	--zt-space-1: clamp(.25rem, .22rem + .15vw, .375rem);
	--zt-space-2: clamp(.5rem, .43rem + .3vw, .75rem);
	--zt-space-3: clamp(.75rem, .65rem + .45vw, 1.125rem);
	--zt-space-4: clamp(1rem, .87rem + .6vw, 1.5rem);
	--zt-space-6: clamp(1.5rem, 1.25rem + 1.1vw, 2.25rem);
	--zt-space-8: clamp(2rem, 1.65rem + 1.5vw, 3rem);
	--zt-space-12: clamp(3rem, 2.4rem + 2.6vw, 4.5rem);
	--zt-space-16: clamp(4rem, 3.2rem + 3.4vw, 6rem);
	--zt-space-24: clamp(5rem, 3.8rem + 5vw, 8rem);

	--zt-radius-sm: 8px;
	--zt-radius-md: 14px;
	--zt-radius-lg: 24px;

	--zt-ease: cubic-bezier(.16, 1, .3, 1);
	--zt-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
	--zt-dur-fast: 150ms;
	--zt-dur-base: 300ms;
	--zt-dur-slow: 600ms;
	--zt-dur-cinematic: 900ms;

	--zt-header-h: 76px;
	--zt-container: 1240px;
	--zt-z-header: 100;
	--zt-z-drawer: 110;
}

/* ----- ریست پایه ----- */
.zt230-body, .zt230-body * , .zt230-body *::before, .zt230-body *::after {
	box-sizing: border-box;
}

.zt230-body {
	margin: 0;
	background: var(--zt-off-white);
	color: var(--zt-black);
	font-family: var(--zt-font);
	font-size: var(--zt-text-base);
	line-height: 1.75;
	direction: rtl;
	text-align: right;
	-webkit-font-smoothing: antialiased;
	overflow-x: clip;
}

.zt230-body img { max-width: 100%; display: block; }
.zt230-body button { font-family: inherit; cursor: pointer; }
.zt230-body a { color: inherit; text-decoration: none; }
.zt230-body h1, .zt230-body h2, .zt230-body h3 { margin: 0; line-height: 1.25; }

.zt230-body :focus-visible {
	outline: 2px solid var(--zt-red);
	outline-offset: 3px;
	border-radius: 4px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
}

.zt230-skip-link {
	position: fixed;
	top: -100px;
	inset-inline-start: 12px;
	z-index: 999;
	background: var(--zt-red);
	color: #fff;
	padding: 10px 18px;
	border-radius: var(--zt-radius-sm);
	transition: top var(--zt-dur-fast) var(--zt-ease);
}
.zt230-skip-link:focus { top: 12px; }

@media (prefers-reduced-motion: reduce) {
	.zt230-body *, .zt230-body *::before, .zt230-body *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

.zt230-container {
	max-width: var(--zt-container);
	margin-inline: auto;
	padding-inline: var(--zt-space-6);
}
.zt230-container--narrow { max-width: 820px; }

.zt230-eyebrow {
	font-size: var(--zt-text-xs);
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--zt-red);
	font-weight: 600;
	margin: 0 0 var(--zt-space-2);
}
.zt230-eyebrow--onred { color: rgba(255,255,255,.85); }

.zt230-section-title {
	font-size: var(--zt-text-3xl);
	font-weight: 800;
	margin: 0 0 var(--zt-space-8);
	letter-spacing: -.01em;
}

.zt230-kw { color: var(--zt-red); }
.zt230-kw--onred { color: #fff; text-decoration: underline; text-decoration-color: rgba(255,255,255,.4); text-underline-offset: 6px; }

/* ----- دکمه‌ها ----- */
.zt230-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--zt-space-2);
	font-weight: 700;
	font-size: var(--zt-text-base);
	padding: 14px 28px;
	border-radius: 999px;
	border: 1px solid transparent;
	transition: transform var(--zt-dur-fast) var(--zt-ease), box-shadow var(--zt-dur-fast) var(--zt-ease), background var(--zt-dur-fast) var(--zt-ease);
	will-change: transform;
}
.zt230-btn svg { width: 20px; height: 20px; flex-shrink: 0; }
.zt230-btn--sm { padding: 10px 18px; font-size: var(--zt-text-sm); }
.zt230-btn--lg { padding: 17px 36px; font-size: var(--zt-text-lg); }

.zt230-btn--primary {
	background: var(--zt-red);
	color: #fff;
	box-shadow: 0 8px 24px rgba(227, 6, 19, .35);
}
.zt230-btn--primary:hover { background: var(--zt-red-dark); box-shadow: 0 10px 30px rgba(227, 6, 19, .5); }

.zt230-btn--outline {
	background: transparent;
	color: var(--zt-black);
	border-color: rgba(10,10,10,.18);
}
.zt230-btn--outline:hover { border-color: var(--zt-red); color: var(--zt-red); }

.zt230-btn--white { background: #fff; color: var(--zt-black); }
.zt230-btn--white:hover { background: var(--zt-off-white); }

.zt230-btn--ghost-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.35); }
.zt230-btn--ghost-white:hover { border-color: #fff; }

/* ==========================================================================
   هدر — شفاف روی هیرو، مات و ثابت پس از اسکرول
   ========================================================================== */
.zt230-header {
	position: fixed;
	inset-inline: 0;
	top: 0;
	z-index: var(--zt-z-header);
	background: transparent;
	transition: background var(--zt-dur-base) var(--zt-ease), backdrop-filter var(--zt-dur-base) var(--zt-ease), box-shadow var(--zt-dur-base) var(--zt-ease);
}
.zt230-header.is-solid {
	background: var(--zt-glass-bg-strong);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	box-shadow: 0 1px 0 var(--zt-glass-border), 0 12px 30px rgba(0,0,0,.25);
}

.zt230-header__inner {
	max-width: var(--zt-container);
	margin-inline: auto;
	padding-inline: var(--zt-space-6);
	height: var(--zt-header-h);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--zt-space-4);
}

.zt230-header__logo { display: flex; align-items: center; }
.zt230-header__logo-img { max-height: 40px; width: auto; }
.zt230-header__logo-text { color: #fff; font-weight: 800; font-size: var(--zt-text-lg); }
.zt230-header__logo-text em { color: var(--zt-red); font-style: normal; }

.zt230-header__nav {
	display: none;
	align-items: center;
	gap: var(--zt-space-6);
}
.zt230-header__nav a {
	color: rgba(255,255,255,.85);
	font-size: var(--zt-text-sm);
	font-weight: 600;
	transition: color var(--zt-dur-fast);
	position: relative;
}
.zt230-header__nav a:hover { color: #fff; }
.zt230-header__nav a::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	bottom: -6px;
	height: 2px;
	background: var(--zt-red);
	transform: scaleX(0);
	transition: transform var(--zt-dur-fast) var(--zt-ease);
}
.zt230-header__nav a:hover::after { transform: scaleX(1); }

.zt230-header__actions { display: flex; align-items: center; gap: var(--zt-space-3); }

.zt230-header__cta {
	display: none;
	align-items: center;
	gap: 8px;
	background: var(--zt-red);
	color: #fff;
	font-weight: 700;
	font-size: var(--zt-text-sm);
	padding: 10px 20px;
	border-radius: 999px;
}
.zt230-header__cta svg { width: 18px; height: 18px; }

.zt230-header__burger {
	background: rgba(255,255,255,.1);
	border: 1px solid var(--zt-glass-border);
	color: #fff;
	width: 42px; height: 42px;
	border-radius: var(--zt-radius-sm);
	display: flex; align-items: center; justify-content: center;
}
.zt230-header__burger svg { width: 22px; height: 22px; }

@media (min-width: 900px) {
	.zt230-header__nav { display: flex; }
	.zt230-header__cta { display: inline-flex; }
	.zt230-header__burger { display: none; }
}

/* منوی موبایل: کشو تمام‌صفحه */
@media (max-width: 899px) {
	.zt230-header__nav {
		position: fixed;
		inset: 0;
		z-index: var(--zt-z-drawer);
		background: var(--zt-black);
		flex-direction: column;
		justify-content: center;
		gap: var(--zt-space-6);
		transform: translateY(-8px);
		opacity: 0;
		visibility: hidden;
		transition: opacity var(--zt-dur-base) var(--zt-ease), transform var(--zt-dur-base) var(--zt-ease), visibility var(--zt-dur-base);
	}
	.zt230-header__nav.is-open {
		display: flex;
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	}
	.zt230-header__nav a { font-size: var(--zt-text-xl); }
}

/* ==========================================================================
   هیرو
   ========================================================================== */
.zt230-hero {
	position: relative;
	min-height: 100svh;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: var(--zt-black);
}

.zt230-hero__media { position: absolute; inset: 0; z-index: 0; }
.zt230-hero__video, .zt230-hero__poster {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover;
}
.zt230-hero__overlay {
	position: absolute; inset: 0;
	background:
		linear-gradient(to bottom, rgba(10,10,10,.75) 0%, rgba(10,10,10,.35) 30%, rgba(10,10,10,.55) 68%, rgba(10,10,10,.95) 100%);
}

.zt230-hero__gauge-ring {
	position: absolute;
	inset-inline-end: -120px;
	top: 50%;
	transform: translateY(-50%);
	width: 480px; height: 480px;
	border-radius: 50%;
	border: 1px solid rgba(199,203,209,.15);
	pointer-events: none;
}
.zt230-hero__gauge-ring::before {
	content: '';
	position: absolute; inset: 40px;
	border-radius: 50%;
	border: 1px dashed rgba(227,6,19,.25);
}
@media (max-width: 900px) { .zt230-hero__gauge-ring { display: none; } }

.zt230-hero__content {
	position: relative;
	z-index: 1;
	max-width: 900px;
	margin-inline: auto;
	padding: 0 var(--zt-space-6);
	text-align: center;
	color: #fff;
}

.zt230-hero__title {
	font-size: var(--zt-text-hero);
	font-weight: 900;
	letter-spacing: -.02em;
	margin: 0 0 var(--zt-space-4);
	text-wrap: balance;
}

.zt230-hero__subtitle {
	font-size: var(--zt-text-lg);
	color: rgba(255,255,255,.82);
	max-width: 620px;
	margin: 0 auto var(--zt-space-8);
}

.zt230-hero__cta-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--zt-space-4);
}

.zt230-hero__secondary-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255,255,255,.75);
	font-size: var(--zt-text-sm);
	font-weight: 600;
}
.zt230-hero__secondary-link svg { width: 16px; height: 16px; transform: rotate(-90deg); }

.zt230-hero__av-toggle {
	position: absolute;
	z-index: 2;
	inset-inline-end: var(--zt-space-4);
	bottom: var(--zt-space-4);
	width: 44px; height: 44px;
	border-radius: 50%;
	background: rgba(10,10,10,.5);
	border: 1px solid var(--zt-glass-border);
	backdrop-filter: blur(8px);
	color: #fff;
	display: flex; align-items: center; justify-content: center;
}
.zt230-hero__av-toggle svg { width: 18px; height: 18px; }

.zt230-hero__scroll-cue {
	position: absolute;
	bottom: var(--zt-space-6);
	inset-inline-start: 50%;
	transform: translateX(50%);
	width: 1px; height: 46px;
	background: linear-gradient(to bottom, transparent, rgba(255,255,255,.6));
}
.zt230-hero__scroll-cue::after {
	content: '';
	position: absolute;
	top: 0; inset-inline-start: -2px;
	width: 5px; height: 5px;
	border-radius: 50%;
	background: var(--zt-red);
	animation: zt230-cue 2.2s var(--zt-ease) infinite;
}
@keyframes zt230-cue {
	0% { transform: translateY(0); opacity: 0; }
	30% { opacity: 1; }
	100% { transform: translateY(40px); opacity: 0; }
}

/* ==========================================================================
   بخش‌های عمومی (پس‌زمینه‌ی روشن)
   ========================================================================== */
.zt230-slider-section,
.zt230-cards-section,
.zt230-benefits-section { padding-block: var(--zt-space-24); }

.zt230-slider-section .zt230-container,
.zt230-cards-section .zt230-container { text-align: center; }

/* ==========================================================================
   اسلایدر سه‌بعدی (Coverflow)
   ========================================================================== */
.zt230-coverflow {
	position: relative;
	margin-top: var(--zt-space-8);
	padding-block: var(--zt-space-8);
}

.zt230-coverflow__track {
	position: relative;
	height: 460px;
	perspective: 1400px;
	touch-action: pan-y;
}

.zt230-coverflow__card {
	position: absolute;
	top: 0; inset-inline-start: 50%;
	width: min(300px, 78vw);
	margin-inline-start: calc(min(300px, 78vw) / -2);
	transform-style: preserve-3d;
	transition: transform var(--zt-dur-slow) var(--zt-ease), opacity var(--zt-dur-slow) var(--zt-ease);
	will-change: transform, opacity;
}

.zt230-p-card {
	position: relative;
	background: var(--zt-glass-bg);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border: 1px solid var(--zt-glass-border);
	border-radius: var(--zt-radius-lg);
	overflow: hidden;
	color: #fff;
	text-align: start;
	box-shadow: 0 20px 50px rgba(0,0,0,.35);
}
/* لبه‌ی فلزیِ نازک — نمای «قطعه‌ی ماشین‌کاری‌شده» */
.zt230-p-card::before {
	content: '';
	position: absolute; inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: linear-gradient(135deg, var(--zt-silver) 0%, transparent 30%, transparent 70%, var(--zt-silver-dark) 100%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: .5;
	pointer-events: none;
}

.zt230-p-card__badge {
	position: absolute;
	top: 14px; inset-inline-start: 14px;
	z-index: 2;
	background: var(--zt-red);
	color: #fff;
	font-size: var(--zt-text-xs);
	font-weight: 700;
	padding: 5px 12px;
	border-radius: 999px;
}

.zt230-p-card__media {
	aspect-ratio: 4 / 3;
	background: linear-gradient(160deg, var(--zt-black-softer), var(--zt-black));
	display: flex; align-items: center; justify-content: center;
	overflow: hidden;
}
.zt230-p-card__media img { width: 100%; height: 100%; object-fit: cover; }
.zt230-p-card__ph { width: 64px; height: 64px; color: var(--zt-silver-dark); }
.zt230-p-card__ph svg { width: 100%; height: 100%; }

.zt230-p-card__body { padding: var(--zt-space-4); }
.zt230-p-card__body h3 { font-size: var(--zt-text-lg); font-weight: 700; margin-bottom: 6px; }
.zt230-p-card__desc { font-size: var(--zt-text-sm); color: rgba(255,255,255,.65); margin: 0 0 var(--zt-space-2); }
.zt230-p-card__price {
	font-variant-numeric: tabular-nums;
	direction: ltr;
	text-align: right;
	color: var(--zt-silver);
	font-weight: 700;
	margin: 0 0 var(--zt-space-3);
}

.zt230-coverflow__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--zt-space-4);
	margin-top: var(--zt-space-6);
}
.zt230-coverflow__arrow {
	width: 46px; height: 46px;
	border-radius: 50%;
	border: 1px solid rgba(10,10,10,.15);
	background: #fff;
	display: flex; align-items: center; justify-content: center;
	transition: background var(--zt-dur-fast), transform var(--zt-dur-fast);
}
.zt230-coverflow__arrow svg { width: 20px; height: 20px; }
.zt230-coverflow__arrow--next svg { transform: rotate(180deg); }
.zt230-coverflow__arrow:hover { background: var(--zt-red); color: #fff; border-color: var(--zt-red); }
.zt230-coverflow__status { font-size: var(--zt-text-sm); color: var(--zt-silver-dark); min-width: 60px; text-align: center; }

/* ==========================================================================
   گرید محصولات + فیلتر دسته‌بندی
   ========================================================================== */
.zt230-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--zt-space-2);
	margin-bottom: var(--zt-space-8);
}
.zt230-filter {
	background: #fff;
	border: 1px solid rgba(10,10,10,.12);
	border-radius: 999px;
	padding: 8px 20px;
	font-size: var(--zt-text-sm);
	font-weight: 600;
	transition: all var(--zt-dur-fast) var(--zt-ease);
}
.zt230-filter.is-active,
.zt230-filter:hover { background: var(--zt-black); color: #fff; border-color: var(--zt-black); }

.zt230-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
	gap: var(--zt-space-6);
	text-align: start;
}

.zt230-p-card--grid {
	background: var(--zt-black-soft);
	transform: perspective(900px) rotateX(var(--zt-rx, 0deg)) rotateY(var(--zt-ry, 0deg));
	transition: transform var(--zt-dur-base) var(--zt-ease), box-shadow var(--zt-dur-base) var(--zt-ease);
}
.zt230-p-card--grid:hover {
	box-shadow: 0 30px 60px rgba(227,6,19,.18), 0 10px 30px rgba(0,0,0,.4);
}
.zt230-p-card--grid.zt230-is-hidden { display: none; }

/* ==========================================================================
   مزایا
   ========================================================================== */
.zt230-benefits-section { background: var(--zt-off-white); }
.zt230-benefits-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--zt-space-6);
	text-align: center;
}
.zt230-benefit {
	background: #fff;
	border: 1px solid rgba(10,10,10,.06);
	border-radius: var(--zt-radius-md);
	padding: var(--zt-space-6);
	transition: transform var(--zt-dur-base) var(--zt-ease), box-shadow var(--zt-dur-base) var(--zt-ease);
}
.zt230-benefit:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(10,10,10,.08); }
.zt230-benefit__icon {
	display: inline-flex;
	width: 56px; height: 56px;
	align-items: center; justify-content: center;
	border-radius: 50%;
	background: rgba(227,6,19,.08);
	color: var(--zt-red);
	margin-bottom: var(--zt-space-3);
}
.zt230-benefit__icon svg { width: 26px; height: 26px; }
.zt230-benefit h3 { font-size: var(--zt-text-lg); margin-bottom: 6px; }
.zt230-benefit p { color: rgba(10,10,10,.6); font-size: var(--zt-text-sm); margin: 0; }

/* ==========================================================================
   سوالات متداول
   ========================================================================== */
.zt230-faq-section { background: var(--zt-black); color: #fff; padding-block: var(--zt-space-24); }
.zt230-faq-section .zt230-section-title,
.zt230-faq-section .zt230-eyebrow { text-align: center; }

.zt230-accordion__item {
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.zt230-accordion__trigger {
	width: 100%;
	background: none;
	border: none;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--zt-space-4);
	padding: var(--zt-space-4) 4px;
	font-size: var(--zt-text-lg);
	font-weight: 600;
	text-align: start;
}
.zt230-accordion__trigger svg { width: 20px; height: 20px; flex-shrink: 0; transition: transform var(--zt-dur-base) var(--zt-ease); color: var(--zt-red); }
.zt230-accordion__trigger[aria-expanded="true"] svg { transform: rotate(-90deg); }
.zt230-accordion__panel { overflow: hidden; }
.zt230-accordion__panel p { color: rgba(255,255,255,.68); padding: 0 4px var(--zt-space-4); margin: 0; }

/* ==========================================================================
   ضمانت / اینماد
   ========================================================================== */
.zt230-trust-section { padding-block: var(--zt-space-16); background: var(--zt-off-white); }
.zt230-trust__card {
	display: flex;
	align-items: center;
	gap: var(--zt-space-6);
	background: #fff;
	border: 1px solid rgba(10,10,10,.06);
	border-inline-start: 4px solid var(--zt-red);
	border-radius: var(--zt-radius-md);
	padding: var(--zt-space-6);
}
.zt230-trust__icon { width: 52px; height: 52px; color: var(--zt-red); flex-shrink: 0; }
.zt230-trust__icon svg { width: 100%; height: 100%; }
.zt230-trust__copy h2 { font-size: var(--zt-text-xl); margin-bottom: 6px; }
.zt230-trust__copy p { margin: 0; color: rgba(10,10,10,.65); }
.zt230-trust__enamad { margin-top: var(--zt-space-6); display: flex; justify-content: center; }
@media (max-width: 640px) { .zt230-trust__card { flex-direction: column; text-align: center; } }

/* ==========================================================================
   دعوت نهایی
   ========================================================================== */
.zt230-final-cta {
	background: linear-gradient(160deg, var(--zt-red) 0%, var(--zt-red-dark) 100%);
	color: #fff;
	padding-block: var(--zt-space-24);
	text-align: center;
}
.zt230-final-cta__title { font-size: var(--zt-text-3xl); font-weight: 800; margin: 0 0 var(--zt-space-8); }
.zt230-final-cta__actions {
	display: flex; flex-wrap: wrap; justify-content: center; gap: var(--zt-space-4);
	margin-bottom: var(--zt-space-8);
}

.zt230-inquiry-form {
	max-width: 560px;
	margin-inline: auto;
	background: rgba(0,0,0,.15);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: var(--zt-radius-lg);
	padding: var(--zt-space-6);
	text-align: start;
}
.zt230-inquiry-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--zt-space-3); }
@media (max-width: 560px) { .zt230-inquiry-form__row { grid-template-columns: 1fr; } }

.zt230-field { margin-bottom: var(--zt-space-3); }
.zt230-field label { display: block; font-size: var(--zt-text-sm); margin-bottom: 6px; color: rgba(255,255,255,.85); }
.zt230-field input {
	width: 100%;
	background: rgba(255,255,255,.95);
	border: none;
	border-radius: var(--zt-radius-sm);
	padding: 12px 14px;
	font-family: inherit;
	font-size: var(--zt-text-base);
	color: var(--zt-black);
}
.zt230-inquiry-form button { width: 100%; justify-content: center; }
.zt230-inquiry-form__msg { margin: var(--zt-space-3) 0 0; font-size: var(--zt-text-sm); min-height: 1.5em; }
.zt230-inquiry-form__msg[data-state="error"] { color: #FFD6D6; }
.zt230-inquiry-form__msg[data-state="success"] { color: #D6FFE0; }

/* ==========================================================================
   فوتر
   ========================================================================== */
.zt230-footer { background: var(--zt-black); color: rgba(255,255,255,.75); }
.zt230-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: var(--zt-space-8);
	padding-block: var(--zt-space-16);
}
@media (max-width: 780px) { .zt230-footer__grid { grid-template-columns: 1fr; } }

.zt230-footer__logo { max-height: 36px; margin-bottom: var(--zt-space-3); }
.zt230-footer__brand p { font-size: var(--zt-text-sm); max-width: 320px; }

.zt230-footer__links, .zt230-footer__contact { display: flex; flex-direction: column; gap: var(--zt-space-2); }
.zt230-footer__links h3, .zt230-footer__contact h3 { color: #fff; font-size: var(--zt-text-base); margin-bottom: var(--zt-space-2); }
.zt230-footer__links a, .zt230-footer__contact a { font-size: var(--zt-text-sm); display: flex; align-items: center; gap: 8px; transition: color var(--zt-dur-fast); }
.zt230-footer__links a:hover, .zt230-footer__contact a:hover { color: #fff; }
.zt230-footer__contact svg { width: 16px; height: 16px; color: var(--zt-red); }

.zt230-footer__bottom {
	border-top: 1px solid rgba(255,255,255,.1);
	padding: var(--zt-space-4) var(--zt-space-6);
	text-align: center;
	font-size: var(--zt-text-xs);
	color: rgba(255,255,255,.45);
}

/* ==========================================================================
   انیمیشن ورود هنگام اسکرول
   اولویت با animation-timeline بومی مرورگر (بدون جاوااسکریپت)؛ برای
   مرورگرهایی که پشتیبانی نمی‌کنند، کلاس is-visible توسط IntersectionObserver
   در main.js اضافه می‌شود.
   ========================================================================== */
[data-reveal] {
	opacity: 0;
	transform: translateY(24px);
}

@supports (animation-timeline: view()) {
	[data-reveal] {
		animation: zt230-reveal linear both;
		animation-timeline: view();
		animation-range: entry 0% entry 40%;
	}
}

@supports not (animation-timeline: view()) {
	[data-reveal] {
		transition: opacity var(--zt-dur-slow) var(--zt-ease), transform var(--zt-dur-slow) var(--zt-ease);
	}
	[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
}

@keyframes zt230-reveal {
	to { opacity: 1; transform: translateY(0); }
}

.zt230-benefits-grid .zt230-benefit[data-reveal] { transition-delay: calc(var(--zt-i, 0) * 60ms); }

@media (prefers-reduced-motion: reduce) {
	[data-reveal] { opacity: 1; transform: none; animation: none; }
}