/* FINAL MOBILE TOP CATEGORIES — 2 LINES, NO HORIZONTAL PAGE SCROLL */
@media(max-width:820px){
  #siteHeaderMount .navLinks{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,auto)!important;
    grid-auto-flow:column!important;
    gap:3px 4px!important;
    padding:2px 0 3px!important;
    margin:0!important;
    overflow:visible!important;
    white-space:normal!important;
    justify-content:stretch!important;
    align-items:stretch!important;
  }

  #siteHeaderMount .navRow{
    display:contents!important;
  }

  #siteHeaderMount .navLinks a,
  #siteHeaderMount .navLinks button{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:5px 2px!important;
    margin:0!important;
    font-size:8.2px!important;
    line-height:1.08!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
    border-radius:8px!important;
  }

  #siteHeaderMount .navLinks::-webkit-scrollbar{
    display:none!important;
  }
}

@media(max-width:520px){
  #siteHeaderMount .navLinks{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:2px 3px!important;
  }
  #siteHeaderMount .navLinks a,
  #siteHeaderMount .navLinks button{
    padding:4px 1px!important;
    font-size:7.7px!important;
    letter-spacing:-.01em!important;
  }
}

@media(max-width:390px){
  #siteHeaderMount .navLinks a,
  #siteHeaderMount .navLinks button{
    font-size:7.2px!important;
    padding:4px 0!important;
  }
}