.collection-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:280px;padding-block:var(--space-3xl) var(--space-2xl);overflow:hidden;background-color:var(--color-heading)}@media screen and (min-width:750px){.collection-banner{min-height:360px;padding-block:var(--space-3xl)}}@media screen and (min-width:990px){.collection-banner{min-height:420px}}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-banner__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 8s ease-out}.collection-banner__media img{animation:collection-banner-zoom 12s ease-out forwards}@keyframes collection-banner-zoom{0%{transform:scale(1.05)}to{transform:scale(1)}}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,rgba(25,30,33,var(--collection-banner-overlay, .55)),rgba(25,30,33,calc(var(--collection-banner-overlay, .55) * .7)) 40%,rgba(25,30,33,calc(var(--collection-banner-overlay, .55) * .3)))}.collection-banner__content{position:relative;z-index:2;text-align:center;max-width:800px;margin-inline:auto;padding-inline:var(--space-lg);animation:collection-banner-fadeup .8s ease-out both;animation-delay:.15s}@keyframes collection-banner-fadeup{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.collection-banner__breadcrumb{margin-bottom:var(--space-md)}.collection-banner__breadcrumb-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0;list-style:none;margin:0;padding:0}.collection-banner__breadcrumb-item{font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#fff9}.collection-banner__breadcrumb-item a{color:#fff9;text-decoration:none;transition:color var(--duration-short) var(--ease-out)}.collection-banner__breadcrumb-item a:hover{color:#fff}.collection-banner__breadcrumb-item+.collection-banner__breadcrumb-item:before{content:"\2002/\2002";color:#ffffff59}.collection-banner__breadcrumb-item--active{color:#ffffffe6}.collection-banner__title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.1;letter-spacing:var(--letter-spacing-heading);color:#fff;margin:0;font-size:clamp(2rem,1.5rem + 2.5vw,3.25rem)}.collection-banner__description{color:#fffc;margin-top:var(--space-md);font-family:var(--font-body);font-size:clamp(.9375rem,.875rem + .25vw,1.0625rem);line-height:var(--line-height-body);max-width:56ch;margin-inline:auto}.collection-banner__description p{max-width:none;margin:0}.collection-banner__accent{display:block;width:48px;height:2px;margin:var(--space-lg) auto 0;background-color:var(--color-primary);border-radius:1px;opacity:.8}@media screen and (min-width:750px){.collection-banner__accent{width:64px;height:3px}}.collection-page{padding-block:var(--space-xl) var(--space-3xl)}.collection-page>.container{max-width:1440px}@media screen and (min-width:1200px){.collection-page>.container{max-width:1600px}}.collection-page__layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media screen and (min-width:990px){.collection-page__layout--with-filters{grid-template-columns:240px 1fr;gap:var(--space-2xl)}}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.collection-toolbar__count{font-size:.8125rem;color:var(--color-text);opacity:.7}.collection-toolbar__sort{display:flex;align-items:center;gap:var(--space-sm)}.collection-toolbar__sort-label{font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-heading);white-space:nowrap}.collection-toolbar__sort-select{width:auto;min-width:160px;padding:.625em 2.5em .625em .875em;font-size:.8125rem}@media screen and (max-width:749px){.collection-toolbar__sort-select{font-size:16px}}.collection-filter-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:.625em 1.25em;font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--color-heading);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:border-color var(--duration-short) var(--ease-out),background-color var(--duration-short) var(--ease-out)}.collection-filter-toggle:hover{border-color:var(--color-heading)}.collection-filter-toggle svg{width:16px;height:16px}@media screen and (min-width:990px){.collection-filter-toggle{display:none}}.collection-filters{display:none;flex-direction:column;gap:var(--space-lg)}.collection-filters.is-open{display:flex}@media screen and (min-width:990px){.collection-filters{display:flex;position:sticky;top:calc(var(--space-xl) + 80px);max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}}@media screen and (max-width:989px){.collection-filters.is-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background-color:var(--color-surface);padding:var(--space-xl) var(--space-lg);overflow-y:auto;animation:filter-slide-in var(--duration-default) var(--ease-out)}@keyframes filter-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}}.collection-filters__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}@media screen and (min-width:990px){.collection-filters__header{display:none}}.collection-filters__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-heading)}.collection-filters__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:none;cursor:pointer;color:var(--color-heading)}.collection-filters__close svg{width:20px;height:20px}.collection-filter-group{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-md)}.collection-filter-group__heading{font-size:.8125rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-heading);margin-bottom:var(--space-sm)}.collection-filter-group__list{display:flex;flex-direction:column;gap:var(--space-xs)}.collection-filter-group__item{display:flex;align-items:center;gap:var(--space-sm)}.collection-filter-group__item label{font-size:.875rem;color:var(--color-text);cursor:pointer;transition:color var(--duration-short) var(--ease-out)}.collection-filter-group__item label:hover{color:var(--color-heading)}.collection-filter-group__item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary)}.collection-active-filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);padding-bottom:var(--space-md)}.collection-active-filter{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.375em .75em;font-size:.75rem;font-weight:500;color:var(--color-heading);background-color:var(--color-surface-dark);border:none;border-radius:var(--border-radius-pill);cursor:pointer;transition:background-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.collection-active-filter:hover{background-color:var(--color-heading);color:var(--color-surface)}.collection-active-filter svg{width:10px;height:10px}.collection-filters__clear{font-size:.8125rem;font-weight:500;color:var(--color-primary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color var(--duration-short) var(--ease-out)}.collection-filters__clear:hover{color:var(--color-heading)}.collection-filters__apply{display:block;width:100%;margin-top:var(--space-lg)}@media screen and (min-width:990px){.collection-filters__apply{display:none}}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}@media screen and (min-width:750px){.collection-grid{gap:var(--space-xl)}.collection-grid--3{grid-template-columns:repeat(3,1fr)}.collection-grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.collection-grid--3{grid-template-columns:repeat(3,1fr)}.collection-grid--4{grid-template-columns:repeat(4,1fr)}}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.collection-pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding-inline:var(--space-sm);font-size:.875rem;font-weight:500;color:var(--color-text);text-decoration:none;border:1px solid transparent;border-radius:var(--border-radius);transition:background-color var(--duration-short) var(--ease-out),border-color var(--duration-short) var(--ease-out),color var(--duration-short) var(--ease-out)}.collection-pagination__item:hover{border-color:var(--color-border);background-color:var(--color-surface-dark);color:var(--color-heading)}.collection-pagination__item.is-active{background-color:var(--color-heading);border-color:var(--color-heading);color:var(--color-surface)}.collection-pagination__item--arrow{color:var(--color-heading)}.collection-pagination__item--arrow:hover{background-color:var(--color-heading);border-color:var(--color-heading);color:var(--color-surface)}.collection-pagination__item--arrow.is-disabled{opacity:.3;pointer-events:none}.collection-pagination__item svg{width:16px;height:16px}.collection-pagination__ellipsis{min-width:40px;text-align:center;color:var(--color-text);opacity:.5}.collection-empty{text-align:center;padding-block:var(--space-3xl);grid-column:1 / -1}.collection-empty__icon{width:64px;height:64px;margin-inline:auto;margin-bottom:var(--space-lg);color:var(--color-border)}.collection-empty__heading{font-family:var(--font-heading);font-size:clamp(1.25rem,1rem + 1vw,1.5rem);font-weight:600;color:var(--color-heading);margin-bottom:var(--space-sm)}.collection-empty__text{font-size:.9375rem;color:var(--color-text);margin-bottom:var(--space-lg);max-width:40ch;margin-inline:auto}.collection-grid .product-card{border:1px solid transparent;transition:box-shadow var(--duration-default) var(--ease-out),transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out)}.collection-grid .product-card:hover{border-color:var(--color-border)}.collection-grid .product-card__actions{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-collection.css.map */