.elementor-46 .elementor-element.elementor-element-b6759f3{--display:flex;--position:fixed;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;top:0px;--z-index:214748364;}.elementor-46 .elementor-element.elementor-element-b6759f3:not(.elementor-motion-effects-element-type-background), .elementor-46 .elementor-element.elementor-element-b6759f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-46 .elementor-element.elementor-element-b6759f3{left:0px;}body.rtl .elementor-46 .elementor-element.elementor-element-b6759f3{right:0px;}.elementor-46 .elementor-element.elementor-element-d2d267b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46 .elementor-element.elementor-element-3597910 .e-search-input{background-color:var( --e-global-color-dc09e28 );font-weight:600;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-3597910{width:var( --container-widget-width, 243px );max-width:243px;--container-widget-width:243px;--container-widget-flex-grow:0;--e-search-placeholder-color:var( --e-global-color-text );--e-search-input-color:var( --e-global-color-text );--e-search-icon-label-color:var( --e-global-color-text );--e-search-input-padding-block-start:5px;--e-search-input-padding-inline-start:5px;--e-search-input-padding-block-end:5px;--e-search-input-padding-inline-end:5px;--e-search-icon-clear-size:16px;--e-search-icon-clear-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-3597910.e-focus .e-search-input{border-style:solid;border-color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-0f715f4 img{width:100%;max-width:200px;height:80px;}.elementor-46 .elementor-element.elementor-element-0f715f4:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-46 .elementor-element.elementor-element-4f2c9f6{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46 .elementor-element.elementor-element-5ea7c01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-5ea7c01 .elementor-icon-wrapper{text-align:center;}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-framed .elementor-icon, .elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-framed .elementor-icon, .elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-framed .elementor-icon:hover, .elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-framed .elementor-icon:hover, .elementor-46 .elementor-element.elementor-element-5ea7c01.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-5ea7c01 .elementor-icon{font-size:27px;}.elementor-46 .elementor-element.elementor-element-5ea7c01 .elementor-icon svg{height:27px;}.elementor-46 .elementor-element.elementor-element-c8a2c49{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-c8a2c49 .elementor-icon-wrapper{text-align:center;}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-framed .elementor-icon, .elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-framed .elementor-icon, .elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-framed .elementor-icon:hover, .elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-framed .elementor-icon:hover, .elementor-46 .elementor-element.elementor-element-c8a2c49.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-c8a2c49 .elementor-icon{font-size:27px;}.elementor-46 .elementor-element.elementor-element-c8a2c49 .elementor-icon svg{height:27px;}.elementor-46 .elementor-element.elementor-element-88b5f24{width:var( --container-widget-width, 30px );max-width:30px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:30px;--container-widget-flex-grow:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-text );--toggle-button-background-color:var( --e-global-color-dc09e28 );--toggle-button-border-color:var( --e-global-color-dc09e28 );--toggle-button-icon-hover-color:var( --e-global-color-accent );--toggle-button-hover-background-color:var( --e-global-color-dc09e28 );--toggle-button-hover-border-color:var( --e-global-color-dc09e28 );--toggle-button-border-width:0px;--toggle-button-border-radius:0px;--toggle-icon-size:30px;--toggle-icon-padding:0px 0px 0px 0px;--cart-border-style:none;--product-variations-color:var( --e-global-color-primary );--product-price-color:var( --e-global-color-primary );--divider-color:var( --e-global-color-secondary );--subtotal-divider-color:var( --e-global-color-secondary );--cart-footer-layout:1fr;--products-max-height-sidecart:calc(100vh - 300px);--products-max-height-minicart:calc(100vh - 450px);--view-cart-button-text-color:var( --e-global-color-primary );--view-cart-button-background-color:var( --e-global-color-text );--view-cart-button-hover-text-color:var( --e-global-color-text );--view-cart-button-hover-background-color:var( --e-global-color-primary );--checkout-button-text-color:var( --e-global-color-text );--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-text-color:var( --e-global-color-text );--checkout-button-hover-background-color:var( --e-global-color-8cd1542 );--empty-message-color:var( --e-global-color-caeacc9 );--empty-message-alignment:center;}.elementor-46 .elementor-element.elementor-element-88b5f24 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__product-name a{font-size:18px;font-weight:400;color:var( --e-global-color-8cd1542 );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__product-name a:hover{color:var( --e-global-color-primary );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__product-price{font-size:16px;font-weight:600;}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-button--view-cart{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{border-color:var( --e-global-color-8cd1542 );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-button--checkout{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-46 .elementor-element.elementor-element-88b5f24 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-f5b523b{--display:flex;}.elementor-46 .elementor-element.elementor-element-f0f6de8{--display:flex;}.elementor-46 .elementor-element.elementor-element-ccb2304{padding:0px 20px 0px 20px;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-ccb2304 a{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-ccb2304 a:hover, .elementor-46 .elementor-element.elementor-element-ccb2304 a:focus{color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-f07f595{--display:flex;}.elementor-46 .elementor-element.elementor-element-cbcf818{padding:0px 20px 0px 20px;font-size:16px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-cbcf818 a{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-cbcf818 a:hover, .elementor-46 .elementor-element.elementor-element-cbcf818 a:focus{color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-d89c886{--display:flex;}.elementor-46 .elementor-element.elementor-element-058d8b0{--display:flex;}.elementor-46 .elementor-element.elementor-element-fc0faa7{--display:flex;}.elementor-46 .elementor-element.elementor-element-fa617a3{--n-menu-dropdown-content-max-width:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 30px );max-width:30px;padding:0px 0px 0px 0px;--container-widget-width:30px;--container-widget-flex-grow:0;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-icon-color:var( --e-global-color-accent );--n-menu-icon-color-hover:var( --e-global-color-primary );--n-menu-icon-color-active:var( --e-global-color-primary );--n-menu-toggle-icon-size:30px;--n-menu-toggle-icon-color:var( --e-global-color-text );--n-menu-toggle-icon-color-hover:var( --e-global-color-accent );--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:var( --e-global-color-accent );--n-menu-toggle-icon-border-radius:0px 0px 0px 0px;--n-menu-toggle-icon-padding:0px 0px 0px 0px;--n-menu-toggle-icon-distance-from-dropdown:4px;--n-menu-dropdown-content-box-border-style:none;}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){background-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:var( --e-global-color-text );}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-dc09e28 );}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-toggle[aria-expanded="false"]:not( :hover ) > .e-n-menu-toggle-icon{background:#FFFFFF00;border-style:none;}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-toggle:hover:is( [aria-expanded="true"], [aria-expanded="false"] ) > .e-n-menu-toggle-icon{background:#FFFFFF00;border-style:none;}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-toggle[aria-expanded="true"] > .e-n-menu-toggle-icon{background:var( --e-global-color-dc09e28 );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-dc09e28 );}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-46 .elementor-element.elementor-element-fa617a3 {--n-menu-title-color-hover:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-fa617a3 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-46 .elementor-element.elementor-element-fd1888b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-46 .elementor-element.elementor-element-fdd0bf1{--display:flex;}.elementor-46 .elementor-element.elementor-element-07e1985{padding:20px 20px 20px 20px;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-07e1985 a{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-07e1985 a:hover, .elementor-46 .elementor-element.elementor-element-07e1985 a:focus{color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-fc6a395{--display:flex;}.elementor-46 .elementor-element.elementor-element-8b850e3{padding:20px 20px 20px 20px;columns:3;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-8b850e3 a{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-8b850e3 a:hover, .elementor-46 .elementor-element.elementor-element-8b850e3 a:focus{color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-78ec823{--display:flex;}.elementor-46 .elementor-element.elementor-element-a05f872{padding:20px 20px 20px 20px;columns:3;font-weight:600;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-a05f872 a{color:var( --e-global-color-secondary );}.elementor-46 .elementor-element.elementor-element-a05f872 a:hover, .elementor-46 .elementor-element.elementor-element-a05f872 a:focus{color:var( --e-global-color-accent );}.elementor-46 .elementor-element.elementor-element-b9f8cc8{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:var( --e-global-color-text );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-46 .elementor-element.elementor-element-b9f8cc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-46 .elementor-element.elementor-element-b9f8cc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-46 .elementor-element.elementor-element-b9f8cc8 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-weight:600;text-transform:uppercase;}.elementor-46 .elementor-element.elementor-element-b9f8cc8 {--n-menu-title-color-hover:var( --e-global-color-accent );}.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-46 .elementor-element.elementor-element-4f2c9f6{--width:100%;}}@media(max-width:1440px){.elementor-46 .elementor-element.elementor-element-d2d267b{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-46 .elementor-element.elementor-element-d2d267b{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-46 .elementor-element.elementor-element-d2d267b{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-46 .elementor-element.elementor-element-d2d267b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-46 .elementor-element.elementor-element-d2d267b{--e-con-grid-template-columns:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--justify-items:center;}.elementor-46 .elementor-element.elementor-element-d2d267b.e-con{--order:0;}.elementor-46 .elementor-element.elementor-element-3597910{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-46 .elementor-element.elementor-element-0f715f4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-46 .elementor-element.elementor-element-4f2c9f6{--width:40%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-46 .elementor-element.elementor-element-07e1985{font-size:16px;}.elementor-46 .elementor-element.elementor-element-8b850e3{columns:2;font-size:16px;}.elementor-46 .elementor-element.elementor-element-a05f872{columns:2;font-size:16px;}}@media(min-width:1920px){.elementor-46 .elementor-element.elementor-element-d2d267b{--grid-auto-flow:row;}}/* Start custom CSS for mega-menu, class: .elementor-element-fa617a3 */.e-n-menu-wrapper{
    top:40px !important;
    
}

.elementor-46 .elementor-element.elementor-element-fa617a3 button:hover,
.elementor-46 .elementor-element.elementor-element-fa617a3 button:focus{
    background-color: transparent !important;
    border: none !important;
}

/* Keep the Menu widget sized to its toggle. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 {
        position: relative;
        width: auto !important;
        min-width: 0 !important;
        overflow: visible !important;
  }

  /* Establish the positioning reference for the dropdown. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu {
        position: relative !important;
  }

  /* Position the collapsed menu below the hamburger. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu-wrapper {
        top: calc(100% + 8px) !important;

        /* Anchor it to the right edge of the hamburger. */
        left: auto !important;
        right: 0 !important;

        /* Override Elementor's full-width stretch calculation. */
        width: min(320px, calc(100vw - 32px)) !important;
        max-width: calc(100vw - 32px) !important;

        --stretch-left: auto !important;
        --stretch-right: 0px !important;
        --stretch-width: min(320px, calc(100vw - 32px)) !important;

        box-sizing: border-box;
  }

  /* Display the dropdown items vertically. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu[data-layout="dropdown"] .e-n-menu-heading {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        width: 100% !important;
        min-width: 0 !important;

        /* Match the inner padding of the other dropdown panels (30px to text). */
        box-sizing: border-box;
        background-color: #FFFFFF;
        padding: 22px 14px !important;

  }

  /* Allow long labels to wrap instead of creating overflow. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu[data-layout="dropdown"] .e-n-menu-title {
        width: 100% !important;
        min-width: 0 !important;

        white-space: normal !important;
        overflow-wrap: anywhere;
  }

  /* Preserve the transparent toggle appearance. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu-toggle:hover {
        background-color: transparent !important;
        border-color: transparent !important;
  }

  /* Keep a visible keyboard focus indicator for accessibility. */
  .elementor-46 .elementor-element.elementor-element-fa617a3 .e-n-menu-toggle:focus-visible {
        background-color: transparent !important;
        outline: 2px solid currentColor !important;
        outline-offset: 4px;
  }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6759f3 *//* =========================================================
   CHUCK JONES HEADER
   ========================================================= */


/* =========================================================
   HEADER BACKGROUND
   TOP = TRANSPARENT + BLUR
   ========================================================= */
/*
.elementor-46 .elementor-element.elementor-element-b6759f3 {
        background-color: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        overflow: visible !important;
        isolation: isolate;
  }
 */

.elementor-46 .elementor-element.elementor-element-b6759f3::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        pointer-events: none;

        background-color: rgba(101, 7, 12, 0);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);

        transition:
                background-color 0.35s ease,
                backdrop-filter 0.35s ease,
                -webkit-backdrop-filter 0.35s ease;
  }

  .elementor-46 .elementor-element.elementor-element-b6759f3.is-scrolled::before,
  .cj-header.is-scrolled::before {
        background-color: #65070c;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
  }

/* =========================================================
   WHEN PAGE IS SCROLLED
   SOLID RED + NO BLUR
   ========================================================= */

.elementor-46 .elementor-element.elementor-element-b6759f3.is-scrolled,
.cj-header.is-scrolled {
    background-color: #65070C !important;

    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);

    box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
}


/* Make sure inner navigation does not cover
   the header background */
.cj-nav {
    background-color: transparent !important;
}


/* =========================================================
   ELEMENTS THAT COLLAPSE
   ========================================================= */

.cj-nav-menu,
.cj-nav-search {
    transition:
        opacity .25s ease,
        transform .25s ease,
        max-height .35s ease,
        height .35s ease,
        margin .35s ease,
        padding .35s ease;
}


/* =========================================================
   DESKTOP
   Scroll DOWN:
   hide only bottom menu
   ========================================================= */

@media (min-width: 768px) {

    .cj-header.is-compact .cj-nav-menu {
        opacity: 0 !important;
        visibility: hidden !important;

        transform: translateY(-10px);

        max-height: 0 !important;
        min-height: 0 !important;
        height: 0 !important;

        overflow: hidden !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        pointer-events: none;
    }

}


/* =========================================================
   CHUCK JONES NAV - MOBILE
   Desktop stays controlled by Elementor
   ========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       MAIN GRID
       ----------------------------------------------------- */

    .cj-nav {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            max-content !important;

        grid-template-areas:
            "logo actions"
            "search search"
            "menu menu" !important;

        align-items: center !important;

        column-gap: 12px !important;
        row-gap: 14px !important;

        width: 100% !important;

        padding: 10px 0 !important;
    }


    /* -----------------------------------------------------
       LOGO
       ----------------------------------------------------- */

    .cj-nav-logo {
        grid-area: logo !important;

        display: block !important;

        justify-self: start !important;
        align-self: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        opacity: 1 !important;
        visibility: visible !important;

        overflow: visible !important;

        position: relative !important;
        z-index: 5;
    }


    .cj-nav-logo img {
        display: block !important;

        width: clamp(155px, 50vw, 200px) !important;
        max-width: 100% !important;
        height: auto !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       USER + CART + HAMBURGER
       ----------------------------------------------------- */

    .cj-nav-actions {
        grid-area: actions !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        justify-self: end !important;
        align-self: center !important;

        width: max-content !important;
        min-width: max-content !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;
        z-index: 5;
    }


    .cj-nav-actions > * {
        flex: 0 0 auto !important;

        width: auto !important;
        min-width: max-content !important;

        margin: 0 !important;
    }


    /* Prevent Elementor from compressing icons */

    .cj-nav-actions .elementor-widget-icon,
    .cj-nav-actions .elementor-widget-woocommerce-menu-cart,
    .cj-nav-actions .elementor-widget-menu {
        width: auto !important;
        min-width: max-content !important;
        flex: 0 0 auto !important;
    }


    /* -----------------------------------------------------
       SEARCH
       ----------------------------------------------------- */

    .cj-nav-search {
        grid-area: search !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }


    .cj-nav-search input {
        width: 100% !important;
    }


    /* -----------------------------------------------------
       BOTTOM MENU
       ----------------------------------------------------- */

    .cj-nav-menu {
        grid-area: menu !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------------------
       ELEMENTOR NEW MENU WIDGET
       ----------------------------------------------------- */

    .cj-nav-menu .e-n-menu-heading {
        display: grid !important;

        grid-template-columns:
            max-content
            max-content
            max-content !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        gap: 8px !important;
    }


    .cj-nav-menu .e-n-menu-title {
        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        white-space: nowrap !important;
    }


    .cj-nav-menu .e-n-menu-title-text {
        font-size: 13px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       CLASSIC / WORDPRESS MENU
       ----------------------------------------------------- */

    .cj-nav-menu ul.menu,
    .cj-nav-menu ul.elementor-nav-menu {
        display: grid !important;

        grid-template-columns:
            max-content
            max-content
            max-content !important;

        justify-content: space-between !important;
        align-items: center !important;

        width: 100% !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    .cj-nav-menu ul.menu > li,
    .cj-nav-menu ul.elementor-nav-menu > li {
        width: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;
    }


    .cj-nav-menu ul.menu > li > a,
    .cj-nav-menu ul.elementor-nav-menu > li > a {
        width: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        font-size: 13px !important;
        line-height: 1.2 !important;

        white-space: nowrap !important;
    }


    /* -----------------------------------------------------
       REMOVE ELEMENTOR SPACING
       ----------------------------------------------------- */

    .cj-nav > .elementor-element,
    .cj-nav-actions > .elementor-element,
    .cj-nav-menu > .elementor-element {
        margin-block-start: 0 !important;
        margin-block-end: 0 !important;
    }


    /* =========================================================
   MOBILE COMPACT STATE
   Scroll DOWN:
   KEEP ONLY LOGO + ICONS

   IMPORTANTE:
   NO cambiamos grid-template-areas.
   Conservamos exactamente el grid mobile normal.
   ========================================================= */

@media (max-width: 767px) {

    /* El grid sigue siendo EL MISMO.
       Solo eliminamos espacios entre filas vacías. */
    .cj-header.is-compact .cj-nav {
        row-gap: 0 !important;

        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }


    /* -----------------------------------------------------
       SEARCH + BOTTOM MENU
       Los sacamos completamente del layout
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-search,
    .cj-header.is-compact .cj-nav-menu {
        display: none !important;
    }


    /* -----------------------------------------------------
       LOGO
       NO cambiamos su posición dentro del grid
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-logo {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        margin: 0 !important;

        transform: none !important;

        overflow: visible !important;

        position: relative !important;
        z-index: 10 !important;
    }


    .cj-header.is-compact .cj-nav-logo img {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: clamp(155px, 50vw, 200px) !important;
        max-width: 100% !important;
        height: auto !important;

        transform: none !important;
    }


    /* -----------------------------------------------------
       ACTIONS
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-actions {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        width: max-content !important;
        min-width: max-content !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }

}


    /* -----------------------------------------------------
       FORCE LOGO TO STAY VISIBLE IN COMPACT MODE
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-logo {
        grid-area: logo !important;

        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        justify-self: start !important;
        align-self: center !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    .cj-header.is-compact .cj-nav-logo img {
        display: block !important;

        opacity: 1 !important;
        visibility: visible !important;

        width: clamp(155px, 48vw, 190px) !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 1px !important;
        max-height: none !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    /* -----------------------------------------------------
       FORCE ICONS TO STAY VISIBLE
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-actions {
        grid-area: actions !important;

        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;

        justify-content: flex-end !important;
        align-items: center !important;

        justify-self: end !important;
        align-self: center !important;

        width: max-content !important;
        min-width: max-content !important;

        height: auto !important;
        max-height: none !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        transform: none !important;

        position: relative !important;
        z-index: 10 !important;
    }


    /* -----------------------------------------------------
       HIDE SEARCH + MENU
       ----------------------------------------------------- */

    .cj-header.is-compact .cj-nav-search,
    .cj-header.is-compact .cj-nav-menu {
        opacity: 0 !important;
        visibility: hidden !important;

        transform: translateY(-8px);

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        overflow: hidden !important;

        margin: 0 !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        pointer-events: none !important;
    }

}


/* --- cj: mobile compact search toggle (managed) ---
   The magnifier exists only for the collapsed mobile header. Everywhere else the
   search field itself is on screen, so the icon would just be a second way to
   reach something already visible. */

.cj-nav-search-toggle {
    display: none !important;
}

@media (max-width: 767px) {

    .cj-header.is-compact .cj-nav-search-toggle {
        display: block !important;

        /* Same box as the account icon it sits next to. */
        width: auto !important;
        min-width: max-content !important;
        flex: 0 0 auto !important;

        margin: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;

        position: relative !important;
        z-index: 10 !important;
    }

    /* A little smaller than the expanded header, to pay for the extra icon.
       Overrides the clamp(155px, 48vw, 190px) set further up. */
    .cj-header.is-compact .cj-nav-logo img {
        width: clamp(120px, 38vw, 150px) !important;
    }

}
/* --- end cj: mobile compact search toggle --- */


/* --- cj: nav icon alignment (managed) ---
   Elementor wraps each icon in an inline-block, so the line box adds a descender
   strut under the glyph: the widget ends up ~6px taller than what it draws and
   the icon rides ~3px above the row's centre. The nested-menu toggle is a flex
   button with no strut, which is why it alone sat on the true centre. Zeroing the
   wrappers' line-height makes every box exactly as tall as its glyph, so
   align-items:center lands all four icons on one axis. */

.cj-nav-actions .elementor-icon-wrapper,
.cj-nav-actions .elementor-menu-cart__wrapper {
    line-height: 0 !important;
}
/* --- end cj: nav icon alignment --- *//* End custom CSS */