Fix: Product pages content and HTML issues

- ท่อไซเลอร์: Move images after specs with 1 column layout
- ท่อและข้อต่อpvc: Remove empty image section
- เครื่องเชื่อม-hdpe: Add full content with grooved coupling info
- เม็กกรู๊ฟ-คับปลิ้ง: Add full content with benefits list
- grilles: Remove duplicate/overflow code from hero section

src/pages/เม็กกรู๊ฟ-คับปลิ้ง/index.astro

@@ -72,11 +72,35 @@ import Footer from '@/components/common/Footer.astro';
     <section class="section">
       <div class="container-custom">
         <div class="max-w-4xl mx-auto">
-          <h2 class="text-xl font-bold text-secondary-900 mb-8">รายละเอียดสินค้า</h2>
+          <h2 class="section-title">รายละเอียดสินค้า</h2>
           <div class="prose prose-lg max-w-none">
             <p class="text-lg text-secondary-700 leading-relaxed mb-4">
               <strong>เม็กกรู๊ฟ คับปลิ้ง (MECH Grooved Coupling)</strong> ระบบข้อต่อแบบเกรูฟที่ได้รับการยอมรับในระดับสากล ออกแบบมาเพื่อทดแทนการเชื่อมท่อเหล็กและท่อดับเพลิง ด้วยคุณสมบัติพิเศษที่ไม่ก่อให้เกิดประกายไฟ ทำให้เหมาะสำหรับงานที่ต้องการความปลอดภัยสูง โดยเฉพาะในพื้นที่ที่มีวัสดุไวไฟ
             </p>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">ข้อดีของระบบ Grooved Coupling</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>ติดตั้งง่าย สะดวกรวดเร็ว ประหยัดค่าแรงและเวลา</li>
+              <li>โยกย้าย เปลี่ยนแปลงรูปแบบการติดตั้ง หรือขยายไลน์ท่อเพิ่มเติมได้โดยง่าย</li>
+              ับเสียงได้ดี</li>
+              <li>รับแรงดันได้สูง 300-735 psi</li>
+              <li>ไม่ก่อให้เกิดประกายไฟ เหมาะสำหรับพื้นที่ไวไฟ</li>
+              <li>ประหยัดพลังงานและค่าบำรุงรักษา</li>
+            </ul>
+            
+            <h3 class="text-xl font-bold text-secondary-900 mt-8 mb-4">การใช้งาน</h3>
+            <ul class="list-disc pl-6 mb-4 space-y-2">
+              <li>ระบบดับเพลิง</li>
+              <li>ระบบประปา</li>
+              <li>ระบบปรับอากาศ</li>
+              <li>งานอุตสาหกรรม</li>
+              <li>งานก่อสร้างทั่วไป</li>
+            </ul>
+            
+            <!-- Product Images -->
+            <div class="mt-8 space-y-4">
+              <img src="/images/products-misc/MECH_001.jpg" alt="เม็กกรู๊ฟ คับปลิ้ง" class="w-full h-auto rounded-lg shadow-md" width="800" height="600" loading="lazy" decoding="async" onerror="this.style.display='none'" />
+            </div>
           </div>
         </div>
       </div>