.elementor-939 .elementor-element.elementor-element-966c92c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-939 .elementor-element.elementor-element-966c92c:not(.elementor-motion-effects-element-type-background), .elementor-939 .elementor-element.elementor-element-966c92c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#124841;}.elementor-939 .elementor-element.elementor-element-d18cec1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-939 .elementor-element.elementor-element-b832bf0{font-size:13px;line-height:18px;color:#FFFFFF;}.elementor-939 .elementor-element.elementor-element-350f34e{--display:flex;--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;--justify-content:flex-end;--gap:0px 31px;--row-gap:0px;--column-gap:31px;--padding-top:8px;--padding-bottom:8px;--padding-left:20px;--padding-right:20px;}.elementor-939 .elementor-element.elementor-element-52d6995 .elementor-button{background-color:#02010100;font-size:13px;line-height:18px;padding:0px 0px 0px 0px;}.elementor-939 .elementor-element.elementor-element-52d6995.elementor-element{--align-self:flex-end;}.elementor-939 .elementor-element.elementor-element-52d6995 .elementor-button-content-wrapper{flex-direction:row;}.elementor-939 .elementor-element.elementor-element-52d6995 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-939 .elementor-element.elementor-element-52d6995 .elementor-button-icon{font-size:14px;}.elementor-939 .elementor-element.elementor-element-8839aa9 .elementor-button{background-color:#02010100;font-size:13px;line-height:18px;padding:0px 0px 0px 0px;}.elementor-939 .elementor-element.elementor-element-8839aa9.elementor-element{--align-self:flex-end;}.elementor-939 .elementor-element.elementor-element-8839aa9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-939 .elementor-element.elementor-element-8839aa9 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-939 .elementor-element.elementor-element-8839aa9 .elementor-button-icon{font-size:14px;}.elementor-939 .elementor-element.elementor-element-21598e55{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10000;}.elementor-939 .elementor-element.elementor-element-2019410b{--display:flex;--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;}.elementor-939 .elementor-element.elementor-element-b7d9da6 img{max-width:200px;}.elementor-939 .elementor-element.elementor-element-67494743{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-939 .elementor-element.elementor-element-12557beb .elementor-nav-menu{justify-content:flex-start !important;}.elementor-939 .elementor-element.elementor-element-12557beb > .elementor-widget-container{margin:0px 0px 0px -19px;}.elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> a{font-size:16px;font-weight:600;color:#3A454F;}.elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li > a i{color:#3A454F;}.elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> .caret:before{background-color:#3A454F;}.elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> a:hover,
                    .elementor-939 .elementor-element.elementor-element-12557beb .tbay-element-nav-menu .nav-menu-12557beb > ul > li:hover> a >.caret,
                    .elementor-939 .elementor-element.elementor-element-12557beb .tbay-element-nav-menu .nav-menu-12557beb > ul > li:focus> a >.caret,
                    .elementor-939 .elementor-element.elementor-element-12557beb .tbay-element-nav-menu .nav-menu-12557beb > ul > li.current-menu-parent > a >.caret,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> a:hover i,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> a:focus i,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li> a.active i,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li > a:focus,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li:hover > a,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li.current-menu-parent > a, 
                    .elementor-939 .elementor-element.elementor-element-12557beb .tbay-element-nav-menu .nav-menu-12557beb > ul > li.current-menu-item > a, 
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li.current_page_item > a,
                    .elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li.current_page_parent > a{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-12557beb .nav-menu-12557beb > ul > li > a{padding:18px 0px 15px 0px !important;margin:0px 25px 0px 25px !important;}.elementor-939 .elementor-element.elementor-element-9f80512{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-939 .elementor-element.elementor-element-5964c503 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > i,
                    .elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > svg{font-size:25px;}.elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > i{color:#3A454F;}.elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > svg{fill:#3A454F;}.elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > i:hover{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-5964c503 .btn-search-icon > svg:hover{fill:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-3aa43bec > .elementor-widget-container{margin:0px 5px 0px 16px;}.elementor-939 .elementor-element.elementor-element-3aa43bec .content-empty{text-align:center;}.elementor-939 .elementor-element.elementor-element-3aa43bec .product-recently-viewed-header h3{margin:2px 4px 0px 0px;padding:11px 0px 11px 0px;color:#3A454F;}.elementor-939 .elementor-element.elementor-element-3aa43bec .header-title i{font-size:25px !important;color:#3A454F;}.elementor-939 .elementor-element.elementor-element-3aa43bec .header-title i:hover{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-3fab4abd .tbay-login a i{font-size:25px !important;margin:-5px 0px 0px 0px;color:#3A454F;}.elementor-939 .elementor-element.elementor-element-3fab4abd .tbay-login > a:hover i{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-37fcd356 > .elementor-widget-container{margin:0px -3px 0px 0px;}.elementor-939 .elementor-element.elementor-element-37fcd356 .top-wishlist i{font-size:25px !important;color:#3A454F;}.elementor-939 .elementor-element.elementor-element-37fcd356 .top-wishlist a:hover i{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-37fcd356 .top-wishlist .count_wishlist{color:var( --e-global-color-text );background:var( --e-global-color-primary );top:-6px;left:21px;right:auto;}.rtl .elementor-939 .elementor-element.elementor-element-37fcd356 .top-wishlist .count_wishlist{right:21px;left:auto;}.elementor-939 .elementor-element.elementor-element-43e56aef .cart-dropdown .cart-icon i{font-size:28px !important;}.elementor-939 .elementor-element.elementor-element-43e56aef .cart-dropdown .cart-icon{color:#3A454F;}.elementor-939 .elementor-element.elementor-element-43e56aef .cart-dropdown .cart-icon:hover{color:var( --e-global-color-primary );}.elementor-939 .elementor-element.elementor-element-43e56aef .cart-icon span.mini-cart-items{color:var( --e-global-color-text );background:var( --e-global-color-primary );top:-7px;left:22px;right:auto;}.rtl .elementor-939 .elementor-element.elementor-element-43e56aef .cart-icon span.mini-cart-items{right:22px;left:auto;}.elementor-939 .elementor-element.elementor-element-43e56aef .cart-popup .dropdown-menu.show{inset:70px 1px auto auto !important;}.rtl .elementor-939 .elementor-element.elementor-element-43e56aef .cart-popup .dropdown-menu.show{inset:70px auto auto 0px !important;}@media(min-width:768px){.elementor-939 .elementor-element.elementor-element-d18cec1{--width:50%;}.elementor-939 .elementor-element.elementor-element-350f34e{--width:50%;}.elementor-939 .elementor-element.elementor-element-2019410b{--width:17%;}.elementor-939 .elementor-element.elementor-element-67494743{--width:53%;}.elementor-939 .elementor-element.elementor-element-9f80512{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-21598e55 */.elementor-939 .elementor-element.elementor-element-21598e55 {
  transition: background-color 1s ease, color 0.3s ease !important;
}

.elementor-939 .elementor-element.elementor-element-21598e55.elementor-sticky--effects {
  background-color: rgba(255,255,255,0.2)!important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Add these new rules */
.elementor-939 .elementor-element.elementor-element-21598e55.elementor-sticky--effects .elementor-nav-menu a,
.elementor-939 .elementor-element.elementor-element-21598e55.elementor-sticky--effects .elementor-cart-content,
.elementor-939 .elementor-element.elementor-element-21598e55.elementor-sticky--effects .elementor-cart-count {
  color: #000 !important;
}

.elementor-939 .elementor-element.elementor-element-21598e55.elementor-sticky--effects .elementor-item:before {
  background-color: #000 !important;
}

/* Maintain existing transitions and image sizing */
.elementor-939 .elementor-element.elementor-element-21598e55 > .elementor-container {
  transition: min-height 1s ease !important;
}

.header-img img {
  max-width: 170px;
  height: auto;
  transition: all 0.5s ease;
}

.elementor-sticky--effects .header-img img {
  max-width: 150px;
}

JS Snippet:
document.addEventListener('DOMContentLoaded', function() {
  const header = document.querySelector('.elementor-sticky-header');
  let lastScroll = 0;

  window.addEventListener('scroll', function() {
    const currentScroll = window.pageYOffset;
    
    if (currentScroll > lastScroll && currentScroll > 100) {
      // Scroll down
      header.classList.add('dark-elements');
    } else if (currentScroll < lastScroll && currentScroll <= 100) {
      // Scroll up to top
      header.classList.remove('dark-elements');
    }
    lastScroll = currentScroll;
  });
});/* End custom CSS */