.site-premium-header {
        position: relative;
        z-index: 50;
        color: #402315;
        font-family: Arial, sans-serif;
        box-shadow: 0 8px 26px rgba(54, 26, 12, .14);
}

.site-premium-header * {
        box-sizing: border-box;
}

.site-announcement {
        min-height: 34px;
        padding: 8px clamp(22px, 5vw, 74px);
        color: #ffe7b1;
        background: #2d1b12;
        text-align: center;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .2px;
}

.site-announcement span+span::before {
        content: "•";
        margin: 0 20px;
        color: #f2b13c;
}

.site-header-main {
        display: flex;
        min-height: 86px;
        align-items: center;
        gap: 15px;
        padding: 11px clamp(22px, 5vw, 74px);
        background: #fffaf2;
}

.site-brand {
        display: flex;
        align-items: center;
        gap: 15px;
        color: #402315;
        text-decoration: none;
}

.site-brand img {
        display: block;
        width: 64px;
        height: 64px;
        object-fit: contain;
}

.site-brand-copy {
        padding-left: 16px;
        border-left: 1px solid #e4d4bf;
        line-height: 1.15;
}

.site-brand-copy strong {
        display: block;
        font: 700 19px Georgia, serif;
}

.site-brand-copy small {
        color: #9b5a2f;
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase;
}

.site-account {
        margin-left: auto;
        padding: 11px 17px;
        color: #fff;
        background: #67371e;
        text-decoration: none;
        font-size: 12px;
        font-weight: 800;
        text-transform: uppercase;
}

.site-nav {
        display: flex;
        min-height: 60px;
        align-items: center;
        gap: 16px;
        padding: 0 clamp(22px, 4vw, 54px);
        background: linear-gradient(90deg, #7c2e13, #b64317 52%, #8f300e);
}

.site-nav a {
        color: #fff4df;
        text-decoration: none;
        font-size: 12px;
        font-weight: 700;
}

.site-nav .site-shop-link {
        padding: 11px 17px;
        border-radius: 999px;
        color: #fff;
        background: #d65a19;
}

.site-nav-links {
        display: flex;
        align-items: center;
        gap: 3px;
        margin-right: auto;
}

.site-nav-links a {
        padding: 10px 11px;
}

.site-nav-links a:hover,
.site-nav-links a.is-active {
        color: #fff;
        background: rgba(67, 19, 5, .35);
}

.site-nav .site-explore {
        padding: 11px 17px;
        border-radius: 999px;
        color: #432513;
        background: #f2b13c;
}

.site-contact {
        margin-left: auto;
        white-space: nowrap;
}

@media (max-width:760px) {

        .site-announcement,
        .site-nav-links {
                display: none;
        }

        .site-header-main {
                min-height: 67px;
                padding: 6px 14px;
        }

        .site-brand img {
                width: 50px;
                height: 50px;
        }

        .site-brand-copy {
                display: none;
        }

        .site-nav {
                min-height: 54px;
                padding: 0 14px;
        }

        .site-nav .site-shop-link {
                margin-right: auto;
        }

        .site-contact,
        .site-explore {
                display: none;
        }
}

/* Clean centered homepage header layout. */
.site-premium-header {
        box-shadow: none;
        border-bottom: 1px solid #ece8e1;
}

.site-announcement {
        min-height: 14px;
        height: 14px;
        padding: 0;
        font-size: 0;
        background: #263c2b;
}

.site-announcement span+span::before {
        display: none;
}

.site-header-main {
        position: relative;
        min-height: 92px;
        justify-content: center;
        padding: 10px 48px;
        background: #fff;
}

.site-logo {
        position: absolute;
        left: 48px;
        display: grid;
        width: 64px;
        height: 64px;
        place-items: center;
        padding: 5px;
        border: 1px solid #f0ece5;
        background: #fff;
        box-shadow: 0 7px 16px rgba(35, 26, 18, .07);
}

.site-logo img {
        width: 52px;
        height: 52px;
        object-fit: contain;
}

.site-brand-copy {
        padding: 0;
        border: 0;
        text-align: center;
        line-height: 1.1;
}

.site-brand-copy strong {
        color: #402315;
        font: 700 27px/1 Georgia, serif;
        letter-spacing: -.7px;
}

.site-brand-copy small {
        display: block;
        margin-top: 5px;
        color: #526653;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 2.5px;
}

.site-account {
        position: absolute;
        right: 48px;
        margin: 0;
        padding: 0;
        color: #29221d;
        background: transparent;
        font-size: 12px;
        text-transform: none;
}

.site-nav {
        min-height: 48px;
        justify-content: center;
        padding: 0 25px;
        border-top: 1px solid #efebe5;
        background: #fff;
}

.site-nav .site-shop-link,
.site-nav .site-contact,
.site-nav .site-explore {
        display: none;
}

.site-nav-links {
        margin: 0;
        gap: 28px;
}

.site-nav-links a {
        padding: 16px 0;
        color: #29221d;
        font-size: 12px;
        letter-spacing: .2px;
}

.site-nav-links a:hover,
.site-nav-links a.is-active {
        color: #9d4a24;
        background: transparent;
}

@media(max-width:760px) {
        .site-header-main {
                min-height: 70px;
                padding: 6px 14px;
                justify-content: flex-start;
        }

        .site-logo {
                position: static;
                width: 54px;
                height: 54px;
        }

        .site-logo img {
                width: 44px;
                height: 44px;
        }

        .site-brand-copy {
                margin-left: 14px;
                text-align: left;
        }

        .site-brand-copy strong {
                font-size: 18px;
        }

        .site-account {
                right: 16px;
        }

        .site-nav {
                display: none;
        }
}

.site-brand-center {
        position: absolute;
        left: 50%;
        display: flex;
        align-items: center;
        gap: 15px;
        transform: translateX(-50%);
}

.site-brand-center .site-logo {
        position: static;
        flex: 0 0 auto;
}

.site-brand-center .site-brand-copy {
        flex: 0 0 auto;
}

.site-account {
        position: absolute;
        right: 48px;
        margin: 0;
        padding: 0;
        color: #29221d;
        background: transparent;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
        text-transform: none;
}

@media(max-width:760px) {
        .site-brand-center {
                position: static;
                gap: 10px;
                transform: none;
        }

        .site-brand-center .site-logo {
                width: 54px;
                height: 54px;
        }

        .site-brand-center .site-logo img {
                width: 44px;
                height: 44px;
        }

        .site-brand-center .site-brand-copy {
                margin-left: 0;
                text-align: left;
        }

        .site-brand-center .site-brand-copy strong {
                font-size: 18px;
        }

        .site-account {
                right: 16px;
        }
}

/* Premium brand-header refinement. */
.site-premium-header {
        border-bottom: 0;
        box-shadow: 0 10px 28px rgba(35, 24, 14, .1);
}

.site-announcement {
        display: flex;
        min-height: 32px;
        height: auto;
        align-items: center;
        justify-content: center;
        padding: 7px 24px;
        color: #ffe8b1;
        background: linear-gradient(90deg, #1d3529, #263c2b 50%, #1d3529);
        font-size: 10px;
        font-weight: 800;
        letter-spacing: .7px;
        text-transform: uppercase;
}

.site-announcement span+span::before {
        display: inline;
        margin: 0 22px;
        color: #e3b64f;
}

.site-header-main {
        min-height: 100px;
        background: linear-gradient(90deg, #fffaf2, #fff, #fffaf2);
}

.site-brand-center {
        gap: 18px;
}

.site-brand-center .site-logo {
        position: relative;
        overflow: visible;
        width: 70px;
        height: 70px;
        padding: 5px;
        border: 1px solid #e9d5a9;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 9px 19px rgba(67, 39, 18, .12);
}

.site-brand-center .site-logo::after {
        content: "";
        position: absolute;
        inset: -5px;
        border: 1px solid rgba(185, 52, 36, .22);
        border-radius: 50%;
}

.site-brand-center .site-logo img {
        width: 56px;
        height: 56px;
}

.site-brand-copy {
        position: relative;
}

.site-brand-copy::before,
.site-brand-copy::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 26px;
        height: 1px;
        background: #d69a25;
}

.site-brand-copy::before {
        right: calc(100% + 14px);
}

.site-brand-copy::after {
        left: calc(100% + 14px);
}

.site-brand-copy strong {
        color: #362015;
        font-size: 29px;
}

.site-brand-copy small {
        color: #9b5a2f;
        letter-spacing: 2.8px;
}

.site-account {
        padding: 8px 14px;
        border: 1px solid #d9b56c;
        border-radius: 999px;
        color: #6c371d;
        background: #fff8e9;
        font-size: 11px;
        letter-spacing: .4px;
}

.site-account:hover {
        color: #fff;
        background: #b93424;
}

.site-nav {
        min-height: 54px;
        border-top: 1px solid #eee0cc;
        border-bottom: 1px solid #eee0cc;
        background: #fffdf9;
}

.site-nav-links {
        gap: 34px;
}

.site-nav-links a {
        position: relative;
        padding: 18px 0 16px;
        color: #39261a;
        font-size: 12px;
}

.site-nav-links a::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 9px;
        left: 0;
        height: 2px;
        transform: scaleX(0);
        background: #b93424;
        transition: transform .2s;
}

.site-nav-links a:hover,
.site-nav-links a.is-active {
        color: #b93424;
        background: transparent;
}

.site-nav-links a:hover::after,
.site-nav-links a.is-active::after {
        transform: scaleX(1);
}

@media(max-width:760px) {
        .site-announcement {
                min-height: 28px;
                padding: 6px 12px;
                font-size: 9px;
        }

        .site-announcement span+span {
                display: none;
        }

        .site-header-main {
                min-height: 76px;
        }

        .site-brand-center .site-logo {
                width: 54px;
                height: 54px;
        }

        .site-brand-center .site-logo img {
                width: 43px;
                height: 43px;
        }

        .site-brand-copy::before,
        .site-brand-copy::after {
                display: none;
        }

        .site-brand-center .site-brand-copy strong {
                font-size: 18px;
        }
}

/* Heritage grain accents for a more distinctive brand presence. */
.site-header-main {
        isolation: isolate;
        overflow: hidden;
        background: radial-gradient(circle at 5% 100%, rgba(214, 154, 37, .12) 0 105px, transparent 106px), radial-gradient(circle at 95% 0, rgba(185, 52, 36, .09) 0 125px, transparent 126px), linear-gradient(90deg, #fffaf2, #fff, #fffaf2);
}

.site-header-main::before,
.site-header-main::after {
        content: "";
        position: absolute;
        z-index: -1;
        width: 180px;
        height: 1px;
        background: linear-gradient(90deg, transparent, #d69a25, transparent);
}

.site-header-main::before {
        top: 22px;
        left: 8%;
}

.site-header-main::after {
        right: 8%;
        bottom: 22px;
}

.site-brand-center {
        z-index: 1;
        gap: 21px;
}

.site-brand-center .site-logo {
        border: 2px solid #d69a25;
        background: linear-gradient(145deg, #fff, #fff3d8);
}

.site-brand-center .site-logo::before {
        content: "EST.\A 2009";
        position: absolute;
        top: 50%;
        left: -45px;
        color: #9b5a2f;
        font-size: 7px;
        font-weight: 900;
        letter-spacing: 1.2px;
        line-height: 1.45;
        text-align: right;
        transform: translateY(-50%);
        white-space: pre;
}

.site-brand-center .site-logo::after {
        border-color: rgba(185, 52, 36, .42);
}

.site-brand-copy strong {
        text-shadow: 0 1px 0 #fff;
}

.site-brand-copy small {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
}

.site-brand-copy small::before,
.site-brand-copy small::after {
        content: "✦";
        color: #d69a25;
        font-size: 8px;
}

.site-nav {
        position: relative;
        overflow: hidden;
}

.site-nav::before {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: min(340px, 40%);
        height: 2px;
        background: linear-gradient(90deg, transparent, #d69a25, transparent);
        transform: translateX(-50%);
}

.site-nav-links a {
        transition: color .2s, letter-spacing .2s;
}

.site-nav-links a:hover {
        letter-spacing: .55px;
}

.site-account {
        box-shadow: 0 5px 12px rgba(91, 51, 23, .08);
}

@media(max-width:760px) {

        .site-header-main::before,
        .site-header-main::after,
        .site-brand-center .site-logo::before {
                display: none;
        }

        .site-brand-copy small::before,
        .site-brand-copy small::after {
                font-size: 6px;
        }
}

/* Clean modern-minimal header. */
.site-premium-header {
        box-shadow: 0 4px 16px rgba(22, 40, 31, .08);
}

.site-announcement {
        min-height: 28px;
        padding: 6px 24px;
        background: #203a30;
        font-size: 10px;
        letter-spacing: .35px;
}

.site-announcement span+span::before {
        margin: 0 16px;
        color: #d6ae58;
}

.site-header-main {
        min-height: 84px;
        overflow: visible;
        background: #fff;
}

.site-header-main::before,
.site-header-main::after {
        display: none;
}

.site-brand-center {
        gap: 12px;
}

.site-brand-center .site-logo {
        width: 56px;
        height: 56px;
        padding: 4px;
        border: 1px solid #e7e2da;
        border-radius: 9px;
        background: #fff;
        box-shadow: none;
}

.site-brand-center .site-logo::before,
.site-brand-center .site-logo::after {
        display: none;
}

.site-brand-center .site-logo img {
        width: 46px;
        height: 46px;
}

.site-brand-copy::before,
.site-brand-copy::after {
        display: none;
}

.site-brand-copy strong {
        color: #26382f;
        font: 700 24px/1 Georgia, serif;
        letter-spacing: -.4px;
        text-shadow: none;
}

.site-brand-copy small {
        margin-top: 4px;
        color: #708077;
        font-size: 8px;
        letter-spacing: 2px;
}

.site-brand-copy small::before,
.site-brand-copy small::after {
        display: none;
}

.site-account {
        border: 0;
        border-radius: 0;
        box-shadow: none;
        color: #26382f;
        background: transparent;
        font-size: 12px;
}

.site-account:hover {
        color: #b93424;
        background: transparent;
}

.site-nav {
        min-height: 50px;
        border-top: 1px solid #eeeae3;
        border-bottom: 1px solid #eeeae3;
        background: #fff;
}

.site-nav::before {
        display: none;
}

.site-nav-links {
        gap: 30px;
}

.site-nav-links a {
        padding: 17px 0 15px;
        color: #39463f;
        font-size: 12px;
}

.site-nav-links a::after {
        bottom: 8px;
        height: 2px;
        background: #b93424;
}

.site-nav-links a:hover {
        letter-spacing: .2px;
}

@media(max-width:760px) {
        .site-announcement {
                min-height: 24px;
                padding: 5px 12px;
                font-size: 8px;
        }

        .site-header-main {
                min-height: 68px;
        }

        .site-brand-center .site-logo {
                width: 48px;
                height: 48px;
                border-radius: 7px;
        }

        .site-brand-center .site-logo img {
                width: 39px;
                height: 39px;
        }

        .site-brand-center .site-brand-copy strong {
                font-size: 17px;
        }
}

/* Professional retail header system. */
.site-premium-header {
        background: #fff;
        box-shadow: 0 2px 14px rgba(20, 45, 37, .09);
}

.site-announcement {
        min-height: 30px;
        padding: 7px 32px;
        color: #eef6f0;
        background: #173d31;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .25px;
        text-transform: none;
}

.site-announcement span+span::before {
        color: #d5a648;
}

.site-header-main {
        min-height: 88px;
        padding: 10px 52px;
        background: #fff;
}

.site-brand-center {
        gap: 13px;
}

.site-brand-center .site-logo {
        width: 58px;
        height: 58px;
        padding: 4px;
        border: 1px solid #e5e9e4;
        border-radius: 4px;
        background: #fff;
}

.site-brand-center .site-logo img {
        width: 48px;
        height: 48px;
}

.site-brand-copy strong {
        color: #1d332b;
        font: 700 25px/1 Georgia, serif;
}

.site-brand-copy small {
        margin-top: 5px;
        color: #667b71;
        font-size: 8px;
        letter-spacing: 2.1px;
}

.site-account {
        right: 52px;
        padding: 9px 14px;
        border: 1px solid #d7e1da;
        border-radius: 4px;
        color: #1d332b;
        background: #fff;
        font-size: 11px;
        font-weight: 700;
}

.site-account:hover {
        border-color: #173d31;
        color: #fff;
        background: #173d31;
}

.site-nav {
        min-height: 52px;
        border-top: 1px solid #e8ede9;
        border-bottom: 1px solid #e8ede9;
        background: #fbfcfb;
}

.site-nav-links {
        gap: 32px;
}

.site-nav-links a {
        padding: 18px 0 16px;
        color: #34483f;
        font-size: 12px;
        font-weight: 700;
}

.site-nav-links a::after {
        bottom: 7px;
        height: 2px;
        background: #b93424;
}

.site-nav-links a:hover,
.site-nav-links a.is-active {
        color: #b93424;
}

@media(max-width:760px) {
        .site-announcement {
                min-height: 25px;
                padding: 5px 12px;
                font-size: 9px;
        }

        .site-header-main {
                min-height: 70px;
                padding: 6px 15px;
        }

        .site-brand-center .site-logo {
                width: 50px;
                height: 50px;
        }

        .site-brand-center .site-logo img {
                width: 41px;
                height: 41px;
        }

        .site-brand-center .site-brand-copy strong {
                font-size: 18px;
        }

        .site-account {
                right: 14px;
                padding: 7px 10px;
        }
}

/* Restaurant-style premium header layout. */
.site-premium-header {
        box-shadow: none;
        border-bottom: 1px solid #ece8e1;
}

.site-announcement {
        display: flex;
        min-height: 36px;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        color: #f8f4ea;
        background: linear-gradient(90deg, #171717, #291d17);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 0;
        text-transform: none;
}

.site-announcement div {
        display: flex;
        align-items: center;
        gap: 24px;
}

.site-announcement span+span::before {
        display: none;
}

.site-announcement span:not(:last-child)::after {
        content: "•";
        margin-left: 24px;
        color: #c69a62;
}

.site-header-main {
        display: flex;
        min-height: 112px;
        align-items: center;
        justify-content: space-between;
        padding: 6px 24px;
        background: #fff;
}

.site-header-main::before,
.site-header-main::after {
        display: none;
}

.site-brand-center {
        position: static;
        display: flex;
        flex: 0 0 340px;
        gap: 16px;
        transform: none;
}

.site-brand-center .site-logo {
        width: 118px;
        height: 118px;
        padding: 4px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
}

.site-brand-center .site-logo img {
        width: 110px;
        height: 110px;
}

.site-brand-copy {
        text-align: left;
}

.site-brand-copy strong {
        color: #211712;
        font: 700 24px/1 Georgia, serif;
}

.site-brand-copy small {
        margin-top: 5px;
        color: #886b54;
        font-size: 8px;
        letter-spacing: 2px;
}

.site-nav {
        display: flex;
        flex: 1;
        min-height: 0;
        justify-content: center;
        padding: 0;
        border: 0;
        background: transparent;
}

.site-nav::before {
        display: none;
}

.site-nav .site-shop-link,
.site-nav .site-contact,
.site-nav .site-explore {
        display: none;
}

.site-nav-links {
        gap: 30px;
        margin: 0;
}

.site-nav-links a {
        padding: 12px 0;
        color: #201a16;
        font-size: 14px;
        font-weight: 500;
}

.site-nav-links a::after {
        bottom: 5px;
        height: 1px;
        background: #bb7b42;
}

.site-nav-links a:hover,
.site-nav-links a.is-active {
        color: #bb7b42;
}

.site-account {
        position: static;
        flex: 0 0 auto;
        padding: 11px 20px;
        border: 0;
        border-radius: 0;
        color: #fff;
        background: #bd8956;
        font-size: 12px;
        font-weight: 700;
        text-transform: none;
}

.site-account:hover {
        color: #fff;
        background: #8d5c35;
}

@media(max-width:860px) {
        .site-brand-center {
                flex-basis: auto;
        }

        .site-nav-links {
                gap: 17px;
        }

        .site-nav-links a {
                font-size: 12px;
        }
}

.site-top-right {
        justify-content: flex-end;
}

@media(max-width:760px) {
        .site-announcement {
                min-height: 29px;
                padding: 0 14px;
                font-size: 9px;
        }

        .site-top-right {
                display: none !important;
        }

        .site-announcement span:not(:last-child)::after {
                margin-left: 12px;
        }

        .site-header-main {
                min-height: 70px;
                padding: 6px 14px;
        }

        .site-brand-center {
                gap: 8px;
        }

        .site-brand-center .site-logo {
                width: 50px;
                height: 50px;
        }

        .site-brand-center .site-logo img {
                width: 43px;
                height: 43px;
        }

        .site-brand-center .site-brand-copy strong {
                font-size: 17px;
        }

        .site-account {
                padding: 9px 12px;
                font-size: 10px;
        }

        .site-nav {
                display: none;
        }
}

/* Keep the logo tile and brand name in separate, non-overlapping columns. */
.site-header-main .site-brand-center {
        position: static !important;
        display: grid !important;
        grid-template-columns: 86px max-content;
        align-items: center;
        gap: 8px;
        min-width: 310px;
        transform: none !important;
}

.site-header-main .site-brand-center .site-logo {
        position: relative !important;
        left: auto !important;
        display: grid !important;
        width: 62px;
        height: 62px;
        place-items: center;
        justify-self: start;
        flex: none;
}

.site-header-main .site-brand-center .site-brand-copy {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap;
}

.site-header-main .site-brand-center .site-logo img {
        display: block !important;
        width: 84px;
        height: 84px;
        max-width: none;
        object-fit: contain;
}

/* Align the existing logo and brand details on one vertical centre line. */
.site-header-main {
        align-items: center;
}

.site-header-main .site-brand-center,
.site-header-main .site-brand-center .site-logo,
.site-header-main .site-brand-center .site-brand-copy {
        align-self: center;
}

.site-header-main .site-brand-center .site-logo {
        line-height: 0;
}

.site-header-main .site-brand-center .site-logo img {
        vertical-align: middle;
}

@media (min-width:761px) {
        .site-header-main .site-brand-center .site-logo img {
                transform: translateY(-10px);
        }
}

@media(max-width:760px) {
        .site-header-main .site-brand-center {
                grid-template-columns: 50px minmax(0, 1fr);
                gap: 8px;
                min-width: 0;
        }

        .site-header-main .site-brand-center .site-logo {
                width: 50px;
                height: 50px;
        }

        .site-header-main .site-brand-center .site-logo img {
                width: 43px;
                height: 43px;
        }

        .site-header-main .site-brand-center .site-brand-copy {
                white-space: normal;
        }
}

/* Mobile slide-out navigation. */
.site-menu-toggle,
.site-menu-backdrop {
        display: none;
}

@media(max-width:760px) {
        body.site-menu-open {
                overflow: hidden;
        }

        .site-header-main {
                position: relative;
                z-index: 61;
                min-height: 128px !important;
                gap: 10px;
                justify-content: flex-start;
        }

        .site-header-main .site-brand-center {
                position: absolute !important;
                top: 50%;
                left: 50%;
                z-index: 1;
                order: 2;
                width: 118px;
                min-width: 118px;
                display: block !important;
                transform: translate(-50%, -50%) !important;
        }

        .site-header-main .site-brand-center .site-brand-copy {
                display: none !important;
        }

        .site-header-main .site-brand-center .site-logo {
                display: grid !important;
                width: 118px;
                height: 118px;
        }

        .site-header-main .site-brand-center .site-logo img {
                width: 110px;
                height: 110px;
        }

        .site-menu-toggle {
                position: static;
                z-index: 62;
                order: 1;
                flex: 0 0 40px;
                display: flex;
                width: 40px;
                height: 40px;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                gap: 4px;
                padding: 10px;
                border: 1px solid #dedbd3;
                background: #fff;
                cursor: pointer;
        }

        .site-menu-toggle i {
                display: block;
                width: 18px;
                height: 2px;
                background: #24382f;
                transition: transform .2s, opacity .2s;
        }

        .site-menu-toggle.is-open i:nth-child(1) {
                transform: translateY(6px) rotate(45deg);
        }

        .site-menu-toggle.is-open i:nth-child(2) {
                opacity: 0;
        }

        .site-menu-toggle.is-open i:nth-child(3) {
                transform: translateY(-6px) rotate(-45deg);
        }

        .site-nav {
                position: fixed !important;
                z-index: 61;
                top: 0;
                right: 0;
                bottom: 0;
                display: flex !important;
                width: min(310px, 84vw);
                min-height: 100vh !important;
                align-items: stretch !important;
                justify-content: flex-start !important;
                flex-direction: column;
                padding: 94px 28px 30px !important;
                overflow: auto;
                border: 0 !important;
                background: #fffdf9 !important;
                box-shadow: -16px 0 40px rgba(20, 35, 28, .16);
                transform: translateX(105%);
                transition: transform .28s ease;
        }

        .site-nav.is-open {
                transform: translateX(0);
        }

        .site-nav-links {
                display: flex !important;
                width: 100%;
                align-items: stretch !important;
                flex-direction: column;
                gap: 0 !important;
                margin: 0 !important;
        }

        .site-nav-links a {
                padding: 16px 0 !important;
                border-bottom: 1px solid #ece7df;
                color: #26382f !important;
                font-size: 15px !important;
        }

        .site-nav-links a::after {
                display: none;
        }

        .site-nav-links a.is-active {
                color: #b93424 !important;
        }

        .site-nav .site-shop-link,
        .site-nav .site-contact,
        .site-nav .site-explore {
                display: none !important;
        }

        .site-menu-backdrop {
                position: fixed;
                z-index: 60;
                inset: 0;
                width: 100%;
                height: 100%;
                border: 0;
                background: rgba(17, 30, 24, .48);
                opacity: 0;
                pointer-events: none;
                transition: opacity .28s;
        }

        body.site-menu-open .site-menu-backdrop {
                display: block;
                opacity: 1;
                pointer-events: auto;
        }

        .site-account {
                position: static !important;
                right: auto !important;
                order: 3;
                flex: 0 0 auto;
                margin-left: auto !important;
                padding: 8px 10px !important;
                font-size: 10px !important;
                white-space: nowrap;
        }
}