/* القائمة الجديدة — beinsports.group (2026-10-06) */
.nv{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid #ece7f6;box-shadow:0 4px 18px rgba(27,11,51,.05)}
.nv-in{max-width:1240px;margin:0 auto;padding:.55rem 16px;display:flex;align-items:center;gap:1rem;min-height:64px}
.nv-logo{display:flex;align-items:center;gap:.55rem;flex:0 0 auto;text-decoration:none}
.nv-logo .mark{background:linear-gradient(135deg,#2a0f52,#1b0b33);color:#fff;font-weight:900;font-size:.85rem;padding:.5rem .6rem;border-radius:10px;line-height:1;letter-spacing:.5px}
.nv-lt b{display:block;font-size:1rem;font-weight:800;color:#1b0b33;line-height:1.2;white-space:nowrap}
.nv-lt small{display:block;font-size:.74rem;color:#6d28d9;font-weight:700}
.nv-nav{flex:1 1 auto;display:flex;justify-content:center;min-width:0}
.nv-nav>ul{display:flex;align-items:center;gap:.15rem;list-style:none;margin:0;padding:0}
.nv-nav>ul>li{position:relative}
.nv-nav>ul>li>a,.nv-db{display:flex;align-items:center;gap:.3rem;white-space:nowrap;padding:.55rem .85rem;border-radius:12px;font:inherit;font-weight:700;font-size:.93rem;color:#1b0b33;background:none;border:0;cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.nv-nav>ul>li>a:hover,.nv-db:hover,.nv-dd.open>.nv-db{background:#f3effb;color:#5b21b6}
.nv-nav>ul>li>a.on,.nv-db.on{color:#5b21b6;background:#f1ebfd;box-shadow:inset 0 -2px 0 #7c3aed}
.nv-db svg{width:14px;height:14px;transition:transform .2s}
.nv-dd.open>.nv-db svg{transform:rotate(180deg)}
.nv-mm{position:absolute;top:calc(100% + 10px);right:50%;transform:translate(50%,6px);min-width:300px;background:#fff;border:1px solid #ece7f6;border-radius:18px;box-shadow:0 22px 50px rgba(27,11,51,.16);padding:.7rem;opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s;z-index:210}
.nv-mm:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.nv-dd.open>.nv-mm{opacity:1;visibility:visible;transform:translate(50%,0)}
.nv-mm a{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:12px;color:#241a33;text-decoration:none;font-weight:700;font-size:.92rem}
.nv-mm a:hover,.nv-mm a.on{background:#f5f1fd;color:#5b21b6}
.nv-mm a i{flex:0 0 38px;height:38px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:1.15rem;background:#f3effb}
.nv-mm a span small{display:block;font-weight:600;font-size:.76rem;color:#7a6f8c;margin-top:1px}
.nv-mm i.cur,.nvd-q i.cur{font-size:.8rem;font-weight:900;color:#6d28d9;font-family:inherit}.nvd-q i.cur{display:inline-grid;place-items:center;width:34px;height:28px;border-radius:8px;background:#fff}.nv-mm{min-width:330px}.nv-mm a span small{white-space:nowrap}.nv-mm-c{width:min(620px,92vw)}
.nv-mm-c p{margin:.2rem .5rem .55rem;font-size:.8rem;color:#7a6f8c;font-weight:700}
.nv-cg{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem}
.nv-cg a{padding:.5rem .6rem;font-size:.88rem;gap:.4rem}
.nv-cg a{white-space:nowrap}.nv-cg a:before{content:"";flex:0 0 6px;height:6px;border-radius:50%;background:#c4b5fd}.nv-cg a:hover:before,.nv-cg a.on:before{background:#7c3aed}
.nv-act{display:flex;align-items:center;gap:.45rem;flex:0 0 auto}
.nv-ic{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;border:1px solid #ece7f6;background:#fff;color:#1b0b33;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.nv-ic:hover{background:#f3effb;border-color:#d9cdf3}
.nv-ic svg{width:20px;height:20px}
.nv-wa{background:#16a34a;border-color:#16a34a;color:#fff}
.nv-wa:hover{background:#15803d;border-color:#15803d}
.nv-renew{display:inline-flex;align-items:center;gap:.35rem;height:42px;padding:0 1rem;border-radius:12px;font-weight:800;font-size:.92rem;color:#1b0b33;background:linear-gradient(135deg,#f6d77a,#d4a537);box-shadow:0 6px 16px rgba(212,165,55,.35);text-decoration:none;white-space:nowrap}
.nv-renew:hover{filter:brightness(1.05)}
.nv-burger{display:none}
.nv .ss-btn{display:none!important}
@media (max-width:1180px){.nv-nav>ul>li>a,.nv-db{padding:.5rem .6rem;font-size:.88rem}.nv-in{gap:.6rem}}
@media (max-width:1060px){.nv-nav{display:none}.nv-burger{display:grid}.nv-act{margin-inline-start:auto}}
@media (max-width:520px){.nv-in{min-height:58px;padding:.45rem 12px;gap:.4rem}.nv-wa{display:none}.nv-renew{height:40px;padding:0 .75rem;font-size:.85rem}.nv-ic{width:40px;height:40px}.nv-lt b{font-size:.92rem}.nv-logo .mark{font-size:.78rem;padding:.45rem .5rem}}
@media (max-width:440px){.nv-rt{display:none}.nv-logo{min-width:0;flex:0 1 auto}.nv-lt b{font-size:.88rem}.nv-act{gap:.35rem}}@media (max-width:340px){.nv-lt small{display:none}.nv-act [data-nv-s]{display:none}}
/* درج الجوال */
.nvd{position:fixed;inset:0;z-index:10000;visibility:hidden;pointer-events:none}
.nvd.open{visibility:visible;pointer-events:auto}
.nvd-bg{position:absolute;inset:0;background:rgba(15,6,32,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s}
.nvd.open .nvd-bg{opacity:1}
.nvd-p{position:absolute;top:0;bottom:0;right:0;width:min(380px,90vw);background:#fff;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 50px rgba(0,0,0,.25)}
.nvd.open .nvd-p{transform:none}
.nvd-h{display:flex;align-items:center;justify-content:space-between;padding:.8rem 14px;background:linear-gradient(135deg,#2a0f52,#1b0b33);color:#fff}
.nvd-h .nv-lt b{color:#fff}.nvd-h .nv-lt small{color:#e9c96b}
.nvd-h .nv-logo .mark{background:#fff;color:#1b0b33}
.nvd-x{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}
.nvd-x svg{width:20px;height:20px}
.nvd-b{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px;overscroll-behavior:contain}
.nvd-s{width:100%;display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem;border:1px solid #e3dcf2;border-radius:14px;background:#f8f6fd;color:#7a6f8c;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;text-align:start}
.nvd-s svg{width:18px;height:18px;color:#6d28d9}
.nvd-q{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.85rem 0}
.nvd-q a{display:flex;flex-direction:column;gap:.15rem;padding:.75rem;border-radius:14px;background:#f5f1fd;border:1px solid #ebe3fa;text-decoration:none;color:#1b0b33;font-weight:800;font-size:.9rem}
.nvd-q a i{font-style:normal;font-size:1.3rem}
.nvd-q a small{font-weight:600;font-size:.74rem;color:#7a6f8c}
.nvd-q a.gold{background:linear-gradient(135deg,#fff6dc,#fbe7ad);border-color:#f0d58a}
.nvd-q a.on{outline:2px solid #7c3aed}
.nvd-l{list-style:none;margin:0;padding:0;border-top:1px solid #f0ecf7}
.nvd-l>li{border-bottom:1px solid #f0ecf7}
.nvd-l>li>a,.nvd-l summary{display:flex;align-items:center;justify-content:space-between;padding:.85rem .3rem;color:#1b0b33;font-weight:700;font-size:.97rem;text-decoration:none;cursor:pointer;list-style:none}
.nvd-l summary::-webkit-details-marker{display:none}
.nvd-l>li>a:after{content:"‹";color:#b3a8c6;font-size:1.2rem;line-height:1}
.nvd-l summary:after{content:"+";width:26px;height:26px;border-radius:8px;background:#f3effb;color:#6d28d9;display:grid;place-items:center;font-weight:800;transition:transform .2s}
.nvd-l details[open] summary:after{content:"−"}
.nvd-l summary b{font-size:.75rem;background:#efe8fd;color:#6d28d9;border-radius:999px;padding:.1rem .5rem;margin-inline-start:.4rem}
.nvd-l a.on{color:#6d28d9}
.nvd-cg{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:0 0 .8rem}
.nvd-cg a{padding:.55rem .6rem;border-radius:10px;background:#f8f6fd;border:1px solid #efeaf8;color:#241a33;text-decoration:none;font-weight:700;font-size:.86rem}
.nvd-cg a.on{background:#6d28d9;color:#fff;border-color:#6d28d9}
.nvd-sub{padding:0 0 .7rem}
.nvd-sub a{display:block;padding:.55rem .6rem;color:#3b3050;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:10px}
.nvd-sub a.on,.nvd-sub a:hover{background:#f5f1fd;color:#6d28d9}
.nvd-f{padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #f0ecf7;display:grid;grid-template-columns:1fr 1fr;gap:.5rem;background:#fff}
.nvd-f a{display:flex;align-items:center;justify-content:center;gap:.4rem;height:48px;border-radius:14px;font-weight:800;font-size:.93rem;text-decoration:none}
.nvd-f .w{background:#16a34a;color:#fff}
.nvd-f .r{background:linear-gradient(135deg,#f6d77a,#d4a537);color:#1b0b33}
.nvd-f svg{width:18px;height:18px}
body.nv-lock{overflow:hidden}
body.nv-lock .wm-renew-fab,body.nv-lock .wa-f,body.nv-lock .ss-fab{display:none!important}
.drw,#drw{display:none!important}
@media (prefers-reduced-motion:reduce){.nvd-p,.nvd-bg,.nv-mm{transition:none}}
.nvd-q a{display:grid;grid-template-columns:auto 1fr;column-gap:.55rem;align-items:center;padding:.65rem .7rem;line-height:1.3}.nvd-q a i{grid-row:span 2;font-size:1.25rem}.nvd-q a small{grid-column:2}