/* v3.0.27 — Mobile navigation and comfort. Desktop remains unchanged.
   The account menu reuses NadirFilm User Cinema authentication actions. */
.nf-mobile-search-trigger,.nf-mobile-account-trigger,.nf-mobile-account-panel{display:none}
@media(max-width:900px){
  .nf2-header{isolation:isolate}
  .nf2-header-main{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:62px}
  .nf2-header-main>.nf2-logo{order:0;flex:0 1 auto;min-width:0;max-width:min(190px,36vw);margin-right:auto}
  .nf2-header-main>.nf2-logo .nf2-custom-logo{max-width:100%;height:auto;max-height:44px}
  .nf2-header-main>.nf2-menu-toggle{order:9;display:inline-flex;flex-direction:column;flex:0 0 44px;width:44px;height:44px;gap:4px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(179,160,235,.27);border-radius:10px;background:#171c29;color:#ebedf5}
  .nf2-header-main>.nf2-menu-toggle span{width:19px;height:2px;border-radius:2px}
  .nf2-header-main>.nf2-nav{order:10}
  .nf2-header-main>.nf2-nav.is-open{display:block;position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:min(65dvh,490px);overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid rgba(179,160,235,.35);border-radius:13px;background:#151b28;box-shadow:0 20px 60px rgba(0,0,0,.55)}
  .nf2-header-main>.nf2-nav.is-open ul{display:grid;gap:4px}
  .nf2-header-main>.nf2-nav.is-open a{min-height:42px;display:flex;align-items:center;padding:10px 12px;border-radius:8px;font-size:13px}
  .nf2-header-main>.nf2-nav.is-open .nf2-nav-utilities a{min-height:42px}
  .nf-mobile-search-trigger,.nf-mobile-account-trigger{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(179,160,235,.27);border-radius:10px;background:#171c29;color:#c7f53e;cursor:pointer}
  .nf-mobile-search-trigger{order:2}
  .nf-mobile-account-trigger{order:8;color:#b3a0eb}
  .nf2-header-main>.nf2-search{display:none;position:absolute;z-index:65;top:calc(100% + 5px);left:0;right:0;order:11;width:100%;min-width:0;max-width:none;margin:0;min-height:49px;flex:none;padding:0 5px 0 3px;border:1px solid rgba(179,160,235,.52);border-radius:11px;background:#171d2b;box-shadow:0 18px 48px rgba(0,0,0,.55)}
  .nf2-header-main>.nf2-search.is-open{display:flex}
  .nf2-header-main>.nf2-search input{flex:1;min-width:0;width:100%;padding:13px 10px;color:#f3f5fa;font-size:16px}
  .nf2-header-main>.nf2-search button{flex:none;min-width:40px;min-height:42px;font-size:23px}
  .nf2-header-main>.nf2-search .nf2-search-suggestions{top:calc(100% + 7px);left:0;right:0;width:100%;max-width:none;max-height:min(55dvh,370px)}
  .nf2-header-main>.nf2-join,.nf2-header-main>.nf2-account-actions{display:none}
  .nf2-header-main>.nf-mobile-account-panel{position:absolute;z-index:70;top:calc(100% + 5px);right:0;left:auto;display:grid;gap:7px;width:min(270px,100%);padding:12px;border:1px solid rgba(179,160,235,.4);border-radius:13px;background:#161c2a;box-shadow:0 20px 60px rgba(0,0,0,.55)}
  .nf2-header-main>.nf-mobile-account-panel[hidden]{display:none}
  .nf-mobile-account-heading{display:block;margin:2px 6px 4px;color:#b3a0eb;font:700 11px/1.3 var(--nf-mono);letter-spacing:.11em;text-transform:uppercase}
  .nf-mobile-account-panel>a,.nf-mobile-account-panel>button{display:flex;align-items:center;justify-content:center;min-height:45px;width:100%;padding:10px 13px;border:1px solid rgba(179,160,235,.30);border-radius:8px;background:#202637;color:#f3f5fa;font:700 13px/1.25 var(--nf-display);text-align:center;cursor:pointer}
  .nf-mobile-account-panel>[data-nfu-open-auth="register"],.nf-mobile-account-panel>a:first-of-type{border-color:#c7f53e;background:#c7f53e;color:#111725}
  .nf-mobile-search-trigger[aria-expanded="true"],.nf-mobile-account-trigger[aria-expanded="true"],.nf2-header-main>.nf2-menu-toggle[aria-expanded="true"]{outline:1px solid rgba(179,160,235,.65);background:#2a2841}
  .nf-mobile-search-trigger:focus-visible,.nf-mobile-account-trigger:focus-visible,.nf2-menu-toggle:focus-visible,.nf-mobile-account-panel :is(a,button):focus-visible{outline:2px solid #c7f53e;outline-offset:2px}
  .nf2-header-main>.nfu-notification-center{order:7;flex:0 0 auto;margin:0}
  .nf2-header-main>.nfu-notification-center .nfu-notification-center__toggle{min-width:40px;min-height:44px}
  .nf2-header-main>.nfu-notification-center .nfu-notification-center__panel{max-width:calc(100vw - 28px)}
  body.nf-cur-skin .nf2-header-main>.nf2-logo{max-width:min(190px,34vw)}
  body.nf-cur-skin .nf2-header-main>.nf2-logo--curation .nf-cur-brand-copy{min-width:0}
  body.nf-cur-skin .nf-mobile-search-trigger,body.nf-cur-skin .nf-mobile-account-trigger{color:var(--skin-primary,#b3a0eb)}
  body.nf-cur-skin .nf2-header-main>.nf-mobile-account-panel{background:var(--skin-head,#161c2a);border-color:var(--skin-line,#4b415b)}
  .nf2-header-discover{display:none}
}
@media(max-width:480px){
  .nf2-wrap.nf2-header-main{width:calc(100% - 24px);gap:7px;min-height:62px}
  .nf2-header-main>.nf2-logo{max-width:clamp(40px,23vw,135px)}
  .nf2-header-main>.nf2-menu-toggle,.nf-mobile-search-trigger,.nf-mobile-account-trigger{width:42px;height:44px;flex-basis:42px}
  .nf2-header-main>.nfu-notification-center .nfu-notification-center__toggle{min-width:38px}
  .nf2-header-main>.nf2-search{left:0;right:0}
  .nf2-main--home-stage1 .nf2-home-intro-copy{min-width:0}
  .nf2-main--home-stage1 :is(.nf-home-intro,.nf-home-intro-copy,.nf-home-intro-aside,.nf-home-stream,.nf-home-latest,.nf2-film-grid){min-width:0}
  .nf2-main--home-stage1 .nf2-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nf2-main--home-stage1 .nf2-film-grid>*{min-width:0}
  .nf2-main--home-stage1 .nf2-card--refined .nf2-card-title{overflow-wrap:anywhere}
  .nf2-main--home-stage1 .nf2-section-head{min-width:0}
}
@media(max-width:355px){
  .nf2-wrap.nf2-header-main{gap:5px}
  .nf2-header-main>.nf2-menu-toggle,.nf-mobile-search-trigger,.nf-mobile-account-trigger{width:40px;flex-basis:40px}
  .nf2-header-main>.nf2-logo{max-width:42px}
  .nf2-main--home-stage1 .nf2-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.nf2-header-main>*{scroll-behavior:auto!important}}
@media(max-width:900px){.nf2-header-main>.nf2-search:not(.is-open) .nf2-search-suggestions{display:none}}
@media(max-width:900px){.nf2-header-main>.nf2-search:not(.is-open) .nf2-search-suggestions[hidden]{display:none}}
/* Signed-in 320px phones have a fifth item (notifications). Keep the unique
   collection emblem, but suppress its wordmark when there is no safe space. */
@media(max-width:365px){
  body.nf-cur-skin .nf2-header-main:has(>.nfu-notification-center)>.nf2-logo{max-width:42px;overflow:hidden}
  body.nf-cur-skin .nf2-header-main:has(>.nfu-notification-center)>.nf2-logo .nf-cur-brand-copy{display:none}
}
