/* Self-hosted fonts — Arabic + Latin digits + Arabic-Indic digits + basic
   punctuation subset only. No external Google Fonts request at runtime.
   بناء ٢٨ — ٤ أوزان فقط (كانت ٨): Tajawal 700/900 للعناوين، IBM Plex 400/600
   للنص. الأرقام اللاتينية (0-9) والعربية-الهندية (٠-٩) داخل نفس الملفات
   الآن — كانت غائبة تماماً قبل هذا البناء فيرتد المتصفح لخط احتياطي. */

@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 700;
	font-display: optional;
	src: url('../fonts/tajawal-700.woff2') format('woff2');
	unicode-range: U+0020-007E, U+00A9, U+00AB, U+00B7, U+00BB, U+0600-06FF, U+0660-0669, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2013-2014, U+2018-201F, U+2022, U+2039-203A;
}
@font-face {
	font-family: 'Tajawal';
	font-style: normal;
	font-weight: 900;
	font-display: optional;
	src: url('../fonts/tajawal-900.woff2') format('woff2');
	unicode-range: U+0020-007E, U+00A9, U+00AB, U+00B7, U+00BB, U+0600-06FF, U+0660-0669, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2013-2014, U+2018-201F, U+2022, U+2039-203A;
}

@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	font-display: optional;
	src: url('../fonts/ibm-plex-arabic-400.woff2') format('woff2');
	unicode-range: U+0020-007E, U+00A9, U+00AB, U+00B7, U+00BB, U+0600-06FF, U+0660-0669, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2013-2014, U+2018-201F, U+2022, U+2039-203A;
}
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 600;
	font-display: optional;
	src: url('../fonts/ibm-plex-arabic-600.woff2') format('woff2');
	unicode-range: U+0020-007E, U+00A9, U+00AB, U+00B7, U+00BB, U+0600-06FF, U+0660-0669, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E, U+2013-2014, U+2018-201F, U+2022, U+2039-203A;
}

/**
 * متغيّرا الخط الجذريان — مصدر واحد موحّد لكل الموقع (بناء ٢٨). كانا
 * معرَّفين بصيغتين مختلفتين متفرّقتين في design-system.css/home.css
 * (`Tajawal, sans-serif` مقابل `Tajawal, system-ui, sans-serif`) — وُحِّدا هنا.
 */
:root {
	--font-heading: 'Tajawal', system-ui, sans-serif;
	--font-body: 'IBM Plex Sans Arabic', system-ui, sans-serif;
}
/* ==========================================================================
   Alafdal — نظام التصميم الموحّد (site-wide). كل الكلاسات ببادئة afd-.
   ========================================================================== */

:root{
	/* كحلي عميق + ذهبي + لمسة كريمي — الهوية الأساسية (تطابق طقم الهوية ولوجو الماسك الذهبي). */
	--afd-navy:#0F1B2E; --afd-navy-2:#132743; --afd-navy-3:#1e3a5f; --afd-deep:#0a1421;
	--afd-gold:#C98A2C; --afd-gold-l:#E0A94A; --afd-gold-2:#D4A843;
	--afd-cream:#FDF8F0; --afd-paper:#EFEFE9; --afd-border:#E2E0D6;
	--afd-ink:#14202e; --afd-muted:#6B7280; --afd-wa:#1f9d57;
	--afd-link:#8B5E1A; --afd-link-hover:#6E4A15; --afd-link-on-dark:#E0A94A; --afd-link-on-dark-hover:#F0C878;
	--afd-radius:16px; --afd-radius-lg:24px; --afd-radius-sm:10px;
	--afd-shadow: 0 20px 50px -28px rgba(15,27,46,.35);
	--afd-shadow-lg: 0 30px 70px -30px rgba(10,20,33,.55);
	--afd-container: 1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	font-family:var(--font-body);
	font-synthesis: none;
	background:var(--afd-cream);
	color:var(--afd-ink);
	font-size:17px;
	line-height:1.75;
	-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.afd-disp{
	font-family:var(--font-heading);
	font-synthesis: none;
	margin:0;
	line-height:1.3;
}
p{ margin:0; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; }

.afd-wrap{ max-width:var(--afd-container); margin:0 auto; padding:0 24px; }
.afd-gold{ color:var(--afd-gold); }

/* روابط داخلية ظاهرة ومميّزة — قاعدة واحدة عامة لكل روابط المحتوى الحر
   (الأقسام التعريفية + إجابات الأسئلة الشائعة) في كل صفحات الموقع. لون
   ذهبي داكن يحقق تباين AA على الخلفية الكريمية الفاتحة (وليس الذهبي
   الفاتح --afd-gold الذي يفشل تباين النص العادي على خلفية فاتحة)، مع
   تسطير وسهم اتجاه لتمييزها بوضوح عن النص العادي المحيط. */
.afd-content-link{
	color:var(--afd-link); text-decoration:underline; text-decoration-thickness:1.5px;
	text-underline-offset:3px; font-weight:700; transition:color .15s ease, text-decoration-thickness .15s ease;
}
.afd-content-link:hover{ color:var(--afd-link-hover); text-decoration-thickness:2px; }
.afd-content-link::after{ content:'\2197'; font-size:.8em; margin-inline-start:2px; display:inline-block; }
.afd-on-dark .afd-content-link{ color:var(--afd-link-on-dark); }
.afd-on-dark .afd-content-link:hover{ color:var(--afd-link-on-dark-hover); }

/* رابط عادي — أمر «تقوية الدفعة الثانية»: السهم/الوزن العريض لـ.afd-content-link
   يبقى حصرياً لروابط الخدمة-لخدمة داخل صفحات الخدمات فقط. أي رابط لخدمة من
   داخل تدوينة أو إجابة بنك أسئلة يستخدم هذا الكلاس بدلاً منه — نفس لون
   الهوية (تباين AA مضمون) بلا سهم وبلا وزن عريض، فلا يُنافس بصرياً روابط
   الخدمة الحقيقية داخل صفحات الخدمات نفسها. */
.afd-plain-link{ color:var(--afd-link); text-decoration:underline; text-underline-offset:3px; }
.afd-plain-link:hover{ color:var(--afd-link-hover); }

/* أيقونة سطرية عامة (بلا حجم SVG جوهري) — إصلاح جذري: أي alafdal_icon(...,'afd-i')
   بلا سياق أب مخصّص كان يُصيَّر 0×0 (غير مرئي) لعدم وجود قاعدة لهذا الكلاس إطلاقاً. */
.afd-i{ width:16px; height:16px; flex-shrink:0; }

/* ---- buttons ---- */
.afd-btn{
	display:inline-flex; align-items:center; justify-content:center; gap:8px;
	font-family:var(--font-body); font-weight:700; font-size:15px;
	padding:13px 24px; border-radius:11px; cursor:pointer;
	border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
	white-space:nowrap;
}
.afd-btn:hover{ transform:translateY(-3px) scale(1.02); }
.afd-btn-gold{ background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy); box-shadow:0 10px 32px -10px rgba(201,138,44,.65); }
.afd-btn-gold:hover{ filter:brightness(1.06); box-shadow:0 14px 36px -8px rgba(201,138,44,.75); }
.afd-btn-wa{ background:var(--afd-wa); color:#fff; box-shadow:0 10px 30px -12px rgba(31,157,87,.55); }
.afd-btn-wa:hover{ filter:brightness(1.08); }
.afd-btn-ghost{ background:transparent; border-color:rgba(255,255,255,.28); color:var(--afd-cream); }
.afd-btn-ghost:hover{ background:rgba(255,255,255,.08); }
.afd-btn-outline-navy{ background:transparent; border:2px solid var(--afd-navy); color:var(--afd-navy); }
.afd-btn-outline-navy:hover{ background:var(--afd-navy); color:#fff; }
.afd-btn-outline-gold{ background:transparent; border:2px solid var(--afd-gold); color:var(--afd-gold-l); }
.afd-btn-outline-gold:hover{ background:var(--afd-gold); color:var(--afd-navy); }
.afd-btn-block{ width:100%; }

/* ---- eyebrow / kicker / badges ----
   بناء ٢٨ — كانا بلا font-family خاص بهما، فيرثان IBM Plex من body رغم
   ملاصقتهما البصرية للعنوان (Tajawal) تحتهما مباشرة — هذا هو "تنافر خط
   العناوين" الفعلي. أُضيف --font-heading صراحة لكليهما. */
.afd-eyebrow{
	display:inline-flex; align-items:center; gap:8px;
	background:rgba(201,138,44,.12); border:1px solid rgba(201,138,44,.35);
	color:var(--afd-gold-l); font-family:var(--font-heading); font-size:13px; font-weight:700;
	padding:8px 16px; border-radius:30px; margin-bottom:18px;
}
.afd-kick{ color:var(--afd-gold); font-family:var(--font-heading); font-size:13px; font-weight:800; letter-spacing:3px; }
.afd-badge{
	display:inline-flex; align-items:center; gap:7px;
	background:rgba(255,255,255,.08); border:1px solid rgba(201,138,44,.25);
	color:#fff; font-size:13px; font-weight:600; padding:8px 14px; border-radius:30px;
}
.afd-badge svg{ width:15px; height:15px; color:var(--afd-gold); flex-shrink:0; }

/* ---- breadcrumb ---- */
.afd-breadcrumb{ background:var(--afd-navy-2); border-bottom:1px solid #22344f; }
.afd-breadcrumb ol{ display:flex; flex-wrap:wrap; align-items:center; list-style:none; margin:0; padding:12px 24px; gap:8px; font-size:13px; }
.afd-breadcrumb li{ display:flex; align-items:center; gap:8px; color:#8698b3; }
.afd-breadcrumb a{ color:#c3cfe0; transition:color .2s ease; }
.afd-breadcrumb a:hover{ color:var(--afd-gold); }
.afd-breadcrumb span[aria-current]{ color:var(--afd-gold-l); font-weight:600; }
.afd-breadcrumb-sep{ color:#4a5b76; }

/* ---- section header ---- */
.afd-sec{ padding:72px 0; }
.afd-sec-head{ text-align:center; max-width:640px; margin:0 auto 44px; }
.afd-sec-head-sub{ margin-top:44px; }
.afd-sitemap-h3{ font-family:var(--font-heading); font-weight:800; font-size:16.5px; color:var(--afd-ink); margin:24px 0 8px; }
/* أمر «تلميع خريطة الموقع» — لاحقة المدينة داخل عنوان الخدمة مخفَّتة لونياً
   (النص الأساسي = اسم الخدمة، مطلوب الأمر) بدل نفس وزن ولون اسم الخدمة. */
.afd-sitemap-city{ color:var(--afd-muted); font-weight:400; }
.afd-sec-head h2{ font-weight:900; font-size:clamp(24px,3.4vw,32px); color:var(--afd-ink); margin-top:10px; }
.afd-sec-head p{ color:var(--afd-muted); font-size:17px; margin-top:10px; }

/* ---- cards ---- */
.afd-card{
	background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius);
	transition:transform .3s ease, box-shadow .3s ease; overflow:hidden;
}
.afd-card:hover{ transform:translateY(-6px) scale(1.015); box-shadow:var(--afd-shadow); }

/* ---- بناء ٤١ §٢: فلوت التواصل الموحّد (واتساب+اتصال+حجز، بدل فلوت
   الواتساب المفرد القديم) — position:fixed بالكامل، صفر أثر على تخطيط
   الصفحة/CLS. ---- */
.afd-float{
	position:fixed; bottom:22px; left:22px; z-index:60;
	display:flex; flex-direction:column; align-items:center; gap:10px;
}
.afd-float-main{
	position:relative;
	width:58px; height:58px; aspect-ratio:1/1; border-radius:50%; flex-shrink:0;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy);
	border:none; cursor:pointer; display:flex; align-items:center; justify-content:center;
	box-shadow:0 14px 30px -8px rgba(201,138,44,.55);
	animation:afd-pulse 2.6s ease-in-out infinite; will-change:transform;
}
.afd-float-main svg{ width:26px; height:26px; }
@keyframes afd-pulse{
	0%,100%{ transform:scale(1); }
	50%{ transform:scale(1.06); }
}
/* بناء ٤١ (تعديل) — حلقة نبض ذهبية (box-shadow فقط، بلا JS/صور) + شارة "٣" */
.afd-float-main::before{
	content:''; position:absolute; inset:0; border-radius:50%; pointer-events:none;
	animation:afd-float-ring 2.6s ease-out infinite;
}
@keyframes afd-float-ring{
	0%{ box-shadow:0 0 0 0 rgba(201,138,44,.45); }
	70%{ box-shadow:0 0 0 14px rgba(201,138,44,0); }
	100%{ box-shadow:0 0 0 0 rgba(201,138,44,0); }
}
.afd-float-badge{
	position:absolute; top:-3px; inset-inline-end:-3px; width:20px; height:20px; border-radius:50%;
	background:var(--afd-navy); color:var(--afd-cream); border:2px solid var(--afd-gold-l);
	font-size:11px; font-weight:800; display:flex; align-items:center; justify-content:center; line-height:1;
	font-family:var(--font-heading);
}
.afd-float.afd-float-open .afd-float-badge{ display:none; }
.afd-float-actions{
	display:flex; flex-direction:column; align-items:center; gap:10px;
	opacity:0; transform:translateY(12px); pointer-events:none;
	transition:opacity .25s ease, transform .25s ease;
}
.afd-float.afd-float-open .afd-float-actions{ opacity:1; transform:translateY(0); pointer-events:auto; }
/* بناء ٤١ (تلميع نهائي، باقتراح المالك) — أيقونة فقط بدل شارات نصّية
   بأطوال مختلفة (كانت تصطف بشكل متعرّج) — دوائر متطابقة تماماً بحجم واحد،
   تدرّج ذهبي لزر الحجز يطابق الزر الرئيسي. النص (للوصول فقط + تولتيب
   بصري عند التحويم) بدل نص دائم يكسر التناسق. */
/* أمر «قفل الحجز النهائي» §٢ — reskin ظاهر فعلياً (لا تعديل خفيف): حلقة
   حدّ ذهبية 2.5px حول الثلاثة دوائر معاً (تطابق حرفياً حدّ afd-lead-modal-card
   الذهبي على الكارت الكحلي) + ظل كحلي أعمق موحّد (نفس عائلة --afd-shadow-lg)
   بدل الظل الرمادي العام السابق — هوية "بطاقة ذهبية معلَّقة" بدل دوائر أيقونة
   عادية، محسوسة بصرياً من أول نظرة لا مجرد فرق حجم. */
.afd-float-action{
	position:relative;
	width:48px; height:48px; aspect-ratio:1/1; border-radius:50%; flex-shrink:0;
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 16px 32px -12px rgba(10,20,33,.65); text-decoration:none; cursor:pointer;
	border:2.5px solid var(--afd-gold-l);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.afd-float-action:hover{ transform:translateY(-3px) scale(1.06); border-color:var(--afd-gold); }
.afd-float-action svg{ width:20px; height:20px; }
/* أمر «قفل الحجز (الأمر الأخير)» §٤ — رجوع لحجم موحّد نظيف للثلاثة (كان
   متفاوتاً 42/48/54px من أمر سابق فبدا غير متّسق) — الأولوية البصرية
   لواتساب تبقى قائمة عبر لونه الأخضر المميَّز وحده (استثناء موثَّق) لا عبر
   حجم مختلف؛ محاذاة/تباعد الدوائر الآن منتظمان تماماً. */
.afd-float-wa{ background:var(--afd-wa); color:#fff; }
.afd-float-tel{ background:var(--afd-navy); color:var(--afd-cream); }
.afd-float-book{ background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy); }
.afd-float-main{ border:2.5px solid var(--afd-navy); }
.afd-float-tip{
	position:absolute; left:calc(100% + 10px); top:50%; transform:translateY(-50%) translateX(-6px);
	background:var(--afd-navy); color:var(--afd-cream); font-size:12px; font-weight:700; white-space:nowrap;
	padding:6px 12px; border-radius:8px; box-shadow:var(--afd-shadow);
	opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease;
}
.afd-float-action:hover .afd-float-tip,
.afd-float-action:focus-visible .afd-float-tip{ opacity:1; transform:translateY(-50%) translateX(0); }
@media (max-width:480px){
	.afd-float{ bottom:16px; left:16px; }
	.afd-float-main{ width:52px; height:52px; }
	.afd-float-main svg{ width:22px; height:22px; }
	.afd-float-action{ width:44px; height:44px; }
	.afd-float-action svg{ width:18px; height:18px; }
}

/* ---- top bar ---- */
.afd-topbar{ background:var(--afd-deep); color:#9fb0c7; font-size:13px; padding:9px 0; }
.afd-topbar .afd-wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
.afd-topbar b{ color:var(--afd-cream); }
.afd-topbar .afd-r{ display:flex; gap:18px; flex-wrap:wrap; }
.afd-slot{ color:#c9a961; opacity:.85; }

/* ---- header ---- */
.afd-hdr{ background:var(--afd-navy); position:sticky; top:0; z-index:50; border-bottom:1px solid #22344f; }
.afd-hdr .afd-wrap{ display:flex; align-items:center; justify-content:space-between; padding:14px 24px; gap:16px; }
.afd-logo{ display:flex; align-items:center; gap:10px; color:var(--afd-cream); flex-shrink:0; }
.afd-logo-img{ height:40px; width:auto; flex-shrink:0; }
.afd-nav{ display:flex; align-items:center; gap:30px; color:#c3cfe0; font-size:14.5px; font-weight:500; }
.afd-nav li{ display:flex; align-items:center; }
.afd-nav a{ position:relative; display:inline-block; padding:4px 0; transition:color .25s ease; }
.afd-nav a::after{
	content:""; position:absolute; right:0; bottom:-4px; width:100%; height:2px;
	background:var(--afd-gold); transform:scaleX(0); transform-origin:center;
	transition:transform .25s ease;
}
.afd-nav a:hover{ color:var(--afd-gold); }
.afd-nav a:hover::after{ transform:scaleX(1); }
/* بناء ٣٦ — الحالة النشطة (الصفحة الحالية): ووردبريس يضيف current-menu-item
   تلقائياً على <li> المطابق، صفر كود إضافي مطلوب لحسابها. */
.afd-nav .current-menu-item > a,
.afd-nav .current-menu-parent > a,
.afd-nav .current_page_item > a{ color:var(--afd-gold-l); }
.afd-nav .current-menu-item > a::after,
.afd-nav .current-menu-parent > a::after,
.afd-nav .current_page_item > a::after{ transform:scaleX(1); }
.afd-hdr-actions{ display:flex; align-items:center; gap:12px; }
.afd-mobile-toggle{ display:none; background:none; border:none; color:var(--afd-cream); font-size:26px; cursor:pointer; padding:4px; line-height:1; }

@media (max-width:900px){
	.afd-nav{
		position:absolute; top:100%; inset-inline:0; z-index:60;
		flex-direction:column; align-items:stretch; gap:0;
		background:var(--afd-navy); border-top:1px solid #22344f; box-shadow:var(--afd-shadow-lg);
		padding:8px 0; max-height:calc(100vh - 64px); overflow-y:auto;
		visibility:hidden; opacity:0; transform:translateY(-8px);
		transition:opacity .2s ease, transform .2s ease, visibility .2s;
	}
	.afd-nav.afd-nav-open{ visibility:visible; opacity:1; transform:translateY(0); }
	.afd-nav li{ width:100%; }
	.afd-nav a{ display:block; padding:14px 24px; }
	.afd-nav a::after{ display:none; }
	.afd-mobile-toggle{ display:block; }
}

/* ---- footer (بناء ٤١ تعديل: رجوع لـ٤ أعمدة — البراند عمود حقيقي بدل صف
   منفصل كان متباعد وغير منسّق. شريط ذهبي علوي، بلا فورم/بانر/CTA ليد —
   الليد بالهيدر فقط، الحجز بالفلوت فقط) ---- */
.afd-ft{
	background:linear-gradient(155deg, var(--afd-navy-2) 0%, var(--afd-deep) 100%); color:#9fb0c7; font-size:13.5px;
	padding-bottom:24px; border-top:3px solid var(--afd-gold);
}
.afd-logo-footer{ margin-bottom:14px; }
.afd-ft-brand p{ line-height:1.9; max-width:320px; color:#9fb0c7; margin-top:0; margin-bottom:12px; }
.afd-ft-brand .afd-ft-since{ display:inline-flex; align-items:center; gap:6px; color:var(--afd-gold-l); font-weight:700; font-size:13px; margin-bottom:18px; }
.afd-ft-brand .afd-ft-since svg{ width:14px; height:14px; flex-shrink:0; }
.afd-ft-social{ display:flex; gap:10px; }
.afd-ft-social a{
	display:flex; align-items:center; justify-content:center; width:38px; height:38px;
	background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:50%;
	color:var(--afd-gold-l); transition:border-color .2s, background .2s, transform .2s;
}
.afd-ft-social a svg{ width:17px; height:17px; }
.afd-ft-social a:hover{ border-color:var(--afd-gold); background:rgba(201,138,44,.18); transform:translateY(-2px); }

.afd-ft-cols{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:32px; padding:44px 0 32px; }
.afd-ft-cols h4{
	color:var(--afd-cream); font-family:var(--font-heading); font-weight:800; font-size:14.5px;
	margin-bottom:16px; padding-bottom:10px; border-bottom:2px solid var(--afd-gold); display:inline-block;
}
.afd-ft-cols a{ display:block; color:#9fb0c7; margin-bottom:10px; transition:color .2s; }
.afd-ft-cols a:hover{ color:var(--afd-gold-l); }
.afd-ft-contact-item{ display:flex; align-items:flex-start; gap:10px; margin-bottom:14px; }
.afd-ft-contact-item svg{ width:16px; height:16px; color:var(--afd-gold-l); flex-shrink:0; margin-top:2px; }
.afd-ft-contact-item div{ display:flex; flex-direction:column; }
.afd-ft-contact-item a,.afd-ft-contact-item span{ color:#9fb0c7; margin-bottom:0; }
.afd-ft-contact-item a:hover{ color:var(--afd-gold-l); }

/* ---- بناء ٤٢ §٥: شارتا السجل التجاري والرقم الضريبي ---- */
.afd-ft-reg-badges{ display:flex; gap:16px; flex-wrap:wrap; padding:24px 0; border-top:1px solid rgba(255,255,255,.08); }
.afd-ft-reg-badge{
	display:flex; align-items:center; gap:12px; flex:1; min-width:220px;
	background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1);
	border-radius:var(--afd-radius-sm); padding:14px 18px;
}
.afd-frb-ic{
	width:38px; height:38px; border-radius:50%; flex-shrink:0;
	background:rgba(201,138,44,.15); color:var(--afd-gold-l);
	display:flex; align-items:center; justify-content:center;
}
.afd-frb-ic svg{ width:18px; height:18px; }
/* أمر «توحيد الهوية» — بادج الرقم الضريبي بهوية ZATCA الرسمية (أخضر) عمداً،
   استثناء واعٍ من إزالة الأخضر (لون الهيئة الرسمي، لا لون هوية الموقع). */
.afd-frb-ic-vat{ background:rgba(31,157,87,.15); color:var(--afd-wa); }
/* أمر «قبل النشر (٣)» §٦ — شعارا وزارة التجارة/زاتكا الحقيقيان محلّ الأيقونتين
   العامتين: شريحة بيضاء مستطيلة (لا دائرة ملوّنة) لأن الشعارين الرسميين لهما
   ألوانهما الخاصة، تحتاج خلفية فاتحة محايدة لتظهر بوضوح فوق الكحلي. */
.afd-frb-ic-logo{
	width:auto; height:38px; border-radius:8px; background:#fff; padding:4px 8px;
}
.afd-frb-ic-logo img{ height:100%; width:auto; display:block; }
.afd-ft-reg-badge div{ display:flex; flex-direction:column; gap:3px; }
.afd-ft-reg-badge b{ color:var(--afd-cream); font-size:12.5px; font-weight:700; }
.afd-ft-reg-badge span{ color:#9fb0c7; font-size:13.5px; font-family:var(--font-heading); direction:ltr; text-align:right; }

/* ---- أمر «توحيد الهوية»: عمود «خدماتنا» — شبكة عمودين بأسماء قصيرة ثابتة ---- */
.afd-ft-svc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:4px 16px; }
.afd-ft-svc-grid a{ font-size:12.5px; margin-bottom:0 !important; }
.afd-ft-legalname{ text-align:center; color:#7d8fa8; font-size:12px; margin:0 0 18px; }

.afd-ft-bottom{
	border-top:1px solid rgba(255,255,255,.08); padding-top:18px;
	display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px;
	font-size:12.5px; color:#7d8fa8;
}
.afd-ft-legal{ display:flex; gap:18px; flex-wrap:wrap; }
.afd-ft-legal a{ color:#7d8fa8; transition:color .2s; }
.afd-ft-legal a:hover{ color:var(--afd-gold-l); }

@media (max-width:900px){
	.afd-ft-cols{ grid-template-columns:1fr 1fr; gap:30px 26px; }
}
@media (max-width:640px){
	.afd-ft-cols{ grid-template-columns:1fr; gap:28px; text-align:center; }
	.afd-ft-brand p{ max-width:none; }
	.afd-ft-brand .afd-ft-since{ justify-content:center; display:flex; }
	.afd-ft-social{ justify-content:center; }
	.afd-ft-reg-badges{ justify-content:center; }
	.afd-ft-reg-badge{ justify-content:center; }
	.afd-ft-bottom{ justify-content:center; text-align:center; }
}

/* ---- generic grid ---- */
.afd-grid{ display:grid; gap:18px; }
.afd-g2{ grid-template-columns:repeat(2,1fr); }
.afd-g3{ grid-template-columns:repeat(3,1fr); }
.afd-g4{ grid-template-columns:repeat(4,1fr); }
@media (max-width:900px){
	.afd-g4{ grid-template-columns:repeat(2,1fr); }
	.afd-g3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
	.afd-g4,.afd-g3,.afd-g2{ grid-template-columns:1fr; }
}

/* ---- reveal-on-scroll (opacity/transform only — no layout shift) ----
   أمر «إصلاح السكشن الباهت نهائيًا (CSS-first)» — الإصلاح السابق كان
   JS-timing (setTimeout/rAF يفرض afd-in/opacity بعد مهلة) — لا يكفي وحده:
   المهل والـtransitions نفسها تتجمّد بالتبويبات الخلفية/الأتمتة (مؤكَّد
   بـWeb Animations API بأمر سابق، وأُعيد تأكيده هذا الأمر بمعزل تام —
   حتى transition بسيط بلا أي كود مخصَّص يتجمّد بنفس البيئة)، فيبقى العنصر
   باهتاً رغم إضافة الكلاس **طالما التبويب غير ظاهر فعلياً لأي زائر**.
   الإصلاح الجذري هنا: الحالة الافتراضية بلا أي كلاس = opacity:1 (ظاهر
   دائماً، صفر اعتماد على توقيت JS). الإخفاء التمهيدي + الانتقال الجمالي
   لا يُطبَّقان إلا خلف `html.js` (كلاس يُضاف synchronous من سكربت inline
   بأول <head>، قبل أي رسم — تنفيذ فوري أثناء تحليل HTML، غير معرَّض إطلاقاً
   لتجمّد rAF/setTimeout لأنه ليس مؤقّتاً أصلاً) و`prefers-reduced-motion:
   no-preference` معاً. لو JS معطّل/محجوب بالكامل أو لم يُنفَّذ بعد (اتصال
   بطيء، عطل بسكربت آخر): html.js لا يُضاف → العنصر ظاهر فوراً بالـCSS
   الافتراضي بلا أي حالة وسيطة — هذا الضمان مؤكَّد ومُتحقَّق مباشرة (لا
   افتراض). طبقة الكشف الجمالية (IntersectionObserver + شبكة أمان JS
   بمهلة قصيرة) بـmain.js تبقى كما هي دون تغيير — تعمل بشكل طبيعي وموثوق
   في أي تبويب ظاهر فعلياً لزائر حقيقي (rAF/setTimeout لا يتجمّدان إلا في
   تبويب غير ظاهر أصلاً، وهو سياق لا يراه أي زائر بالتعريف). */
.afd-reveal{
	opacity:1; transform:none;
}
@media (prefers-reduced-motion: no-preference){
	html.js .afd-reveal:not(.afd-in){
		opacity:0; transform:translateY(24px);
	}
	html.js .afd-reveal{
		transition:opacity .7s ease-out, transform .7s ease-out;
		will-change:opacity, transform;
	}
}
.afd-reveal.afd-in{ opacity:1; transform:translateY(0); }

/* ---- performance & accessibility: motion rules apply everywhere ---- */
@media (prefers-reduced-motion: reduce){
	*, *::before, *::after{
		animation-duration:0.001ms !important; animation-iteration-count:1 !important;
		transition-duration:0.001ms !important; scroll-behavior:auto !important;
	}
}

.afd-sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* بناء ٣٩ — صيد: صندوق Contact Form 7 الخاص بحالة قارئ الشاشة
   (screen-reader-response) كان يظهر بصرياً كمستطيل أبيض فارغ فوق كل
   نموذج CF7 بالموقع (المودال الجديد + نموذج "اتصل بنا") — الموقع لا
   يحمّل CSS الافتراضي للإضافة (تصميم مخصّص بالكامل)، فهذه القاعدة
   المعيارية (لإخفائه بصرياً فقط، يبقى متاحاً لقارئ الشاشة) كانت غائبة. */
.screen-reader-response{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
/* بناء ٣٩ — صيد ثانٍ بنفس السبب: <fieldset> الذي يغلّف حقول CF7 المخفية
   (hidden-fields-container) له حدود/حشو افتراضية من المتصفح (fieldset
   عنصر له تصميم متصفح مدمج) — يظهر كمربّع أبيض فارغ فوق كل نموذج رغم
   أن كل ما بداخله type="hidden". صفر أثر بصري مطلوب منه أصلاً. */
.hidden-fields-container{ border:0; margin:0; padding:0; }
/* ==========================================================================
   الصفحة الرئيسية — أقسام مخصّصة فوق نظام التصميم الموحّد.
   ========================================================================== */

/* دبوس الخريطة + 3 كروت الهيرو العائمة تستخدم هذا الطيف الخفيف (transform فقط، GPU) — عدد محدود ومقصود، ويُعطَّل بالكامل مع prefers-reduced-motion. */
@keyframes afd-float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }

/* ---- hero (كحلي عميق + ذهبي، بنية Kimi) ---- */
.afd-hero{
	position:relative; overflow:hidden; color:var(--afd-cream);
	background:
		radial-gradient(1100px 480px at 82% -8%, #274a6b 0, transparent 58%),
		radial-gradient(700px 400px at 5% 110%, rgba(30,58,95,.4) 0, transparent 60%),
		linear-gradient(155deg, var(--afd-deep) 0%, var(--afd-navy-2) 55%, var(--afd-deep) 100%);
	padding-top:8px;
}
.afd-hero::before{
	content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
	background-image:
		repeating-linear-gradient(45deg, rgba(201,138,44,.05) 0 1px, transparent 1px 22px),
		repeating-linear-gradient(-45deg, rgba(201,138,44,.05) 0 1px, transparent 1px 22px);
}
/* ---- بناء ٤٢ §١: الصورة البارزة عنصر <img> حقيقي خلف الهيرو (بدل
   background-image) — تظليل كحلي فوقها لتباين نص كافٍ. الطبقات: الصورة
   (z-index:0) < التظليل (z-index:1) < المحتوى (z-index:2). ---- */
.afd-hero-has-img::before{ display:none; }
.afd-hero-media{
	position:absolute; inset:0; z-index:0;
	width:100%; height:100%; object-fit:cover; object-position:center;
}
.afd-hero-img-overlay{
	position:absolute; inset:0; z-index:1; pointer-events:none;
	background:
		linear-gradient(155deg, rgba(11,20,36,.95) 0%, rgba(15,27,46,.88) 45%, rgba(11,20,36,.78) 100%);
}
.afd-hero .afd-wrap{
	position:relative; z-index:2;
	display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center;
	padding:52px 24px 60px;
}

/* بناء ٦٥ — هيرو بديل (بلا صورة حقيقية): أيقونة الخدمة + شعار كنمط خلفية خفيف. */
.afd-hero-fallback{
	position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none;
	display:flex; align-items:center; justify-content:flex-end;
}
.afd-hero-fallback-icon{
	width:360px; height:360px; min-width:360px; color:var(--afd-gold); opacity:.09;
	stroke-width:1; transform:translate(70px,8px) rotate(-6deg);
}
.afd-hero-fallback-logo{
	position:absolute; top:24px; left:28px; width:92px; height:auto; opacity:.28;
}
@media (max-width:900px){
	.afd-hero-fallback-icon{ width:220px; height:220px; min-width:220px; transform:translate(20px,0) rotate(-6deg); }
	.afd-hero-fallback-logo{ width:64px; top:16px; left:18px; }
}

.afd-hero-badges{ display:flex; gap:10px; margin-bottom:22px; flex-wrap:wrap; }
.afd-hbadge{
	display:inline-flex; align-items:center; gap:7px;
	background:rgba(20,32,50,.55); /* fallback صلب شبه-شفاف لأجهزة بلا دعم blur */
	border:1px solid rgba(201,138,44,.25); color:var(--afd-cream);
	font-size:12.5px; font-weight:700; padding:8px 14px; border-radius:30px;
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){
	.afd-hbadge{ background:rgba(255,255,255,.08); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
}
.afd-hbadge svg{ width:14px; height:14px; color:var(--afd-gold); flex-shrink:0; }

.afd-hero h1{ font-weight:900; font-size:clamp(28px,4vw,44px); line-height:1.28; }
.afd-hero h1 .afd-gold{ position:relative; }
.afd-hero .afd-lead{ color:#b8c6da; font-size:16.5px; line-height:1.95; max-width:520px; margin:20px 0 26px; }

.afd-cta{ display:flex; gap:12px; margin-bottom:26px; flex-wrap:wrap; }

.afd-segs{ display:flex; gap:10px; margin:0; }
.afd-seg{ flex:1; text-align:center; background:rgba(255,255,255,.03); border:1px solid #2c476c; border-radius:12px; padding:14px 6px; }
.afd-seg svg{ width:22px; height:22px; color:var(--afd-gold); margin:0 auto 6px; }
.afd-seg div{ font-family:var(--font-heading); font-weight:700; font-size:13px; color:var(--afd-cream); }
.afd-seg small{ color:#8698b3; font-size:10.5px; }

@media (max-width:900px){
	.afd-hero .afd-wrap{ grid-template-columns:1fr; padding-top:30px; }
	.afd-segs{ flex-wrap:wrap; }
}

/* ---- hero visual: صندوق زجاج مصنفر (الهوك) + 3 كروت عائمة تطفو خارج حوافه ---- */
.afd-hero-visual{ position:relative; padding:26px 30px; }

/* أمر «إصلاح كارت الموقع بصفحة اتصل بنا (تباين ألوان)» — الخلفية كانت
   شبه-شفافة (rgba(20,32,50,.55) أو زجاج مصنفر خفيف عند دعم backdrop-filter)
   مصمَّمة أصلاً لتترسّب فوق خلفية داكنة (هيرو الرئيسية). هذا المكوّن
   يُستخدَم فعلياً فقط داخل `.afd-svc-sidebar-inner` الفاتحة (`#f8f5ef`) —
   فالشفافية كانت تُنتج رمادياً باهتاً بلا تباين كافٍ للنص الأبيض فوقه
   (أبيض-على-فاتح، نفس عائلة عطل الزر الشبَحي السابق). خلفية كحلي صلبة
   الآن — نفس الهوية الداكنة دائماً بغضّ النظر عن السياق المحيط. */
.afd-map-box{
	position:relative; border-radius:22px; overflow:hidden; height:280px;
	border:1px solid rgba(255,255,255,.12); box-shadow:var(--afd-shadow-lg);
	background:linear-gradient(135deg, var(--afd-navy-2), var(--afd-navy));
}
.afd-map-box::before{
	content:""; position:absolute; inset:0; opacity:.35; pointer-events:none;
	background-image:
		linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
	background-size:28px 28px;
}
.afd-map-static{
	position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
	text-align:center; padding:20px; z-index:1;
}
.afd-map-pin{
	width:52px; height:52px; border-radius:50%;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2));
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 10px 30px -10px rgba(201,138,44,.6);
	animation:afd-float 3.4s ease-in-out infinite;
	will-change:transform;
}
.afd-map-pin svg{ width:26px; height:26px; color:var(--afd-navy); }
.afd-map-static b{ font-family:var(--font-heading); font-weight:800; font-size:15px; color:var(--afd-cream); }
.afd-map-static span{ color:#9fb0c7; font-size:12.5px; }
.afd-map-open{
	display:inline-flex; align-items:center; gap:6px; margin-top:4px;
	background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22);
	color:var(--afd-cream); font-size:12.5px; font-weight:700;
	padding:8px 16px; border-radius:30px; cursor:pointer; transition:background .2s;
}
.afd-map-open:hover{ background:rgba(255,255,255,.18); }
.afd-map-open svg{ width:14px; height:14px; color:var(--afd-gold); }
.afd-map-box iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; z-index:2; }

/* أمر «قبل النشر (٤)» §٤ — خريطة تغطية تفاعلية (تستبدل صندوق الخريطة الساكن
   بالرئيسية فقط): نفس لغة الزجاج الكحلي المُصنفَر، مركز "مقرّنا" + ٨ أحياء
   حقيقية تدور حوله بزوايا متساوية (--afd-angle محسوبة بالسيرفر). التسمية
   تظهر hover/focus على الأجهزة اللي بتدعم hover حقيقي، ودائماً ظاهرة صغيرة
   على اللمس (لا تفاعل موثوق بلا hover). */
.afd-cov-map{
	position:relative; border-radius:22px; overflow:hidden; height:320px;
	border:1px solid rgba(255,255,255,.16); box-shadow:var(--afd-shadow-lg);
	background:rgba(20,32,50,.55);
	display:flex; flex-direction:column;
}
@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){
	.afd-cov-map{
		background:
			radial-gradient(circle at 30% 30%, rgba(201,138,44,.16), transparent 55%),
			linear-gradient(135deg, rgba(255,255,255,.1), rgba(255,255,255,.03));
		backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
	}
}
.afd-cov-map-orbit{ position:relative; flex:1; }
.afd-cov-map-center{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	display:flex; flex-direction:column; align-items:center; gap:6px; text-align:center;
	width:132px; z-index:2;
}
.afd-cov-map-pin{
	width:44px; height:44px; border-radius:50%;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2));
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 10px 30px -10px rgba(201,138,44,.6);
	animation:afd-float 3.4s ease-in-out infinite; will-change:transform;
}
.afd-cov-map-pin svg{ width:22px; height:22px; color:var(--afd-navy); }
.afd-cov-map-center b{ font-family:var(--font-heading); font-weight:800; font-size:13.5px; color:var(--afd-cream); }
.afd-cov-map-center small{ color:#9fb0c7; font-size:11px; }
.afd-cov-node{
	position:absolute; top:50%; left:50%;
	transform:translate(-50%,-50%) rotate(var(--afd-angle)) translate(96px) rotate(calc(-1 * var(--afd-angle)));
	display:flex; align-items:center; gap:6px; z-index:1; cursor:default;
}
.afd-cov-node-dot{
	width:9px; height:9px; border-radius:50%; background:var(--afd-gold-l); flex-shrink:0;
	box-shadow:0 0 0 4px rgba(224,184,113,.18);
	animation:afd-cov-pulse 2.6s ease-in-out infinite;
}
.afd-cov-node-label{
	font-size:10.5px; font-weight:700; color:var(--afd-cream); white-space:nowrap;
	background:rgba(14,26,46,.75); padding:3px 8px; border-radius:20px;
	opacity:0; transform:translateX(4px); transition:opacity .2s ease, transform .2s ease;
	pointer-events:none;
}
@media (hover:hover){
	.afd-cov-node:hover .afd-cov-node-label,
	.afd-cov-node:focus-visible .afd-cov-node-label{ opacity:1; transform:translateX(0); }
}
@media (hover:none){
	.afd-cov-node-label{ opacity:1; transform:none; font-size:9.5px; padding:2px 6px; }
}
@keyframes afd-cov-pulse{ 0%,100%{ box-shadow:0 0 0 4px rgba(224,184,113,.18); } 50%{ box-shadow:0 0 0 7px rgba(224,184,113,.05); } }
.afd-cov-map-foot{
	display:flex; align-items:center; justify-content:space-between; gap:10px;
	padding:12px 18px; border-top:1px solid rgba(255,255,255,.12); position:relative; z-index:2;
}
.afd-cov-map-stat{ display:flex; align-items:center; gap:5px; color:var(--afd-gold-l); font-size:11.5px; font-weight:700; }
.afd-cov-map-stat svg{ width:13px; height:13px; }
.afd-cov-map-link{
	display:inline-flex; align-items:center; gap:6px;
	background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22);
	color:var(--afd-cream); font-size:11.5px; font-weight:700;
	padding:7px 14px; border-radius:30px; transition:background .2s;
}
.afd-cov-map-link:hover{ background:rgba(255,255,255,.18); }
.afd-cov-map-link svg{ width:12px; height:12px; color:var(--afd-gold); }
@media (max-width:560px){
	.afd-cov-map{ height:280px; }
	.afd-cov-node{ transform:translate(-50%,-50%) rotate(var(--afd-angle)) translate(78px) rotate(calc(-1 * var(--afd-angle))); }
	.afd-cov-map-center{ width:110px; }
	.afd-cov-map-center b{ font-size:12.5px; }
}

/* الكروت الثلاثة تطفو خارج حواف صندوق الخريطة وتتداخل معه بجُرأة (مطابقة kimi-hero-TARGET) —
   نفس مقياس/ظل كروت قسم التغطية (afd-cov-stat) بالضبط، أبيض صلب + ظل فقط (بلا blur). */
.afd-fcard{
	position:absolute; z-index:3;
	display:flex; align-items:center; gap:14px;
	background:#fff;
	padding:18px 22px; border-radius:20px; box-shadow:0 20px 45px -16px rgba(10,20,33,.4);
	animation:afd-float 4s ease-in-out infinite;
	will-change:transform;
}
/* ثلاثة أركان منفصلة بلا تراكب: يسار-أعلى · يمين-أعلى · يمين-أسفل (مطابق kimi-hero-TARGET). */
.afd-fcard.afd-fc1{ top:6%; left:-30px; animation-delay:0s; }
.afd-fcard.afd-fc3{ top:6%; right:-26px; animation-delay:.8s; }
.afd-fcard.afd-fc2{ bottom:6%; right:-10px; animation-delay:1.4s; }
.afd-fcard .afd-fc-ic{
	width:58px; height:58px; border-radius:16px; flex-shrink:0;
	display:flex; align-items:center; justify-content:center;
}
.afd-fcard .afd-fc-ic svg{ width:26px; height:26px; }
.afd-fc-ic-blue{ background:rgba(59,130,246,.12); } .afd-fc-ic-blue svg{ color:#3b82f6; }
.afd-fc-ic-gold{ background:rgba(201,138,44,.14); } .afd-fc-ic-gold svg{ color:var(--afd-gold-2); }
.afd-fc-ic-navy{ background:rgba(15,27,46,.1); } .afd-fc-ic-navy svg{ color:var(--afd-navy); }
.afd-fcard b{ display:block; font-family:var(--font-heading); font-weight:800; font-size:18px; color:var(--afd-ink); }
.afd-fcard small{ color:var(--afd-muted); font-size:13.5px; }

@media (max-width:900px){
	.afd-hero-visual{ padding:22px; }
	/* أمر «قبل النشر (٤)» §٦ — خطوة تدرّج متوسطة كانت ناقصة: الكروت كانت
	   تقفز من 18px مباشرة لـ14.5px بلا مرحلة وسيطة لعرض التابلت (900-560px)،
	   فتبدو كبيرة/غير متناسبة مع تضيّق الحاوية تدريجياً بدل فجأة. */
	.afd-fcard{ padding:14px 18px; gap:12px; }
	.afd-fcard .afd-fc-ic{ width:50px; height:50px; border-radius:14px; }
	.afd-fcard .afd-fc-ic svg{ width:22px; height:22px; }
	.afd-fcard b{ font-size:16px; }
	.afd-fcard small{ font-size:12.5px; }
}
@media (max-width:560px){
	.afd-fcard{ padding:12px 16px; gap:10px; }
	.afd-fcard .afd-fc-ic{ width:44px; height:44px; border-radius:13px; }
	.afd-fcard .afd-fc-ic svg{ width:20px; height:20px; }
	.afd-fcard b{ font-size:14.5px; }
	.afd-fcard small{ font-size:11.5px; }
	.afd-fcard.afd-fc1{ left:-14px; }
	.afd-fcard.afd-fc3{ right:-12px; }
	.afd-fcard.afd-fc2{ right:-4px; }
}

/* full-width hero stats strip */
.afd-hero-stats{ position:relative; z-index:1; border-top:1px solid rgba(201,138,44,.15); background:rgba(255,255,255,.03); }
.afd-hero-stats .afd-wrap{ padding:22px 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:16px; text-align:center; }
.afd-hero-stats .afd-hs b{ display:block; font-family:var(--font-heading); font-weight:900; font-size:24px; color:var(--afd-gold); }
.afd-hero-stats .afd-hs small{ color:#9fb0c7; font-size:11.5px; font-weight:600; }
.afd-hero-stats .afd-hs-text{ display:flex; align-items:center; justify-content:center; }
.afd-hero-stats .afd-hs-text small{ font-family:var(--font-heading); font-weight:800; font-size:14px; color:var(--afd-cream); line-height:1.5; }
@media (max-width:700px){ .afd-hero-stats .afd-wrap{ grid-template-columns:repeat(2,1fr); } }

/* ---- services (bento) ---- */
.afd-services{ background:var(--afd-paper); }
.afd-svc-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.afd-svc{
	background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius);
	overflow:hidden; display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
}
.afd-svc:hover{ transform:translateY(-6px) scale(1.015); box-shadow:var(--afd-shadow); }
.afd-svc-link{ display:block; color:inherit; flex:1; }
.afd-svc .afd-svc-top{
	height:96px; background:linear-gradient(135deg,var(--afd-navy),var(--afd-navy-3));
	position:relative; display:flex; align-items:flex-end; padding:16px;
}
.afd-svc .afd-svc-top::after{
	content:""; position:absolute; inset:0;
	background-image:repeating-linear-gradient(135deg, rgba(201,138,44,.12) 0 1px, transparent 1px 15px);
}
.afd-svc .afd-ic{
	position:relative; width:46px; height:46px; border-radius:12px;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2));
	display:flex; align-items:center; justify-content:center;
}
.afd-svc .afd-ic svg{ width:24px; height:24px; color:var(--afd-navy); }
.afd-svc .afd-b{ padding:16px 18px 4px; }
.afd-svc .afd-b h3{ font-family:var(--font-heading); font-weight:800; font-size:16px; color:var(--afd-ink); }
.afd-svc .afd-b p{ font-size:12.5px; color:var(--afd-muted); margin-top:5px; line-height:1.6; }
.afd-svc > .afd-wa-link{
	margin:10px 18px 16px; display:inline-flex; align-items:center; gap:5px;
	color:var(--afd-wa); font-size:12px; font-weight:700;
}
.afd-svc > .afd-wa-link svg{ width:14px; height:14px; flex-shrink:0; }

@media (max-width:1000px){ .afd-svc-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .afd-svc-grid{ grid-template-columns:1fr; } }

/* ---- مميزاتنا (features) ---- */
.afd-features{ background:#fff; }
.afd-feat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.afd-feat{
	text-align:center; padding:30px 20px; background:var(--afd-paper);
	border:1px solid var(--afd-border); border-radius:20px; transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.afd-feat:hover{ transform:translateY(-5px) scale(1.02); box-shadow:var(--afd-shadow); border-color:rgba(201,138,44,.3); }
.afd-feat-ic{
	width:64px; height:64px; border-radius:18px; margin:0 auto 16px;
	background:linear-gradient(135deg, rgba(201,138,44,.12), rgba(15,27,46,.06));
	display:flex; align-items:center; justify-content:center;
}
.afd-feat-ic svg{ width:28px; height:28px; color:var(--afd-navy); }
.afd-feat-ic-img img{ width:32px; height:32px; object-fit:contain; border-radius:6px; }
.afd-feat h3{ font-family:var(--font-heading); font-weight:800; font-size:16px; color:var(--afd-ink); margin-bottom:8px; }
.afd-feat p{ font-size:16px; color:var(--afd-muted); line-height:1.75; }

@media (max-width:900px){ .afd-feat-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .afd-feat-grid{ grid-template-columns:1fr; } }

/* ---- عملاؤنا (clients) — كحلي عميق، بلا شعارات بعد ---- */
.afd-clients{
	background:
		radial-gradient(700px 400px at 90% 0%, rgba(201,138,44,.08) 0, transparent 60%),
		linear-gradient(155deg,var(--afd-navy-2),var(--afd-deep));
	color:var(--afd-cream);
}
.afd-clients .afd-sec-head h2{ color:var(--afd-cream); }
.afd-clients .afd-sec-head p{ color:#9fb0c7; }
.afd-client-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; max-width:1000px; margin:0 auto; }
.afd-client{
	background:rgba(255,255,255,.045); border:1px solid rgba(255,255,255,.12);
	border-radius:16px; padding:20px 16px; text-align:center; transition:transform .25s ease, background .25s ease;
}
.afd-client:hover{ background:rgba(255,255,255,.09); transform:translateY(-3px) scale(1.02); }
.afd-client .afd-client-ic{
	width:42px; height:42px; border-radius:11px; margin:0 auto 10px;
	background:rgba(201,138,44,.16); display:flex; align-items:center; justify-content:center;
}
.afd-client .afd-client-ic svg{ width:20px; height:20px; color:var(--afd-gold-l); }
.afd-client h4{ font-family:var(--font-heading); font-weight:700; font-size:13.5px; color:var(--afd-cream); line-height:1.5; }
.afd-client p{ font-size:11.5px; color:#9fb0c7; margin-top:4px; }
.afd-client-note{ text-align:center; color:#9fb0c7; font-size:16px; margin-top:26px; max-width:640px; margin-inline:auto; line-height:1.8; }

@media (max-width:900px){ .afd-client-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:480px){ .afd-client-grid{ grid-template-columns:1fr; } }

/* ---- مراجعات حقيقية (reviews) ---- */
/* أمر «قبل النشر (٤)» §٢ — تكبير السكشن: بطاقات أكبر (padding+radius)،
   علامة اقتباس ذهبية كبيرة زخرفية، أفاتار حرف أول دائري، والمراجعة
   المميَّزة (featured) تمتد عمودين فعلياً على الديسكتوب (تمايز بصري حقيقي
   لا مجرد حدّ ملوّن كما كان سابقاً) + CTA لرابط Google الحقيقي أسفل الشبكة. */
.afd-reviews{ background:var(--afd-paper); padding-block:88px; }
.afd-rev-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.afd-rev{
	position:relative; overflow:hidden;
	background:#fff; border:1px solid var(--afd-border); border-radius:20px; padding:32px 28px;
	display:flex; flex-direction:column; transition:transform .25s ease, box-shadow .25s ease;
}
.afd-rev:hover{ transform:translateY(-6px) scale(1.015); box-shadow:var(--afd-shadow); }
.afd-rev.afd-rev-featured{
	grid-column:span 2; border-color:rgba(201,138,44,.4); box-shadow:0 20px 50px -28px rgba(201,138,44,.35);
	background:linear-gradient(160deg,#fff 60%,rgba(201,138,44,.05));
}
.afd-rev-quote{
	position:absolute; top:-6px; right:14px; font-family:Georgia,serif; font-size:88px; line-height:1;
	color:rgba(201,138,44,.1); font-weight:900; pointer-events:none;
}
.afd-rev .afd-rev-stars{ color:var(--afd-gold); font-size:16px; letter-spacing:2px; margin-bottom:14px; }
.afd-rev p{ position:relative; color:var(--afd-ink); font-size:14px; line-height:1.9; flex:1; }
.afd-rev.afd-rev-featured p{ font-size:15.5px; }
.afd-rev .afd-rev-who{ display:flex; align-items:center; gap:10px; margin-top:18px; padding-top:16px; border-top:1px solid var(--afd-border); }
.afd-rev-avatar{
	display:flex; align-items:center; justify-content:center; flex-shrink:0;
	width:32px; height:32px; border-radius:50%; background:var(--afd-svc-navy); color:var(--afd-cream);
	font-family:var(--font-heading); font-weight:800; font-size:13px;
}
.afd-rev .afd-rev-name{ font-family:var(--font-heading); font-weight:700; font-size:13px; color:var(--afd-navy); flex:1; }
.afd-rev .afd-rev-src{ display:flex; align-items:center; gap:5px; color:var(--afd-muted); font-size:11.5px; flex-shrink:0; }
.afd-rev .afd-rev-src svg{ width:13px; height:13px; }

@media (max-width:900px){ .afd-rev-grid{ grid-template-columns:1fr; } .afd-rev.afd-rev-featured{ grid-column:span 1; } }
.afd-rev-google-cta{ text-align:center; margin-top:32px; }

/* ---- بناء ٣٧: سكشن B2B خاص (صفحة تخزين الأثاث flagship) ---- */
.afd-b2b-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:18px; margin-top:10px; }
.afd-b2b-sector{
	background:#fff; border:1px solid var(--afd-border); border-radius:16px; padding:20px 22px;
	transition:transform .25s ease, box-shadow .25s ease;
}
.afd-b2b-sector:hover{ transform:translateY(-4px); box-shadow:var(--afd-shadow); }
.afd-b2b-sector h3{ font-family:var(--font-heading); font-weight:800; font-size:14.5px; color:var(--afd-gold-2); margin-bottom:10px; }
.afd-b2b-names{ list-style:none; margin:0; padding:0; }
.afd-b2b-names li{ color:var(--afd-ink); font-size:13.5px; line-height:1.8; padding-inline-start:14px; position:relative; }
.afd-b2b-names li::before{ content:"·"; position:absolute; right:0; color:var(--afd-gold); font-weight:900; }
.afd-b2b-locked-note{ color:var(--afd-muted); font-size:13px; line-height:1.8; margin:0; }
.afd-b2b-cta{ text-align:center; margin-top:32px; }

/* ---- بناء ٢٤: صندوق تنبيه صادق (أرشيف مدينة بلا خدمات منشورة بعد) ---- */
.afd-notice-box{
	background:var(--afd-paper); border:1px solid var(--afd-border); border-radius:20px;
	padding:32px; text-align:center; max-width:640px; margin:0 auto;
}
.afd-notice-box p{ color:var(--afd-ink); font-size:16px; line-height:1.85; margin:0; }

/* ---- تغطية الأحياء (coverage box بستايل Kimi) ---- */
.afd-cov-box{
	background:linear-gradient(135deg,var(--afd-paper),#fff);
	border:1px solid var(--afd-border); border-radius:24px; padding:44px;
	display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
}
.afd-cov-info h3{ font-family:var(--font-heading); font-weight:900; font-size:clamp(19px,2.4vw,24px); color:var(--afd-ink); margin-bottom:12px; }
.afd-cov-info p{ color:var(--afd-muted); font-size:16px; line-height:1.85; margin-bottom:20px; }
.afd-cov-tags-label{ font-size:11.5px; font-weight:700; color:var(--afd-muted); text-transform:uppercase; letter-spacing:.03em; margin-bottom:10px; }
.afd-cov-tags{ display:flex; flex-wrap:wrap; gap:9px; }
.afd-cov-tag{
	display:inline-flex; align-items:center; gap:6px;
	background:#fff; border:1px solid var(--afd-border); border-radius:30px;
	padding:9px 15px; font-size:13px; color:var(--afd-ink); font-weight:600; text-decoration:none;
	transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.afd-cov-tag svg{ width:12px; height:12px; color:var(--afd-navy); }
.afd-cov-tag:hover{ transform:translateY(-2px); box-shadow:0 10px 24px -14px rgba(15,27,46,.35); }
.afd-cov-tag.afd-hot{ background:var(--afd-navy); color:var(--afd-cream); border-color:var(--afd-navy); }
.afd-cov-tag.afd-hot svg{ color:var(--afd-gold); }
.afd-cov-tag.afd-cov-tag-more{ background:var(--afd-paper); border-style:dashed; color:var(--afd-muted); }
.afd-cov-tag.afd-cov-tag-more svg{ color:var(--afd-gold-2); }

.afd-cov-visual{
	position:relative; height:280px; border-radius:20px; overflow:hidden;
	background:linear-gradient(135deg, rgba(201,138,44,.1), rgba(15,27,46,.06));
	display:flex; align-items:center; justify-content:center;
}
.afd-cov-visual svg{ width:120px; height:120px; color:var(--afd-navy); opacity:.15; }
.afd-cov-stat{
	position:absolute; background:#fff; padding:14px 20px; border-radius:16px;
	box-shadow:0 14px 34px -14px rgba(15,27,46,.3); text-align:center;
}
.afd-cov-stat b{ display:block; font-family:var(--font-heading); font-weight:900; font-size:22px; color:var(--afd-gold-2); }
.afd-cov-stat small{ color:var(--afd-muted); font-size:11px; }
.afd-cov-stat.afd-cs1{ top:14%; right:12%; }
.afd-cov-stat.afd-cs2{ top:14%; left:12%; }
.afd-cov-stat.afd-cs3{ bottom:14%; left:50%; transform:translateX(-50%); }

@media (max-width:900px){
	.afd-cov-box{ grid-template-columns:1fr; padding:28px; }
	.afd-cov-visual{ height:200px; }
}

/* ---- بناء ٣٥: هَب «اختر مدينتك» — مكوّن مشترك (الرئيسية + أرشيف /services/) ---- */
.afd-city-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.afd-city-card{
	display:flex; flex-direction:column; gap:10px; text-decoration:none;
	background:linear-gradient(155deg, var(--afd-deep) 0%, var(--afd-navy-2) 100%);
	color:var(--afd-cream); border-radius:22px; padding:28px 26px;
	position:relative; overflow:hidden;
	transition:transform .3s ease, box-shadow .3s ease;
}
.afd-city-card::before{
	content:""; position:absolute; top:-40px; left:-40px; width:150px; height:150px;
	background:radial-gradient(circle, rgba(201,138,44,.2), transparent 70%);
}
.afd-city-card:hover{ transform:translateY(-6px); box-shadow:var(--afd-shadow-lg); }
.afd-city-card-top{ display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
.afd-city-ic{
	width:44px; height:44px; border-radius:12px; flex-shrink:0;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2));
	display:flex; align-items:center; justify-content:center;
}
.afd-city-ic svg{ width:22px; height:22px; color:var(--afd-navy); }
.afd-city-count{
	font-size:12px; font-weight:700; color:var(--afd-gold-l);
	background:rgba(201,138,44,.15); border:1px solid rgba(201,138,44,.3);
	padding:5px 12px; border-radius:20px; white-space:nowrap;
}
.afd-city-card h3{ font-family:var(--font-heading); font-weight:900; font-size:22px; margin-top:8px; position:relative; z-index:1; }
.afd-city-card p{ color:#b8c6da; font-size:14px; position:relative; z-index:1; }
.afd-city-cta{
	display:inline-flex; align-items:center; gap:6px; margin-top:auto; padding-top:10px;
	font-size:13.5px; font-weight:700; color:var(--afd-gold-l); position:relative; z-index:1;
}
.afd-city-cta svg{ width:14px; height:14px; color:var(--afd-gold-l); flex-shrink:0; }

@media (max-width:900px){ .afd-city-grid{ grid-template-columns:1fr; } }

/* ---- blog ---- */
.afd-blog{ background:var(--afd-paper); }
.afd-bcard{ background:#fff; border:1px solid var(--afd-border); border-radius:14px; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; }
.afd-bcard:hover{ transform:translateY(-6px) scale(1.015); box-shadow:var(--afd-shadow); }
.afd-bcard .afd-bimg{ height:150px; background-size:cover; background-position:center; }
.afd-bcard .afd-bimg-real{ overflow:hidden; }
.afd-bcard .afd-bimg-real img{ width:100%; height:100%; object-fit:cover; display:block; }
.afd-bcard .afd-b{ padding:16px; }
.afd-bcard .afd-tag{ color:var(--afd-gold-2); font-size:11px; font-weight:800; letter-spacing:.5px; }
.afd-bcard h3{ font-weight:600; font-size:14.5px; color:var(--afd-ink); margin-top:7px; line-height:1.7; }


/* ---- CTA band ---- */
.afd-ctaband{
	background:linear-gradient(135deg,var(--afd-navy),var(--afd-navy-3));
	color:var(--afd-cream); text-align:center; padding:52px 24px;
}
.afd-ctaband h2{ font-weight:900; font-size:clamp(22px,3vw,27px); }
.afd-ctaband p{ color:#9fb0c7; font-size:14.5px; margin:12px 0 22px; }
.afd-ctaband .afd-cta{ justify-content:center; margin-bottom:0; }
/* ==========================================================================
   قالب الخدمة الموحّد — مكوّنات إضافية فوق home.css (الهيرو/التغطية/المراجعات
   مُعاد استخدامها حرفياً من home.css، بلا تكرار).
   ========================================================================== */

/* ---- بناء ٣٢: لوحة الهيرو (شريط الأحياء + مُقدّر السعر) — بديل صندوق الخريطة القديم ---- */
.afd-hero-panel{
	position:relative; border-radius:22px; overflow:hidden;
	background:#fff; box-shadow:var(--afd-shadow-lg);
	display:flex; flex-direction:column;
}
.afd-hp-sec{ padding:22px 24px; }
.afd-hp-sec + .afd-hp-sec{ border-top:1px solid var(--afd-border); }
.afd-hp-kick{
	display:flex; align-items:center; gap:7px;
	font-family:var(--font-heading); font-weight:800; font-size:13.5px;
	color:var(--afd-gold-2); margin-bottom:14px;
}
.afd-hp-kick .afd-i{ color:var(--afd-gold-2); }
.afd-hp-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.afd-hp-chip{
	display:inline-flex; align-items:center;
	background:var(--afd-paper); border:1px solid var(--afd-border); border-radius:30px;
	padding:7px 14px; font-size:12.5px; font-weight:600; color:var(--afd-ink);
}
.afd-hp-chip-hot{ background:var(--afd-navy); color:var(--afd-cream); border-color:var(--afd-navy); }
.afd-hp-chip-more{ background:transparent; border-style:dashed; color:var(--afd-muted); }

/* ---- أمر «GA4+سكيما+إصلاح الباهت» §٣أ (404) + أمر «توحيد الكاتب+البحث»
   §٤ (نتائج البحث) — مربّع بحث inline مشترك بين الصفحتين، اسم كلاس عام
   لا يخص 404 حصرياً. ---- */
.afd-inline-search{
	display:flex; gap:10px; max-width:480px; margin:28px auto 0; flex-wrap:wrap;
}
.afd-inline-search input[type="search"]{
	flex:1; min-width:200px; background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius-sm);
	padding:13px 16px; font-family:var(--font-body); font-size:14.5px; color:var(--afd-ink);
}
.afd-inline-search input[type="search"]:focus{ outline:2px solid var(--afd-gold); outline-offset:1px; }
@media (max-width:480px){ .afd-inline-search{ flex-direction:column; } .afd-inline-search .afd-btn{ width:100%; justify-content:center; } }

/* ---- بناء ٣٩: مُقدّر بقائمة منسدلة فقط (select+optgroup) — الكروت أُزيلت نهائياً ---- */
.afd-hp-select{
	width:100%; appearance:none; -webkit-appearance:none;
	background:var(--afd-paper) url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") left 14px center no-repeat;
	border:1px solid var(--afd-border); border-radius:var(--afd-radius-sm);
	padding:12px 44px 12px 14px; font-family:var(--font-body); font-size:14px; font-weight:600;
	color:var(--afd-ink); cursor:pointer;
}
.afd-hp-select:focus{ outline:2px solid var(--afd-gold); outline-offset:1px; }

.afd-hp-result{
	display:flex; flex-direction:column; align-items:center; gap:2px; text-align:center;
	background:linear-gradient(135deg, rgba(201,138,44,.12), rgba(15,27,46,.06));
	border-radius:var(--afd-radius-sm); padding:16px; margin-top:14px;
}
.afd-hp-result-label{ font-size:11px; font-weight:700; color:var(--afd-muted); text-transform:uppercase; letter-spacing:.03em; }
.afd-hp-result-price{ font-family:var(--font-heading); font-weight:900; font-size:28px; color:var(--afd-gold-2); line-height:1.3; }
.afd-hp-result-warranty{ font-size:12px; color:var(--afd-muted); }
.afd-hp-wa{ margin-top:14px; font-size:14px; padding:12px 16px; }
.afd-hp-note{ font-size:11.5px; color:var(--afd-muted); margin-top:8px; text-align:center; }
/* أمر «توحيد الهوية» — بطاقة «معاينة مجانية» (خدمات بلا price_list) */
.afd-hp-preview-text{ font-size:13.5px; line-height:1.75; color:var(--afd-muted); margin:0; }

/* بناء ٣٢ — الكروت الثلاثة العائمة كانت مُموضَعة بالنسبة لصندوق خريطة
   ثابت الارتفاع (280px) بمحتوى ممركز رأسياً، فتترك فراغاً للطفو فوقه.
   لوحة الأحياء/المُقدّر الجديدة محتواها يبدأ من الأعلى مباشرة (بلا فراغ)
   وارتفاعها متغيّر حسب المحتوى، فبقيت المواضع القديمة (top:6%) تتراكب مع
   الشيبس. هنا فقط (صفحات الخدمة) تُعاد المواضع للحواف الخارجية للوحة
   بالكامل (فوق-يسار / فوق-يمين / تحت-يمين) بلا أي تراكب — بلا مساس
   بمواضع نفس الكروت في هيرو الرئيسية (home.css). */
.afd-hero-panel ~ .afd-hp-fcard.afd-fc1{ top:-22px; left:-24px; }
.afd-hero-panel ~ .afd-hp-fcard.afd-fc3{ top:-22px; right:-20px; }
.afd-hero-panel ~ .afd-hp-fcard.afd-fc2{ bottom:-22px; right:-6px; top:auto; }

@media (max-width:560px){
	.afd-hp-sec{ padding:18px 20px; }
	.afd-hero-panel ~ .afd-hp-fcard.afd-fc1{ top:-16px; left:-10px; }
	.afd-hero-panel ~ .afd-hp-fcard.afd-fc3{ top:-16px; right:-8px; }
	.afd-hero-panel ~ .afd-hp-fcard.afd-fc2{ bottom:-16px; right:-2px; }
}

/* ---- المحتوى التعريفي (H2 للسيو) ---- */
.afd-svc-intro{ background:#fff; }
.afd-svc-intro-inner{ max-width:820px; }
.afd-svc-intro h2{ font-weight:900; font-size:clamp(21px,2.6vw,26px); color:var(--afd-ink); margin:36px 0 14px; }
.afd-svc-intro h2:first-child{ margin-top:0; }
.afd-svc-intro p{ color:var(--afd-muted); font-size:17px; line-height:1.9; margin-bottom:14px; }

/* ---- تخطيط عمودين: محتوى + شريط جانبي لاصق (بناء ١٤) ---- */
.afd-svc-layout{ display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:48px; align-items:start; }
.afd-svc-layout-solo{ grid-template-columns:minmax(0,1fr); }
.afd-svc-layout-solo .afd-svc-main{ margin:0 auto; }
.afd-svc-main{ min-width:0; }

.afd-svc-sidebar{ position:sticky; top:96px; align-self:start; }
.afd-svc-sidebar-inner{
	background:#f8f5ef; border:1px solid #ece4d3; border-radius:var(--afd-radius-lg);
	padding:20px; display:flex; flex-direction:column; gap:14px;
}
.afd-svc-sidebar-cta{ font-size:13.5px; padding:12px 14px; gap:6px; }

.afd-sbar-nav{ display:flex; flex-direction:column; }
.afd-sbar-group{ border-bottom:1px solid #ece4d3; padding:10px 0; }
.afd-sbar-group:last-child{ border-bottom:none; }
.afd-sbar-group-title{
	cursor:pointer; font-weight:800; font-size:14.5px; color:var(--afd-ink);
	list-style:none; display:flex; align-items:center; justify-content:space-between; padding:2px 0;
}
.afd-sbar-group-title::-webkit-details-marker{ display:none; }
.afd-sbar-group-title::after{ content:'+'; color:var(--afd-gold); font-size:18px; font-weight:700; flex-shrink:0; margin-inline-start:10px; }
.afd-sbar-group[open] > .afd-sbar-group-title::after{ content:'\2212'; }
.afd-sbar-list{ list-style:none; margin-top:8px; display:flex; flex-direction:column; gap:2px; }
.afd-sbar-list a{
	display:block; padding:7px 10px; border-radius:8px; font-size:13.5px;
	color:var(--afd-muted); text-decoration:none; transition:background .15s ease,color .15s ease;
}
.afd-sbar-list a:hover{ background:#f0e9da; color:var(--afd-ink); }
.afd-sbar-list a.afd-sbar-current{ background:rgba(201,138,44,.14); color:var(--afd-gold); font-weight:700; }

@media (max-width:1000px){
	.afd-svc-layout{ grid-template-columns:minmax(0,1fr); gap:32px; }
	.afd-svc-sidebar{ position:static; }
}

/* ---- صورة محتوى حقيقية (داخل النبذة) — أبعاد صريحة تمنع CLS، lazy لأنها تحت الطية ---- */
.afd-content-img{ margin:26px 0; }
.afd-content-img img{
	width:100%; height:auto; border-radius:var(--afd-radius-lg);
	box-shadow:var(--afd-shadow); display:block;
}

/* ---- خدمات فرعية ---- */
.afd-svc-sub-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
/* بناء ١٦ — إصلاح: `color:inherit` هنا كان أعلى تحديداً (specificity) من
   `.afd-svc-sub{ color:#fff }` أدناه (عنصر+كلاس > كلاس مفردة)، فكان
   يطغى عليها ويسحب اللون الداكن الافتراضي من الصفحة — عنوان كرت أسود
   غير واضح على خلفية كحلية. التصريح المباشر بالأبيض يحسم التعارض. */
a.afd-svc-sub{ text-decoration:none; color:#fff; }
.afd-svc-sub{
	background:var(--afd-navy); color:#fff; border-radius:var(--afd-radius);
	padding:26px 22px; min-height:168px; display:flex; flex-direction:column;
	position:relative; overflow:hidden; transition:transform .3s ease, background .3s ease, box-shadow .3s ease;
}
.afd-svc-sub::before{
	content:""; position:absolute; top:-30px; right:-30px; width:120px; height:120px;
	background:radial-gradient(circle, rgba(201,138,44,.22), transparent 70%);
}
.afd-svc-sub:hover{ transform:translateY(-5px) scale(1.015); background:var(--afd-navy-2); box-shadow:var(--afd-shadow); }
/* بناء ٣٤ — كروت أرشيف/تصنيف/مدينة بصورة بارزة حقيقية (نفس صورة الهيرو)
   بدل الأيقونة حين تتوفر. margin سالب لتمتد الصورة حتى حافة الكرت. */
.afd-svc-sub.afd-svc-sub-has-img{ padding-top:0; }
.afd-svc-sub-thumb{
	display:block; margin:0 -22px 16px; height:130px; overflow:hidden; position:relative; z-index:1;
}
.afd-svc-sub-thumb img{ width:100%; height:100%; object-fit:cover; }
@media (max-width:520px){ .afd-svc-sub-thumb{ height:150px; } }
.afd-svc-sub-ic{
	width:38px; height:38px; border-radius:10px; flex-shrink:0; margin-bottom:14px;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2));
	display:flex; align-items:center; justify-content:center; position:relative; z-index:1;
}
.afd-svc-sub-ic svg{ width:19px; height:19px; color:var(--afd-navy); }
.afd-svc-sub-ic-img img{ width:20px; height:20px; object-fit:contain; border-radius:4px; }
.afd-svc-sub h3{ font-family:var(--font-heading); font-weight:700; font-size:15.5px; margin-bottom:8px; position:relative; z-index:1; }
.afd-svc-sub p{ font-size:16px; color:#b8c6da; line-height:1.75; position:relative; z-index:1; }

@media (max-width:1000px){ .afd-svc-sub-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:520px){ .afd-svc-sub-grid{ grid-template-columns:1fr; } .afd-svc-sub{ min-height:auto; } }

/* ---- أدواتنا ومعداتنا ---- */
.afd-tools{
	background:linear-gradient(135deg,var(--afd-navy),var(--afd-navy-3));
	color:#fff; padding:60px 0;
}
.afd-tools-head{ max-width:640px; margin:0 auto 36px; text-align:center; }
.afd-tools-head h2{ font-family:var(--font-heading); font-weight:900; font-size:clamp(21px,2.8vw,27px); color:#fff; margin-top:8px; }
.afd-tools-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.afd-tool-item{ text-align:center; padding:0 20px; border-right:1px solid rgba(255,255,255,.14); }
.afd-tool-item:first-child{ border-right:none; }
.afd-tool-item h3{ font-family:var(--font-heading); font-weight:700; font-size:16px; margin-bottom:8px; }
.afd-tool-item p{ font-size:13.5px; color:#b8c6da; line-height:1.75; }

@media (max-width:800px){
	.afd-tools-grid{ grid-template-columns:1fr; gap:24px; }
	.afd-tool-item{ border-right:none; border-bottom:1px solid rgba(255,255,255,.14); padding:0 0 20px; }
	.afd-tool-item:last-child{ border-bottom:none; padding-bottom:0; }
}

/* صورة معدات حقيقية بجانب القائمة — عمودان، القائمة تتحول لعمود واحد داخلياً */
.afd-tools-with-img{ display:grid; grid-template-columns:.9fr 1.1fr; gap:40px; align-items:center; }
.afd-tools-img{
	width:100%; height:auto; border-radius:var(--afd-radius-lg);
	box-shadow:0 20px 50px -20px rgba(0,0,0,.5); display:block;
}
.afd-tools-with-img .afd-tools-grid{ grid-template-columns:1fr; gap:0; }
.afd-tools-with-img .afd-tool-item{
	text-align:right; border-right:none; border-bottom:1px solid rgba(255,255,255,.14);
	padding:16px 0;
}
.afd-tools-with-img .afd-tool-item:first-child{ padding-top:0; }
.afd-tools-with-img .afd-tool-item:last-child{ border-bottom:none; padding-bottom:0; }

@media (max-width:800px){
	.afd-tools-with-img{ grid-template-columns:1fr; }
}

/* ---- فيديو الخدمة (lazy — بلا أي تحميل قبل الضغط) ---- */
.afd-video-sec{ background:var(--afd-paper); }
.afd-video-inner{ max-width:880px; }
.afd-video-frame{
	position:relative; aspect-ratio:16/9; border-radius:var(--afd-radius-lg); overflow:hidden;
	background-color:var(--afd-navy); background-size:cover; background-position:center;
	display:flex; align-items:center; justify-content:center; box-shadow:var(--afd-shadow-lg);
}
.afd-video-frame video,
.afd-video-frame iframe{ width:100%; height:100%; object-fit:cover; border:0; }
.afd-video-play{
	width:76px; height:76px; border-radius:50%; border:none; cursor:pointer;
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy);
	display:flex; align-items:center; justify-content:center;
	box-shadow:0 18px 40px -14px rgba(10,20,33,.6); transition:transform .25s ease;
}
.afd-video-play:hover{ transform:scale(1.08); }
.afd-video-play svg{ margin-inline-start:3px; }

/* ---- معرض فيديوهات متعددة (كل فيديو حقيقي مستقل بمصغّرته الخاصة) ---- */
.afd-video-gallery-sec .afd-video-inner{ max-width:var(--afd-container); }
.afd-vg-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:10px; }
.afd-vg-item .afd-video-frame{ aspect-ratio:9/16; border-radius:var(--afd-radius); box-shadow:var(--afd-shadow); }
.afd-vg-item .afd-video-play{ width:56px; height:56px; }
.afd-vg-caption{ margin-top:10px; text-align:center; font-family:var(--font-heading); font-weight:700; font-size:14px; color:var(--afd-ink); }
@media (max-width:900px){ .afd-vg-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---- عوامل التسعير + صندوق الحجز ---- */
.afd-pricing{ background:var(--afd-paper); }
.afd-price-grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:44px; align-items:start; }
.afd-price-grid > div:first-child h2{ font-weight:900; font-size:clamp(22px,3vw,28px); color:var(--afd-ink); margin:10px 0 20px; }
.afd-factor-list{ list-style:none; }
.afd-factor-item{ display:flex; gap:16px; padding:18px 0; border-bottom:1px solid var(--afd-border); }
.afd-factor-item:last-child{ border-bottom:none; }
.afd-factor-num{
	flex-shrink:0; width:36px; height:36px; border-radius:50%;
	background:var(--afd-navy); color:#fff; display:flex; align-items:center; justify-content:center;
	font-family:var(--font-heading); font-weight:800; font-size:15px;
}
.afd-factor-item h3{ font-family:var(--font-heading); font-weight:700; font-size:15px; color:var(--afd-ink); margin-bottom:4px; }
.afd-factor-item p{ font-size:16px; color:var(--afd-muted); line-height:1.7; }
.afd-quote-box{
	background:var(--afd-navy); color:#fff; border-radius:var(--afd-radius); padding:30px 26px;
	position:sticky; top:110px;
}
.afd-quote-box h3{ font-family:var(--font-heading); font-weight:900; font-size:19px; margin-bottom:14px; }
.afd-quote-box ul{ list-style:none; margin-bottom:22px; }
.afd-quote-box li{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:#c3cfe0; padding:5px 0; }
.afd-quote-box li svg{ width:15px; height:15px; color:var(--afd-gold); flex-shrink:0; }

@media (max-width:860px){
	.afd-price-grid{ grid-template-columns:1fr; }
	.afd-quote-box{ position:static; }
}

/* ---- جدول الأسعار التفصيلي ---- */
.afd-price-list{ background:#fff; }
.afd-plist-table-wrap{ overflow-x:auto; }
.afd-plist-table{ width:100%; border-collapse:collapse; background:var(--afd-paper); border-radius:var(--afd-radius); overflow:hidden; box-shadow:var(--afd-shadow); }
.afd-plist-table thead th{
	background:var(--afd-navy); color:#fff; font-family:var(--font-heading);
	font-weight:700; font-size:13px; padding:13px 16px; text-align:right; white-space:nowrap;
}
.afd-plist-table thead th:last-child{ text-align:center; }
.afd-plist-cat td{
	background:var(--afd-border); font-family:var(--font-heading); font-weight:700;
	font-size:13px; color:var(--afd-gold-2); padding:10px 16px;
}
.afd-plist-table tbody tr:not(.afd-plist-cat){ border-bottom:1px solid var(--afd-border); }
.afd-plist-table tbody tr:not(.afd-plist-cat):hover{ background:#f3f1e9; }
.afd-plist-table tbody td{ padding:12px 16px; font-size:13px; color:var(--afd-ink); vertical-align:middle; }
.afd-plist-table tbody td:first-child{ font-weight:600; }
.afd-plist-table tbody td:last-child{ text-align:center; white-space:nowrap; }
.afd-plist-price{ font-family:var(--font-heading); font-weight:700; color:var(--afd-navy); white-space:nowrap; }
.afd-plist-badge{ display:inline-block; background:var(--afd-gold); color:#fff; font-size:10px; font-weight:700; padding:2px 7px; border-radius:4px; margin-inline-start:6px; }
.afd-plist-note{ margin-top:16px; font-size:12px; color:var(--afd-muted); text-align:center; line-height:1.85; }

@media (max-width:700px){
	.afd-plist-table thead th, .afd-plist-table tbody td{ padding:10px 8px; font-size:12px; }
}

/* ---- بناء ٣٩ §٥ / بناء ٦١ §٤: صندوق «معلومات الخدمة» الظاهر (مُعمَّم + مُطوَّر بصرياً) ---- */
.afd-svc-info{ background:#fff; }

/* شارة «موثّق» — درع ذهبي + نص، لمسة فينة بلا مبالغة */
.afd-verified-badge{
	display:inline-flex; align-items:center; gap:6px; margin-top:14px;
	padding:6px 16px; border-radius:999px;
	background:rgba(201,138,44,.1); border:1px solid rgba(201,138,44,.35);
	color:var(--afd-gold); font-family:var(--font-heading); font-weight:800; font-size:12.5px; letter-spacing:.5px;
}
.afd-verified-badge .afd-i{ width:15px; height:15px; flex-shrink:0; }

.afd-svc-info-table{
	width:100%; max-width:760px; margin-inline:auto; border-collapse:separate; border-spacing:0;
	background:var(--afd-paper); border-radius:var(--afd-radius); overflow:hidden;
	box-shadow:var(--afd-shadow); border:1px solid var(--afd-border);
}
.afd-svc-info-table tr{ border-bottom:1px solid var(--afd-border); transition:background .15s ease; }
.afd-svc-info-table tr:last-child{ border-bottom:none; }
.afd-svc-info-table tr:hover{ background:rgba(201,138,44,.04); }
.afd-svc-info-table th{
	background:var(--afd-navy); color:#fff; font-family:var(--font-heading); font-weight:700;
	font-size:13.5px; padding:14px 20px; text-align:right; white-space:nowrap; width:190px; vertical-align:middle;
}
.afd-svc-info-table th span{ vertical-align:middle; }
.afd-row-icon{ width:15px; height:15px; margin-inline-end:8px; flex-shrink:0; color:var(--afd-gold-l); vertical-align:middle; }
.afd-svc-info-table td{ padding:14px 20px; font-size:13.5px; color:var(--afd-ink); line-height:1.9; }
.afd-svc-info-table td bdi{ font-variant-numeric:tabular-nums; unicode-bidi:isolate; }

/* إبراز صف «التصنيف الأساسي» — تصنيف جوجل الفعلي، أهم صف بالبطاقة */
.afd-svc-info-table tr.afd-row-highlight th{ background:var(--afd-gold-2); color:var(--afd-deep); }
.afd-svc-info-table tr.afd-row-highlight .afd-row-icon{ color:var(--afd-deep); }
.afd-svc-info-table tr.afd-row-highlight td{ background:rgba(212,168,67,.08); font-weight:700; }

@media (max-width:600px){
	.afd-svc-info-table th{ width:130px; font-size:12.5px; padding:12px 12px; }
	.afd-svc-info-table td{ font-size:12.5px; padding:12px 12px; }
	.afd-row-icon{ width:13px; height:13px; margin-inline-end:6px; }
}

/* ---- بناء ٦٤ §٥: صندوق «قائمة ✓» خفيف — بديل بصري للنص الطويل الخام
   (قوائم الشمول/المزايا القصيرة/المراحل/التنبيهات). صندوق فاتح + شبكة
   عمودين + دائرة ذهبية صغيرة بعلامة ✓ (unicode، صفر أيقونة خارجية) + نص
   قصير. أخفّ من فقرة عادية (صفر صورة/JS/طلب شبكة إضافي). ---- */
.afd-check-box{
	background:var(--afd-paper); border:1px solid var(--afd-border); border-radius:var(--afd-radius);
	padding:22px 24px; margin:20px 0;
}
.afd-check-box-title{ font-family:var(--font-heading); font-weight:800; font-size:16px; color:var(--afd-ink); margin-bottom:14px; }
.afd-check-grid{ display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
@media (max-width:600px){ .afd-check-grid{ grid-template-columns:1fr; } }
.afd-check-item{ display:flex; align-items:flex-start; gap:10px; font-size:14px; line-height:1.7; color:var(--afd-ink); }
.afd-check-item::before{
	content:"✓"; flex-shrink:0; width:20px; height:20px; border-radius:50%;
	background:var(--afd-gold); color:#fff; font-size:12px; font-weight:900;
	display:flex; align-items:center; justify-content:center; margin-top:2px;
}

/* ---- الجدول الزمني (خطوات) ---- */
.afd-timeline{ background:var(--afd-paper); }
.afd-tl-grid{ position:relative; display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:22px; }
.afd-tl-step{ text-align:center; }
.afd-tl-badge{
	width:52px; height:52px; border-radius:50%; background:#fff; border:2px solid var(--afd-navy);
	display:flex; align-items:center; justify-content:center; margin:0 auto 14px;
	font-family:var(--font-heading); font-weight:900; color:var(--afd-navy); font-size:17px;
}
.afd-tl-step h3{ font-family:var(--font-heading); font-weight:700; font-size:14.5px; color:var(--afd-ink); margin-bottom:5px; }
.afd-tl-step p{ font-size:12.5px; color:var(--afd-muted); line-height:1.7; }

/* ---- الأسئلة الشائعة ---- */
.afd-faq{ background:#fff; }
.afd-faq-inner{ max-width:800px; }
.afd-faq-list{ margin-top:10px; }
.afd-faq-item{ border-bottom:1px solid var(--afd-border); }
.afd-faq-q{
	all:unset; box-sizing:border-box; cursor:pointer;
	display:flex; justify-content:space-between; align-items:center; gap:16px; width:100%;
	padding:19px 4px; font-weight:700; font-size:15px; color:var(--afd-ink); font-family:var(--font-heading);
}
.afd-faq-plus{ font-size:20px; color:var(--afd-gold-2); flex-shrink:0; transition:transform .25s ease; }
.afd-faq-item.afd-open .afd-faq-plus{ transform:rotate(45deg); }
.afd-faq-a{ max-height:0; overflow:hidden; transition:max-height .3s ease; }
.afd-faq-item.afd-open .afd-faq-a{ max-height:320px; }
.afd-faq-a p{ font-size:16px; color:var(--afd-muted); line-height:1.85; padding:0 4px 20px; }

@media (prefers-reduced-motion: reduce){
	.afd-faq-a{ transition:none; }
}

/* ---- جدول مقارنة (إيجابي/سلبي) ---- */
.afd-comparison{ background:#fff; }
.afd-comp-table-wrap{ overflow-x:auto; }
.afd-comp-table{ width:100%; border-collapse:collapse; border-radius:var(--afd-radius); overflow:hidden; box-shadow:var(--afd-shadow); min-width:520px; }
.afd-comp-table thead th{ font-family:var(--font-heading); font-size:14.5px; font-weight:800; padding:16px 20px; text-align:right; }
.afd-comp-table thead th:first-child{ background:var(--afd-navy); color:#fff; }
.afd-comp-table thead th:last-child{ background:#8B4A3E; color:#fff; }
.afd-comp-table tbody td{ padding:13px 20px; font-size:14px; border-bottom:1px solid var(--afd-border); }
.afd-comp-table tbody tr:last-child td{ border-bottom:none; }
.afd-comp-table tbody td:first-child{ background:var(--afd-paper); color:var(--afd-ink); }
.afd-comp-table tbody td:first-child::before{ content:"✓ "; font-weight:900; color:var(--afd-navy); }
.afd-comp-table tbody td:last-child{ background:#FBF1EF; color:#5c2e26; }
.afd-comp-table tbody td:last-child::before{ content:"✕ "; font-weight:900; color:#A63A2C; }

/* ---- معرض قبل/بعد (صور حقيقية) ---- */
.afd-before-after{ background:var(--afd-paper); }
.afd-ba-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; margin-top:10px; }
.afd-ba-card{ background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius); overflow:hidden; }
.afd-ba-compare{ display:grid; grid-template-columns:1fr 1fr; }
.afd-ba-img{ aspect-ratio:4/3; position:relative; overflow:hidden; }
.afd-ba-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.afd-ba-label{ position:absolute; bottom:0; z-index:2; width:100%; text-align:center; padding:8px 0; font-size:12.5px; font-weight:700; font-family:var(--font-heading); color:#fff; }
.afd-ba-before .afd-ba-label{ background:rgba(139,74,62,.85); }
.afd-ba-after .afd-ba-label{ background:rgba(15,27,46,.85); }
.afd-ba-caption{ padding:18px 20px; }
.afd-ba-caption h3{ font-family:var(--font-heading); font-size:15px; font-weight:700; color:var(--afd-ink); margin-bottom:4px; }
.afd-ba-caption p{ font-size:16px; color:var(--afd-muted); }

/* ---- معرض الأنواع (صور حقيقية) ---- */
.afd-type-gallery{ background:var(--afd-paper); }
/* بناء ٧٠ — نفس باگ ٤٣ §١ (aspect-ratio مباشرة على <img> له width/height HTML
   صريحتان يتعارض مع الحجم الجوهري، صندوق بمقاس خاطئ = صور تبدو مكبّرة/مقصوصة
   بلا اتساق) كان لسه غير مُصلَح هنا (خارج نطاق ٤٣ وقتها). نفس حل ٤٣ حرفياً:
   aspect-ratio على حاوية عادية (.afd-tg-media) بلا نسبة جوهرية متضاربة،
   والصورة تملأ 100%/100% بـobject-fit فقط. الشبكة auto-fill بدل 3 أعمدة
   ثابتة لتطابق شبكة المعرض القياسي (.afd-gallery__grid) ولمنع كروت ضخمة/
   ضيقة حسب عرض الشاشة. */
.afd-tg-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:20px; margin-top:10px; }
.afd-tg-card{ background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius); overflow:hidden; margin:0; box-shadow:0 4px 14px rgba(15,27,46,.10); }
.afd-tg-media{ position:relative; aspect-ratio:3/4; overflow:hidden; background:var(--afd-paper); }
.afd-tg-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.afd-tg-card figcaption{ padding:12px 14px; font-family:var(--font-heading); font-size:14px; font-weight:700; color:var(--afd-ink); text-align:center; }
@media (max-width:768px){ .afd-tg-grid{ grid-template-columns:repeat(2,1fr); } }

/* ---- بناء ٤٣ §١: معرض الصور العام (gallery ACF) — شبكة نسبة ثابتة على
   الحاوية (لا على <img> مباشرة) + object-fit، CLS صفر. ---- */
.afd-gallery__grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(260px,1fr));
	gap:14px; margin-top:10px;
}
.afd-gallery__item{
	position:relative;
	aspect-ratio:4/3;
	border-radius:var(--afd-radius);
	overflow:hidden;
	box-shadow:0 4px 14px rgba(15,27,46,.10);
	background:var(--afd-paper);
}
.afd-gallery__item img{
	width:100%; height:100%;
	object-fit:cover;
	display:block;
	transition:transform .4s ease;
}
.afd-gallery__item:hover img{ transform:scale(1.05); }
@media (max-width:640px){
	.afd-gallery__grid{ grid-template-columns:repeat(2,1fr); gap:10px; }
}
/* ==========================================================================
   بناء ٣٠ — قوالب المدونة (single/archive/taxonomy/author). يعيد استخدام
   مكوّنات service.css/home.css الموجودة (afd-svc-layout، afd-svc-sidebar،
   afd-bcard، afd-grid) بلا تكرار — هذا الملف يضيف فقط ما هو خاص بالمدونة.
   ========================================================================== */

/* ---- هيرو عمود واحد (أرشيف/تصنيف المدونة — بلا عمود مرئي ثانٍ) ---- */
.afd-hero-solo .afd-wrap{ grid-template-columns:1fr; }

/* ---- هيرو التدوينة ---- */
.afd-blog-hero{
	background:
		radial-gradient(1100px 480px at 82% -8%, #274a6b 0, transparent 58%),
		linear-gradient(155deg, var(--afd-deep) 0%, var(--afd-navy-2) 55%, var(--afd-deep) 100%);
	color:var(--afd-cream); padding:44px 24px 36px; position:relative; overflow:hidden;
}
.afd-blog-hero .afd-eyebrow{ margin-bottom:16px; }
.afd-blog-hero h1{
	font-family:var(--font-heading); font-weight:900; font-size:clamp(24px,3.6vw,38px);
	line-height:1.35; max-width:900px;
}
.afd-blog-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:18px; }
.afd-blog-meta span,.afd-blog-meta a{ display:inline-flex; align-items:center; gap:6px; color:#b8c6da; font-size:13.5px; font-weight:600; text-decoration:none; }
.afd-blog-meta a:hover{ color:var(--afd-gold-l); }
.afd-blog-meta .afd-i{ width:15px; height:15px; color:var(--afd-gold); flex-shrink:0; }

/* ---- بناء ٣٦: صندوق نبذة المؤلف آخر المقال (E-E-A-T) ---- */
.afd-author-box{
	display:flex; align-items:flex-start; gap:16px; background:var(--afd-paper);
	border:1px solid var(--afd-border); border-radius:var(--afd-radius); padding:24px; margin-top:40px;
}
.afd-author-box img{ width:64px; height:64px; border-radius:50%; flex-shrink:0; }
.afd-author-box h3{ font-family:var(--font-heading); font-weight:800; font-size:15.5px; color:var(--afd-ink); margin-bottom:6px; }
.afd-author-box h3 span{ color:var(--afd-muted); font-weight:500; font-size:12.5px; display:block; margin-top:2px; }
.afd-author-box p{ color:var(--afd-muted); font-size:14px; line-height:1.8; margin:0; }
.afd-author-box a.afd-author-box-link{ color:var(--afd-gold); font-weight:700; font-size:13px; margin-top:8px; display:inline-block; }
/* بناء ٣٠ (تحديث) — شارة «آخر تحديث» بارزة قرب H1 مباشرة (إشارة تاريخ
   قوية قرب العنوان لجوجل ولزوّار الصفحة)، بدل فقرة مدفونة أول المحتوى. */
.afd-blog-updated-badge{
	background:rgba(201,138,44,.16); border:1px solid rgba(201,138,44,.35);
	color:var(--afd-gold-l) !important; padding:5px 12px; border-radius:20px; font-weight:700 !important;
}
.afd-blog-updated-badge .afd-i{ color:var(--afd-gold-l); }

/* ---- صورة بارزة كبيرة أسفل الهيرو مباشرة ---- */
.afd-blog-featured{ margin-top:-18px; position:relative; z-index:1; }
.afd-blog-featured img{
	width:100%; max-height:460px; object-fit:cover; border-radius:20px;
	box-shadow:var(--afd-shadow-lg);
}

/* ---- جسم المقال ---- */
.afd-blog-body{ background:#fff; padding-top:44px; }
/* بناء ٣٥ — عرض متن مقيَّد (~700px) ومتمركز لسطور قراءة أقصر وأريح؛
   باقي الصفحة (هيرو/فهرس جانبي/فوتر) يبقى full-width بلا تغيير — القيد
   على نص المقال نفسه فقط داخل عموده بالـgrid. */
.afd-blog-content{ max-width:700px; margin-inline:auto; }
.afd-blog-content h2{ font-family:var(--font-heading); font-weight:900; font-size:clamp(20px,2.4vw,25px); color:var(--afd-ink); margin:38px 0 14px; scroll-margin-top:100px; }
.afd-blog-content h2:first-child{ margin-top:0; }
.afd-blog-content h3{ font-family:var(--font-heading); font-weight:800; font-size:clamp(17px,1.9vw,19.5px); color:var(--afd-ink); margin:26px 0 10px; scroll-margin-top:100px; }
.afd-blog-content p{ color:var(--afd-muted); font-size:16.5px; line-height:1.95; margin-bottom:14px; }
.afd-blog-content ul,.afd-blog-content ol{ color:var(--afd-muted); font-size:16.5px; line-height:1.9; margin:0 0 16px; padding-inline-start:22px; }
.afd-blog-content li{ margin-bottom:6px; }
.afd-blog-content a{ color:var(--afd-link); text-decoration:underline; text-underline-offset:3px; }
.afd-blog-content a:hover{ color:var(--afd-link-hover); }
.afd-blog-content img{ border-radius:14px; margin:20px 0; }
/* بناء ٣٠ — شبكة أمان: بعض المقالات القديمة فيها بقايا ماركب كتل من
   إضافات أُزيلت قبل كده (اكتُشف فعلياً: أيقونة SVG لإضافة FAQ محذوفة
   تظهر عملاقة بلا حجم). لا نحرّر محتوى الـ٨٢ تدوينة هنا (خارج نطاق هذا
   البناء)، لكن هذا سقف حجم دفاعي يمنع أي SVG يتيم من كسر تخطيط الصفحة. */
.afd-blog-content svg:not(.afd-i){ max-width:32px; max-height:32px; }
.afd-blog-content strong{ color:var(--afd-ink); }
.afd-blog-content blockquote{
	border-inline-start:3px solid var(--afd-gold); background:var(--afd-paper);
	padding:14px 20px; margin:20px 0; border-radius:0 12px 12px 0; color:var(--afd-ink); font-size:16px;
}
.afd-blog-content table{ width:100%; border-collapse:collapse; margin:20px 0; font-size:14.5px; }
.afd-blog-content th,.afd-blog-content td{ border:1px solid var(--afd-border); padding:10px 12px; text-align:right; }
.afd-blog-content th{ background:var(--afd-paper); font-family:var(--font-heading); font-weight:800; }

/* صناديق هوية داخل متن التدوينة — نصيحة (أخضر)/تنبيه (ذهبي)، تُكتب يدوياً
   بـpost_content (لا مكوّن قالب) لدفعات تقوية التدوينات الضعيفة. */
.afd-blog-content .afd-note{ padding:14px 18px; margin:20px 0; border-radius:0 12px 12px 0; font-size:15.5px; line-height:1.85; }
.afd-blog-content .afd-note p{ margin:0; font-size:inherit; color:inherit; }
.afd-blog-content .afd-note-tip{ border-inline-start:4px solid var(--afd-wa); background:rgba(31,157,87,.07); color:var(--afd-ink); }
.afd-blog-content .afd-note-tip strong{ color:var(--afd-wa); }
.afd-blog-content .afd-note-warn{ border-inline-start:4px solid var(--afd-gold); background:rgba(201,138,44,.08); color:var(--afd-ink); }
.afd-blog-content .afd-note-warn strong{ color:var(--afd-gold-2); }

/* ---- فهرس المحتويات (بديل Easy TOC) ---- */
.afd-toc-box{ padding:20px; }
.afd-toc-title{
	display:flex; align-items:center; gap:8px;
	font-family:var(--font-heading); font-weight:800; font-size:15px; color:var(--afd-ink);
	margin-bottom:12px;
}
.afd-toc-title .afd-i{ color:var(--afd-gold-2); }
.afd-toc-box ol{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.afd-toc-box li a{
	display:block; padding:7px 10px; border-radius:8px; font-size:13.5px; line-height:1.6;
	color:var(--afd-muted); transition:background .15s ease, color .15s ease;
}
.afd-toc-box li a:hover{ background:#fff; color:var(--afd-gold-2); }
.afd-toc-box li.afd-toc-l3 a{ padding-inline-start:22px; font-size:12.5px; }

/* ---- فئات فلترة في أرشيف المدونة ---- */
.afd-blog-filters{ display:flex; flex-wrap:wrap; gap:10px; margin:26px 0 6px; }
.afd-blog-filter{
	display:inline-flex; align-items:center; padding:8px 18px; border-radius:30px;
	font-size:13.5px; font-weight:700; border:1px solid var(--afd-border); color:var(--afd-ink); background:#fff;
	transition:transform .15s ease, box-shadow .15s ease;
}
.afd-blog-filter:hover{ transform:translateY(-2px); box-shadow:0 10px 24px -14px rgba(15,27,46,.35); }
.afd-blog-filter.afd-active{ background:var(--afd-navy); color:var(--afd-cream); border-color:var(--afd-navy); }

/* ---- شبكة الأرشيف: بطاقات أكبر (صورة أطول + مقتطف) من نسخة الرئيسية المصغّرة ---- */
.afd-blog-archive .afd-bcard .afd-bimg{ height:190px; }
.afd-blog-archive .afd-bcard .afd-b{ padding:18px; }
.afd-blog-archive .afd-bcard h3{ font-size:16px; }
.afd-blog-archive .afd-bcard .afd-bexcerpt{ color:var(--afd-muted); font-size:13.5px; line-height:1.75; margin-top:8px; }
.afd-blog-archive .afd-bcard .afd-bdate{ color:var(--afd-muted); font-size:11.5px; margin-top:10px; display:block; }

/* ---- ترقيم الصفحات ---- */
.afd-pagination{ display:flex; justify-content:center; gap:8px; margin-top:36px; flex-wrap:wrap; }
.afd-faq-loadmore-wrap{ display:flex; justify-content:center; margin-top:28px; }
.afd-pagination a,.afd-pagination span{
	display:inline-flex; align-items:center; justify-content:center;
	min-width:40px; height:40px; padding:0 12px; border-radius:10px;
	border:1px solid var(--afd-border); font-size:14px; font-weight:700; color:var(--afd-ink);
}
.afd-pagination a:hover{ background:var(--afd-paper); }
.afd-pagination .current{ background:var(--afd-navy); color:var(--afd-cream); border-color:var(--afd-navy); }

/* ---- هيرو المؤلف ---- */
.afd-author-hero{ background:var(--afd-paper); padding:44px 24px; text-align:center; }
.afd-author-hero .afd-author-avatar{ width:88px; height:88px; border-radius:50%; margin:0 auto 16px; }
.afd-author-hero h1{ font-family:var(--font-heading); font-weight:900; font-size:clamp(22px,3vw,30px); color:var(--afd-ink); }
.afd-author-hero p{ color:var(--afd-muted); font-size:15px; max-width:560px; margin:10px auto 0; line-height:1.85; }

@media (max-width:900px){
	.afd-blog-featured{ margin-top:0; }
	.afd-blog-featured img{ border-radius:0; }
}

/* ---- بناء ٣٦: قالب الصفحات العامة (page.php) — يعيد استخدام طباعة afd-blog-content ---- */
.afd-page-body{ background:#fff; padding:52px 0 60px; }
.afd-page-content{ max-width:820px; margin-inline:auto; }
.afd-page-content-legal{ max-width:700px; }
.afd-legal-updated{ color:var(--afd-muted); font-size:13px; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--afd-border); }
.afd-legal-note{ background:var(--afd-paper); border-radius:14px; padding:18px 20px; font-size:13.5px; color:var(--afd-muted); margin-top:40px; }
.afd-legal-note a{ color:var(--afd-gold); font-weight:700; }
/* بناء ٣٦ — سكشن رؤيتنا/رسالتنا بصفحة «من نحن»: كارتان فقط، عمودان لا أربعة
   (specificity عبر الـid تتغلّب على .afd-feat-grid الافتراضي بصرف النظر
   عن ترتيب الملفات). */
#vision-mission .afd-feat-grid{ grid-template-columns:repeat(2,1fr); }
@media (max-width:640px){ #vision-mission .afd-feat-grid{ grid-template-columns:1fr; } }

/* ---- بناء ٣٦: صندوق نموذج «اتصل بنا» ----
   أمر «فورم اتصل بنا مخصّص» — استبدل Contact Form 7 (كان يرسل بريداً فقط،
   صفر حفظ CPT) بفورم مخصّص يحفظ عبر REST. نفس نمط تسمية الحقول القديم
   (.afd-contact-form label/input/textarea) لأنه تصميم فاتح صحيح أصلاً
   لسياق هذا الصندوق (بطاقة `--afd-paper` فاتحة) — 🔴 عمداً لم تُستخدَم
   كلاسات .afq-* الجاهزة من مودال «اترك رسالة»/الويزارد رغم التشابه الوظيفي:
   تلك مصمَّمة بألوان نص فاتحة (`--afd-cream`) لخلفية كحلي داكنة، فاستخدامها
   هنا كان سيُنتج نص فاتح على بطاقة فاتحة — نفس عائلة عطل التباين المُصلَح
   مرتين سابقاً بالمشروع (كارت الخريطة/جملة صدق الأسعار) — تفادٍ استباقي. */
.afd-contact-form-box{
	background:var(--afd-paper); border:1px solid var(--afd-border); border-radius:var(--afd-radius);
	padding:32px;
}
.afd-cf-field{ display:block; margin-bottom:16px; }
.afd-contact-form label{ display:block; font-weight:700; font-size:14px; color:var(--afd-ink); margin-bottom:6px; }
.afd-contact-form input[type="text"],
.afd-contact-form input[type="email"],
.afd-contact-form input[type="tel"],
.afd-contact-form textarea{
	width:100%; padding:12px 14px; font-family:var(--font-body); font-size:15px;
	background:#fff; border:1px solid var(--afd-border); border-radius:var(--afd-radius-sm); color:var(--afd-ink);
	transition:border-color .2s ease;
}
.afd-contact-form input:focus,
.afd-contact-form textarea:focus{ outline:none; border-color:var(--afd-gold); }
.afd-contact-form textarea{ min-height:120px; resize:vertical; }
.afd-cf-submit{
	background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy);
	border:none; border-radius:30px; padding:13px 32px; font-family:var(--font-heading); font-weight:800;
	font-size:15px; cursor:pointer; transition:transform .2s ease, box-shadow .2s ease; width:100%;
}
.afd-cf-submit:hover{ transform:translateY(-1px); box-shadow:0 10px 24px -12px rgba(201,138,44,.6); }
.afd-cf-submit:disabled{ opacity:.6; cursor:default; transform:none; box-shadow:none; }
.afd-cf-error{
	background:rgba(192,57,43,.08); border:1px solid rgba(192,57,43,.3); border-radius:var(--afd-radius-sm);
	padding:11px 16px; font-size:13.5px; font-weight:600; color:#c0392b; margin:0 0 16px;
}
.afd-cf-confirm{ text-align:center; padding:40px 20px; }
.afd-cf-confirm-ic{ width:52px; height:52px; color:var(--afd-wa); margin:0 auto 16px; display:block; }
.afd-cf-confirm h3{ font-family:var(--font-heading); font-size:19px; font-weight:900; color:var(--afd-ink); margin:0 0 8px; }
.afd-cf-confirm p{ font-size:14px; color:var(--afd-muted); line-height:1.8; margin:0; }

/* ---- بناء ٣٩: مودال فورم الليد «اطلب الآن» (بطاقة كحلي + حدود ذهبية) ---- */
body.afd-modal-open{ overflow:hidden; }
.afd-lead-modal{ position:fixed; inset:0; z-index:200; display:none; align-items:center; justify-content:center; padding:20px; }
.afd-lead-modal.afd-lead-modal-open{ display:flex; }
.afd-lead-modal-overlay{ position:absolute; inset:0; background:rgba(10,20,33,.75); }
@supports (backdrop-filter: blur(1px)){ .afd-lead-modal-overlay{ backdrop-filter:blur(3px); } }
.afd-lead-modal-card{
	position:relative; z-index:1; width:100%; max-width:440px; max-height:90vh; overflow-y:auto;
	background:var(--afd-navy); border:1px solid var(--afd-gold); border-radius:20px;
	padding:32px 28px; box-shadow:var(--afd-shadow-lg);
}
.afd-lead-modal-close{
	position:absolute; top:14px; left:14px; background:none; border:none; color:var(--afd-cream);
	font-size:26px; line-height:1; cursor:pointer; opacity:.7; padding:4px;
}
.afd-lead-modal-close:hover{ opacity:1; }
.afd-lead-badge{
	display:inline-flex; align-items:center; gap:6px;
	background:rgba(201,138,44,.15); border:1px solid rgba(201,138,44,.4); color:var(--afd-gold-l);
	font-size:12.5px; font-weight:700; padding:6px 14px; border-radius:30px; margin-bottom:14px;
}
.afd-lead-form-title{ font-family:var(--font-heading); font-weight:900; font-size:26px; color:var(--afd-cream); margin-bottom:6px; }
.afd-lead-form-sub{ color:#b8c6da; font-size:14px; margin-bottom:22px; }
.afd-lead-label{ display:block; color:var(--afd-cream); font-weight:700; font-size:13.5px; margin-bottom:16px; }
.afd-lead-modal-card input[type="text"],
.afd-lead-modal-card input[type="tel"],
.afd-lead-modal-card select{
	width:100%; margin-top:8px; padding:12px 14px; font-family:var(--font-body); font-size:15px;
	background:rgba(255,255,255,.06); border:1px solid #2c476c; border-radius:var(--afd-radius-sm); color:var(--afd-cream);
	appearance:none;
}
.afd-lead-modal-card input::placeholder{ color:#7c8ba3; }
.afd-lead-modal-card input:focus,
.afd-lead-modal-card select:focus{ outline:none; border-color:var(--afd-gold); }
.afd-lead-phone-wrap{ display:flex; align-items:center; margin-top:8px; }
.afd-lead-phone-prefix{
	background:rgba(255,255,255,.08); border:1px solid #2c476c; border-inline-end:none;
	border-radius:var(--afd-radius-sm) 0 0 var(--afd-radius-sm); padding:12px 14px; color:var(--afd-gold-l); font-weight:700; flex-shrink:0;
}
.afd-lead-phone-wrap .wpcf7-form-control-wrap{ flex:1; }
.afd-lead-phone-wrap input{ margin-top:0 !important; border-radius:0 var(--afd-radius-sm) var(--afd-radius-sm) 0 !important; }
.afd-lead-modal-card .wpcf7-form-control.wpcf7-submit{
	width:100%; background:linear-gradient(135deg,var(--afd-gold),var(--afd-gold-2)); color:var(--afd-navy);
	border:none; border-radius:30px; padding:14px; font-family:var(--font-heading); font-weight:800; font-size:16px;
	cursor:pointer; margin-top:6px;
}
.afd-lead-modal-card .wpcf7-not-valid-tip{ color:#ff8a80; font-size:12px; margin-top:4px; display:block; }
.afd-lead-modal-card .wpcf7-response-output{ color:var(--afd-cream); border-color:#2c476c; margin-top:14px; border-radius:var(--afd-radius-sm); padding:10px 14px; font-size:13.5px; }
.afd-lead-modal-footer{ margin-top:20px; padding-top:18px; border-top:1px solid #22344f; text-align:center; }
.afd-lead-modal-footer p{ color:#9fb0c7; font-size:13px; margin-bottom:0; display:flex; align-items:center; justify-content:center; gap:6px; }
.afd-lead-modal-footer .afd-i{ color:var(--afd-gold); }

/* ---- أمر «إعادة بناء أداة الحجز من الصفر»: النافذة الجانبية الموحّدة
   (Drawer) — تفتح فوق الصفحة الحالية من أي مكان بالموقع بلا تحويل، تطبع
   نفس مكوّن afq-wizard المُستخدَم بصفحة /request-the-service/ بالضبط.
   موبايل-أولاً: صينية تنزلق من الأسفل؛ من عرض معيّن تصبح لوحة جانبية
   تنزلق من اليمين. body.afd-modal-open (مشترك مع مودال الليد) يقفل التمرير. ---- */
.afd-drawer{ position:fixed; inset:0; z-index:210; display:none; }
.afd-drawer.afd-drawer-open{ display:block; }
.afd-drawer-overlay{ position:absolute; inset:0; background:rgba(10,20,33,.75); opacity:0; transition:opacity .3s ease; }
@supports (backdrop-filter: blur(1px)){ .afd-drawer-overlay{ backdrop-filter:blur(3px); } }
.afd-drawer.afd-drawer-open .afd-drawer-overlay{ opacity:1; }

/* أمر «قفل الحجز (الأمر الأخير)» §٣ — هوية كحلي كاملة (كانت كريمي/أبيض،
   var(--afd-svc-paper)) تطابق فورم «اترك رسالة» الجديد حرفياً (نفس التوكِنات
   العامة --afd-navy/--afd-gold المستخدَمة هناك). §٤ — الحجم على الديسكتوب
   صار مودالاً متوسطاً موسَّطاً (max-width:480px، كل الحواف مدوَّرة، تلاشي+تكبير
   خفيف) بدل لوحة حافة كاملة الارتفاع سابقاً؛ الموبايل يبقى صينية سفلية لكن
   بحدّ ارتفاع أخفض قليلاً (85vh بدل 88vh) لنفَس أفضل. */
.afd-drawer-panel{
	position:absolute; left:0; right:0; bottom:0; top:auto;
	width:100%; max-width:none; max-height:85vh;
	background:var(--afd-navy); border-radius:20px 20px 0 0;
	box-shadow:0 -20px 50px -20px rgba(10,20,33,.5);
	display:flex; flex-direction:column; overflow:hidden;
	transform:translateY(100%);
	transition:transform .35s cubic-bezier(.22,.9,.32,1);
}
.afd-drawer.afd-drawer-open .afd-drawer-panel{ transform:translateY(0); }

.afd-drawer-head{
	display:flex; align-items:center; justify-content:space-between; gap:12px;
	padding:16px 20px; border-bottom:1px solid rgba(255,255,255,.08); flex-shrink:0; background:var(--afd-navy-2);
}
.afd-drawer-head h2{ font-family:var(--font-heading); font-size:17px; font-weight:800; color:var(--afd-cream); margin:0; }
.afd-drawer-close{
	background:none; border:none; color:rgba(253,248,240,.7); font-size:26px; line-height:1;
	cursor:pointer; padding:4px 8px; opacity:.85;
}
.afd-drawer-close:hover{ opacity:1; color:var(--afd-cream); }
.afd-drawer-body{ flex:1; overflow-y:auto; padding:20px; -webkit-overflow-scrolling:touch; }

@media (min-width:768px){
	.afd-drawer.afd-drawer-open{ display:flex; align-items:center; justify-content:center; padding:24px; }
	.afd-drawer-panel{
		position:relative; left:auto; right:auto; top:auto; bottom:auto; max-height:85vh;
		width:100%; max-width:480px; border-radius:20px;
		box-shadow:0 30px 70px -30px rgba(10,20,33,.65);
		transform:translateY(14px) scale(.98); opacity:0;
		transition:transform .3s cubic-bezier(.22,.9,.32,1), opacity .3s ease;
	}
	.afd-drawer.afd-drawer-open .afd-drawer-panel{ transform:translateY(0) scale(1); opacity:1; }
	.afd-drawer-body{ padding:26px; }
}

@media (prefers-reduced-motion: reduce){
	.afd-drawer-overlay, .afd-drawer-panel{ transition:none; }
}

/* ============================================================
   بناء ٨٣ — كرت الخدمة البريميوم الموحّد (afd-svc-card) + فلتر المدن
   بادئة afd-svc- حصرية، متغيّرات خاصة (لا تصادم مع --afd-* العامة —
   هوية §8 من الموك-أب المعتمد حرفياً). !important على عناصر الكرت
   الداخلية لمنع هوامش/حشو Astra من التسرّب (المصدر أخف من !important
   بمكوّنات مضمَّنة داخل مسرد Astra أو ودجت السايدبار).
   ============================================================ */
:root{
	/* أمر «توحيد الهوية» — الأخضر (#153327/#1F4D3A) استُبدل بالكحلي كلون هوية
	   أساسي موحّد site-wide. أُعيدت تسمية المتغيرين لـ afd-svc-navy* بدل
	   afd-svc-navy* (الاسم القديم صار مضلِّلاً لقيمته الجديدة) — كل الـ42+
	   استخدام بالملف يقرأ القيمة عبر var() فتحدَّثت تلقائيًا بتغيير واحد هنا. */
	--afd-svc-navy:#0e1a2e; --afd-svc-navy-2:#16233a; --afd-svc-gold:#C98A2C;
	--afd-svc-gold-l:#E0B871; --afd-svc-paper:#F5F6F1; --afd-svc-border:#DBDED2;
}

.afd-svc-card-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:18px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
@media (max-width:1080px){ .afd-svc-card-grid{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:560px){ .afd-svc-card-grid{ grid-template-columns:1fr !important; } }

a.afd-svc-card{
	display:flex !important; flex-direction:column !important; background:#fff !important;
	border:1px solid var(--afd-svc-border) !important; border-radius:16px !important; overflow:hidden !important;
	text-decoration:none !important; color:inherit !important; margin:0 !important; padding:0 !important;
	transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
	box-shadow:none;
}
a.afd-svc-card:hover{
	transform:translateY(-5px); border-color:var(--afd-svc-gold) !important;
	box-shadow:0 22px 44px -24px rgba(14,26,46,.35);
}
/* أمر «توحيد الهوية» — «تحميل المزيد» بأرشيف المدينة: display:flex أعلاه
   بـ!important كان سيُبطل إخفاء [hidden] الافتراضي؛ استثناء صريح هنا. */
a.afd-svc-card[hidden]{ display:none !important; }

.afd-svc-img{ position:relative !important; display:block !important; height:168px !important; overflow:hidden !important; margin:0 !important; padding:0 !important; background:var(--afd-svc-navy) !important; }
.afd-svc-img img{ position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; object-fit:cover !important; margin:0 !important; }
.afd-svc-img-fallback{ position:absolute !important; inset:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.afd-svc-wm{ width:76px !important; height:76px !important; color:var(--afd-svc-gold) !important; opacity:.28 !important; }
/* بناء ٨٣ (إصلاح بصري بعد التحقق): تدرّج أقوى وأبكر — بعض الصور البرندد
   الحقيقية (بناء ٧٥/٧٧/٧٩) فيها نص العنوان مطبوع داخل الصورة نفسها بمنتصفها
   السفلي، فيظهر مزدوجاً خلف عنوان الكرت الجديد إن كان التعتيم خفيفاً. تدرّج
   يبدأ أبكر (45%) ويصل لعتمة شبه كاملة (.94) قبل منطقة العنوان يحجب أي نص
   مطبوع بالصورة، ويبقي الجزء العلوي واضحاً كصورة حقيقية. */
.afd-svc-ov{ position:absolute !important; inset:0 !important; background:linear-gradient(180deg, rgba(14,26,46,0) 35%, rgba(14,26,46,.88) 100%) !important; pointer-events:none; }
/* بناء ٨٣ (إصلاح بصري): صور «برندد-» (بناء ٧٥/٧٧/٧٩) فيها عنوان الخدمة
   مطبوع داخل الصورة نفسها بمنتصفها — يظهر مزدوجاً خلف عنوان الكرت الجديد
   مع التدرّج العادي. تعتيم شبه كامل مخصَّص لهذه الحالة فقط (لا يؤثر على
   الصور الحقيقية بلا نص مطبوع، التي تبقى بالتدرّج الخفيف أعلاه). */
.afd-svc-img.afd-svc-img-branded .afd-svc-ov{ background:linear-gradient(180deg, rgba(14,26,46,.15) 0%, rgba(14,26,46,.65) 35%, rgba(14,26,46,.96) 60%, rgba(14,26,46,.96) 100%) !important; }
.afd-svc-frame{ position:absolute !important; inset:11px !important; border:1px solid rgba(224,184,113,.55) !important; border-radius:10px !important; pointer-events:none; transition:inset .2s ease, border-color .2s ease; }
a.afd-svc-card:hover .afd-svc-frame{ inset:8px !important; border-color:var(--afd-svc-gold-l) !important; }

.afd-svc-lg{
	position:absolute !important; top:10px !important; right:10px !important; width:26px !important; height:26px !important;
	border-radius:7px !important; background:var(--afd-svc-gold) !important; display:flex !important; align-items:center !important;
	justify-content:center !important; box-shadow:0 4px 10px -3px rgba(0,0,0,.4);
}
.afd-svc-lg svg{ width:14px !important; height:14px !important; color:var(--afd-svc-navy) !important; margin:0 !important; }

.afd-svc-cat{
	position:absolute !important; top:10px !important; left:10px !important; background:rgba(224,184,113,.95) !important;
	color:var(--afd-svc-navy) !important; font-family:var(--font-heading) !important; font-weight:700 !important;
	font-size:11px !important; padding:4px 10px !important; border-radius:999px !important; line-height:1.6 !important; margin:0 !important;
}

.afd-svc-ct{ position:absolute !important; right:14px !important; left:14px !important; bottom:12px !important; display:flex !important; flex-direction:column !important; gap:3px !important; margin:0 !important; padding:0 !important; }
.afd-svc-h3{
	font-family:var(--font-heading) !important; font-weight:900 !important; font-size:16.5px !important;
	color:#fff !important; line-height:1.35 !important; margin:0 !important; padding:0 !important;
	display:block !important; text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.afd-svc-trust{ font-size:12px !important; font-weight:600 !important; color:var(--afd-svc-gold-l) !important; line-height:1.4 !important; margin:0 !important; }

.afd-svc-strip{ display:flex !important; flex-wrap:wrap !important; gap:6px !important; padding:12px 14px 4px !important; margin:0 !important; }
.afd-svc-chip{
	background:var(--afd-svc-paper) !important; border:1px solid var(--afd-svc-border) !important; color:var(--afd-svc-navy-2) !important;
	font-size:11.5px !important; font-weight:600 !important; padding:5px 10px !important; border-radius:999px !important;
	line-height:1.4 !important; margin:0 !important;
}

.afd-svc-btn{
	display:flex !important; align-items:center !important; justify-content:center !important; gap:6px !important;
	margin:12px 14px 14px !important; padding:11px 14px !important; background:var(--afd-svc-gold) !important;
	color:var(--afd-svc-navy) !important; font-family:var(--font-heading) !important; font-weight:800 !important;
	font-size:13.5px !important; border-radius:10px !important; text-align:center !important; line-height:1.4 !important;
	transition:background .2s ease, color .2s ease;
}
a.afd-svc-card:hover .afd-svc-btn{ background:var(--afd-svc-navy) !important; color:#fff !important; }
.afd-svc-btn-arrow{ font-size:15px !important; line-height:1 !important; }

/* نسخة مضغوطة (سايدبار) — نفس الهوية، مقاس أصغر */
/* بناء ٨٣ (إصلاح بنيوي بعد التحقق البصري) — نسخة السايدبار المضغوطة ببنية
   HTML مستقلة (صورة + عنوان كصفّين حقيقيين، صفر تراكب overlay) بدل تحوير
   بنية الكرت الكامل عبر CSS فقط — كان العنوان يختفي تماماً محشوراً داخل
   حاوية الصورة المقصوصة 64px (overflow:hidden) بلا مساحة ظاهرة. */
a.afd-svc-card.afd-svc-card-compact{ flex-direction:row !important; align-items:center !important; border-radius:12px !important; }
.afd-svc-card-compact .afd-svc-img{ position:relative !important; height:auto !important; width:64px !important; min-width:64px !important; aspect-ratio:1/1 !important; flex-shrink:0; }
.afd-svc-card-compact .afd-svc-frame{ inset:5px !important; }
.afd-svc-card-compact .afd-svc-wm{ width:30px !important; height:30px !important; }
.afd-svc-ct-flat{ display:flex !important; align-items:center !important; flex:1 1 auto !important; min-width:0 !important; padding:8px 10px !important; margin:0 !important; }
.afd-svc-ct-flat .afd-svc-h3{ font-family:var(--font-heading) !important; font-weight:700 !important; font-size:13px !important; color:var(--afd-svc-navy) !important; text-shadow:none !important; line-height:1.4 !important; margin:0 !important; padding:0 !important; display:block !important; }
.afd-svc-card-compact.afd-svc-card-current{ background:var(--afd-svc-paper) !important; border-color:var(--afd-svc-gold) !important; }
.afd-svc-card-compact.afd-svc-card-current .afd-svc-ct-flat .afd-svc-h3{ color:var(--afd-svc-gold) !important; font-weight:900 !important; }
.afd-sbar-list-cards{ display:flex !important; flex-direction:column !important; gap:6px !important; list-style:none !important; margin:0 !important; padding:0 !important; }
.afd-sbar-list-cards li{ list-style:none !important; margin:0 !important; padding:0 !important; }

/* أمر «قبل النشر (٤)» §٣ — شرائح تصنيفات حقيقية أسفل شبكة خدمات الرئيسية
   (نفس لغة pills المستخدَمة بفلتر المدن أسفل)، تبرز التصنيفات كوجهات
   داخلية قوية من الصفحة الرئيسية نفسها. */
.afd-home-cat-chips{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:28px; }
.afd-home-cat-chip{
	display:inline-flex; align-items:center; gap:6px; background:#fff;
	border:1px solid var(--afd-svc-border); color:var(--afd-svc-navy-2); font-family:var(--font-heading);
	font-weight:700; font-size:13.5px; padding:10px 18px; border-radius:999px;
	transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.afd-home-cat-chip:hover{ border-color:var(--afd-svc-gold); color:var(--afd-svc-gold); transform:translateY(-2px); }
.afd-home-cat-chip-all{ background:var(--afd-svc-navy); border-color:var(--afd-svc-navy); color:#fff; }
.afd-home-cat-chip-all:hover{ background:var(--afd-svc-gold); border-color:var(--afd-svc-gold); color:#fff; }
.afd-home-cat-chip-all svg{ width:14px; height:14px; }

/* فلتر المدن (pills) — أرشيف التصنيف */
.afd-city-filter{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 0 20px !important; padding:0 !important; list-style:none !important; }
.afd-city-pill{
	display:inline-flex !important; align-items:center !important; gap:5px !important; background:#fff !important;
	border:1px solid var(--afd-svc-border) !important; color:var(--afd-svc-navy-2) !important; font-family:var(--font-heading) !important;
	font-weight:700 !important; font-size:13px !important; padding:8px 16px !important; border-radius:999px !important;
	cursor:pointer !important; transition:background .2s ease, color .2s ease, border-color .2s ease; margin:0 !important;
}
.afd-city-pill[aria-pressed="true"]{ background:var(--afd-svc-gold) !important; border-color:var(--afd-svc-gold) !important; color:#fff !important; }
.afd-city-pill:hover{ border-color:var(--afd-svc-gold) !important; }
.afd-svc-card[hidden]{ display:none !important; }
.afd-city-filter-count{ font-size:13px !important; color:var(--afd-muted) !important; margin:0 0 16px !important; }
.afd-svc-card-grid-inline{ grid-template-columns:repeat(3,1fr) !important; margin:20px 0 !important; }
@media (max-width:900px){ .afd-svc-card-grid-inline{ grid-template-columns:repeat(2,1fr) !important; } }
@media (max-width:560px){ .afd-svc-card-grid-inline{ grid-template-columns:1fr !important; } }

/* ============================================================
   بناء ٨٤ — سكشن «ما تشمله الخدمة» الموحّد (afd-inc-*)، بادئة حصرية
   منفصلة عن afd-check-* القديمة (تبقى مستخدَمة بسكشن الضمان المنفصل).
   شبكة auto-fit متوازنة — بلا عمود ثابت، تتكيّف مع أي عدد بنود حقيقي
   (٤ أو ٥ أو ٦...) بلا صف ناقص أو حشو. هوية §8 نفسها (أخضر/ذهبي/Tajawal).
   ============================================================ */
.afd-inc-box{ background:var(--afd-svc-paper) !important; border:1px solid var(--afd-svc-border) !important; border-radius:16px !important; padding:28px !important; margin:0 !important; }
.afd-inc-title{ font-family:var(--font-heading) !important; font-weight:900 !important; font-size:19px !important; color:var(--afd-svc-navy) !important; margin:0 0 18px !important; padding:0 !important; line-height:1.4 !important; }
.afd-inc-grid{ display:grid !important; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important; gap:12px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.afd-inc-item{
	display:flex !important; align-items:flex-start !important; gap:10px !important; background:#fff !important;
	border:1px solid var(--afd-svc-border) !important; border-radius:12px !important; padding:14px 16px !important;
	margin:0 !important; transition:border-color .2s ease, transform .2s ease;
}
.afd-inc-item:hover{ border-color:var(--afd-svc-gold) !important; transform:translateY(-2px); }
.afd-inc-ic{
	flex-shrink:0 !important; width:24px !important; height:24px !important; border-radius:50% !important;
	background:var(--afd-svc-gold) !important; display:flex !important; align-items:center !important;
	justify-content:center !important; margin:0 !important; padding:0 !important;
}
.afd-inc-ic svg{ width:13px !important; height:13px !important; color:var(--afd-svc-navy) !important; margin:0 !important; }
.afd-inc-text{ font-size:14px !important; font-weight:600 !important; line-height:1.6 !important; color:var(--afd-svc-navy-2) !important; margin:0 !important; padding:0 !important; }
.afd-inc-desc{ display:block !important; font-size:12.5px !important; font-weight:400 !important; color:var(--afd-muted) !important; margin:3px 0 0 !important; line-height:1.5 !important; }
@media (max-width:560px){ .afd-inc-box{ padding:20px !important; } .afd-inc-grid{ grid-template-columns:1fr !important; } }

/* ============================================================
   بناء ٨٧ — صفحة «احجز موعدك» البريميوم (afq-*)، بادئة حصرية جديدة.
   هوية §8 نفسها (متغيّرات --afd-svc-* المشتركة مع بناء ٨٣/٨٤) —
   ويزارد ٤ خطوات (الخدمة/الموقع والموعد/بياناتك/مراجعة)، بلا حاسبة
   أسعار (استُبدلت باختيار تصنيف + إرسال واتساب واحد يؤكده الفريق).
   ============================================================ */

/* ---- هيرو ---- */
.afq-hero{
	position:relative !important; background:radial-gradient(circle at 85% 20%, rgba(201,138,44,.18), transparent 45%),
		linear-gradient(160deg, #152018 0%, var(--afd-svc-navy) 55%, var(--afd-svc-navy-2) 100%) !important;
	color:#fff !important; padding:64px 0 56px !important; overflow:hidden !important; text-align:center !important;
}
.afq-hero-in{ position:relative !important; z-index:2 !important; max-width:720px !important; margin:0 auto !important; padding:0 24px !important; }
.afq-eyebrow{
	display:inline-flex !important; align-items:center !important; gap:8px !important; font-size:13px !important; font-weight:700 !important;
	color:var(--afd-svc-gold-l) !important; margin:0 0 14px !important; padding:0 !important;
}
.afq-eyebrow::before{ content:"" !important; width:22px !important; height:2px !important; background:var(--afd-svc-gold) !important; display:inline-block !important; }
.afq-hero h1{ font-family:var(--font-heading) !important; font-weight:900 !important; font-size:clamp(26px,3.6vw,38px) !important; color:#fff !important; margin:0 0 14px !important; line-height:1.4 !important; }
.afq-hero p{ font-size:15px !important; color:rgba(255,255,255,.82) !important; margin:0 0 22px !important; line-height:1.8 !important; }
.afq-trust-chips{ display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; margin:0 !important; padding:0 !important; list-style:none !important; }
.afq-trust-chips li{
	display:flex !important; align-items:center !important; gap:6px !important; background:rgba(255,255,255,.08) !important;
	border:1px solid rgba(255,255,255,.16) !important; border-radius:999px !important; padding:8px 16px !important;
	font-size:12.5px !important; font-weight:600 !important; color:#fff !important; margin:0 !important;
}
.afq-trust-chips svg{ width:14px !important; height:14px !important; color:var(--afd-svc-gold-l) !important; }

/* ---- الويزارد ---- */
.afq-wizard-wrap{ background:var(--afd-svc-paper) !important; padding:0 0 90px !important; }
.afq-wizard-container{ max-width:760px !important; margin:0 auto !important; padding:0 24px !important; }
.afq-progress{ display:flex !important; align-items:flex-start !important; margin:0 0 28px !important; position:relative !important; z-index:5 !important; }
/* أمر «إعادة بناء أداة الحجز» — الهامش السالب الأصلي (يسحب الشريط فوق حافة
   الهيرو المدوَّرة) مناسب لسياق الصفحة المستقلة فقط؛ داخل الـDrawer (بلا
   هيرو) يبقى هامش موجب بسيط — override بخصوصية أعلى هنا. */
.afq-wizard-wrap .afq-progress{ margin:-32px 0 36px !important; }
.afq-progress-step{ display:flex !important; flex-direction:column !important; align-items:center !important; gap:8px !important; flex-shrink:0 !important; }
/* أمر «قفل الحجز (الأمر الأخير)» §٣ — هوية كحلي: نقاط الخطوات غير النشطة
   والخط الرابط صارا شفافيات بيضاء خفيفة (بدل الرمادي الفاتح الذي كان يفترض
   خلفية بيضاء/كريمي) — النشط/المكتمل يبقى ذهبياً (تباين ممتاز على كحلي). */
.afq-dot{
	width:34px !important; height:34px !important; border-radius:50% !important; background:rgba(255,255,255,.12) !important; color:rgba(253,248,240,.55) !important;
	display:flex !important; align-items:center !important; justify-content:center !important; font-family:var(--font-heading) !important;
	font-weight:800 !important; font-size:14px !important; transition:.3s ease !important; box-shadow:none !important;
}
.afq-dot.afq-active{ background:var(--afd-gold) !important; color:#152018 !important; box-shadow:0 0 0 4px rgba(201,138,44,.25) !important; }
.afq-dot.afq-done{ background:var(--afd-gold) !important; color:#152018 !important; }
.afq-progress-label{ font-size:11px !important; font-weight:700 !important; color:rgba(253,248,240,.5) !important; white-space:nowrap !important; }
.afq-progress-step:has(.afq-active) .afq-progress-label,
.afq-progress-step:has(.afq-done) .afq-progress-label{ color:var(--afd-gold-l) !important; }
.afq-line{ flex:1 !important; height:3px !important; background:rgba(255,255,255,.12) !important; margin:16px 4px 0 !important; border-radius:2px !important; }
.afq-line.afq-done{ background:var(--afd-gold) !important; }

.afq-card{ background:var(--afd-navy-2) !important; border:1px solid rgba(255,255,255,.08) !important; border-radius:18px !important; padding:32px !important; min-height:300px !important; }
.afq-card h2{ font-family:var(--font-heading) !important; font-size:19px !important; font-weight:800 !important; color:var(--afd-cream) !important; margin:0 0 6px !important; }
.afq-sub{ font-size:13px !important; color:rgba(253,248,240,.6) !important; margin:0 0 22px !important; }

.afq-note{ background:rgba(201,138,44,.15) !important; border:1px solid rgba(201,138,44,.3) !important; border-radius:10px !important; padding:12px 16px !important; font-size:12.5px !important; color:var(--afd-gold-l) !important; margin:0 0 18px !important; line-height:1.7 !important; }
.afq-note button{ background:none !important; border:none !important; padding:0 !important; margin-inline-start:4px !important; color:var(--afd-gold-l) !important; font-weight:700 !important; text-decoration:underline !important; cursor:pointer !important; font-size:inherit !important; }

.afq-cat-grid{ display:grid !important; grid-template-columns:repeat(3,1fr) !important; gap:12px !important; margin:0 !important; padding:0 !important; }
/* أمر «قفل الحجز (الأمر الأخير)» §٣ — تصحيح حرج: حالة "مُختار" كانت كحلي
   على خلفية بيضاء/كريمي (تباين ممتاز آنذاك) — على كرت كحلي الآن ستكون كحلي-
   على-كحلي (شبه مختفية). بُدِّلت لذهبي (أقوى تباين ممكن على الكحلي، ويطابق
   بقية علامات "مُختار/نشط" بالمكوّن). */
.afq-cat-card{
	border:1.5px solid rgba(255,255,255,.12) !important; border-radius:12px !important; padding:18px 10px !important; text-align:center !important;
	cursor:pointer !important; transition:.2s ease !important; background:rgba(255,255,255,.04) !important; margin:0 !important;
}
.afq-cat-card:hover{ border-color:var(--afd-gold) !important; }
.afq-cat-card.afq-selected{ border-color:var(--afd-gold) !important; background:var(--afd-gold) !important; }
.afq-cat-card svg{ width:26px !important; height:26px !important; margin:0 0 8px !important; color:var(--afd-gold-l) !important; }
.afq-cat-card.afq-selected svg{ color:#152018 !important; }
.afq-cat-card span{ display:block !important; font-size:12.5px !important; font-weight:700 !important; color:var(--afd-cream) !important; line-height:1.5 !important; }
.afq-cat-card.afq-selected span{ color:#152018 !important; }

.afq-field{ margin:0 0 18px !important; }
.afq-field label{ display:block !important; font-size:13px !important; font-weight:700 !important; color:var(--afd-cream) !important; margin:0 0 8px !important; }
.afq-field input[type="text"], .afq-field input[type="tel"], .afq-field input[type="date"], .afq-field textarea{
	width:100% !important; padding:13px 14px !important; border:1px solid rgba(255,255,255,.15) !important; border-radius:10px !important;
	font-family:var(--font-body) !important; font-size:14px !important; background:rgba(255,255,255,.05) !important; color:var(--afd-cream) !important;
	margin:0 !important;
}
.afq-field input::placeholder, .afq-field textarea::placeholder{ color:rgba(253,248,240,.4) !important; }
.afq-field input:focus, .afq-field textarea:focus{ outline:none !important; border-color:var(--afd-gold) !important; }
.afq-field textarea{ min-height:90px !important; resize:vertical !important; }
.afq-row-2{ display:grid !important; grid-template-columns:1fr 1fr !important; gap:14px !important; }

.afq-chip-row{ display:flex !important; flex-wrap:wrap !important; gap:10px !important; }
.afq-chip{
	padding:11px 20px !important; border-radius:999px !important; border:1.5px solid rgba(255,255,255,.15) !important; background:rgba(255,255,255,.05) !important;
	font-size:13.5px !important; font-weight:600 !important; color:var(--afd-cream) !important; cursor:pointer !important; transition:.2s ease !important;
	font-family:var(--font-body) !important;
}
.afq-chip.afq-selected{ background:var(--afd-gold) !important; border-color:var(--afd-gold) !important; color:#152018 !important; }

.afq-geo-btn{
	display:inline-flex !important; align-items:center !important; gap:8px !important; background:rgba(255,255,255,.05) !important; border:1.5px dashed var(--afd-gold) !important;
	border-radius:10px !important; padding:11px 18px !important; font-size:13px !important; font-weight:700 !important; color:var(--afd-cream) !important;
	cursor:pointer !important; margin:0 0 8px !important; transition:.2s ease !important; font-family:var(--font-body) !important;
}
.afq-geo-btn:hover{ border-style:solid !important; background:rgba(255,255,255,.1) !important; }
.afq-geo-btn.afq-geo-done{ border-style:solid !important; border-color:var(--afd-gold) !important; background:rgba(201,138,44,.15) !important; color:var(--afd-gold-l) !important; }
.afq-geo-btn svg{ width:16px !important; height:16px !important; color:var(--afd-gold-l) !important; }
.afq-hint{ font-size:12px !important; color:rgba(253,248,240,.55) !important; margin:0 0 20px !important; line-height:1.7 !important; }

.afq-summary{ background:rgba(255,255,255,.05) !important; border-radius:12px !important; padding:20px !important; margin:0 0 18px !important; }
.afq-summary-row{ display:flex !important; justify-content:space-between !important; gap:12px !important; padding:8px 0 !important; font-size:13.5px !important; border-bottom:1px dashed rgba(255,255,255,.12) !important; }
.afq-summary-row:last-child{ border-bottom:none !important; }
.afq-summary-row span:first-child{ color:rgba(253,248,240,.55) !important; flex-shrink:0 !important; }
.afq-summary-row span:last-child{ color:var(--afd-cream) !important; font-weight:700 !important; text-align:left !important; }

.afq-error{ background:rgba(224,90,90,.15) !important; border:1px solid rgba(224,90,90,.4) !important; border-radius:10px !important; padding:11px 16px !important; font-size:13px !important; font-weight:600 !important; color:#ff9d8a !important; margin:0 0 16px !important; }

.afq-nav{ display:flex !important; justify-content:space-between !important; margin:24px 0 0 !important; gap:12px !important; }
.afq-btn{
	padding:13px 28px !important; border-radius:999px !important; font-weight:700 !important; font-size:14px !important; border:none !important;
	cursor:pointer !important; transition:.25s ease !important; font-family:var(--font-body) !important; display:inline-flex !important; align-items:center !important; gap:8px !important;
}
.afq-btn[hidden]{ display:none !important; }
.afq-btn-next{ background:var(--afd-gold) !important; color:#152018 !important; }
.afq-btn-next:hover{ background:var(--afd-gold-2) !important; }
.afq-btn-back{ background:transparent !important; color:rgba(253,248,240,.7) !important; border:1.5px solid rgba(255,255,255,.15) !important; }
.afq-btn-back:hover{ border-color:var(--afd-gold) !important; color:var(--afd-gold-l) !important; }
.afq-btn-submit{ background:var(--afd-wa) !important; color:#fff !important; width:100% !important; padding:15px !important; justify-content:center !important; }
.afq-btn-submit:hover{ background:#188447 !important; }
.afq-btn-submit svg{ width:18px !important; height:18px !important; }

/**
 * أمر «دفعة التقوية القادمة» §٥ — زر إرسال «اترك رسالة» (#afd-lead-modal)
 * فقط: يستبدل الأخضر الموروث من .afq-btn-submit (خاص بزر الويزارد
 * الحقيقي الذي يفتح واتساب) بهوية ذهبي/كحلي — لا يوحي بمحادثة واتساب،
 * بل بحفظ طلب. زر الويزارد نفسه غير متأثر (كلاس مختلف تماماً).
 */
.afd-lead-submit-btn{ background:var(--afd-gold) !important; color:#152018 !important; }
.afd-lead-submit-btn:hover{ background:var(--afd-gold-2) !important; }

/* ---- ليه تحجز أونلاين ---- */
.afq-why-wrap{ background:#fff !important; padding:80px 0 !important; }
.afq-why-container{ max-width:1180px !important; margin:0 auto !important; padding:0 24px !important; }
.afq-why-head{ max-width:640px !important; margin:0 auto 40px !important; text-align:center !important; }
.afq-why-head h2{ font-family:var(--font-heading) !important; font-size:clamp(24px,3.2vw,32px) !important; font-weight:900 !important; color:var(--afd-svc-navy) !important; margin:0 !important; line-height:1.3 !important; }
.afq-why-grid{ display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:20px !important; }
.afq-why-card{ background:var(--afd-svc-paper) !important; border:1px solid var(--afd-svc-border) !important; border-radius:14px !important; padding:24px 20px !important; transition:.25s ease !important; }
.afq-why-card:hover{ transform:translateY(-4px) !important; box-shadow:0 18px 40px -18px rgba(21,32,24,.35) !important; border-color:transparent !important; }
.afq-why-ic{ width:36px !important; height:36px !important; margin:0 0 12px !important; color:var(--afd-svc-navy-2) !important; }
.afq-why-card h3{ font-family:var(--font-heading) !important; font-size:14.5px !important; font-weight:700 !important; color:var(--afd-svc-navy) !important; margin:0 0 8px !important; }
.afq-why-card p{ font-size:12.5px !important; color:var(--afd-muted) !important; line-height:1.7 !important; margin:0 !important; }

/* ---- الأسئلة الشائعة ---- */
.afq-faq-wrap{ background:#EAECE3 !important; padding:90px 0 !important; }
.afq-faq-container{ max-width:800px !important; margin:0 auto !important; padding:0 24px !important; }
.afq-faq-head{ margin:0 0 40px !important; text-align:center !important; }
.afq-faq-head h2{ font-family:var(--font-heading) !important; font-size:clamp(24px,3.2vw,32px) !important; font-weight:900 !important; color:var(--afd-svc-navy) !important; margin:0 !important; line-height:1.3 !important; }
.afq-faq-item{ border-bottom:1px solid var(--afd-svc-border) !important; }
.afq-faq-q{ display:flex !important; justify-content:space-between !important; align-items:center !important; gap:16px !important; padding:20px 4px !important; cursor:pointer !important; font-weight:700 !important; font-size:15.5px !important; color:var(--afd-svc-navy) !important; font-family:var(--font-heading) !important; background:none !important; border:none !important; width:100% !important; text-align:right !important; }
.afq-faq-q .afq-faq-plus{ font-size:22px !important; color:var(--afd-svc-gold-l) !important; transition:.25s !important; flex-shrink:0 !important; }
.afq-faq-item.afq-open .afq-faq-plus{ transform:rotate(45deg) !important; }
.afq-faq-a{ max-height:0 !important; overflow:hidden !important; transition:.3s ease !important; font-size:14.5px !important; color:var(--afd-muted) !important; padding:0 4px !important; margin:0 !important; }
.afq-faq-item.afq-open .afq-faq-a{ max-height:280px !important; padding-bottom:20px !important; }

/* ---- أمر «إعادة بناء أداة الحجز من الصفر»: مكوّن الحجز الموحّد —
   شارات ثقة مصغّرة + تبويب الوضع (كامل/سريع) + ملاحظة الصدق + شاشة التأكيد.
   نفس بادئة afq- والتوكِنات الملاحية/الذهبية، بلا أي لون جديد. ---- */
.afq-trust-mini{ display:flex !important; flex-wrap:wrap !important; gap:8px !important; margin:0 0 16px !important; padding:0 !important; list-style:none !important; }
.afq-trust-mini li{
	display:flex !important; align-items:center !important; gap:6px !important; background:rgba(255,255,255,.08) !important;
	border:1px solid rgba(255,255,255,.15) !important; border-radius:30px !important; padding:6px 12px !important;
	font-size:11.5px !important; font-weight:700 !important; color:var(--afd-cream) !important;
}
.afq-trust-mini svg{ width:13px !important; height:13px !important; color:var(--afd-gold-l) !important; }

.afq-field-label{ font-size:13px !important; font-weight:700 !important; color:var(--afd-cream) !important; margin:0 0 10px !important; }
.afq-field-label-sp{ margin-top:22px !important; }

.afq-disclaimer{
	display:flex !important; align-items:flex-start !important; gap:8px !important; font-size:12px !important; color:rgba(253,248,240,.7) !important;
	line-height:1.7 !important; margin:0 0 18px !important; padding:12px 14px !important; background:rgba(255,255,255,.05) !important; border-radius:10px !important;
}
.afq-disclaimer svg{ width:14px !important; height:14px !important; color:var(--afd-gold-l) !important; flex-shrink:0 !important; margin-top:2px !important; }

.afq-confirm{ text-align:center !important; padding:60px 20px !important; }
.afq-confirm-ic{ width:56px !important; height:56px !important; color:#3ecf8e !important; margin:0 auto 18px !important; display:block !important; }
.afq-confirm h3{ font-family:var(--font-heading) !important; font-size:20px !important; font-weight:900 !important; color:var(--afd-cream) !important; margin:0 0 8px !important; }
.afq-confirm p{ font-size:14px !important; color:rgba(253,248,240,.7) !important; line-height:1.8 !important; margin:0 0 6px !important; max-width:360px !important; margin-inline:auto !important; }
.afq-confirm .afq-disclaimer{ margin:20px auto 0 !important; max-width:360px !important; text-align:right !important; }

@media (max-width:700px){
	.afq-cat-grid{ grid-template-columns:repeat(2,1fr) !important; }
	.afq-row-2{ grid-template-columns:1fr !important; }
	.afq-card{ padding:22px !important; }
	.afq-why-grid{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width:560px){
	.afq-why-grid{ grid-template-columns:1fr !important; }
	.afq-why-wrap{ padding:60px 0 !important; }
	.afq-progress-label{ display:none !important; }
}

/* ============================================================
   بناء ٨٦ §١ — صفحة خطط الأسعار (afd-pt-*)، هوية §8 (--afd-svc-*
   المشتركة مع بناء ٨٣/٨٤/٨٧). جداول أسعار حقيقية تُقرأ حيّة من كل
   خدمة (price_list ACF) — لا نسخة ثابتة قد تنحرف عن الواقع.
   ============================================================ */
/* أمر «صفحة الأسعار» — جملة الصدق الثابتة أعلى الهَب. نفس لون afd-lead
   بهذا الهيرو (#b8c6da) عمداً لا var(--afd-muted) — الأخيرة مخصَّصة
   لخلفيات فاتحة، وهذا الهيرو كحلي داكن (نفس عائلة عطل التباين المُصلَح
   بأمر سابق — تفادٍ استباقي هنا). */
.afd-price-honesty{
	display:flex; align-items:center; gap:8px; margin-top:16px;
	font-size:13.5px; color:#b8c6da;
}
.afd-price-honesty .afd-i{ width:15px; height:15px; flex-shrink:0; color:var(--afd-gold); }

.afd-pt-tabs{ display:flex; flex-wrap:wrap; gap:10px; padding-bottom:28px; }
.afd-pt-tabs a{
	background:var(--afd-svc-paper); border:1px solid var(--afd-svc-border); border-radius:999px;
	padding:9px 18px; font-size:13px; font-weight:700; color:var(--afd-svc-navy); transition:.2s ease;
}
.afd-pt-tabs a:hover{ border-color:var(--afd-svc-gold); color:var(--afd-svc-gold); }

.afd-pt-box{
	background:#fff; border:1px solid var(--afd-svc-border); border-radius:16px;
	padding:28px; margin-bottom:24px; scroll-margin-top:100px;
}
.afd-pt-other{ background:var(--afd-svc-paper); }
.afd-pt-head{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px; padding-bottom:14px; border-bottom:2px solid var(--afd-svc-gold); }
.afd-pt-head h2{ font-family:var(--font-heading); font-weight:900; font-size:19px; color:var(--afd-svc-navy); margin:0; }
.afd-pt-cat{ font-family:var(--font-heading); font-weight:700; font-size:13.5px; color:var(--afd-svc-gold); margin:18px 0 8px; }
.afd-pt-cat:first-of-type{ margin-top:0; }
.afd-pt-rows{ display:flex; flex-direction:column; }
.afd-pt-row{
	display:flex; align-items:baseline; justify-content:space-between; gap:16px;
	padding:11px 0; border-bottom:1px dashed var(--afd-svc-border);
}
.afd-pt-row:last-child{ border-bottom:none; }
.afd-pt-name{ font-size:13.5px; font-weight:600; color:var(--afd-svc-navy-2); }
.afd-pt-name small{ display:block; font-size:11.5px; font-weight:400; color:var(--afd-muted); margin-top:2px; }
.afd-pt-price{ font-family:var(--font-heading); font-weight:800; font-size:13.5px; color:var(--afd-svc-gold); white-space:nowrap; flex-shrink:0; }
.afd-pt-other p{ color:var(--afd-svc-navy-2); line-height:1.9; font-size:14px; margin:0; }

@media (max-width:600px){
	.afd-pt-box{ padding:20px; }
	.afd-pt-row{ flex-direction:column; align-items:flex-start; gap:2px; }
}

/* أمر «إصلاح عناوين هَب الأسعار» — جدول ملخّص (خدمة·يبدأ من·رابط) أعلى
   الكروت، مسح سريع لكل الأسعار بنظرة واحدة. نفس لغة .afd-post-table
   البصرية (كحلي/ذهبي) لكن مُعاد تعريفها بادئة خاصة لأنها هنا خارج
   .afd-blog-content (قالب صفحة مباشر، لا متن تدوينة). */
.afd-price-summary-wrap{ overflow-x:auto; border-radius:16px; border:1px solid var(--afd-svc-border); margin-bottom:8px; }
table.afd-price-summary{ width:100%; border-collapse:collapse; font-size:14px; min-width:480px; }
table.afd-price-summary th{
	background:var(--afd-svc-navy); color:#fff; font-family:var(--font-heading); font-weight:800;
	padding:13px 16px; text-align:right; white-space:nowrap;
}
table.afd-price-summary td{ padding:12px 16px; border-bottom:1px solid var(--afd-svc-border); color:var(--afd-svc-navy-2); }
table.afd-price-summary tbody tr:nth-child(even){ background:var(--afd-svc-paper); }
table.afd-price-summary tbody tr:last-child td{ border-bottom:none; }
table.afd-price-summary tbody tr:hover{ background:var(--afd-svc-paper); }
.afd-price-summary-from{ font-family:var(--font-heading); font-weight:800; color:var(--afd-svc-gold); white-space:nowrap; }
.afd-price-summary-link{ font-size:12.5px; font-weight:700; color:var(--afd-svc-navy); white-space:nowrap; }
.afd-price-summary-link:hover{ color:var(--afd-svc-gold); }

/* ============================================================
   بناء ٨٨ — نظام صناديق/جداول/كروت تدوينات العزل (afd-post-*)، بادئة
   حصرية داخل .afd-blog-content فقط (لا تمس بقية تدوينات المدونة).
   هوية §8 (أخضر --afd-svc-navy / ذهبي --afd-svc-gold) — يستبدل نظام
   الإيموجي المكسور (????) بأيقونات SVG/CSS نظيفة صفر مخاطرة ترميز.
   ============================================================ */
.afd-blog-content .afd-post-box{
	display:flex; gap:12px; align-items:flex-start; background:#fff;
	border:1px solid var(--afd-border); border-radius:12px; padding:16px 18px; margin:22px 0;
}
.afd-blog-content .afd-post-box-ic{
	flex-shrink:0; width:30px; height:30px; border-radius:50%;
	display:flex; align-items:center; justify-content:center;
}
.afd-blog-content .afd-post-box-ic svg{ width:16px; height:16px; }
.afd-blog-content .afd-post-box-body b{ display:block; font-family:var(--font-heading); font-weight:800; font-size:14.5px; margin-bottom:4px; }
.afd-blog-content .afd-post-box-body p{ margin:0; font-size:15px; line-height:1.85; }

.afd-blog-content .afd-post-note{ border-inline-start:4px solid var(--afd-svc-gold); }
.afd-blog-content .afd-post-note .afd-post-box-ic{ background:rgba(201,138,44,.12); color:var(--afd-svc-gold); }
.afd-blog-content .afd-post-note .afd-post-box-body b{ color:var(--afd-svc-navy); }

.afd-blog-content .afd-post-warning{ border-inline-start:4px solid #C4523A; background:#FBF3F1; }
.afd-blog-content .afd-post-warning .afd-post-box-ic{ background:rgba(196,82,58,.12); color:#C4523A; }
.afd-blog-content .afd-post-warning .afd-post-box-body b{ color:#8C3A28; }

.afd-blog-content .afd-post-tip{ background:var(--afd-svc-paper); border-color:var(--afd-svc-border); }
.afd-blog-content .afd-post-tip .afd-post-box-ic{ background:rgba(14,26,46,.08); color:var(--afd-svc-navy); }
.afd-blog-content .afd-post-tip .afd-post-box-body b{ color:var(--afd-svc-navy); }

.afd-blog-content .afd-post-mistake{ border-inline-start:4px solid #6b7280; }
.afd-blog-content .afd-post-mistake .afd-post-box-ic{ background:rgba(107,114,128,.12); color:#6b7280; }
.afd-blog-content .afd-post-mistake .afd-post-box-body b{ color:#3f4552; }

/* ---- جدول مقارنة/أسعار ---- */
.afd-blog-content .afd-post-table-wrap{ overflow-x:auto; margin:22px 0; border-radius:12px; border:1px solid var(--afd-svc-border); }
.afd-blog-content table.afd-post-table{ width:100%; border-collapse:collapse; margin:0; font-size:14px; min-width:520px; }
.afd-blog-content table.afd-post-table th{
	background:var(--afd-svc-navy); color:#fff; font-family:var(--font-heading); font-weight:800;
	padding:12px 14px; text-align:right; white-space:nowrap;
}
.afd-blog-content table.afd-post-table th:first-child{ border-start-start-radius:0; }
.afd-blog-content table.afd-post-table td{ padding:11px 14px; border-bottom:1px solid var(--afd-svc-border); color:var(--afd-svc-navy-2); }
.afd-blog-content table.afd-post-table tbody tr:nth-child(even){ background:var(--afd-svc-paper); }
.afd-blog-content table.afd-post-table tbody tr:last-child td{ border-bottom:none; }
.afd-blog-content table.afd-post-table td strong{ color:var(--afd-svc-gold); font-family:var(--font-heading); }

/* ---- كروت مواد (أسماء تجارية) ---- */
.afd-blog-content .afd-post-materials{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:14px; margin:22px 0; }
.afd-blog-content .afd-post-material{ background:#fff; border:1px solid var(--afd-svc-border); border-radius:12px; padding:16px; }
.afd-blog-content .afd-post-material b{ display:block; font-family:var(--font-heading); font-weight:800; font-size:14.5px; color:var(--afd-svc-navy); margin-bottom:4px; }
.afd-blog-content .afd-post-material span{ display:block; font-size:12px; font-weight:700; color:var(--afd-svc-gold); margin-bottom:6px; }
.afd-blog-content .afd-post-material p{ margin:0; font-size:13.5px; color:var(--afd-muted); line-height:1.8; }

@media (max-width:600px){
	.afd-blog-content .afd-post-box{ padding:14px; }
}

/* ============================================================
   بنك الأسئلة — المرحلة ١ (afd-faq-*). هوية §8، أناقة هادئة بلا مبالغة
   بيعية — رابط سياقي خفيف + CTA واحد، لا كروت بريميوم ضخمة.
   ============================================================ */
.afd-faq-answer-box{
	display:flex; gap:14px; align-items:flex-start; background:#fff;
	border:1px solid var(--afd-svc-border); border-inline-start:4px solid var(--afd-svc-gold);
	border-radius:12px; padding:22px 24px; margin:0 0 28px;
}
.afd-faq-answer-ic{
	flex-shrink:0; width:32px; height:32px; border-radius:50%; margin-top:2px;
	background:rgba(14,26,46,.08); color:var(--afd-svc-navy);
	display:flex; align-items:center; justify-content:center;
}
.afd-faq-answer-ic svg{ width:17px; height:17px; }
.afd-faq-answer-box p{ margin:0; font-size:17px; font-weight:600; line-height:1.9; color:var(--afd-ink); }

.afd-faq-expanded{ margin-bottom:24px; }

.afd-faq-whenpro{
	background:#fdf8ee; border:1px solid var(--afd-svc-border); border-inline-start:4px solid var(--afd-svc-gold);
	border-radius:12px; padding:20px 24px; margin:0 0 20px;
}
.afd-faq-whenpro-head{ display:flex; align-items:center; gap:10px; margin:0 0 12px; }
.afd-faq-whenpro-ic{
	flex-shrink:0; width:30px; height:30px; border-radius:50%;
	background:rgba(200,162,75,.16); color:var(--afd-svc-gold);
	display:flex; align-items:center; justify-content:center;
}
.afd-faq-whenpro-ic svg{ width:16px; height:16px; }
.afd-faq-whenpro-head h3{ font-family:var(--font-heading); font-weight:800; font-size:16.5px; color:var(--afd-ink); margin:0; }
.afd-faq-whenpro ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.afd-faq-whenpro li{
	font-size:14.5px; line-height:1.8; color:var(--afd-ink); padding-inline-start:22px; position:relative;
}
.afd-faq-whenpro li::before{
	content:""; position:absolute; inset-inline-start:0; top:8px; width:7px; height:7px;
	border-radius:50%; background:var(--afd-svc-gold);
}

.afd-faq-service-link, .afd-faq-blog-link{
	display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:14.5px; color:var(--afd-muted);
	background:var(--afd-svc-paper); border:1px solid var(--afd-svc-border); border-radius:10px;
	padding:14px 16px; margin:0 0 14px;
}
.afd-faq-service-link svg, .afd-faq-blog-link svg{ width:16px; height:16px; color:var(--afd-svc-gold); flex-shrink:0; }

.afd-faq-related{ margin:30px 0 0; padding-top:22px; border-top:1px solid var(--afd-border); }
.afd-faq-related h2{ font-family:var(--font-heading); font-weight:800; font-size:18px; color:var(--afd-ink); margin:0 0 14px; }
.afd-faq-related-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; }
.afd-faq-related-card{
	display:flex; align-items:center; gap:12px; background:var(--afd-svc-paper);
	border:1px solid var(--afd-svc-border); border-radius:10px; padding:14px 16px;
	text-decoration:none; transition:border-color .2s, background .2s;
}
.afd-faq-related-card:hover{ border-color:var(--afd-svc-gold); background:#fff; }
.afd-faq-related-ic{
	flex-shrink:0; width:28px; height:28px; border-radius:50%;
	background:rgba(14,26,46,.08); color:var(--afd-svc-navy);
	display:flex; align-items:center; justify-content:center;
}
.afd-faq-related-ic svg{ width:14px; height:14px; }
.afd-faq-related-q{ flex:1; font-size:14px; font-weight:600; line-height:1.6; color:var(--afd-ink); }
.afd-faq-related-arrow{ flex-shrink:0; color:var(--afd-svc-gold); font-weight:700; }
@media (max-width:640px){ .afd-faq-related-grid{ grid-template-columns:1fr; } }

/* ---- أرشيف بنك الأسئلة ---- */
.afd-faq-search{ max-width:420px; margin:22px auto 0; }
.afd-faq-search input{
	width:100%; padding:13px 18px; border-radius:999px; border:1px solid rgba(255,255,255,.25);
	background:rgba(255,255,255,.08); color:#fff; font-family:var(--font-body); font-size:14px;
}
.afd-faq-search input::placeholder{ color:rgba(255,255,255,.6); }
.afd-faq-search input:focus{ outline:2px solid var(--afd-gold-l); outline-offset:2px; }

.afd-faq-rows{ list-style:none; margin:0; padding:0; max-width:820px; margin-inline:auto; }
.afd-faq-row a{
	display:flex; align-items:center; justify-content:space-between; gap:14px;
	padding:16px 6px; border-bottom:1px solid var(--afd-border); text-decoration:none; transition:.2s;
}
.afd-faq-row:first-child a{ border-top:1px solid var(--afd-border); }
.afd-faq-row a:hover{ background:var(--afd-svc-paper); }
.afd-faq-row-q{ color:var(--afd-ink); font-weight:600; font-size:15px; }
.afd-faq-row-cat{ flex-shrink:0; font-size:12px; font-weight:700; color:var(--afd-svc-gold); background:rgba(201,138,44,.1); border-radius:999px; padding:4px 12px; }