/* HarishProperties v0.4.6
   Restores the v0.4.4 desktop hero and applies only two mobile alignment corrections. */

@media (max-width:720px){
  html,body{max-width:100%!important;overflow-x:hidden!important}

  /* Centre the three proof metrics instead of allowing the first item to sit off-screen. */
  .hp-saas-proof-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    margin:10px 0 20px!important;
    padding:18px 10px!important;
    overflow:visible!important;
    gap:0!important;
  }
  .hp-saas-proof-row>div{
    min-width:0!important;
    width:auto!important;
    text-align:center!important;
    padding:0 8px!important;
  }
  .hp-saas-proof-row>div+div{border-left:1px solid rgba(255,255,255,.18)!important}
  .hp-saas-proof-row strong{font-size:20px!important;line-height:1.1!important;white-space:nowrap!important}
  .hp-saas-proof-row span{font-size:11px!important;line-height:1.25!important;margin-top:7px!important}

  /* Keep the rating card above the portrait so it no longer covers the left eye. */
  .hp-saas-hero-visual{height:640px!important;min-height:640px!important}
  .hp-saas-person{
    top:92px!important;
    width:min(500px,94vw)!important;
    max-height:540px!important;
  }
  .hp-saas-person-glow{top:70px!important}
  .hp-saas-orbit-one{top:58px!important}
  .hp-saas-orbit-two{top:-2px!important}
  .hp-saas-card-rating{
    top:14px!important;
    right:14px!important;
    width:166px!important;
    min-height:112px!important;
    padding:16px!important;
  }
  .hp-saas-card-rating strong{font-size:31px!important}
  .hp-saas-card-match{top:332px!important}
  .hp-saas-card-market{top:450px!important}
}

@media (max-width:390px){
  .hp-saas-proof-row strong{font-size:18px!important}
  .hp-saas-proof-row span{font-size:10px!important}
  .hp-saas-proof-row>div{padding:0 5px!important}
}