/*
Theme Name: Qasem Reach
Author: قاسم ريتش — Qasem Reach, Inc.
Description: قالب عربي/إنجليزي (RTL + LTR) لخدمات تصميم المواقع والمتاجر الإلكترونية والاستشارات. تصميم فاتح احترافي بخط IBM Plex Sans Arabic، مع زر تبديل اللغة، وصفحات سياسات تُنشأ تلقائياً لاعتماد بوابات الدفع.
Version: 1.34.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: qasem
Tags: rtl-language-support, translation-ready, one-column, custom-colors, custom-logo, portfolio, e-commerce
*/

/* ═══════════════ نظام الألوان — مستخرج من هوية العلامة ═══════════════ */
:root{
  --blue:      #305FF5;   /* الأزرق الأساسي */
  --blue-600:  #2A54DC;   /* أزرق داكن للتمرير */
  --blue-300:  #7695EE;   /* أزرق فاتح */
  --blue-50:   #EEF3FE;   /* خلفية زرقاء ناعمة */

  --navy:      #0B1121;   /* الكحلي الداكن — الهيدر والهيرو والفوتر */
  --navy-2:    #131C33;   /* بطاقات داخل المناطق الداكنة */

  --green:     #16A46B;   /* أخضر النتائج */
  --green-50:  #E8F7F0;   /* خلفية خضراء ناعمة */
  --green-700: #0F8A5B;   /* أخضر أعمق — نص على الفاتح */

  --paper:     #FFFFFF;
  --bg:        #F6FAF9;   /* خلفية الأقسام الفاتحة */
  --bg-2:      #F0F6F4;

  --text:      #16233A;   /* النص الأساسي */
  --text-2:    #46586F;   /* النص الثانوي */
  --muted:     #7488A0;   /* نص خافت */
  --line:      #E3EAF2;   /* حدود فاتحة */
  --line-d:    rgba(255,255,255,.13); /* حدود على الداكن */

  --ar: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --en: "IBM Plex Sans", system-ui, sans-serif;

  --max: 1180px;
  --r: 16px;
  --r-lg: 22px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --sh: 0 1px 2px rgba(11,17,33,.04), 0 8px 24px -14px rgba(11,17,33,.14);
  --sh-lg: 0 20px 50px -26px rgba(11,17,33,.3);
}

*,*::before,*::after{box-sizing:border-box;}
/* التمرير الناعم يُفعَّل بالجافاسكربت بعد اكتمال التحميل.
   لو كان مفعّلاً منذ البداية، انزلقت الصفحة أمام الزائر عند فتح أي رابط بمرساة. */
html{scroll-padding-top:88px;}
html.is-smooth{scroll-behavior:smooth;}
body{
  margin:0;background:var(--paper);color:var(--text);
  font-family:var(--ar);font-size:16px;line-height:1.85;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
html[data-lang="en"] body{font-family:var(--en);line-height:1.7;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-family:inherit;font-weight:600;line-height:1.4;letter-spacing:-.015em;}
p{margin:0;}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px;}

.wrap{width:min(100% - 40px,var(--max));margin-inline:auto;}
.sec{padding:clamp(58px,7.5vw,104px) 0;position:relative;}
.sec--bg{background:var(--bg);}
.sec--navy{background:var(--navy);color:#fff;}

/* ═══════════════ نظام اللغتين ═══════════════ */
[data-l]{display:none;}
html[data-lang="ar"] [data-l="ar"]{display:inline;}
html[data-lang="en"] [data-l="en"]{display:inline;}
html[data-lang="ar"] p [data-l="ar"],
html[data-lang="en"] p [data-l="en"]{display:inline;}
.blk[data-l]{display:none;}
html[data-lang="ar"] .blk[data-l="ar"],
html[data-lang="en"] .blk[data-l="en"]{display:block;}


/* ═══════════════ العناوين ═══════════════ */
.eyebrow{
  font-size:clamp(16px,1.8vw,18px);font-weight:700;letter-spacing:.06em;color:var(--blue);
  text-transform:uppercase;margin-bottom:16px;display:block;line-height:1.6;
}
/* العربية: بلا تباعد بين الحروف (يفكّ اتصالها) وبحجم أكبر قليلاً */
html[data-lang="ar"] .eyebrow{
  letter-spacing:0;font-size:clamp(18px,2.1vw,21px);text-transform:none;
}
.sec--navy .eyebrow{color:var(--blue-300);}
.head{text-align:center;max-width:720px;margin:0 auto clamp(34px,5vw,58px);}
.head--start{text-align:start;margin-inline:0;}
.h2{font-size:clamp(25px,3.9vw,40px);font-weight:700;letter-spacing:-.025em;}
.lead{color:var(--text-2);font-size:clamp(15px,1.6vw,17px);margin-top:14px;}
.sec--navy .lead{color:#A9BBD0;}
.hl{color:var(--blue);}
.sec--navy .hl{color:var(--blue-300);}

/* ═══════════════ الأزرار ═══════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 28px;border-radius:11px;font-family:inherit;font-weight:600;font-size:15px;
  border:1px solid transparent;cursor:pointer;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,border-color .25s;
}
.btn svg{width:18px;height:18px;flex:none;}
.btn--fill{background:var(--blue);color:#fff;box-shadow:0 8px 20px -8px rgba(48,95,245,.6);}
.btn--fill:hover{background:var(--blue-600);transform:translateY(-2px);box-shadow:0 14px 28px -10px rgba(48,95,245,.7);}
.btn--out{border-color:var(--line);color:var(--text);background:var(--paper);}
.btn--out:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);}
.sec--navy .btn--out{border-color:var(--line-d);color:#fff;background:rgba(255,255,255,.05);}
.sec--navy .btn--out:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff;}
.btn--wide{width:100%;}

/* ═══════════════ الهيدر ═══════════════ */
.hdr{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:90;background:var(--bg);
  border-bottom:1px solid transparent;transition:box-shadow .35s,border-color .35s;
}
.hdr.is-stuck{border-bottom-color:var(--line);box-shadow:0 10px 30px -22px rgba(11,17,33,.45);}
.hdr__in{display:flex;align-items:center;gap:20px;height:72px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16.5px;color:#fff;letter-spacing:-.02em;}
.logo__mark{
  width:34px;height:34px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--blue);font-size:15px;font-weight:700;color:#fff;
}
.nav{margin-inline-start:auto;display:flex;gap:2px;}
.nav a{padding:8px 13px;border-radius:9px;font-size:14.5px;color:#B6C4D6;font-weight:500;transition:color .25s,background .25s;}
.nav a:hover{color:#fff;background:rgba(255,255,255,.07);}
.hdr .btn{padding:10px 20px;font-size:14px;}
.burger{display:none;width:42px;height:42px;border-radius:10px;border:1px solid var(--line-d);background:none;cursor:pointer;}
.burger span{display:block;width:17px;height:1.6px;background:#fff;margin:4px auto;transition:.3s;border-radius:2px;}
.is-open .burger span:nth-child(1){transform:translateY(5.6px) rotate(45deg);}
.is-open .burger span:nth-child(2){opacity:0;}
.is-open .burger span:nth-child(3){transform:translateY(-5.6px) rotate(-45deg);}

/* ═══════════════ الهيرو ═══════════════ */
.hero{
  background:var(--bg);color:var(--text);position:relative;overflow:hidden;
  padding:clamp(112px,15vw,150px) 0 clamp(64px,8vw,96px);text-align:center;
}
.hero::before{
  content:"";position:absolute;width:760px;height:520px;border-radius:50%;filter:blur(130px);
  background:rgba(48,95,245,.13);inset-block-start:-260px;inset-inline-start:50%;transform:translateX(-50%);
}
.hero__in{position:relative;z-index:1;max-width:830px;margin-inline:auto;}
.badge{
  display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;
  border:1px solid rgba(48,95,245,.24);background:var(--blue-50);
  font-size:13px;color:var(--blue);margin-bottom:24px;font-weight:600;
}
.badge i{width:6px;height:6px;border-radius:50%;background:var(--blue);animation:ping 2.4s infinite;}
@keyframes ping{0%,100%{opacity:1;}50%{opacity:.35;}}
.hero h1{font-size:clamp(29px,5vw,54px);font-weight:700;line-height:1.3;letter-spacing:-.035em;}
.swap{display:inline-grid;vertical-align:bottom;}
/* الكلمة الداخلة تظهر بكامل وضوحها فوراً وتنزلق، والخارجة تختفي سريعاً،
   فلا تمرّ لحظة يكون فيها النص باهتاً أو غائباً. */
.swap > span{
  grid-area:1/1;color:var(--blue);
  opacity:0;transform:translateY(14px);
  transition:opacity .16s linear,transform .42s var(--ease);
}
.swap > span.on{
  opacity:1;transform:none;
  transition:opacity 0s linear,transform .42s var(--ease);
}
/* السطر الثالث في الهيرو: بأزرق العلامة كي يتميّز عن العنوان الكحلي فوقه. */
.hero__ai{
  margin-top:14px;font-size:clamp(18.5px,2.6vw,29px);font-weight:700;
  line-height:1.5;letter-spacing:-.02em;color:var(--blue);
}
.hero .lead{margin:20px auto 0;max-width:640px;color:var(--text-2);}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px;}
.hero__note{margin-top:18px;font-size:14.5px;font-weight:600;color:var(--text-2);}

/* شريط الثقة تحت الهيرو */
.tbar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.tbar div{background:var(--paper);padding:22px 16px;}
.tbar b{display:block;font-size:19px;font-weight:700;color:var(--text);}
.tbar small{display:block;font-size:12.5px;color:var(--muted);margin-top:4px;}

/* ═══════════════ شريط الأدوات ═══════════════ */
.marq{position:relative;border-block:1px solid var(--line);padding:24px 0;background:var(--paper);}
/* نافذة وسطى محدودة العرض: تبقى مساحة فارغة يميناً ويساراً */
.marq__win{position:relative;width:min(100% - 40px,900px);margin-inline:auto;overflow:hidden;}
.marq__t{font-size:clamp(16px,1.8vw,18px);letter-spacing:.06em;color:var(--text-2);text-align:center;margin-bottom:20px;text-transform:uppercase;font-weight:700;line-height:1.6;}
html[data-lang="ar"] .marq__t{letter-spacing:0;font-size:clamp(18px,2.1vw,21px);text-transform:none;}
.marq__track{display:flex;align-items:center;gap:56px;width:max-content;animation:slide 46s linear infinite;}
.marq:hover .marq__track{animation-play-state:paused;}
@keyframes slide{from{transform:translateX(0);}to{transform:translateX(50%);}}
/* الشعارات: بألوانها الأصلية وواضحة دائماً */
/* ارتفاع كل شعار محسوب في qasem_logos() ليتساوى حضوره البصري مع البقية */
.marq__logo{flex:none;height:calc(var(--lh,27px) * var(--lf,1));width:auto;object-fit:contain;
  transition:transform .35s ease;}
.marq__logo:hover{transform:translateY(-3px);}
/* تلاشي الحافتين ليبدو الشريط لانهائياً */
.marq__win::before,.marq__win::after{content:"";position:absolute;top:0;bottom:0;width:70px;z-index:2;pointer-events:none;}
.marq__win::before{inset-inline-start:0;background:linear-gradient(to right,var(--paper),transparent);}
.marq__win::after{inset-inline-end:0;background:linear-gradient(to left,var(--paper),transparent);}
[dir="rtl"] .marq__win::before{background:linear-gradient(to left,var(--paper),transparent);}
[dir="rtl"] .marq__win::after{background:linear-gradient(to right,var(--paper),transparent);}
@media (max-width:640px){
  .marq__track{gap:38px;animation-duration:34s;}
  .marq{--lf:.82;}   /* تصغير متناسب على الجوال */
  .marq__win::before,.marq__win::after{width:36px;}
}
@media (prefers-reduced-motion:reduce){.marq__track{animation:none;}}

/* ═══════════════ الشبكات والبطاقات ═══════════════ */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.card{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;
}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#D3DEEC;}
.card h3{font-size:18px;margin-bottom:9px;}
.card p{color:var(--text-2);font-size:14.6px;}
.ico{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px;
  background:var(--blue-50);color:var(--blue);
}
.ico svg{width:22px;height:22px;}
.ico--g{background:var(--green-50);color:var(--green);}

/* بطاقات الخدمات */
.svc{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s;}
.svc:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#D3DEEC;}
.svc h3{font-size:19px;margin-bottom:10px;}
.svc > p{color:var(--text-2);font-size:14.6px;}
.svc__list{margin:18px 0 22px;display:grid;gap:10px;}
.svc__list li{position:relative;padding-inline-start:24px;font-size:14.2px;color:var(--text-2);line-height:1.7;}
.svc__list li::before{
  content:"";position:absolute;inset-inline-start:0;inset-block-start:8px;width:16px;height:16px;border-radius:50%;
  background:var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23305FF5' stroke-width='3.5'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat;
}
.out{
  margin-top:auto;padding:11px 14px;border-radius:10px;background:var(--green-50);
  color:#0E7A50;font-size:13px;font-weight:600;margin-bottom:16px;
}
.svc__from{font-size:13.5px;color:var(--muted);margin-bottom:14px;}
.svc__from b{font-family:var(--en);font-size:22px;color:var(--text);margin-inline-start:5px;font-weight:700;}

/* بطاقات المشكلة */
.pain{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:26px 24px;}
.pain__x{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:14px;
  background:#FDEDED;color:#D95A5A;font-size:14px;}
.pain h3{font-size:17px;margin-bottom:8px;}
.pain p{color:var(--text-2);font-size:14.4px;}
.solve{
  margin-top:20px;border-radius:var(--r);padding:24px 28px;background:var(--blue-50);
  border:1px solid #D8E3FD;
}
.solve p{font-size:15.6px;color:#1E3557;}
.solve b{color:var(--blue);}

/* ═══════════════ خطوات آلية العمل ═══════════════ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;}
.steps::before{content:"";position:absolute;inset-block-start:24px;inset-inline:50px;height:1px;background:var(--line);}
.steps li{position:relative;}
.steps__n{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin-bottom:18px;
  font-family:var(--en);font-size:17px;font-weight:700;color:#fff;background:var(--blue);
  position:relative;z-index:1;box-shadow:0 0 0 7px var(--bg);
}
.sec--bg .steps__n{box-shadow:0 0 0 7px var(--bg);}
.steps h3{font-size:17px;margin-bottom:8px;}
.steps p{color:var(--text-2);font-size:14.3px;}

/* ═══════════════ نماذج الأعمال ═══════════════ */
.case{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);}
.case:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.case__top{padding:22px 24px 0;}
.case__cat{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.08em;padding:5px 12px;border-radius:100px;
  background:var(--bg-2);color:var(--text-2);text-transform:uppercase;margin-bottom:14px;}
.case h3{font-size:17.5px;line-height:1.55;}
/* سطر وصف العميل تحت عنوان الحالة، ورابط موقعه. */
.case__sub{font-size:13.5px;color:var(--muted);margin-top:6px;line-height:1.6;}
.case__link{
  display:inline-flex;align-items:center;gap:5px;margin-top:9px;
  font-family:var(--en);font-size:13px;font-weight:600;color:var(--blue);direction:ltr;
}
.case__link svg{width:13px;height:13px;}
.case__link:hover{color:var(--blue-600);text-decoration:underline;}
.case__body{padding:16px 24px 24px;display:grid;gap:14px;}
.case__row > span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:3px;}
.case__row p{font-size:14.2px;color:var(--text-2);}
.case__res{
  margin-top:auto;padding:16px 24px;background:var(--green-50);display:flex;align-items:baseline;gap:10px;
}
.case__res b{font-family:var(--en);font-size:26px;font-weight:700;color:var(--green);line-height:1;}
.case__res small{font-size:13px;color:#2E6B52;}

/* ═══════════════ الإحصائيات ═══════════════ */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
.stat b{display:block;font-family:var(--en);font-size:clamp(30px,4.4vw,44px);font-weight:700;color:var(--blue);line-height:1;letter-spacing:-.03em;}
.stat small{display:block;color:var(--text-2);font-size:13.5px;margin-top:9px;}

/* ═══════════════ الأسعار ═══════════════ */
.price{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px 28px;
  display:flex;flex-direction:column;position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.price:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
/* الباقة الأكثر طلباً: خلفية زرقاء ناعمة متدرّجة تميّزها عن البطاقتين
   البيضاوين على جانبيها، مع إطار أزرق وظل أعمق. */
.price--hot{
  border-color:var(--blue);border-width:1.5px;
  background:linear-gradient(172deg,rgba(48,95,245,.14),rgba(48,95,245,.05)),var(--paper);
  box-shadow:0 22px 50px -24px rgba(48,95,245,.55);
}
.ptag{
  position:absolute;inset-block-start:-12px;inset-inline-start:50%;transform:translateX(50%);
  font-size:11.5px;font-weight:700;padding:5px 15px;border-radius:100px;background:var(--blue);color:#fff;white-space:nowrap;
}
html[data-lang="en"] .ptag{transform:translateX(-50%);}
/* عنوان الباقة ككبسولة: الجانبيتان بدرجة فاتحة، والأكثر طلباً أزرق مصمت */
.price h3{
  align-self:flex-start;display:inline-block;
  font-size:17px;font-weight:700;line-height:1.35;
  color:var(--blue);background:var(--blue-50);
  border:1px solid rgba(48,95,245,.24);
  border-radius:100px;padding:8px 21px;
}
.price--hot h3{
  color:#fff;background:var(--blue);border-color:var(--blue);
  box-shadow:0 6px 16px -9px rgba(48,95,245,.85);
}
.price__desc{font-size:13.8px;color:var(--text-2);margin-top:6px;min-height:42px;}
.price__amt{font-family:var(--en);font-size:36px;font-weight:700;margin:18px 0 2px;color:var(--text);line-height:1;letter-spacing:-.03em;}
.price__note{font-size:12.5px;color:var(--muted);}
.price ul{margin:22px 0 26px;display:grid;gap:11px;}
.price li{display:flex;gap:9px;align-items:flex-start;font-size:14.2px;color:var(--text-2);}
.price li svg{width:16px;height:16px;color:var(--green);flex:none;margin-top:5px;}
.price .btn{margin-top:auto;}

/* شريط الدفع */
.pays{margin-top:32px;border-radius:var(--r);padding:24px 28px;text-align:center;background:var(--paper);border:1px solid var(--line);}
.pays__t{font-size:12px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;font-weight:600;}
.pays__row{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:16px 0 12px;}
.pays__row span{padding:8px 17px;border-radius:9px;border:1px solid var(--line);background:var(--bg);font-size:13.2px;color:var(--text-2);font-weight:500;}
.pays__note{font-size:13.2px;color:var(--muted);}

/* ═══════════════ جدول المقارنة ═══════════════ */
.tbl-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--paper);}
.tbl{width:100%;border-collapse:collapse;min-width:620px;text-align:start;}
.tbl th,.tbl td{padding:14px 20px;border-bottom:1px solid var(--line);font-size:14.3px;}
.tbl thead th{background:var(--navy);color:#fff;font-weight:600;font-size:13.8px;}
.tbl tbody tr:nth-child(even){background:var(--bg);}
.tbl tbody tr:hover{background:var(--blue-50);}
.tbl td{color:var(--text-2);}
.tbl td:first-child{font-weight:600;color:var(--text);}
.tbl .y{color:var(--green);font-weight:700;font-size:15px;}
.tbl .n{color:#BCC8D6;}
.tbl tbody tr:last-child td{border-bottom:none;}

/* ═══════════════ آراء العملاء ═══════════════ */
.rail{display:flex;gap:18px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory;
  scrollbar-width:thin;scrollbar-color:var(--blue) transparent;}
.rail::-webkit-scrollbar{height:5px;}
.rail::-webkit-scrollbar-thumb{background:var(--blue);border-radius:9px;}
.quote{
  flex:0 0 min(370px,84vw);scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:26px 24px;display:flex;flex-direction:column;gap:15px;
}
.stars{color:#F0A82C;letter-spacing:2px;font-size:13.5px;}
.quote p{color:var(--text-2);font-size:14.5px;flex:1;}
.who{display:flex;align-items:center;gap:12px;padding-top:15px;border-top:1px solid var(--line);}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:15px;
  background:var(--blue-50);color:var(--blue);flex:none;}
.who b{font-size:14.3px;font-weight:600;display:block;}
.who small{color:var(--muted);font-size:12.5px;}

/* ═══════════════ الأسئلة الشائعة ═══════════════ */
.faq{max-width:830px;margin-inline:auto;display:grid;gap:12px;}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:12px;transition:border-color .3s,box-shadow .3s;}
.faq details[open]{border-color:#CFDCFA;box-shadow:var(--sh);}
.faq summary{
  list-style:none;cursor:pointer;padding:18px 22px;display:flex;align-items:center;gap:14px;
  font-size:15.8px;font-weight:600;transition:color .3s;
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary:hover{color:var(--blue);}
.faq summary > span{flex:1;}
.faq__i{width:28px;height:28px;border-radius:50%;background:var(--blue-50);flex:none;position:relative;transition:.3s var(--ease);}
.faq__i::before,.faq__i::after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;background:var(--blue);transition:.3s var(--ease);}
.faq__i::before{width:10px;height:1.8px;transform:translate(50%,-50%);}
.faq__i::after{width:1.8px;height:10px;transform:translate(50%,-50%);}
html[data-lang="en"] .faq__i::before{transform:translate(-50%,-50%);}
html[data-lang="en"] .faq__i::after{transform:translate(-50%,-50%);}
.faq details[open] .faq__i{background:var(--blue);}
.faq details[open] .faq__i::before{background:#fff;}
.faq details[open] .faq__i::after{opacity:0;}
.faq__a{padding:0 22px 20px;color:var(--text-2);font-size:14.8px;line-height:1.9;}

/* ═══════════════ نموذج الطلب ═══════════════ */
.order{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,4.5vw,52px);align-items:start;
  background:var(--navy);border-radius:var(--r-lg);padding:clamp(28px,4.5vw,52px);color:#fff;
  position:relative;overflow:hidden;
}
.order::before{
  content:"";position:absolute;width:520px;height:420px;border-radius:50%;filter:blur(130px);
  background:rgba(48,95,245,.32);inset-block-start:-200px;inset-inline-end:-120px;
}
.order > *{position:relative;z-index:1;}
.order h2{font-size:clamp(22px,3.2vw,32px);font-weight:700;letter-spacing:-.025em;}
.order .eyebrow{color:var(--blue-300);}
.order .lead{color:#A9BBD0;}
.order__ok{margin-top:22px;display:grid;gap:10px;}
.order__ok li{position:relative;padding-inline-start:25px;font-size:14.2px;color:#C3D2E4;}
.order__ok li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--blue-300);font-weight:700;}
.form{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.form label{display:grid;gap:7px;}
.form .full{grid-column:1/-1;}
.form label > span{font-size:13.2px;color:#B6C4D6;font-weight:500;}
.form input,.form select,.form textarea{
  width:100%;padding:12px 15px;border-radius:10px;font-family:inherit;font-size:14.4px;
  background:rgba(255,255,255,.06);border:1px solid var(--line-d);color:#fff;transition:border-color .25s,background .25s;
}
.form textarea{resize:vertical;line-height:1.7;}
.form input::placeholder,.form textarea::placeholder{color:#6E829C;}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue-300);background:rgba(255,255,255,.1);}
.form select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238CA0B8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 13px center;background-size:16px;padding-inline-start:40px;}
html[data-lang="en"] .form select{background-position:right 13px center;padding-inline-start:15px;padding-inline-end:40px;}
.form select option{background:var(--navy);color:#fff;}
.form__note{grid-column:1/-1;font-size:12.4px;color:#8CA0B8;text-align:center;}
.form__note a{color:var(--blue-300);text-decoration:underline;}
.form .err{border-color:#E88;}
.form__msg{grid-column:1/-1;padding:12px 16px;border-radius:10px;font-size:13.8px;
  background:rgba(48,95,245,.18);border:1px solid rgba(118,149,238,.45);color:#CFDDFF;}

/* ═══════════════ الفوتر ═══════════════ */
.ftr{background:var(--navy);color:#fff;padding:58px 0 26px;}
.ftr__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:32px;}
.ftr p{color:#8CA0B8;font-size:14.2px;margin-top:16px;max-width:38ch;}
.ftr h4{font-size:13px;margin-bottom:15px;color:#fff;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.ftr li a,.ftr__txt{color:#8CA0B8;font-size:14.2px;line-height:2.2;transition:color .25s;}
.ftr li a:hover{color:var(--blue-300);}
.social{display:flex;gap:9px;margin-top:22px;}
.social a{width:38px;height:38px;border-radius:10px;border:1px solid var(--line-d);display:grid;place-items:center;color:#8CA0B8;transition:.3s var(--ease);}
.social a:hover{background:var(--blue);color:#fff;border-color:transparent;transform:translateY(-2px);}
.social svg{width:16px;height:16px;}
.copy{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-d);display:flex;justify-content:space-between;
  gap:12px;flex-wrap:wrap;font-size:12.8px;color:#7E92AC;}

/* ═══════════════ عناصر عائمة ═══════════════ */
.wa{
  position:fixed;inset-block-end:22px;inset-inline-start:22px;z-index:80;width:54px;height:54px;border-radius:50%;
  background:#25D366;display:grid;place-items:center;box-shadow:0 12px 28px -10px rgba(37,211,102,.7);
  transition:transform .3s var(--ease);
}
.wa:hover{transform:scale(1.08);}
.wa svg{width:27px;height:27px;color:#fff;}
/* يُخفى للأعلى لا للجانب: الإخفاء الجانبي يفتح مساحة تمرير أفقية في RTL */
.skip{position:absolute;inset-inline-start:20px;inset-block-start:-120px;z-index:200;
  background:var(--blue);color:#fff;padding:12px 22px;border-radius:0 0 10px 10px;}
.skip:focus{inset-block-start:0;}

/* ═══════════════ صفحات المحتوى ═══════════════ */
.page-hero{background:var(--bg);color:var(--text);padding:126px 0 54px;border-bottom:1px solid var(--line);}
.page-hero h1{font-size:clamp(25px,3.8vw,38px);font-weight:700;letter-spacing:-.025em;}
.page-hero time{color:var(--muted);font-size:13.5px;}
.page-hero .lead{
  color:var(--text-2);font-size:clamp(16px,1.8vw,18.5px);
  max-width:62ch;margin-inline:auto;
}
.page-hero .eyebrow{color:var(--blue);}
.entry{padding:52px 0 84px;}
.entry__body{max-width:74ch;color:var(--text-2);font-size:16.2px;}
.entry__body h2{font-size:23px;margin:32px 0 12px;color:var(--text);}
.entry__body h3{font-size:19px;margin:26px 0 10px;color:var(--text);}
.entry__body p{margin-bottom:18px;}
.entry__body a{color:var(--blue);text-decoration:underline;}
.entry__body ul,.entry__body ol{margin:0 20px 20px;list-style:disc;}
.entry__body li{margin-bottom:9px;}
.entry__body img{border-radius:12px;margin:22px 0;}
.pager{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px;}
.pager a{padding:10px 20px;border:1px solid var(--line);border-radius:10px;font-size:14px;color:var(--text-2);transition:.25s;}
.pager a:hover{border-color:var(--blue);color:var(--blue);}
.post{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s;}
.post:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.post__img{aspect-ratio:16/10;background:var(--bg-2);position:relative;}
.post__cat{position:absolute;inset-block-start:12px;inset-inline-end:12px;font-size:11.5px;padding:4px 11px;border-radius:100px;background:var(--paper);color:var(--text-2);border:1px solid var(--line);}
.post__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.post h3{font-size:16.5px;line-height:1.55;}
.post time{font-size:12.5px;color:var(--muted);}
.post__more{margin-top:auto;color:var(--blue);font-size:13.5px;font-weight:600;}
.admin-bar .hdr{inset-block-start:32px;}
@media (max-width:782px){.admin-bar .hdr{inset-block-start:46px;}}

/* حركة الظهور */
.rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.rv.in{opacity:1;transform:none;}

/* ═══════════════ الاستجابة ═══════════════ */
@media (max-width:1080px){
  .steps{grid-template-columns:1fr 1fr;}
  .steps::before{display:none;}
  .ftr__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:980px){
  .grid3,.grid4{grid-template-columns:1fr 1fr;}
  .order{grid-template-columns:1fr;}
  .tbar{grid-template-columns:1fr 1fr;}
  .stats{grid-template-columns:1fr 1fr;gap:28px;}
}
@media (max-width:760px){
  .nav{
    position:fixed;inset-block-start:72px;inset-inline:0;flex-direction:column;gap:0;padding:12px 20px 22px;
    background:var(--bg);border-bottom:1px solid var(--line);transform:translateY(-135%);
    transition:transform .4s var(--ease);margin:0;
  }
  .is-open .nav{transform:none;}
  .nav a{padding:13px 4px;border-bottom:1px solid var(--line);border-radius:0;font-size:15.5px;}
  .burger{display:block;margin-inline-start:auto;}
  .hdr__in > .btn{display:none;}
  .grid3,.grid4,.steps,.ftr__grid{grid-template-columns:1fr;}
  .sec{padding:52px 0;}
  .head{margin-bottom:30px;}
  .form{grid-template-columns:1fr;}
  .wa{inset-block-end:22px;width:48px;height:48px;}
  .wa svg{width:23px;height:23px;}
  .price__desc{min-height:0;}
  /* السطر الأخضر أصغر على الجوال كي لا يزاحم العنوان ويدفع الأزرار للأسفل. */
  .hero__ai{font-size:17.5px;line-height:1.55;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;}
  html.is-smooth{scroll-behavior:auto;}
  .rv{opacity:1;transform:none;}
}

/* ═══════════════════════════════════════════════
 * صفحة خدمة تصميم المواقع والمتاجر
 * تستخدم متغيّرات الألوان نفسها — بلا ألوان أو خلفيات جديدة
 * ═══════════════════════════════════════════════ */

/* ── الهيرو ── */
.hero--svc h1{font-size:clamp(32px,5.6vw,60px);}
.hero__line{display:block;}
.tools{
  display:flex;flex-wrap:wrap;gap:10px 34px;justify-content:center;align-items:center;
  margin-top:44px;padding-top:30px;border-top:1px solid var(--line-d);
}
.tools span{font-family:var(--en);font-size:15px;font-weight:600;color:#7E92AC;transition:color .3s;}
.tools span:hover{color:#fff;}

/* ── التقسيم غير المتماثل ── */
.split{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;align-items:stretch;}
.split--rev{grid-template-columns:1.05fr 1fr;}

/* البطاقة الكبيرة */
.big{
  background:var(--navy);border-radius:var(--r-lg);overflow:hidden;color:#fff;
  display:flex;flex-direction:column;position:relative;
}
.big__txt{padding:clamp(26px,3.4vw,38px);display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.big__txt h3{font-size:clamp(20px,2.7vw,27px);font-weight:700;letter-spacing:-.02em;}
.big__txt .blk{color:#A9BBD0;font-size:14.8px;}
.big__txt .btn{margin-top:6px;}
.big__art{flex:1;min-height:190px;}
.big__art svg{width:100%;height:100%;display:block;}

/* أربع بطاقات */
.quad{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.quad .card{display:flex;flex-direction:column;}
.quad .card h3{font-size:17px;}
.quad .card .blk{font-size:14.2px;color:var(--text-2);}

/* بطاقة لماذا أنا */
.whycard{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,40px);display:flex;flex-direction:column;
}
.whycard .h2{text-align:start;}
.whycard .lead{margin-bottom:28px;}
.whycard .bars{margin:auto 0 0;}

/* أشرطة النسب */
.bars{display:grid;gap:20px;}
.bar__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px;}
.bar__top span{font-size:14.3px;font-weight:600;color:var(--text);}
.bar__top b{font-family:var(--en);font-size:16px;font-weight:700;color:var(--blue);}
.bar__track{height:8px;border-radius:100px;background:var(--bg-2);overflow:hidden;}
.bar__track i{display:block;height:100%;width:0;border-radius:100px;
  background:linear-gradient(90deg,var(--blue),var(--blue-300));transition:width 1.3s var(--ease);}

/* معرض الأعمال */
.collage{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;}
.tile{
  border-radius:var(--r);min-height:120px;display:grid;place-items:center;position:relative;overflow:hidden;
  border:1px solid var(--line);
}
.tile b{
  font-family:var(--en);font-size:15px;font-weight:700;letter-spacing:.06em;
  color:rgba(255,255,255,.92);position:relative;z-index:1;
}
.tile::after{content:"";position:absolute;inset:0;background:rgba(11,17,33,.28);}
.tile--1{background:linear-gradient(140deg,var(--navy),var(--blue));}
.tile--2{background:linear-gradient(140deg,var(--blue),var(--blue-300));}
.tile--3{background:linear-gradient(140deg,var(--blue-600),var(--navy));}
.tile--4{background:linear-gradient(140deg,var(--navy-2),var(--blue-600));}
.tile--5{background:linear-gradient(140deg,var(--blue-300),var(--blue-600));}
.tile--6{background:linear-gradient(140deg,var(--blue),var(--navy-2));}
.tile--1,.tile--6{grid-row:span 2;min-height:250px;}

/* ── شبكة المميزات ── */
.bento{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto auto;gap:20px;}
.bento > article{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.bento > article:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.bento__a{grid-row:span 2;display:flex;flex-direction:column;overflow:hidden;padding:clamp(26px,3.2vw,36px) clamp(26px,3.2vw,36px) 0;}
.bento__b,.bento__c{padding:clamp(24px,3vw,32px);}
.bento h3{font-size:19px;margin-bottom:9px;}
.bento .blk{color:var(--text-2);font-size:14.5px;}
.bento__txt{margin-bottom:26px;}

/* الجوال التوضيحي */
.phone{
  margin:auto auto 0;width:min(100%,244px);aspect-ratio:9/16;border-radius:26px 26px 0 0;
  background:var(--navy);padding:12px 12px 0;box-shadow:0 -10px 40px -18px rgba(11,17,33,.6);
}
.phone__scr{
  height:100%;border-radius:18px 18px 0 0;background:linear-gradient(170deg,#16233D,#0F1830);padding:14px;display:flex;flex-direction:column;gap:9px;
}
.phone__bar{height:7px;width:44%;border-radius:4px;background:rgba(255,255,255,.28);}
.phone__hero{height:74px;border-radius:12px;background:linear-gradient(130deg,var(--blue),var(--blue-300));}
.phone__l{height:7px;border-radius:4px;background:rgba(255,255,255,.34);}
.phone__l--s{width:62%;}
.phone__btn{height:26px;width:60%;border-radius:100px;background:var(--blue);}
.phone__row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:4px;}
.phone__row i{height:46px;border-radius:10px;background:rgba(255,255,255,.12);}

/* مؤشرات الأداء */
.gauge{display:flex;gap:12px;margin-top:22px;}
.gauge__b{flex:1;display:grid;gap:7px;justify-items:center;}
.gauge__b i{
  display:block;width:100%;height:7px;border-radius:100px;background:var(--bg-2);position:relative;overflow:hidden;
}
.gauge__b i::after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:var(--v);
  border-radius:100px;background:var(--green);}
.gauge__b small{font-family:var(--en);font-size:13px;font-weight:700;color:var(--green);}

/* خطوط الأمان */
.lines{display:grid;gap:8px;margin-top:22px;}
.lines i{height:8px;border-radius:100px;background:var(--bg-2);}
.lines i:nth-child(1){width:100%;background:var(--blue-50);}
.lines i:nth-child(2){width:78%;}
.lines i:nth-child(3){width:56%;}
.lines i:nth-child(4){width:34%;}

/* ── تبويب الأسعار ── */
.tabs{
  display:flex;gap:4px;padding:5px;border-radius:100px;background:var(--paper);
  border:1px solid var(--line);margin:0 auto clamp(26px,3.5vw,38px);width:max-content;
}
.tabs__b{
  border:0;background:none;cursor:pointer;padding:10px 30px;border-radius:100px;
  font-family:inherit;font-size:14.5px;font-weight:600;color:var(--text-2);
  transition:background .3s var(--ease),color .3s;
}
.tabs__b:hover{color:var(--blue);}
.tabs__b.on{background:var(--blue);color:#fff;}
.plans[data-tab]{display:none;}
.plans.on{display:grid;}

/* ── رحلة المشروع (تسلسل مائل) ── */
.sec--navy .whycard,.sec--navy .card{background:var(--navy-2);border-color:var(--line-d);}
.zig{position:relative;max-width:900px;margin-inline:auto;display:grid;gap:26px;}
.zig::before{
  content:"";position:absolute;inset-block:26px;inset-inline-start:50%;width:2px;
  background:linear-gradient(180deg,transparent,var(--blue),transparent);transform:translateX(50%);
}
.zig li{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;}
.zig li:nth-child(even) .zig__c{grid-column:3;}
.zig li:nth-child(odd) .zig__c{grid-column:1;}
.zig__n{
  grid-column:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--en);font-size:17px;font-weight:700;color:#fff;background:var(--blue);
  box-shadow:0 0 0 7px var(--navy);position:relative;z-index:1;
}
.zig__c{
  background:var(--navy-2);border:1px solid var(--line-d);border-radius:var(--r);
  padding:22px 24px;transition:transform .35s var(--ease),border-color .35s;
}
.zig__c:hover{transform:translateY(-3px);border-color:rgba(118,149,238,.5);}
.zig__c h3{font-size:17.5px;margin-bottom:8px;color:#fff;}
.zig__c .blk{color:#A9BBD0;font-size:14.3px;}
.zig__cta{text-align:center;margin-top:36px;}

/* ── شركاء النجاح ── */
.partners{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.partners span{
  background:var(--paper);padding:26px 10px;text-align:center;font-family:var(--en);
  font-size:14px;font-weight:700;letter-spacing:.08em;color:#9FB0C2;
  transition:color .3s,background .3s;
}
.partners span:hover{color:var(--blue);background:var(--bg);}

/* ── الاستجابة ── */
@media (max-width:980px){
  .split,.split--rev,.bento{grid-template-columns:1fr;}
  .bento__a{grid-row:auto;}
  .plans.on{grid-template-columns:1fr 1fr;}
  .partners{grid-template-columns:repeat(4,1fr);}
  .zig::before{inset-inline-start:23px;transform:none;}
  .zig li{grid-template-columns:auto 1fr;gap:16px;}
  .zig li:nth-child(even) .zig__c,.zig li:nth-child(odd) .zig__c{grid-column:2;}
  .zig__n{grid-column:1;}
}
@media (max-width:760px){
  .quad{grid-template-columns:1fr;}
  .plans.on{grid-template-columns:1fr;}
  .tabs{width:100%;}
  .tabs__b{flex:1;padding:11px 8px;}
  .partners{grid-template-columns:repeat(3,1fr);}
  .partners span{padding:20px 8px;font-size:12.5px;}
  .tile--1,.tile--6{grid-row:auto;min-height:120px;}
  .tools{gap:10px 20px;}
  .tools span{font-size:13px;}
}

/* ═══════════════════════════════════════════════
 * الصفحات الداخلية والقائمة — نفس نظام الألوان
 * ═══════════════════════════════════════════════ */


/* ── تصنيفات الأسئلة ── */
.fcats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:clamp(26px,3.4vw,38px);}
.fcat{
  display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:100px;cursor:pointer;
  border:1px solid var(--line);background:var(--paper);color:var(--text-2);
  font-family:inherit;font-size:14.3px;font-weight:600;transition:.28s var(--ease);
}
.fcat:hover{border-color:var(--blue);color:var(--blue);}
.fcat i{
  font-style:normal;font-family:var(--en);font-size:11.5px;font-weight:700;
  min-width:21px;height:21px;border-radius:100px;display:grid;place-items:center;
  background:var(--bg-2);color:var(--muted);transition:.28s var(--ease);
}
.fcat.on{background:var(--blue);border-color:var(--blue);color:#fff;}
.fcat.on i{background:rgba(255,255,255,.22);color:#fff;}
.fgroup{display:none;}
.fgroup.on{display:grid;}

/* صندوق المساعدة */
.fhelp{
  margin-top:30px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 30px;
}
.fhelp--lg{background:var(--navy);border-color:transparent;color:#fff;}
.fhelp h3{font-size:19px;margin-bottom:6px;}
.fhelp .blk{color:var(--text-2);font-size:14.5px;}
.fhelp--lg .blk{color:#A9BBD0;}
.fhelp .btn{flex:none;}

/* ── شريط الأعمال القابل للسحب ── */
.wrap--rail{width:min(100% - 40px,var(--max));}
.wrail{position:relative;}
.wrail__track{
  display:flex;gap:18px;overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory;
  scrollbar-width:thin;scrollbar-color:var(--blue) transparent;cursor:grab;
}
.wrail__track.drag{cursor:grabbing;scroll-snap-type:none;}
.wrail__track::-webkit-scrollbar{height:5px;}
.wrail__track::-webkit-scrollbar-thumb{background:var(--blue);border-radius:9px;}
.wrail__track::-webkit-scrollbar-track{background:var(--bg-2);border-radius:9px;}
.wrail__nav{
  position:absolute;inset-block-start:38%;z-index:3;width:44px;height:44px;border-radius:50%;cursor:pointer;
  border:1px solid var(--line);background:var(--paper);color:var(--text);display:grid;place-items:center;
  box-shadow:var(--sh);transition:.28s var(--ease);
}
.wrail__nav:hover{background:var(--blue);border-color:var(--blue);color:#fff;}
.wrail__nav svg{width:19px;height:19px;}
.wrail__nav--prev{inset-inline-end:-14px;}
.wrail__nav--next{inset-inline-start:-14px;}
.wcard{
  flex:0 0 min(330px,80vw);scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.wcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.wcard__img{
  aspect-ratio:16/10;position:relative;display:block;background-size:cover;background-position:center;
}
.wcard__cat{
  position:absolute;inset-block-start:12px;inset-inline-end:12px;font-size:11.5px;font-weight:600;
  padding:5px 12px;border-radius:100px;background:rgba(255,255,255,.92);color:var(--text);
}
.wcard__b{padding:18px 20px;display:flex;flex-direction:column;gap:9px;}
.wcard__b b{font-size:16.5px;font-weight:600;}
.wcard__b i{
  font-style:normal;display:flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--blue);
}
.wcard__b i svg{width:14px;height:14px;}
.tone-1{background:linear-gradient(140deg,var(--navy),var(--blue));}
.tone-2{background:linear-gradient(140deg,var(--blue),var(--blue-300));}
.tone-3{background:linear-gradient(140deg,var(--blue-600),var(--navy));}
.tone-4{background:linear-gradient(140deg,var(--navy-2),var(--blue-600));}
.tone-5{background:linear-gradient(140deg,var(--blue-300),var(--blue-600));}
.tone-6{background:linear-gradient(140deg,var(--blue),var(--navy-2));}

/* لقطة موقع حقيقي. توضع بعد تدرّجات tone لأن اختصار background فيها
   يعيد ضبط حجم الخلفية وموضعها، فلو سبقتها لظهرت الصورة بحجمها الأصلي. */
.wcard__img.wcard__img--photo{
  background-size:cover;background-position:center;background-color:var(--navy);
}
/* على لقطة موقع حقيقي ينتقل وسم التصنيف إلى الزاوية السفلية،
   لأن أعلى اللقطة يحمل شعار الموقع وقائمته فيتغطّيان به. */
.wcard__img--photo .wcard__cat{
  inset-block-start:auto;inset-block-end:12px;
  /* حدّ وظلّ خفيفان: اللقطة قد تكون بيضاء تحت الوسم فيذوب فيها. */
  background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px -6px rgba(11,17,33,.35);
}

/* ── بطاقات المتجر الرقمي ── */
.dcard{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.dcard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}
.dcard__img{display:block;aspect-ratio:16/9;}
.dcard__b{padding:22px;display:flex;flex-direction:column;gap:10px;flex:1;}
.dcard__b h3{font-size:17px;}
.dcard__b .blk{color:var(--text-2);font-size:14.2px;}
.dcard__f{
  margin-top:auto;padding-top:16px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.dcard__f b{font-family:var(--en);font-size:23px;font-weight:700;}
.dcard__f .btn{padding:10px 20px;font-size:14px;}
.note{
  margin-top:24px;padding:14px 20px;border-radius:12px;background:var(--blue-50);
  border:1px solid #D8E3FD;color:#1E3557;font-size:13.5px;text-align:center;
}

/* ── بطاقات التواصل ── */
.ccard{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px;
  display:flex;flex-direction:column;gap:9px;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s;
}
.ccard:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:#D3DEEC;}
.ccard h3{font-size:18px;}
.ccard .blk{color:var(--text-2);font-size:14.3px;}
.ccard__v{
  margin-top:auto;padding-top:14px;font-family:var(--en);font-size:14px;font-weight:600;color:var(--blue);
  direction:ltr;text-align:start;
}
.hours{
  margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
.hours span{background:var(--paper);padding:20px 22px 4px;font-size:12.5px;color:var(--muted);font-weight:600;}
.hours b{background:var(--paper);padding:0 22px 20px;font-size:15px;font-weight:600;}

/* ── الاستجابة ── */
@media (max-width:980px){
  .hours{grid-template-columns:1fr;}
  .hours span{padding:18px 20px 2px;}
  .hours b{padding:0 20px 16px;}
}
@media (max-width:760px){
  .wrail__nav{display:none;}
  .fcats{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;
    scrollbar-width:none;margin-inline:-20px;padding-inline:20px;}
  .fcats::-webkit-scrollbar{display:none;}
  .fcat{flex:none;}
  .fhelp{flex-direction:column;align-items:stretch;text-align:center;}
  .fhelp .btn{width:100%;}
  .hdr__cta{display:none;}
}

/* ── مبدّل اللغة العائم ── */
.langfab{
  position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:82;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:100px;
  border:1px solid rgba(255,255,255,.16);background:var(--navy);color:#fff;
  font-family:var(--en);font-size:14px;font-weight:600;
  box-shadow:0 12px 30px -12px rgba(11,17,33,.7);
  transition:transform .28s var(--ease),background .28s;
}
.langfab:hover{transform:translateY(-2px);background:var(--blue);border-color:var(--blue);}
.langfab svg{width:17px;height:17px;flex:none;}
html[data-lang="ar"] .langfab{font-family:var(--en);}
html[data-lang="en"] .langfab{font-family:var(--ar);}

/* الهيدر على الشاشات الضيقة: ضمان ظهور المبدّل */
@media (max-width:860px){
  .hdr__in{gap:10px;}
  .logo{min-width:0;font-size:15.5px;}
  .logo > span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .lang{margin-inline-start:auto;}
  .burger{margin-inline-start:0;}
}
@media (max-width:760px){
  .langfab{inset-block-end:22px;padding:10px 16px;font-size:13px;}
}

/* ═══════════════════════════════════════════════
 * الرأس: شريط مستطيل دائري عائم
 * ═══════════════════════════════════════════════ */
html{scroll-padding-top:104px;}

.hdr{
  background:var(--bg);border-bottom:1px solid transparent;box-shadow:none;
  padding-block-start:16px;transition:padding .35s var(--ease),border-color .35s;
}
.hdr.is-stuck{padding-block-start:9px;border-bottom-color:var(--line);box-shadow:none;}

.hdr__in{
  height:64px;border-radius:100px;gap:14px;
  background:var(--paper);border:1px solid var(--line);
  padding-inline:22px 10px;
  box-shadow:0 6px 22px -12px rgba(11,17,33,.22);
  transition:box-shadow .35s var(--ease),background .35s;
}
.hdr.is-stuck .hdr__in{box-shadow:0 14px 36px -16px rgba(11,17,33,.38);}

/* الشعار داكن على الخلفية البيضاء */
.hdr .logo{color:var(--text);}
.hdr .logo__mark{background:var(--blue);color:#fff;}

/* القائمة في الوسط */
.nav{margin-inline:auto;gap:2px;}
.nav a{color:var(--text-2);font-weight:500;}
.nav a:hover{color:var(--blue);background:var(--bg);}

/* ═══ قائمة منسدلة داخل التنقّل (الدعم الفني) ═══
   الزرّ يفتح بالنقر لا بالمرور، لأن المرور وحده لا يعمل باللمس. */
.nav__has{position:relative;display:inline-block;}
.nav__top{
  display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  padding:8px 13px;border:0;border-radius:9px;background:none;
  font-family:inherit;font-size:14.5px;font-weight:500;color:var(--text-2);
  transition:color .25s,background .25s;
}
.nav__top:hover,.nav__has.is-open .nav__top{color:var(--blue);background:var(--bg);}
.nav__caret{width:13px;height:13px;flex:none;transition:transform .28s var(--ease);}
.nav__has.is-open .nav__caret{transform:rotate(180deg);}
.nav__sub{
  position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;z-index:95;
  min-width:208px;padding:6px;border-radius:14px;
  background:var(--paper);border:1px solid var(--line);
  box-shadow:0 18px 40px -18px rgba(11,17,33,.42);
  display:grid;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.nav__has.is-open .nav__sub{opacity:1;visibility:visible;transform:none;}
.nav .nav__sub a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 14px;border-radius:10px;font-size:14.3px;color:var(--text);white-space:nowrap;
}
.nav .nav__sub a:hover{background:var(--bg);color:var(--blue);}
.nav__ext{width:13px;height:13px;flex:none;opacity:.5;}

/* ═══ صفحتا التذكرة والاتصال ═══ */
.tkt__no{
  display:inline-block;margin-top:14px;padding:8px 18px;border-radius:100px;
  background:var(--blue-50);color:var(--blue);border:1px solid rgba(48,95,245,.24);
  font-size:14.5px;font-weight:700;
}
.tkt__pill{
  display:inline-block;margin-bottom:14px;padding:5px 13px;border-radius:100px;
  font-size:11.8px;font-weight:700;letter-spacing:.04em;
}
.tkt__pill--n{background:var(--bg-2);color:var(--text-2);}
.tkt__pill--h{background:#FFF3E2;color:#9A5B00;}
.tkt__pill--c{background:#FDE9E9;color:#A62121;}

/* بطاقة قناة تواصل: البطاقة كلها رابط، فيأخذ المؤشّر شكل اليد */
.ctc{display:flex;flex-direction:column;cursor:pointer;}
.ctc h3{color:var(--text);}
.ctc__v{
  margin-top:auto;padding-top:16px;font-size:14.2px;font-weight:600;color:var(--blue);
  word-break:break-word;
}
.ctc:hover .ctc__v{color:var(--blue-600);}

.ctc__bar{
  margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
}
.ctc__bar > div{background:var(--paper);padding:20px 22px;}
.ctc__bar > div > span{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px;}
.ctc__bar strong{font-size:15px;font-weight:600;color:var(--text);}

@media (max-width:760px){
  .ctc__bar{grid-template-columns:1fr;}
}

/* ═══ تبويبا صفحة الاتصال: رسالة / تذكرة ═══
   بلا JS يظهر النموذجان متتاليين، ومع JS يظهر المختار فقط. */
.ctabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:920px;margin:0 auto 22px;}
.ctab{
  display:flex;flex-direction:column;gap:4px;text-align:start;cursor:pointer;
  padding:16px 20px;border-radius:var(--r);font-family:inherit;
  background:var(--paper);border:1.5px solid var(--line);color:var(--text);
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.ctab b{font-size:15.5px;font-weight:700;}
.ctab small{font-size:12.8px;color:var(--muted);}
.ctab:hover{border-color:var(--blue);}
.ctab.on{border-color:var(--blue);background:var(--blue-50);box-shadow:0 10px 26px -18px rgba(48,95,245,.7);}
.ctab.on b{color:var(--blue);}
.is-js .ctabs ~ .cpanel{display:none;}
.is-js .ctabs ~ .cpanel.on{display:block;}
.cpanel + .cpanel{margin-top:34px;}
.is-js .cpanel + .cpanel{margin-top:0;}
.cpanel__lead{max-width:920px;margin:0 auto 18px;text-align:center;color:var(--text-2);font-size:14.8px;}
.tkt__sla{
  max-width:920px;margin:0 auto 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.tkt__sla li{
  display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;
  background:var(--paper);border:1px solid var(--line);font-size:13.4px;color:var(--text-2);
}
.tkt__sla .tkt__pill{margin:0;flex:none;}

/* ═══ قاعدة المعرفة ═══ */
.kbs{
  position:relative;max-width:560px;margin:26px auto 0;
}
.kbs svg{
  position:absolute;inset-block-start:50%;inset-inline-start:18px;transform:translateY(-50%);
  width:19px;height:19px;color:var(--muted);pointer-events:none;
}
.kbs__lbl{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.kbs input{
  width:100%;padding:15px 20px;padding-inline-start:50px;border-radius:100px;
  border:1.5px solid var(--line);background:var(--paper);color:var(--text);
  font-family:inherit;font-size:15px;box-shadow:0 10px 30px -22px rgba(11,17,33,.45);
  transition:border-color .25s,box-shadow .25s;
}
.kbs input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(48,95,245,.14);}
.kbs__n{margin-top:12px;font-size:13px;color:var(--muted);}
.kb__gh{display:none;font-size:15px;font-weight:700;color:var(--blue);margin:6px 2px 0;}
.kb__steps{
  margin:12px 0 2px;padding-inline-start:0;list-style:none;counter-reset:kb;display:grid;gap:9px;
}
.kb__steps li{
  position:relative;padding-inline-start:36px;counter-increment:kb;line-height:1.8;
}
.kb__steps li::before{
  content:counter(kb);position:absolute;inset-inline-start:0;inset-block-start:3px;
  width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--blue-50);color:var(--blue);font-family:var(--en);font-size:12.5px;font-weight:700;
}
.kb__none{
  max-width:830px;margin:0 auto;padding:22px;text-align:center;border-radius:12px;
  background:var(--paper);border:1px dashed var(--line);color:var(--text-2);font-size:14.6px;
}
/* أثناء البحث: كل الأقسام تظهر بعناوينها، وتختفي التي لا نتائج فيها */
.is-search .fgroup{display:grid;margin-bottom:18px;}
.is-search .fgroup[hidden]{display:none;}
.is-search .kb__gh{display:block;}
.is-search .fcats{opacity:.55;}

@media (max-width:760px){
  .ctabs{grid-template-columns:1fr;}
  .tkt__sla{grid-template-columns:1fr;}
}

/* نسخة الجوال من المنسدلة. توضع بعد قواعد سطح المكتب لا قبلها،
   لأن قاعدة display في الاستعلام السابق لها كانت تُغلب فتبقى مفتوحة. */
@media (max-width:1200px){
  .nav__has{display:block;}
  .nav__top{
    width:100%;justify-content:space-between;padding:13px 4px;border-radius:0;
    border-bottom:1px solid var(--line);font-size:15.5px;
  }
  .nav__sub{
    position:static;min-width:0;padding:0;border:0;box-shadow:none;background:none;
    transform:none;transition:none;
    display:none;opacity:1;visibility:visible;
  }
  .nav__has.is-open .nav__sub{display:grid;}
  .nav .nav__sub a{
    padding-inline-start:18px;border-bottom:1px solid var(--line);border-radius:0;
    font-size:14.6px;color:var(--text-2);
  }
}

/* زر الدعوة أسود كما في المرجع */
.hdr__cta{
  background:var(--navy);color:#fff;border-radius:100px;padding:11px 24px;
  box-shadow:none;flex:none;
}
.hdr__cta:hover{background:var(--blue);transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(48,95,245,.6);}


/* زر القائمة على الجوال */
.burger{border-color:var(--line);}
.burger span{background:var(--text);}

/* قائمة الجوال: بطاقة دائرية الحواف تحت الشريط */
@media (max-width:760px){
  .nav{
    position:absolute;inset-block-start:calc(100% + 10px);inset-inline:0;border-radius:20px;
    background:var(--paper);border:1px solid var(--line);
    box-shadow:0 18px 40px -20px rgba(11,17,33,.35);
    padding:10px 14px;transform:translateY(-14px);opacity:0;visibility:hidden;
    transition:transform .35s var(--ease),opacity .3s,visibility .3s;
  }
  .is-open .nav{transform:none;opacity:1;visibility:visible;}
  .nav a{padding:13px 10px;border-bottom:1px solid var(--line);border-radius:10px;}
  .nav a:last-child{border-bottom:0;}
  .hdr__in{position:relative;height:60px;padding-inline:18px 8px;}
}
@media (max-width:520px){
  .hdr__in{gap:8px;padding-inline:14px 7px;}
}

/* ═══════════════════════════════════════════════
 * النماذج المتدرّجة (موجز التصميم وطلب التأسيس)
 * ═══════════════════════════════════════════════ */

.brief,.ord__form{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(22px,3.4vw,38px);
}

/* ── شريط الخطوات ── */
.bsteps{margin-bottom:clamp(22px,3vw,30px);}
.bsteps__bar{display:block;height:4px;border-radius:100px;background:var(--bg-2);overflow:hidden;margin-bottom:16px;}
.bsteps__bar i{display:block;height:100%;width:20%;border-radius:100px;background:var(--blue);transition:width .45s var(--ease);}
.bsteps__row{display:flex;gap:6px;justify-content:space-between;}
.bstep{
  flex:1;border:0;background:none;cursor:pointer;padding:6px 2px;display:grid;gap:6px;justify-items:center;
  font-family:inherit;color:var(--muted);transition:color .3s;
}
.bstep b{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  font-family:var(--en);font-size:12.5px;font-weight:700;
  background:var(--bg-2);color:var(--muted);transition:.3s var(--ease);
}
.bstep span{font-size:12px;font-weight:500;text-align:center;line-height:1.3;}
.bstep.on{color:var(--blue);}
.bstep.on b{background:var(--blue);color:#fff;}
.bstep.done b{background:var(--green-50);color:var(--green);}
.bstep:hover b{transform:translateY(-1px);}

/* ── اللوحات ── */
.bpanel{display:none;}
.bpanel.on{display:block;animation:bfade .35s var(--ease);}
@keyframes bfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.bgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.bf{display:grid;gap:7px;align-content:start;}
.bf.full{grid-column:1/-1;}
.bf > span{font-size:13.5px;font-weight:500;color:var(--text);}
.bf > span i{color:var(--text-danger,#C0392B);font-style:normal;}
.bf input,.bf select,.bf textarea{
  width:100%;padding:12px 15px;border-radius:10px;font-family:inherit;font-size:14.5px;
  background:var(--bg);border:1px solid var(--line);color:var(--text);
  transition:border-color .25s,background .25s;
}
.bf textarea{resize:vertical;line-height:1.7;}
.bf input::placeholder,.bf textarea::placeholder{color:var(--muted);}
.bf input:focus,.bf select:focus,.bf textarea:focus{outline:none;border-color:var(--blue);background:var(--paper);}
.bf select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237488A0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:left 13px center;background-size:16px;padding-inline-start:40px;}
html[data-lang="en"] .bf select{background-position:right 13px center;padding-inline-start:15px;padding-inline-end:40px;}
.bf .err,.bf input.err,.bf select.err,.bf textarea.err{border-color:#C0392B;background:#FDF2F2;}
.bhint{font-size:12.5px;color:var(--muted);font-style:normal;line-height:1.6;}

/* ── سؤال وبطاقات الاختيار ── */
.bq{font-size:16px;font-weight:500;margin-bottom:14px;}
.bq i{color:#C0392B;font-style:normal;}
.bq--sm{font-size:14.5px;margin-bottom:12px;}
.bpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.bcard{cursor:pointer;}
.bcard input{position:absolute;opacity:0;width:0;height:0;}
.bcard__in{
  display:grid;gap:8px;justify-items:center;text-align:center;padding:24px 18px;
  border:1.5px solid var(--line);border-radius:var(--r);background:var(--bg);
  transition:.28s var(--ease);
}
.bcard:hover .bcard__in{border-color:var(--blue-300);transform:translateY(-2px);}
.bcard input:checked + .bcard__in{border-color:var(--blue);background:var(--blue-50);}
.bcard input:focus-visible + .bcard__in{outline:2px solid var(--blue);outline-offset:2px;}
.bcard__i{
  width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  background:var(--paper);color:var(--blue);border:1px solid var(--line);
}
.bcard__i svg{width:23px;height:23px;}
.bcard__i .flag{font-family:var(--en);font-size:14px;font-weight:700;letter-spacing:.04em;}
.bcard b{font-size:16px;font-weight:500;}
.bcard em{font-size:13px;color:var(--text-2);font-style:normal;}

/* ── مربّعات اختيار ── */
.bchecks{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.bchecks label{
  display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;
  border:1px solid var(--line);border-radius:10px;background:var(--bg);
  font-size:14px;transition:.25s var(--ease);
}
.bchecks label:hover{border-color:var(--blue-300);}
.bchecks input{width:17px;height:17px;accent-color:var(--blue);cursor:pointer;flex:none;}
.bchecks label:has(input:checked){border-color:var(--blue);background:var(--blue-50);}

/* ── خيارات الخدمات بالأسعار ── */
.bopts{display:grid;gap:10px;}
.bopt{
  display:flex;align-items:center;gap:13px;padding:15px 17px;cursor:pointer;
  border:1px solid var(--line);border-radius:12px;background:var(--bg);transition:.25s var(--ease);
}
.bopt:hover{border-color:var(--blue-300);}
.bopt:has(input:checked){border-color:var(--blue);background:var(--blue-50);}
.bopt > input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex:none;}
.bopt__in{flex:1;display:grid;gap:3px;}
.bopt__in b{font-size:14.8px;font-weight:500;}
.bopt__in em{font-size:13px;color:var(--text-2);font-style:normal;line-height:1.55;}
.bopt__p{font-family:var(--en);font-size:15px;font-weight:700;color:var(--blue);flex:none;}

/* ── الموافقة والتنبيه ── */
.bagree{display:flex;gap:11px;align-items:flex-start;margin-top:22px;font-size:13.8px;color:var(--text-2);cursor:pointer;}
.bagree input{width:18px;height:18px;accent-color:var(--blue);cursor:pointer;flex:none;margin-top:2px;}
.bagree a{color:var(--blue);text-decoration:underline;}
.bagree.err span{color:#C0392B;}
.bnote{
  display:flex;gap:13px;align-items:flex-start;margin-top:20px;padding:16px 18px;
  border-radius:12px;background:var(--green-50);border:1px solid #BFE3D2;
}
.bnote svg{width:22px;height:22px;color:var(--green);flex:none;margin-top:1px;}
.bnote p{font-size:13.8px;color:#0E5A3E;line-height:1.75;}

/* ── التنقّل ── */
.bnav{display:flex;align-items:center;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.bnav .btn{flex:none;}
.bcount{margin-inline-start:auto;font-family:var(--en);font-size:13px;color:var(--muted);}
.bmsg{
  margin-top:16px;padding:13px 17px;border-radius:10px;font-size:14px;
  background:var(--blue-50);border:1px solid #CFDCFA;color:#14346E;
}
.bmsg--err{background:#FDF2F2;border-color:#F0C9C9;color:#8E2A2A;}

/* ── تخطيط الطلب مع الملخّص ── */
.ord{display:grid;grid-template-columns:1fr 330px;gap:22px;align-items:start;}
.sum{
  background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:26px 24px;
  position:sticky;inset-block-start:104px;
}
.sum h3{font-size:18px;margin-bottom:18px;}
.sum__list{display:grid;gap:11px;min-height:40px;}
.sum__list li{display:flex;justify-content:space-between;gap:12px;font-size:13.8px;color:#C3D2E4;}
.sum__list li b{font-family:var(--en);font-weight:500;color:#fff;flex:none;}
.sum__list .empty{color:#8CA0B8;font-style:normal;}
.sum__total{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:18px;padding-top:16px;border-top:1px solid var(--line-d);
}
.sum__total span{font-size:14px;color:#A9BBD0;}
.sum__total b{font-family:var(--en);font-size:26px;font-weight:700;color:var(--blue-300);}
.sum__note{margin-top:14px;font-size:12.3px;color:#8CA0B8;line-height:1.7;}

/* ── الاستجابة ── */
@media (max-width:980px){
  .ord{grid-template-columns:1fr;}
  .sum{position:static;}
}
@media (max-width:760px){
  .bgrid,.bpick,.bchecks{grid-template-columns:1fr;}
  .bstep span{display:none;}
  .bsteps__row{justify-content:center;gap:14px;}
  .bstep{flex:none;}
  .bnav{flex-wrap:wrap;}
  .bnav .btn{flex:1;justify-content:center;}
  .bcount{order:-1;width:100%;text-align:center;margin:0 0 4px;}
  .bopt{align-items:flex-start;}
  .bopt__p{align-self:center;}
}

/* حاوية ملخّص الطلب */
.ord__sum{min-width:0;}
/* فرع المواقع/المتاجر — يتحكّم به الجافاسكربت */
.bonly{display:block;}

/* ═══════════════════════════════════════════════
 * شبكة عمودين · بلوك الاستشارات · اختيار موضوع الأسئلة
 * نفس متغيّرات الألوان — بلا ألوان جديدة
 * ═══════════════════════════════════════════════ */

.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}

/* ── بلوك الاستشارات وتطوير الأعمال ── */
.consult{
  display:grid;grid-template-columns:1.25fr .85fr;gap:clamp(20px,3vw,28px);align-items:stretch;
}
.consult__body{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,38px);display:flex;flex-direction:column;
}
.consult__h{font-size:19px;margin-bottom:20px;}
.consult__ok{display:grid;gap:13px;margin-bottom:24px;}
.consult__ok li{
  position:relative;padding-inline-start:30px;font-size:14.8px;color:var(--text-2);line-height:1.75;
}
.consult__ok li::before{
  content:"";position:absolute;inset-inline-start:0;inset-block-start:5px;width:20px;height:20px;border-radius:50%;
  background:var(--blue-50) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23305FF5' stroke-width='3.4'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.consult__body .out{margin-top:auto;margin-bottom:0;}

/* بطاقة السعر */
.consult__card{
  background:var(--navy);color:#fff;border-radius:var(--r-lg);
  padding:clamp(26px,3.4vw,34px);display:flex;flex-direction:column;
  position:relative;overflow:hidden;
}
.consult__card::before{
  content:"";position:absolute;width:420px;height:340px;border-radius:50%;filter:blur(120px);
  background:rgba(48,95,245,.34);inset-block-start:-180px;inset-inline-end:-140px;
}
.consult__card > *{position:relative;z-index:1;}
.consult__tag{
  display:inline-block;align-self:flex-start;font-size:12px;font-weight:600;letter-spacing:.1em;
  padding:6px 14px;border-radius:100px;border:1px solid rgba(118,149,238,.5);
  background:rgba(48,95,245,.18);color:#C5D6FF;text-transform:uppercase;
}
.consult__amt{display:flex;align-items:baseline;gap:9px;margin:20px 0 4px;flex-wrap:wrap;}
.consult__amt b{
  font-family:var(--en);font-size:clamp(38px,5vw,50px);font-weight:700;line-height:1;letter-spacing:-.035em;
}
.consult__amt small{font-size:13.5px;color:#A9BBD0;}
.consult__meta{display:grid;gap:11px;margin:24px 0 26px;padding-block-start:22px;border-block-start:1px solid var(--line-d);}
.consult__meta li{position:relative;padding-inline-start:24px;font-size:14.2px;color:#C3D2E4;}
.consult__meta li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--blue-300);font-weight:700;}
.consult__card .btn{margin-top:auto;}
.consult__note{margin-top:14px;font-size:12.8px;color:#8CA0B8;text-align:center;}

/* بلوك الاستشارات على الخلفية الكحلية:
   بطاقة «ماذا نغطّي» تبقى بيضاء كما كانت، فيُعاد تثبيت لون نصّها الداكن
   لأن القسم الكحلي يورّث الأبيض. وبطاقة السعر تأخذ حداً رفيعاً
   كي لا تذوب في خلفية القسم بما أنهما بنفس الدرجة. */
.sec--navy .consult__body{background:var(--paper);border-color:var(--line);color:var(--text);}
.sec--navy .consult__h{color:var(--text);}
.sec--navy .consult__ok li{color:var(--text-2);}
.sec--navy .consult__card{border:1px solid var(--line-d);}

/* سعر الاستشارة داخل البطاقة الكبيرة في صفحة الخدمات */
.big__price{display:flex;align-items:baseline;gap:8px;margin-block:2px;}
.big__price b{font-family:var(--en);font-size:32px;font-weight:700;color:#fff;line-height:1;letter-spacing:-.03em;}
.big__price span{font-size:13.5px;color:#A9BBD0;}

/* ── اختيار موضوع الأسئلة الشائعة ── */
.fpick{
  max-width:560px;margin:0 auto clamp(26px,3.4vw,36px);display:grid;gap:9px;
}
.fpick__l{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;text-align:center;}
.fpick__box{position:relative;}
.fpick__sel{
  width:100%;appearance:none;cursor:pointer;
  padding:15px 22px;padding-inline-end:52px;border-radius:100px;
  font-family:inherit;font-size:15.5px;font-weight:600;color:var(--text);
  background:var(--paper);border:1.5px solid var(--line);
  box-shadow:var(--sh);transition:border-color .28s var(--ease),box-shadow .28s var(--ease);
}
.fpick__sel:hover{border-color:var(--blue);}
.fpick__sel:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(48,95,245,.14);}
.fpick__i{
  position:absolute;inset-inline-end:20px;inset-block-start:50%;transform:translateY(-50%);
  width:19px;height:19px;color:var(--blue);pointer-events:none;
}
.fpick__sel option{font-weight:500;color:var(--text);background:var(--paper);}

@media (max-width:860px){
  .consult{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .grid2{grid-template-columns:1fr;}
  .fpick__sel{font-size:14.5px;padding:13px 18px;padding-inline-end:46px;}
}

/* ═══════════ شريط تبويب بأربعة خيارات ═══════════ */
.tabs--4,.tabs--3{max-width:100%;}
@media (max-width:860px){
  .tabs--4,.tabs--3{
    width:100%;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;
    border-radius:16px;
  }
  .tabs--4::-webkit-scrollbar,.tabs--3::-webkit-scrollbar{display:none;}
  .tabs--4 .tabs__b{flex:none;padding:10px 18px;font-size:14px;white-space:nowrap;}
}

/* ═══════════════ بطاقة الصورة الشخصية — صفحة عن قاسم ═══════════════ */
.pcard{
  position:relative;margin:0;border-radius:var(--r-lg);overflow:hidden;
  background:var(--navy);display:flex;align-items:flex-start;justify-content:center;
  /* لا تتمدّد مع طول عمود النص */
  --ph:clamp(420px,50vw,620px);
  align-self:start;height:var(--ph);
}
/* توهّج أزرق خلف الشخص */
.pcard::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:radial-gradient(118% 86% at 50% 14%, rgba(48,95,245,.46), transparent 62%);
}
/* شبكة خفيفة تعطي عمقاً */
.pcard::after{
  content:"";position:absolute;inset:0;z-index:0;opacity:.5;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(85% 70% at 50% 40%, #000, transparent 78%);
          mask-image:radial-gradient(85% 70% at 50% 40%, #000, transparent 78%);
}
.pcard img{
  position:relative;z-index:1;display:block;
  /* الشخص يملأ الإطار: الرأس ظاهر أعلى، والصدر يُقصّ بحدّ اللوحة */
  width:88%;max-width:none;height:auto;max-height:none;
  margin:58px auto 0;
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.5));
}
/* شارة فوق الصورة */
.pcard__badge{
  position:absolute;z-index:2;inset-block-end:20px;inset-inline-start:50%;
  transform:translateX(50%);
  display:inline-flex;align-items:center;white-space:nowrap;
  padding:8px 18px;border-radius:100px;
  border:1px solid rgba(118,149,238,.5);background:rgba(11,17,33,.58);
  backdrop-filter:blur(8px);
  font-size:12.5px;font-weight:600;color:#C5D6FF;letter-spacing:.02em;
}
html[data-lang="en"] .pcard__badge{transform:translateX(-50%);}

@media (max-width:980px){
  .pcard{--ph:clamp(380px,72vw,470px);}
  .pcard img{width:70%;margin-top:44px;}
}
@media (max-width:520px){
  .pcard__badge{font-size:11.5px;padding:7px 14px;inset-block-end:16px;}
}

/* ═══════════════ مبدّل اللغة: قائمة منسدلة ═══════════════ */
.lang{position:relative;display:inline-block;flex:none;
  border:0;background:none;padding:0;}
.lang__btn{
  display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  padding:8px 14px;border-radius:100px;
  border:1px solid var(--line);background:var(--bg);color:var(--text-2);
  font-family:inherit;font-size:13px;font-weight:600;
  transition:border-color .25s var(--ease),color .25s,background .25s;
}
.lang__btn:hover{border-color:var(--blue);color:var(--blue);background:rgba(48,95,245,.06);}
.lang__globe{width:16px;height:16px;flex:none;color:currentColor;}
.lang__cur{font-family:var(--en);letter-spacing:.02em;white-space:nowrap;}
html[data-lang="ar"] .lang__cur{font-family:var(--ar);}
.lang__caret{width:14px;height:14px;flex:none;transition:transform .28s var(--ease);}
.lang.is-open .lang__btn{border-color:var(--blue);color:var(--blue);}
.lang.is-open .lang__caret{transform:rotate(180deg);}

.lang__menu{
  position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;z-index:95;
  min-width:172px;padding:6px;border-radius:14px;
  background:var(--paper);border:1px solid var(--line);
  box-shadow:0 18px 40px -18px rgba(11,17,33,.42);
  display:grid;gap:2px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;
}
.lang.is-open .lang__menu{opacity:1;visibility:visible;transform:none;}
.lang__menu button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:11px 14px;border:0;border-radius:10px;cursor:pointer;
  background:none;color:var(--text);font-family:inherit;font-size:14.5px;font-weight:500;
  text-align:start;transition:background .2s,color .2s;
}
.lang__menu button[lang="en"]{font-family:var(--en);}
.lang__menu button:hover{background:var(--bg);color:var(--blue);}
.lang__menu button svg{width:16px;height:16px;flex:none;opacity:0;color:var(--blue);transition:opacity .2s;}
.lang__menu button[aria-checked="true"]{color:var(--blue);font-weight:600;}
.lang__menu button[aria-checked="true"] svg{opacity:1;}

@media (max-width:520px){
  .lang__btn{padding:7px 10px;font-size:12.5px;gap:6px;}
  .lang__globe{display:none;}
  .lang__menu{min-width:152px;}
}

/* ═══════════════ المتجر الرقمي: فلتر جانبي ═══════════════ */
.shop{display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(20px,2.6vw,30px);align-items:start;}
.smain{min-width:0;}

/* ── العمود الجانبي ── */
.sside{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:22px;position:sticky;inset-block-start:104px;
}
.sside__toggle{display:none;}
.sside__grp{margin-bottom:22px;}
.sside__grp:last-of-type{margin-bottom:18px;}
.sside__h{
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:12px;
}

/* بحث */
.sfind{position:relative;display:flex;align-items:center;}
.sfind svg{position:absolute;inset-inline-start:14px;width:17px;height:17px;color:var(--muted);pointer-events:none;}
.sfind input{
  width:100%;padding:11px 14px;padding-inline-start:42px;border-radius:11px;
  font-family:inherit;font-size:14.5px;color:var(--text);
  background:var(--bg);border:1.5px solid var(--line);
  transition:border-color .25s var(--ease),background .25s;
}
.sfind input::placeholder{color:var(--muted);}
.sfind input:focus{outline:none;border-color:var(--blue);background:var(--paper);}

/* التصنيفات */
.scats{display:grid;gap:4px;}
.scat{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 13px;border:0;border-radius:11px;cursor:pointer;
  background:none;color:var(--text-2);font-family:inherit;font-size:14.4px;font-weight:500;
  text-align:start;transition:background .22s,color .22s;
}
.scat:hover{background:var(--bg);color:var(--blue);}
.scat i{
  font-style:normal;font-family:var(--en);font-size:11.5px;font-weight:700;
  min-width:22px;height:22px;border-radius:100px;display:grid;place-items:center;
  background:var(--bg-2);color:var(--muted);transition:.22s var(--ease);
}
.scat.on{background:var(--blue);color:#fff;font-weight:600;}
/* تصنيف بلا منتجات بعد: يبقى ظاهراً لكن أخفت */
.scat--empty{color:var(--muted);}
.scat--empty.on{background:var(--blue);color:#fff;}
.scat.on i{background:rgba(255,255,255,.24);color:#fff;}

/* الترتيب */
.ssort{position:relative;}
.ssort select{
  width:100%;appearance:none;cursor:pointer;
  padding:11px 14px;padding-inline-end:40px;border-radius:11px;
  font-family:inherit;font-size:14.2px;font-weight:500;color:var(--text);
  background:var(--bg);border:1.5px solid var(--line);
  transition:border-color .25s var(--ease),background .25s;
}
.ssort select:focus{outline:none;border-color:var(--blue);background:var(--paper);}
.ssort svg{
  position:absolute;inset-inline-end:14px;inset-block-start:50%;transform:translateY(-50%);
  width:16px;height:16px;color:var(--blue);pointer-events:none;
}

/* إعادة التعيين */
.sside__reset{
  width:100%;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:11px;cursor:pointer;
  border:1px dashed var(--line);background:none;color:var(--muted);
  font-family:inherit;font-size:13.5px;font-weight:600;
  transition:border-color .25s,color .25s,background .25s;
}
.sside__reset:hover{border-color:var(--blue);color:var(--blue);background:rgba(48,95,245,.05);}
.sside__reset svg{width:15px;height:15px;flex:none;}

/* شبكة المنتجات بجانب الفلتر */
.shop__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:18px;}
.pcount{text-align:start;font-size:13.5px;color:var(--muted);margin-bottom:16px;}
.pcount b{font-family:var(--en);font-size:15px;font-weight:700;color:var(--blue);}

/* لا نتائج */
.pempty{
  text-align:center;background:var(--paper);border:1px dashed var(--line);
  border-radius:var(--r-lg);padding:clamp(34px,5vw,56px) 24px;
}
.pempty h3{font-size:20px;margin-bottom:10px;}
.pempty .blk{color:var(--text-2);font-size:14.8px;max-width:44ch;margin:0 auto 22px;}
.dcard[hidden]{display:none !important;}

/* ── الجوال: الفلتر يصير لوحة تُفتح بزر ── */
@media (max-width:980px){
  .shop{grid-template-columns:1fr;}
  .sside{position:static;padding:0;border-radius:var(--r);overflow:hidden;}
  .sside__toggle{
    width:100%;display:flex;align-items:center;gap:10px;cursor:pointer;
    padding:15px 18px;border:0;background:var(--paper);color:var(--text);
    font-family:inherit;font-size:15px;font-weight:600;
  }
  .sside__toggle > svg:first-child{width:19px;height:19px;flex:none;color:var(--blue);}
  .sside__toggle span{flex:1;text-align:start;}
  .sside__caret{width:16px;height:16px;flex:none;color:var(--blue);transition:transform .28s var(--ease);}
  .sside.is-open .sside__caret{transform:rotate(180deg);}
  .sside__body{display:none;}
  .sside.is-open .sside__body{display:block;padding:2px 18px 18px;border-top:1px solid var(--line);}
  .shop__grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));}
}
@media (max-width:520px){
  .shop__grid{grid-template-columns:1fr;}
}

/* شارة المنتج المجاني */
.dcard__free{
  font-family:inherit;font-size:14px;font-weight:700;color:var(--green);
  background:var(--green-50);padding:5px 14px;border-radius:100px;
}

/* ══════════════════════════════════════════════
   صفحة طلب الباقة — الاستمارة (على خلفية فاتحة)
   ══════════════════════════════════════════════ */
.ordr{max-width:920px}
.ordr__plan{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:16px 20px;margin-bottom:26px;border-radius:var(--r);
  background:var(--blue-50);border:1px solid rgba(48,95,245,.22)}
.ordr__plan-lbl{font-size:13.5px;font-weight:600;color:var(--text-2)}
.ordr__plan strong{font-size:clamp(17px,2vw,20px);font-weight:700;color:var(--text)}
.ordr__plan-amt{margin-inline-start:auto;font-size:clamp(19px,2.2vw,23px);font-weight:700;color:var(--blue)}
.ordr__plan-edit{font-size:13.5px;font-weight:600;color:var(--blue);
  text-decoration:underline;text-underline-offset:3px}
.ordr__plan-edit:hover{color:var(--blue-600)}

.ordr__err{padding:13px 18px;margin-bottom:20px;border-radius:12px;font-weight:600;
  background:#FDECEC;border:1px solid #F3BDBD;color:#B42318}

.ordr__form{display:flex;flex-direction:column;gap:22px}
.ogrp{border:1px solid var(--line);border-radius:var(--r-lg);padding:8px 22px 24px;
  margin:0;background:var(--paper);box-shadow:var(--sh)}
.ogrp[hidden]{display:none}
.ogrp__h{padding:0 10px;margin-inline-start:-4px;font-size:clamp(15.5px,1.7vw,17px);
  font-weight:700;color:var(--blue)}
.ogrp__b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:14px}
/* مصيدة السبام: إخفاء بصري آمن بلا إزاحة أفقية */
.ordr__hp{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.fld{display:flex;flex-direction:column;gap:8px;min-width:0}
.fld--wide{grid-column:1 / -1}
.fld label{font-size:14.4px;font-weight:600;color:var(--text)}
.fld .req{color:var(--blue);font-style:normal;margin-inline-start:3px}
.fld input,.fld select,.fld textarea{
  width:100%;padding:13px 15px;border-radius:12px;font-family:inherit;font-size:15.2px;
  color:var(--text);background:var(--paper);border:1px solid var(--line);
  transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:130px;line-height:1.75}
.fld select{appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237488A0' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-size:17px;background-position:left 15px center;
  padding-inline-start:42px}
html[dir="ltr"] .fld select{background-position:right 15px center;
  padding-inline-start:15px;padding-inline-end:42px}
.fld input:focus,.fld select:focus,.fld textarea:focus{
  outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(48,95,245,.14)}
.fld input::placeholder,.fld textarea::placeholder{color:var(--muted)}

.ordr__send{margin-top:2px}
.ordr__send .btn{width:100%}
.ordr__note{margin-top:12px;text-align:center;font-size:14px;color:var(--muted);line-height:1.75}

.ordrdone{max-width:520px;display:flex;flex-direction:column;gap:14px;text-align:center}

@media (max-width:720px){
  .ogrp__b{grid-template-columns:1fr}
  .ogrp{padding:6px 16px 20px}
  .ordr__plan{gap:10px}
  .ordr__plan-amt{margin-inline-start:0}
}
.ordr__hint{grid-column:1 / -1;margin:2px 0 0;padding:12px 16px;border-radius:12px;
  font-size:14.4px;line-height:1.75;color:var(--text-2);
  background:var(--blue-50);border:1px solid rgba(48,95,245,.2)}
.ordr__hint[hidden]{display:none}
.ordr__hint a{font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.ordr__hint a:hover{color:var(--blue-600)}
/* باقة تُسعَّر حسب الحالة: نص لا رقم */
.price__amt--ask{
  font-family:var(--ar);font-size:clamp(20px,2.2vw,23px);letter-spacing:0;
  color:var(--blue);line-height:1.3;
}
html[dir="ltr"] .price__amt--ask{font-family:var(--en);}
/* خانات الاختيار المتعددة داخل الاستمارة */
.fld__lbl{font-size:14.4px;font-weight:600;color:var(--text)}
.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:9px}
.checks__i{display:flex;align-items:flex-start;gap:10px;cursor:pointer;
  padding:11px 14px;border-radius:12px;background:var(--paper);
  border:1px solid var(--line);transition:border-color .2s,background .2s}
.checks__i:hover{border-color:var(--blue-300);background:var(--blue-50)}
.checks__i input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--blue);cursor:pointer}
.checks__i span{font-size:14.2px;line-height:1.55;color:var(--text-2)}
.checks__i:has(input:checked){border-color:var(--blue);background:var(--blue-50)}
.checks__i:has(input:checked) span{color:var(--text);font-weight:600}
.fld[hidden]{display:none}

/* ═══════════════════════════════════════════════
 * الشريط العلوي على الأجهزة اللوحية (761–1200px)
 * بنود القائمة لا تتّسع داخل الشريط في هذا العرض، فتتزاحم وتدفع
 * مبدّل اللغة والزر خارجه. لذلك تُطوى القائمة هنا خلف زر القائمة
 * كما في الجوال، ويبقى الشعار والمبدّل وزر الدخول داخل الشريط.
 * ═══════════════════════════════════════════════ */
@media (min-width:761px) and (max-width:1200px){
  .hdr__in{position:relative;}
  .nav{
    position:absolute;inset-block-start:calc(100% + 10px);inset-inline:0;
    display:flex;flex-direction:column;gap:0;margin:0;
    border-radius:20px;background:var(--paper);border:1px solid var(--line);
    box-shadow:0 18px 40px -20px rgba(11,17,33,.35);
    padding:10px 14px;transform:translateY(-14px);opacity:0;visibility:hidden;
    transition:transform .35s var(--ease),opacity .3s,visibility .3s;
  }
  .is-open .nav{transform:none;opacity:1;visibility:visible;}
  .nav a{padding:13px 10px;border-bottom:1px solid var(--line);border-radius:10px;font-size:15.5px;}
  .lang{margin-inline-start:auto;}
  .burger{display:block;margin-inline-start:0;flex:none;}
}

/* عناصر الشريط لا تنكمش ولا تنكسر أسطرها: ما لا يتّسع يُطوى ولا يُضغط. */
.hdr__in > .logo{flex:none;}
.hdr__in > .lang,.hdr__in > .burger,.hdr__cta{flex:none;}
.nav > a,.nav__top{white-space:nowrap;}
/* زر «الدعم الفني» على خط البنود نفسه: الأزرار تأخذ ارتفاع سطر المتصفّح لا الصفحة. */
.nav{align-items:center;}
.nav__has{display:flex;}
.nav__top{line-height:inherit;}
@media (max-width:1200px){
  .nav{align-items:stretch;}
  .nav__has{display:block;}
}
@media (max-width:860px){
  .hdr__in > .logo{flex:0 1 auto;}
}

/* ═══ الشعار صورةً ═══ */
.logo__img{display:block;height:34px;width:auto;max-width:100%;}
/* التذييل داكن والشعار أزرق: لوحة بيضاء تحفظ وضوحه */
.ftr .logo{display:inline-flex;background:#fff;padding:10px 14px;border-radius:12px;}
@media (max-width:480px){
  .logo__img{height:28px;}
}

/* صفحات التأكيد: تأكيد وصول نسخة واتساب تلقائياً */
/* بلا display هنا: نظام اللغتين هو من يُظهر النسخة العربية أو الإنجليزية */
.sentwa{width:fit-content;max-width:100%;margin:14px auto 0;padding:8px 16px;border-radius:100px;
  background:#E9F9EF;color:#127A3E;border:1px solid rgba(18,122,62,.22);font-size:14.5px;font-weight:600;line-height:1.6;}

/* نتيجة وصفية بلا رقم */
.case__res--txt small{font-size:14px;font-weight:700;}

/* ═══ شريط الإحصائيات: لوحة داكنة بارزة ═══ */
.stats{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 100% 0%,rgba(48,95,245,.32),transparent 55%),
             linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  border-radius:var(--r-lg);
  padding:clamp(30px,4.2vw,48px) clamp(16px,3vw,36px);
  box-shadow:0 28px 60px -34px rgba(11,17,33,.7);
}
.stats .stat{position:relative;padding-inline:8px;}
.stats .stat + .stat::before{
  content:"";position:absolute;inset-block:8%;inset-inline-start:-10px;width:1px;
  background:rgba(255,255,255,.12);
}
.stats .stat b{color:#fff;}
.stats .stat small{color:#A9B8D0;font-size:14px;}
/* عمودان على الشاشات الأصغر: الفواصل الرأسية تُخفى */
@media (max-width:980px){
  .stats{row-gap:30px;}
  .stats .stat + .stat::before{display:none;}
}

/* قاعدة المعرفة: أثناء البحث تظهر النتائج من كل الأقسام، فتُخفَّف القائمة */
.is-search .fpick{opacity:.55;}

/* ══════════════════════════════════════════════
 * المدونة: القائمة، الفلتر الجانبي، والمقال المفرد
 * ══════════════════════════════════════════════ */
.bhero{text-align:center;}
.bhero h1{margin-top:10px;}
.crumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);}
.crumbs a{color:var(--text-2);font-weight:600;}
.crumbs a:hover{color:var(--blue);}
.crumbs [aria-current]{color:var(--blue);font-weight:700;}
.bchips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px;}
.bchip{padding:8px 16px;border-radius:100px;border:1px solid var(--line);background:var(--paper);
  font-size:14px;font-weight:600;color:var(--text-2);transition:border-color .2s,color .2s,background .2s;}
.bchip:hover{border-color:var(--blue);color:var(--blue);}
.bchip.on{background:var(--blue);border-color:var(--blue);color:#fff;}

.qblog{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start;}
.bside{position:sticky;top:96px;display:flex;flex-direction:column;gap:18px;}

/* الفلتر */
.bfil{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
  box-shadow:0 18px 40px -32px rgba(11,17,33,.35);}
.bfil__sum{display:flex;align-items:center;gap:10px;padding:16px 20px;font-weight:700;font-size:15.5px;
  color:var(--text);cursor:pointer;list-style:none;border-bottom:1px solid var(--line);}
.bfil__sum::-webkit-details-marker{display:none;}
.bfil__sum svg{width:18px;height:18px;color:var(--blue);flex:none;}
.bfil__dot{width:8px;height:8px;border-radius:50%;background:var(--blue);margin-inline-start:2px;}
.bfil__sum::after{content:"";margin-inline-start:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);
  transform:rotate(45deg);transition:transform .25s;margin-top:-4px;}
.bfil[open] .bfil__sum::after{transform:rotate(-135deg);margin-top:4px;}
.bfil__form{padding:6px 20px 20px;}
.bfil__blk{border:0;padding:16px 0 0;margin:0;min-width:0;}
.bfil__blk + .bfil__blk{border-top:1px dashed var(--line);margin-top:16px;}
.bfil__h{display:block;padding:0;margin-bottom:10px;font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;}
html[data-lang="ar"] .bfil__h{letter-spacing:0;font-size:13.5px;}
.bfil__search{position:relative;}
.bfil__search svg{position:absolute;inset-inline-start:13px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--muted);pointer-events:none;}
.bfil__search input{width:100%;padding:12px 14px;padding-inline-start:40px;border:1px solid var(--line);border-radius:12px;
  background:var(--bg);font:inherit;font-size:14.5px;color:var(--text);}
.bfil__search input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(48,95,245,.12);background:var(--paper);}
.bcats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;}
.bcat{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;
  font-size:14.5px;color:var(--text-2);transition:background .2s,color .2s;}
.bcat:hover{background:var(--blue-50);color:var(--text);}
.bcat input{position:absolute;opacity:0;pointer-events:none;}
.bcat span{flex:1;font-weight:600;}
.bcat i{font-style:normal;font-size:12.5px;font-weight:700;min-width:28px;text-align:center;padding:2px 8px;border-radius:100px;
  background:var(--bg-2);color:var(--text-2);}
.bcat:has(input:checked){background:var(--blue-50);color:var(--blue);}
.bcat:has(input:checked) i{background:var(--blue);color:#fff;}
.bcat:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px;}
.bfil__sel{font-size:14.5px;padding:12px 16px;padding-inline-end:42px;border-radius:12px;}
.bfil__act{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;}
.bfil__act .btn{padding:11px 22px;}
.bfil__reset{font-size:13.5px;font-weight:700;color:var(--blue);text-decoration:underline;text-underline-offset:3px;}
.bfil__reset[hidden]{display:none;}
.js-bauto [data-bapply]{display:none;}           /* مع الجافاسكربت يُطبَّق الفلتر فوراً */
.js-bauto .bfil__act{justify-content:flex-end;}

/* صندوق الدعوة */
.bcta{padding:22px;border-radius:var(--r-lg);color:#fff;
  background:radial-gradient(120% 140% at 100% 0%,rgba(48,95,245,.35),transparent 55%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.bcta h3{font-size:17px;margin-bottom:8px;color:#fff;}
.bcta p{color:#A9B8D0;font-size:14px;line-height:1.8;margin-bottom:16px;}
.bcta--wide{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:34px;padding:26px 28px;}
.bcta--wide p{margin-bottom:0;}
.bcta--wide .btn{flex:none;}

/* الشريط فوق النتائج */
.bbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;}
.bbar__n{font-size:14.5px;color:var(--text-2);}
.bbar__n b{color:var(--text);font-size:16px;}

/* بطاقات المقالات */
.bgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.bgrid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.bcard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s;}
.bcard:hover{transform:translateY(-3px);border-color:rgba(48,95,245,.35);box-shadow:0 22px 44px -30px rgba(11,17,33,.45);}
.bcard[hidden]{display:none;}
.bcard__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--bg-2);}
.bcard__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.bcard:hover .bcard__img img{transform:scale(1.04);}
.bcard__body{display:flex;flex-direction:column;flex:1;padding:22px 22px 18px;}
.bcard__cat{align-self:flex-start;padding:5px 12px;border-radius:100px;background:var(--blue-50);color:var(--blue);
  font-size:12.5px;font-weight:700;margin-bottom:12px;}
.bcard__cat:hover{background:var(--blue);color:#fff;}
.bcard__t{font-size:clamp(17px,1.6vw,19px);line-height:1.6;margin-bottom:8px;}
.bcard__t a{color:var(--text);}
.bcard__t a:hover{color:var(--blue);}
.bcard__ex{color:var(--text-2);font-size:14.5px;line-height:1.85;margin-bottom:16px;}
.bcard__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  padding-top:14px;border-top:1px solid var(--line);}
.bcard__meta{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted);}
.bcard__meta i{font-style:normal;}
.bcard__more{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--blue);}
.bcard__more svg{width:15px;height:15px;transition:transform .25s;}
.bcard__more:hover svg{transform:translateX(-3px);}
html[dir="ltr"] .bcard__more svg{transform:scaleX(-1);}

/* لا نتائج */
.bempty{text-align:center;padding:48px 24px;background:var(--paper);border:1px dashed var(--line);border-radius:var(--r-lg);}
.bempty[hidden]{display:none;}
.bempty svg{width:44px;height:44px;color:var(--blue);margin:0 auto 12px;}
.bempty h3{margin-bottom:6px;}
.bempty p{color:var(--text-2);margin-bottom:18px;}

/* الترقيم */
.bpager{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:30px;}
.bpager a,.bpager span{min-width:42px;height:42px;display:inline-grid;place-items:center;padding:0 14px;border-radius:12px;
  border:1px solid var(--line);background:var(--paper);font-weight:700;font-size:14.5px;color:var(--text-2);}
.bpager a:hover{border-color:var(--blue);color:var(--blue);}
.bpager .on{background:var(--blue);border-color:var(--blue);color:#fff;}
.bpager .bpager__gap{border:0;background:none;min-width:auto;padding:0 2px;}

/* المقال المفرد */
.bhero--post h1{max-width:860px;margin-inline:auto;font-size:clamp(26px,3.6vw,40px);line-height:1.45;}
.bhero--post .bcard__cat{margin:18px auto 0;display:inline-block;}
.bpost__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px;font-size:14px;color:var(--muted);}
.bpost__meta i{font-style:normal;}
.bpost__wrap{max-width:820px;}
.bpost__img{margin:0 0 30px;border-radius:var(--r-lg);overflow:hidden;}
.bpost__img img{width:100%;height:auto;}
.bpost__body{font-size:17px;line-height:2;}
.bshare{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);}
.bshare__l{font-weight:700;margin-inline-end:6px;}
.bshare__b{padding:8px 14px;border-radius:100px;border:1px solid var(--line);background:var(--paper);font:inherit;font-size:13.5px;font-weight:600;
  color:var(--text-2);cursor:pointer;}
.bshare__b:hover{border-color:var(--blue);color:var(--blue);}

@media (max-width:1100px){
  .qblog{grid-template-columns:260px minmax(0,1fr);gap:22px;}
  .bgrid{grid-template-columns:1fr;}
}
@media (max-width:860px){
  .qblog{grid-template-columns:1fr;}
  .bside{position:static;}
  .bside .bcta{display:none;}
  .bgrid,.bgrid--3{grid-template-columns:1fr;}
  .bcta--wide{flex-direction:column;align-items:flex-start;}
}
@media (min-width:600px) and (max-width:860px){
  .bgrid{grid-template-columns:1fr 1fr;}
}

/* غلاف المقال بلا صورة: لون حسب التصنيف واسمه */
.bcard__img--ph{display:grid;place-items:center;position:relative;text-align:center;padding:18px;
  background:radial-gradient(120% 140% at 100% 0%,rgba(48,95,245,.45),transparent 55%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.bcard__img--ph[data-tone="1"]{background:radial-gradient(120% 140% at 0% 100%,rgba(16,185,129,.38),transparent 55%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.bcard__img--ph[data-tone="2"]{background:radial-gradient(120% 140% at 100% 100%,rgba(245,158,11,.36),transparent 55%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.bcard__img--ph[data-tone="3"]{background:radial-gradient(120% 140% at 0% 0%,rgba(168,85,247,.40),transparent 55%),linear-gradient(135deg,var(--navy),var(--navy-2));}
.bcard__img--ph::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:28px 28px;}
.bcard__img--ph span{position:relative;z-index:1;color:#fff;font-weight:700;font-size:clamp(18px,2vw,22px);transition:transform .5s;}
.bcard:hover .bcard__img--ph span{transform:scale(1.05);}

/* المدونة والمقال: مسافة أقل تحت رأس الصفحة */
.sec.bsec{padding-top:clamp(28px,4vw,48px);}