/* Mobile hero ordering fix: image first, content second */
@media (max-width: 820px){
  .registry-hero .registry-hero-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .registry-hero .registry-hero-side{
    order:-20!important;
    width:100%!important;
    max-width:none!important;
    display:block!important;
  }

  .registry-hero .registry-hero-copy{
    order:-10!important;
    width:100%!important;
    padding-top:4px!important;
  }

  .registry-hero .registry-hero-media{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    padding:0 0 14px!important;
    margin:0!important;
  }

  .registry-hero .hero-media-card{
    width:100%!important;
    margin:0!important;
    border-radius:24px 4px 34px 4px!important;
  }

  .registry-hero .hero-media-card img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
  }

  .registry-hero .hero-media-outline{
    left:10px!important;
    top:16px!important;
    width:72%!important;
    height:84%!important;
  }

  .registry-hero .hero-media-accent{
    right:-4px!important;
    bottom:0!important;
    width:40%!important;
    height:28%!important;
  }

  .registry-hero .hero-media-float{
    left:12px!important;
    right:28px!important;
    bottom:0!important;
    max-width:none!important;
  }
}