1.2 Background added

assets/css/style.css

@@ -1,4 +1,3 @@
-
 /* assets/css/style.css */
 :root {
     --primary-color: #D87533; /* A warm, pumpkin orange */
@@ -103,6 +102,15 @@ body {
 }
 
 /* Product Section */
+.product-section-background {
+    background-color: #103900;
+    color: #F0F0F0;
+}
+
+.product-section-background .product-section h2 {
+    color: #F4A261;
+}
+
 .product-section {
     padding: 4rem 0;
     text-align: center;

index.php

@@ -52,6 +52,7 @@
       <a href="#products" class="cta-button">Shop Now</a>
     </section>
 
+    <div class="product-section-background">
       <section class="product-section" id="products">
         <div class="container">
           <h2>Our Pumpkins</h2>
@@ -127,6 +128,7 @@
           </div>
         </div>
       </section>
+    </div>
   </main>
 
   <footer class="main-footer" id="about">