/* 31-Jul-26 UI corrections */
html body #top #heroFrom,html body #top #heroCats{display:flex!important;visibility:visible!important;opacity:1!important}
html body #top #heroFrom{width:max-content;max-width:100%;margin-top:24px!important;flex-wrap:wrap!important}
html body #top #heroCats{margin-top:18px!important;gap:12px!important;flex-wrap:wrap!important}
html body #top #heroCats>*{min-width:0!important}

/* Never let details open at an old scroll position */
#dtOverlay.open{overscroll-behavior:contain}
#dtOverlay .dt-kicker{display:block!important;visibility:visible!important;opacity:1!important}

/* Mobile filter sheet must remain inside the viewport */
@media(max-width:700px){
  #top{min-height:auto!important;padding-bottom:42px!important}
  html body #top #heroFrom{width:100%!important;justify-content:center!important;border-radius:18px!important;text-align:center!important}
  html body #top #heroCats{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  html body #top #heroCats>*{width:100%!important;max-width:100%!important}
  .f-sheet,.fsheet,.filter-sheet,[role="dialog"] .fs-body{max-width:100vw!important;overflow-x:hidden!important}
  .f-sheet .fs-body,.fs-body,.filter-sheet .body{width:100%!important;max-width:100%!important;padding-left:20px!important;padding-right:20px!important;overflow-x:hidden!important}
  .f-sheet .fb-row,.fs-body .fb-row,.filter-sheet .fb-row{min-width:0!important;width:100%!important}
  .f-sheet input,.f-sheet select,.fs-body input,.fs-body select,.filter-sheet input,.filter-sheet select{width:100%!important;max-width:100%!important;min-width:0!important}
  .f-sheet .chips,.fs-body .chips,.filter-sheet .chips{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;width:100%!important;max-width:100%!important;gap:8px!important}
  .f-sheet .chip,.fs-body .chip,.filter-sheet .chip{flex:0 1 auto!important;max-width:100%!important;white-space:normal!important}
  .f-sheet footer,.fs-foot,.filter-sheet footer{position:sticky!important;bottom:0!important;width:100%!important;max-width:100%!important}
}