.pic-product-mega-menu {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;

    li{
        list-style-type: none;
    }

    a{
        color:black;
        text-decoration:none;

        &:hover{
            text-decoration: underline;
        }
    }

    .chevron-up{
        height:20px;
        margin-top: 2px;
        width:auto;
        position:absolute;
        rotate: 90deg;
    }

    .chevron-down{
        height:20px;
        margin-top: 2px;
        width:auto;
        position:absolute;
        rotate: -90deg;
    }

    .menu-item{
        a{
            font-weight:bold;
        }
    }

    .mega-menu-header{
        cursor: pointer;
        font-weight:bold;

        .hide-on-mobile{
            min-width:85px;
        }
    }

    .mega-menu-container{
        margin-top:800px;
        position: absolute;
        width: 96%;
        height:580px;
        z-index: 100;
        left: 0;
        background: white;
        display: flex;
        flex-direction: column;
        flex-wrap:wrap;
        padding: 2%;
        border-top:1px solid black;
        border-bottom:1px solid black;
        box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.25);

        .mega-menu-content{
            max-width: 1080px;
            width:100%;
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-content: space-between;
            max-height: 590px;
            margin: 0px auto;
        }

        .mega-menu-item{
            display: flex;
            flex-direction: column;
            height: fit-content;
            width: 200px;
            padding: 10px 0;

            .item-header{
                color:var(--wp--preset--color--primary-hover);
                font-weight:bold;
                text-transform: uppercase;
                font-family:var(--wp--preset--font-family--secondary-font);
                text-decoration: none;
                line-height:1.25;

                &:hover{
                    text-decoration: underline;
                }
            }

            ul{
                list-style-type: none;
                padding:0;
                margin:0;

                li{
                    a{
                        color:black;
                        text-decoration:none;
                        font-family:var(--wp--preset--font-family--secondary-font);


                        &:hover{
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
    }
}

@media (max-width:920px){
    .pic-product-mega-menu{
        .hide-on-mobile{
            display:none!important;
        }

        .mega-menu-header{
            display:flex;
            width: 100%;
            height: 50px;
            flex-direction: column;
            align-content: center;
            align-items: center;
            justify-content: center;
            flex-wrap: nowrap;
            background: var(--wp--preset--color--primary);

            &.menu-open{
                background:black;

                .hide-on-desktop{

                    &::before{
                        content: "X";
                        color: white;
                        font-size: 30px;
                        text-decoration: none;
                        font-weight: normal;
                        border: none;
                        margin-top: 4px;
                    }

                    img{
                        display:none;
                    }
                }
            }

            .hide-on-desktop{
                display:flex;
            }
        }

        .mega-menu-container{
            max-height:fit-content;
            height:fit-content;
            margin-top:0px!important;
            top:140px;

            .mobile-submenu{
                overflow-y:hidden;
                transition-duration:150ms;

                &.menu-closed{
                    max-height:0;
                }

                &.menu-open{
                    max-height:330px;
                }

            }

            .mega-menu-content{
                max-height:fit-content;

                .mega-menu-item{
                    max-width:100%;
                    width:100%;
                }
            }

            .mobile-submenu{
                .mega-menu-item{
                    max-width:90%;
                    padding:10px 5%;
                }
            }

            .mobile-products-header{
                margin-bottom:5px;
                display:inline-block;
                width:100%;

                img{
                    position:absolute;
                    right:5px;
                }
            }

            .mobile-pages{
                padding:0!important;
                a{
                    margin:5px 0;
                    display:inline-block;
                }
            }
        }
    }
}

@media (min-width:921px){
    .pic-product-mega-menu{
        gap:10px;
        
        .hide-on-desktop{
            display:none!important;
        }

        .desktop-nav{
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: nowrap;
            align-items: center;
            width: 80%;
        }
    }
}

input[type="number"], .woocommerce div.product form.cart div.quantity .qty{
    padding: 15px 0px!important;
}