Content Rewrite

src/lib/styles/responsive.css

@@ -44,6 +44,9 @@
    */
   body {
     font-size: 16px;
+  }
+
+  body.mobile-cta-enabled {
     padding-bottom: 64px;
   }
 
@@ -104,7 +107,7 @@
     min-height: 44px;
     padding: 11px 14px;
     background: rgba(33, 48, 33, 0.1);
-    color: var(--green);
+    color: var(--gw-green);
     font-size: 13px;
     font-weight: 600;
   }
@@ -400,12 +403,34 @@
     margin-bottom: 34px;
   }
 
+  .booking-eyebrow {
+    margin-bottom: 12px;
+    padding: 6px 10px;
+    font-size: 11px;
+  }
+
   .booking-title {
     font-size: 34px;
     line-height: 1.02;
     margin-bottom: 24px;
   }
 
+  .booking-intro {
+    margin-top: -4px;
+    font-size: 15px;
+    line-height: 1.55;
+  }
+
+  .booking-trust-row {
+    gap: 10px;
+    margin-top: 16px;
+  }
+
+  .booking-trust-chip {
+    padding: 8px 12px;
+    font-size: 13px;
+  }
+
   .booking-title-highlight::after {
     left: 12px;
     right: 12px;
@@ -453,7 +478,8 @@
     grid-template-columns: 1fr;
   }
 
-  .booking-field-group-owner {
+  .booking-field-group-owner,
+  .booking-field-group-dog {
     grid-template-columns: 1fr;
     gap: 18px;
   }
@@ -566,10 +592,6 @@
     border-radius: 24px;
   }
 
-  .footer-nav {
-    columns: 1;
-  }
-
   .footer-action-title {
     font-size: 22px;
   }
@@ -602,6 +624,10 @@
 }
 
 @media (max-width: 480px) {
+  .footer-nav {
+    gap: 2px 16px;
+  }
+
   .mobile-phone {
     gap: 6px;
     padding: 10px 12px;