.site-header {
    position: sticky;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    color: #000;
    background: #fff;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .045);
}

.site-header .header-inner {
    width: min(100% - 48px, 1540px);
    max-width: 1540px;
    height: 82px;
    margin: 0 auto;
    padding: 0;
}

.site-header .brand img {
    max-width: 190px;
    max-height: 56px
}

.site-header .site-nav a {
    color: #000
}

.site-header .header-search {
    display: none !important
}

.site-header .header-cta,
body.woocommerce .site-header .header-cta {
    display: inline-flex;
    min-height: 48px;
    padding: 0 25px;
    border: 0;
    border-radius: 999px;
    background: #000;
    color: #fff;
}

.site-header .header-cta:hover,
body.woocommerce .site-header .header-cta:hover {
    background: #252525;
    color: #fff
}

.site-header .menu-toggle {
    color: #000
}

.home .site-header:not(.is-scrolled) {
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    color: #fff;
    background: transparent;
    border-bottom: 0;
    box-shadow: none;
}

.home .site-header:not(.is-scrolled) .header-inner {
    width: 100%;
    max-width: none;
    height: 106px;
    padding: 0 clamp(28px, 7vw, 150px);
}

.home .site-header:not(.is-scrolled) .site-nav a,
.home .site-header:not(.is-scrolled) .menu-toggle {
    color: #fff
}

.home .site-header.is-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: alp-header-in .28s ease both;
}

@keyframes alp-header-in {
    from {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
}

@media(max-width:900px) {
    .site-header .header-inner {
        width: calc(100% - 30px);
        height: 72px
    }
    .site-header .brand img {
        max-width: 156px;
        max-height: 48px
    }
    .site-header .site-nav {
        top: 72px;
        bottom: 0;
        padding: 42px 28px;
        background: #fff;
        color: #000;
    }
    .site-header .site-nav a {
        color: #000
    }
    .site-header .header-cta {
        display: none
    }
    .site-header .menu-toggle {
        display: block;
        color: #000
    }
    .home .site-header:not(.is-scrolled) {
        top: 8px;
        left: 8px;
        width: calc(100% - 16px);
    }
    .home .site-header:not(.is-scrolled) .header-inner {
        width: 100%;
        height: 78px;
        padding: 0 22px;
    }
    .home.menu-open .site-header:not(.is-scrolled) .site-nav a {
        color: #000
    }
}