.storefront__welcome{border:.0625rem solid var(--line);border-radius:var(--radius-md);background:color-mix(in srgb, var(--brand) 5%, var(--surface));font-size:var(--text-control);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-block:-.5rem 2.5rem;padding:1rem 1.25rem;display:flex}.storefront__welcome span{align-items:center;gap:.625rem;font-weight:650;display:inline-flex}.storefront__welcome svg{color:var(--brand-text);flex-shrink:0}.storefront__welcome p{color:var(--muted);margin:0}.storefront__section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.75rem;margin-block-end:1.25rem;display:flex}.storefront__section-heading h2{margin-block:.5rem 0;font-size:clamp(1.25rem,2dvi,1.75rem);font-weight:800}.storefront__section-heading p,.storefront__section-heading>span{color:var(--muted);font-size:var(--text-control);margin:0}.storefront__department-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem;display:grid}.storefront__department{border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-block-size:7.5rem;min-inline-size:0;color:var(--ink);text-align:start;cursor:pointer;flex-direction:column;align-items:start;gap:.625rem;padding:1rem;transition:background .18s,border-color .18s;display:flex;position:relative}.storefront__department svg{color:var(--muted);margin-block-end:.375rem}.storefront__department strong{font-size:var(--text-control);font-weight:650}.storefront__department span{color:var(--muted);font-size:var(--text-caption);margin-block-start:auto}.storefront__department:hover{background:var(--surface-2);border-color:var(--brand)}.storefront__department[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--surface));box-shadow:inset 0 -.1875rem var(--brand)}.storefront__department[aria-pressed=true] svg{color:var(--brand-text)}.storefront__department:focus-visible{outline:.125rem solid var(--brand);outline-offset:.25rem}.storefront__catalogue{margin-block-start:2.75rem;scroll-margin-block-start:calc(var(--site-header) + 2rem)}.storefront__filters{border:.0625rem solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:1.5rem;padding:1rem;display:flex}.storefront__search{flex:18rem;align-items:center;min-inline-size:0;display:flex;position:relative}.storefront__search>svg{color:var(--muted);pointer-events:none;position:absolute;inset-inline-start:.875rem}.storefront__search .ui-input{inline-size:100%;padding-inline-start:2.75rem}.storefront__filters .ui-select{flex:0 12rem;inline-size:12rem;min-inline-size:0;max-inline-size:100%}.storefront__filters .ui-button[aria-pressed=true]{border-color:var(--brand);color:var(--brand-text);background:color-mix(in srgb, var(--brand) 10%, var(--surface))}.storefront__note{margin-block-start:2rem}@media (max-width:80rem){.storefront__department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:40rem){.storefront__welcome{margin-block-end:2rem}.storefront__department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.storefront__department{min-block-size:6.5rem;padding:1rem}.storefront__department svg{margin:0}.storefront__filters{gap:.625rem;padding:.75rem}.storefront__filters .ui-select,.storefront__filters>.ui-button{flex:100%;inline-size:100%}.storefront__search{flex-basis:100%}.storefront__catalogue{margin-block-start:2rem}}@media (prefers-reduced-motion:reduce){.storefront__department{transition:none}}