header {z-index: 200;}
body:not([data-load="true"]) header {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* 
MOBILE
*/
#header-mobile {
    top: 0;
    right: 0;
    left: 0;
    border-bottom: 1px solid var(--color);
}
#header-mobile[data-status="close"] {height: var(--size-xl);}
#header-mobile[data-status="open"] {
    min-height: calc(var(--vh) * 100);
    max-height: calc(var(--vh) * 100);
}


/* TOP */
#header_m-top {z-index: 5;}


/* BOTTOM */
#header_m-bottom {flex-grow: 1;}

#header_m-information {margin: auto 0;}
#header-mobile[data-status="close"] #header_m-information {height: 0;}
#header_m-information > *:not(:last-child) {margin-bottom: 1em;}

#header-m_logo {height: fit-content;}
#header-mobile[data-status="close"] #header-m_logo {transform: translateY(-38px);}

@media only screen and (min-width: 768px) {
    #header_m-bottom {
        margin-top: auto;
        flex-grow: 0;
        padding-bottom: calc(var(--size) + var(--size-s));
    }

    #header_m-information {
        order: 2;
        margin: 0;
    }

    #header-m_logo {
        order: 1;
        width: 50vw;
    }

    #header-m_logo svg {width: 30rem;}
}




/* 
DESKTOP
*/
#header-desktop {
    top: 0;
    left: 0;
    bottom: 0;
    border-right: 1px solid var(--color);
    padding-bottom: var(--size-s);
    width: var(--header_d-width);
}

#header_d-bottom {margin-top: auto;}
#header_d-bottom > *:not(:last-child) {margin-bottom: 1em;}

@media only screen and (max-height: 640px) {
    body[data-viewport="desktop"] #header_d-bottom {display: none !important;}
    body[data-viewport="desktop"] #shopify-toggle {bottom: 2.5rem !important;}
}