/* Maktoob — store page additions (Batch 7): the Plus member line, the filter bar that stays on phones */

.store__plus { margin-top: var(--s6); max-width: 760px; font-size: 15px; }
.store__plus strong { font-weight: 700; }

/* tablets and phones: the count, Filters and Sort stay under the header while the books scroll */
@media (max-width: 900px) {
  .results__bar {
    position: sticky; top: 64px; z-index: 30;
    margin-inline: calc(var(--pad-x) * -1); padding: 10px var(--pad-x);
    background: var(--stone);
  }
  .results__bar.is-stuck { box-shadow: 0 1px 0 color-mix(in srgb, var(--ink) 12%, transparent); border-bottom-color: transparent; }
  /* stuck: one row (count, Filters, Sort); the active chips wait at the top of the list */
  .results__bar.is-stuck .results__active { display: none; }
  .results__bar.is-stuck { flex-wrap: nowrap; }
  .results__bar.is-stuck :is(.results__count, .sortby > span:first-child) {
    position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
  .results__bar.is-stuck .sortby { margin-inline-start: auto; }
  .results__fbtn, .sortby .select { min-height: 44px; }
}