.collection-banner-custom{position:relative;height:300px;overflow:hidden;margin-bottom:2rem}@media(min-width:768px){.collection-banner-custom{height:400px}}.collection-banner-custom__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner-custom__image{width:100%;height:100%;object-fit:cover}.collection-banner-custom__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#3d264599,#3d26454d)}.collection-banner-custom__content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:600px;color:var(--color-white);z-index:1}.collection-banner-custom__subtitle{font-family:var(--font-body);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:300;margin-bottom:.75rem;opacity:.9}.collection-banner-custom__title{font-family:var(--font-heading);font-size:2rem;font-weight:300;letter-spacing:.025em;margin-bottom:1rem;line-height:1.2}@media(min-width:768px){.collection-banner-custom__title{font-size:3rem}}.collection-banner-custom__description{font-family:var(--font-body);font-size:.875rem;line-height:1.6;font-weight:300;opacity:.95;max-width:500px}@media(min-width:768px){.collection-banner-custom__description{font-size:1rem}}.collection-header-modern{padding:6rem 0 1.5rem;background-color:var(--color-background);border-bottom:1px solid rgba(232,223,233,.3)}@media(min-width:768px){.collection-header-modern{padding:7rem 0 2rem}}.collection-header-modern__wrapper{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.collection-header-modern__wrapper{flex-direction:row;align-items:center;justify-content:space-between}}.collection-header-modern__title{font-family:var(--font-heading);font-size:1.25rem;color:var(--color-primary);font-weight:300;letter-spacing:.025em}@media(min-width:640px){.collection-header-modern__title{font-size:1.5rem}}@media(min-width:768px){.collection-header-modern__title{font-size:1.875rem}}.collection-header-modern__actions{display:flex;align-items:center;gap:.5rem}@media(min-width:640px){.collection-header-modern__actions{gap:.75rem}}.collection-header-modern__filter-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:1px solid rgba(232,223,233,.5);color:var(--color-text-muted);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all var(--transition-base);font-weight:300}.collection-header-modern__filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.collection-header-modern__filter-btn--mobile{display:flex}@media(min-width:1024px){.collection-header-modern__filter-btn--mobile{display:none}}.collection-header-modern__filter-btn--desktop{display:none}@media(min-width:1024px){.collection-header-modern__filter-btn--desktop{display:flex}}.collection-header-modern__sort-select{padding:.5rem 2rem .5rem .75rem;border:1px solid rgba(232,223,233,.5);background-color:var(--color-white);font-family:var(--font-body);font-size:.875rem;color:var(--color-primary);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B5A6E' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;font-weight:300}.collection-main-modern{padding:2rem 0 4rem;background-color:var(--color-background)}.collection-main-modern__wrapper{display:flex;gap:2rem}@media(min-width:1024px){.collection-main-modern__wrapper{gap:3rem}}.collection-filters-modern{width:280px;flex-shrink:0;position:sticky;top:6rem;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:visible;overflow-x:hidden;display:none}.collection-filters-modern.is-open{display:block}@media(min-width:1024px){.collection-filters-modern{display:block}.collection-filters-modern:not(.is-open){display:none!important}}@media(max-width:1023px){.collection-filters-modern{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:400px;background-color:var(--color-white);z-index:100;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 8px #0000001a;max-height:100vh}.collection-filters-modern.is-open{transform:translate(0)}html[dir=rtl] .collection-filters-modern{left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 8px #0000001a}html[dir=rtl] .collection-filters-modern.is-open{transform:translate(0)}}.collection-filters-modern__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--color-border)}@media(min-width:1024px){.collection-filters-modern__header{display:none}}.collection-filters-modern__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:300;color:var(--color-primary)}.collection-filters-modern__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.5rem;transition:color var(--transition-base)}.collection-filters-modern__close:hover{color:var(--color-primary)}.collection-filters-modern__content{padding:1.5rem}@media(min-width:1024px){.collection-filters-modern__content{padding:0}}.filter-group-modern{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:1.5rem}.filter-group-modern__header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:0;margin-bottom:1rem;text-align:left}.filter-group-modern__title{font-family:var(--font-heading);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);font-weight:300}.filter-group-modern__icon{color:var(--color-text-muted);transition:transform var(--transition-base)}.filter-group-modern__header.is-open .filter-group-modern__icon{transform:rotate(180deg)}.filter-group-modern__content{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);padding:0 0 .5rem}.filter-group-modern__header.is-open+.filter-group-modern__content{padding:.5rem 0 1rem}.filter-options{display:flex;flex-direction:column;gap:.75rem}.filter-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-family:var(--font-body);font-size:.875rem;position:relative;padding:.5rem;border-radius:6px;transition:all .2s ease}.filter-option:hover{background-color:#3d26450d;transform:translate(2px)}html[dir=rtl] .filter-option:hover{transform:translate(-2px)}.filter-option input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.filter-option__checkmark{width:1.125rem;height:1.125rem;border:1.5px solid var(--color-border);border-radius:3px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);flex-shrink:0}.filter-option input[type=checkbox]:checked~.filter-option__checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.filter-option input[type=checkbox]:checked~.filter-option__checkmark:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.filter-option__label{color:var(--color-text-muted);transition:color var(--transition-base);font-weight:300}.filter-option:hover .filter-option__label{color:var(--color-primary)}.filter-option:hover .filter-option__checkmark{border-color:var(--color-primary)}.filter-colors{display:flex;flex-wrap:wrap;gap:var(--filter-swatch-gap, .875rem)}.filter-color{width:var(--filter-swatch-size, 2.75rem)!important;height:var(--filter-swatch-size, 2.75rem)!important;min-width:var(--filter-swatch-size, 2.75rem)!important;min-height:var(--filter-swatch-size, 2.75rem)!important;max-width:var(--filter-swatch-size, 2.75rem)!important;max-height:var(--filter-swatch-size, 2.75rem)!important;border-radius:50%!important;border:none!important;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);padding:0!important;margin:0;position:relative;box-shadow:0 0 0 1px #00000014 inset!important;flex-shrink:0;overflow:hidden!important;aspect-ratio:1 / 1!important;display:block;outline:none!important}.filter-colors--square .filter-color{border-radius:0!important}.filter-colors--rounded .filter-color{border-radius:6px!important}.filter-color:hover{transform:scale(1.1);box-shadow:0 0 0 2px #6b5a6e4d inset,0 4px 12px #3d264526!important}.filter-color.is-active{box-shadow:0 0 0 3px var(--filter-swatch-active, var(--color-primary))!important;transform:scale(1.15)}.filter-color__check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.filter-color.is-active .filter-color__check{opacity:1}.filter-color__check svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.4));stroke:#fffffff2;stroke-width:3}.filter-sizes{display:flex;flex-wrap:wrap;gap:.5rem}.filter-size{padding:.625rem 1.25rem;border:1px solid var(--color-border);border-radius:6px;background:none;color:var(--color-text-muted);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:300}.filter-size:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 2px 8px #3d264526;background-color:#3d26450d}.filter-size.is-active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-white)}.filter-price{display:flex;flex-direction:column;gap:.75rem;padding:0}.filter-price__slider-wrapper{position:relative;height:2rem;padding:0;display:flex;align-items:center;margin-bottom:.5rem}.filter-price__slider-wrapper:after{content:"";position:absolute;left:var(--active-start, 0%);width:calc(var(--active-end, 100%) - var(--active-start, 0%));top:50%;transform:translateY(-50%);height:1px;background:#000;pointer-events:none;z-index:1}.filter-price__values{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-size:.875rem;color:#666;font-weight:400;letter-spacing:0;padding:0;background:transparent;border:none;margin-top:.25rem}.filter-price__value{font-variant-numeric:tabular-nums;color:#666;font-weight:400}.filter-price__separator{color:#666;font-weight:400;padding:0 .25rem}.filter-price__input{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);height:1px;background:#e0e0e0;border-radius:0;outline:none;-webkit-appearance:none;appearance:none;pointer-events:none;box-shadow:none;z-index:2}.filter-price__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background-color:#000;border:none;box-shadow:none;cursor:pointer;pointer-events:auto;transition:none;margin-top:-4.5px}.filter-price__input::-webkit-slider-thumb:hover{transform:scale(1.1)}.filter-price__input::-webkit-slider-thumb:active{cursor:grabbing}.filter-price__input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background-color:#000;border:none;box-shadow:none;cursor:pointer;pointer-events:auto;transition:none;margin-top:-4.5px}.filter-price__input::-moz-range-thumb:hover{transform:scale(1.1)}.filter-price__input::-moz-range-thumb:active{cursor:grabbing}.filter-price__input::-webkit-slider-runnable-track{height:1px;background:#e0e0e0;border-radius:0}.filter-price__input::-moz-range-track{height:1px;background:#e0e0e0;border-radius:0}.filter-price__input--max{background:transparent}.collection-filters-modern__clear{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--color-border);border-radius:6px;cursor:pointer;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);padding:.75rem 1rem;margin-top:1rem;transition:all .2s ease;font-weight:300;width:100%;justify-content:center}.collection-filters-modern__clear:hover{color:var(--color-primary);border-color:var(--color-primary);background-color:#3d26450d;transform:translateY(-1px)}html[dir=rtl] .collection-filters-modern__header,html[dir=rtl] .filter-group-modern__title{text-align:right}html[dir=rtl] .filter-option{text-align:right;padding-right:2rem;padding-left:0}html[dir=rtl] .filter-option__checkmark{right:0;left:auto}html[dir=rtl] .filter-price__values{text-align:right}html[dir=rtl] .collection-filters-modern__clear{text-align:right;justify-content:flex-end}html[dir=rtl] .collection-products-modern__count{text-align:right}html[dir=rtl] .filter-price__values{flex-direction:row-reverse}html[dir=rtl] .filter-price__input{left:auto;right:1rem}.collection-products-modern{flex:1;min-width:0}.collection-products-modern__count{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;font-weight:300}.products-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.product-grid-item{opacity:1;transition:opacity .3s ease,transform .3s ease}.product-grid-item[style*="display: none"]{display:none!important;opacity:0;transform:scale(.95)}@media(min-width:768px){.products-grid-modern{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1024px){.products-grid-modern{grid-template-columns:repeat(3,1fr);gap:2.5rem}}.pagination-modern{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.pagination-modern__item{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border:1px solid var(--color-border);background-color:var(--color-white);color:var(--color-text-muted);font-family:var(--font-body);font-size:.875rem;text-decoration:none;transition:all var(--transition-base);font-weight:300}.pagination-modern__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination-modern__item--current{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.collection-empty-modern{text-align:center;padding:4rem 0}.collection-empty-modern p{font-family:var(--font-body);color:var(--color-text-muted);font-weight:300}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-collection-modern.css.map */