.collection-page-wrapper{display:flex;gap:3.2rem;align-items:flex-start;padding-bottom:var(--block-spacing)}.collection-sidebar{flex-shrink:0;width:24rem;position:sticky;top:13rem;max-height:calc(100vh - 12rem);overflow-y:auto;padding-right:2rem}.collection-sidebar__nav{width:100%}.collection-sidebar__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.collection-sidebar__item,.collection-sidebar__category{margin:0}.collection-sidebar__category-title{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;font-weight:500;line-height:150%;color:#2d2f2f;text-align:left;transition:color .2s ease;list-style:none}.collection-sidebar__category-title::-webkit-details-marker{display:none}.collection-sidebar__category-title:hover{color:#006f9b}.collection-sidebar__category-text{flex:1}.collection-sidebar__category-text--active{color:#2fa5ed;font-weight:600}.collection-sidebar__category-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.collection-sidebar__category-arrow{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.collection-sidebar__category-arrow svg{width:100%;height:100%}.collection-sidebar__category[open] .collection-sidebar__category-arrow{transform:rotate(-90deg)}.collection-sidebar__subcategory{list-style:none;padding:8px 0 8px 40px;margin:0;display:flex;flex-direction:column;gap:4px}.collection-sidebar__subcategory-item{margin:0}.collection-sidebar__link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#2d2f2f;text-decoration:none;font-size:14px;line-height:150%;border-radius:8px;transition:all .2s ease}.collection-sidebar__link:hover{background-color:#f5f5f5;color:#006f9b}.collection-sidebar__link--active{background-color:#eaf5fc;color:#2fa5ed;font-weight:500}.collection-sidebar__link--parent{padding:12px 16px}.collection-page-content{flex:1;min-width:0}.collection-page-content-inner{width:100%}@media screen and (max-width: 989px){.collection-sidebar{display:none}.collection-page-wrapper{display:block}.collection-page-content{width:100%}}.collection-sidebar::-webkit-scrollbar{width:4px}.collection-sidebar::-webkit-scrollbar-track{background:transparent}.collection-sidebar::-webkit-scrollbar-thumb{background:#e4e9ea;border-radius:2px}.collection-sidebar::-webkit-scrollbar-thumb:hover{background:#a2a2a2}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collection-sidebar.css.map */