/* منصة بيتي · /bait/ وصفحات الحزم على دستور التصميم ١ (تعميم صياح 28 أكتوبر 2026، قسم أوبوس بيتي).
   كل لون من /design/albait-tokens.css، ولا هيكس في هذا الملف. الورق مربعات (data-paper="grid") والقلم في البطل وحده.
   البطاقات ab-card على sheet، و«قريباً» شارة حالة ab-badge--warn، والأزرار ab-btn بزاوية 10. */
.b3{color:var(--ink);font-family:var(--font-sans)}
.b3 .b2-wrap{max-width:1120px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}

/* البطل: عنوان بالحبر 56 وزن 700 (38 في الجوال)، وفقرة lead 20 بلون ink-2 */
.b3-hero{padding:var(--space-9) 0 var(--space-7);background:none}
.b3-hero h1{font-size:56px;line-height:1.2;font-weight:700;margin:var(--space-3) 0 var(--space-4);color:var(--ink);max-width:16ch;text-wrap:balance}
.b3-free{font-size:20px;line-height:1.8;margin:0 0 var(--space-2);max-width:58ch;color:var(--ink-2)}
.b3-free b{color:var(--ink);font-weight:700}
.b3 .b2-acts{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:var(--space-5) 0 0}

/* الأقسام */
.b3-sec{padding:var(--space-7) 0}
.b3-sec h2{font-size:36px;line-height:1.25;font-weight:700;margin:0 0 var(--space-5);color:var(--ink);text-wrap:balance}
.b3-pks4{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-4)}
.b3-pks4>.b3-pk{grid-column:span 2}.b3-pks4>.b3-pk:nth-child(n+4){grid-column:span 3}

/* بطاقة الحزمة: ab-card رابطاً كاملاً */
.b3-pk{text-decoration:none;color:var(--ink);transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}
.b3-pk:hover{border-color:var(--line-ctl);box-shadow:var(--shadow-sheet)}
.b3-pk:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.b3-pkh{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}
.b3-pkh b{font-size:20px;line-height:1.35;font-weight:700}
.b3-pks{font-size:15px;line-height:1.75;font-weight:500;color:var(--ink)}
.b3-pkg{font-size:13px;line-height:1.6;color:var(--ink-2)}
.b3-more{margin-top:auto;padding-top:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);font-weight:700;font-size:14px;color:var(--terra)}

/* الكتاب: بطاقة على الورق */
.b3-book .b3-bookc{max-width:760px}
.b3-book p{font-size:17px;line-height:1.8;margin:0 0 var(--space-4);color:var(--ink-2)}

/* صفحة الحزمة /bait/<حزمة>/ */
.b3-back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:14px;margin:var(--space-5) 0 var(--space-3)}
.b3-pg{padding:0 0 var(--space-8)}
.b3-pg .b3-pkbox{padding:var(--space-6)}
.b3-pg h1{font-size:56px;line-height:1.2;font-weight:700;margin:var(--space-3) 0 var(--space-3);color:var(--ink);text-wrap:balance}
.b3-pg .b3-why{font-size:20px;line-height:1.8;margin:0 0 var(--space-4);color:var(--ink-2);max-width:40ch}
.b3-pg h2{font-size:20px;line-height:1.35;margin:var(--space-5) 0 var(--space-2);color:var(--ink)}
.b3-pg ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}
.b3-pg li{display:flex;gap:var(--space-3);font-size:15px;line-height:1.75;color:var(--ink)}
.b3-pg li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ink-3);margin-top:.8em}
.b3-freeln{font-size:13px;color:var(--ink-2);margin:var(--space-3) 0 0}
.b3-credit{color:var(--ink);font-weight:500}
.b3-shot{margin:var(--space-5) 0 0;border-radius:var(--radius-card);overflow:hidden;background:var(--sheet);border:1px solid var(--line)}
.b3-shot img{display:block;width:100%;height:auto}
.b3-shot figcaption{font-size:13px;color:var(--ink-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}
.b3-shot img[src*="home.webp"]{max-width:300px;margin:var(--space-4) auto 0}
.b3-noshot{display:grid;place-items:center;min-height:220px;background:var(--paper);border:1.5px dashed var(--line-2)}
.b3-noshot figcaption{border:0;text-align:center;font-size:14px;line-height:1.8;max-width:30ch}
.b3-buy{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:var(--space-5) 0 0}
.b3-price{font-size:20px;font-weight:700;color:var(--ink)}
.b3-buy small{flex-basis:100%;font-size:13px;color:var(--ink-2)}
.b3-tools{margin:var(--space-4) 0 0;font-size:14px;line-height:1.8;color:var(--ink-2)}
@media (min-width:900px){.b3-pg .b3-pkbox{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:start;padding:var(--space-7)}.b3-shot{margin:0}}
.b3-pg .b3-pks4>.b3-pk{grid-column:span 3}

/* الجوال: عنوان البطل 38، وبطاقة في الصف، والحافة 16 */
@media (max-width:760px){
  .b3-hero{padding:var(--space-7) 0 var(--space-5)}
  .b3-hero h1,.b3-pg h1{font-size:38px}
  .b3-free,.b3-pg .b3-why{font-size:17px}
  .b3-sec{padding:var(--space-6) 0}
  .b3-sec h2{font-size:26px}
  .b3-pks4{grid-template-columns:1fr;gap:var(--space-3)}
  .b3-pks4>.b3-pk,.b3-pks4>.b3-pk:nth-child(n+4),.b3-pg .b3-pks4>.b3-pk{grid-column:auto}
  .b3 .b2-acts .ab-btn{flex:1 1 100%}
  .b3-pg .b3-pkbox{padding:var(--space-5)}
}
.b3-bookc .ab-btn,.b3-pkbox .ab-btn{align-self:flex-start}
.b3-tools a{color:var(--terra);font-weight:700;text-decoration:none}