.storefront-catalogue {padding-bottom:var(--section-space);
}

.storefront-catalogue__toolbar {align-items:center;border-block:var(--line-width) solid var(--border-primary);display:grid;grid-template-columns:var(--columns-three);min-height:var(--control-height);
}

.storefront-filter-trigger {align-items:center;background:transparent;border:0;color:var(--text-body);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--weight-medium);gap:var(--space-4xs);justify-self:start;letter-spacing:var(--tracking-label);min-height:var(--control-min-height);padding:0;text-transform:uppercase;
}

.storefront-filter-trigger:hover,
.storefront-filter-trigger:focus-visible {text-decoration:underline;text-underline-offset:var(--underline-offset);
}

.storefront-result-count {color:var(--text-muted);font-size:var(--text-s);margin:0;text-align:center;
}

.storefront-sort-form {align-items:center;display:flex;justify-self:end;
}

.storefront-body .storefront-sort-form select {background:transparent;border:0;color:var(--text-body);cursor:pointer;font-size:var(--text-xs);min-height:var(--control-min-height);padding-inline:var(--space-2xs) 0;
}

.storefront-filter-canvas {background:var(--light);border:0;color:var(--text-body);height:var(--viewport-small-height);inset-block:0;inset-inline-start:0;margin:0;max-height:none;max-width:none;padding:0;position:fixed;width:min(var(--measure-dialog),calc(var(--viewport-width) - var(--space-s)));
}

.storefront-filter-canvas::backdrop {background:var(--overlay-dark-deep);
}

.storefront-filter-canvas__surface {display:grid;grid-template-rows:auto minmax(0,1fr);height:var(--size-full);min-height:0;
}

.storefront-filter-canvas__header {align-items:center;border-bottom:var(--line-width) solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-s) var(--space-m);
}

.storefront-filter-canvas__header h2 {font-size:var(--text-2xl);font-weight:var(--weight-regular);margin:0;
}

.storefront-filter-canvas__close {align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:flex;font-size:var(--text-xs);gap:var(--space-4xs);min-height:var(--control-min-height);padding:0;text-transform:uppercase;
}

.storefront-filter-canvas__close svg {fill:none;height:var(--control-icon-size);stroke:currentColor;stroke-linecap:round;stroke-width:var(--icon-stroke-width);width:var(--control-icon-size);
}

.storefront-filter-form {display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;
}

.storefront-filter-form__body {min-height:0;overflow-y:auto;padding-inline:var(--space-m);
}

.storefront-filter-form details {border-bottom:var(--line-width) solid var(--border-subtle);
}

.storefront-filter-form summary {align-items:center;cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:var(--weight-medium);justify-content:space-between;letter-spacing:var(--tracking-label);list-style:none;min-height:var(--control-height);text-transform:uppercase;
}

.storefront-filter-form summary::after {content:"+";font-size:var(--text-m);font-weight:var(--weight-regular);
}

.storefront-filter-form details[open] summary::after {content:"−";
}

.storefront-filter-form fieldset {border:0;display:grid;gap:var(--space-4xs);margin:0;padding:0 0 var(--space-s);
}

.storefront-filter-form .storefront-choice span {align-items:baseline;display:flex;gap:var(--space-4xs);justify-content:space-between;width:var(--size-full);
}

.storefront-filter-form .storefront-choice small {color:var(--text-subtle);font-size:var(--text-xs);
}

.storefront-filter-form__actions {background:var(--light);border-top:var(--line-width) solid var(--border-subtle);display:grid;gap:var(--space-2xs);grid-template-columns:var(--columns-two);padding:var(--space-m);
}

.storefront-filter-form__actions .button {width:var(--size-full);
}

.storefront-filter-noscript {border-bottom:var(--line-width) solid var(--border-primary);padding-block:var(--space-s);
}

.storefront-filter-noscript > summary {cursor:pointer;min-height:var(--control-min-height);
}

.storefront-catalogue > .storefront-product-grid {margin-top:var(--space-m);
}

.storefront-pagination {align-items:center;border-top:var(--line-width) solid var(--border-primary);display:flex;gap:var(--space-m);justify-content:center;margin-top:var(--space-2xl);padding-top:var(--space-m);
}

.storefront-pagination a {color:var(--primary);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-decoration:none;text-transform:uppercase;
}

.storefront-pagination a:hover,
.storefront-pagination a:focus-visible {text-decoration:underline;text-underline-offset:var(--underline-offset);
}

.storefront-pagination span {color:var(--text-muted);font-size:var(--text-s);
}

@media (max-width:480px) {
  .storefront-catalogue__toolbar {grid-template-columns:var(--columns-two);
  }

  .storefront-result-count {grid-column:1 / -1;grid-row:2;padding-bottom:var(--space-3xs);text-align:left;
  }
}