/* Homepage live fixes — 2026-09-02 */

/* Prevent the legacy static homepage from flashing before the current JS-enhanced UI mounts. */
body[data-aram-page="home"] .top,
body[data-aram-page="home"] header.header,
body[data-aram-page="home"] .marquee,
body[data-aram-page="home"] #shop,
body[data-aram-page="home"] footer.footer{
  display:none!important;
}
body[data-aram-page="home"] section.hero .heroGrid{
  display:none!important;
}
body[data-aram-page="home"] #configurator>.wrap{
  display:none!important;
}
body[data-aram-page="home"] #poveste{
  display:none!important;
}
body[data-aram-page="home"]{
  overflow-x:hidden!important;
}

/* Make activity-book and colouring-book covers fill their product cards better. */
body[data-aram-page="home"] #dynamicProducts .prodVisual{
  height:360px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
body[data-aram-page="home"] #dynamicProducts .prodVisual img{
  display:block!important;
  width:auto!important;
  height:330px!important;
  max-width:97%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(1.08)!important;
  transform-origin:center!important;
}

/* Keep the right story card readable on phones and match title spacing with the left card. */
@media(max-width:700px){
  body[data-aram-page="home"] #dynamicProducts .prodVisual{
    height:245px!important;
    padding:5px!important;
    background:#fff!important;
  }
  body[data-aram-page="home"] #dynamicProducts .prodVisual img{
    height:222px!important;
    max-width:98%!important;
    transform:scale(1.08)!important;
  }
  body[data-aram-page="home"] .storySmall{
    min-height:0!important;
    overflow:hidden!important;
  }
  body[data-aram-page="home"] .storySmall .kicker{
    margin-bottom:28px!important;
  }
  body[data-aram-page="home"] .storySmall .stamp{
    position:static!important;
    width:110px!important;
    height:110px!important;
    margin:24px 0 0 auto!important;
    transform:rotate(8deg)!important;
  }
}