.nav-drawer{left:0;right:auto;max-width:420px;height:var(--viewport-height, 100vh);z-index:40;transform:translate3d(-100%,0,0);background-color:var(--nav-drawer-bg, #fff);color:var(--nav-drawer-text, #1a1a1a);font-size:var(--nav-drawer-font-size, 16px);overflow:hidden}.nav-drawer[open]{transform:translateZ(0)}.nav-drawer:not(.facets){border-radius:0 var(--drawer-border-radius) var(--drawer-border-radius) 0;box-shadow:2px 1px 10px 2px #00000026}.nav-drawer__header{padding:var(--nav-drawer-padding, 24px);padding-bottom:15px;flex-shrink:0}.nav-drawer__close{display:inline-flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 0;margin-bottom:16px;font-size:14px;color:var(--nav-drawer-text, #1a1a1a)}.nav-drawer__close svg{width:18px;height:18px}.nav-drawer__tabs{display:flex;gap:0;border-bottom:1px solid rgba(0,0,0,.1)}.nav-drawer__tab{position:relative;background:none;border:none;cursor:pointer;padding:10px 16px;font-size:var(--nav-drawer-tab-font-size, 16px);font-weight:400;color:#1a1a1a;transition:color .2s ease;white-space:nowrap}.nav-drawer__tab:after{content:"";position:absolute;bottom:-1px;left:16px;right:16px;height:2px;background-color:var(--nav-drawer-tab-active, #1a1a1a);transform:scaleX(0);transition:transform .25s ease}.nav-drawer__tab.is-active{color:var(--nav-drawer-tab-active, #1a1a1a);font-weight:500}.nav-drawer__tab.is-active:after{transform:scaleX(1)}.nav-drawer__tab:first-child{padding-left:0}.nav-drawer__tab:first-child:after{left:0}.nav-drawer__content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-overflow-scrolling:touch}.nav-drawer__panel{display:none;position:relative}.nav-drawer__panel.is-active{display:block}.nav-drawer__level{display:none;padding:var(--nav-drawer-padding, 24px);padding-top:12px}.nav-drawer__level.is-active{display:block;animation:navDrawerFadeIn .25s ease}.nav-drawer__sublevel.is-active{animation:navDrawerSlideIn .3s ease}@keyframes navDrawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes navDrawerSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.nav-drawer__list{list-style:none;margin:0;padding:0}.nav-drawer__item{display:flex;align-items:center;gap:12px;width:100%;padding:var(--nav-drawer-item-padding, 12px) 0;background:none;border:none;border-bottom:1px solid rgba(0,0,0,.06);cursor:pointer;text-decoration:none;color:inherit;font-size:inherit;text-align:left;transition:opacity .15s ease}.nav-drawer__item:hover{opacity:.7}.nav-drawer__item--parent{font-weight:inherit}.nav-drawer__chevron{margin-left:auto;flex-shrink:0;display:flex;align-items:center;color:#1a1a1a}.nav-drawer__chevron svg{width:18px;height:18px}.nav-drawer__item-text{flex:1;min-width:0}.nav-drawer__icon{flex-shrink:0;width:var(--nav-drawer-icon-size, 30px);height:var(--nav-drawer-icon-size, 30px);overflow:hidden;position:relative}.nav-drawer__icon img{width:100%;height:100%;object-fit:cover}.nav-drawer__icon--circle{border-radius:50%}.nav-drawer__icon--square{border-radius:0}.nav-drawer__icon--rounded{border-radius:6px}.nav-drawer__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 0;margin-bottom:4px;font-size:14px;color:var(--nav-drawer-text, #1a1a1a);opacity:.7;transition:opacity .15s ease}.nav-drawer__back:hover{opacity:1}.nav-drawer__back svg{width:14px;height:14px}.nav-drawer__sublevel-title{display:block;font-size:1.15em;font-weight:600;padding:8px 0 12px;text-decoration:none;color:inherit;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:4px}.nav-drawer__sublevel-title:hover{opacity:.7}.nav-drawer__section-title{font-size:.8em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.5;margin:0 0 10px}.nav-drawer__footer{flex-shrink:0;padding:var(--nav-drawer-padding, 24px);padding-top:0;border-top:1px solid rgba(0,0,0,.06);display:none}.nav-drawer__footer.is-active{display:block}.nav-drawer__brands{margin-top:24px}.nav-drawer__brands-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.nav-drawer__brand-item{flex:0 0 auto}.nav-drawer__brand-link{display:inline-block;padding:6px 14px;border:1px solid rgba(0,0,0,.12);border-radius:20px;font-size:13px;text-decoration:none;color:inherit;transition:background-color .15s ease,border-color .15s ease}.nav-drawer__brand-link:hover{background-color:#0000000a;border-color:#00000040}.nav-drawer__bestsellers{margin-top:24px}.nav-drawer__bestsellers-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}.nav-drawer__bestsellers-slider::-webkit-scrollbar{display:none}.nav-drawer__bestseller-card{flex:0 0 100%;scroll-snap-align:start;min-width:0}.nav-drawer__tab[data-tab=berufe],.nav-drawer__panel[data-panel=berufe],.nav-drawer__footer[data-panel-footer=berufe],.main-nav>li[data-nav-item=berufe]{display:none!important}button.js-open-nav-drawer{background:none;border:none;cursor:pointer}@media screen and (max-width:749px){.nav-drawer{max-width:100%}.nav-drawer__hide-mobile{display:none!important}}@media screen and (max-width:767px){main-menu[data-drawer-mobile]>.main-menu__disclosure>.main-menu__content{display:none!important;visibility:hidden!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/navigation-drawer.css.map */