More design fixes

app/[lang]/(live)/(public)/hotelreservation/booking-confirmation/page.module.css

@@ -4,6 +4,8 @@
   padding: var(--Spacing-x4);
   background-color: var(--Scandic-Brand-Warm-White);
   min-height: 100dvh;
+  max-width: var(--max-width);
+  margin: 0 auto;
 }
 
 .section {
@@ -11,10 +13,4 @@
   flex-direction: column;
   gap: var(--Spacing-x4);
   width: 100%;
-  max-width: 365px;
-}
-@media screen and (min-width: 1367px) {
-  .section {
-    max-width: 525px;
-  }
 }

components/Breadcrumbs/breadcrumbs.module.css

@@ -3,6 +3,9 @@
   padding-left: var(--Spacing-x2);
   padding-right: var(--Spacing-x2);
   padding-top: var(--Spacing-x2);
+  max-width: var(--max-width);
+  margin: 0 auto;
+  width: 100%;
 }
 
 .list {

components/ContentType/LoyaltyPage/loyaltyPage.module.css

@@ -3,11 +3,12 @@
   padding-bottom: var(--Spacing-x9);
   padding-left: var(--Spacing-x0);
   padding-right: var(--Spacing-x0);
-  position: relative;
+
-  justify-content: center;
-  align-items: flex-start;
   container-name: loyalty-page;
   container-type: inline-size;
+  max-width: var(--max-width);
+  margin: 0 auto;
+  width: 100%;
 }
 
 .blocks {