/* ========================================================================
   GaliVue V5.2.1 — HERO R3 — PHONE CONVERSION + ART FIT
   Stage-only, Slide 1 only, <=700px only.

   Owns the phone composition after homepage-mobile-v5180.css so the R2
   conversion controls remain visible and the artwork begins below them.
   Desktop/tablet >=701px are intentionally untouched.
   ======================================================================== */

@media (max-width:700px){
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{
    display:flex!important;
    position:relative!important;
    z-index:32!important;
    width:100%!important;
    margin-top:10px!important;
    gap:6px!important;
    overflow:visible!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:8px 8px!important;
    font-size:10.5px!important;
    line-height:1.12!important;
    white-space:normal!important;
    text-align:center!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    z-index:33!important;
    width:100%!important;
    justify-content:flex-start!important;
    gap:3px 7px!important;
    margin:0!important;
    font-size:9px!important;
    line-height:1.2!important;
    white-space:normal!important;
  }

  /* The phone owner uses reference PNG layers rather than .gvf-s1-bottom.
     Move those real visible layers down to clear the new CTA/trust block. */
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-stress{
    top:47%!important;
    width:27%!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-compare{
    top:48%!important;
    left:25%!important;
    width:71%!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-device{
    top:69%!important;
    left:8%!important;
    width:84%!important;
  }
}

@media (max-width:430px){
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion{
    margin-top:8px!important;
    gap:5px!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-conversion-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
    min-height:34px!important;
    padding:7px 5px!important;
    border-radius:9px!important;
    font-size:9.6px!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{
    justify-content:center!important;
    gap:2px 6px!important;
    font-size:8.3px!important;
    text-align:center!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-stress{
    top:49%!important;
    width:25%!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-compare{
    top:49.5%!important;
    left:23%!important;
    width:72%!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-device{
    top:71.5%!important;
    left:9%!important;
    width:82%!important;
  }
}

@media (max-width:360px){
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-primary,
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-cta-secondary{
    font-size:8.8px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-hero-trust{
    font-size:7.8px!important;
  }
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-stress{top:50%!important;width:24%!important}
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-s1-compare{top:50.5%!important;left:22%!important;width:73%!important}
  body.gvf-homepage-v5180.gvf-homepage-v5178 .gvf-slide-1 .gvf-ref-device{top:72.5%!important;left:10%!important;width:80%!important}
}