.site-header {
    position: fixed;
    top: var(--header-offset);
    right: 0;
    left: 0;
    background-color: #fff;
    z-index: 1000;
}

.site-header .container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}

.site-header .header-top {
    display: none;
    max-width: var(--container-width);
    margin-left: auto;
    margin-right: auto;
}

.site-header .header-bottom {
    padding-left: 64px;
    max-width: var(--container-width);
    height: var(--header-bottom-height);
    margin-left: auto;
    margin-right: auto;
}

.site-header .site-logo {
    display: block;
    width: var(--header-bottom-logo-width);
    height: 100%;
    z-index: 3;
}

.site-header .site-logo img {
    width: auto;
    height: 64px;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.site-header .site-navigation {
    flex-grow: 1;
}

#btn_cart {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 0 0 0 16px;
}

#btn_cart.cart-empty {
    display: none;
}

#btn_cart::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512.008 512.008'%3E%3Cpath d='M181 436.004c0 24.813 20.187 45 45 45s45-20.187 45-45-20.187-45-45-45-45 20.187-45 45zm45-15c8.271 0 15 6.729 15 15s-6.729 15-15 15-15-6.729-15-15 6.729-15 15-15zM332 436.004c0 24.813 20.187 45 45 45s45-20.187 45-45-20.187-45-45-45-45 20.187-45 45zm45-15c8.271 0 15 6.729 15 15s-6.729 15-15 15-15-6.729-15-15 6.729-15 15-15zM497 91.004H117.317l-14.033-49.12a15 15 0 0 0-14.423-10.88H15c-8.284 0-15 6.716-15 15s6.716 15 15 15h62.546c16.774 58.716 55.988 195.969 72.428 253.51l-5.683 11.365c-14.975 29.953 6.834 65.125 40.25 65.125H437c8.284 0 15-6.716 15-15s-6.716-15-15-15H184.541c-11.156 0-18.401-11.738-13.417-21.708l4.146-8.292H437a15 15 0 0 0 14.423-10.879l60-210c2.733-9.565-4.453-19.121-14.423-19.121zm-71.314 210H177.315l-51.427-180h351.227z'/%3E%3C/svg%3E");
    background-size: contain;
}

#btn_cart .count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-accent);
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 0 0 4px;
}

@media (max-width: 991px) {
    .site-header .container {
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .site-header .container {
        align-items: center;
    }

    .site-header .header-top {
        position: relative;
        display: block;
        font: 400 1.3rem/1.26 var(--font);
        color: #9E9E9E;
        height: var(--header-top-height);
    }

    .site-header .header-top .container {
        display: flex;
        justify-content: flex-start;
        position: relative;
    }

    .site-header .header-top .container::after {
        content: '';
        display: block;
        position: absolute;
        right: var(--container-padding);
        bottom: 0;
        left: var(--container-padding);
        height: 1px;
        background: #E3E3E3
    }

    .site-header .header-top .item {
        margin: 0 4rem 0 0;
    }

    .site-header .header-top .item:last-child {
        margin: 0;
    }

    .site-header .header-top .item a {
        text-decoration: none;
        display: inline-flex;
        align-items: center;
        margin-right: 1rem;
    }

    .site-header .header-top .item a:last-child {
        margin-right: 0;
    }

    .site-header .header-top .item a[href^="mailto:"]:before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.531' height='9.175' viewBox='0 0 13.531 9.175'%3E%3Cpath fill-rule='evenodd' d='M.517 0h12.5a.5.5 0 0 1 .173.031L7.832 4.385a.217.217 0 0 0-.063.038l-1 .826-1-.829-.023-.016L.409.014A.525.525 0 0 1 .524.001ZM13.5.339 8.26 4.596l2.284 1.883 2.923 2.427a.518.518 0 0 0 .063-.247V.517a.546.546 0 0 0-.03-.178Zm-.4 8.829-2.836-2.353-2.351-1.939-1.014.824a.216.216 0 0 1-.28-.006l-1-.823-2.358 1.944L.393 9.16a.5.5 0 0 0 .122.014h12.5a.534.534 0 0 0 .087-.008ZM.046 8.879l2.939-2.4L5.277 4.59.05.29a.507.507 0 0 0-.053.227v8.142a.534.534 0 0 0 .049.221Z' data-name='Path 92'/%3E%3C/svg%3E");
        background-size: contain;
        width: 1.4rem;
        height: .9rem;
        margin: 0 0.5rem 0 0;
    }

    .site-header .header-top .item a.directions:before {
        content: '';
        display: inline-block;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABHRSTlMAK7SyIk12hwAAAElJREFUCNdjAAIWFxcHBghwAQIISwXEdIYIggFEpSMDgwhYNQuIZIEwwXLYmZhqgcIQ+xDmIpgQFVB5hHMQTDT3MoAEYcIOaEwAkNEUZVkH3z8AAAAASUVORK5CYII=');
        background-size: contain;
        width: 1rem;
        height: 1rem;
        margin: 0 0.5rem 0 0;
    }

    .site-header .header-top .item .working-hours {
        display: inline-flex;
        align-items: center;
    }

    .site-header .header-top .item .working-hours:before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.63' height='9.63' viewBox='0 0 9.63 9.63'%3E%3Cpath d='M4.815.002a4.815 4.815 0 1 0 2.407.645A4.815 4.815 0 0 0 4.815.002Zm1.651 6.053a.344.344 0 0 1-.481.069L4.609 5.092a.344.344 0 0 1-.138-.275V2.064a.344.344 0 1 1 .688 0v2.579l1.238.929a.344.344 0 0 1 .069.481Z'/%3E%3C/svg%3E");
        background-size: contain;
        width: 1rem;
        height: 1rem;
        margin: 0 0.5rem 0 0;
    }

    .site-header .header-top .item a:is([href*="facebook.com"], [href*="instagram.com"], [href*="youtube.com"]) {
        text-indent: -99999px;
    }

    .site-header .header-top .item a[href*="facebook.com"]:before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.37' height='14.121' viewBox='0 0 7.37 14.121'%3E%3Cpath d='M6.204 2.538h1.165V.002H5.613a3.308 3.308 0 0 0-3.667 3.587v2H0v2.41h1.95v6.129h2.921V7.993h1.947l.553-2.409h-2.5V3.938a1.286 1.286 0 0 1 1.336-1.4Z' data-name='Path 87'/%3E%3C/svg%3E");
        background-size: contain;
        width: .7rem;
        height: 1.4rem;
        margin: 0 0.5rem 0 0;
        text-indent: -999px;
    }

    .site-header .header-top .item a[href*="instagram.com"]:before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.279' height='14.153' viewBox='0 0 14.279 14.153'%3E%3Cg data-name='Group 1'%3E%3Cpath d='M0 3.792a5.465 5.465 0 0 1 .6-1.888A3.974 3.974 0 0 1 4.142.036q2.992-.073 5.986 0a4 4 0 0 1 3.382 1.653 4.382 4.382 0 0 1 .742 2.515c.029 1.917.042 3.835 0 5.752a3.915 3.915 0 0 1-2.017 3.645 4.563 4.563 0 0 1-2.146.529c-1.969.023-3.939.042-5.908 0A4 4 0 0 1 .6 12.26a5.451 5.451 0 0 1-.6-1.888v-6.58Zm7.145-2.4c-.978 0-1.957-.019-2.934 0a2.548 2.548 0 0 0-2.745 2.067 4.245 4.245 0 0 0-.1.852c-.009 1.852-.034 3.7 0 5.556a2.6 2.6 0 0 0 2.746 2.893c2.007.074 4.018.067 6.025 0a2.5 2.5 0 0 0 2.643-2.041 3.353 3.353 0 0 0 .1-.7c.011-2.111.127-4.226-.064-6.333a2.385 2.385 0 0 0-2.193-2.235 30.033 30.033 0 0 0-3.477-.07Z' data-name='Path 84'/%3E%3Cpath d='M10.824 7.104a3.7 3.7 0 1 1-3.676-3.7 3.708 3.708 0 0 1 3.676 3.7Zm-1.372-.018a2.328 2.328 0 1 0-2.333 2.3 2.326 2.326 0 0 0 2.333-2.3Z' data-name='Path 85'/%3E%3Cpath d='M10.924 2.441a.9.9 0 0 1 .9.884.9.9 0 0 1-1.8.008.889.889 0 0 1 .9-.892Z' data-name='Path 86'/%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        width: 1.4rem;
        height: 1.4rem;
        margin: 0 0.5rem 0 0;
        text-indent: -999px;
    }

    .site-header .header-top .item a[href*="youtube.com"]:before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.34' height='14.121' viewBox='0 0 18.34 14.121'%3E%3Cg data-name='Group 2'%3E%3Cpath d='M12.362 6.977a.494.494 0 0 1 .008.128.213.213 0 0 0-.008-.128Z' data-name='Path 89'/%3E%3Cpath d='M9.17 0C.157 0 0 .8 0 7.061s.158 7.061 9.17 7.061 9.17-.8 9.17-7.061S18.181 0 9.17 0Zm2.922 7.522-4.138 2a.5.5 0 0 1-.719-.451V5.162a.5.5 0 0 1 .711-.455l4.138 1.909a.489.489 0 0 1 .279.361.208.208 0 0 1 .008.128.489.489 0 0 1-.279.417Z' data-name='Path 90'/%3E%3C/g%3E%3C/svg%3E");
        background-size: contain;
        width: 1.8rem;
        height: 1.4rem;
        margin: 0 0.5rem 0 0;
        text-indent: -999px;
    }

    .site-header .header-top .item.right {
        margin-left: auto;
    }

    .site-header .header-bottom {
        position: sticky;
        padding-left: 0;
        height: var(--header-bottom-height);
        z-index: 1000;
    }

    .site-header .header-bottom .header-navigation {
        display: flex;
        align-items: center;
        flex-grow: 1;
    }
}