html.tgz-v338 .mobileHeadControls{display:none}

html.tgz-v338 .drawerSwitchers{display:none!important}

@media (max-width: 980px){
  html.tgz-v338 .topbar .nav{
    gap:10px!important;
    align-items:center!important;
  }
  html.tgz-v338 .desktopUtility,
  html.tgz-v338 .modePill{
    display:none!important;
  }
  html.tgz-v338 .mobileHeadControls{
    display:flex!important;
    align-items:center;
    gap:8px;
    margin-inline-start:auto;
    flex:0 0 auto;
  }
  html.tgz-v338 .brand.brandSystem{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:10px!important;
  }
  html.tgz-v338 .brand.brandSystem .brandMark,
  html.tgz-v338 .brand.brandSystem .brandMark img{
    width:56px!important;
    height:56px!important;
  }
  html.tgz-v338 .brand.brandSystem .brandText{
    min-width:0!important;
  }
  html.tgz-v338 .brand.brandSystem .brandText strong{
    display:block;
    font-size:15px!important;
    line-height:1.05!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  html.tgz-v338 .brand.brandSystem .brandText small{
    display:none!important;
  }
  html.tgz-v338 details.smartPicker--mobileHeader{
    position:relative;
    flex:0 0 auto;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary{
    min-width:60px;
    height:40px;
    padding:8px 10px!important;
    border-radius:12px!important;
    border:1px solid rgba(11,43,74,.14)!important;
    background:#fff!important;
    box-shadow:none!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:6px;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary::after{
    content:'▾';
    font-size:10px;
    color:#5b6b80;
    margin-left:2px;
  }
  html.tgz-v338 .smartPicker--mobileHeader[open] summary::after{
    content:'▴';
  }
  html.tgz-v338 .smartPicker--mobileHeader .smartPickerLabel{
    display:none!important;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary strong{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.06em;
  }
  html.tgz-v338 .smartPickerMenu--mobileHeader{
    top:calc(100% + 8px)!important;
    left:auto!important;
    right:0!important;
    min-width:148px!important;
    max-width:min(84vw, 220px)!important;
  }
  html.tgz-v338 .smartPickerMenu--mobileHeader .smartOption{
    min-height:42px;
  }
  html.tgz-v338 .smartPickerMenu--mobileHeader.smartPickerMenu--currency .smartOption,
  html.tgz-v338 .smartPickerMenu--mobileHeader .currencyChip{
    justify-content:center;
  }
  html.tgz-v338 .navToggle{
    display:inline-flex!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
    margin:0!important;
  }
  html.tgz-v338 .navToggle span{
    width:18px!important;
  }
}

@media (max-width: 640px){
  html.tgz-v338 .topbar .container{
    padding-inline:14px!important;
  }
  html.tgz-v338 .topbar .nav{
    gap:8px!important;
  }
  html.tgz-v338 .brand.brandSystem{
    gap:8px!important;
  }
  html.tgz-v338 .brand.brandSystem .brandMark,
  html.tgz-v338 .brand.brandSystem .brandMark img{
    width:50px!important;
    height:50px!important;
  }
  html.tgz-v338 .brand.brandSystem .brandText strong{
    font-size:14px!important;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary{
    min-width:56px;
    padding:7px 8px!important;
  }
}

@media (max-width: 390px){
  html.tgz-v338 .brand.brandSystem .brandMark,
  html.tgz-v338 .brand.brandSystem .brandMark img{
    width:46px!important;
    height:46px!important;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary{
    min-width:52px;
    padding:7px 7px!important;
    border-radius:11px!important;
  }
  html.tgz-v338 .smartPicker--mobileHeader summary strong{
    font-size:11px!important;
  }
  html.tgz-v338 .mobileHeadControls{
    gap:6px;
  }
}