/* مختبر البرمجة /lab (نجم 2026-10-18) — فوق soka/results.css: نفس الكرت الحبر والفيلم وكروت الأسعار.
   لمسة المختبر: محرّر كود حقيقي بدل الصورة، وسطرين كود بكل كرت خدمة. هوية الموقع: ورق · حبر · أحمر واحد. */
.lab{--mono:'JetBrains Mono',ui-monospace,Consolas,monospace}
.lab [hidden]{display:none!important}

/* ─── الكرت الحبر: فيديو المبرمج (ماين كرافت) ─── */
.labart video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.labart{display:flex;align-items:center;justify-content:center;overflow:hidden;background:
  radial-gradient(120% 90% at 85% 0%,rgba(196,22,31,.18),transparent 60%),#141210}
.labart::after{background:linear-gradient(to bottom,rgba(20,18,16,0) 60%,#141210)}
.labsun{position:absolute;width:200px;height:200px;border-radius:50%;background:var(--red);top:-46px;inset-inline-start:-40px;
  box-shadow:0 0 90px 14px rgba(196,22,31,.35)}
.labed{position:relative;z-index:1;width:calc(100% - 36px);max-width:300px;border-radius:12px;overflow:hidden;
  background:rgba(14,12,11,.88);border:1px solid rgba(239,232,216,.12);box-shadow:0 24px 50px -18px rgba(0,0,0,.8);
  backdrop-filter:blur(6px);transform:rotate(-2.5deg)}
.labed-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;border-bottom:1px solid rgba(239,232,216,.08);background:rgba(239,232,216,.04)}
.labed-bar i{width:7px;height:7px;border-radius:50%;background:rgba(239,232,216,.22)}
.labed-bar i:first-child{background:var(--red)}
.labed-bar b{margin-inline-start:6px;font:500 .62rem/1 var(--mono);color:rgba(239,232,216,.55)}
.labed pre{margin:0;padding:10px 12px 12px;font:500 .7rem/1.85 var(--mono);color:#e9e1cf;white-space:pre;overflow:hidden}
.labed .ln,.lccode .ln{display:inline-block;width:1.4em;color:rgba(239,232,216,.25);user-select:none}
.lab i.k{font-style:normal;color:#ff7a6b}
.lab i.s{font-style:normal;color:#b9d98a}
.lab i.n{font-style:normal;color:#f2c46d}
.lab i.c{font-style:italic;color:rgba(239,232,216,.42)}
.labcur{display:inline-block;width:7px;height:1.05em;margin-inline-start:2px;vertical-align:-2px;background:var(--red);animation:labblink 1s steps(1) infinite}
@keyframes labblink{50%{opacity:0}}

/* ─── الفيلم: 16:9 كامل + كبسة إيقاف ─── */
.lab .vframe2{aspect-ratio:16/9}
.lab .vframe2 video{object-fit:cover}
.labpp{position:absolute;bottom:14px;inset-inline-end:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;background:rgba(20,18,16,.55);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
  opacity:0;transition:opacity .25s,background .25s}
.labvid:hover .labpp,.labvid.paused .labpp,.labpp:focus-visible{opacity:1}
.labpp:hover{background:var(--red)}
.labpp svg{width:18px;height:18px;fill:#fff}
.labpp .i-play,.labvid.paused .labpp .i-pause{display:none}
.labvid.paused .labpp .i-play{display:block}
@media (hover:none){.labpp{opacity:1}}

/* ─── خطوات الطلب ─── */
.labsteps{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  background:var(--card);border:1px solid var(--line);border-radius:20px;counter-reset:s}
.labsteps li{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px}
.labsteps b{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:800 .82rem/1 Almarai,sans-serif;
  color:var(--red);background:rgba(196,22,31,.08);box-shadow:inset 0 0 0 1px rgba(196,22,31,.25)}
.labsteps li:first-child b{color:#fff;background:var(--red);box-shadow:0 8px 18px -8px rgba(196,22,31,.8)}
.labsteps span{display:flex;flex-direction:column;min-width:0}
.labsteps strong{font:800 .8rem/1.5 'Noto Kufi Arabic',sans-serif;color:var(--ink)}
.labsteps small{font-size:.7rem;line-height:1.55;color:var(--mut);font-weight:700}

/* ─── التصفية ─── */
.labf{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px;padding:5px;border-radius:999px;width:max-content;max-width:100%;
  background:rgba(255,253,247,.75);border:1px solid var(--line)}
.labf button{font:800 .8rem/1 Almarai,sans-serif;padding:9px 16px;border:0;border-radius:999px;background:transparent;color:var(--mut);cursor:pointer;transition:background .2s,color .2s}
.labf button[aria-pressed="true"]{background:var(--ink);color:var(--paper);box-shadow:0 6px 14px -8px rgba(20,18,16,.6)}
.labf button:not([aria-pressed="true"]):hover{color:var(--ink);background:rgba(20,18,16,.05)}
.labf button:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* ─── كروت الخدمات: نفس نظام كروت مؤشرات VIP (.gcard) — غلاف مربع بهوية لكل خدمة، ثم الاسم والوصف والسعر ─── */
.labgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px;align-items:stretch}
.lc{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;
  background:rgba(255,253,247,.65);border:1px solid rgba(20,18,16,.13);
  transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.lc:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(20,18,16,.15);border-color:rgba(196,22,31,.45)}
.lcph{position:relative;aspect-ratio:1/1;overflow:hidden;background:#e9e9e7}
.lcph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.lc:hover .lcph img{transform:scale(1.04)}
.lctags{position:absolute;bottom:8px;inset-inline-start:8px;display:flex;flex-wrap:wrap;gap:4px}
.lctags i{font:700 .6rem/1 var(--mono);font-style:normal;color:#EFE8D8;padding:4px 7px;border-radius:6px;
  background:rgba(20,18,16,.72);backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px rgba(239,232,216,.14)}
.lcb{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 15px 15px}
.lc h3{font-family:'Noto Kufi Arabic',sans-serif;font-weight:800;font-size:.95rem;line-height:1.6;margin:0;color:var(--ink)}
.lc p{margin:0;color:var(--ink2);font-size:.8rem;line-height:1.85;flex:1}
.lcf{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid rgba(20,18,16,.1)}
.lcp{display:flex;flex-direction:column;line-height:1}
.lcp small{font-size:.62rem;font-weight:800;color:var(--mut);margin-bottom:3px}
.lcp b{font-family:Almarai,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.lcp b.q{font-family:'Noto Kufi Arabic',sans-serif;font-size:.8rem;letter-spacing:0;line-height:1.4}
.lcbtn{flex:0 0 auto;display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;font-size:.78rem;font-weight:800;text-decoration:none;
  color:#fff;background:var(--red);box-shadow:0 10px 22px -12px rgba(196,22,31,.8);transition:background .2s,transform .2s}
.lcbtn:hover{background:#a5121a;transform:translateY(-1px)}
.lcbtn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
/* كرت «طلب خاص»: حبر أسود */
.lc.best{background:var(--ink);border-color:transparent}
.lc.best h3{color:var(--paper)}
.lc.best p{color:var(--cr)}
.lc.best .lcf{border-top-color:rgba(239,232,216,.14)}
.lc.best .lcp small{color:var(--cr)}
.lc.best .lcp b{color:var(--paper)}

.labsv .princ{justify-content:center}

/* ─── الأسئلة ─── */
.labq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;align-items:start}
.labq details{border-radius:18px;background:var(--card);border:1px solid var(--line);transition:border-color .25s,background .25s}
.labq details[open]{background:rgba(255,253,247,.88);border-color:rgba(196,22,31,.28)}
.labq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;
  font:800 .9rem/1.6 'Noto Kufi Arabic',sans-serif;color:var(--ink)}
.labq summary::-webkit-details-marker{display:none}
.labq summary::after{content:"";flex:0 0 auto;width:9px;height:9px;border-inline-end:2px solid var(--red);border-bottom:2px solid var(--red);transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.labq details[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.labq summary:focus-visible{outline:2px solid var(--red);outline-offset:-2px;border-radius:18px}
.labq p{margin:0;padding:0 18px 16px;color:var(--mut);font-size:.86rem;line-height:1.95}

/* ─── الختام ─── */
.labend{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;
  padding:34px 38px;border-radius:26px;background:var(--ink);color:var(--paper);box-shadow:0 50px 90px -50px rgba(20,18,16,.95)}
.labend::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--grain)}
.labend-sun{position:absolute;z-index:-1;width:260px;height:260px;border-radius:50%;background:var(--red);bottom:-200px;inset-inline-start:30px;box-shadow:0 0 90px 12px rgba(196,22,31,.3)}
.labend h2{margin:0;font-family:'Noto Kufi Arabic',sans-serif;font-weight:800;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.7;color:var(--paper)}
.labend h2 em{font-style:normal;color:#e8452e}
.labend p{margin:4px 0 0;color:var(--cr);font-size:.92rem;line-height:1.9}
.labend .row{display:flex;gap:10px;flex-wrap:wrap}
.labend .btn{padding:12px 20px;font-size:.94rem}
.labend .labtg{color:var(--paper);border-color:rgba(239,232,216,.4)}
.labend .labtg:hover{background:var(--paper);color:var(--ink)}

/* ─── الموبايل والتابلت ─── */
@media (max-width:1100px){.labgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.lab .vframe2{aspect-ratio:16/9}}
@media (max-width:700px){
  .labgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .lcb{padding:11px 11px 12px}.lc p{font-size:.74rem}.lcf{flex-direction:column;align-items:stretch}.lcbtn{justify-content:center}
  .labq{grid-template-columns:1fr}
  .labf{width:auto;border-radius:18px}
  .labend{padding:26px 22px}
}
@media (max-width:420px){.labsteps{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.labcur{animation:none}.lc,.lcph img{transition:none}}

/* ─── صفحة تأكيد الطلب /lab-buy ─── */
.labco{max-width:880px;margin:10px auto 0}
.labco-back{display:inline-block;margin-bottom:12px;font-size:.84rem;font-weight:800;color:var(--mut);text-decoration:none}
.labco-back:hover{color:var(--red)}
.labco-card{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;overflow:hidden;border-radius:24px;
  background:rgba(255,253,247,.8);border:1px solid var(--line);box-shadow:0 40px 80px -56px rgba(20,18,16,.7)}
.labco-cover{width:100%;height:100%;object-fit:cover;display:block;background:#141210;min-height:300px}
.labco-tx{padding:26px 28px 24px;display:flex;flex-direction:column;gap:12px}
.labco-tx .eyb{margin:0}
.labco h1{margin:0;font-family:'Noto Kufi Arabic',sans-serif;font-weight:800;font-size:clamp(1.25rem,2vw,1.55rem);line-height:1.6;color:var(--ink)}
.labco-tx > p{margin:0;color:var(--ink2);font-size:.9rem;line-height:1.9}
.labco-sum{margin:4px 0 0;display:flex;flex-direction:column;border-radius:16px;background:rgba(20,18,16,.04);border:1px solid var(--line)}
.labco-sum div{display:flex;justify-content:space-between;align-items:center;padding:11px 16px}
.labco-sum div + div{border-top:1px dashed var(--line2)}
.labco-sum dt{font-size:.86rem;font-weight:700;color:var(--mut)}
.labco-sum dd{margin:0;font-family:Almarai,sans-serif;font-weight:800;font-size:1.15rem;color:var(--ink)}
.labco-sum dd.neg{color:var(--red)}
.labco-pay{display:flex;justify-content:center;width:100%;padding:13px;font-size:1rem;border:0;cursor:pointer}
.labco-err{margin:0;padding:10px 14px;border-radius:12px;background:rgba(196,22,31,.08);color:var(--red);font-size:.86rem;font-weight:700}
.labco-need{margin:0;font-size:.88rem;line-height:1.9;color:var(--ink2)}
.labco-need b{color:var(--red);font-family:Almarai,sans-serif}
.labco-note{margin:0;font-size:.78rem;color:var(--mut);line-height:1.8}
.labco-after{list-style:none;margin:2px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.labco-after li{position:relative;padding-inline-start:18px;font-size:.8rem;line-height:1.7;color:var(--mut);font-weight:700}
.labco-after li::before{content:"";position:absolute;inset-inline-start:2px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--red)}
@media (max-width:700px){.labco-card{grid-template-columns:1fr}.labco-cover{min-height:0;aspect-ratio:16/10}.labco-tx{padding:20px 18px}}

/* ─── صفحة بعد الدفع /lab-order ─── */
.labok{max-width:640px;margin:20px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}
.labok-seal{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--pos);
  box-shadow:0 0 0 10px rgba(29,107,67,.12),0 20px 40px -16px rgba(29,107,67,.7)}
.labok-seal svg{width:36px;height:36px}
.labok .eyb{margin:8px 0 0}
.labok h1{margin:0;font-family:'Noto Kufi Arabic',sans-serif;font-weight:800;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.6;color:var(--ink)}
.labok h1 em{font-style:normal;color:var(--red)}
.labok > p{margin:0;color:var(--ink2);font-size:.94rem;line-height:1.95;max-width:34em}
.labok-ticket{width:100%;margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-radius:20px;overflow:hidden;
  background:var(--ink);color:var(--paper);box-shadow:0 40px 80px -50px rgba(20,18,16,.9)}
.labok-ticket > div{padding:16px 12px;display:flex;flex-direction:column;gap:6px;border-inline-end:1px dashed rgba(239,232,216,.16)}
.labok-ticket > div:nth-child(3){border:0}
.labok-ticket small{font-size:.72rem;font-weight:800;color:var(--cr)}
.labok-ticket b{font-family:'Noto Kufi Arabic',sans-serif;font-weight:800;font-size:.95rem;line-height:1.5}
.labok-ticket b[dir="ltr"]{font-family:var(--mono);font-size:1.15rem;color:#fff}
#labRef{color:#ff8a7a}
.labok-copy{grid-column:1/-1;border:0;border-top:1px solid rgba(239,232,216,.12);background:rgba(239,232,216,.05);color:var(--paper);
  font:800 .84rem/1 Almarai,sans-serif;padding:13px;cursor:pointer}
.labok-copy:hover{background:rgba(239,232,216,.1)}
.labok-tg{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:14px 24px;font-size:1rem}
.labok-tg svg{width:22px;height:22px}
.labok-note{margin:0;font-size:.8rem;color:var(--mut)}
@media (max-width:560px){.labok-ticket{grid-template-columns:1fr}.labok-ticket > div{border-inline-end:0;border-bottom:1px dashed rgba(239,232,216,.16)}}