.elementor-169 .elementor-element.elementor-element-126468f{--display:flex;--position:fixed;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}body:not(.rtl) .elementor-169 .elementor-element.elementor-element-126468f{left:0px;}body.rtl .elementor-169 .elementor-element.elementor-element-126468f{right:0px;}.elementor-169 .elementor-element.elementor-element-d379e9b{--display:flex;}.elementor-169 .elementor-element.elementor-element-e35f73f{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-menu-item.wpr-pointer-item{transition-duration:0.2s;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-menu-item.wpr-pointer-item:before{transition-duration:0.2s;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-menu-item.wpr-pointer-item:after{transition-duration:0.2s;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-wrap{text-align:center;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu > .menu-item-has-children > .wpr-sub-icon{color:#333333;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item:hover,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon{color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-line-fx .wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-line-fx .wpr-menu-item:after{background-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-border-fx .wpr-menu-item:before{border-color:#605BE5;border-width:2px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-background-fx .wpr-menu-item:before{background-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c .menu-item-has-children .wpr-sub-icon{font-size:14px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-horizontal .menu-item-has-children .wpr-pointer-item{padding-right:calc(14px + 7px);}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-underline .wpr-menu-item:after,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-overline .wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line .wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line .wpr-menu-item:after{height:2px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-underline>nav>ul>li>.wpr-menu-item:after,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-overline>nav>ul>li>.wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-border-fx>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-underline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-overline>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before,
					 .elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-double-line>.elementor-widget-container>nav>ul>li>.wpr-menu-item:after{height:2px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-border-fx>.elementor-widget-container>nav>ul>li>.wpr-menu-item:before{border-width:2px;}.elementor-169 .elementor-element.elementor-element-60b546c:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:before{transform:translateY(-1px);}.elementor-169 .elementor-element.elementor-element-60b546c:not(.wpr-pointer-border-fx) .wpr-menu-item.wpr-pointer-item:after{transform:translateY(1px);}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item{padding-left:7px;padding-right:7px;padding-top:15px;padding-bottom:15px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-background:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-pointer-border:not(.wpr-sub-icon-none) .wpr-nav-menu-vertical .menu-item-has-children .wpr-sub-icon{text-indent:-7px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu > .menu-item{margin-left:10px;margin-right:10px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-menu{margin-left:10px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-main-menu-align-left .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{right:10px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-nav-menu > li > .wpr-sub-icon{left:10px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu > .menu-item-has-children .wpr-sub-icon{color:#333333;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item{background-color:#ffffff;padding-left:15px;padding-right:15px;padding-top:13px;padding-bottom:13px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu > .menu-item-has-children .wpr-sub-menu-item:hover .wpr-sub-icon,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu > .menu-item-has-children.current_page_item .wpr-sub-icon{color:#ffffff;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item:hover,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item{background-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu .wpr-sub-icon{right:15px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-main-menu-align-right .wpr-nav-menu-vertical .wpr-sub-menu .wpr-sub-icon{left:15px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu-horizontal .wpr-nav-menu > li > .wpr-sub-menu{margin-top:0px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-sub-divider-yes .wpr-sub-menu li:not(:last-child){border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-sub-menu{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .menu-item-has-children > a:after{color:#333333;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu li{background-color:#ffffff;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu li a:hover,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .menu-item-has-children > a:hover:after,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu li a.wpr-active-menu-item,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .menu-item-has-children.current_page_item > a:hover:after{color:#ffffff;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a:hover,
					 .elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a.wpr-active-menu-item{background-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a{padding-left:10px;padding-right:10px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .menu-item-has-children > a:after{margin-left:10px;margin-right:10px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .wpr-mobile-menu-item{padding-top:10px;padding-bottom:10px;}.elementor-169 .elementor-element.elementor-element-60b546c.wpr-mobile-divider-yes .wpr-mobile-nav-menu a{border-bottom-color:#e8e8e8;border-bottom-width:1px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu .wpr-mobile-sub-menu-item{font-size:12px;padding-top:5px;padding-bottom:5px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu{margin-top:10px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle{border-color:#333333;width:50px;border-width:0px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-text{color:#333333;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-line{background-color:#333333;height:4px;margin-bottom:6px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle:hover{border-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle:hover .wpr-mobile-toggle-text{color:#605BE5;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle:hover .wpr-mobile-toggle-line{background-color:#605BE5;}.elementor-169 .elementor-element.elementor-element-55066ee.wpr-stt-btn-align-fixed-right .wpr-stt-btn{right:30px;bottom:30px;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-content{color:#ffffff;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-icon{color:#ffffff;font-size:14px;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-icon svg{fill:#ffffff;width:14px;height:14px;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-btn{background-color:#605BE5;transition:all  0.3s ease-in-out 0s;padding:15px 15px 15px 15px;border-radius:2px 2px 2px 2px;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-btn:hover > .wpr-stt-icon{Color:#fff;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-btn:hover > .wpr-stt-icon svg{fill:#fff;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-btn:hover{background-color:#4039EC;}.elementor-169 .elementor-element.elementor-element-55066ee .wpr-stt-btn svg{transition:all  0.3s ease-in-out 0s;}body.elementor-page-169:not(.elementor-motion-effects-element-type-background), body.elementor-page-169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121039;}@media(min-width:768px){.elementor-169 .elementor-element.elementor-element-d379e9b{--width:40%;}.elementor-169 .elementor-element.elementor-element-e35f73f{--width:60%;}}@media(max-width:1024px) and (min-width:768px){.elementor-169 .elementor-element.elementor-element-d379e9b{--width:40%;}.elementor-169 .elementor-element.elementor-element-e35f73f{--width:60%;}}@media(max-width:1024px){.elementor-169 .elementor-element.elementor-element-126468f{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:-30px;}.elementor-169 .elementor-element.elementor-element-d379e9b{--z-index:100;}.elementor-169 .elementor-element.elementor-element-e35f73f{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-169 .elementor-element.elementor-element-60b546c{width:100%;max-width:100%;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}@media(max-width:767px){.elementor-169 .elementor-element.elementor-element-d379e9b{--width:20%;}.elementor-169 .elementor-element.elementor-element-2e497d3{z-index:101;}.elementor-169 .elementor-element.elementor-element-e35f73f{--width:80%;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-169 .elementor-element.elementor-element-60b546c .wpr-nav-menu .wpr-menu-item,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-nav-menu a,.elementor-169 .elementor-element.elementor-element-60b546c .wpr-mobile-toggle-text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-2e497d3 *//* Container setup */
.nfe-site-logo-container {
    position: relative;
    width: 250px;
    height: 50px;
    overflow: visible !important; /* Changed from hidden to visible */
    z-index: 9999; /* Make sure it's on top */
}

.chameleon-walker {
    position: relative;
    width: 50px;
    height: 50px;
    animation: chameleon-journey 12s infinite;
}

/* Stack the logos */
.nfe-site-logo-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    opacity: 0;
    transition: opacity 0.5s;
}

.nfe-site-logo-img.active {
    opacity: 1;
}

/* Container setup */
.nfe-site-logo-container {
    position: relative;
    width: 250px;
    height: 50px;
    overflow: hidden;
}

.chameleon-walker {
    position: absolute;
    width: 50px;
    height: 50px;
    animation: walk-across 10s infinite linear;
}

/* Stack the logos */
.nfe-site-logo-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
}

/* THE WALKING ANIMATION - FIXED */
@keyframes walk-across {
    /* Start position - green chameleon */
    0% {
        left: 0;
        transform: scaleX(1);
    }
    
    /* Walk to the right */
    45% {
        left: 200px;
        transform: scaleX(1);
    }
    
    /* Flip around */
    50% {
        left: 200px;
        transform: scaleX(1) rotate(360deg);
    }
    
    /* Face left */
    51% {
        left: 200px;
        transform: scaleX(-1);
    }
    
    /* Walk back */
    95% {
        left: 0;
        transform: scaleX(-1);
    }
    
    /* Flip to original */
    100% {
        left: 0;
        transform: scaleX(1);
    }
}

/* Logo swap animation */
.logo-band {
    opacity: 1;
    animation: fade-swap 10s infinite;
    transform: scaleX(-1);
}

.logo-tech {
    opacity: 0;
    animation: fade-swap-reverse 10s infinite;
    transform: scaleX(-1);
}

@keyframes fade-swap {
    0%, 48% { opacity: 1; }
    52%, 100% { opacity: 0; }
}

@keyframes fade-swap-reverse {
    0%, 48% { opacity: 0; }
    52%, 100% { opacity: 1; }
}

.nfe-site-logo-container::before {
    content: '. . . . .';
    position: absolute;
    bottom: 0;
    left: 10px;
    color: rgba(255,255,255,0.1);
    font-size: 20px;
    letter-spacing: 15px;
    animation: trail 10s infinite;
}

@keyframes trail {
    0%, 50% { opacity: 0; }
    25% { opacity: 0.2; }
    75% { opacity: 0.1; }
    100% { opacity: 0; }
}


/* Longer tongue that goes beyond container */
.chameleon-walker::after {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, #ff0080, #ff0080);
    top: 50%;
    left: 100%;
    transition: width 0.2s;
    transform-origin: left;
    z-index: 10000; /* High z-index to appear over everything */
}

.chameleon-walker:hover::after {
    width: 100px !important;
    animation: tongue-flick 0.8s; /* Match rocket timing */
}

@keyframes tongue-flick {
    0% { width: 0; }
    40% { width: 120px; } /* Stay extended longer */
    60% { width: 100px; }
    100% { width: 0; }
}


/* Random fly appears */
.chameleon-walker::before {
    content: '🚀';
    filter: drop-shadow(0 0 10px #FFD700);
    position: absolute;
    font-size: 16px; /* Bigger */
    top: 25%;
    left: 80px;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 10001; /* Above the tongue */
}

@keyframes rocket-fly {
    0% { 
        opacity: 0;
        transform: translateX(0) scale(0.5);
    }
    30% { 
        opacity: 1;
        transform: translateX(0) scale(1);
    }
    70% {
        opacity: 1;
        transform: translateX(10px) scale(1);
    }
    100% { 
        opacity: 0;
        transform: translateX(50px) scale(0.5) rotate(45deg);
    }
}

/* When hovering (tongue out), fly disappears */
.chameleon-walker:hover::before {
    opacity: 1;
    animation: rocket-fly 0.8s forwards; /* Longer animation */
}

@keyframes eaten {
    0% { opacity: 1; }
    50% { transform: translateX(-50px) scale(0); }
    100% { opacity: 0; }
}

/* CSS for JS solution */
.chameleon-walker.tongue-out::after {
    animation: tongue-flick 0.3s !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e35f73f *//* ============================================
   MEMELEON PIANO MENU - CLEANED & OPTIMIZED
   ============================================ */

/* Container setup */
.piano-menu ul.wpr-nav-menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
    height: 140px !important;
    padding-top: 40px !important;
    gap: 0 !important;
}

/* Remove Elementor spacing */
.piano-menu .elementor-nav-menu--main,
.piano-menu .elementor-nav-menu--main > ul {
    gap: 0 !important;
}

.piano-menu ul.wpr-nav-menu > li {
    margin: 0 !important;
    padding: 0 !important;
}

/* ============================================
   IVORY KEYS (1,3,5,6,8,10,12) - YOUR DIMENSIONS
   ============================================ */
.piano-menu ul.wpr-nav-menu > li:nth-child(1) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(3) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(5) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(6) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(8) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(10) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(12) > a {
    width: 50px !important;
    height: 130px !important;
    top: -10px;
/*    background: linear-gradient(180deg, #FFFFF0, #F8F8E7) !important; */
    border: 1px solid #333 !important;
    border-radius: 0 0 5px 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: right !important;
    padding-bottom: 10px !important;
    font-size: 10px !important;
    color: #000 !important;
    transition: all 0.3s !important;
    text-decoration: none !important;
    position: relative !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    margin: 0 0 0 -1px !important;
    z-index: 1 !important;
    box-shadow: 0 2px 3px rgba(0,0,0,0.2) !important;
}



.piano-menu ul.wpr-nav-menu > li:nth-child(1) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #fcdd9a) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(3) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #04d29a) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(5) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #f581da) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(6) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #047fb1) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(8) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #f5ecd9) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(10) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #a839f2) !important;
}
.piano-menu ul.wpr-nav-menu > li:nth-child(12) > a
 {
    background: linear-gradient(180deg, #FFFFF0, #f05925) !important;
}


/* First ivory key no negative margin */
.piano-menu ul.wpr-nav-menu > li:nth-child(1) > a {
    margin-left: 0 !important;
}

/* Ivory keys hover */
.piano-menu ul.wpr-nav-menu > li:nth-child(1) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(3) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(5) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(6) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(8) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(10) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(12) > a:hover {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    transform: translateY(2px) !important;
    color: #fff !important;
    z-index: 2 !important;
}

/* ============================================
   BLACK KEYS (2,4,7,9,11) - YOUR DIMENSIONS
   ============================================ */
.piano-menu ul.wpr-nav-menu > li:nth-child(2),
.piano-menu ul.wpr-nav-menu > li:nth-child(4),
.piano-menu ul.wpr-nav-menu > li:nth-child(7),
.piano-menu ul.wpr-nav-menu > li:nth-child(9),
.piano-menu ul.wpr-nav-menu > li:nth-child(11) {
    position: relative !important;
    width: 0 !important;
    margin: 0 !important;
}

.piano-menu ul.wpr-nav-menu > li:nth-child(2) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(4) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(7) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(9) > a,
.piano-menu ul.wpr-nav-menu > li:nth-child(11) > a {
    width: 30px !important;
    height: 100px !important;
    background: linear-gradient(180deg, #2a2a2a, #000000) !important;
    border: 1px solid #000 !important;
    border-radius: 0 0 3px 3px !important;
    color: #F8F8E7 !important;
    position: absolute !important;
    top: -30px !important;
    left: -15px !important;
    z-index: 10 !important;
    font-size: 8px !important;
    padding-bottom: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
}

/* Black keys hover */
.piano-menu ul.wpr-nav-menu > li:nth-child(2) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(4) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(7) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(9) > a:hover,
.piano-menu ul.wpr-nav-menu > li:nth-child(11) > a:hover {
    background: linear-gradient(135deg, #00FFA3, #03E1FF) !important;
    color: #000 !important;
    transform: translateY(2px) !important;
}

/* ============================================
   UTILITIES
   ============================================ */

/* Hide mobile hamburger */
.wpr-mobile-toggle-wrap,
.wpr-mobile-nav-menu-container,
.wpr-mobile-toggle,
.elementor-menu-toggle,
.wpr-mobile-toggle-line {
    display: none !important;
}

/* Hide pointer spans */
.wpr-pointer-item {
    display: none !important;
}

/* ============================================
   TABLET RESPONSIVE (768px - 1024px)
   ============================================ */
@media (max-width: 1024px) {
    /* Keep piano aligned right on tablet */
    .piano-menu,
    .piano-menu .elementor-widget-container,
    .piano-menu nav {
        display: flex !important;
        justify-content: flex-end !important;
        width: 100% !important;
    }
    
    .elementor-element-60b546c {
        width: auto !important;
        max-width: none !important;
    }
    
    /* Slightly smaller keys for tablet */
    .piano-menu ul.wpr-nav-menu > li:nth-child(1) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(3) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(5) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(6) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(8) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(10) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(12) > a {
        width: 35px !important;
        height: 90px !important;
        font-size: 8px !important;
    }
    
    .piano-menu ul.wpr-nav-menu > li:nth-child(2) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(4) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(7) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(9) > a,
    .piano-menu ul.wpr-nav-menu > li:nth-child(11) > a {
        width: 25px !important;
        height: 70px !important;
        font-size: 7px !important;
        left: -12px !important;
        top: -10px !important;
    }
    
    .piano-menu ul.wpr-nav-menu {
        height: 110px !important;
        justify-content: flex-end !important;
        margin-right: 20px !important;
        padding-top: 30px !important;
    }
}

/* ============================================
   OVERRIDE ROYAL ELEMENTS MOBILE MENU
   ============================================ */

/* Hide the mobile menu completely */
#mobile-menu-2-60b546c,
.wpr-mobile-nav-menu {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Prevent the link from triggering mobile menu */
a[href="https://memeleon.world/launch"].wpr-mobile-menu-item {
    pointer-events: none !important;
}

/* Keep desktop menu visible on mobile */
@media (max-width: 1024px) {
    /* Hide ALL mobile menu triggers */
    .wpr-mobile-nav-menu-container,
    .wpr-mobile-menu-item,
    ul#mobile-menu-2-60b546c {
        display: none !important;
    }
    
    /* Force desktop menu to stay visible */
    .piano-menu .wpr-nav-menu-container {
        display: block !important;
        visibility: visible !important;
    }
    
    .piano-menu ul.wpr-nav-menu {
        display: flex !important;
        visibility: visible !important;
    }
}/* End custom CSS */