.wpb-navigation { position: fixed; top: 0; right: 0; left: 0; z-index: 1000;
    &::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.44); backdrop-filter: blur(38px); -webkit-backdrop-filter: blur(38px); transition: opacity var(--global-ts-duration) ease; z-index: -1; } 
    
    .btn--account { font-size: 18px; 
        .btn__text { white-space: nowrap; display: none; }
    }
    .btn--cart { font-size: 18px;
        &::after { content: attr(data-count); display: inline-grid; place-items: center; border-radius: 30px; position: absolute; z-index: 1; top: 9px; right: 4px; width: 23px; height: 13px; font-size: 10px; line-height: 13px; font-weight: 700; font-style: italic; color: #fff; background-color: var(--clr-copper); }
    }

    .wpb-navigation__top {
        .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; }
        .btn { height: 46px; overflow: clip; 
            &.btn--nav-toggle { margin-left: -12px; z-index: 1040; }
        }
        .logo-link { display: inline-flex; width: 100px; margin-inline: auto; z-index: 1040;
            img { width: 100%; height: auto; filter: brightness(0) invert(1); } 
        }  
        .btn-group { justify-content: end; gap: 0; z-index: 1040;
            .btn { --p: 0; --bg-clr: transparent; }

            .wpb-menu { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; 
                .menu-link { font-size: 13px; color: #fff; border-right: 1px solid #fff; padding-right: 14px; margin-right: 14px; }
            }
        }
        .search-form { grid-column: span 3; position: relative;
            form { margin: 0; }
            .search-form__results { position: relative; position: absolute; top: 100%; left: 0; right: 0; overflow-y: auto; 
                &.--loading { min-height: 100px;
                    &::before { content: ''; position: absolute; left: calc(50% - 16px); top: 34px; width: 32px; height: 32px; border-radius: 50%; display: inline-block; border: 4px solid #FFF; border-bottom-color: transparent; box-sizing: border-box; animation: rotation 1s linear infinite; }
                }
            }
            .search-form__group { position: relative; z-index: 2;
                .fa-search { color: rgba(255,255,255,.75); position: absolute; left: 14px; top: 9px; }
            }
            [type="search"] { width: 100%; height: 35px; border-radius: 3px; outline: none; border: 1px solid rgba(255,255,255,.5); background-color: transparent; color: #fff; padding: 5px 16px 5px 40px; transition: border-color var(--global-ts-duration) var(--global-ts-function);
                &::placeholder { color: rgba(255,255,255,.75); }
                &:focus { border-color: #fff; }
            }
        }
    }

    .wpb-navigation__collapse {
        .menu-item-subtitle:has(+ .menu-link) { margin-top: 48px; }
        .menu-link > .btn { --bg-clr: transparent; }
        
        .wpb-collapse__body {
            ul { margin: 0; list-style: none; }
            .menu-item { position: relative;
                .menu-link { font-size: 20px; font-weight: 700; color: #fff; width: 100%; text-decoration: none; display: inline-flex; align-items: center; column-gap: 20px; line-height: 1; transition: color 150ms ease; }
                
                &.menu-item-has-children .menu-link { justify-content: space-between; }  
            }
        }
    } 
}

.btn.btn--nav-toggle { --p: 0; --bg-clr: transparent; --ts: 250ms;
    svg { fill: var(--clr); 
        rect { transition: y var(--ts) ease var(--ts), transform var(--ts) ease, opacity 0ms var(--ts); transform-origin: center; }
    }

    &:hover svg rect { fill: var(--hover-clr); } 
    &:focus svg rect { fill: var(--focus-clr); }
    &:active svg rect { fill: var(--active-clr); }

    &[aria-expanded="true"] svg {
        rect { fill: var(--active-clr); transition: y var(--ts) ease, transform var(--ts) ease var(--ts), opacity 0ms var(--ts); }
        .top { y: 45; transform: rotate(45deg); }
        .middle { opacity: 0; }
        .bottom { y: 45; transform: rotate(-45deg); }
    }
}

.wpb-sub-menu {
    .menu-item-subtitle { display: block; color: #fff; font-size: 12px; }

    .wpb-sub-menu__body-cases { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; padding-top: 20px; }

    &.wpb-sub-menu--categories {
        /* > .menu-item > .menu-link { text-transform: uppercase; font-weight: 700; } */
        .category-image { display: none; background-size: contain; background-position: center; background-repeat: no-repeat;}
    }
}

.wpb-menu.wpb-menu--top-bar-menu [id*="#menu-item-wpml-ls"] { display: none; }

body:not(:has(.wpb-header--home, .wpb-header--subpage)) {
    .wpb-navigation { background-color: #000;
        &:not(.is-scrolled)::before { opacity: 1; }
        &.is-scrolled::after { opacity: 0; }
    }
}

.wpb-navigation .search-form { transition-property: background-color, padding, margin, transform; transition-duration: var(--global-ts-duration); transition-timing-function: var(--global-ts-function);
    #wux-search-results { position: absolute; top: calc(100% - 3px); left: 0; right: 0; max-height: calc(100dvh - 66px); background-color: #000; z-index: 1; }
    #wux-search-results.is-active { padding-top: 63px; }
    #wux-search-results .wux-search-results__group { padding: 18px 18px 28px 18px; }
    #wux-search-results .wux-search-results__group + .wux-search-results__group { border-top: 1px solid rgba(255,255,255,.5); }
    #wux-search-results .wux-search-results__group:nth-child(1) { padding-top: 18px; }
    #wux-search-results .wux-search-results__group--product_cat span { font-size: 24px; font-weight: 700; }
    #wux-search-results .wux-search-results__group--product_cat i { --clr: #fff; }
    #wux-search-results .wux-search-results__group--product_cat .search-result + .search-result { margin-top: 20px; }
    #wux-search-results h3 { padding: 0; margin: 0 0 18px 0; font-size: 12px; font-weight: 400; color: #fff; }
    #wux-search-results .search-result { align-items: center; font-size: 15px; line-height: 1.1; font-weight: 600; color: #fff; position: relative; display: grid; grid-template-columns: 1fr auto; column-gap: 2rem; padding: .25rem 0; transition: color var(--global-ts-duration) var(--global-ts-function); }
    #wux-search-results .search-result i { transition: transform var(--global-ts-duration) var(--global-ts-function); }  
    #wux-search-results .search-result:hover i { transform: rotate(45deg); }  
    #wux-search-results .search-result span { display: flex; align-items: center; gap: 1rem; }
    #wux-search-results .search-result .wpb-image { width: 55px; height: 55px; }
    #wux-search-results .search-result .wpb-image img { object-fit: contain; --br: 0; }
    #wux-search-results .search-result:has(.wpb-image) { grid-template-columns: 2rem 1fr auto; }

    #close-wux-search { display: none; }
}

/* .wpb-navigation__collapse:has(.wpb-menu--categories) .wpb-collapse__body { margin-inline: 0; }
.wpb-menu--categories > .menu-item > .menu-link { text-transform: uppercase; font-weight: 700; }
.wpb-menu--categories .wpb-icon.wpb-icon--expox { --w: 10px; --h: 14px; --clr: #fff; } */


/*** Navigation mobile ***/
@media (max-width: 991.98px) {
    .wpb-navigation { padding: 0 0 14px 0; 
        .wpb-navigation__top .btn-group :is(.wpb-dropdown, .wpb-menu) { display: none; }
    
        .wpb-navigation__collapse { padding-top: 46px; max-width: 450px; height: 100dvh; transform: translate3d(-100%, 0, 0); width: 100%; display: none; flex-direction: column; position: fixed; top: 0; right: auto; bottom: 0; left: 0; background-color: rgba(0,0,0.7); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); z-index: 1030; overflow: hidden; transition: transform 350ms ease; 
            &.active { pointer-events: all; transform: translate3d(0%, 0, 0); }

            .menu-item {
                > .menu-link { padding: 12px 0px;
                    > .btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
                }
            }
        
            .wpb-collapse__body { border-top: 1px solid rgba(255,255,255,.5); padding: 20px; flex-grow: 1; overflow-y: auto; overscroll-behavior: contain; }
        
            .wpb-collapse__footer { display: grid; grid-template-columns: auto 1fr; border-top: 1px solid rgba(255,255,255,.5);
                .wpb-dropdown.wpb-dropdown--account, .btn--account, .btn--cart { display: none; }
                .wpb-dropdown {
                    a { justify-content: center; min-height: 32px; }  
                    .wpb-dropdown__toggle { min-width: 100px; justify-content: center; border-right: 1px solid rgba(255,255,255,.5); }
                    .wpb-dropdown__menu { bottom: calc(100% + 1px); left: 0; top: auto; border-top: 1px solid rgba(255,255,255,.5); border-right: 1px solid rgba(255,255,255,.5); }
                }
                .btn { --bg-clr: transparent; width: 100%; min-height: 64px; text-transform: none; text-decoration: underline; text-underline-offset: 2px; }
            }
        }
    }
    
    /* .wpb-navigation__collapse .wpb-menu--products .menu-item .menu-link.menu-link--small i,
    .wpb-navigation__collapse .menu-item:not(.menu-item-has-children) > .menu-link > .btn i { transform: rotate(-45deg); } */

    .wpb-navigation__collapse .wpb-menu .menu-item .menu-link { position: relative; font-size: 24px; font-weight: 700; }  
    .wpb-navigation__collapse .wpb-menu .menu-item .menu-link.menu-link--small { font-size: 15px; padding-top: 0; }  
    .wpb-navigation__collapse .wpb-menu .wpb-sub-menu__body-items-sub-list .menu-link { font-size: 20px; font-weight: 400; }

    .wpb-navigation__collapse .wpb-menu.wpb-menu--top-bar-menu { margin-top: 32px; }
    .wpb-navigation__collapse .wpb-menu.wpb-menu--top-bar-menu .menu-item .menu-link { font-size: 12px; font-weight: 400; text-transform: uppercase; }  

    .wpb-navigation .wpb-navigation__top .search-form { z-index: 1; background-color: transparent; } 
    .wpb-navigation .wpb-navigation__top .search-form.is-active { z-index: 9999; margin-left: -18px; margin-right: -18px; margin-top: -14px; transform: translateY(-32px); margin-bottom: -14px; background-color: #000; padding: 14px 18px; }
    .wpb-navigation .wpb-navigation__top .search-form .search-form__group { transition: padding 350ms ease; }
    .wpb-navigation .wpb-navigation__top .search-form.is-active .search-form__group { padding-right: 37px; }
    .wpb-navigation .wpb-navigation__top .search-form #close-wux-search { pointer-events: none; opacity: 0; display: grid; place-items: center; font-size: 20px; position: absolute; right: 0; top: 0; bottom: 0; width: 37px; color: #fff; transition: opacity 350ms ease; }
    .wpb-navigation .wpb-navigation__top .search-form.is-active #close-wux-search { pointer-events: all; cursor: pointer; opacity: 1; }
    .wpb-navigation .wpb-navigation__top .search-form .search-form__results { pointer-events: none; opacity: 0; height: 100dvh; transition: opacity var(--global-ts-duration) var(--global-ts-function); }
    .wpb-navigation .wpb-navigation__top .search-form.is-active .search-form__results { pointer-events: all; opacity: 1; }

    .wpb-sub-menu { padding-top: 46px; display: flex; flex-direction: column; height: 100%; overflow: hidden; list-style: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0.7); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); z-index: 1; overflow-y: auto; transform: translate3d(100%, 0, 0); transition: transform 350ms ease;
        &.active { transform: translate3d(0, 0, 0); }
        
        .wpb-sub-menu__header { border-top: 1px solid rgba(255,255,255,.5); font-size: 16px; font-weight: bold; padding: 20px 20px 0 20px; display: flex; align-items: center; justify-content: space-between; 
            .btn { --bg-clr: transparent; --p: 0; text-transform: none; font-weight: 400; }
        }

        .wpb-sub-menu__body { padding: 20px;
            .wpb-sub-menu__body-image { display: none; }
        }
        
        .wpb-sub-menu__footer { padding: 20px; }

        .menu-title { display: none; }
    }


    /* .wpb-menu--categories > .menu-item > .menu-link { justify-content: start; }
    .wpb-menu--categories .wpb-icon.wpb-icon--expox { --w: 18px; --h: 22px; } */
}

@media (max-width: 575.98px) {
    .wpb-navigation__collapse { max-width: 100%; }
}

@media (min-width: 992px) {
    .wpb-navigation {
        &::before { opacity: 0; }
        &.is-scrolled::before { opacity: 1; } 

        .wpb-navigation__top { border-bottom: 1px solid rgba(255,255,255,.5); padding-block: 16px; position: relative; z-index: 1;
            .btn.btn--nav-toggle { display: none!important; }
            .container { grid-template-columns: 1fr 1fr 1fr; }
            .logo-link { margin-left: 0; width: 150px; }
            .search-form { grid-column: span 1; border-radius: 6px; padding: 18px 18px; margin: -18px; 
                &.is-active { background-color: #000; 
                    .search-form__results { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
                }
                #wux-search-results { max-height: calc(100dvh - 66px); }
            }
            .btn-group { order: 1;
                .btn--cart, .btn--account { display: none; }
            }
        }

        .wpb-navigation__main .container { position: static; }
    }

    .wpb-navigation__collapse { display: flex!important; flex-direction: row; transform: none!important; justify-content: space-between;
        .wpb-menu--top-bar-menu { display: none!important; }

        .wpb-collapse__body { display: flex; margin-inline: -20px;
            > ul.wpb-menu > .menu-item { position: static;
                > .menu-link { font-size: 15px; font-weight: 400; gap: 4px; min-height: 48px; padding: 5px 20px;
                    .btn { min-height: auto; 
                        i { font-size: 10px; z-index: 0; 
                            &::before { content: ""; }
                        }
                    }
                }
                &.menu-item-has-children:hover > .wpb-sub-menu { transform: translateY(0%); opacity: 1; pointer-events: all; } 
            }
            ul { display: flex; }
        }

        .wpb-collapse__footer { display: flex; padding-right: 16px;
            .btn { --p: 0; --bg-clr: transparent;
                &.btn--quote { white-space: nowrap; text-transform: none; text-decoration: underline; text-underline-offset: 2px; padding-left: 15px; }
            }
            .wpb-dropdown.wpb-dropdown--wpml { display: none; }
            .btn--account, .btn--cart { display: flex; }

            .wpb-dropdown.wpb-dropdown--account { display: flex; position: static; 
                .wpb-dropdown__toggle { display: grid; place-items: center; color: #fff; width: 48px; transition: opacity 350ms ease;
                    i { font-size: 18px; }
                }
                .wpb-dropdown__menu { min-width: 100%; transform: translateY(10px); padding: 0; padding-inline: calc((100vw - 976px) / 2); left: 0; top: 100%; right: 0; z-index: -1; padding-top: 8px; background: transparent; transition-property: transform, opacity; transition-duration: 350ms; transition-timing-function: var(--global-ts-function);                    
                    .wpb-dropdown__menu-body { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); background-color: var(--clr-black-80); border-radius: 6px; overflow: hidden; }
                    .wpb-dropdown__menu-image { position: relative;
                        &::before { content: ''; z-index: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(34, 34, 51, 0.7) 0%, rgba(34, 34, 51, 0) 100%); }
                        img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
                    }
                    .wpb-dropdown__menu-text { grid-column: 2; padding: 24px; display: flex; flex-direction: column;
                        .account-title { display: flex; justify-content: space-between; align-items: center;
                            > span { font-size: clamp(32px, 4vw, 40px); font-weight: 700; color: #fff; 
                                span { text-decoration: underline; }
                            }
                            .btn.btn--link i { --clr: #000; background-color: #fff; }
                        }
                        .employee-notice { font-size: 15px; color: #fff; }
                        .account-links { margin: 32px 0 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 32px; 
                            a { display: flex; align-items: center; color: #fff; column-gap: 12px; font-size: 24px; font-weight: 700; 
                                .material-symbol-sharp { font-size: 32px; }
                                i { margin-left: auto; --clr: #fff; transition: transform var(--global-ts-duration) var(--global-ts-function); }
                                &:hover i { transform: rotate(45deg); }
                            }
                        }

                        .btn.btn--link-copper { text-transform: uppercase; font-weight: 700; text-decoration: underline; font-style: italic; margin-left: auto; margin-top: 14px; }
                    }
                }
                
                &:hover .wpb-dropdown__menu { transform: translateY(0); opacity: 1; pointer-events: all; }
            }

        }  
    }

    /* .wpb-navigation__collapse .wpb-collapse__footer .wpb-dropdown.wpb-dropdown--account .wpb-dropdown__menu::before, */
    /* .wpb-sub-menu::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.7); backdrop-filter: blur(38px); -webkit-backdrop-filter: blur(24px); height: calc(100% + 200px); z-index: -1; } */
    /* .wpb-sub-menu::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; background: #000; height: calc(100% + 200px); z-index: -1; } */

    .wpb-sub-menu { transform: translateY(10px); z-index: -1; position: absolute; top: 100%; left: 0; right: 0; opacity: 0; pointer-events: none; padding-inline: calc((100vw - 976px) / 2); padding-top: 8px; transition-property: transform, opacity; transition-duration: 350ms; transition-timing-function: var(--global-ts-function);
        .wpb-sub-menu__header { display: none!important; }
        .wpb-sub-menu__body { background-color: var(--clr-black-80); --gap: 32px; display: grid; grid-template-columns: 215px 1fr; column-gap: var(--gap); border-radius: 6px; padding: 24px; 
            ul { flex-direction: column; 
                .menu-item {
                    .menu-link { /* font-size: 15px!important; font-weight: 700; padding: 20px 0 15px 0; */
                        .btn { min-height: 0; transform: rotate(-45deg); transition: transform var(--global-ts-duration) var(--global-ts-function); }
                        &:hover .btn { transform: rotate(0deg); }
                    }
                }
            }

            .wpb-sub-menu__body-image { position: absolute; top: 0; right: 0; bottom: 0; left: calc(50% + var(--gap)); 
                picture { width: 100%; height: 100%;
                    img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
                }
            }

            .wpb-sub-menu__body-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; padding-top: 0; margin-bottom: -24px; border-left: 3px solid #000; padding-left: var(--gap);
                .card.card--inspiration { border-radius: var(--br) var(--br) 0 0; min-height: 380px; --p: 22px!important;
                    .card-header img { border-radius: var(--br) var(--br) 0 0; }
                    .card-body { height: 100%; }
                }
            }

            .wpb-sub-menu__body-items-list { 
                .menu-item .menu-link { padding: 20px 0 13px 0; border-bottom: 1px solid #fff; }
            }
        }

        &.wpb-sub-menu--large {
            .wpb-sub-menu__body { grid-template-columns: 462px 1fr;
                ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
            }
        }

        &.wpb-sub-menu--categories { 
            .wpb-sub-menu__body { grid-template-columns: 3fr 1fr; gap: 0;
                > ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 24px; border-right: 3px solid #000; padding-right: 32px; margin-right: 32px;
                    .menu-title { grid-column: 1/-1; font-size: 28px; font-weight: 700; color: #fff; }
                    .menu-item {
                        .menu-link { font-size: 15px;
                            &:hover { text-decoration: underline; }
                        }
                        ul .menu-item .menu-link { font-weight: 400; }
                    }
                }
            }
            .category-image { opacity: 0; display: block; grid-column: 2/3; position: relative; transition: opacity var(--global-ts-duration) var(--global-ts-function); background-size: contain; background-position: center; background-repeat: no-repeat; 
                &.is-active { opacity: 1; }
            }
        }
    }   
    
    /* .wpb-menu--categories > .menu-item > .menu-link { position: relative; z-index: 1; }

    .wpb-menu--categories .wpb-sub-menu .menu-link { border: none; padding: 15px 0; }
    .wpb-menu--categories .wpb-sub-menu .wpb-sub-menu { padding: 0; }
    .wpb-menu--categories .wpb-sub-menu .menu-item-has-children { position: static; } */

    /* .wpb-menu--categories .wpb-sub-menu--niv1 > .wpb-sub-menu__body .menu-link { font-size: 15px!important; padding: 0; }
    .wpb-menu--categories .wpb-sub-menu--niv1 > .wpb-sub-menu__body .menu-link:hover { text-decoration: underline; }
    .wpb-menu--categories .wpb-sub-menu--niv1 > .wpb-sub-menu__body .menu-item .menu-item .menu-link { font-weight: 400; }   */
}

@media (min-width: 992px) and (max-width: 1198.98px) {
    .wpb-sub-menu .wpb-sub-menu__body .wpb-sub-menu__body-cases .card--inspiration:nth-child(3) { display: none; }
}

@media (min-width: 1200px) {
    .wpb-navigation {
        .wpb-navigation__top .container { grid-template-columns: 1fr 2fr 1fr; }

        .search-form { 
            #wux-search-results .wux-search-results__group { padding: 26px 58px 48px 58px; }
        }
    }

    .wpb-sub-menu { padding-inline: calc((100vw - 1156px) / 2);

        .wpb-sub-menu__body { padding: 32px;
            .wpb-sub-menu__body-cases { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-bottom: -32px; }

            .wpb-sub-menu__body-items-list { 
                .menu-item .menu-link { font-size: 24px; padding: 22px 0 15px 0; }
            }
        }

        &.wpb-sub-menu--categories { 
            .wpb-sub-menu__body { max-width: 75%; }
        }

        &.wpb-sub-menu--large {
            .wpb-sub-menu__body { grid-template-columns: 494px 1fr;
                ul { column-gap: 64px; }
            }
        }
    }

    .wpb-navigation__collapse { 
        .wpb-collapse__footer {
            .wpb-dropdown.wpb-dropdown--account {
                .wpb-dropdown__menu { padding-inline: calc((100vw - 1156px) / 2);
                    .wpb-dropdown__menu-text { padding: 48px; } 
                }
            }
        }
    }
}

@media (min-width: 1400px) {
    .wpb-navigation {
        .wpb-navigation__top .container { grid-template-columns: 1fr 520px 1fr; }

         .btn--account { column-gap: 5px; aspect-ratio: unset; margin-right: 15px;
            .btn__text { font-size: 15px; font-weight: 400; text-transform: none; display: flex; }
        }
    }

    .wpb-sub-menu { padding-inline: calc((100vw - 1298px) / 2); padding-bottom: 80px;
        .wpb-sub-menu__body { --gap: 52px; }

        .wpb-sub-menu__body-cases { margin-bottom: -80px; }
    }


    .wpb-navigation__collapse {
        .wpb-collapse__footer .wpb-dropdown.wpb-dropdown--account .wpb-dropdown__menu { padding-inline: calc((100vw - 1298px) / 2); }
    }

    .wpb-menu--categories .wpb-sub-menu--niv1 > .wpb-sub-menu__body { padding: 44px 39px; }
}


/*** ---------- Navigation themes ---------- ***/
/* Header active discount */
.wpb-navigation.wpb-navigation--discount::before { background: url('/wp-content/themes/socialbrothers/assets/image/gradient_dark_bg.jpg') no-repeat center/cover; }
.wpb-navigation.wpb-navigation--discount::after { display: none; }
.wpb-navigation.wpb-navigation--discount {
    .header__brand { position: relative; 
        &::before { content: ''; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('/wp-content/themes/socialbrothers/assets/image/logo_koral.svg') no-repeat center/cover; }
        &::before, img { transition: opacity var(--global-ts-duration) var(--global-ts-function); }
    }
    &.is-scrolled .header__brand {
        &::before { opacity: 1; }
        img { opacity: 0!important; }
    }
}


body:not(:has(.wpb-header--home, .wpb-header--subpage)) .wpb-navigation.wpb-navigation--discount .header__brand { position: relative;
    &::before { opacity: 1; }
    img { opacity: 0!important; }
}