/* ==========================================================================
   رؤيات — النظام البصري «التدرّج الكوفي»
   مستخرج من الشعار: كوفي مربّع مائل 45°، خطوط متوازية بزوايا قائمة، ونقاط
   معيّنة. ثلاثة عناصر فقط تتكرر: مسار 45°، والمعيّن ◆، وقصّة 45° في الزاوية.
   الخط: Readex Pro بمحور وزن محصور 400–600 (ملف واحد لكل نص) — بديلًا عن
   Droid Arabic Kufi ذي الوزن الوحيد الذي كان المتصفح يزيّف له الخط العريض.
   ========================================================================== */
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/readex-arabic.woff2) format('woff2');
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Readex Pro';font-style:normal;font-weight:400 600;font-display:swap;
  src:url(fonts/readex-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --navy-950:#07111d; --navy-900:#0b1828; --navy-800:#122438; --navy-700:#1c324b;
  --steel:#7b8fa6; --steel-2:#a9b8c9;
  --red:#c41f2a; --red-dark:#a51922; --red-deep:#8f1a23; --red-soft:#ff7b83;
  --paper:#fff; --paper-2:#f4f6f9; --line:#e1e6ed; --line-2:#cdd6e1;
  --ink:#0b1828; --muted:#546174;

  --f:'Readex Pro','IBM Plex Sans Arabic',system-ui,-apple-system,'Segoe UI',sans-serif;
  --h1:clamp(2.125rem,1.846rem + 1.143vw,2.875rem);      /* 34 → 46 */
  --h1-in:clamp(2rem,1.86rem + .571vw,2.375rem);          /* 32 → 38 */
  --h2:clamp(1.6875rem,1.571rem + .476vw,2rem);           /* 27 → 32 */
  --h3:clamp(1.25rem,1.2rem + .2vw,1.3125rem);            /* 20 → 21 */
  --body:clamp(1rem,.97rem + .1vw,1.0625rem);             /* 16 → 17 */
  --small:.9375rem;                                        /* 15 */

  --wrap:1180px; --header-h:70px;
  --sec:clamp(3rem,2.4rem + 2.4vw,4.25rem);               /* 48 → 68 */
  --pad:1.375rem;                                          /* 22 */
  --btn:46px; --r:14px; --r-sm:10px; --notch:14px;
}
@media(max-width:991px){:root{--header-h:60px}}

/* ── أساس ───────────────────────────────────────────────────────────── */
.rk{font-family:var(--f);font-size:var(--body);line-height:1.7;color:var(--ink);background:var(--paper);
  -webkit-font-smoothing:antialiased;font-weight:400}
.rk *,.rk *::before,.rk *::after{box-sizing:border-box}
/* :where() يجعل الإعادة بلا وزن تخصيص، فلا تُسقط هوامش المكوّنات
   (كانت ‎.rk p‎ تغلب ‎.rk-fine‎ و‎.rk-trust‎ فتلتصق بما فوقها). */
:where(.rk) :where(p,h1,h2,h3,ul,ol){margin:0}
.rk h1,.rk h2,.rk h3{font-family:inherit;font-weight:600;line-height:1.25;color:var(--ink);text-wrap:balance;letter-spacing:-.01em}
.rk h2{font-size:var(--h2)}
.rk h3{font-size:var(--h3)}
.rk a{color:inherit}
.rk .num{font-variant-numeric:tabular-nums}
.rk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rk-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1.125rem,3.5vw,2rem)}
.rk-sec{padding-block:var(--sec)}
.rk-sec--tint{background:var(--paper-2)}
.rk-head{margin-bottom:clamp(1.5rem,2.5vw,2rem)}
.rk-lead{font-size:1.0625rem;max-width:44ch}
.rk-fine{margin-top:1.5rem;font-size:var(--small);color:var(--muted);text-align:center}
.rk-fine a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rk-fine a:hover{color:var(--red)}

/* المعيّن: توقيع العلامة */
.rk-dia{list-style:none;padding:0;display:grid;gap:.4rem}
.rk-dia li{display:flex;align-items:center;gap:.6rem;font-size:var(--small)}
.rk-dia li::before{content:"";width:7px;height:7px;flex:none;background:var(--red);transform:rotate(45deg)}

/* ── أيقونات: نظام واحد ────────────────────────────────────────────── */
.k-ico{width:24px;height:24px;flex:none;stroke:currentColor;stroke-width:1.8;
  stroke-linejoin:miter;stroke-linecap:square}
.k-ico__dot{fill:var(--red);stroke:none}

/* ── أزرار ──────────────────────────────────────────────────────────── */
.rk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}
.rk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--btn);
  padding:0 1.3rem;border-radius:var(--r-sm);font-weight:600;font-size:.97rem;text-decoration:none;
  border:1.5px solid transparent;transition:background-color .16s,border-color .16s,color .16s;cursor:pointer;white-space:nowrap}
/* الانتقائية مقصودة: `.rk a{color:inherit}` أعلى وزنًا من `.rk-btn--primary`،
   فكان الزر الأحمر يرث لون النص الكحلي على الأقسام الفاتحة — تباين 3.04
   لا يجتاز WCAG. الأقسام الداكنة كانت تخفي العطب لأن اللون الموروث أبيض. */
.rk-btn--primary,.rk a.rk-btn--primary{background:var(--red);color:#fff}
.rk-btn--primary:hover,.rk a.rk-btn--primary:hover{background:var(--red-dark);color:#fff}
.rk-btn--ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.rk-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff}
.rk-btn--line{color:var(--ink);border-color:var(--line-2);background:var(--paper)}
.rk-btn--line:hover{border-color:var(--ink)}
.rk-btn--block{width:100%}
.rk-link{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;font-size:var(--small)}

/* ==========================================================================
   البطل
   الخلفية: كحلي بطبقة واحدة من خطوط 45° متوازية — نسيج الشعار نفسه — تتلاشى
   نحو النص. لا توهّج ولا صورة.
   ========================================================================== */
.rk-hero{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-900) 45%,var(--navy-950) 100%);
  padding-block:calc(var(--header-h) + clamp(1.75rem,3.2vw,2.5rem)) clamp(4.5rem,7vw,6rem)}
.rk-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(135deg,rgba(123,143,166,.07) 0 2px,transparent 2px 30px);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 70%);
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.6) 45%,transparent 70%)}
.rk-hero__grid{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
/* البطل المختصر: العنوان والنص والإجراء يظهرون بلا تمرير، والرسم يختفي حيث
   يزاحمهم (الشاشات الصغيرة) بدل أن يدفعهم تحت الطية. */
.rk-hero--compact{padding-block:calc(var(--header-h) + clamp(1.25rem,2.6vw,2rem)) clamp(2.25rem,4vw,3.25rem)}
/* اللوحي (768–959): كان الرسم يُخفى والنص يبقى في عمود ضيّق، فيظهر البطل
   نصف صفحة فارغة. يعود الرسم تحت النص بعرض مقيَّد — الشاشة تتسع له أفقيًا
   ولا تتسع لعمودين. ودون 768 يبقى مخفيًا: الارتفاع هناك أثمن من الزينة. */
@media(max-width:767px){.rk-hero--compact .rk-stage{display:none}}
@media(min-width:768px) and (max-width:959px){
  .rk-hero--compact .rk-stage{max-width:520px;margin-inline:auto;width:100%}
  .rk-hero--compact .rk-hero__grid{gap:2rem}
  .rk-hero--compact .rk-lead{max-width:60ch}
}
@media(min-width:960px){.rk-hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}}
.rk-hero h1{color:#fff;font-size:clamp(1.75rem,1.5rem + 1vw,2.375rem);line-height:1.3;letter-spacing:-.01em;max-width:18ch}
.rk-hero h1+.rk-actions{margin-top:1.4rem}
.rk-hero h1 span{color:var(--red-soft);display:inline}
.rk-hero .rk-lead{color:var(--steel-2);margin-top:.9rem}
.rk-hero .rk-actions{margin-top:1.6rem}
.rk-trust{margin-top:1.05rem;font-size:.875rem;color:var(--steel-2);display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .55rem}
.rk-trust i{width:5px;height:5px;background:var(--red-soft);transform:rotate(45deg);display:inline-block}

/* ==========================================================================
   التدرّج الكوفي (المكوّن المميّز)
   ========================================================================== */
.k-flow{position:relative;width:100%;max-width:580px;margin-inline:auto}
.k-flow__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.k-flow__spine{stroke:var(--red);stroke-width:2;fill:none;stroke-dasharray:7 7;
  animation:k-march 2.4s linear infinite;vector-effect:non-scaling-stroke}
.k-flow__ghost{stroke:rgba(123,143,166,.28);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}
.k-flow__stub{stroke:rgba(169,184,201,.55);stroke-width:1.5;fill:none;vector-effect:non-scaling-stroke}
.k-flow__dot{fill:var(--red)}
@keyframes k-march{to{stroke-dashoffset:-28}}

.k-node{position:absolute;display:flex;align-items:center;gap:.7rem;padding:0 .9rem;
  background:linear-gradient(180deg,rgba(28,50,75,.92),rgba(18,36,56,.92));
  border:1px solid rgba(169,184,201,.18);
  clip-path:polygon(var(--notch) 0,100% 0,100% 100%,0 100%,0 var(--notch));
  border-radius:0 10px 10px 10px}
.k-node__ico{width:38px;height:38px;flex:none;display:grid;place-items:center;color:#fff;
  background:rgba(196,31,42,.2);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}
.k-node__ico .k-ico{width:21px;height:21px}
.k-node__ico .k-ico__dot{fill:var(--red-soft)}
.k-node__txt{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.k-node b{font-weight:600;font-size:.95rem;color:#fff;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.k-node em{font-style:normal;font-size:.8125rem;color:#8fdcc0}

/* الجوال: شبكة 2×2 متدرّجة بدل المسار الحر */
@media(max-width:639px){
  .k-flow{aspect-ratio:auto!important;display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .k-flow__svg{display:none}
  .k-node{position:relative;left:auto!important;top:auto!important;width:auto!important;height:auto!important;
    min-height:64px;padding:.55rem .7rem}
  .k-node:nth-of-type(odd){transform:translateY(14px)}
  .k-flow{padding-bottom:14px}
  .k-node__ico{width:32px;height:32px}
  .k-node b{font-size:.875rem;white-space:normal}
}

/* ==========================================================================
   مساران يعلوان حافة البطل: خدمات جاهزة (فاتح) وحلول مخصصة (داكن بقصّة 45°)
   ========================================================================== */
/* مجموعات الحلول: عنوان مجموعة، ثم بطاقات متساوية بإجراء واحد واضح */
.rk-group{position:relative;z-index:2;padding-top:clamp(1.5rem,3vw,2.25rem)}
.rk-group+.rk-group{margin-top:clamp(1.75rem,3.5vw,2.75rem);border-top:1px solid var(--line);padding-top:clamp(1.5rem,3vw,2.25rem)}
.rk-group__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .9rem;margin-bottom:clamp(1rem,2vw,1.35rem)}
.rk-group__head h2,.rk-group__head h3{font-size:var(--h3);position:relative;padding-inline-start:1rem}
.rk-group__head h2::before,.rk-group__head h3::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:8px;height:8px;
  background:var(--red);transform:rotate(45deg)}
.rk-group__head p{color:var(--muted);font-size:var(--small)}
.rk-cards{display:grid;gap:clamp(.75rem,1.6vw,1rem)}
@media(min-width:620px){.rk-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.rk-cards{grid-template-columns:repeat(4,1fr)}}
.rk-card2{display:flex;flex-direction:column;gap:.45rem;padding:clamp(1rem,1.8vw,1.25rem);background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-sm);transition:border-color .16s,box-shadow .16s}
.rk-card2:hover{border-color:var(--line-2);box-shadow:0 12px 26px -22px rgba(7,17,29,.45)}
.rk-card2 > .k-ico{width:26px;height:26px;color:var(--navy-700)}
.rk-card2 h3,.rk-card2 h4{font-size:1.0625rem;font-weight:600;line-height:1.35;color:var(--ink)}
.rk-card2 p{color:var(--muted);font-size:var(--small);line-height:1.6}
.rk-card2__price{font-size:var(--small);color:var(--ink);font-weight:600}
.rk-card2__price b{font-size:1.125rem;font-weight:600}

/* ── مفترق البداية: طريقان متساويان لا طريق يسبق الآخر ──────────────── */
.rk-fork{display:grid;gap:clamp(.85rem,1.8vw,1.25rem)}
@media(min-width:760px){.rk-fork{grid-template-columns:repeat(2,1fr)}}
.rk-fork__panel{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:clamp(1.15rem,2.2vw,1.6rem)}
/* قصّة 45° في زاوية واحدة: توقيع العلامة نفسه المستعمل في بقية البطاقات */
.rk-fork__panel{position:relative;overflow:hidden}
.rk-fork__panel::after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;
  width:var(--notch);height:var(--notch);background:var(--paper-2);
  clip-path:polygon(0 0,100% 0,0 100%)}
.rk-fork__panel h3{font-size:var(--h3)}
.rk-fork__sub{color:var(--muted);font-size:var(--small);margin-top:.3rem}
.rk-fork__list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.15rem}
.rk-fork__list a{display:flex;align-items:flex-start;gap:.7rem;padding:.6rem .55rem;border-radius:var(--r-sm);
  text-decoration:none;transition:background-color .16s}
.rk-fork__list a:hover{background:var(--paper-2)}
.rk-fork__list .k-ico{width:22px;height:22px;margin-top:.15rem;color:var(--navy-700)}
.rk-fork__list b{display:block;font-weight:600;font-size:1rem;line-height:1.4}
.rk-fork__list a:hover b{color:var(--red)}
.rk-fork__list em{display:block;font-style:normal;color:var(--muted);font-size:var(--small);line-height:1.5}
.rk-fork__list em b{display:inline;font-size:inherit}
.rk-fork__act{margin-top:auto;padding-top:1.1rem}
.rk-fork__act .rk-btn{width:100%}
.rk-fork__note{margin-top:.6rem;font-size:.875rem;color:var(--muted);line-height:1.55}
.rk-card2__actions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.7rem}
.rk-btn--sm{height:38px;padding:0 .95rem;font-size:.875rem;border-radius:9px}

/* من أعمالنا: لقطة حقيقية لكل عمل + دور رؤيات + رابط حي */
.rk-works{display:grid;gap:clamp(1rem,2vw,1.4rem)}
@media(min-width:700px){.rk-works{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.rk-works{grid-template-columns:repeat(3,1fr)}}
.rk-work{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.rk-work__shot{aspect-ratio:16/10;background:var(--paper-2);border-bottom:1px solid var(--line);overflow:hidden}
.rk-work__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.rk-work__body{display:flex;flex-direction:column;gap:.4rem;padding:clamp(1rem,1.8vw,1.25rem)}
.rk-work__kind{align-self:flex-start;font-size:.75rem;font-weight:600;color:var(--red);background:#fdeceD;
  padding:.15rem .5rem;border-radius:999px}
.rk-work h3{font-size:var(--h3)}
.rk-work p{color:var(--muted);font-size:var(--small);line-height:1.6}
.rk-work__role{color:var(--ink)!important;font-size:.8125rem}
.rk-work__role span{color:var(--muted)}
.rk-work .rk-more{margin-top:.35rem}

/* عملاؤنا: شعارات فقط، ولا يظهر القسم بلا عميل حقيقي */
.rk-clients{list-style:none;padding:0;display:grid;gap:clamp(.75rem,2vw,1.25rem);
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:center}
.rk-clients li{display:grid;place-items:center;gap:.35rem;padding:1rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-sm);min-height:96px}
.rk-clients img{max-height:52px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.85;transition:filter .16s,opacity .16s}
.rk-clients li:hover img{filter:none;opacity:1}
.rk-clients__name{font-weight:600}
.rk-clients__service{font-size:.75rem;color:var(--muted);text-align:center}

/* نموذج الطلب داخل صفحة الخدمة */
.rk-lead-wrap{display:grid;gap:clamp(1.25rem,2.5vw,2rem)}
@media(min-width:900px){.rk-lead-wrap{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}
.rk-lead-intro h2{font-size:var(--h2)}
.rk-lead-intro p{color:var(--muted);margin-top:.5rem;max-width:36ch}
.rk-lead-alt{margin-top:1rem;font-size:var(--small)}
.rk-lead-alt a{text-decoration:underline;text-underline-offset:3px}
.rk-lead-form{display:grid;gap:.85rem}
@media(min-width:620px){.rk-lead-form{grid-template-columns:1fr 1fr}}
.rk-field{display:flex;flex-direction:column;gap:.3rem}
.rk-field--full{grid-column:1/-1}
.rk-field label{font-size:.875rem;font-weight:600}
.rk-field .rk-opt{font-weight:400;color:var(--muted)}
.rk-field input,.rk-field select,.rk-field textarea{font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 .8rem;height:var(--btn);width:100%}
.rk-field textarea{height:auto;min-height:118px;padding:.6rem .8rem;line-height:1.6;resize:vertical}
.rk-field input:focus-visible,.rk-field select:focus-visible,.rk-field textarea:focus-visible{border-color:var(--red)}
.rk-lead-submit{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}
.rk-lead-privacy{margin:0!important;text-align:start;font-size:.8125rem}
.rk-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.rk-note{border-radius:var(--r-sm);padding:.8rem 1rem;font-size:var(--small);margin-bottom:1rem}
.rk-note--ok{background:#e9f6ee;color:#14532d;border:1px solid #bbe3c9}
.rk-note--err{background:#fdecec;color:#7f1d1d;border:1px solid #f3c2c2}
.rk-contact__hours{color:var(--muted);font-size:var(--small)}

/* ==========================================================================
   الباقات
   ========================================================================== */
.rk-plans{display:grid;gap:1rem;align-items:stretch}
@media(min-width:860px){.rk-plans{grid-template-columns:repeat(3,1fr)}}
.rk-plan{position:relative;display:flex;flex-direction:column;gap:.55rem;padding:var(--pad);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.rk-plan h3{font-size:1.125rem}
.rk-plan__for{font-size:.875rem;color:var(--muted)}
.rk-plan__price{display:flex;align-items:baseline;gap:.35rem;margin:.35rem 0 .15rem;
  padding-bottom:.8rem;border-bottom:1px dashed var(--line-2)}
.rk-plan__price b{font-size:2.125rem;font-weight:600;line-height:1;letter-spacing:-.02em}
.rk-plan__price span{font-size:.8125rem;color:var(--muted)}
.rk-plan .rk-dia{margin-block:.25rem .6rem}
.rk-plan .rk-btn{margin-top:auto}
.rk-plan__more{align-self:center;font-size:.8125rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.rk-plan__more:hover{color:var(--ink)}

/* الموصى بها: تنعكس ألوانها وتُقصّ زاويتها — مميزة بلا تضخيم */
.rk-plan.is-pick{background:var(--navy-900);border-color:var(--navy-900);color:#fff;
  clip-path:polygon(22px 0,100% 0,100% 100%,0 100%,0 22px);border-radius:0 var(--r) var(--r) var(--r)}
.rk-plan.is-pick h3,.rk-plan.is-pick .rk-plan__price b{color:#fff}
.rk-plan.is-pick .rk-plan__for,.rk-plan.is-pick .rk-plan__price span,.rk-plan.is-pick .rk-plan__more{color:var(--steel-2)}
.rk-plan.is-pick .rk-plan__price{border-bottom-color:rgba(169,184,201,.28)}
.rk-plan.is-pick .rk-dia li::before{background:var(--red-soft)}
.rk-plan.is-pick .rk-plan__more:hover{color:#fff}
.rk-plan__sub{margin-top:.15rem!important;font-size:.875rem;color:var(--muted)}
.rk-plan.is-pick .rk-plan__sub{color:var(--steel-2)}
.rk-plan__note{margin-top:.6rem!important;font-size:.8125rem;line-height:1.55;color:var(--muted);
  border-inline-start:2px solid var(--red);padding-inline-start:.6rem}
.rk-plan.is-pick .rk-plan__note{color:var(--steel-2)}
.rk-plan__tag{position:absolute;top:1.05rem;inset-inline-end:1.5rem;font-size:.75rem;font-weight:600;
  color:var(--red-soft);display:inline-flex;align-items:center;gap:.4rem}
.rk-plan__tag::before{content:"";width:6px;height:6px;background:currentColor;transform:rotate(45deg)}

/* ==========================================================================
   الدعوة الختامية: العلامة بأوضح حضور
   ========================================================================== */
.rk-cta{position:relative;overflow:hidden;background:var(--navy-950);color:#fff;isolation:isolate;
  padding-block:clamp(3rem,5vw,4.25rem)}
.rk-cta__mark{position:absolute;z-index:-1;inset-block:-10%;inset-inline-end:-4%;width:min(46vw,520px);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cg stroke-linejoin='miter' stroke-linecap='butt'%3E%3Cpath d='M40 390 250 180 320 250' stroke='%238f1a23' stroke-width='28'/%3E%3Cpath d='M120 400 330 190' stroke='%238f1a23' stroke-opacity='.75' stroke-width='28'/%3E%3Cpath d='M-10 320 190 120 140 70' stroke='%237b8fa6' stroke-opacity='.35' stroke-width='28'/%3E%3Cpath d='M200 400 400 200' stroke='%237b8fa6' stroke-opacity='.2' stroke-width='28'/%3E%3C/g%3E%3Cpath d='M300 70l20 20-20 20-20-20z' fill='%23c41f2a'/%3E%3Cpath d='M350 120l15 15-15 15-15-15z' fill='%23c41f2a' fill-opacity='.7'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.9}
.rk-cta__in{max-width:var(--wrap)}
.rk-cta h2{color:#fff;font-size:var(--h2)}
.rk-cta h2+.rk-actions{margin-top:1.25rem}
.rk-cta p{color:var(--steel-2);margin-top:.45rem}
.rk-cta .rk-actions{margin-top:1.4rem;gap:1.1rem}
.rk-cta .rk-link{color:#dbe4ee}
.rk-cta .rk-link:hover{color:#fff}
@media(max-width:759px){.rk-cta__mark{opacity:.35;width:78vw;inset-inline-end:-30%}}

/* ==========================================================================
   الصفحات الداخلية
   ========================================================================== */
.rk-ihero{position:relative;overflow:hidden;color:#fff;isolation:isolate;
  background:linear-gradient(160deg,var(--navy-800) 0%,var(--navy-900) 50%,var(--navy-950) 100%);
  padding-block:calc(var(--header-h) + clamp(1.25rem,2.5vw,2rem)) clamp(2rem,3.5vw,2.75rem)}
.rk-ihero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background:repeating-linear-gradient(135deg,rgba(123,143,166,.07) 0 2px,transparent 2px 30px);
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 60%);mask-image:linear-gradient(90deg,#000,transparent 60%)}
.rk-ihero__grid{display:grid;gap:clamp(1.5rem,3vw,2.5rem);align-items:center}
@media(min-width:960px){.rk-ihero__grid.has-visual{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}}
.rk-ihero h1{color:#fff;font-size:var(--h1-in);line-height:1.22;max-width:18ch}
.rk-ihero .rk-lead{color:var(--steel-2);margin-top:.6rem}
.rk-ihero .rk-actions{margin-top:1.3rem}
.rk-ihero .k-flow{max-width:460px}
.rk-ihero .k-node{padding:0 .75rem}
.rk-ihero .k-node b{font-size:.875rem}
.rk-ihero .k-node em{font-size:.78rem}
.rk-ihero .k-node__ico{width:34px;height:34px}
/* نفس علاج البطل على اللوحي: الرسم تحت النص لا محذوفًا، فالصفحة الداخلية
   كانت تترك نصفها فارغًا بين 768 و959. */
@media(max-width:767px){.rk-ihero .k-flow{display:none}}
@media(min-width:768px) and (max-width:959px){.rk-ihero .k-flow{max-width:420px;margin-inline:auto}}
.rk-ihero--center{text-align:start}
.rk-ihero--slim{padding-block:calc(var(--header-h) + 1rem) 1.6rem}
.rk-ihero--slim h1{font-size:clamp(1.75rem,1.6rem + .6vw,2.125rem)}
.rk-crumb{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;font-size:.8125rem;color:var(--steel-2);margin-bottom:.7rem}
.rk-crumb a{color:var(--steel-2);text-decoration:none}
.rk-crumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rk-crumb i{width:4px;height:4px;background:var(--steel);transform:rotate(45deg)}

/* كتل المحتوى الداخلي */
.rk-prose{max-width:62ch}
.rk-prose p{color:var(--muted)}
.rk-prose p+p{margin-top:.85rem}
.rk-prose a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

.rk-grid{display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:760px){.rk-grid{grid-template-columns:repeat(3,1fr);border-top:0}}
.rk-grid article{padding:1.25rem 0;border-bottom:1px solid var(--line)}
@media(min-width:760px){
  .rk-grid article{padding:.25rem clamp(1rem,2.2vw,1.75rem) .25rem 0;border-bottom:0}
  .rk-grid article+article{padding-inline-start:clamp(1rem,2.2vw,1.75rem);border-inline-start:1px solid var(--line)}
}
.rk-grid h3{font-size:1.0625rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.55rem}
.rk-grid h3::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg);flex:none}
.rk-grid p{color:var(--muted);font-size:var(--small);line-height:1.65}

.rk-dia.rk-list{display:block;columns:2 22rem;column-gap:2.5rem}
.rk-dia.rk-list li{break-inside:avoid;margin-bottom:.6rem}

.rk-steps-in{list-style:none;padding:0;display:grid;gap:.6rem;counter-reset:s}
@media(min-width:760px){.rk-steps-in{grid-template-columns:repeat(4,1fr)}}
.rk-steps-in li{counter-increment:s;position:relative;padding:.95rem 1rem .95rem 1rem;background:var(--paper);
  border:1px solid var(--line);font-size:var(--small);font-weight:600;
  clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px)}
.rk-steps-in li::before{content:counter(s);display:block;font-size:.75rem;color:var(--red);font-weight:600;margin-bottom:.2rem;
  font-variant-numeric:tabular-nums}

.rk-faq{max-width:52rem;display:grid;gap:0;border-top:1px solid var(--line)}
.rk-faq details{border-bottom:1px solid var(--line)}
.rk-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.95rem 0;font-weight:600;font-size:1rem;min-height:48px}
.rk-faq summary::-webkit-details-marker{display:none}
.rk-faq summary::after{content:"";width:8px;height:8px;flex:none;border-inline-end:2px solid var(--muted);
  border-block-end:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.rk-faq details[open] summary::after{transform:rotate(225deg)}
.rk-faq p{color:var(--muted);font-size:var(--small);padding:0 0 1rem;max-width:64ch}

/* ── التواصل ───────────────────────────────────────────────────────── */
.rk-contact{display:grid;gap:1rem;align-items:start}
@media(min-width:860px){.rk-contact{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}}
.rk-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:var(--pad)}
.rk-contact__list{list-style:none;padding:0;display:grid;gap:0}
.rk-contact__list li{display:flex;gap:.8rem;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--line)}
.rk-contact__list li:last-child{border-bottom:0;padding-bottom:0}
.rk-contact__list li:first-child{padding-top:0}
.rk-contact__list .k-ico{color:var(--navy-700)}
.rk-contact__list span{display:block;font-size:.78rem;color:var(--muted);line-height:1.3}
.rk-contact__list a,.rk-contact__list b{font-weight:600;font-size:.95rem;color:var(--ink);text-decoration:none}
.rk-contact__list a:hover{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.rk-contact__note{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.875rem;color:var(--muted);line-height:1.65}

.rk-form .wpcf7-form .row{display:grid;grid-template-columns:1fr;gap:.85rem;margin:0}
@media(min-width:560px){.rk-form .wpcf7-form .row{grid-template-columns:1fr 1fr}}
.rk-form .wpcf7-form .row > div{width:auto;max-width:none;padding:0;margin:0!important}
.rk-form .wpcf7-form .row > div:nth-last-child(-n+2){grid-column:1/-1}
.rk-form label.royat-sr-only{position:static!important;width:auto;height:auto;margin:0 0 .35rem;clip:auto;
  white-space:normal;overflow:visible;display:block;font-size:.8125rem;font-weight:600;color:var(--ink)}
.rk-form input[type=text],.rk-form input[type=email],.rk-form input[type=tel],.rk-form textarea{
  width:100%;height:46px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 .85rem;
  font:inherit;font-size:.95rem;color:var(--ink);background:var(--paper);transition:border-color .15s,box-shadow .15s}
.rk-form textarea{height:132px!important;min-height:0;padding:.7rem .85rem;resize:vertical}
.rk-form input:focus,.rk-form textarea:focus{outline:none;border-color:var(--navy-700);box-shadow:0 0 0 3px rgba(196,31,42,.18)}
.rk-form button[type=submit]{height:var(--btn);width:100%;border:0;border-radius:var(--r-sm);background:var(--red);color:#fff;
  font:inherit;font-weight:600;cursor:pointer;margin-top:.25rem}
.rk-form button[type=submit]:hover{background:var(--red-dark)}
.rk-form button[type=submit]:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.rk-form .wpcf7-not-valid-tip{font-size:.8rem;color:var(--red-dark);margin-top:.3rem}
.rk-form .wpcf7-response-output{margin:1rem 0 0!important;padding:.7rem .9rem!important;border-radius:var(--r-sm);font-size:.9rem;
  border:1px solid var(--line-2)!important;background:var(--paper-2)}
.rk-form .wpcf7-form.sent .wpcf7-response-output{border-color:#8fdcc0!important;background:#effaf5}
.rk-form .wpcf7-form.invalid .wpcf7-response-output,.rk-form .wpcf7-form.failed .wpcf7-response-output{border-color:#f0b8bc!important;background:#fdf1f2}

/* ── الصفحات النظامية ──────────────────────────────────────────────── */
.rk-legal{padding-block:clamp(2rem,4vw,3rem)}
.rk-legal__grid{display:grid;gap:2rem;align-items:start}
@media(min-width:1024px){.rk-legal__grid{grid-template-columns:230px minmax(0,1fr)}}
.rk-toc{font-size:.875rem;border-inline-start:2px solid var(--line);padding-inline-start:1rem}
@media(min-width:1024px){.rk-toc{position:sticky;top:calc(var(--header-h) + 1.25rem)}}
.rk-toc b{display:block;font-size:.8125rem;color:var(--muted);margin-bottom:.5rem;font-weight:600}
.rk-toc ol{list-style:none;padding:0;display:grid;gap:.35rem}
.rk-toc a{color:var(--muted);text-decoration:none;line-height:1.5}
.rk-toc a:hover{color:var(--ink)}
.rk-doc{max-width:70ch;font-size:1.0625rem;line-height:1.9}
.rk-doc h2{font-size:1.3125rem;margin:2.25rem 0 .6rem;scroll-margin-top:calc(var(--header-h) + 1rem);
  display:flex;align-items:center;gap:.6rem}
.rk-doc h2::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);flex:none}
.rk-doc > :first-child{margin-top:0}
.rk-doc h3{font-size:1.0625rem;margin:1.5rem 0 .4rem}
.rk-doc p{margin:0 0 1rem;color:#3a4657}
.rk-doc ul,.rk-doc ol{margin:0 0 1.1rem;padding-inline-start:1.3rem;color:#3a4657}
.rk-doc li{margin-bottom:.35rem}
.rk-doc a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.rk-doc strong{color:var(--ink);font-weight:600}

/* ── 404 والبحث ────────────────────────────────────────────────────── */
.rk-results{list-style:none;padding:0;display:grid;border-top:1px solid var(--line);max-width:52rem}
.rk-results li{padding:1rem 0;border-bottom:1px solid var(--line)}
.rk-results a{font-weight:600;color:var(--ink);text-decoration:none}
.rk-results a:hover{color:var(--red)}
.rk-results p{font-size:var(--small);color:var(--muted);margin-top:.2rem}
.rk-search{display:flex;gap:.5rem;max-width:30rem;margin-top:1.4rem}
.rk-search input{flex:1;height:46px;border:1px solid rgba(169,184,201,.35);border-radius:var(--r-sm);padding:0 .85rem;
  font:inherit;font-size:.95rem;background:rgba(255,255,255,.06);color:#fff}
.rk-search input::placeholder{color:var(--steel-2)}
.rk-search input:focus{outline:none;border-color:#fff}
.rk-search button{height:46px;padding:0 1.2rem;border:0;border-radius:var(--r-sm);background:var(--red);color:#fff;font:inherit;font-weight:600;cursor:pointer}
.rk-quick{list-style:none;padding:0;display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:760px){.rk-quick{grid-template-columns:repeat(3,1fr);border-top:0}}
.rk-quick a{display:flex;align-items:center;gap:.8rem;padding:1rem 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
@media(min-width:760px){.rk-quick a{border-bottom:0;padding:.3rem 1.5rem .3rem 0}.rk-quick li+li a{border-inline-start:1px solid var(--line);padding-inline-start:1.5rem}}
.rk-quick .k-ico{color:var(--navy-700)}
.rk-quick b{font-weight:600;display:block}
.rk-quick span{font-size:.875rem;color:var(--muted)}
.rk-quick a:hover b{color:var(--red)}

/* ==========================================================================
   الفوتر
   ========================================================================== */
.rk-foot{position:relative;background:var(--navy-900);color:var(--steel-2);font-size:.875rem;
  padding-block:clamp(2rem,3.5vw,2.5rem) 0}
.rk-foot::before{content:"";position:absolute;top:0;inset-inline:0;height:1px;background:var(--navy-700)}
.rk-foot::after{content:"";position:absolute;top:-4px;inset-inline-start:max(1.125rem,calc((100% - var(--wrap))/2 + 2rem));
  width:9px;height:9px;background:var(--red);transform:rotate(45deg)}
.rk-foot a{color:#d7e0ea;text-decoration:none}
.rk-foot a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rk-foot__grid{display:grid;gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr)}
@media(min-width:900px){.rk-foot__grid{grid-template-columns:1.3fr 1fr 1fr 1.2fr}}
.rk-foot__brand{grid-column:1/-1}
@media(min-width:900px){.rk-foot__brand{grid-column:auto}}
.rk-foot h3,.rk-foot__name{color:#fff;font-size:.875rem;font-weight:600;margin:0 0 .55rem}
.rk-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.3rem}
.rk-foot__about{color:var(--steel);font-size:.8125rem;max-width:26ch;line-height:1.6}
.rk-foot__social{display:flex;gap:.4rem;margin-top:.8rem}
.rk-foot__social a{width:36px;height:36px;display:grid;place-items:center;color:#d7e0ea;
  border:1px solid var(--navy-700);clip-path:polygon(7px 0,100% 0,100% 100%,0 100%,0 7px)}
.rk-foot__social a:hover{background:var(--navy-800);color:#fff;text-decoration:none}
.rk-foot__social svg{width:16px;height:16px}
.rk-foot__bottom{margin-top:1.75rem;border-top:1px solid var(--navy-800);padding-block:.9rem;
  display:flex;flex-wrap:wrap;gap:.4rem 1.25rem;justify-content:space-between;font-size:.8125rem;color:var(--steel)}

/* ==========================================================================
   الهيدر (مشترك على كل قوالبنا)
   ========================================================================== */
.royat-home-page .tg-header__area{padding-block:0}
.royat-home-page .tg-header__area .row{min-height:var(--header-h)}
.royat-home-page .tg-header__area .container{max-width:calc(var(--wrap) + 4rem);padding-inline:clamp(1.125rem,3vw,2rem)}
.royat-home-page .logo img,.royat-home-page .nav-logo img{max-width:none!important;height:50px!important;width:auto!important}
@media(max-width:991px){.royat-home-page .logo img,.royat-home-page .nav-logo img{height:40px!important}}
.royat-home-page .tgmenu__navbar-wrap ul li a{font-family:var(--f)!important;font-size:.94rem!important;font-weight:400!important;
  position:relative;color:#dfe7f0!important}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a::before{content:"";position:absolute;inset-inline-start:50%;bottom:.55rem;
  width:6px;height:6px;background:var(--red);transform:translateX(50%) rotate(45deg) scale(0);transition:transform .18s}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:hover::before,
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:focus-visible::before,
.royat-home-page .tgmenu__navbar-wrap > ul > li.current-menu-item > a::before{transform:translateX(50%) rotate(45deg) scale(1)}
.royat-home-page .tgmenu__navbar-wrap > ul > li > a:hover{color:#fff!important}
.royat-home-page .tgmenu__btn-box{display:flex;align-items:center;gap:.5rem}
.royat-home-page .tgmenu__btn-box a{font-family:var(--f)!important}
.royat-home-page .r-nav-cta{display:inline-flex;align-items:center;height:40px;line-height:1;padding:0 1.05rem;border-radius:var(--r-sm);
  font-weight:600;font-size:.9rem;text-decoration:none;background:var(--red);color:#fff;border:1.5px solid var(--red)}
.royat-home-page .r-nav-cta:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{background:none!important;background-image:none!important;
  border:1.5px solid rgba(255,255,255,.3)!important;color:#fff!important;border-radius:var(--r-sm)!important;
  height:40px!important;min-height:0!important;line-height:1!important;display:inline-flex!important;align-items:center;
  padding:0 1.05rem!important;font-weight:600!important;font-size:.9rem!important}
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient:hover{border-color:#fff!important;background:rgba(255,255,255,.08)!important}
@media(max-width:991px){.royat-home-page .r-nav-cta{display:none}}
@media(min-width:992px){
  .royat-home-page .mobile-nav-toggler{display:none!important}
  .royat-home-page .tg-header__area .row > [class*="col-"].d-none{display:block!important}
  .royat-home-page .tg-header__area .row{flex-wrap:nowrap;align-items:center}
  .royat-home-page .tg-header__area .row > [class*="col-"]:first-child{flex:0 0 auto;width:auto;max-width:none}
  .royat-home-page .tg-header__area .row > [class*="col-"]:nth-child(2){flex:1 1 auto;width:auto;max-width:none}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{flex:0 0 auto;width:auto;max-width:none}
  .royat-home-page .tgmenu__navbar-wrap.tgmenu__main-menu{display:block!important}
  .royat-home-page .tgmenu__navbar-wrap > ul{display:flex;justify-content:center;margin:0;padding:0;list-style:none;flex-wrap:nowrap}
}
@media(max-width:991px){
  .royat-home-page .tgmenu__navbar-wrap.tgmenu__main-menu{display:none!important}
  .royat-home-page .mobile-nav-toggler{display:inline-grid!important}
}
.royat-home-page .tgmobile__menu-box{font-family:var(--f)}
.royat-home-page .tgmobile__menu-box,.royat-home-page .tgmobile__menu .menu-box{background:var(--navy-900)!important}

/* أيقونتا قائمة الجوال (الصفحة لا تحمّل Font Awesome) */
i.fa-bars,i.fa-xmark{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;background-color:currentColor;
  -webkit-mask:no-repeat center/contain;mask:no-repeat center/contain}
i.fa-bars{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zM3 11h18v2H3zM9 16h12v2H9z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18v2H3zM3 11h18v2H3zM9 16h12v2H9z'/%3E%3C/svg%3E")}
i.fa-xmark{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.4 4.2 19.8 5.6 13.4 12l6.4 6.4-1.4 1.4L12 13.4l-6.4 6.4-1.4-1.4L10.6 12 4.2 5.6l1.4-1.4L12 10.6z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.4 4.2 19.8 5.6 13.4 12l6.4 6.4-1.4 1.4L12 13.4l-6.4 6.4-1.4-1.4L10.6 12 4.2 5.6l1.4-1.4L12 10.6z'/%3E%3C/svg%3E")}
.mobile-nav-toggler{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
.tgmenu__navbar-wrap ul li.menu-item-has-children > a::after{content:"";display:inline-block;width:6px;height:6px;
  border-inline-end:1.6px solid currentColor;border-block-end:1.6px solid currentColor;transform:rotate(45deg);margin-inline-start:6px;vertical-align:2px}
/* القائمة المنسدلة: الثيم يفتحها بالمرور فقط وبتموضع LTR — تُفتح هنا بالتركيز
   أيضًا (لوحة المفاتيح)، وتبدأ من حافة البند في RTL، وبنفس ألوان الهوية. */
@media(min-width:992px){
  .tgmenu__navbar-wrap > ul > li{position:relative}
  .tgmenu__navbar-wrap ul li .sub-menu{left:auto!important;right:auto!important;inset-inline-start:-.6rem!important;
    min-width:240px;background:var(--paper)!important;border:1px solid var(--line)!important;border-radius:var(--r-sm);
    padding:.45rem 0!important;box-shadow:0 18px 40px -20px rgba(7,17,29,.45);text-align:start;z-index:60}
  .tgmenu__navbar-wrap ul li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:scale(1)}
  .tgmenu__navbar-wrap ul li .sub-menu li{text-align:start!important;margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li a{color:var(--ink)!important;padding:.55rem 1.1rem!important;font-size:.9rem!important;
    line-height:1.4!important;margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li a::before{display:none!important}
  .tgmenu__navbar-wrap ul li .sub-menu > li:hover > a,
  .tgmenu__navbar-wrap ul li .sub-menu > li > a:focus-visible{color:var(--red)!important;background:var(--paper-2);margin:0!important}
  .tgmenu__navbar-wrap ul li .sub-menu li.current-menu-item > a{color:var(--red)!important}
}
.tgmobile__menu .dropdown-btn{min-width:44px;min-height:44px}

/* ==========================================================================
   شريط الموافقة — شكل فقط، المنطق كما هو
   ========================================================================== */
#royat-consent{background:var(--navy-950)!important;border-top:1px solid var(--navy-700);color:#dfe7f0!important;
  font-family:var(--f)!important;box-shadow:0 -10px 30px rgba(7,17,29,.28)!important;padding:10px 16px!important;font-size:13.5px!important}
#royat-consent .rc-wrap{gap:10px!important;max-width:var(--wrap)}
#royat-consent a{color:#fff!important}
#royat-consent button{font-family:var(--f)!important;min-height:38px;border-radius:9px!important;min-width:84px}
#royat-consent .rc-accept{background:var(--red)!important;border:1.5px solid var(--red)!important;color:#fff!important}
#royat-consent .rc-reject{background:transparent!important;border:1.5px solid rgba(223,231,240,.45)!important;color:#fff!important}
#royat-consent .rc-manage{color:var(--steel-2)!important}
@media(max-width:767px){
  #royat-consent{padding:8px 11px!important;font-size:12px!important;line-height:1.5!important}
  #royat-consent .rc-wrap{gap:6px!important}
  #royat-consent p{flex:1 1 100%!important;margin:0!important}
  #royat-consent .rc-actions{width:100%;display:flex;gap:6px}
  #royat-consent .rc-actions button{flex:1 1 0;min-height:38px;padding:0 .35rem!important;font-size:12.5px!important;min-width:0}
  #royat-consent .rc-detail{font-size:11.5px!important;max-height:34vh;overflow:auto}
}

/* ==========================================================================
   الحركة: خفيفة، وتتوقف لمن يطلب تقليلها
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  .k-flow__spine{animation:none}
  .rk *,.rk *::before,.rk *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* باقتان فقط (البريد): عمودان متوازنان بدل ثلاثة يبقى أحدها فارغًا */
@media(min-width:860px){.rk-plans--2{grid-template-columns:repeat(2,1fr);max-width:800px}}
.rk bdi{unicode-bidi:isolate;direction:ltr}

/* زر «دخول العملاء» في هيدر الجوال: كان يلتف سطرين عند 390 ويُقصّ عند 320 */
.royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{white-space:nowrap!important}
@media(max-width:991px){
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{display:inline-flex!important;height:38px!important;
    padding:0 .8rem!important;font-size:.84rem!important}
  .royat-home-page .tgmenu__btn-box{gap:.35rem}
}
@media(max-width:359px){
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{padding:0 .6rem!important;font-size:.8rem!important}
  .royat-home-page .logo img,.royat-home-page .nav-logo img{height:34px!important}
}
@media(max-width:991px){
  .royat-home-page .tg-header__area .row{flex-wrap:nowrap;align-items:center}
  .royat-home-page .tg-header__area .row > [class*="col-"]{width:auto;max-width:none;flex:0 0 auto}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{flex:1 1 auto}
  .royat-home-page .tg-header__area .row > [class*="col-"]:last-child{display:flex;justify-content:flex-end}
  .royat-home-page .tgmenu__btn-box{justify-content:flex-end;margin-inline-start:auto;width:auto}
  .royat-home-page .tgmenu__btn-box > a.tg-btn-gradient{flex:0 0 auto!important;width:auto!important;max-width:none!important;overflow:visible!important}
}
/* القالب يضع هامش 30px يسار زر القائمة، فيبتعد عن الحافة ضعف بُعد الشعار عن الحافة المقابلة */
@media(max-width:991px){.royat-home-page .mobile-nav-toggler{margin:0!important}}

/* ==========================================================================
   مسرح البطل: الشعار يتّسع خلف التدرّج
   --------------------------------------------------------------------------
   المقارنة مع بارع أظهرت أن التدرّج وحده يُقرأ عنصرًا ثانويًا بجوار العنوان.
   الحل من الشعار لا من خارجه: خطوط «رؤيات» الكوفية المائلة تتّسع خلف العُقد
   بشفافية، فيصير المسار نابعًا من العلامة نفسها — لحظة بصرية لا يملكها غير
   رؤيات، بلا صورة ولا توهّج عام.
   ========================================================================== */
.rk-stage{position:relative;isolation:isolate}
.rk-stage::before{content:"";position:absolute;z-index:-1;inset:-14% -10% -10% -18%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cg stroke-linejoin='miter' stroke-linecap='butt'%3E%3Cpath d='M40 390 250 180 320 250' stroke='%238f1a23' stroke-opacity='.55' stroke-width='30'/%3E%3Cpath d='M120 400 330 190' stroke='%238f1a23' stroke-opacity='.38' stroke-width='30'/%3E%3Cpath d='M-10 320 190 120 140 70' stroke='%237b8fa6' stroke-opacity='.18' stroke-width='30'/%3E%3Cpath d='M200 400 400 200' stroke='%237b8fa6' stroke-opacity='.1' stroke-width='30'/%3E%3C/g%3E%3Cpath d='M300 70l20 20-20 20-20-20z' fill='%23c41f2a' fill-opacity='.8'/%3E%3Cpath d='M350 120l15 15-15 15-15-15z' fill='%23c41f2a' fill-opacity='.55'/%3E%3C/svg%3E") no-repeat center/contain;
  opacity:.85}
@media(max-width:639px){.rk-stage::before{inset:-6% -20% -4% -20%;opacity:.35}}

/* عُقد أوضح: حدّ أفتح، وإضاءة علوية رفيعة، وظل يعطي طبقة فوق الخطوط */
.rk-hero .k-node{border-color:rgba(169,184,201,.3);
  background:linear-gradient(180deg,rgba(34,58,86,.96),rgba(19,37,58,.96));
  filter:drop-shadow(0 14px 22px rgba(3,9,17,.55))}
.rk-hero .k-node b{font-size:1rem}
.rk-hero .k-node em{font-size:.84rem}
.rk-hero .k-node__ico{width:40px;height:40px;background:rgba(196,31,42,.3)}
/* المسار: أعرض، بلمعة خفيفة على الخط وحده */
.rk-hero .k-flow__spine{stroke-width:2.75;stroke-dasharray:10 6;filter:drop-shadow(0 0 5px rgba(255,90,100,.55))}
.rk-hero .k-flow__dot{filter:drop-shadow(0 0 4px rgba(255,90,100,.7))}
.rk-hero .k-flow__stub{stroke:rgba(169,184,201,.7)}

/* ══ نظام المحاذاة ═══════════════════════════════════════════════════
   قاعدة واحدة تُطبَّق في كل الصفحات: ما يُقرأ لمحةً (عنوان القسم، اسم
   الباقة، السعر، الدعوة) في الوسط؛ وما يُقرأ سطرًا سطرًا (الفقرة العربية
   الطويلة، القائمة، حقل النموذج) على اليمين. توسيط فقرة طويلة يُتعب
   العين لأن بداية كل سطر تتغيّر. */
.rk-head{text-align:center}
.rk-head .rk-lead,.rk-head p{margin-inline:auto;max-width:56ch}
.rk-sec > .rk-wrap > .rk-actions,
.rk-cta .rk-actions{justify-content:center}
.rk-cta__in{text-align:center}
.rk-cta p{margin-inline:auto;max-width:56ch}

/* رؤوس المجموعات داخل «حلولنا»: العنوان في الوسط مع علامة الهوية */
.rk-group__head{flex-direction:column;align-items:center;text-align:center;gap:.35rem}
.rk-group__head h2,.rk-group__head h3{padding-inline-start:0}
.rk-group__head h2::before,.rk-group__head h3::before{position:static;display:inline-block;
  margin-inline-end:.5rem;vertical-align:.12em}

/* الباقات: الاسم والسعر ووصفه في الوسط، والمزايا على اليمين */
.rk-plan h3,.rk-plan__for,.rk-plan__sub{text-align:center}
.rk-plan__price{justify-content:center}
.rk-plan .rk-dia,.rk-plan__note{text-align:start}

/* عناوين الكتل الداخلية (لمن تناسب، ماذا تحصل عليه، أسئلة شائعة) */
.rk-block__head{text-align:center;margin-bottom:clamp(1.25rem,2.2vw,1.75rem)}
.rk-block__head p{margin-inline:auto;max-width:56ch}

/* ══ لماذا رؤيات ═════════════════════════════════════════════════════ */
.rk-why{display:grid;gap:clamp(1rem,2.4vw,1.75rem)}
@media(min-width:800px){.rk-why{grid-template-columns:repeat(3,1fr)}}
.rk-why > div{display:grid;gap:.5rem;justify-items:center;text-align:center;padding-inline:.5rem}
.rk-why .k-ico{width:28px;height:28px;color:var(--navy-700)}
.rk-why h3{font-size:1.0625rem}
.rk-why p{color:var(--muted);font-size:var(--small);line-height:1.65;max-width:34ch}
@media(min-width:800px){
  .rk-why > div + div{border-inline-start:1px solid var(--line)}
}

/* ══ منتجاتنا ════════════════════════════════════════════════════════
   ثلاث بطاقات متساوية: لقطة حقيقية، اسم، وصف، إجراء واحد. الارتفاع
   موحَّد بـgrid لا بحشو فارغ. */
.rk-prods{display:grid;gap:clamp(1rem,2vw,1.4rem)}
@media(min-width:760px){.rk-prods{grid-template-columns:repeat(3,1fr)}}
.rk-prod{display:grid;grid-template-rows:auto 1fr auto;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .16s,box-shadow .16s}
.rk-prod:hover{border-color:var(--line-2);box-shadow:0 16px 34px -26px rgba(7,17,29,.5)}
.rk-prod__shot{aspect-ratio:16/10;background:var(--navy-900);overflow:hidden}
.rk-prod__shot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.rk-prod__body{padding:clamp(1rem,1.8vw,1.35rem);display:grid;gap:.5rem;align-content:start}
.rk-prod__body h3{font-size:1.1875rem;letter-spacing:0}
.rk-prod__body p{color:var(--muted);font-size:var(--small);line-height:1.7}
.rk-prod__act{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;
  padding:0 clamp(1rem,1.8vw,1.35rem) clamp(1rem,1.8vw,1.35rem)}
.rk-prod__dev{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;color:var(--muted);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:.4rem .6rem;text-decoration:none}
.rk-prod__dev:hover{color:var(--ink);border-color:var(--line-2)}
.rk-prod__dev .k-ico{width:16px;height:16px}

/* ══ شعارات العملاء ══════════════════════════════════════════════════ */
.rk-logos{list-style:none;padding:0;display:grid;gap:clamp(.6rem,1.4vw,1rem);
  grid-template-columns:repeat(2,1fr)}
@media(min-width:560px){.rk-logos{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.rk-logos{grid-template-columns:repeat(4,1fr)}}
.rk-logos li{display:grid;place-items:center;height:104px;padding:1rem;background:var(--paper);
  border:1px solid var(--line);border-radius:var(--r-sm)}
.rk-logos img{max-height:56px;max-width:100%;width:auto;object-fit:contain}
/* الشعارات هنا بألوانها: التحويل إلى رمادي أضاع هوية نصفها، وأخفى
   الشعارات الفاتحة تمامًا. والشعار الأبيض يجلس على بلاطة كحلية. */
.rk-logos li.is-dark{background:var(--navy-900);border-color:var(--navy-900)}
.rk-sec--tint .rk-logos li.is-dark{background:var(--navy-900)}
.rk-sec--tint .rk-logos li{background:var(--paper)}

/* صفحة العملاء: مجموعات مصنَّفة */
.rk-cgroup + .rk-cgroup{margin-top:clamp(2rem,4vw,3rem)}
.rk-cgroup h3{text-align:center;font-size:var(--h3);margin-bottom:clamp(1rem,2vw,1.4rem)}
.rk-cgroup h3::before{content:"";display:inline-block;width:8px;height:8px;background:var(--red);
  transform:rotate(45deg);margin-inline-end:.55rem;vertical-align:.12em}

/* ══ شعارات وسائل الدفع في الفوتر ════════════════════════════════════ */
/* الانتقائية هنا مقصودة: `.rk-foot ul` يفرض grid على كل قوائم الفوتر */
.rk-foot ul.rk-pay{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:.5rem}
.rk-foot ul.rk-pay li{display:grid;place-items:center;height:30px;padding:0 .5rem;background:rgba(255,255,255,.94);
  border-radius:6px}
.rk-foot ul.rk-pay img{height:17px;width:auto;display:block}
.rk-foot ul.rk-pay li.is-text{font-size:.75rem;color:var(--navy-900);font-weight:500;background:rgba(255,255,255,.9)}

/* ══ قائمة «حلولنا» — لوحة بثلاثة أعمدة ══════════════════════════════
   ليست قائمة تغطي الشاشة: لوحة بعرض محتواها تفتح تحت البند، كل عمود
   مجموعة بعنوانها. المستوى الثاني يُعرض ثابتًا داخل العمود لا كقائمة
   طائرة ثانية — طبقتان متتاليتان بالمرور تُفقدان الزائر مكانه.
   ملاحظة: بنية الثيم ‎.tgmenu__navbar-wrap > nav > ul > li‎، فلا يصحّ
   انتقاء الأبناء المباشرين من الحاوية. */
@media(min-width:992px){
  .tgmenu__navbar-wrap li.rk-mega{position:static}
  .tgmenu__navbar-wrap li.rk-mega > .sub-menu{
    inset-inline-start:50%!important;transform:translateX(50%) scale(1)!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(170px,1fr));gap:.1rem 1.75rem;
    width:max-content;max-width:min(820px,calc(100vw - 3rem));padding:1.15rem 1.45rem!important}
  .tgmenu__navbar-wrap li.rk-mega:hover > .sub-menu,
  .tgmenu__navbar-wrap li.rk-mega:focus-within > .sub-menu{opacity:1;visibility:visible}
  /* رأس العمود */
  .tgmenu__navbar-wrap li.rk-mega > .sub-menu > li{align-self:start}
  .tgmenu__navbar-wrap li.rk-mega > .sub-menu > li > a{
    padding:0 0 .45rem!important;font-size:.75rem!important;font-weight:600!important;letter-spacing:.02em;
    color:var(--muted)!important;border-bottom:1px solid var(--line);margin:0 0 .4rem!important;background:none!important}
  .tgmenu__navbar-wrap li.rk-mega > .sub-menu > li:hover > a{color:var(--ink)!important;background:none!important}
  /* عناصر العمود: ظاهرة دائمًا لا بالمرور */
  .tgmenu__navbar-wrap li.rk-mega .sub-menu .sub-menu{
    position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;
    display:block!important;min-width:0!important;border:0!important;box-shadow:none!important;padding:0!important;
    background:none!important;border-radius:0;inset:auto!important;width:auto!important}
  .tgmenu__navbar-wrap li.rk-mega .sub-menu .sub-menu li a{padding:.3rem 0!important;font-size:.875rem!important;
    color:var(--ink)!important;white-space:nowrap}
  .tgmenu__navbar-wrap li.rk-mega .sub-menu .sub-menu li a:hover{color:var(--red)!important;background:none!important}
  /* سهم البند الأب داخل اللوحة لا معنى له */
  .tgmenu__navbar-wrap li.rk-mega .sub-menu .dropdown-btn,
  .tgmenu__navbar-wrap li.rk-mega > .sub-menu > li > a::after{display:none!important}
}

/* المجموعة الصغيرة (مركزان مثلًا) تترك خانات يتيمة في شبكة رباعية الأعمدة،
   فتُلفّ بمرونة وتُوسَّط: صفّ من عنصرين في الوسط أنظف من عنصرين وفراغين. */
.rk-cgroup .rk-logos{display:flex;flex-wrap:wrap;justify-content:center}
.rk-cgroup .rk-logos li{flex:0 1 clamp(140px,21%,250px)}

/* ══ قناة تواصل عائمة واحدة ══════════════════════════════════════════
   كان على الشاشة ثلاثة عناصر عائمة: واتساب، ومحادثة Crisp، وزر العودة
   إلى الأعلى. الإبقاء عليها جميعًا يشتّت ويزاحم شريط الموافقة والفوتر.
   بقي واتساب وحده (رقم منشور ومُتابَع)، وأُوقفت Crisp، وحُذف زر العودة:
   الصفحات هنا قصيرة والتمرير للأعلى فعل يعرفه كل متصفح. */
.back-to-top-wrapper{display:none!important}

/* واتساب لا يجلس فوق شريط الموافقة: يُرفع بمقدار ارتفاع الشريط ما دام
   مفتوحًا، ويعود إلى مكانه بمجرد اختيار الزائر. */
body:has(#royat-consent[data-open="1"]) #ht-ctc-chat{inset-block-end:86px!important}
@media(max-width:767px){
  body:has(#royat-consent[data-open="1"]) #ht-ctc-chat{inset-block-end:126px!important}
}
.rk-grid p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.rk-grid p a:hover{color:var(--red)}

/* شارة حالة المشروع بجانب نوعه — للحالة التي تغيّر فهم البطاقة فعلًا
   (منشور، قيد التطوير)، لا لكل بطاقة. */
.rk-work__tags{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}
.rk-work__status{display:inline-flex;align-items:center;font-size:.6875rem;font-weight:600;
  padding:.24rem .5rem;border-radius:999px;background:var(--navy-900);color:#fff;letter-spacing:.01em}

/* توازن بصري بين الشعارات المختلفة النِّسب: العريض يُقيَّد بالعرض،
   والطويل يُمنح ارتفاعًا أكبر قليلًا، والمربّع يبقى على الحد الأساسي.
   لا تمديد: كلها object-fit:contain. */
.rk-logos li.is-wide img{max-height:40px;max-width:78%}
.rk-logos li.is-tall img{max-height:64px;max-width:60%}

/* ══ شريط الحقوق: الحقوق يمينًا وشعارات الدفع يسارًا ═══════════════════
   كانت الشعارات كتلةً مستقلة فوق الشريط. ضمّها إليه يوفّر سطرًا كاملًا
   ويجعل السطر الأخير يقرأ: من نحن (يمين) وبم تدفع (يسار).
   ملاحظة: قاعدتا `.rk-foot__pay` و`--center` فُقدتا حين أُعيدت كتابة
   كتلة القائمة الكبرى (قُصّ ذيل الملف)، وتُستعاد هنا بالشكل الجديد. */
.rk-foot__pay{margin:0}
.rk-foot__bottom{align-items:center;gap:.6rem 1.25rem}
@media(max-width:600px){
  .rk-foot__bottom{justify-content:center;text-align:center}
  .rk-foot ul.rk-pay{justify-content:center}
}