/* RTL-first stylesheet. Только логические свойства (inline/block), без жёстких left/right.
   Палитра: CTA терракота #A84A22 · индиго #23246B · песочное золото #C8A24A · чипы #EEF7F3 · фон #FBFAF7 · текст #151515 */
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-ar-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-ar-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-lat-400.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Plex Arabic";src:url(/assets/fonts/plex-lat-700.woff2) format("woff2");font-weight:700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--cta:#A84A22;--cta-h:#8C3D1B;--ind:#23246B;--ind-2:#1A1B52;--gold:#C8A24A;--gold-t:#2A2105;--chip:#EEF7F3;--chip-t:#1F4D3D;--bg:#FBFAF7;--card:#fff;--tx:#151515;--mut:#55575E;--line:#E6E2DA;--soft:#F5F1E8;--ok:#1E6B4F;--bad:#9B2C1F;--r:14px;--sh:0 1px 2px rgba(20,20,40,.05),0 6px 22px rgba(20,20,40,.06);--w:1200px;--font:"Plex Arabic",system-ui,"Segoe UI",Tahoma,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-block-start:84px}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font);font-size:17.5px;line-height:1.85;text-rendering:optimizeLegibility}
img,svg{max-inline-size:100%;block-size:auto}
a{color:var(--ind);text-underline-offset:3px}
a:hover{color:var(--cta)}
h1,h2,h3,h4{line-height:1.45;font-weight:700;margin-block:1.6em .6em;color:#101024}
h1{font-size:clamp(1.65rem,1.2rem + 2vw,2.35rem);margin-block-start:.4em}
h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.7rem);padding-block-start:.3em;border-block-start:1px solid var(--line)}
h3{font-size:1.18rem}
p{margin-block:0 1em}
ul,ol{padding-inline-start:1.4em}
li{margin-block:.25em}
bdi,.ltr{unicode-bidi:isolate}
.ltr{direction:ltr;display:inline-block}
.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:12px;inset-block-start:8px;z-index:99;background:#fff;padding:8px 12px;border-radius:8px}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.in{max-inline-size:var(--w);margin-inline:auto;padding-inline:16px}

/* شريط الإعلان */
.adbar{background:var(--soft);border-block-end:1px solid var(--line);font-size:.86rem;line-height:1.6}
.adbar .in{display:flex;gap:12px;justify-content:space-between;align-items:center;padding-block:6px}
.adbar b{color:var(--bad)}

/* الترويسة */
.site-h{background:#fff;border-block-end:1px solid var(--line);position:sticky;inset-block-start:0;z-index:30}
.site-h .in{display:flex;align-items:center;gap:18px;min-block-size:64px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ind);font-weight:700;font-size:1.22rem;white-space:nowrap}
.logo-mk{inline-size:34px;block-size:40px;flex:none}
.logo.light{color:#fff}
.nav{display:flex;gap:4px;margin-inline-start:auto;overflow-x:auto;scrollbar-width:none}
.nav a{padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--tx);font-weight:700;font-size:.97rem;white-space:nowrap}
.nav a:hover{background:var(--soft);color:var(--cta)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:46px;padding:10px 22px;border-radius:12px;background:var(--cta);color:#fff;font-weight:700;text-decoration:none;border:0;cursor:pointer;line-height:1.3;text-align:center}
.btn:hover{background:var(--cta-h);color:#fff}
.btn.xs{min-block-size:40px;padding:6px 14px;font-size:.92rem}
.btn.ghost{background:#fff;color:var(--ind);border:2px solid var(--ind)}
.hdr-cta{flex:none}
@media (max-width:900px){.nav{display:none}.site-h .in{min-block-size:58px}.hdr-cta{margin-inline-start:auto;min-block-size:44px;padding:8px 14px;font-size:.92rem}}

/* البطل */
.hero{background:radial-gradient(1200px 400px at 85% -20%,#33358F 0,transparent 60%),linear-gradient(160deg,var(--ind-2),#121238);color:#fff;padding-block:34px 0}
.hero-in{max-inline-size:var(--w);margin-inline:auto;padding-inline:16px}
.hero h1{color:#fff;margin:0 0 .4em;max-inline-size:900px}
.hero p{color:#DCDDF3;max-inline-size:820px;font-size:1.06rem}
.upd{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:#E9DDB7;background:rgba(200,162,74,.14);padding:4px 12px;border-radius:999px}
.upd svg{inline-size:16px;block-size:16px}
.suggest{max-inline-size:var(--w);margin:26px auto 0;padding:18px 16px 24px;background:#fff;color:var(--tx);border-radius:var(--r) var(--r) 0 0}
.suggest-h{font-weight:700;margin:0 0 12px;color:var(--ind)}
.suggest-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sg{position:relative;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:8px;background:#fff}
.sg.rec{border:2px solid var(--gold);box-shadow:var(--sh);padding-block-start:26px}
.sg-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sg-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx)}
.sg-logo img,.sg-logo .letter{inline-size:52px;block-size:52px;border-radius:12px}
.sg-facts{margin:0;padding-inline-start:1.1em;font-size:.93rem;color:var(--mut)}
.sg-bot{margin-block-start:auto}
.sg-bot .btn{inline-size:100%}
@media (max-width:820px){.suggest-g{grid-template-columns:1fr}.sg:not(.rec){display:none}.sg.rec{order:-1}}

/* شرائط */
.ribbon{position:absolute;inset-block-start:-12px;inset-inline-start:16px;background:var(--gold);color:var(--gold-t);font-size:.8rem;font-weight:700;padding:2px 12px;border-radius:8px;line-height:1.8;white-space:nowrap;z-index:2}
.ribbon.alt{background:#E4E1F5;color:var(--ind)}

/* التخطيط */
.shell{max-inline-size:var(--w);margin-inline:auto;padding:0 16px 40px;display:block}
.shell.has-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.page{background:#fff;border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);padding:20px clamp(16px,3vw,36px) 32px;min-inline-size:0}
body.inner .page{border-radius:var(--r);margin-block-start:18px}
@media (max-width:1023px){.shell.has-side{grid-template-columns:minmax(0,1fr)}.side{display:none}}
.crumbs{font-size:.88rem;color:var(--mut);margin-block-end:6px}
.crumbs a{color:var(--mut)}
.meta{font-size:.9rem;color:var(--mut);margin-block-end:10px}
.disclosure,.footnote{font-size:.9rem;background:var(--soft);border-inline-start:4px solid var(--gold);padding:10px 14px;border-radius:8px;color:#3A3A40}
.footnote{margin-block-start:28px}

/* الخلاصة / مربعات */
.tldr{background:#F3F4FD;border:1px solid #D9DBF3;border-radius:var(--r);padding:16px 18px;margin-block:16px}
.tldr h2{border:0;margin-block-start:0;font-size:1.2rem}
.note{background:var(--chip);border-radius:10px;padding:12px 16px;color:var(--chip-t)}
.warn{background:#FCF1EC;border-inline-start:4px solid var(--cta);border-radius:8px;padding:12px 16px}
.qa-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-block:12px}
.qa-grid>div{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
.qa-grid h3{margin-block:0 .3em;font-size:1.05rem}
@media (max-width:700px){.qa-grid{grid-template-columns:1fr}}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pc>div{border-radius:12px;padding:14px 16px}
.pc .pros{background:#EEF7F1}.pc .cons{background:#FBEFEC}
.pc h3{margin-block-start:0}
@media (max-width:700px){.pc{grid-template-columns:1fr}}

/* فهرس المحتويات */
.toc{border:1px solid var(--line);border-radius:12px;background:#FDFCF9;margin-block:16px}
.toc summary{cursor:pointer;font-weight:700;padding:12px 16px;color:var(--ind)}
.toc ol{margin:0;padding-block:0 12px;font-size:.96rem}
.toc ol ol{padding-block:4px;font-size:.92rem}
.toc a{text-decoration:none}

/* الترتيب */
.rank{list-style:none;margin:18px 0;padding:0;display:grid;gap:18px;counter-reset:none}
.rk{position:relative;display:grid;grid-template-columns:56px 110px minmax(0,1fr) 170px;grid-template-areas:"n logo main scr" "n logo main act" "chips chips chips chips";gap:6px 18px;border:1px solid var(--line);border-radius:var(--r);padding:22px 18px 14px;background:#fff;box-shadow:var(--sh)}
.rk.top{border:2px solid var(--gold)}
.rk-n{grid-area:n;inline-size:44px;block-size:44px;border-radius:50%;background:var(--ind);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.15rem;margin-block-start:14px}
.rk-logo{grid-area:logo;display:flex;flex-direction:column;align-items:center;gap:8px}
.rk-logo img,.rk-logo .letter{inline-size:86px;block-size:86px;border-radius:18px}
.rk-qr{display:none;margin:0;text-align:center}
.rk-qr img{inline-size:86px;block-size:86px;border-radius:4px}
.rk-qr figcaption{font-size:.74rem;color:var(--mut);line-height:1.4}
@media (min-width:1024px){.rk-qr{display:block}}
.rk-main{grid-area:main;min-inline-size:0}
.rk-t{margin:0 0 4px;font-size:1.08rem}
.lbl{display:inline-block;background:var(--chip);color:var(--chip-t);font-size:.82rem;padding:0 10px;border-radius:999px;margin-inline-start:6px}
.rk-main ul{margin:0;padding-inline-start:1.1em;font-size:.95rem}
.rk .scr{grid-area:scr}
.rk-act{grid-area:act;display:flex;flex-direction:column;gap:6px;align-items:stretch}
.rk-act .rv{font-size:.9rem;text-align:center}
.chips{grid-area:chips;display:flex;flex-wrap:wrap;gap:6px;border-block-start:1px dashed var(--line);padding-block-start:10px}
.chips span{background:var(--chip);color:var(--chip-t);font-size:.82rem;padding:2px 10px;border-radius:999px}
.nolink{font-size:.85rem;color:var(--mut)}
@media (max-width:760px){
  .rk{grid-template-columns:44px 74px minmax(0,1fr);grid-template-areas:"n logo main" "scr scr scr" "act act act" "chips chips chips";padding:22px 14px 12px}
  .rk-n{inline-size:36px;block-size:36px;font-size:1rem;margin:0}
  .rk-logo img,.rk-logo .letter{inline-size:70px;block-size:70px;border-radius:14px}
  .rk-main li:nth-child(3){display:none}
}
.scr{display:flex;flex-direction:column;align-items:center;gap:2px}
.scr-w{font-weight:700;color:var(--ind);font-size:.95rem}
.scr-r{display:flex;align-items:center;gap:8px}
.badge{display:inline-grid;place-items:center;min-inline-size:48px;block-size:40px;border-radius:10px;background:var(--ind);color:#fff;font-weight:700;font-size:1.1rem;padding-inline:6px;direction:ltr}
.badge.sm{min-inline-size:40px;block-size:32px;font-size:.95rem}
.stars{position:relative;display:inline-block;inline-size:90px;block-size:16px;background:linear-gradient(90deg,#DDD8CC 0 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 16'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M8 0l2.4 5 5.6.6-4.2 3.8 1.2 5.6L8 12.2 3 15l1.2-5.6L0 5.6 5.6 5z'/%3E%3Cuse href='%23s' x='18.5'/%3E%3Cuse href='%23s' x='37'/%3E%3Cuse href='%23s' x='55.5'/%3E%3Cuse href='%23s' x='74'/%3E%3C/g%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 16'%3E%3Cg fill='%23000'%3E%3Cpath id='s' d='M8 0l2.4 5 5.6.6-4.2 3.8 1.2 5.6L8 12.2 3 15l1.2-5.6L0 5.6 5.6 5z'/%3E%3Cuse href='%23s' x='18.5'/%3E%3Cuse href='%23s' x='37'/%3E%3Cuse href='%23s' x='55.5'/%3E%3Cuse href='%23s' x='74'/%3E%3C/g%3E%3C/svg%3E") no-repeat}
.stars span{position:absolute;inset-block:0;inset-inline-start:0;background:var(--gold)}
.letter{display:inline-grid;place-items:center;color:#fff;font-weight:700;font-size:1.6rem}

/* صندوق الدعوة */
.cta{position:relative;display:grid;grid-template-columns:80px minmax(0,1fr) auto auto;align-items:center;gap:14px 18px;border:2px solid var(--line);border-radius:var(--r);padding:20px 18px;margin-block:20px;background:#fff;box-shadow:var(--sh)}
.cta.cta-top{border-color:var(--gold)}
.cta-logo img,.cta-logo .letter{inline-size:72px;block-size:72px;border-radius:16px}
.cta .nm{font-weight:700;font-size:1.12rem}
.cta .tg{color:var(--mut);font-size:.94rem;line-height:1.6}
.cta .go{display:flex;flex-direction:column;align-items:center;gap:4px}
.cta .fine{font-size:.78rem;color:var(--mut)}
.cta-qr{display:none;margin:0;text-align:center}
.cta-qr img{inline-size:88px;block-size:88px}
.cta-qr figcaption{font-size:.72rem;color:var(--mut);max-inline-size:110px;line-height:1.4}
@media (min-width:1024px){.cta{grid-template-columns:80px minmax(0,1fr) auto auto auto}.cta-qr{display:block}}
@media (max-width:700px){.cta{grid-template-columns:64px minmax(0,1fr)}.cta .scr,.cta .go{grid-column:1/-1}.cta .go .btn{inline-size:100%}.cta-logo img,.cta-logo .letter{inline-size:60px;block-size:60px}}

/* بطاقات */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-block:16px}
.card{display:flex;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
.card-logo img,.card-logo .letter{inline-size:56px;block-size:56px;border-radius:12px}
.card-b{min-inline-size:0;flex:1}
.card-t{display:flex;justify-content:space-between;align-items:center;gap:8px}
.card p{font-size:.92rem;color:var(--mut);margin:4px 0 8px;line-height:1.6}
.links{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.92rem}

/* الجداول: أول عمود على اليمين تلقائيًا (dir=rtl)؛ على الهاتف تتحول إلى بطاقات */
.tbl{overflow-x:auto;margin-block:16px;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;inline-size:100%;font-size:.95rem;background:#fff}
caption{caption-side:top;text-align:start;padding:10px 14px;font-weight:700;color:var(--ind);background:#FDFCF9;border-block-end:1px solid var(--line);line-height:1.6}
th,td{padding:10px 12px;text-align:start;vertical-align:top;border-block-end:1px solid var(--line)}
thead th{background:#F4F2EC;font-size:.9rem;white-space:nowrap}
tr.hl td{background:#FBF6E8}
tbody tr:last-child td{border-block-end:0}
@media (max-width:700px){
  .tbl{border:0;overflow:visible}
  .tbl table:not(.nolabel) thead{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tbl table:not(.nolabel),.tbl table:not(.nolabel) tbody,.tbl table:not(.nolabel) tr,.tbl table:not(.nolabel) td{display:block;inline-size:100%}
  .tbl table:not(.nolabel) caption{display:block;border:1px solid var(--line);border-radius:12px 12px 0 0}
  .tbl table:not(.nolabel) tr{border:1px solid var(--line);border-radius:12px;margin-block-end:10px;padding:6px 0;background:#fff}
  .tbl table:not(.nolabel) td{border:0;padding:5px 14px;display:grid;grid-template-columns:42% 1fr;gap:10px}
  .tbl table:not(.nolabel) td::before{content:attr(data-label);font-weight:700;color:var(--mut);font-size:.86rem}
  .tbl table:not(.nolabel) td:first-child{font-weight:700;background:#F7F5EF;border-radius:10px 10px 0 0}
  .tbl table.nolabel{display:block;overflow-x:auto}
}

/* الرسوم */
figure.chart{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff;overflow-x:auto}
figure.chart svg{display:block;inline-size:100%;min-inline-size:320px}
figure.chart figcaption{font-size:.88rem;color:var(--mut);margin-block-start:8px;line-height:1.6}
figure.chart text{font-family:var(--font)}
.swipe{display:none;font-size:.8rem;color:var(--mut);margin:0 0 6px}
@media (max-width:700px){.swipe{display:block}}

/* الأسئلة الشائعة */
.faq details.qa{border:1px solid var(--line);border-radius:12px;margin-block:10px;background:#fff}
.faq summary{cursor:pointer;list-style:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.4rem;color:var(--cta);flex:none}
.faq details[open] summary::after{content:"−"}
.faq summary h3{margin:0;font-size:1.04rem}
.qa-a{padding:0 16px 12px}

.related{margin-block-start:28px}
.related ul{columns:2;column-gap:28px}
@media (max-width:700px){.related ul{columns:1}}
.author{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-block-start:28px;font-size:.92rem;background:#FDFCF9;line-height:1.7}
.av{flex:none;inline-size:56px;block-size:56px;border-radius:50%;background:var(--ind);color:#fff;display:grid;place-items:center;font-weight:700;overflow:hidden}

/* الشريط الجانبي */
.side{position:sticky;inset-block-start:84px;display:grid;gap:16px;margin-block-start:18px}
.sb{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px}
.sb-h{font-weight:700;color:var(--ind);margin:0 0 10px}
.sb-pick{border:2px solid var(--gold)}
.sb-app{display:flex;align-items:center;gap:10px;margin-block-end:8px}
.sb-app img,.sb-app .letter{inline-size:52px;block-size:52px;border-radius:12px}
.sb-app>div{flex:1}
.sb-txt{font-size:.88rem;color:var(--mut);line-height:1.6}
.sb .btn{inline-size:100%}
.sb-qr{display:flex;gap:10px;align-items:center;margin-block-start:12px;font-size:.82rem;line-height:1.5;color:var(--mut)}
.sb-qr img{inline-size:88px;block-size:88px;flex:none}
.sb-list,.sb-links{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sb-list li{display:flex;gap:10px;align-items:center}
.sb-list img,.sb-list .letter{inline-size:40px;block-size:40px;border-radius:10px}
.sb-list div{display:flex;flex-direction:column;line-height:1.4;font-size:.92rem}
.sb-links a{font-size:.92rem;line-height:1.5}
.sb-more{display:inline-block;margin-block-start:10px;font-size:.9rem;font-weight:700}

/* الشريط اللاصق (ليس في الرئيسية) */
.sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:25;background:#fff;border-block-start:1px solid var(--line);box-shadow:0 -6px 20px rgba(20,20,40,.08);display:flex;align-items:center;gap:10px;padding:8px 16px}
.sticky img,.sticky .letter{inline-size:40px;block-size:40px;border-radius:10px}
.sticky span{flex:1;font-size:.9rem;line-height:1.4}
.sticky .btn{min-block-size:44px;padding:8px 16px}
@media (min-width:1024px){.sticky{display:none}}
body.inner{padding-block-end:64px}
@media (min-width:1024px){body.inner{padding-block-end:0}}

/* التذييل */
.site-f{background:#141433;color:#C9CAE0;padding-block:36px 90px;font-size:.92rem}
@media (min-width:1024px){.site-f{padding-block-end:36px}}
.site-f .in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.site-f a{color:#E4E5F5}
.site-f .f-h{color:#fff;font-weight:700;margin-block-end:8px}
.site-f ul{list-style:none;padding:0;margin:0}
.site-f .legal{grid-column:1/-1;border-block-start:1px solid #2C2C55;padding-block-start:16px;font-size:.84rem;line-height:1.8}
@media (max-width:820px){.site-f .in{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}

/* موافقة ملفات تعريف الارتباط: أسفل اليمين (inset-inline-start في RTL) */
.consent{position:fixed;inset-block-end:16px;inset-inline-start:16px;z-index:60;max-inline-size:360px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding-block:14px;padding-inline:14px 40px;font-size:.88rem;line-height:1.6}
.consent p{margin:0 0 10px}
.consent-b{display:flex;gap:8px}
.consent-b button{flex:1;min-block-size:44px;border-radius:10px;border:1.5px solid var(--ind);background:#fff;color:var(--ind);font:inherit;font-weight:700;cursor:pointer}
.consent-x{position:absolute;inset-block-start:6px;inset-inline-end:6px;inline-size:32px;block-size:32px;border:0;background:none;font-size:1.3rem;cursor:pointer;color:var(--mut)}
@media (max-width:1023px){.consent{inset-block-end:76px;inset-inline:12px;max-inline-size:none}}

/* نافذة QR */
.qrm{position:fixed;inset:0;background:rgba(14,14,40,.55);z-index:80;display:grid;place-items:center;padding:16px}
.qrm[hidden]{display:none}
.qrm-box{position:relative;background:#fff;border-radius:18px;max-inline-size:420px;inline-size:100%;padding:26px 26px 18px;text-align:center}
.qrm-k{margin:0;color:var(--cta);font-weight:700;font-size:.9rem}
.qrm-box h2{border:0;margin:.2em 0 .6em;font-size:1.3rem}
.qrm-img{inline-size:220px;block-size:220px;margin-inline:auto;display:block}
.qrm-steps{text-align:start;font-size:.92rem;margin-block:12px}
.qrm-note{font-size:.78rem;color:var(--mut)}
.qrm-x{position:absolute;inset-block-start:8px;inset-inline-end:10px;border:0;background:none;font-size:1.6rem;cursor:pointer;color:var(--mut);inline-size:40px;block-size:40px}
body.qrm-open{overflow:hidden}

/* الحاسبة */
.calc{border:2px solid var(--gold);border-radius:var(--r);padding:16px;background:#FFFCF4;display:grid;gap:10px;margin-block:18px}
.calc label{display:grid;gap:4px;font-weight:700;font-size:.94rem}
.calc input,.calc select{font:inherit;min-block-size:44px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
.calc output{font-weight:700;color:var(--ind);background:#fff;border-radius:10px;padding:10px 12px}

/* صفحات الإعلانات */
body.lp .site-h .nav{display:none}

/* اتجاه الأسهم: نعكس الأيقونات الاتجاهية فقط */
.flip{transform:scaleX(-1)}