spacing updated

app/globals.css

@@ -788,7 +788,7 @@ h2.sh-white {
 
 /* ── PRODUCTS SECTION — background: white ── */
 .products-section {
-  padding: 88px 80px;
+  padding: 80px;
   background: var(--white);
 }
 
@@ -1031,7 +1031,7 @@ h2.sh-white {
 
 /* ── SERVICES SECTION — background: navy ── */
 .services-section {
-  padding: 88px 80px;
+  padding: 80px;
   background: var(--navy);
 }
 
@@ -1121,7 +1121,7 @@ h2.sh-white {
 
 /* ── TERRITORY — background: cream ── */
 .territory-section {
-  padding: 88px 80px;
+  padding: 80px;
   background: var(--cream);
 }
 
@@ -1249,7 +1249,7 @@ h2.sh-white {
 
 /* ── WHO WE SERVE — background: white ── */
 .targets-section {
-  padding: 88px 80px;
+  padding: 80px;
   background: var(--white);
 }
 
@@ -1308,7 +1308,7 @@ h2.sh-white {
 
 /* ── EXPERT STAIN PROMO — background: navy ── */
 .stain-section {
-  padding: 88px 80px;
+  padding: 80px 24px;
   background: var(--navy);
   position: relative;
   overflow: hidden;
@@ -1474,7 +1474,7 @@ h2.sh-white {
 
 /* ── CTA — orange ── */
 .cta-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--orange);
   text-align: center;
 }
@@ -1548,7 +1548,7 @@ h2.sh-white {
 /* ── NEWSLETTER — background: cream ── */
 .newsletter-section {
   background: var(--cream);
-  padding: 80px;
+  padding: 80px 24px;
   text-align: center;
 }
 
@@ -2142,7 +2142,7 @@ footer {
 }
 
 .overview {
-  padding: 80px 80px 64px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -2247,7 +2247,7 @@ footer {
 }
 
 .materials {
-  padding: 80px 20px;
+  padding: 80px 24px;
   background: var(--gray-100);
 }
 
@@ -2488,7 +2488,7 @@ footer {
 }
 
 .finishes {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -2571,7 +2571,7 @@ footer {
 }
 
 .compare {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--cream);
 }
 
@@ -2647,7 +2647,7 @@ footer {
 }
 
 .seo-content {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -2741,7 +2741,7 @@ footer {
 }
 
 .territory {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--navy);
 }
 
@@ -2813,7 +2813,7 @@ footer {
 }
 
 .quote-cta {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--orange);
 }
 
@@ -2947,6 +2947,7 @@ footer {
 }
 
 @media (max-width: 767px) {
+
   .mat-grid,
   .region-grid {
     grid-template-columns: 1fr;
@@ -2960,7 +2961,7 @@ footer {
 /* ── AUTH PAGES ── */
 .login-page-wrapper {
   background: var(--navy);
-  min-height: 100vh;
+  /* min-height: 100vh; */
 }
 
 .auth-page {
@@ -3481,7 +3482,7 @@ footer {
 
 .contact-page .hero {
   background: var(--navy);
-  padding: 72px 80px 64px;
+  padding: 80px 24px;
   position: relative;
   overflow: hidden;
   margin-top: 0;
@@ -3780,7 +3781,7 @@ footer {
 
 /* INFO SECTION */
 .info-section {
-  padding: 72px 80px;
+  padding: 80px 24px;
   background: var(--gray-100);
 }
 
@@ -3852,7 +3853,7 @@ footer {
 
 /* EXPECT SECTION */
 .expect-section {
-  padding: 72px 80px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -3895,7 +3896,7 @@ footer {
 
 /* FAQ SECTION */
 .faq-section {
-  padding: 80px 20px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -4303,7 +4304,7 @@ footer {
 
 /* COVERAGE SECTION */
 .coverage-section {
-  padding: 80px 80px;
+  padding: 80px 24px;
   background: var(--navy);
   color: var(--white);
 }
@@ -4403,7 +4404,7 @@ footer {
 
 /* REASONS SECTION */
 .reasons-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--gray-100);
 }
 
@@ -4897,7 +4898,7 @@ footer {
 
 /* MAIN CONTACT SECTION */
 .contact-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--white);
   overflow: hidden;
 }
@@ -5450,7 +5451,7 @@ inner-banner-title {
 /* ── CTA SECTIONS ── */
 .cta-section {
   background: var(--orange);
-  padding: 80px 0;
+  padding: 80px 24px;
   text-align: center;
   color: var(--white);
   position: relative;
@@ -5526,7 +5527,30 @@ inner-banner-title {
 }
 
 @media (max-width: 768px) {
-  .cta-section {
+  .products-section,
-    padding: 70px 24px;
+  .services-section,
+  .territory-section,
+  .targets-section,
+  .stain-section,
+  .cta-section,
+  .newsletter-section,
+  .contact-section,
+  .info-section,
+  .expect-section,
+  .reasons-section,
+  .coverage-section,
+  .faq-section,
+  .overview,
+  .materials,
+  .finishes,
+  .compare,
+  .seo-content,
+  .territory,
+  .quote-cta,
+  .about-section,
+  .section,
+  .auth-page {
+    padding-top: 60px !important;
+    padding-bottom: 60px !important;
   }
 }

app/services/services.css

@@ -30,7 +30,7 @@
   background: var(--navy);
   position: relative;
   overflow: hidden;
-  padding: 72px 80px 80px;
+  padding: 80px 24px;
 }
 
 .hero-grid-bg {
@@ -192,7 +192,7 @@
 
 /* INTRO */
 .intro {
-  padding: 72px 80px 64px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -280,7 +280,7 @@
 
 /* SERVICE SECTIONS */
 .model-section {
-  padding: 80px;
+  padding: 80px 24px;
   position: relative;
   overflow: hidden;
 }
@@ -530,7 +530,7 @@
 
 /* PROCESS */
 .process-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--navy);
 }
 
@@ -573,7 +573,7 @@
 
 /* WOOD CONDITION CARDS */
 .condition-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--cream);
 }
 
@@ -658,7 +658,7 @@
 
 /* FAQ + SEO */
 .faq-section {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--white);
 }
 
@@ -755,7 +755,7 @@
 
 /* TERRITORY RE-STYLING FOR SERVICE PAGE */
 .territory-service {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--navy);
 }
 
@@ -833,7 +833,7 @@
 
 /* QUOTE CTA */
 .quote-cta {
-  padding: 80px;
+  padding: 80px 24px;
   background: var(--orange);
 }
 
@@ -976,4 +976,18 @@
   .region-grid {
     grid-template-columns: 1fr;
   }
+}
+
+@media (max-width: 768px) {
+  .hero-staining,
+  .intro,
+  .model-section,
+  .process-section,
+  .condition-section,
+  .faq-section,
+  .territory-service,
+  .quote-cta {
+    padding-top: 60px !important;
+    padding-bottom: 60px !important;
+  }
 }