.collection__head{text-align:center;max-width:60ch;margin-inline:auto}.collection__title{margin-top:.6rem}.collection__desc{margin-top:1rem;margin-inline:auto}.collection__count{margin-top:1.1rem;font-family:var(--font-head);font-weight:500;font-size:var(--fs-small);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-soft)}.collection__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.6rem,4vw,2.6rem);padding-bottom:1.1rem;border-bottom:1px solid var(--dq-line)}.collection__filter{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.7rem 1.3rem;border:1.5px solid var(--mauve);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.collection__filter:active{transform:scale(.98)}.collection__filter-icon{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;width:14px}.collection__filter-icon span{display:block;height:1.5px;background:var(--ink);border-radius:var(--radius-pill)}.collection__filter-icon span:nth-child(1){width:100%}.collection__filter-icon span:nth-child(2){width:70%}.collection__filter-icon span:nth-child(3){width:40%}.collection__sort{display:inline-flex;align-items:center;gap:.6rem}.collection__sort-label{font-family:var(--font-head);font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.collection__sort-select{min-height:44px;padding:.6rem 2.6rem .6rem 1.1rem;border:1.5px solid var(--mauve);border-radius:var(--radius-pill);background-color:var(--white);color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--rose-deep) 50%),linear-gradient(135deg,var(--rose-deep) 50%,transparent 50%);background-position:right 1.2rem center,right .95rem center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color var(--dur-fast) var(--ease)}.collection__sort-select:focus{outline:none;border-color:var(--rose-deep)}@media(hover:hover){.collection__filter:hover{border-color:var(--ink)}.collection__sort-select:hover{border-color:var(--rose-deep)}}.collection__empty{grid-column:1 / -1;text-align:center;color:var(--ink-soft);padding-block:var(--space-5)}@media(max-width:560px){.collection__bar{flex-wrap:nowrap}.collection__filter,.collection__sort-select{flex:1 1 0;justify-content:center}.collection__sort{flex:1 1 0}.collection__sort-select{width:100%}}.collection__nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:clamp(1.4rem,3.5vw,2.2rem);padding-bottom:1.1rem;border-bottom:1px solid var(--dq-line)}.collection__nav__buttons{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:1 1 auto}.collection__filters__toggle{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1.3rem;border:1.5px solid var(--mauve);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.collection__filters__toggle .hide-filters{display:none}.collection__filters__toggle svg{width:15px;height:15px}.collection__filters__toggle [data-active-filters-count]:empty{display:none}.collection__sort{display:inline-flex;align-items:center}.collection__sort .popout__toggle{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.6rem 1.2rem;border:1.5px solid var(--mauve);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-family:var(--font-head);font-weight:500;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease)}.collection__sort .popout__toggle svg{width:14px;height:14px;color:var(--rose-deep)}@media(hover:hover){.collection__filters__toggle:hover{border-color:var(--ink)}.collection__sort .popout__toggle:hover{border-color:var(--rose-deep)}}@media(min-width:900px){.collection .js-grid{gap:clamp(1rem,2.2vw,1.6rem)}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/dq-collection.css.map */