/* ROSH CATALOG X / Mobile control geometry correction.
   Do not turn four independent view controls into a clipped horizontal flex rail.
   Scoped to the public catalog; desktop navigation and commerce contracts untouched. */
@media (max-width:740px) {
  body.rosh-x009-catalog #catalog .catalog-tools {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:9px!important;
    row-gap:9px!important;
    min-width:0!important;
  }
  body.rosh-x009-catalog #catalog .catalog-search {
    grid-column:1 / -1!important;
    min-width:0!important;
    width:100%!important;
  }
  body.rosh-x009-catalog #catalog .catalog-tools > select {
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding-inline:12px 26px!important;
    font-size:13px!important;
    text-overflow:ellipsis;
  }
  body.rosh-x009-catalog #catalog .catalog-meta {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:15px 0 17px!important;
    min-width:0;
  }
  body.rosh-x009-catalog #catalog .catalog-meta > #catalog-results,
  body.rosh-x009-catalog #catalog .catalog-meta > .stock-only {
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    line-height:1.5!important;
    overflow-wrap:normal;
  }
  body.rosh-x009-catalog #catalog .catalog-meta > .catalog-controls {
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:6px 0 0!important;
    padding:0!important;
    overflow:visible!important;
    flex-wrap:initial!important;
    scrollbar-width:auto;
  }
  body.rosh-x009-catalog #catalog .catalog-meta > .catalog-controls > button {
    display:flex!important;
    flex:none!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:9px 11px!important;
    font-size:clamp(11px,3.2vw,13px)!important;
    line-height:1.25!important;
    text-align:center!important;
    white-space:normal!important;
    text-wrap:balance;
    overflow-wrap:normal;
  }
  body.rosh-x009-catalog #catalog .catalog-signal-band {
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 17px!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.rosh-x009-catalog #catalog .catalog-signal-band > .signal-label {
    display:block!important;
    flex:0 0 100%!important;
    width:100%!important;
    margin:0 0 2px!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  body.rosh-x009-catalog #catalog .catalog-signal-band > .signal-chip {
    display:inline-flex!important;
    flex:0 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    max-width:100%!important;
    margin:0!important;
    padding:9px 12px!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.25!important;
  }
}
/* Respect high-contrast keyboard operation without recreating decorative dividers. */
body.rosh-x009-catalog #catalog .catalog-controls button:focus-visible,
body.rosh-x009-catalog #catalog .catalog-signal-band button:focus-visible {
  outline:3px solid #4b91b3!important;
  outline-offset:2px!important;
}