#logo-container {
    display: inline-block;
    max-width: 533px;
}
.header-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
#offCanvasToggler {
    transition: 0.3s all;
    margin-top: 10px;
    z-index: 100;
}
#header {
    width: 100%;
    margin: 0;
    position: fixed;
    background: white;
    z-index: 10;
    top: 0;
}
#header .grid-container {
    position: relative;
}
@media (min-width: 639px) {
    .header-limit {
        width: 100%;
        margin: 0 0 20px;
    }
    .rubrik-layout .header-limit {
        margin-bottom: 25px;
    }
    .navsticky .header-wrapper {
        display: none;
    }
    #header {
        max-height: var(--header-height-desktop);
    }
    .header-wrapper {
        margin-top: 70px;
    }
    .header-wrapper > div {
        width: unset;
    }
    .header-wrapper div:has(> .header-search-container) {
        max-width: 383px;
    }
    #ezpromotions {
        position: absolute;
        z-index: 20;
        top: 70px;
        left: 50%;
        transform: translate(calc(var(--page-max-width) / 2), 0);
        width: 180px;
        margin-left: 20px;
    }
}
@media (max-width: 639px) {
    .header-limit {
        max-width: none;
        width: calc(100% + 3rem);
        margin: 0 -1.5rem 20px;
    }
    #logo-container {
        max-width: 300px;
        margin-left: calc(-1 * var(--body-side-mob));
        margin-right: calc(-1 * var(--body-side-mob));
    }
    #header {
        padding: 20px 10px;
        border-bottom: 1px solid #cacaca;
        height: 98px;
    }
    .grid-container {
        padding-left: calc(-1 * var(--body-side-mob));
        padding-right: calc(-1 * var(--body-side-mob));
    }
}