.ecommerceNav {
    margin: 0 !important;
}

.ecommerceNav {
	.close-btn {
		margin-right: auto;
		width: 2rem;
		height: 2rem;

		svg {
			fill: var(--accent-color);
		}
	}

	.menu-overlay {
		display: none;
		/* position: fixed; */
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 1;
		overflow: hidden;
	}

	.MenuContent {
		top: 0;
		bottom: 0;
		height: 100vh;
		left: 100%;
		z-index: -1;
		opacity: 0;
		visibility: hidden;
		transition: all ease-in-out 0.4s;
		width: 80vw;
	}

	.MenuContent.active {
		visibility: visible;
		opacity: 1;
		left: 20%;
		padding: 1rem 1rem 2rem;
		color: #000;
		z-index: 10;
		background: #fff;
	}



	.MenuContent>.sub-menu {
		height: calc(100vh - 6.5rem);
		margin-top: 1rem;
		padding-left: 0.4rem;
		overflow: auto;
	}

	.MenuContent a {
		color: var(--CustomColor10);
	}

	.userMenu.MenuContent {
		text-align: right;
		margin: 0;
	}

	.MenuContent li {
		list-style-type: none;
		font-size: 1rem;
		padding: 0.4rem 0;
	}

	.MenuContent .parentmenu .togglebtn {
		position: relative;
		width: 100%;
		height: 2rem;
		display: grid;
	}

	.MenuContent .parentmenu .togglebtn::before {
		content: "";
		position: absolute;
		width: 1rem;
		height: 1rem;
		border-right: 0.2rem solid var(--accent-color);
		border-top: 0.2rem solid var(--accent-color);
		border-top-right-radius: 0.2rem;
		transform: rotate(135deg);
	}

	.MenuContent .parentmenu>.submenu {
		max-height: 0rem;
		overflow: hidden;
		transition: all 300ms ease-in-out;
	}

	.MenuContent .parentmenu>.submenu.active {
		max-height: 50rem;
		overflow: hidden;
	}

	.MenuContent .parentmenu .parentlink {
		display: block;
		flex: 1 0 auto;
		font-size: 16px;
	}

	.submenu {
		margin-right: 1rem;

		.sub-link {
			pointer-events: none;
		}
	}

	.acc-item {
		.acc-head {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 0;
			cursor: pointer;
			font-size: 1rem;

			.toggle-btn {
				svg {
					display: block;
					width: 1.5rem;
					height: 1.5rem;
					stroke: var(--accent-color);
					transition: all 0.3s ease;
					-webkit-transition: all 0.3s ease;
					-moz-transition: all 0.3s ease;
					-ms-transition: all 0.3s ease;
					-o-transition: all 0.3s ease;
				}
			}

			.title {
				font-size: 1rem;
				font-weight: bold;
				color: var(--accent-color);
			}
		}

		.acc-body {
			display: none;

			.acc-head {
				.title {
					font-size: 1rem;
				}
			}

		}

		&.open {
			>.acc-head {
				.toggle-btn {
					svg {
						transform: rotate(180deg);
						-webkit-transform: rotate(180deg);
						-moz-transform: rotate(180deg);
						-ms-transform: rotate(180deg);
						-o-transform: rotate(180deg);
					}
				}
			}
		}
	}
}
.mobile-menu-accordion {
    display: none;

    /* .acc-item {
        .acc-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 0;
            cursor: pointer;

            .toggle-btn {
                width: 15px;
                height: 15px;
                stroke: var(--White);
                stroke: red;
                transition: all 0.3s ease;
            }

            .title {
                font-size: 1rem;
                color: var(--White);
            }
        }

        .acc-body {
            display: none;

            .acc-head {
                .title {
                    font-size: 0.9rem;
                }
            }

        }

        &.open {
            .acc-head {
                .toggle-btn {
                    &.arrow {
                        transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -moz-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                    }

                    &.plus {
                        transform: rotate(45deg);
                        -webkit-transform: rotate(45deg);
                        -moz-transform: rotate(45deg);
                        -ms-transform: rotate(45deg);
                        -o-transform: rotate(45deg);
                    }
                }
            }
        }
    } */
}