.elementor-37431 .elementor-element.elementor-element-893ba34{--display:flex;}.elementor-37431 .elementor-element.elementor-element-aface88{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-37431 .elementor-element.elementor-element-c322901{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.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-37431 .elementor-element.elementor-element-c223311{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-37431 .elementor-element.elementor-element-d505f7a{--display:flex;}.elementor-37431 .elementor-element.elementor-element-d7c0a34{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-37431 .elementor-element.elementor-element-6e41d16 > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-6e41d16.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-6e41d16 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37431 .elementor-element.elementor-element-c188032 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-c188032{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-next{right:-60px;}.elementor-37431 .elementor-element.elementor-element-d0b3234{--display:flex;}.elementor-37431 .elementor-element.elementor-element-7b33296{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37431 .elementor-element.elementor-element-587d60b > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-587d60b.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-587d60b .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-37431 .elementor-element.elementor-element-21c48a9 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-21c48a9{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-next{right:-60px;}.elementor-37431 .elementor-element.elementor-element-88f85e7{--display:flex;}.elementor-37431 .elementor-element.elementor-element-b43d8f7{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37431 .elementor-element.elementor-element-6350b79 > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-6350b79.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-6350b79 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-37431 .elementor-element.elementor-element-2bc3a4f > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-2bc3a4f{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-next{right:-60px;}.elementor-37431 .elementor-element.elementor-element-25a473b{--display:flex;}.elementor-37431 .elementor-element.elementor-element-036aab4{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37431 .elementor-element.elementor-element-ad956e5 > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-ad956e5.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-ad956e5 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-37431 .elementor-element.elementor-element-2ad8daf > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-2ad8daf{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-next{right:-60px;}.elementor-37431 .elementor-element.elementor-element-a6eb556{--display:flex;}.elementor-37431 .elementor-element.elementor-element-64c81e9{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37431 .elementor-element.elementor-element-1fcc954 > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-1fcc954.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-1fcc954 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-37431 .elementor-element.elementor-element-9424f3d > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-9424f3d{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-next{right:-60px;}.elementor-37431 .elementor-element.elementor-element-9e25bb9{--display:flex;}.elementor-37431 .elementor-element.elementor-element-7ca5a74{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37431 .elementor-element.elementor-element-4878ef3 > .elementor-widget-container{margin:0px 8px -10px -10px;padding:0px 0px 10px 0px;}.elementor-37431 .elementor-element.elementor-element-4878ef3.elementor-element{--align-self:flex-start;}.elementor-37431 .elementor-element.elementor-element-4878ef3 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-weight:bold;}.elementor-37431 .elementor-element.elementor-element-e023ce3 > .elementor-widget-container{margin:-15px -15px -15px -15px;padding:15px 20px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-e023ce3{font-family:"Noto Sans Thai", Sans-serif;font-weight:400;color:#3DB3E6;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-wc-carousel-item{border-style:solid;border-width:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-wc-carousel-item, .elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .swiper-carousel{border-radius:0px 0px 0px 0px;overflow:hidden;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-wc-carousel-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-item-skin-hidie .bdt-products-skin-desc{padding:10px 10px 0px 10px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .swiper-carousel{padding:10px;margin:0 -10px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-badge{right:auto;left:0;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-wc-carousel-title{padding:0px 0px 0px 0px;font-size:15px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-item-skin-hidie .bdt-products-skin-title{padding:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-products-skin-price del{margin:0px 0px 0px 0px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-products-skin-price, .elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .bdt-products-skin-price ins{margin:15px 0px 0px 0px;font-weight:bold;line-height:0px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .star-rating:before{color:#e7e7e7;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-wc-carousel .star-rating span{color:#FFCC00;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-prev{left:-60px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-next{right:-60px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-37431 .elementor-element.elementor-element-893ba34{--width:90%;}.elementor-37431 .elementor-element.elementor-element-aface88{--content-width:1250px;}.elementor-37431 .elementor-element.elementor-element-c322901{--width:50%;}.elementor-37431 .elementor-element.elementor-element-c223311{--width:50%;}.elementor-37431 .elementor-element.elementor-element-d505f7a{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-d7c0a34{--width:100%;}.elementor-37431 .elementor-element.elementor-element-d0b3234{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-7b33296{--width:100%;}.elementor-37431 .elementor-element.elementor-element-88f85e7{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-b43d8f7{--width:100%;}.elementor-37431 .elementor-element.elementor-element-25a473b{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-036aab4{--width:100%;}.elementor-37431 .elementor-element.elementor-element-a6eb556{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-64c81e9{--width:100%;}.elementor-37431 .elementor-element.elementor-element-9e25bb9{--content-width:1225px;}.elementor-37431 .elementor-element.elementor-element-7ca5a74{--width:100%;}}@media(max-width:1024px){.elementor-37431 .elementor-element.elementor-element-6e41d16 .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-c188032{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-587d60b .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-21c48a9{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-6350b79 .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-2bc3a4f{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-ad956e5 .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-2ad8daf{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-1fcc954 .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-9424f3d{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-4878ef3 .elementor-heading-title{font-size:23px;}.elementor-37431 .elementor-element.elementor-element-e023ce3{font-size:15px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-next i{font-size:24px;}}@media(max-width:767px){.elementor-37431 .elementor-element.elementor-element-6e41d16 .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-c188032{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-587d60b .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-21c48a9{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-0078b78 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-6350b79 .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-2bc3a4f{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-ed59d65 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-ad956e5 .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-2ad8daf{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-92c5b42 .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-1fcc954 .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-9424f3d{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-79d6ada .bdt-navigation-next i{font-size:24px;}.elementor-37431 .elementor-element.elementor-element-4878ef3 .elementor-heading-title{font-size:20px;}.elementor-37431 .elementor-element.elementor-element-e023ce3{font-size:12px;}.elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-prev i,
            .elementor-37431 .elementor-element.elementor-element-22c3296 .bdt-navigation-next i{font-size:24px;}}/* Start custom CSS for container, class: .elementor-element-893ba34 *//* ===== ทำให้ 2 ปุ่มเหมือนกัน ===== */
.ts-btn-primary,
.ts-btn-secondary {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;

  color: var(--ts-blue-deep) !important;
  background: var(--ts-white) !important;
  border: 1px solid var(--ts-border-strong) !important;

  box-shadow: 0 4px 12px rgba(17, 133, 203, 0.05) !important;
  text-shadow: none !important;
}

/* Hover เหมือนกัน */
.ts-btn-primary:hover,
.ts-btn-secondary:hover,
.ts-btn-primary:focus-visible,
.ts-btn-secondary:focus-visible {
  color: var(--ts-blue) !important;
  border-color: var(--ts-blue) !important;
  background: var(--ts-white) !important;
  box-shadow: 0 8px 18px rgba(17, 133, 203, 0.10) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aface88 *//* 1. จัดการทรงแคปซูล พื้นฐาน */
.elementor-37431 .elementor-element.elementor-element-aface88 .toolsheep-capsule {
    background-color: #ffffff !important;
    border-radius: 40px !important; /* ความมนทรงแคปซูล */
    border: 1px solid #eaeaea !important; /* ขอบสีเทาอ่อน สไตล์มินิมอล */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04) !important; /* เงาเริ่มต้นแบบบางเบา */
    padding: 0px 0px !important; /* ระยะห่างด้านใน ให้ดูโปร่ง ไม่อึดอัด */
    overflow: hidden !important; /* ป้องกันรูปภาพข้างในทะลุขอบโค้ง */
    
    /* พระเอกของเรา: cubic-bezier ทำให้จังหวะการเด้งดูมีน้ำหนัก สมูท และแพงกว่า ease ปกติ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
}

/* 2. ลูกเล่นตอนเอาเมาส์ชี้ (Hover Effect) */
.elementor-37431 .elementor-element.elementor-element-aface88 .toolsheep-capsule:hover {
    transform: translateY(-8px) scale(1.01) !important; /* ลอยขึ้นพร้อมขยายร่างนิดๆ ให้ดูป๊อปอัปเข้ามาหาลูกค้า */
    box-shadow: 0 15px 35px rgba(0, 163, 224, 0.12) !important; /* เงาเปลี่ยนเป็นสีฟ้า Toolsheep แบบฟุ้งๆ */
    border-color: #00A3E0 !important; /* ขอบเปลี่ยนเป็นสีฟ้า */
}

/* 3. เสริมความสมูทให้เนื้อหาข้างใน (ถ้ามีรูปภาพ) */
.elementor-37431 .elementor-element.elementor-element-aface88 .toolsheep-capsule img {
    transition: transform 0.5s ease !important;
}
.elementor-37431 .elementor-element.elementor-element-aface88 .toolsheep-capsule:hover img {
    transform: scale(1.05) !important; /* เวลาเมาส์ชี้กล่อง ให้รูปสินค้าข้างในซูมเข้าเบาๆ */
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6e41d16 *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-6e41d16 .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-6e41d16 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c188032 */.elementor-37431 .elementor-element.elementor-element-c188032 a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-c188032 a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-9d5d5a4 *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 h2, .elementor-37431 .elementor-element.elementor-element-9d5d5a4 h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .onsale, 
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .onsale::after,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-9d5d5a4 .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .product-title,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 h2, .elementor-37431 .elementor-element.elementor-element-9d5d5a4 h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .price,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-9d5d5a4 .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-587d60b *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-587d60b .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-587d60b .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-21c48a9 */.elementor-37431 .elementor-element.elementor-element-21c48a9 a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-21c48a9 a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-0078b78 *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-0078b78 .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-0078b78 .product,
.elementor-37431 .elementor-element.elementor-element-0078b78 .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-0078b78 .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-0078b78 .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-0078b78 .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-0078b78 .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-0078b78 .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-0078b78 h2, .elementor-37431 .elementor-element.elementor-element-0078b78 h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-0078b78 .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-0078b78 .onsale, 
.elementor-37431 .elementor-element.elementor-element-0078b78 .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-0078b78 .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-0078b78 .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-0078b78 .onsale::after,
.elementor-37431 .elementor-element.elementor-element-0078b78 .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-0078b78 .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-0078b78 .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-0078b78 .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-0078b78 .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-0078b78 .product,
    .elementor-37431 .elementor-element.elementor-element-0078b78 li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-0078b78 img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-0078b78 .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-0078b78 .product-title,
    .elementor-37431 .elementor-element.elementor-element-0078b78 h2, .elementor-37431 .elementor-element.elementor-element-0078b78 h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-0078b78 .price,
    .elementor-37431 .elementor-element.elementor-element-0078b78 .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-0078b78 .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-0078b78 .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d0b3234 *//* =========================================
   UI Update: เปลี่ยนข้อความ "ติดต่อขอราคา" เป็นปุ่มสีฟ้า (Hover สีส้มตาม Ref)
   ========================================= */

.contact-price {
    background-color: #00A3E0 !important; 
    color: #FFFFFF !important; 
    padding: 6px 18px !important; 
    border-radius: 20px !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    width: max-content !important; 
    margin: 10px auto !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    line-height: 1.5 !important;
    text-align: center !important;
    box-shadow: 0 2px 5px rgba(0, 163, 224, 0.2) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    cursor: pointer !important;
}

/* --- 🌟 แก้ไข: เอฟเฟกต์ Hover เปลี่ยนเป็นสีส้มพร้อมเงาเรืองแสง --- */
.contact-price:hover {
    background-color: #FF9900 !important; /* เปลี่ยนพื้นหลังเป็นสีส้ม Toolsheep */
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4) !important; /* เปลี่ยนเงาเป็นสีส้ม ให้ดูมีมิติเหมือนในภาพ */
    color: #FFFFFF !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6350b79 *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-6350b79 .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-6350b79 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2bc3a4f */.elementor-37431 .elementor-element.elementor-element-2bc3a4f a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-2bc3a4f a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-ed59d65 *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-ed59d65 .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .product,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-ed59d65 .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-ed59d65 .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-ed59d65 .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-ed59d65 h2, .elementor-37431 .elementor-element.elementor-element-ed59d65 h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-ed59d65 .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-ed59d65 .onsale, 
.elementor-37431 .elementor-element.elementor-element-ed59d65 .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-ed59d65 .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-ed59d65 .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-ed59d65 .onsale::after,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-ed59d65 .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .product,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-ed59d65 img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .product-title,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 h2, .elementor-37431 .elementor-element.elementor-element-ed59d65 h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .price,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-ed59d65 .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88f85e7 *//* =========================================
   UI Update: เปลี่ยนข้อความ "ติดต่อขอราคา" เป็นปุ่มสีฟ้า (Hover สีส้มตาม Ref)
   ========================================= */

.contact-price {
    background-color: #00A3E0 !important; 
    color: #FFFFFF !important; 
    padding: 6px 18px !important; 
    border-radius: 20px !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    width: max-content !important; 
    margin: 10px auto !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    line-height: 1.5 !important;
    text-align: center !important;
    box-shadow: 0 2px 5px rgba(0, 163, 224, 0.2) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    cursor: pointer !important;
}

/* --- 🌟 แก้ไข: เอฟเฟกต์ Hover เปลี่ยนเป็นสีส้มพร้อมเงาเรืองแสง --- */
.contact-price:hover {
    background-color: #FF9900 !important; /* เปลี่ยนพื้นหลังเป็นสีส้ม Toolsheep */
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4) !important; /* เปลี่ยนเงาเป็นสีส้ม ให้ดูมีมิติเหมือนในภาพ */
    color: #FFFFFF !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ad956e5 *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-ad956e5 .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-ad956e5 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2ad8daf */.elementor-37431 .elementor-element.elementor-element-2ad8daf a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-2ad8daf a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-92c5b42 *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-92c5b42 .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .product,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-92c5b42 .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-92c5b42 .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-92c5b42 .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-92c5b42 h2, .elementor-37431 .elementor-element.elementor-element-92c5b42 h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-92c5b42 .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-92c5b42 .onsale, 
.elementor-37431 .elementor-element.elementor-element-92c5b42 .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-92c5b42 .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-92c5b42 .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-92c5b42 .onsale::after,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-92c5b42 .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .product,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-92c5b42 img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .product-title,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 h2, .elementor-37431 .elementor-element.elementor-element-92c5b42 h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .price,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-92c5b42 .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25a473b *//* =========================================
   UI Update: เปลี่ยนข้อความ "ติดต่อขอราคา" เป็นปุ่มสีฟ้า (Hover สีส้มตาม Ref)
   ========================================= */

.contact-price {
    background-color: #00A3E0 !important; 
    color: #FFFFFF !important; 
    padding: 6px 18px !important; 
    border-radius: 20px !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    width: max-content !important; 
    margin: 10px auto !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    line-height: 1.5 !important;
    text-align: center !important;
    box-shadow: 0 2px 5px rgba(0, 163, 224, 0.2) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    cursor: pointer !important;
}

/* --- 🌟 แก้ไข: เอฟเฟกต์ Hover เปลี่ยนเป็นสีส้มพร้อมเงาเรืองแสง --- */
.contact-price:hover {
    background-color: #FF9900 !important; /* เปลี่ยนพื้นหลังเป็นสีส้ม Toolsheep */
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4) !important; /* เปลี่ยนเงาเป็นสีส้ม ให้ดูมีมิติเหมือนในภาพ */
    color: #FFFFFF !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1fcc954 *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-1fcc954 .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-1fcc954 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9424f3d */.elementor-37431 .elementor-element.elementor-element-9424f3d a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-9424f3d a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-79d6ada *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-79d6ada .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-79d6ada .product,
.elementor-37431 .elementor-element.elementor-element-79d6ada .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-79d6ada .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-79d6ada .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-79d6ada .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-79d6ada .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-79d6ada .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-79d6ada h2, .elementor-37431 .elementor-element.elementor-element-79d6ada h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-79d6ada .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-79d6ada .onsale, 
.elementor-37431 .elementor-element.elementor-element-79d6ada .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-79d6ada .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-79d6ada .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-79d6ada .onsale::after,
.elementor-37431 .elementor-element.elementor-element-79d6ada .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-79d6ada .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-79d6ada .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-79d6ada .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-79d6ada .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-79d6ada .product,
    .elementor-37431 .elementor-element.elementor-element-79d6ada li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-79d6ada img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-79d6ada .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-79d6ada .product-title,
    .elementor-37431 .elementor-element.elementor-element-79d6ada h2, .elementor-37431 .elementor-element.elementor-element-79d6ada h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-79d6ada .price,
    .elementor-37431 .elementor-element.elementor-element-79d6ada .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-79d6ada .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-79d6ada .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a6eb556 *//* =========================================
   UI Update: เปลี่ยนข้อความ "ติดต่อขอราคา" เป็นปุ่มสีฟ้า (Hover สีส้มตาม Ref)
   ========================================= */

.contact-price {
    background-color: #00A3E0 !important; 
    color: #FFFFFF !important; 
    padding: 6px 18px !important; 
    border-radius: 20px !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    width: max-content !important; 
    margin: 10px auto !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    line-height: 1.5 !important;
    text-align: center !important;
    box-shadow: 0 2px 5px rgba(0, 163, 224, 0.2) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    cursor: pointer !important;
}

/* --- 🌟 แก้ไข: เอฟเฟกต์ Hover เปลี่ยนเป็นสีส้มพร้อมเงาเรืองแสง --- */
.contact-price:hover {
    background-color: #FF9900 !important; /* เปลี่ยนพื้นหลังเป็นสีส้ม Toolsheep */
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4) !important; /* เปลี่ยนเงาเป็นสีส้ม ให้ดูมีมิติเหมือนในภาพ */
    color: #FFFFFF !important; 
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-4878ef3 *//* ลบโค้ดเดิมทิ้ง แล้ววางชุดนี้ครับ */
.elementor-37431 .elementor-element.elementor-element-4878ef3 .elementor-heading-title {
    padding-left: 18px !important; /* เว้นที่ว่างให้แถบสี */
    position: relative !important;
    color: #222222 !important; /* ดรอปสีตัวหนังสือให้เข้มขึ้น ดูแพง */
    display: inline-block !important;
}

/* สร้างแถบสีฟ้าด้านซ้าย */
.elementor-37431 .elementor-element.elementor-element-4878ef3 .elementor-heading-title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10% !important;
    height: 80% !important; /* ความสูงของแถบ */
    width: 6px !important; /* ความหนาของแถบ */
    background-color: #00A3E0 !important; /* สีฟ้า Toolsheep */
    border-radius: 10px !important; /* มุมโค้งมนนิดๆ ให้ไม่แข็งเกินไป */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e023ce3 */.elementor-37431 .elementor-element.elementor-element-e023ce3 a {
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* ตอนเอาเมาส์ชี้ ให้เปลี่ยนเป็นสีส้ม และขยับไปทางขวานิดนึง */
.elementor-37431 .elementor-element.elementor-element-e023ce3 a:hover {
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
    transform: translateX(5px) !important; /* ขยับตัวไปทางขวา 5px ชี้เป้าให้ไปดูต่อ */
}/* End custom CSS */
/* Start custom CSS for bdt-wc-carousel, class: .elementor-element-22c3296 *//* 1. รีเซ็ตกรอบการ์ดให้ดูโมเดิร์น (มนกำลังดี ไม่กลมเกินไป) */
.elementor-37431 .elementor-element.elementor-element-22c3296 .swiper-slide,
.elementor-37431 .elementor-element.elementor-element-22c3296 .product,
.elementor-37431 .elementor-element.elementor-element-22c3296 .elementor-widget-wrap {
    background-color: #ffffff !important;
    border-radius: 16px !important; 
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    padding: 20px 15px !important;
    text-align: center !important;
    position: relative !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

/* 2. Hover Effect เบาๆ ดูแพง */
.elementor-37431 .elementor-element.elementor-element-22c3296 .swiper-slide:hover,
.elementor-37431 .elementor-element.elementor-element-22c3296 .product:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0, 163, 224, 0.1) !important;
    border-color: #00A3E0 !important;
}

/* 3. จัดระเบียบเนื้อหาตรงกลาง */
.elementor-37431 .elementor-element.elementor-element-22c3296 .product img {
    margin: 0 auto 15px auto !important;
    display: block !important;
}
.elementor-37431 .elementor-element.elementor-element-22c3296 .product .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-22c3296 .woocommerce-loop-product__title,
.elementor-37431 .elementor-element.elementor-element-22c3296 h2, .elementor-37431 .elementor-element.elementor-element-22c3296 h3 {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}
.elementor-37431 .elementor-element.elementor-element-22c3296 .price {
    font-size: 18px !important;
    font-weight: bold !important;
    margin-top: 10px !important;
    color: #FF8A00 !important; /* สีส้ม Toolsheep */
}

/* 4. พระเอกของเรา: ป้าย SALE ทรงแคปซูล พรีเมียมสไตล์แบรนด์ดัง */
.elementor-37431 .elementor-element.elementor-element-22c3296 .onsale, 
.elementor-37431 .elementor-element.elementor-element-22c3296 .wc-badge, 
.elementor-37431 .elementor-element.elementor-element-22c3296 .sale-badge {
    display: block !important;
    position: absolute !important;
    top: 12px !important; /* ลอยจากขอบบน */
    left: 12px !important; /* ลอยจากขอบซ้าย */
    background: linear-gradient(135deg, #FF416C 0%, #FF4B2B 100%) !important; /* ไล่เฉดสีแดง-ส้ม ดูแพง */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 4px 12px !important;
    border-radius: 20px !important; /* ทรงแคปซูล */
    box-shadow: 0 4px 8px rgba(255, 65, 108, 0.3) !important; /* เงาสะท้อนป้าย */
    z-index: 9 !important;
    border: none !important;
    line-height: 1.2 !important;
    
    /* ถอนรากถอนโคนคำสั่งแปลกๆ จากธีมเดิม */
    clip-path: none !important; 
    min-height: auto !important;
    min-width: auto !important;
    margin: 0 !important;
}
/* 5. ถอนรากถอนโคนติ่งแดงอันเก่า (ลบกล่องหลอกของธีมเดิมทิ้ง) */
.elementor-37431 .elementor-element.elementor-element-22c3296 .onsale::before, 
.elementor-37431 .elementor-element.elementor-element-22c3296 .onsale::after,
.elementor-37431 .elementor-element.elementor-element-22c3296 .wc-badge::before,
.elementor-37431 .elementor-element.elementor-element-22c3296 .wc-badge::after,
.elementor-37431 .elementor-element.elementor-element-22c3296 .ast-onsale-card::before,
.elementor-37431 .elementor-element.elementor-element-22c3296 .ast-onsale-card::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
}
/* =========================================
   Mobile View: ดีไซน์การ์ดสินค้าแบบ Compact (สั้นและกระชับ)
   ========================================= */
@media (max-width: 767px) {

    /* 1. บีบความสูงรวมของการ์ดสินค้า ลด Padding รอบตัว */
    .elementor-37431 .elementor-element.elementor-element-22c3296 .elementor-widget-container,
    .elementor-37431 .elementor-element.elementor-element-22c3296 .product,
    .elementor-37431 .elementor-element.elementor-element-22c3296 li.product {
        padding: 10px 6px !important; /* ลดบน-ล่างลง เหลือ 10px */
        margin-bottom: 10px !important;
        border-radius: 12px !important;
        height: auto !important; /* ปลดล็อกความสูง */
    }

    /* 2. บีบรูปภาพให้เล็กลงนิดหน่อยและลดช่องไฟด้านล่างรูป */
    .elementor-37431 .elementor-element.elementor-element-22c3296 img {
        max-width: 85% !important; /* ย่อรูปนิดนึงเพื่อให้กล่องไม่ดูแน่น */
        margin: 0 auto 5px auto !important; /* ลด margin ล่างรูปเหลือ 5px */
    }

    /* 3. จัดการชื่อสินค้าให้กระชับขึ้น ไม่เว้นที่ว่างเกินจำเป็น */
    .elementor-37431 .elementor-element.elementor-element-22c3296 .woocommerce-loop-product__title,
    .elementor-37431 .elementor-element.elementor-element-22c3296 .product-title,
    .elementor-37431 .elementor-element.elementor-element-22c3296 h2, .elementor-37431 .elementor-element.elementor-element-22c3296 h3 {
        font-size: 11.5px !important;
        line-height: 1.3 !important;
        margin-top: 5px !important;
        margin-bottom: 8px !important; /* ลดช่องว่างก่อนถึงราคา */
        min-height: 32px !important; /* ล็อกไว้แค่พอดีสำหรับ 2 บรรทัด */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    /* 4. ปรับราคาสีส้มให้ดูเป็นระเบียบขึ้น */
    .elementor-37431 .elementor-element.elementor-element-22c3296 .price,
    .elementor-37431 .elementor-element.elementor-element-22c3296 .woocommerce-Price-amount {
        font-size: 15px !important;
        margin-top: 0 !important;
        padding-bottom: 5px !important;
        display: block !important;
        color: #f36f21 !important; /* สีส้ม Toolsheep */
    }
    
    /* 5. ซ่อนปุ่มหรือองค์ประกอบที่ไม่จำเป็น (ถ้ามี) เพื่อประหยัดพื้นที่ */
    .elementor-37431 .elementor-element.elementor-element-22c3296 .add_to_cart_button,
    .elementor-37431 .elementor-element.elementor-element-22c3296 .button {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9e25bb9 *//* =========================================
   UI Update: เปลี่ยนข้อความ "ติดต่อขอราคา" เป็นปุ่มสีฟ้า (Hover สีส้มตาม Ref)
   ========================================= */

.contact-price {
    background-color: #00A3E0 !important; 
    color: #FFFFFF !important; 
    padding: 6px 18px !important; 
    border-radius: 20px !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important;
    width: max-content !important; 
    margin: 10px auto !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    line-height: 1.5 !important;
    text-align: center !important;
    box-shadow: 0 2px 5px rgba(0, 163, 224, 0.2) !important; 
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; 
    cursor: pointer !important;
}

/* --- 🌟 แก้ไข: เอฟเฟกต์ Hover เปลี่ยนเป็นสีส้มพร้อมเงาเรืองแสง --- */
.contact-price:hover {
    background-color: #FF9900 !important; /* เปลี่ยนพื้นหลังเป็นสีส้ม Toolsheep */
    transform: translateY(-2px) !important; 
    box-shadow: 0 4px 12px rgba(255, 153, 0, 0.4) !important; /* เปลี่ยนเงาเป็นสีส้ม ให้ดูมีมิติเหมือนในภาพ */
    color: #FFFFFF !important; 
}/* End custom CSS */