/* lelabo clone — corrections layered over the capture.
   Nothing here may restyle the page: the capture is already pixel-certified. This
   file only un-freezes values that were RUNTIME state on the live site and got
   baked into the capture as constants. */

/* The hero is sized off --app-window-height, which live JS keeps equal to
   window.innerHeight. Capture strips the script but keeps its LAST OUTPUT, frozen
   into the <html> inline style as `--app-window-height: 941px` — the capture
   browser's viewport. The hero then renders 941-81-30-50 = 780px tall everywhere,
   including inside the 1280x800 compare iframe, where the real site's hero is 639px.
   Restore the stylesheet's own default (100svh) so the height tracks the viewport. */
html { --app-window-height: 100svh !important; }

/* Same class of bug, second source: Owl Carousel measures the viewport and writes the
   slide width onto every .owl-item as an INLINE style. Capture froze `width: 1728px`
   (the capture window) onto all of them, and an inline width beats the stylesheet's own
   `.slider-home .owl-item ~ .owl-item { width: 100vw }`. The hero photo then paints
   1728px wide however narrow the viewport is — scaled ~35% too large and cropped on the
   right. Invisible at 1728px, wrong everywhere else, including the 1280px compare iframe. */
.slider-home .owl-item { width: 100vw !important; }
