/* Cairo — خط متغيّر (Variable): ملف واحد لكل نطاق يغطّي الأوزان 400–800 */
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/cairo-arabic.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;}
@font-face{font-family:'Cairo';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/cairo-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

:root{
    --brand:#6D28D9; --accent:#F59E0B; --accent-light:#FBBF24; --midnight:#1A103C;
    --g-cover:linear-gradient(135deg,#1A103C,#4C1D95,#F59E0B);
    --g-soft:linear-gradient(135deg,#1A103C,#4C1D95,#B45309 130%);
    --g-cta:linear-gradient(90deg,#F59E0B,#FBBF24);
    --g-mark:linear-gradient(180deg,#6D28D9,#F59E0B);
    --g-brand:linear-gradient(135deg,#7C3AED,#F59E0B);
    --g-brand-h:linear-gradient(95deg,#7C3AED,#9333EA 45%,#F59E0B);
    --bg:#F9FAFB; --surface:#FFFFFF; --g900:#111827; --g700:#374151; --g600:#4B5563; --g500:#6B7280; --g200:#E5E7EB; --g100:#F3F4F6; --g50:#F9FAFB;
    --ink:var(--g900); --line:var(--g200);
    --shadow:0 1px 2px rgba(17,24,39,.05),0 10px 24px -14px rgba(76,29,149,.25);
  }
  :root[data-theme="dark"]{
    --bg:#0D0720; --surface:#17102E; --g900:#F3EEFF; --g700:#CBBEE8; --g600:#A99EC9; --g500:#9488B4; --g200:#2C2150; --g100:#1B1338; --g50:#141031;
    --ink:var(--g900); --line:var(--g200);
    --shadow:0 1px 2px rgba(0,0,0,.5),0 16px 34px -18px rgba(0,0,0,.8);
  }

  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%;font-size:18px}
  body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo','Segoe UI',Tahoma,system-ui,sans-serif;line-height:1.8;direction:rtl;text-align:right;-webkit-font-smoothing:antialiased;font-size:1.06rem}
  /* عناوين المقال دائمًا محاذاة يمين — حتى لو ضُبط ستايل مضمّن (center/left) داخل المحتوى */
  .prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6,
  .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6,
  .ldesc h1,.ldesc h2,.ldesc h3,.ldesc h4,.dlsec h2,.dlsec h3{text-align:right!important}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;height:auto}
  .nums{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
  .ic{width:1.15em;height:1.15em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
  .ic-fill{fill:currentColor;stroke:none}

  /* header */
  .hdr{position:sticky;top:0;z-index:50;max-width:1400px;margin-inline:auto;background:var(--g-soft);border-radius:0 0 16px 16px;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px rgba(26,16,60,.25)}
  .hbar{max-width:1400px;margin-inline:auto;display:flex;align-items:center;gap:10px;padding:12px 16px;color:#fff}
  /* ترتيب الموبايل: القائمة يمين ← اللوجو في النص ← البحث شمال */
  .hbar .b-menu{order:0}
  .hbar .logo{order:1;margin-inline:auto}
  .hbar .hnav{order:2}
  .hbar .b-search{order:3}
  .logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.05rem}
  .logo .lm{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7C3AED,#F59E0B);display:grid;place-items:center}
  .logo .lm .ic{width:18px;height:18px}
  /* وردمارك LoloAppsPro (صورة شفّافة) */
  .logo{gap:0}
  .logo .wordmark{height:29px;width:auto;display:block}
  @media(min-width:768px){.logo .wordmark{height:32px}}
  .ft .flogo .wordmark{height:27px;width:auto;display:block}
  .drawer-top .logo .wordmark{height:26px;width:auto;display:block}
  .hnav{display:none;flex:1;justify-content:center;min-width:0;margin-inline:10px}
  .hnav .hnav-list{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:nowrap;overflow:hidden}
  .hnav .hnav-list li{list-style:none}
  .hnav .hnav-list a{display:block;white-space:nowrap;padding:8px 11px;border-radius:9px;font-size:.88rem;font-weight:500;color:#fff;opacity:.9;text-decoration:none}
  .hnav .hnav-list a:hover{background:rgba(255,255,255,.12);opacity:1}
  .hbar .b{flex:0 0 auto;width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;cursor:pointer;color:#fff;padding:0}
  .hbar .b:hover{background:rgba(255,255,255,.2)}
  .hbar .b[aria-expanded="true"]{background:var(--accent);border-color:var(--accent);color:#3a2400}
  .hbar .b .ic{width:19px;height:19px}
  /* الكمبيوتر: اللوجو يمين ← القائمة الأفقية في النص ← البحث شمال، وإخفاء زر الدرج */
  @media(min-width:768px){
    .hbar .b-menu{display:none}
    .hbar .logo{order:0;margin-inline:0}
    .hbar .hnav{display:flex;order:1}
    .hbar .b-search{order:2}
  }

  /* لوحة البحث في الهيدر — تنسدل فوق المحتوى بدون تحريك الصفحة */
  .hsearch{position:absolute;inset-inline:0;top:100%;z-index:60;padding:8px 16px 0}
  .hsearch:not([hidden]){animation:hsdrop .18s ease}
  @keyframes hsdrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .hsearch form{display:flex;align-items:center;gap:8px;background:#fff;border-radius:12px;padding:6px 8px 6px 6px;box-shadow:0 14px 30px rgba(26,16,60,.35)}
  .hsearch .si{display:grid;place-items:center;width:34px;height:34px;color:var(--brand);flex:0 0 auto}
  .hsearch .si .ic{width:19px;height:19px}
  .hsearch input{flex:1;border:0;outline:0;background:transparent;font-family:inherit;font-size:.95rem;color:#1e1436;min-width:0}
  .hsearch button{flex:0 0 auto;border:0;background:var(--g-cta);color:#3a2400;font-family:inherit;font-weight:700;font-size:.85rem;padding:9px 18px;border-radius:9px;cursor:pointer}

  /* القائمة الجانبية (درج الموبايل) */
  .drawer{position:fixed;inset:0;z-index:100}
  .drawer[hidden]{display:none}
  .drawer-ov{position:absolute;inset:0;background:rgba(16,8,40,.55);opacity:0;transition:opacity .25s;backdrop-filter:blur(2px)}
  .drawer-panel{position:absolute;top:0;bottom:0;right:0;width:min(76vw,300px);background:var(--surface);color:var(--g900);box-shadow:-14px 0 40px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;overflow-y:auto}
  .drawer.is-open .drawer-ov{opacity:1}
  .drawer.is-open .drawer-panel{transform:translateX(0)}
  .drawer-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--line)}
  .drawer-top::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--g-brand-h)}
  .drawer-top .logo{display:inline-flex;align-items:center;gap:9px;color:var(--g900);font-weight:700;font-size:1.02rem}
  .drawer-top .logo .lm{width:30px;height:30px;border-radius:9px;background:var(--g-brand);display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(124,58,237,.5)}
  .drawer-top .logo .lm .ic{width:17px;height:17px;color:#fff}
  .dclose{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:var(--g100);border:1px solid var(--line);color:var(--g700);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,color .15s}
  .dclose:active{background:var(--g200)}
  .dclose .ic{width:19px;height:19px;stroke-width:2.4}
  .dnav{padding:6px 0 24px}
  .dnav .dnav-list{list-style:none;margin:0;padding:0}
  .dnav .dnav-list li{list-style:none}
  .dnav .dnav-list a{display:flex;align-items:center;gap:10px;padding:10px 13px;color:var(--g800,#2b2440);font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--g100)}
  .dnav .dnav-list a .dt{flex:1;min-width:0}
  .dnav .dnav-list a .di{flex:0 0 auto;width:31px;height:31px;border-radius:8px;background:var(--g-brand);display:grid;place-items:center;box-shadow:0 4px 10px -5px rgba(124,58,237,.5)}
  .dnav .dnav-list a .di .ic{width:16px;height:16px;color:#fff}
  .dnav .dnav-list a .dc{width:14px;height:14px;color:var(--g300);flex:0 0 auto}
  .dnav .dnav-list a:hover,.dnav .dnav-list a:focus{background:color-mix(in srgb,var(--brand) 6%,transparent);color:var(--brand)}
  .dnav .dnav-list a:hover .dc{color:var(--brand)}
  /* القائمة أساسًا فئة واحدة بها عناصر فرعية — نعرضها قائمة مسطّحة موحّدة */
  .dnav .dnav-list .sub-menu{list-style:none;margin:0;padding:0}
  .dnav .dnav-list .sub-menu a{font-size:.94rem;font-weight:600}
  .dnav .dnav-list .sub-menu a .di{width:34px;height:34px}
  .dnav .dnav-list .sub-menu a .di .ic{width:17px;height:17px}

  .uhad{max-width:1400px;margin-inline:auto;padding:14px 16px 0}
  .uhad:empty{display:none;padding:0}
  main{max-width:1400px;margin-inline:auto;padding:24px 16px}
  article{max-width:1400px;margin-inline:auto}
  .entry h2,.entry h3,.entry h4,#ez-toc-container{scroll-margin-top:80px}

  .crumb{display:flex;width:100%;flex-wrap:nowrap;align-items:center;gap:2px;font-size:.76rem;margin-bottom:18px;padding:6px 8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
  .crumb::-webkit-scrollbar{display:none}
  .crumb a{display:inline-flex;align-items:center;gap:6px;color:var(--g600);font-weight:600;text-decoration:none;padding:5px 10px;border-radius:8px;transition:.15s;flex:0 0 auto;white-space:nowrap}
  .crumb a:hover{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,transparent)}
  .crumb a:first-child .ic{width:15px;height:15px;padding:3px;box-sizing:content-box;border-radius:7px;background:var(--g-brand);color:#fff}
  .crumb a:first-child{color:var(--g700)}
  .crumb .sep{width:15px;height:15px;color:var(--g300);flex:0 0 auto}
  .crumb .cur{flex:0 0 auto;padding:5px 11px;border-radius:8px;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 8%,transparent);white-space:nowrap}

  /* ترويسة على نمط المتجر: غلاف + أيقونة عائمة متراكبة على ركنه السفلي + العنوان تحت */
  .cover-wrap{position:relative;margin-top:4px}
  .cover{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:21/9;background:var(--g-cover);border:1px solid var(--line);box-shadow:var(--shadow)}
  .cover.has-img{background-size:cover;background-position:center;background-repeat:no-repeat}
  .cover.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
  @media(min-width:640px){.cover{aspect-ratio:3/1}}
  /* غلاف بديل مُصمّم (بلا صورة رسمية): تدرّج + دوائر زخرفية + اسم التطبيق */
  .cover-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:14px 38px}
  .cover-ph::before,.cover-ph::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
  .cover-ph::before{width:46%;aspect-ratio:1;top:-16%;inset-inline-end:-9%;background:rgba(255,255,255,.10)}
  .cover-ph::after{width:40%;aspect-ratio:1;bottom:-20%;inset-inline-start:-7%;background:rgba(255,255,255,.08)}
  .cph-main{position:relative;z-index:1;font-size:clamp(1.7rem,8vw,2.5rem);font-weight:800;color:#fff;line-height:1.05;letter-spacing:.5px;text-shadow:0 2px 12px rgba(0,0,0,.28)}
  .cph-sub{position:relative;z-index:1;font-size:clamp(1rem,4.5vw,1.35rem);font-weight:700;color:var(--accent-light);text-shadow:0 2px 10px rgba(0,0,0,.28)}
  /* أيقونة عائمة متراكبة على ركن الغلاف — بإطار أبيض وظل */
  .cover-ico{position:absolute;bottom:-24px;inset-inline-start:16px;width:82px;height:82px;border-radius:22px;background:var(--surface);padding:6px;box-shadow:0 10px 26px -8px rgba(0,0,0,.45);z-index:3}
  .cover-ico img{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
  .cover-ico.is-ph{display:grid;place-items:center;background:var(--g-brand);color:#fff}
  .cover-ico.is-ph .ic{width:38px;height:38px}
  @media(min-width:640px){.cover-ico{width:96px;height:96px;bottom:-28px;inset-inline-start:24px}}

  /* العنوان تحت الغلاف بعرض كامل (يبدأ أسفل الأيقونة العائمة) */
  .ahead{margin-top:40px;margin-bottom:24px;padding-inline:6px}
  .ahead h1{margin:0;font-size:1.5rem;font-weight:800;line-height:1.35;color:var(--g900);text-wrap:balance;overflow-wrap:anywhere}
  .ahead .intro{margin:14px 0 0;font-size:1rem;line-height:1.9;color:var(--g600);text-align:justify;text-align-last:right}
  .ahead .dates{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:16px;font-size:.75rem;color:var(--g500)}
  .ahead .dates time{display:flex;align-items:center;gap:6px}
  .ahead .dates .ic{width:15px;height:15px}
  @media(min-width:640px){.ahead h1{font-size:1.9rem}.ahead .ico{width:88px;height:88px}}

  .infocard{margin:24px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
  .infocard .ih{position:relative;background:var(--surface);color:var(--g900);display:flex;align-items:center;gap:11px;padding:16px 20px;border-bottom:1px solid var(--line)}
  .infocard .ih::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-brand-h)}
  .infocard .ih .e{width:30px;height:30px;border-radius:9px;background:var(--g-brand);color:#fff;display:grid;place-items:center;box-shadow:0 4px 9px -4px rgba(124,58,237,.55)}
  .infocard .ih .e .ic{width:17px;height:17px}
  .infocard .ih h2{margin:0;font-size:1.05rem;font-weight:700;padding:0;border:0;color:var(--g900)}
  .infocard .ih h2::before,.infocard .ih h2::after{display:none}
  .infocard dl{margin:0}
  .infocard .r{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
  .infocard .r:nth-child(odd){background:color-mix(in srgb,var(--g50) 70%,transparent)}
  :root[data-theme="dark"] .infocard .r:nth-child(odd){background:rgba(255,255,255,.03)}
  .infocard .r + .r{border-top:1px solid var(--g100)}
  .infocard dt{display:flex;align-items:center;gap:10px;flex:none}
  .infocard dt .bdg{width:32px;height:32px;flex:none;border-radius:9px;background:var(--g-brand);color:#fff;display:grid;place-items:center;box-shadow:0 4px 9px -4px rgba(124,58,237,.55)}
  .infocard dt .bdg .ic{width:16px;height:16px}
  .infocard dt .lb{font-size:.92rem;font-weight:500;color:var(--g500)}
  .infocard dd{margin:0;min-width:0;text-align:left;font-size:.92rem;font-weight:700;line-height:1.6;color:var(--g900);word-break:break-word}

  /* prose with prominent headings */
  .prose{font-size:1.08rem;line-height:1.9;color:var(--g700)}
  /* نص جسم المقال الفعلي داخل .entry — القالب الأصلي يثبّته على 14px، نتغلّب عليه
     برفع مقروئية الفقرات (العناوين لها أحجامها الخاصة فلا تتأثّر). */
  .prose .entry,.entry{font-size:1.16rem;line-height:1.95;color:var(--g700)}
  .entry p,.entry li,.entry td,.entry blockquote{font-size:inherit;line-height:1.95}
  .prose h2{position:relative;font-size:1.55rem;font-weight:800;color:var(--g900);margin:36px 0 15px;padding:0 16px 10px 0;line-height:1.4;border-bottom:2px solid var(--line)}
  .prose h2::before{content:"";position:absolute;inset-inline-start:0;top:2px;height:1.15em;width:6px;border-radius:3px;background:var(--g-mark)}
  .prose h2::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:64px;height:2px;background:var(--g-cta)}
  /* عناوين المقال الفرعية (h3/h4) مميّزة زي h2 مع تدرّج بالحجم */
  .entry h3{position:relative;font-size:1.32rem;font-weight:800;color:var(--g900);margin:30px 0 13px;padding:0 15px 8px 0;line-height:1.45;border-bottom:2px solid var(--line)}
  .entry h3::before{content:"";position:absolute;inset-inline-start:0;top:2px;height:1.05em;width:5px;border-radius:3px;background:var(--g-mark)}
  .entry h3::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:48px;height:2px;background:var(--g-cta)}
  .entry h4{position:relative;font-size:1.15rem;font-weight:800;color:var(--g900);margin:24px 0 10px;padding:0 14px 0 0;line-height:1.5}
  .entry h4::before{content:"";position:absolute;inset-inline-start:0;top:.12em;height:1em;width:4px;border-radius:3px;background:var(--g-mark)}
  /* تصغير النصوص والعناوين قليلًا على الموبايل + تباعد أكبر بين أسطر العناوين */
  @media(max-width:640px){
    .prose{font-size:.96rem}
    .prose .entry,.entry{font-size:.97rem}
    .dlsec>p{font-size:.96rem}
    .prose h2{font-size:1.32rem;line-height:1.55;margin:32px 0 14px}
    .entry h3{font-size:1.16rem;line-height:1.55;margin:26px 0 12px}
    .entry h4{font-size:1.05rem;line-height:1.55;margin:22px 0 10px}
  }
  /* تصحيح تباين: نص سماوي فاتح (#00ccff) مضاف يدويًا في المحتوى يفشل معايير الوصول على خلفية فاتحة → سماوي داكن مقروء */
  .prose [style*="#00ccff" i],.entry [style*="#00ccff" i],.prose [style*="#00CCFF"],.entry [style*="#00CCFF"]{color:#155e75 !important}
  /* نصوص المحتوى مضبوطة بعرض الشاشة (يمين وشمال) مع بقاء آخر سطر طبيعيًا */
  .prose p{margin:0 0 14px;text-align:justify;text-align-last:right;-webkit-hyphens:auto;hyphens:auto}
  .prose strong{color:var(--g900);font-weight:700}
  .prose ul{margin:0 0 14px;padding-inline-start:0;list-style:none;display:flex;flex-direction:column;gap:9px}
  .prose ul li{position:relative;padding-inline-start:24px;text-align:justify;text-align-last:right}
  .prose ul li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:8px;height:8px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}
  /* قوائم مرقّمة — عدّاد CSS مضمون التسلسل (١،٢،٣…) بشارة متدرّجة */
  .prose ol{margin:0 0 14px;padding-inline-start:0;list-style:none;counter-reset:loloc;display:flex;flex-direction:column;gap:11px}
  .prose ol>li{position:relative;padding-inline-start:40px;counter-increment:loloc;text-align:justify;text-align-last:right}
  .prose ol>li::before{content:counter(loloc);position:absolute;inset-inline-start:0;top:0;width:27px;height:27px;border-radius:8px;background:var(--g-brand);color:#fff;font-weight:700;font-size:.82rem;display:grid;place-items:center;box-shadow:0 5px 12px -5px rgba(124,58,237,.6)}
  .prose ol>li::marker{content:none}
  .prose blockquote{margin:18px 0;padding:14px 18px;border-inline-start:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:0 10px 10px 0;font-size:.92rem;color:var(--g600)}

  .ad{margin:26px 0;min-height:250px;background:repeating-linear-gradient(135deg,var(--g50),var(--g50) 12px,transparent 12px,transparent 24px);border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;text-align:center}
  .ad b{display:block;color:var(--g700);font-size:.85rem}.ad small{color:var(--g500);font-size:.72rem}

  /* حاويات الإعلانات — تحجز مساحتها (لتفادي إزاحة التخطيط CLS) */
  /* الإعلان الحيّ (full-width-responsive): الحاوية كتلة بلا ارتفاع ثابت (أدسنس قد يكبّرها)،
     متمركزة، وبلا overflow:hidden (كان يقصّ الإعلان). التمركز عبر margin:auto. */
  /* موبايل (أساسي): حاوية بعرض الشاشة الكامل (full-bleed) حتى يُعرض إعلان full-width-responsive
     من حافة لحافة كما يبنيه أدسنس — دون قصّ ودون overflow:hidden. */
  .adslot{margin:22px auto;display:block;box-sizing:border-box;text-align:center;align-self:stretch;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
  .adslot .ads{margin:0 auto;max-width:100%}
  .adslot>ins.adsbygoogle{display:block!important;margin-left:auto!important;margin-right:auto!important}
  .adslot ins,.adslot iframe,.adslot img{max-width:100%!important}
  /* كمبيوتر: الإعلان لا يتمدّد لكامل الشاشة أصلًا؛ نُرجِع الحاوية محتواة ومتمركزة (100vw تسبّب سكرول أفقي) */
  @media(min-width:768px){.adslot{width:auto;max-width:100%;margin-left:auto;margin-right:auto}}
  /* وحدات In-feed (fluid): محتواة لتلائم صفوف الخلاصة — لا full-bleed */
  .adslot.is-fluid{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}
  /* الإفصاح عن الإعلان (النص يُضبط من اللوحة عبر data-ad-label): يظهر افتراضيًا فوق حاوية
     الإعلان ويبقى ثابتًا بعد ظهوره — لا يعتمد على وجود iframe لحظيًا (كان يجعله يختفي بعد ظهور
     الإعلان لأن أدسنس يعيد ترتيب الوحدة). يُخفى فقط إن لم يُملأ الإعلان. */
  .adslot[data-ad-label]{border-top:1px solid var(--line);padding-top:9px}
  .adslot[data-ad-label]::before{content:attr(data-ad-label);display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--g500);text-align:center;margin:0 0 9px;padding-inline:0}
  /* بعد ملء الإعلان: اجعل الحاوية تلائم الإعلان تمامًا (يلغي الفراغ الزائد من min-height) */
  .adslot:has(iframe){min-height:0!important}
  /* الوحدات التي لم تُملأ: أخفِها واطوِ حاويتها بالكامل + أخفِ كلمة الإفصاح (لا صناديق فارغة) */
  ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
  .adslot[data-ad-label]:has(ins.adsbygoogle[data-ad-status="unfilled"])::before{display:none!important}
  .adslot[data-ad-label]:has(ins.adsbygoogle[data-ad-status="unfilled"]){border-top:0;padding-top:0}
  .adslot:not(:has(iframe)):has(ins.adsbygoogle[data-ad-status="unfilled"]){min-height:0!important;margin:0!important;height:0!important;border:0!important}
  /* المكان المحجوز (وضع المعاينة فقط): توسيط النص عبر flex */
  .adslot-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed color-mix(in srgb,var(--brand) 30%,var(--line));border-radius:14px;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--brand) 5%,transparent),color-mix(in srgb,var(--brand) 5%,transparent) 12px,transparent 12px,transparent 24px);color:var(--g500)}
  .adslot-ph span{font-weight:700;font-size:.82rem;color:color-mix(in srgb,var(--brand) 75%,var(--g600))}
  .adslot-ph small{font-size:.68rem;color:var(--g400,#9aa1ad)}

  /* ===== صفحة إعادة التوجيه / التحميل ===== */
  .dlpage .dlhead{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;margin:14px 0 20px;padding:18px 16px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
  .dlpage .dlhead::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-brand-h)}
  .dlpage .dlhead .ico{width:62px;height:62px;flex:0 0 auto;border-radius:16px;background:var(--g-brand);display:grid;place-items:center;color:#fff}
  .dlpage .dlhead .ico .ic{width:30px;height:30px}
  .dlpage .dlhead h1{margin:0;font-size:1.2rem;font-weight:700;color:var(--g900);line-height:1.4}
  .dlpage .dlhead .ready{margin:6px 0 0;display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;color:#16A34A}
  .dlpage .dlhead .ready .ic{width:15px;height:15px}
  .dlpage .dlinfo{margin:0 0 4px}
  /* صندوق التحميل — كارت نظيف بشريط علوي، تظهر بداخله الأزرار بعد العدّاد */
  .dlbox{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 18px 20px;margin:16px 0;box-shadow:var(--shadow);overflow:hidden}
  .dlbox::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-cta)}
  .dlbox .bxt{position:relative;font-size:1.08rem;font-weight:800;color:var(--g900);text-align:center;margin:0 auto 18px;padding-bottom:11px;width:fit-content}
  .dlbox .bxt::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:100%;height:2px;background:var(--g-cta)}
  /* المؤقّت الأصلي مخفي — نستبدله بعدّاد رقمي عبر JS */
  .dlbox .sdl-bar,.dlbox .spinvt{display:none!important}
  .dlbox .dl-timer{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 auto 22px;transition:opacity .35s}
  .dlbox .dl-timer .dlt-num{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:color-mix(in srgb,var(--brand) 10%,transparent);border:2px solid color-mix(in srgb,var(--brand) 35%,transparent);color:var(--brand);font-weight:800;font-size:1.6rem;font-variant-numeric:tabular-nums;line-height:1}
  .dlbox .dl-timer .dlt-label{font-size:.86rem;font-weight:600;color:var(--g600)}
  .dlbox #list-downloadlinks,.dlbox ul{list-style:none;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:12px;max-width:30rem}
  .dlbox #list-downloadlinks li,.dlbox ul li{list-style:none}
  .dlbox .buttond,.dlbox .downloadAPK{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;font-size:1.02rem;padding:14px 24px;border:0;border-radius:12px;text-decoration:none;box-shadow:0 12px 24px -12px rgba(124,58,237,.75);transition:transform .12s,box-shadow .2s}
  .dlbox .buttond:hover,.dlbox .downloadAPK:hover{transform:translateY(-1px);box-shadow:0 16px 30px -12px rgba(124,58,237,.85)}
  .dlbox .buttond i{display:none}
  /* شارة التحقّق — منفصلة عن الأزرار بمسافة، شكل حبة خضراء */
  .dlbox .show_download_links{display:flex;flex-direction:column;align-items:center}
  .dlbox .show_download_links #list-downloadlinks{width:100%}
  .dlbox .dl-verified{margin-top:18px!important;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;background:color-mix(in srgb,#16A34A 12%,transparent);border:1px solid color-mix(in srgb,#16A34A 32%,transparent);color:#15803D;font-size:.78rem;font-weight:700;text-align:center!important}
  .dlbox .dl-verified i{display:none}
  .dlbox .dl-verified::before{content:"✓";display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border-radius:50%;background:#16A34A;color:#fff;font-size:.68rem;font-weight:900}
  /* معلومات ومساعدة — قسم مفصول أسفل الكارت بخط علوي */
  .dlbox .bx-info-install{margin:26px auto 0;max-width:40rem;border-top:1px solid var(--line);padding-top:22px}
  .dlbox .bx-info-install:not(.help-ready) p{margin:0;padding:12px;font-size:.85rem;color:var(--g700);text-align:center}
  .dlbox .bx-info-install:not(.help-ready) hr,.dlbox .bx-info-install code{display:none}
  .dlbox .bx-info-install:not(.help-ready) a{color:var(--brand);font-weight:700}
  .help-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;color:var(--g900);margin:0 0 16px}
  .help-title-t{position:relative;padding-inline-start:15px}
  .help-title-t::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);height:1.05em;width:6px;border-radius:3px;background:var(--g-mark)}
  .help-grid{display:grid;grid-template-columns:1fr;gap:11px}
  @media(min-width:560px){.help-grid{grid-template-columns:1fr 1fr}}
  .help-card{display:flex;align-items:center;gap:13px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s}
  .help-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px -16px rgba(76,29,149,.45);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
  .help-card .hc-ic{width:42px;height:42px;flex:0 0 auto;border-radius:12px;background:var(--g-brand);display:grid;place-items:center;box-shadow:0 5px 12px -6px rgba(124,58,237,.55)}
  .help-card .hc-ic .ic{width:21px;height:21px;color:#fff}
  .help-card .hc-t{flex:1;min-width:0;font-size:.86rem;font-weight:600;line-height:1.55;color:var(--g800,#2b2440)}
  .help-card .hc-arrow{width:16px;height:16px;flex:0 0 auto;color:var(--g300)}
  .help-card:hover .hc-arrow{color:var(--brand)}

  /* أقسام محتوى صفحة التحميل (نبذة/لقطات) */
  .dlsec{margin:28px 0}
  .dlsec > h2{position:relative;font-size:1.2rem;font-weight:700;color:var(--g900);margin:0 0 14px;padding:0 15px 9px 0;border-bottom:2px solid var(--line)}
  .dlsec > h2::before{content:"";position:absolute;inset-inline-start:0;top:2px;height:1.1em;width:6px;border-radius:3px;background:var(--g-mark)}
  .dlsec > h2::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:56px;height:2px;background:var(--g-cta)}
  .dlsec > p{margin:0 0 12px;font-size:1.05rem;line-height:1.95;color:var(--g700);text-align:justify;text-align-last:right}
  .dlmore{display:inline-flex;align-items:center;gap:5px;color:var(--brand);font-weight:700;font-size:.88rem;text-decoration:none}
  .dlmore .ic{width:15px;height:15px}
  .dlmore:hover{color:var(--accent-deep,#b45309)}

  .dlback{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;color:var(--g600);font-weight:600;font-size:.85rem;text-decoration:none}
  .dlback .ic{width:16px;height:16px;transform:scaleX(-1)}
  .dlback:hover{color:var(--brand)}

  .faqsec{margin:32px 0}
  .faqsec > h2{position:relative;font-size:1.35rem;font-weight:700;margin:0 0 16px;padding:0 16px 10px 0;color:var(--g900);border-bottom:2px solid var(--line)}
  .faqsec > h2::before{content:"";position:absolute;inset-inline-start:0;top:2px;height:1.15em;width:6px;border-radius:3px;background:var(--g-mark)}
  .faqsec > h2::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:64px;height:2px;background:var(--g-cta)}
  .faq{display:flex;flex-direction:column;gap:8px}
  details.q{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px}
  details.q>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;font-size:.95rem;color:var(--g900)}
  details.q>summary::-webkit-details-marker{display:none}
  details.q>summary .pm{color:var(--brand);transition:transform .2s;flex:none}
  details.q[open]>summary .pm{transform:rotate(45deg)}
  details.q p{margin:12px 0 0;font-size:.9rem;line-height:1.9;color:var(--g600)}

  /* CTA (moved to bottom) */
  .cta-box{margin:30px 0 8px;text-align:center}
  .cta{display:flex;width:fit-content;align-items:center;justify-content:center;gap:10px;max-width:100%;margin-inline:auto;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;font-size:1.02rem;padding:13px 40px;border:0;border-radius:12px;cursor:pointer;box-shadow:0 12px 24px -12px rgba(124,58,237,.75);transition:transform .12s,box-shadow .2s}
  .cta:hover{box-shadow:0 16px 30px -12px rgba(124,58,237,.85);transform:translateY(-1px)}
  .cta:active{transform:translateY(0)}
  .cta .ic{width:20px;height:20px}
  .cta-box .note{margin:11px 0 0;text-align:center;font-size:.72rem;color:var(--g500);display:flex;align-items:center;justify-content:center;gap:6px}
  .cta-box .note .ic{width:14px;height:14px;color:#16A34A}

  /* أزرار المحتوى (شورت كود [lolo_button]) */
  .lolo-btnwrap{display:flex;margin:22px 0}
  .lolo-align-center{justify-content:center}
  .lolo-align-right{justify-content:flex-start}   /* RTL: البداية = يمين */
  .lolo-align-left{justify-content:flex-end}       /* RTL: النهاية = يسار */
  .lolo-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;
    font-family:inherit;font-weight:700;font-size:1rem;line-height:1.25;text-decoration:none;
    padding:13px 30px;border-radius:12px;border:2px solid transparent;cursor:pointer;
    transition:transform .12s,box-shadow .2s,background .2s,color .2s}
  .lolo-btn:hover{transform:translateY(-1px)}
  .lolo-btn:active{transform:translateY(0)}
  .lolo-btn-full{width:100%}
  /* أيقونات عبر أصناف (بلا SVG داخل المحتوى) — تُرسم بـmask بلون الزر نفسه */
  .lolo-btn[class*="lolo-ic-"]::before{content:"";width:19px;height:19px;flex:0 0 auto;background-color:currentColor;
    -webkit-mask:var(--lolo-ic) center/contain no-repeat;mask:var(--lolo-ic) center/contain no-repeat}
  .lolo-ic-arrow{--lolo-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5M12 19l-7-7 7-7'/%3E%3C/svg%3E")}
  .lolo-ic-download{--lolo-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3'/%3E%3C/svg%3E")}
  .lolo-ic-external{--lolo-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E")}
  .lolo-btn-primary{background:var(--g-brand-h);color:#fff;box-shadow:0 12px 24px -12px rgba(124,58,237,.75)}
  .lolo-btn-primary:hover{box-shadow:0 16px 30px -12px rgba(124,58,237,.9)}
  .lolo-btn-outline{background:#fff;border-color:#7C3AED;color:#7C3AED}
  .lolo-btn-outline:hover{background:#f5f0ff}
  .lolo-btn-success{background:#16A34A;color:#fff;box-shadow:0 12px 24px -12px rgba(22,163,74,.6)}
  .lolo-btn-success:hover{box-shadow:0 16px 30px -12px rgba(22,163,74,.75)}
  :root[data-theme="dark"] .lolo-btn-outline{background:transparent;color:var(--accent-light);border-color:#7C3AED}
  :root[data-theme="dark"] .lolo-btn-outline:hover{background:rgba(124,58,237,.12)}

  /* recommended games */
  .recsec{margin:34px 0 8px}
  .recsec > h2{position:relative;font-size:1.35rem;font-weight:700;margin:0 0 16px;padding:0 16px 10px 0;color:var(--g900);border-bottom:2px solid var(--line)}
  .recsec > h2::before{content:"";position:absolute;inset-inline-start:0;top:2px;height:1.15em;width:6px;border-radius:3px;background:var(--g-mark)}
  .recsec > h2::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:64px;height:2px;background:var(--g-cta)}
  .recgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media(min-width:560px){.recgrid{grid-template-columns:1fr 1fr 1fr}}
  @media(min-width:900px){.recgrid{grid-template-columns:repeat(6,1fr);gap:10px}}
  .gcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;box-shadow:var(--shadow);transition:transform .16s,box-shadow .16s}
  .gcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(76,29,149,.4)}
  .gcard .gi{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;color:#fff;overflow:hidden;box-shadow:0 6px 14px -6px rgba(76,29,149,.5)}
  .gcard .gi .ic{width:30px;height:30px}
  .gcard .gi img{width:100%;height:100%;object-fit:cover}
  .gcard .gn{font-size:.9rem;font-weight:600;line-height:1.4;color:var(--g900);min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gcard .gr{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:#7a4a00;background:color-mix(in srgb,var(--accent) 14%,transparent);padding:3px 10px;border-radius:99px}
  :root[data-theme="dark"] .gcard .gr{color:var(--accent-light)}
  .gcard .gr .ic{width:13px;height:13px}
  .gcard .gget{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:0;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;font-size:.78rem;padding:9px;border-radius:11px;cursor:pointer;box-shadow:0 8px 16px -9px rgba(124,58,237,.75)}
  :root[data-theme="dark"] .gcard .gget{color:#fff}
  .gcard .gget .ic{width:14px;height:14px}

  /* ===== صفحات القوائم (أقسام/وسوم/بحث/أرشيف) ===== */
  .lhead{position:relative;display:flex;align-items:center;gap:16px;background:var(--g-soft);color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:20px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(76,29,149,.6)}
  .lhead::after{content:"";position:absolute;inset-block:0;inset-inline-end:0;width:45%;background:radial-gradient(circle at 100% 0,rgba(245,158,11,.35),transparent 62%);pointer-events:none}
  .lh-ic{flex:0 0 auto;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;position:relative;z-index:1}
  .lh-ic .ic{width:30px;height:30px;color:#fff}
  .lh-t{min-width:0;position:relative;z-index:1}
  .lh-t h1{margin:0;font-size:1.5rem;font-weight:800;line-height:1.25;color:#fff;text-wrap:balance}
  .lh-sub{margin:5px 0 0;font-size:.85rem;color:#e8dcff;font-weight:500}
  @media(min-width:768px){.lh-t h1{font-size:1.95rem}.lh-ic{width:66px;height:66px}.lh-ic .ic{width:34px;height:34px}.lhead{padding:26px 26px}}

  .ldesc{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:20px;color:var(--g600);font-size:.9rem;line-height:1.85;box-shadow:var(--shadow-sm);overflow:hidden;text-align:justify;text-align-last:right}
  .ldesc p{margin:0 0 8px}.ldesc p:last-child{margin:0}
  .ldesc a{color:var(--brand);font-weight:600}
  .ldesc img{max-width:100%;height:auto;display:block;margin:12px auto;border-radius:12px}
  .ldesc iframe,.ldesc video{max-width:100%}

  /* شبكة الأقسام/الوسوم: 3 أعمدة على الجوال بصورة أكبر، وأكثر على الشاشات الأعرض */
  .lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  @media(min-width:600px){.lgrid{grid-template-columns:repeat(4,1fr);gap:12px}}
  @media(min-width:900px){.lgrid{grid-template-columns:repeat(6,1fr)}}
  .lgrid .lgrid-ad{grid-column:1/-1}
  .lgrid .lgrid-ad:empty,.rlist .rlist-ad:empty{display:none}
  .rlist .rlist-ad{margin:2px 0}
  .lgrid .gcard{padding:10px 10px 11px;gap:8px;border-radius:16px}
  .lgrid .gcard .gi{width:100%;height:auto;max-width:none;aspect-ratio:1;border-radius:18px}
  .lgrid .gcard .gi .ic{width:38px;height:38px}
  .lgrid .gcard .gn{font-size:.88rem;min-height:2.3em}
  .lgrid .gcard .gget{padding:8px;font-size:.74rem;border-radius:10px}
  @media(min-width:600px){.lgrid .gcard .gi{max-width:120px}}

  /* صفوف نتائج البحث (تطبيقات + مقالات) — بلا زر تحميل */
  .rlist{display:flex;flex-direction:column;gap:10px}
  .rrow{display:flex;align-items:center;gap:13px;background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:12px;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .14s,box-shadow .2s,border-color .2s}
  .rrow:hover{transform:translateY(-2px);box-shadow:0 14px 30px -16px rgba(76,29,149,.4);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
  .rr-ic{flex:0 0 auto;width:64px;height:64px;border-radius:15px;overflow:hidden;background:var(--g-soft);display:grid;place-items:center;box-shadow:0 6px 14px -8px rgba(76,29,149,.5)}
  .rr-ic img{width:100%;height:100%;object-fit:cover}
  .rr-ic .ic{width:28px;height:28px;color:#fff}
  .rr-b{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
  .rr-t{font-weight:700;font-size:1.05rem;color:var(--g900);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
  .rr-x{font-size:.9rem;color:var(--g600);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .rr-m{display:inline-flex;align-items:center;gap:9px;margin-top:3px;flex-wrap:wrap}
  .rr-badge{font-size:.68rem;font-weight:700;padding:3px 10px;border-radius:99px;line-height:1}
  .rr-badge.is-app{color:var(--accent-deep,#9a6a00);background:color-mix(in srgb,var(--accent) 16%,transparent)}
  :root[data-theme="dark"] .rr-badge.is-app{color:var(--accent-light)}
  .rr-badge.is-blog{color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent)}
  :root[data-theme="dark"] .rr-badge.is-blog{color:#c4b5fd}
  .rr-rate{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--g600)}
  .rr-rate .ic{width:13px;height:13px;color:var(--accent)}
  .rr-go{flex:0 0 auto;width:18px;height:18px;color:var(--g500)}

  .lpage{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:30px 0 6px}
  .lpage a,.lpage span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 13px;border-radius:11px;font-weight:700;font-size:.9rem;text-decoration:none;border:1px solid var(--line);background:var(--surface);color:var(--g700);box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .2s,color .2s,border-color .2s}
  .lpage a:hover{transform:translateY(-2px);color:var(--brand);border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}
  .lpage .current{background:var(--g-brand-h);color:#fff;border-color:transparent;box-shadow:0 10px 20px -10px rgba(124,58,237,.7)}
  .lpage .dots{border-color:transparent;background:transparent;box-shadow:none;color:var(--g500)}

  .lempty{text-align:center;padding:48px 20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);margin-top:8px}
  .le-ic{width:70px;height:70px;margin:0 auto 16px;border-radius:20px;background:var(--g-soft);display:grid;place-items:center;box-shadow:0 12px 24px -12px rgba(76,29,149,.6)}
  .le-ic .ic{width:34px;height:34px;color:#fff}
  .lempty p{margin:0 0 20px;font-size:1rem;color:var(--g600);font-weight:500}
  .le-form{display:flex;gap:8px;max-width:26rem;margin:0 auto 16px}
  .le-form input{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-family:inherit;font-size:.92rem}
  .le-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}
  .le-form button{display:inline-flex;align-items:center;gap:6px;border:0;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;padding:0 18px;border-radius:12px;cursor:pointer}
  .le-form button .ic{width:16px;height:16px}
  .le-home{display:inline-flex;align-items:center;gap:6px;color:var(--brand);font-weight:600;font-size:.9rem;text-decoration:none}
  .le-home .ic{width:16px;height:16px}

  /* ===== الصفحة الرئيسية ===== */
  .hero{position:relative;overflow:hidden;background:var(--g-cover);color:#fff;border-radius:22px;padding:36px 22px;text-align:center}
  .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 0,rgba(124,58,237,.5),transparent 45%),radial-gradient(circle at 100% 100%,rgba(245,158,11,.4),transparent 45%);pointer-events:none}
  .hero-in{position:relative;z-index:1;max-width:640px;margin-inline:auto}
  .hero-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#f4ecff;padding:6px 14px;border-radius:99px;font-size:.74rem;font-weight:600;margin-bottom:16px}
  .hero-tag .ic{width:15px;height:15px;color:var(--accent-light)}
  .hero h1{font-size:1.75rem;font-weight:800;line-height:1.3;margin:0 0 10px;color:#fff;text-wrap:balance}
  .hero h1 span{background:var(--g-cta);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
  .hero p{color:#e3d6ff;margin:0 0 22px;font-size:.94rem;line-height:1.7}
  .hero-search{display:flex;align-items:center;gap:6px;max-width:32rem;margin-inline:auto;background:#fff;border-radius:15px;padding:6px 6px 6px 6px;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
  .hero-search .hs-mag{flex:0 0 auto;display:grid;place-items:center;width:26px;color:#8b7ba8}
  .hero-search .hs-mag .ic{width:19px;height:19px}
  .hero-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 12px;font-family:inherit;font-size:.95rem;color:#111827}
  .hero-search input:focus{outline:none}
  .hero-search button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;font-size:.9rem;padding:11px 18px;border-radius:11px;cursor:pointer}
  .hero-search button .ic{width:16px;height:16px}
  @media(min-width:768px){.hero{padding:56px 30px}.hero h1{font-size:2.5rem}.hero p{font-size:1.05rem}}

  .chips{display:flex;gap:9px;overflow-x:auto;padding:16px 2px 4px;scrollbar-width:none;-ms-overflow-style:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:99px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);font-weight:600;font-size:.84rem;color:var(--g700);white-space:nowrap;transition:transform .14s,box-shadow .2s,border-color .2s}
  .chip:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--brand) 35%,var(--line));color:var(--brand)}
  .chip .ci{width:28px;height:28px;border-radius:9px;background:var(--g-brand);display:grid;place-items:center;box-shadow:0 5px 12px -6px rgba(124,58,237,.7)}
  .chip .ci .ic{width:16px;height:16px;color:#fff}

  .hsec{margin:26px 0}
  .hsec-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .hsec-head h2{display:inline-flex;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;color:var(--g900)}
  .hsec-head .hs-ic{width:34px;height:34px;border-radius:11px;background:var(--g-brand);display:grid;place-items:center;box-shadow:0 6px 14px -7px rgba(124,58,237,.7)}
  .hsec-head .hs-ic .ic{width:19px;height:19px;color:#fff}
  @media(min-width:768px){.hsec-head h2{font-size:1.5rem}}
  .hsec-more{flex:0 0 auto;display:inline-flex;align-items:center;gap:3px;font-size:.8rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,transparent);padding:7px 13px;border-radius:99px;transition:background .2s,transform .12s}
  .hsec-more:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--brand) 16%,transparent)}
  .hsec-more .ic{width:14px;height:14px}
  :root[data-theme="dark"] .hsec-more{color:#c4b5fd}

  .bloggrid{display:grid;grid-template-columns:1fr;gap:10px}
  @media(min-width:760px){.bloggrid{grid-template-columns:1fr 1fr}}

  /* ===== مقال المدونة / الصفحة الثابتة ===== */
  .artpage{max-width:840px;margin-inline:auto}
  .arthead{margin-bottom:6px}
  .art-cat{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
  .art-cat a{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);padding:5px 12px;border-radius:99px}
  .art-cat a .ic{width:14px;height:14px}
  :root[data-theme="dark"] .art-cat a{color:#c4b5fd}
  .arthead h1{font-size:1.65rem;font-weight:800;line-height:1.35;color:var(--g900);margin:0 0 14px;text-wrap:balance}
  @media(min-width:768px){.arthead h1{font-size:2.15rem}}
  .art-meta{display:flex;flex-wrap:wrap;gap:16px;color:var(--g500);font-size:.82rem;font-weight:600}
  .art-meta span{display:inline-flex;align-items:center;gap:6px}
  .art-meta .ic{width:15px;height:15px;color:var(--brand)}
  .art-cover{margin:20px 0 4px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:var(--g-soft)}
  .art-cover img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
  .pagestatic .arthead{padding-bottom:14px;margin-bottom:18px;border-bottom:2px solid var(--line);position:relative}
  .pagestatic .arthead::after{content:"";position:absolute;inset-inline-start:0;bottom:-2px;width:70px;height:2px;background:var(--g-cta)}
  .art-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:26px 0 6px;padding-top:20px;border-top:1px solid var(--line)}
  .art-tags .at-label{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--g700);font-size:.85rem}
  .art-tags .at-label .ic{width:15px;height:15px;color:var(--accent)}
  .art-tags a{font-size:.78rem;font-weight:600;color:var(--g700);background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:99px;transition:color .2s,border-color .2s}
  .art-tags a:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}

  /* ===== صفحة 404 ===== */
  .nf{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:40px 22px 34px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}
  .nf::before{content:"";position:absolute;inset-inline:0;top:0;height:5px;background:var(--g-brand-h)}
  .nf-badge{width:64px;height:64px;margin:0 auto 6px;border-radius:20px;background:var(--g-soft);display:grid;place-items:center;box-shadow:0 12px 26px -12px rgba(76,29,149,.6)}
  .nf-badge .ic{width:32px;height:32px;color:#fff}
  .nf-code{font-size:4rem;font-weight:900;line-height:1;background:var(--g-brand-h);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:2px}
  @media(min-width:768px){.nf-code{font-size:5.5rem}}
  .nf h1{font-size:1.4rem;font-weight:800;color:var(--g900);margin:6px 0 8px}
  .nf p{color:var(--g600);font-size:.92rem;max-width:34rem;margin:0 auto 22px;line-height:1.7}
  .nf-search{display:flex;align-items:center;gap:6px;max-width:30rem;margin:0 auto 22px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:5px}
  .nf-search .hs-mag{flex:0 0 auto;display:grid;place-items:center;width:26px;color:var(--g500)}
  .nf-search .hs-mag .ic{width:19px;height:19px}
  .nf-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 4px;font-family:inherit;font-size:.94rem;color:var(--ink)}
  .nf-search input:focus{outline:none}
  .nf-search button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;border:0;background:var(--g-brand-h);color:#fff;font-family:inherit;font-weight:700;font-size:.88rem;padding:10px 16px;border-radius:10px;cursor:pointer}
  .nf-search button .ic{width:16px;height:16px}
  .nf-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;max-width:40rem;margin:0 auto}

  .ft{margin-top:36px;max-width:1400px;margin-inline:auto;background:var(--g-soft);color:#cbb9e6;position:relative;overflow:hidden;border-radius:16px 16px 0 0}
  .ft .topbar{height:4px;background:var(--g-cover)}
  .ftin{max-width:1400px;margin-inline:auto;padding:18px 18px 12px}
  .ft .ftbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}
  .ft .flogo{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none}
  .ft .flogo .lm{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#7C3AED,#F59E0B);display:grid;place-items:center}
  .ft .flogo .lm .ic{width:17px;height:17px}
  .ft .ftrust{display:inline-flex;align-items:center;gap:8px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.3);color:#f6d38a;padding:7px 14px;border-radius:999px;font-size:.78rem;font-weight:600}
  .ft .ftrust .ic{width:15px;height:15px;color:var(--accent)}
  .ft .ftlinks{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 48px;padding:16px 0}
  .ft .fgrp{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
  .ft .fgrp-t{color:#fff;font-weight:700;font-size:.82rem;flex:0 0 auto;position:relative;padding-inline-end:13px}
  .ft .fgrp-t::after{content:"";position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);width:2px;height:14px;border-radius:2px;background:var(--accent)}
  .ft .fmenu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
  .ft .fmenu li{list-style:none;display:inline-flex;align-items:center}
  .ft .fmenu li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.3;margin-inline-end:12px}
  .ft .fmenu a{color:#b7abd6;font-size:.8rem;text-decoration:none;transition:color .15s}
  .ft .fmenu a:hover{color:var(--accent-light)}
  @media(max-width:640px){
    .ftin{padding:16px 14px 12px}
    .ft .ftbar{flex-direction:column;align-items:center;text-align:center;gap:10px;padding-bottom:12px}
    .ft .ftlinks{gap:12px;padding:12px 0 2px}
    .ft .fgrp{width:100%;flex-direction:column;align-items:stretch;gap:0}
    .ft .fgrp-t{align-self:center;padding:0 0 8px;margin:0}
    .ft .fgrp-t::after{inset-inline-end:auto;inset-inline-start:50%;top:auto;bottom:0;transform:translateX(50%);width:28px;height:2px}
    .ft .fmenu{display:grid;grid-template-columns:1fr 1fr;gap:6px}
    .ft .fmenu li{display:block}
    .ft .fmenu li+li::before{display:none}
    .ft .fmenu a{display:block;text-align:center;padding:8px 8px;font-size:.84rem;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);margin:0}
    .ft .fmenu a:active{background:rgba(255,255,255,.1)}
  }
  .ft .copy{margin-top:12px;text-align:center;font-size:.76rem;color:#8f83ad}

  .toggle{position:fixed;inset-block-end:14px;inset-inline-start:14px;z-index:60;background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:8px 15px;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow)}
  @media (prefers-reduced-motion:reduce){*{transition:none!important}}

  /* ===== ضبط وسائط المقال داخل الحاوية (منع تمدّد الصفحة أفقيًا) ===== */
  html,body{overflow-x:hidden}
  .prose{overflow-wrap:break-word;word-break:break-word}
  main,article{overflow-wrap:break-word;word-break:break-word}
  /* صور/فيديو المقال — متجاوبة (فقط داخل محتوى المقال .entry، مش عناصر التصميم) */
  .entry img,.entry figure img,.entry video,.entry embed,.entry object{max-width:100%!important;height:auto!important;width:auto;display:block;margin:16px auto;border-radius:12px}
  .entry figure{max-width:100%!important;width:auto!important;margin:16px 0}
  .entry figure figcaption{font-size:.8rem;color:var(--g500);text-align:center;margin-top:6px}
  .entry iframe{max-width:100%;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:12px;margin:16px 0}
  .entry table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
  .entry pre{max-width:100%;overflow-x:auto}
  .prose a{word-break:break-word}

  /* ===== سلايدر صور التطبيق — تمرير أفقي (سحب يمين/شمال) زي جوجل بلاي ===== */
  .prose .shots,.shots{display:flex!important;flex-wrap:nowrap!important;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-16px;padding:6px 16px 14px}
  .shots::-webkit-scrollbar{height:6px}
  .shots::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--brand) 35%,transparent);border-radius:99px}
  .shots::-webkit-scrollbar-track{background:transparent}
  .prose img.shot,img.shot{flex:0 0 auto!important;width:165px!important;height:300px!important;max-width:none!important;margin:0!important;border-radius:18px;object-fit:cover;scroll-snap-align:center;display:block;box-shadow:0 6px 18px -8px rgba(76,29,149,.5),0 2px 4px rgba(0,0,0,.06);border:2px solid var(--surface);outline:1px solid var(--line);transition:transform .18s ease}
  .prose img.shot:hover,img.shot:hover{transform:translateY(-3px) scale(1.02)}
  img.shot,.entry img{cursor:zoom-in}

  /* ── عارض الصور (lightbox) ─────────────────────────────────────── */
  .llb{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;
    width:100%;height:100%;overflow:visible;place-items:center;align-content:center}
  .llb[open]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}
  .llb::backdrop{background:rgba(10,6,24,.92);backdrop-filter:blur(3px)}
  .llb-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;
    justify-self:center;max-width:min(94vw,1100px)}
  .llb-img{max-width:100%;max-height:84vh;width:auto;height:auto;border-radius:12px;
    box-shadow:0 20px 60px -18px rgba(0,0,0,.8);background:#0d0720}
  .llb-cap{color:#e7e2f5;font-size:.85rem;text-align:center;max-width:40ch;opacity:.85}
  .llb-x{position:fixed;top:14px;inset-inline-end:14px;z-index:2;width:44px;height:44px;
    display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
    background:rgba(255,255,255,.12);color:#fff}
  .llb-x:hover{background:rgba(255,255,255,.24)}
  .llb-x .ic{width:22px;height:22px}
  .llb-nav{width:46px;height:46px;flex:none;display:grid;place-items:center;border:0;
    border-radius:50%;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;
    z-index:2}
  .llb-nav:hover{background:rgba(255,255,255,.26)}
  .llb-nav[hidden]{display:none}
  .llb-nav .ic{width:24px;height:24px}
  .llb-prev .ic{transform:rotate(180deg)}   /* RTL: السابق يشير لليمين */
  .llb-x:focus-visible,.llb-nav:focus-visible{outline:2px solid #fff;outline-offset:2px}
  @media(max-width:560px){
    .llb-nav{position:fixed;bottom:20px;width:52px;height:52px}
    .llb-prev{inset-inline-end:20px}.llb-next{inset-inline-start:20px}
    .llb[open]{display:block}
    .llb-fig{height:100%;justify-content:center}
  }

  /* ===== جدول المحتويات (ez-toc) ===== */
  .prose #ez-toc-container{position:relative!important;display:block!important;box-sizing:border-box!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:16px 16px 14px!important;margin:22px 0!important;box-shadow:var(--shadow-sm)!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;direction:rtl!important;font-family:inherit!important;overflow:hidden!important}
  .prose #ez-toc-container::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-brand-h)}
  .prose #ez-toc-container p.ez-toc-title,.prose .ez-toc-title{font-size:1.02rem!important;font-weight:700!important;color:var(--g900)!important;font-family:inherit!important;letter-spacing:0!important}
  .prose .ez-toc-title-container{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:10px!important;margin-bottom:10px!important;border-bottom:1px solid var(--line)!important}
  .prose #ez-toc-container nav ul{list-style:none!important;margin:0!important;padding:0!important}
  .prose #ez-toc-container nav ul ul{padding-inline-start:16px!important;margin-top:6px!important}
  .prose #ez-toc-container nav li{margin:0 0 6px!important}
  .prose #ez-toc-container a.ez-toc-link{display:block!important;color:var(--g700)!important;text-decoration:none!important;font-size:1rem!important;line-height:1.6!important;padding:8px 12px!important;border-radius:9px!important;background:var(--g50)!important;border-inline-start:3px solid transparent!important;transition:.15s!important;font-family:inherit!important}
  .prose #ez-toc-container a.ez-toc-link:hover{background:color-mix(in srgb,var(--brand) 10%,transparent)!important;color:var(--brand)!important;border-inline-start-color:var(--accent)!important}
  /* إلغاء إخفاء الإضافة الافتراضي للقائمة (الوضع الحيّ يحمّل CSS الإضافة) */
  .prose #ez-toc-container ul.ez-toc-list.eztoc-toggle-hide-by-default{display:block!important}
  .prose #ez-toc-container nav{display:block}
  /* إزالة الزر المكرّر — نبقي على العنوان كزر وحيد للطي/الفتح */
  .prose .ez-toc-title-toggle{display:none!important}
  .prose .ez-toc-title-container{display:flex!important;align-items:center!important;justify-content:space-between!important}
  .prose p.ez-toc-title.ez-toc-toggle{cursor:pointer!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;width:100%!important}
  .prose p.ez-toc-title.ez-toc-toggle::before{content:"";flex:0 0 auto;width:7px;height:20px;border-radius:4px;background:var(--g-mark)}
  .prose #ez-toc-container a.ez-toc-link:hover{border-inline-start-color:transparent!important;border-image:var(--g-mark) 1!important}
  .prose p.ez-toc-title.ez-toc-toggle::after{content:"";margin-inline-start:auto;width:11px;height:11px;border-inline-end:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .2s}
  .prose #ez-toc-container[data-lolo-collapsed="1"] p.ez-toc-title.ez-toc-toggle::after{transform:rotate(-135deg)}

  /* ===== التصنيف كرابط في بطاقة التطبيق ===== */
  .infocard dd a{color:var(--brand);font-weight:700;text-decoration:none;border-bottom:1px dashed color-mix(in srgb,var(--brand) 45%,transparent)}
  .infocard dd a:hover{color:var(--accent-deep);border-bottom-color:var(--accent)}

  /* ============ التعليقات (بلا باك لينك) ============ */
  .lolo-comments{margin:34px 0 8px}
  /* بانر «مراجعتك قيد المراجعة» بعد الإرسال */
  .lrv-pending{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--ok,#3F7A3F) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--ok,#3F7A3F) 35%,var(--line));outline:none;animation:lrvPop .35s ease}
  @keyframes lrvPop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .lrv-pending-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#16A34A;color:#fff}
  .lrv-pending-ic .ic{width:20px;height:20px}
  .lrv-pending b{display:block;font-size:.98rem;color:var(--ink);margin-bottom:2px}
  .lrv-pending span{font-size:.85rem;color:var(--g600);line-height:1.65}
  :root[data-theme="dark"] .lrv-pending{background:color-mix(in srgb,#16A34A 18%,var(--surface))}
  .lolo-cmt-title{font-size:1.05rem;font-weight:800;color:var(--ink);margin:0 0 16px;display:flex;align-items:center;gap:8px}
  .lolo-cmt-title::before{content:"";width:4px;height:20px;border-radius:3px;background:var(--g-mark)}
  .lolo-cmt-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
  .lolo-cmt-list .children{list-style:none;margin:12px 0 0;padding:0 14px 0 0;border-inline-start:2px solid var(--line);display:flex;flex-direction:column;gap:12px}
  .lolo-cmt{margin:0}
  .lc-in{display:flex;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 15px;box-shadow:var(--shadow)}
  .lc-av{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--g-brand);color:#fff;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;line-height:1}
  .lc-body{flex:1 1 auto;min-width:0}
  .lc-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:5px}
  .lc-name{font-weight:800;color:var(--ink);font-size:.9rem}
  .lc-date{color:var(--g500);font-size:.72rem}
  .lc-text{color:var(--g700);font-size:.9rem;line-height:1.75;word-wrap:break-word;overflow-wrap:anywhere}
  .lc-text p{margin:0 0 8px}.lc-text p:last-child{margin:0}
  .lc-moderation{margin:0 0 6px;font-size:.72rem;color:var(--accent);font-weight:700}
  .lc-actions{margin-top:8px}
  .lc-actions .comment-reply-link{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;color:var(--brand);text-decoration:none}
  .lc-actions .comment-reply-link:hover{text-decoration:underline}

  /* فورم التعليق */
  .comment-respond{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 18px 20px;box-shadow:var(--shadow);overflow:hidden}
  .comment-respond::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-brand-h)}
  .comment-reply-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;color:var(--ink);margin:0 0 4px}
  .comment-reply-title .crt-ic{width:34px;height:34px;flex:none;border-radius:10px;background:var(--g-cta);display:grid;place-items:center;box-shadow:0 5px 12px -5px rgba(245,158,11,.7)}
  .comment-reply-title .crt-ic .ic{width:19px;height:19px;color:#fff;stroke:none}
  .comment-reply-title small{margin-inline-start:8px;font-weight:600}
  .comment-reply-title small a{color:var(--g500);font-size:.8rem}
  .lolo-cmt-note{font-size:.8rem;color:var(--g500);line-height:1.7;margin:0 0 16px}
  /* منتقي النجوم داخل فورم المراجعة: كتلة مميّزة تجذب الانتباه */
  .comment-form .lrv-pick{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;padding:13px 15px;margin:0 0 15px}
  .comment-form .lrv-pick-lb{font-size:.95rem}
  .comment-form-comment label,.comment-form-author label,.comment-form-email label{display:block;font-size:.78rem;font-weight:700;color:var(--g600);margin:0 0 5px}
  .comment-form textarea,.comment-form input[type=text],.comment-form input[type=email]{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:11px 13px;font:inherit;font-size:.9rem;color:var(--ink);transition:border-color .15s,box-shadow .15s}
  .comment-form textarea{resize:vertical;min-height:110px;line-height:1.7}
  .comment-form textarea:focus,.comment-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,40,217,.15)}
  .comment-form-author,.comment-form-email{margin:0 0 13px}
  .comment-form-comment{margin:0 0 13px}
  @media(min-width:560px){.comment-form .comment-form-author,.comment-form .comment-form-email{display:inline-block;width:calc(50% - 6px)}.comment-form .comment-form-author{margin-inline-end:8px}}
  .lolo-cmt-submit,.form-submit .submit{appearance:none;border:0;cursor:pointer;background:var(--g-cta);color:#3a2400;font-weight:800;font-size:.92rem;padding:12px 26px;border-radius:12px;box-shadow:0 6px 16px -8px rgba(245,158,11,.7);transition:transform .12s,filter .12s}
  .lolo-cmt-submit:hover,.form-submit .submit:hover{filter:brightness(1.04);transform:translateY(-1px)}
  .form-submit{margin:15px 0 0}
  .lolo-cmt-closed{color:var(--g500);font-size:.85rem;text-align:center;margin:14px 0}
  .lolo-hp{position:absolute!important;left:-9999px!important;top:-9999px!important;height:0;width:0;overflow:hidden}

  /* ============ أزرار المشاركة (صف واحد، أيقونات متساوية) ============ */
  .lolo-share{margin:26px 0;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 15px 15px;box-shadow:var(--shadow)}
  .ls-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.92rem;color:var(--ink);margin:0 0 12px}
  .ls-head svg{width:19px;height:19px;color:var(--brand)}
  .ls-btns{display:flex;gap:10px;flex-wrap:nowrap}
  .ls-btn{flex:1 1 0;min-width:0;height:52px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);border-radius:13px;padding:0;cursor:pointer;text-decoration:none;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s,color .12s}
  .ls-btn svg{width:23px;height:23px}
  .ls-btn span{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .ls-btn:hover{transform:translateY(-2px);box-shadow:0 7px 16px -9px rgba(17,24,39,.5)}
  .ls-wa{color:#25D366}.ls-tg{color:#229ED9}.ls-fb{color:#1877F2}.ls-x{color:var(--ink)}.ls-copy{color:var(--brand)}.ls-native{color:var(--brand)}
  .ls-wa:hover{background:#25D366;border-color:#25D366;color:#fff}
  .ls-tg:hover{background:#229ED9;border-color:#229ED9;color:#fff}
  .ls-fb:hover{background:#1877F2;border-color:#1877F2;color:#fff}
  .ls-x:hover{background:var(--ink);border-color:var(--ink);color:var(--surface)}
  .ls-native:hover{background:var(--brand);border-color:var(--brand);color:#fff}
  .ls-copy:hover{background:var(--brand);border-color:var(--brand);color:#fff}
  .ls-btn.ok{background:#16A34A!important;border-color:#16A34A!important;color:#fff!important}
  :root[data-theme="dark"] .ls-btn{background:var(--g100)}

  /* ===== المصادر الرسمية (جوجل بلاي + APKMirror) داخل صندوق التحميل، بنفس شكل الأزرار ===== */
  .dlbox .lsr-alts{width:100%;max-width:30rem;margin:14px auto 0;display:flex;flex-direction:column;gap:12px}
  .dlbox .buttond.bd-alt{box-shadow:none;font-size:1rem}
  .dlbox .buttond.bd-alt .bd-ic{display:inline-flex;align-items:center;justify-content:center}
  .dlbox .buttond.bd-alt .bd-ic svg{width:20px;height:20px}
  .dlbox .buttond.bd-play{background:linear-gradient(135deg,#00C853,#009E42)}
  .dlbox .buttond.bd-play:hover{box-shadow:0 14px 26px -14px rgba(0,158,66,.85)}
  .dlbox .buttond.bd-apkm{background:linear-gradient(135deg,#F59E0B,#EA580C)}
  .dlbox .buttond.bd-apkm:hover{box-shadow:0 14px 26px -14px rgba(234,88,12,.85)}

  /* ============ بوكس فيديو المراجعة (بنمط جدول المحتويات، قابل للطيّ) ============ */
  .lv-box{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin:22px 0;box-shadow:var(--shadow-sm);overflow:hidden}
  .lv-box::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--g-brand-h);z-index:1}
  .lv-title{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;cursor:pointer;padding:16px 16px 15px;margin:0;font-family:inherit;font-size:1.02rem;font-weight:700;color:var(--g900);text-align:start}
  .lv-title::before{content:"";flex:0 0 auto;width:7px;height:20px;border-radius:4px;background:var(--g-mark)}
  .lv-tic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);flex:none}
  .lv-tic svg{width:15px;height:15px}
  .lv-tt{flex:1 1 auto;min-width:0}
  .lv-hint{font-size:.74rem;font-weight:600;color:var(--g500);white-space:nowrap}
  .lv-title::after{content:"";flex:0 0 auto;width:11px;height:11px;border-inline-end:2px solid var(--brand);border-bottom:2px solid var(--brand);transform:rotate(45deg);transition:transform .2s;margin-inline-start:4px}
  .lv-box[data-collapsed="0"] .lv-title::after{transform:rotate(-135deg)}
  .lv-box[data-collapsed="0"] .lv-hint{display:none}
  .lv-body{padding:14px 16px 16px;border-top:1px solid var(--line)}
  .lv-frame{position:relative;aspect-ratio:16/9;width:100%;border-radius:12px;overflow:hidden;cursor:pointer;background:#000}
  .lv-frame img.lv-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s,filter .2s}
  .lv-frame iframe{width:100%;height:100%;display:block;border:0}
  .lv-play{position:absolute;inset:0;margin:auto;width:68px;height:48px;display:flex;align-items:center;justify-content:center;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));transition:transform .2s}
  .lv-play .lv-play-bg{fill:#212121;fill-opacity:.82;transition:fill .2s}
  .lv-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.28));pointer-events:none;transition:opacity .2s}
  .lv-frame:hover img.lv-thumb{transform:scale(1.03)}
  .lv-frame:hover .lv-play{transform:scale(1.08)}
  .lv-frame:hover .lv-play .lv-play-bg{fill:#f00;fill-opacity:1}
  .lv-frame:focus-visible{outline:3px solid var(--brand);outline-offset:2px}

  /* ── بلاغات المستخدمين (زر + نافذة) ─────────────────────────────── */
  .lrp{margin:14px 0 0}
  /* داخل رأس «بطاقة المعلومات» أو «معلومات ومساعدة»: يُدفع إلى الطرف (اليسار) */
  .infocard .ih .lrp,.help-title .lrp{margin:0;margin-inline-start:auto}
  .infocard .ih .lrp-open,.help-title .lrp-open{padding:6px 12px;font-size:.8rem}
  @media(max-width:400px){
    .infocard .ih .lrp-open span,.help-title .lrp-open span{position:absolute;
      width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
    .infocard .ih .lrp-open,.help-title .lrp-open{padding:7px}
  }
  .lrp-open{display:inline-flex;align-items:center;gap:7px;
    background:color-mix(in srgb,var(--brand) 12%,var(--surface));
    border:1px solid color-mix(in srgb,var(--brand) 28%,var(--line));
    color:var(--brand);border-radius:10px;
    padding:8px 14px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;
    transition:color .15s,border-color .15s,background .15s}
  .lrp-open:hover{color:#fff;border-color:var(--brand);background:var(--brand)}
  .lrp-open:hover .ic{color:#fff}
  .lrp-open .ic{width:1.05em;height:1.05em}

  .lrp-dlg{border:0;padding:0;max-width:34rem;width:calc(100% - 32px);
    border-radius:16px;background:var(--surface);color:var(--ink);
    box-shadow:0 24px 60px -20px rgba(17,24,39,.45)}
  .lrp-dlg::backdrop{background:rgba(17,24,39,.55);backdrop-filter:blur(2px)}
  .lrp-form{direction:rtl;text-align:right;margin:0}

  .lrp-head{display:flex;align-items:center;gap:10px;padding:16px 18px;
    border-bottom:1px solid var(--line)}
  .lrp-head h2{margin:0;font-size:1.05rem;font-weight:700}
  .lrp-x{margin-inline-start:auto;background:transparent;border:0;color:var(--g500);
    cursor:pointer;padding:4px;display:inline-flex;border-radius:8px}
  .lrp-x .ic{width:1.25em;height:1.25em}
  .lrp-x:hover{color:var(--ink)}

  .lrp-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px}
  .lrp-reasons{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
  .lrp-reasons legend{padding:0 0 7px;font-size:.86rem;font-weight:700;color:var(--g600)}
  .lrp-r{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;
    cursor:pointer;font-size:.93rem}
  .lrp-r:hover{background:var(--g100)}
  .lrp-r input{accent-color:var(--brand);width:17px;height:17px;flex:none;margin:0}
  .lrp-r:has(input:checked){background:var(--g100);font-weight:600}

  .lrp-f{display:block}
  .lrp-lb{display:block;font-size:.86rem;font-weight:700;color:var(--g600);
    margin-bottom:5px}
  .lrp-lb em{font-weight:400;font-style:normal;color:var(--g500)}
  .lrp-f textarea,.lrp-f input[type=email],.lrp-f select{width:100%;font:inherit;
    font-size:.93rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);
    border-radius:10px;padding:9px 11px;resize:vertical}
  .lrp-f textarea:focus-visible,.lrp-f input:focus-visible,.lrp-f select:focus-visible,
  .lrp-open:focus-visible,.lrp-send:focus-visible,.lrp-cancel:focus-visible{
    outline:2px solid var(--brand);outline-offset:2px}

  .lrp-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);
    white-space:nowrap}

  .lrp-msg{margin:0;font-size:.86rem;min-height:1.2em}
  .lrp-msg.err{color:#B91C1C}
  .lrp-msg.ok{color:var(--g600)}
  :root[data-theme="dark"] .lrp-msg.err{color:#FCA5A5}
  .lrp-done{margin:0;padding:22px 4px;text-align:center;font-size:.98rem;
    font-weight:600;line-height:1.7}

  .lrp-foot{display:flex;gap:9px;justify-content:flex-end;padding:14px 18px;
    border-top:1px solid var(--line);background:var(--g50);
    border-radius:0 0 16px 16px}
  :root[data-theme="dark"] .lrp-foot{background:var(--g100)}
  .lrp-foot button{font:inherit;font-size:.9rem;font-weight:600;border-radius:10px;
    padding:9px 18px;cursor:pointer;border:1px solid var(--line);
    background:var(--surface);color:var(--g700)}
  .lrp-foot button:hover{background:var(--g100)}
  .lrp-send{background:var(--brand)!important;border-color:var(--brand)!important;
    color:#fff!important}
  .lrp-send:hover{filter:brightness(1.08)}
  .lrp-send:disabled{opacity:.6;cursor:default;filter:none}

  /* ── المراجعات والتقييم بالنجوم ──────────────────────────────── */
  .lrv-stars{position:relative;display:inline-flex;line-height:1;
    white-space:nowrap;vertical-align:middle}
  .lrv-stars .lrv-off,.lrv-stars .lrv-on{display:flex;gap:2px}
  .lrv-stars .lrv-off{color:var(--g200)}
  .lrv-stars .lrv-on{position:absolute;inset-block:0;inset-inline-start:0;
    overflow:hidden;color:var(--accent)}
  .lrv-stars .ic{stroke:none}
  .lrv-sm .ic{width:15px;height:15px}
  .lrv-md .ic{width:19px;height:19px}
  .lrv-lg .ic{width:23px;height:23px}

  /* ملخّص التقييم */
  .lrv-sum{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;
    background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:20px 18px;margin:0 0 18px;box-shadow:var(--shadow)}
  .lrv-sum.lrv-empty{display:block;text-align:center;color:var(--g500);
    font-size:.95rem;box-shadow:none}
  .lrv-sum.lrv-empty p{margin:0}
  .lrv-score{text-align:center;min-width:118px}
  .lrv-big{display:block;font-size:3rem;font-weight:800;line-height:1.05;
    letter-spacing:-.02em}
  .lrv-score .lrv-stars{margin:6px 0 4px}
  .lrv-cnt,.lrv-cnt2{display:block;font-size:.78rem;color:var(--g500)}
  .lrv-cnt2{margin-top:1px}

  .lrv-dist{display:flex;flex-direction:column;gap:5px;min-width:0}
  .lrv-drow{display:grid;grid-template-columns:1em 1fr 2.6em;gap:9px;
    align-items:center}
  .lrv-dn{font-size:.8rem;color:var(--g500);text-align:center}
  .lrv-dbar{height:8px;border-radius:99px;background:var(--g100);overflow:hidden}
  .lrv-dbar i{display:block;height:100%;border-radius:99px;
    background:var(--accent);min-width:0}
  .lrv-dc{font-size:.78rem;color:var(--g500);text-align:start}
  @media (max-width:520px){
    .lrv-sum{grid-template-columns:1fr;gap:16px}
    .lrv-big{font-size:2.5rem}
  }

  /* شريط الفرز */
  .lolo-cmt-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    margin:0 0 12px}
  .lolo-cmt-sub{margin:0;font-size:1rem;font-weight:700}
  .lrv-sort{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}
  .lrv-sb{background:var(--surface);border:1px solid var(--line);color:var(--g600);
    border-radius:99px;padding:5px 13px;font:inherit;font-size:.8rem;
    font-weight:600;cursor:pointer}
  .lrv-sb:hover{color:var(--ink)}
  .lrv-sb[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);
    color:#fff}
  .lrv-sb:focus-visible{outline:2px solid var(--brand);outline-offset:2px}

  /* منتقي النجوم داخل الفورم */
  .lrv-pick{margin:0 0 16px}
  .lrv-pick[hidden]{display:none}
  .lrv-pick-lb{display:block;font-weight:700;font-size:.92rem;margin-bottom:7px}
  .lrv-pick-lb em{color:#DC2626;font-style:normal}
  .lrv-stars-in{display:inline-flex;flex-direction:row-reverse;gap:3px}
  .lrv-stars-in input{position:absolute;width:1px;height:1px;opacity:0;
    pointer-events:none}
  .lrv-stars-in label{cursor:pointer;color:var(--g200);padding:2px;
    display:inline-flex;border-radius:6px;transition:color .12s,transform .12s}
  .lrv-stars-in label .ic{width:30px;height:30px;stroke:none}
  .lrv-stars-in label .scr{position:absolute;width:1px;height:1px;overflow:hidden;
    clip-path:inset(50%)}
  /* ترتيب DOM تنازلي (5→1): المحدَّد وكل ما بعده = النجوم المضاءة */
  .lrv-stars-in input:checked ~ label,
  .lrv-stars-in label:hover,
  .lrv-stars-in label:hover ~ label{color:var(--accent)}
  .lrv-stars-in label:hover{transform:scale(1.08)}
  .lrv-stars-in input:focus-visible + label{outline:2px solid var(--brand);
    outline-offset:2px}
  .lrv-pick-txt{display:inline-block;margin-inline-start:10px;font-size:.86rem;
    font-weight:600;color:var(--g600);vertical-align:middle}

  /* نجوم داخل المراجعة + زر «مفيدة» */
  .lc-rate{margin:1px 0 5px}
  .lc-help{display:inline-flex;align-items:center;gap:5px;background:transparent;
    border:1px solid var(--line);color:var(--g500);border-radius:99px;
    padding:4px 11px;font:inherit;font-size:.78rem;font-weight:600;cursor:pointer}
  .lc-help:hover:not(:disabled){color:var(--brand);border-color:var(--brand)}
  .lc-help .ic{width:.95em;height:.95em}
  .lc-help.on{color:var(--brand);border-color:var(--brand);background:var(--g100)}
  .lc-help.on .ic{fill:currentColor;stroke:none}
  .lc-help:disabled{cursor:default}
  .lc-help-n{font-variant-numeric:tabular-nums}

  /* قائمة المراجعات تُعرَض داخل .prose، فترث ترقيم القوائم المرتّبة (شارات
     مرقّمة). المراجعات ليست تسلسلًا — والترقيم يضلّل بعد الفرز. نُلغيه. */
  .prose .lolo-cmt-list>li,
  .prose .lolo-cmt-list .children>li{padding-inline-start:0;text-align:right;
    text-align-last:auto}
  .prose .lolo-cmt-list>li::before,
  .prose .lolo-cmt-list .children>li::before{content:none;display:none}

  /* القالب الأصلي يفرض `#comments input[type=submit]{background:…}` (تخصيص
     يحوي مُعرِّفًا) فيطمس تدرّج زر الإرسال. نرفع التخصيص بدقة بدل !important. */
  #comments input[type=submit].lolo-cmt-submit,
  #comments input[type=submit].lolo-cmt-submit:hover{background:var(--g-cta);
    color:#3a2400;border-radius:12px;font-weight:800}