/* Archive 7468's original mobile category rail. It is absent from other page types. */
.mobile-categories { display: none; }
@media (max-width: 767px) {
  .mobile-categories { display: block; width: 100%; min-width: 0; margin: 8px 0 16px; padding: 0; }
  .mobile-category-scroll { position: relative; display: flex; flex-wrap: nowrap; align-items: center; gap: 8px; width: 100%; min-width: 0; overflow-x: auto; overflow-y: hidden; padding: 0 16px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .mobile-category-scroll::-webkit-scrollbar { display: none; }
  .mobile-category-scroll a { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 8px; border: 1px solid #d8cbbb; border-radius: 0; background: transparent; color: #2f3321; font: 400 14px/1 'Satoshi', Arial, sans-serif; white-space: nowrap; text-decoration: none; }
  .mobile-category-scroll a:hover { background: transparent; color: #2f3321; border-color: #d8cbbb; }
  .mobile-category-scroll a.is-active { background: #b08a4a1a; border-color: #d8cbbb; color: #2f3321; }
  .mobile-category-scroll a:focus-visible { outline: 2px solid #b08a4a; outline-offset: -3px; }
}