@onlive.ai/common-121 0.2.192 → 0.2.196

package/themes/custom/hyundai.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../hyundai.theme-XqGZljEG.js';
+export { s as styles } from '../../hyundai.theme-X9ehcHXw.js';

package/themes/custom/hyundai.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var t=o`
 :root,
 :host,

package/themes/custom/italy.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 "use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,o)=>{for(var a in o)l(t,a,{get:o[a],enumerable:!0})},f=(t,o,a,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of s(o))!c.call(t,e)&&e!==a&&l(t,e,{get:()=>o[e],enumerable:!(r=i(o,e))||r.enumerable});return t};var p=t=>f(l({},"__esModule",{value:!0}),t);var u={};m(u,{styles:()=>_});module.exports=p(u);var n=require("lit"),_=n.css`
 /**
  * ----------------------------------------------------------------------------------------

package/themes/custom/italy.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../italy.theme-DN5caGuK.cjs';
+export { s as styles } from '../../italy.theme-vzHdiHGx.cjs';

package/themes/custom/italy.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../italy.theme-DN5caGuK.js';
+export { s as styles } from '../../italy.theme-vzHdiHGx.js';

package/themes/custom/italy.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var e=o`
 /**
  * ----------------------------------------------------------------------------------------

package/themes/custom/magimix.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 "use strict";var i=Object.defineProperty;var e=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var s=(r,o)=>{for(var a in o)i(r,a,{get:o[a],enumerable:!0})},_=(r,o,a,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of p(o))!c.call(r,l)&&l!==a&&i(r,l,{get:()=>o[l],enumerable:!(n=e(o,l))||n.enumerable});return r};var g=r=>_(i({},"__esModule",{value:!0}),r);var d={};s(d,{styles:()=>m});module.exports=g(d);var t=require("lit"),m=t.css`
 :root,
 :host,

package/themes/custom/magimix.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../magimix.theme-C3JtAs0X.cjs';
+export { s as styles } from '../../magimix.theme-BUlwbPZj.cjs';

package/themes/custom/magimix.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../magimix.theme-C3JtAs0X.js';
+export { s as styles } from '../../magimix.theme-BUlwbPZj.js';

package/themes/custom/magimix.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var l=o`
 :root,
 :host,

package/themes/custom/onlive-ai.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 "use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var n=Object.getOwnPropertyNames;var s=Object.prototype.hasOwnProperty;var c=(r,o)=>{for(var e in o)l(r,e,{get:o[e],enumerable:!0})},b=(r,o,e,_)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of n(o))!s.call(r,a)&&a!==e&&l(r,a,{get:()=>o[a],enumerable:!(_=i(o,a))||_.enumerable});return r};var d=r=>b(l({},"__esModule",{value:!0}),r);var p={};c(p,{styles:()=>v});module.exports=d(p);var t=require("lit"),v=t.css`
 :root,
 :host,

package/themes/custom/onlive-ai.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../onlive-ai.theme-D6jYAwmA.cjs';
+export { s as styles } from '../../onlive-ai.theme-B7HiJSOy.cjs';

package/themes/custom/onlive-ai.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../onlive-ai.theme-D6jYAwmA.js';
+export { s as styles } from '../../onlive-ai.theme-B7HiJSOy.js';

package/themes/custom/onlive-ai.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var a=o`
 :root,
 :host,

package/themes/custom/onlive.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 "use strict";var s=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var g=(o,r)=>{for(var l in r)s(o,l,{get:r[l],enumerable:!0})},i=(o,r,l,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of b(r))!c.call(o,a)&&a!==l&&s(o,a,{get:()=>r[a],enumerable:!(e=p(r,a))||e.enumerable});return o};var t=o=>i(s({},"__esModule",{value:!0}),o);var n={};g(n,{styles:()=>_});module.exports=t(n);var m=require("lit"),_=m.css`
 :root,
 :host,

package/themes/custom/onlive.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../onlive.theme-D0NE7i0O.cjs';
+export { s as styles } from '../../onlive.theme-BTbYQRIn.cjs';

package/themes/custom/onlive.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../onlive.theme-D0NE7i0O.js';
+export { s as styles } from '../../onlive.theme-BTbYQRIn.js';

package/themes/custom/onlive.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as r}from"lit";var a=r`
 :root,
 :host,

package/themes/custom/seat-cupra.theme.cjs

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 "use strict";var l=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var s=(r,o)=>{for(var t in o)l(r,t,{get:o[t],enumerable:!0})},d=(r,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of c(o))!b.call(r,a)&&a!==t&&l(r,a,{get:()=>o[a],enumerable:!(e=i(o,a))||e.enumerable});return r};var p=r=>d(l({},"__esModule",{value:!0}),r);var _={};s(_,{styles:()=>g});module.exports=p(_);var n=require("lit"),g=n.css`
 /**
  * SEAT CUPRA Theme

package/themes/custom/seat-cupra.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../seat-cupra.theme-Bkr5G_uU.cjs';
+export { s as styles } from '../../seat-cupra.theme-uj8HusFu.cjs';

package/themes/custom/seat-cupra.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../seat-cupra.theme-Bkr5G_uU.js';
+export { s as styles } from '../../seat-cupra.theme-uj8HusFu.js';

package/themes/custom/seat-cupra.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var a=o`
 /**
  * SEAT CUPRA Theme

package/themes/custom/seat.theme.cjs

@@ -1,5 +1,5 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
-"use strict";var t=Object.defineProperty;var i=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var c=(a,o)=>{for(var r in o)t(a,r,{get:o[r],enumerable:!0})},p=(a,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of s(o))!_.call(a,l)&&l!==r&&t(a,l,{get:()=>o[l],enumerable:!(e=i(o,l))||e.enumerable});return a};var f=a=>p(t({},"__esModule",{value:!0}),a);var m={};c(m,{styles:()=>d});module.exports=f(m);var n=require("lit"),d=n.css`
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
+"use strict";var t=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var c=(a,o)=>{for(var r in o)t(a,r,{get:o[r],enumerable:!0})},p=(a,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of s(o))!_.call(a,l)&&l!==r&&t(a,l,{get:()=>o[l],enumerable:!(e=n(o,l))||e.enumerable});return a};var f=a=>p(t({},"__esModule",{value:!0}),a);var d={};c(d,{styles:()=>m});module.exports=f(d);var i=require("lit"),m=i.css`
 /**
  * Seat Theme
  */
@@ -59,6 +59,22 @@
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-family: var(--seat-font-family-medium);
+  font-size: var(--ol-font-size-medium);
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-family: var(--seat-font-family-regular);
+  font-size: var(--ol-font-size-small);
+  color: var(--ol-color-neutral-500);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* Spinner */
 ol-spinner {
   --track-width: 3px;
@@ -223,12 +239,6 @@ ol-carousel::part(pagination-item--active) {
 .ofl__carousel--showcase-mode .ofl__carousel__item-label {
   display: none;
 }
-.ofl__carousel--showcase-mode::part(pagination) {
-  position: absolute;
-  bottom: 90px;
-  left: 0;
-  right: 0;
-}
 .ofl__carousel--showcase-mode::part(navigation-button) {
   background: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-50);
@@ -259,6 +269,7 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--seat-font-family-regular);
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-500);
+  margin-bottom: var(--ol-spacing-small);
 }
 ol-radio-group ol-radio {
   line-height: 2.5;
@@ -422,27 +433,54 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-
+.oip__page {
+  background-color: transparent;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
 .oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
   background-color: transparent;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
   background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -619,14 +657,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(navigation) {
@@ -793,7 +838,7 @@ ol-dialog::part(panel) {
   margin: 0;
 }
 .ofl__form__field[name="carouselLabel"] {
-  margin-bottom: -100px;
+  margin-bottom: 0;
 }
 .olcs__model-image {
   width: 100%;
@@ -827,6 +872,7 @@ h3.olcs__label {
   gap: var(--ol-spacing-large);
 }
 .olcs__row__text h4 {
+  font-family: var(--seat-font-family-bold);
   width: 50px;
 }
 .olcs__row__text h4,

package/themes/custom/seat.theme.css

@@ -57,6 +57,22 @@
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-family: var(--seat-font-family-medium);
+  font-size: var(--ol-font-size-medium);
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-family: var(--seat-font-family-regular);
+  font-size: var(--ol-font-size-small);
+  color: var(--ol-color-neutral-500);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* Spinner */
 ol-spinner {
   --track-width: 3px;
@@ -221,12 +237,6 @@ ol-carousel::part(pagination-item--active) {
 .ofl__carousel--showcase-mode .ofl__carousel__item-label {
   display: none;
 }
-.ofl__carousel--showcase-mode::part(pagination) {
-  position: absolute;
-  bottom: 90px;
-  left: 0;
-  right: 0;
-}
 .ofl__carousel--showcase-mode::part(navigation-button) {
   background: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-50);
@@ -257,6 +267,7 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--seat-font-family-regular);
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-500);
+  margin-bottom: var(--ol-spacing-small);
 }
 ol-radio-group ol-radio {
   line-height: 2.5;
@@ -420,27 +431,54 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-
+.oip__page {
+  background-color: transparent;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
 .oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
   background-color: transparent;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
   background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -617,14 +655,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(navigation) {
@@ -791,7 +836,7 @@ ol-dialog::part(panel) {
   margin: 0;
 }
 .ofl__form__field[name="carouselLabel"] {
-  margin-bottom: -100px;
+  margin-bottom: 0;
 }
 .olcs__model-image {
   width: 100%;
@@ -825,6 +870,7 @@ h3.olcs__label {
   gap: var(--ol-spacing-large);
 }
 .olcs__row__text h4 {
+  font-family: var(--seat-font-family-bold);
   width: 50px;
 }
 .olcs__row__text h4,

package/themes/custom/seat.theme.d.cts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../seat.theme-DANE63jr.cjs';
+export { s as styles } from '../../seat.theme-DE8tCp3R.cjs';

package/themes/custom/seat.theme.d.ts

@@ -1,3 +1,3 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import 'lit';
-export { s as styles } from '../../seat.theme-DANE63jr.js';
+export { s as styles } from '../../seat.theme-DE8tCp3R.js';

package/themes/custom/seat.theme.js

@@ -1,4 +1,4 @@
-/*! @onlive.ai/common-121 v0.2.192 | © 2026 Onlive.ai */
+/*! @onlive.ai/common-121 v0.2.196 | © 2026 Onlive.ai */
 import{css as o}from"lit";var l=o`
 /**
  * Seat Theme
@@ -59,6 +59,22 @@ import{css as o}from"lit";var l=o`
    CORE ONLIVE UI COMPONENTS
    ======================================================================== */
 
+[slot="label"] h3 {
+  font-family: var(--seat-font-family-medium);
+  font-size: var(--ol-font-size-medium);
+  color: var(--ol-color-neutral-900);
+  margin: 0;
+  line-height: var(--ol-line-height-dense);
+}
+
+[slot="label"] p {
+  font-family: var(--seat-font-family-regular);
+  font-size: var(--ol-font-size-small);
+  color: var(--ol-color-neutral-500);
+  margin: var(--ol-spacing-2x-small) 0 0;
+  line-height: var(--ol-line-height-dense);
+}
+
 /* Spinner */
 ol-spinner {
   --track-width: 3px;
@@ -223,12 +239,6 @@ ol-carousel::part(pagination-item--active) {
 .ofl__carousel--showcase-mode .ofl__carousel__item-label {
   display: none;
 }
-.ofl__carousel--showcase-mode::part(pagination) {
-  position: absolute;
-  bottom: 90px;
-  left: 0;
-  right: 0;
-}
 .ofl__carousel--showcase-mode::part(navigation-button) {
   background: var(--ol-color-neutral-1000);
   color: var(--ol-color-neutral-50);
@@ -259,6 +269,7 @@ ol-radio-group::part(form-control-label) {
   font-family: var(--seat-font-family-regular);
   font-size: var(--ol-font-size-small);
   color: var(--ol-color-neutral-500);
+  margin-bottom: var(--ol-spacing-small);
 }
 ol-radio-group ol-radio {
   line-height: 2.5;
@@ -422,27 +433,54 @@ ol-dialog::part(panel) {
   gap: var(--ol-spacing-2x-small);
 }
 
+/* Rating Component Styling */
+.ofl__rating {
+  --symbol-color: var(--ol-color-neutral-900);
+  --symbol-size: 2em;
+  --symbol-spacing: 0 var(--ol-spacing-medium) 0 0;
+  margin-bottom: var(--ol-spacing-large);
+}
+.ofl__rating__label {
+  margin-bottom: var(--ol-spacing-large);
+  margin-top: var(--ol-spacing-large);
+}
+
 /* ========================================================================
    PAGE LAYOUT
    ======================================================================== */
 
 /* Landing installations */
-
+.oip__page {
+  background-color: transparent;
+}
+.oip__page__header {
+  max-width: 1400px;
+  margin: 0 auto;
+  width: 100%;
+  backdrop-filter: blur(12px);
+}
 .oip__page__content {
+  flex: 1;
+  max-width: 1400px;
+  margin: 0 auto;
+  align-items: center;
   background-color: transparent;
 }
 .oip__page__content .oip__page__installation {
   display: flex;
-  align-items: center;
+  align-items: self-start;
   justify-content: center;
   width: 50%;
-  padding: var(--ol-spacing-2x-large);
-  height: calc(100vh - 2 * var(--ol-spacing-2x-large));
+  padding: var(--ol-spacing-large);
+}
+.oip__page__content .oip__page__image_container {
+  background: transparent;
 }
 .oip__page__content .oip__page__image_container .oip__page__image {
   background-color: transparent;
   object-fit: contain;
 }
+
 .ofl__widget,
 .ofl__flow {
   max-width: 100%;
@@ -619,14 +657,21 @@ ol-dialog::part(panel) {
     --ol-calendar-day-font-size: var(--ol-font-size-small);
   }
 
+  .oip__page__header {
+    width: auto;
+    margin: 0;
+    position: sticky;
+    top: 0;
+  }
   .oip__page__content {
-    height: 100vh;
+    height: 100%;
     justify-content: center;
     align-items: center;
   }
   .oip__page__content .oip__page__installation {
     height: auto;
-    width: calc(100% - 2 * var(--ol-spacing-2x-large));
+    width: 100%;
+    align-items: center;
   }
 
   ol-carousel::part(navigation) {
@@ -793,7 +838,7 @@ ol-dialog::part(panel) {
   margin: 0;
 }
 .ofl__form__field[name="carouselLabel"] {
-  margin-bottom: -100px;
+  margin-bottom: 0;
 }
 .olcs__model-image {
   width: 100%;
@@ -827,6 +872,7 @@ h3.olcs__label {
   gap: var(--ol-spacing-large);
 }
 .olcs__row__text h4 {
+  font-family: var(--seat-font-family-bold);
   width: 50px;
 }
 .olcs__row__text h4,