.menu-drawer{--dialog-content-padding-inline: 1.6rem;--dialog-header-height: 6rem}.menu-drawer .dialog[open]{display:flex;flex-direction:column}.menu-drawer .dialog__header{min-height:var(--dialog-header-height);box-shadow:inset 0 -1px rgb(var(--color-border)/var(--color-border-alpha))}.menu-drawer .dialog__close{width:var(--dialog-header-height);height:100%;border-inline-start:1px solid rgb(var(--color-border)/var(--color-border-alpha))}.menu-drawer .dialog__content{padding-block:0 2.6rem;padding-inline:0}.menu-drawer__logo{padding:.8rem var(--dialog-content-padding-inline)}.menu-drawer__logo--image{max-width:var(--logo-width-menu-drawer)}.menu-drawer__logo--image img{width:auto;max-height:calc(var(--dialog-header-height) - 1.6rem)}.menu-drawer__menu{padding-top:1.2rem}.menu-drawer__item-link{padding-block:.4rem;padding-inline:var(--dialog-content-padding-inline)}.menu-drawer__item-link-arrow:before{content:"";position:absolute;height:100%;aspect-ratio:1;inset-inline-end:0;top:0}.menu-drawer__item-link-heading{padding-block:1rem;min-height:4.8rem}.menu-drawer__item-link-back{min-height:4.8rem}.menu-drawer__submenu{top:0;inset-inline-start:100%;background-color:rgb(var(--color-background));transition:inset .5s cubic-bezier(.3,1,.3,1)}.menu-drawer__submenu>.v-scrollable{padding-bottom:3rem}.menu-drawer__mega{padding-inline:var(--dialog-content-padding-inline)}.menu-drawer details.active>.menu-drawer__submenu{inset-inline-start:0;z-index:1}.menu-drawer .v-scrollable.active{overflow:unset}.menu-drawer .accordion{--summary-padding-block: 1.3rem}.menu-drawer .accordion .h3{line-height:2.4rem}.menu-drawer .accordion__summary,.menu-drawer__footer{padding-inline:var(--dialog-content-padding-inline)}.menu-drawer--no-links .menu-drawer__nav{display:contents}@media screen and (max-width:1023px){.menu-drawer{--dialog-content-padding-inline: 1.6rem;--dialog-header-height: 6.8rem;--koovs-menu-green: #236346;--koovs-menu-text: rgb(var(--color-foreground))}.menu-drawer,.menu-drawer .menu-drawer__item-link,.menu-drawer .menu-drawer__item-link-heading,.menu-drawer .menu-drawer__item-link-heading .h3,.menu-drawer .menu-drawer__item-link-back,.menu-drawer .menu-drawer__footer{font-family:var(--font-body--family),sans-serif!important;font-style:var(--font-body--style, normal)!important;font-weight:var(--font-body--weight, 400)!important}.menu-drawer .dialog--drawer-left{width:min(92vw,40rem);max-width:40rem;background:#fff;box-shadow:1.6rem 0 4rem #0000001f}.menu-drawer .dialog__header,.menu-drawer .dialog__content,.menu-drawer__menus,.menu-drawer__submenu,.menu-drawer__submenu>.v-scrollable,.menu-drawer__footer{background:#fff}.menu-drawer .dialog__header{min-height:var(--dialog-header-height);border:0;box-shadow:none}.menu-drawer .menu-drawer__header:before,.menu-drawer .menu-drawer__header:after{content:none;display:none}.menu-drawer__logo{padding:.9rem 1.8rem}.menu-drawer__logo--image{max-width:min(var(--logo-width-menu-drawer),10.5rem)}.menu-drawer .dialog__close{width:var(--dialog-header-height);color:var(--koovs-menu-green);background:#fff;border:0}.menu-drawer .dialog__content{gap:0!important;min-height:0;padding:0}.menu-drawer__menu{margin:0;padding:1.2rem 1.6rem 1.8rem}.menu-drawer__menu>.menu-drawer__item{margin:.2rem 0}.menu-drawer__menu>.menu-drawer__item .menu-drawer__item-link-heading{min-height:5.4rem;margin:0;padding:1rem 1.2rem;color:var(--koovs-menu-text);background:#fff;border:0;border-radius:.4rem;font-size:var(--font-size--paragraph, 1.5rem);line-height:var(--font-paragraph--line-height, 1.6);letter-spacing:normal;transition:color .2s ease,background-color .2s ease}.menu-drawer__item-link-heading .h3{color:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit}.menu-drawer__item-link-arrow{width:3rem;height:3rem;flex:0 0 3rem;color:var(--koovs-menu-green);background:transparent;border:0;border-radius:0}.menu-drawer__item-link-arrow:before{width:3rem;height:3rem;aspect-ratio:auto;background:transparent;border:0;border-radius:0}.menu-drawer__menu>.menu-drawer__item>a.menu-drawer__item-link-heading:after{content:"\203a";width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 3rem;color:var(--koovs-menu-green);background:transparent;border:0;font-family:Arial,sans-serif!important;font-size:2rem;font-weight:400!important;line-height:1}.menu-drawer__item-link-back{width:calc(100% - 3.2rem);min-height:4.8rem;margin:1.2rem 1.6rem .8rem;padding:1rem 1.2rem;color:var(--koovs-menu-green);background:#fff;border:0;border-radius:.4rem;font-size:var(--font-size--paragraph, 1.5rem)}.menu-drawer__submenu>.v-scrollable{gap:0!important;padding-bottom:2rem}.menu-drawer__submenu .menu-drawer__nav{gap:0!important;padding:0 1.6rem}.menu-drawer__submenu .menu-drawer__list{gap:.2rem!important;margin:0;overflow:visible;background:#fff;border:0;border-radius:0;box-shadow:none}.menu-drawer__submenu .menu-drawer__list>.menu-drawer__item .menu-drawer__item-link{min-height:5rem;display:flex;align-items:center;padding:1rem 1.2rem;color:var(--koovs-menu-text);background:#fff;border:0;border-radius:.4rem;font-size:var(--font-size--paragraph, 1.5rem);line-height:var(--font-paragraph--line-height, 1.6);transition:color .2s ease,background-color .2s ease}.menu-drawer__footer{position:sticky;bottom:0;z-index:4;gap:1.2rem!important;padding:1.4rem 1.6rem calc(1.4rem + env(safe-area-inset-bottom));border:0;box-shadow:none}.menu-drawer__footer>div{gap:1rem!important}.menu-drawer__footer .account-button.btn--primary{min-height:4.8rem;padding:1rem 1.6rem;color:#fff;background:var(--koovs-menu-green);border:1px solid var(--koovs-menu-green);border-radius:.4rem;box-shadow:none;font-family:var(--font-body--family),sans-serif!important;font-size:var(--font-size--paragraph, 1.5rem);font-weight:var(--font-body--weight, 400)!important}.menu-drawer__footer .socials{color:var(--koovs-menu-green)}.menu-drawer a:focus-visible,.menu-drawer button:focus-visible,.menu-drawer summary:focus-visible{outline:2px solid var(--koovs-menu-green);outline-offset:-2px}@media(hover:hover){.menu-drawer__item-link-heading:hover,.menu-drawer__item-link-back:hover,.menu-drawer__submenu .menu-drawer__list .menu-drawer__item-link:hover{color:#fff;background:var(--koovs-menu-green)}.menu-drawer__item-link-heading:hover .menu-drawer__item-link-arrow,.menu-drawer__item-link-heading:hover:after{color:#fff}.menu-drawer .dialog__close:hover{color:#fff;background:var(--koovs-menu-green)}}}@media screen and (max-width:479px){.menu-drawer .dialog--drawer-left{width:min(94vw,38rem)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/menu-drawer.css.map */