#menu-drawer {
    top: 0;
    height: 100%;
    position: fixed
}

@media screen and (max-width: 474px) {
    #menu-drawer {
        width: 100%
    }
}

#menu-drawer .menu-drawer__navigation, #menu-drawer .menu-drawer__menu {
    padding-top: 1rem
}

#menu-drawer .menu-drawer__menu-item .icon-caret {
    display: block;
    height: 1.2rem;
    transform: rotate(270deg) translate(.3rem)
}

#menu-drawer .icon-caret path {
    fill: var(--fostr-color-brand-primary)
}

#zoeva .fostr-header #menu-drawer .list-menu__item {
    padding: 0;
    margin: 1rem 0 0;
    height: 50px;
    font-size: var(--fostr-typography-text-size-3xl)
}

#menu-drawer .menu-drawer__menu .list-menu li {
    margin-top: 1rem
}

#menu-drawer .menu-drawer__menu-item-thumbnail {
    height: 100%;
    width: 50px;
    margin-right: 2rem;
    background: rgb(245, 245, 245)
}

#menu-drawer .menu-drawer__menu-item-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

#menu-drawer .menu-drawer__header {
    display: grid;
    align-items: center;
    padding: 2rem 2.6rem;
    grid-template-columns:3rem 1fr 3rem;
    position: relative
}

#menu-drawer .menu-drawer__header__title {
    font-size: var(--fostr-typography-text-size-2xl);
    color: var(--fostr-color-brand-primary);
    font-family: var(--fostr-typography-font-header);
    text-transform: none
}

#zoeva #menu-drawer .menu-drawer__header .icon-caret {
    transform: rotate(90deg) translateY(.25rem)
}

#menu-drawer .menu-drawer__header .menu-drawer__menu-close-button, #menu-drawer .menu-drawer__header .menu-drawer__menu-close-button .icon {
    width: 1.4rem;
    height: 1.4rem;
    margin-left: 0
}

#menu-drawer .menu-drawer__utility-links {
    display: none
}

#menu-drawer .menu-drawer__close-button {
    margin-top: 0
}

#zoeva #menu-drawer fostr-menu-carousel-component.fostr-mega-menu-submenu-slides fostr-menu-slide-component {
    margin-right: 1rem
}

#zoeva #menu-drawer fostr-menu-carousel-component.fostr-mega-menu-submenu-slides fostr-menu-slide-component .fostr-mega-menu__submenu__block__link {
    margin: 0
}

#zoeva #menu-drawer .fostr-mega-menu__submenu__grid {
    padding: 0
}

#zoeva #menu-drawer fostr-menu-carousel-component.fostr-mega-menu-submenu-slides fostr-menu-slide-component {
    width: 24%;
    min-width: 114px
}

#zoeva #menu-drawer .fostr-mega-menu__submenu__block__title {
    font-size: var(--fostr-typography-text-size-2xl)
}

#menu-drawer .menu-drawer__navigation-container {
    display: block
}

#zoeva #menu-drawer .fostr-mega-menu__submenu__grid__block_wrap, #zoeva #menu-drawer .fostr-mega-menu__submenu__grid {
    width: 100%
}

@media screen and (max-width: 989px) {
    #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header {
        font-size: var(--fostr-typography-text-size-lg);
        padding: var(--fostr-layout-space-4);
        padding-left: var(--fostr-layout-space-4);
        padding-bottom: 0;
        margin-top: var(--fostr-layout-space-4);
        margin-bottom: var(--fostr-layout-space-4);
        height: auto;
        position: relative
    }

    #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header:hover, #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header:focus {
        background-color: var(--fostr-color-white)
    }

    #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header.list-menu__header--top {
        margin-top: 0
    }

    #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header.list-menu__header--divide {
        padding-top: 0
    }

    #zoeva #menu-drawer .menu-drawer__menu-item.list-menu__header:before {
        border-top: .1rem solid var(--fostr-color-gray-200);
        content: "";
        height: auto;
        width: 100%;
        display: block;
        top: 0;
        left: 0;
        position: absolute
    }
}

/*# sourceMappingURL=/cdn/shop/t/202/assets/fostr-component-menu-drawer.css.map?v=79614433001445287261685961984 */