fix: Add max-w-4xl mx-auto to sections in vineman-2

src/pages/ระบบรั้วไวน์แมน-vineman-2/index.astro

@@ -89,6 +89,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Products Overview -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ลวดหนาม/เสารั้ว/เสารับแรง</h2>
           <div class="grid grid-cols-2 md:grid-cols-4 gap-6">
           <div class="text-center">
@@ -125,11 +126,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- 6 Techniques -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">6 เทคนิคน่ารู้ ก่อนเลือกใช้ ระบบรั้วตาข่าย</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
           <div>
@@ -167,11 +170,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Problems & Solutions -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ทุกปัญหา! ระบบรั้วเสาปูน แก้ไขด้วยระบบรั้วไวน์แมน</h2>
           
           <!-- Problems -->
@@ -214,11 +219,14 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+        </div>
+      </div>
     </section>
 
     <!-- Pole Types -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">รั้วตาข่ายไวน์แมน ใช้ได้กับเสาทุกประเภท</h2>
           <div class="grid md:grid-cols-3 gap-6">
           <div class="text-center">
@@ -235,11 +243,14 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+        </div>
+      </div>
     </section>
 
     <!-- Semi-Spring -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ไวน์แมน รั้วตาข่ายกึ่งสปริง</h2>
           <div class="grid lg:grid-cols-2 gap-8 items-center">
           <div>
@@ -270,11 +281,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Buying Guide -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">VINEMAN Buying Guide</h2>
           <div class="grid lg:grid-cols-2 gap-8">
           <div>
@@ -290,11 +303,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Calculation Table -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">ตาราง การคำนวณปริมาณเบื้องต้น</h2>
         <img src="/images/products-raw/vineman/ตารางการคำนวณปริมาณเบื้องต้น-1024x322.jpg" alt="ตารางการคำนวณปริมาณเบื้องต้น" class="w-full max-w-3xl mx-auto h-auto rounded-xl" width="800" height="600" loading="lazy" decoding="async" />
         <div class="mt-6 p-4 bg-yellow-50 rounded-xl max-w-3xl mx-auto">
@@ -311,6 +326,7 @@ import Footer from '@/components/common/Footer.astro';
     <!-- Specifications -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">Specification</h2>
 
           <!-- ตาข่ายถักปม -->
@@ -395,11 +411,13 @@ import Footer from '@/components/common/Footer.astro';
           <img src="/images/products-raw/vineman/ลวดหนามซิงค์อลูมิเนียม-ไวน์แมน-1024x673.jpg" alt="ลวดหนามซิงค์อลูมิเนียมไวน์แมน" class="w-full h-auto rounded-xl mt-4" width="600" height="400" loading="lazy" decoding="async" />
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Product Features Section -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">จุดเด่นของระบบรั้วไวน์แมน</h2>
           <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
           <div class="p-6 bg-gray-50 rounded-xl">
@@ -458,11 +476,13 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- Application Guide Section -->
     <section class="section bg-gray-50">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">การใช้งานระบบรั้วไวน์แมน</h2>
           
           <!-- Application Categories -->
@@ -554,14 +574,16 @@ import Footer from '@/components/common/Footer.astro';
           </div>
         </div>
         </div>
+      </div>
     </section>
 
     <!-- FAQ Section -->
     <section class="section bg-white">
       <div class="container-custom">
+        <div class="max-w-4xl mx-auto">
           <h2 class="text-2xl md:text-xl font-bold text-secondary-900 mb-8 text-center">คำถามที่พบบ่อยเกี่ยวกับระบบรั้วไวน์แมน</h2>
           
-        <div class="max-w-3xl mx-auto space-y-4">
+          <div class="space-y-4">
           <!-- FAQ 1 -->
           <div class="border border-gray-200 rounded-xl overflow-hidden">
             <details class="group">