/* Nile Play public foundation. Layout components are added only from approved references. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--np-bg,#181d25)}
body{margin:0;background:var(--np-bg,#181d25);color:var(--np-text,#f7f8fa);min-height:100vh;font-family:"Tajawal","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
#nileplay-site{min-height:100vh;background:var(--np-bg,#181d25);display:flex;flex-direction:column}
#nileplay-page{flex:1 0 auto;width:100%;max-width:var(--np-max-width,1920px);margin-inline:auto;padding-inline:var(--np-gutter-desktop,36px)}
.np-site-footer{margin-top:auto}
img,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit}
a{color:inherit}.np-surface{background:var(--np-surface,#202630)}.np-gradient{background:linear-gradient(100deg,var(--np-accent-start,#b40aa6),var(--np-accent-end,#243bff))}

/* v0.5 — premium streaming Hero/Slider */
#nileplay-home{min-height:100vh;background:var(--np-bg,#181d25);overflow:hidden}
.np-hero-slider{position:relative;width:100%;height:clamp(640px,78vh,870px);min-height:640px;background:var(--np-bg,#181d25);overflow:hidden;isolation:isolate;color:#fff}
.np-hero-track,.np-hero-slide{position:absolute;inset:0}
.np-hero-slide{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .72s cubic-bezier(.2,.72,.28,1),visibility .72s ease;will-change:opacity}
.np-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.np-hero-art-backdrop{display:none;position:absolute;inset:-5%;z-index:0;background-size:cover;background-position:center;filter:blur(24px) saturate(.9) brightness(.72);transform:scale(1.08)}
.np-hero-art{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.025);filter:saturate(1.02) contrast(1.015);transition:transform 8s cubic-bezier(.18,.7,.25,1)}
.np-hero-slide.is-active .np-hero-art{transform:scale(1)}
.np-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(270deg,rgba(12,15,21,.90) 0%,rgba(12,15,21,.73) 18%,rgba(12,15,21,.38) 38%,rgba(12,15,21,.08) 62%,rgba(12,15,21,.02) 78%),linear-gradient(0deg,rgba(17,22,29,.68) 0%,rgba(17,22,29,.12) 34%,rgba(17,22,29,.08) 75%,rgba(9,11,16,.24) 100%)}
.np-hero-vignette{position:absolute;inset:0;z-index:1;box-shadow:inset 0 0 150px rgba(5,8,12,.22);pointer-events:none}
.np-hero-bottom-fade{position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:115px;background:linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(24,29,37,.72) 30%,rgba(24,29,37,0) 100%);pointer-events:none}

.np-hero-stage{position:relative;z-index:3;height:100%;width:min(100%,var(--np-max-width,1920px));margin-inline:auto;padding-inline:clamp(34px,6vw,118px);display:flex;align-items:center;justify-content:flex-start;direction:rtl}
.np-hero-info{width:min(590px,44vw);margin-top:18px;outline:none;text-align:right;display:flex;flex-direction:column;align-items:flex-start;direction:rtl;transform:translateY(8px);transition:transform .35s ease}
.np-hero-info:hover,.np-hero-info:focus-within,.np-hero-info:focus{transform:translateY(0)}
.np-hero-tag{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(82,81,97,.64);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13px;font-weight:800;line-height:1;color:#fff;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.np-hero-title{max-width:560px;margin:0 0 14px;color:#fff;font-size:clamp(48px,4.4vw,78px);line-height:.98;font-weight:800;letter-spacing:-.04em;text-shadow:0 3px 24px rgba(0,0,0,.22)}
.np-hero-title-logo{display:block;width:auto;height:auto;max-width:min(390px,36vw);max-height:155px;object-fit:contain;object-position:right center;margin:0 0 18px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.16))}
.np-hero-availability{display:flex;align-items:center;gap:9px;color:#fff;font-size:clamp(18px,1.15vw,22px);font-weight:800;line-height:1.35;margin:0 0 12px}
.np-access-gem{position:relative;display:inline-block;width:17px;height:17px;border-radius:5px;background:#38d86c;transform:rotate(45deg);box-shadow:0 0 0 2px rgba(56,216,108,.13),0 5px 18px rgba(56,216,108,.22);flex:0 0 17px}
.np-access-gem::after{content:"";position:absolute;width:5px;height:5px;border-top:2px solid #fff;border-right:2px solid #fff;top:5px;left:5px;transform:rotate(-45deg)}

.np-hero-detail-reveal{width:100%;max-height:0;opacity:0;overflow:hidden;transform:translateY(-9px);transition:max-height .42s cubic-bezier(.22,.72,.24,1),opacity .3s ease,transform .38s ease;margin:0}
.np-hero-info:hover .np-hero-detail-reveal,.np-hero-info:focus-within .np-hero-detail-reveal,.np-hero-info:focus .np-hero-detail-reveal{max-height:230px;opacity:1;transform:translateY(0);margin-top:2px}
.np-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:rgba(255,255,255,.94);font-size:16px;font-weight:600;line-height:1.7;margin:0 0 12px}
.np-meta-sep{color:rgba(255,255,255,.60);font-size:11px}
.np-hero-desc{max-width:590px;margin:0 0 12px;color:rgba(255,255,255,.82);font-size:clamp(16px,1vw,18px);font-weight:500;line-height:1.9;text-wrap:pretty}
.np-hero-hook{max-width:565px;margin:2px 0 0;color:#f4aa63;font-size:clamp(17px,1.08vw,20px);font-weight:800;line-height:1.75;text-wrap:balance}

.np-hero-actions{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap}
.np-hero-btn,.np-hero-add{border:0;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,opacity .2s ease}
.np-hero-btn:hover,.np-hero-add:hover{transform:translateY(-2px)}
.np-hero-btn-primary{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;min-width:245px;height:62px;padding:0 32px;border-radius:18px;background:#fff;color:#171c25;font-size:20px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.np-hero-btn-primary:hover{background:#f3f5f8;color:#11161e;box-shadow:0 15px 36px rgba(0,0,0,.20)}
.np-play-icon{width:29px;height:29px;fill:currentColor;flex:0 0 auto}
.np-hero-add{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:rgba(116,119,127,.54);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 26px rgba(0,0,0,.14)}
.np-hero-add span{font-family:Arial,sans-serif;font-size:36px;font-weight:300;line-height:1;transform:translateY(-1px)}
.np-hero-add:hover{background:rgba(137,140,149,.72)}

/* Thumbnail navigator — content itself stays in Studio; this is presentation only. */
.np-hero-nav{position:absolute;z-index:6;left:clamp(36px,5.2vw,100px);bottom:82px;display:flex;align-items:flex-end;gap:22px;direction:ltr;max-width:46vw}
.np-hero-thumb{position:relative;width:62px;height:62px;padding:0;border:2px solid transparent;border-radius:50%;background:rgba(20,25,33,.56);overflow:visible;cursor:pointer;opacity:.76;transform:translateY(0);transition:width .28s ease,height .28s ease,opacity .24s ease,transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.np-hero-thumb img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit;box-shadow:0 5px 18px rgba(0,0,0,.22)}
.np-hero-thumb:hover{opacity:1;transform:translateY(-3px)}
.np-hero-thumb.is-active{width:82px;height:82px;opacity:1;border-color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.26),0 8px 24px rgba(0,0,0,.24)}
.np-thumb-title{position:absolute;left:50%;bottom:calc(100% + 11px);transform:translate(-50%,5px);max-width:190px;padding:7px 10px;border-radius:8px;background:rgba(10,14,20,.82);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.np-hero-thumb:hover .np-thumb-title,.np-hero-thumb:focus-visible .np-thumb-title{opacity:1;visibility:visible;transform:translate(-50%,0)}

.np-hero-arrow{position:absolute;z-index:7;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:46px;height:70px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(18,23,31,.35);color:#fff;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transition:opacity .22s ease,background .22s ease,transform .22s ease}
.np-hero-slider:hover .np-hero-arrow,.np-hero-slider:focus-within .np-hero-arrow{opacity:.84}
.np-hero-arrow:hover{opacity:1!important;background:rgba(18,23,31,.72)}
.np-hero-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-hero-prev{left:16px}.np-hero-next{right:16px}

/* Keep the Theme Panel variants, while retaining the same premium visual system. */
.np-hero-cover{height:clamp(590px,72vh,810px);min-height:590px}
.np-hero-compact{height:clamp(540px,66vh,740px);min-height:540px;width:min(calc(100% - 48px),var(--np-max-width,1920px));margin:24px auto;border-radius:var(--np-radius,18px)}
.np-hero-compact .np-hero-bottom-fade{border-radius:0 0 var(--np-radius,18px) var(--np-radius,18px)}
.np-hero-split .np-hero-info{width:min(620px,48vw)}

@media (max-width:1200px){
  .np-hero-stage{padding-inline:clamp(30px,5vw,70px)}
  .np-hero-info{width:min(560px,52vw)}
  .np-hero-title-logo{max-width:min(360px,40vw)}
  .np-hero-nav{left:34px;bottom:72px;gap:16px;max-width:48vw}
  .np-hero-thumb{width:56px;height:56px}.np-hero-thumb.is-active{width:74px;height:74px}
}

@media (max-width:900px){
  .np-hero-slider{height:clamp(650px,83vh,780px);min-height:650px}
  .np-hero-stage{align-items:flex-end;padding:110px 24px 118px}
  .np-hero-info{width:min(100%,620px);margin:0;align-items:flex-start}
  .np-hero-shade{background:linear-gradient(0deg,rgba(17,22,29,.98) 0%,rgba(17,22,29,.82) 31%,rgba(17,22,29,.26) 60%,rgba(17,22,29,.05) 78%),linear-gradient(270deg,rgba(15,18,24,.52),rgba(15,18,24,.06) 70%)}
  .np-hero-vignette{box-shadow:inset 0 0 90px rgba(5,8,12,.16)}
  .np-hero-title{font-size:clamp(42px,10vw,62px)}
  .np-hero-title-logo{max-width:min(68vw,380px);max-height:135px;margin-bottom:14px}
  .np-hero-availability{font-size:17px;margin-bottom:8px}
  .np-hero-detail-reveal{max-height:210px!important;opacity:1!important;transform:none!important;margin-top:2px!important}
  .np-hero-meta{font-size:14px;margin-bottom:7px}
  .np-hero-desc{font-size:15px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px}
  .np-hero-hook{font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .np-hero-actions{margin-top:18px;gap:10px}
  .np-hero-btn-primary{min-width:205px;height:56px;border-radius:16px;padding:0 24px;font-size:18px}
  .np-play-icon{width:25px;height:25px}
  .np-hero-add{width:56px;height:56px}
  .np-hero-nav{left:24px;right:24px;bottom:45px;max-width:none;gap:10px;overflow-x:auto;overflow-y:visible;padding:9px 2px 6px;scrollbar-width:none}
  .np-hero-nav::-webkit-scrollbar{display:none}
  .np-hero-thumb{flex:0 0 44px;width:44px;height:44px}.np-hero-thumb.is-active{width:54px;height:54px;flex-basis:54px}
  .np-thumb-title{display:none}
  .np-hero-arrow{display:none}
  .np-hero-bottom-fade{height:76px}
  .np-hero-compact{width:calc(100% - 20px);margin:10px auto;height:clamp(620px,80vh,760px)}
}

@media (max-width:560px){
  .np-hero-slider{height:720px;min-height:720px}
  .np-hero-stage{padding-inline:18px;padding-bottom:110px}
  .np-hero-tag{font-size:11px;margin-bottom:10px}
  .np-hero-title-logo{max-width:72vw;max-height:115px}
  .np-hero-title{font-size:40px}
  .np-hero-availability{font-size:16px}
  .np-access-gem{width:15px;height:15px;flex-basis:15px}
  .np-hero-meta{gap:6px;font-size:13px}
  .np-hero-desc{font-size:14px}
  .np-hero-hook{font-size:15px}
  .np-hero-actions{width:100%;flex-wrap:nowrap}
  .np-hero-btn-primary{flex:1;min-width:0;height:54px;font-size:17px;border-radius:15px}
  .np-hero-add{width:54px;height:54px;flex:0 0 54px}
  .np-hero-nav{left:18px;right:18px}
}

@media (hover:none){
  .np-hero-detail-reveal{max-height:230px;opacity:1;transform:none;margin-top:2px}
}

@media (prefers-reduced-motion:reduce){
  .np-hero-slide,.np-hero-art,.np-hero-info,.np-hero-detail-reveal,.np-hero-thumb,.np-hero-btn,.np-hero-add{transition:none!important}
  .np-hero-art{transform:none!important}
}

/* v0.8 — Theme Control Header / Footer */
.np-site-header{position:relative;z-index:1000;width:100%;min-height:var(--np-header-h,84px);color:var(--np-header-text,#fff);background:var(--np-header-bg,rgba(23,28,36,.2));transition:background .25s ease,box-shadow .25s ease,transform .25s ease}
.np-site-header.is-transparent{position:absolute;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(8,11,16,.58) 0%,rgba(8,11,16,.12) 62%,rgba(8,11,16,0) 100%)}
.np-site-header.is-transparent.has-glass .np-header-capsule{backdrop-filter:blur(var(--np-header-blur,18px));-webkit-backdrop-filter:blur(var(--np-header-blur,18px))}
.np-site-header.is-solid{background:var(--np-header-bg,rgba(23,28,36,.96));border-bottom:1px solid rgba(255,255,255,.06)}
.np-site-header.is-sticky:not(.is-transparent){position:sticky;top:0}
.admin-bar .np-site-header.is-sticky:not(.is-transparent){top:32px}
.np-site-header.is-scrolled{background:rgba(17,22,29,.88);box-shadow:0 12px 32px rgba(0,0,0,.18);backdrop-filter:blur(var(--np-header-blur,18px));-webkit-backdrop-filter:blur(var(--np-header-blur,18px))}
.np-header-inner{width:100%;max-width:var(--np-header-max,1880px);padding-inline:var(--np-gutter-desktop,36px);min-height:var(--np-header-h,84px);margin:0 auto;display:grid;grid-template-columns:minmax(160px,1fr) minmax(460px,auto) minmax(220px,1fr);align-items:center;gap:24px;direction:rtl}
.np-header-brand{justify-self:start;display:inline-flex;align-items:center;text-decoration:none;color:var(--np-header-text,#fff);font-size:24px;font-weight:900;white-space:nowrap}
.np-header-brand img{display:block;width:min(var(--np-header-logo,150px),100%);max-height:64px;object-fit:contain;object-position:right center}
.np-header-center{justify-self:center;min-width:0}
.np-header-capsule{display:flex;align-items:center;gap:6px;padding:6px;background:var(--np-header-capsule,rgba(58,57,68,.72));border:1px solid rgba(255,255,255,.09);border-radius:var(--np-header-radius,16px);box-shadow:0 9px 30px rgba(0,0,0,.12)}
.np-main-menu{display:flex;align-items:center;gap:var(--np-header-gap,6px);list-style:none;margin:0;padding:0;direction:rtl}
.np-main-menu li{margin:0;padding:0;position:relative}
.np-main-menu a,.np-header-search{display:flex;align-items:center;justify-content:center;min-height:41px;padding:0 15px;border-radius:calc(var(--np-header-radius,16px) - 5px);text-decoration:none;color:var(--np-header-text,#fff);font-size:15px;font-weight:700;line-height:1;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.np-main-menu a:hover,.np-header-search:hover{background:rgba(255,255,255,.10);color:#fff}
.np-main-menu .current-menu-item>a,.np-main-menu .current_page_item>a,.np-main-menu .current-menu-ancestor>a{background:var(--np-header-active-bg,#f1eef4);color:var(--np-header-active-text,#251f2a)}
.np-header-search{width:43px;padding:0;flex:0 0 43px}
.np-header-search svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.np-main-menu .sub-menu{display:none;position:absolute;right:0;top:calc(100% + 9px);min-width:210px;margin:0;padding:8px;list-style:none;background:rgba(20,25,33,.97);border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.np-main-menu li:hover>.sub-menu,.np-main-menu li:focus-within>.sub-menu{display:block}
.np-main-menu .sub-menu a{justify-content:flex-start;min-height:38px}
.np-header-actions{justify-self:end;display:flex;align-items:center;gap:11px;direction:rtl}
.np-header-login,.np-header-subscribe{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.np-header-login{color:var(--np-header-text,#fff);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16)}
.np-header-login:hover{background:rgba(255,255,255,.13);color:#fff}
.np-header-subscribe{background:#fff;color:#151921;border:1px solid #fff}
.np-header-subscribe:hover{background:#f0f2f5;color:#151921;transform:translateY(-1px)}
.np-mobile-menu-toggle{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.08);padding:10px;cursor:pointer}
.np-mobile-menu-toggle span{display:block;height:2px;background:#fff;border-radius:2px;margin:4px 0}
.np-mobile-menu{width:min(calc(100% - 28px),760px);margin:0 auto 14px;padding:12px;background:rgba(17,22,29,.97);border:1px solid rgba(255,255,255,.09);border-radius:16px;box-shadow:0 20px 42px rgba(0,0,0,.28)}
.np-mobile-menu-list{list-style:none;padding:0;margin:0}.np-mobile-menu-list li{margin:0}.np-mobile-menu-list a,.np-mobile-tools a{display:block;padding:12px 13px;border-radius:10px;color:#fff;text-decoration:none;font-weight:700}.np-mobile-menu-list .current-menu-item>a,.np-mobile-tools a:hover,.np-mobile-menu-list a:hover{background:rgba(255,255,255,.09)}
.np-mobile-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.np-mobile-tools a{text-align:center;background:rgba(255,255,255,.06)}.np-mobile-tools .is-subscribe{background:#fff;color:#151921}

.np-site-footer{background:var(--np-footer-bg,#11161d);color:var(--np-footer-text,#f7f8fa);border-top:1px solid var(--np-footer-border,#252c36);padding:64px 0 0}
.np-footer-inner{width:100%;max-width:var(--np-footer-max,var(--np-max-width,1920px));padding-inline:var(--np-gutter-desktop,36px);margin:0 auto;display:grid;grid-template-columns:minmax(260px,1.05fr) minmax(0,2fr);gap:clamp(38px,6vw,100px);align-items:start}
.np-footer-brand-block{max-width:420px}.np-footer-logo,.np-footer-logo-text{display:inline-flex;text-decoration:none;color:var(--np-footer-text,#fff);font-size:28px;font-weight:900}.np-footer-logo img{width:var(--np-footer-logo,145px);max-height:70px;object-fit:contain;object-position:right center}.np-footer-brand-block p{margin:18px 0 0;color:var(--np-footer-muted,#98a2af);font-size:15px;line-height:1.9}
.np-footer-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.np-footer-social a{padding:8px 10px;border-radius:9px;border:1px solid var(--np-footer-border,#252c36);text-decoration:none;color:var(--np-footer-muted,#98a2af);font-size:12px;font-weight:700}.np-footer-social a:hover{color:var(--np-footer-text,#fff);background:rgba(255,255,255,.05)}
.np-footer-columns{display:grid;gap:30px}.np-footer-cols-1{grid-template-columns:1fr}.np-footer-cols-2{grid-template-columns:repeat(2,1fr)}.np-footer-cols-3{grid-template-columns:repeat(3,1fr)}.np-footer-cols-4{grid-template-columns:repeat(4,1fr)}
.np-footer-column h3{margin:0 0 16px;color:var(--np-footer-text,#fff);font-size:15px}.np-footer-menu{list-style:none;padding:0;margin:0}.np-footer-menu li{margin:0 0 10px}.np-footer-menu a{color:var(--np-footer-muted,#98a2af);text-decoration:none;font-size:14px;line-height:1.5}.np-footer-menu a:hover{color:var(--np-footer-text,#fff)}
.np-footer-bottom{width:100%;max-width:var(--np-footer-max,var(--np-max-width,1920px));padding-inline:var(--np-gutter-desktop,36px);margin:48px auto 0;padding:20px 0 24px;border-top:1px solid var(--np-footer-border,#252c36);color:var(--np-footer-muted,#98a2af);font-size:13px}

@media(max-width:1180px){
  .np-header-inner{grid-template-columns:minmax(130px,1fr) auto minmax(170px,1fr);gap:14px;width:min(calc(100% - 28px),var(--np-header-max,1880px))}
  .np-main-menu a{padding-inline:11px;font-size:14px}.np-header-login,.np-header-subscribe{padding-inline:13px}
}
@media(max-width:980px){
  .np-header-inner{display:flex;justify-content:space-between;min-height:var(--np-header-h,76px)}
  .np-header-center{display:none}.np-mobile-menu-toggle{display:block}.np-header-actions{margin-inline-start:auto}.np-header-login,.np-header-subscribe{display:none}
  .np-footer-inner{grid-template-columns:1fr}.np-footer-brand-block{max-width:560px}.np-footer-cols-4{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:782px){.admin-bar .np-site-header.is-sticky:not(.is-transparent){top:46px}}
@media(max-width:620px){
  .np-header-inner{width:calc(100% - 22px)}.np-header-brand img{max-width:125px}.np-footer-inner,.np-footer-bottom{width:calc(100% - 30px)}.np-footer-cols-3,.np-footer-cols-4{grid-template-columns:1fr 1fr}.np-site-footer{padding-top:44px}
}
@media(max-width:430px){.np-footer-cols-2,.np-footer-cols-3,.np-footer-cols-4{grid-template-columns:1fr}.np-mobile-tools{grid-template-columns:1fr}}
.np-site-header.is-transparent.is-sticky{position:fixed;top:0;left:0;right:0}.admin-bar .np-site-header.is-transparent.is-sticky{top:32px}@media(max-width:782px){.admin-bar .np-site-header.is-transparent.is-sticky{top:46px}}

/* v0.9 — advanced Header/Footer controls */
.np-header-actions{gap:var(--np-header-actions-gap,11px)}
.np-header-login,.np-header-subscribe{min-height:var(--np-header-action-h,43px);border-radius:var(--np-header-action-radius,13px)}
.np-site-footer{padding:var(--np-footer-pad-top,64px) 0 var(--np-footer-pad-bottom,0)}
.np-footer-inner,.np-footer-bottom{width:100%;max-width:var(--np-footer-max,var(--np-max-width,1920px));padding-inline:var(--np-gutter-desktop,36px)}
.np-footer-columns{gap:var(--np-footer-col-gap,30px)}
.np-footer-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.np-footer-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.np-align-right{text-align:right}.np-align-center{text-align:center}.np-align-left{text-align:left}
.np-footer-brand-block.np-align-center{margin-inline:auto}.np-footer-brand-block.np-align-left{margin-inline-start:auto}
.np-footer-brand-block.np-align-center .np-footer-logo,.np-footer-brand-block.np-align-center .np-footer-logo-text{justify-content:center}.np-footer-brand-block.np-align-left .np-footer-logo,.np-footer-brand-block.np-align-left .np-footer-logo-text{justify-content:flex-end}
.np-footer-social.np-justify-right{justify-content:flex-start}.np-footer-social.np-justify-center{justify-content:center}.np-footer-social.np-justify-left{justify-content:flex-end}
.np-footer-social.np-social-circle a{width:40px;height:40px;padding:0;border-radius:50%;display:grid;place-items:center}.np-footer-social.np-social-circle .np-social-label{display:none}
.np-footer-social.np-social-text a{border:0;background:none;padding:4px 0}.np-footer-social.np-social-text .np-social-icon{display:none}
.np-social-icon{display:inline-flex;align-items:center;justify-content:center;min-width:18px;font-weight:900}.np-footer-social a{display:inline-flex;align-items:center;gap:7px}
@media(max-width:1180px){.np-footer-cols-5,.np-footer-cols-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.np-footer-cols-5,.np-footer-cols-6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:430px){.np-footer-cols-5,.np-footer-cols-6{grid-template-columns:1fr}}
.np-hero-slider[data-np-slider]{height:var(--np-slider-h-d,clamp(640px,78vh,870px));min-height:min(640px,var(--np-slider-h-d,640px))}.np-hero-slider[data-np-slider] .np-hero-art{object-fit:var(--np-slider-fit,cover)}.np-hero-slider[data-np-slider] .np-hero-shade{opacity:var(--np-slider-overlay,1)}.np-hero-slider.np-content-center .np-hero-stage{justify-content:center}.np-hero-slider.np-content-center .np-hero-info{align-items:center;text-align:center}.np-hero-slider.np-content-left .np-hero-stage{justify-content:flex-end}.np-hero-slider.np-content-left .np-hero-info{align-items:flex-end;text-align:left}
@media(max-width:900px){.np-hero-slider[data-np-slider]{height:var(--np-slider-h-m,700px);min-height:min(650px,var(--np-slider-h-m,650px))}}


/* v0.9.1 — responsive site gutters + mobile poster preservation */
@media (max-width:980px){
  #nileplay-page,.np-header-inner,.np-footer-inner,.np-footer-bottom{padding-inline:var(--np-gutter-tablet,24px)}
}
@media (max-width:620px){
  #nileplay-page,.np-header-inner,.np-footer-inner,.np-footer-bottom{padding-inline:var(--np-gutter-mobile,14px)}
  .np-header-inner,.np-footer-inner,.np-footer-bottom{width:100%}
}
@media (max-width:900px){
  .np-hero-slider[data-np-slider] .np-hero-art{object-fit:var(--np-slider-fit-m,contain);transform:none}
  .np-hero-slider.np-mobile-fit-contain .np-hero-art-backdrop{display:block}
  .np-hero-slider.np-mobile-fit-contain .np-hero-art{object-fit:contain;object-position:center top;filter:none}
  .np-hero-slider.np-mobile-fit-cover .np-hero-art{object-fit:cover;object-position:center center}
}

/* v1.0.1 — Website-only WordPress content library + catalog/watch route reliability */
.np-page-body,.np-details-body{width:min(var(--np-max-width,1920px),100%);margin-inline:auto;padding-inline:var(--np-gutter-desktop,36px)}
.np-home-blocks{padding-top:34px;padding-bottom:48px}
.np-page-heading{width:min(var(--np-max-width,1920px),100%);margin:0 auto;padding:calc(var(--np-header-h,84px) + 32px) var(--np-gutter-desktop,36px) 18px}.np-page-heading h1{margin:0;font-size:clamp(28px,3vw,48px)}
.np-content-section{margin:34px 0}.np-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.np-section-title h2{margin:0;font-size:clamp(22px,2vw,34px)}
.np-content-cards{display:grid;grid-template-columns:repeat(var(--np-cols,6),minmax(0,1fr));gap:var(--np-gap,18px)}
.np-content-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--np-text,#fff);min-width:0}.np-card-art{position:relative;display:block;overflow:hidden;border-radius:var(--np-card-radius,16px);aspect-ratio:var(--np-card-aspect,2/3);background:var(--np-surface,#202630)}.np-card-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s ease}.np-content-card.has-hover:hover .np-card-art img{transform:scale(1.035)}.np-card-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:28px;font-weight:800;color:var(--np-muted,#aaa)}.np-card-copy{display:flex;flex-direction:column;gap:4px}.np-card-copy strong{font-size:16px;line-height:1.35}.np-card-copy small{color:var(--np-muted,#aaa);font-size:13px}.np-card-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);padding:5px 9px;border-radius:999px;font-size:11px;color:#fff}
.np-empty-state{width:min(900px,calc(100% - 32px));margin:80px auto;padding:34px;text-align:center;background:var(--np-surface,#202630);border-radius:18px;color:var(--np-muted,#aaa)}
.np-page-hero{position:relative;height:var(--np-ph-d,780px);overflow:hidden;background:#050608}.np-page-hero-track,.np-page-hero-slide{position:absolute;inset:0}.np-page-hero-slide{opacity:0;visibility:hidden;transition:opacity .5s ease}.np-page-hero-slide.is-active{opacity:1;visibility:visible}.np-page-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.np-page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 46%,rgba(0,0,0,.08) 75%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 45%);opacity:var(--np-ph-overlay,.6)}.np-page-hero-copy{position:absolute;right:max(var(--np-gutter-desktop,36px),calc((100% - var(--np-max-width,1920px))/2 + var(--np-gutter-desktop,36px)));bottom:13%;z-index:2;max-width:620px}.np-page-hero-copy h2{font-size:clamp(36px,5vw,72px);margin:0 0 14px}.np-page-hero-copy p{font-size:18px;line-height:1.8;color:#e5e7eb;max-width:58ch}
.np-details-page{background:var(--np-bg,#181d25);min-height:70vh}.np-details-hero{position:relative;min-height:var(--np-details-h,690px);overflow:hidden;background:#060708}.np-details-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.np-details-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.55) 48%,rgba(0,0,0,.14)),linear-gradient(0deg,#181d25 0%,transparent 45%);opacity:var(--np-details-overlay,.68)}.np-details-stage{position:relative;z-index:2;width:min(var(--np-max-width,1920px),100%);min-height:var(--np-details-h,690px);margin:auto;padding:calc(var(--np-header-h,84px) + 50px) var(--np-gutter-desktop,36px) 72px;display:flex;align-items:flex-end;gap:34px}.np-details-poster{width:min(260px,20vw);aspect-ratio:2/3;object-fit:cover;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.4)}.np-details-copy{max-width:760px}.np-details-copy h1{font-size:clamp(38px,5vw,72px);margin:0 0 12px}.np-details-logo{max-width:min(420px,70vw);max-height:150px;object-fit:contain;object-position:right center}.np-details-copy p{font-size:17px;line-height:1.9;color:#d7dbe1}.np-details-meta{color:#e4e7ec;margin:12px 0}.np-details-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.np-primary-action,.np-secondary-action{border:0;border-radius:14px;min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;cursor:pointer}.np-primary-action{background:#fff;color:#111}.np-secondary-action{background:rgba(255,255,255,.13);color:#fff}.np-details-body{padding-top:34px;padding-bottom:70px}.np-details-section{margin:0 0 50px}.np-details-section h2{font-size:28px;margin:0 0 20px}.np-preview-video{width:min(100%,1100px);max-height:620px;background:#000;border-radius:18px}.np-cast-grid{display:grid;grid-template-columns:repeat(var(--np-cast-cols,6),minmax(0,1fr));gap:18px}.np-cast-grid article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}.np-cast-grid img{width:100%;max-width:150px;aspect-ratio:1/1;object-fit:cover}.np-cast-circle img{border-radius:50%}.np-cast-square img{border-radius:16px}.np-cast-portrait img{aspect-ratio:3/4;border-radius:16px}.np-cast-grid small{color:var(--np-muted,#aaa)}.np-season-block{margin-bottom:30px}.np-season-block h3{font-size:20px}.np-episode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.np-episode-card{background:var(--np-surface,#202630);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;padding:10px}.np-episode-card img{width:145px;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.np-episode-card span{display:flex;flex-direction:column;gap:5px}.np-episode-card small{color:var(--np-muted,#aaa);line-height:1.5}
.np-watch-page{min-height:calc(100vh - var(--np-header-h,84px));background:var(--np-player-bg,#000);display:flex;align-items:center;justify-content:center;padding:calc(var(--np-header-h,84px) + 20px) var(--np-gutter-desktop,36px) 30px}.np-player-shell{position:relative;width:min(100%,var(--np-player-max,1920px));border-radius:var(--np-player-radius,0);overflow:hidden;background:#000}.np-native-player{display:block;width:100%;max-height:calc(100vh - 130px);background:#000}.np-player-fullscreen .np-player-shell{width:100%;max-width:none}.np-player-cinema .np-player-shell{max-width:1680px}.np-player-contained .np-player-shell{max-width:1180px}.np-player-title{position:absolute;z-index:4;top:18px;right:58px;background:rgba(0,0,0,.5);padding:8px 12px;border-radius:9px;color:#fff}.np-player-back{position:absolute;z-index:5;top:16px;right:16px;color:#fff;text-decoration:none;background:rgba(0,0,0,.55);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.np-watch-locked{margin:auto;text-align:center;background:#11161d;border-radius:20px;padding:38px;max-width:620px}.np-watch-locked a{display:inline-flex;margin-top:14px;background:#fff;color:#111;padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700}
@media(max-width:1100px){.np-content-cards{grid-template-columns:repeat(var(--np-cols-t,4),minmax(0,1fr))}.np-page-body,.np-details-body{padding-inline:var(--np-gutter-tablet,24px)}.np-details-stage{padding-inline:var(--np-gutter-tablet,24px)}.np-cast-grid{grid-template-columns:repeat(4,1fr)}.np-episode-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.np-page-body,.np-details-body{padding-inline:var(--np-gutter-mobile,14px)}.np-content-cards{grid-template-columns:repeat(var(--np-cols-m,2),minmax(0,1fr))}.np-page-hero{height:var(--np-ph-m,620px)}.np-page-hero-copy{right:var(--np-gutter-mobile,14px);left:var(--np-gutter-mobile,14px);bottom:10%}.np-page-hero-copy h2{font-size:36px}.np-page-hero-copy p{font-size:15px}.np-details-stage{padding:calc(var(--np-header-h,72px) + 28px) var(--np-gutter-mobile,14px) 46px;align-items:flex-end}.np-details-poster{display:none}.np-details-copy h1{font-size:38px}.np-details-copy p{font-size:15px}.np-cast-grid{grid-template-columns:repeat(3,1fr);gap:12px}.np-episode-list{grid-template-columns:1fr}.np-episode-card img{width:110px}.np-watch-page{padding-inline:0}.np-player-shell{border-radius:0}}
.np-search-body{padding-top:calc(var(--np-header-h,84px) + 50px);padding-bottom:70px}.np-search-form{display:flex;gap:10px;max-width:900px;margin:0 auto 34px}.np-search-form input{flex:1;min-height:52px;border:1px solid rgba(255,255,255,.13);background:var(--np-surface,#202630);color:var(--np-text,#fff);border-radius:14px;padding:0 18px;font:inherit}.np-search-form button{min-width:110px;border:0;border-radius:14px;background:#fff;color:#111;font-weight:700;cursor:pointer}.np-search-summary{color:var(--np-muted,#aaa);margin-bottom:18px}
.np-quality-select{position:absolute;z-index:6;left:18px;top:18px;background:rgba(0,0,0,.62);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:7px 10px;backdrop-filter:blur(10px)}

/* ===== Nile Play 1.1 — richer page Hero + cinematic details ===== */
.np-page-hero-logo{display:block;max-width:min(430px,42vw);max-height:150px;width:auto;height:auto;object-fit:contain;object-position:right center;margin:0 0 18px;filter:drop-shadow(0 10px 25px rgba(0,0,0,.22))}
.np-page-hero-tag{display:inline-flex;align-items:center;min-height:28px;padding:5px 12px;border-radius:999px;background:rgba(83,83,94,.65);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:800;margin-bottom:16px}
.np-page-hero-meta{font-size:15px;font-weight:700;color:rgba(255,255,255,.9);margin:0 0 11px}
.np-page-hero-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:right}
.np-page-hero-copy .np-hero-btn-primary{margin-top:12px}

/* Real rail behaviour for blocks configured as Carousel. */
.np-block-carousel .np-content-cards{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px}
.np-block-carousel .np-content-cards::-webkit-scrollbar{display:none}
.np-block-carousel .np-content-card{flex:0 0 calc((100% - (var(--np-cols,6) - 1)*var(--np-gap,16px))/var(--np-cols,6));scroll-snap-align:start}

/* Details hero: one artwork only. It becomes the promo in-place after the configured delay. */
.np-details-hero{min-height:var(--np-details-h,690px);height:var(--np-details-h,690px)}
.np-details-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050608}
.np-details-backdrop,.np-details-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--np-details-fit,cover);object-position:center center}
.np-details-backdrop{z-index:1;opacity:1;transition:opacity .8s ease,transform 7s ease;transform:scale(1.01)}
.np-details-preview-video{z-index:2;opacity:0;visibility:hidden;background:#000;transition:opacity .8s ease,visibility .8s ease}
.np-details-media.is-previewing .np-details-backdrop{opacity:0;transform:scale(1)}
.np-details-media.is-previewing .np-details-preview-video{opacity:1;visibility:visible}
.np-details-shade{z-index:3;pointer-events:none;background:linear-gradient(270deg,rgba(10,13,18,.91) 0%,rgba(10,13,18,.72) 22%,rgba(10,13,18,.28) 48%,rgba(10,13,18,.05) 73%),linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(18,23,30,.18) 36%,rgba(7,9,13,.18) 100%)}
.np-details-stage{z-index:4;height:100%;min-height:0;align-items:flex-end;justify-content:flex-start;padding-top:calc(var(--np-header-h,84px) + 42px);padding-bottom:70px}
.np-details-copy{width:min(700px,48vw);margin-inline-start:auto}
.np-details-copy h1{font-size:clamp(42px,4.8vw,76px);line-height:1.04}
.np-details-logo{max-width:min(450px,38vw);max-height:165px;margin-bottom:12px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.24))}
.np-details-copy p{max-width:60ch;color:rgba(255,255,255,.86);text-shadow:0 2px 14px rgba(0,0,0,.28)}
.np-details-meta{font-weight:700;color:rgba(255,255,255,.9)}
.np-details-poster{display:none!important}
.np-preview-sound{position:absolute;z-index:5;left:max(var(--np-gutter-desktop,36px),calc((100% - var(--np-max-width,1920px))/2 + var(--np-gutter-desktop,36px)));bottom:34px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:rgba(20,24,31,.52);color:#fff;display:none;place-items:center;cursor:pointer;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.np-details-media.is-previewing .np-preview-sound{display:grid}
.np-preview-sound svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-preview-sound .np-icon-sound-on{display:none}.np-preview-sound .np-icon-sound-off{display:block}.np-preview-sound.is-unmuted .np-icon-sound-on{display:block}.np-preview-sound.is-unmuted .np-icon-sound-off{display:none}

.np-details-action-strip{background:linear-gradient(180deg,rgba(31,38,49,.96),rgba(27,33,43,.98));border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.np-details-action-inner{width:min(var(--np-max-width,1920px),100%);margin-inline:auto;padding:24px var(--np-gutter-desktop,36px);display:flex;align-items:center;justify-content:space-between;gap:18px;direction:rtl}
.np-watch-action{min-width:235px;min-height:56px;border-radius:999px;font-size:18px;gap:12px}
.np-watch-action svg{width:22px;height:22px;fill:currentColor}
.np-details-action-tools{display:flex;gap:14px;align-items:center}
.np-round-action{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.13);color:#fff;min-width:62px;height:62px;border-radius:50%;display:grid;place-items:center;position:relative;cursor:pointer;transition:background .2s ease,transform .2s ease,border-color .2s ease;color:#fff}
.np-round-action:hover{transform:translateY(-2px);background:rgba(255,255,255,.2)}
.np-round-action.is-active{background:#fff;color:#161b24;border-color:#fff}
.np-round-action svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-round-action[data-np-like] svg{fill:currentColor;stroke:currentColor}
.np-round-action span{position:absolute;top:calc(100% + 7px);white-space:nowrap;font-size:11px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .18s ease}
.np-round-action:hover span{opacity:.85}

.np-details-body{padding-top:34px}
.np-details-columns{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:28px;align-items:start;direction:rtl;margin-bottom:48px}
.np-details-columns.no-similar{grid-template-columns:1fr}
.np-details-panel{background:linear-gradient(180deg,rgba(33,40,51,.92),rgba(29,35,45,.9));border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.12)}
.np-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.np-panel-head h2{font-size:clamp(24px,2vw,32px);margin:0}
.np-similar-cards{grid-template-columns:repeat(var(--np-cols,3),minmax(0,1fr))}
.np-info-about{padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.np-info-about h3{margin:0 0 9px;font-size:17px}.np-info-about p{margin:0;color:var(--np-muted,#adb2bc);line-height:1.9;font-size:15px}
.np-info-list{margin:0}.np-info-list>div{display:grid;grid-template-columns:minmax(96px,.7fr) minmax(0,1.3fr);gap:14px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.065)}.np-info-list>div:last-child{border-bottom:0}.np-info-list dt{color:var(--np-muted,#adb2bc);font-size:13px}.np-info-list dd{margin:0;font-weight:700;text-align:left}
.np-cast-section{padding-top:4px}.np-cast-layout-carousel{display:flex;overflow-x:auto;scrollbar-width:none;gap:18px}.np-cast-layout-carousel::-webkit-scrollbar{display:none}.np-cast-layout-carousel article{flex:0 0 150px}.np-cast-layout-list{grid-template-columns:1fr!important}.np-cast-layout-list article{display:grid;grid-template-columns:72px 1fr;justify-items:start;text-align:right}.np-cast-layout-list img{width:72px;height:72px}
.np-site-toast{position:fixed;z-index:99999;left:50%;bottom:28px;transform:translate(-50%,24px);background:#fff;color:#141922;padding:11px 18px;border-radius:999px;font-weight:800;box-shadow:0 14px 45px rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:.25s ease}.np-site-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)}

@media(max-width:1100px){
  .np-details-copy{width:min(650px,64vw)}
  .np-details-columns{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr)}
  .np-details-action-inner{padding-inline:var(--np-gutter-tablet,24px)}
  .np-preview-sound{left:var(--np-gutter-tablet,24px)}
  .np-block-carousel .np-content-card{flex-basis:calc((100% - (var(--np-cols-t,4) - 1)*var(--np-gap,16px))/var(--np-cols-t,4))}
}
@media(max-width:820px){
  .np-details-columns{grid-template-columns:1fr}.np-info-panel{order:2}.np-similar-panel{order:1}
  .np-details-copy{width:min(100%,640px)}
}
@media(max-width:720px){
  .np-page-hero-logo{max-width:72vw;max-height:120px}
  .np-page-hero-copy{bottom:9%}
  .np-details-hero{height:var(--np-details-h,690px);min-height:var(--np-details-h,690px)}
  .np-details-stage{padding-inline:var(--np-gutter-mobile,14px);padding-bottom:52px}
  .np-details-copy{width:100%}.np-details-logo{max-width:72vw;max-height:125px}.np-details-copy h1{font-size:40px}.np-details-copy p{font-size:14px;line-height:1.72}
  .np-preview-sound{left:var(--np-gutter-mobile,14px);bottom:18px;width:44px;height:44px}
  .np-details-action-inner{padding:18px var(--np-gutter-mobile,14px);align-items:center;gap:12px}.np-watch-action{min-width:0;flex:1;min-height:52px}.np-details-action-tools{gap:8px}.np-round-action{width:50px;min-width:50px;height:50px}.np-round-action span{display:none}
  .np-details-panel{padding:18px;border-radius:18px}.np-similar-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .np-info-list>div{grid-template-columns:100px 1fr}.np-info-list dd{text-align:right}
  .np-block-carousel .np-content-card{flex-basis:calc((100% - (var(--np-cols-m,2) - 1)*var(--np-gap,16px))/var(--np-cols-m,2))}
}

/* =========================================================
   v1.2 — Cinematic catalog rails + professional details tabs
   ========================================================= */

/* Page hero: stronger cinematic blend, in-place muted promo preview. */
.np-page-hero{isolation:isolate;background:var(--np-bg,#181d25)}
.np-page-hero-img,.np-page-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.np-page-hero-img{z-index:0;opacity:1;transition:opacity .75s ease,transform 8s ease;transform:scale(1.01)}
.np-page-hero-video{z-index:1;opacity:0;visibility:hidden;background:#000;transition:opacity .75s ease,visibility .75s ease}
.np-page-hero-slide.is-previewing .np-page-hero-img{opacity:0;transform:scale(1)}
.np-page-hero-slide.is-previewing .np-page-hero-video{opacity:1;visibility:visible}
.np-page-hero-shade{z-index:2;background:
  linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(24,29,37,.94) 5%,rgba(10,13,18,.64) 23%,rgba(8,10,14,.15) 56%,rgba(4,6,8,.06) 100%),
  linear-gradient(270deg,rgba(6,8,12,.80) 0%,rgba(8,10,14,.45) 25%,rgba(8,10,14,.08) 62%,rgba(8,10,14,.03) 100%);
  opacity:var(--np-ph-overlay,.68)}
.np-page-hero-copy{z-index:4;filter:drop-shadow(0 8px 28px rgba(0,0,0,.22))}
.np-page-preview-sound{position:absolute;z-index:6;left:max(var(--np-gutter-desktop,36px),calc((100% - var(--np-max-width,1920px))/2 + var(--np-gutter-desktop,36px)));bottom:34px;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(18,22,29,.52);color:#fff;display:none;place-items:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 34px rgba(0,0,0,.32)}
.np-page-hero-slide.is-previewing .np-page-preview-sound{display:grid}
.np-page-preview-sound svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-page-preview-sound .np-icon-sound-on{display:none}.np-page-preview-sound .np-icon-sound-off{display:block}.np-page-preview-sound.is-unmuted .np-icon-sound-on{display:block}.np-page-preview-sound.is-unmuted .np-icon-sound-off{display:none}

/* Details: copy/logo must live on the RIGHT and artwork blends into the page. */
.np-details-hero{isolation:isolate}
.np-details-shade{background:
  linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(24,29,37,.97) 5%,rgba(11,14,19,.70) 25%,rgba(8,10,14,.18) 58%,rgba(8,10,14,.08) 100%),
  linear-gradient(270deg,rgba(6,8,12,.86) 0%,rgba(7,9,13,.66) 25%,rgba(7,9,13,.20) 52%,rgba(7,9,13,.03) 82%);
  opacity:var(--np-details-overlay,.72)}
.np-details-stage{direction:rtl;justify-content:flex-start}
.np-details-copy{width:min(720px,48vw);margin-right:0!important;margin-left:auto!important;text-align:right;align-items:flex-start}
.np-details-logo{display:block;margin:0 0 14px auto!important;object-position:right center;filter:drop-shadow(0 11px 34px rgba(0,0,0,.48))}
.np-details-copy h1,.np-details-copy p,.np-details-meta{text-align:right}
.np-details-copy h1{text-shadow:0 5px 24px rgba(0,0,0,.52)}
.np-details-meta{text-shadow:0 3px 14px rgba(0,0,0,.55)}
.np-details-action-strip{box-shadow:0 -32px 70px rgba(0,0,0,.20) inset}
.np-details-action-inner{min-height:106px}

/* Related / More information tabs — Shahid-like information hierarchy. */
.np-details-body{padding-top:0}
.np-details-tabs{margin:0 0 52px;border-top:1px solid rgba(255,255,255,.09)}
.np-details-tab-nav{display:flex;align-items:center;gap:46px;justify-content:flex-start;direction:rtl;border-bottom:1px solid rgba(255,255,255,.09);min-height:82px}
.np-details-tab{appearance:none;border:0;background:none;color:rgba(255,255,255,.52);font:inherit;font-size:18px;font-weight:800;padding:28px 0 24px;cursor:pointer;position:relative;transition:color .2s ease}
.np-details-tab:hover,.np-details-tab.is-active{color:#fff}
.np-details-tab.is-active:after{content:"";position:absolute;height:3px;border-radius:99px;background:#fff;right:0;left:0;bottom:-1px}
.np-details-tab-panel{padding-top:30px}.np-details-tab-panel[hidden]{display:none!important}
.np-details-tab-empty{padding:26px 0;color:var(--np-muted,#aeb5c0)}
.np-related-cards{display:flex!important;gap:16px!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:12px 4px 142px;margin:0 -4px -118px}
.np-related-cards::-webkit-scrollbar{display:none}
.np-related-cards>.np-content-card{flex:0 0 clamp(285px,21.5vw,390px);scroll-snap-align:start}
.np-info-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:44px;align-items:start;padding:4px 0 28px}
.np-info-about{border:0;margin:0;padding:0}.np-info-about h3,.np-info-cast h3{font-size:22px;margin:0 0 14px}.np-info-about p{font-size:16px;max-width:80ch}
.np-info-list{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:10px 18px}
.np-info-cast{padding:28px 0 8px;border-top:1px solid rgba(255,255,255,.075)}

/* Professional rails. */
.np-content-section{position:relative;overflow:visible;margin:42px 0}
.np-section-title{min-height:46px;margin-bottom:18px;direction:rtl}
.np-section-title h2{font-size:clamp(25px,2.1vw,34px);font-weight:900;letter-spacing:-.02em}
.np-show-all{display:inline-flex;align-items:center;gap:7px;color:rgba(255,255,255,.80);text-decoration:none;font-size:17px;font-weight:700;transition:color .18s ease,transform .18s ease}
.np-show-all:hover{color:#fff;transform:translateX(-2px)}
.np-show-all span{font-size:28px;line-height:1}
.np-block-carousel .np-content-cards{display:flex;gap:var(--np-gap,16px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;padding:20px 7px 150px;margin:-20px -7px -126px}
.np-block-carousel .np-content-cards::-webkit-scrollbar{display:none}
.np-block-carousel .np-content-card{flex:0 0 calc((100% - (var(--np-cols,5) - 1)*var(--np-gap,16px))/var(--np-cols,5));scroll-snap-align:start}
.np-block-size-small .np-content-card{--np-hover-scale:1.045}.np-block-size-medium .np-content-card{--np-hover-scale:1.06}.np-block-size-large .np-content-card{--np-hover-scale:1.075}

/* Cards: clean at rest, Shahid-like expanded information on mouse hover. */
.np-content-card{position:relative;z-index:1;gap:0;transition:transform .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,background .28s ease;transform-origin:center center;border-radius:var(--np-card-radius,16px)}
.np-card-link{display:block;text-decoration:none;color:inherit}
.np-card-art{box-shadow:0 11px 26px rgba(0,0,0,.16);transition:border-radius .25s ease,box-shadow .25s ease}
.np-card-art img{transition:transform .38s cubic-bezier(.2,.75,.2,1),filter .3s ease}
.np-content-card.has-hover:hover{z-index:60;transform:translateY(-8px) scale(var(--np-hover-scale,1.06));background:#222a35;box-shadow:0 24px 62px rgba(0,0,0,.48)}
.np-content-card.has-hover:hover .np-card-art{border-radius:var(--np-card-radius,16px) var(--np-card-radius,16px) 0 0;box-shadow:none}
.np-content-card.has-hover:hover .np-card-art img{transform:scale(1.035)}
.np-card-copy{padding:10px 2px 0}
.np-card-hover{max-height:0;opacity:0;overflow:hidden;padding:0 16px;transform:translateY(-8px);transition:max-height .3s ease,opacity .22s ease,transform .3s ease,padding .3s ease;background:#222a35;border-radius:0 0 var(--np-card-radius,16px) var(--np-card-radius,16px)}
.np-content-card.has-hover:hover .np-card-hover{max-height:190px;opacity:1;transform:translateY(0);padding:14px 16px 16px}
.np-card-hover-title{display:block;font-size:15px;line-height:1.45;margin-bottom:6px;color:#fff}
.np-card-access{font-size:13px;font-weight:800;color:#fff;margin-bottom:5px}.np-card-access:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#3fe77f;margin-left:7px;box-shadow:0 0 0 3px rgba(63,231,127,.12)}
.np-card-hover-meta{font-size:12px;color:var(--np-muted,#aeb5c0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.np-card-hover-actions{display:flex;align-items:center;gap:8px;margin-top:12px}
.np-card-hover-watch{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:0 13px;border-radius:999px;background:#fff;color:#161b24;text-decoration:none;font-size:12px;font-weight:900}
.np-card-hover-watch svg{width:15px;height:15px;fill:currentColor}
.np-card-mini-action{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;cursor:pointer}.np-card-mini-action:hover,.np-card-mini-action.is-active{background:#fff;color:#171c24}.np-card-mini-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-hover-lift .np-content-card.has-hover:hover{background:transparent;box-shadow:none;transform:translateY(-10px) scale(1.045)}.np-hover-lift .np-card-hover{display:none}
.np-hover-soft .np-content-card.has-hover:hover{transform:translateY(-4px) scale(1.025)}
.np-hover-none .np-content-card.has-hover:hover{transform:none;background:transparent;box-shadow:none}.np-hover-none .np-card-hover{display:none}

/* Fallback page rail is no longer a tiny card stranded on the right. */
.np-fallback-rail{margin-top:24px}.np-fallback-rail .np-content-card{min-width:300px}

@media(max-width:1100px){
  .np-block-carousel .np-content-card{flex-basis:calc((100% - (var(--np-cols-t,3) - 1)*var(--np-gap,16px))/var(--np-cols-t,3))}
  .np-info-layout{grid-template-columns:1fr;gap:22px}
  .np-page-preview-sound{left:var(--np-gutter-tablet,24px)}
}
@media(max-width:720px){
  .np-page-preview-sound{left:var(--np-gutter-mobile,14px);bottom:18px;width:42px;height:42px}
  .np-details-copy{width:100%;margin:0!important}.np-details-logo{margin-right:0!important;margin-left:auto!important}
  .np-details-tab-nav{gap:26px;min-height:68px}.np-details-tab{font-size:16px;padding:22px 0 19px}
  .np-related-cards{padding-bottom:24px;margin-bottom:0;scroll-snap-type:x mandatory}.np-related-cards>.np-content-card{flex-basis:82vw}
  .np-content-card.has-hover:hover{transform:none;background:transparent;box-shadow:none}.np-card-hover{display:none!important}
  .np-block-carousel .np-content-cards{padding:6px 0 12px;margin:0;overflow-x:auto}
  .np-block-carousel .np-content-card{flex-basis:calc((100% - (var(--np-cols-m,1.45) - 1)*var(--np-gap,16px))/var(--np-cols-m,1.45))}
  .np-info-list{padding:7px 14px}
}
\n\n/* =========================================================\n   v1.3 — Seamless cinematic heroes\n   Details: black reading gradient from RIGHT to LEFT.\n   Catalog pages: top/bottom shadows only, no side black wall.\n   ========================================================= */\n\n/* Keep the site menu visually floating on the artwork/video. */\n.np-site-header.is-transparent{background:linear-gradient(180deg,rgba(4,6,9,.76) 0%,rgba(4,6,9,.34) 46%,rgba(4,6,9,0) 100%);border-bottom:0}\n.np-site-header.is-transparent:not(.is-scrolled){box-shadow:none}\n\n/* DETAILS — reading zone on the right, full cinematic blend. */\n.np-details-hero{background:#050608}\n.np-details-backdrop,.np-details-preview-video{object-fit:cover!important;object-position:center center;background:#050608}\n.np-details-backdrop{transition:opacity 1.05s cubic-bezier(.22,.72,.22,1),transform 8s ease}\n.np-details-preview-video{transition:opacity 1.05s cubic-bezier(.22,.72,.22,1),visibility 1.05s ease}\n.np-details-shade{z-index:3;opacity:1!important;background:\n  linear-gradient(270deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.80) 17%,rgba(0,0,0,.56) 33%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.06) 69%,rgba(0,0,0,0) 84%),\n  linear-gradient(180deg,rgba(3,5,8,.70) 0%,rgba(3,5,8,.16) 19%,rgba(3,5,8,0) 38%),\n  linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(24,29,37,.90) 7%,rgba(7,9,13,.42) 23%,rgba(7,9,13,0) 48%);\n  pointer-events:none}\n.np-details-stage{z-index:4;direction:rtl;justify-content:flex-start;align-items:flex-end}\n.np-details-copy{width:min(720px,48vw);margin:0!important;text-align:right;display:flex;flex-direction:column;align-items:flex-start}\n.np-details-logo{margin:0 0 14px 0!important;object-position:right center;filter:drop-shadow(0 12px 32px rgba(0,0,0,.62))}\n.np-details-copy h1,.np-details-copy p,.np-details-meta{text-align:right;text-shadow:0 4px 24px rgba(0,0,0,.68)}\n.np-details-media.is-previewing .np-details-backdrop{opacity:0}\n.np-details-media.is-previewing .np-details-preview-video{opacity:1;visibility:visible}\n\n/* CATALOG/PAGE HERO — artwork/video has only top/bottom cinematic fades. */\n.np-page-hero{background:var(--np-bg,#181d25)}\n.np-page-hero-img,.np-page-hero-video{object-fit:cover;object-position:center center;background:var(--np-bg,#181d25)}\n.np-page-hero-img{transition:opacity 1s cubic-bezier(.22,.72,.22,1),transform 8s ease}\n.np-page-hero-video{transition:opacity 1s cubic-bezier(.22,.72,.22,1),visibility 1s ease}\n.np-page-hero-shade{z-index:2;opacity:1!important;background:\n  linear-gradient(180deg,rgba(3,5,8,.70) 0%,rgba(3,5,8,.28) 12%,rgba(3,5,8,0) 32%,rgba(3,5,8,0) 65%,rgba(12,16,22,.34) 82%,var(--np-bg,#181d25) 100%),\n  radial-gradient(ellipse at center,rgba(0,0,0,0) 46%,rgba(0,0,0,.16) 100%);\n  pointer-events:none}\n.np-page-hero-copy{z-index:4;text-shadow:0 4px 24px rgba(0,0,0,.72);filter:none}\n.np-page-hero-logo{filter:drop-shadow(0 10px 30px rgba(0,0,0,.62))}\n.np-page-hero-slide.is-previewing .np-page-hero-img{opacity:0}\n.np-page-hero-slide.is-previewing .np-page-hero-video{opacity:1;visibility:visible}\n\n/* Make the first frame-to-video transition feel continuous instead of cut. */\n.np-details-media,.np-page-hero-slide{transform:translateZ(0);backface-visibility:hidden}\n.np-details-backdrop,.np-details-preview-video,.np-page-hero-img,.np-page-hero-video{will-change:opacity,transform}\n\n@media(max-width:720px){\n  .np-details-copy{width:100%;margin:0!important}\n  .np-details-shade{background:\n    linear-gradient(180deg,rgba(3,5,8,.62) 0%,rgba(3,5,8,.12) 26%,rgba(3,5,8,0) 45%),\n    linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(12,16,22,.74) 18%,rgba(7,9,13,.16) 48%),\n    linear-gradient(270deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 65%,rgba(0,0,0,0) 100%)}\n}\n

/* =========================================================
   v1.3.1 — Fine cinematic gradient tuning
   Catalog/page hero: subtle top and bottom black fades only.
   Details hero: stronger right-to-left reading gradient like premium OTT references.
   No layout, crop, hero height, or content-position changes.
   ========================================================= */

/* Section/catalog page hero — keep artwork exactly where it is; add a soft veil under the menu
   and a gentle fade into the page at the bottom. */
.np-page-hero-shade{
  z-index:2;
  opacity:1!important;
  background:
    linear-gradient(180deg,
      rgba(2,4,7,.78) 0%,
      rgba(2,4,7,.50) 8%,
      rgba(2,4,7,.24) 17%,
      rgba(2,4,7,.08) 27%,
      rgba(2,4,7,0) 37%,
      rgba(2,4,7,0) 67%,
      rgba(8,11,16,.10) 76%,
      rgba(12,16,22,.38) 89%,
      var(--np-bg,#181d25) 100%),
    radial-gradient(ellipse at center,rgba(0,0,0,0) 52%,rgba(0,0,0,.10) 100%);
  pointer-events:none;
}

/* Details page — premium right-side reading wall: near-black behind title/logo/actions,
   then a long, smooth falloff into the artwork without changing its crop or position. */
.np-details-shade{
  z-index:3;
  opacity:1!important;
  background:
    linear-gradient(270deg,
      rgba(0,0,0,.985) 0%,
      rgba(0,0,0,.96) 10%,
      rgba(0,0,0,.90) 21%,
      rgba(0,0,0,.76) 32%,
      rgba(0,0,0,.56) 43%,
      rgba(0,0,0,.34) 53%,
      rgba(0,0,0,.17) 62%,
      rgba(0,0,0,.06) 70%,
      rgba(0,0,0,0) 79%),
    linear-gradient(180deg,
      rgba(2,4,7,.62) 0%,
      rgba(2,4,7,.23) 13%,
      rgba(2,4,7,0) 30%),
    linear-gradient(0deg,
      var(--np-bg,#181d25) 0%,
      rgba(18,23,30,.86) 8%,
      rgba(7,9,13,.32) 24%,
      rgba(7,9,13,0) 45%);
  pointer-events:none;
}

/* The transparent header keeps its own light fade, but the section/details artwork carries
   the main cinematic shading underneath it. */
.np-site-header.is-transparent{
  background:linear-gradient(180deg,
    rgba(3,5,8,.64) 0%,
    rgba(3,5,8,.27) 48%,
    rgba(3,5,8,0) 100%);
}

@media(max-width:720px){
  /* On mobile, retain readability without creating a heavy side wall. */
  .np-page-hero-shade{
    background:
      linear-gradient(180deg,rgba(2,4,7,.72) 0%,rgba(2,4,7,.28) 16%,rgba(2,4,7,0) 36%,rgba(2,4,7,0) 66%,rgba(12,16,22,.34) 86%,var(--np-bg,#181d25) 100%);
  }
  .np-details-shade{
    background:
      linear-gradient(180deg,rgba(2,4,7,.58) 0%,rgba(2,4,7,.16) 24%,rgba(2,4,7,0) 42%),
      linear-gradient(0deg,var(--np-bg,#181d25) 0%,rgba(12,16,22,.72) 18%,rgba(7,9,13,.12) 46%),
      linear-gradient(270deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.30) 52%,rgba(0,0,0,0) 100%);
  }
}

/* =========================================================
   v1.4 — Advanced work identity, previews and trailer actions
   ========================================================= */
.np-hero-title,.np-page-hero-copy h2,.np-details-copy h1{font-size:clamp(34px,5vw,var(--np-work-title-size,72px))}
.np-hero-title-logo,.np-page-hero-logo,.np-details-logo{max-width:min(var(--np-work-logo-w,430px),72vw)!important}
.np-secondary-title-logo{display:block;width:auto;height:auto;max-width:min(230px,42vw);max-height:72px;object-fit:contain;object-position:right center;margin:0 0 10px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.48))}
.np-original-badge,.np-rank-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 11px;border-radius:999px;background:rgba(18,22,29,.58);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-weight:800;font-size:13px;line-height:1.2;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18);margin-bottom:10px}
.np-original-badge{background:linear-gradient(100deg,rgba(103,39,185,.72),rgba(38,77,192,.68))}
.np-rank-badge{color:#f0b7ff;border-color:rgba(226,158,255,.22);background:rgba(67,35,82,.56)}
.np-promo-headline{font-size:clamp(22px,3vw,var(--np-promo-title-size,42px));font-weight:900;line-height:1.12;color:#fff;text-wrap:balance;text-shadow:0 5px 24px rgba(0,0,0,.72);margin:3px 0 7px}
.np-promo-subheadline{font-size:clamp(12px,1.2vw,var(--np-promo-sub-size,16px));font-weight:600;line-height:1.6;color:rgba(255,255,255,.76);text-shadow:0 3px 16px rgba(0,0,0,.62);margin:0 0 8px}

/* Homepage: poster -> work preview in the exact same Hero space. */
.np-hero-preview-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:var(--np-slider-fit,cover);object-position:center center;background:#050608;opacity:0;visibility:hidden;transition:opacity 1s cubic-bezier(.22,.72,.22,1),visibility 1s ease;will-change:opacity}
.np-hero-art,.np-hero-art-backdrop{transition:opacity 1s cubic-bezier(.22,.72,.22,1),transform 8s cubic-bezier(.18,.7,.25,1)}
.np-hero-slide.is-previewing .np-hero-art,.np-hero-slide.is-previewing .np-hero-art-backdrop{opacity:0}
.np-hero-slide.is-previewing .np-hero-preview-video{opacity:1;visibility:visible}
.np-hero-preview-sound,.np-page-preview-sound,.np-preview-sound{position:absolute;z-index:8;left:max(22px,var(--np-gutter-desktop,36px));bottom:28px;width:46px;height:46px;border-radius:50%;display:none;place-items:center;border:1px solid rgba(255,255,255,.16);background:rgba(15,20,27,.58);color:#fff;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.np-hero-slide.is-previewing .np-hero-preview-sound,.np-page-hero-slide.is-previewing .np-page-preview-sound,.np-details-media.is-previewing .np-preview-sound{display:grid}
.np-hero-preview-sound svg,.np-page-preview-sound svg,.np-preview-sound svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.np-hero-preview-sound .np-icon-sound-on,.np-page-preview-sound .np-icon-sound-on,.np-preview-sound .np-icon-sound-on{display:none}
.np-hero-preview-sound.is-unmuted .np-icon-sound-on,.np-page-preview-sound.is-unmuted .np-icon-sound-on,.np-preview-sound.is-unmuted .np-icon-sound-on{display:block}
.np-hero-preview-sound.is-unmuted .np-icon-sound-off,.np-page-preview-sound.is-unmuted .np-icon-sound-off,.np-preview-sound.is-unmuted .np-icon-sound-off{display:none}

/* Secondary Trailer CTA only exists when a Trailer URL exists. */
.np-hero-btn-secondary,.np-trailer-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:16px;border:1px solid rgba(255,255,255,.17);background:rgba(31,36,45,.68);color:#fff;font-weight:800;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(0,0,0,.15)}
.np-hero-btn-secondary:hover,.np-trailer-action:hover{background:rgba(55,61,73,.84);color:#fff;transform:translateY(-2px)}
.np-trailer-action svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.np-details-main-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.np-details-main-actions .np-secondary-action{min-height:56px;border-radius:18px}

/* The same premium hover/focus reveal used on Home is now shared by catalog and Details. */
.np-page-hero-copy,.np-details-copy{outline:none;transform:translateY(8px);transition:transform .36s cubic-bezier(.22,.72,.24,1)}
.np-page-hero-copy:hover,.np-page-hero-copy:focus,.np-page-hero-copy:focus-within,.np-details-copy:hover,.np-details-copy:focus,.np-details-copy:focus-within{transform:translateY(0)}
.np-page-hero-detail-reveal,.np-details-reveal{max-height:0;opacity:0;overflow:hidden;transform:translateY(-9px);transition:max-height .42s cubic-bezier(.22,.72,.24,1),opacity .3s ease,transform .38s ease;margin:0}
.np-page-hero-copy:hover .np-page-hero-detail-reveal,.np-page-hero-copy:focus-within .np-page-hero-detail-reveal,.np-page-hero-copy:focus .np-page-hero-detail-reveal,.np-details-copy:hover .np-details-reveal,.np-details-copy:focus-within .np-details-reveal,.np-details-copy:focus .np-details-reveal{max-height:260px;opacity:1;transform:translateY(0);margin-top:3px}
.np-page-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px}

/* More information stays dense but future-proof. */
.np-info-promo{display:flex;flex-direction:column;gap:5px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.np-info-promo strong{font-size:22px}.np-info-promo span{color:var(--np-muted,#aeb5c0);line-height:1.7}
.np-info-list{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Full-screen trailer modal shared by home, catalog and Details buttons. */
html.np-modal-open,html.np-modal-open body{overflow:hidden}
.np-trailer-modal[hidden]{display:none!important}.np-trailer-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:28px}.np-trailer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.np-trailer-dialog{position:relative;z-index:2;width:min(1180px,94vw);max-height:88vh;border-radius:22px;overflow:hidden;background:#050608;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 120px rgba(0,0,0,.6)}.np-trailer-video{display:block;width:100%;max-height:88vh;aspect-ratio:16/9;background:#000}.np-trailer-close{position:absolute;z-index:4;top:14px;left:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(12,15,20,.7);color:#fff;font-size:28px;line-height:1;cursor:pointer;backdrop-filter:blur(10px)}

@media(max-width:900px){
  .np-page-hero-detail-reveal,.np-details-reveal{max-height:300px!important;opacity:1!important;transform:none!important;margin-top:3px!important}
  .np-page-hero-copy,.np-details-copy{transform:none!important}
  .np-secondary-title-logo{max-width:44vw;max-height:58px}
  .np-details-main-actions{width:100%}.np-details-main-actions .np-watch-action{flex:1}.np-trailer-action{min-width:150px}
}
@media(max-width:560px){
  .np-hero-btn-secondary{padding-inline:14px;min-width:0}.np-hero-actions{flex-wrap:wrap}.np-hero-btn-primary{flex:1}.np-hero-preview-sound,.np-page-preview-sound,.np-preview-sound{left:14px;bottom:18px;width:42px;height:42px}
  .np-details-main-actions{gap:8px}.np-details-main-actions .np-secondary-action{padding-inline:14px;min-width:0}.np-details-main-actions .np-secondary-action span{font-size:13px}
  .np-info-list{grid-template-columns:1fr}
}
@media(hover:none){.np-page-hero-detail-reveal,.np-details-reveal{max-height:300px;opacity:1;transform:none;margin-top:3px}}

/* =========================================================
   v1.5 — Shared Nile Play Studio account / subscription web UI
   ========================================================= */
.np-content-width{width:min(100%,var(--np-max-width,1920px));margin-inline:auto;padding-inline:var(--np-gutter-desktop,36px)}

/* Auth pages intentionally follow the approved compact dark-card reference. */
.np-route-login .np-site-header,.np-route-login .np-site-footer,.np-route-signup .np-site-header,.np-route-signup .np-site-footer{display:none!important}
.np-route-login #nileplay-site,.np-route-signup #nileplay-site{min-height:100vh;background:#171d25}
.np-auth-page{position:relative;isolation:isolate;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 18px 36px;overflow:hidden;background:#171d25;color:#f7f8fb}
.np-auth-backdrop{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(circle at 85% 20%,rgba(0,97,84,.16),transparent 38%),
  radial-gradient(circle at 8% 88%,rgba(0,88,140,.16),transparent 38%),
  linear-gradient(125deg,#171d25 0%,#1b222b 52%,#162228 100%)}
.np-auth-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,7,10,.10),rgba(4,7,10,.02) 50%,rgba(4,7,10,.18));pointer-events:none}
.np-auth-card{width:min(620px,100%);background:#202731;border:1px solid rgba(255,255,255,.035);border-radius:5px;padding:34px 42px 36px;box-shadow:0 24px 85px rgba(0,0,0,.17);direction:rtl}
.np-auth-brand{min-height:0;text-align:center;margin:0 0 12px}.np-auth-brand:empty{display:none}.np-auth-brand img{width:auto;max-width:150px;max-height:64px;object-fit:contain;filter:drop-shadow(0 8px 22px rgba(0,0,0,.18))}
.np-auth-panel[hidden]{display:none!important}.np-auth-panel h1,.np-auth-panel h2{margin:0 0 9px;text-align:center;font-size:27px;line-height:1.25;font-weight:800;color:#fff}.np-auth-intro{text-align:center;margin:0 auto 25px;color:#aeb7c5;font-size:15px;line-height:1.8}
.np-auth-form{display:flex;flex-direction:column;gap:17px}.np-auth-field{position:relative;display:block}.np-auth-field>span{display:block;margin:0 4px 7px;color:#d6dbe3;font-size:13px;font-weight:700}.np-auth-field input{display:block;width:100%;height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#3b424d;color:#fff;padding:0 17px;font-size:16px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.np-auth-field input::placeholder{color:#abb1bb}.np-auth-field input:focus{border-color:rgba(255,255,255,.38);background:#414955;box-shadow:0 0 0 3px rgba(255,255,255,.055)}
.np-password-field input{padding-left:52px}.np-password-toggle{position:absolute;left:10px;bottom:8px;width:42px;height:42px;border:0;background:transparent;color:#aab4c4;display:grid;place-items:center;cursor:pointer;border-radius:50%}.np-password-toggle:hover{background:rgba(255,255,255,.06);color:#fff}.np-password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.np-password-toggle.is-visible{color:#fff}
.np-auth-forgot-link,.np-auth-back{align-self:center;border:0;background:none;color:#fff;font-size:14px;font-weight:800;cursor:pointer;padding:3px 4px;text-decoration:none}.np-auth-forgot-link:hover,.np-auth-back:hover{text-decoration:underline}.np-auth-back{display:inline-flex;margin:0 0 21px;color:#cbd2dc}
.np-auth-submit{height:55px;border:0;border-radius:999px;background:#4b5b73;color:#d8e0eb;font-size:18px;font-weight:800;cursor:pointer;margin-top:5px;position:relative;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s ease,transform .2s ease,color .2s ease}.np-auth-submit:hover{background:#60718d;color:#fff;transform:translateY(-1px)}.np-auth-form.is-busy .np-auth-submit{opacity:.72;cursor:wait;transform:none}.np-auth-spinner{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:npAuthSpin .7s linear infinite}.np-auth-form.is-busy .np-auth-spinner{display:block}@keyframes npAuthSpin{to{transform:rotate(360deg)}}
.np-auth-message{margin:0 0 18px;padding:11px 13px;border-radius:10px;background:rgba(204,48,62,.13);border:1px solid rgba(255,84,101,.27);color:#ffb8c0;font-size:14px;line-height:1.7;text-align:center}.np-auth-message.is-success{background:rgba(39,163,98,.13);border-color:rgba(74,213,134,.27);color:#a8f0c5}
.np-auth-divider{display:flex;align-items:center;gap:12px;margin:30px 0 19px;color:#aeb7c5;font-size:13px}.np-auth-divider::before,.np-auth-divider::after{content:"";height:1px;background:rgba(255,255,255,.15);flex:1}.np-auth-divider span{white-space:nowrap}.np-social-auth-row{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px}.np-google-icon-button{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:50%}.np-google-icon-button>div{margin:0!important}.np-auth-switch{text-align:center;margin:28px 0 0;color:#aeb7c5;font-size:15px}.np-auth-switch a{color:#fff;font-weight:800;text-decoration:none}.np-auth-switch a:hover{text-decoration:underline}.np-auth-legal{width:min(620px,100%);text-align:center;margin:28px 0 0;color:#c8cfd9;font-size:12px;line-height:1.8}.np-auth-legal a{color:#fff;text-decoration:underline}.np-auth-card [data-np-forgot-step][hidden]{display:none!important}

/* Account */
.np-account-page{padding-top:150px;padding-bottom:80px;min-height:72vh}.np-account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.np-kicker{display:inline-block;color:#9ca9bb;font-size:13px;font-weight:800;letter-spacing:.03em;margin-bottom:6px}.np-account-heading h1,.np-subscribe-heading h1{margin:0;color:#fff;font-size:clamp(34px,4vw,58px);line-height:1.12}.np-account-heading p,.np-subscribe-heading p{margin:10px 0 0;color:var(--np-muted,#aeb5c0);font-size:16px;line-height:1.8}.np-account-logout{height:46px;padding:0 19px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:#242b35;color:#fff;font-weight:800;cursor:pointer}.np-account-logout:hover{background:#303947}.np-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.np-account-card{padding:28px;border:1px solid rgba(255,255,255,.075);background:#202630;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.09)}.np-account-card h2{margin:0 0 22px;font-size:22px}.np-account-data{display:grid;gap:0;margin:0}.np-account-data>div{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.065)}.np-account-data>div:first-child{border-top:0}.np-account-data dt{color:#8f9aab}.np-account-data dd{margin:0;color:#fff;font-weight:700;overflow-wrap:anywhere}.np-account-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.np-status-pill{display:inline-flex;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(119,126,139,.14);color:#c7ced8}.np-subscription-summary.is-active .np-status-pill{background:rgba(42,184,100,.14);color:#90edb5}.np-current-plan{display:block;font-size:28px;margin:8px 0 6px}.np-subscription-summary p{color:#aeb7c5;line-height:1.8}.np-account-primary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;background:#fff;color:#171c25;text-decoration:none;font-weight:900;margin-top:8px}

/* Subscription / plan state is already sourced from the same Studio as the app. */
.np-subscribe-page{padding-top:150px;padding-bottom:90px;min-height:76vh}.np-subscribe-heading{max-width:860px;margin:0 auto 42px;text-align:center}.np-subscribe-heading .np-kicker{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:7px 12px}.np-subscribe-heading p{max-width:720px;margin:14px auto 0}.np-subscribe-active{max-width:850px;margin:0 auto 26px;display:flex;align-items:center;gap:16px;padding:18px 20px;border:1px solid rgba(66,219,128,.22);background:rgba(39,157,91,.10);border-radius:18px}.np-subscribe-active>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#33c879;color:#0f2318;font-weight:900}.np-subscribe-active>div{flex:1}.np-subscribe-active strong{font-size:18px}.np-subscribe-active p{margin:4px 0 0;color:#a8c9b5}.np-subscribe-active a{font-weight:800;text-decoration:none}.np-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),430px));justify-content:center;gap:22px}.np-plan-card{position:relative;padding:32px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(155deg,#252c36,#1d232c);box-shadow:0 22px 60px rgba(0,0,0,.16)}.np-plan-badge{position:absolute;top:18px;left:18px;padding:6px 10px;border-radius:999px;background:#fff;color:#171c25;font-size:12px;font-weight:900}.np-plan-card h2{font-size:29px;margin:0 0 12px}.np-plan-description{color:#aeb7c5;line-height:1.8;min-height:52px}.np-plan-price{display:flex;align-items:baseline;gap:9px;margin:25px 0}.np-plan-price strong{font-size:45px;line-height:1}.np-plan-price span{color:#aeb7c5;font-weight:700}.np-plan-features{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;color:#d9dee5}.np-plan-features li::before{content:"✓";display:inline-block;margin-left:9px;color:#6ce09a;font-weight:900}.np-plan-cta{display:flex;width:100%;height:54px;align-items:center;justify-content:center;border:0;border-radius:15px;background:#fff;color:#171c25;text-decoration:none;font-weight:900;font-size:17px;cursor:pointer}.np-plan-cta:disabled{opacity:.58;cursor:default}.np-subscribe-empty{grid-column:1/-1;text-align:center;padding:30px;color:#b3bdca}.np-payment-note{text-align:center;max-width:760px;margin:26px auto 0;color:#8f9baa;line-height:1.8;transition:color .2s ease,background .2s ease}.np-payment-note.is-highlighted{color:#fff;background:rgba(255,255,255,.06);padding:12px 16px;border-radius:12px}

@media(max-width:900px){
  .np-content-width{padding-inline:var(--np-gutter-tablet,24px)}
  .np-account-grid{grid-template-columns:1fr}.np-account-page,.np-subscribe-page{padding-top:120px}.np-account-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .np-content-width{padding-inline:var(--np-gutter-mobile,14px)}
  .np-auth-page{justify-content:flex-start;padding-top:56px}.np-auth-card{padding:26px 18px 28px;border-radius:12px}.np-auth-panel h1,.np-auth-panel h2{font-size:24px}.np-auth-field input{height:55px}.np-auth-legal{margin-top:20px}
  .np-account-page,.np-subscribe-page{padding-top:105px;padding-bottom:55px}.np-account-card{padding:22px 18px;border-radius:17px}.np-account-data>div{grid-template-columns:1fr;gap:5px}.np-subscribe-active{align-items:flex-start;flex-wrap:wrap}.np-subscribe-active a{width:100%}.np-plan-card{padding:26px 20px}.np-plan-price strong{font-size:39px}
}


/* v1.5.1 auth refinements: email/phone identifier + Google/Apple */
.np-identifier-row,.np-phone-register-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;align-items:center;direction:ltr}
.np-identifier-row:not(.is-phone){grid-template-columns:1fr}
.np-identifier-row select[hidden]{display:none!important}
.np-identifier-row input,.np-phone-register-row input{direction:ltr;text-align:left}
.np-identifier-row select,.np-phone-register-row select{height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#3b424d;color:#fff;padding:0 12px;font-size:14px;outline:none;cursor:pointer}
.np-identifier-row select:focus,.np-phone-register-row select:focus{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 3px rgba(255,255,255,.055)}
.np-social-auth-provider{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#202731;color:#fff;display:grid;place-items:center;cursor:pointer;overflow:hidden;position:relative;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.np-social-auth-provider:hover{transform:translateY(-2px);background:#2a323d;border-color:rgba(255,255,255,.32)}
.np-google-icon-button{width:46px;height:46px;border:1px solid rgba(255,255,255,.18);background:#202731;overflow:hidden}
.np-google-icon-button>div{margin:0!important}.np-google-icon-button iframe{max-width:46px!important;max-height:46px!important}
.np-google-fallback{font-size:22px;font-weight:800;font-family:Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.np-apple-icon-button{padding:0}.np-apple-icon-button svg{width:23px;height:23px;fill:currentColor}.np-apple-icon-button:disabled{opacity:.55;cursor:wait;transform:none}
@media(max-width:560px){.np-identifier-row,.np-phone-register-row{grid-template-columns:minmax(0,1fr) 124px}.np-identifier-row select,.np-phone-register-row select{font-size:12px;padding-inline:8px}}

/* ========================================================================
   v1.6.0 — Nile Play+ subscription landing page
   Reference direction: premium streaming subscription comparison, tailored
   to Nile Play and the shared Studio account/subscription architecture.
   ======================================================================== */
.np-subscription-page{--np-sub-bg:#171d25;--np-sub-surface:#202731;--np-sub-surface-2:#252e3a;--np-sub-line:rgba(255,255,255,.08);--np-sub-muted:#99a5b7;background:var(--np-sub-bg);color:#fff;min-height:100vh;overflow:hidden}
.np-subscription-shell{width:min(1320px,calc(100% - 72px));margin-inline:auto}
.np-subscription-hero{position:relative;min-height:640px;padding:150px 24px 86px;display:flex;align-items:center;justify-content:center;text-align:center;background:#151b23;isolation:isolate;overflow:hidden}
.np-subscription-hero::after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(180deg,rgba(21,27,35,0),#171d25);z-index:-1;pointer-events:none}
.np-subscription-orb{position:absolute;border-radius:50%;filter:blur(64px);opacity:.42;z-index:-2;pointer-events:none}
.np-subscription-orb--green{width:600px;height:360px;background:#00a86b;right:-190px;top:120px;transform:rotate(12deg)}
.np-subscription-orb--blue{width:700px;height:180px;background:#268cd5;left:30%;top:-80px;opacity:.3}
.np-subscription-orb--purple{width:520px;height:420px;background:#a00083;left:-180px;top:120px;opacity:.32}
.np-subscription-offer-link{position:absolute;top:112px;left:max(28px,calc((100vw - 1320px)/2));display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 18px;border-radius:4px;background:#3998ed;color:#fff;text-decoration:none;font-weight:900;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.np-subscription-hero-inner{position:relative;z-index:1;width:min(880px,100%)}
.np-subscription-eyebrow{display:inline-block;margin-bottom:20px;font-size:13px;letter-spacing:.18em;color:#b9c4d2;font-weight:900}
.np-subscription-hero h1{font-size:clamp(38px,4.25vw,68px);line-height:1.16;margin:0;font-weight:900;letter-spacing:-.025em}
.np-subscription-hero p{max-width:870px;margin:20px auto 0;color:#a9b4c4;font-size:clamp(17px,1.55vw,25px);line-height:1.75;font-weight:600}
.np-subscription-hero-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:26px 0 18px}.np-subscription-hero-price strong{font-size:30px}.np-subscription-hero-price span{color:#b1bdcc;font-size:15px;font-weight:700}
.np-subscription-cta{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;min-width:390px;max-width:100%;min-height:56px;padding:0 30px;border-radius:999px;background:#fff;color:#141a22;text-decoration:none;font-size:17px;font-weight:900;cursor:pointer;box-shadow:0 13px 34px rgba(0,0,0,.16);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.np-subscription-cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.22);background:#f5f6f8;color:#141a22}.np-subscription-cta.is-active{background:#dff9e9;color:#175e35}
.np-subscription-discover{display:block;width:max-content;margin:42px auto 0;color:#fff;text-decoration:none;font-size:25px;font-weight:900;padding-bottom:11px;position:relative}.np-subscription-discover::after{content:"";position:absolute;right:10%;left:10%;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,#00a577,transparent)}
.np-subscription-active-wrap{margin-top:26px}.np-subscription-active-wrap .np-subscribe-active{max-width:none}
.np-subscription-section{padding-top:86px;padding-bottom:24px}.np-subscription-section-head{text-align:center;max-width:800px;margin:0 auto 34px}.np-subscription-section-head>span{display:block;color:#7fe2be;font-size:13px;font-weight:900;letter-spacing:.08em;margin-bottom:7px}.np-subscription-section-head h2{font-size:clamp(30px,3vw,46px);margin:0;line-height:1.2}.np-subscription-section-head p{margin:12px auto 0;color:var(--np-sub-muted);font-size:16px;line-height:1.8}
.np-plan-compare{border:1px solid var(--np-sub-line);border-radius:18px;overflow:hidden;background:#1d242d;box-shadow:0 24px 70px rgba(0,0,0,.14)}
.np-plan-compare-head,.np-plan-compare-row{display:grid;grid-template-columns:minmax(270px,1.4fr) repeat(2,minmax(210px,.8fr));direction:rtl}.np-plan-compare-head{min-height:210px;background:#202730}.np-plan-compare-feature{display:flex;align-items:center;justify-content:flex-start;padding:26px 34px;font-size:17px;font-weight:800}.np-plan-compare-head>.np-plan-compare-feature{color:#8f9cad;font-size:14px;align-items:flex-end;padding-bottom:31px}
.np-plan-column{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;border-inline-start:1px solid rgba(255,255,255,.07)}.np-plan-column>strong{font-size:20px;margin:8px 0 5px}.np-plan-column-price{display:flex;align-items:baseline;gap:6px;margin:4px 0 18px}.np-plan-column-price b{font-size:28px}.np-plan-column-price span,.np-plan-column small{color:#97a4b6;font-weight:700}.np-plan-column-badge{font-size:15px;color:#fff;font-weight:900}.np-plan-column a,.np-plan-column button{display:flex;align-items:center;justify-content:center;width:min(180px,100%);min-height:42px;border:0;border-radius:9px;background:#f5f6f8;color:#171c24;text-decoration:none;font-weight:900;cursor:pointer}.np-plan-column--free button{background:#565e6a;color:#d6dbe2}.np-plan-column-cta.np-subscription-cta{min-width:0;width:min(210px,100%);min-height:44px;padding-inline:18px;border-radius:9px;font-size:14px;box-shadow:none}
.np-plan-compare-row{min-height:112px;border-top:1px solid var(--np-sub-line);background:#202730}.np-plan-compare-row:nth-child(odd){background:#252e3a}.np-plan-compare-value{display:flex;align-items:center;justify-content:center;border-inline-start:1px solid rgba(255,255,255,.06);font-size:24px}.np-plan-compare-value .is-yes{color:#fff}.np-plan-compare-value .is-no{color:#7f8a99}
.np-subscription-section .np-payment-note{margin-top:24px;max-width:none;border:1px solid rgba(255,255,255,.07);background:#202731;padding:15px 20px;border-radius:12px}
.np-subscription-benefits{padding-top:96px;display:grid;gap:28px}.np-benefit-card{min-height:430px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:58px 70px;border:1px solid var(--np-sub-line);border-radius:22px;background:#202730;overflow:hidden;position:relative}.np-benefit-card:nth-child(even) .np-benefit-copy{order:2}.np-benefit-card:nth-child(even) .np-benefit-visual{order:1}.np-benefit-copy{max-width:550px}.np-benefit-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:30px;color:#34c8c7;font-weight:900}.np-benefit-copy h2{font-size:clamp(34px,3.3vw,56px);line-height:1.25;margin:0 0 18px}.np-benefit-copy p{margin:0;color:#93a1b5;font-size:20px;line-height:1.9;font-weight:600}.np-benefit-visual{min-height:280px;display:flex;align-items:center;justify-content:center;position:relative}
.np-device-visual{gap:30px;perspective:900px}.np-device-laptop{width:min(330px,70%);aspect-ratio:16/10;border:7px solid #6b7481;border-radius:10px 10px 5px 5px;background:#11161c;transform:rotateY(-22deg) rotateX(4deg);box-shadow:0 30px 50px rgba(0,0,0,.28);position:relative}.np-device-laptop::after{content:"";position:absolute;left:-12%;right:-12%;bottom:-17px;height:13px;border-radius:3px 3px 10px 10px;background:#79818c}.np-device-laptop>div{position:absolute;inset:7px;display:grid;place-items:center;background:radial-gradient(circle at 65% 40%,#2f8b74,#111a24 60%);overflow:hidden}.np-device-laptop span{font-size:21px;font-weight:900;letter-spacing:.08em}.np-device-phone{width:98px;height:205px;border:6px solid #707a86;border-radius:25px;background:#0e1319;transform:translateY(28px) rotateY(15deg);box-shadow:0 24px 40px rgba(0,0,0,.3)}.np-device-phone>div{margin:8px;height:calc(100% - 16px);border-radius:16px;display:grid;place-items:center;background:linear-gradient(160deg,#69396f,#1f6b7b)}.np-device-phone span{width:48px;height:48px;border:1px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center}
.np-adfree-phone{width:260px;height:390px;border:8px solid #828b97;border-bottom-width:0;border-radius:48px 48px 0 0;background:#10151b;padding:12px 13px 0;box-shadow:0 34px 55px rgba(0,0,0,.26)}.np-adfree-screen{height:100%;border-radius:34px 34px 0 0;background:linear-gradient(145deg,rgba(33,98,112,.7),rgba(91,46,79,.8)),radial-gradient(circle at 50% 35%,#c79b61,#28333c 55%);position:relative;display:grid;place-items:center}.np-adfree-badge{position:absolute;top:34px;left:50%;transform:translateX(-50%);width:72px;height:72px;border-radius:50%;border:4px solid rgba(255,255,255,.82);display:grid;place-items:center;font-size:12px;background:rgba(0,0,0,.16)}.np-adfree-badge b{color:#55e0bd;font-size:17px}.np-adfree-play{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:24px;padding-right:4px}
.np-download-stack{position:relative;width:240px;height:220px}.np-download-stack>div{position:absolute;width:150px;height:92px;border-radius:10px;background:linear-gradient(135deg,#44576a,#202a35);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 34px rgba(0,0,0,.22)}.np-download-stack>div:nth-child(1){top:20px;right:28px}.np-download-stack>div:nth-child(2){top:70px;right:55px}.np-download-stack>div:nth-child(3){top:120px;right:82px}.np-download-stack>span{position:absolute;left:10px;top:72px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#19a889;font-size:34px;box-shadow:0 16px 30px rgba(25,168,137,.24)}
.np-subscription-payment-banner{margin-top:90px;margin-bottom:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:44px 50px;border-radius:20px;border:1px solid var(--np-sub-line);background:linear-gradient(120deg,#1e2833,#17262a)}.np-subscription-payment-banner>div:first-child>span{color:#67dfb4;font-size:13px;font-weight:900}.np-subscription-payment-banner h2{margin:7px 0 12px;font-size:34px}.np-subscription-payment-banner p{margin:0;color:#97a6b9;line-height:1.85}.np-payment-methods{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.np-payment-methods span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.05);font-weight:800;color:#d9e0e8}
.np-subscription-faq{padding-top:72px;padding-bottom:95px}.np-faq-list{display:grid;gap:14px}.np-faq-item{border:1px solid rgba(255,255,255,.055);background:#252e3a;border-radius:11px;overflow:hidden}.np-faq-item summary{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;cursor:pointer;list-style:none;font-size:19px;font-weight:800}.np-faq-item summary::-webkit-details-marker{display:none}.np-faq-item summary b{font-size:34px;font-weight:300;transition:transform .2s ease}.np-faq-item[open] summary b{transform:rotate(45deg)}.np-faq-answer{padding:0 28px 25px;color:#9ba8b9;line-height:1.9;font-size:16px;max-width:980px}
.np-subscription-final-cta{padding:80px 24px 100px;text-align:center;background:radial-gradient(circle at 50% 100%,rgba(0,139,104,.25),transparent 42%)}.np-subscription-final-cta span{color:#76dcb9;font-size:13px;font-weight:900;letter-spacing:.12em}.np-subscription-final-cta h2{font-size:clamp(32px,3vw,48px);margin:10px 0}.np-subscription-final-cta p{color:#aab6c5;font-size:18px;margin:0 0 22px}.np-subscription-final-cta p strong{color:#fff}
@media(max-width:900px){.np-subscription-shell{width:min(100% - 40px,1320px)}.np-subscription-hero{min-height:590px;padding-top:135px}.np-subscription-offer-link{left:20px;top:104px}.np-plan-compare-head,.np-plan-compare-row{grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(150px,.8fr))}.np-plan-compare-feature{padding-inline:20px}.np-benefit-card{grid-template-columns:1fr;min-height:0;padding:46px 38px;gap:25px}.np-benefit-card:nth-child(even) .np-benefit-copy,.np-benefit-card:nth-child(even) .np-benefit-visual{order:initial}.np-benefit-copy{max-width:none;text-align:center}.np-benefit-icon{margin-inline:auto}.np-benefit-visual{min-height:250px}.np-subscription-payment-banner{grid-template-columns:1fr;text-align:center}.np-payment-methods{justify-content:center}}
@media(max-width:640px){.np-subscription-shell{width:min(100% - 24px,1320px)}.np-subscription-hero{min-height:560px;padding:125px 18px 70px}.np-subscription-offer-link{top:92px;left:14px;font-size:12px;min-height:32px;padding-inline:13px}.np-subscription-hero h1{font-size:35px}.np-subscription-hero p{font-size:16px}.np-subscription-hero-price{flex-direction:column;align-items:center;gap:2px}.np-subscription-cta{min-width:min(100%,360px)}.np-subscription-discover{font-size:22px}.np-subscription-section{padding-top:60px}.np-plan-compare{overflow-x:auto}.np-plan-compare-head,.np-plan-compare-row{min-width:690px}.np-plan-compare-head{min-height:185px}.np-plan-compare-row{min-height:96px}.np-plan-compare-feature{font-size:15px}.np-benefit-card{padding:34px 20px;border-radius:16px}.np-benefit-copy h2{font-size:31px}.np-benefit-copy p{font-size:16px}.np-device-laptop{width:235px}.np-device-phone{width:76px;height:160px}.np-adfree-phone{width:210px;height:315px}.np-subscription-payment-banner{margin-top:55px;padding:32px 22px}.np-subscription-payment-banner h2{font-size:29px}.np-payment-methods span{font-size:13px;min-height:40px}.np-subscription-faq{padding-top:55px;padding-bottom:70px}.np-faq-item summary{min-height:68px;padding:0 18px;font-size:16px}.np-faq-answer{padding:0 18px 20px;font-size:14px}}

/* Nile Play Subscribe v1.6.5 — country pricing + payment row refinement */
.np-payment-methods{align-items:center;flex-wrap:nowrap;gap:12px}
.np-payment-methods .np-payment-brand{width:112px;height:58px;padding:9px 13px;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.12);overflow:hidden;flex:0 0 auto}
.np-payment-methods .np-payment-brand img{display:block;width:100%;height:100%;object-fit:contain}
.np-payment-methods .np-payment-brand--wide{width:142px}
.np-payment-methods .np-payment-brand--bankak{background:#d51f25;padding:0}
.np-payment-methods .np-payment-brand--bankak img{object-fit:cover;width:100%;height:100%}
.np-payment-methods .np-payment-brand--cards{width:132px;padding:6px 8px}
.np-fx-attribution{display:block;width:max-content;margin:20px auto 0;color:#697688;font-size:10px;text-decoration:none;opacity:.72}
.np-fx-attribution:hover{color:#9da8b8;opacity:1}
.np-plan-column-badge{font-size:18px;letter-spacing:.08em}
.np-subscription-eyebrow{color:#7fe2be;font-size:15px;letter-spacing:.14em}
@media(max-width:900px){.np-payment-methods{justify-content:center;flex-wrap:wrap}}
@media(max-width:640px){.np-payment-methods .np-payment-brand{width:96px;height:52px;padding:8px 10px}.np-payment-methods .np-payment-brand--wide{width:124px}.np-payment-methods .np-payment-brand--bankak{padding:0}.np-payment-methods .np-payment-brand--cards{width:116px;padding:5px 7px}}


/* =========================================================
   Nile Play v1.7.0 — Per-page layouts (scoped, not global)
   ========================================================= */
.np-static-page{direction:rtl;min-height:72vh;color:#d7dee7}
.np-static-shell{margin:0 auto}
.np-static-header{text-align:center}
.np-static-header h1{margin:0;color:#fff;font-weight:900;line-height:1.25}
.np-static-updated{color:#91a0b2;font-weight:600}
.np-static-divider{height:1px;background:rgba(255,255,255,.12)}
.np-static-body>*:first-child{margin-top:0}
.np-static-body h1,.np-static-body h2,.np-static-body h3,.np-static-body h4{color:#fff;font-weight:900;line-height:1.45}
.np-static-body strong{color:#f2f6fa}
.np-static-body a{color:#75dfbe;text-decoration:none}.np-static-body a:hover{text-decoration:underline}
.np-static-body ul,.np-static-body ol{padding-right:28px}
.np-static-body table{width:100%;border-collapse:collapse}
.np-static-body th,.np-static-body td{text-align:right}

/* Default: normal WordPress information page. */
.np-layout-default{padding:72px 0 96px;background:var(--np-bg,#181d25)}
.np-layout-default .np-static-shell{width:min(1180px,calc(100% - 48px))}
.np-layout-default .np-static-header{margin:0 0 34px;text-align:right}
.np-layout-default .np-static-header h1{font-size:clamp(32px,4vw,46px)}
.np-layout-default .np-static-updated{margin:10px 0 0;font-size:14px}
.np-layout-default .np-static-body{font-size:17px;line-height:1.95;color:#d1d8e0}
.np-layout-default .np-static-body p{margin:0 0 18px}
.np-layout-default .np-static-body h2{font-size:26px;margin:38px 0 14px}
.np-layout-default .np-static-body h3{font-size:21px;margin:28px 0 12px}
.np-layout-default .np-static-body li{margin:8px 0}

/* Legal / Static Simple: clean, centered title + updated date + divider + readable text. */
.np-layout-legal-simple{
  padding:84px 0 112px;
  background:linear-gradient(180deg,#1b2d42 0%,#17252f 48%,#153033 100%);
}
.np-layout-legal-simple .np-static-shell{width:min(1140px,calc(100% - 48px))}
.np-layout-legal-simple .np-static-header{max-width:880px;margin:0 auto 24px;text-align:center}
.np-layout-legal-simple .np-static-header h1{font-size:clamp(34px,3.7vw,48px)}
.np-layout-legal-simple .np-static-updated{margin:14px 0 0;font-size:16px;color:#9eabbc}
.np-layout-legal-simple .np-static-divider{margin:0 0 44px}
.np-layout-legal-simple .np-static-body{font-size:19px;line-height:2.08;color:#d5dce5}
.np-layout-legal-simple .np-static-body p{margin:0 0 22px;color:#d5dce5}
.np-layout-legal-simple .np-static-body h2{font-size:27px;margin:46px 0 17px}
.np-layout-legal-simple .np-static-body h3{font-size:22px;margin:34px 0 13px}
.np-layout-legal-simple .np-static-body li{margin:10px 0;line-height:2}
.np-layout-legal-simple .np-static-body hr{border:0;border-top:1px solid rgba(255,255,255,.1);margin:38px 0}
.np-layout-legal-simple .np-static-body blockquote{margin:28px 0;padding:0 20px;border-right:3px solid rgba(255,255,255,.18);color:#cbd4df}
.np-layout-legal-simple .np-static-body table{margin:26px 0}
.np-layout-legal-simple .np-static-body th,.np-layout-legal-simple .np-static-body td{padding:14px 16px;border:1px solid rgba(255,255,255,.08)}
.np-layout-legal-simple .np-static-body th{background:rgba(255,255,255,.04);color:#fff}

/* Make previously pasted helper blocks look like normal legal prose when this layout is chosen. */
.np-layout-legal-simple .np-static-lead{max-width:920px;margin:0 auto 44px;text-align:center;color:#aab5c4!important;font-size:18px!important;line-height:2}
.np-layout-legal-simple .np-static-section{margin:0 0 42px}
.np-layout-legal-simple .np-static-callout,.np-layout-legal-simple .np-static-card{margin:0 0 34px;padding:0;border:0;border-radius:0;background:transparent}
.np-layout-legal-simple .np-static-grid{display:block;margin:0}
.np-layout-legal-simple .np-static-card h3{font-size:22px!important;margin:32px 0 12px!important}
.np-layout-legal-simple .np-static-card p{font-size:19px!important;color:#d5dce5!important;margin:0 0 22px!important}
.np-layout-legal-simple .np-static-callout>strong{color:#aab5c4;display:block;margin-bottom:8px}

/* About: same clean editorial language, slightly softer intro. */
.np-layout-about{padding:84px 0 112px;background:linear-gradient(180deg,#1a2b3c 0%,#17262f 55%,#153033 100%)}
.np-layout-about .np-static-shell{width:min(1140px,calc(100% - 48px))}
.np-layout-about .np-static-header{max-width:900px;margin:0 auto 24px;text-align:center}
.np-layout-about .np-static-header h1{font-size:clamp(34px,3.7vw,48px)}
.np-layout-about .np-static-updated{margin:14px 0 0;font-size:15px}
.np-layout-about .np-static-divider{margin:0 0 44px}
.np-layout-about .np-static-body{font-size:19px;line-height:2.08;color:#d5dce5}
.np-layout-about .np-static-body p{margin:0 0 22px}
.np-layout-about .np-static-body h2{font-size:27px;margin:46px 0 17px}
.np-layout-about .np-static-body h3{font-size:22px;margin:32px 0 12px}
.np-layout-about .np-static-lead{max-width:900px;margin:0 auto 44px;text-align:center;color:#aab5c4!important;font-size:18px!important;line-height:2}
.np-layout-about .np-static-section{margin:0 0 42px}
.np-layout-about .np-static-callout,.np-layout-about .np-static-card,.np-layout-about .np-about-highlight,.np-layout-about .np-about-feature{margin:0 0 32px;padding:0;border:0;border-radius:0;background:transparent}
.np-layout-about .np-static-grid,.np-layout-about .np-about-features{display:block;margin:0}
.np-layout-about .np-about-page{background:transparent!important;padding:0!important}
.np-layout-about .np-about-container{width:100%!important;max-width:none!important}
.np-layout-about .np-about-header{max-width:900px;margin:0 auto 30px;text-align:center}
.np-layout-about .np-about-header h1{font-size:clamp(34px,3.7vw,48px)}
.np-layout-about .np-about-header p{font-size:18px;line-height:2;color:#aab5c4}
.np-layout-about .np-about-divider{height:1px;background:rgba(255,255,255,.12);margin:0 0 44px}
.np-layout-about .np-about-section{margin:0 0 42px}
.np-layout-about .np-about-section h2{font-size:27px;margin:0 0 17px;color:#fff}
.np-layout-about .np-about-section p,.np-layout-about .np-about-list li{font-size:19px;line-height:2.08;color:#d5dce5}
.np-layout-about .np-about-closing{margin-top:46px;padding-top:34px;border-top:1px solid rgba(255,255,255,.1);text-align:center}

/* Full width is intentionally different and independent. */
.np-layout-full-width{padding:58px 0 90px;background:var(--np-bg,#181d25)}
.np-layout-full-width .np-static-shell{width:min(1680px,calc(100% - 56px))}
.np-layout-full-width .np-static-header{margin:0 0 30px;text-align:right}
.np-layout-full-width .np-static-header h1{font-size:clamp(32px,4vw,48px)}
.np-layout-full-width .np-static-body{font-size:17px;line-height:1.9}
.np-layout-full-width .np-static-body p{margin:0 0 18px}

/* Blank / Custom: no imposed content wrapper. */
.np-layout-blank-custom{padding:0;background:transparent;min-height:0}
.np-blank-custom-body{width:100%;margin:0;padding:0}

@media(max-width:760px){
  .np-layout-default,.np-layout-legal-simple,.np-layout-about,.np-layout-full-width{padding:48px 0 72px}
  .np-layout-default .np-static-shell,.np-layout-legal-simple .np-static-shell,.np-layout-about .np-static-shell,.np-layout-full-width .np-static-shell{width:min(100% - 28px,1140px)}
  .np-layout-legal-simple .np-static-divider,.np-layout-about .np-static-divider{margin-bottom:32px}
  .np-layout-legal-simple .np-static-body,.np-layout-about .np-static-body{font-size:16.5px;line-height:1.98}
  .np-layout-legal-simple .np-static-body h2,.np-layout-about .np-static-body h2{font-size:23px;margin-top:36px}
  .np-layout-legal-simple .np-static-card p,.np-layout-about .np-about-section p,.np-layout-about .np-about-list li{font-size:16.5px!important}
}

/* v1.7 account, search and synced My List */
.np-account-shortcuts{display:grid;grid-template-columns:minmax(260px,420px);gap:14px;margin:0 0 26px}
.np-account-shortcuts a{display:flex;flex-direction:column;gap:5px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);text-decoration:none;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.np-account-shortcuts a:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.055)}
.np-account-shortcuts a strong{font-size:18px}.np-account-shortcuts a span{font-size:14px;color:#9ea9b8}

.np-library-page{padding-top:140px;padding-bottom:90px;min-height:76vh}
.np-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.np-library-heading h1{margin:5px 0 7px;font-size:42px}.np-library-heading p{margin:0;color:#9ca8b7;font-size:16px}
.np-empty-state--library{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;text-align:center}
.np-empty-state--library strong{font-size:23px;color:#fff}.np-empty-state--library span{color:#9ca8b7}.np-empty-state--library a{margin-top:8px;padding:11px 18px;border-radius:12px;background:#fff;color:#151b23;text-decoration:none;font-weight:800}

.np-search-heading{margin:0 0 22px}.np-search-heading h1{margin:0 0 7px;font-size:38px}.np-search-heading p{margin:0;color:#98a5b5}

[data-np-my-list].is-active{border-color:rgba(94,226,180,.55)!important;background:rgba(75,195,152,.15)!important;color:#79e1bd!important}
[data-np-my-list].is-active svg{transform:rotate(45deg)}
[data-np-my-list] svg{transition:transform .18s ease}
[data-np-my-list]:disabled{opacity:.6;cursor:wait}

/* Existing pasted legal header markup gets the same layout as the theme-generated header. */
.np-layout-legal-simple .np-static-body>.np-static-custom>header{max-width:880px;margin:0 auto 24px;text-align:center}
.np-layout-legal-simple .np-static-body>.np-static-custom>header h1{margin:0;color:#fff;font-size:clamp(34px,3.7vw,48px);line-height:1.25;font-weight:900}
.np-layout-legal-simple .np-static-body>.np-static-custom>header p{margin:14px 0 0;color:#9eabbc;font-size:16px;font-weight:600}
.np-layout-legal-simple .np-static-body>.np-static-custom>header hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:24px 0 44px}

@media(max-width:760px){
  .np-library-page{padding-top:110px;padding-bottom:65px}.np-library-heading h1{font-size:32px}
  .np-account-shortcuts{grid-template-columns:1fr}
  .np-search-heading h1{font-size:31px}
}


/* v1.8 — Independent Social Control */
.np-social-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--np-social-gap,18px);direction:ltr}
.np-social-links.np-social-align-right{justify-content:flex-end}.np-social-links.np-social-align-center{justify-content:center}.np-social-links.np-social-align-left{justify-content:flex-start}
.np-social-link{width:var(--np-social-size,54px);height:var(--np-social-size,54px);min-width:var(--np-social-size,54px);display:grid;place-items:center;border-radius:50%;color:#fff!important;text-decoration:none!important;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
.np-social-style-reference .np-social-link{background:#171b23;border:1px solid rgba(255,255,255,.19);box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.np-social-style-solid .np-social-link{background:#252c36;border:1px solid rgba(255,255,255,.12)}
.np-social-style-minimal .np-social-link{background:transparent;border:1px solid rgba(255,255,255,.16)}
.np-social-link:hover{transform:translateY(-2px);color:#fff!important;border-color:rgba(255,255,255,.34);background:#202631;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.np-social-mark{display:grid;place-items:center;width:58%;height:58%}.np-social-svg{display:block;width:100%;height:100%}
.np-footer-social-zone{width:100%;max-width:var(--np-footer-max,var(--np-max-width,1920px));margin-inline:auto;padding-inline:var(--np-gutter-desktop,36px)}
.np-footer-social-top{padding-top:6px;padding-bottom:28px}.np-footer-social-bottom{padding-top:34px}.np-footer-social-brand{margin-top:22px;padding:0;max-width:none}
.np-social-context-header{--np-social-size:36px;--np-social-gap:8px;flex-wrap:nowrap}
.np-social-context-header .np-social-link{width:36px;height:36px;min-width:36px}
.np-mobile-social-wrap{display:none;padding:10px 12px 2px;border-top:1px solid rgba(255,255,255,.08);margin-top:10px}.np-mobile-social-wrap .np-social-links{justify-content:center!important}
@media(max-width:980px){.np-header-actions>.np-social-links{display:none}.np-mobile-social-wrap{display:block}}
@media(max-width:620px){.np-footer-social-zone{padding-inline:var(--np-gutter-mobile,14px)}.np-footer-social-brand{padding-inline:0}.np-social-links{gap:min(var(--np-social-gap,18px),14px)}.np-social-link{width:min(var(--np-social-size,54px),50px);height:min(var(--np-social-size,54px),50px);min-width:min(var(--np-social-size,54px),50px)}}


/* ========================================================================
   v1.9.0 — Passwordless Email OTP authentication
   ======================================================================== */
.np-otp-field input{
  text-align:center!important;
  direction:ltr!important;
  letter-spacing:.42em;
  padding-inline:28px 18px!important;
  font-size:25px!important;
  font-weight:900!important;
  font-variant-numeric:tabular-nums;
}
.np-otp-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;color:#9eabba;font-size:13px}
.np-otp-resend{appearance:none;border:0;background:transparent;color:#fff;font:inherit;font-weight:800;cursor:pointer;padding:5px 7px;border-radius:8px}
.np-otp-resend:hover:not(:disabled){background:rgba(255,255,255,.06)}
.np-otp-resend:disabled{color:#7f8997;cursor:not-allowed}
.np-auth-intro strong{color:#fff;font-weight:800;direction:ltr;unicode-bidi:embed}
.np-route-login .np-auth-card,.np-route-signup .np-auth-card{width:min(560px,100%)}
.np-route-login .np-auth-legal,.np-route-signup .np-auth-legal{width:min(560px,100%)}

/* =========================================================
   v2.0 — Unified account flow: email verify -> profile -> password
========================================================= */
.np-auth-two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.np-auth-field select{width:100%;min-height:58px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#3b424d;color:#fff;padding:0 14px;font:inherit;outline:none}
.np-auth-field select:focus{border-color:rgba(255,255,255,.38);box-shadow:0 0 0 3px rgba(255,255,255,.055)}
.np-phone-profile-row{display:grid;grid-template-columns:88px 1fr;gap:10px;direction:ltr}
.np-phone-profile-row>span{min-height:58px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#303741;color:#fff;font-weight:800}
.np-phone-profile-row input{direction:ltr!important;text-align:left!important}
.np-auth-profile-step .np-auth-intro{margin-bottom:22px}
.np-auth-forgot-link{align-self:flex-start;background:none!important;border:0!important;color:#d8dde5!important;padding:0!important;margin:-2px 0 4px!important;font-size:13px!important;cursor:pointer!important;text-decoration:underline!important}
.np-password-field{position:relative}.np-password-field input{padding-left:52px!important}.np-password-toggle{position:absolute;left:10px;bottom:11px;width:36px;height:36px;border:0;background:transparent;color:#d7dce3;display:grid;place-items:center;cursor:pointer;border-radius:8px}.np-password-toggle:hover{background:rgba(255,255,255,.07)}.np-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.np-social-auth-provider{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#202731;color:#fff;cursor:pointer}
.np-apple-icon-button svg{width:23px;height:23px;fill:currentColor;stroke:none}
.np-google-fallback{font-size:22px;font-weight:900;font-family:Arial,sans-serif;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;color:transparent}
.np-account-complete-notice{margin:0 0 22px;padding:17px 20px;border-radius:16px;border:1px solid rgba(240,122,50,.3);background:rgba(240,122,50,.08);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.np-account-complete-notice strong{color:#fff}.np-account-complete-notice span{color:#c8d0db}
.np-account-card-intro{margin:-8px 0 22px;color:#9ca7b8;line-height:1.8;font-size:14px}
.np-account-edit-card{grid-column:1/-1}.np-account-profile-form{display:grid;gap:16px}.np-account-profile-form .np-auth-field{margin:0}.np-account-profile-form .np-auth-submit{max-width:260px;margin-top:4px}
.np-login-methods{display:grid;gap:0}.np-login-methods>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.065)}.np-login-methods>div:first-child{border-top:0}.np-login-methods span{color:#8f9aab}.np-login-methods strong{color:#fff;font-size:14px}
@media(max-width:640px){.np-auth-two-cols{grid-template-columns:1fr}.np-phone-profile-row{grid-template-columns:78px 1fr}.np-account-edit-card{grid-column:auto}.np-account-profile-form .np-auth-submit{max-width:none;width:100%}}


/* =========================================================
   v2.0.1 — Clear Google / Apple authentication buttons
========================================================= */
.np-social-auth-row--wide{
  width:100%;
  display:grid!important;
  grid-template-columns:1fr;
  gap:12px!important;
  min-height:0!important;
}
.np-google-auth-button{
  position:relative;
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  overflow:hidden;
}
.np-google-auth-button>div,
.np-google-auth-button iframe{
  max-width:100%!important;
}
.np-google-auth-button iframe{
  margin:0 auto!important;
}
.np-google-fallback-button,
.np-apple-wide-button{
  width:100%;
  min-height:50px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.20);
  background:#fff;
  color:#1f1f1f;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  padding:0 20px;
}
.np-google-fallback-button{pointer-events:none}
.np-google-g{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  font-family:Arial,sans-serif;
  font-size:22px;
  font-weight:900;
  line-height:1;
  background:conic-gradient(from -35deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.np-apple-wide-button{
  background:#11151b;
  color:#fff;
}
.np-apple-wide-button svg{
  width:22px!important;
  height:22px!important;
  fill:currentColor!important;
  stroke:none!important;
}
.np-apple-wide-button::after{
  content:"المتابعة باستخدام Apple";
}
.np-apple-wide-button:disabled{opacity:.6;cursor:wait}
@media(max-width:640px){
  .np-google-fallback-button,.np-apple-wide-button{min-height:48px;font-size:14px}
}

/* =========================================================
   Subscription checkout v2.1
========================================================= */
.np-checkout-modal[hidden]{display:none!important}
.np-checkout-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:22px;direction:rtl}
.np-checkout-backdrop{position:absolute;inset:0;background:rgba(2,7,12,.82);backdrop-filter:blur(8px)}
.np-checkout-dialog{position:relative;width:min(620px,100%);max-height:min(820px,calc(100vh - 36px));overflow:auto;background:#171e27;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:30px;color:#fff;box-shadow:0 32px 90px rgba(0,0,0,.5)}
.np-checkout-close{position:absolute;left:18px;top:14px;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#202936;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.np-checkout-head{padding-left:42px}.np-checkout-head>span{display:inline-flex;padding:6px 11px;border-radius:999px;background:rgba(244,122,50,.12);color:#ff9a5e;font-weight:800;font-size:12px}.np-checkout-head h2{margin:12px 0 8px;font-size:30px}.np-checkout-head p{margin:0;color:#9ba7b6;line-height:1.9}
.np-checkout-loading{margin-top:24px;padding:18px;border-radius:14px;background:#111821;color:#c8d0da;text-align:center}
.np-checkout-total{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 16px;padding:18px 20px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#111821}.np-checkout-total span{color:#9ba7b6}.np-checkout-total strong{font-size:22px}
.np-bankak-box{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#10171f}.np-bankak-box img{width:116px;height:116px;object-fit:contain;border-radius:12px;background:#fff;padding:7px}.np-bankak-details{display:grid;gap:12px}.np-bankak-details div{display:flex;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07)}.np-bankak-details div:last-child{border-bottom:0;padding-bottom:0}.np-bankak-details span{color:#93a0af}.np-bankak-details strong{font-size:16px;word-break:break-word}
.np-bankak-steps{margin:18px 0;padding:16px 18px;border-radius:14px;background:rgba(244,122,50,.08);border:1px solid rgba(244,122,50,.2)}.np-bankak-steps strong{display:block;margin-bottom:5px}.np-bankak-steps p{margin:0;color:#b5bec9;line-height:1.8;font-size:14px}
.np-checkout-bankak form{display:grid;gap:12px}.np-checkout-bankak label span{display:block;margin-bottom:8px;font-weight:700}.np-checkout-bankak input{width:100%!important;max-width:none!important;padding:14px 16px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.14)!important;background:#0f151d!important;color:#fff!important;font-size:16px!important}.np-checkout-bankak button,.np-checkout-card a{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border:0;border-radius:999px;background:#fff;color:#10151d;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer}.np-checkout-bankak button:disabled{opacity:.55;cursor:wait}
.np-checkout-card p{color:#aab4c0;line-height:1.9}.np-checkout-card a[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.np-checkout-status{margin-top:14px;padding:13px 15px;border-radius:12px;background:rgba(255,184,77,.08);border:1px solid rgba(255,184,77,.2);color:#ffd39a;line-height:1.8}.np-checkout-status.is-success{background:rgba(55,202,130,.08);border-color:rgba(55,202,130,.22);color:#aef0cf}
@media(max-width:640px){.np-checkout-modal{padding:10px}.np-checkout-dialog{padding:24px 18px;border-radius:20px}.np-checkout-head h2{font-size:25px}.np-bankak-box{grid-template-columns:1fr}.np-bankak-box img{margin:auto}.np-bankak-details div{flex-direction:column;gap:4px}}

/* v2.2.0 — Unified payment hub */
.np-payment-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 18px}
.np-payment-choice-btn{min-height:92px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#10171f;color:#fff;padding:15px;text-align:right;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;transition:.18s ease}
.np-payment-choice-btn:hover,.np-payment-choice-btn.is-recommended{border-color:rgba(244,122,50,.55);background:rgba(244,122,50,.08)}
.np-payment-choice-btn:disabled{opacity:.38;cursor:not-allowed}
.np-payment-choice-btn strong{font-size:16px}.np-payment-choice-btn span{font-size:12px;color:#98a4b2;line-height:1.6}
.np-checkout-google-play{display:grid;gap:14px}
.np-checkout-google-play>a{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;border-radius:999px;background:#fff;color:#10151d;font-weight:800;text-decoration:none}
.np-checkout-google-play>a[aria-disabled="true"]{opacity:.5;pointer-events:none}
@media(max-width:640px){.np-payment-choice{grid-template-columns:1fr}.np-payment-choice-btn{min-height:76px}}