.elementor-2048 .elementor-element.elementor-element-e717086{--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;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-0f9ae14{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.06);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2048 .elementor-element.elementor-element-0f9ae14:not(.elementor-motion-effects-element-type-background), .elementor-2048 .elementor-element.elementor-element-0f9ae14 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2B5983;}.elementor-2048 .elementor-element.elementor-element-317f623{--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:space-between;--align-items:center;}.elementor-2048 .elementor-element.elementor-element-1268ff1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.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-2048 .elementor-element.elementor-element-ca0ec50 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:11px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0.55px;color:#FFFFFFB2;}.elementor-2048 .elementor-element.elementor-element-ca0ec50{width:var( --container-widget-width, max-content );max-width:max-content;--container-widget-width:max-content;--container-widget-flex-grow:0;z-index:0;}.elementor-2048 .elementor-element.elementor-element-2a02687{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:6px;}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-5721f21.elementor-view-stacked .elementor-icon{background-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-5721f21.elementor-view-framed .elementor-icon, .elementor-2048 .elementor-element.elementor-element-5721f21.elementor-view-default .elementor-icon{fill:#FFFFFF00;color:#FFFFFF00;border-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon{font-size:14px;}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-title, .elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-title a{font-family:"Prompt", Sans-serif;font-size:11px;font-weight:400;line-height:1.5em;letter-spacing:1.9px;}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-description{font-family:"Prompt", Sans-serif;font-size:11px;font-weight:400;line-height:1.5em;letter-spacing:0.55px;color:#FFFFFFB3;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:6px;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-4b8df21.elementor-view-stacked .elementor-icon{background-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-4b8df21.elementor-view-framed .elementor-icon, .elementor-2048 .elementor-element.elementor-element-4b8df21.elementor-view-default .elementor-icon{fill:#FFFFFF00;color:#FFFFFF00;border-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon{font-size:14px;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-title, .elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-title a{font-family:"Prompt", Sans-serif;font-size:11px;font-weight:400;line-height:1.5em;letter-spacing:1.9px;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-description{font-family:"Prompt", Sans-serif;font-size:11px;font-weight:400;line-height:1.5em;letter-spacing:0.55px;color:#FFFFFFB3;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;--z-index:9999;}.elementor-2048 .elementor-element.elementor-element-db71360{--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:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-9055020{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.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-2048 .elementor-element.elementor-element-fad65c4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-menu-toggle{margin:0 auto;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu .elementor-item{font-family:"Prompt", Sans-serif;font-size:14px;font-weight:500;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item{color:#FFFFFFC9;fill:#FFFFFFC9;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .e--pointer-framed .elementor-item:before,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-2048 .elementor-element.elementor-element-b7cea1f .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#FFFFFF;}.elementor-2048 .elementor-element.elementor-element-b7cea1f{--e-nav-menu-horizontal-menu-item-margin:calc( 4px / 2 );}.elementor-2048 .elementor-element.elementor-element-b7cea1f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:4px;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-2048 .elementor-element.elementor-element-57b7994 .bdt-search-toggle{font-size:16px;}.elementor-2048 .elementor-element.elementor-element-57b7994 .bdt-search-input{border-radius:3px;}#modal-search-57b7994 .bdt-search-input{border-radius:3px;}.elementor-2048 .elementor-element.elementor-element-57b7994 .bdt-search .bdt-position-relative{border-radius:3px;}.elementor-2048 .elementor-element.elementor-element-57b7994{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;width:auto;max-width:auto;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2048 .elementor-element.elementor-element-e9a00ce .elementor-icon-wrapper{text-align:center;}.elementor-2048 .elementor-element.elementor-element-e9a00ce.elementor-view-stacked .elementor-icon{background-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-e9a00ce.elementor-view-framed .elementor-icon, .elementor-2048 .elementor-element.elementor-element-e9a00ce.elementor-view-default .elementor-icon{color:#FFFFFF00;border-color:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-e9a00ce.elementor-view-framed .elementor-icon, .elementor-2048 .elementor-element.elementor-element-e9a00ce.elementor-view-default .elementor-icon svg{fill:#FFFFFF00;}.elementor-2048 .elementor-element.elementor-element-e9a00ce .elementor-icon{font-size:18px;}.elementor-2048 .elementor-element.elementor-element-e9a00ce .elementor-icon svg{height:18px;}.elementor-2048 .elementor-element.elementor-element-e9a00ce{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.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-2048 .elementor-element.elementor-element-dc10e02{--side-cart-alignment-transform:translateX(-100%);--side-cart-alignment-right:auto;--side-cart-alignment-left:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--toggle-button-icon-color:#FFFFFFCC;--toggle-button-icon-hover-color:#FFFFFF;--toggle-button-border-width:0px;--toggle-button-border-radius:14px;--toggle-icon-size:16px;--toggle-icon-padding:2px 2px 2px 2px;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);z-index:99;}.elementor-2048 .elementor-element.elementor-element-dc10e02 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-2048 .elementor-element.elementor-element-c53c65f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2048 .elementor-element.elementor-element-c53c65f .elementor-button{font-family:"Prompt", Sans-serif;font-weight:500;background-color:#FFFFFF1A;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:30px 30px 30px 30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-2048 .elementor-element.elementor-element-e717086{--width:100%;}.elementor-2048 .elementor-element.elementor-element-0f9ae14{--width:100%;}.elementor-2048 .elementor-element.elementor-element-317f623{--width:1280px;}.elementor-2048 .elementor-element.elementor-element-1268ff1{--width:50%;}.elementor-2048 .elementor-element.elementor-element-2a02687{--width:50%;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--width:100%;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:1280px;}.elementor-2048 .elementor-element.elementor-element-9055020{--width:25%;}.elementor-2048 .elementor-element.elementor-element-fad65c4{--width:50%;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--width:25%;}}@media(max-width:1366px) and (min-width:768px){.elementor-2048 .elementor-element.elementor-element-e717086{--width:100%;}.elementor-2048 .elementor-element.elementor-element-317f623{--width:1080px;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--width:100%;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:1080px;}.elementor-2048 .elementor-element.elementor-element-9055020{--width:15%;}.elementor-2048 .elementor-element.elementor-element-fad65c4{--width:60%;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--width:25%;}}@media(max-width:1200px) and (min-width:768px){.elementor-2048 .elementor-element.elementor-element-317f623{--width:880px;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:880px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2048 .elementor-element.elementor-element-0f9ae14{--width:100%;}.elementor-2048 .elementor-element.elementor-element-317f623{--width:780px;}.elementor-2048 .elementor-element.elementor-element-1268ff1{--width:50%;}.elementor-2048 .elementor-element.elementor-element-2a02687{--width:50%;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--width:100%;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:780px;}.elementor-2048 .elementor-element.elementor-element-9055020{--width:105.00238037109px;}.elementor-2048 .elementor-element.elementor-element-fad65c4{--width:615.64495849609px;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--width:252.50790405273px;}}@media(max-width:880px) and (min-width:768px){.elementor-2048 .elementor-element.elementor-element-317f623{--width:680px;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:680px;}}@media(max-width:1366px){.elementor-2048 .elementor-element.elementor-element-317f623{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-db71360{--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;}}@media(max-width:1200px){.elementor-2048 .elementor-element.elementor-element-0f9ae14{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-db71360{--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:space-between;}}@media(max-width:1024px){.elementor-2048 .elementor-element.elementor-element-0f9ae14{--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-1268ff1{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-2048 .elementor-element.elementor-element-ca0ec50 .elementor-heading-title{font-size:11px;line-height:1.42em;}.elementor-2048 .elementor-element.elementor-element-ca0ec50{--container-widget-width:auto;--container-widget-flex-grow:0;width:var( --container-widget-width, auto );max-width:auto;}.elementor-2048 .elementor-element.elementor-element-2a02687{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-fad65c4{--gap:4px 4px;--row-gap:4px;--column-gap:4px;--flex-wrap:wrap;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--gap:11px 11px;--row-gap:11px;--column-gap:11px;}}@media(max-width:880px){.elementor-2048 .elementor-element.elementor-element-c9d5dd4.elementor-element{--order:99999 /* order end hack */;}}@media(max-width:767px){.elementor-2048 .elementor-element.elementor-element-e717086{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-0f9ae14{--width:100%;--min-height:0px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-2048 .elementor-element.elementor-element-317f623{--width:100%;--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:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-1268ff1{--width:0%;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-ca0ec50 .elementor-heading-title{font-size:11px;line-height:1.32em;}.elementor-2048 .elementor-element.elementor-element-2a02687{--width:100%;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-5721f21 .elementor-icon-box-wrapper{align-items:center;}.elementor-2048 .elementor-element.elementor-element-4b8df21 .elementor-icon-box-wrapper{align-items:center;}.elementor-2048 .elementor-element.elementor-element-8cd0895{--width:100%;--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:space-between;--flex-wrap:wrap;--padding-top:5px;--padding-bottom:5px;--padding-left:20px;--padding-right:20px;}.elementor-2048 .elementor-element.elementor-element-db71360{--width:100%;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-9055020{--width:50%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-9055020.e-con{--order:-99999 /* order start hack */;}.elementor-2048 .elementor-element.elementor-element-fad65c4{--width:10%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--gap:2px 2px;--row-gap:2px;--column-gap:2px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-2048 .elementor-element.elementor-element-fad65c4.e-con{--order:2;}.elementor-2048 .elementor-element.elementor-element-1e51fe6{--width:50%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:4px 4px;--row-gap:4px;--column-gap:4px;}.elementor-2048 .elementor-element.elementor-element-1e51fe6.e-con{--order:99999 /* order end hack */;}.elementor-2048 .elementor-element.elementor-element-57b7994{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2048 .elementor-element.elementor-element-c9d5dd4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 4px;width:auto;max-width:auto;}}/* Start custom CSS for html, class: .elementor-element-c9d5dd4 *//* ================================
   KC Mobile Drawer - FINAL CLEAN (1200px)
   ============================= */

.kc-mobile-menu-wrap {
  display: none;
}

@media (max-width: 1200px) {
  .kc-mobile-menu-wrap {
    display: block;
    position: relative;
    z-index: 10030;
  }

  /* ซ่อน mobile dropdown เดิมของ Elementor */
  .kc-header .kc-header-nav .elementor-menu-toggle,
  .kc-header .kc-header-nav .elementor-nav-menu--dropdown {
    display: none !important;
  }

  /* =========================
     Toggle button
     ========================= */
  .kc-mobile-toggle {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    box-shadow: none !important;
    overflow: hidden !important;
    transition: background-color 0.25s ease;
  }

  .kc-mobile-toggle:hover {
    background: rgba(246, 148, 29, 0.08) !important;
  }

  .kc-mobile-toggle-icon {
    position: relative !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    display: block !important;
    flex: 0 0 18px !important;
    line-height: 0 !important;
  }

  .kc-mobile-toggle-icon img {
    position: absolute !important;
    inset: 0 !important;
    width: 18px !important;
    height: 18px !important;
    max-width: none !important;
    display: block !important;
    object-fit: contain !important;
    pointer-events: none !important;
  }

  /* หน้าแรกก่อน scroll = ใช้ before-scroll icon */
  .kc-mobile-toggle-icon--before {
    opacity: 0;
    visibility: hidden;
  }

  .kc-mobile-toggle-icon--scrolled {
    opacity: 1;
    visibility: visible;
  }

  body.home:not(.kc-header-scrolled) .kc-mobile-toggle-icon--before {
    opacity: 1;
    visibility: visible;
  }

  body.home:not(.kc-header-scrolled) .kc-mobile-toggle-icon--scrolled {
    opacity: 0;
    visibility: hidden;
  }

  /* =========================
     Backdrop + drawer
     ========================= */
  .kc-mobile-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.16);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 10040;
  }

  .kc-mobile-drawer {
    position: fixed;
    top: 0;
    right: 0;
    width: 82vw;
    max-width: 320px;
    height: 100vh;
    background: #ffffff;
    box-shadow: -12px 0 32px rgba(0, 0, 0, 0.12);
    transform: translateX(100%);
    transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 10050;
    display: flex;
    flex-direction: column;
  }

  .kc-mobile-menu-wrap.is-open .kc-mobile-backdrop {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .kc-mobile-menu-wrap.is-open .kc-mobile-drawer {
    transform: translateX(0);
  }

  /* =========================
     Drawer header
     ========================= */
  .kc-mobile-drawer-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
  }

  .kc-mobile-logo {
    height: 36px;
    width: auto;
    display: block;
  }

  .kc-mobile-head-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 8px !important;
  }

  .kc-mobile-account-btn,
  .kc-mobile-close {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
  }

  /* account ปกติ = พื้นใส + ไอคอนเทา */
  .kc-mobile-account-btn {
    background: transparent !important;
  }

  /* account hover = พื้นครีมอ่อน + ไอคอนส้ม */
  .kc-mobile-account-btn:hover {
    background: rgba(246, 148, 29, 0.10) !important;
  }

  .kc-mobile-close {
    background: #f3f4f6 !important;
  }

  .kc-mobile-close:hover {
    background: #e5e7eb !important;
  }

  .kc-mobile-account-img,
  .kc-mobile-close-img {
    width: 16px !important;
    height: 16px !important;
    max-width: none !important;
    display: block !important;
    margin: 0 !important;
    vertical-align: middle !important;
    object-fit: contain !important;
    flex: 0 0 16px !important;
    pointer-events: none !important;
  }

  /* account icon ปกติ = เทา */
  .kc-mobile-account-img {
    filter: none;
    transition: filter 0.2s ease;
  }

  /* account icon hover = ส้ม */
  .kc-mobile-account-btn:hover .kc-mobile-account-img {
    filter: invert(60%) sepia(82%) saturate(1200%) hue-rotate(350deg)
            brightness(95%) contrast(95%);
  }

  /* close icon ไม่เปลี่ยน */
  .kc-mobile-close-img {
    filter: none;
  }

  /* กัน SVG inline เดิมหลงเหลือ */
  .kc-mobile-account-btn svg,
  .kc-mobile-close svg {
    display: none !important;
  }

  /* =========================
     Drawer nav
     ========================= */
  .kc-mobile-nav {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px 12px;
  }

  .kc-mobile-nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    color: #364153;
    font-family: "Prompt", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .kc-mobile-nav-link:hover {
    color: #f6941d;
    background: #f9fafb;
  }

  .kc-mobile-nav-link.is-active {
    background: rgba(246, 148, 29, 0.09);
    color: #f6941d;
    font-weight: 600;
  }

  .kc-mobile-nav-link.is-active::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #f6941d;
    transform: translateY(-50%);
  }

  /* =========================
     Drawer footer
     ========================= */
  .kc-mobile-footer {
    padding: 12px 16px 32px;
    border-top: 1px solid #f1f5f9;
  }

  .kc-mobile-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 10px;
  }

  .kc-mobile-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: #4b5563;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .kc-mobile-chip:hover {
    color: #f6941d;
    border-color: rgba(246, 148, 29, 0.35);
    background: rgba(246, 148, 29, 0.04);
  }

  .kc-mobile-chip svg,
  .kc-mobile-cta svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .kc-mobile-cta {
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f6941d;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 16px rgba(246, 148, 29, 0.25);
    transition: all 0.2s ease;
  }

  .kc-mobile-cta:hover {
    background: #e07d10;
    color: #ffffff;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e717086 *//* ---------- Header Base ---------- */
.kc-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition:
    background-color 0.5s ease,
    box-shadow 0.5s ease,
    backdrop-filter 0.5s ease;
  background: transparent;
}

.kc-header .e-con-inner,
.kc-header .elementor-container {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.kc-header .kc-mainbar {
  min-height: 68px;
}

body.admin-bar .kc-header {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .kc-header {
    top: 46px;
  }
}

/* ---------- Topbar ---------- */
.kc-header .kc-topbar {
  background: #2b5983;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition:
    max-height 0.5s ease,
    opacity 0.5s ease;
}

.kc-header .kc-topbar-inner {
  min-height: 36px;
}

.kc-header .kc-topbar,
.kc-header .kc-topbar a,
.kc-header .kc-topbar .elementor-icon-list-text,
.kc-header .kc-topbar .elementor-heading-title,
.kc-header .kc-topbar .elementor-widget-text-editor {
  color: rgba(255,255,255,0.7);
  font-size: 11px;
  letter-spacing: 0.06em;
}

.kc-header .kc-topbar a:hover {
  color: #fff;
}

/* ---------- Logo ---------- */
.kc-header .kc-header-logo img,
.kc-header .kc-header-logo-img img,
.kc-header .kc-header-logo-img {
  height: 40px;
  width: auto;
  transition: all 0.5s ease;
}

.kc-header .kc-header-logo:hover img,
.kc-header .kc-header-logo-img:hover img {
  transform: scale(1.03);
}

/* ---------- Desktop Nav Default (transparent state) ---------- */
.kc-header .kc-header-nav .elementor-nav-menu > li > a {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255,255,255,0.8);
  transition: color 0.3s ease;
}

.kc-header .kc-header-nav .elementor-nav-menu > li.current-menu-item > a,
.kc-header .kc-header-nav .elementor-nav-menu > li.current_page_item > a {
  color: #fff;
}

.kc-header .kc-header-nav .elementor-nav-menu > li > a:hover {
  color: #fff;
}

/* underline */
.kc-header .kc-header-nav .elementor-nav-menu > li > a::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255,255,255,0.7);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.kc-header .kc-header-nav .elementor-nav-menu > li > a:hover::after {
  transform: scaleX(1);
}

.kc-header .kc-header-nav .elementor-nav-menu > li.current-menu-item > a::after,
.kc-header .kc-header-nav .elementor-nav-menu > li.current_page_item > a::after {
  transform: scaleX(1);
  background: #fff;
}

/* ---------- Header Icons Default ---------- */
.kc-header .kc-header-icon,
.kc-header .kc-header-icon a,
.kc-header .kc-header-icon button,
.kc-header .kc-header-icon .elementor-icon,
.kc-header .kc-header-icon i,
.kc-header .kc-header-icon svg {
  color: rgba(255,255,255,0.8);
  fill: none;
  transition: all 0.2s ease;
}

.kc-header .kc-header-icon a,
.kc-header .kc-header-icon button {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.kc-header .kc-header-icon a:hover,
.kc-header .kc-header-icon button:hover {
  color: #fff;
  background: rgba(255,255,255,0.1);
}

/* ---------- Divider ---------- */
.kc-header .kc-header-divider {
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,0.2);
  transition: background-color 0.5s ease;
}

/* ---------- CTA Default ---------- */
.kc-header .kc-header-cta a,
.kc-header a.kc-header-cta,
.kc-header .kc-header-cta .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.3);
  backdrop-filter: blur(8px);
  box-shadow: none;
  transition: all 0.3s ease;
}

.kc-header .kc-header-cta a:hover,
.kc-header a.kc-header-cta:hover,
.kc-header .kc-header-cta .elementor-button:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  border-color: rgba(255,255,255,0.55);
  transform: none;
}

/* ---------- Cart Badge ---------- */
.kc-header .kc-cart-badge,
.kc-header .elementor-menu-cart__toggle .elementor-button-icon-qty,
.kc-header .wc-block-mini-cart__badge {
  min-width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #f6941d;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  line-height: 16px;
  text-align: center;
}

/* ---------- Bottom Gradient Line ---------- */
.kc-header .kc-header-gradient-line {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  opacity: 0;
  transition: opacity 0.5s ease;
  background: linear-gradient(
    90deg,
    transparent 0%,
    #f6941d 25%,
    #2b5983 75%,
    transparent 100%
  );
}

/* =========================================================
   SCROLLED / INNER PAGE STATE
   Add class by JS
   ========================================================= */

body.kc-header-scrolled .kc-header {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow:
    0 1px 0 rgba(0,0,0,0.06),
    0 8px 32px rgba(0,0,0,0.06);
}

body.kc-header-scrolled .kc-header .kc-topbar {
  max-height: 40px;
  opacity: 1;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li > a {
  color: #666;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li > a:hover {
  color: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li > a::after {
  background: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li.current-menu-item > a,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li.current_page_item > a {
  color: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li.current-menu-item > a::after,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu > li.current_page_item > a::after {
  background: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-icon,
body.kc-header-scrolled .kc-header .kc-header-icon a,
body.kc-header-scrolled .kc-header .kc-header-icon button,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon,
body.kc-header-scrolled .kc-header .kc-header-icon i,
body.kc-header-scrolled .kc-header .kc-header-icon svg {
  color: #6b7280;
}

body.kc-header-scrolled .kc-header .kc-header-icon a:hover,
body.kc-header-scrolled .kc-header .kc-header-icon button:hover {
  color: #f6941d;
  background: rgba(246,148,29,0.08);
}

body.kc-header-scrolled .kc-header .kc-header-divider {
  background: #e5e7eb;
}

body.kc-header-scrolled .kc-header .kc-header-cta a,
body.kc-header-scrolled .kc-header a.kc-header-cta,
body.kc-header-scrolled .kc-header .kc-header-cta .elementor-button {
  color: #fff;
  background: #f6941d;
  border-color: #f6941d;
  box-shadow: 0 4px 16px rgba(246,148,29,0.28);
}

body.kc-header-scrolled .kc-header .kc-header-cta a:hover,
body.kc-header-scrolled .kc-header a.kc-header-cta:hover,
body.kc-header-scrolled .kc-header .kc-header-cta .elementor-button:hover {
  color: #fff;
  background: #e07d10;
  border-color: #e07d10;
  box-shadow: 0 6px 22px rgba(246,148,29,0.38);
  transform: translateY(-2px);
}

body.kc-header-scrolled .kc-header .kc-header-gradient-line {
  opacity: 0.25;
}


/* ---------- DEFAULT STATE
   Home before scroll = white nav
   ---------- */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
  transition: color 0.3s ease;
}

/* hover before scroll */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:hover,
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:focus {
  color: #ffffff;
}

/* underline base */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item::after {
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.7);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

/* underline on hover before scroll */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:hover::after,
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:focus::after {
  transform: scaleX(1);
}

/* active before scroll */
.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item,
.kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item,
.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-ancestor > .elementor-item,
.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-parent > .elementor-item {
  color: #ffffff;
}

.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item::after,
.kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item::after,
.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-ancestor > .elementor-item::after,
.kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-parent > .elementor-item::after {
  transform: scaleX(1);
  background: #ffffff;
}

/* ---------- SCROLLED / INNER PAGE STATE
   scroll แล้ว = gray nav, active orange
   ---------- */
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item {
  color: #666666;
}

/* hover after scroll */
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:hover,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:focus {
  color: #f6941d;
}

/* underline color after scroll */
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item::after {
  background: #f6941d;
}

/* active after scroll */
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-ancestor > .elementor-item,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-parent > .elementor-item {
  color: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item::after,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item::after,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-ancestor > .elementor-item::after,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-parent > .elementor-item::after {
  transform: scaleX(1);
  background: #f6941d;
}

/* บังคับสีเมนูหน้าแรก ถ้ายังไม่มี current-menu-item */
body.home:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main li:first-child > .elementor-item {
  color: #ffffff;
}

body.home:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main li:first-child > .elementor-item::after {
  transform: scaleX(1);
  background: #ffffff;
}

body.home.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main li:first-child > .elementor-item {
  color: #f6941d;
}

body.home.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main li:first-child > .elementor-item::after {
  transform: scaleX(1);
  background: #f6941d;
}

/* ---------- Mobile ---------- */
@media (max-width: 1024px) {
  .kc-header .kc-header-nav {
    display: none;
  }

  .kc-header .kc-topbar .kc-topbar-left {
    display: none;
  }
}


/* =========================================================
   1) NAV LINK BASE
   ใช้ border-bottom แทน pseudo underline
   เพื่อให้เส้นยาวเท่าความกว้างข้อความ + padding ของลิงก์
   ========================================================= */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item {
  position: relative;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  padding: 8px 16px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    opacity 0.3s ease;
}

/* ปิด pseudo underline เดิมทั้งหมด */
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item::after,
.kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item::before {
  display: none !important;
  content: none !important;
}

/* =========================================================
   2) DEFAULT STATE
   Home before scroll = white / white underline
   ========================================================= */
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item {
  color: rgba(255, 255, 255, 0.8);
  border-bottom-color: transparent;
}

body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:hover,
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:focus {
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.72);
}

/* active before scroll */
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item,
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item,
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-parent > .elementor-item,
body:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-ancestor > .elementor-item {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/* กรณีหน้าแรกยังไม่มี current-menu-item */
body.home:not(.kc-header-scrolled) .kc-header .kc-header-nav .elementor-nav-menu--main > li:first-child > .elementor-item {
  color: #ffffff;
  border-bottom-color: #ffffff;
}

/* =========================================================
   3) SCROLLED / INNER PAGE STATE
   : active orange, inactive gray, hover orange
   ========================================================= */
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item {
  color: #666666;
  border-bottom-color: transparent;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:hover,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .elementor-item:focus {
  color: #f6941d;
  border-bottom-color: #f6941d;
}

body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current-menu-item > .elementor-item,
body.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main .current_page_item > .elementor-item,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-parent > .elementor-item,
body.kc-header-scrolled .kc-header .elementor-nav-menu--main .current-menu-ancestor > .elementor-item {
  color: #f6941d;
  border-bottom-color: #f6941d;
}

/* กรณีหน้าแรกยังไม่มี current-menu-item */
body.home.kc-header-scrolled .kc-header .kc-header-nav .elementor-nav-menu--main > li:first-child > .elementor-item {
  color: #f6941d;
  border-bottom-color: #f6941d;
}


/* ---------- base clickable area ---------- */
.kc-header .kc-header-icon .bdt-search-toggle,
.kc-header .kc-header-icon .elementor-icon,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px; 
  background-color: transparent !important; /* ไม่ให้ทึบ */
  box-shadow: none !important;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    opacity 0.25s ease;
}

/* ---------- remove any plugin-added background/fill ---------- */
.kc-header .kc-header-icon .bdt-search-toggle::before,
.kc-header .kc-header-icon .bdt-search-toggle::after,
.kc-header .kc-header-icon .elementor-icon::before,
.kc-header .kc-header-icon .elementor-icon::after,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button::before,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button::after {
  display: none !important;
  content: none !important;
}

/* ---------- svg must follow currentColor ---------- */
.kc-header .kc-header-icon svg path,
.kc-header .kc-header-icon svg circle,
.kc-header .kc-header-icon svg line,
.kc-header .kc-header-icon svg polyline,
.kc-header .kc-header-icon svg rect {
  stroke: currentColor !important;
}

/* เผื่อบาง icon ใช้ fill */
.kc-header .kc-header-icon svg path[fill]:not([fill="none"]),
.kc-header .kc-header-icon svg rect[fill]:not([fill="none"]),
.kc-header .kc-header-icon svg circle[fill]:not([fill="none"]) {
  fill: currentColor !important;
}

/* ---------- DEFAULT STATE : before scroll ---------- */
body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .bdt-search-toggle,
body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .elementor-icon,
body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  color: rgba(255, 255, 255, 0.82) !important;
  background-color: transparent !important;
}

body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .bdt-search-toggle:hover,
body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .elementor-icon:hover,
body.home:not(.kc-header-scrolled) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important; /* จางมาก */
}

/* ---------- SCROLLED STATE + INNER PAGES ---------- */
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle,
body:not(.home) .kc-header .kc-header-icon .elementor-icon,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  color: #6b7280 !important;            /* เทาแบบฟิกม่า */
  background-color: transparent !important;
}

body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover {
  color: #f6941d !important;
  background-color: rgba(246, 148, 29, 0.06) !important; /* เบากว่าของเดิม */
}

/* ---------- menu cart: hide subtotal text, keep icon only ---------- */
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button .elementor-button-text {
  display: none !important;
}

.kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  font-size: 0 !important;
}

/* ---------- keep cart badge orange ---------- */
.kc-header .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
  background: #f6941d !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* ---------- search plugin override guard ---------- */
.kc-header .kc-header-icon .bdt-search-container,
.kc-header .kc-header-icon .bdt-search-toggle {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* บังคับให้ cart svg ใช้ currentColor แทนค่าจาก Elementor */
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button .elementor-button-icon svg,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button .elementor-button-icon svg path {
  fill: currentColor !important;
  stroke: none !important; /* icon cart ตัวนี้ใช้ fill เป็นหลัก */
}

/* ---------- before scroll: home transparent state ---------- */
body.home:not(.kc-header-scrolled)
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  color: rgba(255, 255, 255, 0.82) !important;
  background-color: transparent !important;
}

body.home:not(.kc-header-scrolled)
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover {
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

/* ---------- after scroll / inner pages ---------- */
body.kc-header-scrolled
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button,
body:not(.home)
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  color: #6b7280 !important;
  background-color: transparent !important;
}

body.kc-header-scrolled
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body:not(.home)
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover {
  color: #f6941d !important;
  background-color: rgba(246, 148, 29, 0.06) !important;
}

/* กัน Elementor ใส่สีทับจากตัวแปร */
.kc-header .elementor-menu-cart__toggle .elementor-button svg,
.kc-header .elementor-menu-cart__toggle .elementor-button-icon svg,
.kc-header .elementor-menu-cart__toggle .elementor-button-icon svg path {
  fill: currentColor !important;
}

/* base icon button */
.kc-header .kc-header-icon .bdt-search-toggle,
.kc-header .kc-header-icon .elementor-icon,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  width: 36px;
  height: 36px;
  min-width: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px; /* rounded-xl */
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease,
    opacity 0.2s ease;
}

/* default state: after scroll / inner pages */
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle,
body:not(.home) .kc-header .kc-header-icon .elementor-icon,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button {
  color: #6b7280 !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* hover state: like Figma */
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:focus,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:focus,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:focus,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:hover,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:focus,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:focus,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:focus {
  color: #f6941d !important;
  background-color: rgba(246, 148, 29, 0.08) !important; /* hover:bg-[#f6941d]/8 */
  box-shadow: none !important;
}

/* cart svg ต้องตาม currentColor */
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button .elementor-button-icon svg,
.kc-header .kc-header-icon .elementor-menu-cart__toggle_button .elementor-button-icon svg path {
  fill: currentColor !important;
  stroke: none !important;
}

/* search / account svg */
.kc-header .kc-header-icon .bdt-search-toggle svg,
.kc-header .kc-header-icon .bdt-search-toggle svg * ,
.kc-header .kc-header-icon .elementor-icon svg,
.kc-header .kc-header-icon .elementor-icon svg * {
  stroke: currentColor !important;
}

/* ห้าม badge โดนพื้นหลัง hover ทับ */
.kc-header .elementor-menu-cart__toggle_button .elementor-button-icon-qty {
  background: #f6941d !important;
  color: #fff !important;
}


/* hover button state */
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:focus,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:focus,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:focus,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:hover,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:focus,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:focus,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:focus {
  color: #f6941d !important;
  background-color: rgba(246, 148, 29, 0.08) !important;
  box-shadow: none !important;
}

/* force search + account svg to orange on hover */
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:hover svg,
body.kc-header-scrolled .kc-header .kc-header-icon .bdt-search-toggle:hover svg *,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:hover svg,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-icon:hover svg *,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:hover svg,
body:not(.home) .kc-header .kc-header-icon .bdt-search-toggle:hover svg *,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:hover svg,
body:not(.home) .kc-header .kc-header-icon .elementor-icon:hover svg * {
  stroke: #f6941d !important;
  color: #f6941d !important;
}

/* force cart svg to orange on hover */
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover svg,
body.kc-header-scrolled .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover svg *,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover svg,
body:not(.home) .kc-header .kc-header-icon .elementor-menu-cart__toggle_button:hover svg * {
  fill: #f6941d !important;
  stroke: none !important;
  color: #f6941d !important;
}

/* keep cart badge orange, do not inherit hover icon color */
.kc-header .elementor-menu-cart__toggle_button:hover .elementor-button-icon-qty,
.kc-header .elementor-menu-cart__toggle_button:hover .elementor-button-icon-qty * {
  background: #f6941d !important;
  color: #fff !important;
  fill: none !important;
  stroke: none !important;
}


/* ให้ overlay ของ Elementor อยู่เหนือ header */
.elementor-menu-cart__container,
.elementor-menu-cart__container.elementor-lightbox {
  z-index: 10050 !important;
}

/* รีเซ็ต panel ให้กลับมาใกล้ default */
.elementor-menu-cart__main {
  position: fixed !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 360px !important;
  max-width: min(92vw, 360px) !important;
  background: #ffffff !important;
  color: #111827 !important;
  overflow-y: auto !important;
  z-index: 10051 !important;
  box-sizing: border-box !important;
}

/* หน้าแรกก่อน scroll */
body.home:not(.kc-header-scrolled) .elementor-menu-cart__main {
  top: 68px !important; /* mainbar only */
  max-height: calc(100vh - 68px) !important;
}

/* หน้าแรกหลัง scroll + หน้าใน */
body.kc-header-scrolled .elementor-menu-cart__main,
body:not(.home) .elementor-menu-cart__main {
  top: 104px !important; /* topbar 36 + mainbar 68 */
  max-height: calc(100vh - 104px) !important;
}

/* admin bar */
body.admin-bar.home:not(.kc-header-scrolled) .elementor-menu-cart__main {
  top: 100px !important; /* 68 + 32 */
  max-height: calc(100vh - 100px) !important;
}

body.admin-bar.kc-header-scrolled .elementor-menu-cart__main,
body.admin-bar:not(.home) .elementor-menu-cart__main {
  top: 136px !important; /* 104 + 32 */
  max-height: calc(100vh - 136px) !important;
}

@media (max-width: 782px) {
  body.admin-bar.home:not(.kc-header-scrolled) .elementor-menu-cart__main {
    top: 114px !important; /* 68 + 46 */
    max-height: calc(100vh - 114px) !important;
  }

  body.admin-bar.kc-header-scrolled .elementor-menu-cart__main,
  body.admin-bar:not(.home) .elementor-menu-cart__main {
    top: 150px !important; /* 104 + 46 */
    max-height: calc(100vh - 150px) !important;
  }
}/* End custom CSS */