/* ===== خط ومقاسات عربية ===== */
:root {
	--zs-font: 'Alexandria', system-ui, 'Segoe UI', sans-serif;
	--zs-font-display: 'IBM Plex Sans Arabic', 'Alexandria', system-ui, sans-serif;
	--zs-bg: #0e0f12;
	--zs-surface: #16181d;
	--zs-line: #262a32;
	--zs-text: #f2f3f5;
	--zs-muted: #a2a8b4;
	--zs-accent: #c2a06a;
	--zs-accent-soft: #e2c795;
	--zs-accent-deep: #7a5730;
	--zs-on-accent: #14120d;
	--zs-radius: 12px;
	--zs-max: 1200px;
	--zs-nav-h: 98px;
	--zs-font-nav: 'Tajawal', 'IBM Plex Sans Arabic', system-ui, sans-serif;
}

body,
body.rtl,
.zs-archive,
.zs-single {
	font-family: var(--zs-font);
}

/* Alexandria تبدو أكبر من الخطوط اللاتينية بنفس المقاس — نصغّر العناوين. */
.zs-archive__title,
.zs-single__title,
.zs-related h2,
.zs-single__description h2 {
	font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem);
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0;
}

.zs-container {
	max-width: var(--zs-max);
	margin-inline: auto;
	padding-inline: 16px;
}

/* ===== الأرشيف ===== */
.zs-archive,
.zs-single {
	background: var(--zs-bg);
	color: var(--zs-text);
	padding-block: 48px 72px;
}

.zs-archive__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 12px;
	margin-block-end: 24px;
}

.zs-archive__count {
	color: var(--zs-muted);
	margin: 0;
}

.zs-filters {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	gap: 12px;
	padding: 16px;
	background: var(--zs-surface);
	border: 1px solid var(--zs-line);
	border-radius: var(--zs-radius);
	margin-block-end: 32px;
}

.zs-filter {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 0.85rem;
	color: var(--zs-muted);
}

.zs-filter select,
.zs-filter input {
	font-family: inherit;
	font-size: 0.95rem;
	padding: 9px 12px;
	border-radius: 8px;
	border: 1px solid var(--zs-line);
	background: var(--zs-bg);
	color: var(--zs-text);
	width: 100%;
}

.zs-filters__actions {
	display: flex;
	align-items: end;
	gap: 8px;
}

.zs-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 500;
	padding: 10px 20px;
	border-radius: 8px;
	border: 1px solid transparent;
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.zs-btn--primary { background: var(--zs-accent); color: var(--zs-on-accent); font-weight: 600; }
.zs-btn--primary:hover { background: var(--zs-accent-soft); }
.zs-btn--ghost { border-color: var(--zs-line); color: var(--zs-muted); }
.zs-btn--ghost:hover { color: var(--zs-text); border-color: var(--zs-muted); }
.zs-btn--whatsapp { background: #25d366; color: #06301a; font-weight: 600; }
.zs-btn--whatsapp:hover { background: #1fb955; }
.zs-btn--call { border-color: var(--zs-line); color: var(--zs-text); }
.zs-btn--call:hover { border-color: var(--zs-muted); }

.zs-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
}

.zs-card {
	background: var(--zs-surface);
	border: 1px solid var(--zs-line);
	border-radius: var(--zs-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.zs-card--sold { opacity: 0.62; }

.zs-card__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	background: #1d2027;
	line-height: 0;
}

.zs-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zs-card__placeholder {
	display: block;
	width: 100%;
	height: 100%;
	background: repeating-linear-gradient(45deg, #1d2027, #1d2027 10px, #22262e 10px, #22262e 20px);
}

.zs-card__body { padding: 14px 16px 18px; }

.zs-card__title {
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0 0 6px;
	line-height: 1.5;
}

.zs-card__title a { color: var(--zs-text); text-decoration: none; }
.zs-card__title a:hover { color: var(--zs-accent); }

.zs-card__meta {
	color: var(--zs-muted);
	font-size: 0.85rem;
	margin: 0 0 10px;
}

.zs-card__price {
	font-size: 1.1rem;
	font-weight: 600;
	color: #fff;
	margin: 0;
}

.zs-badge {
	position: absolute;
	inset-block-start: 10px;
	inset-inline-start: 10px;
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
}

.zs-badge--sold { background: #7a2226; color: #fff; }
.zs-badge--reserved { background: var(--zs-accent-deep); color: #fff; }

.zs-empty {
	padding: 48px 16px;
	text-align: center;
	color: var(--zs-muted);
	background: var(--zs-surface);
	border: 1px dashed var(--zs-line);
	border-radius: var(--zs-radius);
}

.zs-pagination {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin-block-start: 36px;
}

.zs-pagination .page-numbers {
	padding: 8px 14px;
	border-radius: 8px;
	border: 1px solid var(--zs-line);
	color: var(--zs-muted);
	text-decoration: none;
}

.zs-pagination .page-numbers.current {
	background: var(--zs-accent);
	border-color: var(--zs-accent);
	color: var(--zs-on-accent);
}

/* ===== صفحة السيارة ===== */
.zs-breadcrumb {
	font-size: 0.85rem;
	color: var(--zs-muted);
	margin-block-end: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.zs-breadcrumb a { color: var(--zs-muted); text-decoration: none; }
.zs-breadcrumb a:hover { color: var(--zs-text); }

.zs-single__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(280px, 1fr);
	gap: 28px;
	align-items: start;
}

.zs-viewer {
	position: relative;
	margin: 0;
	border-radius: var(--zs-radius);
	overflow: hidden;
	background: #1d2027;
	aspect-ratio: 3 / 2;
}

.zs-viewer img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.zs-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 12px 0 0;
	padding: 0;
	list-style: none;
}

.zs-thumbs button {
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	background: none;
	cursor: pointer;
	line-height: 0;
}

.zs-thumbs button.is-active { border-color: var(--zs-accent); }

.zs-thumbs img {
	width: 88px;
	height: 62px;
	object-fit: cover;
	display: block;
}

.zs-single__panel {
	background: var(--zs-surface);
	border: 1px solid var(--zs-line);
	border-radius: var(--zs-radius);
	padding: 24px;
	position: sticky;
	top: 24px;
}

.zs-single__title { margin: 0 0 8px; }

.zs-single__price {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	margin: 0 0 20px;
}

.zs-specs { margin: 0 0 24px; }

.zs-specs__row {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding-block: 10px;
	border-block-end: 1px solid var(--zs-line);
	font-size: 0.92rem;
}

.zs-specs__row:last-child { border-block-end: 0; }
.zs-specs dt { color: var(--zs-muted); margin: 0; }
.zs-specs dd { margin: 0; font-weight: 500; }

.zs-cta { display: grid; gap: 10px; }
.zs-cta .zs-btn { width: 100%; padding-block: 13px; }

.zs-sold-note { color: var(--zs-muted); margin: 0; }
.zs-sold-note a { color: var(--zs-accent); }

.zs-single__description,
.zs-related { margin-block-start: 48px; }

.zs-single__description { line-height: 1.9; color: var(--zs-muted); }
.zs-related h2 { margin-block-end: 20px; }

@media (max-width: 860px) {
	.zs-single__layout { grid-template-columns: 1fr; }
	.zs-single__panel { position: static; }
	.zs-filters__actions { grid-column: 1 / -1; }
}


/* ===== الصفحة الرئيسية ===== */
.zs-home {
	background: var(--zs-bg);
	color: var(--zs-text);
}

/* الغلاف يملأ الشاشة عرضاً وارتفاعاً، ويتحرر من أي حاوية للقالب الأب. */
.zs-hero {
	position: relative;
	width: 100%;
	min-height: calc(100vh - var(--zs-nav-h));
	display: grid;
	align-items: center;
	justify-items: stretch;
	isolation: isolate;
	overflow: hidden;
}

.zs-hero__bg {
	position: absolute;
	inset: 0;
	z-index: -2;
	display: block;
}

.zs-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* حركة هادئة تُنفَّذ مرة واحدة عند الفتح. */
@media (prefers-reduced-motion: no-preference) {
	.zs-hero__bg img {
		animation: zs-kenburns 18s ease-out both;
	}
}

@keyframes zs-kenburns {
	from { transform: scale(1.07); }
	to { transform: scale(1); }
}

.zs-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(120% 90% at 50% 55%, rgba(8, 7, 5, 0.25) 0%, rgba(8, 7, 5, 0.72) 70%, rgba(8, 7, 5, 0.9) 100%),
		linear-gradient(to top, var(--zs-bg) 0%, rgba(10, 9, 7, 0.35) 38%, rgba(10, 9, 7, 0.55) 100%);
}

.zs-hero__inner {
	text-align: center;
	padding-block: 96px 88px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.zs-hero__logo {
	width: clamp(112px, 9vw, 160px);
	height: auto;
	margin: 0 0 24px;
	display: block;
	filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.6));
}

.zs-hero__title {
	font-family: var(--zs-font-display);
	font-size: clamp(2.5rem, 1.35rem + 5.8vw, 6.6rem);
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.01em;
	margin: 0 0 20px;
	color: #fff;
	text-shadow: 0 2px 24px rgba(0, 0, 0, 0.7);
}

.zs-hero__lead {
	font-size: clamp(1.1rem, 0.95rem + 0.75vw, 1.6rem);
	line-height: 1.85;
	color: #ece7dd;
	margin: 0 0 40px;
	max-width: 46ch;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
}

.zs-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 14px;
}

/* الزر الرئيسي: ذهبي معبّأ. */
.zs-btn--hero {
	background: var(--zs-accent);
	color: var(--zs-on-accent);
	font-weight: 600;
	font-size: 1.02rem;
	padding: 15px 38px;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
}

.zs-btn--hero:hover { background: var(--zs-accent-soft); }

/* الزر الثانوي: زجاجي بحد رفيع. */
.zs-btn--hero-alt {
	background: rgba(255, 255, 255, 0.08);
	border-color: rgba(255, 255, 255, 0.38);
	color: #fff;
	font-weight: 500;
	font-size: 1.02rem;
	padding: 15px 30px;
	border-radius: 10px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.zs-btn--hero-alt:hover {
	background: rgba(255, 255, 255, 0.16);
	border-color: #fff;
}

.zs-btn--hero-alt svg { flex: none; }

.zs-section { padding-block: 56px; }

.zs-section__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin-block-end: 24px;
}

.zs-section__header h2 {
	font-size: clamp(1.35rem, 1.05rem + 1.2vw, 1.9rem);
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
}

.zs-section__more {
	color: var(--zs-accent);
	text-decoration: none;
	font-size: 0.92rem;
}

.zs-section__more:hover { color: var(--zs-accent-soft); }

.zs-promise {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 20px;
	padding-block-start: 8px;
	border-block-start: 1px solid var(--zs-line);
}

.zs-promise__item { padding-block-start: 28px; }

.zs-promise__item h3 {
	font-size: 1.05rem;
	font-weight: 600;
	margin: 0 0 8px;
	color: var(--zs-accent);
}

.zs-promise__item p {
	margin: 0;
	color: var(--zs-muted);
	line-height: 1.9;
	font-size: 0.92rem;
}

.zs-contact {
	background: var(--zs-surface);
	border-block-start: 1px solid var(--zs-line);
	padding-block: 44px;
}

.zs-contact__inner {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 24px;
}

.zs-contact__item h3 {
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0;
	color: var(--zs-muted);
	margin: 0 0 8px;
}

.zs-contact__item p {
	margin: 0;
	line-height: 1.8;
}

.zs-contact__item a {
	color: var(--zs-accent);
	text-decoration: none;
	unicode-bidi: plaintext;
}

@media (max-width: 700px) {
	.zs-hero { min-height: calc(100svh - var(--zs-nav-h)); }
	.zs-hero__inner { padding-block: 72px 64px; }
	.zs-hero__actions { width: 100%; flex-direction: column; gap: 12px; }
	.zs-hero__actions .zs-btn { width: 100%; }
	.zs-section { padding-block: 40px; }
}


/* ===== تجاوزات قالب Inspiro الأب =====
 * الأب يضع #primary داخل عمود بعرض ثابت (--container-width)،
 * ويلوّن الروابط بلونه الفيروزي. نستعيد العرض الكامل ولوننا.
 */
/* الأب يستخدم `body:not(...).blog #primary` وهو أقوى من أي محدِّد معقول هنا،
 * لذلك !important هو الحل النظيف الوحيد لاستعادة العرض الكامل. */
#primary.zs-home,
#primary.zs-archive,
#primary.zs-single,
#primary.zs-page {
	max-width: none !important;
	width: 100% !important;
	float: none !important;
	padding-inline: 0 !important;
	margin: 0 !important;
}

/* الأزرار روابط، ولون الرابط في الأب يغلبنا بترتيب التحميل. */
a.zs-btn,
a.zs-btn:hover,
a.zs-btn:focus {
	text-decoration: none;
	box-shadow: none;
}

a.zs-btn--primary,
a.zs-btn--primary:hover,
a.zs-btn--primary:focus { color: var(--zs-on-accent); }

a.zs-btn--whatsapp,
a.zs-btn--whatsapp:hover,
a.zs-btn--whatsapp:focus { color: #06301a; }

a.zs-btn--ghost,
a.zs-btn--ghost:focus { color: var(--zs-muted); }
a.zs-btn--ghost:hover { color: var(--zs-text); }

a.zs-btn--call,
a.zs-btn--call:hover,
a.zs-btn--call:focus { color: var(--zs-text); }

a.zs-section__more,
a.zs-section__more:focus { color: var(--zs-accent); }
a.zs-section__more:hover { color: var(--zs-accent-soft); }

.zs-card__title a,
.zs-card__title a:focus { color: var(--zs-text); }
.zs-card__title a:hover { color: var(--zs-accent); }

/* التذييل والترويسة على نفس الخلفية الداكنة */
.site-footer,
.site-info { background: var(--zs-bg); }

a.zs-btn--hero,
a.zs-btn--hero:hover,
a.zs-btn--hero:focus { color: var(--zs-on-accent); }

a.zs-btn--hero-alt,
a.zs-btn--hero-alt:hover,
a.zs-btn--hero-alt:focus { color: #fff; }

/* ===== الشعار في شريط التنقل ===== */
.zs-brand {
	display: inline-flex;
	align-items: center;
	line-height: 0;
	padding-block: 6px;
}

.zs-brand__mark {
	width: 58px;
	height: 58px;
	object-fit: contain;
	display: block;
	transition: transform 0.2s ease;
}

.zs-brand:hover .zs-brand__mark { transform: scale(1.04); }

.navbar .header-logo-wrapper { display: flex; align-items: center; }

@media (max-width: 700px) {
	.zs-brand__mark { width: 46px; height: 46px; }
}

/* روابط القائمة بالخط العربي ولون فاتح */
.navbar .sf-menu a {
	font-family: var(--zs-font);
	font-size: 0.95rem;
}


/* ===== شريط التنقل: الشعار يميناً، القائمة وسطاً، زر التواصل يساراً ===== */
.zs-brand {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	line-height: 1.4;
	padding-block: 8px;
	text-decoration: none;
}

.zs-brand__mark {
	width: 46px;
	height: 46px;
	object-fit: contain;
	display: block;
	flex: none;
	transition: transform 0.2s ease;
}

.zs-brand:hover .zs-brand__mark { transform: scale(1.04); }

.zs-brand__name,
a.zs-brand .zs-brand__name {
	font-family: var(--zs-font);
	font-size: 0.95rem;
	font-weight: 600;
	color: #fff;
	white-space: nowrap;
}

@media (min-width: 901px) {
	.navbar .zs-nav {
		display: flex;
		align-items: center;
		gap: 28px;
	}

	.zs-nav .header-logo-wrapper,
	.zs-nav .header-widgets-wrapper {
		flex: 0 0 auto;
		float: none;
		width: auto;
	}

	.zs-nav .header-navigation-wrapper {
		flex: 1 1 auto;
		display: flex;
		justify-content: center;
		float: none;
		width: auto;
	}

	.zs-nav .header-widgets-wrapper {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.zs-nav .navbar-toggle { display: none; }

	.zs-nav .zs-menu {
		display: flex;
		align-items: center;
		gap: 30px;
		margin: 0;
		padding: 0;
		float: none;
	}

	.zs-nav .zs-menu li { float: none; margin: 0; }
}

.navbar .zs-menu a {
	font-family: var(--zs-font);
	font-size: 18px;
	font-weight: 500;
	color: #e9e6df;
	padding: 8px 0;
	position: relative;
	text-decoration: none;
}

.navbar .zs-menu a:hover { color: #fff; }

.navbar .zs-menu .current-menu-item > a { color: #fff; }

.navbar .zs-menu .current-menu-item > a::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: 0;
	height: 2px;
	background: var(--zs-accent);
	border-radius: 2px;
}

/* زر التواصل في أقصى اليسار */
a.zs-nav-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--zs-font);
	font-size: 0.9rem;
	font-weight: 500;
	color: #fff;
	padding: 9px 18px;
	border: 1px solid rgba(255, 255, 255, 0.32);
	border-radius: 9px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

a.zs-nav-cta:hover,
a.zs-nav-cta:focus {
	color: #fff;
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.6);
}

a.zs-nav-cta svg { flex: none; }

@media (max-width: 900px) {
	.zs-brand__name { display: none; }
	.zs-nav .header-widgets-wrapper { display: flex; align-items: center; gap: 10px; }
	a.zs-nav-cta { padding: 8px 14px; font-size: 0.85rem; }
}

/* ===== نص الغلاف ===== */
.zs-hero__kicker {
	font-size: clamp(1rem, 0.88rem + 0.6vw, 1.35rem);
	font-weight: 500;
	color: var(--zs-accent-soft);
	margin: 0 0 18px;
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
}

.zs-hero__title {
	width: fit-content;
	margin-inline: auto;
	text-align: start;
}

@media (max-width: 700px) {
	.zs-hero__kicker { margin-bottom: 12px; }
}


/* سطرا العنوان: الثاني مُزاح قليلاً عن حافة الأول */
.zs-hero__line { display: block; }
.zs-hero__line--step { padding-inline-start: 2.8em; }

@media (max-width: 700px) {
	.zs-hero__line--step { padding-inline-start: 1.8em; }
}

/* عناوين الأقسام بخط العرض نفسه */
.zs-section__header h2,
.zs-archive__title,
.zs-single__title,
.zs-page__title,
.zs-page__cta h2,
.zs-warranty__body h2 {
	font-family: var(--zs-font-display);
	letter-spacing: -0.005em;
}

/* ===== صفحة داخلية ===== */
.zs-page {
	background: var(--zs-bg);
	color: var(--zs-text);
	padding-block-end: 72px;
}

.zs-page__head {
	padding-block: 64px 8px;
	border-block-end: 1px solid var(--zs-line);
	margin-block-end: 8px;
}

.zs-page__kicker {
	color: var(--zs-accent-soft);
	font-size: 0.9rem;
	font-weight: 500;
	margin: 0 0 10px;
}

.zs-page__title {
	font-size: clamp(1.8rem, 1.2rem + 2.4vw, 3rem);
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 28px;
}

.zs-prose {
	max-width: 68ch;
	line-height: 2.05;
	color: #cfd3da;
	font-size: 1.02rem;
}

.zs-prose p { margin: 0 0 18px; }

/* ===== ضمان أوتوهب ===== */
.zs-warranty {
	background: var(--zs-surface);
	border-block: 1px solid var(--zs-line);
	padding-block: 56px;
}

.zs-warranty__inner {
	display: grid;
	grid-template-columns: minmax(200px, 300px) minmax(0, 1fr);
	gap: 40px;
	align-items: center;
}

/* شعار أوتوهب أسود وأحمر، فيحتاج خلفية فاتحة ليظهر. */
.zs-warranty__plate {
	background: #fff;
	border-radius: 16px;
	padding: 28px 26px;
	display: grid;
	place-items: center;
	box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
}

.zs-warranty__plate img {
	width: 100%;
	max-width: 230px;
	height: auto;
	display: block;
}

.zs-warranty__body h2 {
	font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2rem);
	font-weight: 700;
	margin: 0 0 10px;
}

.zs-warranty__lead {
	color: var(--zs-muted);
	line-height: 1.9;
	margin: 0 0 24px;
}

.zs-warranty__lead strong { color: var(--zs-accent-soft); font-weight: 600; }

.zs-warranty__list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	display: grid;
	gap: 14px;
}

.zs-warranty__list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px 12px;
	padding-inline-start: 18px;
	border-inline-start: 2px solid var(--zs-accent);
}

.zs-warranty__term {
	font-family: var(--zs-font-display);
	font-size: 1.08rem;
	font-weight: 600;
	color: #fff;
	unicode-bidi: plaintext;
}

.zs-warranty__desc { color: var(--zs-muted); font-size: 0.95rem; }

.zs-warranty__note {
	margin: 0;
	font-size: 0.85rem;
	color: var(--zs-muted);
}

.zs-page__cta {
	text-align: center;
	padding-block-start: 16px;
}

.zs-page__cta h2 {
	font-size: clamp(1.35rem, 1.1rem + 1.1vw, 1.9rem);
	font-weight: 700;
	margin: 0 0 8px;
}

.zs-page__cta > p {
	color: var(--zs-muted);
	margin: 0 0 26px;
}

.zs-page__social {
	margin-block-start: 26px;
	font-size: 0.9rem;
	color: var(--zs-muted);
}

.zs-page__social a { color: var(--zs-accent); text-decoration: none; }
.zs-page__social a:hover { color: var(--zs-accent-soft); }

@media (max-width: 760px) {
	.zs-warranty__inner { grid-template-columns: 1fr; gap: 28px; }
	.zs-warranty__plate { max-width: 300px; margin-inline: auto; }
}


/* الخلفية العامة داكنة حتى خارج حدود المحتوى */
body,
#page.site,
.site-content-contain,
#content.site-content { background: var(--zs-bg); }

/* القالب الأب يلوّن العناوين بلون داكن — نعيد لون النص لدينا */
.zs-page__title,
.zs-page__cta h2,
.zs-warranty__body h2,
.zs-section__header h2,
.zs-archive__title,
.zs-single__title,
.zs-related h2,
.zs-promise__item h3 { color: var(--zs-text); }

.zs-promise__item h3 { color: var(--zs-accent); }
.zs-hero__title { color: #fff; }


/* ===== طباعة الغلاف =====
 * المسافات محسوبة بصرياً: هامش + نصف المسافة السطرية لكل عنصر،
 * حتى تكون الفجوة المرئية هي المطلوبة فعلاً لا رقم الهامش وحده.
 */
.zs-hero__inner {
	font-family: var(--zs-font-display);
	width: 100%;
	max-width: 860px;
	margin-inline: auto;
	padding-block: 0;
	padding-inline: 24px;
	text-align: center;
	align-items: center;
}

/* تصفير هوامش القالب الأب داخل الغلاف فقط */
.zs-hero__inner h1,
.zs-hero__inner p { margin: 0; padding: 0; }

.zs-hero__inner p.zs-hero__kicker {
	font-family: var(--zs-font-display);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4;
	color: var(--zs-accent-soft);
	margin: 0;
	text-shadow: none;
	letter-spacing: normal;
}

.zs-home .zs-hero h1.zs-hero__title {
	font-family: var(--zs-font-display);
	font-size: 100px;
	font-weight: 600;
	line-height: 1.15;
	letter-spacing: normal;
	width: auto;
	max-width: none;
	margin: -6px 0 0;
	padding: 0;
	text-align: center;
	text-shadow: none;
	color: #fff;
}

.zs-hero__line { display: block; }

.zs-hero__line--step {
	padding-inline-start: 0;
	color: var(--zs-accent);
}

.zs-hero__inner p.zs-hero__lead {
	font-family: var(--zs-font-display);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.92);
	max-width: none;
	margin: 0 0 13px;
	text-shadow: none;
	letter-spacing: normal;
}

.zs-hero__actions .zs-btn { font-size: 16px; }

@media (max-width: 700px) {
	.zs-hero__inner { padding-inline: 24px; }
	.zs-hero__inner p.zs-hero__kicker { font-size: 16px; margin-bottom: 3px; }
	.zs-home .zs-hero h1.zs-hero__title { font-size: 52px; margin: -4px 0 4px; padding: 0; }
	.zs-hero__inner p.zs-hero__lead { font-size: 17px; margin-bottom: 14px; }
}

/* شريط أدوات ووردبريس يزيح الصفحة 32px عند تسجيل الدخول */
body.admin-bar .zs-hero { min-height: calc(100vh - var(--zs-nav-h) - 32px); }

@media (max-width: 782px) {
	body.admin-bar .zs-hero { min-height: calc(100svh - var(--zs-nav-h) - 46px); }
}

/* ===== خط شريط التنقل: Tajawal خفيف ===== */
.navbar .zs-menu a,
a.zs-nav-cta,
a.zs-nav-cta span {
	font-family: var(--zs-font-nav);
	font-weight: 300;
}

.navbar .zs-menu .current-menu-item > a { font-weight: 400; }


/* ===== شريط التنقل يمتد إلى حافتي الشاشة =====
 * القالب الأب يحصر .inner-wrap ضمن 1200px؛ نلغي ذلك للشريط وحده
 * ليصل الشعار إلى أقصى اليمين وزر التواصل إلى أقصى اليسار.
 */
.navbar .zs-nav {
	max-width: none;
	padding-inline: 36px;
}

@media (max-width: 900px) {
	.navbar .zs-nav { padding-inline: 20px; }
}

@media (max-width: 700px) {
	.navbar .zs-nav { padding-inline: 16px; }
	.navbar .zs-menu a { font-size: 17px; }
}


/* ===== إيقاع رأسي حقيقي للغلاف =====
 * مقاييس الخط العربي تضيف فراغاً داخل صندوق السطر، فتبدو الهوامش أكبر مما كُتب.
 * text-box-trim يقصّ ذلك الفراغ، فتصبح الهوامش مسافات بصرية فعلية:
 * سلّم 16 / 24 / 32 بدل أرقام معوَّضة يدوياً.
 */
@supports (text-box-trim: trim-both) {
	.zs-hero__inner p.zs-hero__kicker,
	.zs-home .zs-hero h1.zs-hero__title,
	.zs-hero__inner p.zs-hero__lead {
		text-box-trim: trim-both;
		text-box-edge: cap text;
	}

	.zs-hero__inner p.zs-hero__kicker { margin: 0 0 28px; }
	.zs-home .zs-hero h1.zs-hero__title { margin: 0 0 40px; padding: 0; }
	.zs-hero__inner p.zs-hero__lead { margin: 0 0 44px; }

	@media (max-width: 700px) {
		.zs-hero__inner p.zs-hero__kicker { margin-bottom: 20px; }
		.zs-home .zs-hero h1.zs-hero__title { margin-bottom: 28px; }
		.zs-hero__inner p.zs-hero__lead { margin-bottom: 36px; }
	}
}


/* المجموعة أعلى من منتصف الغلاف قليلاً */
.zs-hero__inner { transform: translateY(-7vh); }

@media (max-width: 700px) {
	.zs-hero__inner { transform: translateY(-4vh); }
}


/* ===== شريط ضمان أوتوهب أسفل أزرار الغلاف =====
 * الشعار أسود وأحمر على خلفية شفافة، فيحتاج لوحة فاتحة ليظهر فوق الصورة.
 */
.zs-hero__warranty {
	position: absolute;
	inset-inline: 0;
	inset-block-end: 72px;
	z-index: 1;
	width: fit-content;
	margin-inline: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	padding: 14px 18px;
	border-radius: 14px;
	background: rgba(12, 11, 9, 0.42);
	border: 1px solid rgba(255, 255, 255, 0.1);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.zs-hero__warranty-plate {
	flex: none;
	background: #fff;
	border-radius: 10px;
	padding: 12px 14px;
	display: grid;
	place-items: center;
}

.zs-hero__warranty-plate img {
	width: 116px;
	height: auto;
	display: block;
}

.zs-hero__warranty-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
	text-align: start;
}

.zs-hero__warranty-list li {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 3px 9px;
	padding-inline-start: 12px;
	border-inline-start: 2px solid var(--zs-accent);
	line-height: 1.5;
}

.zs-hero__warranty-list strong {
	font-family: var(--zs-font-display);
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	unicode-bidi: plaintext;
}

.zs-hero__warranty-list span {
	font-family: var(--zs-font-display);
	font-size: 13px;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 700px) {
	.zs-hero__warranty {
		inset-block-end: 40px;
		inset-inline: 16px;
		width: auto;
		flex-direction: column;
		gap: 14px;
		padding: 14px;
	}

	.zs-hero__warranty-plate img { width: 128px; }
	.zs-hero__warranty-list { justify-items: start; }
}


/* ===== أزرار بارزة (3D) وأكثر إشراقاً ===== */
.zs-btn--hero,
a.zs-nav-cta {
	background: linear-gradient(180deg, #f0dab0 0%, #d8b782 48%, #bd9757 100%);
	color: #14120d;
	border: 1px solid rgba(255, 255, 255, 0.42);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.68),
		inset 0 -2px 6px rgba(92, 64, 22, 0.28),
		0 10px 24px rgba(0, 0, 0, 0.42),
		0 2px 5px rgba(0, 0, 0, 0.3);
	transition:
		transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		box-shadow 0.18s ease,
		filter 0.18s ease;
	will-change: transform;
}

.zs-btn--hero:hover,
.zs-btn--hero:focus-visible,
a.zs-nav-cta:hover,
a.zs-nav-cta:focus-visible {
	color: #14120d;
	filter: brightness(1.07);
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.78),
		inset 0 -2px 6px rgba(92, 64, 22, 0.24),
		0 16px 32px rgba(0, 0, 0, 0.5),
		0 3px 7px rgba(0, 0, 0, 0.32);
}

.zs-btn--hero:active,
a.zs-nav-cta:active {
	transform: translateY(1px) scale(0.995);
	box-shadow:
		inset 0 2px 5px rgba(92, 64, 22, 0.38),
		0 4px 10px rgba(0, 0, 0, 0.4);
}

/* الزر الثانوي: زجاج أفتح قليلاً وبنفس الحس البارز */
.zs-btn--hero-alt {
	background: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.46);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.3),
		0 8px 20px rgba(0, 0, 0, 0.34);
	transition:
		transform 0.18s cubic-bezier(0.2, 0.7, 0.3, 1),
		background-color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease;
}

.zs-btn--hero-alt:hover,
.zs-btn--hero-alt:focus-visible {
	background: rgba(255, 255, 255, 0.22);
	border-color: #fff;
	transform: translateY(-2px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.4),
		0 14px 28px rgba(0, 0, 0, 0.42);
}

.zs-btn--hero-alt:active { transform: translateY(1px) scale(0.995); }

/* زر شريط التنقل بنفس ذهبي "شاهد سياراتنا" */
a.zs-nav-cta,
a.zs-nav-cta span { color: #14120d; font-weight: 500; }

/* اهتزاز خفيف لأيقونة واتساب كل بضع ثوانٍ */
@media (prefers-reduced-motion: no-preference) {
	a.zs-nav-cta svg {
		transform-origin: 50% 62%;
		animation: zs-ring 3s ease-in-out infinite;
	}
}

@keyframes zs-ring {
	0%, 82%, 100% { transform: rotate(0deg) scale(1); }
	84% { transform: rotate(-14deg) scale(1.08); }
	86% { transform: rotate(12deg) scale(1.08); }
	88% { transform: rotate(-9deg) scale(1.05); }
	90% { transform: rotate(7deg) scale(1.03); }
	92% { transform: rotate(-4deg) scale(1.01); }
	94% { transform: rotate(0deg) scale(1); }
}

/* ===== العنوان يُرسم عند فتح الصفحة =====
 * كشف من اليمين إلى اليسار باتجاه القراءة، سطراً بعد سطر.
 */
@media (prefers-reduced-motion: no-preference) {
	.zs-hero__line {
		clip-path: inset(-0.3em -0.3em -0.3em 100%);
		animation: zs-write 0.95s cubic-bezier(0.22, 0.61, 0.36, 1) both;
	}

	.zs-hero__line:nth-child(1) { animation-delay: 0.15s; }
	.zs-hero__line:nth-child(2) { animation-delay: 0.62s; }

	.zs-hero__kicker { animation: zs-rise 0.6s ease-out both; }
	.zs-hero__lead { animation: zs-rise 0.6s ease-out 1.25s both; }
	.zs-hero__actions { animation: zs-rise 0.6s ease-out 1.45s both; }
	.zs-hero__warranty { animation: zs-rise 0.7s ease-out 1.7s both; }
}

@keyframes zs-write {
	from { clip-path: inset(-0.3em -0.3em -0.3em 100%); }
	to { clip-path: inset(-0.3em -0.3em -0.3em -0.3em); }
}

@keyframes zs-rise {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}

a.zs-nav-cta svg { width: 21px; height: 21px; }


/* ===== قسم "عن الشركة" على الصفحة الرئيسية ===== */
html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

#about,
#contact { scroll-margin-block-start: 24px; }

/* العنوان والفقرات داخل الحاوية نفسها وبنفس الحافة اليمنى.
 * كان margin-inline:auto يوسّط النص بينما العنوان ملاصق لليمين. */
.zs-about .zs-prose {
	max-width: min(960px, 100%);
	margin-inline-start: 0;
	margin-inline-end: auto;
	text-align: start;
	direction: rtl;
	line-height: 1.8;
}

.zs-about .zs-prose p {
	margin: 0 0 24px;
}

.zs-about .zs-prose p:last-child {
	margin-bottom: 0;
}

.zs-about .zs-section__header {
	margin-block-end: 24px;
}

@media (max-width: 700px) {
	.zs-about {
		padding-inline: 22px;
	}

	.zs-about .zs-prose {
		max-width: 100%;
	}
}


/* ===== شريط الماركات بعد الغلاف ===== */
.zs-brands {
	background: #e3ddd0;
	border-block: 1px solid rgba(20, 18, 13, 0.08);
}

.zs-brands__track {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	gap: 0;
	width: 100%;
	max-width: 1360px;
	margin-inline: auto;
	padding: 16px 28px;
}

.zs-brands__item {
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.zs-brands__item img {
	height: 38px;
	width: auto;
	display: block;
}

/* وميض متتابع من اليمين إلى اليسار: الشعار يستعيد لونه الكامل لحظة مرور الموجة */
@media (prefers-reduced-motion: no-preference) {
	.zs-brands__item img {
		filter: grayscale(1);
		opacity: 0.52;
		animation: zs-spark 9s ease-in-out infinite;
		animation-delay: calc(var(--i) * 0.34s);
		will-change: filter, transform;
	}
}

@keyframes zs-spark {
	0%, 13%, 100% {
		filter: grayscale(1);
		opacity: 0.52;
		transform: translateY(0) scale(1);
	}
	4% {
		filter: grayscale(0);
		opacity: 1;
		transform: translateY(-3px) scale(1.07);
	}
	9% {
		filter: grayscale(0);
		opacity: 0.85;
		transform: translateY(0) scale(1);
	}
}

.zs-brands__item:hover img {
	filter: grayscale(0);
	opacity: 1;
	animation-play-state: paused;
}

@media (max-width: 900px) {
	.zs-brands__track {
		flex-wrap: wrap;
		justify-content: center;
		gap: 16px 24px;
		padding: 14px 16px;
	}

	.zs-brands__item img { height: 30px; }
}

@media (max-width: 700px) {
	.zs-brands__item img { height: 26px; }
}


/* ===== أحدث السيارات + زر كل السيارات ===== */
.zs-latest__more {
	display: flex;
	justify-content: center;
	margin-block-start: 32px;
}

.zs-latest__more .zs-btn {
	padding: 14px 34px;
	font-size: 16px;
}

.zs-latest .zs-empty {
	margin: 0;
}


/* ===================================================================
 * تحسينات عرض الهاتف
 * =================================================================== */

/* --- قائمة منسدلة تعمل فعلاً على الهاتف --- */
.navbar #site-navigation,
#site-navigation.navbar { position: relative; }

@media (max-width: 900px) {
	#site-navigation .primary-menu-wrapper {
		display: none;
		position: absolute;
		inset-inline: 0;
		top: 100%;
		background: #131519;
		border-block-start: 1px solid var(--zs-line);
		box-shadow: 0 18px 34px rgba(0, 0, 0, 0.45);
		padding: 4px 18px 12px;
		z-index: 60;
	}

	#site-navigation.zs-nav-open .primary-menu-wrapper {
		display: block;
	}

	#site-navigation .zs-menu {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		margin: 0;
		padding: 0;
		float: none;
	}

	#site-navigation .zs-menu li {
		float: none;
		margin: 0;
		border-block-end: 1px solid rgba(255, 255, 255, 0.08);
	}

	#site-navigation .zs-menu li:last-child { border-block-end: 0; }

	.navbar .zs-menu a {
		display: block;
		padding: 15px 2px;
		font-size: 17px;
	}

	.navbar .zs-menu .current-menu-item > a::after { inset-inline: 2px auto; width: 26px; }

	.navbar-toggle {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
		width: 44px;
		height: 44px;
		padding: 0 10px;
		background: none;
		border: 0;
		cursor: pointer;
	}

	.navbar-toggle .icon-bar {
		display: block;
		height: 2px;
		width: 100%;
		background: #fff;
		border-radius: 2px;
	}
}

/* --- الغلاف: المحتوى وشريط الضمان كانا يتداخلان --- */
@media (max-width: 700px) {
	.zs-hero {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 26px;
		padding-block: 34px 26px;
	}

	.zs-hero__inner { transform: none; }

	.zs-hero__warranty {
		position: static;
		inset: auto;
		width: auto;
		margin-inline: 16px;
	}
}

/* --- نصوص لا تقل عن 14px على الهاتف --- */
@media (max-width: 700px) {
	.zs-hero__warranty-list strong { font-size: 15px; }
	.zs-hero__warranty-list span { font-size: 14px; }
	a.zs-nav-cta { font-size: 14px; padding: 9px 14px; }
	.zs-filter { font-size: 14px; }
	.zs-card__meta { font-size: 14px; }
	.zs-breadcrumb { font-size: 14px; }
	.zs-warranty__note,
	.zs-page__social { font-size: 14px; }
}

/* --- أهداف لمس مريحة --- */
@media (max-width: 700px) {
	.zs-filter select,
	.zs-filter input { min-height: 44px; }

	.zs-filters__actions .zs-btn { min-height: 44px; }

	.zs-pagination .page-numbers {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.zs-thumbs img { width: 72px; height: 54px; }
}


/* --- مسافات أهدأ على الهاتف في صفحات السيارات --- */
@media (max-width: 700px) {
	.zs-archive,
	.zs-single {
		padding-block: 28px 48px;
	}

	.zs-page,
	.zs-page__head { padding-block-start: 28px; }

	.zs-archive__header {
		flex-direction: column;
		align-items: flex-start;
		gap: 4px;
		margin-block-end: 18px;
	}

	.zs-section { padding-block: 36px; }

	.zs-latest__more { margin-block-start: 24px; }

	.zs-latest__more .zs-btn { width: 100%; }

	.zs-filters {
		padding: 14px;
		gap: 10px;
	}

	.zs-grid { gap: 16px; }
}


/* قائمة Inspiro الجانبية غير مستخدمة — لدينا قائمتنا.
 * القالب الأب يضيف الصنف side-nav-open على body ويزيح ‎#page‎ بمقدار 320px،
 * فنلغي الإزاحة ونخفي اللوحة نهائياً. */
#side-nav,
.side-nav-overlay {
	display: none !important;
}

body.side-nav-open #page,
body.side-nav-open #page.site,
body.side-nav-open .site-content-contain,
body.side-nav-open .site-header {
	transform: none !important;
	inset-inline-start: auto !important;
	left: auto !important;
	right: auto !important;
}

body.side-nav-open {
	overflow: visible !important;
	position: static !important;
}


/* --- رمز القائمة: ثلاث شرطات ثابتة في الحالتين ---
 * القالب الأب يدوّرها إلى X وفق تباعده هو فينتج شكل مشوّه، فنُبقيها كما هي. */
@media (max-width: 900px) {
	.navbar-toggle .icon-bar,
	body.side-nav-open .navbar-toggle .icon-bar,
	#site-navigation.zs-nav-open .navbar-toggle .icon-bar,
	body.side-nav-open .navbar-toggle .icon-bar:nth-child(2),
	body.side-nav-open .navbar-toggle .icon-bar:nth-child(3),
	body.side-nav-open .navbar-toggle .icon-bar:nth-child(4),
	#site-navigation.zs-nav-open .navbar-toggle .icon-bar:nth-child(2),
	#site-navigation.zs-nav-open .navbar-toggle .icon-bar:nth-child(3),
	#site-navigation.zs-nav-open .navbar-toggle .icon-bar:nth-child(4) {
		transform: none !important;
		opacity: 1 !important;
		width: 100% !important;
		margin: 0 !important;
		transition: none !important;
	}
}