/* IMPROCOSME V57.0.16 — MOBILE FRAME + RIGHT PANEL STABILITY + TITLE PARITY LOCK

ROOT FIXES:
1) The mobile book frame uses the hero's REAL measured x/y/width.
2) The right-panel image participates in normal document flow instead of being absolutely
   positioned inside an aspect-ratio-only container. This removes the intermittent empty
   area below the drawing in Safari.
3) "Vibrez / d’imagination" is restored to the original visual scale measured from the
   supplied ONLINE reference: 4/3 of the previous V57.0.13 text geometry.
*/

/* ---------- RIGHT PANEL: deterministic intrinsic height ---------- */
.landing-v56-8 .landing-right-live{
  container-type:normal!important;
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
}
.landing-v56-8 .landing-right-live-image{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  vertical-align:top!important;
}
.landing-main > .landing-seo-details{
  margin-top:18px!important;
}

/* ---------- RIGHT PANEL TITLE: original online visual scale ---------- */
.landing-v56-8 .landing-right-live-text{
  font-size:69.333333px!important;   /* 52px × 4/3 */
  row-gap:40px!important;           /* 30px × 4/3 */
}
.landing-v56-8 .landing-right-live-line-2{
  margin-left:96px!important;       /* 72px × 4/3 */
}

/* ---------- TABLET / NARROW DESKTOP ---------- */
@media (min-width:561px) and (max-width:1024px){
  body.vertical-mode.book-open .home-mobile{
    padding-top:var(--mobile-frame-top,110px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.vertical-mode.book-open .mobile-paper{
    width:var(--mobile-frame-width,calc(100% - 48px))!important;
    margin-left:var(--mobile-frame-left,24px)!important;
    margin-right:0!important;
  }

  /* same 4/3 scale, proportional to the actual landing frame width */
  .landing-v56-8 .landing-right-live-text{
    font-size:calc((100vw - 48px) * .1175141243)!important;
    row-gap:calc((100vw - 48px) * .0677966102)!important;
  }
  .landing-v56-8 .landing-right-live-line-2{
    margin-left:calc((100vw - 48px) * .1627118644)!important;
  }
}

/* ---------- PHONE ---------- */
@media (max-width:560px){
  body.vertical-mode.book-open .home-mobile{
    padding-top:var(--mobile-frame-top,88px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.vertical-mode.book-open .mobile-paper{
    width:var(--mobile-frame-width,calc(100% - 32px))!important;
    margin-left:var(--mobile-frame-left,16px)!important;
    margin-right:0!important;
  }

  .landing-v56-8 .landing-right-live-text{
    font-size:calc((100vw - 32px) * .1175141243)!important;
    row-gap:calc((100vw - 32px) * .0677966102)!important;
  }
  .landing-v56-8 .landing-right-live-line-2{
    margin-left:calc((100vw - 32px) * .1627118644)!important;
  }
}