.menu-mobile--open,
.menu-mobile--opening,
.menu-mobile--closing {
    overflow: hidden
}

.menu-mobile--open .transition-content,
.menu-mobile--opening .transition-content,
.menu-mobile--closing .transition-content,
.menu-mobile--open .header-wrapper,
.menu-mobile--opening .header-wrapper,
.menu-mobile--closing .header-wrapper,
.menu-mobile--open .announcement-bar,
.menu-mobile--opening .announcement-bar,
.menu-mobile--closing .announcement-bar {
    padding-inline-end: var(--scrollbar-width)
}

.menu-mobile--open .transition-body:after,
.menu-mobile--opening .transition-body:after {
    opacity: 1;
    pointer-events: visible
}

.menu-mobile--open #MainContent,
.menu-mobile--open #shopify-section-footer,
.menu-mobile--opening #MainContent,
.menu-mobile--opening #shopify-section-footer {
    transform: translate(4rem)
}

.menu-mobile--open #shopify-section-announcement-bar,
.menu-mobile--opening #shopify-section-announcement-bar,
.menu-mobile--closing #shopify-section-announcement-bar {
    position: relative;
    z-index: 100
}

.menu-mobile--open #shopify-section-header:not(.shopify-section-header-sticky),
.menu-mobile--opening #shopify-section-header:not(.shopify-section-header-sticky),
.menu-mobile--closing #shopify-section-header:not(.shopify-section-header-sticky) {
    position: relative;
    z-index: 99
}

.menu-drawer {
    position: absolute;
    transform: translate(-100%);
    visibility: hidden;
    z-index: 100;
    left: 0;
    top: 100%;
    width: calc(100% - 4rem);
    padding: 0;
    border: .1rem solid rgb(var(--color-border));
    border-inline-start: 0;
    background-color: rgb(var(--color-background));
    overflow-x: hidden
}

.js .menu-drawer {
    border: none;
    border-top: .1rem solid rgb(var(--color-border));
    height: calc(var(--viewport-height, 100vh) - (var(--header-height, 100%)))
}

.js .shopify-section-header-sticky.shopify-section-header-hidden .menu-drawer {
    height: 100vh
}

.js details[open]>.menu-drawer,
.js details[open]>.menu-drawer__submenu {
    transition-property: transform, visibility;
    transition-duration: var(--duration-long);
    transition-timing-function: ease
}

.no-js details[open]>.menu-drawer,
.js details[open].menu-opening>.menu-drawer,
details[open].menu-opening>.menu-drawer__submenu {
    transform: translate(0);
    visibility: visible
}

@media screen and (min-width: 750px) {
    .menu-drawer {
        width: 40rem
    }

    .no-js .menu-drawer {
        height: auto
    }
}

.menu-drawer__inner-container {
    position: relative;
    height: 100%
}

.menu-drawer__navigation-container {
    display: grid;
    grid-template-rows: 1fr auto;
    align-content: space-between;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin
}

.menu-drawer__navigation {
    overflow-x: hidden
}

.menu-drawer__menu {
    padding-inline-start: 3rem
}

.menu-drawer__inner-submenu {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.menu-drawer__inner-submenu .menu-drawer__menu {
    padding-inline-start: 4.5rem
}

.menu-drawer__inner-submenu .menu-drawer__menu-item {
    font-size: 1.6rem;
    padding: 1rem 0
}

.no-js .menu-drawer__navigation {
    padding: 0
}

.no-js .menu-drawer__submenu ul {
    border-bottom: .1rem solid rgb(var(--color-border))
}

.menu-drawer__menu-item {
    font-family: Neue Haas Unica W1G, sans-serif !important;
    font-weight: 400;
    flex: 0 0 100%;
    font-size: 1.6rem;
    padding: 1.5rem 0;
    text-decoration: none;
    color: rgb(var(--color-link));
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .1rem solid rgb(var(--color-border))
}

.menu-drawer__menu>li:last-child>.menu-drawer__menu-item,
.menu-drawer__menu>li:last-child>details>summary>.menu-drawer__menu-item {
    border-bottom: 0
}

.no-js .menu-drawer__menu-item {
    font-size: 1.6rem
}

.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item {
    padding-inline-start: 9rem
}

.no-js .menu-drawer__menu-item .icon-caret {
    right: 3rem
}

.js .menu-drawer__menu-item .icon-caret,
.no-js .menu-drawer .icon-arrow {
    display: none
}

.menu-drawer .icon-arrow {
    height: 1.3rem;
    width: 1.3rem;
    margin-inline-end: 3rem;
    display: none;
}

.caret-small {
    height: 0.6rem !important;
    right: 1.5rem !important;
    top: 50% !important;
}

.js .menu-drawer__submenu {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgb(var(--color-background));
    box-shadow: 0 0 0 .2rem rgb(var(--color-border));
    z-index: 1;
    transform: translate(100%);
    visibility: hidden
}

.js .menu-drawer__submenu .menu-drawer__submenu {
    overflow-y: auto
}

.menu-drawer__close-button {
    position: relative;
    padding: 1.5rem 2.2rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    line-height: 1.8;
    width: 100%;
    background-color: transparent;
    border: none;
    border-bottom: .1rem solid rgb(var(--color-border));
    font-family: var(--font-navigation-family);
    cursor: pointer;
    transition: color var(--duration-default) ease
}

.no-js .menu-drawer__close-button {
    display: none
}

.menu-drawer__close-button>span {
    transform: rotate(180deg);
    display: flex;
    margin-inline-end: 1rem
}

.menu-drawer__close-button>span .icon {
    margin-inline-end: 0 !important
}

.menu-drawer__utility-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem;
    border-top: .1rem solid rgb(var(--color-border))
}

.menu-drawer .list-social:empty {
    display: none
}

.js details[open]>.menu-drawer [data-animate] {
    opacity: 0;
    transform: translate(-4rem);
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: var(--duration-long)
}

.js details[open]>.menu-drawer [data-animate-delay-1] {
    transition-delay: var(--duration-default)
}

.js details[open]>.menu-drawer [data-animate-delay-2] {
    transition-delay: calc(var(--duration-default) + .1s)
}

.js details[open].menu-opening>.menu-drawer [data-animate],
.no-js details[open]>.menu-drawer [data-animate] {
    opacity: 1;
    transform: translate(0)
}

@keyframes left-to-right {
    0% {
        transform: translate(0)
    }

    25% {
        opacity: 0;
        transform: translate(100%)
    }

    50% {
        opacity: 0;
        transform: translate(-100%)
    }

    75% {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes right-to-left {
    0% {
        transform: translate(0)
    }

    25% {
        opacity: 0;
        transform: translate(-100%)
    }

    50% {
        opacity: 0;
        transform: translate(100%)
    }

    75% {
        opacity: 1;
        transform: translate(0)
    }
}

/*# sourceMappingURL=/cdn/shop/t/354/assets/component-menu-drawer.css.map?v=16247366165830258991721918976 */

.li-men {
    background-repeat: no-repeat;
    background-position-y: center;
    background-position: 4%;
    font-weight: 700 !important;
}

.li-services {
    background-image: url(/images/icon-services.png);
}

.li-shop {
    background-image: url(/images/icon-shop.png);
}

.li-wax-pass {
    background-image: url(/images/icon-wax-pass.png);
}

.li-men span {
    padding-left: 60px;
    font-weight: bold;
}

.menu-drawer__menu {
    padding-inline-start: 0;
}

.li-m-nav {
    padding-left: 5%;
    padding-top: 3px;
    padding-bottom: 3px;
}

.li-m-nav span {
    display: block;
    width: 100%;
    background-image: url(/images/small-arrow-right.png);
    background-position: 96%;
    background-repeat: no-repeat!important;
    line-height: 29px;
}

#refer-friend span {
    font-weight: 400;
    font-size: 1.5rem;
    font-family: Haas Grot Text Web Regular,sans-serif !important;
    line-height: 29px;
}

#book-now {
    background-color: #ee0e42;
    color: #fff !important;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    width: 95%;
    margin-top: 10px;
    margin-left: 10px;
}

#book-now:hover {
    opacity: 0.9;
}

#book-now a {
    justify-content: center;
}

#book-now span {
    color: #fff !important;
    font-weight: 400;
}

#first-wax-link {
    text-align: center;
}

.li-men button span {
    width: 2%!important;
    padding-left: 2%;
}

.menu-drawer__inner-container {
    height: unset;
}

.cart-drawer {
    padding: 0;
    position: absolute;
    transform: translate(100%);
    visibility: hidden;
    z-index: 100;
    right: 0;
    top: 100%;
    width: calc(100% - 4rem);
    height: calc(var(--viewport-height, 100vh) - (var(--header-height, 100%)));
    border-top: .1rem solid rgb(var(--color-border));
    background-color: rgb(var(--color-background));
    overflow: hidden;
}

details[open].menu-opening>.cart-drawer {
    transform: translate(0);
    visibility: visible;
}

details[open]>.cart-drawer {
    transition-property: transform,visibility;
    transition-duration: var(--duration-long);
    transition-timing-function: ease;
}

.cart-drawer {
    width: 40rem;
}

@media screen and (max-width: 768px) {
    .cart-drawer {
        width: calc(100% - 4rem);
    }
}