@qite/tide-booking-component 1.4.108 → 1.4.110

package/src/shared/translations/da-DK.json

@@ -348,6 +348,7 @@
     "DEPARTURE_ASC": "Afrejsedato (snarest først)",
     "FILTERS": "Filtre",
     "SHOW_ITINERARY": "Vis rejseplan",
+    "VIEW_BOOKING": "Se booking",
     "ITINERARY_TITLE": "Din rejseoversigt",
     "DOSSIER_NUMBER": "Sagsnummer",
     "PACKAGE_PRICE_PER_PERSON": "pakkepris pr. person",
@@ -381,7 +382,12 @@
     "DURATION_ASC": "Varighed stigende",
     "DURATION_DESC": "Varighed faldende",
     "TRAVEL_GROUP": "Rejseselskab",
-    "EXCURSION": "Udflugt"
+    "EXCURSION": "Udflugt",
+    "LOADING_EXCURSIONS": "Indlæser udflugter...",
+    "LOADING_FLIGHTS": "Indlæser fly...",
+    "LOADING_ACCOMMODATIONS": "Indlæser indkvarteringer...",
+    "LOADING_ITINERARY": "Indlæser rejseplan...",
+    "LOADING_OPTIONS": "Indlæser muligheder..."
   },
   "ITINERARY": {
     "DAY": "Dag",

package/src/shared/translations/de-DE.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Abreisedatum (früheste zuerst)",
     "FILTERS": "Filter",
     "SHOW_ITINERARY": "Reiseverlauf anzeigen",
+    "VIEW_BOOKING": "Buchung anzeigen",
     "ITINERARY_TITLE": "Ihre Reiseübersicht",
     "DOSSIER_NUMBER": "Vorgangsnummer",
     "PACKAGE_PRICE_PER_PERSON": "Paketpreis pro Person",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Ankunftsflughäfen",
     "PRICE": "Preis",
     "TRAVEL_GROUP": "Reisegruppe",
-    "EXCURSION": "Ausflug"
+    "EXCURSION": "Ausflug",
+    "LOADING_EXCURSIONS": "Lade Ausflüge...",
+    "LOADING_FLIGHTS": "Lade Flüge...",
+    "LOADING_ACCOMMODATIONS": "Lade Unterkünfte...",
+    "LOADING_ITINERARY": "Lade Reiseverlauf...",
+    "LOADING_OPTIONS": "Lade Optionen..."
   },
   "ITINERARY": {
     "DAY": "Tag",

package/src/shared/translations/en-GB.json

@@ -56,7 +56,7 @@
     "STAY_INCLUDED": "Stay included",
     "FLIGHT_INCLUDED": "Flight included",
     "TRANSFER_INCLUDED": "Transfer included",
-    "LOADING_PRICE": "Your price is being composed.",
+    "LOADING_PRICE": "Loading price...",
     "PER_PERSON": "Per person",
     "PER_NIGHT": "Per night",
     "PER_PERSON_PER_NIGHT": "Per person / per night",
@@ -356,6 +356,7 @@
     "DEPARTURE_ASC": "Departure date (soonest first)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Show itinerary",
+    "VIEW_BOOKING": "View booking",
     "ITINERARY_TITLE": "Your trip summary",
     "DOSSIER_NUMBER": "File number",
     "PACKAGE_PRICE_PER_PERSON": "package price per person",
@@ -385,7 +386,12 @@
     "DEPARTURE_AIRPORTS": "Departure airports",
     "ARRIVAL_AIRPORTS": "Arrival airports",
     "TRAVEL_GROUP": "Travel group",
-    "EXCURSION": "Excursion"
+    "EXCURSION": "Excursion",
+    "LOADING_EXCURSIONS": "Loading excursions...",
+    "LOADING_FLIGHTS": "Loading flights...",
+    "LOADING_ACCOMMODATIONS": "Loading accommodations...",
+    "LOADING_ITINERARY": "Loading itinerary...",
+    "LOADING_OPTIONS": "Loading options..."
   },
   "ITINERARY": {
     "DAY": "Day",

package/src/shared/translations/es-ES.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Fecha de salida (más próxima primero)",
     "FILTERS": "Filtros",
     "SHOW_ITINERARY": "Mostrar itinerario",
+    "VIEW_BOOKING": "Ver reserva",
     "ITINERARY_TITLE": "Resumen de tu viaje",
     "DOSSIER_NUMBER": "Número de expediente",
     "PACKAGE_PRICE_PER_PERSON": "precio del paquete por persona",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Aeropuertos de llegada",
     "PRICE": "Precio",
     "TRAVEL_GROUP": "Grupo de viaje",
-    "EXCURSION": "Excursión"
+    "EXCURSION": "Excursión",
+    "LOADING_EXCURSIONS": "Cargando excursiones...",
+    "LOADING_FLIGHTS": "Cargando vuelos...",
+    "LOADING_ACCOMMODATIONS": "Cargando alojamientos...",
+    "LOADING_ITINERARY": "Cargando itinerario...",
+    "LOADING_OPTIONS": "Cargando opciones..."
   },
   "ITINERARY": {
     "DAY": "Día",

package/src/shared/translations/fr-BE.json

@@ -356,6 +356,7 @@
     "DEPARTURE_ASC": "Date de départ (la plus proche d’abord)",
     "FILTERS": "Filtres",
     "SHOW_ITINERARY": "Afficher l’itinéraire",
+    "VIEW_BOOKING": "Voir la réservation",
     "ITINERARY_TITLE": "Résumé de votre voyage",
     "DOSSIER_NUMBER": "Numéro de dossier",
     "PACKAGE_PRICE_PER_PERSON": "prix du forfait par personne",
@@ -385,7 +386,12 @@
     "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
     "PRICE": "Prix",
     "TRAVEL_GROUP": "Groupe de voyageurs",
-    "EXCURSION": "Excursion"
+    "EXCURSION": "Excursion",
+    "LOADING_EXCURSIONS": "Chargement des excursions...",
+    "LOADING_FLIGHTS": "Chargement des vols...",
+    "LOADING_ACCOMMODATIONS": "Chargement des hébergements...",
+    "LOADING_ITINERARY": "Chargement de l’itinéraire...",
+    "LOADING_OPTIONS": "Chargement des options..."
   },
   "ITINERARY": {
     "DAY": "Jour",

package/src/shared/translations/fr-FR.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Date de départ (la plus proche d’abord)",
     "FILTERS": "Filtres",
     "SHOW_ITINERARY": "Afficher l’itinéraire",
+    "VIEW_BOOKING": "Voir la réservation",
     "ITINERARY_TITLE": "Résumé de votre voyage",
     "DOSSIER_NUMBER": "Numéro de dossier",
     "PACKAGE_PRICE_PER_PERSON": "prix du forfait par personne",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Aéroports d’arrivée",
     "PRICE": "Prix",
     "TRAVEL_GROUP": "Groupe de voyageurs",
-    "EXCURSION": "Excursion"
+    "EXCURSION": "Excursion",
+    "LOADING_EXCURSIONS": "Chargement des excursions...",
+    "LOADING_FLIGHTS": "Chargement des vols...",
+    "LOADING_ACCOMMODATIONS": "Chargement des hébergements...",
+    "LOADING_ITINERARY": "Chargement de l’itinéraire...",
+    "LOADING_OPTIONS": "Chargement des options..."
   },
   "ITINERARY": {
     "DAY": "Jour",

package/src/shared/translations/is-IS.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Brottfarardagur (nærst fyrst)",
     "FILTERS": "Síur",
     "SHOW_ITINERARY": "Sýna ferðaráætlun",
+    "VIEW_BOOKING": "Skoða bókun",
     "ITINERARY_TITLE": "Yfirlit ferðarinnar",
     "DOSSIER_NUMBER": "Skrárnúmer",
     "PACKAGE_PRICE_PER_PERSON": "pakka verð á mann",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Komuflugvellir",
     "PRICE": "Verð",
     "TRAVEL_GROUP": "Ferðahópur",
-    "EXCURSION": "Útflutningur"
+    "EXCURSION": "Útflutningur",
+    "LOADING_EXCURSIONS": "Hleðst inn í útflutninga...",
+    "LOADING_FLIGHTS": "Hleðst inn í flug...",
+    "LOADING_ACCOMMODATIONS": "Hleðst inn í gistingar...",
+    "LOADING_ITINERARY": "Hleðst inn í ferðaráætlun...",
+    "LOADING_OPTIONS": "Hleðst inn í valkosti..."
   },
   "ITINERARY": {
     "DAY": "Dagur",

package/src/shared/translations/it-IT.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Data di partenza (prima la più vicina)",
     "FILTERS": "Filtri",
     "SHOW_ITINERARY": "Mostra itinerario",
+    "VIEW_BOOKING": "Visualizza prenotazione",
     "ITINERARY_TITLE": "Riepilogo del tuo viaggio",
     "DOSSIER_NUMBER": "Numero di pratica",
     "PACKAGE_PRICE_PER_PERSON": "prezzo pacchetto per persona",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Aeroporti di arrivo",
     "PRICE": "Prezzo",
     "TRAVEL_GROUP": "Gruppo di viaggio",
-    "EXCURSION": "Escursione"
+    "EXCURSION": "Escursione",
+    "LOADING_EXCURSIONS": "Caricamento delle escursioni...",
+    "LOADING_FLIGHTS": "Caricamento dei voli...",
+    "LOADING_ACCOMMODATIONS": "Caricamento degli alloggi...",
+    "LOADING_ITINERARY": "Caricamento dell'itinerario...",
+    "LOADING_OPTIONS": "Caricamento delle opzioni..."
   },
   "ITINERARY": {
     "DAY": "Giorno",

package/src/shared/translations/ja-JP.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "出発日（早い順）",
     "FILTERS": "フィルター",
     "SHOW_ITINERARY": "旅程を表示",
+    "VIEW_BOOKING": "予約を見る",
     "ITINERARY_TITLE": "あなたの旅行概要",
     "DOSSIER_NUMBER": "ファイル番号",
     "PACKAGE_PRICE_PER_PERSON": "1人あたりのパッケージ料金",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "到着空港",
     "PRICE": "価格",
     "TRAVEL_GROUP": "旅行グループ",
-    "EXCURSION": "エクスカーション"
+    "EXCURSION": "エクスカーション",
+    "LOADING_EXCURSIONS": "エクスカーションを読み込み中...",
+    "LOADING_FLIGHTS": "フライトを読み込み中...",
+    "LOADING_ACCOMMODATIONS": "宿泊施設を読み込み中...",
+    "LOADING_ITINERARY": "旅程を読み込み中...",
+    "LOADING_OPTIONS": "オプションを読み込み中..."
   },
   "ITINERARY": {
     "DAY": "日",

package/src/shared/translations/nl-BE.json

@@ -356,6 +356,7 @@
     "DEPARTURE_ASC": "Vertrekdatum (dichtstbij eerst)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Toon reisplan",
+    "VIEW_BOOKING": "Bekijk boeking",
     "ITINERARY_TITLE": "Overzicht van je reis",
     "DOSSIER_NUMBER": "Dossiernummer",
     "PACKAGE_PRICE_PER_PERSON": "pakketprijs per persoon",
@@ -385,7 +386,12 @@
     "ARRIVAL_AIRPORTS": "Aankomstluchthavens",
     "PRICE": "Prijs",
     "TRAVEL_GROUP": "Reisgezelschap",
-    "EXCURSION": "Excursie"
+    "EXCURSION": "Excursie",
+    "LOADING_EXCURSIONS": "Excursies laden...",
+    "LOADING_FLIGHTS": "Vluchten laden...",
+    "LOADING_ACCOMMODATIONS": "Accommodaties laden...",
+    "LOADING_ITINERARY": "Reisplan laden...",
+    "LOADING_OPTIONS": "Opties laden..."
   },
   "ITINERARY": {
     "DAY": "Dag",

package/src/shared/translations/nl-NL.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Vertrekdatum (dichtstbij eerst)",
     "FILTERS": "Filters",
     "SHOW_ITINERARY": "Toon reisplan",
+    "VIEW_BOOKING": "Bekijk boeking",
     "ITINERARY_TITLE": "Overzicht van je reis",
     "DOSSIER_NUMBER": "Dossiernummer",
     "PACKAGE_PRICE_PER_PERSON": "pakketprijs per persoon",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Aankomstluchthavens",
     "PRICE": "Prijs",
     "TRAVEL_GROUP": "Reisgezelschap",
-    "EXCURSION": "Excursie"
+    "EXCURSION": "Excursie",
+    "LOADING_EXCURSIONS": "Excursies laden...",
+    "LOADING_FLIGHTS": "Vluchten laden...",
+    "LOADING_ACCOMMODATIONS": "Accommodaties laden...",
+    "LOADING_ITINERARY": "Reisplan laden...",
+    "LOADING_OPTIONS": "Opties laden..."
   },
   "ITINERARY": {
     "DAY": "Dag",

package/src/shared/translations/no-NO.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Avreisedato (nærmeste først)",
     "FILTERS": "Filtre",
     "SHOW_ITINERARY": "Vis reiserute",
+    "VIEW_BOOKING": "Se bestilling",
     "ITINERARY_TITLE": "Din reisemåloversikt",
     "DOSSIER_NUMBER": "Saksnummer",
     "PACKAGE_PRICE_PER_PERSON": "pakkepris per person",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Ankomstflyplasser",
     "PRICE": "Pris",
     "TRAVEL_GROUP": "Reisefølge",
-    "EXCURSION": "Utflukt"
+    "EXCURSION": "Utflukt",
+    "LOADING_EXCURSIONS": "Laster utflukter...",
+    "LOADING_FLIGHTS": "Laster flyvninger...",
+    "LOADING_ACCOMMODATIONS": "Laster overnattinger...",
+    "LOADING_ITINERARY": "Laster reiserute...",
+    "LOADING_OPTIONS": "Laster alternativer..."
   },
   "ITINERARY": {
     "DAY": "Dag",

package/src/shared/translations/pl-PL.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Data wyjazdu (najbliższa najpierw)",
     "FILTERS": "Filtry",
     "SHOW_ITINERARY": "Pokaż plan podróży",
+    "VIEW_BOOKING": "Zobacz rezerwację",
     "ITINERARY_TITLE": "Podsumowanie Twojej podróży",
     "DOSSIER_NUMBER": "Numer pliku",
     "PACKAGE_PRICE_PER_PERSON": "cena pakietu za osobę",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Lotniska przylotu",
     "PRICE": "Cena",
     "TRAVEL_GROUP": "Grupa podróżnych",
-    "EXCURSION": "Wycieczka"
+    "EXCURSION": "Wycieczka",
+    "LOADING_EXCURSIONS": "Ładowanie wycieczek...",
+    "LOADING_FLIGHTS": "Ładowanie lotów...",
+    "LOADING_ACCOMMODATIONS": "Ładowanie zakwaterowań...",
+    "LOADING_ITINERARY": "Ładowanie planu podróży...",
+    "LOADING_OPTIONS": "Ładowanie opcji..."
   },
   "ITINERARY": {
     "DAY": "Dzień",

package/src/shared/translations/pt-PT.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Data de partida (mais próxima primeiro)",
     "FILTERS": "Filtros",
     "SHOW_ITINERARY": "Mostrar itinerário",
+    "VIEW_BOOKING": "Ver reserva",
     "ITINERARY_TITLE": "Resumo da sua viagem",
     "DOSSIER_NUMBER": "Número do processo",
     "PACKAGE_PRICE_PER_PERSON": "preço do pacote por pessoa",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Aeroportos de chegada",
     "PRICE": "Preço",
     "TRAVEL_GROUP": "Grupo de viajantes",
-    "EXCURSION": "Excursão"
+    "EXCURSION": "Excursão",
+    "LOADING_EXCURSIONS": "A carregar excursões...",
+    "LOADING_FLIGHTS": "A carregar voos...",
+    "LOADING_ACCOMMODATIONS": "A carregar alojamentos...",
+    "LOADING_ITINERARY": "A carregar itinerário...",
+    "LOADING_OPTIONS": "A carregar opções..."
   },
   "ITINERARY": {
     "DAY": "Dia",

package/src/shared/translations/sv-SE.json

@@ -352,6 +352,7 @@
     "DEPARTURE_ASC": "Avresedatum (närmast först)",
     "FILTERS": "Filter",
     "SHOW_ITINERARY": "Visa resplan",
+    "VIEW_BOOKING": "Visa bokning",
     "ITINERARY_TITLE": "Din resesammanfattning",
     "DOSSIER_NUMBER": "Filnummer",
     "PACKAGE_PRICE_PER_PERSON": "paketpris per person",
@@ -381,7 +382,12 @@
     "ARRIVAL_AIRPORTS": "Ankomstflygplatser",
     "PRICE": "Pris",
     "TRAVEL_GROUP": "Resesällskap",
-    "EXCURSION": "Utflykt"
+    "EXCURSION": "Utflykt",
+    "LOADING_EXCURSIONS": "Laddar utflykter...",
+    "LOADING_FLIGHTS": "Laddar flyg...",
+    "LOADING_ACCOMMODATIONS": "Laddar boenden...",
+    "LOADING_ITINERARY": "Laddar resplan...",
+    "LOADING_OPTIONS": "Laddar alternativ..."
   },
   "ITINERARY": {
     "DAY": "Dag",

package/src/shared/utils/localization-util.ts

@@ -290,3 +290,11 @@ export const getDatesBetween = (fromDate: string, toDate: string): Date[] => {
 
   return dates;
 };
+
+export const getDateOnlyTime = (date?: string | Date | null) => {
+  if (!date) return 0;
+
+  const parsedDate = new Date(date);
+
+  return new Date(parsedDate.getFullYear(), parsedDate.getMonth(), parsedDate.getDate()).getTime();
+};

package/styles/components/_footer.scss

@@ -16,14 +16,8 @@
 
   &__top {
     display: flex;
-    flex-direction: column;
-    gap: 20px;
-
-    @include mixins.media-xxs {
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-    }
+    justify-content: space-between;
+    align-items: center;
   }
 
   &__logo {

package/styles/components/_loader.scss

@@ -35,6 +35,69 @@
     width: 100%;
     align-items: center;
   }
+
+  &__container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 15px;
+    padding: 30px;
+  }
+
+  &__line {
+    width: 45px;
+    display: flex;
+    justify-content: space-evenly;
+
+    &__text {
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      text-transform: lowercase;
+      font-weight: 500;
+      font-size: 14px;
+      letter-spacing: 0.2px;
+
+      &::before,
+      &::after {
+        content: attr(data-text);
+      }
+
+      &::before {
+        color: var(--tide-booking-color-primary-light);
+      }
+
+      &::after {
+        color: var(--tide-booking-color-primary);
+        animation: text-animation 3.6s ease infinite;
+        position: absolute;
+        left: 0;
+      }
+    }
+  }
+
+  &__ball {
+    list-style: none;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background-color: var(--tide-booking-color-primary-light);
+
+    animation: bounce 2.1s ease-in-out infinite;
+
+    &--1 {
+      animation-delay: 0s;
+    }
+
+    &--2 {
+      animation-delay: 0.3s;
+    }
+
+    &--3 {
+      animation-delay: 0.6s;
+    }
+  }
 }
 
 @keyframes spin {
@@ -68,3 +131,22 @@
     text-shadow: 0.25em 0 0 var(--tide-booking-spinner-animation-color), 0.5em 0 0 var(--tide-booking-spinner-animation-color);
   }
 }
+
+@keyframes bounce {
+  50% {
+    transform: translateY(-18px);
+    background-color: var(--tide-booking-color-primary);
+  }
+}
+
+@keyframes text-animation {
+  0% {
+    clip-path: inset(0 100% 0 0);
+  }
+  50% {
+    clip-path: inset(0);
+  }
+  100% {
+    clip-path: inset(0 0 0 100%);
+  }
+}

package/styles/components/_search.scss

@@ -43,7 +43,6 @@
     max-width: 360px;
     width: 100%;
     background-color: var(--tide-booking-search-filter-background);
-    border-radius: var(--tide-booking-search-filter-border-radius);
     border: var(--tide-booking-search-filter-border);
     height: 100%;
     margin-bottom: 20px;
@@ -55,6 +54,7 @@
 
     @include mixins.media-md {
       grid-column: auto;
+      border-radius: var(--tide-booking-search-filter-border-radius);
     }
 
     @include mixins.media-lg {
@@ -134,12 +134,12 @@
     &--close {
       position: fixed;
       z-index: 100020;
-      top: 30px;
-      right: 30px;
+      top: 10px;
+      right: 15px;
       display: none;
       background: none;
       border: none;
-      color: white;
+      color: var(--tide-booking-search-filter-price-amount-color);
       cursor: pointer;
     }
 
@@ -149,7 +149,7 @@
       top: 0;
       left: 0;
       width: 100vw;
-      height: 100vh;
+      height: 100dvh;
       z-index: 100009;
 
       // Initial hidden state
@@ -180,8 +180,8 @@
         .search__filters {
           position: relative;
           display: block;
-          max-width: 360px;
-          width: 360px;
+          max-width: 100%;
+          width: 100%;
           height: 100%;
           margin: 0;
           border: none;
@@ -190,6 +190,8 @@
           border-bottom-left-radius: 0px;
           transform: translateX(0);
           pointer-events: auto;
+          overflow-y: auto;
+          @extend %scrollbar-thin;
         }
       }
     }
@@ -827,6 +829,11 @@
         display: flex;
         align-items: center;
         padding-left: 15px;
+        gap: 10px;
+
+        svg {
+          fill: var(--tide-booking-gray-dark);
+        }
 
         h3 {
           display: flex;

package/styles/content-blocks-variables.scss

@@ -68,28 +68,28 @@
   --tide-booking-heading-color: var(--tide-booking-black);
 
   //h1
-  --tide-booking-h1: 40px;
-  --tide-booking-h1-sm: 56px;
-  --tide-booking-h1-xl: 56px;
+  --tide-booking-h1: 32px;
+  --tide-booking-h1-sm: 40px;
+  --tide-booking-h1-xl: 40px;
 
   //h2
-  --tide-booking-h2: 32px;
-  --tide-booking-h2-sm: 40px;
-  --tide-booking-h2-xl: 40px;
+  --tide-booking-h2: 24px;
+  --tide-booking-h2-sm: 32px;
+  --tide-booking-h2-xl: 32px;
 
   //h3
-  --tide-booking-h3: 24px;
-  --tide-booking-h3-sm: 32px;
-  --tide-booking-h3-xl: 32px;
+  --tide-booking-h3: 18px;
+  --tide-booking-h3-sm: 24px;
+  --tide-booking-h3-xl: 24px;
 
   //h4
-  --tide-booking-h4: 18px;
-  --tide-booking-h4-sm: 20px;
-  --tide-booking-h4-xl: 20px;
+  --tide-booking-h4: 16px;
+  --tide-booking-h4-sm: 18px;
+  --tide-booking-h4-xl: 18px;
 
   //h5
-  --tide-booking-h5: 18px;
-  --tide-booking-h5-xl: 20px;
+  --tide-booking-h5: 16px;
+  --tide-booking-h5-xl: 18px;
 
   //h6
   --tide-booking-h6: 16px;