.elementor-10641 .elementor-element.elementor-element-5b13f75 > .elementor-background-overlay{background-image:url("https://tech-flame.co.th/wp-content/uploads/2026/08/ChatGPT-Image-Aug-20-2026-02_29_24-PM.png");background-position:center center;background-repeat:no-repeat;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10641 .elementor-element.elementor-element-5b13f75{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;}.elementor-10641 .elementor-element.elementor-element-d91a3b1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFC2;}.elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-element-populated, .elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-element-populated > .elementor-background-overlay, .elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-background-slideshow{border-radius:15px 15px 15px 15px;}.elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-d91a3b1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10641 .elementor-element.elementor-element-85c0d4a > .elementor-container{max-width:682px;}.elementor-10641 .elementor-element.elementor-element-2f4c2e1 > .elementor-element-populated{border-style:none;padding:0px 0px 0px 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-10641 .elementor-element.elementor-element-b23fc6f img{width:23%;}.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-10641 .elementor-element.elementor-element-75f5a1e{text-align:center;}.elementor-10641 .elementor-element.elementor-element-75f5a1e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:32px;font-weight:600;color:#C20000;}.elementor-10641 .elementor-element.elementor-element-bdca913 > .elementor-container{max-width:696px;}.elementor-10641 .elementor-element.elementor-element-bdca913{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10641 .elementor-element.elementor-element-bdca913 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10641 .elementor-element.elementor-element-4b1b092:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-element-populated, .elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-element-populated > .elementor-background-overlay, .elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-background-slideshow{border-radius:10px 0px 0px 10px;}.elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10641 .elementor-element.elementor-element-4b1b092 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-10641 .elementor-element.elementor-element-4ed0e21{font-family:"Kanit", Sans-serif;font-weight:300;}.elementor-10641 .elementor-element.elementor-element-4ed0e21 p{margin-block-end:10px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-10641 .elementor-element.elementor-element-95b5fb2 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-95b5fb2 .elementor-icon-list-icon i{color:#C20000;transition:color 0.3s;}.elementor-10641 .elementor-element.elementor-element-95b5fb2 .elementor-icon-list-icon svg{fill:#C20000;transition:fill 0.3s;}.elementor-10641 .elementor-element.elementor-element-95b5fb2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10641 .elementor-element.elementor-element-95b5fb2 .elementor-icon-list-text{transition:color 0.3s;}.elementor-10641 .elementor-element.elementor-element-bf853c6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-element-populated, .elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-element-populated > .elementor-background-overlay, .elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-background-slideshow{border-radius:0px 10px 10px 0px;}.elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-10641 .elementor-element.elementor-element-bf853c6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10641 .elementor-element.elementor-element-ec2b4ec{text-align:center;}.elementor-10641 .elementor-element.elementor-element-ec2b4ec .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:25px;font-weight:500;color:#000000;}.elementor-10641 .elementor-element.elementor-element-2d9ebe9 img{width:52%;}.elementor-10641 .elementor-element.elementor-element-7859fa7 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-7859fa7{text-align:center;}.elementor-10641 .elementor-element.elementor-element-7859fa7 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:18px;font-weight:500;color:#000000;}.elementor-10641 .elementor-element.elementor-element-5174d8d > .elementor-container{max-width:682px;}.elementor-10641 .elementor-element.elementor-element-5174d8d{margin-top:11px;margin-bottom:0px;}.elementor-10641 .elementor-element.elementor-element-1f9e189 > .elementor-element-populated{border-style:none;padding:0px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-262c299{text-align:center;}.elementor-10641 .elementor-element.elementor-element-262c299 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:32px;font-weight:600;color:#C20000;}.elementor-10641 .elementor-element.elementor-element-36dfc75{text-align:center;}.elementor-10641 .elementor-element.elementor-element-36dfc75 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:28px;font-weight:500;color:#000000;}.elementor-10641 .elementor-element.elementor-element-c96962d{text-align:start;}.elementor-10641 .elementor-element.elementor-element-c96962d .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;color:#000000;}.elementor-10641 .elementor-element.elementor-element-3cef045{font-family:"Kanit", Sans-serif;font-weight:300;}@media(max-width:1366px){.elementor-10641 .elementor-element.elementor-element-5b13f75{margin-top:20px;margin-bottom:0px;}.elementor-10641 .elementor-element.elementor-element-75f5a1e .elementor-heading-title{font-size:28px;}.elementor-10641 .elementor-element.elementor-element-4ed0e21{font-size:15px;}.elementor-10641 .elementor-element.elementor-element-95b5fb2 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-ec2b4ec .elementor-heading-title{font-size:22px;}.elementor-10641 .elementor-element.elementor-element-7859fa7 > .elementor-widget-container{margin:-18px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-7859fa7 .elementor-heading-title{font-size:18px;}.elementor-10641 .elementor-element.elementor-element-262c299 .elementor-heading-title{font-size:28px;}.elementor-10641 .elementor-element.elementor-element-36dfc75 .elementor-heading-title{font-size:22px;}.elementor-10641 .elementor-element.elementor-element-c96962d .elementor-heading-title{font-size:20px;}.elementor-10641 .elementor-element.elementor-element-3cef045{font-size:15px;}}@media(max-width:1024px){.elementor-10641 .elementor-element.elementor-element-2f4c2e1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 10px 10px 10px;}.elementor-10641 .elementor-element.elementor-element-75f5a1e .elementor-heading-title{font-size:25px;}.elementor-10641 .elementor-element.elementor-element-bdca913 > .elementor-container{max-width:668px;}.elementor-10641 .elementor-element.elementor-element-95b5fb2 > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-10641 .elementor-element.elementor-element-1f9e189 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:10px 10px 10px 10px;}.elementor-10641 .elementor-element.elementor-element-262c299 .elementor-heading-title{font-size:25px;}}@media(max-width:767px){.elementor-10641 .elementor-element.elementor-element-2f4c2e1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 10px 0px 10px;}.elementor-10641 .elementor-element.elementor-element-b23fc6f img{width:41%;}.elementor-10641 .elementor-element.elementor-element-75f5a1e .elementor-heading-title{font-size:22px;}.elementor-10641 .elementor-element.elementor-element-4b1b092{width:100%;}.elementor-10641 .elementor-element.elementor-element-4ed0e21{text-align:center;font-size:16px;}.elementor-10641 .elementor-element.elementor-element-bf853c6{width:100%;}.elementor-10641 .elementor-element.elementor-element-ec2b4ec .elementor-heading-title{font-size:20px;}.elementor-10641 .elementor-element.elementor-element-7859fa7 .elementor-heading-title{font-size:20px;}.elementor-10641 .elementor-element.elementor-element-1f9e189 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 10px 0px 10px;}.elementor-10641 .elementor-element.elementor-element-262c299 .elementor-heading-title{font-size:22px;}.elementor-10641 .elementor-element.elementor-element-36dfc75 .elementor-heading-title{font-size:20px;}.elementor-10641 .elementor-element.elementor-element-c96962d .elementor-heading-title{font-size:18px;}.elementor-10641 .elementor-element.elementor-element-3cef045{font-size:16px;}.elementor-10641 .elementor-element.elementor-element-0b82f30 > .elementor-widget-container{margin:-36px 0px 0px 0px;}}@media(min-width:1367px){.elementor-10641 .elementor-element.elementor-element-5b13f75 > .elementor-background-overlay{background-attachment:fixed;}}/* Start custom CSS for column, class: .elementor-element-2f4c2e1 *//* 1. ปรับการ์ดฟอร์มหลัก: เอาเส้นกรอบแดงออก ใส่เงาฟุ้งนุ่มๆ แทน */
.soloyod-warranty-form {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* เงาฟุ้งสร้างมิติ */
    border: none !important; /* ลบกรอบสีแดงเดิม */
    max-width: 850px !important; /* ขยายความกว้างให้พอดีสายตา */
    margin: 40px auto !important;
}

/* 2. จัดระเบียบหัวข้อหลักและข้อความเกริ่นนำให้อยู่ตรงกลาง */
.warranty-intro h4 {
    color: #c00000 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}
.warranty-intro p {
    text-align: center !important;
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: 650px !important;
    margin: 0 auto 30px auto !important;
}

/* 3. แถบหัวข้อย่อย (1. ข้อมูลผู้ลงทะเบียน / 2. ข้อมูลสินค้า...) */
.form-section-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    background: #f8f9fa !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    border-left: 5px solid #c00000 !important; /* แถบสีแดงเน้นจุดสายตา */
    margin: 30px 0 20px 0 !important;
}

/* 4. บังคับจัดเรียง 2 คอลัมน์บนหน้าจอคอมพิวเตอร์ */
@media (min-width: 768px) {
    .form-row-2col {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* แบ่งซ้าย-ขวาเท่ากัน */
        gap: 20px !important;
    }
}

/* 5. ปรับแต่งช่องกรอกข้อมูล (Input Fields) ให้ดูนุ่มนวล */
.soloyod-warranty-form input[type="text"],
.soloyod-warranty-form input[type="email"],
.soloyod-warranty-form input[type="tel"],
.soloyod-warranty-form input[type="date"],
.soloyod-warranty-form select,
.soloyod-warranty-form textarea {
    width: 100 !important;
    padding: 12px 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #fafafa !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

/* เอฟเฟกต์เมื่อคลิกพิมพ์ */
.soloyod-warranty-form input:focus,
.soloyod-warranty-form select:focus,
.soloyod-warranty-form textarea:focus {
    background-color: #ffffff !important;
    border-color: #c00000 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(192, 0, 0, 0.1) !important;
}

.form-group label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333333 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* 6. ปรับแต่งปุ่มส่งข้อมูลให้ดูมีมิติ น่ากด */
.form-submit-btn input[type="submit"] {
    background: linear-gradient(135deg, #d32f2f, #9a0007) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 16px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(192, 0, 0, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

.form-submit-btn input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(192, 0, 0, 0.35) !important;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-1f9e189 *//* 1. ปรับการ์ดฟอร์มหลัก: เอาเส้นกรอบแดงออก ใส่เงาฟุ้งนุ่มๆ แทน */
.soloyod-warranty-form {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important; /* เงาฟุ้งสร้างมิติ */
    border: none !important; /* ลบกรอบสีแดงเดิม */
    max-width: 850px !important; /* ขยายความกว้างให้พอดีสายตา */
    margin: 40px auto !important;
}

/* 2. จัดระเบียบหัวข้อหลักและข้อความเกริ่นนำให้อยู่ตรงกลาง */
.warranty-intro h4 {
    color: #c00000 !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 10px !important;
}
.warranty-intro p {
    text-align: center !important;
    color: #666666 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    max-width: 650px !important;
    margin: 0 auto 30px auto !important;
}

/* 3. แถบหัวข้อย่อย (1. ข้อมูลผู้ลงทะเบียน / 2. ข้อมูลสินค้า...) */
.form-section-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    background: #f8f9fa !important;
    padding: 12px 18px !important;
    border-radius: 8px !important;
    border-left: 5px solid #c00000 !important; /* แถบสีแดงเน้นจุดสายตา */
    margin: 30px 0 20px 0 !important;
}

/* 4. บังคับจัดเรียง 2 คอลัมน์บนหน้าจอคอมพิวเตอร์ */
@media (min-width: 768px) {
    .form-row-2col {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important; /* แบ่งซ้าย-ขวาเท่ากัน */
        gap: 20px !important;
    }
}

/* 5. ปรับแต่งช่องกรอกข้อมูล (Input Fields) ให้ดูนุ่มนวล */
.soloyod-warranty-form input[type="text"],
.soloyod-warranty-form input[type="email"],
.soloyod-warranty-form input[type="tel"],
.soloyod-warranty-form input[type="date"],
.soloyod-warranty-form select,
.soloyod-warranty-form textarea {
    width: 100 !important;
    padding: 12px 16px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    background-color: #fafafa !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease-in-out !important;
}

/* เอฟเฟกต์เมื่อคลิกพิมพ์ */
.soloyod-warranty-form input:focus,
.soloyod-warranty-form select:focus,
.soloyod-warranty-form textarea:focus {
    background-color: #ffffff !important;
    border-color: #c00000 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(192, 0, 0, 0.1) !important;
}

.form-group label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333333 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

/* 6. ปรับแต่งปุ่มส่งข้อมูลให้ดูมีมิติ น่ากด */
.form-submit-btn input[type="submit"] {
    background: linear-gradient(135deg, #d32f2f, #9a0007) !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 16px !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(192, 0, 0, 0.25) !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out !important;
}

.form-submit-btn input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(192, 0, 0, 0.35) !important;
}/* End custom CSS */