Add sticky wrapper to pages with img-hover class

src/pages/realflex.astro

@@ -65,6 +65,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">Realflex</span>
         </nav>
         <div class="grid lg:grid-cols-2 gap-8 items-start">
+          <div class="lg:sticky lg:top-24">
           <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
             <img src="/images/products-cropped/realflex_000C.jpg" alt="Realflex" class="w-full" loading="eager" />
           </div>

src/pages/water-treatment.astro

@@ -65,6 +65,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">ระบบกรองน้ำ</span>
         </nav>
         <div class="grid lg:grid-cols-2 gap-8 items-start">
+          <div class="lg:sticky lg:top-24">
           <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
             <img src="/images/products-cropped/water-treatment_000C.jpg" alt="ระบบกรองน้ำ" class="w-full" loading="eager" />
           </div>

src/pages/ท่อ-xy-lent.astro

@@ -41,7 +41,8 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
         <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">ท่อ XYLENT</span>
       </nav>
       <div class="grid lg:grid-cols-2 gap-8 items-start">
-        <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
+        <div class="lg:sticky lg:top-24">
+          <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
           <img src="/images/products-cropped/XYLENT_001.png" alt="ท่อ XYLENT" class="w-full" loading="eager" />
         </div>
         <div>

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

@@ -65,6 +65,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">ระบบรั้วไวน์แมน</span>
         </nav>
         <div class="grid lg:grid-cols-2 gap-8 items-start">
+          <div class="lg:sticky lg:top-24">
           <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
             <img src="/images/products-raw/vineman/ระบบรั้วไวน์แมน-Vineman-e1613286324569-1024x880.jpg" alt="ระบบรั้วไวน์แมน Vineman" class="w-full" loading="eager" />
           </div>

src/pages/รั้วเทวดา.astro

@@ -42,7 +42,8 @@ import BaseLayout from '@/layouts/BaseLayout.astro';
         <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">รั้วเทวดา</span>
       </nav>
       <div class="grid lg:grid-cols-2 gap-8 items-start">
-        <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
+        <div class="lg:sticky lg:top-24">
+          <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
           <img src="/images/tevada/LINE_ALBUM_รั้วเทวดา_260522_1.jpg" alt="รั้วเทวดา" class="w-full" loading="eager" />
         </div>
         <div>

src/pages/เทอร์โมเบรค-thermobreak.astro

@@ -65,6 +65,7 @@ import StickyBottomCTA from '@/components/common/StickyBottomCTA.astro';
           <a href="/" class="hover:text-white">หน้าแรก</a> / <a href="/all-products" class="hover:text-white">สินค้าทั้งหมด</a> / <span class="text-white">เทอร์โมเบรค Thermobreak</span>
         </nav>
         <div class="grid lg:grid-cols-2 gap-8 items-start">
+          <div class="lg:sticky lg:top-24">
           <div class="img-hover rounded-2xl overflow-hidden bg-white/10">
             <img src="/images/thermobreak/thermobreak-solarblock.png" alt="เทอร์โมเบรค Thermobreak" class="w-full" loading="eager" />
           </div>