/* ==========================================================================
   لایه‌ی دیزاین‌سیستم نسخه‌ی ۲ — تیران 🎨
   ----------------------------------------------------------------------------
   بازطراحی‌شده با موتور «UI/UX Pro Max» (github.com/nextlevelbuilder/ui-ux-pro-max-skill)
   خروجی موتور برای تیران:
     • الگو: Enterprise Gateway
     • سبک: Trust & Authority (اعتماد و اقتدار — مناسب خدمات مالی/مالیاتی)
     • اثرها: حس نشان‌ها، ضربانِ معیارها (Metric Pulse)، آشکارسازی نرم
     • ✋ ممنوع‌ها: طراحی بازیگوش، گرادیان بنفش/صورتی، پنهان‌کردن اعتبارنامه‌ها
   چک‌لیست رعایت‌شده (به ترتیب اولویت Skill):
     [۱] دسترس‌پذیری: کنتراست ≥ ۴٫۵:۱ + حلقه‌ی فوکوس قابل‌مشاهده + لیبل‌ها
     [۲] لمس و تعامل: تارگت‌های ≥۴۴px + بازخورد هوور/کلیک (۱۵۰–۳۰۰ms)
     [۳] عملکرد: انیمیشن روی transform/opacity — بدون reflow
     [۴] یکدستی سبک: آیکن‌ها همه SVG هستند (بدون ایموجی به‌جای آیکن)
     [۵] ریسپانسیو موبایل‌محور + بدون اسکرول افقی
     [۶] تایپوگرافی و رنگ: توکن‌های معنایی در :root
     [۷] انیمیشن ۱۵۰–۳۰۰ms با easing ملایم + احترام به reduced-motion
   ========================================================================== */

:root {
	/* --- رنگ: «Authority Navy» برند + لهجه‌ی آبی اعتماد --- */
	--tiran-brand: #002050;          /* نیلی اصلی برند (هویت حفظ شد) */
	--tiran-brand-2: #0b3a85;        /* آبی عمیق هاور */
	--tiran-deep: #001233;           /* تیره‌ترین حالت */
	--tiran-accent: #1c64d8;         /* لهجه‌ی تعاملی (لینک/فوکوس) */
	--tiran-accent-2: #57a0ff;       /* لهجه‌ی روشن (حلقه/گرادیان) */
	--tiran-sky: #eef3fa;
	--tiran-surface: #ffffff;
	--tiran-surface-2: #f6f9fe;      /* ~= پیشنهاد Skill (#F8FAFC) */
	--tiran-ink: #0f172a;            /* ~= پیشنهاد Skill (#0F172A) */
	--tiran-muted: #5b6b84;          /* کنتراست ≥ ۴٫۵:۱ روی سفید ✓ */
	--tiran-border: rgba(2, 32, 80, 0.08);
	--tiran-border-strong: rgba(2, 32, 80, 0.16);
	--tiran-gold: #f5a623;           /* فقط ستاره‌های نظرات */
	--tiran-green: #0c9155;          /* موفقیت */
	--tiran-red: #dc2626;            /* ^= پیشنهاد Skill (#DC2626) */
	--tiran-ring: rgba(87, 160, 255, 0.5);

	/* --- شعاع: مقیاس یکپارچه --- */
	--tiran-radius-sm: 10px;
	--tiran-radius-md: 14px;
	--tiran-radius: 18px;
	--tiran-radius-lg: 22px;
	--tiran-radius-xl: 28px;
	--tiran-radius-pill: 999px;

	/* --- سایه: مقیاس ارتفاع (Elevation) --- */
	--tiran-shadow-sm: 0 2px 8px rgba(0, 32, 80, 0.05);
	--tiran-shadow: 0 12px 32px rgba(0, 32, 80, 0.09);
	--tiran-shadow-lg: 0 26px 64px rgba(0, 32, 80, 0.15);
	--tiran-shadow-cta: 0 12px 28px rgba(0, 32, 80, 0.28);

	/* --- حرکت: ۱۵۰–۳۰۰ms، easing ملایم (Skill §۷) --- */
	--tiran-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--tiran-transition: 0.24s var(--tiran-ease);

	--tiran-font: "IRANSansX", "Vazirmatn", "Vazir", Tahoma, sans-serif; /* پیش‌فرض؛ با انتخاب Customizer بازنویسی می‌شود */
}

/* --------------------------------------------------------------------------
   پایه + دسترس‌پذیری (اولویت ۱ و ۲ Skill)
   -------------------------------------------------------------------------- */

html {
	scroll-padding-top: 96px; /* جبران هدر چسبان در پرش به لنگرها */
}

::selection {
	background: #c9ddff;
	color: var(--tiran-deep);
}

body.tiran-site a {
	transition: color var(--tiran-transition);
}

/* حلقه‌ی فوکوس قابل‌مشاهده برای همه‌ی تعاملی‌ها (هیچ‌وقت حذف نمی‌شود!) */
body.tiran-site :where(a, button, input, select, textarea, summary, [tabindex], [role="button"]):focus-visible {
	outline: 2px solid var(--tiran-accent-2);
	outline-offset: 2px;
}

/* نشانگر دست روی همه‌ی قابل‌کلیک‌ها (چک‌لیست Skill) */
body.tiran-site button,
body.tiran-site .tiran-btn,
body.tiran-site label,
body.tiran-site summary {
	cursor: pointer;
}

/* --------------------------------------------------------------------------
   دکمه‌ها — خانواده‌ی یکدست با حالت‌های کامل (hover/active/focus)
   -------------------------------------------------------------------------- */

.tiran-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 46px;               /* تارگت لمسی ≥ ۴۴px ✓ */
	padding: 0.65em 1.8em;
	border-radius: var(--tiran-radius-md);
	font-weight: 800;
	font-size: 0.95rem;
	line-height: 1.6;
	letter-spacing: 0;
	text-decoration: none;
	border: 1.5px solid transparent;
	transition: transform var(--tiran-transition),
		box-shadow var(--tiran-transition),
		background-color var(--tiran-transition),
		border-color var(--tiran-transition),
		color var(--tiran-transition);
	will-change: transform;
}

.tiran-btn:hover {
	transform: translateY(-2px);
}

.tiran-btn:active {
	transform: translateY(0) scale(0.98); /* بازخورد لمسی ✓ */
}

.tiran-btn--primary {
	background: linear-gradient(135deg, var(--tiran-brand-2) 0%, var(--tiran-brand) 60%, var(--tiran-deep) 100%);
	color: #fff;
	box-shadow: var(--tiran-shadow-cta), inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

.tiran-btn--primary:hover {
	background: linear-gradient(135deg, #10459c 0%, var(--tiran-brand-2) 60%, var(--tiran-brand) 100%);
	box-shadow: 0 16px 36px rgba(0, 32, 80, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18);
	color: #fff;
}

.tiran-btn--outline {
	background: rgba(255, 255, 255, 0.06);
	border-color: rgba(255, 255, 255, 0.55);
	color: #fff;
	backdrop-filter: blur(4px);
}

.tiran-btn--outline:hover {
	background: #fff;
	border-color: #fff;
	color: var(--tiran-brand);
}

.tiran-btn--ghost {
	background: transparent;
	border-color: var(--tiran-border-strong);
	color: var(--tiran-brand);
}

.tiran-btn--ghost:hover {
	background: var(--tiran-brand);
	border-color: var(--tiran-brand);
	color: #fff;
	box-shadow: var(--tiran-shadow);
}

/* دکمه‌ی ورود در هدر — چیپ سفید */
.tiran-btn.tiran-btn--login {
	border-radius: 12px;
	min-height: 44px;
	font-weight: 800;
}

.tiran-btn.tiran-btn--login:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 24px rgba(0, 10, 30, 0.35);
}

/* --------------------------------------------------------------------------
   هدر — خط‌کشی ظریف + تارگت‌های لمسی کامل
   -------------------------------------------------------------------------- */

.tiran-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 10px 30px rgba(0, 16, 40, 0.22);
}

.tiran-nav__list a {
	display: inline-flex;
	align-items: center;
	min-height: 44px; /* تارگت لمسی ✓ */
	transition: color var(--tiran-transition), background-color var(--tiran-transition);
}

.tiran-brand {
	transition: transform var(--tiran-transition), opacity var(--tiran-transition);
}

.tiran-brand:hover {
	transform: scale(1.04);
	opacity: 0.92;
}

/* --------------------------------------------------------------------------
   کارت‌ها — الگوی یکدست: حاشیه‌ی نرم + شعاع بزرگ + بالاآمدن هنگام هوور
   -------------------------------------------------------------------------- */

.tiran-news-card,
.tiran-login-card,
.tiran-media__card,
.tiran-review,
.tiran-branch,
.tiran-price-card,
.tiran-about__card,
.tiran-contact .tiran-form {
	border-radius: var(--tiran-radius-lg);
	border: 1px solid var(--tiran-border-strong);
	background: var(--tiran-surface);
	box-shadow: var(--tiran-shadow-sm);
	transition: transform var(--tiran-transition),
		box-shadow var(--tiran-transition),
		border-color var(--tiran-transition);
}

.tiran-news-card:hover,
.tiran-login-card:hover,
.tiran-media__card:hover,
.tiran-branch:hover,
.tiran-about__card:hover {
	transform: translateY(-6px);
	box-shadow: var(--tiran-shadow-lg);
	border-color: rgba(28, 100, 216, 0.38);
}

/* کارت خبر — زوم عکس داخل قاب */
.tiran-news-card {
	overflow: hidden;
}

.tiran-news-card__thumb {
	overflow: hidden;
}

.tiran-news-card__thumb img {
	transition: transform 0.6s var(--tiran-ease);
}

.tiran-news-card:hover .tiran-news-card__thumb img {
	transform: scale(1.06);
}

/* لینک «ادامه» — کشش فلش */
.tiran-news-card__more {
	font-weight: 800;
	transition: color var(--tiran-transition), letter-spacing var(--tiran-transition);
}

.tiran-news-card__more:hover {
	color: var(--tiran-accent);
	letter-spacing: 0.02em;
}

/* کارت قیمت — متمایزبودن پیشنهاد ویژه (Trust: شفافیت در انتخاب) */
.tiran-price-card--featured {
	border: 2px solid var(--tiran-accent);
	box-shadow: 0 18px 44px rgba(28, 100, 216, 0.18);
}

.tiran-price-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--tiran-shadow-lg);
}

/* --------------------------------------------------------------------------
   هیرو — عمق سینماییِ «اعتماد و اقتدار»
   -------------------------------------------------------------------------- */

.tiran-hero {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #002a6b 0%, var(--tiran-brand) 42%, #032047 100%);
}

.tiran-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(52rem 26rem at 88% -12%, rgba(87, 160, 255, 0.22), transparent 60%),
		radial-gradient(40rem 22rem at 4% 112%, rgba(28, 100, 216, 0.18), transparent 62%);
	pointer-events: none;
}

.tiran-hero__inner {
	position: relative;
	z-index: 1;
}

.tiran-hero__text {
	text-shadow: 0 2px 22px rgba(0, 14, 40, 0.55), 0 0 4px rgba(0, 14, 40, 0.35); /* روی نقاشیِ روشن هم خوانا بماند */
}

.tiran-hero__title {
	font-weight: 900;
	letter-spacing: -0.01em;
	color: #ffffff; /* خوانایی روی نیلی و روی نقاشی — (نسخه‌ی ۲٫۳٫۱) */
}

.tiran-hero__lead {
	color: #d5e3ff;
}

.tiran-hero__desc {
	color: #dbe8ff; /* توضیح هیرو هم روی نیلی و نقاشی خوانا بماند */
}

.tiran-hero__img {
	border-radius: var(--hero-img-r, 28px); /* سفارشی‌سازی ← گوشه‌های گرد عکس هیرو */
	width: calc(100% * var(--hero-img-s, 100) / 100); /* سفارشی‌سازی ← تغییر اندازه عکس هیرو */
	max-width: calc(640px * var(--hero-img-s, 100) / 100);
	box-shadow: 0 32px 80px rgba(0, 8, 30, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.16);
	transition: transform 0.6s var(--tiran-ease), box-shadow 0.6s var(--tiran-ease);
}

.tiran-hero__media:hover .tiran-hero__img {
	transform: translateY(-8px) scale(1.015);
	box-shadow: 0 44px 96px rgba(0, 8, 30, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.22);
}

/* --------------------------------------------------------------------------
   آمار — «ضربانِ معیارها» (Metric Pulse؛ اثر پیشنهادی Skill)
   -------------------------------------------------------------------------- */

.tiran-stats__box {
	border-radius: var(--tiran-radius-lg);
}

.tiran-stat__icon {
	transition: transform var(--tiran-transition);
}

.tiran-stat:hover .tiran-stat__icon {
	transform: scale(1.12);
}

@keyframes tiranV2MetricPop {
	0%   { transform: scale(0.6); opacity: 0; }
	60%  { transform: scale(1.08); opacity: 1; }
	100% { transform: scale(1); opacity: 1; }
}

.tiran-stats__box.is-visible .tiran-stat__value {
	animation: tiranV2MetricPop 0.55s var(--tiran-ease) 0.05s both;
}

/* --------------------------------------------------------------------------
   فرم‌ها — تایپوگرافی لیبل + فوکوس حرفه‌ای (Skill §۸)
   -------------------------------------------------------------------------- */

body.tiran-site input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
body.tiran-site select,
body.tiran-site textarea {
	border-radius: var(--tiran-radius-sm);
	border: 1.5px solid var(--tiran-border-strong);
	background: var(--tiran-surface);
	padding: 0.75em 1em;
	font-family: inherit;
	font-size: 0.95rem;
	color: var(--tiran-ink);
	line-height: 1.7;
	transition: border-color var(--tiran-transition), box-shadow var(--tiran-transition);
}

body.tiran-site input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]):focus,
body.tiran-site select:focus,
body.tiran-site textarea:focus {
	outline: none;
	border-color: var(--tiran-accent);
	box-shadow: 0 0 0 4px rgba(28, 100, 216, 0.15);
}

body.tiran-site input.is-invalid,
body.tiran-site select.is-invalid,
body.tiran-site textarea.is-invalid {
	border-color: var(--tiran-red);
	box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}

body.tiran-site ::placeholder {
	color: #9aa8bf;
}

body.tiran-site label {
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   فوتر — هاور کشویی لینک‌ها (بازخورد ظریف، ۲۰۰ms)
   -------------------------------------------------------------------------- */

.tiran-footer__menu a {
	display: inline-flex;
	align-items: center;
	min-height: 40px;
	transition: color var(--tiran-transition), transform var(--tiran-transition);
}

.tiran-footer__menu a:hover {
	color: #fff;
	transform: translateX(-5px);
}

.tiran-footer__social a {
	transition: transform var(--tiran-transition), background-color var(--tiran-transition), color var(--tiran-transition);
}

.tiran-footer__social a:hover {
	transform: translateY(-3px);
}

/* اعتماد: نشان‌ها (ای‌نماد) — کمی برجسته‌تر (Trust & Authority) */
.tiran-footer__trust img,
.tiran-footer__trust a {
	transition: transform var(--tiran-transition), opacity var(--tiran-transition);
}

.tiran-footer__trust a:hover img,
.tiran-footer__trust img:hover {
	transform: scale(1.06);
	opacity: 0.95;
}

/* --------------------------------------------------------------------------
   آکاردئون سوالات متداول — خلاصه‌بودن و وضعیت باز شفاف
   -------------------------------------------------------------------------- */

.tiran-faq summary,
.tiran-faq-link summary,
details.tiran-faq summary {
	min-height: 48px;
}

.tiran-faq[open],
details.tiran-faq[open] {
	border-color: rgba(28, 100, 216, 0.35);
	box-shadow: var(--tiran-shadow);
}

/* --------------------------------------------------------------------------
   عناصر شناور + نوار پیشرفت هم‌رنگ لهجه
   -------------------------------------------------------------------------- */

.tiran-totop {
	border-radius: var(--tiran-radius-pill);
	box-shadow: var(--tiran-shadow);
	transition: transform var(--tiran-transition), opacity var(--tiran-transition), background-color var(--tiran-transition);
}

.tiran-totop:hover {
	transform: translateY(-4px);
	background: var(--tiran-brand-2);
}

.tiran-progress__bar {
	background: linear-gradient(270deg, var(--tiran-accent) 0%, var(--tiran-accent-2) 100%);
	box-shadow: 0 0 10px rgba(87, 160, 255, 0.55);
}

.tiran-preloader__ring {
	border-top-color: var(--tiran-accent-2);
	border-left-color: var(--tiran-accent-2);
}

.tiran-preloader__fill {
	background: linear-gradient(90deg, var(--tiran-accent-2), #cfe3ff);
}

/* --------------------------------------------------------------------------
   آشکارسازی نرم بخش‌ها (Smooth Stat Reveal + یکدستی حرکت)
   -------------------------------------------------------------------------- */

.tiran-reveal {
	transition-duration: 0.7s;
	transition-timing-function: var(--tiran-ease);
}

/* --------------------------------------------------------------------------
   احترام کامل به کاهش حرکت (اولویت بحرانی — Skill §۷)
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.tiran-btn,
	.tiran-brand,
	.tiran-news-card,
	.tiran-login-card,
	.tiran-media__card,
	.tiran-branch,
	.tiran-hero__img,
	.tiran-footer__menu a,
	.tiran-footer__social a,
	.tiran-totop,
	.tiran-reveal {
		transition: none !important;
	}

	.tiran-btn:hover,
	.tiran-news-card:hover,
	.tiran-login-card:hover,
	.tiran-media__card:hover,
	.tiran-branch:hover,
	.tiran-hero__media:hover .tiran-hero__img,
	.tiran-footer__menu a:hover {
		transform: none !important;
	}

	.tiran-stats__box.is-visible .tiran-stat__value {
		animation: none !important;
	}
}

/* ==========================================================================
   🏙️ سربرگ شهر (نسخه‌ی ۲٫۱) — برج میلاد و ساختمان‌ها مثل سربرگ پنل
   ========================================================================== */

.tiran-cityhead {
	position: relative;
	overflow: hidden;
	background: linear-gradient(180deg, #d5e5fa 0%, #e9f1fd 44%, #ffffff 96%);
	border-bottom: 1px solid var(--tiran-border);
	margin-bottom: 2.4rem;
}

.tiran-cityhead__art {
	position: absolute;
	inset: auto 0 0;
	height: var(--khadem-city-h, 290px);
	pointer-events: none;
	z-index: 1;
	line-height: 0;
}

.tiran-cityhead__art img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.tiran-cityhead__inner {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 3.1rem 1rem calc(var(--khadem-city-h, 290px) + 1.4rem);
}

/* کارت تیتر — قرص سفید با دو نقطه‌ی آبی دوطرف (مثل سربرگ پنل) */
.tiran-cityhead__title {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	margin: 0 0 0.95rem;
	padding: 0.62em 2.3em;
	background: var(--tiran-surface);
	color: var(--tiran-brand);
	font-size: 1.95rem;
	font-weight: 900;
	border-radius: var(--tiran-radius-pill);
	box-shadow: var(--tiran-shadow), 0 0 0 1px var(--tiran-border);
}

.tiran-cityhead__title::before,
.tiran-cityhead__title::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--tiran-brand-2);
	transform: translateY(-50%);
}

.tiran-cityhead__title::before {
	inset-inline-start: 1.05em;
}

.tiran-cityhead__title::after {
	inset-inline-end: 1.05em;
}

.tiran-cityhead__icon {
	display: inline-flex;
	color: var(--tiran-accent);
}

.tiran-cityhead__desc {
	margin: 0;
	color: var(--tiran-muted);
	font-weight: 600;
	font-size: 1rem;
}

@media (max-width: 768px) {
	.tiran-cityhead__art {
		height: calc(var(--khadem-city-h, 290px) * 0.72);
	}

	.tiran-cityhead__inner {
		padding: 2.3rem 1rem calc(var(--khadem-city-h, 290px) * 0.72 + 1rem);
	}

	.tiran-cityhead__title {
		font-size: 1.4rem;
	}

	.tiran-cityhead__desc {
		font-size: 0.88rem;
		padding: 0 12px;
	}
}

/* ==========================================================================
   🏙️ المان‌های شهری نقاشی‌شده (نسخه‌ی ۲٫۴٫۰)
   فوتر: نقاشی با بک‌گراند شفاف (آسمان حذف شده — المان‌ها روی نیلی فوتر)،
        کل صحنه دیده می‌شود (contain) و نوک میلاد کامل است
   هیرو و خادم: ریسایز واقعی (contain) — بیک جدید با نوک کامل میلاد
   🌊 موج هدر/فوتر: ارتفاع و رنگ از Customizer ← «🌊 موج‌ها»
   ========================================================================== */

/* 🌆 نوار شهر فوتر — نقاشی شفاف‌زمینه، کامل و بدون کراپ */
.tiran-skyline {
	position: absolute;
	inset: auto 0 0;
	bottom: 0;
	pointer-events: none;
	z-index: 0;
	line-height: 0;
}

.tiran-skyline--footer {
	height: var(--strip-ftr-h, 220px);
}

.tiran-skyline--footer img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	display: block;
}

.tiran-footer {
	position: relative;
	overflow: hidden;
	padding-bottom: calc(var(--strip-ftr-h, 220px) + 0.4rem); /* متن‌ها با المان قاطی نشوند — بستر رزرو */
}

/* 🌊 موج آبیِ مرز فوتر و نقاشی — ارتفاع/رنگش از «🌊 موج‌ها» قابل تنظیم است */
.tiran-skyline__wave {
	position: absolute;
	inset: -1px 0 auto;
	width: 100%;
	height: var(--wave-ftr-h, 52px);
	color: var(--wave-ftr-c, var(--tiran-brand));
	pointer-events: none;
	display: block;
}

/* 🌊 موج لبه‌ی پایین هدر — آویزان از کف هدر روی محتوای زیر */
.tiran-header__wave {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	width: 100%;
	height: var(--wave-hdr-h, 30px);
	color: var(--wave-hdr-c, var(--tiran-brand));
	pointer-events: none;
	display: block;
	transition: opacity 0.2s ease;
}

body.nav-open .tiran-header__wave {
	opacity: 0; /* وقتی منوی موبایل باز است موج حواس‌پرت نکند */
}

/* 🏅 ای‌نماد — چپ فوتر، زیر آدرس */
.tiran-footer__contact + .tiran-footer__trust {
	margin-top: 1.1rem;
}

/* 🧪 جای‌نگهدار نشان — فقط در پیش‌نمایش‌های استاتیک */
.tiran-trust-demo {
	display: inline-grid;
	place-items: center;
	width: 76px;
	height: 84px;
	background: #fff;
	color: var(--tiran-brand);
	font-size: 0.72rem;
	font-weight: 800;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(0, 10, 30, 0.28);
}

.tiran-footer .tiran-footer__grid,
.tiran-footer .tiran-footer__bar {
	position: relative;
	z-index: 1;
}

/* 📏 هیرو و خادم — ریسایز واقعی: کل صحنه بزرگ/کوچک می‌شود، بدون کراپ */
.tiran-hero__skyline img,
.tiran-cityhead__art img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center bottom;
	display: block;
}

/* 🗼 هیرو: صحنه کمی راست‌چین تا نوک میلاد از پشت کارت بنر بیرون بزند */
.tiran-hero__skyline img {
	object-position: 72% bottom;
}

/* 🌃 بانر شهر کفِ هیرو — تمام‌عرض، مقیاس واقعی، بدون کراپ (نوک میلاد دیده می‌شود) */
.tiran-hero__skyline {
	position: absolute;
	inset: auto 0 0;
	bottom: 0;
	height: var(--hero-city-h, 340px);
	pointer-events: none;
	z-index: 0;
	line-height: 0;
}

/* 🌗 پرده‌ی خوانایی — متن هیرو (سمت راست در RTL) روی ساختمان‌های روشن نقاشی می‌افتد */
.tiran-hero__skyline::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(270deg, rgba(0, 18, 51, 0.82) 4%, rgba(0, 18, 51, 0.38) 44%, transparent 70%);
}

/* 🔘 دکمه‌ی دورخطی هیرو — روی نیلی همیشه روشن و خوانا (اولویت بالاتر از home.css) */
.tiran-hero .tiran-btn.tiran-btn--outline {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.65);
	color: #fff;
	backdrop-filter: blur(4px);
}

.tiran-hero .tiran-btn.tiran-btn--outline:hover {
	background: #fff;
	border-color: #fff;
	color: var(--tiran-brand);
}

/* 📱 موبایل — صحنه‌ها گرم و پُرتر: زوم روی هسته (آزادی + میلاد؛ کراپ فقط از پهلو، نوک میلاد حفظ می‌شود) */
@media (max-width: 680px) {
	.tiran-hero__skyline img,
	.tiran-cityhead__art img,
	.tiran-skyline--footer img {
		object-fit: cover;
	}

	.tiran-hero__skyline img {
		object-position: 74% bottom; /* موبایل: پنجره‌ی کاور روی هسته (آزادی + میلاد) */
	}

	.tiran-skyline--footer {
		height: calc(var(--strip-ftr-h, 220px) * 0.66);
	}

	.tiran-footer {
		padding-bottom: calc(var(--strip-ftr-h, 220px) * 0.66 + 0.4rem);
	}

	.tiran-skyline__wave {
		height: calc(var(--wave-ftr-h, 52px) * 0.7);
	}

	.tiran-header__wave {
		height: calc(var(--wave-hdr-h, 30px) * 0.7);
	}

	.tiran-hero__skyline {
		height: calc(var(--hero-city-h, 340px) * 0.66);
	}

	/* 🧹 ستون‌های «دسترسی سریع» و «لینک‌های مفید» فوتر تو موبایل حذف می‌شوند */
	.tiran-footer__col--links {
		display: none;
	}

	/* 🧾 خدمات خادم جمع‌وجور — چیپ دوستونه‌ی کوچک (بدون حذف امکان انتخاب) */
	body.tiran-site .tsp-services {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.6rem;
	}

	body.tiran-site .tsp-service .tsp-service__card {
		padding: 0.6rem 0.65rem;
		gap: 0.45rem;
		border-radius: 13px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	body.tiran-site .tsp-service .tsp-service__check {
		top: 0.5rem;
		left: 0.5rem;
		width: 17px;
		height: 17px;
	}

	body.tiran-site .tsp-service__icon {
		width: 32px;
		height: 32px;
		border-radius: 9px;
		margin-bottom: 0;
		flex: none;
	}

	body.tiran-site .tsp-service__icon svg {
		width: 17px;
		height: 17px;
	}

	body.tiran-site .tsp-service strong {
		flex: 1 1 55%;
		font-size: 0.78rem;
		line-height: 1.55;
		padding-inline-end: 0.9rem; /* جای تیک */
	}

	body.tiran-site .tsp-service small {
		display: none; /* توضیح کارت‌ها تو موبایل حذف */
	}

	body.tiran-site .tsp-service__price {
		font-size: 0.7rem;
		padding: 0.15rem 0.55rem;
		margin-top: 0;
	}
}

/* ==========================================================================
   📌 هدر همیشه روی همه‌ی محتوا بماند — منو نباید برود پشتِ چیزهای صفحه
   ========================================================================== */

.tiran-header {
	z-index: 500;
}
EOF
wc -l /home/user/tiran-theme/assets/css/design-system-v2.css