.header.template-1 {
    z-index: 3;
    width: 100%;
    position: relative;

    & .stamp-container a span {
        font-size: calc((var(--navmenu-stamp-size) * .25) * 1px) !important;
        line-height: .5 !important;
    }

    &.-sticky {
        position: sticky;
        top: 0;
    }

    & :is(.lang-text, .wp-nav-menu li) {
        text-wrap: nowrap;
    }

    & .navbar-cart-container {
        text-decoration: none;
        font-size: 1.5rem;
        display: flex;
        align-items: center;
        gap: 0.25em;
        position: relative;
    }

    & .navbar-cart {
        font-size: 1em;
    }

    & .cart-count {
        background-color: #dc3545;
        color: white;
        border-radius: 50%;
        font-size: .5em;
        padding: .25em;
        line-height: 1;
        text-align: center;
        position: absolute;
        top: .25em;
        right: 0.75em;
        transform: translate(50%, 50%);
        z-index: 1;
    }

    & .infobar {
        display: flex;
        overflow: clip;
        background: var(--infobar-background-mobile-color, rgba(0, 0, 0, 0.50));
        width: var(--infobar-dimensions-mobile-width, auto);
        height: var(--infobar-dimensions-mobile-height, auto);

        margin: calc(var(--infobar-margin-mobile-top, 0) * 1rem) calc(var(--infobar-margin-mobile-right, 0) * 1rem) calc(var(--infobar-margin-mobile-bottom, 0) * 1rem) calc(var(--infobar-margin-mobile-left, 0) * 1rem);
        padding: calc(var(--infobar-padding-mobile-top, 0.25) * 1rem) calc(var(--infobar-padding-mobile-right, 1) * 1rem) calc(var(--infobar-padding-mobile-bottom, 0.25) * 1rem) calc(var(--infobar-padding-mobile-left, 1) * 1rem);

        border-style: var(--infobar-border-mobile-top-style, solid) var(--infobar-border-mobile-right-style, solid) var(--infobar-border-mobile-bottom-style, solid) var(--infobar-border-mobile-left-style, solid);
        border-width: calc(var(--infobar-border-mobile-top-width, 0) * 1rem) calc(var(--infobar-border-mobile-right-width, 0) * 1rem) calc(var(--infobar-border-mobile-bottom-width, 0.0625) * 1rem) calc(var(--infobar-border-mobile-left-width, 0) * 1rem);
        border-color: var(--infobar-border-mobile-top-color, rgba(0, 0, 0, 1.00)) var(--infobar-border-mobile-right-color, rgba(0, 0, 0, 1.00)) var(--infobar-border-mobile-bottom-color, rgba(187, 187, 187, 0.50)) var(--infobar-border-mobile-left-color, rgba(0, 0, 0, 1.00));
        border-radius: calc(var(--infobar-border-mobile-left-radius, 0) * 1rem) calc(var(--infobar-border-mobile-top-radius, 0) * 1rem) calc(var(--infobar-border-mobile-right-radius, 0) * 1rem) calc(var(--infobar-border-mobile-bottom-radius, 0) * 1rem);

        gap: calc(var(--infobar-flexbox-mobile-rowGap, 0) * 1rem) calc(var(--infobar-flexbox-mobile-columnGap, 0) * 1rem);
        flex-direction: var(--infobar-flexbox-mobile-flexDirection, row);
        justify-content: var(--infobar-flexbox-mobile-justifyContent, center);
        justify-self: var(--infobar-flexbox-mobile-justifySelf, auto);
        align-content: var(--infobar-flexbox-mobile-alignContent, center);
        align-items: var(--infobar-flexbox-mobile-alignItems, center);
        flex-wrap: var(--infobar-flexbox-mobile-flexWrap, wrap);

        & .header-contact {
            color: var(--infobar-font-mobile-textColor, rgba(255, 255, 255, 1.00));
            font-size: calc(var(--infobar-font-mobile-fontSize, 1) * 1rem);
            font-weight: var(--infobar-font-mobile-fontWeight, 400);
            line-height: var(--infobar-font-mobile-lineHeight, 1);
            text-align: var(--infobar-font-mobile-textAlign, start);
            font-family: var(--infobar-font-mobile-fontFamily, var(--global-font-family));
            text-transform: var(--infobar-font-mobile-textTransform);

            &:hover {
                color: var(--infobar-font-mobile-textColorHover, rgba(187, 187, 187, 1.00));
            }
        }

        & .social-link {
            width: calc(var(--infobar-font-mobile-fontSize, 1) * 1rem + 1rem);
            height: calc(var(--infobar-font-mobile-fontSize, 1) * 1rem + 1rem);
            fill: var(--infobar-font-mobile-textColor, rgba(255, 255, 255, 1.00));

            &:hover {
                fill: var(--infobar-font-mobile-textColorHover, rgba(187, 187, 187, 1.00));
            }
        }

        & .social-media-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: .25rem;
        }

        & .header-contact {
            display: inline-flex;
            gap: .5rem;
            align-items: center;
            text-decoration: unset;
        }

        &:hover {
            border-color: var(--infobar-border-mobile-top-colorHover, rgba(0, 0, 0, 1.00)) var(--infobar-border-mobile-right-colorHover, rgba(0, 0, 0, 1.00)) var(--infobar-border-mobile-bottom-colorHover, rgba(187, 187, 187, 0.50)) var(--infobar-border-mobile-left-colorHover, rgba(0, 0, 0, 1.00));
        }
    }

    & .site-nav {
        display: flex;
        flex-wrap: wrap;
        background: var(--navbar-background-mobile-color, rgba(0, 0, 0, 0.50));
        width: var(--navbar-dimensions-mobile-width, auto);
        height: var(--navbar-dimensions-mobile-height, auto);

        margin: calc(var(--navbar-margin-mobile-top, 0) * 1rem) calc(var(--navbar-margin-mobile-right, 0) * 1rem) calc(var(--navbar-margin-mobile-bottom, 0) * 1rem) calc(var(--navbar-margin-mobile-left, 0) * 1rem);
        padding: calc(var(--navbar-padding-mobile-top, 0.25) * 1rem) calc(var(--navbar-padding-mobile-right, 0.5) * 1rem) calc(var(--navbar-padding-mobile-bottom, 0.25) * 1rem) calc(var(--navbar-padding-mobile-left, 0.5) * 1rem);

        border-style: var(--navbar-border-mobile-top-style, solid) var(--navbar-border-mobile-right-style, solid) var(--navbar-border-mobile-bottom-style, solid) var(--navbar-border-mobile-left-style, solid);
        border-width: calc(var(--navbar-border-mobile-top-width, 0) * 1rem) calc(var(--navbar-border-mobile-right-width, 0) * 1rem) calc(var(--navbar-border-mobile-bottom-width, 0) * 1rem) calc(var(--navbar-border-mobile-left-width, 0) * 1rem);
        border-color: var(--navbar-border-mobile-top-color, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-right-color, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-bottom-color, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-left-color, rgba(255, 255, 255, 1.00));
        border-radius: calc(var(--navbar-border-mobile-left-radius, 0) * 1rem) calc(var(--navbar-border-mobile-top-radius, 0) * 1rem) calc(var(--navbar-border-mobile-right-radius, 0) * 1rem) calc(var(--navbar-border-mobile-bottom-radius, 0) * 1rem);

        gap: calc(var(--navbar-flexbox-mobile-rowGap, 0) * 1rem) calc(var(--navbar-flexbox-mobile-columnGap, 0) * 1rem);
        flex-direction: var(--navbar-flexbox-mobile-flexDirection, row);
        justify-content: var(--navbar-flexbox-mobile-justifyContent, space-between);
        justify-self: var(--navbar-flexbox-mobile-justifySelf, auto);
        align-content: var(--navbar-flexbox-mobile-alignContent, center);
        align-items: var(--navbar-flexbox-mobile-alignItems, center);
        flex-wrap: var(--navbar-flexbox-mobile-flexWrap, wrap);

        & .header-logo {
            display: flex;
            width: var(--logo-dimensions-mobile-width, 3rem);
            height: var(--logo-dimensions-mobile-height, auto);

            margin: calc(var(--logo-margin-mobile-top, 0) * 1rem) calc(var(--logo-margin-mobile-right, 0) * 1rem) calc(var(--logo-margin-mobile-bottom, 0) * 1rem) calc(var(--logo-margin-mobile-left, 0) * 1rem);
            padding: calc(var(--logo-padding-mobile-top, 0) * 1rem) calc(var(--logo-padding-mobile-right, 0) * 1rem) calc(var(--logo-padding-mobile-bottom, 0) * 1rem) calc(var(--logo-padding-mobile-left, 0) * 1rem);

            border-style: var(--logo-border-mobile-top-style, solid) var(--logo-border-mobile-right-style, solid) var(--logo-border-mobile-bottom-style, solid) var(--logo-border-mobile-left-style, solid);
            border-width: calc(var(--logo-border-mobile-top-width, 0.0625) * 1rem) calc(var(--logo-border-mobile-right-width, 0) * 1rem) calc(var(--logo-border-mobile-bottom-width, 0) * 1rem) calc(var(--logo-border-mobile-left-width, 0) * 1rem);
            border-color: var(--logo-border-mobile-top-color, rgba(187, 187, 187, 0.50)) var(--logo-border-mobile-right-color, rgba(255, 255, 255, 1.00)) var(--logo-border-mobile-bottom-color, rgba(255, 255, 255, 1.00)) var(--logo-border-mobile-left-color, rgba(255, 255, 255, 1.00));
            border-radius: calc(var(--logo-border-mobile-left-radius, 0) * 1rem) calc(var(--logo-border-mobile-top-radius, 0) * 1rem) calc(var(--logo-border-mobile-right-radius, 0) * 1rem) calc(var(--logo-border-mobile-bottom-radius, 0) * 1rem);
        }

        & .site-logo:hover .header-logo {
            border-color: var(--logo-border-mobile-top-colorHover, rgba(255, 255, 255, 1.00)) var(--logo-border-mobile-right-colorHover, rgba(255, 255, 255, 1.00)) var(--logo-border-mobile-bottom-colorHover, rgba(255, 255, 255, 1.00)) var(--logo-border-mobile-left-colorHover, rgba(255, 255, 255, 1.00));
        }

        &:hover {
            border-color: var(--navbar-border-mobile-top-colorHover, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-right-colorHover, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-bottom-colorHover, rgba(255, 255, 255, 1.00)) var(--navbar-border-mobile-left-colorHover, rgba(255, 255, 255, 1.00));
        }
    }

    & .nav-menu {
        display: none;
        align-items: center;
        flex-direction: column;
        width: 100%;
        overflow-y: auto;
        max-height: 75vh;

        background: var(--navmenu-background-mobile-color, rgba(0, 0, 0, 0.00));
        width: var(--navmenu-dimensions-mobile-width, 100%);
        height: var(--navmenu-dimensions-mobile-height, auto);

        margin: calc(var(--navmenu-margin-mobile-top, 0.25) * 1rem) calc(var(--navmenu-margin-mobile-right, 0) * 1rem) calc(var(--navmenu-margin-mobile-bottom, 0) * 1rem) calc(var(--navmenu-margin-mobile-left, 0) * 1rem);
        padding: calc(var(--navmenu-padding-mobile-top, 1.5) * 1rem) calc(var(--navmenu-padding-mobile-right, 0.5) * 1rem) calc(var(--navmenu-padding-mobile-bottom, 1.5) * 1rem) calc(var(--navmenu-padding-mobile-left, 0) * 1rem);

        border-style: var(--navmenu-border-mobile-top-style, solid) var(--navmenu-border-mobile-right-style, solid) var(--navmenu-border-mobile-bottom-style, solid) var(--navmenu-border-mobile-left-style, solid);
        border-width: calc(var(--navmenu-border-mobile-top-width, 0.0625) * 1rem) calc(var(--navmenu-border-mobile-right-width, 0) * 1rem) calc(var(--navmenu-border-mobile-bottom-width, 0) * 1rem) calc(var(--navmenu-border-mobile-left-width, 0) * 1rem);
        border-color: var(--navmenu-border-mobile-top-color, rgba(187, 187, 187, 0.50)) var(--navmenu-border-mobile-right-color, rgba(255, 255, 255, 1.00)) var(--navmenu-border-mobile-bottom-color, rgba(255, 255, 255, 1.00)) var(--navmenu-border-mobile-left-color, rgba(255, 255, 255, 1.00));
        border-radius: calc(var(--navmenu-border-mobile-left-radius, 0) * 1rem) calc(var(--navmenu-border-mobile-top-radius, 0) * 1rem) calc(var(--navmenu-border-mobile-right-radius, 0) * 1rem) calc(var(--navmenu-border-mobile-bottom-radius, 0) * 1rem);

        gap: calc(var(--navmenu-flexbox-mobile-rowGap, 1) * 1rem) calc(var(--navmenu-flexbox-mobile-columnGap, 0) * 1rem);
        flex-direction: var(--navmenu-flexbox-mobile-flexDirection, column);
        justify-content: var(--navmenu-flexbox-mobile-justifyContent, flex-start);
        justify-self: var(--navmenu-flexbox-mobile-justifySelf, auto);
        align-content: var(--navmenu-flexbox-mobile-alignContent, flex-start);
        align-items: var(--navmenu-flexbox-mobile-alignItems, flex-end);
        flex-wrap: var(--navmenu-flexbox-mobile-flexWrap, nowrap);

        & :is(.wp-nav-menu, .sub-menu, .language-switcher, .lang-items, .menu-item) {
            display: flex;
            flex-direction: var(--navmenu-flexbox-mobile-flexDirection, column);
            gap: calc(var(--navmenu-flexbox-mobile-rowGap, 1) * 1rem) calc(var(--navmenu-flexbox-mobile-columnGap, 0) * 1rem);
        }

        & :is(.menu-item a, .navbar-cart-container, .selected-lang .lang-text, .language-switcher .lang-item .lang-text) {
            color: var(--navmenu-font-mobile-textColor, rgba(255, 255, 255, 1.00));
            font-size: calc(var(--navmenu-font-mobile-fontSize, 1.25) * 1rem);
            font-weight: var(--navmenu-font-mobile-fontWeight, 700);
            line-height: var(--navmenu-font-mobile-lineHeight, 1);
            text-align: var(--navmenu-font-mobile-textAlign, start);
            font-family: var(--navmenu-font-mobile-fontFamily, var(--global-font-family));
            text-transform: var(--navmenu-font-mobile-textTransform, capitalize);
        }

        & :is(.menu-item:hover > a, .navbar-cart-container:hover, .selected-lang:hover .lang-text, .lang-item:hover .lang-text) {
            color: var(--navmenu-font-mobile-textColorHover, rgba(187, 187, 187, 1.00));
        }

        & :is(.language-switcher .language-flag) {
            height: calc(var(--navmenu-font-mobile-fontSize, 1.25) * 1rem);
        }

        & :is(.menu-item, .menu-item a, .sub-menu :is(li, li a)) {
            width: 100%;
        }

        & .wp-nav-menu {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            list-style: none;
            align-items: center;
            margin: unset;
            padding: unset;

            & .menu-item {
                list-style: none;
                padding: unset;
                position: relative;
				
				&.current_page_item > a {
					color: var(--navmenu-font-mobile-textColorHover, rgba(187, 187, 187, 1.00));
				}

                & a {
                    font-weight: bold;
                    font-size: 1.25rem;
                    text-decoration: none;
                    align-items: center;
                    display: flex;
                    flex-direction: row;
                    gap: .25rem;
                    justify-content: var(--navmenu-flexbox-mobile-alignItems, flex-end);
                }

                & .sub-menu {
                    margin: unset;
                    padding: unset;
                    display: block;
                    position: relative;
                    box-shadow: unset;
                    left: 0;
                    min-width: -webkit-fill-available;
                    z-index: 1;
                    background: unset;

                    & li a {
                        font-size: 1em;
                    }
                }
            }
        }

        & .language-switcher {
            display: flex;
            flex-direction: column;

            & .lang-items {
                margin: unset;
                padding: unset;
                display: flex;
                flex-direction: column;
            }

            & .lang-text {
                text-transform: uppercase !important;
            }
        }

        &.open {
            display: flex;
        }
    }


    & .nav-toggle {
        display: flex;
        border: unset;
        background: unset;
        color: var(--navmenu-font-mobile-textColor, rgba(255, 255, 255, 1.00));
        font-size: calc(var(--navmenu-font-mobile-fontSize, 1.25) * 1rem);
        font-weight: var(--navmenu-font-mobile-fontWeight, 700);
        line-height: var(--navmenu-font-mobile-lineHeight, 1);
        text-align: var(--navmenu-font-mobile-textAlign, start);
        font-family: var(--navmenu-font-mobile-fontFamily, var(--global-font-family));
        text-transform: var(--navmenu-font-mobile-textTransform, capitalize);

        &:hover {
            color: var(--navmenu-font-mobile-textColorHover, rgba(187, 187, 187, 1.00));
        }
    }
}

@container page-container (min-width: 768px) {
    .header.template-1 {
        & .infobar {
            width: var(--infobar-dimensions-tablet-width, auto);
            height: var(--infobar-dimensions-tablet-height, auto);

            margin: calc(var(--infobar-margin-tablet-top, 0) * 1rem) calc(var(--infobar-margin-tablet-right, 0) * 1rem) calc(var(--infobar-margin-tablet-bottom, 0) * 1rem) calc(var(--infobar-margin-tablet-left, 0) * 1rem);
            padding: calc(var(--infobar-padding-tablet-top, 0.25) * 1rem) calc(var(--infobar-padding-tablet-right, 1) * 1rem) calc(var(--infobar-padding-tablet-bottom, 0.25) * 1rem) calc(var(--infobar-padding-tablet-left, 1) * 1rem);

            border-width: calc(var(--infobar-border-tablet-top-width, 0) * 1rem) calc(var(--infobar-border-tablet-right-width, 0) * 1rem) calc(var(--infobar-border-tablet-bottom-width, 0.0625) * 1rem) calc(var(--infobar-border-tablet-left-width, 0) * 1rem);
            border-radius: calc(var(--infobar-border-tablet-left-radius, 0) * 1rem) calc(var(--infobar-border-tablet-top-radius, 0) * 1rem) calc(var(--infobar-border-tablet-right-radius, 0) * 1rem) calc(var(--infobar-border-tablet-bottom-radius, 0) * 1rem);

            gap: calc(var(--infobar-flexbox-tablet-rowGap, 0) * 1rem) calc(var(--infobar-flexbox-tablet-columnGap, 0) * 1rem);
            flex-direction: var(--infobar-flexbox-tablet-flexDirection, row);
            justify-content: var(--infobar-flexbox-tablet-justifyContent, space-between);
            justify-self: var(--infobar-flexbox-tablet-justifySelf, auto);
            align-content: var(--infobar-flexbox-tablet-alignContent, center);
            align-items: var(--infobar-flexbox-tablet-alignItems, center);
            flex-wrap: var(--infobar-flexbox-tablet-flexWrap, wrap);

            & .header-contact {
                font-size: calc(var(--infobar-font-tablet-fontSize, 1) * 1rem);
                line-height: var(--infobar-font-tablet-lineHeight, 1);
                text-align: var(--infobar-font-tablet-textAlign, start);
            }

            & .social-link {
                width: calc(var(--infobar-font-tablet-fontSize, 1) * 1rem + 1rem);
                height: calc(var(--infobar-font-tablet-fontSize, 1) * 1rem + 1rem);
            }

            &:hover {
            }
        }

        & .site-nav {
            width: var(--navbar-dimensions-tablet-width, auto);
            height: var(--navbar-dimensions-tablet-height, auto);

            margin: calc(var(--navbar-margin-tablet-top, 0) * 1rem) calc(var(--navbar-margin-tablet-right, 0) * 1rem) calc(var(--navbar-margin-tablet-bottom, 0) * 1rem) calc(var(--navbar-margin-tablet-left, 0) * 1rem);
            padding: calc(var(--navbar-padding-tablet-top, 0.25) * 1rem) calc(var(--navbar-padding-tablet-right, 1) * 1rem) calc(var(--navbar-padding-tablet-bottom, 0.25) * 1rem) calc(var(--navbar-padding-tablet-left, 1) * 1rem);

            border-width: calc(var(--navbar-border-tablet-top-width, 0) * 1rem) calc(var(--navbar-border-tablet-right-width, 0) * 1rem) calc(var(--navbar-border-tablet-bottom-width, 0) * 1rem) calc(var(--navbar-border-tablet-left-width, 0) * 1rem);
            border-radius: calc(var(--navbar-border-tablet-left-radius, 0) * 1rem) calc(var(--navbar-border-tablet-top-radius, 0) * 1rem) calc(var(--navbar-border-tablet-right-radius, 0) * 1rem) calc(var(--navbar-border-tablet-bottom-radius, 0) * 1rem);

            gap: calc(var(--navbar-flexbox-tablet-rowGap, 0) * 1rem) calc(var(--navbar-flexbox-tablet-columnGap, 0) * 1rem);
            flex-direction: var(--navbar-flexbox-tablet-flexDirection, row);
            justify-content: var(--navbar-flexbox-tablet-justifyContent, space-between);
            justify-self: var(--navbar-flexbox-tablet-justifySelf, auto);
            align-content: var(--navbar-flexbox-tablet-alignContent, center);
            align-items: var(--navbar-flexbox-tablet-alignItems, center);
            flex-wrap: var(--navbar-flexbox-tablet-flexWrap, wrap);

            & .header-logo {
                width: var(--logo-dimensions-tablet-width, 3.5rem);
                height: var(--logo-dimensions-tablet-height, auto);

                margin: calc(var(--logo-margin-tablet-top, 0) * 1rem) calc(var(--logo-margin-tablet-right, 0) * 1rem) calc(var(--logo-margin-tablet-bottom, 0) * 1rem) calc(var(--logo-margin-tablet-left, 0) * 1rem);
                padding: calc(var(--logo-padding-tablet-top, 0) * 1rem) calc(var(--logo-padding-tablet-right, 0) * 1rem) calc(var(--logo-padding-tablet-bottom, 0) * 1rem) calc(var(--logo-padding-tablet-left, 0) * 1rem);

                border-width: calc(var(--logo-border-tablet-top-width, 0.0625) * 1rem) calc(var(--logo-border-tablet-right-width, 0) * 1rem) calc(var(--logo-border-tablet-bottom-width, 0) * 1rem) calc(var(--logo-border-tablet-left-width, 0) * 1rem);
                border-radius: calc(var(--logo-border-tablet-left-radius, 0) * 1rem) calc(var(--logo-border-tablet-top-radius, 0) * 1rem) calc(var(--logo-border-tablet-right-radius, 0) * 1rem) calc(var(--logo-border-tablet-bottom-radius, 0) * 1rem);
            }

            & .site-logo:hover .header-logo {
            }

            &:hover {
            }
        }

        & .nav-menu {
            width: var(--navmenu-dimensions-tablet-width, 100%);
            height: var(--navmenu-dimensions-tablet-height, auto);

            margin: calc(var(--navmenu-margin-tablet-top, 0.25) * 1rem) calc(var(--navmenu-margin-tablet-right, 0) * 1rem) calc(var(--navmenu-margin-tablet-bottom, 0) * 1rem) calc(var(--navmenu-margin-tablet-left, 0) * 1rem);
            padding: calc(var(--navmenu-padding-tablet-top, 1.5) * 1rem) calc(var(--navmenu-padding-tablet-right, 0.5) * 1rem) calc(var(--navmenu-padding-tablet-bottom, 1.5) * 1rem) calc(var(--navmenu-padding-tablet-left, 0) * 1rem);

            border-width: calc(var(--navmenu-border-tablet-top-width, 0.0625) * 1rem) calc(var(--navmenu-border-tablet-right-width, 0) * 1rem) calc(var(--navmenu-border-tablet-bottom-width, 0) * 1rem) calc(var(--navmenu-border-tablet-left-width, 0) * 1rem);
            border-radius: calc(var(--navmenu-border-tablet-left-radius, 0) * 1rem) calc(var(--navmenu-border-tablet-top-radius, 0) * 1rem) calc(var(--navmenu-border-tablet-right-radius, 0) * 1rem) calc(var(--navmenu-border-tablet-bottom-radius, 0) * 1rem);

            gap: calc(var(--navmenu-flexbox-tablet-rowGap, 1) * 1rem) calc(var(--navmenu-flexbox-tablet-columnGap, 0) * 1rem);
            flex-direction: var(--navmenu-flexbox-tablet-flexDirection, column);
            justify-content: var(--navmenu-flexbox-tablet-justifyContent, flex-start);
            justify-self: var(--navmenu-flexbox-tablet-justifySelf, auto);
            align-content: var(--navmenu-flexbox-tablet-alignContent, flex-start);
            align-items: var(--navmenu-flexbox-tablet-alignItems, flex-end);
            flex-wrap: var(--navmenu-flexbox-tablet-flexWrap, nowrap);

            & :is(.wp-nav-menu, .sub-menu, .language-switcher, .lang-items, .menu-item) {
                display: flex;
                flex-direction: var(--navmenu-flexbox-tablet-flexDirection, column);
                gap: calc(var(--navmenu-flexbox-tablet-rowGap, 1) * 1rem) calc(var(--navmenu-flexbox-tablet-columnGap, 0) * 1rem);
            }

            & :is(.menu-item a, .navbar-cart-container, .selected-lang .lang-text, .language-switcher .lang-item .lang-text) {
                font-size: calc(var(--navmenu-font-tablet-fontSize, 1.25) * 1rem);
                line-height: var(--navmenu-font-tablet-lineHeight, 1);
                text-align: var(--navmenu-font-tablet-textAlign, start);
            }

            & :is(.language-switcher .language-flag) {
                height: calc(var(--navmenu-font-tablet-fontSize, 1.25) * 1rem);
            }

            & :is(.menu-item, .menu-item a, .sub-menu :is(li, li a)) {
                width: 100%;
            }

            & :is(.menu-item a) {
                justify-content: var(--navmenu-flexbox-tablet-alignItems, flex-end);
            }

            & .wp-nav-menu .menu-item a {
                justify-content: var(--navmenu-flexbox-tablet-alignItems, flex-end);
            }
        }

        & .nav-toggle {
            font-size: calc(var(--navmenu-font-tablet-fontSize, 1.25) * 1rem);
            line-height: var(--navmenu-font-tablet-lineHeight, 1);
            text-align: var(--navmenu-font-tablet-textAlign, start);
        }
    }
}

@container page-container (min-width: 992px) {
    .header.template-1 {
        & .infobar {
            width: var(--infobar-dimensions-desktop-width, auto);
            height: var(--infobar-dimensions-desktop-height, auto);

            margin: calc(var(--infobar-margin-desktop-top, 0) * 1rem) calc(var(--infobar-margin-desktop-right, 0) * 1rem) calc(var(--infobar-margin-desktop-bottom, 0) * 1rem) calc(var(--infobar-margin-desktop-left, 0) * 1rem);
            padding: calc(var(--infobar-padding-desktop-top, 0.25) * 1rem) calc(var(--infobar-padding-desktop-right, 1) * 1rem) calc(var(--infobar-padding-desktop-bottom, 0.25) * 1rem) calc(var(--infobar-padding-desktop-left, 1) * 1rem);

            border-width: calc(var(--infobar-border-desktop-top-width, 0) * 1rem) calc(var(--infobar-border-desktop-right-width, 0) * 1rem) calc(var(--infobar-border-desktop-bottom-width, 0.0625) * 1rem) calc(var(--infobar-border-desktop-left-width, 0) * 1rem);
            border-radius: calc(var(--infobar-border-desktop-left-radius) * 1rem) calc(var(--infobar-border-desktop-top-radius) * 1rem) calc(var(--infobar-border-desktop-right-radius) * 1rem) calc(var(--infobar-border-desktop-bottom-radius) * 1rem);

            gap: calc(var(--infobar-flexbox-desktop-rowGap, 0) * 1rem) calc(var(--infobar-flexbox-desktop-columnGap, 5) * 1rem);
            flex-direction: var(--infobar-flexbox-desktop-flexDirection, row);
            justify-content: var(--infobar-flexbox-desktop-justifyContent, space-between);
            justify-self: var(--infobar-flexbox-desktop-justifySelf, auto);
            align-content: var(--infobar-flexbox-desktop-alignContent, center);
            align-items: var(--infobar-flexbox-desktop-alignItems, center);
            flex-wrap: var(--infobar-flexbox-desktop-flexWrap, wrap);

            & .header-contact {
                font-size: calc(var(--infobar-font-desktop-fontSize, 1) * 1rem);
                line-height: var(--infobar-font-desktop-lineHeight, 1);
                text-align: var(--infobar-font-desktop-textAlign, start);
            }

            & .social-link {
                width: calc(var(--infobar-font-desktop-fontSize, 1) * 1rem + 1rem);
                height: calc(var(--infobar-font-desktop-fontSize, 1) * 1rem + 1rem);
            }

            &:hover {
            }
        }

        & .site-nav {
            width: var(--navbar-dimensions-desktop-width, 100%);
            height: var(--navbar-dimensions-desktop-height, auto);

            margin: calc(var(--navbar-margin-desktop-top, 0) * 1rem) calc(var(--navbar-margin-desktop-right, 0) * 1rem) calc(var(--navbar-margin-desktop-bottom, 0) * 1rem) calc(var(--navbar-margin-desktop-left, 0) * 1rem);
            padding: calc(var(--navbar-padding-desktop-top, 0.5) * 1rem) calc(var(--navbar-padding-desktop-right, 1) * 1rem) calc(var(--navbar-padding-desktop-bottom, 0.5) * 1rem) calc(var(--navbar-padding-desktop-left, 1) * 1rem);

            border-width: calc(var(--navbar-border-desktop-top-width, 0) * 1rem) calc(var(--navbar-border-desktop-right-width, 0) * 1rem) calc(var(--navbar-border-desktop-bottom-width, 0) * 1rem) calc(var(--navbar-border-desktop-left-width, 0) * 1rem);
            border-radius: calc(var(--navbar-border-desktop-left-radius, 0) * 1rem) calc(var(--navbar-border-desktop-top-radius, 0) * 1rem) calc(var(--navbar-border-desktop-right-radius, 0) * 1rem) calc(var(--navbar-border-desktop-bottom-radius, 0) * 1rem);

            gap: calc(var(--navbar-flexbox-desktop-rowGap, 0) * 1rem) calc(var(--navbar-flexbox-desktop-columnGap, 2.5) * 1rem);
            flex-direction: var(--navbar-flexbox-desktop-flexDirection, row);
            justify-content: var(--navbar-flexbox-desktop-justifyContent, space-between);
            justify-self: var(--navbar-flexbox-desktop-justifySelf, auto);
            align-content: var(--navbar-flexbox-desktop-alignContent, center);
            align-items: var(--navbar-flexbox-desktop-alignItems, stretch);
            flex-wrap: var(--navbar-flexbox-desktop-flexWrap, nowrap);

            & .header-logo {
                width: var(--logo-dimensions-desktop-width, 4rem);
                height: var(--logo-dimensions-desktop-height, auto);

                margin: calc(var(--logo-margin-desktop-top) * 1rem) calc(var(--logo-margin-desktop-right) * 1rem) calc(var(--logo-margin-desktop-bottom) * 1rem) calc(var(--logo-margin-desktop-left) * 1rem);
                padding: calc(var(--logo-padding-desktop-top, 0) * 1rem) calc(var(--logo-padding-desktop-right, 0) * 1rem) calc(var(--logo-padding-desktop-bottom, 0) * 1rem) calc(var(--logo-padding-desktop-left, 0) * 1rem);

                border-width: calc(var(--logo-border-desktop-top-width, 0) * 1rem) calc(var(--logo-border-desktop-right-width, 0) * 1rem) calc(var(--logo-border-desktop-bottom-width, 0) * 1rem) calc(var(--logo-border-desktop-left-width, 0) * 1rem);
                border-radius: calc(var(--logo-border-desktop-left-radius, 0) * 1rem) calc(var(--logo-border-desktop-top-radius, 0) * 1rem) calc(var(--logo-border-desktop-right-radius, 0) * 1rem) calc(var(--logo-border-desktop-bottom-radius, 0) * 1rem);
            }

            & .site-logo:hover .header-logo {
            }

            & .nav-toggle {
                display: none;
            }

            &:hover {
            }
        }

        & .nav-menu {
            display: grid;
            grid-auto-flow: column;
            overflow-y: visible;
            max-height: unset;

            width: var(--navmenu-dimensions-desktop-width, auto);
            height: var(--navmenu-dimensions-desktop-height, auto);

            margin: calc(var(--navmenu-margin-desktop-top, 0) * 1rem) calc(var(--navmenu-margin-desktop-right, 0) * 1rem) calc(var(--navmenu-margin-desktop-bottom, 0) * 1rem) calc(var(--navmenu-margin-desktop-left, 0) * 1rem);
            padding: calc(var(--navmenu-padding-desktop-top, 0) * 1rem) calc(var(--navmenu-padding-desktop-right, 0) * 1rem) calc(var(--navmenu-padding-desktop-bottom, 0) * 1rem) calc(var(--navmenu-padding-desktop-left, 0) * 1rem);
            border-width: calc(var(--navmenu-border-desktop-top-width, 0) * 1rem) calc(var(--navmenu-border-desktop-right-width, 0) * 1rem) calc(var(--navmenu-border-desktop-bottom-width, 0) * 1rem) calc(var(--navmenu-border-desktop-left-width, 0) * 1rem);
            border-radius: calc(var(--navmenu-border-desktop-left-radius, 0) * 1rem) calc(var(--navmenu-border-desktop-top-radius, 0) * 1rem) calc(var(--navmenu-border-desktop-right-radius, 0) * 1rem) calc(var(--navmenu-border-desktop-bottom-radius, 0) * 1rem);

            gap: calc(var(--navmenu-flexbox-desktop-rowGap, 1) * 1rem) calc(var(--navmenu-flexbox-desktop-columnGap, 1) * 1rem);
            flex-direction: var(--navmenu-flexbox-desktop-flexDirection, row);
            justify-content: var(--navmenu-flexbox-desktop-justifyContent, center);
            justify-self: var(--navmenu-flexbox-desktop-justifySelf, auto);
            align-content: var(--navmenu-flexbox-desktop-alignContent, center);
            align-items: var(--navmenu-flexbox-desktop-alignItems, center);
            flex-wrap: var(--navmenu-flexbox-desktop-flexWrap, wrap);

            & :is(.menu-item a, .navbar-cart-container, .selected-lang .lang-text, .language-switcher .lang-item .lang-text) {
                font-size: calc(var(--navmenu-font-desktop-fontSize, 1.25) * 1rem);
                line-height: var(--navmenu-font-desktop-lineHeight, 1);
                text-align: var(--navmenu-font-desktop-textAlign, start);
            }

            & :is(.menu-item, .menu-item a, .sub-menu :is(li, li a)) {
                width: auto;
            }

            & .wp-nav-menu {
                display: inline-flex;
                margin-bottom: unset;
                flex-wrap: wrap;
                overflow: visible;
                gap: calc(var(--navmenu-flexbox-desktop-rowGap, 0) * 1rem) calc(var(--navmenu-flexbox-desktop-columnGap, 1) * 1rem);
                flex-direction: row;

                & li {
                    padding: unset;
                }

                & .menu-item {
                    padding: unset;

                    & .sub-menu {
                        display: none;
                        position: absolute;
                        top: 100%;
                        overflow-y: hidden;
                        max-height: unset;
                        padding: .5rem;
                        box-shadow: 0 0 .125rem .125rem rgba(0, 0, 0, 0.1);
                        flex-direction: column;
                        gap: .5rem;

                        & .menu-item a {
                            justify-content: var(--navmenu-flexbox-desktop-alignItems, center);
                        }
                    }

                    & a {
                        justify-content: start;
                    }

                    &:hover {
                        & .sub-menu {
                            display: flex;
                            background: var(--navbar-background-mobile-color, rgba(0,0,0,.5));
                        }
                    }
                }

                & .menu-item-has-children>a::after {
                    display: inline-flex;
                    content: "keyboard_arrow_down";
                    font-family: 'Material Symbols Rounded';
                }
            }

            & .language-switcher {
                margin-right: unset;
                margin-bottom: unset;

                & .language-flag {
                    height: calc(var(--navmenu-font-desktop-fontSize, 1.25) * 1rem);
                }

                & .lang-items {
                    display: none;
                    box-shadow: 0 0 .125rem .125rem rgba(0, 0, 0, 0.1);
                    padding: .5rem;
                    position: absolute;
                    top: 100%;
                    right: 0;
                    min-width: -webkit-fill-available;
                    z-index: 1;
                    gap: .5rem;
                    flex-direction: column;
                }

                & :is(.lang-item a, .selected-lang) {
                    margin-bottom: unset;
                }

                &:hover .lang-items {
                    display: flex;
                    background: var(--navbar-background-mobile-color, rgba(0,0,0,.5));
                }
            }

            & .navbar-cart-container {
                margin-right: unset;
                margin-bottom: unset;
            }

            &.open {
                display: grid;
            }
        }
    }
}