@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-400-normal.woff2) format('woff2');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:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-600-normal.woff2) format('woff2');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:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/ibm-plex-sans-arabic-latin-700-normal.woff2) format('woff2');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:'Noto Naskh Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-naskh-arabic-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-naskh-arabic-latin-700-normal.woff2) format('woff2');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:'Fraunces';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fraunces-latin-600-normal.woff2) format('woff2');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:'Noto Sans Devanagari';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-400-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:'Noto Sans Devanagari';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-sans-devanagari-devanagari-700-normal.woff2) format('woff2');unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-sans-bengali-bengali-400-normal.woff2) format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Sans Bengali';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-sans-bengali-bengali-700-normal.woff2) format('woff2');unicode-range:U+0951-0952,U+0964-0965,U+0980-09FE,U+1CD0,U+1CD2,U+1CD5-1CD6,U+1CD8,U+1CE1,U+1CEA,U+1CED,U+1CF2,U+1CF5-1CF7,U+200C-200D,U+20B9,U+25CC,U+A8F1}
@font-face{font-family:'Noto Nastaliq Urdu';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-nastaliq-urdu-arabic-400-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Noto Nastaliq Urdu';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/noto-nastaliq-urdu-arabic-700-normal.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
:root{
  --f-body:'IBM Plex Sans Arabic',system-ui,sans-serif;
  --f-head:'Noto Naskh Arabic','IBM Plex Sans Arabic',serif;
  --head-w:700; --head-lh:1.3;
  --ink:#0F2A23; --ink-2:#1C3D34; --line:#3E5C53; --mist:#CFE3DB; --mist-2:#A9C4BA;
  --gold:#E3B04B; --paper:#F5F6F3; --text:#14211C;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  min-height:100vh; background:var(--ink); color:#fff;
  font-family:var(--f-body); line-height:1.7;
  display:flex; flex-direction:column; overflow-x:hidden;
}
/* خطوط كل لغة — لا يُحمَّل خط إلا عند استخدام لغته */
body.l-en,body.l-id,body.l-fil{--f-head:'Fraunces',Georgia,serif; --head-w:600; --head-lh:1.15}
body.l-hi,body.l-ne{--f-body:'Noto Sans Devanagari','IBM Plex Sans Arabic',system-ui,sans-serif; --f-head:'Noto Sans Devanagari',system-ui,sans-serif; --head-lh:1.45}
body.l-bn{--f-body:'Noto Sans Bengali','IBM Plex Sans Arabic',system-ui,sans-serif; --f-head:'Noto Sans Bengali',system-ui,sans-serif; --head-lh:1.45}
body.l-ur{--f-body:'Noto Nastaliq Urdu','IBM Plex Sans Arabic',serif; --f-head:'Noto Nastaliq Urdu',serif; --head-lh:2; line-height:2.2}
body.l-ur .brand-ar,body.l-ur .brand-en{line-height:1.4}
.bg{position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(227,176,75,.10), transparent 60%),
    radial-gradient(700px 500px at 0% 110%, rgba(14,90,71,.55), transparent 60%);
}
.grid{position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.07;
  background-image:linear-gradient(var(--mist) 1px, transparent 1px),linear-gradient(90deg,var(--mist) 1px, transparent 1px);
  background-size:56px 56px; mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
}
header,main,footer{position:relative; z-index:1}
.wrap{width:100%; max-width:1120px; margin:0 auto; padding:0 24px}
header .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:24px; padding-bottom:24px}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:#fff}
.mark{width:46px; height:46px; border-radius:12px; background:#0E5A47; border:1px solid var(--line); display:grid; place-items:center; flex-shrink:0}
.brand-txt{display:flex; flex-direction:column; line-height:1.15}
.brand-ar{font-family:'Noto Naskh Arabic',serif; font-size:21px; font-weight:700}
.brand-en{font-size:12px; letter-spacing:.08em; color:var(--mist-2); font-weight:600}
.lang{min-height:44px; padding:0 18px; border-radius:999px; border:1px solid var(--line); background:transparent; color:#fff; font:inherit; font-size:15px; font-weight:600; cursor:pointer}
.lang:hover{background:var(--ink-2)}
.lang:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--gold); outline-offset:3px}

main{flex:1; display:flex; align-items:center}
main .wrap{padding-top:40px; padding-bottom:64px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); grid-template-areas:"intro intro" "facts card"; column-gap:24px; row-gap:32px; align-items:stretch}
.intro{grid-area:intro}
.facts{grid-area:facts; display:flex; flex-direction:column; gap:14px}
main .card{grid-area:card; display:flex; flex-direction:column}
main .card .contact{margin-top:auto; padding-top:14px}
.facts .features{margin:0; max-width:none; flex:1; grid-auto-rows:1fr}
.facts .features li{align-items:center}
.facts .features svg{margin-top:0}
.facts .pstats{margin:0; max-width:none}
.pill{display:inline-flex; align-items:center; gap:10px; padding:6px 16px; border:1px solid var(--line); border-radius:999px; color:var(--mist); font-size:14px}
.dot{width:8px; height:8px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 0 rgba(227,176,75,.6); animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(227,176,75,0)}100%{box-shadow:0 0 0 0 rgba(227,176,75,0)}}
h1{margin:22px 0 0; font-family:var(--f-head); font-weight:var(--head-w); font-size:clamp(34px,5.6vw,66px); line-height:var(--head-lh)}
h1 .soon{color:var(--gold)}
body.l-en h1,body.l-id h1,body.l-fil h1{letter-spacing:-.01em}
.lead{margin:20px 0 0; font-size:clamp(17px,2vw,20px); color:var(--mist); max-width:600px}
.features{list-style:none; margin:32px 0 0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; max-width:620px}
.features li{display:flex; gap:12px; align-items:flex-start; padding:14px 16px; background:rgba(28,61,52,.55); border:1px solid rgba(62,92,83,.6); border-radius:14px; font-size:15px}
.features svg{flex-shrink:0; margin-top:3px}
.features b{display:block; color:#fff; font-weight:600}
.features span{color:var(--mist-2); font-size:14px}

.card{background:var(--paper); color:var(--text); border-radius:24px; padding:32px; box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.card h2{margin:0; font-family:var(--f-head); font-weight:var(--head-w); font-size:26px; line-height:var(--head-lh)}
.card p{margin:8px 0 0; color:#4E5A55; font-size:15px}
.cd{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:22px}
.cd div{background:#fff; border:1px solid #DDE2DC; border-radius:14px; padding:14px 8px; text-align:center}
.cd strong{display:block; font-size:22px; color:#0E5A47}
.cd span{font-size:13px; color:#4E5A55}
.btn{display:flex; align-items:center; justify-content:center; gap:10px; min-height:52px; margin-top:22px; border-radius:12px; background:#0E5A47; color:#fff; text-decoration:none; font-weight:700; font-size:16px}
.btn:hover{background:#0A4436}
.sub{margin-top:22px; display:flex; flex-direction:column; gap:14px}
.sub .row{display:flex; gap:8px; flex-wrap:wrap}
.sub input[type=email]{flex:1; min-width:200px; min-height:52px; padding:0 16px; border:1px solid #C9D1CB; border-radius:12px; font:inherit; font-size:16px; background:#fff; color:var(--text)}
.sub input[type=email]:focus{outline:2px solid #0E5A47; outline-offset:1px}
.sub .btn{margin-top:0; padding:0 22px; border:none; cursor:pointer; font:inherit; font-weight:700}
.sub .btn[disabled]{opacity:.6; cursor:wait}
.who{border:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px 18px; font-size:14px}
.who legend{float:right; margin-inline-end:10px; font-weight:700; color:var(--text)}
[dir=ltr] .who legend{float:left}
.who label,.consent{display:flex; gap:8px; align-items:center; cursor:pointer; min-height:32px}
.consent{align-items:flex-start; font-size:13px; color:#4E5A55}
.who input,.consent input{width:18px; height:18px; accent-color:#0E5A47; flex-shrink:0; margin-top:2px}
.msg{margin:0; font-size:14px; font-weight:600; min-height:1.2em}
.msg.ok{color:#0A4436}.msg.err{color:#8A2E1C}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0)}
.hp{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); opacity:0}
.contact{margin-top:14px; font-size:14px; color:#4E5A55; text-align:center}
.contact a{color:#0E5A47; font-weight:600}

.note{border-top:1px solid rgba(62,92,83,.6)}
.note .wrap{padding-top:22px; padding-bottom:22px; display:flex; flex-wrap:wrap; gap:8px 24px; justify-content:space-between; font-size:13px; color:var(--mist-2)}
.note p{margin:0; max-width:760px}

.langsel{min-height:44px; padding:0 34px 0 14px; border-radius:999px; border:1px solid var(--line); background:transparent; color:#fff; font:inherit; font-size:15px; font-weight:600; cursor:pointer; appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CFE3DB' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 12px center}
[dir=rtl] .langsel{padding:0 14px 0 34px; background-position:left 12px center}
.langsel option{color:#14211C; background:#fff}
.langsel:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.i18n-loading main{opacity:.4; transition:opacity .15s}

@media (max-width:860px){
  main .wrap{grid-template-columns:minmax(0,1fr); grid-template-areas:"intro" "facts" "card"; row-gap:28px; padding-top:16px}
  .features{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}

.topnav{display:flex; align-items:center; gap:6px; flex-wrap:wrap}
.topnav a{min-height:44px; display:inline-flex; align-items:center; padding:0 14px; border-radius:999px; color:var(--mist); text-decoration:none; font-weight:600; font-size:15px}
.topnav a:hover{color:#fff; background:var(--ink-2)}
.topnav a[aria-current="page"]{color:#fff; box-shadow:inset 0 -2px 0 var(--gold); border-radius:0}


/* المنصة بالأرقام */
.pstats{margin-top:28px; max-width:620px; padding:18px 20px; border:1px solid rgba(62,92,83,.6); border-radius:16px; background:rgba(15,42,35,.35)}
.pst-title{margin:0 0 12px; font-size:14px; font-weight:600; color:var(--mist-2); font-family:var(--f-body)}
.pst-row{display:flex; align-items:center; gap:28px; flex-wrap:wrap}
.pstat{display:flex; flex-direction:column; line-height:1.3}
.pstat strong{font-size:30px; font-weight:700; color:#fff; font-variant-numeric:tabular-nums}
.pstat span{font-size:14px; color:var(--mist)}
.likebtn{margin-inline-start:auto; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border-radius:999px; border:1px solid var(--gold); background:transparent; color:#fff; font:inherit; font-size:15px; font-weight:600; cursor:pointer; transition:background .15s, transform .15s}
.likebtn svg{fill:none; stroke:var(--gold); stroke-width:2; transition:fill .15s}
.likebtn:hover{background:rgba(227,176,75,.12)}
.likebtn:active{transform:scale(.97)}
.likebtn:focus-visible{outline:2px solid var(--gold); outline-offset:3px}
.likebtn .lk-on{display:none}
.likebtn[aria-pressed="true"]{background:rgba(227,176,75,.16); cursor:default}
.likebtn[aria-pressed="true"] svg{fill:var(--gold)}
.likebtn[aria-pressed="true"] .lk-on{display:inline}
.likebtn[aria-pressed="true"] .lk-off{display:none}
@media (max-width:520px){ .likebtn{margin-inline-start:0; width:100%; justify-content:center} }
@media (prefers-reduced-motion:reduce){ .likebtn{transition:none} }

/* شريط اللغات — ظاهر لكل الجنسيات */
.langbar{position:relative; z-index:2; background:#0A1F1A; border-bottom:1px solid rgba(62,92,83,.7)}
.langbar .wrap{direction:ltr; display:flex; align-items:center; gap:12px; padding-top:8px; padding-bottom:8px}
.langbar .globe{color:var(--gold); flex-shrink:0}
.lb-label{font-size:13px; color:var(--mist-2); white-space:nowrap; font-family:'IBM Plex Sans Arabic',system-ui,sans-serif}
.lb-list{display:flex; gap:4px; min-width:0; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
.lb-list::-webkit-scrollbar{display:none}
.lb-list a{flex-shrink:0; min-height:40px; min-width:44px; display:inline-flex; align-items:center; justify-content:center; padding:0 7px; border-radius:999px; text-decoration:none; border:1px solid transparent}
.lb-list a:hover{background:var(--ink-2)}
.lb-list a[aria-current="true"]{border-color:var(--gold)}
.lb-list img{display:block; width:28px; height:21px; border-radius:3px; box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.langpick{position:relative; display:inline-flex; align-items:center}
.langpick .globe{position:absolute; inset-inline-start:12px; color:var(--gold); pointer-events:none}
.langpick .langsel{padding-inline-start:38px}
@media (max-width:520px){ .lb-label{display:none} .langpick{display:none} .langbar .wrap{padding-left:12px; padding-right:12px; gap:8px} .lb-list{gap:2px} .lb-list a{min-width:38px; padding:0 4px} .lb-list img{width:26px; height:19.5px} }