.elementor-9223 .elementor-element.elementor-element-ddb223a:not(.elementor-motion-effects-element-type-background), .elementor-9223 .elementor-element.elementor-element-ddb223a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9223 .elementor-element.elementor-element-ddb223a > .elementor-container{max-width:1600px;}.elementor-9223 .elementor-element.elementor-element-ddb223a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:10px 0px 10px 0px;}.elementor-9223 .elementor-element.elementor-element-ddb223a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-9223 .elementor-element.elementor-element-7afc066.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9223 .elementor-element.elementor-element-7afc066.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9223 .elementor-element.elementor-element-3011bb2{width:var( --container-widget-width, 213.942% );max-width:213.942%;--container-widget-width:213.942%;--container-widget-flex-grow:0;text-align:start;}.elementor-bc-flex-widget .elementor-9223 .elementor-element.elementor-element-955c2fb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9223 .elementor-element.elementor-element-955c2fb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9223 .elementor-element.elementor-element-955c2fb > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-9223 .elementor-element.elementor-element-955c2fb > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-9223 .elementor-element.elementor-element-0c26a7e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-menu-toggle{margin-left:auto;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu .elementor-item{font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:800;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main .elementor-item{color:#0C3187;fill:#0C3187;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main .elementor-item:hover,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main .elementor-item:focus{color:#F59046;fill:#F59046;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F59046;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .e--pointer-framed .elementor-item:before,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .e--pointer-framed .elementor-item:after{border-color:#F59046;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a, .elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-menu-toggle{color:#0C3187;fill:#0C3187;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a:hover,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a:focus,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a.highlighted,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-menu-toggle:hover,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-menu-toggle:focus{color:#F59046;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a:hover,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a:focus,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown a.highlighted{background-color:#E0E0E0;}.elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown .elementor-item, .elementor-9223 .elementor-element.elementor-element-0c26a7e .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:700;}.elementor-bc-flex-widget .elementor-9223 .elementor-element.elementor-element-7430952.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9223 .elementor-element.elementor-element-7430952.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9223 .elementor-element.elementor-element-5d03a2b .elementor-button{background-color:#33CE49;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:500;}.elementor-9223 .elementor-element.elementor-element-5d03a2b .elementor-button:hover, .elementor-9223 .elementor-element.elementor-element-5d03a2b .elementor-button:focus{background-color:#FA5C23;}.elementor-9223 .elementor-element.elementor-element-5d03a2b{width:var( --container-widget-width, 83.974% );max-width:83.974%;--container-widget-width:83.974%;--container-widget-flex-grow:0;}.elementor-9223 .elementor-element.elementor-element-5d03a2b .elementor-button-content-wrapper{flex-direction:row;}.elementor-bc-flex-widget .elementor-9223 .elementor-element.elementor-element-c8d0ec9.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9223 .elementor-element.elementor-element-c8d0ec9.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9223 .elementor-element.elementor-element-c8d0ec9 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9223 .elementor-element.elementor-element-4b22b53 > .elementor-widget-container{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-bc-flex-widget .elementor-9223 .elementor-element.elementor-element-955c2fb.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-9223 .elementor-element.elementor-element-955c2fb.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-9223 .elementor-element.elementor-element-0c26a7e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 60px 0px 0px;}}@media(min-width:768px){.elementor-9223 .elementor-element.elementor-element-7afc066{width:18%;}.elementor-9223 .elementor-element.elementor-element-955c2fb{width:55%;}.elementor-9223 .elementor-element.elementor-element-7430952{width:11%;}.elementor-9223 .elementor-element.elementor-element-c8d0ec9{width:16%;}}@media(max-width:1024px) and (min-width:768px){.elementor-9223 .elementor-element.elementor-element-7afc066{width:50%;}.elementor-9223 .elementor-element.elementor-element-955c2fb{width:50%;}}@media(max-width:767px){.elementor-9223 .elementor-element.elementor-element-7afc066{width:60%;}.elementor-9223 .elementor-element.elementor-element-955c2fb{width:40%;}.elementor-9223 .elementor-element.elementor-element-0c26a7e > .elementor-widget-container{padding:0px 0px 0px 0px;}}/* Start custom CSS for wp-widget-woocommerce_product_search, class: .elementor-element-4b22b53 *//* จัดการ Widget ให้ตรงกึ่งกลางแนวตั้ง */
.elementor-9223 .elementor-element.elementor-element-4b22b53 {
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* กรอบภายนอก: ปรับขอบสีเทาอ่อน (Clean) + ความโค้งมนตามรูปใหม่ */
.elementor-9223 .elementor-element.elementor-element-4b22b53 form.search-form, 
.elementor-9223 .elementor-element.elementor-element-4b22b53 .woocommerce-product-search {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 350px !important; /* ปรับความกว้างกล่องได้ที่นี่ */
    border: 1px solid #dcdcdc !important; /* สีขอบเทาอ่อนแบบในรูป */
    border-radius: 50px !important; /* ความโค้งมนสูงแบบแคปซูล */
    overflow: hidden !important;
    background: #ffffff !important;
    margin: 0 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); /* เพิ่มเงาจางๆ ให้ดูมีมิติ */
}

/* ช่องพิมพ์ข้อความ: ปรับระยะห่างและฟอนต์ */
.elementor-9223 .elementor-element.elementor-element-4b22b53 input[type="search"],
.elementor-9223 .elementor-element.elementor-element-4b22b53 input[type="text"] {
    border: none !important;
    outline: none !important;
    padding: 10px 20px !important; /* ระยะห่างภายในเพิ่มขึ้น */
    height: 42px !important; /* ความสูงของช่องพิมพ์ */
    width: 100% !important;
    font-size: 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #333 !important;
}

/* ปรับสี Placeholder (ตัวหนังสือจางๆ "ค้นหาสินค้า...") */
.elementor-9223 .elementor-element.elementor-element-4b22b53 input::placeholder {
    color: #999 !important;
}

/* ปุ่มกดค้นหาด้านขวา: ปรับเป็นสีน้ำเงินสว่างตามรูป */
.elementor-9223 .elementor-element.elementor-element-4b22b53 button,
.elementor-9223 .elementor-element.elementor-element-4b22b53 input[type="submit"] {
    border: none !important;
    background-color: #007bff !important; /* สีน้ำเงินสว่าง (Bright Blue) */
    color: #ffffff !important;
    padding: 0 25px !important; /* เพิ่มความกว้างปุ่ม */
    height: 42px !important; /* เท่ากับความสูงช่องพิมพ์ */
    line-height: 42px !important;
    border-radius: 0 50px 50px 0 !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    transition: background-color 0.2s ease;
}

/* Effect เมื่อเอาเมาส์ชี้ที่ปุ่ม (ให้สีเข้มขึ้นนิดหน่อย) */
.elementor-9223 .elementor-element.elementor-element-4b22b53 button:hover,
.elementor-9223 .elementor-element.elementor-element-4b22b53 input[type="submit"]:hover {
    background-color: #0056b3 !important;
}/* End custom CSS */