/* All Stiles (Oct 27): catalog cards shown a batch at a time (as-catalog-batches.js); the site's triangle between batches. */
.as-later{display:none!important}
.as-more{display:none;justify-content:center;align-items:center;height:120px;margin:10px 0 30px}
.as-more.is-on{display:flex}
.as-more img{width:44px;height:44px;opacity:0;transition:opacity .25s ease}
.as-more.is-loading img{opacity:1;animation:as-spin 1.15s cubic-bezier(.55,.15,.35,.85) infinite}
@media(prefers-reduced-motion:reduce){.as-more.is-loading img{animation:none}}
/* Oct 28 (owner): the All Items view shows 5 tiles a row on desktop (smaller pictures, names a size down). */
@media(min-width:1024px){
  #tileItemCatalog{grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:22px!important}
  #tileItemCatalog .c4-name{font-size:21px;line-height:1.15}
}
/* Oct 28 (owner): the same 5-a-row size when the collections view is filtered by mood, look, colour or shape. */
@media(min-width:1024px){
  html.as-5up #tileCatalog{grid-template-columns:repeat(5,minmax(0,1fr))!important;column-gap:22px!important}
  html.as-5up #tileCatalog .c4-name{font-size:21px;line-height:1.15}
}
/* Oct 28 (owner): an open filter's choices sit on their own line under the filter bar (they had squeezed the filter
   buttons into three rows). */
@media(min-width:1024px){
  .filterbar{flex-wrap:wrap!important;row-gap:0!important}
  .filterbar .filter-text-menu{flex:0 0 100%!important;max-width:100%!important;order:9;margin:14px 0 4px!important;justify-content:flex-start!important}
  .filterbar .filter-text-menu>*{flex:0 0 auto!important;width:auto!important;min-width:150px}
}