*{box-sizing:border-box;margin:0;padding:0}
:root{
  /* ── لوحةٌ مشتقّةٌ من الشعار ──
     الشراعُ الأعلى كحليٌّ صريح، والأوسطُ 80% منه، والأدنى 55% —
     فتلك ثلاثُ درجاتٍ ليست اختراعاً بل قراءةٌ من الرمز نفسِه.
     والذهبيُّ نقطةُ الحرارة الوحيدة، ومنه درجتان: فاتحةٌ للإضاءة
     وغامقةٌ للنصِّ على أرضٍ فاتحة (فالذهبيُّ الأصليُّ لا يُقرأ نصّاً). */
  --navy:#1F3864; --navy-2:#2b4b81; --deep:#132340; --deep-2:#0d1a30;
  --slate:#4d6390; --slate-2:#7f92b3;
  --gold:#C9A227; --gold-lt:#e2bd4c; --gold-dk:#8a6d12;
  --tint:#eaf0fa; --tint-2:#dde7f7; --tint-gold:#fdf6e4;
  --ink:#131f36; --dim:#3f4d68; --dim-2:#5b6a86;
  --line:#cfdaec; --line-2:#b9c8e2; --bg:#ffffff;
  --ok:#22694a; --red:#a32b2b; --wrap:1180px;
  --sh-1:0 1px 2px rgba(19,35,64,.07), 0 3px 8px rgba(19,35,64,.06);
  --sh-2:0 1px 2px rgba(19,35,64,.08), 0 6px 16px rgba(19,35,64,.09), 0 18px 40px rgba(19,35,64,.10);
  --sh-3:0 2px 4px rgba(19,35,64,.10), 0 12px 26px rgba(19,35,64,.13), 0 28px 60px rgba(19,35,64,.16);
  --lift:inset 0 1px 0 rgba(255,255,255,.95);
}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);line-height:1.8;
  font-family:"Tajawal","Noto Kufi Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.en{font-family:"Poppins","Segoe UI",system-ui,sans-serif;line-height:1.72}
.num{font-variant-numeric:tabular-nums;direction:ltr;display:inline-block;unicode-bidi:isolate}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 clamp(18px,4vw,34px)}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.34;letter-spacing:-.01em}

/* ── الترويسة ── */
header{position:sticky;top:0;z-index:50;background:#ffffffee;backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);box-shadow:0 1px 0 #ffffff, 0 4px 18px rgba(19,35,64,.06)}
.nav{display:flex;align-items:center;gap:26px;height:76px}
.nav img{height:44px}
.nav .links{display:flex;gap:22px;margin-inline-start:auto;align-items:center;font-size:.96em}
.nav .links a{color:var(--dim);font-weight:500}
.nav .links a:hover{color:var(--navy)}
.lang{border:1.5px solid var(--line-2);border-radius:99px;padding:3px 14px;font-size:.86em;
  color:var(--navy);font-weight:600}
.lang:hover{border-color:var(--gold);color:var(--gold-dk);background:var(--tint-gold)}
.btn{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff!important;
  border-radius:11px;padding:10px 22px;font-weight:600;display:inline-block;
  border:1px solid var(--navy);transition:.18s;
  box-shadow:0 2px 5px rgba(31,56,100,.28), 0 8px 20px rgba(31,56,100,.22), inset 0 1px 0 #ffffff33}
.btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(31,56,100,.32), 0 14px 30px rgba(31,56,100,.28), inset 0 1px 0 #ffffff33}
.btn.g{background:linear-gradient(180deg,var(--gold-lt),var(--gold));border-color:#b8931f;
  color:var(--deep)!important;
  box-shadow:0 2px 5px rgba(201,162,39,.34), 0 8px 22px rgba(201,162,39,.30), inset 0 1px 0 #ffffff66}
.btn.g:hover{box-shadow:0 4px 12px rgba(201,162,39,.4), 0 16px 34px rgba(201,162,39,.34), inset 0 1px 0 #ffffff66}
.btn.o{background:#fff;color:var(--navy)!important;border-color:var(--line-2);
  box-shadow:var(--sh-1),var(--lift)}
.btn.o:hover{border-color:var(--navy);background:var(--tint)}
@media(max-width:900px){.nav .links a.hide-m{display:none}}

/* ── البطل ── */
.hero{background:
    radial-gradient(900px 520px at 12% 8%, #2b4b8166, transparent 62%),
    radial-gradient(760px 480px at 88% 92%, #c9a2271f, transparent 60%),
    linear-gradient(160deg,var(--deep) 0%, var(--navy) 52%, var(--deep-2) 100%);
  color:#fff;padding:clamp(58px,9vw,104px) 0 clamp(64px,10vw,110px);
  position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;z-index:1;inset-inline-end:-14%;top:-24%;width:62%;height:150%;
  background:radial-gradient(circle at 50% 50%, #ffffff12, transparent 62%)}
.hero .wrap{position:relative;z-index:2}
.hero .kicker{color:var(--gold-lt);letter-spacing:.06em;font-size:.98em;margin-bottom:14px;font-weight:600}
.hero h1{font-size:clamp(33px,5.5vw,60px);font-weight:700;max-width:20ch;
  text-shadow:0 2px 26px rgba(0,0,0,.3)}
.hero p{color:#d6e0f2;font-size:clamp(17px,2.1vw,21px);max-width:56ch;margin-top:20px}
.hero .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px}
.stat{border:1px solid #ffffff33;border-radius:14px;padding:14px 20px;min-width:136px;
  background:linear-gradient(180deg,#ffffff1c,#ffffff08);
  box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 1px 0 #ffffff2e}
.stat b{display:block;font-size:1.85em;color:var(--gold-lt);font-weight:700;line-height:1.2}
.stat span{color:#bccbe4;font-size:.88em}
/* شعارٌ كبيرٌ في الجهة المقابلة للنصّ */
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(24px,5vw,64px);align-items:center}
.hero-copy{min-width:0}
.hero-mark{display:flex;align-items:center;justify-content:center;min-width:0}
.hero-mark img{width:100%;max-width:clamp(240px,30vw,430px);height:auto;
  filter:drop-shadow(0 20px 52px rgba(0,0,0,.42))}
.hero .stats{grid-column:1/-1;margin-top:clamp(28px,4vw,44px)}
.hero::before{display:none}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-mark{order:-1;justify-content:flex-start}
  .hero-mark img{max-width:210px}
}

/* ── الأقسام ── */
section{padding:clamp(56px,8vw,96px) 0;scroll-margin-top:80px;position:relative}
section.soft{background:linear-gradient(180deg,var(--tint) 0%, #f4f8fe 55%, var(--tint) 100%);
  border-block:1px solid var(--line)}
.eyebrow{color:var(--gold-dk);font-weight:700;font-size:.94em;letter-spacing:.05em;margin-bottom:10px}
h2.t{font-size:clamp(26px,3.7vw,39px);font-weight:700;color:var(--navy);max-width:24ch}
.lede{color:var(--dim);margin-top:14px;max-width:62ch;font-size:1.06em}

.grid{display:grid;gap:20px;margin-top:40px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:960px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}

/* ── البطاقات: بارزةٌ لا مسطّحة ── */
.card{position:relative;border:1px solid var(--line);border-radius:16px;padding:26px 26px 28px;
  background:linear-gradient(168deg,#ffffff 0%, #f7faff 62%, #eff5fd 100%);
  box-shadow:var(--sh-2),var(--lift);transition:transform .22s, box-shadow .22s, border-color .22s;
  overflow:hidden}
.card::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg,var(--slate-2),var(--navy),var(--slate));opacity:.9}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-3),var(--lift);border-color:var(--line-2)}
.card h3{font-size:1.2em;color:var(--navy);margin-bottom:10px;font-weight:700}
.card p{color:var(--dim);font-size:1.01em}
.card .ev{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);
  color:var(--dim-2);font-size:.94em}
.card .ev b{color:var(--ok);font-weight:600}
.n{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  font-weight:700;margin-bottom:15px;color:#fff;font-size:1.02em;
  background:linear-gradient(160deg,var(--navy-2),var(--navy));
  box-shadow:0 3px 8px rgba(31,56,100,.3), 0 8px 18px rgba(31,56,100,.22), inset 0 1px 0 #ffffff3d}
.card.hi{border-color:#e7d49a;
  background:linear-gradient(168deg,#fffdf7 0%, var(--tint-gold) 100%)}
.card.hi::before{background:linear-gradient(90deg,var(--gold-lt),var(--gold),var(--gold-dk))}
.card.hi .n{background:linear-gradient(160deg,var(--gold-lt),var(--gold));color:var(--deep);
  box-shadow:0 3px 8px rgba(201,162,39,.4), 0 8px 18px rgba(201,162,39,.3), inset 0 1px 0 #ffffff6b}

/* ── الوحدات ── */
.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:16px;margin-top:36px}
.mod{position:relative;border:1px solid var(--line);border-radius:15px;padding:17px 19px 19px;
  background:linear-gradient(168deg,#ffffff,#f4f8fe);
  box-shadow:var(--sh-2),var(--lift);transition:transform .2s, box-shadow .2s;overflow:hidden}
.mod::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:4px;
  background:linear-gradient(90deg,var(--navy),var(--slate))}
.mod:nth-child(3n)::before{background:linear-gradient(90deg,var(--gold),var(--gold-lt))}
.mod:nth-child(3n+2)::before{background:linear-gradient(90deg,var(--slate),var(--slate-2))}
.mod:hover{transform:translateY(-4px);box-shadow:var(--sh-3),var(--lift)}
.mod b{color:var(--navy);display:block;margin-bottom:10px;font-size:1.05em;font-weight:700}
.mod ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.mod li{font-size:.9em;color:var(--dim);border:1px solid var(--line-2);border-radius:99px;
  padding:2px 11px;background:#fff;box-shadow:0 1px 2px rgba(19,35,64,.06)}

/* ── الجدول ── */
.tw{overflow-x:auto;margin-top:36px;border:1px solid var(--line);border-radius:16px;background:#fff;
  box-shadow:var(--sh-2),var(--lift)}
table{border-collapse:collapse;width:100%;min-width:660px}
th,td{padding:13px 15px;text-align:start;border-bottom:1px solid var(--line);font-size:.98em;
  vertical-align:top}
thead th{background:linear-gradient(180deg,var(--tint),var(--tint-2));color:var(--navy);
  font-weight:700;white-space:nowrap;border-bottom:2px solid var(--line-2)}
th.us,td.us{background:linear-gradient(180deg,#fffdf6,var(--tint-gold))}
thead th.us{color:var(--gold-dk);border-bottom-color:var(--gold)}
tbody tr:nth-child(even) td{background:#f9fbff}
tbody tr:nth-child(even) td.us{background:var(--tint-gold)}
tbody tr:last-child td{border-bottom:0}
.y{color:var(--ok);font-weight:700}.no{color:var(--red)}.pa{color:var(--gold-dk)}
td small{display:block;color:var(--dim-2);font-size:.9em;margin-top:2px}

/* ── لقطةُ البلاطات ── */
.shot{margin-top:36px;border:1px solid var(--line-2);border-radius:18px;overflow:hidden;
  background:#fff;box-shadow:var(--sh-3),var(--lift)}
.shot-bar{display:flex;align-items:center;gap:7px;padding:12px 17px;
  background:linear-gradient(180deg,var(--navy),var(--deep))}
.shot-bar>span{width:11px;height:11px;border-radius:50%;background:#ffffff42}
.shot-url{margin-inline-start:auto;color:#b3c4de;font-size:.82em;letter-spacing:.03em}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;
  padding:24px;background:linear-gradient(180deg,var(--tint),#f3f7fe)}
.tile{border:1px solid var(--line);border-radius:13px;padding:16px 8px 13px;text-align:center;
  background:linear-gradient(170deg,#fff,#f6faff);
  box-shadow:var(--sh-1),var(--lift);transition:transform .18s, box-shadow .18s}
.tile:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:var(--sh-2),var(--lift)}
.tile i{font-size:1.62em;color:var(--navy);display:block;margin-bottom:8px}
.tile:nth-child(4n) i{color:var(--gold-dk)}
.tile:nth-child(4n+2) i{color:var(--slate)}
.tile span{font-size:.87em;color:var(--dim);display:block;line-height:1.45;font-weight:500}
.more{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;padding:18px 24px;
  border-top:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--tint-gold))}
.more b{color:var(--gold-dk);font-size:1.06em;white-space:nowrap;font-weight:700}
.more b::before{content:"→";margin-inline-end:8px;opacity:.75}
.more span{color:var(--dim);font-size:.98em}

/* ── الباقات ── */
.plan{position:relative;border:1px solid var(--line);border-radius:18px;padding:28px;
  background:linear-gradient(168deg,#ffffff,#f5f9ff);
  box-shadow:var(--sh-2),var(--lift);transition:transform .22s, box-shadow .22s;overflow:hidden}
.plan::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:5px;
  background:linear-gradient(90deg,var(--slate-2),var(--navy))}
.plan:hover{transform:translateY(-6px);box-shadow:var(--sh-3),var(--lift)}
.plan.hi{border:1px solid #e2cd8e;background:linear-gradient(168deg,#fffdf7,var(--tint-gold));
  box-shadow:0 3px 8px rgba(201,162,39,.2), 0 16px 34px rgba(201,162,39,.22), 0 34px 70px rgba(19,35,64,.14), var(--lift)}
.plan.hi::before{background:linear-gradient(90deg,var(--gold-lt),var(--gold),var(--gold-dk));height:6px}
.plan h3{color:var(--navy);font-size:1.3em;font-weight:700}
.plan .for{color:var(--gold-dk);font-size:.93em;margin:5px 0 15px;font-weight:600}
.plan ul{list-style:none;margin:15px 0 22px}
.plan li{padding:7px 0;border-bottom:1px solid var(--line);color:var(--dim);font-size:.98em}
.plan li:last-child{border:0}
.plan li::before{content:"✓";color:var(--ok);font-weight:700;margin-inline-end:9px}

/* ── التواصل ── */
.contact{background:
    radial-gradient(760px 460px at 88% 8%, #2b4b8159, transparent 62%),
    radial-gradient(700px 420px at 10% 92%, #c9a2271c, transparent 60%),
    linear-gradient(155deg,var(--deep) 0%, var(--navy) 58%, var(--deep-2) 100%);
  color:#fff;border-block:0}
.contact h2.t{color:#fff}
.contact .eyebrow{color:var(--gold-lt)}
.contact .lede{color:#d6e0f2}
.form{background:linear-gradient(180deg,#ffffff17,#ffffff08);border:1px solid #ffffff2e;
  border-radius:18px;padding:28px;margin-top:34px;
  box-shadow:0 16px 44px rgba(0,0,0,.26), inset 0 1px 0 #ffffff26}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:15px}
@media(max-width:640px){.f2{grid-template-columns:1fr}}
label{display:block;font-size:.93em;color:#cbd8ee;margin-bottom:7px;font-weight:500}
input,select,textarea{width:100%;padding:12px 14px;border-radius:11px;border:1px solid #ffffff3d;
  background:#ffffff17;color:#fff;font-family:inherit;font-size:1em}
input::placeholder,textarea::placeholder{color:#9db0ce}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;background:#ffffff24}
select option{background:var(--deep);color:#fff}
.fld{margin-bottom:15px}
.note{color:#b8c7e0;font-size:.92em;margin-top:14px}
.direct{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.direct a{border:1px solid #ffffff3d;border-radius:13px;padding:14px 22px;color:#fff;
  display:flex;align-items:center;gap:10px;font-size:.99em;
  background:linear-gradient(180deg,#ffffff17,#ffffff09);
  box-shadow:0 8px 22px rgba(0,0,0,.22), inset 0 1px 0 #ffffff24}
.direct a:hover{border-color:var(--gold);transform:translateY(-2px)}
.direct b{color:var(--gold-lt);font-weight:700}
/* **الرقمُ يُعزَل اتجاهياً.** داخل فقرةٍ عربية يعيد محرّكُ الاتجاهين
   ترتيبَ مقاطعِ الرقم فيظهر مقلوباً (+965 5177 → 5177 965+).
   و`dir=ltr` وحدَه لا يكفي في كلِّ المتصفّحات، فيُضاف `isolate`. */
.tel{direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums;
  color:#dfe8f7;letter-spacing:.02em;font-weight:600}
.ci{width:22px;height:22px;flex:0 0 22px}
.direct a.wa .ci{color:#25D366}
.direct a .ci{color:var(--gold-lt)}
.direct a.wa{padding:7px 10px;gap:9px}
.wa-name{display:block;width:68px;height:27px;flex:0 0 68px;font-size:0;line-height:0;background:url('nokhatha-word-white.svg') center/68px auto no-repeat}

footer{background:linear-gradient(180deg,var(--deep-2),#0a1526);color:#a8b8d2;padding:36px 0;font-size:.94em}
.fw{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer img{height:38px;opacity:.95}
footer .r{margin-inline-start:auto;text-align:end}
.ph{background:#c9a2272e;border:1px dashed var(--gold);border-radius:8px;padding:1px 9px;
  color:var(--gold-lt);font-size:.88em}

/* ── علامةٌ مائيةٌ ثابتة (منقولةٌ عن البرنامج · erp.css البند 57) ── */
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background-image:url(nokhatha-icon.svg);background-repeat:no-repeat;
  background-position:center 46%;background-size:min(78vmin,760px);opacity:.075}
.contact{position:relative;isolation:isolate}
.contact::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url(nokhatha-icon-ondark.svg);background-repeat:no-repeat;
  background-position:center 46%;background-size:min(72vmin,640px);opacity:.10}
.contact .wrap{position:relative;z-index:2}
footer{position:relative;isolation:isolate}
footer::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url(nokhatha-icon-ondark.svg);background-repeat:no-repeat;
  background-position:center;background-size:min(40vmin,300px);opacity:.07}
footer .wrap{position:relative;z-index:2}
@media print{body::before,.contact::before,footer::before{display:none}}


/* ── مصفوفةُ المقارنة القيادية والشريطُ الذهبيّ (v14) ── */
.sub{margin-top:40px;color:var(--navy);font-size:1.28em}
.sub-2{margin-top:54px;padding-top:0}
.mx table{min-width:720px}
.mx thead th{text-align:center;padding:15px 12px;line-height:1.35}
.mx thead th:first-child{text-align:start}
.mx thead th small{display:block;font-weight:500;font-size:.8em;color:var(--dim-2);margin-top:3px;
  white-space:normal}
.mx thead th.us small{color:var(--gold-dk)}
.mx td.mk{text-align:center;font-size:1.24em;font-weight:700;width:13%;vertical-align:middle}
.mx td.mk.no{color:#a8b8d4}
.mx td b{font-weight:700;color:var(--ink)}
.legend{margin-top:14px;color:var(--dim-2);font-size:.9em}
.legend .sep{opacity:.45;margin:0 4px}
.legend .y,.legend .pa,.legend .no{font-weight:700}

section.band{background:linear-gradient(135deg,var(--gold) 0%,#d8b23f 45%,var(--gold-lt) 100%);
  color:#2a2205;text-align:center}
.band .t{color:#241d04}
.band .bl{margin:14px auto 0;max-width:60ch;color:#3a2f07;font-size:1.06em}
.pstats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:38px}
.ps{background:#ffffff2e;border:1px solid #ffffff5c;border-radius:16px;padding:18px 12px;
  box-shadow:0 1px 0 #ffffff70 inset}
.ps b{display:block;font-size:1.72em;font-weight:700;color:#1F3864;line-height:1.25}
.ps span{display:block;color:#3a2f07;font-size:.9em;margin-top:4px}
@media(max-width:620px){.mx table{min-width:600px}.mx td.mk{font-size:1.1em}}


/* ── دعوةُ مرآة الحوكمة ونموذجُ الطلب (v16) ── */
#mirror-cta{padding-top:0}
.mirror-card{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(20px,4vw,44px);align-items:center;
  background:linear-gradient(140deg,var(--deep),var(--navy) 55%,var(--navy-2));color:#fff;
  border-radius:22px;padding:clamp(24px,4vw,44px);box-shadow:var(--sh-3);overflow:hidden}
@media(max-width:820px){.mirror-card{grid-template-columns:1fr}}
.mirror-card .t{color:#fff;margin-top:6px}
.mirror-card .eyebrow{color:var(--gold-lt)}
.mirror-card .lede{color:#c6d3e8;max-width:54ch}
.mirror-card .btn{margin-top:18px;display:inline-block}
.mc-vis{background:#ffffff12;border:1px solid #ffffff2b;border-radius:16px;padding:16px;
  box-shadow:inset 0 1px 0 #ffffff26}
.mc-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;
  background:#ffffff0f;margin-bottom:8px;font-size:.9em}
.mc-row span{flex:1;color:#dbe4f4;font-weight:500}
.mc-row i{width:15px;height:15px;border-radius:5px;border:1px solid #ffffff45;flex:0 0 auto}
.mc-row i.on{background:var(--gold);border-color:var(--gold)}
.mc-row.bad{background:#c9414112;border:1px solid #e57f7f4d}
.mc-tag{display:inline-block;margin-top:4px;font-size:.78em;font-weight:700;color:#2a2205;
  background:var(--gold-lt);border-radius:20px;padding:3px 12px}
.consent{display:flex;gap:9px;align-items:flex-start;font-size:.88em;color:var(--dim);
  margin:4px 0 14px;cursor:pointer;line-height:1.6}
.consent input{margin-top:5px;width:17px;height:17px;accent-color:var(--navy);flex:0 0 auto}
.q-note{margin-top:12px;border-radius:10px;padding:11px 14px;font-size:.93em;
  background:var(--tint);color:var(--dim)}
.q-note.q-ok{background:#e8f4ee;color:var(--ink)}
.q-note.q-warn{background:var(--tint-gold);color:var(--ink)}
.q-note.q-err{background:#fbeceb;color:var(--red)}

/* فخُّ النحل — مخفيٌّ بالقصّ لا بالإزاحة: الإزاحةُ إلى اليسار في مستندٍ
   يمينيّ تُوسّع عرضَ الصفحة آلافَ البكسلات وتُنشئ شريطَ تمريرٍ أفقيّاً. */
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* النموذجُ يقع على أرضٍ كحليّة — فسطرُ الموافقة يُقرأ عليها لا يختفي فيها. */
.contact .consent{color:#c8d4e8}
.contact .consent input{accent-color:var(--gold-lt)}
.contact .q-note{background:#ffffff1a;color:#dbe4f4}
.contact .q-note.q-ok{background:#e8f4ee;color:var(--ink)}
.contact .q-note.q-warn{background:var(--tint-gold);color:var(--ink)}
.contact .q-note.q-err{background:#7a2b2b;color:#ffe6e4}

/* Kuwait phone field: one cross-browser control (fixed +965 + 8 local digits) */
.phone-kuwait{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:stretch;
  direction:ltr;
  width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid #ffffff3d;
  border-radius:11px;
  background:#ffffff1a;
}
.phone-kuwait .phone-prefix{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:72px;
  padding:12px 12px;
  box-sizing:border-box;
  border:0;
  border-right:1px solid #ffffff3d;
  border-radius:0;
  background:transparent;
  color:inherit;
  font-weight:700;
  white-space:nowrap;
  direction:ltr;
  unicode-bidi:isolate;
  line-height:1.2;
}
.phone-kuwait input,
.phone-kuwait input[type="tel"]{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  direction:ltr!important;
  text-align:left!important;
  -webkit-appearance:none;
  appearance:none;
}
.phone-kuwait input:focus,
.phone-kuwait input[type="tel"]:focus{
  outline:0!important;
  box-shadow:none!important;
  background:#ffffff0d!important;
}
.phone-kuwait:focus-within{
  outline:2px solid var(--gold);
  outline-offset:1px;
}
@media(max-width:480px){
  .phone-kuwait .phone-prefix{min-width:68px;padding-inline:10px}
}


/* iOS/Safari hardening v3: fixed Kuwait prefix inside the input control.
   Absolute positioning deliberately avoids Grid/Flex intrinsic-size quirks. */
.phone-kuwait{
  position:relative!important;
  display:block!important;
  direction:ltr!important;
  width:100%!important;
  min-width:0!important;
  height:48px;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.phone-kuwait .phone-prefix{
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  z-index:3!important;
  width:82px!important;
  min-width:82px!important;
  padding:0 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  pointer-events:none!important;
  border-right:1px solid #ffffff3d!important;
  line-height:1!important;
}
.phone-kuwait input,
.phone-kuwait input[type="tel"]{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  padding:0 14px 0 96px!important;
  margin:0!important;
  direction:ltr!important;
  text-align:left!important;
  font-size:16px!important; /* prevents iOS auto-zoom */
  line-height:1.2!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}