/* ==========================================================================
   مؤسسة إعمار المريم للمقاولات العامة — الأنماط
   كحلي عميق من الشعار للأساس، وبرتقالي محروق للأزرار والإجراءات (لوحة البسمة إكسبريس)، وسطوح بيضاء وأقسام رمادية مزرقة،
   وأشرطة كحلية بصور. خصائص منطقية (inline/block) فتعمل العربية والإنجليزية بالملف نفسه.
   ========================================================================== */

:root {
	--aem-navy: #0E2A47;
	--aem-navy-d: #0A1E33;
	--aem-navy-2: #17406a;
	--aem-navy-3: #1f4d7d;
	--aem-accent: #C2410C;    /* أزرار صلبة بنص أبيض */
	--aem-accent-h: #9A3412;  /* تمرير الأزرار */
	--aem-accent-2: #EA580C;  /* أيقونات وخطوط وأشرطة */
	--aem-accent-d: #B23A0B;  /* نص برتقالي على الأبيض والبلاطات الفاتحة */
	--aem-accent-lt: #FB923C; /* نص برتقالي على الكحلي */
	--aem-accent-l: #FFF1E8;  /* بلاطات فاتحة */
	--aem-accent-ll: #FFF7F2;
	--aem-accent-b: #FAD3BC;  /* حدود البلاطات الفاتحة */
	--aem-tint: #F4F7FB;
	--aem-tint-2: #E9EFF7;
	--aem-line: #E3EAF2;
	--aem-text: #15212f;
	--aem-muted: #55637a;
	--aem-wa: #15803D;  /* أخضر واتساب بتباين AA مع الأبيض */
	--aem-wa-2: #126B33;
	--aem-radius: 18px;
	--aem-frame: 0 10px 30px -18px rgba(10, 30, 51, .28);
	--aem-shadow: 0 18px 40px -24px rgba(10, 30, 51, .38);
	--aem-shadow-lg: 0 30px 60px -30px rgba(10, 30, 51, .5);
	--aem-shadow-accent: 0 12px 24px -14px rgba(194, 65, 12, .55);
	--aem-font-ar: 'Tajawal', 'Noto Sans Arabic', 'Segoe UI', Tahoma, 'Geeza Pro', Arial, system-ui, sans-serif;
	--aem-font-en: 'Inter', 'Segoe UI', Roboto, Arial, system-ui, sans-serif;
	--aem-font: var(--aem-font-ar);
	--aem-head-h: 78px;
	--aem-bar-h: 58px;
}
html[lang="en"] { --aem-font: var(--aem-font-en); }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 96px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { transition: none !important; animation: none !important; } }
body { margin: 0; font-family: var(--aem-font); font-size: 16.5px; line-height: 1.85; color: var(--aem-text); background: #fff; overflow-x: hidden; font-synthesis: none; }
html[lang="en"] body { font-size: 16px; line-height: 1.7; }
/* العربية: لا تباعد أحرف يكسر الوصل أو يُسقط النقاط */
:lang(ar), :lang(ar) * { letter-spacing: 0 !important; word-spacing: normal; }
button, input, select, textarea, option, optgroup, table, th, td { font-family: var(--aem-font) !important; }
img, svg, video, iframe { max-width: 100%; }
img { height: auto; }
a { color: var(--aem-navy-2); text-underline-offset: 3px; }
a:hover { color: var(--aem-accent-d); }
h1, h2, h3, h4 { font-weight: 800; line-height: 1.4; color: var(--aem-navy-d); margin: 0 0 .6em; }
html[lang="en"] :is(h1, h2, h3, h4) { line-height: 1.25; letter-spacing: -.01em; }
h1 { font-size: clamp(28px, 4.4vw, 46px); }
h2 { font-size: clamp(23px, 3vw, 34px); }
h3 { font-size: 19px; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--aem-accent-2); outline-offset: 3px; border-radius: 6px; }
button, input, select, textarea { font: inherit; color: inherit; }
.aem-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.aem-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
[dir="rtl"] .aem-flip { transform: scaleX(-1); }
.aem-center { text-align: center; margin-top: 26px; }
.aem-ico { flex: none; }
.aem-skip { position: absolute; inset-inline-start: 12px; top: -60px; z-index: 2147483100; background: var(--aem-navy-d); color: #fff; padding: 10px 16px; border-radius: 10px; font-weight: 800; }
.aem-skip:focus { top: 12px; color: #fff; }

.aem-wrap { width: 100%; max-width: 1240px; margin-inline: auto; padding-inline: 16px; }
@media (min-width: 768px) { .aem-wrap { padding-inline: 24px; } }
.aem-wrap--narrow { max-width: 900px; }
.aem-wrap--form { max-width: 920px; }

/* ---------- أزرار ---------- */
.aem-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 10px 20px;
	border-radius: 12px; border: 2px solid transparent; font-weight: 800; font-size: 15.5px; line-height: 1.3; text-decoration: none; text-align: center;
	cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}
.aem-btn:hover { transform: translateY(-2px); }
.aem-btn--lg { min-height: 54px; padding-inline: 24px; font-size: 16.5px; }
.aem-btn--block { display: flex; width: 100%; }
.aem-btn--accent { background: var(--aem-accent); color: #fff; box-shadow: var(--aem-shadow-accent); }
.aem-btn--accent:hover { color: #fff; background: var(--aem-accent-h); }
.aem-btn--navy { background: var(--aem-navy); color: #fff; }
.aem-btn--navy:hover { color: #fff; background: var(--aem-navy-d); }
.aem-btn--outline { background: #fff; color: var(--aem-navy); border-color: var(--aem-navy); }
.aem-btn--outline:hover { background: var(--aem-navy); color: #fff; }
.aem-btn--wa { background: var(--aem-wa); color: #fff; box-shadow: 0 12px 24px -14px rgba(21, 128, 61, .8); }
.aem-btn--wa:hover { color: #fff; background: var(--aem-wa-2); }
.aem-btn--call, .aem-btn--light { background: #fff; color: var(--aem-navy-d); border-color: var(--aem-line); }
.aem-btn--call:hover, .aem-btn--light:hover { border-color: var(--aem-accent-2); color: var(--aem-navy-d); }
.aem-btn--glass { background: rgba(255, 255, 255, .1); color: #fff; border-color: rgba(255, 255, 255, .55); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.aem-btn--glass:hover { background: #fff; color: var(--aem-navy-d); }
.aem-btn[disabled] { opacity: .7; cursor: progress; transform: none; }
.aem-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--aem-navy-2); text-decoration: none; }
.aem-link:hover { color: var(--aem-accent-d); gap: 9px; }
.aem-cbtns { display: flex; flex-wrap: wrap; gap: 10px; }
.aem-cbtns .aem-btn { flex: 1 1 140px; }

/* ---------- رؤوس الأقسام (على طريقة البسمة: شارة بأيقونة + عنوان كحلي + مقدمة + خط برتقالي) ---------- */
.aem-eyebrow, .aem-pill { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 12px; padding: 6px 14px; border-radius: 999px; font-weight: 800; font-size: 13.5px; line-height: 1.4; color: var(--aem-accent-d); background: var(--aem-accent-l); border: 1px solid var(--aem-accent-b); }
.aem-eyebrow svg, .aem-pill svg { color: var(--aem-accent-2); }
.aem-eyebrow--light { color: #fff; background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .22); }
.aem-eyebrow--light svg { color: var(--aem-accent-lt); }
.aem-head { margin-bottom: 30px; max-width: 800px; }
.aem-head h2 { margin-bottom: 8px; color: var(--aem-navy); }
.aem-head__lead { color: var(--aem-muted); margin: 0; font-size: 16.5px; }
.aem-head__bar { display: block; width: 56px; height: 4px; margin-top: 16px; border-radius: 4px; background: var(--aem-accent-2); }
.aem-head--center { text-align: center; margin-inline: auto; }
.aem-head--center .aem-head__bar { margin-inline: auto; }
.aem-head--light h2 { color: #fff; }
.aem-head--light .aem-head__lead { color: #c9d4e3; }
.aem-head--row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; max-width: none; }
.aem-head--row h2 { margin: 0; display: flex; align-items: center; gap: 10px; }
.aem-subhead { margin: 50px 0 18px; font-size: 22px; text-align: center; }

.aem-section { padding-block: 54px; }
@media (min-width: 1024px) { .aem-section { padding-block: 80px; } }
.aem-section--tint { background: var(--aem-tint); }
.aem-section--navy { background: linear-gradient(160deg, var(--aem-navy), var(--aem-navy-d)); color: #fff; }
.aem-section--navy h2, .aem-section--navy h3 { color: #fff; }
.aem-section--navy .aem-head__lead { color: #c9d4e3; }

/* الإطار الأبيض: كل قسم داخل بطاقة بيضاء بحد فاتح وظل ناعم على خلفية رمادية مزرقة */
.aem-frame { background: #fff; border: 1px solid var(--aem-line); border-radius: var(--aem-radius); box-shadow: var(--aem-frame); padding: 18px 16px; min-width: 0; }
@media (min-width: 768px) { .aem-frame { padding: 28px; } }
.aem-frame + .aem-frame, .aem-feature + .aem-frame { margin-top: 26px; }
.aem-frame__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; margin-bottom: 18px; }
.aem-frame__title { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; color: var(--aem-navy); }
.aem-frame--compare .aem-frame__title { margin-bottom: 16px; }
.aem-frame__ico { display: inline-flex; flex: none; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-accent); color: #fff; }
.aem-frame--cities { padding-block: 26px; }

/* ---------- الشريط العلوي ---------- */
.aem-topbar { background: var(--aem-navy-d); color: #dbe4f0; font-size: 13.5px; display: none; }
@media (min-width: 900px) { .aem-topbar { display: block; } }
.aem-topbar__in { display: flex; align-items: center; gap: 18px; min-height: 40px; }
.aem-topbar__links { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 18px; }
.aem-topbar__links a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; font-weight: 700; }
.aem-topbar__links a:hover { color: var(--aem-accent-lt); }
.aem-topbar__links svg, .aem-topbar__msg svg { color: var(--aem-accent-2); }
.aem-topbar__msg { display: inline-flex; align-items: center; gap: 7px; margin: 0 0 0 auto; margin-inline-start: auto; font-weight: 700; }
[dir="rtl"] .aem-topbar__msg { margin: 0; margin-inline-start: auto; }
@media (max-width: 1099px) { .aem-topbar__msg, .aem-topbar__wa { display: none; } .aem-topbar .aem-lang { margin-inline-start: auto; } }
.aem-lang { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; text-decoration: none; }
.aem-lang--top { color: #fff; padding: 3px 12px; border-radius: 999px; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .18); }
.aem-lang--top:hover { color: #fff; background: var(--aem-accent); }

/* ---------- الرأس ---------- */
.aem-header { position: sticky; top: 0; z-index: 60; background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-block-end: 1px solid var(--aem-line); box-shadow: 0 8px 24px -22px rgba(10, 30, 51, .5); }
.admin-bar .aem-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .aem-header { top: 0; } }
.aem-header__in { display: flex; align-items: center; gap: 10px; min-height: 68px; }
@media (min-width: 1280px) { .aem-header__in { min-height: var(--aem-head-h); gap: 14px; } }
.aem-brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--aem-navy-d); min-width: 0; margin-inline-end: auto; }
.aem-brand__logo { display: block; flex: none; width: auto; height: 56px; max-width: 120px; object-fit: contain; border-radius: 10px; }
.aem-brand__txt { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.aem-brand__txt strong { font-size: 18px; font-weight: 800; white-space: nowrap; color: var(--aem-navy-d); }
.aem-brand__txt small { font-size: 12.5px; color: var(--aem-accent-d); font-weight: 700; white-space: nowrap; }
@media (max-width: 479px) {
	.aem-brand { flex: 1 1 auto; gap: 8px; }
	.aem-brand__logo { height: 50px; max-width: 70px; }
	.aem-brand__txt strong { font-size: 15.5px; overflow: hidden; text-overflow: ellipsis; }
	.aem-brand__txt small { font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; }
}
@media (max-width: 359px) {
	.aem-header .aem-wrap { padding-inline: 10px; }
	.aem-brand__logo { height: 44px; max-width: 54px; }
	.aem-brand__txt strong { font-size: 14px; }
	.aem-brand__txt small { font-size: 10.5px; }
	.aem-header__tools { gap: 4px !important; }
	.aem-lang-pill { min-width: 36px !important; padding-inline: 4px !important; }
	.aem-burger { min-width: 50px !important; padding: 0 5px !important; }
}
.aem-wordmark { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; background: linear-gradient(135deg, var(--aem-navy-2), var(--aem-navy-d)); color: var(--aem-accent-2); flex: none; }
.aem-nav__list { list-style: none; margin: 0; padding: 0; }
.aem-nav a { text-decoration: none; }
.aem-nav__label { display: none; }
.aem-header__tools { display: flex; align-items: center; gap: 8px; }
.aem-header__cta { display: none !important; }
.aem-header__cta-short { display: none; }
@media (min-width: 640px) { .aem-header__cta { display: inline-flex !important; min-height: 46px; padding-inline: 16px; } }
@media (min-width: 640px) and (max-width: 1399px) { .aem-header__cta-full { display: none; } .aem-header__cta-short { display: inline; } }
@media (min-width: 1400px) and (max-width: 1599px) { html[dir="ltr"] .aem-header__cta-full { display: none; } html[dir="ltr"] .aem-header__cta-short { display: inline; } }
.aem-header__cta { white-space: nowrap; }
.aem-lang-pill { display: inline-flex; flex: none; align-items: center; justify-content: center; min-width: 42px; height: 46px; padding-inline: 10px; border-radius: 12px; border: 1.5px solid var(--aem-line); color: var(--aem-navy-d); font-weight: 800; text-decoration: none; }
.aem-lang-pill[lang="ar"] { font-size: 18px; }
.aem-lang-pill:hover { border-color: var(--aem-accent-2); color: var(--aem-navy-d); }
@media (min-width: 900px) { .aem-lang-pill { display: none; } }
.aem-burger { display: inline-flex; flex: none; align-items: center; justify-content: center; gap: 6px; height: 46px; min-width: 46px; padding: 0 12px; border-radius: 12px; border: 0; background: var(--aem-navy); color: #fff; font-weight: 800; font-size: 14px; cursor: pointer; white-space: nowrap; }
.aem-burger svg { color: var(--aem-accent-2); }
.aem-burger__open, .aem-burger__close { display: inline-flex; }
.aem-burger__close { display: none; }
.aem-burger[aria-expanded="true"] .aem-burger__open { display: none; }
.aem-burger[aria-expanded="true"] .aem-burger__close { display: inline-flex; }
@media (max-width: 479px) {
	.aem-header__tools { gap: 6px; }
	.aem-lang-pill { min-width: 40px; height: 52px; padding-inline: 8px; }
	.aem-burger { flex-direction: column; gap: 3px; height: 52px; min-width: 56px; padding: 0 8px; font-size: 11.5px; line-height: 1; border-radius: 13px; }
	.aem-burger svg { width: 22px; height: 22px; }
}

/* القائمة على الشاشات الواسعة */
@media (min-width: 1280px) {
	.aem-burger, .aem-nav__head, .aem-nav__extra, .aem-nav__ico, .aem-nav__item--quote { display: none !important; }
	.aem-nav__list { display: flex; align-items: center; gap: 0; }
	.aem-nav__item { position: relative; display: flex; align-items: center; }
	.aem-nav__item > a { display: inline-flex; align-items: center; padding: 10px 10px; border-radius: 10px; color: var(--aem-navy-d); font-weight: 800; font-size: 15px; white-space: nowrap; }
	html[lang="en"] .aem-nav__item > a { font-size: 14.5px; padding-inline: 8px; }
	.aem-nav__item > a:hover, .aem-nav__item.is-current > a { color: var(--aem-navy-d); background: var(--aem-accent-l); }
	.aem-nav__item.is-current > a { box-shadow: inset 0 -3px 0 var(--aem-accent-2); border-radius: 10px 10px 4px 4px; }
	.aem-nav__subtoggle { border: 0; background: none; padding: 6px 2px; margin-inline-start: -8px; cursor: pointer; color: var(--aem-muted); display: inline-flex; }
	.aem-nav__sub { list-style: none; margin: 0; padding: 10px; position: absolute; top: calc(100% + 8px); inset-inline-start: 0; min-width: 260px; background: #fff; border: 1px solid var(--aem-line); border-top: 3px solid var(--aem-accent-2); border-radius: 16px; box-shadow: var(--aem-shadow-lg); opacity: 0; visibility: hidden; transform: translateY(6px); transition: .18s; z-index: 5; }
	.aem-nav__sub--grid { display: grid; grid-template-columns: 1fr 1fr; min-width: 440px; gap: 2px; }
	.aem-nav__sub--mega { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: min(820px, 80vw); gap: 2px; }
	.aem-nav__item.has-mega { position: static; }
	.aem-nav__item.has-mega > .aem-nav__sub { inset-inline-start: 50%; transform: translate(-50%, 6px); }
	[dir="rtl"] .aem-nav__item.has-mega > .aem-nav__sub { transform: translate(50%, 6px); }
	.aem-nav__item:hover > .aem-nav__sub, .aem-nav__item:focus-within > .aem-nav__sub, .aem-nav__sub.is-open { opacity: 1; visibility: visible; transform: none; }
	.aem-nav__item.has-mega:hover > .aem-nav__sub, .aem-nav__item.has-mega:focus-within > .aem-nav__sub, .aem-nav__item.has-mega > .aem-nav__sub.is-open { transform: translate(-50%, 0); }
	[dir="rtl"] .aem-nav__item.has-mega:hover > .aem-nav__sub, [dir="rtl"] .aem-nav__item.has-mega:focus-within > .aem-nav__sub, [dir="rtl"] .aem-nav__item.has-mega > .aem-nav__sub.is-open { transform: translate(50%, 0); }
	.aem-nav__sub a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; color: var(--aem-navy-d); font-weight: 700; font-size: 14.5px; line-height: 1.4; }
	.aem-nav__sub a:hover, .aem-nav__sub .is-current > a { background: var(--aem-tint); color: var(--aem-navy-d); }
	.aem-nav__sub .is-prio > a { font-weight: 800; }
	.aem-nav__subico { display: inline-flex; flex: none; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 9px; background: var(--aem-accent-l); color: var(--aem-accent-d); }
	.aem-nav__sub .is-prio .aem-nav__subico { background: var(--aem-navy); color: var(--aem-accent-2); }
	.aem-nav__all { grid-column: 1 / -1; border-top: 1px solid var(--aem-line); margin-top: 6px; padding-top: 6px; }
	.aem-nav__all a { justify-content: center; color: var(--aem-navy-2) !important; font-weight: 800 !important; }
}

/* الدرج على الجوال واللوحي: يُنقل إلى body بالسكربت — كحلي بلمسات برتقالية */
.aem-scrim { position: fixed; inset: 0; background: rgba(5, 14, 26, .62); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); z-index: 2147483000; opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility 0s .3s; }
.aem-scrim.is-on { opacity: 1; visibility: visible; transition: opacity .3s ease, visibility 0s; }
@media (max-width: 1279px) {
	.aem-nav {
		position: fixed; top: 0; bottom: 0; inset-inline-end: 0; z-index: 2147483001; display: flex; flex-direction: column;
		width: min(400px, 90vw); height: 100%; height: 100dvh; overflow-y: auto; overscroll-behavior: contain; padding: 0 14px;
		color: #fff; background:
			radial-gradient(90% 40% at 0% 100%, rgba(31, 77, 125, .55), transparent 66%),
			linear-gradient(180deg, #10304f 0%, var(--aem-navy-d) 60%, #081626 100%);
		box-shadow: 0 0 60px -6px rgba(0, 0, 0, .7); transform: translateX(105%); visibility: hidden;
		transition: transform .34s cubic-bezier(.22, .8, .24, 1), visibility 0s .34s;
	}
	[dir="rtl"] .aem-nav { transform: translateX(-105%); }
	.aem-nav.is-open, [dir="rtl"] .aem-nav.is-open { transform: none; visibility: visible; transition: transform .34s cubic-bezier(.22, .8, .24, 1), visibility 0s; }
	html:not(.aem-js) .aem-nav { display: none; }
	.aem-nav a { color: #fff; }
	.aem-nav :focus-visible { outline-color: var(--aem-accent-2); }
	.aem-nav__head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 -14px 6px; padding: 14px 14px 12px; background: rgba(10, 30, 51, .92); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-block-end: 1px solid rgba(255, 255, 255, .08); }
	.aem-nav__head::after { content: ""; position: absolute; inset-inline: 14px; bottom: -1px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, var(--aem-accent-2), transparent); opacity: .8; }
	.aem-nav__brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
	.aem-nav__logo { flex: none; height: 48px; width: auto; max-width: 64px; object-fit: contain; border-radius: 12px; background: #fff; padding: 2px; }
	.aem-nav__logo.aem-wordmark { width: 48px; padding: 0; }
	.aem-nav__brandtxt { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
	.aem-nav__brandtxt strong { font-size: 16.5px; font-weight: 800; }
	.aem-nav__brandtxt small { font-size: 12px; font-weight: 700; color: var(--aem-accent-lt); white-space: nowrap; }
	.aem-nav__close { flex: none; display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .07); color: #fff; cursor: pointer; transition: background .2s; }
	.aem-nav__close:hover { background: var(--aem-accent); color: #fff; border-color: var(--aem-accent-2); }
	.aem-nav__label { display: block; margin: 6px 4px 8px; font-size: 13px; font-weight: 800; color: var(--aem-accent-lt); letter-spacing: .02em; }
	.aem-nav__list { display: grid; gap: 4px; padding-bottom: 18px; }
	.aem-nav__item { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
	.aem-nav__item > a { flex: 1; min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 54px; padding: 7px 8px; border-radius: 14px; font-weight: 800; font-size: 17px; transition: background .2s; }
	.aem-nav__ico { flex: none; display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: rgba(255, 255, 255, .07); color: var(--aem-accent-2); transition: background .2s, color .2s; }
	.aem-nav__item > a:hover, .aem-nav__item.is-current > a { background: linear-gradient(90deg, rgba(234, 88, 12, .22), rgba(234, 88, 12, .04)); }
	[dir="rtl"] .aem-nav__item > a:hover, [dir="rtl"] .aem-nav__item.is-current > a { background: linear-gradient(270deg, rgba(234, 88, 12, .22), rgba(234, 88, 12, .04)); }
	.aem-nav__item > a:hover .aem-nav__ico, .aem-nav__item.is-current > a .aem-nav__ico { background: var(--aem-accent); color: #fff; }
	.aem-nav__item.is-current > a { box-shadow: inset 3px 0 0 var(--aem-accent-2); }
	[dir="rtl"] .aem-nav__item.is-current > a { box-shadow: inset -3px 0 0 var(--aem-accent-2); }
	.aem-nav__subtoggle { flex: none; width: 48px; height: 48px; border: 1px solid rgba(255, 255, 255, .1); background: rgba(255, 255, 255, .06); color: #fff; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background .2s; }
	.aem-nav__subtoggle:hover, .aem-nav__subtoggle[aria-expanded="true"] { background: var(--aem-accent); color: #fff; border-color: var(--aem-accent-2); }
	.aem-nav__subtoggle svg { transition: transform .2s; }
	.aem-nav__subtoggle[aria-expanded="true"] svg { transform: rotate(180deg); }
	.aem-nav__sub { list-style: none; margin: 2px 0 8px; padding: 6px; width: 100%; display: none; border-radius: 14px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07); }
	.aem-nav__sub.is-open { display: grid; gap: 2px; }
	.aem-nav__sub a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 8px; color: rgba(255, 255, 255, .88); font-weight: 700; font-size: 15.5px; border-radius: 10px; }
	.aem-nav__sub a:hover, .aem-nav__sub .is-current > a { background: rgba(234, 88, 12, .16); color: #fff; }
	.aem-nav__subico { flex: none; display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 9px; background: rgba(255, 255, 255, .07); color: var(--aem-accent-2); }
	.aem-nav__all a { color: var(--aem-accent-lt) !important; font-weight: 800; }
	.aem-nav__item--quote { margin-top: 6px; }
	.aem-nav__item--quote > a, .aem-nav__item--quote > a:hover, [dir="rtl"] .aem-nav__item--quote > a, [dir="rtl"] .aem-nav__item--quote > a:hover, .aem-nav__item--quote.is-current > a { background: var(--aem-accent); color: #fff; box-shadow: 0 14px 28px -16px rgba(194, 65, 12, .9); }
	.aem-nav__item--quote .aem-nav__ico, .aem-nav__item--quote > a:hover .aem-nav__ico { background: rgba(255, 255, 255, .16); color: #fff; }
	.aem-nav__extra { display: grid; gap: 10px; margin-top: auto; padding: 18px 0 calc(16px + env(safe-area-inset-bottom)); border-top: 1px solid rgba(255, 255, 255, .08); }
	.aem-nav__extra .aem-lang { justify-content: center; min-height: 48px; padding: 8px 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 13px; background: rgba(255, 255, 255, .05); color: #fff; font-size: 15.5px; }
	.aem-nav__extra .aem-lang:hover { border-color: var(--aem-accent-2); background: rgba(234, 88, 12, .16); }
	.aem-nav__reach { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.aem-nav__call, .aem-nav__wa { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 58px; padding: 8px 10px; border-radius: 14px; }
	.aem-nav__call { background: var(--aem-accent); color: #fff !important; }
	.aem-nav__wa { background: var(--aem-wa); }
	.aem-nav__call span, .aem-nav__wa span { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
	.aem-nav__call small, .aem-nav__wa small { font-size: 11.5px; font-weight: 700; opacity: .85; }
	.aem-nav__call b, .aem-nav__wa b { font-size: 15px; white-space: nowrap; }
	.aem-nav__mail { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border-radius: 12px; background: rgba(255, 255, 255, .05); font-weight: 700; font-size: 14.5px; overflow-wrap: anywhere; }
	.aem-nav__mail svg { color: var(--aem-accent-2); }
	html.aem-lock, body.aem-lock { overflow: hidden; }
}

/* ---------- الواجهة ---------- */
.aem-hero { position: relative; isolation: isolate; color: #fff; background: linear-gradient(160deg, var(--aem-navy-2) 0%, var(--aem-navy) 45%, var(--aem-navy-d) 100%); overflow: hidden; }
.aem-hero__pic, .aem-hero__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.aem-hero__pic--art svg { width: 100%; height: 100%; }
.aem-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(270deg, rgba(10, 30, 51, .92) 0%, rgba(10, 30, 51, .6) 50%, rgba(10, 30, 51, .15) 100%); }
[dir="ltr"] .aem-hero::before { background: linear-gradient(90deg, rgba(10, 30, 51, .92) 0%, rgba(10, 30, 51, .6) 50%, rgba(10, 30, 51, .15) 100%); }
.aem-hero::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 5px; background: var(--aem-accent-2); }
.aem-hero__in { display: grid; padding-block: 60px 120px; }
@media (min-width: 1024px) { .aem-hero__in { min-height: 640px; align-content: center; padding-block: 90px 150px; } }
.aem-hero__text { max-width: 660px; min-width: 0; }
.aem-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 6px 14px; border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2); font-weight: 800; font-size: 14px; color: var(--aem-accent-lt); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
.aem-hero h1 { color: #fff; margin-bottom: 14px; text-shadow: 0 2px 24px rgba(0, 0, 0, .35); }
.aem-hero__brand { display: block; font-size: clamp(36px, 6.4vw, 72px); line-height: 1.15; }
.aem-hero__sub { display: block; margin-top: 10px; font-size: clamp(19px, 2.6vw, 30px); color: var(--aem-accent-lt); line-height: 1.4; }
.aem-hero__lead { font-size: clamp(16px, 1.6vw, 18.5px); color: #e9eef6; text-shadow: 0 1px 12px rgba(0, 0, 0, .35); max-width: 620px; }
.aem-hero__chips { list-style: none; margin: 18px 0 26px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; max-width: 620px; }
.aem-hero__chips li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 14px; background: rgba(10, 30, 51, .45); border: 1px solid rgba(255, 255, 255, .16); font-weight: 800; font-size: 15px; line-height: 1.4; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); min-width: 0; }
.aem-hero__chipico { display: inline-flex; flex: none; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-accent); color: #fff; }
@media (min-width: 1100px) { .aem-hero__chips { grid-template-columns: repeat(4, minmax(0, 1fr)); max-width: none; width: min(860px, 100%); } .aem-hero__chips li { flex-direction: column; align-items: flex-start; text-align: start; } }
.aem-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.aem-hero__actions .aem-btn { flex: 1 1 180px; }
@media (min-width: 640px) { .aem-hero__actions .aem-btn { flex: 0 0 auto; } }
/* الجوال واللوحي: الصورة أولاً نظيفة بلا نص ولا طبقة، ثم كل النص تحتها على خلفية فاتحة */
@media (max-width: 899px) {
	.aem-hero { color: var(--aem-text); background: linear-gradient(180deg, #fff 0%, var(--aem-tint) 100%); }
	.aem-hero::before { display: none; }
	.aem-hero::after { display: none; }
	.aem-hero__pic { position: relative; inset: auto; display: block; width: 100%; height: auto; aspect-ratio: 4 / 4.2; z-index: auto; overflow: hidden; border-radius: 0 0 28px 28px; background: linear-gradient(160deg, var(--aem-navy-2), var(--aem-navy-d)); box-shadow: 0 18px 34px -24px rgba(10, 30, 51, .6); }
	.aem-hero__pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: auto; }
	.aem-hero__pic::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 5px; background: var(--aem-accent-2); }
	.aem-hero__pic--art { aspect-ratio: 16 / 10; }
	.aem-hero__in { padding-block: 22px 92px; }
	.aem-hero__eyebrow { color: var(--aem-accent-d); background: var(--aem-accent-l); border-color: var(--aem-accent-b); -webkit-backdrop-filter: none; backdrop-filter: none; font-size: 13px; }
	.aem-hero h1 { color: var(--aem-navy-d); text-shadow: none; }
	.aem-hero__brand { font-size: clamp(30px, 9vw, 44px); }
	.aem-hero__sub { color: var(--aem-accent-d); font-size: clamp(17px, 4.6vw, 22px); }
	.aem-hero__lead { color: var(--aem-muted); text-shadow: none; font-size: 16px; }
	.aem-hero__chips li { background: #fff; border-color: var(--aem-line); color: var(--aem-navy-d); box-shadow: 0 8px 18px -14px rgba(10, 30, 51, .4); -webkit-backdrop-filter: none; backdrop-filter: none; font-size: 14px; padding: 9px 10px; gap: 8px; }
	.aem-hero__chipico { width: 34px; height: 34px; border-radius: 10px; }
	.aem-hero__actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
	.aem-hero__actions .aem-btn { min-height: 52px; padding-inline: 8px; white-space: nowrap; }
	.aem-hero__call { background: #fff; color: var(--aem-navy-d); border: 1.5px solid var(--aem-line); -webkit-backdrop-filter: none; backdrop-filter: none; }
	.aem-hero__call svg { color: var(--aem-accent-d); }
}
@media (min-width: 600px) and (max-width: 899px) { .aem-hero__pic { aspect-ratio: 16 / 9; } }
@media (max-width: 374px) { .aem-hero__chips { grid-template-columns: minmax(0, 1fr); } .aem-hero__actions .aem-btn { font-size: 14.5px; } }

/* ---------- بطاقة التعريف والطلب السريع (تتداخل مع الواجهة) ---------- */
.aem-intro { position: relative; z-index: 2; margin-top: -80px; padding-bottom: 20px; }
@media (min-width: 1024px) { .aem-intro { margin-top: -110px; } }
.aem-intro__card { background: #fff; border-radius: 24px; padding: 24px 18px; box-shadow: var(--aem-shadow-lg); border: 1px solid var(--aem-line); }
@media (min-width: 768px) { .aem-intro__card { padding: 34px 36px; } }
.aem-intro h2 { font-size: clamp(21px, 2.6vw, 30px); color: var(--aem-navy); }
.aem-intro__lead { color: var(--aem-muted); max-width: 860px; }
.aem-intro__tiles { display: grid; gap: 12px; margin: 18px 0 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .aem-intro__tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-intro__tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.aem-tile { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: var(--aem-tint); border: 1px solid var(--aem-line); text-decoration: none; color: var(--aem-navy-d); transition: .2s; min-width: 0; }
.aem-tile:hover { border-color: var(--aem-accent-2); background: var(--aem-accent-ll); color: var(--aem-navy-d); transform: translateY(-2px); }
.aem-tile__ico { display: inline-flex; flex: none; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-navy); color: var(--aem-accent-2); }
.aem-tile strong { display: block; font-size: 15.5px; line-height: 1.4; }
.aem-tile small { display: block; color: var(--aem-muted); font-size: 13px; line-height: 1.5; }
.aem-quick { padding: 16px; border-radius: 18px; background: linear-gradient(135deg, var(--aem-navy), var(--aem-navy-d)); color: #fff; }
.aem-quick__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-weight: 800; font-size: 17px; color: #fff; }
.aem-quick__title svg { color: var(--aem-accent-2); }
.aem-quick__grid { display: grid; gap: 10px; }
.aem-quick__f { display: grid; gap: 4px; font-weight: 800; font-size: 13px; color: #c9d4e3; min-width: 0; }
.aem-quick__f select { width: 100%; min-height: 48px; padding: 0 12px; border-radius: 12px; border: 1.5px solid rgba(255, 255, 255, .2); background: #fff; color: var(--aem-navy-d); font-weight: 700; font-size: 16px; }
.aem-quick .aem-btn { width: 100%; align-self: end; }
@media (min-width: 640px) { .aem-quick__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .aem-quick .aem-btn { grid-column: 1 / -1; } }
@media (min-width: 1024px) { .aem-quick__grid { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: end; } .aem-quick .aem-btn { grid-column: auto; } }

/* ---------- الخدمات ذات الأولوية: بطاقات مؤطرة متناوبة (لوحة صورة بطبقة كحلية + محتوى) ---------- */
.aem-feature { margin-bottom: 28px; padding: 10px; background: #fff; border: 1px solid var(--aem-line); border-top: 3px solid var(--aem-accent-2); border-radius: 20px; box-shadow: var(--aem-frame); }
.aem-feature--flip { border-top-color: var(--aem-navy); }
.aem-feature__in { display: grid; gap: 16px; padding: 10px; border: 1px solid var(--aem-line); border-radius: 16px; }
@media (min-width: 900px) {
	.aem-feature { padding: 14px; margin-bottom: 34px; }
	.aem-feature__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; padding: 14px; align-items: stretch; }
	.aem-feature--flip .aem-feature__media { order: 2; }
}
.aem-feature__media { position: relative; isolation: isolate; display: block; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; color: #fff; text-decoration: none; background: linear-gradient(150deg, var(--aem-navy-2), var(--aem-navy-d)); }
@media (min-width: 900px) { .aem-feature__media { aspect-ratio: auto; min-height: 430px; } }
.aem-feature__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: transform .6s; }
.aem-feature:hover .aem-feature__img { transform: scale(1.04); }
.aem-ph { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; min-height: inherit; color: rgba(255, 255, 255, .85); background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0 12px, transparent 12px 24px), linear-gradient(150deg, var(--aem-navy-2), var(--aem-navy-d)); }
.aem-feature__img.aem-ph svg { color: var(--aem-accent-2); }
/* اللوحة الكحلية على الحافة الخارجية للصورة بحافة منحنية وخط برتقالي */
.aem-feature__panel { position: absolute; inset-block: 0; inset-inline-start: 0; width: 50%; display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: 22px 34px 22px 22px; padding-inline: 22px 36px; background: linear-gradient(180deg, rgba(14, 42, 71, .96), rgba(10, 30, 51, .97)); border-inline-end: 3px solid var(--aem-accent-2); border-start-end-radius: 110px 50%; border-end-end-radius: 110px 50%; box-shadow: 0 0 40px rgba(0, 0, 0, .35); }
.aem-feature--flip .aem-feature__panel { inset-inline-start: auto; inset-inline-end: 0; padding-inline: 36px 22px; border-inline-end: 0; border-inline-start: 3px solid var(--aem-accent-2); border-start-end-radius: 0; border-end-end-radius: 0; border-start-start-radius: 110px 50%; border-end-start-radius: 110px 50%; }
.aem-feature__badge { display: inline-flex; align-self: flex-start; align-items: center; gap: 6px; padding: 5px 12px; border-radius: 999px; background: var(--aem-accent); color: #fff; font-weight: 800; font-size: 13px; line-height: 1.4; }
.aem-feature__pt { display: flex; flex-direction: column; line-height: 1.25; }
.aem-feature__pt b { font-size: clamp(24px, 2.6vw, 34px); font-weight: 800; color: #fff; }
.aem-feature__pt em { font-style: normal; font-weight: 800; font-size: clamp(18px, 1.9vw, 24px); color: var(--aem-accent-lt); margin-top: 4px; }
.aem-feature__pl { display: grid; gap: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.aem-feature__pli { display: flex; align-items: center; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: 14px; font-weight: 700; line-height: 1.5; color: #e9eef6; }
.aem-feature__pli svg { flex: none; width: 30px; height: 30px; padding: 5px; border-radius: 50%; border: 1.5px solid var(--aem-accent-2); color: var(--aem-accent-lt); }
@media (max-width: 899px) {
	.aem-feature__panel, .aem-feature--flip .aem-feature__panel { inset: auto 0 0 0; width: 100%; gap: 8px; padding: 46px 16px 14px; border: 0; border-radius: 0; box-shadow: none; background: linear-gradient(0deg, rgba(10, 30, 51, .96) 0%, rgba(10, 30, 51, .82) 55%, rgba(10, 30, 51, 0) 100%); }
	.aem-feature__badge { position: absolute; top: 12px; inset-inline-start: 12px; }
	.aem-feature__media { overflow: hidden; }
	.aem-feature__panel { position: absolute; }
	.aem-feature__pl { display: none; }
}
@media (min-width: 600px) and (max-width: 899px) { .aem-feature__media { aspect-ratio: 16 / 9; } }
@media (max-width: 899px) { .aem-feature__badge { top: auto; } .aem-feature__panel .aem-feature__badge { position: static; } }
.aem-feature__body { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 4px 4px 6px; }
@media (min-width: 900px) { .aem-feature__body { padding: 8px 4px; } }
.aem-feature h3 { display: flex; align-items: center; gap: 10px; font-size: clamp(21px, 2.3vw, 26px); margin-bottom: 12px; }
.aem-feature h3 a { color: var(--aem-navy); text-decoration: none; }
.aem-feature h3 a:hover { color: var(--aem-accent-d); }
.aem-feature__ico { display: inline-flex; flex: none; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-accent); color: #fff; }
.aem-feature__lead { margin: 0 0 12px; padding: 12px 14px; border-radius: 12px; background: var(--aem-accent-l); border: 1px solid var(--aem-accent-b); border-inline-start: 4px solid var(--aem-accent-2); color: var(--aem-navy-d); font-weight: 700; font-size: 15.5px; line-height: 1.75; }
.aem-feature__txt { color: var(--aem-muted); font-size: 15px; line-height: 1.85; margin: 0 0 14px; }
.aem-feature__ticks { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 480px) { .aem-feature__ticks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-feature__ticks li { display: flex; align-items: center; gap: 10px; padding: 9px 11px; border-radius: 12px; background: var(--aem-accent-l); border: 1px solid var(--aem-accent-b); font-weight: 700; font-size: 14px; line-height: 1.5; color: var(--aem-navy-d); min-width: 0; }
.aem-feature__tico { display: inline-flex; flex: none; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 9px; background: #fff; border: 1px solid var(--aem-accent-b); color: var(--aem-accent-2); }
.aem-feature__note { display: flex; align-items: flex-start; gap: 8px; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px; background: var(--aem-tint); border: 1px solid var(--aem-line); font-size: 14px; font-weight: 700; line-height: 1.6; color: var(--aem-navy); }
.aem-feature__note svg { color: var(--aem-accent-2); margin-top: 3px; }
.aem-feature__price { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 16px; font-weight: 800; color: var(--aem-navy); font-size: 14px; }
.aem-feature__price small { font-weight: 700; color: var(--aem-muted); }
.aem-feature__price svg { color: var(--aem-accent-2); }
.aem-feature__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.aem-feature__acts .aem-link { color: var(--aem-accent-d); }
@media (max-width: 479px) { .aem-feature__acts .aem-btn { width: 100%; } }

/* بقية الخدمات: شبكة بلاطات بأيقونات داخل إطار */
.aem-mini-grid { display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .aem-mini-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-mini-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } }
.aem-mini-svc { display: flex; align-items: center; gap: 12px; padding: 13px; border-radius: 14px; background: var(--aem-tint); border: 1px solid var(--aem-line); text-decoration: none; color: var(--aem-navy-d); transition: .2s; min-width: 0; }
.aem-mini-svc:hover { border-color: var(--aem-accent-b); background: var(--aem-accent-ll); box-shadow: var(--aem-frame); color: var(--aem-navy-d); transform: translateY(-2px); }
.aem-mini-svc__ico { display: inline-flex; flex: none; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 13px; background: var(--aem-accent-l); border: 1px solid var(--aem-accent-b); color: var(--aem-accent-2); }
.aem-mini-svc.is-prio .aem-mini-svc__ico { background: var(--aem-navy); border-color: var(--aem-navy); color: var(--aem-accent-lt); }
.aem-mini-svc__t { flex: 1; min-width: 0; }
.aem-mini-svc__t strong { display: block; font-size: 15.5px; line-height: 1.45; }
.aem-mini-svc__t small { display: block; color: var(--aem-muted); font-size: 13px; line-height: 1.5; }
.aem-mini-svc__go { color: var(--aem-accent-2); }

/* ---------- خطوات العمل: بطاقات بيضاء مؤطرة على شريط كحلي بصورة ---------- */
.aem-steps { position: relative; isolation: isolate; color: #fff; padding-block: 64px; background: linear-gradient(160deg, var(--aem-navy), var(--aem-navy-d)); overflow: hidden; }
.aem-steps.has-img::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--band) center / cover no-repeat; }
.aem-steps.has-img::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 30, 51, .86), rgba(10, 30, 51, .94)); }
@media (min-width: 1024px) { .aem-steps { padding-block: 88px; } }
.aem-steps__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 640px) { .aem-steps__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-steps__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; } }
.aem-step { position: relative; padding: 24px 20px 22px; border-radius: 18px; background: #fff; border: 1px solid var(--aem-line); border-top: 3px solid var(--aem-accent-2); box-shadow: 0 18px 34px -22px rgba(0, 0, 0, .65); color: var(--aem-text); min-width: 0; }
.aem-step__num { position: absolute; top: 14px; inset-inline-end: 16px; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: 50%; background: var(--aem-navy); color: #fff; font-size: 15px; font-weight: 800; line-height: 1; }
.aem-step__ico { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 14px; background: var(--aem-accent-l); border: 1px solid var(--aem-accent-b); color: var(--aem-accent-2); margin-bottom: 12px; }
.aem-step h3 { color: var(--aem-navy); font-size: 18px; margin-bottom: 6px; }
.aem-step p { color: var(--aem-muted); font-size: 15px; margin: 0; }
@media (min-width: 1024px) { .aem-step:not(:last-child)::after { content: ""; position: absolute; top: 48px; inset-inline-end: -15px; width: 12px; border-top: 2px dashed var(--aem-accent-lt); } }
@media (max-width: 899px) {
	.aem-steps.has-img { padding-top: calc(52vw + 34px); }
	.aem-steps.has-img::before { inset: 0 0 auto; height: 52vw; border-radius: 0 0 24px 24px; }
	.aem-steps.has-img::after { inset: 52vw 0 0; background: none; }
}

/* ---------- لماذا نحن: قائمة مؤطرة + لوحة صورة بطبقة كحلية + جدول المقارنة في إطار ---------- */
.aem-why__grid { display: grid; gap: 28px; margin-bottom: 28px; }
@media (min-width: 1024px) { .aem-why__grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 44px; align-items: center; } }
.aem-why__text { min-width: 0; }
.aem-why__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .aem-why__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-why__list li { display: flex; gap: 12px; padding: 14px; border-radius: 16px; background: #fff; border: 1px solid var(--aem-line); box-shadow: var(--aem-frame); color: var(--aem-muted); font-size: 14.5px; line-height: 1.7; min-width: 0; }
.aem-why__list strong { display: block; color: var(--aem-navy-d); font-size: 16px; margin-bottom: 2px; }
.aem-why__ico { display: inline-flex; flex: none; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-navy); color: var(--aem-accent-lt); }
.aem-whypanel { position: relative; isolation: isolate; margin: 0; min-width: 0; min-height: 440px; border-radius: 20px; overflow: hidden; background: linear-gradient(160deg, var(--aem-navy-2), var(--aem-navy-d)); border: 1px solid var(--aem-line); box-shadow: var(--aem-shadow-lg); }
.aem-whypanel__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.aem-whypanel__panel { position: absolute; inset-block: 0; inset-inline-end: 0; width: 56%; display: flex; flex-direction: column; justify-content: center; gap: 16px; padding: 24px 22px; padding-inline-start: 38px; color: #fff; background: linear-gradient(180deg, rgba(14, 42, 71, .96), rgba(10, 30, 51, .97)); border-inline-start: 3px solid var(--aem-accent-2); border-start-start-radius: 110px 50%; border-end-start-radius: 110px 50%; }
.aem-whypanel:not(.has-img) .aem-whypanel__panel { inset: 0; width: 100%; border: 0; border-radius: 0; padding-inline: 28px; background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .04) 0 12px, transparent 12px 24px), linear-gradient(160deg, var(--aem-navy), var(--aem-navy-d)); }
.aem-whypanel__t { font-size: clamp(22px, 2.2vw, 28px); font-weight: 800; line-height: 1.3; }
.aem-whypanel__t b { display: block; color: var(--aem-accent-lt); font-size: clamp(25px, 2.6vw, 32px); }
.aem-whypanel ul { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid rgba(255, 255, 255, .16); }
.aem-whypanel li { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); font-weight: 800; font-size: 15px; line-height: 1.45; }
.aem-whypanel li svg { flex: none; color: var(--aem-accent-lt); }
@media (max-width: 639px) {
	.aem-whypanel { min-height: 0; display: grid; }
	.aem-whypanel__img { position: static; aspect-ratio: 16 / 10; height: auto; z-index: auto; }
	.aem-whypanel__panel, .aem-whypanel:not(.has-img) .aem-whypanel__panel { position: static; width: 100%; border: 0; border-top: 3px solid var(--aem-accent-2); border-radius: 0; padding: 20px 18px; }
}
.aem-compare { overflow-x: auto; border-radius: 14px; border: 1px solid var(--aem-line); background: #fff; color: var(--aem-text); -webkit-overflow-scrolling: touch; }
.aem-compare table { width: 100%; min-width: 460px; border-collapse: collapse; }
.aem-compare th, .aem-compare td { padding: 13px 14px; text-align: start; border-block-end: 1px solid var(--aem-line); vertical-align: top; font-size: 14.5px; line-height: 1.6; }
.aem-compare thead th { background: var(--aem-navy); color: #fff; font-size: 15px; }
.aem-compare thead th.is-ours { background: var(--aem-accent); color: #fff; }
.aem-compare td.is-ours { background: var(--aem-accent-ll); font-weight: 700; color: var(--aem-navy-d); }
.aem-compare td.is-ours svg { color: var(--aem-accent-2); vertical-align: -3px; margin-inline-end: 4px; }
.aem-compare tbody th { background: var(--aem-tint); width: 26%; font-weight: 800; color: var(--aem-navy-d); }
.aem-compare tbody tr:last-child > * { border-block-end: 0; }

/* ---------- الرقائق ---------- */
.aem-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.aem-chips--center { justify-content: center; }
.aem-chips a { display: inline-flex; align-items: center; gap: 7px; min-height: 42px; padding: 7px 15px; border-radius: 999px; background: #fff; border: 1.5px solid var(--aem-line); color: var(--aem-navy-d); font-weight: 800; font-size: 14.5px; text-decoration: none; transition: .18s; }
.aem-chips a svg { color: var(--aem-accent-2); }
.aem-chips a:hover, .aem-chips a[aria-current] { border-color: var(--aem-accent-2); background: var(--aem-accent-ll); color: var(--aem-navy-d); transform: translateY(-2px); }
.aem-chips--sm a { min-height: 36px; padding: 5px 12px; font-size: 14px; }
.aem-chips--lg a { min-height: 50px; padding: 9px 20px; font-size: 16px; box-shadow: 0 8px 18px -16px rgba(10, 30, 51, .5); }
.aem-chip { display: inline-flex; align-items: center; gap: 5px; align-self: flex-start; padding: 3px 10px; border-radius: 999px; background: var(--aem-accent-l); color: var(--aem-accent-d); font-size: 12.5px; font-weight: 800; text-decoration: none; }
.aem-chip--svc { margin-bottom: 8px; }
.aem-chip--svc:hover { background: var(--aem-accent); color: #fff; }
.aem-ticks { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 6px 18px; }
@media (min-width: 560px) { .aem-ticks { grid-template-columns: 1fr 1fr; } }
.aem-ticks li { display: flex; gap: 8px; align-items: flex-start; font-weight: 700; font-size: 15px; line-height: 1.6; }
.aem-ticks svg { color: var(--aem-accent-2); margin-top: 3px; }
.aem-ticks--hero { margin: 4px 0 0; }
.aem-checks { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 8px; }
.aem-checks li { display: flex; gap: 8px; align-items: center; font-weight: 700; }
.aem-checks svg { color: var(--aem-wa); }

/* ---------- المعرض (صور الأعمال الحقيقية) ---------- */
.aem-gallery { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aem-gallery--teaser { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 480px) { .aem-gallery--teaser { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px) { .aem-gallery, .aem-gallery--teaser { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .aem-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); } .aem-gallery--teaser { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aem-gallery > li { min-width: 0; }
.aem-shot { position: relative; display: block; border-radius: 14px; overflow: hidden; border: 1px solid var(--aem-line); background: var(--aem-tint); text-decoration: none; }
.aem-shot img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; transition: transform .5s; }
.aem-shot:hover img { transform: scale(1.04); }
.aem-shot__cap { position: absolute; inset-inline: 0; bottom: 0; display: flex; gap: 6px; align-items: center; padding: 30px 12px 10px; background: linear-gradient(0deg, rgba(10, 30, 51, .92), rgba(10, 30, 51, 0)); color: #fff; font-size: 13.5px; font-weight: 700; line-height: 1.5; }
.aem-shot__cap svg { flex: none; color: var(--aem-accent-lt); }
.aem-shotfig { margin: 0; }
.aem-shotfig figcaption { font-size: 13.5px; color: var(--aem-muted); margin-top: 8px; line-height: 1.6; overflow-wrap: anywhere; }
.aem-proj__empty { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; padding: 30px 18px; border-radius: 16px; background: var(--aem-tint); border: 1px dashed #cdd7e4; color: var(--aem-muted); }
.aem-proj__ico { display: inline-flex; width: 70px; height: 70px; align-items: center; justify-content: center; border-radius: 20px; background: var(--aem-navy); color: var(--aem-accent-lt); }
.aem-proj__acts { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

/* ---------- عرض المعاينة ---------- */
.aem-offer__grid { display: grid; gap: 28px; }
@media (min-width: 1024px) { .aem-offer__grid { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 44px; align-items: start; } }
.aem-offer__text { min-width: 0; }
.aem-offer__text p { color: var(--aem-muted); }
.aem-offer__form { min-width: 0; }

/* ---------- البطاقات والمقالات (مؤطرة بصورة) ---------- */
.aem-cards { display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .aem-cards--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-cards--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } }
.aem-post { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--aem-line); border-radius: var(--aem-radius); box-shadow: var(--aem-frame); overflow: hidden; transition: transform .2s, box-shadow .2s, border-color .2s; min-width: 0; }
.aem-post:hover { transform: translateY(-4px); box-shadow: var(--aem-shadow); border-color: var(--aem-accent-b); }
.aem-post__media { display: block; width: 100%; min-width: 0; aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--aem-navy-2), var(--aem-navy-d)); overflow: hidden; border-block-end: 1px solid var(--aem-line); }
.aem-post__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.aem-post:hover .aem-post__media img { transform: scale(1.04); }
.aem-post__ph { display: flex; height: 100%; align-items: center; justify-content: center; color: var(--aem-accent-lt); }
.aem-post__body { padding: 16px 18px 20px; display: flex; flex-direction: column; gap: 8px; min-width: 0; flex: 1; }
.aem-post__title { font-size: 17.5px; margin: 0; line-height: 1.55; }
.aem-post__title a { color: var(--aem-navy); text-decoration: none; }
.aem-post__title a::after { content: ""; position: absolute; inset: 0; }
.aem-post:hover .aem-post__title a { color: var(--aem-accent-d); }
.aem-post__text { color: var(--aem-muted); font-size: 14.5px; margin: 0; overflow-wrap: anywhere; }
.aem-post__more { margin-top: auto; display: inline-flex; align-items: center; gap: 6px; font-weight: 800; font-size: 14px; color: var(--aem-accent-d); }
.aem-post--page { justify-content: center; }

/* ---------- الأسئلة (أكورديون مؤطر) ---------- */
.aem-faq { display: grid; gap: 12px; }
.aem-faq__item { background: #fff; border: 1px solid var(--aem-line); border-radius: 14px; box-shadow: var(--aem-frame); overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.aem-faq__item[open] { border-color: var(--aem-accent-2); box-shadow: 0 14px 28px -20px rgba(194, 65, 12, .55); }
.aem-faq__item summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; cursor: pointer; font-weight: 800; list-style: none; color: var(--aem-navy); }
.aem-faq__item summary::-webkit-details-marker { display: none; }
.aem-faq__chev { flex: none; color: var(--aem-accent-2); transition: transform .2s; }
.aem-faq__item[open] .aem-faq__chev { transform: rotate(180deg); }
.aem-faq__a { padding: 0 18px 16px; color: var(--aem-muted); }
.aem-faq__item[open] .aem-faq__a { border-top: 1px solid var(--aem-line); padding-top: 14px; }
.aem-faq__a p:last-child { margin: 0; }

/* ---------- شريط الدعوة (أعلى التذييل): صورة بطبقة كحلية، عنوان وسط وثلاثة أزرار ---------- */
.aem-cta { position: relative; isolation: isolate; padding-block: 60px; color: #fff; text-align: center; background: linear-gradient(120deg, var(--aem-navy-d), var(--aem-navy) 60%, var(--aem-navy-2)); overflow: hidden; }
@media (min-width: 1024px) { .aem-cta { padding-block: 78px; } }
.aem-cta.has-img::before { content: ""; position: absolute; inset: 0; z-index: -2; background: var(--band) center / cover no-repeat; }
.aem-cta.has-img::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 30, 51, .82), rgba(10, 30, 51, .88)); }
.aem-cta__in { display: flex; flex-direction: column; align-items: center; }
.aem-cta h2 { color: #fff; max-width: 820px; margin-bottom: 10px; text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.aem-cta p { color: #dde5f0; max-width: 680px; margin: 0 auto 24px; }
.aem-cta .aem-eyebrow { margin-bottom: 14px; }
.aem-cta__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; }
.aem-cta__actions .aem-btn { flex: 1 1 200px; max-width: 280px; white-space: nowrap; }
@media (max-width: 479px) { .aem-cta__actions .aem-btn { max-width: none; } }

/* ---------- رأس الصفحات الداخلية ---------- */
.aem-phero { position: relative; background: linear-gradient(180deg, var(--aem-tint) 0%, #fff 100%); border-block-end: 1px solid var(--aem-line); padding-block: 22px 36px; overflow: hidden; }
.aem-phero__grid { display: grid; gap: 24px; align-items: center; }
@media (min-width: 1024px) { .aem-phero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 44px; } .aem-phero { padding-block: 32px 54px; } }
.aem-phero__text { min-width: 0; }
.aem-phero h1 { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; overflow-wrap: anywhere; font-size: clamp(26px, 4vw, 42px); }
.aem-phero__ico { display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 16px; background: var(--aem-navy); color: var(--aem-accent-2); flex: none; }
.aem-phero__lead { font-size: 17px; color: var(--aem-muted); max-width: 720px; }
.aem-phero__meta { display: flex; gap: 8px; align-items: flex-start; color: var(--aem-navy); font-weight: 700; font-size: 15px; }
.aem-phero__meta svg { color: var(--aem-accent-2); margin-top: 4px; }
.aem-phero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.aem-phero__media { position: relative; border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 3; background: linear-gradient(150deg, var(--aem-navy-2), var(--aem-navy-d)); box-shadow: var(--aem-shadow-lg); }
.aem-phero__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aem-phero__art { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: var(--aem-accent-2); background: repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0 12px, transparent 12px 24px); }
@media (max-width: 1023px) { .aem-phero:not(.has-img) .aem-phero__media { display: none; } }
@media (max-width: 899px) {
	.aem-phero.has-img { padding-top: 0; }
	.aem-phero.has-img .aem-phero__grid { padding-inline: 0; gap: 18px; }
	.aem-phero.has-img .aem-phero__media { order: -1; aspect-ratio: 16 / 10; border-radius: 0 0 26px 26px; }
	.aem-phero.has-img .aem-phero__media::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 4px; background: var(--aem-accent-2); }
	.aem-phero.has-img .aem-phero__text { padding-inline: 16px; }
	.aem-phero h1 .aem-phero__ico { width: 46px; height: 46px; border-radius: 14px; }
}
@media (min-width: 600px) and (max-width: 899px) { .aem-phero.has-img .aem-phero__media { aspect-ratio: 16 / 7; } }
@media (min-width: 768px) and (max-width: 899px) { .aem-phero.has-img .aem-phero__text { padding-inline: 24px; } }
.aem-phero--list .aem-wrap > h1 { margin-top: 8px; }
.aem-phero--list .aem-chips { margin-top: 14px; }
.aem-phero__search { max-width: 560px; margin: 18px 0; }

/* مسار التنقل */
.aem-crumbs ol { list-style: none; margin: 0 0 14px; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 8px; font-size: 14px; font-weight: 700; color: var(--aem-muted); }
.aem-crumbs li { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.aem-crumbs li + li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--aem-accent); flex: none; }
.aem-crumbs a { color: var(--aem-muted); text-decoration: none; }
.aem-crumbs a:hover { color: var(--aem-accent-d); }
.aem-crumbs [aria-current] { color: var(--aem-navy-d); overflow-wrap: anywhere; }

/* ---------- صفحة الخدمة ---------- */
.aem-svcintro { display: grid; gap: 24px; }
@media (min-width: 1024px) { .aem-svcintro { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 40px; align-items: start; } }
.aem-svcintro__when { padding: 22px; border-radius: 20px; background: var(--aem-navy); color: #fff; }
.aem-svcintro__when h2 { display: flex; align-items: center; gap: 8px; color: #fff; font-size: 20px; }
.aem-svcintro__when h2 svg { color: var(--aem-accent-2); }
.aem-whenlist { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.aem-whenlist li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .07); font-weight: 700; font-size: 15px; line-height: 1.6; }
.aem-whenlist svg { color: var(--aem-accent-2); margin-top: 3px; }
.aem-include { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 640px) { .aem-include { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-include { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aem-include li { display: flex; align-items: center; gap: 12px; padding: 16px; border-radius: 14px; background: #fff; border: 1px solid var(--aem-line); font-weight: 800; line-height: 1.55; min-width: 0; }
.aem-include__ico { display: inline-flex; width: 38px; height: 38px; flex: none; align-items: center; justify-content: center; border-radius: 11px; background: var(--aem-accent-l); color: var(--aem-accent-d); }
.aem-methods { display: grid; gap: 16px; }
@media (min-width: 640px) { .aem-methods { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-methods { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aem-method { padding: 22px 20px; border-radius: 18px; background: #fff; border: 1px solid var(--aem-line); border-top: 4px solid var(--aem-accent-2); min-width: 0; }
.aem-method__ico { display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 13px; background: var(--aem-navy); color: var(--aem-accent-2); margin-bottom: 10px; }
.aem-method h2, .aem-method h3 { font-size: 18px; margin-bottom: 6px; }
.aem-method p { margin: 0; color: var(--aem-muted); font-size: 15px; }
.aem-howto { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 640px) { .aem-howto { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .aem-howto { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.aem-howto__step { position: relative; padding: 22px 20px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); border-radius: 16px; min-width: 0; }
.aem-howto__num { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 50%; background: var(--aem-accent); color: #fff; font-weight: 800; margin-bottom: 10px; }
.aem-howto__step h3 { font-size: 17px; margin-bottom: 4px; color: #fff; }
.aem-howto__step p { margin: 0; color: #d1dbe8; font-size: 15px; }
.aem-pricequote { display: grid; gap: 28px; }
@media (min-width: 1024px) { .aem-pricequote { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 40px; align-items: start; } }
.aem-pricequote__prices, .aem-pricequote__form { min-width: 0; }

/* صندوق الأسعار التقديرية */
.aem-pricebox { border-radius: 18px; background: #fff; border: 1px solid var(--aem-line); overflow: hidden; margin-bottom: 14px; box-shadow: var(--aem-shadow); }
.aem-pricebox__head { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: var(--aem-navy); color: #fff; }
.aem-pricebox__head svg { color: var(--aem-accent-2); }
.aem-pricebox__head h3 { margin: 0; color: #fff; font-size: 17px; }
.aem-pricebox__list { list-style: none; margin: 0; padding: 0; }
.aem-pricebox__list li { display: grid; gap: 4px; padding: 12px 16px; border-block-end: 1px solid var(--aem-line); }
@media (min-width: 560px) { .aem-pricebox__list li { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 12px; } }
.aem-pricebox__item { font-weight: 800; color: var(--aem-navy-d); font-size: 15px; }
.aem-pricebox__val { font-weight: 700; font-size: 14.5px; color: var(--aem-muted); }
.aem-pricebox__list li.has-num .aem-pricebox__val { color: var(--aem-accent-d); font-weight: 800; }
.aem-pricebox__note { display: flex; align-items: center; gap: 8px; margin: 0; padding: 11px 16px; background: var(--aem-accent-ll); color: var(--aem-accent-d); font-weight: 800; font-size: 14px; }
.aem-pricegrid { display: grid; gap: 18px; }
@media (min-width: 900px) { .aem-pricegrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-pricegrid__item { min-width: 0; scroll-margin-top: 120px; }
.aem-pricegrid__acts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0 0 8px; }
.aem-alert { display: flex; gap: 10px; align-items: flex-start; padding: 14px 16px; border-radius: 14px; background: var(--aem-accent-ll); border: 1px solid var(--aem-accent-b); color: var(--aem-navy-d); margin-bottom: 18px; }
.aem-alert svg { color: var(--aem-accent-2); margin-top: 3px; }
.aem-jump { margin-bottom: 22px; }

/* ---------- الخدمات والمدن (صفحات الجمع) ---------- */
.aem-hub { display: grid; gap: 22px; }
@media (min-width: 900px) { .aem-hub { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-hub__item { display: grid; background: #fff; border: 1px solid var(--aem-line); border-radius: var(--aem-radius); overflow: hidden; min-width: 0; scroll-margin-top: 120px; }
.aem-hub__item.is-prio { border-color: var(--aem-accent-b); box-shadow: var(--aem-shadow); }
@media (min-width: 900px) { .aem-hub__item.is-prio { grid-column: 1 / -1; grid-template-columns: 42% minmax(0, 1fr); } .aem-hub__item.is-prio:nth-child(even) .aem-hub__media { order: 2; } }
.aem-hub__media { position: relative; display: block; min-height: 200px; aspect-ratio: 16 / 9; background: linear-gradient(150deg, var(--aem-navy-2), var(--aem-navy-d)); overflow: hidden; }
.aem-hub__item.is-prio .aem-hub__media { aspect-ratio: auto; min-height: 260px; }
.aem-hub__media img, .aem-hub__media .aem-svcimg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.aem-hub__body { position: relative; padding: 22px 20px 24px; min-width: 0; }
@media (min-width: 768px) { .aem-hub__body { padding: 28px 30px; } }
.aem-hub__body h2 { display: flex; align-items: center; gap: 10px; font-size: 22px; }
.aem-hub__body h2 a { color: var(--aem-navy-d); text-decoration: none; }
.aem-hub__body p { color: var(--aem-muted); }
.aem-hub__ico { display: inline-flex; flex: none; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: var(--aem-navy); color: var(--aem-accent-2); }
.aem-hub__acts { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; }
.aem-citygrid { display: grid; gap: 20px; }
@media (min-width: 640px) { .aem-citygrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .aem-citygrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aem-citycard { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--aem-line); border-radius: var(--aem-radius); overflow: hidden; min-width: 0; transition: .2s; }
.aem-citycard:hover { box-shadow: var(--aem-shadow); transform: translateY(-3px); }
.aem-citycard__media { display: block; aspect-ratio: 16 / 9; background: linear-gradient(150deg, var(--aem-navy-2), var(--aem-navy-d)); overflow: hidden; }
.aem-citycard__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aem-citycard__media .aem-ph { color: var(--aem-accent-2); }
.aem-citycard__body { padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 6px; }
.aem-citycard h2 { font-size: 21px; margin: 0; }
.aem-citycard h2 a { color: var(--aem-navy-d); text-decoration: none; }
.aem-citycard p { color: var(--aem-muted); font-size: 15px; margin: 0; }
.aem-citycard__meta { display: flex; gap: 6px; align-items: flex-start; font-size: 13.5px !important; }
.aem-citycard__meta svg { color: var(--aem-accent-2); margin-top: 4px; }

/* ---------- من نحن والتواصل والطلب ---------- */
.aem-about { display: grid; gap: 18px; }
@media (min-width: 768px) { .aem-about { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-about__block { position: relative; padding: 26px 24px; border-radius: 18px; background: #fff; border: 1px solid var(--aem-line); border-block-start: 4px solid var(--aem-accent-2); min-width: 0; }
.aem-about__num { font-size: 40px; font-weight: 800; line-height: 1; color: var(--aem-tint-2); position: absolute; top: 16px; inset-inline-end: 20px; }
.aem-about__block h2 { font-size: 21px; padding-inline-end: 50px; }
.aem-about__block p { color: var(--aem-muted); margin: 0; }
.aem-contact { display: grid; gap: 24px; }
@media (min-width: 1024px) { .aem-contact { grid-template-columns: 360px minmax(0, 1fr); align-items: start; } }
.aem-contact__cards { display: grid; gap: 14px; min-width: 0; }
.aem-contact__form { min-width: 0; }
.aem-infocard { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 14px; align-items: center; padding: 18px; border-radius: 16px; background: #fff; border: 1px solid var(--aem-line); text-decoration: none; color: var(--aem-navy-d); transition: .2s; min-width: 0; }
.aem-infocard:hover { transform: translateY(-3px); box-shadow: var(--aem-shadow); color: var(--aem-navy-d); }
.aem-infocard__ico { grid-row: span 2; display: inline-flex; width: 54px; height: 54px; align-items: center; justify-content: center; border-radius: 15px; color: #fff; background: var(--aem-accent); }
.aem-infocard--wa .aem-infocard__ico { background: var(--aem-wa); color: #fff; }
.aem-infocard--mail .aem-infocard__ico, .aem-infocard--quote .aem-infocard__ico { background: var(--aem-navy); color: var(--aem-accent-2); }
.aem-infocard__label { font-size: 13.5px; font-weight: 800; color: var(--aem-muted); }
.aem-infocard strong { font-size: 18px; overflow-wrap: anywhere; }
.aem-map { border-radius: 18px; overflow: hidden; border: 1px solid var(--aem-line); aspect-ratio: 16 / 7; }
.aem-map iframe { width: 100%; height: 100%; border: 0; }
.aem-quote { display: grid; gap: 24px; }
@media (min-width: 1024px) { .aem-quote { grid-template-columns: minmax(0, 1fr) 340px; align-items: start; } .aem-quote__side { position: sticky; top: 100px; } }
.aem-quote__form { min-width: 0; }
.aem-quote__side { display: grid; gap: 16px; min-width: 0; }
.aem-sidecard { padding: 22px; border-radius: 18px; background: var(--aem-tint); border: 1px solid var(--aem-line); }
.aem-sidecard h2 { display: flex; align-items: center; gap: 8px; font-size: 19px; }
.aem-sidecard--note { background: var(--aem-accent-ll); border-color: var(--aem-accent-b); }
.aem-sidecard--note svg { color: var(--aem-accent-2); }
.aem-sidecard--dark { background: var(--aem-navy); color: #fff; border-color: var(--aem-navy); }
.aem-sidecard--dark h2 { color: #fff; }
.aem-sidecard--dark p { color: #cfd9e6; }
.aem-mini-steps { margin: 0; padding-inline-start: 22px; display: grid; gap: 8px; font-weight: 700; color: var(--aem-text); }
.aem-mini-steps li::marker { color: var(--aem-accent-d); font-weight: 800; }

/* ---------- النماذج ---------- */
.aem-form { background: #fff; border: 1px solid var(--aem-line); border-radius: 22px; padding: 22px 16px; box-shadow: var(--aem-shadow); border-block-start: 5px solid var(--aem-accent-2); scroll-margin-top: 100px; min-width: 0; }
@media (min-width: 768px) { .aem-form { padding: 30px 30px 26px; } }
.aem-form__head { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 18px; }
.aem-form__ico { display: inline-flex; flex: none; width: 52px; height: 52px; align-items: center; justify-content: center; border-radius: 15px; background: var(--aem-navy); color: var(--aem-accent-2); }
.aem-form__title { font-size: 22px; margin: 0 0 4px; }
.aem-form__lead { margin: 0; color: var(--aem-muted); font-size: 15px; }
.aem-grid-form { display: grid; gap: 14px; }
@media (min-width: 640px) { .aem-grid-form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aem-field--wide, .aem-field--check { grid-column: 1 / -1; } }
.aem-field { display: grid; gap: 6px; min-width: 0; align-content: start; }
.aem-field label { font-weight: 800; font-size: 14px; color: var(--aem-navy-d); }
.aem-field input, .aem-field select, .aem-field textarea { width: 100%; min-width: 0; min-height: 50px; padding: 10px 14px; border-radius: 12px; border: 1.5px solid var(--aem-line); background: var(--aem-tint); color: var(--aem-navy-d); font-size: 16px; transition: border-color .15s, background .15s; }
.aem-field textarea { min-height: 96px; resize: vertical; }
.aem-field input:focus, .aem-field select:focus, .aem-field textarea:focus { outline: none; border-color: var(--aem-accent-2); background: #fff; box-shadow: 0 0 0 4px rgba(234, 88, 12, .2); }
.aem-field.is-invalid input, .aem-field.is-invalid select, .aem-field.is-invalid textarea { border-color: #c0392b; background: #fff6f5; }
.aem-check { display: flex; align-items: center; gap: 10px; font-weight: 700 !important; font-size: 15px !important; cursor: pointer; }
.aem-check input { width: 20px; height: 20px; min-height: 0; accent-color: var(--aem-accent-2); flex: none; }
.aem-form__msg { margin: 14px 0 0; padding: 10px 14px; border-radius: 12px; font-weight: 800; }
.aem-form__msg.is-error { background: #fdecea; color: #9b2c1f; }
.aem-form__msg.is-ok { background: #ebf8f0; color: var(--aem-wa); }
.aem-form .aem-btn--wa { margin-top: 16px; min-height: 56px; font-size: 16.5px; white-space: normal; text-align: center; }
.aem-form__note { margin: 10px 0 0; font-size: 13px; color: var(--aem-muted); text-align: center; }
.aem-form__note--price { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; border-radius: 10px; background: var(--aem-accent-ll); color: var(--aem-accent-d); font-weight: 800; }
.aem-form__done { text-align: center; padding: 18px 0 6px; }
.aem-form__done-ico { display: inline-flex; width: 64px; height: 64px; align-items: center; justify-content: center; border-radius: 50%; background: #ebf8f0; color: var(--aem-wa); margin-bottom: 10px; }
.aem-form__done-txt { font-weight: 800; font-size: 18px; }

/* ---------- المقال ---------- */
.aem-artbg { background: linear-gradient(180deg, var(--aem-tint) 0, #fff 420px); }
.aem-layout { display: grid; gap: 28px; padding-block: 22px 56px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1024px) { .aem-layout { grid-template-columns: minmax(0, 1fr) 330px; gap: 40px; padding-block: 30px 80px; } }
.aem-layout--page { grid-template-columns: minmax(0, 1fr) !important; max-width: 960px; }
.aem-article { min-width: 0; }
.aem-article__title { font-size: clamp(25px, 3.6vw, 38px); line-height: 1.45; margin-bottom: 10px; overflow-wrap: anywhere; }
.aem-byline { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; font-weight: 700; color: var(--aem-muted); font-size: 15px; }
.aem-byline a { color: var(--aem-navy-d); font-weight: 800; text-decoration: none; }
.aem-article__thumb { margin: 0 0 22px; }
.aem-article__thumb img { width: 100%; border-radius: 20px; aspect-ratio: 16 / 9; object-fit: cover; display: block; box-shadow: var(--aem-shadow); }
.aem-article__form, .aem-article__faq, .aem-related, .aem-relsvc { margin-top: 40px; }
.aem-article__faq h2, .aem-related h2, .aem-relsvc h2 { font-size: 25px; }
.aem-relsvc__grid { display: grid; gap: 12px; }
@media (min-width: 640px) { .aem-relsvc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.aem-relsvc__city { display: flex; align-items: center; gap: 8px; margin: 18px 0 10px; font-weight: 800; color: var(--aem-navy); }
.aem-relsvc__city svg { color: var(--aem-accent-2); }

/* المحتوى */
.aem-prose { font-size: 17px; line-height: 1.95; overflow-wrap: break-word; min-width: 0; }
html[lang="en"] .aem-prose { line-height: 1.8; }
.aem-prose > *:first-child { margin-top: 0; }
.aem-prose h2 { position: relative; margin: 1.8em 0 .7em; padding-inline-start: 16px; font-size: clamp(22px, 2.8vw, 28px); scroll-margin-top: 100px; }
.aem-prose h2::before { content: ""; position: absolute; inset-inline-start: 0; top: .35em; bottom: .35em; width: 5px; border-radius: 4px; background: var(--aem-accent); }
.aem-prose h3 { margin: 1.5em 0 .5em; font-size: 20px; scroll-margin-top: 100px; }
.aem-prose h4 { margin: 1.3em 0 .4em; font-size: 18px; }
.aem-prose ul, .aem-prose ol { padding-inline-start: 1.4em; margin: 0 0 1.2em; }
.aem-prose li { margin-bottom: .35em; }
.aem-prose ul li::marker { color: var(--aem-accent-2); }
.aem-prose ol li::marker { color: var(--aem-navy); font-weight: 800; }
.aem-prose img { border-radius: 16px; display: block; margin: 1.2em auto; max-width: 100%; height: auto; }
.aem-prose figure { margin: 1.4em 0; max-width: 100% !important; }
.aem-prose figcaption { text-align: center; color: var(--aem-muted); font-size: 14px; margin-top: 6px; }
.aem-prose blockquote { margin: 1.4em 0; padding: 16px 20px; border-inline-start: 4px solid var(--aem-accent-2); background: var(--aem-tint); border-radius: 12px; font-weight: 700; }
.aem-prose a { color: var(--aem-navy-2); font-weight: 700; text-decoration-color: rgba(234, 88, 12, .8); }
.aem-prose iframe, .aem-prose video { width: 100%; border: 0; border-radius: 14px; }
.aem-prose pre { overflow-x: auto; }
.aem-prose section, .aem-prose div, .aem-prose table { max-width: 100%; }
.aem-prose [style*="width"] { max-width: 100% !important; }
.aem-table { overflow-x: auto; margin: 1.4em 0; border-radius: 14px; border: 1px solid var(--aem-line); -webkit-overflow-scrolling: touch; }
.aem-table table { width: 100%; border-collapse: collapse; min-width: 520px; font-size: 15px; }
.aem-table th, .aem-table td { padding: 11px 14px; border-block-end: 1px solid var(--aem-line); text-align: start; vertical-align: top; }
.aem-table thead th, .aem-table tr:first-child th { background: var(--aem-navy); color: #fff; }
.aem-table tbody tr:nth-child(even) td { background: var(--aem-tint); }
.aem-note { padding: 14px 18px; border-radius: 14px; background: #f1f5fb; border-inline-start: 4px solid var(--aem-navy); }
.aem-note--warn { background: var(--aem-accent-ll); border-color: var(--aem-accent-2); }
.aem-note--tip { background: #f1faf4; border-color: var(--aem-wa); }
.aem-faq--inpost { margin: 1.2em 0; }

/* صندوق الدعوة داخل المقال */
.aem-teaser { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 14px; align-items: center; margin: 1.6em 0; padding: 18px; border-radius: 18px; background: linear-gradient(135deg, var(--aem-navy), var(--aem-navy-d)); color: #fff; border-inline-start: 5px solid var(--aem-accent-2); }
.aem-teaser__ico { display: inline-flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 14px; background: var(--aem-accent); color: #fff; }
.aem-teaser__txt { display: grid; gap: 2px; font-size: 15px; line-height: 1.6; min-width: 0; }
.aem-teaser__txt strong { font-size: 17px; color: #fff; }
.aem-teaser__txt span { color: #d1dbe8; }
.aem-teaser .aem-btn { grid-column: 1 / -1; }
@media (min-width: 640px) { .aem-teaser { grid-template-columns: auto minmax(0, 1fr) auto; } .aem-teaser .aem-btn { grid-column: auto; } }
.aem-prose .aem-teaser a { color: var(--aem-navy-d); }

/* الفهرس الداكن */
.aem-toc { background: linear-gradient(160deg, var(--aem-navy-d), var(--aem-navy)); color: #fff; border-radius: 18px; margin-bottom: 24px; box-shadow: 0 18px 36px -22px rgba(0, 0, 0, .7); overflow: hidden; border-top: 4px solid var(--aem-accent-2); }
.aem-toc__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px 16px; }
.aem-toc__title { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; }
.aem-toc__title svg { color: var(--aem-accent-2); }
.aem-toc__title small { display: inline-flex; min-width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 8px; background: var(--aem-accent); color: #fff; font-size: 12px; padding-inline: 6px; }
.aem-toc__toggle { display: inline-flex; align-items: center; gap: 4px; border: 0; background: rgba(255, 255, 255, .12); color: #fff; border-radius: 10px; padding: 6px 10px; font-weight: 800; font-size: 14px; cursor: pointer; }
.aem-toc__toggle:hover { background: rgba(255, 255, 255, .22); }
.aem-toc__toggle .aem-toc__hide { display: none; }
.aem-toc__toggle[aria-expanded="true"] .aem-toc__hide { display: inline; }
.aem-toc__toggle[aria-expanded="true"] .aem-toc__show { display: none; }
.aem-toc__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
.aem-toc__body { padding: 4px 10px 12px; max-height: 62vh; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .35) transparent; border-top: 1px solid rgba(255, 255, 255, .1); }
.aem-toc__body[hidden] { display: none; }
html:not(.aem-js) .aem-toc__body[hidden] { display: block; }
.aem-toc__list, .aem-toc__sub { list-style: none; margin: 0; padding: 0; }
.aem-toc__list { counter-reset: aemtoc; padding-top: 8px; }
.aem-toc__list > li { counter-increment: aemtoc; }
.aem-toc__list > li > a::before { content: counter(aemtoc); display: inline-flex; flex: none; width: 24px; height: 24px; margin-top: 2px; align-items: center; justify-content: center; border-radius: 7px; background: var(--aem-accent); color: #fff; font-size: 12px; font-weight: 800; }
.aem-toc__sub { counter-reset: aemsub; padding-inline-start: 30px; }
.aem-toc__sub > li { counter-increment: aemsub; }
.aem-toc__sub > li > a::before { content: counter(aemtoc) "." counter(aemsub); color: var(--aem-accent-lt); font-size: 12px; min-width: 28px; margin-top: 2px; }
.aem-toc a { display: flex; align-items: flex-start; gap: 10px; padding: 8px 10px; border-radius: 10px; color: #e3e9f2; text-decoration: none; font-size: 15px; line-height: 1.6; border-inline-start: 3px solid transparent; }
.aem-toc a:hover { background: rgba(255, 255, 255, .08); color: #fff; }
.aem-toc a.is-active { background: rgba(255, 255, 255, .14); color: #fff; font-weight: 800; border-inline-start-color: var(--aem-accent-2); }
.aem-toc__list > li > a.is-active::before { background: #fff; color: var(--aem-accent-d); }
.aem-toc a:focus-visible { outline-color: var(--aem-accent-2); }
.aem-toc--side { display: none; }
@media (min-width: 1024px) { .aem-toc--inline { display: none; } .aem-toc--side { display: block; margin-bottom: 0; } }

/* الشريط الجانبي */
.aem-side { display: grid; gap: 20px; align-content: start; min-width: 0; }
.aem-side__a, .aem-side__b { display: grid; gap: 20px; align-content: start; min-width: 0; }
.aem-side__sticky { display: grid; gap: 18px; }
@media (min-width: 1024px) { .aem-side__sticky { position: sticky; top: 96px; } .admin-bar .aem-side__sticky { top: 128px; } }
.aem-widget { background: #fff; border: 1px solid var(--aem-line); border-radius: 18px; padding: 18px; min-width: 0; }
.aem-widget__h { display: flex; align-items: center; gap: 8px; font-size: 17px; margin-bottom: 12px; }
.aem-widget__ico { display: inline-flex; width: 32px; height: 32px; flex: none; align-items: center; justify-content: center; border-radius: 10px; background: var(--aem-accent-l); color: var(--aem-accent-d); }
.aem-widget--quote { background: linear-gradient(150deg, var(--aem-accent-ll), #fff); border-color: var(--aem-accent-b); }
.aem-widget--quote .aem-widget__h svg { color: var(--aem-accent-2); }
.aem-widget--quote p { color: var(--aem-muted); font-size: 15px; }
.aem-widget__reach { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.aem-widget__reach a { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; border-radius: 10px; font-weight: 800; text-decoration: none; font-size: 14.5px; }
.aem-widget__reach a:first-child { background: var(--aem-navy); color: #fff; }
.aem-widget__reach a:last-child { background: var(--aem-wa); color: #fff; }
.aem-minis { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.aem-mini { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center; text-decoration: none; color: var(--aem-navy-d); }
.aem-mini__media { display: block; width: 64px; height: 52px; border-radius: 10px; overflow: hidden; background: linear-gradient(135deg, var(--aem-navy-2), var(--aem-navy-d)); }
.aem-mini__img { width: 100%; height: 100%; object-fit: cover; display: block; }
.aem-mini__ph { display: flex; height: 100%; align-items: center; justify-content: center; color: var(--aem-accent-2); }
.aem-mini__t { font-weight: 700; font-size: 14.5px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.aem-mini:hover .aem-mini__t { color: var(--aem-accent-d); }
.aem-svc-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.aem-svc-tiles a { display: flex; flex-direction: column; gap: 6px; padding: 10px; border-radius: 12px; background: var(--aem-tint); text-decoration: none; color: var(--aem-navy-d); font-weight: 800; font-size: 13.5px; line-height: 1.45; height: 100%; }
.aem-svc-tiles a:hover, .aem-svc-tiles .is-current a { background: var(--aem-accent-l); color: var(--aem-navy-d); }
.aem-svc-tiles__ico { display: inline-flex; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 9px; background: #fff; color: var(--aem-accent-d); }
.aem-areas { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.aem-areas a { display: inline-flex; padding: 5px 12px; border-radius: 999px; background: var(--aem-tint); color: var(--aem-navy-d); text-decoration: none; font-weight: 700; font-size: 14px; }
.aem-areas a:hover, .aem-areas a[aria-current] { background: var(--aem-navy); color: #fff; }

/* الكاتب */
.aem-avatar { display: inline-block; flex: none; border-radius: 50%; object-fit: cover; background: #fff; }
.aem-avatar--initial { position: relative; display: inline-flex; align-items: center; justify-content: center; color: var(--aem-accent-lt); font-weight: 800; line-height: 1; background: radial-gradient(120% 120% at 30% 20%, var(--aem-navy-3), var(--aem-navy) 50%, var(--aem-navy-d)); box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px rgba(234, 88, 12, .5); user-select: none; }
[dir="rtl"] .aem-avatar--initial { padding-bottom: .1em; }
.aem-authorbox { display: flex; gap: 18px; align-items: flex-start; margin-top: 40px; padding: 22px; border-radius: 20px; background: var(--aem-tint); border: 1px solid var(--aem-line); }
.aem-authorbox__txt { min-width: 0; }
.aem-authorbox__txt p { margin: 0 0 4px; }
.aem-authorbox__eyebrow { font-size: 13px; font-weight: 800; color: var(--aem-accent-d); }
.aem-authorbox__name { font-size: 20px; font-weight: 800; }
.aem-authorbox__name a { color: var(--aem-navy-d); text-decoration: none; }
.aem-authorbox__role { color: var(--aem-muted); font-weight: 700; font-size: 14.5px; }
.aem-authorbox__bio { color: var(--aem-text); margin: 8px 0 10px !important; }
@media (max-width: 479px) { .aem-authorbox { flex-direction: column; } }
.aem-profile { display: flex; flex-wrap: wrap; gap: 22px; align-items: flex-start; }
.aem-profile__role { font-weight: 800; color: var(--aem-accent-d); }
.aem-profile__txt { flex: 1 1 260px; min-width: 0; }
.aem-profile .aem-chips { margin-top: 10px; }

/* الترقيم والبحث والفراغ */
.aem-pages { margin-top: 26px; }
.aem-pages .nav-links { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.aem-pages .page-numbers { display: inline-flex; min-width: 44px; height: 44px; padding-inline: 12px; align-items: center; justify-content: center; border-radius: 12px; background: #fff; border: 1.5px solid var(--aem-line); color: var(--aem-navy-d); font-weight: 800; text-decoration: none; }
.aem-pages a.page-numbers:hover { border-color: var(--aem-accent-2); }
.aem-pages .page-numbers.current { background: var(--aem-navy); border-color: var(--aem-navy); color: #fff; }
.aem-empty { text-align: center; padding: 40px 18px; border-radius: 20px; background: var(--aem-tint); color: var(--aem-muted); }
.aem-empty svg { color: var(--aem-accent-2); }
.aem-empty__actions { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.aem-search { display: flex; gap: 8px; }
.aem-search input { flex: 1; min-width: 0; min-height: 50px; padding: 0 16px; border-radius: 12px; border: 1.5px solid var(--aem-line); background: #fff; font-size: 16px; }
.aem-search input:focus { outline: none; border-color: var(--aem-accent-2); box-shadow: 0 0 0 4px rgba(234, 88, 12, .2); }
.aem-search button { width: 52px; min-height: 50px; border: 0; border-radius: 12px; background: var(--aem-navy); color: #fff; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.aem-404 { text-align: center; }
.aem-404__code { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: clamp(70px, 14vw, 130px); font-weight: 800; line-height: 1; color: var(--aem-navy); margin-bottom: 10px; direction: ltr; }
.aem-404__ico { display: inline-flex; width: 1em; height: 1em; align-items: center; justify-content: center; border-radius: 50%; background: var(--aem-accent); color: #fff; }
.aem-404__ico svg { width: .55em; height: .55em; }
.aem-404 .aem-search { max-width: 520px; margin: 18px auto 22px; }
.aem-404 .aem-chips { margin-bottom: 22px; }
.aem-404__acts { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

/* ---------- التذييل (على طريقة البسمة) ---------- */
.aem-footer { position: relative; color: #c4cfde; background: var(--aem-navy-d); }
.aem-footer__line { height: 4px; background: var(--aem-accent-2); }
.aem-footer__body { position: relative; isolation: isolate; background: linear-gradient(180deg, var(--aem-navy) 0%, var(--aem-navy-d) 70%); }
.aem-footer.has-img .aem-footer__body::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--fband) center / cover no-repeat; opacity: .06; }
.aem-footer__contact { display: grid; gap: 12px; padding-block: 28px 6px; }
@media (min-width: 768px) { .aem-footer__contact { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.aem-fcard { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 16px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); color: #fff; text-decoration: none; min-width: 0; transition: border-color .2s, background .2s, transform .2s; }
.aem-fcard:hover { color: #fff; border-color: var(--aem-accent-2); background: rgba(255, 255, 255, .1); transform: translateY(-2px); }
.aem-fcard__ico { display: inline-flex; flex: none; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 13px; background: var(--aem-accent); color: #fff; }
.aem-fcard--wa .aem-fcard__ico { background: var(--aem-wa); }
.aem-fcard--mail .aem-fcard__ico { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .22); }
.aem-fcard span { display: flex; flex-direction: column; min-width: 0; line-height: 1.35; }
.aem-fcard small { color: #b4c1d3; font-weight: 700; font-size: 12.5px; }
.aem-fcard b { font-size: 16px; overflow-wrap: anywhere; }
.aem-footer__grid { display: grid; gap: 16px; padding-block: 18px 30px; }
@media (min-width: 640px) { .aem-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .aem-footer__about { grid-column: 1 / -1; } }
@media (min-width: 1100px) { .aem-footer__grid { grid-template-columns: 1.3fr .95fr 1fr 1.15fr 1.2fr; gap: 14px; } .aem-footer__about { grid-column: auto; } }
.aem-footer__about, .aem-footer__col { min-width: 0; padding: 20px 18px; border-radius: 16px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); }
.aem-footer__brand { display: inline-block; margin-bottom: 10px; text-decoration: none; }
.aem-footer__logo { display: block; width: auto; height: 100px; max-width: 200px; object-fit: contain; }
@media (min-width: 900px) { .aem-footer__logo { height: 140px; max-width: 220px; } }
.aem-footer__logo.is-plain { background: #fff; padding: 8px; border-radius: 14px; }
.aem-footer__logo.aem-wordmark { width: 64px; height: 64px; }
.aem-footer__about p { font-size: 14.5px; line-height: 1.85; color: #c9d4e3; }
@media (min-width: 640px) and (max-width: 1099px) { .aem-footer__about { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 22px; align-items: center; } .aem-footer__brand { grid-row: span 2; margin: 0; } }
.aem-footer__trust { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.aem-footer__trust li { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .14); font-size: 12.5px; font-weight: 700; color: #e3e9f2; }
.aem-footer__trust svg { color: var(--aem-accent-lt); }
.aem-footer__h { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, .1); color: #fff; font-size: 16.5px; }
.aem-footer__hico { display: inline-flex; flex: none; width: 32px; height: 32px; align-items: center; justify-content: center; border-radius: 10px; background: var(--aem-accent); color: #fff; }
.aem-footer__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.aem-footer__list a { display: flex; align-items: center; gap: 10px; padding: 5px 0; color: #d3dce8; text-decoration: none; font-weight: 700; font-size: 14.5px; line-height: 1.5; }
.aem-footer__list a:hover { color: var(--aem-accent-lt); }
.aem-footer__lico { display: inline-flex; flex: none; width: 28px; height: 28px; align-items: center; justify-content: center; border-radius: 8px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .1); color: var(--aem-accent-lt); }
.aem-footer__list .aem-footer__all { color: var(--aem-accent-lt); }
.aem-footer__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.aem-footer__chips a { display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px; border-radius: 999px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); color: #d3dce8; font-size: 13.5px; font-weight: 700; text-decoration: none; }
.aem-footer__chips a svg { color: var(--aem-accent-lt); }
.aem-footer__chips a:hover { background: var(--aem-accent); border-color: var(--aem-accent); color: #fff; }
.aem-footer__chips a:hover svg { color: #fff; }
.aem-footer__quote { padding: 16px; border-radius: 14px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .16); }
.aem-footer__quote p { font-size: 14.5px; color: #c9d4e3; }
.aem-footer__quote-t { display: flex; align-items: center; gap: 8px; color: #fff !important; font-weight: 800; margin-bottom: 6px !important; }
.aem-footer__quote-t svg { color: var(--aem-accent-lt); }
.aem-footer .aem-btn--accent, .aem-footer .aem-btn--accent:hover { color: #fff; justify-content: center; }
.aem-footer__note { display: flex; align-items: center; gap: 6px; margin: 12px 0 0; font-size: 13px; color: var(--aem-accent-lt); font-weight: 700; }
.aem-footer__map { padding-bottom: 30px; }
.aem-footer__map iframe { width: 100%; aspect-ratio: 16 / 6; border: 0; border-radius: 16px; }
.aem-footer__bar { border-top: 1px solid rgba(255, 255, 255, .1); padding-block: 18px 22px; background: rgba(0, 0, 0, .12); }
.aem-footer__bar-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.aem-footer__bar p { margin: 0; font-size: 14px; }
.aem-footer__legal { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; }
.aem-footer__legal a { color: #c4cfde; font-size: 14px; text-decoration: none; }
.aem-footer__legal a:hover { color: var(--aem-accent-lt); }

/* ---------- الأزرار العائمة ----------
   الجوال واللوحي (حتى 899px): شريط سفلي ثابت فيه اتصل وواتساب وزر اللغة وزر الصعود، ويُحجز ارتفاعه أسفل الصفحة.
   الكمبيوتر: أزرار دائرية في الحافتين (اتصال وواتساب في جهة، واللغة والصعود بحلقة التقدم في الأخرى). */
@media (max-width: 899px) { body { padding-bottom: calc(var(--aem-bar-h) + env(safe-area-inset-bottom)); } }
.aem-callbar {
	position: fixed; z-index: 999999; display: flex; gap: 8px; left: 0; right: 0; bottom: 0;
	padding: 7px 10px calc(7px + env(safe-area-inset-bottom)); padding-inline-end: 64px;
	background: rgba(255, 255, 255, .97); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
	border-top: 1px solid var(--aem-line); box-shadow: 0 -8px 24px -12px rgba(10, 30, 51, .3);
}
.aem-callbar__btn {
	position: relative; flex: 1 1 50%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 44px; padding: 0 10px;
	border-radius: 12px; border: 0; text-decoration: none; font-weight: 800; font-size: 15px; white-space: nowrap;
	transition: transform .2s ease, filter .2s ease; -webkit-tap-highlight-color: transparent;
}
.aem-callbar__btn--call { background: var(--aem-accent); color: #fff; }
.aem-callbar__btn--wa { background: var(--aem-wa); color: #fff; }
.aem-callbar__btn:hover, .aem-callbar__btn:focus-visible { filter: brightness(1.06); }
.aem-callbar__btn--call:hover { color: #fff; }
.aem-callbar__btn--wa:hover { color: #fff; }
.aem-callbar__btn:focus-visible { outline: 3px solid var(--aem-navy); outline-offset: 2px; }
.aem-callbar__lang { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: var(--aem-navy); color: #fff; text-decoration: none; font-weight: 800; font-size: 15px; line-height: 1; -webkit-tap-highlight-color: transparent; }
.aem-callbar__lang[lang="ar"] { font-size: 20px; padding-bottom: 3px; }
.aem-callbar__lang:hover, .aem-callbar__lang:focus-visible { color: #fff; background: var(--aem-accent); }
@media (max-width: 374px) { .aem-callbar { gap: 6px; padding-inline-start: 8px; } .aem-callbar__btn { gap: 6px; padding: 0 6px; font-size: 14px; } .aem-callbar__btn svg { width: 20px; height: 20px; } }
.aem-langfab { position: fixed; z-index: 999997; display: none; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, var(--aem-navy-2), var(--aem-navy-d)); color: #fff; text-decoration: none; font-weight: 800; font-size: 16px; border: 2px solid rgba(255, 255, 255, .92); box-shadow: 0 8px 22px rgba(10, 30, 51, .35); transition: transform .2s ease; }
.aem-langfab[lang="ar"] { font-size: 20px; }
.aem-langfab:hover, .aem-langfab:focus-visible { color: var(--aem-accent-lt); transform: translateY(-3px); }
.aem-top { position: fixed; z-index: 1000000; left: auto; right: auto; inset-inline-end: 10px; bottom: calc(7px + env(safe-area-inset-bottom)); width: 44px; height: 44px; padding: 0; border: 0; border-radius: 12px; background: var(--aem-tint); color: var(--aem-navy-d); cursor: pointer; transition: opacity .25s ease, transform .25s ease, visibility .25s, background .2s, color .2s; }
.aem-top:hover { color: #fff; background: var(--aem-accent); }
.aem-top__ring { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.aem-top__track { fill: none; stroke: #dfe6ef; stroke-width: 3; }
.aem-top__bar { fill: none; stroke: var(--aem-accent-2); stroke-width: 3.5; stroke-linecap: round; transition: stroke-dashoffset .1s linear; }
.aem-top:hover .aem-top__bar { stroke: var(--aem-navy-d); }
.aem-top__ico { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
@media (min-width: 900px) {
	.aem-callbar { right: auto; left: max(20px, env(safe-area-inset-left)); bottom: max(24px, env(safe-area-inset-bottom)); flex-direction: column; gap: 12px; padding: 0; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
	.aem-callbar__btn { flex: none; width: 58px; height: 58px; padding: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .92); box-shadow: 0 8px 24px rgba(10, 30, 51, .35); }
	.aem-callbar__btn:hover, .aem-callbar__btn:focus-visible { transform: translateY(-3px); }
	.aem-langfab { display: inline-flex; right: max(20px, env(safe-area-inset-right)); bottom: calc(max(24px, env(safe-area-inset-bottom)) + 68px); }
	.aem-callbar__lang { display: none; }
	.aem-top { width: 56px; height: 56px; border-radius: 50%; background: #fff; box-shadow: 0 10px 26px -10px rgba(10, 30, 51, .6); opacity: 0; visibility: hidden; transform: translateY(16px) scale(.9); inset-inline-end: auto; left: auto; right: max(20px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); }
	.aem-top.is-on { opacity: 1; visibility: visible; transform: none; }
	.aem-callbar__txt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
	.aem-callbar__btn[data-aem-tip]::after, .aem-langfab[data-aem-tip]::after {
		content: attr(data-aem-tip); position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; pointer-events: none;
		padding: 6px 12px; border-radius: 10px; background: var(--aem-navy-d); color: #fff; font: 700 14px/1.4 var(--aem-font); opacity: 0; visibility: hidden; transition: opacity .15s;
	}
	.aem-callbar__btn::after { left: calc(100% + 10px); }
	.aem-langfab::after { right: calc(100% + 10px); }
	.aem-callbar__btn:hover::after, .aem-callbar__btn:focus-visible::after, .aem-langfab:hover::after, .aem-langfab:focus-visible::after { opacity: 1; visibility: visible; }
}
@media print { .aem-callbar, .aem-langfab, .aem-top, .aem-header, .aem-topbar, .aem-footer, .aem-side, .aem-teaser, .aem-article__form, .aem-cta { display: none !important; } }

/* ---------- مقالات مصممة بأنماط مضمّنة: <div data-aem-art="1"> والمحتوى القديم المصمم ---------- */
.aem-prose [data-aem-art] { display: block; }
.aem-prose [data-aem-art] :is(ul, ol)[style] { padding-inline-start: revert; }
.aem-prose [data-aem-art] :is(h2, h3, h4)[style], .aem-prose section[style] :is(h2, h3, h4)[style] { padding-inline-start: revert; }
.aem-prose [data-aem-art] h2[style]::before, .aem-prose section[style] h2[style]::before, .aem-prose h2[style*="background"]::before { content: none; display: none; }
.aem-prose h2[style*="background"] { padding-inline: 18px !important; }
.aem-prose [data-aem-art] blockquote[style] { background: none; border: 0; border-radius: 0; padding: 0; }
.aem-prose [data-aem-art] .aem-table:has(> table[style]) { border: 0; border-radius: 0; }
.aem-prose [data-aem-art] table[style] :is(th, td) { border: revert; background: revert; color: revert; padding: revert; }
.aem-prose [data-aem-art] img[style] { border-radius: 0; margin: 0; }
.aem-prose [data-aem-art] a[style] { font-weight: inherit; }
.aem-prose section[style] { max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 599px) {
	.aem-prose section[style] { padding-inline: 14px !important; }
	.aem-prose [style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; }
	.aem-prose [style*="font-size: 30px"], .aem-prose [style*="font-size:30px"] { font-size: 23px !important; }
	.aem-prose .aemar-portfolio-page .aemar-grid, .aem-prose .aemar-portfolio-page .aemar-stats { grid-template-columns: minmax(0, 1fr) 1fr !important; }
	.aem-prose .aemar-portfolio-page .aemar-hero { padding: 26px 18px !important; }
	.aem-prose .aemar-portfolio-page .aemar-hero h2 { font-size: 26px !important; }
}

/* الشعار الأفقي في الرأس: يأخذ مكان النص */
.aem-brand__logo.is-wide { max-width: 260px; height: 56px; border-radius: 0; }
.aem-brand__logo.is-wide + .aem-brand__txt { display: none; }
@media (max-width: 1279px) { .aem-brand__logo.is-wide { max-width: 220px; height: 52px; } }
@media (max-width: 479px) { .aem-brand__logo.is-wide { max-width: 190px; height: 48px; } }
@media (max-width: 359px) { .aem-brand__logo.is-wide { max-width: 160px; height: 42px; } }
.aem-offer .aem-form { box-shadow: none; }
@media (min-width: 1100px) { .aem-footer__body > .aem-wrap { max-width: 1340px; } .aem-footer__about, .aem-footer__col { padding: 20px 16px; } }
.aem-frame + .aem-head { margin-top: 40px; }
.aem-prose [data-aem-solid], .aem-prose [data-aem-solid] a, .aem-prose [data-aem-solid] :is(strong, b, span) { color: #fff !important; }