.predictive-search__loading-state{display: none;}

.header__icon--menu svg path{fill: #000;}
.header__icon--cart{margin-right: 0;}

.header .left-icons{display: none;

    @media(max-width:991px){display: flex; align-items: center;}
}

.header .menu-drawer,
.js .menu-drawer
{height: 100vh!important;top: calc(var(--utility-h) * -1);}

.scrolled-past-header .header .menu-drawer,
.scrolled-past-header .js .menu-drawer
{top: 0;}


.drawer-header{padding: 60px 30px; border-bottom: 1px solid #ECECEC;
    .inner{display: flex; justify-content: space-between; align-items: center;
        
        .logo-wrapper{width: 242px; max-width: 50%;}
        
        .close-btn{width: 20px; background: transparent; border: none; outline: none; display: block; cursor: pointer; padding: 0;}

    }

    @media(max-width:991px){
        padding: 20px 30px;
    }
}

@media(min-width:991px){

    .header__heading,
    .header__heading-link,
    .header__heading-link *,
    .header__heading *{display: block;width: 100%;}
    .header--top-left.drawer-menu.page-width, .header--middle-left.drawer-menu.page-width{max-width: var(--page-width);}


    .header--top-left.drawer-menu, .header--middle-left.drawer-menu{grid-template-areas: "drawer heading navigation icons"; grid-template-columns: minmax(0,0.6fr) 2.2fr minmax(0, 10fr) minmax(0,1fr);
    
        @media(max-width:1500px){
            grid-template-columns: minmax(0,0.6fr) 2fr minmax(0, 8fr) 1.4fr;
        }
    
    }

    .cg-header-search{grid-area: navigation; width: 950px; max-width: 100%; justify-self: center;

        form{justify-self: center;width: 100%; max-width: initial}
        .search__button{left: initial; right: 10px; top: 50%; transform: translateY(-50%);}
        .search__input.field__input{padding: 0.7rem; padding-left: 1rem; padding-right: 6.5rem; border: 1px solid #ECECEC;
        
            @media(max-width:1500px){height: 3.5rem;}
            @media(max-width:1200px){height: initial; font-size: 1.2rem;}

        }
        .field__label{display: none;}
        .field::before{box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) #ECECEC,1;}
        .field::before, .field::after{display: none;}
        .search__button .icon,
        .search__button .icon path
        {fill: rgb(var(--color-foreground));}

    }
    header-drawer{grid-area:drawer;}



    .field__input.search__input::placeholder{opacity: 1; color: rgb(var(--color-foreground));}


    // .field__input.search__input:focus{padding: 1.5rem; padding-right: 6.5rem;}

    
}

@media(max-width:991px){
    .cg-header-search{display: none;}
}


.cg-mega-menu{text-align: right;



    
    ul{list-style: none; margin: 0; padding: 0;}
    .item.item-top{padding: 7.5px 15px;

        .top-item{position: relative;}


    }
    

    .menu-items{position: relative;

        a{color:rgb(var(--color-foreground)); font-weight: 600; text-decoration: none!important; box-shadow: none!important; line-height: 2;}

        .item{

            &.item-top{display: block;

                &.has-dropdown .top-item .txt::after{content: '';display: inline-block;width: 5px;height: 5px;border-top:1px solid rgb(var(--color-foreground));border-right:1px solid rgb(var(--color-foreground));transform: rotate(135deg) scaleY(-1);vertical-align: middle;margin-right: 10px; transition: transform 0.2s; transform-origin: top center;}

                &.simple{position: relative;}

                .cg-menu-dropdown, .cg-menu-dropdown.cg-menu-dropdown__simple{position: static; max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.8s;



                    .inner{width: 100%; padding-right: 15px;padding-left: 15px; text-align: right;
                    
                        @media(max-width:990px){max-width: 100%; width: 100%; text-align: right;}
                        
                    }

                    a{display: block; font-size: 14px;}

                    .cg-menu-col{display: inline-block; width: calc(50% - 4px); padding: 0 8px; vertical-align: top; text-align: right; opacity: 0; transform: translateY(20px);transition: all 0.8s;

                        &.banner-col{display: none;}
                        
                        .col-title{padding: 4px 0; text-decoration: underline!important; display: block;}

                        @media(max-width:991px){padding-bottom: 5px;}

                    }

                    li.child.with-icon{display: flex; align-items: center; gap: 8px;
                        .color-link{display: flex; align-items: center; padding: 5px 0; gap: 8px;}
                        .color-img{width: 25px;}
                    }


                    &.cg-menu-dropdown__size{
                        .col-title.no-childs{text-align: center;
                            .txt{text-decoration: underline!important;}
                        }
                    }

                    &.cg-menu-dropdown__simple{/*padding: 15px 0;*/
                        .inner{max-width: 100%; width: 100%; padding: 0; margin: 0;}
                        .cg-menu-col{width: 100%;
                            a.col-title.no-childs{text-align: right;
                                &:last-child{margin-bottom: 0;}
                            }
                        }
                    }


                }

                 &.is-opened{
                    &.has-dropdown .top-item .txt::after{transform: rotate(-45deg) scaleY(1); transition: transform 0.2s;}
                    .cg-menu-dropdown, .cg-menu-dropdown.cg-menu-dropdown__simple{max-height: 80vh; transition: max-height 0.8s;

                        .cg-menu-col{opacity: 1; transform: translateY(0); transition: all 0.8s;
                            &:nth-child(2){transition-delay: 0.1s;}
                            &:nth-child(3){transition-delay: 0.2s;}
                            &:nth-child(4){transition-delay: 0.3s;}
                            &:nth-child(5){transition-delay: 0.4s;}
                        }

                    }

                    &.is-scrolling-enabled {
                        .cg-menu-dropdown, .cg-menu-dropdown.cg-menu-dropdown__simple{overflow: auto;}
                    }

                }


            }

        }

    }



    
        .menu-items{
    
            .item{

                &.item-top{display: block;padding: 0 15px;

                    @media(max-width:991px){
                        border-bottom: 1px solid #000;
                    }

                    .top-item{display: block; text-align: right; padding: 8px 15px; margin: 0 0 8px;


                        &::after{display: none!important;}

                        @media(max-width:991px){margin-bottom: 0;}
                        
                    }

                    &.has-dropdown .top-item .txt::after{content: '';display: inline-block;width: 5px;height: 5px;border-top:1px solid rgb(var(--color-foreground));border-right:1px solid rgb(var(--color-foreground));transform: rotate(135deg) scaleY(-1);vertical-align: middle;margin-right: 10px; transition: transform 0.2s; transform-origin: top center;}

                    .cg-menu-dropdown, .cg-menu-dropdown.cg-menu-dropdown__simple{position: static; max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.8s;}

                    
                    .cg-menu-dropdown{
                        
                        &.cg-menu-dropdown__size .size-img{display: none!important;}
                        .banner-col{display: none;}
                        .cg-menu-col{width: calc(50% - 4px);}
                        
                    }

                }

            }
        }
    }



@media (max-width: 990px) {
    .menu-drawer-container:not(.menu-opening){

        .cg-mega-menu {
            
            &.menu-items {
                &.item {
                    &.item-top {

                        .cg-menu-dropdown, .cg-menu-dropdown.cg-menu-dropdown__simple{position: static; max-height: 0; overflow: hidden; padding: 0; transition: max-height 0.8s;}

                    }
                }
            }

        }
                            


    }

}