/* June 03, 2024 */

header, #shopify-section-header {
    /* border: 1px solid red; */
    width: 100%;
}
/* header, #shopify-section-header {height: 109px;} */
/* header, #shopify-section-header {} */

/* .page-header { margin-bottom: 1rem; } */
.page-header { margin-bottom: 6px; }



.header__mobile {
    display: grid;
    background-color: aquamarine;
    background-color: #e2ba6c;
    background-color: #fbcb6b;
    padding: 0 16px;
    min-height: 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    transition: background-color .2s cubic-bezier(.215,.61,.355,1);

    /* width: 100%; */
    /* border: 1px solid salmon; */
}
.header__mobile__left, .header__mobile__right {
    display: flex;
}
.header__mobile__left {
    justify-content: flex-start;
}
.header__mobile__right {
    justify-content: flex-end;
}


.header__mobile__button {
    height: 100%;
    display: flex;
    align-items: center;
    align-content: center;
}
.header__mobile__hamburger {
    cursor: pointer;
    position: relative;
    width: 30px;
    height: 30px;
    left: 0;
    padding: 0;

    display: inline-block;
    border: none;

    /* text-align: center; */

    background-color: #fbcb6b;
}
.hamburger__lines {
    display: block;
    width: 100%;
    height: 100%;
    transition: .5s ease-in-out;
}
.hamburger__lines span {
    display: block;
    position: absolute;
    height: 3px;
    width: 24px;
    background: #111;
    opacity: 1;
    border-radius: 3px;
    transition: .25s ease-in-out;
}
.hamburger__lines span:first-child { top: 6px; }
.hamburger__lines span:nth-child(2) { top: 14px; }
.hamburger__lines span:nth-child(3) { top: 22px; }





@media only screen and (min-width: 767px) {
    .header__mobile { min-height: 70px; }
}