/* fayphysio — الواجهات الجديدة N1/N2/N3 (تُحمَّل بعد theme-x.css) */
html[data-nd] #hero,html[data-nd] .anat-float{display:none!important}
#nhome{position:relative}
#nhome *{font-weight:400!important;box-sizing:border-box}
#nhome button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
#nhome h1,#nhome h2{margin:0}
.nrow{padding:18px 0 4px}
.nrow-h{display:flex;align-items:flex-end;justify-content:space-between;padding:0 18px 10px}
.nrow-h h2{font-size:1.25rem;display:flex;flex-direction:column;gap:2px}
.nrow-h small{font-size:.8rem;opacity:.6}
.nrow-all{font-size:.8rem;line-height:1;opacity:.75;padding:7px 14px!important;border-radius:999px!important;border:1px solid currentColor!important;align-self:flex-end;height:32px!important;min-height:0!important;width:auto!important;min-width:0!important;display:inline-flex!important;align-items:center}
.nrail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 18px 12px;scrollbar-width:none}
.nrail::-webkit-scrollbar{display:none}
.nt{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;gap:6px;width:150px}
.nt-img{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#07201e}
.nt-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.nt:active .nt-img img{transform:scale(1.06)}
.nt-dur{position:absolute;bottom:8px;inset-inline-start:8px;font-style:normal;font-size:.72rem;padding:3px 8px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);direction:ltr}
.nt-t{font-size:.95rem;line-height:1.35}
.nt-m{font-size:.75rem;opacity:.6;margin-top:-4px}
.n-libsearch{padding-top:18px}

/* =================== N1 — سينمائي =================== */
html[data-nd="1"]{--bg:#050807;--surface:#0c1110;--surface-2:#111917;--line:#1a2422;--x-bg:#050807;--x-glass:rgba(14,20,19,.72);--x-glass-2:rgba(255,255,255,.05);--x-stroke:rgba(255,255,255,.08);--x-stroke-2:rgba(255,255,255,.16)}
html[data-nd="1"] body.app{background:#050807!important;color:#eef3f0}
html[data-nd="1"] body.app::before{display:none}
html[data-nd="1"] .topbar{position:fixed!important;inset-inline:0;top:0;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)!important;border:0!important;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .35s}
html[data-nd="1"] .topbar::after{display:none}
html[data-nd="1"] .topbar.n1-solid{background:rgba(5,8,7,.86)!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
html[data-nd="1"] #main{padding-top:0!important}
.n1-hero{position:relative;height:min(92vh,760px);min-height:560px;overflow:hidden;background:#07201e}
.n1-hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 50%;transform:scale(1.12);transform-origin:28% 45%}
.n1-shade{position:absolute;inset:0;background:linear-gradient(to top,#050807 4%,rgba(5,8,7,.75) 32%,rgba(5,8,7,0) 60%),linear-gradient(to bottom,rgba(5,8,7,.55),transparent 22%)}
.n1-copy{position:absolute;inset-inline:0;bottom:0;padding:0 22px 26px;text-align:center}
.n1-copy.in>*{animation:n1in .8s cubic-bezier(.2,.8,.2,1) both}.n1-copy.in>*:nth-child(2){animation-delay:.08s}.n1-copy.in>*:nth-child(3){animation-delay:.16s}.n1-copy.in>*:nth-child(4){animation-delay:.24s}
@keyframes n1in{from{opacity:0;transform:translateY(18px)}}
.n1-badge{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;letter-spacing:.02em;color:#d8e6a0;padding:5px 12px;border-radius:999px;background:rgba(159,176,74,.14);border:1px solid rgba(159,176,74,.35)}
.n1-badge i{width:7px;height:7px;border-radius:50%;background:#c8d67a;box-shadow:0 0 10px #c8d67a;animation:n1b 1.6s infinite}
@keyframes n1b{50%{opacity:.3}}
.n1-copy h1{font-size:clamp(2.1rem,9vw,3.4rem);line-height:1.15;margin:14px 0 8px!important;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.n1-copy p{font-size:.92rem;color:#b9c9c4;margin:0 0 18px}
.n1-copy p span{color:var(--c,#c8d67a)}
.n1-btns{display:flex;gap:10px;justify-content:center}
.n1-btns button{display:inline-flex!important;align-items:center;gap:8px;height:50px;padding:0 24px!important;border-radius:14px!important;font-size:1rem}
.n1-btns svg{width:20px;height:20px}
.n1-play{background:#fff!important;color:#07201e!important}
.n1-more{background:rgba(255,255,255,.14)!important;color:#fff!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.n1-dots{display:flex;gap:6px;justify-content:center;margin-top:18px}
.n1-dots i{width:18px;height:3px;border-radius:3px;background:rgba(255,255,255,.25);transition:all .4s;cursor:pointer}
.n1-dots i.on{width:34px;background:#c8d67a}
html[data-nd="1"] .nrow-h h2{color:#fff}
.n1-poster{width:132px}
.n1-poster .nt-img{border-radius:10px;aspect-ratio:2/3;box-shadow:0 10px 26px -14px #000}
.n1-poster .nt-img::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);background:linear-gradient(to top,rgba(0,0,0,.55),transparent 40%)}
.n1-poster .nt-img::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--c);z-index:2}
.n1-rank{flex:0 0 auto;display:flex;align-items:flex-end;scroll-snap-align:start;position:relative;padding-inline-start:6px!important}
.n1-rank b{font-family:Arial,sans-serif;font-size:128px;line-height:.8;color:#050807;-webkit-text-stroke:2px #5f716c;margin-inline-end:-26px;position:relative;z-index:0;direction:ltr;letter-spacing:-8px}
.n1-rank .nt-img{width:112px;aspect-ratio:2/3;border-radius:10px;z-index:1;box-shadow:-10px 0 24px -8px #000}
html[data-nd="1"] .n-libsearch .search.big{background:#111917!important;border:1px solid #1f2b29!important;border-radius:14px!important}
html[data-nd="1"] .n-libsearch .search.big input{color:#fff!important}
html[data-nd="1"] .card{background:#0c1110!important;border-color:#1a2422!important}
html[data-nd="1"] .toolbar{background:rgba(5,8,7,.9)!important}
html[data-nd="1"] .tabbar{background:rgba(12,17,16,.85)!important}

/* =================== N2 — عيادة فاخرة (فاتح) =================== */
html[data-nd="2"]{color-scheme:light;--bg:#f6f3ec;--surface:#fffdf8;--surface-2:#f0ece2;--line:#e6e0d2;--line-2:#d9d1bf;--ink:#1d2b22;--ink-2:#55635a;--muted:#7c877f;
  --x-bg:#f6f3ec;--x-glass:rgba(255,253,248,.9);--x-glass-2:#fff;--x-stroke:rgba(58,74,40,.1);--x-stroke-2:rgba(58,74,40,.2);--x-a:#4d5d24;--x-b:#6f8a2c;--x-c:#a7b95a;--x-glow:rgba(111,138,44,.3);--x-shadow:0 14px 30px -20px rgba(60,55,30,.35)}
html[data-nd="2"] body.app{background:#f6f3ec!important;color:#1d2b22}
html[data-nd="2"] body.app::before{background:radial-gradient(60vmax 40vmax at 100% 0%,rgba(167,185,90,.22),transparent 60%),radial-gradient(50vmax 40vmax at 0% 30%,rgba(229,208,160,.35),transparent 60%)}
html[data-nd="2"] .topbar{background:rgba(246,243,236,.82)!important;border-bottom:1px solid rgba(58,74,40,.08)!important}
html[data-nd="2"] .topbar::after{display:none}
html[data-nd="2"] .topbar .brand-txt b,html[data-nd="2"] .topbar .brand-txt small,html[data-nd="2"] .topbar .deck-nav a{color:#1d2b22!important}
html[data-nd="2"] .topbar .icon-btn{background:#fff!important;border-color:rgba(58,74,40,.12)!important;color:#1d2b22!important}
html[data-nd="2"] .topbar .icon-btn svg{color:#1d2b22!important}
.n2-head{padding:22px 20px 8px}
.n2-hi{margin:0 0 4px;font-size:1rem;color:#7c877f}
.n2-head h1{font-size:clamp(2rem,9vw,3rem);line-height:1.15;color:#1d2b22;letter-spacing:-.01em}
.n2-head .search.big{margin-top:18px;height:58px;border-radius:20px!important;background:#fff!important;border:1px solid rgba(58,74,40,.1)!important;box-shadow:0 14px 30px -20px rgba(60,55,30,.45)!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.n2-head .search.big input{color:#1d2b22!important}.n2-head .search.big input::placeholder{color:#8b958d!important}
.n2-head .search.big>svg{color:#4d5d24!important}
.n2-regions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px 4px}
.n2-reg{position:relative;overflow:hidden;min-height:184px;border-radius:26px!important;padding:16px!important;display:flex!important;flex-direction:column;justify-content:flex-end;gap:2px;background:color-mix(in srgb,var(--c) 14%,#fffdf8)!important;border:1px solid color-mix(in srgb,var(--c) 22%,transparent)!important}
.n2-reg.big{grid-column:1/-1;min-height:170px}
.n2-reg b{font-size:1.1rem;color:#1d2b22;position:relative;z-index:1}
.n2-reg small{font-size:.8rem;color:color-mix(in srgb,var(--c) 70%,#1d2b22);position:relative;z-index:1}
.n2-body{position:absolute;top:16px;inset-inline-end:16px;width:84px;height:84px;border-radius:50%;overflow:hidden;background:#0b2b27;box-shadow:0 0 0 5px color-mix(in srgb,var(--c) 22%,#fffdf8),0 16px 30px -14px rgba(20,40,30,.6)}
.n2-body img{width:100%;height:100%;object-fit:cover;transform:scale(1.7);transform-origin:50% 42%}
.n2-reg.big .n2-body{width:124px;height:124px;top:22px;inset-inline-end:22px}
.n2-reg.big{justify-content:center;padding-inline-start:22px!important}
.n2-reg.big b{font-size:1.5rem}
.n2-reg::after{content:"";position:absolute;top:18px;inset-inline-start:16px;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 18%,transparent)}
.n2-arrow{position:absolute;top:12px;inset-inline-end:12px;display:none}
.n2-today{margin:18px 20px 4px;border-radius:28px;overflow:hidden;background:#1d2b22;color:#f6f3ec;cursor:pointer;box-shadow:0 26px 40px -26px rgba(29,43,34,.8)}
.n2-today-img{position:relative;aspect-ratio:16/9;overflow:hidden}
.n2-today-img img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.n2-pl{position:absolute;inset-inline-end:16px;bottom:-26px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#c8d67a;color:#1d2b22;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.n2-pl svg{width:26px;height:26px}
.n2-today-c{padding:16px 20px 20px}
.n2-kick{font-size:.78rem;color:#c8d67a}
.n2-today-c h2{font-size:1.45rem;margin:4px 0 4px!important}
.n2-today-c p{margin:0;font-size:.85rem;opacity:.7}
.n2-plan{padding:14px 0 6px}
.n2-plan .nrow-h{padding:8px 20px 8px}
.n2-plan ol{list-style:none;margin:0;padding:0 20px;display:flex;flex-direction:column;gap:10px;counter-reset:s}
.n2-plan li{display:flex;align-items:center;gap:12px;padding:10px;border-radius:20px;background:#fffdf8;border:1px solid rgba(58,74,40,.08);cursor:pointer;box-shadow:0 10px 24px -20px rgba(60,55,30,.5)}
.n2-plan li img{width:64px;height:64px;border-radius:14px;object-fit:cover;background:#07201e}
.n2-plan li div{flex:1;display:flex;flex-direction:column;gap:2px}
.n2-plan li b{font-size:1rem;color:#1d2b22}.n2-plan li small{font-size:.78rem;color:#7c877f}
.n2-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eef0dc;color:#4d5d24}.n2-go svg{width:18px;height:18px}
html[data-nd="2"] .card{background:#fffdf8!important;border-color:rgba(58,74,40,.08)!important}
html[data-nd="2"] .toolbar{background:rgba(246,243,236,.9)!important}
html[data-nd="2"] .chips .chip,html[data-nd="2"] .chips button{background:#fff!important;color:#1d2b22!important}
html[data-nd="2"] .chips [aria-selected="true"]{background:#1d2b22!important;color:#f6f3ec!important;box-shadow:none}
html[data-nd="2"] .tabbar{background:rgba(29,43,34,.92)!important;border-color:transparent!important}
html[data-nd="2"] .tabbar a{color:#cfd8cf!important}
html[data-nd="2"] .tabbar a.on,html[data-nd="2"] .tabbar a[aria-current]{background:#c8d67a!important;color:#1d2b22!important}
html[data-nd="2"] .results-head h2{color:#1d2b22}

/* =================== N3 — الجسم الهولوغرامي =================== */
html[data-nd="3"]{--x-bg:#02100f}
html[data-nd="3"] body.app{background:#02100f!important;color:#e6f5f1}
html[data-nd="3"] body.app::before{background:radial-gradient(50vmax 50vmax at 50% 18%,rgba(20,163,147,.25),transparent 60%),radial-gradient(40vmax 30vmax at 50% 60%,rgba(159,176,74,.1),transparent 70%)}
.n3-stage{position:relative;height:690px;overflow:hidden}
.n3-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(94,234,212,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.07) 1px,transparent 1px);background-size:28px 28px;-webkit-mask:radial-gradient(60% 55% at 50% 45%,#000,transparent);mask:radial-gradient(60% 55% at 50% 45%,#000,transparent)}
.n3-hint{position:absolute;top:14px;inset-inline:0;text-align:center;margin:0;font-size:.85rem;color:#8fd8c9;display:flex;justify-content:center;align-items:center;gap:8px}
.n3-hint i{width:6px;height:6px;border-radius:50%;background:#5eead4;box-shadow:0 0 10px #5eead4;animation:n1b 1.4s infinite}
.n3-body{position:absolute;left:50%;top:48px;height:520px;aspect-ratio:474/1629;transform:translateX(-50%)}
.n3-body img{width:100%;height:100%;display:block;filter:drop-shadow(0 0 22px rgba(94,234,212,.35)) saturate(1.1) brightness(1.08)}
.n3-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 44%,rgba(94,234,212,.0) 45%,rgba(94,234,212,.55) 49.6%,#e6fffa 50%,transparent 50.4%);background-size:100% 260%;animation:n3scan 4.5s ease-in-out infinite alternate;
  -webkit-mask:url(body-hero.webp) center/100% 100% no-repeat;mask:url(body-hero.webp) center/100% 100% no-repeat;mix-blend-mode:screen}
@keyframes n3scan{from{background-position:0 100%}to{background-position:0 0}}
.n3-ring{position:absolute;left:50%;top:548px;width:260px;height:56px;transform:translateX(-50%)}
.n3-ring i{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(94,234,212,.5);box-shadow:0 0 24px rgba(94,234,212,.35),inset 0 0 20px rgba(94,234,212,.25)}
.n3-ring i+i{inset:-12px -36px;border-style:dashed;border-color:rgba(200,214,122,.35);box-shadow:none;animation:n3pulse 3s ease-in-out infinite}
@keyframes n3pulse{50%{opacity:.35;transform:scale(1.06)}}
@keyframes n3spin{to{transform:rotate(360deg)}}
.n3-spot{position:absolute;width:0;height:0;z-index:2}
.n3-spot i{position:absolute;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px rgba(2,16,15,.7),0 0 18px var(--c)}
.n3-spot i::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1.5px solid var(--c);animation:n3p 2s infinite}
@keyframes n3p{from{transform:scale(.6);opacity:1}to{transform:scale(1.9);opacity:0}}
.n3-spot span{position:absolute;top:-19px;display:flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 12px;border-radius:12px;background:rgba(4,24,22,.78);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.82rem;transition:all .3s}
.n3-spot span small{font-size:.72rem;min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 30%,transparent);color:#fff}
.n3-spot.r span{left:48px}
.n3-spot.l span{right:48px}
.n3-spot::before{content:"";position:absolute;top:0;height:1px;width:38px;background:linear-gradient(90deg,var(--c),transparent)}
.n3-spot.r::before{left:10px}
.n3-spot.l::before{right:10px;background:linear-gradient(-90deg,var(--c),transparent)}
.n3-spot.on span{background:var(--c);color:#02100f;box-shadow:0 0 24px color-mix(in srgb,var(--c) 60%,transparent)}
.n3-spot.on span small{background:rgba(2,16,15,.25);color:#02100f}
.n3-stats{position:absolute;bottom:4px;inset-inline:18px;display:flex;justify-content:space-between}
.n3-stats div{display:flex;flex-direction:column;align-items:center;min-width:78px}
.n3-stats b{font-family:Arial,sans-serif;font-size:1.5rem;color:#fff;direction:ltr}
.n3-stats small{font-size:.72rem;color:#7fb3a8}
.n3-panel{margin:6px 12px 0;padding:14px 0 16px;border-radius:28px;background:rgba(8,32,30,.72);border:1px solid rgba(94,234,212,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -20px 50px -30px rgba(94,234,212,.4)}
.n3-tabs{display:flex;gap:8px;overflow-x:auto;padding:0 14px 12px;scrollbar-width:none}
.n3-tabs::-webkit-scrollbar{display:none}
.n3-tabs button{flex:0 0 auto;padding:8px 14px!important;border-radius:999px!important;font-size:.85rem;border:1px solid rgba(255,255,255,.12)!important;color:#b8d4cd!important}
.n3-tabs button.on{background:var(--c)!important;color:#02100f!important;border-color:transparent!important}
.n3-card{width:138px}
.n3-card .nt-img{border-radius:18px;aspect-ratio:4/5;box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 40%,transparent)}
.n3-panel .search.big{margin:6px 14px 0;width:auto;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important}
.n3-panel .search.big input{color:#fff!important}
html[data-nd="3"] .card{background:rgba(8,32,30,.7)!important}
html[data-nd="3"] .toolbar{background:rgba(2,16,15,.86)!important}
html[data-nd="3"] .topbar{background:rgba(2,16,15,.7)!important}
