/* DSX0 V2 - Mobile Official Preview */
.dsx-header-brand-zone{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:0 0 auto;
}

header .beta,
header .beta-chip,
header .chip,
.beta-note,
.dsx-official-preview-hide{
  display:none!important;
}

@media(max-width:800px){
  header{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "brand kick"
      "nav nav"!important;
    align-items:center!important;
    justify-content:stretch!important;
    column-gap:12px!important;
    row-gap:10px!important;
    min-height:0!important;
    padding:12px 16px 0!important;
  }

  .dsx-header-brand-zone{
    grid-area:brand;
    justify-self:start;
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }

  .dsx-header-brand-zone img{
    height:42px!important;
    width:auto!important;
    max-width:100%!important;
    object-fit:contain!important;
  }

  header [data-dsx-kick-status],
  header #dsxKickStatusPill{
    grid-area:kick;
    justify-self:end;
    align-self:center;
    margin:0!important;
    min-width:132px!important;
    width:auto!important;
    height:36px!important;
    padding:0 12px!important;
    gap:6px!important;
  }

  header [data-dsx-kick-status] .kick-status-brand,
  header [data-dsx-kick-status] .kick-status-label,
  header #dsxKickStatusPill .kick-status-brand,
  header #dsxKickStatusPill .kick-status-label{
    font-size:8px!important;
    letter-spacing:.09em!important;
  }

  header nav{
    grid-area:nav!important;
    position:static!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    order:initial!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:calc(100% + 32px)!important;
    max-width:none!important;
    margin:0 -16px!important;
    padding:0 16px!important;
    gap:4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    border-top:1px solid rgba(23,57,90,.62);
    border-bottom:1px solid rgba(23,57,90,.46);
  }

  header nav::-webkit-scrollbar{display:none}

  header nav a{
    flex:0 0 auto!important;
    scroll-snap-align:center;
    padding:13px 12px 12px!important;
    font-size:11px!important;
    letter-spacing:.055em!important;
  }

  header nav .on:after{bottom:0!important}
}

@media(max-width:560px){
  header{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:9px!important;
    padding:10px 12px 0!important;
  }

  .dsx-header-brand-zone img{height:38px!important}

  header [data-dsx-kick-status],
  header #dsxKickStatusPill{
    min-width:118px!important;
    height:34px!important;
    padding:0 10px!important;
    gap:5px!important;
  }

  header [data-dsx-kick-status] .kick-status-brand,
  header [data-dsx-kick-status] .kick-status-label,
  header #dsxKickStatusPill .kick-status-brand,
  header #dsxKickStatusPill .kick-status-label{
    font-size:7px!important;
    letter-spacing:.07em!important;
  }

  header nav{
    width:calc(100% + 24px)!important;
    margin:0 -12px!important;
    padding:0 12px!important;
  }

  header nav a{
    padding:12px 11px 11px!important;
    font-size:10px!important;
  }
}

@media(max-width:390px){
  .dsx-header-brand-zone img{height:35px!important}
  header [data-dsx-kick-status],
  header #dsxKickStatusPill{
    min-width:108px!important;
    height:32px!important;
    padding:0 9px!important;
  }
  header nav a{
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:9px!important;
  }
}