/* =========================================================
     NEXOZS UNIVERSAL HEADER
     ONLY FIX:
     1. Header width / body alignment
     2. Black full-width header background
     3. Notice bar full width
     ========================================================= */

  .nexozs-universal-header-wrap{
    position:sticky!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:999999!important;

    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    min-width:0!important;
    min-height:0!important;
    height:auto!important;

    box-sizing:border-box!important;

    background:#080b12!important;

    overflow-x:hidden!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
  }


  /* =========================
     TOP NOTICE BAR
     ========================= */

  body #topNoticeBar{
    width:100%!important;
    max-width:none!important;

    background:#080b12!important;
    color:#fff!important;

    height:40px!important;
    min-height:40px!important;

    padding:0!important;

    margin:0!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    line-height:1.2!important;

    box-sizing:border-box!important;

    overflow:hidden!important;
  }

  body #topNoticeBar[style*="display: block"]{
    display:flex!important;
  }

  body #topNoticeBar > div{
    width:100%!important;
    max-width:none!important;

    min-height:40px!important;
    height:40px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    gap:12px!important;

    padding:0 14px!important;

    margin:0!important;

    box-sizing:border-box!important;
  }

  body #topNoticeBar #bindTopNotice{
    color:#fff!important;

    display:inline-flex!important;
    align-items:center!important;

    line-height:1.2!important;

    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body #topNoticeBar #bindTopPhone{
    display:none!important;
  }


  /* =========================
     MAIN HEADER
     ========================= */

  .nexozs-universal-header{
    width:100%!important;
    max-width:none!important;

    margin:0!important;
    padding:0!important;

    box-sizing:border-box!important;

    overflow:hidden;

    background:#080b12!important;
    color:#fff;

    border-radius:0!important;

    box-shadow:0 5px 18px rgba(15,23,42,.16);

    font-family:'Plus Jakarta Sans',sans-serif;
  }


  /* =========================
     HEADER INNER CONTENT
     Keeps header aligned with
     main website body
     ========================= */

  .nexozs-universal-main{
    min-height:104px;

    display:grid;

    grid-template-columns:auto minmax(220px,1fr) minmax(300px,auto);

    align-items:center;

    gap:18px;

    padding:14px 18px;

    box-sizing:border-box;

    width:100%;

    max-width:1280px;

    margin:0 auto;

    min-width:0;
  }


  .nexozs-universal-brand{
    display:flex;
    align-items:center;

    gap:18px;

    min-width:0;

    text-decoration:none;

    color:#fff;
  }


  .nexozs-universal-menu{
    width:50px;
    height:50px;
    min-width:50px;

    border:1px solid #27303d;

    border-radius:8px;

    background:#171c25;

    color:#fff;

    display:flex;

    align-items:center;
    justify-content:center;

    font-size:22px;

    cursor:pointer;

    transition:.2s;
  }


  .nexozs-universal-menu:hover{
    background:#232a35;
    border-color:#3b4655;
  }


  .nexozs-universal-logo{
    width:auto;

    max-width:205px;

    height:43px;

    object-fit:contain;

    display:none;
  }


  .nexozs-universal-search{
    display:flex;

    align-items:center;

    min-width:0;

    max-width:600px;

    width:100%;

    margin:auto;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    height:52px;
  }


  .nexozs-universal-search input{
    flex:1;

    min-width:0;

    height:100%;

    border:0;

    outline:0;

    background:#fff;

    color:#172033;

    padding:0 20px;

    font-size:14px;

    font-family:inherit;
  }


  .nexozs-universal-search input::placeholder{
    color:#8b9099;
  }


  .nexozs-universal-search button{
    width:78px;

    height:100%;

    border:0;

    background:#ff1828;

    color:#fff;

    font-size:22px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;
  }


  .nexozs-universal-actions{
    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:14px;

    min-width:0;

    white-space:nowrap;
  }


  .nexozs-universal-hotdeal{
    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    text-decoration:none;

    white-space:nowrap;
  }


  .nexozs-universal-hotdeal i{
    font-size:28px;

    color:#ff4b2f;

    animation:nexozsFirePulse 1.15s ease-in-out infinite;

    transform-origin:50% 70%;

    text-shadow:0 0 0 rgba(255,75,47,0);
  }


  @keyframes nexozsFirePulse{
    0%,100%{
      transform:scale(1) rotate(-2deg);
      text-shadow:0 0 0 rgba(255,75,47,0);
    }

    50%{
      transform:scale(1.18) rotate(2deg);
      text-shadow:0 0 14px rgba(255,75,47,.55);
    }
  }


  .nexozs-universal-hotdeal b{
    display:block;

    font-size:14px;

    line-height:1.15;

    font-weight:800;
  }


  .nexozs-universal-hotdeal small{
    display:block;

    color:#c5c9d1;

    font-size:10px;

    margin-top:4px;
  }


  .nexozs-universal-cart{
    position:relative;

    display:flex;

    align-items:center;

    gap:8px;

    color:#fff;

    text-decoration:none;

    padding-left:18px;

    border-left:1px solid #303640;

    white-space:nowrap;
  }


  .nexozs-universal-cart i{
    font-size:30px;

    color:#fff;
  }


  .nexozs-universal-cart-badge{
    position:absolute;

    top:-7px;

    left:38px;

    min-width:19px;

    height:19px;

    padding:0 5px;

    border-radius:99px;

    background:#ff2433;

    color:#fff;

    border:2px solid #080b12;

    font-size:10px;

    font-weight:800;

    display:flex;

    align-items:center;

    justify-content:center;
  }


  .nexozs-universal-account{
    display:flex;

    align-items:center;

    gap:10px;

    color:#fff;

    text-decoration:none;

    padding-left:18px;

    border-left:1px solid #303640;

    white-space:nowrap;

    cursor:pointer;

    background:none;

    border-top:0;

    border-right:0;

    border-bottom:0;

    font-family:inherit;

    text-align:left;
  }


  .nexozs-universal-account>i{
    font-size:30px;

    font-weight:300;
  }


  .nexozs-universal-account b{
    display:block;

    font-size:14px;

    line-height:1.15;

    font-weight:800;
  }


  .nexozs-universal-account small{
    display:block;

    color:#c5c9d1;

    font-size:10px;

    margin-top:4px;
  }


  /* =========================
     NAVIGATION
     ========================= */

  .nexozs-universal-nav{
    height:51px;

    border-top:1px solid #262b34;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 14px;

    gap:2px;

    box-sizing:border-box;

    width:100%;

    max-width:1280px;

    margin:0 auto;

    min-width:0;

    overflow:hidden;
  }


  .nexozs-universal-nav a{
    color:#f4f5f7;

    text-decoration:none;

    font-size:13px;

    font-weight:700;

    white-space:nowrap;

    padding:17px 10px 15px;

    position:relative;

    transition:.2s;
  }


  .nexozs-universal-nav a:hover,
  .nexozs-universal-nav a[aria-current="page"]{
    color:#ff1c2d;
  }


  .nexozs-universal-nav a[aria-current="page"]:after{
    content:'';

    position:absolute;

    left:10px;

    right:10px;

    bottom:5px;

    height:2px;

    background:#ff1c2d;

    border-radius:2px;
  }


  /* =========================
     MOBILE
     ========================= */

  .nexozs-universal-mobile{
    display:none;
  }


  .nexozs-universal-mobile-top{
    height:66px;

    display:grid;

    grid-template-columns:46px 1fr 46px;

    align-items:center;

    gap:10px;

    padding:9px 14px;
  }


  .nexozs-universal-mobile-menu,
  .nexozs-universal-mobile-cart{
    width:42px;

    height:42px;

    border:1px solid #29313c;

    border-radius:8px;

    background:#171c25;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    font-size:20px;

    position:relative;
  }


  .nexozs-universal-mobile-logo{
    max-width:170px;

    width:auto;

    height:36px;

    object-fit:contain;

    margin:auto;

    display:none;
  }


  .nexozs-universal-mobile-cart .nexozs-universal-cart-badge{
    top:-5px;

    left:27px;
  }


  .nexozs-universal-mobile-search{
    padding:0 14px 12px;
  }


  .nexozs-universal-mobile-search .nexozs-universal-search{
    max-width:none;

    height:42px;
  }


  .nexozs-universal-mobile-search .nexozs-universal-search input{
    font-size:12px;

    padding:0 15px;
  }


  .nexozs-universal-mobile-search .nexozs-universal-search button{
    width:60px;

    font-size:18px;
  }


  /* =========================
     ACCOUNT MENU
     ========================= */

  .nexozs-universal-account-menu{
    display:none;

    position:absolute;

    right:0;

    top:calc(100% + 8px);

    width:245px;

    background:#0f141c;

    border:1px solid #303846;

    border-radius:12px;

    padding:10px;

    box-shadow:0 20px 45px rgba(0,0,0,.45);

    z-index:1000000;
  }


  .nexozs-universal-account-menu a,
  .nexozs-universal-account-menu button{
    display:flex;

    align-items:center;

    gap:9px;

    width:100%;

    padding:10px;

    border:0;

    background:transparent;

    color:#e8ebef;

    text-decoration:none;

    border-radius:7px;

    font:600 13px 'Plus Jakarta Sans',sans-serif;

    cursor:pointer;

    text-align:left;
  }


  .nexozs-universal-account-menu a:hover,
  .nexozs-universal-account-menu button:hover{
    background:#1c232d;
  }


  .nexozs-universal-account-menu .nexozs-account-user{
    padding:10px;

    border-bottom:1px solid #252c36;

    margin-bottom:5px;

    color:#fff;

    font-size:13px;
  }


  /* =========================================================
     DESKTOP BODY ALIGNMENT
     Header content stays centered and does not overflow body
     ========================================================= */

  @media(min-width:901px){

    .nexozs-universal-main,
    .nexozs-universal-nav{
      width:100%!important;

      max-width:1280px!important;

      margin-left:auto!important;
      margin-right:auto!important;
    }

  }


  /* =========================
     MOBILE RESPONSIVE
     ========================= */

  @media(max-width:900px){

    .nexozs-universal-header-wrap{
      width:100%!important;

      max-width:100%!important;

      margin:0!important;

      padding:0!important;

      display:block!important;

      background:#080b12!important;
    }


    body #topNoticeBar{
      width:100%!important;

      max-width:100%!important;

      height:36px!important;

      min-height:36px!important;
    }


    body #topNoticeBar > div{
      width:100%!important;

      height:36px!important;

      min-height:36px!important;

      padding:0 10px!important;
    }


    .nexozs-universal-main,
    .nexozs-universal-nav{
      display:none;
    }


    .nexozs-universal-mobile{
      display:block;
    }


    .nexozs-universal-header{
      width:100%!important;

      max-width:100%!important;

      margin:0!important;

      border-radius:0!important;
    }

  }