/* The homepage category and storage-method tabs show one pair per mobile page. */
.catalog-pages{display:none}
@media(max-width:760px){
  .catalog-browser .catalog-rail{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;row-gap:4px}
  .catalog-browser .catalog-panel{grid-column:1/-1;grid-row:1}
  .catalog-browser .catalog-track,.catalog-browser #track-methods{display:flex;gap:12px;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;cursor:grab}
  .catalog-browser .catalog-track::-webkit-scrollbar{display:none}
  .catalog-browser .catalog-card{flex:0 0 calc((100% - 12px)/2);scroll-snap-align:none;scroll-snap-stop:normal}
  .catalog-browser .catalog-card:nth-child(odd){scroll-snap-align:start;scroll-snap-stop:always}
  .catalog-browser #track-methods::after{content:'';flex:0 0 calc((100% - 12px)/2)}
  .catalog-browser #track-methods .catalog-placeholder,.catalog-browser #track-methods .catalog-method-image{height:min(calc((100vw - 2*var(--gutter) - 12px)/2),20svh)}
  .catalog-browser .catalog-scroll{position:static;display:grid;grid-row:2;grid-column:1;width:44px;height:44px;background:transparent}
  .catalog-browser .catalog-scroll-next{grid-column:3}
  .catalog-pages{display:flex;grid-column:2;grid-row:2;align-items:center;justify-content:center}
  .catalog-pages button{width:44px;height:44px;display:grid;place-items:center}
  .catalog-pages button span{width:6px;height:6px;border-radius:50%;background:#d5d5d5}
  .catalog-pages button[aria-pressed=true] span{background:var(--ink)}
}