4.2.1 final fixes

src/lib/styles/forms.css

@@ -367,12 +367,21 @@
 
 .booking-actions-next {
   justify-content: center;
+  flex-direction: column;
 }
 
 .booking-actions-final {
   justify-content: space-between;
 }
 
+.booking-next-note {
+  margin: 10px 0 0;
+  text-align: center;
+  font-size: 13px;
+  line-height: 1.45;
+  color: #666;
+}
+
 .booking-next-button,
 .booking-submit-button {
   display: inline-flex;

src/lib/styles/responsive.css

@@ -195,7 +195,7 @@
 
   .hero-inner {
     flex-direction: column;
-    gap: 24px;
+    gap: 18px;
     align-items: stretch;
     text-align: left;
     padding: 0;
@@ -222,6 +222,12 @@
     line-height: 1.5;
   }
 
+  .hero-trust-chip {
+    margin-bottom: 18px;
+    padding: 10px 14px;
+    font-size: 14px;
+  }
+
   .hero-heading-desktop {
     display: none;
   }
@@ -239,37 +245,38 @@
 
   .hero-buttons {
     width: 100%;
-    justify-content: flex-start;
-    gap: 10px;
-    padding-right: 18px;
+    justify-content: space-between;
+    gap: 8px;
+    padding-right: 0;
   }
 
   .hero-buttons .btn {
-    flex: 0 0 auto;
-    width: auto;
+    flex: 1 1 0;
+    width: 0;
     min-width: 0;
-    padding: 17px 28px;
-    font-size: 15px;
+    padding: 15px 12px;
+    font-size: 13.5px;
     font-weight: 700;
     text-align: center;
     border-radius: 999px;
+    line-height: 1.25;
     -webkit-tap-highlight-color: transparent;
     touch-action: manipulation;
   }
 
   .hero-buttons .btn:last-child {
-    margin-right: 12px;
+    margin-right: 0;
   }
 
   .hero-buttons .btn-yellow {
-    background: #e8dbc1;
+    background: var(--yellow);
     color: #000;
   }
 
   .hero-buttons .btn-outline {
-    background: var(--yellow);
-    color: #000;
-    border: none;
+    background: transparent;
+    color: #fff;
+    border: 2px solid rgba(255, 255, 255, 0.84);
   }
 
   .hero-buttons .btn:active {
@@ -277,11 +284,11 @@
   }
 
   .hero-buttons .btn-yellow:active {
-    background: #dccdb1;
+    background: #e6bb00;
   }
 
   .hero-buttons .btn-outline:active {
-    background: #e6bb00;
+    background: rgba(255, 255, 255, 0.08);
   }
 
   .hero-img {
@@ -295,7 +302,7 @@
   }
 
   .hero-img img {
-    width: min(100%, 500px);
+    width: min(100%, 460px);
     max-width: 100%;
     margin: 0 auto -7px;
     object-fit: contain;

src/lib/styles/sections.css

@@ -33,6 +33,49 @@ section {
   line-height: 1.55;
 }
 
+.hero-trust-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 22px;
+  padding: 10px 16px;
+  border-radius: 999px;
+  background: rgba(255, 255, 255, 0.1);
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  color: #fff;
+  font-size: 14px;
+  font-weight: 700;
+  text-decoration: none;
+  transition:
+    background 0.2s ease,
+    transform 0.16s cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.hero-trust-logo {
+  width: 18px;
+  height: 19px;
+  flex: 0 0 auto;
+}
+
+.hero-trust-stars {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  color: var(--yellow);
+  font-size: 13px;
+}
+
+@media (hover: hover) {
+  .hero-trust-chip:hover {
+    background: rgba(255, 255, 255, 0.16);
+    transform: translateY(-1px);
+  }
+}
+
+.hero-trust-chip:active {
+  transform: translateY(1px) scale(0.99);
+}
+
 .hero-buttons {
   display: flex;
   gap: 16px;
@@ -585,6 +628,12 @@ footer {
   transition: background 0.2s, opacity 0.2s;
 }
 
+.footer-google-logo {
+  width: 16px;
+  height: 17px;
+  flex: 0 0 auto;
+}
+
 .footer-reviews:hover {
   background: rgba(255, 255, 255, 0.13);
   opacity: 1;