.collection-banner{position:relative;height:300px;overflow:hidden}@media(min-width:768px){.collection-banner{height:400px}}.collection-banner__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner__image{width:100%;height:100%;object-fit:cover}.collection-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(61,38,69,.8),rgba(61,38,69,.6),transparent)}.collection-banner__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;max-width:36rem;color:var(--color-white);padding:2rem 0}.collection-banner__subtitle{display:block;font-family:var(--font-body);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;opacity:.8;margin-bottom:.75rem;font-weight:300}.collection-banner__title{font-family:var(--font-heading);font-size:clamp(1.875rem,4vw,3rem);color:var(--color-white);margin-bottom:1rem;font-weight:300;letter-spacing:-.025em;line-height:1.2}.collection-banner__description{font-family:var(--font-body);font-size:.875rem;opacity:.9;line-height:1.7;font-weight:300}@media(min-width:768px){.collection-banner__description{font-size:1rem}}.collection-header{padding:6rem 0 2rem;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.collection-header__title{font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.5rem;font-weight:300}.collection-header__description{font-family:var(--font-body);color:var(--color-text-muted);font-weight:300;line-height:1.7}.collection-products{padding:2rem 0 4rem;background-color:var(--color-background)}@media(min-width:768px){.collection-products{padding:3rem 0 5rem}}.collection-products__wrapper{display:flex;gap:2rem}@media(min-width:1024px){.collection-products__wrapper{gap:3rem}}.collection-filters{width:280px;flex-shrink:0;position:sticky;top:6rem;height:fit-content;max-height:calc(100vh - 8rem);overflow-y:visible;overflow-x:hidden}@media(max-width:1023px){.collection-filters{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.is-open{transform:translate(0)}html[dir=rtl] .collection-filters{left:auto;right:0;transform:translate(100%);box-shadow:-2px 0 8px #0000001a}html[dir=rtl] .collection-filters.is-open{transform:translate(0)}}.collection-filters__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__header{display:none}}.collection-filters__title{font-family:var(--font-heading);font-size:1.125rem;font-weight:300}.collection-filters__close{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:.5rem;transition:color var(--transition-base)}.collection-filters__close:hover{color:var(--color-primary)}.collection-filters__content{padding:1.5rem}@media(min-width:1024px){.collection-filters__content{padding:0}}.filter-group{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem;margin-bottom:1.5rem}.filter-group__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__title{font-family:var(--font-heading);font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);font-weight:300}.filter-group__icon{color:var(--color-text-muted);transition:transform var(--transition-base)}.filter-group__header.is-open .filter-group__icon{transform:rotate(180deg)}.filter-group__content{max-height:0;overflow:hidden;transition:max-height .3s ease}.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}.filter-option__input{width:1rem;height:1rem;border:1px solid var(--color-border);border-radius:2px;cursor:pointer}.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__count{color:var(--color-text-muted);font-size:.75rem}.filter-price{display:flex;flex-direction:column;gap:.75rem;padding:0}.filter-price__inputs{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__input{font-variant-numeric:tabular-nums;color:#666;font-weight:400;border:none;background:transparent;padding:0;text-align:center;min-width:5rem}.filter-price__separator{color:#666;font-weight:400;padding:0 .25rem}.collection-filters__clear{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);padding:0;margin-top:1rem;transition:color var(--transition-base);font-weight:300}.collection-filters__clear:hover{color:var(--color-primary)}.collection-products__main{flex:1;min-width:0}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.collection-toolbar__left{display:flex;align-items:center;gap:1rem}.collection-toolbar__filters-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:1px solid var(--color-border);padding:.5rem 1rem;cursor:pointer;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);transition:all var(--transition-base);font-weight:300}.collection-toolbar__filters-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(min-width:1024px){.collection-toolbar__filters-toggle{display:none}}.collection-toolbar__count{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);font-weight:300}.collection-toolbar__right{display:flex;align-items:center;gap:1rem}.collection-sort{display:flex;align-items:center;gap:.5rem}.collection-sort__label{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);font-weight:300}.collection-sort__select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-border);background-color:var(--color-white);font-family:var(--font-body);font-size:.875rem;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}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.active-filter{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background-color:var(--color-primary);color:var(--color-white);font-family:var(--font-body);font-size:.75rem;text-decoration:none;transition:opacity var(--transition-base);font-weight:300}.active-filter:hover{opacity:.8}.active-filter svg{width:12px;height:12px}.active-filters__clear{padding:.375rem .75rem;background:none;border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-body);font-size:.75rem;text-decoration:none;transition:all var(--transition-base);font-weight:300}.active-filters__clear:hover{border-color:var(--color-primary);color:var(--color-primary)}.product-card-modern{display:block}.product-card-modern__link{display:block;text-decoration:none;transition:transform var(--transition-base)}.product-card-modern__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:#faf8f54d;margin-bottom:1rem;cursor:grab}.product-card-modern__image-wrapper:active{cursor:grabbing}.product-card-modern__images-track{position:relative;width:100%;height:100%}.product-card-modern__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease;pointer-events:none}.product-card-modern__image.is-active{opacity:1;pointer-events:auto}.product-card-modern__dots{position:absolute;bottom:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.375rem;z-index:2;padding:.5rem .75rem;background-color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px}.product-card-modern__dot{width:.375rem;height:.375rem;border-radius:50%;background-color:#3d26454d;border:none;cursor:pointer;padding:0;transition:all var(--transition-base)}.product-card-modern__dot.is-active{background-color:var(--color-primary);width:1.25rem;border-radius:9999px}.product-card-modern__badge{position:absolute;top:.75rem;left:.75rem;background-color:#3d2645e6;color:var(--color-white);font-family:var(--font-heading);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;padding:.375rem .75rem;font-weight:300;z-index:2}.product-card-modern__quick-add{position:absolute;bottom:0;left:0;right:0;padding:1rem;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:3}.product-card-modern__link:hover .product-card-modern__quick-add{transform:translateY(0)}.product-card-modern__add-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background-color:#fffffff2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-primary);font-family:var(--font-body);font-size:.875rem;font-weight:400;border:none;cursor:pointer;transition:background-color var(--transition-base)}.product-card-modern__add-btn:hover{background-color:var(--color-white)}.product-card-modern__info{display:flex;flex-direction:column;gap:.5rem}.product-card-modern__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.product-card-modern__text{flex:1;min-width:0}.product-card-modern__title{font-family:var(--font-heading);font-size:1rem;letter-spacing:.025em;color:var(--color-primary);font-weight:300;transition:color var(--transition-base);margin-bottom:.125rem}@media(min-width:768px){.product-card-modern__title{font-size:1.125rem}}.product-card-modern__link:hover .product-card-modern__title{color:var(--color-rose)}.product-card-modern__subtitle{font-family:var(--font-body);font-size:.8125rem;color:var(--color-text-muted);font-weight:300}.product-card-modern__price{font-family:var(--font-heading);font-size:1rem;color:var(--color-primary);font-weight:300;flex-shrink:0}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(var(--columns-desktop, 4),1fr);gap:2.5rem}}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.pagination__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__item:hover{border-color:var(--color-primary);color:var(--color-primary)}.pagination__item--current{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.collection-empty{text-align:center;padding:4rem 0}.collection-empty p{font-family:var(--font-body);color:var(--color-text-muted);margin-bottom:1.5rem;font-weight:300}html[dir=rtl] .collection-filters__header,html[dir=rtl] .filter-group__title{text-align:right}html[dir=rtl] .filter-option{text-align:right;padding-right:2rem;padding-left:0}html[dir=rtl] .filter-option__input{right:0;left:auto}html[dir=rtl] .filter-price__inputs{text-align:right}html[dir=rtl] .collection-filters__clear{text-align:right;justify-content:flex-end}html[dir=rtl] .collection-toolbar,html[dir=rtl] .collection-toolbar__count{text-align:right}html[dir=rtl] .active-filters{text-align:right;justify-content:flex-end}html[dir=rtl] .active-filter{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-collection.css.map */