.elementor-3769 .elementor-element.elementor-element-b963077{--display:flex;--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-4ec0d84 .e-off-canvas__overlay{background-color:#0000006E;}.elementor-3769 .elementor-element.elementor-element-4ec0d84{--e-off-canvas-justify-content:center;--e-off-canvas-align-items:flex-start;--e-off-canvas-width:70%;--e-off-canvas-height:fit-content;--e-off-canvas-content-overflow:initial;--e-off-canvas-animation-duration:1.5s;--e-off-canvas-overlay-opacity:1;}.elementor-3769 .elementor-element.elementor-element-4ec0d84 .e-off-canvas__content{border-radius:40px 40px 40px 40px;}.elementor-3769 .elementor-element.elementor-element-f9a82cc{--display:flex;--border-radius:40px 40px 40px 40px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-submit{background-color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-submit:hover{background-color:var( --e-global-color-d8afdd7 );--e-search-submit-color:var( --e-global-color-astglobalcolor4 );}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-input{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0.5px;border-radius:30px 30px 30px 30px;}.elementor-3769 .elementor-element.elementor-element-d880b1e{--e-search-placeholder-color:var( --e-global-color-text );--e-search-icon-label-color:var( --e-global-color-5b65873 );--e-search-input-padding-block-start:15px;--e-search-input-padding-inline-start:15px;--e-search-input-padding-block-end:15px;--e-search-input-padding-inline-end:15px;--e-search-icon-label-size:20px;--e-search-input-gap:10px;--e-search-icon-clear-size:20px;--e-search-icon-clear-color:var( --e-global-color-5b65873 );--e-search-submit-color:#FFFFFF;--e-search-submit-border-radius:30px 30px 30px 30px;--e-search-submit-padding:10px 30px 10px 30px;}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-input-wrapper > svg:hover{--e-search-icon-clear-color:var( --e-global-color-d8afdd7 );}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-input-wrapper > i:hover{--e-search-icon-clear-color:var( --e-global-color-d8afdd7 );}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-submit span{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:500;line-height:28px;letter-spacing:0.5px;}.elementor-3769 .elementor-element.elementor-element-03d413a{--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;--overlay-opacity:0.5;--border-radius:80px 80px 80px 80px;box-shadow:0px 10px 32px 0px rgba(0, 0, 0, 0.13);--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-03d413a:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-03d413a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3769 .elementor-element.elementor-element-03d413a::before, .elementor-3769 .elementor-element.elementor-element-03d413a > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-03d413a > .e-con-inner > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-03d413a > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-03d413a > .e-con-inner > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-03d413a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3769 .elementor-element.elementor-element-03d413a.e-con{--align-self:center;}.elementor-3769 .elementor-element.elementor-element-57079ca{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-57079ca.e-con{--align-self:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-3769 .elementor-element.elementor-element-6546616 img{width:130px;max-width:100%;}.elementor-3769 .elementor-element.elementor-element-a3143a0{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .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-widget-mega-menu > .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-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-3769 .elementor-element.elementor-element-b2b43fa{--display:flex;}.elementor-3769 .elementor-element.elementor-element-b2b43fa:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-b2b43fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-3769 .elementor-element.elementor-element-559d90d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;box-shadow:0px 30px 40px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-559d90d:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-559d90d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-3769 .elementor-element.elementor-element-8ebf4d5{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:50px;--padding-left:50px;--padding-right:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3769 .elementor-element.elementor-element-abb22ee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3769 .elementor-element.elementor-element-abb22ee .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;color:var( --e-global-color-5b65873 );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );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 );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3769 .elementor-element.elementor-element-b977d0e{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-3769 .elementor-element.elementor-element-b977d0e .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-3769 .elementor-element.elementor-element-b977d0e .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-3769 .elementor-element.elementor-element-edabe9b{--display:flex;--border-radius:0px 30px 30px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3769 .elementor-element.elementor-element-edabe9b:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-edabe9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FF;background-image:url("https://mattressunboxedco.com/wp-content/uploads/2026/08/neutral-tones-bedroom-elegant-bed-with-linen-bedding-1-e1781957521884-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:60% auto;}.elementor-3769 .elementor-element.elementor-element-9a1dd08{--display:flex;}.elementor-3769 .elementor-element.elementor-element-43444c7{--display:flex;}.elementor-3769 .elementor-element.elementor-element-22e7515{--display:flex;}.elementor-3769 .elementor-element.elementor-element-660a7aa{--display:flex;}.elementor-3769 .elementor-element.elementor-element-f98c7ad{--display:flex;}.elementor-3769 .elementor-element.elementor-element-51e4182{--n-menu-dropdown-content-max-width:initial;--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-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:10px;--n-menu-title-font-size:17px;--n-menu-title-color-normal:var( --e-global-color-astglobalcolor8 );--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-3769 .elementor-element.elementor-element-51e4182 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3769 .elementor-element.elementor-element-51e4182 > .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-3769 .elementor-element.elementor-element-51e4182 > .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-family:"Quicksand", Sans-serif;font-weight:700;letter-spacing:0.5px;}.elementor-3769 .elementor-element.elementor-element-51e4182 {--n-menu-title-color-hover:var( --e-global-color-d8afdd7 );--n-menu-title-color-active:var( --e-global-color-primary );}.elementor-3769 .elementor-element.elementor-element-0f7cd22{--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:center;--align-items:center;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#6BAED8;}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#6BAED8;}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3769 .elementor-element.elementor-element-d71ff68{--e-icon-list-icon-size:21px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-3769 .elementor-element.elementor-element-d71ff68 .elementor-icon-list-text{transition:color 0.3s;}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3769 .elementor-element.elementor-element-015a062{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:8px 8px 8px 8px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:var( --e-global-color-d8afdd7 );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-5b65873 );--cart-close-button-hover-color:var( --e-global-color-primary );--remove-item-button-color:var( --e-global-color-5b65873 );--remove-item-button-hover-color:var( --e-global-color-primary );--product-variations-color:var( --e-global-color-5b65873 );--product-price-color:var( --e-global-color-5b65873 );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:var( --e-global-color-astglobalcolor4 );--view-cart-button-background-color:var( --e-global-color-5b65873 );--view-cart-button-hover-text-color:var( --e-global-color-5b65873 );--view-cart-button-hover-background-color:#6EC1E400;--view-cart-button-padding:12px 12px 12px 12px;--checkout-button-text-color:#FFFFFF;--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-text-color:var( --e-global-color-5b65873 );--checkout-button-hover-background-color:#000D4900;--checkout-button-padding:12px 12px 12px 12px;}.elementor-3769 .elementor-element.elementor-element-015a062 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__product-name a{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__product .variation{font-family:"Quicksand", Sans-serif;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__product-price{font-family:"Quicksand", Sans-serif;font-weight:600;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-5b65873 );font-family:"Quicksand", Sans-serif;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-button--view-cart{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:40px 40px 40px 40px;}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-button--checkout{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-3769 .elementor-element.elementor-element-015a062 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:40px 40px 40px 40px;}.elementor-3769 .elementor-element.elementor-element-3bdfaeb{--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;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:80px 80px 80px 80px;box-shadow:0px 10px 32px 0px rgba(0, 0, 0, 0.13);--padding-top:7px;--padding-bottom:7px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-3bdfaeb:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3769 .elementor-element.elementor-element-3bdfaeb::before, .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .e-con-inner > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .e-con-inner > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-3bdfaeb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-3769 .elementor-element.elementor-element-3bdfaeb.e-con{--align-self:center;}.elementor-3769 .elementor-element.elementor-element-59e4280{--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-1be1f0e{--display:flex;--overlay-opacity:0;}.elementor-3769 .elementor-element.elementor-element-1be1f0e:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-1be1f0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-3769 .elementor-element.elementor-element-1be1f0e::before, .elementor-3769 .elementor-element.elementor-element-1be1f0e > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-1be1f0e > .e-con-inner > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-1be1f0e > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-1be1f0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-1be1f0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-3769 .elementor-element.elementor-element-c35105c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:30px 30px 30px 30px;box-shadow:0px 30px 40px 0px rgba(0, 0, 0, 0.15);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-c35105c:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-c35105c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-3769 .elementor-element.elementor-element-e5ed5c8{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:40px;--padding-bottom:50px;--padding-left:50px;--padding-right:25px;}.elementor-3769 .elementor-element.elementor-element-310f9e2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-3769 .elementor-element.elementor-element-310f9e2 .elementor-heading-title{font-family:"Quicksand", Sans-serif;font-size:20px;font-weight:700;letter-spacing:1px;color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-da77dde{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-3769 .elementor-element.elementor-element-da77dde .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-3769 .elementor-element.elementor-element-da77dde .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-3769 .elementor-element.elementor-element-1fb6571{--display:flex;--overlay-opacity:0;--border-radius:0px 30px 30px 0px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-3769 .elementor-element.elementor-element-1fb6571:not(.elementor-motion-effects-element-type-background), .elementor-3769 .elementor-element.elementor-element-1fb6571 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FF;background-image:url("https://mattressunboxedco.com/wp-content/uploads/2026/08/neutral-tones-bedroom-elegant-bed-with-linen-bedding-1-e1781957521884-1.png");background-position:bottom right;background-repeat:no-repeat;background-size:60% auto;}.elementor-3769 .elementor-element.elementor-element-1fb6571::before, .elementor-3769 .elementor-element.elementor-element-1fb6571 > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-1fb6571 > .e-con-inner > .elementor-background-video-container::before, .elementor-3769 .elementor-element.elementor-element-1fb6571 > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-1fb6571 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3769 .elementor-element.elementor-element-1fb6571 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-astglobalcolor5 );--background-overlay:'';}.elementor-3769 .elementor-element.elementor-element-72c57ca{--display:flex;}.elementor-3769 .elementor-element.elementor-element-bbbd180{--display:flex;}.elementor-3769 .elementor-element.elementor-element-4339172{--display:flex;}.elementor-3769 .elementor-element.elementor-element-b8f8139{--display:flex;}.elementor-3769 .elementor-element.elementor-element-afadb56{--display:flex;}.elementor-3769 .elementor-element.elementor-element-d1e16b8{--display:flex;}.elementor-3769 .elementor-element.elementor-element-791b09c{--n-menu-dropdown-content-max-width:initial;--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-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:10px;--n-menu-title-font-size:17px;--n-menu-title-color-normal:var( --e-global-color-astglobalcolor8 );--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;--n-menu-title-normal-color-dropdown:var( --e-global-color-5b65873 );--n-menu-title-active-color-dropdown:var( --e-global-color-astglobalcolor4 );--n-menu-dropdown-content-box-border-style:none;--n-menu-dropdown-content-box-shadow-horizontal:0px;--n-menu-dropdown-content-box-shadow-vertical:20px;--n-menu-dropdown-content-box-shadow-blur:40px;--n-menu-dropdown-content-box-shadow-spread:0px;--n-menu-dropdown-content-box-shadow-color:rgba(0, 0, 0, 0.13);}.elementor-3769 .elementor-element.elementor-element-791b09c > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#F8F9FB;}.elementor-3769 .elementor-element.elementor-element-791b09c > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-791b09c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-3769 .elementor-element.elementor-element-791b09c > .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-3769 .elementor-element.elementor-element-791b09c > .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-family:"Quicksand", Sans-serif;font-weight:700;letter-spacing:0.5px;}.elementor-3769 .elementor-element.elementor-element-791b09c {--n-menu-title-color-hover:var( --e-global-color-d8afdd7 );--n-menu-title-color-active:var( --e-global-color-primary );}:where( .elementor-3769 .elementor-element.elementor-element-791b09c > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{border-style:none;}.elementor-3769 .elementor-element.elementor-element-86b9c31 img{width:130px;max-width:100%;}body:not(.rtl) .elementor-3769 .elementor-element.elementor-element-3dcf97e{right:0px;}body.rtl .elementor-3769 .elementor-element.elementor-element-3dcf97e{left:0px;}.elementor-3769 .elementor-element.elementor-element-3dcf97e{top:0px;--e-icon-list-icon-size:21px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(24px/2);}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-24px/2);}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-24px/2);}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:#6BAED8;}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:#6BAED8;}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-3769 .elementor-element.elementor-element-3dcf97e .elementor-icon-list-text{transition:color 0.3s;}.elementor-3769 .elementor-element.elementor-element-175766c{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-border-width:0px;--toggle-icon-size:20px;--toggle-icon-padding:8px 8px 8px 8px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:var( --e-global-color-d8afdd7 );--cart-border-style:none;--cart-close-button-color:var( --e-global-color-5b65873 );--cart-close-button-hover-color:var( --e-global-color-primary );--remove-item-button-color:var( --e-global-color-5b65873 );--remove-item-button-hover-color:var( --e-global-color-primary );--product-variations-color:var( --e-global-color-5b65873 );--product-price-color:var( --e-global-color-5b65873 );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:var( --e-global-color-astglobalcolor4 );--view-cart-button-background-color:var( --e-global-color-5b65873 );--view-cart-button-hover-text-color:var( --e-global-color-5b65873 );--view-cart-button-hover-background-color:#6EC1E400;--view-cart-button-padding:12px 12px 12px 12px;--checkout-button-text-color:#FFFFFF;--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-text-color:var( --e-global-color-5b65873 );--checkout-button-hover-background-color:#000D4900;--checkout-button-padding:12px 12px 12px 12px;}.elementor-3769 .elementor-element.elementor-element-175766c .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__product-name a{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;letter-spacing:0.5px;color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__product .variation{font-family:"Quicksand", Sans-serif;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__product-price{font-family:"Quicksand", Sans-serif;font-weight:600;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__product-price .product-quantity{color:var( --e-global-color-5b65873 );font-family:"Quicksand", Sans-serif;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Quicksand", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-button--view-cart{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-5b65873 );}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{border-radius:40px 40px 40px 40px;}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-button--checkout{border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-3769 .elementor-element.elementor-element-175766c .elementor-menu-cart__footer-buttons a.elementor-button--checkout{border-radius:40px 40px 40px 40px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3769 .elementor-element.elementor-element-b963077{--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-3769 .elementor-element.elementor-element-6546616 img{width:120px;}.elementor-widget-divider .elementor-divider__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 );}.elementor-3769 .elementor-element.elementor-element-3bdfaeb{--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:center;--align-items:center;}.elementor-3769 .elementor-element.elementor-element-59e4280{--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:space-between;--align-items:center;}.elementor-3769 .elementor-element.elementor-element-791b09c{width:var( --container-widget-width, 40px );max-width:40px;--container-widget-width:40px;--container-widget-flex-grow:0;}.elementor-3769 .elementor-element.elementor-element-86b9c31 img{width:120px;}}@media(max-width:767px){.elementor-3769 .elementor-element.elementor-element-b963077{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3769 .elementor-element.elementor-element-4ec0d84{--e-off-canvas-width:90%;}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-input{font-size:14px;line-height:14px;letter-spacing:0px;}.elementor-3769 .elementor-element.elementor-element-d880b1e{--e-search-input-padding-block-start:7px;--e-search-input-padding-inline-start:7px;--e-search-input-padding-block-end:7px;--e-search-input-padding-inline-end:0px;--e-search-icon-label-size:15px;--e-search-input-gap:0px;--e-search-submit-padding:6px 15px 6px 15px;}.elementor-3769 .elementor-element.elementor-element-d880b1e .e-search-submit span{font-size:14px;line-height:14px;letter-spacing:0px;}.elementor-3769 .elementor-element.elementor-element-03d413a{--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-3769 .elementor-element.elementor-element-6546616 img{width:120px;}.elementor-widget-divider .elementor-divider__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 );}.elementor-3769 .elementor-element.elementor-element-51e4182{--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;}.elementor-3769 .elementor-element.elementor-element-3bdfaeb{--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:center;--border-radius:0px 0px 0px 0px;}.elementor-3769 .elementor-element.elementor-element-59e4280{--width:90%;--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:space-between;--align-items:center;}.elementor-3769 .elementor-element.elementor-element-1be1f0e{--overlay-opacity:1;}.elementor-3769 .elementor-element.elementor-element-c35105c{--flex-wrap:wrap;--border-radius:20px 20px 20px 20px;}.elementor-3769 .elementor-element.elementor-element-e5ed5c8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3769 .elementor-element.elementor-element-1fb6571{--overlay-opacity:0.9;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3769 .elementor-element.elementor-element-791b09c{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;width:var( --container-widget-width, 35px );max-width:35px;--container-widget-width:35px;--container-widget-flex-grow:0;--n-menu-title-space-between:0px;--n-menu-toggle-icon-distance-from-dropdown:18px;}.elementor-3769 .elementor-element.elementor-element-86b9c31 img{width:120px;}.elementor-3769 .elementor-element.elementor-element-3dcf97e{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;top:10px;}body:not(.rtl) .elementor-3769 .elementor-element.elementor-element-3dcf97e{right:14%;}body.rtl .elementor-3769 .elementor-element.elementor-element-3dcf97e{left:14%;}}@media(min-width:768px){.elementor-3769 .elementor-element.elementor-element-b963077{--content-width:1500px;}.elementor-3769 .elementor-element.elementor-element-57079ca{--width:15%;}.elementor-3769 .elementor-element.elementor-element-a3143a0{--width:70%;}.elementor-3769 .elementor-element.elementor-element-b2b43fa{--content-width:1440px;}.elementor-3769 .elementor-element.elementor-element-559d90d{--content-width:1440px;}.elementor-3769 .elementor-element.elementor-element-8ebf4d5{--width:65%;}.elementor-3769 .elementor-element.elementor-element-edabe9b{--width:35%;}.elementor-3769 .elementor-element.elementor-element-0f7cd22{--width:15%;}.elementor-3769 .elementor-element.elementor-element-59e4280{--width:70%;}.elementor-3769 .elementor-element.elementor-element-1be1f0e{--content-width:1440px;}.elementor-3769 .elementor-element.elementor-element-c35105c{--content-width:1440px;}.elementor-3769 .elementor-element.elementor-element-e5ed5c8{--width:65%;}.elementor-3769 .elementor-element.elementor-element-1fb6571{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3769 .elementor-element.elementor-element-3bdfaeb{--width:100%;}.elementor-3769 .elementor-element.elementor-element-59e4280{--width:95%;}}/* Start custom CSS for container, class: .elementor-element-f9a82cc */#off-canvas-4ec0d84 .e-off-canvas__main{
    top: 70px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f096790 *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        grid-template-columns: 1fr;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f69bfe8 *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        grid-template-columns: 1fr;
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}




/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
@media (max-width: 480px) {
    .attribute-menu-column {
        flex: 0 0 100%; /* Drops to a single full-width column on phones */
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-d71ff68 */.rightMenu .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg {
    fill: #6baed800 !important;
}
.rightMenu .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{
    fill: #6BAED8 !important;
    /*stroke: #6BAED8 !important;*/
}
.rightMenu .elementor-icon-list-item:nth-child(2):hover .elementor-icon-list-icon svg path{
    fill: #6baed800 !important;
    stroke: #6BAED8 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-015a062 */.cartMenu svg {
    fill: #6baed800 !important;
    stroke: #000D49 !important;
}
.cartMenu:hover svg path{
    fill: #6baed800 !important;
    stroke: #6BAED8 !important;
}
.cartMenu svg path{
    fill: #6baed800 !important;
    stroke: #000D49 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6ac674e *//* Create a strict 3-column grid structure */
.custom-woo-brands-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); /* Force exactly 3 equal columns */
    gap: 24px; /* Space between rows and columns */
    width: 100%;
}

/* Align thumbnail on the left and name on the right within each grid box */
.brand-item-link {
    display: flex;
    flex-direction: row; /* Keep items side-by-side */
    align-items: center; /* Center image and text vertically */
    gap: 16px; /* Space between the image wrapper and the text */
    text-decoration: none;
    color: #333;
}

/* Sizing wrapper to enforce exactly 120px image width */
.brand-thumb-wrapper {
    width: 100px;
    min-width: 100px; /* Prevent the image box from shrinking */
    flex-shrink: 0;
}

/* Image behavior inside its container */
.brand-woo-thumb {
    width: 100%;
    height: auto;
    display: block;
}

/* Brand Name styling on the right side */
.brand-title {
    font-weight: 700 !important;
    font-size: 16px;
}

/* RESPONSIVE FIX: Make it 1 column on smaller mobile screens so it doesn't squish */
@media (max-width: 767px) {
    .custom-woo-brands-grid {
        gap: 10px !important;
    }
    .brand-title{
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bdef25e *//* Responsive design: Stack them into 1 column on mobile screens */
@media (max-width: 768px) {
    .wpf_items_wrapper.wpf_layout_vertical .wpf_item {
        width: 100% !important;
    }
}


/* Container set to a 2-column grid layout */
.custom-woo-attributes-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* Force exactly 2 equal columns */
    gap: 30px; /* Space between rows and columns */
    width: 100%;
}

/* Individual attribute block styling */
.attribute-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Left-aligns the titles and items */
}

/* Header style for the Attribute Title */
.attribute-main-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 10px 0; /* Tight spacing above the items list */
    color: #222;
}

/* Reset list formatting for terms */
.attribute-terms-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column; /* Forces terms to stack vertically under title */
    gap: 8px; /* Space between each individual term */
}

/* Individual list item and link styling */
.attribute-term-item a {
    text-decoration: none;
    color: #000; /* Subtle color for terms */
    font-size: 15px;
    transition: color 0.2s ease;
}

/* Interactive hover color change */
.attribute-term-item a:hover {
    color: #000; 
}

/* RESPONSIVE FIX: Drop down to 1 column on smaller mobile screens */
@media (max-width: 767px) {
    .custom-woo-attributes-vertical-list {
        /*grid-template-columns: 1fr;*/
        gap: 20px; /* Slightly tighter gap on mobile views */
    }
}

/*New design*/

/* Layout container for the mega menu */
.mega-menu-attributes-container {
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* 40px spacing between rows, 30px between columns */
    padding: 0;
}

/* Force exactly 2 columns per row */
.attribute-menu-column {
    /* Calculates 50% width minus half of the 30px gap to sit perfectly side-by-side */
    flex: 0 0 calc(45% - 15px); 
    min-width: 170px; /* Prevents it from getting too squeezed on tablet screens */
    box-sizing: border-box;
}

/* Headings for each section */
.attribute-menu-heading {
    font-size: 16px;
    font-weight: 700;
    color: #222;
    margin-bottom: 12px;
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* List rules */
.attribute-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.attribute-menu-list li {
    margin-bottom: 0px;
}

/* Clickable Links */
.attribute-menu-item {
    text-decoration: none;
    color: #000 !important;
    font-size: 14px;
    font-weight: 600 !important;
    display: inline-block;
    transition: color 0.2s ease-in-out;
}

.attribute-menu-item:hover {
    color: #6BAED8 !important; /* Change to your Elementor accent/primary color */
}

/* Item Count styling */
.attribute-menu-list .count {
    display: none;
    font-size: 11px;
    color: #aaa;
    margin-left: 4px;
}

/* Responsive adjustment for small mobile screens */
/* Mobile: 3 columns */
@media (max-width: 767px) {
    .mega-menu-attributes-container {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .attribute-menu-column {
        flex: 0 0 calc(33.333% - 10px);
        min-width: 0;
        box-sizing: border-box;
    }

    .attribute-menu-heading {
        font-size: 14px;
    }

    .attribute-menu-item {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-3dcf97e */.rightMenu .elementor-icon-list-item:nth-child(2) .elementor-icon-list-icon svg {
    fill: #6baed800 !important;
}
.rightMenu .elementor-icon-list-item:hover .elementor-icon-list-icon svg path{
    fill: #6BAED8 !important;
    /*stroke: #6BAED8 !important;*/
}
.rightMenu .elementor-icon-list-item:nth-child(2):hover .elementor-icon-list-icon svg path{
    fill: #6baed800 !important;
    stroke: #6BAED8 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-175766c */.cartMenu svg {
    fill: #6baed800 !important;
    stroke: #000D49 !important;
}
.cartMenu:hover svg path{
    fill: #6baed800 !important;
    stroke: #6BAED8 !important;
}
.cartMenu svg path{
    fill: #6baed800 !important;
    stroke: #000D49 !important;
}/* End custom CSS */
/* Start custom CSS *//* Disable page scrolling when menu is active */
body.e-menu-no-scroll {
    overflow: hidden !important;
    height: 100vh !important;
    touch-action: none; /* Prevents mobile drag/swipe */
}

/* Ensure the nested content panel itself remains scrollable */
.e-n-menu-content,
[id^="e-n-menu-content-"] {
    max-height: calc(100vh - 80px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}/* End custom CSS */