.elementor-10641 .elementor-element.elementor-element-7378ee1 > .elementor-container{max-width:682px;}.elementor-10641 .elementor-element.elementor-element-2bb8b5a > .elementor-element-populated{border-style:none;padding:0px 0px 0px 0px;}/* Start custom CSS for column, class: .elementor-element-2bb8b5a *//* 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 */