.hzf-collection__head{max-width:62rem;margin-bottom:var(--hzf-space-4)}.hzf-collection__title{font-size:clamp(3.2rem,3.8vw,4.4rem);line-height:var(--hzf-leading-display);letter-spacing:-.03em;margin:0}.hzf-collection__intro{font-size:var(--hzf-text-small);line-height:var(--hzf-leading-body);color:var(--hzf-text-muted);margin-top:var(--hzf-space-2)}.hzf-collection__intro p{margin:0}.hzf-collection__bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--hzf-space-2);padding-bottom:var(--hzf-space-3);margin-bottom:var(--hzf-space-3);border-bottom:.1rem solid var(--hzf-hairline)}.hzf-collection__tabs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--hzf-space-1)}.hzf-collection__tabs button{border:.15rem solid transparent;min-height:var(--hzf-touch-target);padding:0 var(--hzf-space-2);border-radius:var(--hzf-radius-s);font-size:var(--hzf-text-meta);color:var(--hzf-text-muted);background:none;cursor:pointer}.hzf-collection__tabs button[aria-pressed=true]{border-color:var(--hzf-text-ink);background:var(--hzf-surface-page);color:var(--hzf-text-ink)}.hzf-collection__tools{display:flex;align-items:center;gap:var(--hzf-space-3);margin-left:auto}.hzf-collection__sort{display:flex;align-items:center;gap:var(--hzf-space-1);font-size:var(--hzf-text-meta);color:var(--hzf-text-muted)}.hzf-collection__sort select{min-height:var(--hzf-touch-target);padding:0 var(--hzf-space-3) 0 var(--hzf-space-2);border:.1rem solid var(--hzf-hairline);border-radius:var(--hzf-radius-s);background:var(--hzf-surface-page);font-size:var(--hzf-text-meta);color:var(--hzf-text-ink)}.hzf-collection__count{font-size:var(--hzf-text-meta);color:var(--hzf-text-muted);white-space:nowrap}.hzf-collection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--hzf-space-2);align-items:stretch}.hzf-collection__empty,.hzf-collection__note{grid-column:1 / -1;font-size:var(--hzf-text-meta);color:var(--hzf-text-muted)}.hzf-collection__note{text-align:center;margin-top:var(--hzf-space-4)}@media screen and (max-width:989px){.hzf-collection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.hzf-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hzf-collection__bar{flex-direction:column;align-items:stretch}.hzf-collection__tools{margin-left:0;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hzf-collection.css.map */