/* The original category buttons stay in one place in the DOM, and pin over the catalog. */
[data-page="shop"] .catalog-content { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:24px; align-items:center; }
[data-page="shop"] .catalog-toolbar { display:contents; }
[data-page="shop"] .catalog-heading { grid-column:1; grid-row:1; }
[data-page="shop"] .catalog-toolbar .filters { grid-column:2; grid-row:1; position:sticky; top:8px; z-index:20; justify-self:end; align-self:center; min-width:0; max-width:100%; padding:6px; border:1px solid #e1eaf0; border-radius:12px; background:#fffffff5; box-shadow:0 5px 18px #264a6408; scroll-snap-type:x proximity; scroll-padding-inline:6px; scrollbar-width:thin; scrollbar-color:#bdd9df transparent; }
[data-page="shop"] .catalog-result-meta,[data-page="shop"] .product-grid,[data-page="shop"] .catalog-assurance { grid-column:1/-1; }
[data-page="shop"] .catalog-toolbar .filter { scroll-snap-align:start; scroll-margin-inline:6px; }
[data-page="shop"] .catalog-toolbar .filters::-webkit-scrollbar { height:4px; }
[data-page="shop"] .catalog-toolbar .filters::-webkit-scrollbar-thumb { border:0; border-radius:4px; background:#bdd9df; }
@media(max-width:900px) {
 [data-page="shop"] .catalog-content { grid-template-columns:minmax(0,1fr); }
 [data-page="shop"] .catalog-heading { margin-bottom:16px; }
 [data-page="shop"] .catalog-toolbar .filters { grid-column:1; grid-row:2; justify-self:stretch; width:100%; }
 [data-page="shop"] .catalog-toolbar .filter { min-height:40px; }
}