.header-extended {

    .header__drawer--mobile .svg-wrapper.header-drawer-icon--open{
        width:30px;
        height:30px;

        svg{
            width:30px;
            height:30px;
        }
    }

    .header__drawer--mobile .svg-wrapper.header-drawer-icon--close{
        width:25px;
        height:25px;

        svg{
            width:30px;
            height:30px;
        }
    }

    .menu-drawer__backdrop {
        opacity: 0;
    }

    .menu-drawer__close-button {
        display: none;
    }

    .menu-drawer-ext{
        position: absolute;
        top: 60px;
        box-shadow:unset;
        width: 100%;
        --drawer-animation-speed:0.5s;
    }

    .account-drawer{
        display:none;
    }

    .header-logo__image-container--inverse-ext{
        display:none;
    }

    .cart-drawer {
        .cart-drawer__dialog{
            max-width: 90vw;
        }
        .dialog-modal{
            --animation-speed: 0.5s;
           &[open] .cart-drawer__close-button .svg-wrapper{
                svg{
                    width:24px;
                    height:24px;
                }
            }
            &::backdrop{
                --backdrop-opacity: 0.40
            }
        }
        .button{
            display:block;
        }
        .header-actions__cart-icon .cart-bubble{
            top:-14px;
        }
        .header-actions__action svg{
            --icon-size-md:25px;
        }
    }

    .menu-drawer-container .header__icon--summary{
        padding:0.5rem;
    }

    .header__row.inverse-color-on-drawer:has(.menu-drawer-container.menu-open){
        background-color: var(--color-foreground);
        
        .menu-drawer-container .header__icon--summary{
            filter: invert(1);
        }
        .cart-drawer {
            .cart-bubble,
            .button .svg-wrapper{
                filter: invert(1);
            }
        }
        .header-logo__image-container--inverse-ext{
            display:block;
        }
        .header-logo__image-container--original{
            display:none;
        }

    }

    @media screen and (min-width: 750px) {
        .account-popover{
            display:none;
            
            svg{
                width:25px;
                height:25px;
            }
        }
        .cart-drawer .header-actions__action svg {
            --icon-size-md: 20px;
        }
    }

}