/* ============================================================
   ديوان — نظام التصميم
   المفهوم: "ديوان" هو مكتب السجلات في الإدارة الإسلامية التاريخية —
   حيث تُقيَّد الحسابات بدقة. الصفحة مبنية كأنك تقلّب دفتر أستاذ:
   أسطر مسطّرة، أرقام مرصوصة، وختم ثقة بدل شارة تسويقية عادية.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@500;700;800;900&family=Almarai:wght@400;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  /* ---- الألوان ---- */
  --ink:            #0E4536;   /* أخضر دفتري أساسي */
  --ink-deep:       #082A21;   /* أخضر عميق جدًا للأرضيات الغامقة */
  --ink-soft:       #E4ECE6;   /* أخضر شفاف للخلفيات الهادئة */
  --brass:          #A8672E;   /* نحاسي — الحبر والختم والـ CTA */
  --brass-light:    #C98A4E;
  --brass-soft:     #F1E4D2;
  --parchment:      #F6F1E4;   /* خلفية الصفحة — ورق دفتري دافئ */
  --paper:          #FFFDF8;   /* أسطح البطاقات */
  --rule:           #DDD3BA;   /* خطوط التسطير */
  --rule-strong:    #C9BB98;
  --text:           #241F16;   /* نص أساسي دافئ لا أسود بحت */
  --text-muted:     #6B6252;
  --oxblood:        #8B3A2B;   /* تنبيه العرض المحدود */
  --oxblood-soft:   #F2E2DC;
  --shadow-ink:     rgba(14,69,54,.14);

  --display: 'Alexandria', 'Cairo', 'Segoe UI', sans-serif;
  --body: 'Almarai', 'Segoe UI', Tahoma, sans-serif;
  --figures: 'IBM Plex Mono', 'Almarai', monospace;

  --radius: 14px;
  --max: 1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--parchment); color:var(--text);
  font-family:var(--body); font-size:16.5px; line-height:1.85;
  direction:rtl;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
@media (prefers-reduced-motion:reduce){ *{animation-duration:.001ms !important; transition-duration:.001ms !important; scroll-behavior:auto !important;} }

img{max-width:100%; display:block}
.wrap{max-width:var(--max); margin:0 auto; padding:0 22px}
.rule-bg{
  background-image:repeating-linear-gradient(to bottom, transparent, transparent 38px, var(--rule) 39px);
}

h1,h2,h3{font-family:var(--display); text-wrap:balance; color:var(--ink); font-weight:800; margin:0}
h1{font-size:clamp(1.9rem, 4.6vw, 3rem); line-height:1.35; font-weight:900}
h2{font-size:clamp(1.4rem, 2.8vw, 2rem); line-height:1.4}
h3{font-size:1.2rem; line-height:1.5}
p{margin:0}
.lede{color:var(--text-muted); font-size:1.06rem; max-width:60ch}

.eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  font-family:var(--body); font-size:.84rem; letter-spacing:0;
  color:var(--brass); font-weight:600;
}
.eyebrow::before{content:'';width:22px;height:1px;background:var(--brass)}

.tnum{font-variant-numeric:tabular-nums; font-family:var(--figures)}

/* ---- الأزرار ---- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--body); font-weight:700; font-size:1.02rem;
  padding:15px 30px; border-radius:10px; border:none; cursor:pointer;
  text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.btn:focus-visible{outline:3px solid var(--brass-light); outline-offset:3px}
.btn-primary{
  background:var(--brass); color:var(--paper);
  box-shadow:0 10px 24px -8px rgba(168,103,46,.55);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 14px 30px -8px rgba(168,103,46,.65)}
.btn-ghost{
  background:transparent; color:var(--paper); border:1.5px solid rgba(255,255,255,.4);
}
.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-outline{background:transparent; color:var(--ink); border:1.5px solid var(--ink)}
.btn-outline:hover{background:var(--ink-soft)}
.btn-block{width:100%}
.btn[disabled]{opacity:.55; cursor:not-allowed; transform:none !important}

/* ---- الهيرو ---- */
.hero{
  background:
    radial-gradient(720px 420px at 88% -8%, rgba(168,103,46,.28), transparent 60%),
    linear-gradient(175deg, var(--ink-deep) 0%, var(--ink) 62%, #0B3B2E 100%);
  color:var(--paper); padding:64px 0 74px; position:relative; overflow:hidden;
}
.hero::after{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.05;
  background-image:repeating-linear-gradient(to bottom, transparent, transparent 37px, #fff 38px);
}
.hero .brandmark{
  font-family:var(--display); font-weight:700; font-size:1.15rem;
  color:var(--brass-light); margin-bottom:26px; display:flex; align-items:center; gap:10px;
}
.seal-mini{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--brass-light);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:.9rem}
.hero h1{color:var(--paper); max-width:16ch}
.hero .lede{color:#D9E3DC; margin-top:18px; font-size:1.12rem}
.hero-actions{display:flex; flex-wrap:wrap; gap:16px; margin-top:34px; align-items:center}

.notice{
  display:inline-flex; align-items:center; gap:12px;
  background:var(--oxblood); color:#FBEDE9; padding:12px 20px; border-radius:10px;
  border:1px solid rgba(255,255,255,.15); font-size:.95rem;
}
.notice b{font-family:var(--figures); font-size:1.05rem; letter-spacing:.03em}
.hero-note{margin-top:14px; font-size:.86rem; color:#B9C8BF}

/* ---- الأقسام ---- */
section{padding:76px 0}
.section-head{max-width:640px; margin-bottom:44px}
.section-head .eyebrow{margin-bottom:14px}
.alt{background:var(--paper)}

/* ---- شخصيات ---- */
.personas{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
.persona{
  background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius);
  padding:26px 26px 24px; position:relative;
}
.persona .glyph{
  width:46px; height:46px; border-radius:50%; background:var(--ink-soft); color:var(--ink);
  display:flex; align-items:center; justify-content:center; font-family:var(--display); font-size:1.4rem; margin-bottom:16px;
}
.persona h3{font-size:1.15rem; margin-bottom:8px}
.persona p{color:var(--text-muted); font-size:.98rem}
.persona q{font-style:normal}

/* ---- الباقات: صفحات دفتر ---- */
.ledger-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:stretch}
.ledger-card{
  background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius);
  padding:30px 28px 28px; display:flex; flex-direction:column; position:relative;
  transition:transform .2s ease, box-shadow .2s ease; counter-increment:entry;
}
.ledger-card:hover{transform:translateY(-4px); box-shadow:0 22px 40px -20px var(--shadow-ink)}
.ledger-card .tab{
  font-family:var(--body); font-weight:600; font-size:.76rem; color:var(--text-muted);
  display:flex; justify-content:space-between; margin-bottom:18px;
}
.ledger-card.feat{
  border-color:var(--brass); box-shadow:0 26px 46px -22px rgba(168,103,46,.4);
  background:linear-gradient(180deg, var(--paper) 0%, #FEFAF1 100%);
}
.ledger-card.feat::before{
  content:'الأكثر طلبًا'; position:absolute; top:-13px; right:26px;
  background:var(--brass); color:#fff; font-size:.78rem; font-weight:700;
  padding:5px 14px; border-radius:999px;
}
.ledger-card h3{margin-bottom:4px}
.ledger-card .tagline{color:var(--text-muted); font-size:.92rem; margin-bottom:20px; min-height:2.6em}
.price-row{display:flex; align-items:baseline; gap:10px; margin-bottom:4px}
.price{font-family:var(--display); font-size:2.4rem; font-weight:700; color:var(--ink)}
.price-unit{color:var(--text-muted); font-size:.95rem}
.was-price{font-family:var(--figures); color:var(--text-muted); text-decoration:line-through; font-size:.92rem}
.save-line{font-size:.84rem; color:var(--brass); font-weight:600; margin-bottom:18px}
.stat-line{display:flex; gap:18px; font-family:var(--figures); font-size:.86rem; color:var(--text-muted); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding:12px 0; margin-bottom:20px}
.stat-line b{color:var(--ink); font-size:1rem}
.ledger-card ul{list-style:none; margin:0 0 24px; padding:0; flex:1}
.ledger-card li{
  position:relative; padding-inline-start:22px; padding-block:7px; font-size:.94rem;
  border-bottom:1px dashed var(--rule);
}
.ledger-card li:last-child{border-bottom:none}
.ledger-card li::before{content:'—'; position:absolute; right:0; color:var(--brass); font-family:var(--figures)}
.no-higher{font-size:.84rem; color:var(--ink); background:var(--ink-soft); padding:10px 14px; border-radius:8px; margin-bottom:16px}

/* ---- إثبات ---- */
.proof-strip{background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:40px 8px}
.proof-grid{display:grid; grid-template-columns:repeat(3,1fr); text-align:center; gap:20px}
.proof-grid .num{font-family:var(--display); font-size:2.6rem; color:var(--brass-light)}
.proof-grid .lbl{color:#D9E3DC; font-size:.94rem; margin-top:6px; max-width:22ch; margin-inline:auto}

/* ---- الهدية ---- */
.gift{display:grid; grid-template-columns:1.1fr 1fr; gap:44px; align-items:center}
.gift-list{list-style:none; margin:22px 0 28px; padding:0; display:flex; flex-direction:column; gap:14px}
.gift-list li{display:flex; gap:14px; align-items:flex-start; font-size:1rem}
.gift-list .ico{width:34px;height:34px;border-radius:50%;background:var(--brass-soft);color:var(--brass);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--figures);font-size:.85rem}
.gift-card{
  background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:36px;
  text-align:center; position:relative; overflow:hidden;
}
.gift-card::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom, transparent, transparent 34px, rgba(255,255,255,.05) 35px)}
.gift-card > *{position:relative}
.gift-card .seal{width:74px;height:74px;border-radius:50%;border:2px solid var(--brass-light);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-family:var(--display);font-size:1.7rem;color:var(--brass-light)}

/* ---- الأسئلة ---- */
.faq{border-top:1px solid var(--rule)}
.faq-item{border-bottom:1px solid var(--rule)}
.faq-q{
  width:100%; text-align:right; background:none; border:none; cursor:pointer;
  padding:22px 4px; display:flex; justify-content:space-between; align-items:center; gap:16px;
  font-family:var(--body); font-weight:600; font-size:1.05rem; color:var(--ink);
}
.faq-q .plus{display:inline-block; font-family:var(--figures); font-size:1.3rem; color:var(--brass); transition:transform .25s ease; flex-shrink:0}
.faq-item[open] .plus{transform:rotate(45deg)}
.faq-a{padding:0 4px 22px; color:var(--text-muted); max-width:70ch}
.faq-q::-webkit-details-marker{display:none}

/* ---- الضمان (ختم) ---- */
.guarantee{display:flex; align-items:center; gap:34px; background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); padding:36px}
.seal-big{
  width:110px; height:110px; border-radius:50%; flex-shrink:0;
  border:3px double var(--brass); color:var(--brass); display:flex; flex-direction:column;
  align-items:center; justify-content:center; font-family:var(--display); transform:rotate(-6deg);
}
.seal-big b{font-size:1.6rem; line-height:1}
.seal-big span{font-size:.72rem}

/* ---- الدفع ---- */
.pay-grid{display:grid; grid-template-columns:1fr 1fr; gap:20px}
.pay-card{background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); padding:26px; display:flex; gap:16px; align-items:center}
.pay-card .ico{width:48px;height:48px;border-radius:10px;background:var(--ink-soft);color:var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.3rem;flex-shrink:0}

/* ---- الفوتر / نداء أخير ---- */
.final-cta{background:var(--ink-deep); color:var(--paper); text-align:center; padding:80px 0}
.final-cta h2{color:var(--paper)}
footer{background:var(--ink-deep); color:#9FB3A8; padding:30px 0; font-size:.86rem; text-align:center}
footer a{color:#D9E3DC}

/* ---- واتساب عائم ---- */
.wa-float{
  position:fixed; bottom:22px; left:22px; width:58px; height:58px; border-radius:50%;
  background:#1F8A57; color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 10px 24px -6px rgba(31,138,87,.6); z-index:40; text-decoration:none; font-size:1.6rem;
}

/* ---- استجابة ---- */
@media (max-width:880px){
  .personas, .ledger-grid, .gift, .pay-grid{grid-template-columns:1fr}
  .proof-grid{grid-template-columns:1fr; gap:26px}
  section{padding:56px 0}
  .guarantee{flex-direction:column; text-align:center}
}

/* ---- ظهور تدريجي عند التمرير ---- */
.reveal{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease}
.reveal.in{opacity:1; transform:none}

/* ---- نماذج (صفحة الدفع) ---- */
.field{display:flex; flex-direction:column; gap:8px; margin-bottom:20px}
.field label{font-weight:600; font-size:.94rem; color:var(--ink)}
.field .hint{font-size:.82rem; color:var(--text-muted)}
.field input[type=text], .field input[type=tel], .field input[type=email], .field input[type=datetime-local]{
  border:1.5px solid var(--rule-strong); border-radius:9px; padding:13px 14px; font-family:var(--body);
  font-size:1rem; background:var(--paper); color:var(--text);
}
.field input:focus{outline:none; border-color:var(--brass); box-shadow:0 0 0 3px var(--brass-soft)}
.field.error input{border-color:var(--oxblood)}
.field .err-msg{color:var(--oxblood); font-size:.84rem; display:none}
.field.error .err-msg{display:block}
.method-row{display:flex; gap:12px}
.method-btn{
  flex:1; padding:14px; border-radius:9px; border:1.5px solid var(--rule-strong); background:var(--paper);
  cursor:pointer; font-family:var(--body); font-weight:600; font-size:.96rem; color:var(--text);
  display:flex; align-items:center; justify-content:center; gap:8px;
}
.method-btn.active{border-color:var(--brass); background:var(--brass-soft); color:var(--brass)}
.upload-box{
  border:1.5px dashed var(--rule-strong); border-radius:9px; padding:26px; text-align:center; cursor:pointer;
  color:var(--text-muted); font-size:.92rem;
}
.upload-box.has-file{border-color:var(--ink); background:var(--ink-soft); color:var(--ink)}
.pay-detail{background:var(--ink-soft); border-radius:9px; padding:18px; margin-top:8px}
.checkout-card{background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); padding:34px; max-width:560px; margin:0 auto}
.order-summary{background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:22px 26px; margin-bottom:28px; display:flex; justify-content:space-between; align-items:center}
.order-summary .pkg-name{font-family:var(--display); font-size:1.3rem}
.order-summary .pkg-price{font-family:var(--figures); font-size:1.5rem; color:var(--brass-light)}
.copy-btn{display:inline-flex; align-items:center; gap:6px; border:1.5px solid var(--ink); background:none; border-radius:8px; padding:8px 14px; font-family:var(--figures); font-weight:600; cursor:pointer; color:var(--ink)}
.toast{position:fixed; bottom:26px; right:26px; background:var(--ink); color:#fff; padding:12px 20px; border-radius:9px; font-size:.9rem; opacity:0; transform:translateY(10px); transition:.25s; pointer-events:none; z-index:50}
.toast.show{opacity:1; transform:none}

/* ---- صفحة الشكر ---- */
.thanks-wrap{max-width:640px; margin:80px auto; text-align:center; padding:0 22px}
.thanks-seal{width:96px;height:96px;border-radius:50%;border:3px double var(--brass);color:var(--brass);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-family:var(--display);font-size:2.4rem}
.order-num{font-family:var(--figures); font-size:1.3rem; background:var(--ink-soft); color:var(--ink); padding:10px 20px; border-radius:9px; display:inline-block; margin:18px 0}

/* ============================================================
   ترقية صفحة البيع — مكوّنات بيعية جديدة
   ============================================================ */

/* ---- الشريط اللاصق أعلى الصفحة ---- */
.sticky-bar{
  position:fixed; top:0; right:0; left:0; z-index:60;
  background:var(--oxblood); color:#FBEDE9;
  display:flex; align-items:center; justify-content:center; gap:16px;
  padding:10px 16px; font-size:.92rem;
  transform:translateY(-110%); transition:transform .35s ease;
  box-shadow:0 8px 20px -8px rgba(139,58,43,.5);
}
.sticky-bar.show{transform:none}
.sticky-bar b{font-family:var(--figures); letter-spacing:.04em}
.sticky-bar .btn{padding:8px 18px; font-size:.88rem; background:var(--paper); color:var(--oxblood); box-shadow:none}
@media (max-width:700px){ .sticky-bar{flex-wrap:wrap; gap:8px; font-size:.82rem} }

/* ---- الهيرو بعمودين + محاكاة شيت ---- */
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center}
@media (max-width:940px){ .hero-grid{grid-template-columns:1fr} .sheet-mock{max-width:560px} }
.trust-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:26px}
.trust-chips span{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.18);
  color:#D9E3DC; font-size:.82rem; padding:7px 14px; border-radius:999px;
}
.trust-chips span::before{content:'✓'; color:var(--brass-light); font-weight:700}

/* محاكاة ملف إكسل */
.sheet-mock{
  background:#FDFCF7; border-radius:12px; overflow:hidden;
  box-shadow:0 32px 60px -24px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.14);
  font-family:var(--figures); font-size:.78rem; color:#2A2A22;
  transform:rotate(-1.2deg);
}
.sheet-titlebar{background:#E9E4D2; padding:8px 14px; display:flex; align-items:center; gap:8px; font-family:var(--body); font-size:.78rem; color:#6B6252}
.sheet-titlebar .dots{display:flex; gap:5px}
.sheet-titlebar .dots i{width:9px;height:9px;border-radius:50%;background:#C9BB98;display:block}
.sheet-head{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; background:var(--ink); color:#EAF2ED; font-family:var(--body); font-weight:600}
.sheet-head div{padding:9px 12px; font-size:.78rem}
.sheet-row{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; border-bottom:1px solid #EDE7D4}
.sheet-row div{padding:8px 12px; font-variant-numeric:tabular-nums}
.sheet-row div:first-child{font-family:var(--body)}
.sheet-row.total{background:var(--brass-soft); font-weight:700; color:var(--ink)}
.sheet-row .pos{color:#0E6B45} .sheet-row .neg{color:#9A3327}
.sheet-tabs{display:flex; gap:2px; background:#E9E4D2; padding:6px 10px 0}
.sheet-tabs span{background:#F6F2E3; border-radius:6px 6px 0 0; padding:5px 14px; font-family:var(--body); font-size:.72rem; color:#6B6252}
.sheet-tabs span.on{background:var(--ink); color:#fff}
.sheet-caption{text-align:center; margin-top:16px; font-size:.85rem; color:#B9C8BF}

/* ---- قسم الوجع ---- */
.pain-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media (max-width:940px){ .pain-grid{grid-template-columns:1fr} }
.pain-card{
  background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius);
  padding:24px; border-top:3px solid var(--oxblood);
}
.pain-card h3{font-size:1.05rem; margin-bottom:8px; color:var(--oxblood); font-family:var(--body); font-weight:700}
.pain-card p{color:var(--text-muted); font-size:.93rem}
.pain-quote{
  margin-top:36px; background:var(--ink); color:var(--paper); border-radius:var(--radius);
  padding:38px 40px; text-align:center; position:relative; overflow:hidden;
}
.pain-quote::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 34px,rgba(255,255,255,.05) 35px)}
.pain-quote p{position:relative; font-family:var(--display); font-size:clamp(1.3rem,2.6vw,1.8rem); line-height:1.5; max-width:34ch; margin:0 auto}
.pain-quote em{color:var(--brass-light); font-style:normal}

/* ---- شبكة الحل ---- */
.solution-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media (max-width:940px){ .solution-grid{grid-template-columns:1fr} }
.sol-card{background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); padding:24px}
.sol-card .glyph{width:44px;height:44px;border-radius:10px;background:var(--brass-soft);color:var(--brass);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:1.3rem;margin-bottom:14px}
.sol-card h3{font-size:1.08rem; margin-bottom:6px}
.sol-card p{color:var(--text-muted); font-size:.93rem}

/* ---- تسليط الضوء على المنتج البطل ---- */
.spotlight{
  background:linear-gradient(175deg, var(--ink-deep) 0%, var(--ink) 70%);
  color:var(--paper); border-radius:var(--radius); padding:48px 44px;
  display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center;
  position:relative; overflow:hidden;
}
.spotlight::after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:repeating-linear-gradient(to bottom,transparent,transparent 37px,#fff 38px)}
@media (max-width:940px){ .spotlight{grid-template-columns:1fr; padding:34px 26px} }
.spotlight h2{color:var(--paper)}
.spotlight .lede{color:#D9E3DC}
.spotlight > *{position:relative; z-index:1}
.spec-row{display:flex; gap:14px; margin-top:26px; flex-wrap:wrap}
.spec{background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.15); border-radius:10px; padding:14px 20px; text-align:center; flex:1; min-width:110px}
.spec b{display:block; font-family:var(--display); font-size:1.9rem; color:var(--brass-light)}
.spec span{font-size:.8rem; color:#B9C8BF}
.before-after{background:var(--paper); color:var(--text); border-radius:12px; padding:26px}
.before-after h3{font-size:1rem; color:var(--text-muted); font-family:var(--body); font-weight:600; margin-bottom:16px}
.ba-row{display:flex; align-items:center; gap:14px; padding:13px 0; border-bottom:1px dashed var(--rule)}
.ba-row:last-child{border-bottom:none}
.ba-row .from{color:var(--oxblood); font-size:.9rem; flex:1; text-decoration:line-through; text-decoration-color:rgba(139,58,43,.4)}
.ba-row .arrow{color:var(--brass); font-family:var(--figures)}
.ba-row .to{color:var(--ink); font-weight:700; font-size:.92rem; flex:1}

/* ---- الشفافية: محتويات كل باقة ---- */
.contents-acc{border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden; background:var(--paper)}
.contents-acc + .contents-acc{margin-top:14px}
.contents-acc summary{
  list-style:none; cursor:pointer; padding:20px 24px;
  display:flex; justify-content:space-between; align-items:center; gap:14px;
  font-weight:700; color:var(--ink); font-size:1.06rem;
}
.contents-acc summary::-webkit-details-marker{display:none}
.contents-acc summary .meta{font-family:var(--figures); font-size:.8rem; color:var(--text-muted); font-weight:500}
.contents-acc summary .plus{display:inline-block; font-family:var(--figures); color:var(--brass); font-size:1.3rem; transition:transform .25s ease}
.contents-acc[open] summary .plus{transform:rotate(45deg)}
.contents-body{padding:0 24px 24px; display:grid; grid-template-columns:1fr 1fr; gap:6px 28px}
@media (max-width:700px){ .contents-body{grid-template-columns:1fr} }
.contents-body div{
  position:relative; padding:8px 20px 8px 0; font-size:.92rem;
  border-bottom:1px dashed var(--rule); color:var(--text);
}
.contents-body div::before{content:'—'; position:absolute; right:0; color:var(--brass); font-family:var(--figures)}
.contents-note{grid-column:1/-1; background:var(--ink-soft); border-radius:8px; padding:10px 16px; font-size:.86rem; color:var(--ink); border-bottom:none !important}
.contents-note::before{display:none}

/* ---- جدول المقارنة ---- */
.compare-scroll{overflow-x:auto; border-radius:var(--radius); border:1px solid var(--rule)}
.compare{width:100%; border-collapse:collapse; background:var(--paper); min-width:720px; font-size:.92rem}
.compare th{background:var(--ink); color:#EAF2ED; padding:14px 16px; text-align:right; font-weight:600; white-space:nowrap}
.compare th.hl{background:var(--brass); color:#fff}
.compare td{padding:13px 16px; border-bottom:1px solid var(--rule); vertical-align:top; color:var(--text-muted)}
.compare td:first-child{color:var(--ink); font-weight:600; white-space:nowrap}
.compare td.hl{background:#FBF4E7; color:var(--text); font-weight:600}
.compare tr:last-child td{border-bottom:none}
.compare .x{color:var(--oxblood); font-family:var(--figures)}
.compare .ok{color:#0E6B45; font-family:var(--figures); font-weight:700}

/* ---- ثلاث خطوات ---- */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; counter-reset:step}
@media (max-width:880px){ .steps{grid-template-columns:1fr} }
.step{
  background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius);
  padding:28px 24px; position:relative; counter-increment:step;
}
.step::before{
  content:counter(step); position:absolute; top:-16px; right:22px;
  width:34px; height:34px; border-radius:50%; background:var(--brass); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--figures); font-weight:700;
}
.step h3{font-size:1.1rem; margin-bottom:8px; margin-top:6px}
.step p{color:var(--text-muted); font-size:.93rem}

/* ---- CTA مكرر بعد الأقسام ---- */
.mid-cta{text-align:center; margin-top:40px}
.mid-cta .urgency-line{display:block; margin-top:12px; font-size:.86rem; color:var(--oxblood); font-weight:600}

/* ---- تحسين بطاقات الباقات ---- */
.ledger-card .badge-row{display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap}
.ledger-card .mini-badge{font-size:.72rem; background:var(--ink-soft); color:var(--ink); border-radius:999px; padding:3px 12px; font-weight:600}
.ledger-card.feat .mini-badge{background:var(--brass-soft); color:var(--brass)}

/* ============================================================
   دفعة تكتيكات البيع — مكوّنات التحويل الأقصى
   ============================================================ */

/* ---- تكلفة الانتظار ---- */
.cost-strip{background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden}
.cost-head{background:var(--oxblood); color:#FBEDE9; padding:18px 26px; font-family:var(--display); font-size:1.35rem}
.cost-rows{padding:10px 26px}
.cost-row{display:flex; justify-content:space-between; align-items:center; gap:16px; padding:15px 0; border-bottom:1px dashed var(--rule)}
.cost-row:last-child{border-bottom:none}
.cost-row .what{font-size:.96rem; color:var(--text)}
.cost-row .cost{font-family:var(--figures); font-weight:700; color:var(--oxblood); white-space:nowrap; font-size:1.05rem}
.cost-foot{background:var(--ink-soft); padding:16px 26px; font-weight:700; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap}
.cost-foot .tiny{font-size:.78rem; color:var(--text-muted); font-weight:400; width:100%}

/* ---- السعر بعد العرض ---- */
.after-price{
  font-size:.82rem; color:var(--oxblood); background:var(--oxblood-soft);
  border-radius:8px; padding:7px 12px; margin-bottom:16px; font-weight:600;
  display:flex; justify-content:space-between; align-items:center;
}
.after-price b{font-family:var(--figures); text-decoration:none}

/* ---- نص تحت زر الشراء ---- */
.cta-sub{display:block; text-align:center; font-size:.78rem; color:var(--text-muted); margin-top:9px}
.cta-sub b{color:#0E6B45}

/* ---- اختبار اختيار الباقة ---- */
.quiz{background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:40px; position:relative; overflow:hidden}
.quiz::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(to bottom,transparent,transparent 34px,rgba(255,255,255,.05) 35px)}
.quiz > *{position:relative}
.quiz h2{color:var(--paper)}
.quiz .lede{color:#D9E3DC}
.q-block{margin-top:26px}
.q-block .q-label{font-weight:700; margin-bottom:12px; font-size:1.02rem}
.q-opts{display:grid; grid-template-columns:repeat(3,1fr); gap:10px}
@media (max-width:760px){ .q-opts{grid-template-columns:1fr} }
.q-opt{
  background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.2); color:#EAF2ED;
  border-radius:10px; padding:13px 16px; cursor:pointer; font-family:var(--body);
  font-size:.9rem; text-align:right; transition:all .15s ease;
}
.q-opt:hover{background:rgba(255,255,255,.14)}
.q-opt.sel{background:var(--brass); border-color:var(--brass-light); color:#fff; font-weight:700}
.quiz-result{
  margin-top:28px; background:var(--paper); color:var(--text); border-radius:12px;
  padding:26px; display:none; text-align:center;
}
.quiz-result.show{display:block; animation:quizIn .4s ease}
@keyframes quizIn{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
.quiz-result h3{font-size:1.5rem; margin-bottom:6px}
.quiz-result p{color:var(--text-muted); margin-bottom:18px}

/* ---- صندوق الترقية في صفحة الدفع ---- */
.upgrade-box{
  border:1.5px dashed var(--brass); background:var(--brass-soft); border-radius:12px;
  padding:18px 20px; margin-bottom:24px;
}
.upgrade-box .up-title{font-weight:700; color:var(--brass); margin-bottom:5px; font-size:.98rem}
.upgrade-box p{font-size:.88rem; color:var(--text-muted); margin-bottom:12px}
.upgrade-box a{
  display:inline-flex; align-items:center; gap:8px; background:var(--brass); color:#fff;
  text-decoration:none; font-weight:700; font-size:.9rem; padding:9px 20px; border-radius:8px;
}
.upgrade-box.top-tier{border-style:solid; border-color:var(--ink); background:var(--ink-soft)}
.upgrade-box.top-tier .up-title{color:var(--ink)}

/* ---- بطاقة التنبيه للهدية (شبكة أمان الخروج) ---- */
.gift-nudge{
  position:fixed; bottom:22px; right:22px; z-index:55; max-width:340px;
  background:var(--paper); border:1px solid var(--rule); border-radius:14px;
  box-shadow:0 24px 50px -18px rgba(8,42,33,.4); padding:20px 22px;
  transform:translateY(140%); transition:transform .4s ease;
}
.gift-nudge.show{transform:none}
.gift-nudge h4{font-family:var(--display); color:var(--ink); font-size:1.2rem; margin:0 0 6px}
.gift-nudge p{font-size:.86rem; color:var(--text-muted); margin:0 0 14px}
.gift-nudge .row{display:flex; gap:10px; align-items:center}
.gift-nudge .btn{padding:9px 18px; font-size:.86rem}
.gift-nudge .dismiss{background:none; border:none; color:var(--text-muted); font-size:.8rem; cursor:pointer; font-family:var(--body); text-decoration:underline}
@media (max-width:600px){ .gift-nudge{right:14px; left:14px; max-width:none; bottom:14px} }

/* ---- إطار الدفعة الأولى ---- */
.founder-tag{
  display:inline-flex; align-items:center; gap:8px; background:var(--brass-soft);
  color:var(--brass); font-size:.84rem; font-weight:700; padding:7px 16px; border-radius:999px;
  margin-bottom:16px;
}

/* ============================================================
   Social Proof — شهادات حقيقية + إثبات شراء حي من قاعدة البيانات
   ============================================================ */

/* ---- عدّاد المشترين الحي ---- */
.live-counter{
  display:none; align-items:center; gap:10px; margin:18px auto 0; width:fit-content;
  background:var(--paper); border:1.5px solid var(--brass); border-radius:999px;
  padding:9px 22px; font-weight:700; color:var(--ink); font-size:.95rem;
  box-shadow:0 10px 26px -12px rgba(168,103,46,.4);
}
.live-counter.show{display:inline-flex}
.live-counter .n{font-family:var(--display); font-weight:900; color:var(--brass); font-size:1.2rem}
.live-counter .pulse-dot{width:9px;height:9px;border-radius:50%;background:#1F8A57;animation:pulse 2s infinite}

/* ---- توست شراء حقيقي ---- */
.buy-toast{
  position:fixed; bottom:96px; right:22px; z-index:54; max-width:300px;
  background:var(--paper); border:1px solid var(--rule); border-radius:12px;
  box-shadow:0 20px 44px -16px rgba(8,42,33,.35); padding:14px 18px;
  display:flex; align-items:center; gap:12px;
  transform:translateY(20px); opacity:0; pointer-events:none;
  transition:transform .4s ease, opacity .4s ease;
}
.buy-toast.show{transform:none; opacity:1}
.buy-toast .ico{width:38px;height:38px;border-radius:50%;background:#E9F7EF;color:#1F8A57;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}
.buy-toast .txt{font-size:.84rem; line-height:1.5}
.buy-toast .txt b{color:var(--ink)}
.buy-toast .txt .ago{color:var(--text-muted); font-size:.76rem; display:block}
@media (max-width:600px){ .buy-toast{right:14px; left:14px; max-width:none; bottom:90px} }

/* ---- قسم الشهادات ---- */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media (max-width:940px){ .testi-grid{grid-template-columns:1fr} }
.testi-card{
  background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius);
  padding:26px 24px; position:relative; display:flex; flex-direction:column;
  transition:transform .2s ease, box-shadow .2s ease;
}
.testi-card:hover{transform:translateY(-3px); box-shadow:0 20px 38px -18px var(--shadow-ink)}
.testi-card .qmark{
  position:absolute; top:14px; left:18px; font-family:var(--display); font-size:3.2rem;
  color:var(--brass-soft); line-height:1; font-weight:900;
}
.testi-card .stars{color:var(--brass); font-size:.95rem; letter-spacing:2px; margin-bottom:12px}
.testi-card .quote{font-size:.95rem; line-height:1.9; color:var(--text); flex:1; margin-bottom:16px}
.testi-card .result{
  background:var(--ink-soft); color:var(--ink); border-radius:8px; padding:7px 13px;
  font-size:.8rem; font-weight:700; width:fit-content; margin-bottom:14px;
}
.testi-card .who{display:flex; align-items:center; gap:12px; border-top:1px dashed var(--rule); padding-top:14px}
.testi-card .avatar{
  width:42px; height:42px; border-radius:50%; background:var(--ink); color:var(--paper);
  display:flex; align-items:center; justify-content:center; font-family:var(--display);
  font-weight:800; font-size:1rem; flex-shrink:0;
}
.testi-card .who .name{font-weight:800; color:var(--ink); font-size:.9rem}
.testi-card .who .role{font-size:.78rem; color:var(--text-muted)}
.testi-note{text-align:center; font-size:.78rem; color:var(--text-muted); margin-top:18px}

/* ---- فاصل زخرفي بين الأقسام ---- */
.orn{display:flex; align-items:center; justify-content:center; gap:14px; padding:6px 0; color:var(--rule-strong)}
.orn::before,.orn::after{content:''; height:1px; width:min(120px, 22vw); background:var(--rule-strong)}
.orn .orn-seal{
  width:26px; height:26px; border-radius:50%; border:1.5px solid var(--brass);
  color:var(--brass); display:flex; align-items:center; justify-content:center;
  font-family:var(--display); font-size:.8rem; font-weight:800;
}