/* Shared interior-page polish matching the redesigned homepage. */
:root{--site-blue:#0a8df0;--site-blue-2:#20b9ef;--site-navy:#081b2e;--site-ink:#102b46;--site-muted:#617589;--site-line:#dce7ef;--site-wash:#f3f8fc}

body:not(.p-home3){
 --gold-700:#087fdc;--gold-600:#0789e6;--gold-500:#0a8df0;--gold-400:#35b9f2;
 --gold-300:#73d4ff;--gold-200:#bceaff;--gold-100:#e6f7ff;
 background:#fff;color:var(--site-ink)
}

body:not(.p-home3) .wrap{max-width:1240px}

body:not(.p-home3) .btn--gold,
body:not(.p-home3) .btn--service{border-color:#0a8df0;background:linear-gradient(135deg,#139cf8,#087fdc);color:#fff;box-shadow:0 10px 24px #0789e62b}
body:not(.p-home3) .btn--gold:hover,
body:not(.p-home3) .btn--service:hover{border-color:#087fdc;background:linear-gradient(135deg,#28a9ff,#0674cf);color:#fff;transform:translateY(-1px)}
body:not(.p-home3) .btn--line{border-color:#cbdde9;color:#087fdc}
body:not(.p-home3) .btn--line:hover{border-color:#7fcaf3;background:#eaf7ff;color:#0677cf}

/* The shared page hero carries the navigation, as on the homepage. */
body:has(.phead):not(.p-home3) .hdr{position:absolute;inset:0 0 auto;z-index:100;background:transparent;border-bottom:0;backdrop-filter:none;color:#fff}
body:has(.phead):not(.p-home3) .hdr__in{height:72px;gap:26px;border-bottom:1px solid #ffffff1f}
body:has(.phead):not(.p-home3) .brand{gap:11px}
body:has(.phead):not(.p-home3) .brand>img{width:42px;height:42px;filter:none}
body:has(.phead):not(.p-home3) .brand__txt b{color:#fff;font-size:16px;line-height:1.15;letter-spacing:.02em}
body:has(.phead):not(.p-home3) .brand__txt small{color:#c4d1de;font-size:9px;line-height:1.4}
body:has(.phead):not(.p-home3) .nav{gap:28px;margin-inline:auto}
body:has(.phead):not(.p-home3) .nav a{position:relative;padding:25px 0 23px;border-radius:0;color:#d8e2ec;font-size:13px;font-weight:700;background:none;box-shadow:none}
body:has(.phead):not(.p-home3) .nav a:after{content:'';position:absolute;right:50%;bottom:14px;width:0;height:2px;border-radius:2px;background:#3fc2ff;transform:translateX(50%);transition:width .22s}
body:has(.phead):not(.p-home3) .nav a:hover,
body:has(.phead):not(.p-home3) .nav a[aria-current]{color:#fff;background:none;box-shadow:none}
body:has(.phead):not(.p-home3) .nav a:hover:after{width:100%}
body:has(.phead):not(.p-home3) .nav a[aria-current]:after{width:0}
body:has(.phead):not(.p-home3) .hdr__lang3{display:inline-flex!important;justify-content:center;min-width:96px;height:38px;padding:0 12px;gap:7px;color:#eef6ff;border:1px solid #ffffff24;border-radius:999px;background:#07182a2e;font-size:12px}
body:has(.phead):not(.p-home3) .hdr__lang3 svg{display:block;width:16px;height:16px;flex:none}
body:has(.phead):not(.p-home3) .hdr__start3{background:linear-gradient(135deg,#139cf8,#087fdc);box-shadow:0 10px 24px #0789e638}
/* Match the approved homepage header: language switch at the edge and one project CTA in page content. */
body:not(.p-home3) .hdr__start3{display:none}

body:not(.p-home3):not(:has(.phead)) .hdr{background:#07182a;border-bottom-color:#173b55;color:#fff}
body:not(.p-home3):not(:has(.phead)) .brand__txt b{color:#fff}
body:not(.p-home3):not(:has(.phead)) .brand__txt small{color:#b8c9d8}
body:not(.p-home3):not(:has(.phead)) .brand>img{filter:brightness(0) invert(1)}
body:not(.p-home3):not(:has(.phead)) .nav a{color:#d7e3ec}
body:not(.p-home3):not(:has(.phead)) .nav a:hover{background:#ffffff12;color:#fff}
body:not(.p-home3):not(:has(.phead)) .hdr__lang3{display:inline-flex!important;border-color:#ffffff28;background:#0a253d;color:#edf7ff}
body:not(.p-home3):not(:has(.phead)) .hdr__start3{background:linear-gradient(135deg,#139cf8,#087fdc);color:#fff}

/* Identical header frame on every shared template; this is the same box as .h4__bar. */
body:not(.p-home3) .hdr__in{width:min(1240px,calc(100% - 48px));max-width:1240px;margin-inline:auto;padding-inline:0}
body:not(.p-home3) .brand{gap:11px}
body:not(.p-home3) .brand>img{width:42px;height:42px;filter:none}
body:not(.p-home3) .brand__txt b{font-size:16px;line-height:1.15;letter-spacing:.02em}
body:not(.p-home3) .brand__txt small{font-size:9px;line-height:1.4}

/* The English landing page uses the same photographic hero and transparent navigation. */
body.p-en-home .hdr{position:absolute;inset:0 0 auto;z-index:100;background:transparent;border-bottom:0;backdrop-filter:none}
body.p-en-home .hdr__in{border-bottom:1px solid #ffffff20}
body.p-en-home .hero{min-height:620px}
body.p-en-home .hero__ph{background-image:url('/media/v4/hero4-2x.webp');background-position:center center;filter:saturate(.9) brightness(.78) contrast(1.04)}
body.p-en-home .hero__sc{background:linear-gradient(90deg,#041426fb 0%,#041426e8 36%,#0414266e 66%,#0414268f 100%),linear-gradient(180deg,#04142672,transparent 42%,#041426b5)}
body.p-en-home .hero__grid{opacity:.1}

body:not(.p-home3) .mega{border-color:#dce8f1;background:#fffffff7;box-shadow:0 22px 50px #07182a24}
body:not(.p-home3) .mega__list a:hover{background:#edf8ff}
body:not(.p-home3) .mega__list a:hover b,body:not(.p-home3) .mega__foot{color:#087fdc}

body:not(.p-home3) .phead{display:flex;align-items:center;min-height:500px;padding:118px 0 58px;background:#061526}
body:not(.p-home3) .phead__ph{
 background-image:url('/media/v4/hero4-2x.webp');
 background-position:center center;background-size:cover;
 filter:saturate(.9) brightness(.78) contrast(1.04)
}
body:not(.p-home3) .phead__sc{background:linear-gradient(90deg,#041426fc 0%,#041426e8 34%,#04142670 64%,#0414268f 100%),linear-gradient(180deg,#04142680,transparent 40%,#041426b8)}
body:not(.p-home3) .phead__grid{top:72px;opacity:.1;background-size:72px 72px}
body:not(.p-home3) .phead__in{display:flex;flex-direction:column}
/* `align-items` في عمودٍ مرن يعمل على المحور العرضيّ — وهو المحورُ
   السطريّ. فـ`flex-end` في RTL هو **اليسار** لا اليمين: كان يدفع
   اللوقو والشارةَ والأزرارَ إلى يسار الصفحة بينما نصُّ العنوان
   مصفوفٌ يمينَ صندوقِه — فتتباعد حوافُّها مئاتِ البكسلات.
   و`flex-start` هو بدءُ السطر: اليمينُ في RTL واليسارُ في LTR. */
:root[dir="rtl"] body:not(.p-home3) .phead__in{align-items:flex-start;text-align:right}
:root[dir="ltr"] body:not(.p-home3) .phead__in{align-items:flex-start;text-align:left}
body:not(.p-home3) .phead__in>*{width:min(100%,620px)}
body:not(.p-home3) .phead__in>.phead__ov{width:max-content;max-width:100%}
body:not(.p-home3) .phead__in>.hero__cta{width:auto}
body:not(.p-home3) .phead__in:before,body:not(.p-home3) .phead__in:after{border-color:#58c5f052}
body:not(.p-home3) .phead .crumbs{display:none}
body:not(.p-home3) .crumbs b{color:#6ed3ff}
body:not(.p-home3) .phead__ov{order:1;padding:7px 12px;border-color:#62ccff4a;background:#0b2742a3;color:#8bdcff;font-size:12px;font-weight:800;backdrop-filter:blur(6px)}
body:not(.p-home3) .phead__ov i{background:#37beff;box-shadow:0 0 0 5px #37beff1a}
body:not(.p-home3) .phead h1{order:2;max-width:11.5em;margin-top:15px;color:#69d0ff;font-size:clamp(42px,3.8vw,58px);line-height:1.2;font-weight:900;letter-spacing:-.035em;text-shadow:0 5px 24px #020b16a6;text-wrap:balance}
body:not(.p-home3) .phead h1::first-line{color:#fff}
body:not(.p-home3) .phead__sub{order:3;max-width:60ch;margin-top:16px;font-size:15px;line-height:1.95;font-weight:500;color:#d9e6f2;text-shadow:0 2px 15px #020b16}
body:not(.p-home3) .phead .hero__cta{order:4;margin-top:22px;gap:12px}
body:not(.p-home3) .phead .btn{min-height:48px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:800}
body:not(.p-home3) .phead .btn--gold{background:linear-gradient(135deg,#139cf8,#087fdc);color:#fff;box-shadow:0 12px 28px #0789e638}
body:not(.p-home3) .phead .btn--light{border-color:#ffffff4a;background:#071a2b80;color:#fff;backdrop-filter:blur(7px)}
body:not(.p-home3) .phead .btn--light:hover{border-color:#ffffff70;background:#ffffff12;color:#fff}

/* A consistent section rhythm removes the oversized blank band after page heroes. */
body:not(.p-home3) .sec{padding-block:68px}
body:not(.p-home3) .sec--tight{padding-block:54px}
body:not(.p-home3) .sec--alt{background:linear-gradient(180deg,#f5f9fd,#eef5fa)}
body:not(.p-home3) .sec__head{margin-bottom:32px}
body:not(.p-home3) .sec__head h2{font-size:clamp(29px,3vw,40px);color:var(--site-ink)}
body:not(.p-home3) .kicker{color:#087fdc;letter-spacing:.035em}

body:not(.p-home3) .card,
body:not(.p-home3) .service-catalog__card,
body:not(.p-home3) .sector-card,
body:not(.p-home3) .segment-card,
body:not(.p-home3) .khub__c,
body:not(.p-home3) .rel__c{border-color:var(--site-line)!important;border-radius:18px;background:linear-gradient(145deg,#fff,#f7fafd);box-shadow:0 9px 26px #173b5b0c;transition:transform .25s,box-shadow .25s,border-color .25s}
body:not(.p-home3) .card:hover,
body:not(.p-home3) .service-catalog__card:hover,
body:not(.p-home3) .sector-card:hover,
body:not(.p-home3) .segment-card:hover,
body:not(.p-home3) .khub__c:hover,
body:not(.p-home3) .rel__c:hover{transform:translateY(-4px);border-color:#9ed5f5!important;box-shadow:0 18px 38px #173b5b18}
body:not(.p-home3) .card__ico,body:not(.p-home3) .khub__i{background:linear-gradient(145deg,#eef8ff,#dff2ff);color:#087fdc;box-shadow:inset 0 0 0 1px #c9e7fa}
body:not(.p-home3) .khub__i svg{stroke:#087fdc}
body:not(.p-home3) .card__more,body:not(.p-home3) .khub__go,body:not(.p-home3) .rel__go,body:not(.p-home3) .service-catalog__card b,body:not(.p-home3) .segment-card__body>b{color:#087fdc}

body:not(.p-home3) .service-catalog{gap:26px}
body:not(.p-home3) .service-catalog__intro{max-width:780px}
body:not(.p-home3) .service-catalog__intro h2{font-size:clamp(30px,3vw,40px);color:var(--site-ink)}
body:not(.p-home3) .service-catalog__grid{gap:18px}
body:not(.p-home3) .service-catalog__card{min-height:228px;padding:24px}
body:not(.p-home3) .service-catalog__card>.num{color:#0a8df0}
body:not(.p-home3) .service-catalog__next,
body:not(.p-home3) .segment-index__help,
body:not(.p-home3) .sector-guide__closing,
body:not(.p-home3) .landing-final,
body:not(.p-home3) .rel__cta{background:linear-gradient(135deg,#07182a,#0b2b47);box-shadow:0 16px 36px #07182a24}
body:not(.p-home3) .cta{background:linear-gradient(135deg,#07182a,#0b2b47);color:#fff}
body:not(.p-home3) .cta p{color:#c6d8e6}
body:not(.p-home3) .cta .btn--ghost{border-color:#ffffff42;background:#ffffff0b;color:#fff}
body:not(.p-home3) .service-catalog__next b{color:#73d4ff}

body:not(.p-home3) .advisor-progress,
body:not(.p-home3) .advisor-result,
body:not(.p-home3) .partner-form-aside,
body:not(.p-home3) .work-portal,
body:not(.p-home3) .solution-summary,
body:not(.p-home3) .segment-detail__next,
body:not(.p-home3) .complaint-suggestion,
body:not(.p-home3) .en-services-guide__next,
body:not(.p-home3) .legal-summary>div,
body:not(.p-home3) .city-split aside{border-color:#174766;background:linear-gradient(145deg,#07182a,#0b2b47);box-shadow:0 16px 36px #07182a1f}
body:not(.p-home3) .advisor-progress .kicker,
body:not(.p-home3) .advisor-result .kicker,
body:not(.p-home3) .partner-form-aside .kicker{color:#73d4ff}

body:not(.p-home3) input:not([type=checkbox]):not([type=radio]),
body:not(.p-home3) textarea,
body:not(.p-home3) select{border-color:#d5e3ed;border-radius:10px;background:#fff}
body:not(.p-home3) input:not([type=checkbox]):not([type=radio]):focus,
body:not(.p-home3) textarea:focus,
body:not(.p-home3) select:focus{border-color:#0a8df0;outline:none;box-shadow:0 0 0 3px #0a8df020}
body:not(.p-home3) .fset,
body:not(.p-home3) .feecard,
body:not(.p-home3) .advisor-card{border-color:var(--site-line);border-radius:20px;box-shadow:0 12px 32px #173b5b0d}

body:not(.p-home3) .content-main{padding-top:62px}
body:not(.p-home3) .content-main .prose[data-reveal]{opacity:1;translate:none}
body:not(.p-home3) .content-visual{position:relative;width:100%;aspect-ratio:16/7;margin:0 0 clamp(36px,4vw,54px);overflow:hidden;border:1px solid #cfe1ed;border-radius:24px;background:#07182a;box-shadow:0 20px 50px #0b2b471c}
body:not(.p-home3) .content-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#041426b8 100%);pointer-events:none}
body:not(.p-home3) .content-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}
body:not(.p-home3) .content-visual figcaption{position:absolute;z-index:1;inset-inline-end:22px;bottom:18px;padding:8px 13px;border:1px solid #ffffff2b;border-radius:999px;background:#07182acc;backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:850;line-height:1.4;box-shadow:0 8px 24px #0414264d}
@media(hover:hover){body:not(.p-home3) .content-visual:hover img{transform:scale(1.018)}}
body:not(.p-home3) .prose h2{color:var(--site-ink)}
body:not(.p-home3) .prose p,body:not(.p-home3) .prose li{color:var(--site-muted)}
body:not(.p-home3) .prose--solution>h2{margin-top:52px;padding-top:26px}
body:not(.p-home3) .article-meta-wrap{background:#f3f8fc;border-color:var(--site-line)}
body:not(.p-home3) .article-meta__mark{background:linear-gradient(145deg,#0b2b47,#07182a);color:#73d4ff}
body:not(.p-home3) .work-gallery figure{overflow:hidden;border-radius:18px;box-shadow:0 14px 34px #07182a1f}
body:not(.p-home3) .work-gallery figcaption b,
body:not(.p-home3) .work-gallery figcaption strong{color:#fff}
body:not(.p-home3) .work-gallery figcaption span{color:#c6d8e6}
body:not(.p-home3) .faq{gap:12px}
body:not(.p-home3) .faq details{border-color:var(--site-line);border-radius:14px;box-shadow:0 5px 16px #173b5b08}
body:not(.p-home3) .faq summary:after{color:#087fdc}

/* About page: the same light surfaces and compact rhythm used across the new identity. */
body:not(.p-home3) .content-main:has(.abt-sec){padding-block:56px;background:linear-gradient(180deg,#f5f9fd,#eef5fa)}
body:not(.p-home3) .prose:has(>.abt-sec){display:grid;width:100%;max-width:none;gap:18px}
body:not(.p-home3) .abt-sec{position:relative;margin:0;padding:40px 42px;border:1px solid var(--site-line);border-radius:22px;background:radial-gradient(circle at 8% 12%,#dff5ff 0,transparent 28%),linear-gradient(145deg,#fff,#f8fbfd);box-shadow:0 12px 34px #173b5b0b;overflow:hidden}
body:not(.p-home3) .abt-sec:first-child{padding-top:40px;border-top:1px solid var(--site-line)}
body:not(.p-home3) .abt-sec:nth-child(even){background:radial-gradient(circle at 92% 10%,#e2f6ff 0,transparent 27%),linear-gradient(145deg,#fff,#f7fbfe)}
body:not(.p-home3) .abt-h{max-width:30ch;margin-bottom:16px;font-size:clamp(27px,3vw,38px);line-height:1.3;color:var(--site-ink)}
body:not(.p-home3) .abt-p{max-width:82ch;font-size:16px;line-height:1.95;color:var(--site-muted)}
body:not(.p-home3) .abt-pull{max-width:38ch;margin:28px 0;padding:18px 22px;border:0;border-inline-start:4px solid #0a8df0;border-radius:12px;background:#eaf7ff;color:#0b4f79;font-size:clamp(20px,2.3vw,28px)}
body:not(.p-home3) .abt-facts{gap:10px;margin-top:26px;border:0}
body:not(.p-home3) .abt-facts>div{padding:18px;border:1px solid #dce9f2;border-radius:14px;background:#ffffffc7}
body:not(.p-home3) .abt-facts>div:last-child{padding-inline-end:18px}
body:not(.p-home3) .abt-facts b{color:#087fdc}
body:not(.p-home3) .abt-facts span{max-width:none;color:var(--site-muted)}
body:not(.p-home3) .abt-flow{gap:10px;margin-top:24px}
body:not(.p-home3) .abt-flow__step{padding:10px 14px;border:1px solid #d5e7f2;border-radius:10px;background:#fff;color:var(--site-ink);font-size:15px}
body:not(.p-home3) .abt-flow__step--end{border-color:#8dd4f7;background:#e8f7ff;color:#087fdc}
body:not(.p-home3) .abt-flow__sep{color:#0a8df0}
body:not(.p-home3) .abt-index{margin-top:24px;border-top-color:#cfe2ed}
body:not(.p-home3) .abt-index__row{padding:18px 6px;border-bottom-color:#dce7ef}
body:not(.p-home3) .abt-index__label{color:#087fdc}
body:not(.p-home3) .abt-certs{gap:9px}
body:not(.p-home3) .abt-certs li{padding:8px 12px;border:1px solid #cfe5f2;border-radius:999px;background:#fff;color:#0b4f79}
body:not(.p-home3) .abt-certs li:after{display:none}
body:not(.p-home3) .abt-maint{padding:22px;border:1px solid #cfe5f2;border-radius:16px;background:#edf8ff}
body:not(.p-home3) .abt-maint>b{color:#087fdc}
body:not(.p-home3) .abt-serve2{margin-top:24px;border-top-color:#cfe2ed}
body:not(.p-home3) .abt-cta{margin-top:0;padding:44px 32px;border:0;border-radius:22px;background:linear-gradient(135deg,#07182a,#0b2b47);box-shadow:0 16px 38px #07182a20}
body:not(.p-home3) .abt-cta h2{color:#fff}
body:not(.p-home3) .abt-cta p{color:#c6d8e6}
body:not(.p-home3) .abt-cta .btn--line{border-color:#ffffff42;background:#ffffff0b;color:#fff}

/* The official footer stays intact; only its color system follows the page identity. */
body:not(.p-home3) .ftr{border-top:18px solid #eef5fa;background:linear-gradient(180deg,#07182a 0%,#051321 100%);color:#a9bdce;box-shadow:inset 0 1px 0 #153a54}
body:not(.p-home3) .ftr__grid{padding-top:56px}
body:not(.p-home3) .ftr__col b,body:not(.p-home3) .ftr__brand .brand__txt b{color:#fff}
body:not(.p-home3) .ftr__col a,body:not(.p-home3) .ftr__brand p,body:not(.p-home3) .ftr__pay-n,body:not(.p-home3) .ftr__vat-label,body:not(.p-home3) .ftr__cr-label{color:#a9bdce}
body:not(.p-home3) .ftr__col a:hover,body:not(.p-home3) .ftr__policies a:hover,body:not(.p-home3) .ftr__ccl a:hover{color:#73d4ff}
body:not(.p-home3) .ftr__slogan,body:not(.p-home3) .ftr__pay-k{color:#73d4ff}
body:not(.p-home3) .ftr__social a{border-color:#ffffff26;background:#ffffff08}
body:not(.p-home3) .ftr__legal{border-top-color:#ffffff12}
body:not(.p-home3) .mbar{background:#07182af7}
body:not(.p-home3) .mbar__i--go{background:linear-gradient(135deg,#139cf8,#087fdc);color:#fff}

@media(max-width:899px){
 body:not(.p-home3) .hdr__in{width:100%;max-width:none;height:70px;padding-inline:20px}
 body:not(.p-home3) .brand>img{width:36px;height:36px}
 body:not(.p-home3) .brand__txt b{font-size:16px}
 body:not(.p-home3) .brand__txt small{display:block;font-size:9px}
 body:not(.p-home3) .hdr__lang3{display:none!important}
 body:not(.p-home3) .burger{width:42px;height:42px;border-color:#ffffff35;background:#07182a66;color:#fff}
 body:not(.p-home3) .drawer{background:#07182af5;border-color:#ffffff1c}
 body:not(.p-home3) .drawer__nav a{color:#e7f1f9;border-color:#ffffff17}
 body:not(.p-home3) .phead{min-height:440px;padding:98px 0 48px}
 body:not(.p-home3) .phead__ph{background-image:url('/media/v4/hero4-m.webp');background-position:center center}
 body:not(.p-home3) .phead__grid{top:70px}
 body:not(.p-home3) .phead__sc{background:linear-gradient(180deg,#041426eb 0%,#041426b8 48%,#041426ec 100%)}
 body:not(.p-home3) .phead__in{align-items:stretch!important;text-align:start}
 body:not(.p-home3) .phead__in>*{width:100%}
 body:not(.p-home3) .phead__in>.phead__ov{width:max-content}
 body:not(.p-home3) .phead h1{max-width:12em;font-size:clamp(34px,8.8vw,48px);line-height:1.22}
 body:not(.p-home3) .phead__sub{font-size:14px;line-height:1.9}
 body:not(.p-home3) .sec{padding-block:50px}
 body:not(.p-home3) .content-main{padding-top:46px}
 body:not(.p-home3) .content-visual{aspect-ratio:16/9;margin-bottom:34px;border-radius:18px}
 body:not(.p-home3) .content-visual figcaption{inset-inline-end:14px;bottom:13px;padding:7px 11px;font-size:12px}
 body:not(.p-home3) .ftr{border-top-width:12px}
 body:not(.p-home3) .abt-sec{padding:30px 26px}
 body:not(.p-home3) .abt-sec:first-child{padding-top:30px}
 body.p-en-home .hero{min-height:0}
 body.p-en-home .hero__ph{background-image:url('/media/v4/hero4-m.webp');background-position:center center}
 body.p-en-home .hero__sc{background:linear-gradient(180deg,#041426ed 0%,#041426b9 48%,#041426ed 100%)}
}

@media(max-width:520px){
 body:not(.p-home3) .wrap{padding-inline:18px}
 body:not(.p-home3) .phead{min-height:0;padding:94px 0 42px}
 body:not(.p-home3) .phead .hero__cta{display:grid;width:100%;gap:10px}
 body:not(.p-home3) .phead .btn{justify-content:center;width:100%}
 body:not(.p-home3) .sec{padding-block:42px}
 body:not(.p-home3) .content-main:has(.abt-sec){padding-block:38px}
 body:not(.p-home3) .abt-sec{padding:26px 21px;border-radius:17px}
 body:not(.p-home3) .abt-sec:first-child{padding-top:26px}
 body:not(.p-home3) .abt-facts{grid-template-columns:1fr}
 body:not(.p-home3) .abt-facts>div{padding:16px;border:1px solid #dce9f2}
 body:not(.p-home3) .abt-index__row,body:not(.p-home3) .abt-serve2__row{grid-template-columns:1fr;gap:6px}
 body:not(.p-home3) .abt-cta{padding:34px 22px}
}


/* ════════════════════════════════════════════════════════════════════
   لافتةُ الموافقة على الجوّال — كانت تأكل ٣٧٪ من الشاشة
   ════════════════════════════════════════════════════════════════════
   قِيست على 375×812: ‎299px‎ من ‎812‎، وتحجب زرَّ «ابدأ مشروعك» كلَّه —
   وهو غرضُ الصفحة. والسببُ فقرةُ شرحٍ كاملةٌ وثلاثةُ أزرارٍ كلٌّ في سطر.

   وتُكتب هنا لا في `ab.css`: الموقعُ يخدم `ab.min.css` المضغوط، ولا أداةَ
   بناءٍ على الخادم تُعيد توليده — فتعديلُ المصدر وحدَه لا يصل الزائر.
   وهذا الملفُّ يُحمَّل بعده في كلّ صفحة، فهو موضعُ التجاوز المقصود.
   ------------------------------------------------------------------- */
.cc-short{display:none}

@media (max-width:620px){
  .cc-in{gap:12px;padding-block:14px}
  .cc-txt{flex:1 1 100%}
  .cc-txt b{font-size:14px;margin-bottom:3px}
  .cc-txt p{font-size:12.5px;line-height:1.72}

  /* النصُّ الطويلُ للشاشة الواسعة، والقصيرُ للجوّال — ورابطُ السياسة
     خارجَ الاثنين، فلا يسقط مع أيٍّ منهما. */
  .cc-long{display:none}
  .cc-short{display:inline}

  /* «الضروريّ فقط» و«أوافق» في صفٍّ واحدٍ وبوزنٍ واحد: الرفضُ بسهولة
     القبول شرطٌ نظاميٌّ لا ذوق. */
  .cc-act{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cc-act .btn{flex:none;width:auto;height:42px;padding:0 8px;font-size:12.5px}
  .cc-act [data-cc="reject"]{order:1}
  .cc-act [data-cc="accept"]{order:2}

  /* وبابُ التفصيل سطرٌ نحيفٌ تحتهما — لا قرارٌ ثالثٌ بوزنهما. */
  .cc-act [data-cc="pick"]{
    order:3;grid-column:1 / -1;height:32px;font-size:12px;
    background:transparent;border-color:transparent;
    text-decoration:underline;text-underline-offset:3px
  }
}


/* ════════════════════════════════════════════════════════════════════
   فقّاعةُ المحادثة على الجوّال — كانت تغطّي شريطَ الثقة
   ════════════════════════════════════════════════════════════════════
   القرارُ متّخذٌ أصلًا: `home-approved.css` يُخفيها ويُصغّر زرَّها ويضعه في
   التذييل — لكنّ القاعدةَ كلَّها داخل `@media(min-width:900px)`، فلم تصل
   الجوّالَ قطّ. فبقيت هناك ١٧٨×٦٨ فوق «٨٠٠+ عميل»، وهو أقوى دليلٍ في
   الصفحة (قِيست عناصرُه تحتها: `SPAN.trust3__txt`).

   ويبقى الزرُّ نفسُه: هو بابُ المحادثة، ولا يغطّي نصًّا. أمّا الفقّاعةُ
   فمكرّرةٌ على الجوّال أصلًا — في الشريط السفليّ «واتساب» و«صيانة الآن».
   ------------------------------------------------------------------- */
@media (max-width:899px){
  .abcw-teaser{display:none!important}
}

/* -------------------------------------------------------------------
   النصُّ المحلّيُّ في صفحة المدينة
   ------------------------------------------------------------------- */
.city-local{max-width:76ch;margin-inline:auto}
.city-local h2{margin:0 0 18px;text-wrap:balance}
.city-local p{margin:0 0 16px;color:var(--ink-2);line-height:1.95}
.city-local p:last-child{margin-bottom:0}

/* خمسُ بطاقاتٍ حيث توجد صفحةُ التيار الخفيف، وأربعٌ حيث لا توجد —
   والصفُّ يملأ نفسَه بدل أن تبقى بطاقةٌ وحيدةٌ في سطرٍ ثانٍ.
   والحدُّ فوق ٨٥٠ لأنّ ما دونه مضبوطٌ أصلًا على عمودين ثمّ عمود. */
@media (min-width:851px){
  .city-services{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
}