/* ol_exam.css — واجهة الدورة والاختبارات (learn.php) · أويا أكاديمي عن بُعد */
:root{--warn:#b7791f;--bad:#c0392b;--soft:#f6efe9}
[hidden]{display:none!important}
@keyframes oxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes oxPop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
@keyframes oxShake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@keyframes oxFall{0%{transform:translateY(-10vh) rotate(0);opacity:1}100%{transform:translateY(105vh) rotate(540deg);opacity:.9}}
@keyframes oxPulse{0%,100%{box-shadow:0 0 0 0 rgba(142,17,64,.35)}50%{box-shadow:0 0 0 8px rgba(142,17,64,0)}}

/* الحلقة الدائرية */
.ring{position:relative;flex:none;display:grid;place-items:center}
.ring svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.ring .trk{fill:none;stroke:#efe7e1}
.ring .val{fill:none;stroke:var(--brand);stroke-linecap:round;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1),stroke .3s}
.ring.ok .val{stroke:var(--ok)}.ring.warn .val{stroke:var(--warn)}.ring.bad .val{stroke:var(--bad)}
.ring>b,.ring>.rt{position:absolute;inset:0;display:grid;place-items:center;font-weight:800;line-height:1}

/* لوحة الدورة */
.ch{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.ch .ring{width:84px;height:84px}.ch .ring>b{font-size:1.15rem}
.ch-t{flex:1;min-width:170px}.ch-t h1{margin:0}
.ch .btn{animation:oxPulse 2.4s ease-in-out infinite}
.path{list-style:none;margin:0;padding:0;position:relative}
.path li{position:relative;padding-inline-start:0}
.path li+li::before{content:"";position:absolute;inset-inline-start:23px;top:-14px;height:28px;width:2px;background:var(--line)}
.path li.done+li::before{background:rgba(28,122,67,.45)}
.path a,.path .lock{display:flex;align-items:center;gap:.8rem;padding:.6rem .2rem;min-height:62px;text-decoration:none;color:inherit;border-radius:12px;transition:background .15s}
.path a:hover{background:var(--soft)}
.path .nd{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-weight:800;background:#f1ebe6;color:var(--slate);border:2px solid transparent;position:relative;z-index:1}
.path .done .nd{background:rgba(28,122,67,.12);color:var(--ok)}
.path .cur .nd{background:var(--brand);color:#fff;box-shadow:0 0 0 5px rgba(142,17,64,.12)}
.path .fin .nd{background:rgba(230,178,78,.2);color:#8a5a00}
.path .fin.done .nd{background:var(--gold);color:#4a3200}
.path .lt{flex:1;min-width:0;font-weight:700}.path .lt small{display:block;font-weight:600;color:var(--slate);font-size:.8rem}
.path .tag{flex:none;font-size:.75rem;font-weight:800;border-radius:999px;padding:.15rem .6rem;background:#f1ebe6;color:var(--slate)}
.path .done .tag{background:rgba(28,122,67,.12);color:var(--ok)}.path .cur .tag{background:rgba(142,17,64,.1);color:var(--brand)}
.path .lock{opacity:.55}

/* الأسئلة: خيار كبطاقة */
.qz .q,.fx .q{border:0;padding:0;margin:0 0 .4rem}
.qz .qt,.fx .qt{font-size:1.06rem;font-weight:800;margin:.2rem 0 .7rem;line-height:1.8}
.qz label,.fx label{display:flex;align-items:center;gap:.7rem;border:1.5px solid var(--line);border-radius:14px;padding:.65rem .8rem;min-height:56px;margin:.5rem 0;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}
.qz label:hover,.fx label:hover{border-color:rgba(142,17,64,.4);background:#fffbf8}
.qz label:active,.fx label:active{transform:scale(.99)}
.qz input[type=radio],.fx input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.qz label .ol,.fx label .ol{width:32px;height:32px;border-radius:10px;font-size:.9rem;transition:background .15s,color .15s}
.qz label:has(input:checked),.fx label:has(input:checked),label.sel{border-color:var(--brand);background:rgba(142,17,64,.05)}
.qz label:has(input:checked) .ol,.fx label:has(input:checked) .ol,label.sel .ol{background:var(--brand);color:#fff}
.qz label:has(input:focus-visible),.fx label:has(input:focus-visible){outline:3px solid rgba(142,17,64,.35);outline-offset:2px}
.qz .q label.right{border-color:var(--ok);background:rgba(28,122,67,.07)}.qz .q label.right .ol{background:var(--ok);color:#fff}
.qz .q label.wrong{border-color:var(--bad);background:rgba(192,57,43,.06);animation:oxShake .35s}.qz .q label.wrong .ol{background:var(--bad);color:#fff}
.qz.js .q[data-lk] label{cursor:default}
.ox-on .q{display:none}.ox-on .q.on{display:block;animation:oxIn .25s ease}

/* اختبار الدرس */
.qz-h{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.qz-h h2{flex:1;margin:0}
.segs{display:flex;gap:5px;margin-bottom:1rem}.segs i{flex:1;height:7px;border-radius:5px;background:#efe7e1;transition:background .3s}
.segs i.ok{background:var(--ok)}.segs i.no{background:var(--bad)}.segs i.cur{background:rgba(142,17,64,.45)}
.fb{min-height:1.6rem;font-weight:800;font-size:.92rem;margin:.3rem 0 .6rem}.fb.ok{color:var(--ok)}.fb.no{color:var(--bad)}.fb.er{color:var(--bad);font-weight:700}
.qz-nav{display:flex;gap:.6rem;justify-content:flex-end}

/* النتيجة */
.res{text-align:center;padding:1.4rem 1rem;animation:oxIn .35s ease}
.res .ring{width:132px;height:132px;margin:0 auto}.res .ring>b{font-size:1.9rem}
.res h2{margin:.8rem 0 .2rem;font-size:1.25rem}.res.ok h2{color:var(--ok)}.res.no h2{color:var(--brand)}
.mets{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem;margin:1rem 0}
.mets div{background:var(--soft);border-radius:12px;padding:.6rem .4rem}.mets b{display:block;font-size:1.05rem}.mets small{color:var(--slate);font-weight:700;font-size:.78rem}
.acts{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.acts .btn{flex:1 1 200px}
.rv{list-style:none;margin:.4rem 0 0;padding:0;text-align:start}
.rv li{display:flex;gap:.6rem;align-items:flex-start;border-top:1px solid var(--line);padding:.6rem 0;font-size:.92rem}
.rv .mk{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.85rem}
.rv .ok .mk{background:rgba(28,122,67,.13);color:var(--ok)}.rv .no .mk{background:rgba(192,57,43,.1);color:var(--bad)}
.rv small{display:block;color:var(--slate);font-weight:600;margin-top:.15rem}
.cd{font-weight:800;font-size:1.25rem;color:var(--brand);direction:ltr;display:inline-block;letter-spacing:.03em}

/* الاختبار النهائي */
.fx-top{position:sticky;top:.5rem;z-index:5;display:flex;align-items:center;gap:.8rem;box-shadow:0 6px 18px rgba(42,34,40,.08);padding:.7rem .9rem}
.fx-top .ring{width:60px;height:60px}.fx-top .ring>b{font-size:.82rem}
.fx-top .fm{flex:1;min-width:0}.fx-top .fm b{display:block;font-size:.95rem}.fx-top .fm span{font-size:.78rem;color:var(--slate)}
.fx-top .fc{text-align:center;font-weight:800;line-height:1.1}.fx-top .fc b{font-size:1.25rem;color:var(--brand)}.fx-top .fc small{display:block;color:var(--slate);font-size:.72rem}
.fx-top.warn{border-color:rgba(183,121,31,.5)}.fx-top.bad{border-color:rgba(192,57,43,.6)}.fx-top.bad #fleft{color:var(--bad)}
.fx .fq-n{display:flex;align-items:center;gap:.5rem;color:var(--slate);font-weight:700;font-size:.85rem}
.fx .fq-n .fl{margin-inline-start:auto;color:#8a5a00;font-weight:800}
.fx-ctl{display:flex;gap:.5rem;margin-top:.8rem}.fx-ctl .sp{flex:1}.fx-ctl .btn{white-space:nowrap;padding:.6rem .9rem}
.fx .q,#lres{scroll-margin-top:96px}
.btn.flag.on{background:rgba(230,178,78,.22);border-color:var(--gold);color:#6b4d0e}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin:.5rem 0}
.fx-grid button{font-family:inherit;font-weight:800;height:40px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--slate);cursor:pointer;position:relative}
.fx-grid button.a{background:rgba(142,17,64,.08);border-color:rgba(142,17,64,.35);color:var(--brand)}
.fx-grid button.f::after{content:"";position:absolute;top:4px;inset-inline-end:4px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.fx-grid button.c{border-color:var(--brand);box-shadow:0 0 0 2px rgba(142,17,64,.2)}
.fx-leg{display:flex;gap:1rem;flex-wrap:wrap;font-size:.78rem;color:var(--slate);font-weight:700}
.fx-leg i{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-2px;margin-inline-end:.3rem;border:1.5px solid var(--line)}
.fx-leg .a{background:rgba(142,17,64,.08);border-color:rgba(142,17,64,.35)}.fx-leg .f{background:var(--gold);border-color:var(--gold);border-radius:50%}
.fx-rev{animation:oxIn .25s ease}.fx-rev h2{display:flex;align-items:center;gap:.5rem}
.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 .8rem}
.chips button{font-family:inherit;font-weight:800;border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.3rem .8rem;cursor:pointer;color:var(--ink)}
.chips.un button{border-color:rgba(192,57,43,.4);color:var(--bad)}.chips.fl button{border-color:var(--gold);color:#6b4d0e}
.kbd{display:none;font-size:.75rem;color:var(--slate);text-align:center;margin-top:.6rem}
@media (hover:hover) and (pointer:fine){.kbd{display:block}}

/* شاشة البدء */
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem;margin:.6rem 0}
.rules div{display:flex;gap:.6rem;align-items:flex-start;background:var(--soft);border-radius:12px;padding:.7rem}
.rules span{flex:none;font-size:1.3rem;line-height:1.3}.rules b{display:block;font-size:.92rem}.rules small{color:var(--slate);font-weight:600;font-size:.8rem;line-height:1.5;display:block}
.cfm{border:1.5px dashed rgba(142,17,64,.4);border-radius:14px;padding:.9rem;margin-top:.8rem;background:#fffbf8;animation:oxIn .25s ease}

/* احتفال */
.cf{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}
.cf i{position:absolute;top:0;width:9px;height:14px;border-radius:2px;animation:oxFall linear forwards}
.pop{animation:oxPop .6s cubic-bezier(.2,.9,.3,1.2) both}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.cf{display:none}}
@media (max-width:520px){.fx-top{top:.25rem;gap:.6rem}.fx-top .ring{width:52px;height:52px}.ch .ring{width:72px;height:72px}.qz-nav .btn{flex:1}.fx-ctl{display:grid;grid-template-columns:1fr 1fr 1.2fr}.fx-ctl .sp{display:none}.fx-ctl .btn{padding:.6rem .4rem;font-size:.9rem}}
/* ═══ شاشات الكمبيوتر الواسعة: مساحة وخط أكبر للدروس والامتحانات ═══ */
@media (min-width:1100px){ html{font-size:18px} body .wrap{max-width:1120px} }
@media (min-width:1440px){ html{font-size:19.5px} body .wrap{max-width:1260px} }

/* ═══ لوحة المتدرب (الرئيسية) ═══ */
.dh{background:linear-gradient(135deg,#8E1140 0%,#6A0E2E 60%,#4d0a21 100%);color:#fff;border-radius:20px;padding:1.3rem 1.3rem 1.1rem;margin-bottom:1rem;position:relative;overflow:hidden}
.dh::after{content:"";position:absolute;inset-inline-end:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(230,178,78,.28),transparent 70%);pointer-events:none}
.dh-hi{display:flex;align-items:center;gap:.9rem;position:relative;z-index:1}
.dh-av{flex:none;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.15);border:2px solid rgba(230,178,78,.7);display:grid;place-items:center;font-size:1.5rem;font-weight:800}
.dh-g{font-size:.85rem;opacity:.8;font-weight:600}.dh h1{margin:0;font-size:1.5rem;color:#fff;line-height:1.4}.dh-s{font-size:.88rem;opacity:.88}
.dh-st{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:1.1rem;position:relative;z-index:1}
.dh-st .st{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.6rem .5rem;text-align:center}
.dh-st b{display:block;font-size:1.45rem;line-height:1.2;font-variant-numeric:tabular-nums}.dh-st b small{font-size:.75rem;opacity:.75;font-weight:700}
.dh-st span{font-size:.75rem;opacity:.85;font-weight:600}
.dc{display:flex;align-items:center;gap:1.1rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem 1.1rem;margin-bottom:1.1rem;box-shadow:0 10px 30px rgba(42,34,40,.06);border-inline-start:5px solid var(--gold)}
.dc .ring{width:78px;height:78px}.dc .ring>b{font-size:1.05rem;color:var(--brand)}
.dc-t{flex:1;min-width:0}.dc-k{font-size:.75rem;font-weight:800;color:#B8923A;letter-spacing:.03em}.dc h2{margin:.1rem 0 .2rem;font-size:1.15rem}.dc-n{font-size:.88rem;color:var(--slate)}.dc-n b{color:var(--ink)}
.dc-go{flex:none}
.sec{display:flex;align-items:baseline;gap:.5rem;margin:1.3rem .1rem .6rem}.sec h2{margin:0;font-size:1.12rem}.sec .muted{background:#efe7e1;border-radius:20px;padding:0 .55rem;font-weight:800;font-size:.78rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}
.cc,.oc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:.95rem 1rem;display:flex;flex-direction:column;gap:.55rem;transition:box-shadow .2s,transform .2s,border-color .2s}
.cc:hover,.oc:hover{box-shadow:0 12px 28px rgba(42,34,40,.08);transform:translateY(-2px);border-color:#e2d3ca}
.cc h3,.oc h3{margin:0;font-size:1.02rem;line-height:1.6}.cc h3 a{color:inherit;text-decoration:none}
.cc-h,.oc-h{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cc-c{font-size:.78rem}
.bdg{font-size:.72rem;font-weight:800;border-radius:20px;padding:.12rem .6rem}
.b-go{background:rgba(142,17,64,.08);color:var(--brand)}.b-fin{background:rgba(230,178,78,.2);color:#7a5410}.b-ok{background:rgba(28,122,67,.12);color:var(--ok)}.b-pay{background:#f1ebe6;color:var(--slate)}
.cc .bar{height:8px}.cc.cert .bar i{background:var(--ok)}
.cc-f{display:flex;align-items:center;gap:.45rem;margin-top:auto}.cc-f .pc{flex:1;color:var(--brand);font-size:1rem}.cc.cert .pc{color:var(--ok)}
.btn.sm{min-height:38px;padding:.35rem .85rem;font-size:.85rem;border-radius:10px;white-space:nowrap;flex-wrap:nowrap}
.cc-pay{font-size:.85rem;font-weight:700;color:#6b4d0e;background:rgba(230,178,78,.14);border-radius:10px;padding:.45rem .7rem}
.certs{display:grid;gap:.6rem}
.crt{display:flex;align-items:center;gap:.8rem;background:linear-gradient(90deg,#fffaf0,#fff);border:1px solid #ecdcb8;border-radius:14px;padding:.75rem .9rem;text-decoration:none;color:inherit}
.crt-i{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(230,178,78,.22);display:grid;place-items:center;font-size:1.3rem}
.crt-t{flex:1;min-width:0}.crt-t b{display:block}.crt-t small{color:var(--slate);font-size:.78rem}.crt-a{flex:none;font-weight:800;color:var(--brand);font-size:.85rem}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:0 0 .7rem}.chips button{font:inherit;font-weight:700;font-size:.82rem;border:1px solid var(--line);background:#fff;color:var(--slate);border-radius:20px;padding:.3rem .9rem;cursor:pointer;min-height:36px}
.chips button.on{background:var(--brand);border-color:var(--brand);color:#fff}
.oc{text-decoration:none;color:inherit}.oc[hidden]{display:none}
.oc-cat{font-size:.72rem;font-weight:800;color:#B8923A;background:rgba(230,178,78,.14);border-radius:20px;padding:.12rem .6rem}
.oc-p{font-weight:800;color:var(--brand);font-size:.88rem;margin-inline-start:auto}.oc-p.free{color:var(--ok)}
.oc-m{display:flex;flex-wrap:wrap;gap:.3rem .8rem;font-size:.8rem;color:var(--slate)}
.oc-go{margin-top:auto;font-weight:800;font-size:.85rem;color:var(--brand)}
.oc.trc{border:2px solid #9fd8b0;background:linear-gradient(180deg,#f2fbf5,#fff)}.oc.trc .oc-p{color:#1f6b3a}.oc.trc .oc-go{color:#1f6b3a}.oc.trbig{display:flex;flex-direction:column;gap:.45rem;margin:1rem 0 .4rem;padding:1rem 1.1rem;border-radius:18px}.oc.trbig h3{margin:0;font-size:1.15rem}
@media (max-width:620px){
  .dh{padding:1.1rem 1rem 1rem;border-radius:16px}.dh h1{font-size:1.3rem}
  .dh-st{grid-template-columns:repeat(2,1fr)}
  .dc{flex-wrap:wrap}.dc .ring{width:64px;height:64px}.dc-go{width:100%}
  .crt-a{display:none}
}

/* ═══ صفحة الدفع: حوالة مصرفية + رفع الإيصال ═══ */
.pst{list-style:none;margin:0 0 1rem;padding:0;display:flex;gap:.4rem;counter-reset:s}
.pst li{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;font-size:.8rem;font-weight:700;color:var(--slate);position:relative}
.pst li+li::before{content:"";position:absolute;top:17px;inset-inline-end:calc(50% + 22px);width:calc(100% - 44px);height:3px;border-radius:2px;background:#e7ddd5}
.pst li.done+li::before,.pst li.done+li.on::before{background:var(--ok)}
.pst i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#efe7e1;color:var(--slate);font-weight:800;position:relative;z-index:1}
.pst li.on i{background:var(--brand);color:#fff;box-shadow:0 0 0 5px rgba(142,17,64,.12)}.pst li.on{color:var(--brand)}
.pst li.done i{background:var(--ok);color:#fff}.pst li.done{color:var(--ok)}
.pwait{display:flex;gap:.9rem;align-items:center;border-color:rgba(230,178,78,.55);background:linear-gradient(90deg,#fffaf0,#fff)}
.pw-i{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(230,178,78,.22);display:grid;place-items:center;font-size:1.5rem}
.pamt{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-inline-start:5px solid var(--brand)}
.pa-v{font-size:1.9rem;font-weight:800;color:var(--brand);line-height:1.3}.pa-r{text-align:end}.pa-r .muted{display:block;font-size:.8rem}.pa-r b{font-size:1.05rem;letter-spacing:.04em}
.bank .bk{align-items:center}.bank .bk b{font-variant-numeric:tabular-nums}
.cpb{flex:none;font:inherit;font-size:.78rem;font-weight:800;border:1px solid var(--line);background:#fff;color:var(--brand);border-radius:8px;padding:.2rem .65rem;cursor:pointer;min-height:32px}
.drop{position:relative;display:block;border:2px dashed #dccbc0;border-radius:16px;background:#fcf9f6;padding:1.3rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:.4rem}
.drop:hover,.drop.has{border-color:var(--brand);background:#fff}
.drop input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;min-height:0}
.dz-e,.dz-p{display:flex;flex-direction:column;align-items:center;gap:.25rem}.dz-e[hidden],.dz-p[hidden]{display:none}
.dz-i{font-size:2rem}.dz-e small,.dz-p small{color:var(--slate);font-size:.78rem}
.dz-p img{max-width:100%;max-height:220px;border-radius:10px;border:1px solid var(--line)}.dz-p img[hidden]{display:none}.dz-n{font-weight:700;font-size:.88rem;word-break:break-all}
.rcr{display:flex;align-items:center;gap:.7rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.88rem}.rcr:first-of-type{border-top:0}
.rc-s{flex:none;font-weight:800;border-radius:20px;padding:.1rem .65rem;font-size:.78rem}.rc-d{flex:1;color:var(--slate)}
.rcr.ok .rc-s{background:rgba(28,122,67,.12);color:var(--ok)}.rcr.no .rc-s{background:rgba(142,17,64,.08);color:var(--brand)}.rcr.wt .rc-s{background:rgba(230,178,78,.2);color:#7a5410}

/* الباكجات: مسار المستويات وخيارا الدفع */
.lvchip{display:inline-block;background:#f6eef2;color:#8E1140;border-radius:999px;padding:.1rem .65rem;font-size:.78rem;font-weight:700;margin:.1rem 0}.lvchip a{color:inherit}
.lvpath{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.5rem;position:relative}
.lvpath li{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;border:1px solid var(--line);border-radius:14px;padding:.6rem .8rem;background:#fff}
.lvpath li>i{font-style:normal;width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;background:#f1ebe6;color:#7a6d74;font-weight:800}
.lvpath li b{display:block;font-size:.95rem}.lvpath li small{color:#7a6d74;font-size:.8rem}
.lvpath li.ok>i{background:#1c7a43;color:#fff}.lvpath li.go{border-color:#1c9a55;background:#f3faf6}.lvpath li.go>i{background:#1c9a55;color:#fff}.lvpath li.pay>i{background:#e6b24e;color:#fff}.lvpath li.open>i{background:#8E1140;color:#fff}.lvpath li.lock{opacity:.6}
.pko{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:.6rem}
.pko-c{border:1px solid var(--line);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.5rem;background:#fff}.pko-c.best{border:2px solid #8E1140;background:#fffafc}
.pko-t{font-weight:800}.pko-p{font-size:1.5rem;font-weight:800;color:#8E1140}.pko-p small{font-size:.75rem;color:#7a6d74;font-weight:600}.pko-c form,.pko-c>a{margin-top:auto}