/* INY FINAL MOBILE HERO ORDER
   Mobile only: show the hero artwork/dress first, then the hero copy.
   Desktop layout remains unchanged. */
@media (max-width:760px){
  /* HOME HERO */
  body .hero{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    min-height:auto !important;
    overflow:hidden !important;
  }

  body .hero .hero-art{
    order:1 !important;
    width:100% !important;
    min-height:0 !important;
    height:420px !important;
    flex:0 0 420px !important;
    position:relative !important;
    overflow:hidden !important;
  }

  body .hero .hero-art > img{
    width:min(92%,430px) !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    display:block !important;
    margin:0 auto !important;
  }

  body .hero .hero-copy{
    order:2 !important;
    width:100% !important;
    min-width:0 !important;
    padding:34px 22px 46px !important;
    box-sizing:border-box !important;
  }

  /* SHOP HERO */
  body .shop-hero{
    display:flex !important;
    flex-direction:column !important;
    min-height:auto !important;
    padding:0 20px 48px !important;
    overflow:hidden !important;
  }

  body .shop-hero .hero-art{
    order:1 !important;
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
    flex:0 0 390px !important;
    position:relative !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  body .shop-hero .hero-art > img{
    width:min(92%,380px) !important;
    height:100% !important;
    max-height:390px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    display:block !important;
    margin:0 auto !important;
  }

  body .shop-hero .hero-copy{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    padding:30px 0 0 !important;
    box-sizing:border-box !important;
    position:relative !important;
    z-index:4 !important;
  }
}

@media (max-width:420px){
  body .hero .hero-art{
    height:390px !important;
    flex-basis:390px !important;
  }

  body .shop-hero .hero-art{
    height:360px !important;
    min-height:360px !important;
    flex-basis:360px !important;
  }
}