.elementor-7360 .elementor-element.elementor-element-7a9696b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7360 .elementor-element.elementor-element-76b8c40{--display:flex;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family );font-weight:var( --e-global-typography-text-font-weight );}.elementor-7360 .elementor-element.elementor-element-e6c01dd{width:100%;max-width:100%;grid-column:span 1;}.elementor-7360 .elementor-element.elementor-element-e6c01dd img{width:100%;max-width:100%;opacity:0.7;transition-duration:0.2s;}.elementor-7360 .elementor-element.elementor-element-e6c01dd:hover img{opacity:0.3;filter:brightness( 200% ) contrast( 200% ) saturate( 200% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7360 .elementor-element.elementor-element-05d1392{--display:flex;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-menu-toggle{margin-left:auto;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a, .elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown{background-color:#0E0E0C;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a:hover,
					.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a:focus,
					.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown .elementor-item, .elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Reddit Sans";font-weight:600;text-transform:uppercase;text-decoration:none;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF38;border-bottom-width:1px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle:hover, .elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle:hover svg, .elementor-7360 .elementor-element.elementor-element-ee85ce1 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-b14083b{--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;}.elementor-7360 .elementor-element.elementor-element-062830d{--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:0vw;--padding-bottom:0vw;--padding-left:4vw;--padding-right:0vw;}.elementor-7360 .elementor-element.elementor-element-9708b11{width:100%;max-width:100%;grid-column:span 1;text-align:start;}.elementor-7360 .elementor-element.elementor-element-9708b11 img{width:7vw;max-width:100%;opacity:1;transition-duration:0.2s;}.elementor-7360 .elementor-element.elementor-element-9708b11:hover img{opacity:0.3;filter:brightness( 200% ) contrast( 200% ) saturate( 200% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7360 .elementor-element.elementor-element-9e11cc5{--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:0vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:4vw;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu .elementor-item{font-family:"Reddit Sans";font-size:1.1vw;font-weight:400;text-transform:uppercase;text-decoration:none;letter-spacing:1px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-framed .elementor-item:before{border-width:3px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 3px 3px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:3px 3px 0 0;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:3px 0 0 3px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 3px 3px 0;}.elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-underline .elementor-item:after,
					 .elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-overline .elementor-item:before,
					 .elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-double-line .elementor-item:before,
					 .elementor-7360 .elementor-element.elementor-element-65f9975 .e--pointer-double-line .elementor-item:after{height:3px;}.elementor-7360 .elementor-element.elementor-element-65f9975{--e-nav-menu-horizontal-menu-item-margin:calc( 2em / 2 );}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:2em;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a, .elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-menu-toggle{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown{background-color:#0E0E0C;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a:hover,
					.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a:focus,
					.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-accent );background-color:var( --e-global-color-primary );}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown .elementor-item, .elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Reddit Sans";font-weight:600;text-transform:uppercase;text-decoration:none;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF38;border-bottom-width:1px;}.elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle{color:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle svg{fill:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle:hover, .elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle:focus{color:var( --e-global-color-text );}.elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle:hover svg, .elementor-7360 .elementor-element.elementor-element-65f9975 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-text );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-7360 .elementor-element.elementor-element-062830d{--width:30%;}.elementor-7360 .elementor-element.elementor-element-9e11cc5{--width:90%;}}@media(max-width:1024px){.elementor-7360 .elementor-element.elementor-element-7a9696b{--grid-auto-flow:row;}.elementor-7360 .elementor-element.elementor-element-e6c01dd{text-align:start;}.elementor-7360 .elementor-element.elementor-element-e6c01dd img{width:20%;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown .elementor-item, .elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:18px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:15px;padding-bottom:15px;}.elementor-7360 .elementor-element.elementor-element-9708b11 img{width:82%;}}@media(max-width:767px){.elementor-7360 .elementor-element.elementor-element-7a9696b{--min-height:0px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:35% 35%;--row-gap:35%;--column-gap:35%;--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7360 .elementor-element.elementor-element-7a9696b.e-con{--align-self:center;}.elementor-7360 .elementor-element.elementor-element-76b8c40{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;}.elementor-7360 .elementor-element.elementor-element-e6c01dd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;}.elementor-7360 .elementor-element.elementor-element-e6c01dd{text-align:start;}.elementor-7360 .elementor-element.elementor-element-e6c01dd img{width:55px;max-width:55px;}.elementor-7360 .elementor-element.elementor-element-05d1392{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:24px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown .elementor-item, .elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:21px;letter-spacing:2px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:23px;padding-bottom:23px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-7360 .elementor-element.elementor-element-ee85ce1{--nav-menu-icon-size:32px;}.elementor-7360 .elementor-element.elementor-element-ee85ce1 .elementor-menu-toggle{border-width:0px;}.elementor-7360 .elementor-element.elementor-element-9708b11 img{width:60px;max-width:60px;}.elementor-7360 .elementor-element.elementor-element-65f9975 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown .elementor-item, .elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:22px;letter-spacing:2px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0px !important;}.elementor-7360 .elementor-element.elementor-element-65f9975{--nav-menu-icon-size:32px;}.elementor-7360 .elementor-element.elementor-element-65f9975 .elementor-menu-toggle{border-width:0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-7360 .elementor-element.elementor-element-76b8c40{--content-width:90%;}.elementor-7360 .elementor-element.elementor-element-05d1392{--width:95%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-e6c01dd *//* ===== Desktop header: sticky + glass on scroll (no layout changes) ===== */
@media (min-width:1025px){
  .jcili-header{
    position: sticky; top: 0; z-index: 9999;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s ease, border-color .25s ease,
                box-shadow .25s ease, backdrop-filter .25s ease;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .jcili-header.is-scrolled{
    background: rgba(0,0,0,.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom-color: rgba(255,255,255,.14);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
  }
}

/* Optional: prevent content jump if you see any CLS */
@media (min-width:1025px){
  .jcili-header-spacer{ height: 72px; } /* add a blank spacer section under header and give it this class */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7a9696b *//* ==========================================================================
   JCILI MASTER STYLING (v16.0 - Final Clean / Zero Submenu Gap)
   ========================================================================== */

/* 1. RESET SPACERS */
.jcili-mheader-spacer, .jcili-header-spacer, 
.elementor-section.jcili-mheader-spacer, 
.elementor-section.jcili-header-spacer { 
    display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important; 
}

/* 2. VARIABLES */
:root {
    --mheader-h: 60px;
    --dheader-h: 150px; /* Adjust if desktop header overlaps content */
}

/* ==========================================================================
   A. MOBILE HEADER STYLING
   ========================================================================== */
@media (max-width: 1024px) {
    /* 1. Glass Effect (Triggered by Elementor's Native Sticky) */
    .elementor-sticky--effects.jcili-mheader {
        background: rgba(14, 14, 12, 0.95) !important;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        transition: background 0.3s ease;
    }

    /* 2. MENU DROPDOWN - FULL SCREEN & ZERO PADDING */
    /* We use 'body' to force override any Elementor defaults */
    body .jcili-mheader .elementor-nav-menu--dropdown {
        position: fixed !important;
        top: 60px !important; 
        left: 0 !important; 
        right: 0 !important; 
        bottom: 0 !important; 
        
        /* FORCE HEIGHT */
        height: calc(100vh - 60px) !important; 
        min-height: calc(100vh - 60px) !important;
        
        background-color: #0E0E0C !important;
        
        /* Borders */
        border-left: 1px solid rgba(255, 255, 255, 0.22) !important;
        border-right: 1px solid rgba(255, 255, 255, 0.22) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.22) !important;
        
        /* CRITICAL: Zero Padding to remove bottom gap */
        padding: 0px 0px 0px 0px !important; 
        margin: 0 !important;
        
        overflow-y: scroll !important; 
        -webkit-overflow-scrolling: touch;
    }

    /* 3. MENU ITEMS */
    body .jcili-mheader .elementor-nav-menu--dropdown > ul > li { 
        width: 100% !important; 
        border-bottom: 1px solid rgba(255,255,255,0.22) !important; 
        margin-bottom: 0 !important; /* Ensure no margin below items */
    }
    
    body .jcili-mheader .elementor-nav-menu--dropdown > ul > li > a { 
        text-align: right !important; 
        justify-content: flex-end !important; 
        padding-left: 20px !important; 
        padding-right: 20px !important; 
    }
    
    /* 4. SUBMENUS - ZERO GAP FIX */
    body .jcili-mheader .elementor-nav-menu--dropdown ul.sub-menu { 
        position: static !important; 
        width: 100% !important; 
        background-color: rgba(255,255,255,0.08) !important; 
        border: none !important; 
        box-shadow: none !important;
        
        /* REMOVE THE BOTTOM SPACE */
        margin: 0 !important;
        padding: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* Ensure last item in submenu has no extra space */
    body .jcili-mheader .elementor-nav-menu--dropdown ul.sub-menu li:last-child {
        margin-bottom: 0 !important;
        border-bottom: none !important; /* Optional: Remove border on very last item */
    }
}

/* ==========================================================================
   B. DESKTOP HEADER STYLING
   ========================================================================== */
@media (min-width: 1025px) {
    /* 1. Default State (Tint for Video) */
    .jcili-dheader {
        background: rgba(0, 0, 0, 0.4) !important;
        transition: background 0.3s ease;
    }

    /* 2. Sticky State (Dark & Blur) */
    .elementor-sticky--effects.jcili-dheader {
        background-color: rgba(14, 14, 12, 0.98) !important;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
    }
    
    /* 3. Force Inner Transparency */
    .jcili-dheader .elementor-container,
    .jcili-dheader .e-con {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* 4. Body Spacing (Prevent Content Overlap) */
    body:not(.home):not(.elementor-editor-active) {
        padding-top: var(--dheader-h) !important; 
    }
}/* End custom CSS */
/* Start custom CSS for theme-site-logo, class: .elementor-element-9708b11 *//* ===== Desktop header: sticky + glass on scroll (no layout changes) ===== */
@media (min-width:1025px){
  .jcili-header{
    position: sticky; top: 0; z-index: 9999;
    background: transparent;
    border-bottom: 1px solid transparent;
    transition: background .25s ease, border-color .25s ease,
                box-shadow .25s ease, backdrop-filter .25s ease;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .jcili-header.is-scrolled{
    background: rgba(0,0,0,.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom-color: rgba(255,255,255,.14);
    box-shadow: 0 8px 24px rgba(0,0,0,.25);
  }
}

/* Optional: prevent content jump if you see any CLS */
@media (min-width:1025px){
  .jcili-header-spacer{ height: 72px; } /* add a blank spacer section under header and give it this class */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b14083b *//* ==========================================================================
   JCILI MASTER HEADER SYSTEM (v8.0 - Final "Messy Overlap" Fix)
   ========================================================================== */

/* 1. GLOBAL RESET */
.jcili-mheader-spacer, 
.jcili-header-spacer,
.elementor-section.jcili-mheader-spacer,
.elementor-section.jcili-header-spacer { 
    display: none !important; height: 0 !important; margin: 0 !important; padding: 0 !important;
}

/* 2. VARIABLES - TUNE THESE NUMBERS! */
:root {
    --mheader-h: 60px;   
    /* IF THE HEADER COVERS CONTENT ON SHOP PAGES, INCREASE THIS NUMBER (e.g., to 160px or 170px) */
    --dheader-h: 150px;  
}

/* ==========================================================================
   A. MOBILE HEADER
   ========================================================================== */
@media (max-width: 1024px) {
    .jcili-mheader {
        position: fixed !important;
        top: 0; left: 0; right: 0; z-index: 99999; 
        height: var(--mheader-h);
        padding-top: env(safe-area-inset-top);
        background: transparent !important;
        border-bottom: 1px solid transparent;
        transition: background 0.3s ease, border-color 0.3s ease, transform 0.5s cubic-bezier(0.2, 1, 0.3, 1) 0.15s; 
    }

    /* Glass State */
    .jcili-mheader.is-glass {
        background: rgba(14, 14, 12, 0.95) !important;
        -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    /* Hide State */
    .jcili-mheader.hide {
        transform: translateY(calc(-100% - env(safe-area-inset-top)));
        transition: transform 0.3s ease, background 0.3s ease; 
    }

    /* Body Spacing */
    body:not(.home):not(.elementor-editor-active) {
        padding-top: calc(var(--mheader-h) + env(safe-area-inset-top)) !important;
    }

    /* Menu Styling */
    .jcili-mheader .elementor-nav-menu--dropdown {
        position: fixed !important; top: calc(var(--mheader-h) + env(safe-area-inset-top)) !important; 
        left: 0 !important; right: 0 !important; bottom: 0 !important; height: auto !important;
        background-color: #0E0E0C !important;
        border-left: 1px solid rgba(255,255,255,0.22) !important; border-right: 1px solid rgba(255,255,255,0.22) !important;
        padding: 20px 0px 100px 0px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch;
    }
    .jcili-mheader .elementor-nav-menu--dropdown > ul > li { width: 100% !important; border-bottom: 1px solid rgba(255,255,255,0.22) !important; position: relative !important; }
    .jcili-mheader .elementor-nav-menu--dropdown > ul > li > a { text-align: right !important; justify-content: flex-end !important; padding-left: 20px !important; padding-right: 20px !important; margin: 0 !important; }
    .jcili-mheader .elementor-nav-menu--dropdown ul.sub-menu { position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; background-color: rgba(255,255,255,0.08) !important; box-shadow: none !important; border: none !important; }
    .jcili-mheader .elementor-nav-menu--dropdown ul.sub-menu li { border-bottom: 1px solid rgba(255,255,255,0.05) !important; }
    .jcili-mheader .elementor-nav-menu--dropdown ul.sub-menu li a { text-align: right !important; justify-content: flex-end !important; padding-right: 20px !important; }
    .jcili-mheader .elementor-nav-menu--main .elementor-nav-menu { background-color: transparent !important; }
}

/* ==========================================================================
   B. DESKTOP HEADER (Fixed for Visibility & Overlap)
   ========================================================================== */
@media (min-width: 1025px) {
    /* 1. CONTAINER: Start with a Semi-Dark Tint (To fix Bright Video issue) */
    html body .jcili-dheader {
        position: fixed !important;
        top: 0; left: 0; right: 0; z-index: 999;
        height: var(--dheader-h);
        
        /* DEFAULT STATE: Semi-Transparent Black (40%) to make text readable on bright video */
        background-color: rgba(0, 0, 0, 0.4) !important; 
        
        border-bottom: 1px solid transparent;
        transition: background 0.3s ease, transform 0.3s ease, border-color 0.3s ease, backdrop-filter 0.3s ease;
    }

    /* 2. GLASS STATE (Triggered on Scroll) - Forces Solid Dark */
    html body .jcili-dheader.is-glass {
        /* SOLID DARK when scrolling */
        background-color: rgba(14, 14, 12, 0.98) !important; 
        -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px);
        border-bottom-color: rgba(255, 255, 255, 0.1);
    }

    /* 3. Force Inner Elements to be Transparent so they don't block the background */
    html body .jcili-dheader .elementor-container,
    html body .jcili-dheader .e-con,
    html body .jcili-dheader .e-con-inner,
    html body .jcili-dheader .elementor-widget-wrap,
    html body .jcili-dheader .elementor-column {
        background: transparent !important;
        background-color: transparent !important;
        box-shadow: none !important;
    }

    /* 4. Hide State */
    html body .jcili-dheader.hide {
        transform: translateY(-100%);
    }

    /* 5. BODY SPACING (Prevents Shop Page Overlap) */
    /* This pushes the "MTO / TOPS / BTMS" section down so the header doesn't cover it */
    body:not(.home):not(.elementor-editor-active) {
        padding-top: var(--dheader-h) !important;
    }
}/* End custom CSS */