/* Restore the reference mobile catalog toolbar proportions. */
@media (max-width: 767px) {
  body[data-member-page="catalog"] .catalog-shell .catalog-controls {
    gap: 12px;
  }

  body[data-member-page="catalog"] .catalog-periods {
    box-sizing: border-box;
    width: 286px;
    max-width: calc(100% - 80px);
    min-height: 44px;
    height: 44px;
    flex: 0 1 286px;
    grid-template-columns: .82fr .98fr 1.1fr 1.3fr;
    padding: 4px;
  }

  body[data-member-page="catalog"] .catalog-period {
    min-height: 36px;
    height: 36px;
    padding: 8px 3px;
  }

  body[data-member-page="catalog"] .catalog-filter-button {
    width: 68px;
    min-width: 68px;
    height: 44px;
    flex: 0 0 68px;
    gap: 8px;
    padding: 0 10px;
  }

  body[data-member-page="catalog"] .catalog-filter-button > svg {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}

@media (max-width: 359px) {
  body[data-member-page="catalog"] .catalog-shell .catalog-controls {
    gap: 8px;
  }

  body[data-member-page="catalog"] .catalog-periods {
    max-width: calc(100% - 72px);
  }

  body[data-member-page="catalog"] .catalog-filter-button {
    width: 64px;
    min-width: 64px;
    flex-basis: 64px;
  }
}