.shopify-section .header{padding-right: 0;padding-left: 0; width: 100%;}

.cg-mega-menu{text-align: center; width: 100%; grid-area: navigation;



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

        .top-item{position: relative;
            &::after{content: ''; width: 0; height: 2px; background: rgb(var(--color-foreground)); display: block; transition: width 0.4s; position: absolute; top: 100%; right: 0;}
        }

        &:hover .top-item::after{width: 100%; transition: width 0.4s;}

    }
    

    .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: inline-block;

                &.simple{position: relative;}

                .cg-menu-dropdown{visibility: hidden; opacity: 0; pointer-events: none; position: absolute; top: var(--menu-h); right: 0;width: 100%;z-index: 50; background: #FFF;text-align: center; box-shadow: 0 10px 20px #00000017; padding: 24px 5px;

                    @media(max-width:990px){box-shadow: none;}


                    .inner{max-width: 80%; margin-right: auto; margin-left: auto; text-align: center;
                    
                        @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(20% - 4px); padding: 0 8px; vertical-align: top; text-align: right; opacity: 0; transform: translateY(20px);transition: all 0.8s;

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

                    }

                    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: center;
                                &:last-child{margin-bottom: 0;}
                            }
                        }
                    }


                }

                &:hover, &.is-opened{
                    .cg-menu-dropdown{display: block; visibility: visible; opacity: 1; pointer-events: initial;
                        .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;}
                        }
                    }
                }

            }

        }

    }



    @media(max-width:990px){
        &:not(.cg-mega-menu__mobile){display: none;}

        .menu-items{
    
            .item{

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

                    .top-item{display: block; text-align: right; background: rgba(var(--color-foreground),.03); padding: 15px; margin: 0 0 8px;


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

                    &.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: 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;}

                    &.is-opened{
                        &.has-dropdown .top-item .txt::after{transform: rotate(-45deg) scaleY(1); transition: transform 0.2s;}
                        .cg-menu-dropdown{max-height: 80vh; transition: max-height 0.8s; overflow: auto;}
                    }
                    
                    .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;}

                }
            }
        }

    }
                        


}

}