/* RentAHouse.pk — MOBILE-ONLY dealer/order test
   Desktop (>900px) is intentionally untouched. */

@media (max-width:900px){

  /* Existing mobile grid becomes:
     1 Top 4
     2 Dealer
     3 Hero copy/buttons */
  .locked-hero-grid > .hot-areas{
    order:1!important;
  }

  .locked-copy > .homepage-dealer-card{
    order:2!important;
    margin-top:0!important;
    margin-bottom:20px!important;
  }

  .locked-copy > .eyebrow,
  .locked-copy > h1,
  .locked-copy > p,
  .locked-copy > .hero-actions{
    order:3!important;
  }

  /* Compact horizontal dealer card on mobile.
     Explicitly override the earlier max-width:560px block. */
  .homepage-dealer-card{
    display:grid!important;
    grid-template-columns:155px minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    overflow:hidden!important;
    border-radius:14px!important;
  }

  .homepage-dealer-photo{
    width:155px!important;
    height:138px!important;
    min-width:155px!important;
    min-height:138px!important;
    max-width:155px!important;
    max-height:138px!important;
    overflow:hidden!important;
  }

  .homepage-dealer-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }

  .homepage-dealer-info{
    min-width:0!important;
    padding:11px 12px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }

  .homepage-dealer-label{
    font-size:9px!important;
    margin-bottom:3px!important;
  }

  .homepage-dealer-info h2{
    font-size:16px!important;
    line-height:1.08!important;
    margin:0 0 4px!important;
  }

  .homepage-dealer-info p{
    font-size:10px!important;
    line-height:1.25!important;
    margin:0 0 8px!important;
  }

  .homepage-dealer-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
  }

  .homepage-dealer-actions a{
    flex:0 1 auto!important;
    min-width:0!important;
    min-height:30px!important;
    padding:6px 8px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }

  .homepage-dealer-actions .whatsapp-inline{
    width:15px!important;
    height:15px!important;
    min-width:15px!important;
    min-height:15px!important;
    max-width:15px!important;
    max-height:15px!important;
    flex-basis:15px!important;
    margin-right:4px!important;
  }

  .homepage-dealer-chat .live-chat-bubble{
    margin-right:4px!important;
  }
}

@media (max-width:420px){
  .homepage-dealer-card{
    grid-template-columns:132px minmax(0,1fr)!important;
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }

  .homepage-dealer-photo{
    width:132px!important;
    height:132px!important;
    min-width:132px!important;
    min-height:132px!important;
    max-width:132px!important;
    max-height:132px!important;
  }

  .homepage-dealer-info{
    padding:9px 9px!important;
  }

  .homepage-dealer-info h2{
    font-size:14px!important;
  }

  .homepage-dealer-info p{
    font-size:9px!important;
    margin-bottom:6px!important;
  }

  .homepage-dealer-actions{
    gap:4px!important;
  }

  .homepage-dealer-actions a{
    font-size:9px!important;
    padding:5px 6px!important;
  }
}