html:has(.section-collection),html:has(.section-collection) body{overflow-x:hidden}.section-collection{overflow:hidden}.collection-page{display:block;grid-column:1 / -1;padding-top:var(--collection-padding-top, 0);padding-bottom:var(--collection-padding-bottom, var(--space-12));padding-left:var(--collection-padding-left, 0);padding-right:var(--collection-padding-right, 0);overflow:hidden}.collection-page__inner{margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.collection-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--breadcrumb-font-size, var(--font-size-sm));color:var(--breadcrumb-color, var(--color-text-secondary));padding-top:var(--block-padding-top, 0);padding-bottom:var(--block-padding-bottom, var(--space-4));padding-left:var(--block-padding-left, 0);padding-right:var(--block-padding-right, 0);flex-wrap:wrap}.collection-breadcrumb__link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.collection-breadcrumb__link:hover{color:var(--color-primary-6)}.collection-breadcrumb__separator{color:var(--color-text-tertiary);opacity:.5}.collection-breadcrumb__current{color:var(--color-text-primary);font-weight:500}.collection-header{padding-top:var(--block-padding-top, 0);padding-bottom:var(--block-padding-bottom, var(--space-6));padding-left:var(--block-padding-left, 0);padding-right:var(--block-padding-right, 0);text-align:var(--header-alignment, left)}.collection-header__title{font-family:var(--font-heading);font-size:var(--header-title-size-mobile, 24px);font-weight:var(--header-title-weight, 700);color:var(--header-title-color, var(--color-heading));line-height:1.2;letter-spacing:-.025em;margin:0 0 var(--space-2) 0}@media (min-width: 750px){.collection-header__title{font-size:var(--header-title-size-desktop, 36px)}}.collection-header__count{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:400}.collection-header__description{font-size:var(--header-desc-size, var(--font-size-base));font-weight:var(--header-desc-weight, 400);color:var(--header-desc-color, var(--color-body-text));line-height:1.6;margin-top:var(--space-3);max-width:var(--header-desc-max-width, 800px)}.collection-header--center .collection-header__description{margin-left:auto;margin-right:auto}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--block-padding-top, var(--space-4));padding-bottom:var(--block-padding-bottom, var(--space-6));padding-left:var(--block-padding-left, 0);padding-right:var(--block-padding-right, 0)}.collection-toolbar__left,.collection-toolbar__right{display:flex;align-items:center;gap:var(--space-3)}.collection-toolbar__filter-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-text-primary);background:transparent;border:none;padding:0;cursor:pointer}.collection-toolbar__filter-btn:hover{color:var(--color-primary-6)}.collection-toolbar__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:500;color:var(--color-primary-text);background:var(--color-primary-6);border-radius:var(--radius-full)}.collection-toolbar__count{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.collection-toolbar__sort{position:relative}.collection-toolbar__sort-select{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;font-variant-ligatures:none;color:var(--color-text-primary);background:transparent;border:none;cursor:pointer;padding:0}.collection-toolbar__sort-select:focus{outline:none}.collection-toolbar__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.collection-toolbar__filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-primary-6);background:var(--color-primary-1);border-radius:var(--radius-full)}.collection-toolbar__filter-pill-remove{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;background:transparent;border:none;cursor:pointer;color:inherit;opacity:.7;transition:opacity var(--transition-fast)}.collection-toolbar__filter-pill-remove:hover{opacity:1}.collection-toolbar__filter-pill-remove svg{width:12px;height:12px}.collection-toolbar__clear-filters{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:underline;background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.collection-toolbar__clear-filters:hover{color:var(--color-danger-6)}.collection-products{display:grid;grid-template-columns:repeat(var(--grid-columns-mobile, 2),minmax(0,1fr));row-gap:var(--grid-row-gap, 24px);column-gap:var(--grid-column-gap, 16px);align-items:stretch;padding-top:var(--block-padding-top, var(--space-6));padding-bottom:var(--block-padding-bottom, 0);padding-left:var(--block-padding-left, 0);padding-right:var(--block-padding-right, 0);box-sizing:border-box;width:100%;max-width:100%}.collection-products>*{min-width:0;max-width:100%;width:100%;height:100%}@media (min-width: 750px){.collection-products{grid-template-columns:repeat(var(--grid-columns-tablet, 3),minmax(0,1fr))}}@media (min-width: 990px){.collection-products{grid-template-columns:repeat(var(--grid-columns-desktop, 4),minmax(0,1fr))}}.collection-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border-light)}.collection-pagination__item{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.collection-pagination__item:hover{border-color:var(--color-primary-6);color:var(--color-primary-6)}.collection-pagination__item.is-active,.collection-pagination__item[aria-current=page]{background:var(--color-primary-6);border-color:var(--color-primary-6);color:var(--color-primary-text)}.collection-pagination__item--next{gap:var(--space-1)}.collection-pagination__item svg{width:16px;height:16px}.collection-load-more{display:flex;justify-content:center;margin-top:var(--space-8)}.collection-load-more__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);background:transparent;border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.collection-load-more__btn:hover{border-color:var(--color-primary-6);color:var(--color-primary-6)}.collection-load-more__btn.is-loading{pointer-events:none;opacity:.7}.collection-promo{position:relative;grid-column:span var(--promo-columns, 2);aspect-ratio:var(--promo-aspect-ratio, 16 / 9);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-neutral-3)}.collection-promo__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.collection-promo__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--promo-overlay-opacity, .4)) 0%,transparent 60%)}.collection-promo__content{position:absolute;padding:var(--space-6);color:#fff}.collection-promo__content--bottom-left{bottom:0;left:0}.collection-promo__content--bottom-center{bottom:0;left:50%;transform:translate(-50%);text-align:center}.collection-promo__content--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.collection-promo__label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);opacity:.9}.collection-promo__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin:0 0 var(--space-3) 0}.collection-promo__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);background:#fff;border:none;border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.collection-promo__btn:hover{background:var(--color-primary-6);color:var(--color-primary-text)}.collection-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-4);min-height:400px}.collection-empty__icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-tertiary)}.collection-empty__icon svg{width:100%;height:100%}.collection-empty__title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;color:var(--color-heading);margin:0 0 var(--space-2) 0}.collection-empty__description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;max-width:400px}.collection-empty__btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary-text);background:var(--color-primary-6);border:none;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.collection-empty__btn:hover{background:var(--color-primary-7)}.filter-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--drawer-overlay) calc(var(--drawer-overlay-opacity) * 100%),transparent);opacity:0;visibility:hidden;z-index:999;transition:opacity .3s ease,visibility .3s ease}.filter-drawer__backdrop.is-open{opacity:1;visibility:visible}.filter-drawer{position:fixed;top:var(--space-4);right:var(--space-4);bottom:var(--space-4);width:calc(100% - var(--space-8));max-width:380px;background:var(--drawer-bg);border-radius:var(--radius-md);z-index:1000;display:flex;flex-direction:column;transform:translate(calc(100% + var(--space-4)));transition:transform .3s ease,box-shadow .3s ease;box-shadow:none;visibility:hidden}.filter-drawer.is-open{transform:translate(0);box-shadow:-4px 0 24px #0000001a;visibility:visible}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--drawer-border)}.filter-drawer__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:600;color:var(--drawer-heading);margin:0}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--drawer-text);transition:all var(--transition-fast)}.filter-drawer__close:hover{background:var(--drawer-fill);color:var(--drawer-heading)}.filter-drawer__close svg{width:20px;height:20px}.filter-drawer__content{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5)}.filter-drawer__footer{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--drawer-border)}.filter-drawer__clear{flex:1;padding:var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--btn-outline-icon);background:transparent;border:1px solid var(--btn-outline-border);border-radius:var(--drawer-button-radius, var(--radius-md));cursor:pointer;transition:all var(--transition-fast)}.filter-drawer__clear:hover{border-color:var(--btn-outline-border-hover);color:var(--btn-outline-icon-hover);background:var(--btn-outline-bg-hover)}.filter-drawer__apply{flex:2;padding:var(--space-3);font-size:var(--font-size-sm);font-weight:600;color:var(--btn-primary-text);background:var(--btn-primary-bg);border:none;border-radius:var(--drawer-button-radius, var(--radius-md));cursor:pointer;transition:all var(--transition-fast)}.filter-drawer__apply:hover{background:var(--btn-primary-bg-hover);color:var(--btn-primary-text-hover)}.filter-group{border-bottom:1px solid var(--drawer-border)}.filter-group[open] .filter-group__icon:after{content:"\2212"}.filter-group__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;cursor:pointer;list-style:none}.filter-group__header::-webkit-details-marker{display:none}.filter-group__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}.filter-group__icon{font-size:var(--font-size-lg);color:var(--color-text-tertiary);line-height:1}.filter-group__icon:after{content:"+"}.filter-group__content{padding-bottom:var(--space-4)}.filter-checkbox{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;cursor:pointer}.filter-checkbox__left{display:flex;align-items:center;gap:var(--space-3)}.filter-checkbox__input{width:18px;height:18px;accent-color:var(--color-primary-6);cursor:pointer}.filter-checkbox__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.filter-checkbox__count{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.filter-price__info{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-4) 0}.filter-price__inputs{display:flex;gap:var(--space-3)}.filter-price__input-group{display:flex;align-items:center;gap:var(--space-2);flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md)}.filter-price__input-group span{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.filter-price__input-group input{flex:1;width:100%;border:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);outline:none}.filter-price__input-group input::placeholder{color:var(--color-text-tertiary)}.filter-colors{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-color{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.filter-color:hover{background:var(--color-neutral-2)}.filter-color__swatch{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--color-border-light)}.filter-color--selected .filter-color__swatch{border-color:var(--color-primary-6);box-shadow:0 0 0 2px var(--color-background),0 0 0 4px var(--color-primary-6)}.filter-color__label{font-size:var(--font-size-sm);color:var(--color-text-primary)}@media (max-width: 749px){.filter-drawer{max-width:100%}.collection-promo{grid-column:span 2}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/collection.css.map */