.collection-page{padding-top:calc(var(--spacing-xxl) * 2);padding-bottom:calc(var(--section-spacing-bottom) * 2);background-color:var(--color-background);font-family:var(--font-family-base)}.collection-container{max-width:var(--page-width);margin:0 auto;padding:0 var(--container-padding)}.collection-title{color:var(--color-leaf);text-align:center;margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-h1);font-weight:var(--font-weight-normal)}.collection-filters{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-xl);min-height:24px}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm);height:24px}.filter-toggle{background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-family-base);display:flex;align-items:center;gap:4px}.filter-caret{transition:transform .2s ease}.filter-toggle[aria-expanded=true] .filter-caret{transform:rotate(90deg)}.filter-toggle:hover .filter-caret{color:var(--color-blossom)}.filter-name{color:var(--color-grey-ink);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;position:relative;display:inline-block}.filter-name:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background-color:var(--color-grey-ink)}.filter-toggle:hover .filter-name{color:var(--color-blossom)}.filter-toggle:hover .filter-name:after{background-color:var(--color-blossom)}.filter-selected{display:flex;align-items:center;gap:var(--spacing-xs);transition:opacity .2s ease}.filter-group.is-open .filter-selected{display:none}.filter-selected-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0}.filter-selected-text{font-size:var(--font-size-small);color:var(--color-blossom);white-space:nowrap}.filter-selected-text:not(:last-child):after{content:",";margin-right:4px}.filter-options{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);max-width:0;overflow:hidden;opacity:0;transition:max-width .4s ease,opacity .3s ease,gap .3s ease}.filter-group.is-open .filter-options{max-width:800px;opacity:1}.filter-option{position:relative;background:none;border:none;padding:2px var(--spacing-sm);cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-grey-ink);text-align:center;transition:color .2s ease;border-radius:50px;height:24px;display:flex;align-items:center;justify-content:center}.filter-option-text{position:relative;z-index:1}.filter-option-border{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0}.filter-option-border rect{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset .6s ease,opacity 0s}.filter-option:hover,.filter-option.is-active{color:var(--color-blossom)}.filter-option.is-active .filter-option-border{opacity:1}.filter-option.is-active .filter-option-border rect{stroke-dashoffset:0}.filter-options--color{gap:var(--spacing-xs);padding:4px 0 4px 4px}.filter-option--swatch{padding:0;width:24px;height:24px;border-radius:50%;border:2px solid transparent;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.filter-swatch{display:block;width:100%;height:100%;border-radius:50%}.filter-option--swatch:hover{transform:scale(1.15)}.filter-option--swatch.is-active{border-color:var(--color-blossom);box-shadow:0 2px 4px #0003}.collection-ratio-section{margin-bottom:var(--spacing-xxxl)}.collection-ratio-section:last-of-type{margin-bottom:0}.collection-ratio-title{color:var(--color-leaf);font-size:var(--font-size-h3);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.collection-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.pagination-wrapper{margin-top:var(--spacing-xl);text-align:center}.pagination{display:inline-flex;gap:var(--spacing-sm);align-items:center}.pagination a,.pagination span{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-ink);text-decoration:none;font-size:var(--font-size-small)}.pagination a:hover{color:var(--color-blossom)}.pagination .current{color:var(--color-blossom);font-weight:var(--font-weight-medium)}@media screen and (max-width: 1024px){.collection-products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.collection-filters{flex-wrap:wrap;gap:var(--spacing-md)}.filter-group{gap:var(--spacing-xs)}.filter-name,.filter-option{font-size:var(--font-size-label)}.collection-ratio-title{font-size:var(--font-size-h4)}.collection-products-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}}@media screen and (max-width: 480px){.collection-filters{flex-wrap:wrap;gap:var(--spacing-sm)}.filter-group{gap:var(--spacing-xs);height:20px}.filter-option{height:20px}.collection-ratio-section{margin-bottom:var(--spacing-xxl)}.collection-ratio-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.collection-products-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/collection.css.map */