/* =========================================================
   DESKTOP TOP HEADER
========================================================= */

@media (min-width:1361px){
  .app-shell{
    display:block !important;
    min-height:100vh !important;
  }

  header.site-header,
  .site-header{
    position:sticky !important;
    top:0 !important;
    z-index:2000 !important;

    min-height:0 !important;

    padding: 22px !important;

    background:
      radial-gradient(circle at 0 0, rgba(69,104,243,.10), transparent 60%),
      var(--bg) !important;

    border-right:none !important;
    border-bottom:1px solid rgba(25,42,77,.06) !important;

    display:block !important;
    align-self:stretch !important;
  }

  .header-inner{
    max-width:var(--container) !important;
    margin:0 auto !important;

    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
  }

  .brand-logo{
    height:44px !important;
  }

  .header-burger{
    display:none !important;
  }

  nav.side-nav,
  .side-nav{
    margin-top:0 !important;
    width:auto !important;
    flex:1 1 auto !important;
    justify-content: space-around !important;

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

    min-width:0 !important;
  }

  ul.side-nav__list,
  .side-nav__list{
    list-style:none !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    gap:8px !important;

    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;

    scrollbar-width:thin !important;
    scrollbar-color: rgba(69,104,243,.35) transparent !important;
  }

  .side-nav__list::-webkit-scrollbar{ height:8px !important; }
  .side-nav__list::-webkit-scrollbar-thumb{
    background:rgba(69,104,243,.22) !important;
    border-radius:999px !important;
  }
  .side-nav__list::-webkit-scrollbar-thumb:hover{
    background:rgba(69,104,243,.32) !important;
  }
  .side-nav__list::-webkit-scrollbar-track{ background:transparent !important; }

  a.side-nav__link,
  .side-nav__link{
    display:flex !important;
    align-items:center !important;

    width:auto !important;

    border-radius:999px !important;

    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    font-size:12px !important;
    font-weight:700 !important;

    color:var(--muted) !important;
    background:transparent !important;

    white-space:nowrap !important;

    transition:
      background .16s ease,
      color .16s ease,
      box-shadow .16s ease,
      transform .12s ease,
      border-color .16s ease !important;
  }

  .side-nav__link:hover,
  .side-nav__link:focus-visible{
    background:rgba(69,104,243,.08) !important;
    color:var(--ink) !important;
    outline:none !important;
    transform:translateY(-1px) !important;
  }

  a.side-nav__link--active,
  .side-nav__link--active{
    margin-left:0 !important;
    border-radius:999px !important;
    padding: 10px 20px !important;
	box-shadow: none !important;
    background:var(--accent) !important;
    color:var(--bg) !important;
  }

  .side-nav__link--active:hover,
  .side-nav__link--active:focus-visible{
	box-shadow: none !important; 
    background:var(--accent) !important;
    color:var(--bg) !important;
    transform:none !important;
  }

  .header-actions{
    width:auto !important;
    flex:0 0 auto !important;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
  }

  .header-cta{
    width:auto !important;
    padding:10px 16px !important;
    border-radius:999px !important;
    font-size:14px !important;
  }

  .header-lang{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:none !important;
    width:auto !important;
  }

  .lang-btn{
    width:auto !important;
    padding:10px 14px !important;
    border-radius:999px !important;
    box-shadow:0 12px 28px rgba(69,104,243,.14) !important;
  }
}

@media (min-width:1361px) and (max-width:1546px){
  .side-nav__link{
    padding:9px 12px !important;
    font-size:11.5px !important;
    letter-spacing:.12em !important;
  }
}

@media (min-width:1361px){
  ul.side-nav__list,
  .side-nav__list{
    overflow-x:hidden !important;
    overflow-y:visible !important;

    flex-wrap:wrap !important;
    gap:8px 10px !important;
    padding:2px 0 !important;

    scrollbar-width:none !important;
  }
  .side-nav__list::-webkit-scrollbar{ display:none !important; }

  .header-inner{
    align-items:center !important;
  }

  a.side-nav__link,
  .side-nav__link{
    min-height:36px !important;
    padding:9px 12px !important;
  }

  a.side-nav__link--active,
  .side-nav__link--active{
    padding:9px 14px !important;
  }
}

@media (min-width:1361px) and (max-width:1546px){
  a.side-nav__link,
  .side-nav__link{
    font-size:11px !important;
    letter-spacing:.10em !important;
    padding:8px 10px !important;
    min-height:34px !important;
  }

  a.side-nav__link--active,
  .side-nav__link--active{
    padding:8px 12px !important;
  }
}