:root{--c-bg: #ffffff;--c-surface: #ffffff;--c-border: #e8e8e8;--c-border-dark: #cccccc;--c-text: #1a1a1a;--c-text-muted: #6b6b6b;--c-badge-bg: #1a1a1a;--c-badge-text: #ffffff;--c-accent: #1a1a1a;--c-clear-bg: #1a1a1a;--c-clear-text: #ffffff;--c-overlay: rgba(0, 0, 0, .4);--font-body: inherit;--radius-card: 0;--radius-badge: 0;--radius-btn: 0;--transition: .25s ease;--filter-width: 260px;--toolbar-h: 48px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.filter-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:199;background:var(--c-overlay);opacity:0;transition:opacity var(--transition)}.filter-overlay.is-active{display:block;opacity:1}.filter-drawer{position:fixed;top:0;left:0;bottom:0;z-index:200;width:var(--filter-width);background:var(--c-surface);border-right:1px solid var(--c-border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.filter-drawer.is-open{transform:translate(0);box-shadow:4px 0 24px #0000001f}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--toolbar-h);border-bottom:1px solid var(--c-border);flex-shrink:0}.filter-drawer__title{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text)}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;margin-right:-6px;background:none;border:none;cursor:pointer;color:var(--c-text);transition:opacity var(--transition)}.filter-drawer__close:hover{opacity:.6}.filter-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding-bottom:32px}.filter-drawer__actions{padding:16px 20px;border-bottom:1px solid var(--c-border)}.filter-clear-all{display:block;width:100%;padding:10px 16px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--c-clear-text);background:var(--c-clear-bg);border:1px solid var(--c-clear-bg);border-radius:var(--radius-btn);transition:background var(--transition),color var(--transition)}.filter-clear-all:hover{background:transparent;color:var(--c-clear-bg)}.filter-group{border-bottom:1px solid var(--c-border)}.filter-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 20px;background:none;border:none;cursor:pointer;text-align:left;color:var(--c-text)}.filter-group__label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.filter-group__icon{display:flex;align-items:center;color:var(--c-text-muted)}.filter-group__toggle[aria-expanded=true] .filter-group__icon--minus{display:flex}.filter-group__toggle[aria-expanded=true] .filter-group__icon--plus,.filter-group__toggle[aria-expanded=false] .filter-group__icon--minus{display:none}.filter-group__toggle[aria-expanded=false] .filter-group__icon--plus{display:flex}.filter-group__content{padding:0 20px 16px}.filter-group__content[hidden]{display:none}.filter-list{list-style:none;padding:0;margin:0}.filter-list__item+.filter-list__item{margin-top:2px}.filter-checkbox{display:flex;align-items:center;gap:10px;padding:6px 0;cursor:pointer;color:var(--c-text);transition:opacity var(--transition)}.filter-checkbox:hover{opacity:.7}.filter-checkbox--disabled{opacity:.35;pointer-events:none}.filter-checkbox__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.filter-checkbox__box{flex-shrink:0;width:16px;height:16px;border:1px solid var(--c-border-dark);background:var(--c-surface);border-radius:2px;display:flex;align-items:center;justify-content:center;transition:background var(--transition),border-color var(--transition);position:relative}.filter-checkbox__input:checked~.filter-checkbox__box{background:var(--c-accent);border-color:var(--c-accent)}.filter-checkbox__input:checked~.filter-checkbox__box:after{content:"";display:block;width:4px;height:8px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) translate(-1px,-1px)}.filter-checkbox__label{font-size:13px;line-height:1.4;display:flex;align-items:center;gap:4px}.filter-checkbox__count{font-size:11px;color:var(--c-text-muted)}.filter-price-range__inputs{display:flex;gap:8px;margin-bottom:12px}.filter-price-range__input-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.filter-price-range__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted)}.filter-price-range__input-inner{display:flex;align-items:center;border:1px solid var(--c-border-dark);border-radius:2px;overflow:hidden;background:var(--c-surface)}.filter-price-range__currency{padding:0 6px;font-size:12px;color:var(--c-text-muted);background:#f5f5f5;border-right:1px solid var(--c-border);line-height:32px}.filter-price-range__input{flex:1;min-width:0;height:32px;padding:0 8px;font-size:13px;border:none;outline:none;background:transparent;color:var(--c-text)}.filter-price-range__submit{display:block;width:100%;padding:9px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-clear-text);background:var(--c-clear-bg);border:1px solid var(--c-clear-bg);border-radius:var(--radius-btn);cursor:pointer;transition:background var(--transition),color var(--transition)}.filter-price-range__submit:hover{background:transparent;color:var(--c-clear-bg)}.collection-page{position:relative;background:var(--c-bg)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;height:var(--toolbar-h);padding:0 16px;border-bottom:1px solid var(--c-border);background:var(--c-bg);position:sticky;top:0;z-index:10}.toolbar-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-text);background:none;border:1px solid var(--c-border-dark);border-radius:var(--radius-btn);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.toolbar-filter-btn:hover,.toolbar-filter-btn[aria-expanded=true]{background:var(--c-text);color:#fff;border-color:var(--c-text)}.toolbar-filter-btn .icon-filter{flex-shrink:0}.toolbar-count{font-size:13px;color:var(--c-text-muted);margin:0;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.toolbar-sort{display:flex;align-items:center;gap:6px}.toolbar-sort__select-wrap{position:relative;display:flex;align-items:center}.toolbar-sort__select{appearance:none;-webkit-appearance:none;padding:6px 28px 6px 10px;font-size:12px;font-weight:500;color:var(--c-text);background:transparent;border:1px solid var(--c-border-dark);border-radius:var(--radius-btn);cursor:pointer;outline:none;transition:border-color var(--transition)}.toolbar-sort__select:hover,.toolbar-sort__select:focus{border-color:var(--c-text)}.toolbar-sort__select-wrap .icon-chevron-down{position:absolute;right:8px;pointer-events:none;color:var(--c-text-muted)}.active-filters{padding:10px 16px;border-bottom:1px solid var(--c-border);background:var(--c-bg)}.active-filters__inner{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.active-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;color:var(--c-text);background:#f0f0f0;border:1px solid var(--c-border);border-radius:2px;text-decoration:none;transition:background var(--transition)}.active-filter-tag:hover{background:var(--c-border)}.active-filters__clear-link{font-size:11px;font-weight:600;letter-spacing:.04em;color:var(--c-text);text-decoration:underline;text-underline-offset:2px;margin-left:4px}.product-grid{display:grid;padding:0;margin:0;list-style:none}.product-grid--gap-0{gap:0}.product-grid--gap-1{gap:1px;background:var(--c-border)}.product-grid--gap-16{gap:16px;padding:16px;background:var(--c-bg)}.product-grid--gap-24{gap:24px;padding:24px;background:var(--c-bg)}.product-grid--cols-2{grid-template-columns:repeat(2,1fr)}.product-grid--cols-3{grid-template-columns:repeat(3,1fr)}.product-grid--cols-4{grid-template-columns:repeat(4,1fr)}.product-grid--cols-5{grid-template-columns:repeat(5,1fr)}.product-grid--cols-6{grid-template-columns:repeat(6,1fr)}.product-card{position:relative;background:var(--c-surface);overflow:hidden}.product-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.product-card__image-wrapper{position:relative;overflow:hidden;background:#fff;aspect-ratio:4 / 4}.product-card__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:opacity .35s ease,transform .5s ease}.product-card__image--primary{position:relative;z-index:1}.product-card__image--secondary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0}.product-card__image-wrapper--has-second .product-card__link:hover .product-card__image--secondary,.product-card__link:hover .product-card__image-wrapper--has-second .product-card__image--secondary{opacity:1}.product-card__image-wrapper--has-second .product-card__link:hover .product-card__image--primary,.product-card__link:hover .product-card__image-wrapper--has-second .product-card__image--primary{opacity:0}.product-card__link:hover .product-card__image--primary,.product-card__link:hover .product-card__image--secondary{transform:scale(1.02)}.product-card__image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ccc}.product-card__image-placeholder svg{width:60px;height:60px}.product-card__badges{position:absolute;top:10px;left:10px;z-index:3;display:flex;flex-direction:column;gap:4px}.product-badge{display:inline-block;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-badge)}.product-badge--sold-out{background:var(--c-badge-bg);color:var(--c-badge-text)}.product-badge--sale{background:#c0392b;color:#fff}.product-card__info{padding:12px 14px 16px;background:var(--c-surface);flex:1;display:flex;flex-direction:column;gap:4px}.product-card__title{font-size:13px;font-weight:400;line-height:1.4;color:var(--c-text);margin:0}.product-card__price{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px}.product-card__price-current{font-size:13px;font-weight:500;color:var(--c-text)}.product-card__price-current--sale{color:#c0392b}.product-card__price-compare{font-size:12px;color:var(--c-text-muted);text-decoration:line-through}.collection-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 20px;text-align:center}.collection-empty__message{font-size:15px;color:var(--c-text-muted);margin:0}.collection-empty__link{display:inline-block;padding:10px 24px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--c-text);text-decoration:none;border-radius:var(--radius-btn)}.pagination{padding:32px 16px;display:flex;justify-content:center;border-top:1px solid var(--c-border)}.pagination__list{display:flex;align-items:center;gap:4px;list-style:none;padding:0;margin:0}.pagination__link{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;font-size:13px;font-weight:500;color:var(--c-text);text-decoration:none;border:1px solid transparent;border-radius:2px;transition:border-color var(--transition),background var(--transition)}.pagination__link:hover{border-color:var(--c-border-dark)}.pagination__link--current{background:var(--c-text);color:#fff;border-color:var(--c-text)}.pagination__ellipsis{padding:0 4px;color:var(--c-text-muted)}@media(max-width:1024px){.product-grid--cols-4,.product-grid--cols-5,.product-grid--cols-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){:root{--filter-width: 100vw}.product-grid--cols-3,.product-grid--cols-4,.product-grid--cols-5,.product-grid--cols-6,.product-grid--cols-2{grid-template-columns:repeat(2,1fr)}.toolbar-count{display:none}.product-card__image-wrapper{aspect-ratio:1 / 1}.product-card__info{padding:8px 10px 12px}.product-card__title,.product-card__price-current{font-size:12px}}@media(max-width:360px){.product-grid--cols-2{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/collection-products.css.map */