.main-products-grid__filters{flex:0 0 320px!important;width:320px!important;margin-right:3rem!important}.collection-navigation{width:100%;max-width:320px;background:rgba(var(--bg-color));border:1px solid rgba(var(--text-color) / .12);border-radius:var(--input-border-radius, 8px);overflow:hidden;box-shadow:0 2px 8px rgba(var(--text-color) / .08)}.collection-nav-header{background:rgba(var(--text-color) / .05);padding:calc(4 * var(--space-unit)) calc(5 * var(--space-unit));border-bottom:1px solid rgba(var(--text-color) / .12)}.collection-nav-title{margin:0;font-size:var(--h6-font-size);font-weight:var(--heading-font-weight);color:rgb(var(--heading-color));text-transform:var(--heading-text-transform);letter-spacing:.5px;text-align:center;font-family:var(--heading-font-family)}.collection-nav-content{padding:calc(2 * var(--space-unit)) 0}.collection-nav-item{margin:0}.collection-nav-item.special-item{border-bottom:1px solid rgba(var(--text-color) / .08);margin-bottom:calc(2 * var(--space-unit));padding-bottom:calc(2 * var(--space-unit))}.collection-nav-item.special-item .collection-nav-link{padding:calc(3 * var(--space-unit)) calc(5 * var(--space-unit));color:rgba(var(--text-color) / .75);font-weight:500;font-size:calc(var(--body-font-size) * .09rem)}.collection-nav-item.special-item .collection-nav-link:hover,.collection-nav-item.special-item .collection-nav-link.active{background:rgba(var(--btn-bg-color) / .1);color:rgb(var(--btn-bg-color))}.collection-nav-item.main-category{margin-bottom:calc(2 * var(--space-unit));border-bottom:1px solid rgba(var(--text-color) / .06);padding-bottom:calc(1 * var(--space-unit))}.collection-nav-item.main-category:last-child{border-bottom:none;margin-bottom:0}.collection-nav-link{display:flex;align-items:center;padding:calc(3.5 * var(--space-unit)) calc(4 * var(--space-unit));color:rgb(var(--text-color));text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;border-radius:var(--input-border-radius);margin:calc(.5 * var(--space-unit)) calc(2 * var(--space-unit));cursor:pointer}.collection-nav-link:hover{background:rgba(var(--text-color) / .06);color:rgb(var(--btn-bg-color));text-decoration:none;transform:translate(2px);transition:all .2s ease}.collection-nav-link.active{background:rgba(var(--btn-bg-color) / .1);color:rgb(var(--btn-bg-color));font-weight:600;border-left:3px solid rgb(var(--btn-bg-color));padding-left:calc(3 * var(--space-unit))}.collection-icon{margin-right:calc(2 * var(--space-unit));font-size:18px;flex-shrink:0}.collection-nav-subcategories{margin-top:calc(1 * var(--space-unit));padding-left:calc(3 * var(--space-unit));overflow:hidden;transition:max-height .3s ease}.collection-nav-subcategories.level-3{padding-left:calc(4 * var(--space-unit))}.collection-nav-subitem{border-bottom:1px solid rgba(var(--text-color) / .06)}.collection-nav-subitem:last-child{border-bottom:none}.collection-nav-subitem .collection-nav-link{padding:calc(3.5 * var(--space-unit)) calc(4 * var(--space-unit));font-size:14px;font-weight:500;color:rgb(var(--text-color));border-left:none;margin:calc(.5 * var(--space-unit)) calc(2 * var(--space-unit));border-radius:var(--input-border-radius)}.collection-nav-subitem.level-2 .collection-nav-link,.collection-nav-subitem.level-3 .collection-nav-link{color:rgb(var(--text-color));font-weight:500;font-size:14px}.collection-nav-subitem .collection-nav-link:hover{background:rgba(var(--text-color) / .06);color:rgb(var(--btn-bg-color));transform:translate(3px);transition:all .2s ease}.collection-nav-subitem.active .collection-nav-link,.collection-nav-subitem.level-2.active .collection-nav-link,.collection-nav-subitem.level-3.active .collection-nav-link{background:rgba(var(--btn-bg-color) / .1);color:rgb(var(--btn-bg-color));font-weight:500;border-left:3px solid rgb(var(--btn-bg-color));padding-left:calc(2.25 * var(--space-unit))}.collection-nav-mobile-trigger{display:none;align-items:center;gap:calc(2 * var(--space-unit));padding:calc(2 * var(--space-unit)) calc(3 * var(--space-unit));background:rgba(var(--bg-color));border:1px solid rgba(var(--text-color) / .2);border-radius:var(--btn-border-radius, 6px);font-size:calc(var(--body-font-size) * .09rem);font-weight:500;color:rgb(var(--text-color));cursor:pointer;transition:all .2s ease}.collection-nav-mobile-trigger:hover{background:rgba(var(--text-color) / .06);border-color:rgb(var(--btn-bg-color));color:rgb(var(--btn-bg-color))}.collection-nav-mobile-trigger svg{width:20px;height:20px}.collection-nav-link:focus,.collection-nav-summary:focus{outline:2px solid rgb(var(--btn-bg-color));outline-offset:-2px}.collection-nav-details{transition:all .2s ease}.collection-nav-level3{margin-left:0}.collection-nav-summary-level3{padding-left:20px}.collection-nav-summary-level3 svg{width:14px;height:14px;margin-left:8px;margin-right:6px}.collection-nav-level3-items{padding-left:calc(10 * var(--space-unit));background:rgba(var(--text-color) / .02);border-left:2px solid rgba(var(--btn-bg-color) / .2)}.collection-nav-subitem-level3{border-bottom:1px solid rgba(var(--text-color) / .05)}.collection-nav-subitem-level3:last-child{border-bottom:none}.collection-nav-subitem-level3 .collection-nav-link{padding:calc(2 * var(--space-unit)) calc(3 * var(--space-unit));font-size:calc(var(--body-font-size) * .08rem);font-weight:400;color:rgba(var(--text-color) / .75)}.collection-nav-subitem-level3 .collection-nav-link:hover{background:rgba(var(--text-color) / .05);color:rgb(var(--btn-bg-color));transform:translate(2px);transition:all .2s ease}.collection-nav-subitem-level3.active .collection-nav-link{background:rgba(var(--btn-bg-color) / .08);color:rgb(var(--btn-bg-color));font-weight:500;border-left:2px solid rgb(var(--btn-bg-color));padding-left:calc(2.5 * var(--space-unit))}.collection-bullet-level3{margin-right:calc(2 * var(--space-unit));color:rgba(var(--text-color) / .3);font-size:calc(var(--body-font-size) * .07rem);flex-shrink:0}.collection-nav-subitem-level3.active .collection-bullet-level3{color:rgb(var(--btn-bg-color))}.collection-nav-subitem:has(.collection-nav-level3) .collection-nav-link{padding-right:8px}.collection-product-count{font-size:11px;color:#999;font-weight:400;margin-left:auto;background:#f0f0f0;padding:2px 6px;border-radius:10px}@media(min-width:990px){.main-products-grid__filters{position:sticky;top:120px;align-self:flex-start;height:calc(100vh - 140px);z-index:2}.main-products-grid__filters .collection-navigation{max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}}@media(max-width:989px){.main-products-grid{display:block}.main-products-grid__filters{display:block!important;flex:none!important;width:100%!important;margin-right:0!important;margin-bottom:20px}.collection-navigation{display:block!important;width:100%;max-width:none;border:1px solid rgba(var(--text-color) / .12);border-radius:10px;background:rgba(var(--bg-color));overflow:hidden;box-shadow:0 2px 8px rgba(var(--text-color) / .08)}.collection-nav-header{cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:none}.collection-nav-title{text-align:left;font-size:16px}.collection-nav-header:after{content:"\ff0b";font-size:18px;line-height:1;margin-left:12px}.collection-navigation.is-open .collection-nav-header:after{content:"\ff0d"}.collection-nav-content{display:none;padding:0 12px 14px;border-top:1px solid rgba(var(--text-color) / .12)}.collection-navigation.is-open .collection-nav-content{display:block}.collection-nav-item.main-category{margin-bottom:0;padding-bottom:0}.collection-nav-link{display:block;padding:11px 8px;margin:0;font-size:15px;transform:none}.collection-nav-link:hover{transform:none}.collection-nav-link.active{padding-left:8px;border-left:3px solid rgb(var(--btn-bg-color))}.collection-nav-subcategories{padding-left:12px;margin-top:0}.collection-nav-subcategories.level-3{padding-left:16px}.collection-nav-subitem .collection-nav-link{display:block;padding:10px 8px;margin:0;font-size:14px}.collection-nav-subitem .collection-nav-link:hover{transform:none}.collection-nav-subitem.active .collection-nav-link,.collection-nav-subitem.level-2.active .collection-nav-link,.collection-nav-subitem.level-3.active .collection-nav-link{padding-left:8px;border-left:3px solid rgb(var(--btn-bg-color))}.collection-nav-mobile-trigger{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-navigation.css.map */