/* 9.8.1 — root-cause fix for per-slide mobile copy placement.
 * The legacy mobile Hero uses display:block and an absolutely-positioned stage.
 * Configured slides opt into a real two-row grid, while legacy/unconfigured slides stay untouched. */
@media (max-width:700px){
 .hero-slider .gando-managed-slide.gando-mobile-copy-top,
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  box-sizing:border-box!important;
  padding:0 0 62px!important;
  align-content:stretch!important;
 }
 .hero-slider .gando-managed-slide.gando-mobile-copy-top{grid-template-rows:auto minmax(0,1fr)!important}
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom{grid-template-rows:minmax(0,1fr) auto!important}
 .hero-slider .gando-managed-slide.gando-mobile-copy-top .gando-slide-copy,
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom .gando-slide-copy{
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  z-index:5!important;
 }
 .hero-slider .gando-managed-slide.gando-mobile-copy-top .gando-slide-copy{
  grid-row:1!important;
  align-self:start!important;
  padding:28px 22px 6px!important;
 }
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom .gando-slide-copy{
  grid-row:2!important;
  align-self:end!important;
  padding:8px 22px 10px!important;
 }
 .hero-slider .gando-managed-slide.gando-mobile-copy-top.has-foreground-image .gando-slide-stage,
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom.has-foreground-image .gando-slide-stage{
  position:relative!important;
  inset:auto!important;
  right:auto!important;
  left:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-self:stretch!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:8px 20px!important;
 }
 .hero-slider .gando-managed-slide.gando-mobile-copy-top.has-foreground-image .gando-slide-stage{grid-row:2!important}
 .hero-slider .gando-managed-slide.gando-mobile-copy-bottom.has-foreground-image .gando-slide-stage{grid-row:1!important}
 .hero-slider .gando-managed-slide:is(.gando-mobile-copy-top,.gando-mobile-copy-bottom).has-foreground-image .gando-slide-picture{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
 }
 .hero-slider .gando-managed-slide:is(.gando-mobile-copy-top,.gando-mobile-copy-bottom).has-foreground-image .gando-slide-stage .hero-product{
  width:auto!important;
  max-width:min(92%,370px)!important;
  max-height:100%!important;
  object-fit:contain!important;
  margin:auto!important;
 }
}