diff --git a/app/globals.css b/app/globals.css index 72fa79e..b3e036e 100644 --- a/app/globals.css +++ b/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 { - padding: 70px 24px; + .products-section, + .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; } } \ No newline at end of file diff --git a/app/services/services.css b/app/services/services.css index e84624f..dea525d 100644 --- a/app/services/services.css +++ b/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; + } } \ No newline at end of file