.category-sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:998}.category-sidebar-overlay.active{opacity:1;visibility:visible}.category-sidebar{position:fixed;top:0;width:var(--category-sidebar-width, 320px);height:100vh;background-color:var(--category-sidebar-bg-color, #ffffff);border:1px solid var(--category-sidebar-border-color, #e0e0e0);transform:translate(-100%);transition:transform .3s ease;z-index:999;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.category-sidebar.position-right{right:0;left:auto;transform:translate(100%)}.category-sidebar.active,.category-sidebar.position-right.active{transform:translate(0)}.category-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.25rem;border-bottom:1px solid var(--category-sidebar-border-color, #e0e0e0);background-color:var(--category-sidebar-bg-color, #ffffff);position:sticky;top:0;z-index:10}.category-sidebar__title{font-size:1.25rem;font-weight:600;color:var(--category-sidebar-text-color, #333333);margin:0}.category-sidebar__close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.category-sidebar__close:hover{background-color:#0000001a}.category-sidebar__close svg{width:1.25rem;height:1.25rem;color:var(--category-sidebar-text-color, #333333)}.category-sidebar__content{flex:1;padding:0;overflow-y:auto}.category-sidebar__menu{list-style:none;margin:0;padding:0}.category-sidebar__menu-item{border-bottom:1px solid var(--category-sidebar-border-color, #e0e0e0)}.category-sidebar__menu-item:last-child{border-bottom:none}.category-sidebar__menu-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;color:var(--category-sidebar-text-color, #333333);text-decoration:none;transition:background-color .2s ease,color .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem;font-weight:500}.category-sidebar__menu-link:hover{background-color:#0000000d;color:var(--category-sidebar-text-color, #333333)}.category-sidebar__menu-link.active{background-color:#344fb41a;color:#334fb4;font-weight:600}.category-sidebar__dropdown-icon{margin-left:.5rem;transition:transform .2s ease;flex-shrink:0}.category-sidebar__menu-link.has-children.expanded .category-sidebar__dropdown-icon{transform:rotate(180deg)}.category-sidebar__submenu{background-color:#00000005;border-top:1px solid var(--category-sidebar-border-color, #e0e0e0);max-height:0;overflow:hidden;transition:max-height .3s ease;list-style:none;margin:0;padding:0}.category-sidebar__submenu[hidden]{display:none}.category-sidebar__submenu.expanded{max-height:1000px;display:block}.category-sidebar__submenu-item{border-bottom:1px solid var(--category-sidebar-border-color, #e0e0e0)}.category-sidebar__submenu-item:last-child{border-bottom:none}.category-sidebar__submenu-link{display:block;padding:.875rem 1.25rem .875rem 2.5rem;color:var(--category-sidebar-text-color, #333333);text-decoration:none;transition:background-color .2s ease,color .2s ease;font-size:.9rem;font-weight:400}.category-sidebar__submenu-link:hover{background-color:#0000000d;color:var(--category-sidebar-text-color, #333333)}.category-sidebar__submenu-link.active{background-color:#344fb41a;color:#334fb4;font-weight:500}.category-sidebar__third-level{background-color:#0000000a}.category-sidebar__third-level-link{display:block;padding:.75rem 1.25rem .75rem 3.75rem;color:var(--category-sidebar-text-color, #333333);text-decoration:none;transition:background-color .2s ease,color .2s ease;font-size:.85rem;font-weight:400}.category-sidebar__third-level-link:hover{background-color:#0000000d;color:var(--category-sidebar-text-color, #333333)}.category-sidebar__third-level-link.active{background-color:#344fb41a;color:#334fb4;font-weight:500}.header__icons .header__icon.category-sidebar__toggle{display:none!important;background:none;border:none;cursor:pointer;padding:.5rem;color:inherit;font-size:1.5rem;line-height:1}.header__icons .header__icon.category-sidebar__toggle:hover{opacity:.7}.header__icons .header__icon.category-sidebar__toggle svg{width:1.5rem;height:1.5rem}@media screen and (max-width: 1199px){.header__icons .header__icon.category-sidebar__toggle{display:inline-flex!important;align-items:center;justify-content:center}}@media screen and (min-width: 1200px){.category-sidebar,.category-sidebar-overlay{display:none!important}.header__icons .header__icon.category-sidebar__toggle,.header .header__icons .header__icon.category-sidebar__toggle,body .header__icons .header__icon.category-sidebar__toggle{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}@media screen and (max-width: 1199px){.header-wrapper .menu-drawer-container,.header-wrapper .menu-drawer,.header-wrapper header-drawer{display:none!important}.header__icons .header__icon.category-sidebar__toggle{display:inline-flex!important;z-index:1001!important}.category-sidebar{z-index:1000!important}.category-sidebar-overlay{z-index:999!important}}@media screen and (max-width: 768px){.category-sidebar{width:280px}.category-sidebar__header{padding:1.25rem 1rem}.category-sidebar__menu-link{padding:.875rem 1rem;font-size:.9rem}.category-sidebar__submenu-link{padding:.75rem 1rem .75rem 2rem;font-size:.85rem}.category-sidebar__third-level-link{padding:.625rem 1rem .625rem 3rem;font-size:.8rem}}@media screen and (max-width: 480px){.category-sidebar{width:100vw;max-width:320px}}.category-sidebar::-webkit-scrollbar{width:6px}.category-sidebar::-webkit-scrollbar-track{background:#0000001a}.category-sidebar::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.category-sidebar::-webkit-scrollbar-thumb:hover{background:#00000080}.category-sidebar__menu-link:focus,.category-sidebar__submenu-link:focus,.category-sidebar__third-level-link:focus,.category-sidebar__close:focus,.category-sidebar__toggle:focus{outline:2px solid #334FB4;outline-offset:-2px}.category-sidebar *{box-sizing:border-box}.no-js .category-sidebar{display:none}body.category-sidebar-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-category-sidebar.css.map */