/* ANIMAÇAO */
                    
                    .enable {
                        opacity: 1;
                        transition-delay: 1s;
                    }
                    
                    .disable {
                        max-height: 0 !important;
                        opacity: 0 !important;
                        pointer-events: none !important;
                        transition: all 6s ease-in-out;
                    }
                    
                    .activeLi {
                        transform: none !important;
                    }
                    
                    .disable-scroll {
                        height: -webkit-fill-available !important;
                        /* max-height: 100% !important;  */
                        min-height: -webkit-fill-available !important;
                        overflow: hidden !important;
                        touch-action: none !important;
                    }
                    #header-nav {
                        z-index: 30;
                        height: 80px !important;
                        width: fit-content;
                        max-height: 50px;
                        max-width: 1080px;
                        /* transition: height .3s ease-in-out 2s, max-width 2s ease .3s, opacity .2s ease-in-out; */
                    }
                    #header-nav.disable-header-nav {
                        height: 0 !important;
                        transform: translateX(100vw), rotateX(90);
                        width: 0 !important;
                        max-width: 0px;
                        opacity: 0 !important;
                        /* transition: height 2s ease-in-out 2s, max-width .2s ease .3s, width .2s ease .3s, opacity .2s ease-in-out; */
                    }

                    .reset {
                        margin: 0!important;
                        padding: 0!important;
                    }
                    
                    #megamenu-overlay {
                        opacity: 0;
                        pointer-events: none;
                        z-index: 10;
                        position: fixed;
                        top: 0;
                        left: 0;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: flex-start;
                        height: -webkit-fill-available;
                        width: 100vw;
                        max-width: 100%;
                        max-height: 100%;
                        padding: 3rem 4rem 0rem 3rem;
                        transition: opacity 500ms ease;
                        /* border: 2px solid red; */
                        background-color: #d8a3cd;
                        /* overflow: hidden; */
                    }
                    
                    #megamenu-overlay::before {
                        content: "";
                        position: absolute;
                        left: 0rem;
                        top: 0;
                        width: calc(100px + 4rem);
                        height: 100vh;
                        background: linear-gradient( 270deg, rgba(216, 163, 205, 0) 50%, rgba(216, 163, 205, 1) 95%);
                        z-index: 31;
                        transition: all 1s ease;
                        pointer-events: none;
                    }
                    
                    .megamenu-active {
                        opacity: 1 !important;
                        pointer-events: auto !important;
                    }
                    
                    #megamenu-overlay:after {
                        content: "";
                        position: absolute;
                        right: 40vw;
                        top: 0;
                        width: 600px;
                        height: 120vh;
                        /* background-color: red; */
                        /* opacity: 0.5; */
                        transform: translateX(calc(100% + 4rem));
                        background: linear-gradient( 90deg, var(--e-global-color-fa39baf) 0%, rgba(216, 163, 205, 0) 100%);
                        z-index: 31;
                        /* transition: all 1s ease; */
                        pointer-events: none;
                    }
                    /* NAV HEADER */
                    
                    #nav-header {
                        display: flex;
                        justify-content: space-between;
                        width: 100vw;
                    }
                    
                    #nav-header .nav-logo {
                        padding-top: 5px;
                        max-width: 200px;
                        height: auto;
                        margin-left: 10px;
                    }
                    
                    #nav-header .nav-logo-mobile {
                        display: none;
                    }
                    
                    #nav-header span {
                        display: none;
                    }
                    
                    .open-megamenu.open-submenu-active rect{
                        fill: rgb(51, 51, 51) !important;
                    }


                    /* BACKWRAPPER */
                    
                    #back-wrapper {
                        z-index: 31;
                        display: flex;
                        align-items: flex-end;
                        height: 148px;
                        width: 100vw;
                        max-width: 100%;
                        /* border: 2px green solid;    */
                        align-self: flex-start;
                    }
                    
                    #back-wrapper .back-button {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: auto;
                        height: 55px;
                        padding: 3rem;
                        margin-bottom: 2rem;
                        background-color: #FFFFFF;
                        border-radius: 50px;
                        color: #333333;
                        font-family: Graphit;
                        font-size: 2rem;
                        font-weight: bold;
                        text-decoration: none;
                        transition: all 200ms ease;
                    }
                    
                    #back-wrapper .back-button:hover {
                        transition: all 200ms ease;
                        color: #d088b1;
                    }
                    
                    #back-wrapper .back-button svg {
                        transform: rotate(180deg);
                        margin-right: 1rem;
                        transition: transform 200ms ease;
                    }
                    
                    #back-wrapper .back-button:hover svg {
                        transition: transform 200ms ease;
                        transform: rotate(180deg) translateX(10px);
                    }
                    /* MEGAMENU WRAPPER */
                    
                    #megamenu-wrapper {
                        position: relative;
                        height: calc(100vh - 200px);
                        width: 60vw;
                        max-width: 100%;
                        /* border: 2px solid hotpink; */
                    }
                    
                    #megamenu-wrapper:after {
                        z-index: 31;
                        content: "";
                        position: absolute;
                        right: -1vw;
                        /*right: 0vw;*/
                        top: 0;
                        width: 300px;
                        height: 120vh;
                        /* background-color: red; */
                        opacity: 1;
                        /*background: linear-gradient( 270deg, var(--e-global-color-fa39baf) 0%, rgba(216, 163, 205, 0) 100%);*/
                        background: linear-gradient( 270deg, var(--e-global-color-fa39baf) 10%, rgba(216, 163, 205, 0) 100%);
                        transition: opacity 1s ease;
                        pointer-events: none;
                    }
                    
                    #megamenu-nav {
                        z-index: 31;
                        height: 100%;
                    }
                    


                    #megamenu-nav #categories {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        width: 100%;
                        height: 100%;
                        list-style-type: none;
                        margin: 0 !important;
                    }
                    
                    /*ORDER*/
                    [id='70'] {
                        order: 1;
                    }
                    [id='71'] {
                        order: 2;
                    }
                    [id='72'] {
                        order: 3;
                    }
                    [id='73'] {
                        order: 5;
                    }
                    [id='75'] {
                        order: 6;
                    }
                    [id='76'] {
                        order: 7;
                    }
                    [id='74'] {
                        order: 4;
                    }
                    
                    /* CATEGORY */
                    
                    #categories .category {
                        display: flex;
                        flex-direction: column;
                        /* height: 100%; */
                        width: 65vw;
                        max-height: 100vh;
                        opacity: 1;
                        transition: max-height 1s ease, opacity 0.6s ease;
                    }
                    
                    .category-active a {
                        -webkit-text-fill-color: #333333 !important;
                        -webkit-text-stroke-width: 0px !important;
                        transition: all .2s ease !important;
                    }
                    
                    .hover-active .title:hover {
                        transform: none !important;
                    }
                    /* TITLE WRAPPER */
                    
                    #categories .category .title * {
                        text-decoration: none;
                    }
                    
                    #categories .category .title {
                        z-index: 32 !important;
                        display: flex;
                        align-items: center;
                        flex-wrap: nowrap;
                        font-size: clamp(4rem, 7vw, 7.5vh);
                        line-height: 8.5vh;
                        transform-origin: left;
                        transition: transform 0.2s ease;
                    }
                    
                    #categories .category .title img {
                        display: flex;
                        flex-shrink: 5;
                        max-width: 100%;
                    }
                    
                    #categories .category .title:hover {
                        transition: transform 0.2s ease;
                        transform: scale(1.2);
                    }
                    
                    #categories .category .title>* {
                        margin-right: 10px;
                    }
                    
                    #categories .category .title a {
                        text-transform: capitalize;
                        font-family: Graphit;
                        font-weight: 700;
                        color: #333333;
                        -webkit-text-fill-color: #33333300;
                        -webkit-text-stroke-width: 1.5px;
                        -webkit-text-stroke-color: #333333;
                    }
                    
                    #categories .category .title .chevron-title {
                        opacity: 0;
                        margin-top: 10px;
                        transform: rotate(180deg) translateY(0);
                        transition: transform 0.2s ease, opacity 0.2s ease;
                    }
                    
                    #categories .category:nth-child(n+4) .title .chevron-title {
                        opacity: 0;
                    }
                    
                    #categories .category:nth-child(n+4) .title:hover .chevron-title {
                        opacity: 0;
                    }
                    
                    #categories .category .title:hover .chevron-title {
                        opacity: 1;
                        transform: rotate(180deg) translateY(-4px);
                        transition: transform 0.4s;
                        transition-delay: 0.2s;
                    }
                    
                    .chevron-title-active {
                        opacity: 1 !important;
                        transform: rotate(0deg) translateY(0px) !important;
                        transition: all 0.4s !important;
                        transition-delay: 0.2s !important;
                    }
                    
                    .title:hover .chevron-title-active {
                        opacity: 1 !important;
                        transform: rotate(0deg) translateY(-4px) !important;
                        transition: transform 0.4s !important;
                        transition-delay: 0.2s !important;
                    }
                    /* SUBMENU WRAPPER */
                    
                    #categories .category .submenu-wrapper {
                        pointer-events: none;
                        position: relative;
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-start;
                        font-family: "Open Sans";
                        font-size: 1.6rem;
                        line-height: 3.75rem;
                        overflow: scroll hidden;
                        padding: 0;
                        opacity: 0;
                        height: 0;
                        max-height: 0;
                        /*transform: translateX(150%);*/
                        /*transform: translateY(25%);*/
                        transition: max-height 0.2s ease, transform 4s ease-in-out, opacity 0.5s ease, padding 0.6s ease;
                        /*transition: max-height 0.2s ease, transform 4s ease-in-out, opacity 0.5s ease 0.5s, padding 0.6s ease;*/
                        scrollbar-width: none;
                    }
                    
                    .submenu-wrapper::-webkit-scrollbar {
                        margin-left: 50px;
                        display: none;
                    }
                    
                    #categories .category .submenu-wrapper-active {
                        z-index: 30;
                        pointer-events: auto;
                        opacity: 1;
                        padding: 20px 0 100px calc(4rem + 11rem);
                        /*transform: translateX(0);*/
                        /*transform: translateY(0);*/
                        /*transition: max-height 0.6s ease, transform 1s ease-in-out, opacity 2s ease, padding 0.6s ease;*/
                        transition: max-height 0.6s ease, opacity 1.5s ease, padding 1s ease;
                        transition-delay: 1s;
                        width: 60vw;
                        height: auto;
                        max-height: 100vh;
                        margin-left: -4rem;
                        column-gap: 40px !important;
                    }
                    
                    .submenu-wrapper-active:hover .subitem-wrapper:not(:hover)  {
                        opacity: .4;
                    }
                    .submenu-wrapper-active .subitem-wrapper ul li::before{
                        font-family: "Font Awesome 5 Free"; 
                        font-weight: 900; 
                        content: "\f111";
                        font-size: 10px;
                        position: absolute;
                        margin-left: -15px;
                        /*margin-top: -5px;*/
                        opacity: 0;
                        color: #D088B1;
                        transition: all .3s ease;


                    }
                    
                    .submenu-wrapper-active .subitem-wrapper ul li:hover:before{
                        opacity: 1;
                    }
                    
                    .submenu-wrapper-active .subitem-wrapper ul li:hover a{
                       font-weight: bold !important;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper:last-child {
                        margin-right: 200px !important;
                    }
                    /*mudando a ordem cabelo para frente de pele*/
                    
                    .category:nth-child(2) .submenu-wrapper .subitem-wrapper:nth-child(2) {
                        order: -1;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper .subitem-title {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        font-family: Graphit;
                        font-size: 18px;
                        font-style: normal;
                        font-weight: 700;
                        line-height: 22px;
                        letter-spacing: 0em;
                        color: var(--e-global-color-text);
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper .subitem-title img {
                        max-width: 40px;
                        margin-left: -40px;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper .subitem-title h3 {
                        margin-left: 10px !important;
                        margin-bottom: 0px !important;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper ul {
                        margin: 0 !important;
                        display: flex;
                        flex-direction: column;
                        writing-mode: vertical-lr;
                        height: calc(100vh - 550px);
                        flex-flow: row wrap;
                        column-gap: 10px !important;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper ul li {
                        display: flex;
                        flex-direction: column;
                        list-style: none !important;
                        margin-right: 8rem !important;
                        margin-top: 1rem !important;
                        /*width: 180px;*/
                        min-width: 180px;
                        writing-mode: horizontal-tb;
                        justify-content: center;
                    }
                    
                    #categories .submenu-wrapper .subitem-wrapper ul li a {
                        text-decoration: none !important;
                        font-family: "Open Sans", sans-serif;
                        font-size: 1.6rem;
                        line-height: 2.5rem;
                        color: var(--e-global-color-text);
                        transition: color 0.2s ease;
                        font-weight: 400;
                    }
                    /* BACKGROUND IMAGE */
                    
                    #background-image {
                        z-index: 10;
                        position: absolute;
                        top: 0;
                        right: 0;
                        display: flex;
                        justify-content: flex-end;
                        width: calc(40vw - 4rem);
                        height: 100vh;
                        max-width: 100%;
                        max-height: 100%;
                        background-color: #d8a3cd;
                        overflow: hidden;
                        pointer-events: none;
                    }
                    
                    #background-image::after {
                        content: "";
                        position: absolute;
                        right: 0;
                        width: 40vw;
                        height: 100%;
                        background: rgb(216, 163, 205);
                        background: linear-gradient( 270deg, rgba(216, 163, 205, 0) 50%, rgba(216, 163, 205, 1) 95%);
                        z-index: 31;
                        opacity: 0;
                    }
                    
                    #background-image .image-wrapper {
                        position: absolute;
                        display: flex;
                        align-items: center;
                        width: 40vw;
                        overflow: hidden !important;
                        pointer-events: none;
                        opacity: 0;
                        transition: opacity 0.3s ease-in-out;
                    }
                    
                    #background-image .image-wrapper::after {
                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgb(216, 163, 205);
                        background: radial-gradient( circle, rgba(216, 163, 205, 0) 0%, rgba(216, 163, 205, 0.6250875350140056) 49%, rgba(216, 163, 205, 1) 95%);
                        pointer-events: none;
                    }
                    
                    #background-image .image-wrapper img {
                        width: 100%;
                        object-fit: cover;
                        height: 100vh;
                    }
                    /* FLOAT BUTTON */
                    
                    #megamenu-overlay .back-button2 {
                        z-index: 31;
                        position: absolute;
                        bottom: 0;
                        left: 50%;
                        transform: translateX(-50%);
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: auto;
                        height: 55px;
                        padding: 3rem;
                        margin-bottom: 2rem;
                        background-color: #FFFFFF;
                        border-radius: 50px;
                        color: #333333;
                        font-family: Graphit;
                        font-size: 1.6rem;
                        font-weight: bold;
                        text-decoration: none;
                        transition: all 200ms ease;
                    }
                    
                    #megamenu-overlay .back-button2:hover {
                        transition: all 200ms ease;
                        color: #d088b1;
                    }
                    
                    .back-button2 img {
                        margin-right: 1rem;
                    }
                    #megamenu-overlay .back-button2:hover img{
                        filter: invert(64%) sepia(99%) saturate(272%) hue-rotate(289deg) brightness(88%) contrast(82%) !important;
                    }
                    /*PROGRESS BAR*/
                    
                    #nav-bar {
                        z-index: 32;
                        position: absolute;
                        bottom: 9vh;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        transition: opacity .3s ease;
                        opacity: 0;
                        pointer-events: none;
                    }
                    #nav-header #nav-close-menu{
                        opacity: 0;
                        display: none;
                    }
                    #nav-header #nav-close-menu img{
                        opacity: 0;
                        display: none;
                    }

                    #scroll-container {
                        z-index: 99;
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        height: 24px;
                        width: 50vw;
                        border: solid 2px white;
                        padding: 4px 5px 5px 4px;
                        color: white;
                        border-radius: 50px;
                    }
                    
                    #scroll-bar {
                        border-radius: 50px;
                        width: 100%;
                        overflow: scroll hidden;
                        scrollbar-width: thin;
                    }
                    
                    #scroll-bar-element {
                        height: 1px;
                    }
                    
                    #scroll-bar::-webkit-scrollbar {
                        height: 14px;
                        color: white;
                        border-radius: 50px;
                        margin: 6px;
                    }
                    
                    #scroll-bar::-webkit-scrollbar-thumb {
                        width: auto;
                        height: 16px !important;
                        padding: 2px;
                        background-color: var(--e-global-color-a3d2afd);
                        border-radius: 20px;
                    }
                    
                    #nav-bar .buttons-container-megamenu {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    
                    #btn-left-megamenu {
                        cursor: pointer;
                    }
                    
                    #btn-left-megamenu svg {
                        transform: rotate(180deg);
                        margin-right: 10px;
                    }
                    
                    #btn-right-megamenu {
                        cursor: pointer;
                    }
                    
                    #btn-right-megamenu svg {
                        margin-right: 20px;
                    }
                    
                    @media (min-width: 768px) and (max-width: 1350px) {
                        #back-wrapper {
                            height: 18vh;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul {
                            margin: 0 !important;
                            display: flex;
                            flex-direction: column;
                            writing-mode: vertical-lr;
                            height: calc(100vh - 446px);
                            flex-flow: row wrap;
                            column-gap: 6px !important;
                        }
                        #nav-bar {
                            bottom: 8vh;
                            z-index: 32;
                        }

                        #nav-header #nav-close-menu img{
                            opacity: 0;
                            display: none;
                        }
                        #megamenu-nav #categories {
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            width: 100vw;
                            height: 100%;
                            list-style-type: none;
                            margin: 12px 0 1.5em 0em;
                        }
                        #categories .category .title {
                            z-index: 20;
                            display: flex;
                            align-items: center;
                            flex-wrap: nowrap;
                            font-size: clamp(5rem, 8vw, 6vh);
                            transform-origin: left;
                            transition: transform 0.2s ease;
                        }
                        #categories .category .title a {
                            text-transform: capitalize;
                            font-family: Graphit;
                            font-weight: 700;
                            color: #333333;
                            -webkit-text-fill-color: #33333300;
                            -webkit-text-stroke-width: 1.2px;
                            -webkit-text-stroke-color: #333333;
                        }
                        #categories .category .submenu-wrapper {
                            font-size: 20rem !important;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul {
                            margin: 0 !important;
                            display: flex;
                            flex-direction: column;
                            writing-mode: vertical-lr;
                            height: calc(100vh - 446px);
                            flex-flow: row wrap;
                            column-gap: 4px !important;
                            padding-left: 2rem;
                        }
                        #megamenu-nav {
                            z-index: 31;
                            height: 100%;
                        }
                        #back-wrapper .back-button {
                            z-index: 31;
                            height: 44px;
                        }
                        #megamenu-overlay .back-button2 {
                            height: 44px;
                        }
                    }
                    
                    @media (min-width: 768px) and (max-width: 1200px) {
                        #categories .category .title {
                            width: 100vw;
                            z-index: 32;
                        }
                        #categories .category .submenu-wrapper-active {
                            width: 70vw;
                        }
                    }
                    
                    @media (max-width: 767px) {
                        #megamenu-overlay:before {
                            content: none;
                        }
                        #megamenu-overlay:after {
                            content: none;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul {
                            margin: 0 !important;
                        }
                        /* NAV MOBILE HEADER */
                        #nav-header {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            /*width: 100vw;*/
                            width: 75vw;
                            max-width: 100%;
                            z-index: 20;
                        }
                        #nav-header span {
                            display: flex;
                            font-size: 15px;
                            color: var(--e-global-color-5c24791);
                            font-family: var(--e-global-typography-primary-font-family), sans-serif;
                            font-weight: 700;
                            text-transform: uppercase;
                        }
                        #nav-header #nav-close-menu {
                            filter: brightness(0.25) !important;
                        }
                        #back-wrapper {
                            display: none;
                            filter: brightness(0.3) !important;
                        }
                        #nav-header .nav-logo {
                            display: none;
                        }
                        #nav-header .nav-logo-mobile {
                            display: flex;
                            width: 36px;
                            height: auto;
                        }
                        #nav-header .nav-close-menu {
                            width: 50px;
                            height: auto;
                        }
                        #background-image {
                            position: absolute;
                            top: 55px;
                            right: -7px;
                            width: 200px;
                            height: 200px;
                        }
                        #background-image::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 202px;
                            height: 202px;
                            background: rgb(216, 163, 205);
                            background: radial-gradient( circle, rgba(216, 163, 205, 0) 0%, rgba(216, 163, 205, 1) 80%, rgba(216, 163, 205, 1) 100%);
                            pointer-events: none;
                            opacity: 1;
                        }
                        #background-image .image-wrapper::after {
                            content: "";
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            background: rgb(216, 163, 205);
                            background: radial-gradient( circle, rgba(216, 163, 205, 0) 0%, rgba(216, 163, 205, 1) 70%, rgba(216, 163, 205, 1) 100%);
                            pointer-events: none;
                        }
                        #background-image .image-wrapper img {
                            width: 100%;
                            object-fit: cover;
                            height: 100%;
                            border-radius: 200px;
                        }
                        #background-image .image-wrapper {
                            position: absolute;
                            top: 0px;
                            right: 0;
                            width: 198px;
                            height: 200px !important;
                        }
                        #background-image .image-wrapper::after {
                            content: "";
                            position: absolute;
                            top: 0px;
                            left: -1px;
                            width: 100%;
                            height: 100%;
                            background: radial-gradient( circle, rgba(216, 163, 205, 0) 0%, rgba(216, 163, 205, 0.9) 63%, rgba(216, 163, 205, 1) 100%);
                            pointer-events: none;
                        }
                        #megamenu-nav:before {
                            content: none;
                            width: 100vw;
                            height: 200px;
                            position: absolute;
                            top: 0;
                            background: rgb(216, 163, 205);
                            background: linear-gradient( 0deg, rgba(216, 163, 205, 0) 40%, rgba(216, 163, 205, 1) 80%);
                            margin-left: -4rem;
                            z-index: 21;
                            pointer-events: none;
                        }
                        #megamenu-nav:after {
                            content: "";
                            width: 100vw;
                            height: 200px;
                            position: absolute;
                            bottom: 3vh;
                            background: rgb(216, 163, 205);
                            background: linear-gradient( 190deg, rgba(216, 163, 205, 0) 0%, rgba(216, 163, 205, 1) 93%);
                            margin-left: -4rem;
                            z-index: 33;
                            pointer-events: none;
                        }
                        /* MEGAMENU WRAPPER */
                        #megamenu-wrapper {
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-start;
                            height: calc(100vh - 125px);
                            width: 100vw;
                            z-index: 20;
                            transform: translateY(7vh);
                        }
                        #megamenu-wrapper:after {
                            content: none;
                        }
                        #megamenu-wrapper #megamenu-nav {
                            height: auto;
                        }
                        #megamenu-nav #categories {
                            justify-content: center;
                            /* gap: clamp(2rem, 2vh, 2rem); */
                            /* overflow: auto; */
                            margin: 0;
                        }
                        #categories .category .title {
                            flex-wrap: nowrap;
                            justify-content: space-between;
                            z-index: 22;
                            margin-top: 1vh;
                        }
                        #categories .category .title-active {
                            margin-top: 15vh;
                        }
                        #categories .category .title img:first-child {
                            display: none;
                        }
                        #categories .category .title a {
                            font-size: clamp(22px, 7vw, 32px);
                            line-height: 30px;
                            color: #333333;
                            -webkit-text-fill-color: #333333;
                            -webkit-text-stroke-width: 0px !important;
                        }
                        #categories .category .title:hover {
                            transform: none;
                        }
                        #categories .category .title .chevron-title {
                            width: 35px;
                            opacity: 0.5;
                            margin-top: 10px;
                            transform: rotate(180deg) translateY(0);
                            transition: transform 0.2s ease, opacity 0.2s ease;
                        }
                        #categories .category.category-active .title .chevron-title {
                            opacity: .8;
                            transform: rotate(0) translateY(0px) !important;
                            transition: transform 0.4s;
                            transition-delay: 0.2s;
                        }
                        #categories .category .title:hover .chevron-title {
                            opacity: .5;
                            transform: rotate(180deg) translateY(0);
                            transition: transform 0.4s;
                            transition-delay: 0.2s;
                        }
                        /* SUBMENU */
                        #categories .category .submenu-wrapper {
                            flex-direction: column;
                            transform: translateX(0);
                        }
                        #categories .category .submenu-wrapper-active {
                            height: 70vh;
                            overflow: hidden scroll;
                            padding: 4vh 0 14vh 0;
                            margin: 0
                        }
                        #categories .category .submenu-wrapper .subitem-wrapper {
                            margin-bottom: 20px;
                        }
                        #categories .submenu-wrapper .subitem-wrapper .subitem-title img {
                            order: 2;
                            margin-left: 6px;
                        }
                        #categories .submenu-wrapper .subitem-wrapper .subitem-title h3 {
                            margin: 0 !important;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul {
                            height: auto;
                            writing-mode: horizontal-tb;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul li {
                            width: 100%;
                            margin-top: 2rem !important;
                        }
                        #categories .submenu-wrapper .subitem-wrapper ul li a {
                            font-size: 16px;
                            line-height: 20px;
                        }
                        #nav-bar {
                            display: none;
                            pointer-events: none;
                        }
                        #megamenu-overlay .back-button2 {
                            background-color: var(--e-global-color-accent);
                            bottom: -2rem;
                            width: 100vw;
                            border-radius: 0;
                            font-size: 15px;
                        }
                        .back-button2 .arrow-back-button {
                            filter: brightness(0%);
                            transform: rotate(180deg);
                            margin-right: 8px;
                        }
                    }