/* inline-style */
/* =========================================================
         PREMIUM UI - ROMANIAN VIP STYLING
      ========================================================== */
      :root {
          --neon-blue: #0057b8;
          --ro-blue: #0057b8; /* Albastru Romania */
          --ro-yellow: #fcd116; /* Galben Romania */
          --ro-red: #ce1126; /* Rosu Romania */

          --glass-border: rgba(255, 255, 255, 0.08);
          --glow-box: 0 0 25px rgba(59, 130, 246, 0.4);
      }

      body {
        margin: 0;
        font-family: 'Plus Jakarta Sans', sans-serif;
        background: transparent;
      }

      /* --- MASTER NAVBAR - ACUM E NEGRU SUS INTOTDEAUNA --- */
      .super-navbar {
        position: static;
        top: auto;
        left: auto;
        right: auto;
        z-index: 9999;
        width: 100%;
        background: #08080c;
        border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
        padding: 18px 0;
      }

      .super-navbar.scrolled {
          background: rgba(8, 8, 12, 0.95);
          backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px);
          border-bottom: 1px solid rgba(59, 130, 246, 0.2);
          box-shadow: 0 10px 40px rgba(0,0,0,0.85);
          padding: 12px 0;
      }

      .nav-container {
          max-width: 1400px; margin: 0 auto; padding: 0 30px;
          display: flex; justify-content: space-between; align-items: center;
      }

      /* LOGO HOVER */
      .brand-lux img { height: 38px; width: auto; transition: 0.5s ease; filter: drop-shadow(0 2px 10px rgba(0,0,0,0.8));}
      .brand-lux:hover img { filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.15)); transform: scale(1.03) rotate(-1deg); }

      /* --- DESKTOP NAV --- */
      .nav-lux { display: flex; align-items: center; gap: 28px; list-style: none; margin: 0; padding: 0; }
      .nav-lux li a {
          position: relative; text-decoration: none; color: #a1a1aa;
          font-weight: 500; font-size: 14px; display: flex; align-items: center; gap: 8px; transition: color 0.3s;
      }
      .nav-lux li a i { font-size: 14px; color: var(--neon-blue); opacity: 0.7; transition: 0.3s transform; }
      .nav-lux li a:hover { color: #fff; }
      .nav-lux li a:hover i { opacity: 1; transform: translateY(-2px); text-shadow: var(--glow-box); }

      .nav-lux li a::after {
          content: ''; position: absolute; bottom: -6px; left: 50%;
          width: 0; height: 2px; border-radius: 4px; background: var(--neon-blue);
          box-shadow: 0 0 10px var(--neon-blue); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: translateX(-50%); opacity: 0;
      }
      .nav-lux li a:hover::after { width: 100%; opacity: 1; }

      /* --- USER AREA / VIP STYLING --- */
      .auth-actions { display: flex; align-items: center; position: relative; gap: 15px;}

      .btn-auth {
          background: linear-gradient(135deg, #1e40af, var(--neon-blue));
          color: white; padding: 12px 28px; border-radius: 50px; text-decoration: none;
          font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px;
          position: relative; overflow: hidden; transition: all 0.3s ease;
          border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);
          display: inline-flex; align-items: center; justify-content: center;
      }

      .btn-auth::before {
          content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%;
          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
          transform: skewX(-20deg); transition: 0.6s ease;
      }
      .btn-auth:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(59, 130, 246, 0.7); color: white;}
      .btn-auth:hover::before { left: 150%; }

      .btn-auth-link { color:#a1a1aa; font-size:12px; font-weight:600; text-decoration:none; transition:0.3s; padding-bottom:2px; border-bottom: 1px solid transparent;}
      .btn-auth-link:hover { color:#fff; border-bottom-color: rgba(255,255,255,0.6); }

      /* User Badge Trigger */
      .identity-chip {
          display: flex; align-items: center; gap: 14px; cursor: pointer; padding: 6px 12px 6px 8px;
          border-radius: 60px; transition: all 0.3s ease; border: 1px solid transparent; background: rgba(255,255,255,0.03);
      }
      .identity-chip:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.08); box-shadow: 0 0 20px rgba(255,255,255,0.02); }

      /* Layout pt. Texte & Cod */
      .i-text { display: flex; flex-direction: column; line-height: 1.2; text-align: right;}
      .u-alias { font-weight: 700; color: #fff; font-size: 15px; margin-bottom: 3px; }
      .c-meta { display:flex; align-items:center; gap:5px; justify-content: flex-end; }
      .c-code { font-size:10px; color:#a1a1aa; letter-spacing:0.5px; font-weight:600; }
      .mob-drop-arrow { display: none; /* ascunsa pe pc */ }

      .badge-pro {
          font-size: 9px; text-transform: uppercase; font-weight: 800; color: #10b981;
          border: 1px solid rgba(16,185,129,0.3); background: rgba(16,185,129,0.1);
          padding: 1px 6px; border-radius: 4px; animation: heartbeat 2.5s infinite;
      }
      @keyframes heartbeat { 0% { opacity: 0.8; box-shadow: 0 0 0 0 rgba(16,185,129,0.4); } 70% { opacity: 1; box-shadow: 0 0 0 6px rgba(16,185,129,0); } 100% { opacity: 0.8; box-shadow: 0 0 0 0 rgba(16,185,129,0); } }

      /* --- DROPDOWN BLUR MENU --- */
      .hyper-menu {
          position: absolute; top: calc(100% + 10px); right: 0; width: 280px;
          background: rgba(12, 12, 16, 0.85); backdrop-filter: blur(40px) saturate(150%); -webkit-backdrop-filter: blur(40px);
          border: 1px solid rgba(255,255,255,0.08); border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,0.9);
          opacity: 0; visibility: hidden; transform: scale(0.95) translateY(-10px); transform-origin: top right;
          transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          overflow: visible; z-index: -1; list-style: none; padding: 12px 0; margin:0;
      }
      .hyper-menu::before {
          content: '';
          position: absolute;
          top: -22px;
          left: 0;
          right: 0;
          height: 22px;
          background: transparent;
      }

      /* Hover exclusiv pe PC pt Meniu Blur (sa nu interfereze touch-ul telefonului) */
      @media (min-width: 1025px) {
          .identity-chip:hover .hyper-menu,
          .identity-chip.menu-deschis .hyper-menu,
          .hyper-menu:hover { opacity: 1; visibility: visible; transform: scale(1) translateY(0); z-index:99; }
      }

      .hm-li a {
          display: flex; align-items: center; gap: 14px; padding: 12px 24px;
          color: #d4d4d8; text-decoration: none; font-size: 14px; font-weight: 500;
          transition: all 0.3s; position: relative; z-index: 2;
      }
      .hm-li a::before {
          content:''; position: absolute; left: 0; top: 10%; height: 80%; width: 3px; border-radius: 0 3px 3px 0;
          background: var(--neon-blue); box-shadow: 2px 0 10px var(--neon-blue); transform: scaleY(0); transition: 0.3s;
      }
      .hm-li a:hover { color: #fff; background: rgba(255,255,255,0.04); padding-left: 28px;}
      .hm-li a:hover::before { transform: scaleY(1); }
      .hm-li a i { width: 20px; text-align:center; font-size: 16px; color: var(--neon-blue); }

      .hm-admin-section {
          margin: 10px 12px 6px;
          padding-top: 10px;
          border-top: 1px solid rgba(255, 196, 43, .18);
      }

      .hm-admin-section span {
          min-height: 30px;
          padding: 0 12px;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          border-radius: 999px;
          border: 1px solid rgba(255, 196, 43, .26);
          background: linear-gradient(135deg, rgba(255, 196, 43, .14), rgba(255, 115, 65, .08));
          color: #ffd76b;
          font-size: 11px;
          font-weight: 950;
          letter-spacing: .14em;
      }

      .hm-admin-link a {
          color: #ffe6a3 !important;
          background: linear-gradient(90deg, rgba(255, 196, 43, .10), rgba(255, 255, 255, .015)) !important;
          border: 1px solid rgba(255, 196, 43, .12);
          margin: 3px 10px;
          border-radius: 12px;
      }

      .hm-admin-link a::before {
          background: linear-gradient(180deg, #ffd34a, #ff7a3d);
          box-shadow: 2px 0 14px rgba(255, 188, 47, .55);
      }

      .hm-admin-link a i {
          color: #ffca45 !important;
          text-shadow: 0 0 12px rgba(255, 196, 43, .42);
      }

      .hm-admin-link a:hover {
          background: linear-gradient(90deg, rgba(255, 196, 43, .18), rgba(255, 122, 61, .08)) !important;
          color: #fff7d6 !important;
      }

      .hm-logout { margin-top: 5px; }
      .hm-logout a { color: #ef4444; border-top: 1px solid rgba(255,255,255,0.05); }
      .hm-logout a:hover { background: linear-gradient(90deg, rgba(239,68,68,0.1), transparent); color:#fff;}
      .hm-logout a i { color: #ef4444; text-shadow: 0 0 10px rgba(239,68,68,0.3); }

      /* Invitations Badge */
      .inv-badge { font-weight:800; color: #facc15; background: rgba(250, 204, 21, 0.1); border: 1px solid rgba(250, 204, 21, 0.2); padding:2px 6px; border-radius:6px; margin-left: auto; font-size: 12px; }
      .novaplay-header-notification-badge { position:absolute; top:-4px; right:-4px; min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:#e11d48; color:#fff; border:2px solid #08080c; display:inline-flex; align-items:center; justify-content:center; font-size:11px; font-weight:900; line-height:1; box-shadow:0 8px 18px rgba(225,29,72,.35); }
      .novaplay-header-notification-badge[hidden], .novaplay-header-notification-entry[hidden] { display:none!important; }
      .novaplay-header-notification-count { margin-left:auto; min-width:22px; height:22px; padding:0 7px; border-radius:999px; background:rgba(225,29,72,.16); border:1px solid rgba(225,29,72,.35); color:#fb7185; display:inline-flex; align-items:center; justify-content:center; font-size:12px; font-weight:900; }

      /* --- MOBILE ELEMENTS & CLUSTER --- */
      .mob-burger { display: none; background: transparent; border: none; color: #fff; font-size: 26px; cursor: pointer; padding: 5px; transition: transform 0.3s, color 0.3s;}
      .mob-burger:active { transform: scale(0.9); color: var(--neon-blue); }
      .right-cluster { display: flex; align-items: center; gap: 20px; }

      .dim-bg { position:fixed; inset:0; background:rgba(0,0,0,0.85); backdrop-filter:blur(8px); z-index:99999; opacity: 0; visibility:hidden; transition: all 0.5s;}
      .dim-bg.open { opacity: 1; visibility:visible;}

      /*======================================================
         SMART PHONES FIX (Meniurile mici / Textele vizibile)
      ======================================================*/
      @media (max-width: 1024px) {
          /* Ascundem Name, nav, badge si codul ca sa intre curat pe un singur rand pe mobil */
          .nav-lux, .btn-auth-link, .u-alias, .desktop-badge { display: none; }
          .mob-burger { display: block; }
          html, body { max-width: 100%; overflow-x: hidden; }

          .super-navbar { padding: 12px 0; overflow-x: clip; }
          .nav-container { padding: 0 15px; max-width: 100%; box-sizing: border-box; }

          /* Cluster Chip Avatar: compact pe mobil */
          .identity-chip { gap: 8px; padding: 4px; background: rgba(255,255,255,0.02); max-width: calc(100vw - 92px); }
          .c-code { display: none !important; }

          /* Show Smart Arrow Arrow & Setup Animation Drop */
          .mob-drop-arrow {
              display: inline-block; color: #fff; font-size: 12px; padding-right:6px;
              transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
          }
          /* Clasa de flip arrow prin javascript click  */
          .identity-chip.menu-deschis .mob-drop-arrow { transform: rotate(-180deg); color: var(--neon-blue); }

          /* Resizing the visual circle on phone */
          .ro-beton-wrapper { width: 44px; height: 44px; }
          .ro-avatar-inner { width: 38px; height: 38px; }
          .ro-avatar-inner img { width: 34px; height: 34px; }

          /* Hyper menu fixed directly underneath */
          .hyper-menu { right: 0; width: min(260px, calc(100vw - 24px)); top: calc(100% + 20px); z-index: 10000; }
          .hyper-menu::before {
              content: ''; position: absolute; top: -8px; right: 65px;
              border-width: 0 8px 8px 8px; border-style: solid;
              border-color: transparent transparent rgba(12, 12, 16, 0.95) transparent;
          }

          /* Nologin mobile icon center */
          .btn-auth { padding: 10px; border-radius: 50%; font-size: 15px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
          .btn-auth-text { display: none; }
          .btn-auth i { margin: 0 !important; }

          .app-drawer { padding: 20px 20px; }
          .app-drawer h2 { font-size: 18px !important; }
      }

      /* Drawer Mobile Layout Slider Navigare */
      .app-drawer {
          position: fixed; top: 0; right: -100%; width: 100%; max-width: 320px; height: 100vh;
          background: #0f0f15; border-left: 1px solid var(--glass-border); z-index: 100000;
          display: flex; flex-direction: column; transition: right 0.5s cubic-bezier(0.77, 0, 0.175, 1);
          box-shadow: -20px 0 60px rgba(0,0,0,0.95); overflow-y: auto;
      }
      .app-drawer.open { right: 0; }
      .x-btn { position: absolute; top: 24px; right: 24px; font-size: 26px; color: #a1a1aa; cursor:pointer; background:0; border:0; transition: color 0.3s, transform 0.4s;}
      .x-btn:hover { color: #ef4444; transform: rotate(180deg) scale(1.1); }

      .drawer-list { margin: 10px 0; padding: 0; list-style: none; flex: 1 1 auto; overflow-y: auto; min-height: 0; }
      .drawer-list li { transform: translateX(30px); opacity: 0; transition: all 0.4s ease; }
      .app-drawer.open .drawer-list li { transform: translateX(0); opacity: 1; }
      .app-drawer.open .drawer-list li:nth-child(1) { transition-delay: 0.05s; }
      .app-drawer.open .drawer-list li:nth-child(2) { transition-delay: 0.10s; }
      .app-drawer.open .drawer-list li:nth-child(3) { transition-delay: 0.15s; }
      .app-drawer.open .drawer-list li:nth-child(4) { transition-delay: 0.20s; }
      .app-drawer.open .drawer-list li:nth-child(5) { transition-delay: 0.25s; }
      .app-drawer.open .drawer-list li:nth-child(6) { transition-delay: 0.30s; }
      .app-drawer.open .drawer-list li:nth-child(7) { transition-delay: 0.35s; }

      .drawer-list li a {
          display: flex; align-items: center; gap: 14px; font-size: 15px; color: #d4d4d8;
          padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.03); text-decoration:none; font-weight:600;
          transition: padding-left 0.3s, color 0.3s;
      }
      .drawer-list li a i { font-size: 18px; width: 25px; text-align: center; color: var(--neon-blue); }
      .drawer-list li a:active { background:rgba(255,255,255,0.05); }
      .drawer-list li a:hover { color:#fff; padding-left:10px; }

      /* RO AVATAR SYSTEM */
      :root { --ro-albastru: #0057b8; --ro-galben: #ffd700; --ro-rosu: #ce1126; }
      .ro-beton-wrapper {
        position: relative; width: 56px; height: 56px; border-radius: 50%;
        display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 1;
        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }
      .ro-beton-wrapper:hover { transform: translateY(-3px) scale(1.03); }
      .ro-beton-wrapper::before, .ro-beton-wrapper::after {
        content: ""; position: absolute; inset: 0px; border-radius: 50%;
        background: conic-gradient(from 0deg, var(--ro-albastru) 0%, var(--ro-albastru) 28%, var(--ro-galben) 33.3%, var(--ro-galben) 61.3%, var(--ro-rosu) 66.6%, var(--ro-rosu) 95%, var(--ro-albastru) 100%);
        animation: ro-spin-beton 16s linear infinite;
      }
      .ro-beton-wrapper::after { z-index: -1; }
      .ro-beton-wrapper::before { z-index: -2; filter: blur(10px); opacity: 0.6; transition: opacity 0.4s ease, filter 0.4s ease; }
      .ro-beton-wrapper:hover::before { opacity: 1; filter: blur(14px); }
      .ro-avatar-inner {
        position: relative; width: 48px; height: 48px; background-color: #0b0b0f; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 2; box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.9);
      }
      .ro-avatar-inner img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; z-index: 3; transition: transform 0.4s ease; }
      .ro-beton-wrapper:hover .ro-avatar-inner img { transform: scale(1.12); }
      .ro-avatar-inner::after {
        content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;
        background: linear-gradient( to bottom right, rgba(255,255,255, 0) 0%, rgba(255,255,255, 0) 40%, rgba(255,255,255, 0.4) 50%, rgba(255,255,255, 0) 60%, rgba(255,255,255, 0) 100% );
        transform: rotate(30deg) translateX(-100%); z-index: 4;
      }
      .ro-beton-wrapper:hover .ro-avatar-inner::after { animation: ro-shine-sweep 0.4s ease forwards; }
      @keyframes ro-spin-beton { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
      @keyframes ro-shine-sweep { 100% { transform: rotate(10deg) translateX(100%); } }

/* novaplay-official-header-20260711 */
html body.np-shell-body.pad-top {
      padding-top: 0 !important;
    }

    html body.np-shell-body .super-navbar.np-shell-header {
      position: relative !important;
      inset: auto !important;
      z-index: 10000 !important;
      width: 100% !important;
      padding: 26px 0 24px !important;
      margin: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      backdrop-filter: none !important;
      -webkit-backdrop-filter: none !important;
    }

    html body.np-shell-body .super-navbar.np-shell-header.scrolled {
      padding: 26px 0 24px !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    html body.np-shell-body .nav-container.np-shell-frame {
      width: min(1700px, calc(100% - 104px)) !important;
      max-width: none !important;
      min-height: 128px !important;
      margin: 0 auto !important;
      padding: 0 44px !important;
      display: grid !important;
      grid-template-columns: minmax(430px, 1fr) 330px minmax(540px, 1.12fr) !important;
      align-items: center !important;
      gap: 38px !important;
      border-radius: 28px !important;
      border: 1px solid rgba(130, 196, 255, .16) !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 132, 255, .18), transparent 34%),
        linear-gradient(180deg, rgba(8, 19, 35, .98), rgba(1, 6, 15, .98)) !important;
      box-shadow:
        0 34px 70px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .06),
        inset 0 -1px 0 rgba(0, 0, 0, .55) !important;
      overflow: visible !important;
    }

    html body.np-shell-body .np-shell-nav-left,
    html body.np-shell-body .np-shell-nav-right {
      display: block !important;
      min-width: 0 !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 20px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      list-style: none !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li {
      flex: 0 1 auto !important;
      min-width: 74px !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a {
      position: relative !important;
      min-height: 82px !important;
      padding: 15px 10px 18px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      border-radius: 18px !important;
      color: rgba(255, 255, 255, .94) !important;
      background: transparent !important;
      border: 1px solid transparent !important;
      font-size: 15px !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      text-decoration: none !important;
      letter-spacing: 0 !important;
      text-align: center !important;
      white-space: nowrap !important;
      transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a:hover,
    html body.np-shell-body .nav-lux.np-shell-links li a.is-active {
      color: #fff !important;
      background: rgba(255, 255, 255, .035) !important;
      border-color: rgba(130, 196, 255, .12) !important;
      transform: translateY(-1px) !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a::before {
      display: none !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a::after {
      content: "" !important;
      position: absolute !important;
      left: 18px !important;
      right: 18px !important;
      bottom: -18px !important;
      width: auto !important;
      height: 4px !important;
      border-radius: 999px !important;
      background: linear-gradient(90deg, transparent, #1f8fff, transparent) !important;
      box-shadow: 0 0 22px rgba(31, 143, 255, .9) !important;
      opacity: 0 !important;
      transform: none !important;
      transition: opacity .2s ease !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a:hover::after,
    html body.np-shell-body .nav-lux.np-shell-links li a.is-active::after {
      opacity: 1 !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a i {
      width: auto !important;
      height: 34px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 32px !important;
      line-height: 1 !important;
      opacity: 1 !important;
      filter: drop-shadow(0 0 16px currentColor) !important;
      transform: none !important;
      transition: transform .2s ease, filter .2s ease !important;
    }

    html body.np-shell-body .nav-lux.np-shell-links li a:hover i {
      transform: translateY(-2px) !important;
    }

    html body.np-shell-body .np-nav-home i { color: #188cff !important; }
    html body.np-shell-body .np-nav-packages i { color: #9a4dff !important; }
    html body.np-shell-body .np-nav-apps i { color: #00efbd !important; }
    html body.np-shell-body .np-nav-devices i { color: #ffb21a !important; }
    html body.np-shell-body .np-nav-tutorials i { color: #258dff !important; }
    html body.np-shell-body .np-nav-status i { color: #00e7a9 !important; }
    html body.np-shell-body .np-nav-contact i { color: #b665ff !important; }

    html body.np-shell-body .brand-lux.np-shell-brand {
      width: 330px !important;
      height: 104px !important;
      max-width: 330px !important;
      min-height: 104px !important;
      margin: 0 auto !important;
      padding: 0 22px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 24px !important;
      border: 1px solid rgba(24, 140, 255, .18) !important;
      background:
        radial-gradient(circle at 50% 100%, rgba(0, 132, 255, .24), transparent 62%),
        linear-gradient(180deg, rgba(8, 22, 41, .92), rgba(3, 9, 18, .95)) !important;
      box-shadow:
        0 0 42px rgba(0, 132, 255, .18),
        inset 0 1px 0 rgba(255, 255, 255, .05) !important;
      overflow: hidden !important;
    }

    html body.np-shell-body .brand-lux.np-shell-brand::before,
    html body.np-shell-body .brand-lux.np-shell-brand::after {
      display: none !important;
    }

    html body.np-shell-body .brand-lux.np-shell-brand img {
      width: 286px !important;
      max-width: 286px !important;
      height: auto !important;
      max-height: 92px !important;
      object-fit: contain !important;
      filter:
        drop-shadow(0 12px 24px rgba(0, 0, 0, .55))
        drop-shadow(0 0 18px rgba(0, 132, 255, .26))
        brightness(1.13)
        contrast(1.08)
        saturate(1.1) !important;
      transform: none !important;
    }

    html body.np-shell-body .brand-lux.np-shell-brand .np-brand-word {
      display: none !important;
    }

    html body.np-shell-body .np-header-right {
      display: grid !important;
      grid-template-columns: minmax(300px, 1fr) auto !important;
      align-items: center !important;
      gap: 30px !important;
      min-width: 0 !important;
    }

    html body.np-shell-body .right-cluster.np-shell-actions,
    html body.np-shell-body .auth-actions {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 18px !important;
      min-width: 0 !important;
    }

    html body.np-shell-body .auth-actions {
      padding-left: 30px !important;
      border-left: 1px solid rgba(209, 227, 255, .22) !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip {
      min-width: 250px !important;
      min-height: 74px !important;
      padding: 8px 16px 8px 8px !important;
      display: grid !important;
      grid-template-columns: 66px minmax(0, 1fr) 18px !important;
      align-items: center !important;
      gap: 14px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 255, 255, .09) !important;
      background: rgba(255, 255, 255, .045) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
      cursor: pointer !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip:hover {
      background: rgba(255, 255, 255, .075) !important;
      border-color: rgba(255, 255, 255, .16) !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .ro-beton-wrapper {
      width: 62px !important;
      height: 62px !important;
      grid-column: 1 !important;
      grid-row: 1 !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .ro-avatar-inner {
      width: 52px !important;
      height: 52px !important;
      background: #07101d !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .ro-avatar-inner img {
      width: 46px !important;
      height: 46px !important;
      object-fit: cover !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .i-text {
      grid-column: 2 !important;
      grid-row: 1 !important;
      min-width: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: flex-start !important;
      text-align: left !important;
      line-height: 1.16 !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .u-alias {
      max-width: 150px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      display: block !important;
      color: #fff !important;
      font-size: 15px !important;
      font-weight: 900 !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .c-meta {
      justify-content: flex-start !important;
      gap: 7px !important;
      margin-top: 5px !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .c-code {
      display: inline-flex !important;
      color: rgba(255, 255, 255, .68) !important;
      font-size: 13px !important;
      font-weight: 700 !important;
      letter-spacing: .02em !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .desktop-badge {
      display: none !important;
    }

    html body.np-shell-body .identity-chip.np-account-chip .mob-drop-arrow {
      grid-column: 3 !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #fff !important;
      font-size: 18px !important;
      padding: 0 !important;
    }

    html body.np-shell-body .hyper-menu.np-account-menu {
      top: calc(100% + 14px) !important;
      right: 0 !important;
      text-align: left !important;
    }

    html body.np-shell-body .btn-auth-link.np-recover-link {
      display: none !important;
    }

    html body.np-shell-body .btn-auth.np-login-btn {
      min-width: 180px !important;
      min-height: 58px !important;
      padding: 0 26px !important;
      border-radius: 999px !important;
      color: #07101d !important;
      background: #f4f7fb !important;
      border: 1px solid rgba(255, 255, 255, .28) !important;
      box-shadow: 0 16px 32px rgba(0, 0, 0, .2) !important;
    }

    html body.np-shell-body .mob-burger.np-burger {
      display: none !important;
    }

    @media (max-width: 1420px) {
      html body.np-shell-body .nav-container.np-shell-frame {
        width: min(1260px, calc(100% - 48px)) !important;
        grid-template-columns: minmax(350px, 1fr) 250px minmax(430px, 1.05fr) !important;
        gap: 22px !important;
        padding: 0 26px !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand {
        width: 250px !important;
        max-width: 250px !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand img {
        width: 222px !important;
        max-width: 222px !important;
      }

      html body.np-shell-body .nav-lux.np-shell-links li {
        min-width: 64px !important;
      }

      html body.np-shell-body .nav-lux.np-shell-links li a {
        font-size: 13px !important;
        padding-inline: 6px !important;
      }

      html body.np-shell-body .nav-lux.np-shell-links li a i {
        font-size: 27px !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip {
        min-width: 210px !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body .super-navbar.np-shell-header {
        padding: 14px 0 16px !important;
      }

      html body.np-shell-body .nav-container.np-shell-frame {
        width: calc(100% - 28px) !important;
        min-height: 74px !important;
        grid-template-columns: 1fr auto auto !important;
        gap: 12px !important;
        padding: 0 14px !important;
        border-radius: 20px !important;
      }

      html body.np-shell-body .np-shell-nav-left,
      html body.np-shell-body .np-shell-nav-right {
        display: none !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand {
        width: 176px !important;
        height: 62px !important;
        min-height: 62px !important;
        max-width: 176px !important;
        justify-self: start !important;
        padding: 0 12px !important;
        border-radius: 16px !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand img {
        width: 150px !important;
        max-width: 150px !important;
        max-height: 54px !important;
      }

      html body.np-shell-body .np-header-right {
        grid-column: 2 / 4 !important;
        display: flex !important;
        justify-content: flex-end !important;
        gap: 10px !important;
      }

      html body.np-shell-body .auth-actions {
        border-left: 0 !important;
        padding-left: 0 !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip {
        min-width: 0 !important;
        min-height: 54px !important;
        grid-template-columns: 52px 18px !important;
        gap: 6px !important;
        padding: 5px 10px 5px 5px !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip .i-text {
        display: none !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 48px !important;
        height: 48px !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip .ro-avatar-inner {
        width: 40px !important;
        height: 40px !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip .ro-avatar-inner img {
        width: 36px !important;
        height: 36px !important;
      }

      html body.np-shell-body .btn-auth.np-login-btn {
        min-width: 54px !important;
        width: 54px !important;
        min-height: 54px !important;
        height: 54px !important;
        padding: 0 !important;
      }

      html body.np-shell-body .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }

      html body.np-shell-body .mob-burger.np-burger {
        width: 54px !important;
        height: 54px !important;
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 54px !important;
        border-radius: 16px !important;
        color: #fff !important;
        background: rgba(255, 255, 255, .055) !important;
        border: 1px solid rgba(130, 196, 255, .16) !important;
        font-size: 22px !important;
      }
    }

    @media (max-width: 560px) {
      html body.np-shell-body .nav-container.np-shell-frame {
        width: calc(100% - 18px) !important;
        min-height: 66px !important;
        padding: 0 9px !important;
        border-radius: 18px !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand {
        width: 136px !important;
        height: 54px !important;
        min-height: 54px !important;
        max-width: 136px !important;
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
      }

      html body.np-shell-body .brand-lux.np-shell-brand img {
        width: 128px !important;
        max-width: 128px !important;
      }

      html body.np-shell-body .identity-chip.np-account-chip,
      html body.np-shell-body .btn-auth.np-login-btn,
      html body.np-shell-body .mob-burger.np-burger {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
      }
    }

    html body.np-shell-body header#luxNav.super-navbar.np-shell-header {
      position: relative !important;
      inset: auto !important;
      width: 100% !important;
      padding: 26px 0 24px !important;
      margin: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
      width: min(1700px, calc(100% - 104px)) !important;
      max-width: none !important;
      min-height: 128px !important;
      height: auto !important;
      padding: 0 44px !important;
      display: grid !important;
      grid-template-columns: minmax(430px, 1fr) 330px minmax(540px, 1.12fr) !important;
      align-items: center !important;
      gap: 38px !important;
      border-radius: 28px !important;
      border: 1px solid rgba(130, 196, 255, .16) !important;
      background:
        radial-gradient(circle at 50% 0%, rgba(0, 132, 255, .18), transparent 34%),
        linear-gradient(180deg, rgba(8, 19, 35, .98), rgba(1, 6, 15, .98)) !important;
      box-shadow: 0 34px 70px rgba(0, 0, 0, .38), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
    }

    html body.np-shell-body header#luxNav .np-shell-nav-left,
    html body.np-shell-body header#luxNav .np-shell-nav-right {
      display: block !important;
      position: static !important;
      width: 100% !important;
      justify-self: stretch !important;
    }

    html body.np-shell-body header#luxNav .np-shell-nav-left {
      grid-column: 1 !important;
      grid-row: 1 !important;
      align-self: center !important;
    }

    html body.np-shell-body header#luxNav .np-shell-nav-right {
      grid-column: 1 !important;
      grid-row: 1 !important;
      align-self: center !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 20px !important;
      width: 100% !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li {
      min-width: 74px !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a {
      min-height: 82px !important;
      height: auto !important;
      padding: 15px 10px 18px !important;
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      border-radius: 18px !important;
      color: rgba(255, 255, 255, .94) !important;
      font-size: 15px !important;
      font-weight: 800 !important;
      line-height: 1.05 !important;
      white-space: nowrap !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
      height: 34px !important;
      display: grid !important;
      place-items: center !important;
      font-size: 32px !important;
      line-height: 1 !important;
      filter: drop-shadow(0 0 16px currentColor) !important;
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
      width: 330px !important;
      height: 104px !important;
      max-width: 330px !important;
      min-height: 104px !important;
      padding: 0 22px !important;
      display: flex !important;
      position: relative !important;
      grid-column: 2 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 24px !important;
      border: 1px solid rgba(24, 140, 255, .18) !important;
      background: radial-gradient(circle at 50% 100%, rgba(0, 132, 255, .24), transparent 62%), linear-gradient(180deg, rgba(8, 22, 41, .92), rgba(3, 9, 18, .95)) !important;
      box-shadow: 0 0 42px rgba(0, 132, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
      width: 286px !important;
      max-width: 286px !important;
      height: auto !important;
      max-height: 92px !important;
      object-fit: contain !important;
    }

    html body.np-shell-body header#luxNav .np-header-right {
      display: grid !important;
      position: static !important;
      grid-column: 3 !important;
      grid-row: 1 !important;
      justify-self: stretch !important;
      width: auto !important;
      grid-template-columns: minmax(300px, 1fr) auto !important;
      align-items: center !important;
      gap: 30px !important;
    }

    html body.np-shell-body header#luxNav .right-cluster.np-shell-actions {
      width: auto !important;
      min-width: 0 !important;
      justify-self: end !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
      display: inline-flex !important;
      min-width: 180px !important;
      width: auto !important;
      min-height: 58px !important;
      height: auto !important;
      opacity: 1 !important;
      visibility: visible !important;
    }

    html body.np-shell-body header#luxNav .auth-actions {
      padding-left: 30px !important;
      border-left: 1px solid rgba(209, 227, 255, .22) !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
      min-width: 250px !important;
      min-height: 74px !important;
      padding: 8px 16px 8px 8px !important;
      display: grid !important;
      grid-template-columns: 66px minmax(0, 1fr) 18px !important;
      gap: 14px !important;
    }

    html body.np-shell-body header#luxNav .mob-burger.np-burger {
      display: none !important;
    }

    @media (max-width: 1420px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1260px, calc(100% - 48px)) !important;
        grid-template-columns: minmax(350px, 1fr) 250px minmax(430px, 1.05fr) !important;
        min-height: 102px !important;
        gap: 22px !important;
        padding: 0 26px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        width: 250px !important;
        max-width: 250px !important;
        height: 86px !important;
        min-height: 86px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 222px !important;
        max-width: 222px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a {
        min-height: 74px !important;
        font-size: 13px !important;
        padding-inline: 6px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        font-size: 27px !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header {
        padding: 14px 0 16px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 28px) !important;
        min-height: 74px !important;
        grid-template-columns: 1fr auto auto !important;
        gap: 12px !important;
        padding: 0 14px !important;
        border-radius: 20px !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 176px !important;
        height: 62px !important;
        min-height: 62px !important;
        max-width: 176px !important;
        justify-self: start !important;
        padding: 0 12px !important;
        border-radius: 16px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 150px !important;
        max-width: 150px !important;
        max-height: 54px !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-column: 2 / 4 !important;
        grid-row: 1 !important;
        display: flex !important;
        justify-content: flex-end !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        border-left: 0 !important;
        padding-left: 0 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 0 !important;
        min-height: 54px !important;
        grid-template-columns: 52px 18px !important;
        padding: 5px 10px 5px 5px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .i-text {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 54px !important;
        height: 54px !important;
        display: inline-grid !important;
        place-items: center !important;
      }
    }

    @media (max-width: 560px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 18px) !important;
        min-height: 66px !important;
        padding: 0 9px !important;
        grid-template-columns: 1fr auto auto !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        grid-column: 1 !important;
        width: 136px !important;
        max-width: 136px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 128px !important;
        max-width: 128px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
      }
    }

    /* Final match for the official floating header reference */
    html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
      min-height: 156px !important;
      padding: 0 46px !important;
      border-radius: 26px !important;
      background:
        radial-gradient(circle at 50% 100%, rgba(0, 89, 255, .17), transparent 36%),
        radial-gradient(circle at 52% 10%, rgba(17, 24, 39, .9), transparent 42%),
        linear-gradient(180deg, #050c17 0%, #030915 100%) !important;
      border: 1px solid rgba(164, 207, 255, .12) !important;
      box-shadow:
        0 24px 52px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .055),
        inset 0 -1px 0 rgba(0, 0, 0, .72) !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
      gap: 18px !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover {
      min-height: 104px !important;
      padding: 18px 8px 22px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      transform: none !important;
      color: #fff !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      text-shadow: 0 1px 14px rgba(0, 0, 0, .55) !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a::after {
      left: 10px !important;
      right: 10px !important;
      bottom: 4px !important;
      height: 4px !important;
      border-radius: 999px !important;
      background: linear-gradient(90deg, #0789ff, #20a4ff) !important;
      box-shadow: 0 0 18px rgba(18, 148, 255, .95), 0 0 42px rgba(18, 148, 255, .45) !important;
      opacity: 0 !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active::after,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover::after {
      opacity: 1 !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
      height: 42px !important;
      font-size: 35px !important;
      filter:
        drop-shadow(0 0 10px currentColor)
        drop-shadow(0 0 22px rgba(0, 0, 0, .45)) !important;
      text-shadow: none !important;
    }

    html body.np-shell-body header#luxNav .np-nav-home i { color: #118dff !important; }
    html body.np-shell-body header#luxNav .np-nav-packages i { color: #9b4dff !important; }
html body.np-shell-body header#luxNav .np-nav-about i { color: #22d3ee !important; }
html body.np-shell-body header#luxNav .np-nav-faq i { color: #ffcf4a !important; }
    html body.np-shell-body header#luxNav .np-nav-apps i { color: #00e8ba !important; }
    html body.np-shell-body header#luxNav .np-nav-devices i { color: #ffb31a !important; }
    html body.np-shell-body header#luxNav .np-nav-tutorials i { color: #168dff !important; }
    html body.np-shell-body header#luxNav .np-nav-status i { color: #00e2aa !important; }
    html body.np-shell-body header#luxNav .np-nav-contact i { color: #b45cff !important; }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
      width: 330px !important;
      height: 116px !important;
      min-height: 116px !important;
      padding: 0 18px !important;
      border-radius: 22px !important;
      background:
        radial-gradient(circle at 50% 100%, rgba(0, 119, 255, .26), transparent 58%),
        linear-gradient(180deg, rgba(7, 21, 42, .84), rgba(2, 8, 18, .92)) !important;
      border: 1px solid rgba(17, 140, 255, .14) !important;
      box-shadow:
        0 0 38px rgba(0, 119, 255, .20),
        inset 0 -2px 0 rgba(0, 119, 255, .42),
        inset 0 1px 0 rgba(255, 255, 255, .045) !important;
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
      width: 300px !important;
      max-width: 300px !important;
      max-height: 104px !important;
      filter:
        drop-shadow(0 18px 30px rgba(0, 0, 0, .62))
        drop-shadow(0 0 20px rgba(0, 140, 255, .34))
        brightness(1.15)
        contrast(1.08)
        saturate(1.12) !important;
    }

    html body.np-shell-body header#luxNav .auth-actions {
      min-height: 86px !important;
      padding-left: 34px !important;
      border-left: 1px solid rgba(202, 220, 255, .24) !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
      min-width: 278px !important;
      min-height: 88px !important;
      padding: 8px 0 8px 0 !important;
      grid-template-columns: 74px minmax(0, 1fr) 22px !important;
      gap: 16px !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
      width: 70px !important;
      height: 70px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
      width: 58px !important;
      height: 58px !important;
      background: #08101d !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
      width: 46px !important;
      height: 46px !important;
      opacity: .96 !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
      max-width: 170px !important;
      font-size: 15px !important;
      font-weight: 900 !important;
      line-height: 1.15 !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
      margin-top: 2px !important;
      color: rgba(255, 255, 255, .72) !important;
      font-size: 14px !important;
      font-weight: 650 !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
      color: #fff !important;
      font-size: 18px !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
      min-width: 204px !important;
      min-height: 70px !important;
      padding: 0 24px !important;
      border-radius: 999px !important;
      color: #fff !important;
      background: rgba(255, 255, 255, .045) !important;
      border: 1px solid rgba(255, 255, 255, .10) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
      font-size: 14px !important;
      font-weight: 900 !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:hover {
      background: rgba(255, 255, 255, .075) !important;
      transform: none !important;
    }

    @media (max-width: 1420px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        min-height: 124px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        height: 98px !important;
        min-height: 98px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 232px !important;
        max-width: 232px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a {
        min-height: 88px !important;
        font-size: 14px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        font-size: 30px !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        min-height: 74px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        height: 62px !important;
        min-height: 62px !important;
        width: 176px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 150px !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        min-height: 0 !important;
        border-left: 0 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 0 !important;
        min-height: 54px !important;
        grid-template-columns: 52px 18px !important;
      }
    }

    /* Compact correction: keep the bar close to the provided reference */
    html body.np-shell-body header#luxNav.super-navbar.np-shell-header {
      padding: 20px 0 22px !important;
    }

    html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
      width: min(1660px, calc(100% - 240px)) !important;
      min-height: 126px !important;
      padding: 0 38px !important;
      grid-template-columns: minmax(390px, 1fr) 292px minmax(500px, 1.08fr) !important;
      gap: 34px !important;
      border-radius: 24px !important;
    }

    html body.np-shell-body header#luxNav .np-shell-nav-left,
    html body.np-shell-body header#luxNav .np-shell-nav-right,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      outline: 0 !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
      gap: 14px !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li {
      min-width: 68px !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active,
    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover {
      min-height: 82px !important;
      padding: 10px 6px 16px !important;
      font-size: 14px !important;
      font-weight: 700 !important;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
      height: 32px !important;
      font-size: 27px !important;
      filter: drop-shadow(0 0 9px currentColor) !important;
    }

    html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a::after {
      left: 8px !important;
      right: 8px !important;
      bottom: -2px !important;
      height: 3px !important;
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
      width: 292px !important;
      max-width: 292px !important;
      height: 86px !important;
      min-height: 86px !important;
      padding: 0 14px !important;
      border-radius: 18px !important;
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
      width: 252px !important;
      max-width: 252px !important;
      max-height: 76px !important;
    }

    html body.np-shell-body header#luxNav .np-header-right {
      grid-template-columns: minmax(260px, 1fr) auto !important;
      gap: 28px !important;
    }

    html body.np-shell-body header#luxNav .auth-actions {
      min-height: 68px !important;
      padding-left: 28px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
      min-width: 236px !important;
      min-height: 68px !important;
      grid-template-columns: 58px minmax(0, 1fr) 18px !important;
      gap: 12px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
      width: 56px !important;
      height: 56px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
      width: 46px !important;
      height: 46px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
      width: 38px !important;
      height: 38px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
      font-size: 14px !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
      font-size: 13px !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
      min-width: 162px !important;
      min-height: 54px !important;
      padding: 0 18px !important;
      font-size: 12px !important;
    }

    @media (max-width: 1420px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1240px, calc(100% - 44px)) !important;
        min-height: 96px !important;
        grid-template-columns: minmax(340px, 1fr) 230px minmax(400px, 1fr) !important;
        gap: 20px !important;
        padding: 0 22px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        width: 230px !important;
        max-width: 230px !important;
        height: 72px !important;
        min-height: 72px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 198px !important;
        max-width: 198px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a {
        min-height: 70px !important;
        font-size: 12px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        font-size: 23px !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 28px) !important;
        min-height: 68px !important;
        grid-template-columns: 1fr auto auto !important;
      }
    }

    /* Mobile drawer final: dark, compact, usable */
    html body.np-shell-body .dim-bg.np-dim-bg {
      position: fixed !important;
      inset: 0 !important;
      z-index: 100000 !important;
      background: rgba(0, 0, 0, .72) !important;
      backdrop-filter: blur(8px) !important;
      -webkit-backdrop-filter: blur(8px) !important;
    }

    html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer {
      position: fixed !important;
      top: 0 !important;
      right: -100% !important;
      bottom: 0 !important;
      left: auto !important;
      width: min(340px, 88vw) !important;
      max-width: 340px !important;
      height: 100dvh !important;
      min-height: 100dvh !important;
      padding: 18px 16px 16px !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 14px !important;
      overflow-y: auto !important;
      overflow-x: hidden !important;
      background:
        radial-gradient(circle at 24% 0%, rgba(22, 143, 255, .18), transparent 34%),
        linear-gradient(180deg, #071322 0%, #030912 100%) !important;
      border-left: 1px solid rgba(132, 198, 255, .18) !important;
      box-shadow: -28px 0 70px rgba(0, 0, 0, .56) !important;
      color: #eef6ff !important;
      transition: right .34s cubic-bezier(.22, 1, .36, 1) !important;
    }

    html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer.open {
      right: 0 !important;
    }

    html body.np-shell-body aside#sideUi .x-btn.np-drawer-close {
      position: absolute !important;
      top: 16px !important;
      right: 16px !important;
      width: 42px !important;
      height: 42px !important;
      padding: 0 !important;
      display: grid !important;
      place-items: center !important;
      border-radius: 14px !important;
      border: 1px solid rgba(144, 207, 255, .22) !important;
      background: rgba(255, 255, 255, .055) !important;
      color: #dcecff !important;
      font-size: 18px !important;
      line-height: 1 !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
      z-index: 2 !important;
    }

    html body.np-shell-body aside#sideUi .x-btn.np-drawer-close:hover {
      color: #fff !important;
      transform: none !important;
      background: rgba(255, 255, 255, .09) !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-head {
      flex: 0 0 auto !important;
      min-height: 0 !important;
      padding: 2px 56px 12px 0 !important;
      margin: 0 !important;
      display: grid !important;
      gap: 10px !important;
      border-bottom: 1px solid rgba(144, 207, 255, .12) !important;
      background: transparent !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-head img {
      width: 152px !important;
      max-width: 152px !important;
      height: 54px !important;
      max-height: 54px !important;
      object-fit: contain !important;
      object-position: left center !important;
      filter:
        drop-shadow(0 10px 18px rgba(0, 0, 0, .45))
        drop-shadow(0 0 16px rgba(25, 147, 255, .20))
        brightness(1.12)
        saturate(1.08) !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-head p {
      margin: 0 !important;
      color: rgba(230, 242, 255, .78) !important;
      font-size: 13px !important;
      line-height: 1.45 !important;
      font-weight: 600 !important;
    }

    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list {
      flex: 0 0 auto !important;
      min-height: 0 !important;
      height: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 8px !important;
      overflow: visible !important;
      list-style: none !important;
    }

    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li {
      min-height: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }

    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a {
      min-height: 48px !important;
      height: 48px !important;
      padding: 0 14px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important;
      gap: 12px !important;
      border-radius: 14px !important;
      border: 1px solid rgba(144, 207, 255, .14) !important;
      background: rgba(255, 255, 255, .04) !important;
      color: rgba(244, 248, 255, .94) !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
      text-decoration: none !important;
      font-size: 14px !important;
      line-height: 1 !important;
      font-weight: 800 !important;
      white-space: nowrap !important;
    }

    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a:hover,
    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a:active {
      padding-left: 14px !important;
      color: #fff !important;
      background: rgba(25, 147, 255, .12) !important;
      border-color: rgba(65, 169, 255, .34) !important;
    }

    html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a i {
      width: 22px !important;
      height: 22px !important;
      display: grid !important;
      place-items: center !important;
      flex: 0 0 22px !important;
      color: #2aa7ff !important;
      font-size: 18px !important;
      line-height: 1 !important;
      text-align: center !important;
      filter: drop-shadow(0 0 10px rgba(42, 167, 255, .42)) !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-auth {
      flex: 0 0 auto !important;
      margin: auto 0 0 !important;
      padding: 14px 0 0 !important;
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 9px !important;
      border-top: 1px solid rgba(144, 207, 255, .12) !important;
      background: transparent !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth {
      width: 100% !important;
      min-width: 0 !important;
      height: 48px !important;
      min-height: 48px !important;
      padding: 0 16px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(144, 207, 255, .18) !important;
      background: rgba(255, 255, 255, .06) !important;
      color: #f5f9ff !important;
      font-size: 14px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      text-decoration: none !important;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 22px rgba(0, 0, 0, .20) !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth i {
      margin: 0 !important;
      color: #8ad9ff !important;
      font-size: 15px !important;
    }

    html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth .btn-auth-text {
      display: inline !important;
      color: inherit !important;
      font: inherit !important;
    }

    @media (max-width: 420px) {
      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer {
        width: min(320px, 92vw) !important;
        padding: 16px 14px 14px !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-head img {
        width: 138px !important;
        max-width: 138px !important;
      }
    }

    /* Reference-locked header and mobile menu */
    @media (min-width: 1181px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: relative !important;
        width: 100% !important;
        padding: 10px 0 12px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1480px, calc(100% - 300px)) !important;
        max-width: 1480px !important;
        min-height: 114px !important;
        margin: 0 auto !important;
        padding: 0 28px !important;
        display: grid !important;
        grid-template-columns: minmax(390px, 1fr) 440px minmax(500px, 1.08fr) !important;
        align-items: center !important;
        gap: 26px !important;
        border-radius: 20px !important;
        border: 1px solid rgba(152, 196, 255, .14) !important;
        background:
          radial-gradient(circle at 50% 100%, rgba(18, 105, 255, .22), transparent 36%),
          radial-gradient(circle at 64% 16%, rgba(255, 150, 20, .075), transparent 30%),
          linear-gradient(180deg, #05101d 0%, #030914 100%) !important;
        box-shadow:
          0 28px 54px rgba(0, 0, 0, .28),
          inset 0 1px 0 rgba(255, 255, 255, .055),
          inset 0 -1px 0 rgba(0, 0, 0, .72) !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right {
        display: block !important;
        min-width: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 18px !important;
        list-style: none !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li {
        min-width: 62px !important;
        flex: 0 1 auto !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active {
        position: relative !important;
        min-height: 62px !important;
        padding: 8px 5px 13px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #fff !important;
        text-decoration: none !important;
        text-align: center !important;
        white-space: nowrap !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-shadow: 0 2px 16px rgba(0, 0, 0, .58) !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a::before {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a::after {
        content: "" !important;
        position: absolute !important;
        left: 10px !important;
        right: 10px !important;
        bottom: 0 !important;
        width: auto !important;
        height: 4px !important;
        border-radius: 999px !important;
        background: linear-gradient(90deg, #0b88ff, #27b4ff) !important;
        box-shadow: 0 0 18px rgba(31, 148, 255, .95), 0 0 42px rgba(31, 148, 255, .38) !important;
        opacity: 0 !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover::after,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active::after {
        opacity: 1 !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        width: auto !important;
        height: 24px !important;
        display: grid !important;
        place-items: center !important;
        font-size: 23px !important;
        line-height: 1 !important;
        filter: drop-shadow(0 0 10px currentColor) !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        z-index: 4 !important;
        grid-column: auto !important;
        width: 300px !important;
        max-width: 300px !important;
        min-width: 300px !important;
        height: 76px !important;
        min-height: 76px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
        border: 1px solid rgba(18, 124, 255, .16) !important;
        background:
          radial-gradient(circle at 50% 100%, rgba(0, 124, 255, .24), transparent 60%),
          linear-gradient(180deg, rgba(7, 20, 39, .86), rgba(2, 8, 18, .94)) !important;
        box-shadow:
          0 0 36px rgba(0, 116, 255, .18),
          inset 0 -2px 0 rgba(0, 116, 255, .38),
          inset 0 1px 0 rgba(255, 255, 255, .05) !important;
        overflow: visible !important;
        transform: translate(-50%, -50%) !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 392px !important;
        max-width: 392px !important;
        height: 130px !important;
        max-height: 130px !important;
        aspect-ratio: 536 / 177 !important;
        object-fit: contain !important;
        filter:
          drop-shadow(0 12px 24px rgba(0, 0, 0, .58))
          drop-shadow(0 0 18px rgba(0, 132, 255, .32))
          brightness(1.12)
          contrast(1.06)
          saturate(1.08) !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-column: 3 !important;
        display: grid !important;
        grid-template-columns: minmax(240px, 1fr) auto !important;
        align-items: center !important;
        gap: 22px !important;
        min-width: 0 !important;
      }

      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 18px !important;
        min-width: 0 !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        min-height: 52px !important;
        padding-left: 22px !important;
        border-left: 1px solid rgba(202, 220, 255, .24) !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 202px !important;
        min-height: 52px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) 14px !important;
        gap: 10px !important;
        align-items: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 50px !important;
        height: 50px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 44px !important;
        height: 44px !important;
        background: #091321 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper::after {
        inset: 0 !important;
        z-index: 0 !important;
        background:
          conic-gradient(from 215deg,
            #148dff 0deg,
            #15c8ff 82deg,
            #7b4dff 150deg,
            #c238ff 214deg,
            #ffd21f 284deg,
            #ff3b38 326deg,
            #148dff 360deg) !important;
        filter: none !important;
        opacity: 1 !important;
        animation: ro-spin-beton 9s linear infinite !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper::before {
        inset: -2px !important;
        z-index: -1 !important;
        background:
          conic-gradient(from 215deg,
            rgba(20, 141, 255, .95),
            rgba(21, 200, 255, .78),
            rgba(123, 77, 255, .82),
            rgba(194, 56, 255, .72),
            rgba(255, 210, 31, .88),
            rgba(255, 59, 56, .72),
            rgba(20, 141, 255, .95)) !important;
        filter: blur(7px) !important;
        opacity: .56 !important;
        animation: ro-spin-beton 9s linear infinite !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        position: relative !important;
        z-index: 2 !important;
        border: 2px solid rgba(7, 14, 26, .96) !important;
        box-shadow:
          inset 0 0 0 1px rgba(255, 255, 255, .07),
          inset 0 0 16px rgba(0, 0, 0, .72) !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
        content: "\f007" !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, .92) !important;
        font-size: 24px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
        display: block !important;
        max-width: 132px !important;
        color: #fff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
        display: block !important;
        margin-top: 4px !important;
        color: rgba(255, 255, 255, .72) !important;
        font-size: 12px !important;
        font-weight: 650 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
        display: inline-grid !important;
        place-items: center !important;
        color: #fff !important;
        font-size: 14px !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        display: none !important;
      }
    }

    @media (max-width: 1500px) and (min-width: 1181px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1180px, calc(100% - 44px)) !important;
        min-height: 88px !important;
        padding: 0 18px !important;
        grid-template-columns: minmax(280px, 1fr) 330px minmax(340px, 1.05fr) !important;
        gap: 18px !important;
        border-radius: 18px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active {
        min-height: 54px !important;
        padding: 7px 4px 12px !important;
        font-size: 11px !important;
        gap: 5px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        height: 20px !important;
        font-size: 19px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        width: 230px !important;
        max-width: 230px !important;
        min-width: 230px !important;
        height: 58px !important;
        min-height: 58px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 296px !important;
        max-width: 296px !important;
        height: 98px !important;
        max-height: 98px !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-template-columns: minmax(260px, 1fr) auto !important;
        gap: 24px !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        padding-left: 24px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 224px !important;
        grid-template-columns: 56px minmax(0, 1fr) 16px !important;
        gap: 10px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 56px !important;
        height: 56px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 46px !important;
        height: 46px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
        font-size: 27px !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: relative !important;
        padding: 12px 0 14px !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 24px) !important;
        min-height: 68px !important;
        padding: 0 12px !important;
        display: grid !important;
        grid-template-columns: 1fr auto !important;
        gap: 10px !important;
        border-radius: 20px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        grid-column: 1 !important;
        justify-self: start !important;
        width: 146px !important;
        max-width: 146px !important;
        min-width: 146px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 132px !important;
        max-width: 132px !important;
        height: 44px !important;
        max-height: 44px !important;
        aspect-ratio: 536 / 177 !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-column: 2 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .btn-auth-link.np-recover-link {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        display: flex !important;
        padding: 0 !important;
        border: 0 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 16px !important;
        border: 1px solid rgba(126, 194, 255, .20) !important;
        background: rgba(255, 255, 255, .055) !important;
        color: #eaf6ff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055) !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }
    }

    html body.np-shell-body #dimWall.dim-bg.np-dim-bg,
    html body.np-shell-body #dimWall.dim-bg.np-dim-bg.open {
      z-index: 100100 !important;
      background: rgba(1, 5, 12, .70) !important;
      backdrop-filter: blur(7px) !important;
      -webkit-backdrop-filter: blur(7px) !important;
    }

    html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer,
    html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer.open {
      z-index: 100200 !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu {
      top: calc(100% + 12px) !important;
      right: 0 !important;
      width: 330px !important;
      padding: 10px !important;
      border-radius: 18px !important;
      border: 1px solid rgba(126, 194, 255, .18) !important;
      background:
        radial-gradient(circle at 18% 0%, rgba(25, 147, 255, .18), transparent 36%),
        linear-gradient(180deg, rgba(8, 20, 36, .98), rgba(3, 9, 18, .98)) !important;
      backdrop-filter: blur(22px) saturate(145%) !important;
      -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
      box-shadow:
        0 24px 60px rgba(0, 0, 0, .58),
        inset 0 1px 0 rgba(255, 255, 255, .06) !important;
      overflow: hidden !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-li a,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-li a {
      min-height: 46px !important;
      padding: 0 14px !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      border-radius: 12px !important;
      color: rgba(235, 246, 255, .92) !important;
      background: transparent !important;
      text-decoration: none !important;
      font-size: 14px !important;
      font-weight: 850 !important;
      line-height: 1.1 !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-li a i,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-li a i {
      width: 22px !important;
      min-width: 22px !important;
      color: #2aa7ff !important;
      font-size: 16px !important;
      text-align: center !important;
      filter: drop-shadow(0 0 10px rgba(42, 167, 255, .35)) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-li a:hover,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-li a:hover {
      padding-left: 14px !important;
      color: #fff !important;
      background: rgba(25, 147, 255, .12) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-li a::before,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-li a::before {
      display: none !important;
    }
    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-section,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-section {
      margin: 10px 6px 7px !important;
      padding: 12px 8px 0 !important;
      border-top: 1px solid rgba(255, 196, 43, .20) !important;
      list-style: none !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-section span,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-section span {
      min-height: 32px !important;
      padding: 0 12px !important;
      display: inline-flex !important;
      align-items: center !important;
      gap: 8px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 196, 43, .30) !important;
      background: linear-gradient(135deg, rgba(255, 196, 43, .16), rgba(255, 112, 58, .08)) !important;
      color: #ffd86f !important;
      font-size: 10px !important;
      font-weight: 950 !important;
      letter-spacing: .16em !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-link a,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-link a {
      margin: 3px 4px !important;
      color: #ffe6a3 !important;
      border: 1px solid rgba(255, 196, 43, .16) !important;
      background: linear-gradient(90deg, rgba(255, 196, 43, .13), rgba(255, 255, 255, .02)) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-link a i,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-link a i {
      color: #ffca45 !important;
      filter: drop-shadow(0 0 11px rgba(255, 196, 43, .48)) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-link a:hover,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-link a:hover {
      color: #fff8df !important;
      border-color: rgba(255, 196, 43, .34) !important;
      background: linear-gradient(90deg, rgba(255, 196, 43, .22), rgba(255, 115, 65, .08)) !important;
    }


    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-logout a,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-logout a {
      color: #ffb4bc !important;
      border-top: 1px solid rgba(126, 194, 255, .10) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-logout a i,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-logout a i {
      color: #ff5c72 !important;
    }

    @keyframes np-logo-soft-float {
      0%, 100% {
        translate: 0 0;
        scale: 1;
        filter:
          drop-shadow(0 12px 24px rgba(0, 0, 0, .58))
          drop-shadow(0 0 18px rgba(0, 132, 255, .32))
          brightness(1.12)
          contrast(1.06)
          saturate(1.08);
      }
      50% {
        translate: 0 -5px;
        scale: 1.045;
        filter:
          drop-shadow(0 16px 28px rgba(0, 0, 0, .62))
          drop-shadow(0 0 28px rgba(0, 154, 255, .46))
          brightness(1.18)
          contrast(1.08)
          saturate(1.12);
      }
    }

    @keyframes np-badge-pop {
      0%, 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 35, 84, .45), 0 8px 20px rgba(255, 0, 60, .38); }
      50% { transform: scale(1.08); box-shadow: 0 0 0 7px rgba(255, 35, 84, 0), 0 10px 24px rgba(255, 0, 60, .55); }
    }

    html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
      animation: np-logo-soft-float 4.8s ease-in-out infinite !important;
      transform-origin: center center !important;
      translate: 0 0;
      scale: 1;
      will-change: transform, filter !important;
    }

    html body.np-shell-body header#luxNav .ro-beton-wrapper {
      overflow: visible !important;
    }

    html body.np-shell-body header#luxNav .novaplay-header-notification-badge,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .novaplay-header-notification-badge {
      top: -9px !important;
      right: -10px !important;
      z-index: 20 !important;
      min-width: 26px !important;
      height: 26px !important;
      padding: 0 8px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      border-radius: 999px !important;
      border: 3px solid #06101d !important;
      background: linear-gradient(135deg, #ff4d7a 0%, #ff003d 58%, #c9002d 100%) !important;
      color: #fff !important;
      font-size: 12px !important;
      font-weight: 950 !important;
      line-height: 1 !important;
      text-shadow: 0 1px 3px rgba(0, 0, 0, .45) !important;
      box-shadow: 0 8px 20px rgba(255, 0, 60, .38), 0 0 0 1px rgba(255, 255, 255, .18) inset !important;
      animation: np-badge-pop 2.2s ease-in-out infinite !important;
    }

    html body.np-shell-body header#luxNav .novaplay-header-notification-badge[hidden],
    html body.np-shell-body header#luxNav .novaplay-header-notification-entry[hidden] {
      display: none !important;
    }

    @media (prefers-reduced-motion: reduce) {
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img,
      html body.np-shell-body header#luxNav .novaplay-header-notification-badge {
        animation: none !important;
      }
    }

    @media (max-width: 1180px) {
      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer {
        top: 0 !important;
        right: -100% !important;
        left: auto !important;
        width: min(332px, 90vw) !important;
        max-width: 332px !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 16px 14px 14px !important;
        gap: 12px !important;
        background:
          radial-gradient(circle at 16% 0%, rgba(20, 144, 255, .18), transparent 35%),
          radial-gradient(circle at 92% 16%, rgba(158, 76, 255, .10), transparent 32%),
          linear-gradient(180deg, #071525 0%, #030a14 100%) !important;
        border-left: 1px solid rgba(126, 194, 255, .20) !important;
        box-shadow: -22px 0 58px rgba(0, 0, 0, .62) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
      }

      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer.open {
        right: 0 !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-head {
        padding: 0 52px 12px 0 !important;
        gap: 8px !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-head img {
        width: 146px !important;
        max-width: 146px !important;
        height: 48px !important;
        max-height: 48px !important;
        aspect-ratio: 536 / 177 !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-head p {
        color: rgba(235, 246, 255, .84) !important;
        font-size: 13px !important;
        line-height: 1.42 !important;
      }

      html body.np-shell-body aside#sideUi .x-btn.np-drawer-close {
        top: 14px !important;
        right: 14px !important;
        width: 40px !important;
        height: 40px !important;
        border-radius: 14px !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list {
        display: grid !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a {
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(126, 194, 255, .16) !important;
        background: rgba(255, 255, 255, .055) !important;
        color: #f5f9ff !important;
        font-size: 14px !important;
        font-weight: 850 !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a i {
        width: 22px !important;
        flex-basis: 22px !important;
        color: #229bff !important;
        font-size: 17px !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth {
        margin-top: auto !important;
        padding-top: 12px !important;
        gap: 8px !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth {
        height: 46px !important;
        min-height: 46px !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .07) !important;
      }
    }

/* novaplay-header-login-button-final-fix */
html body.np-shell-body header#luxNav .auth-actions {
      min-height: 56px !important;
      align-items: center !important;
      gap: 14px !important;
      padding-left: 20px !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
      width: auto !important;
      min-width: 168px !important;
      height: 52px !important;
      min-height: 52px !important;
      padding: 0 22px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 195, 63, .55) !important;
      background: linear-gradient(135deg, #ffd36a 0%, #ffb01f 48%, #ff8a1d 100%) !important;
      color: #06101f !important;
      box-shadow: 0 14px 34px rgba(255, 169, 24, .28), inset 0 1px 0 rgba(255, 255, 255, .45) !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      letter-spacing: 0 !important;
      text-transform: uppercase !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      transform: none !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 18px !important;
      height: 18px !important;
      margin: 0 !important;
      color: #06101f !important;
      font-size: 15px !important;
      line-height: 1 !important;
      opacity: 1 !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
      display: inline-block !important;
      color: #06101f !important;
      font: inherit !important;
      line-height: 1 !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:hover {
      background: linear-gradient(135deg, #ffe08a 0%, #ffc247 48%, #ff9a27 100%) !important;
      border-color: rgba(255, 214, 115, .75) !important;
      box-shadow: 0 16px 38px rgba(255, 169, 24, .34), inset 0 1px 0 rgba(255, 255, 255, .55) !important;
      transform: translateY(-1px) !important;
    }

    @media (max-width: 980px) {
      html body.np-shell-body header#luxNav .auth-actions {
        padding-left: 0 !important;
        border-left: 0 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        min-width: 48px !important;
        width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 0 !important;
        border-radius: 16px !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }
    }

/* novaplay-mobile-real-account-final */
html body.np-shell-body header#luxNav .np-mobile-account-link {
      display: none !important;
    }

    @media (max-width: 980px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header * {
        box-sizing: border-box !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header {
        overflow: visible !important;
        isolation: isolate !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        padding: 8px 12px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav,
      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right,
      html body.np-shell-body header#luxNav .np-recover-link {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: absolute !important;
        left: auto !important;
        right: 116px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 188px !important;
        min-width: 188px !important;
        max-width: 188px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 54px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        filter: none !important;
        overflow: visible !important;
        z-index: 35 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand::before,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand::after {
        display: none !important;
        content: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 188px !important;
        min-width: 188px !important;
        max-width: 188px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: 54px !important;
        display: block !important;
        object-fit: contain !important;
        object-position: center !important;
        aspect-ratio: 536 / 177 !important;
        opacity: 1 !important;
        visibility: visible !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        translate: 0 0 !important;
        scale: 1 !important;
        animation: none !important;
        filter: drop-shadow(0 8px 16px rgba(0,0,0,.62)) drop-shadow(0 0 14px rgba(0,153,255,.42)) brightness(1.22) contrast(1.12) saturate(1.16) !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand .np-brand-word {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        position: absolute !important;
        right: 64px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 60 !important;
      }

      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 46px !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
        border-radius: 16px !important;
        border: 1px solid rgba(126, 194, 255, .36) !important;
        background: linear-gradient(145deg, rgba(9, 23, 43, .98), rgba(4, 12, 24, .98)) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255,255,255,.08) !important;
        cursor: pointer !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 70 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .i-text,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .desktop-badge {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        position: relative !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: block !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper::before,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper::after {
        display: none !important;
        content: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        position: relative !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        overflow: hidden !important;
        border: 2px solid rgba(255, 196, 43, .98) !important;
        background: #06101d !important;
        box-shadow: 0 0 0 2px rgba(0, 153, 255, .25), 0 0 18px rgba(255, 196, 43, .26) !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
        display: inline-grid !important;
        place-items: center !important;
        content: "\f007" !important;
        width: 100% !important;
        height: 100% !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, .92) !important;
        font-size: 21px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
      }

      html body.np-shell-body header#luxNav .novaplay-header-notification-badge,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .novaplay-header-notification-badge {
        top: -6px !important;
        right: -7px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        border-width: 2px !important;
        font-size: 10px !important;
        z-index: 7 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu.np-account-menu {
        position: fixed !important;
        top: 76px !important;
        right: 12px !important;
        left: auto !important;
        width: min(330px, calc(100vw - 24px)) !important;
        max-width: calc(100vw - 24px) !important;
        max-height: min(72vh, 560px) !important;
        overflow-y: auto !important;
        padding: 10px !important;
        border-radius: 18px !important;
        z-index: 99999 !important;
        transform: translateY(-8px) scale(.98) !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip.menu-deschis .hyper-menu.np-account-menu,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip:hover .hyper-menu.np-account-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        border: 1px solid rgba(255, 195, 63, .62) !important;
        background: linear-gradient(135deg, #ffd36a 0%, #ffb01f 48%, #ff8a1d 100%) !important;
        color: #06101f !important;
        box-shadow: 0 12px 28px rgba(255, 169, 24, .24), inset 0 1px 0 rgba(255,255,255,.45) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 70 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
        display: inline-flex !important;
        color: #06101f !important;
        font-size: 17px !important;
        opacity: 1 !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 62 !important;
      }
    }

    @media (max-width: 390px) {
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 190px !important;
        min-width: 190px !important;
        max-width: 190px !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        right: 58px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        border-radius: 14px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 33px !important;
        min-width: 33px !important;
        height: 33px !important;
        min-height: 33px !important;
      }
    }

/* novaplay-header-mobile-hard-final */
html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
      width: auto !important;
      min-width: 156px !important;
      max-width: none !important;
      height: 54px !important;
      min-height: 54px !important;
      max-height: 54px !important;
      padding: 0 24px !important;
      border-radius: 999px !important;
      border: 1px solid rgba(255, 203, 74, .72) !important;
      background: linear-gradient(135deg, #ffe178 0%, #ffbb2e 48%, #ff921f 100%) !important;
      color: #06101f !important;
      box-shadow: 0 18px 42px rgba(255, 174, 31, .28), inset 0 1px 0 rgba(255,255,255,.55) !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 10px !important;
      overflow: hidden !important;
      font-size: 13px !important;
      font-weight: 950 !important;
      line-height: 1 !important;
      letter-spacing: 0 !important;
      text-transform: uppercase !important;
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
    }
    html body.np-shell-body header#luxNav .btn-auth.np-login-btn::before {
      content: none !important;
      display: none !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:hover,
    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:focus-visible {
      background: linear-gradient(135deg, #fff0a8 0%, #ffc849 48%, #ff9a24 100%) !important;
      color: #06101f !important;
      border-color: rgba(255, 218, 110, .88) !important;
      box-shadow: 0 20px 46px rgba(255, 174, 31, .34), inset 0 1px 0 rgba(255,255,255,.62) !important;
      transform: translateY(-1px) !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:hover i,
    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:hover .btn-auth-text,
    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:focus-visible i,
    html body.np-shell-body header#luxNav .btn-auth.np-login-btn:focus-visible .btn-auth-text {
      color: #06101f !important;
      opacity: 1 !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      color: #06101f !important;
      font-size: 15px !important;
      line-height: 1 !important;
      margin: 0 !important;
      opacity: 1 !important;
    }

    html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
      display: inline-flex !important;
      color: #06101f !important;
      font: inherit !important;
      line-height: 1 !important;
      opacity: 1 !important;
    }

    html body.np-shell-body header#luxNav .mob-burger.np-burger {
      display: none !important;
    }

    @media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 70px !important;
        height: 70px !important;
        padding: 8px 12px !important;
        position: relative !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: absolute !important;
        left: auto !important;
        right: 96px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        height: 66px !important;
        min-height: 66px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 20 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        height: 66px !important;
        max-height: 66px !important;
        object-fit: contain !important;
        object-position: center right !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        position: absolute !important;
        right: 12px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: auto !important;
        min-width: 0 !important;
        height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 50 !important;
      }

      html body.np-shell-body header#luxNav .auth-actions,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions {
        width: auto !important;
        min-width: 0 !important;
        height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        position: relative !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        overflow: hidden !important;
        font-size: 0 !important;
        line-height: 0 !important;
        flex: 0 0 46px !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
        display: inline-flex !important;
        font-size: 17px !important;
        margin: 0 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        padding: 0 !important;
        border-radius: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 46px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .user-label,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .chev,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-name,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-code {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: none !important;
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 46px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(159, 193, 231, .28) !important;
        background: rgba(18, 31, 49, .92) !important;
        color: #f7fbff !important;
        box-shadow: 0 12px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 80 !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        display: inline-flex !important;
        color: #f7fbff !important;
        font-size: 19px !important;
        line-height: 1 !important;
      }
    }

    @media (max-width: 430px) {
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 245px !important;
        min-width: 245px !important;
        max-width: 245px !important;
        height: 66px !important;
        max-height: 66px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        right: 88px !important;
      }
    }

/* novaplay-mobile-burger-final */
@media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 78px;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 7px 0 !important;
        display: flex !important;
        align-items: center !important;
        background: linear-gradient(180deg, rgba(3, 9, 20, .96), rgba(3, 9, 20, .72)) !important;
        border: 0 !important;
        box-shadow: 0 14px 34px rgba(0, 0, 0, .34) !important;
        z-index: 10000 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 22px) !important;
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 auto !important;
        padding: 0 8px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(190px, 240px) 96px !important;
        align-items: center !important;
        gap: 0 !important;
        border-radius: 17px !important;
        border: 1px solid rgba(91, 181, 255, .18) !important;
        background:
          radial-gradient(circle at 50% 0%, rgba(20, 118, 255, .18), transparent 62%),
          linear-gradient(135deg, rgba(5, 14, 28, .96), rgba(2, 7, 16, .98)) !important;
        box-shadow: 0 16px 38px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav,
      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links,
      html body.np-shell-body header#luxNav .auth-actions,
      html body.np-shell-body header#luxNav .btn-auth-link.np-recover-link,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        grid-column: 2 !important;
        justify-self: end !important;
        width: clamp(190px, 56vw, 240px) !important;
        min-width: 0 !important;
        max-width: 240px !important;
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 0 !important;
        border-radius: 14px !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 4 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: clamp(190px, 56vw, 240px) !important;
        max-width: 240px !important;
        height: 62px !important;
        max-height: 62px !important;
        display: block !important;
        object-fit: contain !important;
        object-position: center right !important;
        animation: none !important;
        transform: none !important;
        translate: 0 0 !important;
        scale: 1 !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions {
        grid-column: 3 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        width: 96px !important;
        min-width: 96px !important;
        height: 52px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        width: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 15px !important;
        border: 1px solid rgba(255, 190, 48, .46) !important;
        background: linear-gradient(135deg, #ffd45f, #ffad21 58%, #ff851b) !important;
        color: #06111e !important;
        box-shadow: 0 14px 28px rgba(255, 168, 31, .22), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 20 !important;
        cursor: pointer !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        display: inline-flex !important;
        font-size: 20px !important;
        line-height: 1 !important;
        color: #06111e !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger[aria-expanded="true"] {
        background: linear-gradient(135deg, #55dcff, #168dff) !important;
        border-color: rgba(85, 220, 255, .62) !important;
        box-shadow: 0 16px 32px rgba(22, 141, 255, .30), inset 0 1px 0 rgba(255, 255, 255, .36) !important;
      }

      html body.np-shell-body #dimWall.dim-bg.np-dim-bg {
        position: fixed !important;
        inset: 0 !important;
        z-index: 100100 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        background: rgba(0, 4, 12, .72) !important;
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
        transition: opacity .2s ease, visibility .2s ease !important;
      }

      html body.np-shell-body #dimWall.dim-bg.np-dim-bg.open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }

      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: auto !important;
        width: min(360px, calc(100vw - 18px)) !important;
        max-width: calc(100vw - 18px) !important;
        height: 100dvh !important;
        min-height: 100dvh !important;
        padding: 18px 14px 22px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        border-radius: 20px 0 0 20px !important;
        border-left: 1px solid rgba(91, 181, 255, .22) !important;
        background:
          radial-gradient(circle at 50% 0%, rgba(20, 118, 255, .22), transparent 46%),
          linear-gradient(180deg, rgba(6, 17, 33, .98), rgba(2, 7, 16, .99)) !important;
        box-shadow: -24px 0 60px rgba(0, 0, 0, .48) !important;
        transform: translateX(108%) !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow-y: auto !important;
        z-index: 100200 !important;
        transition: transform .24s ease !important;
      }

      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer.open {
        right: 0 !important;
        transform: translateX(0) !important;
      }
    }

    @media (min-width: 1181px) {
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        display: none !important;
      }
    }

/* novaplay-mobile-logo-lock-final */
@media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 66px;
        --np-mobile-logo-w: min(232px, calc(100vw - 128px));
        --np-mobile-actions-w: 84px;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 5px 0 !important;
        display: flex !important;
        align-items: center !important;
        background: linear-gradient(180deg, rgba(3, 9, 20, .98), rgba(3, 9, 20, .82)) !important;
        border: 0 !important;
        box-shadow: 0 12px 26px rgba(0, 0, 0, .30) !important;
        z-index: 10000 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 8px) !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 auto !important;
        padding: 0 5px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--np-mobile-logo-w) var(--np-mobile-actions-w) !important;
        align-items: center !important;
        gap: 0 !important;
        border-radius: 16px !important;
        border: 1px solid rgba(91, 181, 255, .18) !important;
        background:
          radial-gradient(circle at 56% 0%, rgba(20, 118, 255, .20), transparent 62%),
          linear-gradient(135deg, rgba(5, 14, 28, .98), rgba(2, 7, 16, .99)) !important;
        box-shadow: 0 14px 30px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav,
      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links,
      html body.np-shell-body header#luxNav .btn-auth-link.np-recover-link,
      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: relative !important;
        inset: auto !important;
        grid-column: 2 !important;
        justify-self: end !important;
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        overflow: visible !important;
        z-index: 4 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand::before,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand::after,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand .np-brand-word {
        display: none !important;
        content: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: 52px !important;
        max-height: 52px !important;
        display: block !important;
        object-fit: fill !important;
        object-position: center right !important;
        opacity: 1 !important;
        visibility: visible !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        animation: none !important;
        filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .58)) drop-shadow(0 0 12px rgba(0, 145, 255, .28)) brightness(1.08) contrast(1.08) !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        grid-column: 3 !important;
        position: relative !important;
        inset: auto !important;
        width: var(--np-mobile-actions-w) !important;
        min-width: var(--np-mobile-actions-w) !important;
        height: 42px !important;
        min-height: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 4px !important;
        transform: none !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 40px !important;
        border-radius: 14px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        border: 1px solid rgba(126, 194, 255, .32) !important;
        background: rgba(8, 18, 34, .96) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        z-index: 70 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .i-text,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .user-label,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .chev,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-name,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-code,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .desktop-badge,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255, 198, 50, .98) !important;
        background: #060e1b !important;
        box-shadow: 0 0 0 2px rgba(0, 145, 255, .28), 0 0 16px rgba(255, 196, 43, .26) !important;
        overflow: hidden !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
        content: "\f007" !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        height: 100% !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, .94) !important;
        font-size: 17px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
      }

      html body.np-shell-body header#luxNav .novaplay-header-notification-badge,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .novaplay-header-notification-badge {
        top: -5px !important;
        right: -5px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        display: inline-grid !important;
        place-items: center !important;
        border: 2px solid #06101d !important;
        border-radius: 999px !important;
        background: #ff2d55 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        z-index: 90 !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        border: 1px solid rgba(159, 193, 231, .28) !important;
        background: rgba(18, 31, 49, .92) !important;
        color: #f7fbff !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        z-index: 80 !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        display: inline-flex !important;
        color: #f7fbff !important;
        font-size: 17px !important;
        line-height: 1 !important;
      }
    }

    @media (max-width: 360px) {
      html body.np-shell-body {
        --np-mobile-logo-w: min(224px, calc(100vw - 128px));
        --np-mobile-actions-w: 82px;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: minmax(0, 1fr) var(--np-mobile-logo-w) var(--np-mobile-actions-w) !important;
        padding: 0 5px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand,
      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        width: var(--np-mobile-actions-w) !important;
        min-width: var(--np-mobile-actions-w) !important;
      }
    }
    /* novaplay-mobile-logo-lock-real-fix-20260714 */
    @media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 76px !important;
        --np-mobile-logo-w: min(258px, calc(100vw - 92px)) !important;
        --np-mobile-actions-w: 50px !important;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 6px 0 !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 10px) !important;
        height: 64px !important;
        min-height: 64px !important;
        padding: 0 8px !important;
        grid-template-columns: 50px minmax(0, 1fr) var(--np-mobile-actions-w) !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        grid-column: 2 !important;
        justify-self: center !important;
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: 64px !important;
        min-height: 64px !important;
        justify-content: center !important;
        overflow: visible !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: scale(1.08) !important;
        transform-origin: center center !important;
        filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .58)) drop-shadow(0 0 14px rgba(0, 145, 255, .30)) brightness(1.10) contrast(1.08) !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        grid-column: 3 !important;
        width: var(--np-mobile-actions-w) !important;
        min-width: var(--np-mobile-actions-w) !important;
        height: 42px !important;
        min-height: 42px !important;
        justify-content: flex-end !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;
      }
    }

    @media (max-width: 390px) {
      html body.np-shell-body {
        --np-mobile-header-h: 74px !important;
        --np-mobile-logo-w: min(226px, calc(100vw - 96px)) !important;
        --np-mobile-actions-w: 48px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        height: 62px !important;
        min-height: 62px !important;
        grid-template-columns: 48px minmax(0, 1fr) var(--np-mobile-actions-w) !important;
      }
    }
    /* novaplay-mobile-login-button-fix-20260714 */
    @media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-logo-w: min(240px, calc(100vw - 150px)) !important;
        --np-mobile-actions-w: 92px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: 44px minmax(0, 1fr) var(--np-mobile-actions-w) !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions {
        grid-column: 3 !important;
        width: var(--np-mobile-actions-w) !important;
        min-width: var(--np-mobile-actions-w) !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        width: auto !important;
        min-width: 0 !important;
        height: 40px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth-link.np-recover-link {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        border: 1px solid rgba(255, 203, 74, .72) !important;
        background: linear-gradient(135deg, #ffe178 0%, #ffbb2e 48%, #ff921f 100%) !important;
        color: #06101f !important;
        box-shadow: 0 12px 24px rgba(255, 174, 31, .24), inset 0 1px 0 rgba(255,255,255,.48) !important;
        font-size: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #06101f !important;
        font-size: 16px !important;
        line-height: 1 !important;
        margin: 0 !important;
      }
    }

    @media (max-width: 390px) {
      html body.np-shell-body {
        --np-mobile-logo-w: min(210px, calc(100vw - 142px)) !important;
        --np-mobile-actions-w: 88px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: 38px minmax(0, 1fr) var(--np-mobile-actions-w) !important;
      }
    }

/* novaplay-mobile-header-visible-logo-fix-20260714 */
@media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 72px !important;
        --np-mobile-logo-w: clamp(190px, 58vw, 214px) !important;
        --np-mobile-actions-w: 52px !important;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 6px 0 !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 14px) !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 8px !important;
        display: grid !important;
        grid-template-columns: var(--np-mobile-actions-w) minmax(0, 1fr) var(--np-mobile-actions-w) !important;
        align-items: center !important;
        border-radius: 14px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        grid-column: 2 !important;
        justify-self: center !important;
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: 60px !important;
        min-height: 60px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: var(--np-mobile-logo-w) !important;
        min-width: var(--np-mobile-logo-w) !important;
        max-width: var(--np-mobile-logo-w) !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        display: block !important;
        transform: none !important;
        animation: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand .np-brand-word {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        grid-column: 3 !important;
        justify-self: end !important;
        width: var(--np-mobile-actions-w) !important;
        min-width: var(--np-mobile-actions-w) !important;
        height: 46px !important;
        min-height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        flex: 0 0 40px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(145, 180, 218, .28) !important;
        background: rgba(18, 31, 49, .96) !important;
        color: #f7fbff !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        color: #f7fbff !important;
        font-size: 18px !important;
      }
    }

    @media (max-width: 390px) {
      html body.np-shell-body {
        --np-mobile-header-h: 70px !important;
        --np-mobile-logo-w: clamp(178px, 56vw, 202px) !important;
        --np-mobile-actions-w: 48px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        height: 58px !important;
        min-height: 58px !important;
      }
    }

/* novaplay-mobile-header-left-final-20260715 */
@media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 72px !important;
        --np-mobile-logo-w: clamp(210px, 58vw, 258px) !important;
        --np-mobile-action-size: 40px !important;
        --np-mobile-action-gap: 6px !important;
      }

      html body.np-shell-body,
      html body.np-shell-body.pad-top {
        overflow-x: hidden !important;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 7px 0 !important;
        display: flex !important;
        align-items: center !important;
        background: linear-gradient(180deg, rgba(3, 9, 20, .99), rgba(3, 9, 20, .84)) !important;
        border: 0 !important;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .34) !important;
        overflow: visible !important;
        z-index: 10000 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 auto !important;
        padding: 0 8px 0 12px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        border-radius: 16px !important;
        border: 1px solid rgba(91, 181, 255, .24) !important;
        background:
          radial-gradient(circle at 30% 0%, rgba(20, 118, 255, .22), transparent 54%),
          linear-gradient(135deg, rgba(5, 14, 28, .98), rgba(2, 7, 16, .99)) !important;
        box-shadow: 0 14px 30px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav,
      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links,
      html body.np-shell-body header#luxNav .btn-auth-link.np-recover-link {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: relative !important;
        inset: auto !important;
        grid-column: 1 !important;
        justify-self: start !important;
        width: min(var(--np-mobile-logo-w), calc(100vw - 118px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 118px) !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        transform: none !important;
        z-index: 4 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 54px !important;
        max-height: 54px !important;
        display: block !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: scale(1.08) translateX(-2px) !important;
        transform-origin: left center !important;
        animation: none !important;
        filter: drop-shadow(0 8px 15px rgba(0, 0, 0, .58)) drop-shadow(0 0 13px rgba(0, 145, 255, .32)) brightness(1.12) contrast(1.08) !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand .np-brand-word {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .np-header-right,
      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        grid-column: 2 !important;
        justify-self: end !important;
        position: relative !important;
        inset: auto !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: var(--np-mobile-action-gap) !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        position: relative !important;
        inset: auto !important;
        transform: none !important;
        width: var(--np-mobile-action-size) !important;
        min-width: var(--np-mobile-action-size) !important;
        max-width: var(--np-mobile-action-size) !important;
        height: var(--np-mobile-action-size) !important;
        min-height: var(--np-mobile-action-size) !important;
        max-height: var(--np-mobile-action-size) !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 var(--np-mobile-action-size) !important;
        border-radius: 13px !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        border: 1px solid rgba(126, 194, 255, .34) !important;
        background: rgba(8, 18, 34, .97) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        z-index: 70 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        border: 1px solid rgba(255, 203, 74, .72) !important;
        background: linear-gradient(135deg, #ffe178 0%, #ffbb2e 48%, #ff921f 100%) !important;
        color: #06101f !important;
        box-shadow: 0 12px 24px rgba(255, 174, 31, .24), inset 0 1px 0 rgba(255,255,255,.48) !important;
        font-size: 0 !important;
        line-height: 0 !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        border: 1px solid rgba(145, 180, 218, .32) !important;
        background: rgba(18, 31, 49, .97) !important;
        color: #f7fbff !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        z-index: 80 !important;
        cursor: pointer !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .i-text,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .user-label,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .chev,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-name,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .np-account-code,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .desktop-badge,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn i,
      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn i {
        color: #06101f !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger i {
        color: #f7fbff !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 31px !important;
        min-width: 31px !important;
        height: 31px !important;
        min-height: 31px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255, 198, 50, .98) !important;
        background: #060e1b !important;
        box-shadow: 0 0 0 2px rgba(0, 145, 255, .28), 0 0 16px rgba(255, 196, 43, .24) !important;
        overflow: hidden !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
        content: "\f007" !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        height: 100% !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        color: #fff !important;
        font-size: 16px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .novaplay-header-notification-badge,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .novaplay-header-notification-badge {
        top: -5px !important;
        right: -5px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        display: inline-grid !important;
        place-items: center !important;
        border: 2px solid #06101d !important;
        border-radius: 999px !important;
        background: #ff2d55 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        z-index: 90 !important;
      }
    }

    @media (max-width: 390px) {
      html body.np-shell-body {
        --np-mobile-header-h: 70px !important;
        --np-mobile-logo-w: clamp(178px, 55vw, 218px) !important;
        --np-mobile-action-size: 38px !important;
        --np-mobile-action-gap: 5px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 8px) !important;
        height: 56px !important;
        min-height: 56px !important;
        padding: 0 6px 0 10px !important;
        border-radius: 14px !important;
      }
    }

    @media (max-width: 340px) {
      html body.np-shell-body {
        --np-mobile-logo-w: clamp(154px, 52vw, 180px) !important;
        --np-mobile-action-size: 36px !important;
        --np-mobile-action-gap: 4px !important;
      }
    }

/* novaplay-laptop-header-fit-20260717 */
@media (min-width: 1181px) and (max-width: 1500px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        padding: 10px 0 12px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1180px, calc(100% - 28px)) !important;
        max-width: calc(100% - 28px) !important;
        min-height: 82px !important;
        padding: 0 16px !important;
        grid-template-columns: minmax(320px, 1fr) 220px minmax(310px, 1fr) !important;
        gap: 12px !important;
        border-radius: 18px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: static !important;
        inset: auto !important;
        grid-column: 2 !important;
        justify-self: center !important;
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        height: 58px !important;
        min-height: 58px !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 190px !important;
        max-width: 190px !important;
        height: auto !important;
        max-height: 58px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
        gap: 8px !important;
        justify-content: space-between !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li {
        min-width: 0 !important;
        flex: 1 1 0 !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active {
        min-height: 56px !important;
        padding: 6px 3px 11px !important;
        gap: 5px !important;
        font-size: 11px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        height: 20px !important;
        font-size: 19px !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-right .nav-lux.np-shell-links {
        justify-content: flex-end !important;
        gap: 10px !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-right .nav-lux.np-shell-links li {
        flex: 0 0 auto !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-template-columns: minmax(118px, 1fr) auto !important;
        gap: 10px !important;
        min-width: 0 !important;
      }

      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        min-width: 0 !important;
        gap: 8px !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        min-height: 52px !important;
        padding-left: 10px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 168px !important;
        min-height: 52px !important;
        grid-template-columns: 46px minmax(0, 1fr) 12px !important;
        gap: 8px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 46px !important;
        height: 46px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 40px !important;
        height: 40px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
        max-width: 96px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
        margin-top: 3px !important;
        font-size: 11px !important;
      }
    }

    @media (min-width: 1181px) and (max-width: 1280px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: minmax(300px, 1fr) 204px minmax(284px, 1fr) !important;
        gap: 10px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        width: 204px !important;
        min-width: 204px !important;
        max-width: 204px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 176px !important;
        max-width: 176px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 154px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
        max-width: 82px !important;
      }
    }

/* novaplay-header-no-flicker-20260803 */
html body.np-shell-body header#luxNav.super-navbar,
    html body.np-shell-body header#luxNav.super-navbar *,
    html body.np-shell-body header#luxNav.super-navbar *::before,
    html body.np-shell-body header#luxNav.super-navbar *::after {
      transition: none !important;
      scroll-behavior: auto !important;
    }

    html body.np-shell-body header#luxNav.super-navbar,
    html body.np-shell-body header#luxNav.super-navbar.scrolled {
      will-change: auto !important;
      backface-visibility: hidden !important;
      transform: translateZ(0) !important;
    }

/* novaplay-drawer-account-final-clean */
html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner::before {
      content: "\f007" !important;
      display: inline-grid !important;
      place-items: center !important;
      width: 100% !important;
      height: 100% !important;
      font-family: "Font Awesome 6 Free" !important;
      font-weight: 400 !important;
      color: rgba(255, 255, 255, .92) !important;
      font-size: 22px !important;
      line-height: 1 !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner img {
      display: none !important;
      opacity: 0 !important;
      visibility: hidden !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
      display: inline-grid !important;
      place-items: center !important;
      background: #07111f !important;
      border: 2px solid rgba(6, 13, 25, .96) !important;
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), inset 0 0 16px rgba(0,0,0,.7) !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
      display: inline-grid !important;
      place-items: center !important;
      width: 18px !important;
      height: 18px !important;
      color: #f5fbff !important;
      font-size: 15px !important;
      opacity: 1 !important;
      transition: transform .18s ease !important;
    }

    html body.np-shell-body header#luxNav .identity-chip.np-account-chip.menu-deschis .mob-drop-arrow {
      transform: rotate(180deg) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu.np-account-menu {
      width: 278px !important;
      max-width: min(278px, calc(100vw - 24px)) !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      padding: 10px !important;
      border-radius: 16px !important;
      background: linear-gradient(180deg, rgba(7, 19, 35, .98), rgba(1, 8, 18, .99)) !important;
      border: 1px solid rgba(126, 194, 255, .18) !important;
      box-shadow: 0 24px 52px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255,255,255,.06) !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-li a,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-li a {
      min-height: 38px !important;
      height: 38px !important;
      padding: 0 10px !important;
      border-radius: 11px !important;
      gap: 10px !important;
      font-size: 13px !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      color: #eaf6ff !important;
      white-space: nowrap !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-section,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-section {
      margin: 8px 0 6px !important;
      padding-top: 8px !important;
    }

    html body.np-shell-body header#luxNav .hyper-menu.np-account-menu .hm-admin-link a,
    html body.np-shell-body header#luxNav .identity-chip.np-account-chip .hyper-menu .hm-admin-link a {
      min-height: 36px !important;
      height: 36px !important;
      background: rgba(255, 191, 46, .08) !important;
      border: 1px solid rgba(255, 191, 46, .18) !important;
      color: #ffe39a !important;
    }

    @media (max-width: 1180px) {
      html body.np-shell-body aside#sideUi.app-drawer.np-shell-drawer {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        padding: 18px 16px !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-head {
        flex: 0 0 auto !important;
        margin: 0 0 10px !important;
        padding: 0 48px 0 0 !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth {
        order: 3 !important;
        flex: 0 0 auto !important;
        margin: 12px 0 0 !important;
        padding: 12px 0 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        border-top: 1px solid rgba(126, 194, 255, .13) !important;
        border-bottom: 0 !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth {
        width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(126, 194, 255, .22) !important;
        background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04)) !important;
        color: #f6fbff !important;
        font-size: 12px !important;
        font-weight: 950 !important;
        text-transform: uppercase !important;
        letter-spacing: .01em !important;
        box-shadow: none !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth:first-child {
        border-color: rgba(35, 211, 255, .34) !important;
        background: linear-gradient(135deg, rgba(35, 211, 255, .22), rgba(16, 103, 242, .16)) !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth .btn-auth i {
        color: #83eaff !important;
        font-size: 14px !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list {
        order: 2 !important;
        flex: 0 0 auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        gap: 8px !important;
        overflow: visible !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li {
        margin: 0 !important;
        transform: none !important;
        opacity: 1 !important;
      }

      html body.np-shell-body aside#sideUi ul.drawer-list.np-drawer-list li a {
        height: 43px !important;
        min-height: 43px !important;
        padding: 0 13px !important;
        border-radius: 13px !important;
      }
    }

    @media (max-width: 1024px) {
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip.menu-deschis .hyper-menu.np-account-menu,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip:hover .hyper-menu.np-account-menu {
        max-height: none !important;
        overflow: visible !important;
      }
    }

/* novaplay-mobile-logo-dropdown-clean-20260715 */
@media (max-width: 1180px) {
      html body.np-shell-body {
        --np-mobile-header-h: 72px !important;
        --np-mobile-logo-size: clamp(176px, 48vw, 218px) !important;
        --np-mobile-actions-width: 104px !important;
      }

      html body.np-shell-body.pad-top {
        padding-top: var(--np-mobile-header-h) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: var(--np-mobile-header-h) !important;
        min-height: var(--np-mobile-header-h) !important;
        padding: 7px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: linear-gradient(180deg, rgba(3, 9, 20, .98), rgba(3, 9, 20, .88)) !important;
        border: 0 !important;
        box-shadow: 0 16px 34px rgba(0, 0, 0, .36) !important;
        overflow: visible !important;
        z-index: 10000 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: calc(100% - 10px) !important;
        max-width: calc(100% - 10px) !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 auto !important;
        padding: 0 7px 0 14px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--np-mobile-actions-width) !important;
        align-items: center !important;
        gap: 8px !important;
        border-radius: 17px !important;
        border: 1px solid rgba(91, 181, 255, .24) !important;
        background:
          radial-gradient(circle at 42% 50%, rgba(11, 82, 165, .30), transparent 48%),
          linear-gradient(135deg, rgba(5, 14, 27, .99), rgba(2, 7, 16, .99)) !important;
        box-shadow: 0 15px 34px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-left,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .nav-lux.np-shell-links,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth-link.np-recover-link {
        display: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand {
        position: relative !important;
        inset: auto !important;
        grid-column: 1 !important;
        justify-self: start !important;
        width: min(var(--np-mobile-logo-size), calc(100vw - 132px)) !important;
        min-width: min(var(--np-mobile-logo-size), calc(100vw - 132px)) !important;
        max-width: calc(100vw - 132px) !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        transform: none !important;
        z-index: 4 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand::before,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand::after,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand .np-brand-word {
        display: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand img {
        width: min(var(--np-mobile-logo-size), calc(100vw - 132px)) !important;
        min-width: min(var(--np-mobile-logo-size), calc(100vw - 132px)) !important;
        max-width: calc(100vw - 132px) !important;
        height: 56px !important;
        max-height: 56px !important;
        display: block !important;
        object-fit: contain !important;
        object-position: left center !important;
        transform: scale(1.13) translateX(-4px) !important;
        transform-origin: left center !important;
        filter: drop-shadow(0 7px 14px rgba(0, 0, 0, .62)) drop-shadow(0 0 14px rgba(0, 145, 255, .34)) brightness(1.12) contrast(1.08) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-header-right,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .auth-actions {
        grid-column: 2 !important;
        justify-self: end !important;
        position: relative !important;
        inset: auto !important;
        width: var(--np-mobile-actions-width) !important;
        min-width: var(--np-mobile-actions-width) !important;
        max-width: var(--np-mobile-actions-width) !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn {
        position: relative !important;
        inset: auto !important;
        width: 54px !important;
        min-width: 54px !important;
        max-width: 54px !important;
        height: 44px !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 13px 0 5px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        border-radius: 15px !important;
        border: 1px solid rgba(126, 194, 255, .33) !important;
        background: rgba(8, 18, 34, .98) !important;
        box-shadow: 0 11px 24px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 90 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .mob-burger.np-burger {
        position: relative !important;
        inset: auto !important;
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        min-height: 43px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 43px !important;
        border-radius: 15px !important;
        border: 1px solid rgba(145, 180, 218, .34) !important;
        background: rgba(18, 31, 49, .98) !important;
        color: #f7fbff !important;
        box-shadow: 0 11px 24px rgba(0, 0, 0, .30), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
        opacity: 1 !important;
        visibility: visible !important;
        cursor: pointer !important;
        z-index: 80 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .i-text,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .user-label,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .chev,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .np-account-name,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .np-account-code,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .desktop-badge {
        display: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-avatar-inner {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper {
        position: relative !important;
        display: inline-grid !important;
        place-items: center !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-avatar-inner {
        display: grid !important;
        place-items: center !important;
        border-radius: 50% !important;
        border: 2px solid rgba(7, 14, 26, .96) !important;
        background: #07111f !important;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08), inset 0 0 16px rgba(0, 0, 0, .72) !important;
        overflow: hidden !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper::before,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper::after {
        inset: 0 !important;
        background: conic-gradient(from 0deg, var(--ro-albastru) 0%, var(--ro-albastru) 28%, var(--ro-galben) 33.3%, var(--ro-galben) 61.3%, var(--ro-rosu) 66.6%, var(--ro-rosu) 95%, var(--ro-albastru) 100%) !important;
        animation: ro-spin-beton 16s linear infinite !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper::after {
        z-index: -1 !important;
        filter: none !important;
        opacity: 1 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper::before {
        z-index: -2 !important;
        filter: blur(8px) !important;
        opacity: .6 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-avatar-inner img {
        display: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-avatar-inner::before {
        content: "\f007" !important;
        display: inline-grid !important;
        place-items: center !important;
        width: 100% !important;
        height: 100% !important;
        font-family: "Font Awesome 6 Free" !important;
        font-weight: 400 !important;
        color: rgba(255, 255, 255, .96) !important;
        font-size: 18px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip > .mob-drop-arrow {
        position: absolute !important;
        right: 4px !important;
        bottom: 4px !important;
        width: 15px !important;
        height: 15px !important;
        display: inline-grid !important;
        place-items: center !important;
        border-radius: 999px !important;
        border: 1px solid rgba(126, 194, 255, .26) !important;
        background: #0d1b2c !important;
        color: #f8fbff !important;
        font-size: 9px !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: 5 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip.menu-deschis > .mob-drop-arrow {
        transform: rotate(180deg) !important;
        color: #25d4ff !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .novaplay-header-notification-badge,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .novaplay-header-notification-badge {
        top: -5px !important;
        right: 10px !important;
        min-width: 18px !important;
        height: 18px !important;
        padding: 0 5px !important;
        display: inline-grid !important;
        place-items: center !important;
        border: 2px solid #06101d !important;
        border-radius: 999px !important;
        background: #ff2d55 !important;
        color: #fff !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        z-index: 8 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .mob-burger.np-burger i,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn i {
        display: inline-grid !important;
        place-items: center !important;
        margin: 0 !important;
        font-size: 17px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn {
        width: auto !important;
        min-width: 108px !important;
        max-width: 132px !important;
        height: 43px !important;
        min-height: 43px !important;
        padding: 0 14px !important;
        justify-content: center !important;
        gap: 8px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255, 196, 43, .42) !important;
        background: linear-gradient(135deg, #ffd86a 0%, #ffb020 100%) !important;
        color: #06101f !important;
        text-decoration: none !important;
        box-shadow: 0 12px 26px rgba(0, 0, 0, .32), 0 0 20px rgba(255, 176, 32, .16) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn i,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        display: inline-flex !important;
        align-items: center !important;
        color: #06101f !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-shadow: none !important;
        filter: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        font-size: 11px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        letter-spacing: .02em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .hyper-menu.np-account-menu,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .hyper-menu.np-account-menu {
        position: fixed !important;
        top: calc(var(--np-mobile-header-h) + 8px) !important;
        right: 10px !important;
        left: auto !important;
        width: min(286px, calc(100vw - 20px)) !important;
        max-width: min(286px, calc(100vw - 20px)) !important;
        max-height: calc(100dvh - 94px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px !important;
        border-radius: 17px !important;
        background: linear-gradient(180deg, rgba(7, 19, 35, .99), rgba(1, 8, 18, .99)) !important;
        border: 1px solid rgba(126, 194, 255, .20) !important;
        box-shadow: 0 26px 60px rgba(0, 0, 0, .58), inset 0 1px 0 rgba(255,255,255,.06) !important;
        z-index: 10050 !important;
      }
    }

    @media (max-width: 370px) {
      html body.np-shell-body {
        --np-mobile-logo-size: clamp(148px, 45vw, 170px) !important;
        --np-mobile-actions-width: 100px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        padding-left: 10px !important;
        padding-right: 6px !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand img {
        width: min(var(--np-mobile-logo-size), calc(100vw - 122px)) !important;
        min-width: min(var(--np-mobile-logo-size), calc(100vw - 122px)) !important;
        max-width: calc(100vw - 122px) !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn {
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        padding: 0 !important;
        border-radius: 15px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }
    }

/* novaplay-mobile-login-stable-20260716 */
@media (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .right-cluster.np-shell-actions .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .auth-actions .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header a.btn-auth.np-login-btn[href*="login"] {
        position: relative !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 112px !important;
        max-width: 128px !important;
        height: 43px !important;
        min-height: 43px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        gap: 8px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255, 202, 68, .58) !important;
        background: linear-gradient(135deg, #ffe089 0%, #ffc444 48%, #ffb021 100%) !important;
        color: #06101f !important;
        text-decoration: none !important;
        box-shadow: 0 12px 24px rgba(0, 0, 0, .34), 0 0 18px rgba(255, 176, 32, .20) !important;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        z-index: 95 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn i,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        color: #06101f !important;
        opacity: 1 !important;
        visibility: visible !important;
        filter: none !important;
        text-shadow: none !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        font-size: 11px !important;
        font-weight: 950 !important;
        line-height: 1 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth a.btn-auth[href*="login.php"] {
        border-color: rgba(255, 202, 68, .58) !important;
        background: linear-gradient(135deg, #ffe089 0%, #ffc444 48%, #ffb021 100%) !important;
        color: #06101f !important;
        box-shadow: 0 14px 24px rgba(0, 0, 0, .28), 0 0 18px rgba(255, 176, 32, .16) !important;
      }

      html body.np-shell-body aside#sideUi .np-drawer-auth a.btn-auth[href*="login.php"] i,
      html body.np-shell-body aside#sideUi .np-drawer-auth a.btn-auth[href*="login.php"] .btn-auth-text {
        color: #06101f !important;
        opacity: 1 !important;
        visibility: visible !important;
      }
    }

    @media (max-width: 600px) {
      html body.np-shell-body {
        --np-mobile-actions-width: 98px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .right-cluster.np-shell-actions .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .auth-actions .btn-auth.np-login-btn,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header a.btn-auth.np-login-btn[href*="login"] {
        width: 43px !important;
        min-width: 43px !important;
        max-width: 43px !important;
        height: 43px !important;
        min-height: 43px !important;
        padding: 0 !important;
        border-radius: 15px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .btn-auth.np-login-btn .btn-auth-text {
        display: none !important;
      }
    }

/* novaplay-laptop-desktop-compact-final-20260717 */
@media (min-width: 1025px) and (max-width: 1500px) {
      html body.np-shell-body,
      html body.np-shell-body.pad-top {
        padding-top: 0 !important;
        overflow-x: hidden !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header.scrolled {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 10px 0 12px !important;
        display: block !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1180px, calc(100% - 28px)) !important;
        max-width: calc(100% - 28px) !important;
        height: auto !important;
        min-height: 82px !important;
        margin: 0 auto !important;
        padding: 0 16px !important;
        display: grid !important;
        grid-template-columns: minmax(300px, 1fr) 210px minmax(300px, 1fr) !important;
        align-items: center !important;
        gap: 12px !important;
        border-radius: 18px !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav,
      html body.np-shell-body header#luxNav .np-shell-nav-left,
      html body.np-shell-body header#luxNav .np-shell-nav-right {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-left {
        grid-column: 1 !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-column: 3 !important;
        display: grid !important;
        grid-template-columns: minmax(142px, 1fr) auto !important;
        align-items: center !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-right {
        grid-column: 1 !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 7px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li,
      html body.np-shell-body header#luxNav .np-shell-nav-right .nav-lux.np-shell-links li:has(.np-nav-contact) {
        display: block !important;
        min-width: 0 !important;
        flex: 1 1 0 !important;
      }

      html body.np-shell-body header#luxNav .np-shell-nav-right .nav-lux.np-shell-links li {
        flex: 1 1 0 !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active,
      html body.np-shell-body header#luxNav .np-shell-nav-right .np-nav-contact {
        min-height: 56px !important;
        padding: 6px 2px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        font-size: 10.5px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-align: center !important;
        color: #fff !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        width: auto !important;
        height: 19px !important;
        font-size: 18px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        position: static !important;
        inset: auto !important;
        grid-column: 2 !important;
        justify-self: center !important;
        width: 210px !important;
        min-width: 210px !important;
        max-width: 210px !important;
        height: 58px !important;
        min-height: 58px !important;
        padding: 0 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 14px !important;
        transform: none !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 184px !important;
        min-width: 0 !important;
        max-width: 184px !important;
        height: auto !important;
        max-height: 54px !important;
        object-fit: contain !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav .auth-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 52px !important;
        padding: 0 0 0 9px !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      html body.np-shell-body header#luxNav .auth-actions {
        border-left: 1px solid rgba(202, 220, 255, .22) !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        position: relative !important;
        inset: auto !important;
        width: auto !important;
        min-width: 158px !important;
        max-width: 176px !important;
        min-height: 52px !important;
        height: 52px !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) 12px !important;
        align-items: center !important;
        gap: 7px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .i-text {
        display: flex !important;
        min-width: 0 !important;
        flex-direction: column !important;
        align-items: flex-start !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
        display: block !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias {
        max-width: 86px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
        max-width: 86px !important;
        margin-top: 3px !important;
        font-size: 11px !important;
        line-height: 1 !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .mob-drop-arrow {
        position: static !important;
        display: inline-grid !important;
        place-items: center !important;
        width: auto !important;
        height: auto !important;
        color: #fff !important;
        font-size: 12px !important;
        border: 0 !important;
        background: transparent !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
      }

      html body.np-shell-body header#luxNav .mob-burger.np-burger {
        display: none !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn {
        width: auto !important;
        min-width: 128px !important;
        max-width: 148px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 0 14px !important;
        gap: 7px !important;
        border-radius: 999px !important;
      }

      html body.np-shell-body header#luxNav .btn-auth.np-login-btn .btn-auth-text {
        display: inline-flex !important;
        font-size: 11px !important;
        white-space: nowrap !important;
      }
    }

    @media (min-width: 1025px) and (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        width: min(1080px, calc(100% - 20px)) !important;
        max-width: calc(100% - 20px) !important;
        min-height: 76px !important;
        padding: 0 12px !important;
        grid-template-columns: minmax(280px, 1fr) 184px minmax(280px, 1fr) !important;
        gap: 8px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand {
        width: 184px !important;
        min-width: 184px !important;
        max-width: 184px !important;
        height: 52px !important;
        min-height: 52px !important;
      }

      html body.np-shell-body header#luxNav .brand-lux.np-shell-brand img {
        width: 160px !important;
        max-width: 160px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a.is-active {
        min-height: 52px !important;
        font-size: 10px !important;
        padding-inline: 1px !important;
      }

      html body.np-shell-body header#luxNav .nav-lux.np-shell-links li a i {
        height: 18px !important;
        font-size: 17px !important;
      }

      html body.np-shell-body header#luxNav .np-header-right {
        grid-template-columns: minmax(126px, 1fr) auto !important;
        gap: 7px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip {
        min-width: 146px !important;
        max-width: 158px !important;
        grid-template-columns: 40px minmax(0, 1fr) 10px !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .ro-avatar-inner {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
      }

      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .u-alias,
      html body.np-shell-body header#luxNav .identity-chip.np-account-chip .c-code {
        max-width: 72px !important;
        font-size: 10px !important;
      }
    }

/* novaplay-laptop-right-fit-final-20260717 */
@media (min-width: 1025px) and (max-width: 1500px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: minmax(300px, .86fr) 186px minmax(470px, 1.14fr) !important;
        gap: 10px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand {
        width: 186px !important;
        min-width: 186px !important;
        max-width: 186px !important;
        height: 54px !important;
        min-height: 54px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand img {
        width: 160px !important;
        min-width: 0 !important;
        max-width: 160px !important;
        height: auto !important;
        max-height: 50px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-header-right {
        grid-template-columns: minmax(285px, 1fr) 156px !important;
        gap: 8px !important;
        min-width: 0 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links {
        display: flex !important;
        min-width: 0 !important;
        width: 100% !important;
        overflow: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links {
        justify-content: space-between !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li:has(.np-nav-contact) {
        display: block !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li a,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li a:hover,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li a.is-active,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .np-nav-contact {
        display: flex !important;
        min-height: 52px !important;
        padding: 6px 1px 10px !important;
        font-size: 10px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-shell-nav-right .nav-lux.np-shell-links li a i {
        height: 18px !important;
        font-size: 17px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .auth-actions {
        width: 156px !important;
        min-width: 156px !important;
        max-width: 156px !important;
        padding-left: 8px !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip {
        width: 148px !important;
        min-width: 148px !important;
        max-width: 148px !important;
        height: 50px !important;
        min-height: 50px !important;
        grid-template-columns: 40px minmax(0, 1fr) 10px !important;
        gap: 6px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-beton-wrapper {
        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .ro-avatar-inner {
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .i-text {
        display: flex !important;
        min-width: 0 !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .u-alias,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .c-code {
        display: block !important;
        max-width: 70px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .u-alias {
        font-size: 10px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .c-code {
        font-size: 10px !important;
      }
    }

    @media (min-width: 1025px) and (max-width: 1180px) {
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header > .nav-container.np-shell-frame {
        grid-template-columns: minmax(292px, .94fr) 174px minmax(390px, 1.06fr) !important;
        gap: 8px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand {
        width: 174px !important;
        min-width: 174px !important;
        max-width: 174px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .brand-lux.np-shell-brand img {
        width: 150px !important;
        max-width: 150px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .np-header-right {
        grid-template-columns: minmax(218px, 1fr) 154px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .right-cluster.np-shell-actions,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .auth-actions {
        width: 154px !important;
        min-width: 154px !important;
        max-width: 154px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip {
        width: 146px !important;
        min-width: 146px !important;
        max-width: 146px !important;
        grid-template-columns: 38px minmax(0, 1fr) 10px !important;
      }

      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .u-alias,
      html body.np-shell-body header#luxNav.super-navbar.np-shell-header .identity-chip.np-account-chip .c-code {
        max-width: 66px !important;
      }
    }