/* ════════════════════════════════════════════════════════════
   هندام | صفحة تنزيل تطبيق التاجر (MyTailor لأندرويد)
   تكمّل style.css ولا تكرّره: هنا فقط ما تحتاجه هذه الصفحة.
   ════════════════════════════════════════════════════════════ */

/* الصفحة بلا شريط سفلي ثابت ⇒ نلغي حشوة الـ dock الموروثة من style.css */
body.page-merchant{padding-bottom:0}

/* ── شريط علوي ثابت مبسّط (بديل نافذة الموقع الرئيسي) ── */
.mbar{
  position:sticky;top:0;z-index:60;
  background:rgba(6,33,25,.94);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line-dark);
}
.mbar-in{height:var(--nav-h);display:flex;align-items:center;gap:var(--s-3)}
.mbar .brand{display:flex;align-items:center;gap:10px;margin-inline-end:auto}
.mbar .brand img{width:34px;height:34px}
.mbar .brand b{display:block;font-size:var(--t-sm);color:#fff;font-weight:700;line-height:1.2}
.mbar .brand i{display:block;font-size:var(--t-xs);color:var(--txt-inv-mut);font-style:normal}
.mbar-link{
  font-size:var(--t-sm);color:var(--txt-inv-mut);
  display:inline-flex;align-items:center;gap:6px;min-height:44px;padding-inline:4px;
}
.mbar-link:hover{color:var(--gold-3)}
.mbar-lang{
  min-width:44px;min-height:38px;padding:0 12px;cursor:pointer;
  border:1px solid var(--gold-line-dark);border-radius:var(--r-md);
  background:transparent;color:var(--gold-3);font-size:var(--t-xs);font-weight:700;
}

/* ── الواجهة: بطاقة الإصدار على خلفية زمردية ── */
.m-hero{background:var(--em-950);color:var(--txt-inv);position:relative;overflow:hidden;padding:var(--s-8) 0 var(--s-9)}
.m-hero::before{
  content:"";position:absolute;inset:-30% -10% auto -10%;height:70%;
  background:radial-gradient(60% 60% at 50% 0%,rgba(196,164,92,.16),transparent 70%);
  pointer-events:none;
}
.m-hero .wrap{position:relative}
.m-head{max-width:640px;margin-inline:auto;text-align:center}
.m-head h1{font-size:var(--t-h1);color:#fff;margin-top:var(--s-3)}
.m-head .lead{color:var(--txt-inv-mut);margin-top:var(--s-4)}

/* بطاقة الإصدار — ورقة كريمية فوق الزمردي */
.m-rel{
  margin-top:var(--s-7);background:var(--paper);color:var(--ink);
  border-radius:var(--r-xl);box-shadow:var(--sh-3);
  border:1px solid var(--gold-line);
  display:grid;gap:var(--s-6);padding:var(--s-6);
}
.m-rel-main{display:grid;gap:var(--s-5)}
.m-rel-head{display:flex;align-items:center;gap:var(--s-4)}
.m-rel-icon{
  width:64px;height:64px;flex:none;display:grid;place-items:center;
  border-radius:var(--r-lg);background:var(--em-50);border:1px solid var(--gold-line);
}
.m-rel-icon img{width:38px;height:38px}
.m-rel-id b{display:block;font-size:var(--t-h3);color:var(--ink);font-weight:700}
.m-rel-id i{display:block;font-style:normal;font-size:var(--t-sm);color:var(--ink-3-text);margin-top:2px}

/* شرائح المعلومات: الإصدار · الحجم · التاريخ · النظام */
.m-rel-meta{display:flex;flex-wrap:wrap;gap:8px}
.m-rel-meta span{
  display:inline-flex;align-items:baseline;gap:6px;
  border:1px solid var(--line);border-radius:99px;padding:5px 12px;
  font-size:var(--t-xs);color:var(--ink-2);background:var(--cream);
}
.m-rel-meta span b{color:var(--ink);font-weight:700;direction:ltr;unicode-bidi:isolate}
.m-rel-meta span i{font-style:normal}

.m-rel-cta{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center}
.m-rel-cta .btn{flex:1 1 260px;justify-content:center}
.m-rel-note{font-size:var(--t-xs);color:var(--ink-3-text);flex:1 1 100%}

/* حالة "لم يُرفع بعد" */
.m-rel-empty{
  border:1px dashed var(--gold-line);border-radius:var(--r-lg);
  background:var(--cream);padding:var(--s-5);text-align:center;
}
.m-rel-empty b{display:block;color:var(--ink);font-size:var(--t-md)}
.m-rel-empty i{display:block;font-style:normal;color:var(--ink-3-text);font-size:var(--t-sm);margin-top:6px}

/* بصمة التحقق */
.m-rel-hash{border-top:1px solid var(--line);padding-top:var(--s-4)}
.m-rel-hash h4{font-size:var(--t-xs);color:var(--ink-3-text);font-weight:500;letter-spacing:.06em}
.m-rel-hash code{
  display:block;margin-top:8px;font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:.7rem;line-height:1.7;color:var(--ink-2);word-break:break-all;
  background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;
  direction:ltr;text-align:left;
}

/* الباركود */
.m-rel-scan{display:none;text-align:center;border-top:1px solid var(--line);padding-top:var(--s-5)}
.m-rel-scan img{width:150px;height:150px;margin-inline:auto;border:1px solid var(--line);border-radius:var(--r-md);padding:6px;background:#fff}
.m-rel-scan b{display:block;margin-top:10px;font-size:var(--t-sm);color:var(--ink)}
.m-rel-scan i{display:block;font-style:normal;font-size:var(--t-xs);color:var(--ink-3-text)}

/* ── خطوات التثبيت ── */
.m-steps{display:grid;gap:var(--s-4);counter-reset:step;margin-top:var(--s-6)}
.m-step{
  position:relative;padding:var(--s-5);padding-inline-start:66px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);
}
.m-step::before{
  counter-increment:step;content:counter(step);
  position:absolute;inset-inline-start:var(--s-5);top:var(--s-5);
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:var(--grad-gold);color:#2b1602;font-weight:700;font-size:var(--t-sm);
}
.m-step h3{font-size:var(--t-md);color:var(--ink)}
.m-step p{margin-top:6px;font-size:var(--t-sm);color:var(--ink-2)}

/* ── تنبيه ── */
.m-note{
  margin-top:var(--s-6);display:grid;gap:var(--s-3);
  border-inline-start:3px solid var(--gold);border-radius:var(--r-md);
  background:var(--cream-2);padding:var(--s-5);
}
.m-note h3{font-size:var(--t-md);color:var(--ink)}
.m-note p{font-size:var(--t-sm);color:var(--ink-2)}

.m-sec-tight{padding-top:0}

/* تنبيه بارز: أرضية ذهبية خفيفة بدل الكريمي المحايد */
.m-note-warn{background:#f6efdd;border-inline-start-color:var(--gold-2)}

/* ── بطاقتا المنصّات الأخرى ── */
.m-other{display:grid;gap:var(--s-4);margin-top:var(--s-6)}
.m-other-card{
  display:flex;align-items:center;gap:var(--s-4);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:var(--s-5);box-shadow:var(--sh-1);
}
.m-other-card svg{width:26px;height:26px;flex:none;color:var(--em-700)}
.m-other-card span{flex:1}
.m-other-card b{display:block;font-size:var(--t-md);color:var(--ink)}
.m-other-card i{display:block;font-style:normal;font-size:var(--t-sm);color:var(--ink-3-text);margin-top:2px}
.m-other-card .m-go{font-size:var(--t-sm);color:var(--em-700);font-weight:700;white-space:nowrap}

/* ── تذييل مبسّط ── */
.mfoot{background:var(--em-950);color:var(--txt-inv-mut);padding:var(--s-6) 0;text-align:center}
.mfoot a{color:var(--gold-3);display:inline-block;padding-block:11px}
.mfoot .mfoot-links{display:flex;flex-wrap:wrap;gap:var(--s-4);justify-content:center;font-size:var(--t-sm);margin-bottom:calc(var(--s-4) - 11px)}
.mfoot small{font-size:var(--t-xs);opacity:.75}

/* ── ≥900px: البطاقة عمودان، الباركود يظهر ── */
@media (min-width:900px){
  .m-rel{grid-template-columns:1fr 230px;align-items:start;padding:var(--s-7)}
  .m-rel-main{grid-column:1}
  .m-rel-scan{display:block;grid-column:2;grid-row:1;border-top:0;border-inline-start:1px solid var(--line);padding:0 0 0 var(--s-6);padding-top:4px}
  html[dir="rtl"] .m-rel-scan{border-inline-start:0;border-inline-end:1px solid var(--line);padding:4px var(--s-6) 0 0}
  .m-steps{grid-template-columns:repeat(2,1fr)}
  .m-other{grid-template-columns:repeat(2,1fr)}
}