/* ============================================================
   SIMSAR FEATURED UNITS COMPACT V21.14.1
   Keep horizontal carousel, make each card vertical + smaller.
   ============================================================ */

#page-home #homeGrid.property-grid{
  gap:12px !important;
  padding:3px 2px 12px !important;
}

/* Smaller card, image above details */
#page-home #homeGrid > .property-card{
  flex:0 0 340px !important;
  width:340px !important;
  min-height:0 !important;

  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:155px auto !important;

  border-radius:15px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06) !important;
}

/* Image on top */
#page-home #homeGrid .property-img{
  width:100% !important;
  height:155px !important;
  min-height:155px !important;
  border-radius:0 !important;
}

/* Slightly smaller overlays */
#page-home #homeGrid .badges{
  top:8px !important;
  left:8px !important;
  gap:5px !important;
}

#page-home #homeGrid .badge,
#page-home #homeGrid .simsar-v6-type{
  padding:5px 7px !important;
  font-size:7.5px !important;
}

#page-home #homeGrid .heart{
  width:30px !important;
  height:30px !important;
  top:8px !important;
  right:8px !important;
  border-radius:8px !important;
}

#page-home #homeGrid .img-meta{
  left:8px !important;
  right:8px !important;
  bottom:7px !important;
  font-size:7.5px !important;
}

/* Details below image */
#page-home #homeGrid .property-body{
  padding:12px 12px 11px !important;
}

#page-home #homeGrid .property-top h3{
  font-size:13px !important;
  line-height:1.3 !important;
  -webkit-line-clamp:2;
}

#page-home #homeGrid .price{
  margin-top:6px !important;
  font-size:15px !important;
}

#page-home #homeGrid .location{
  margin:6px 0 9px !important;
  font-size:8.5px !important;
}

/* Smaller specs */
#page-home #homeGrid .features{
  gap:5px !important;
}

#page-home #homeGrid .features > div{
  padding:6px 4px !important;
  border-radius:8px !important;
}

#page-home #homeGrid .features b{
  font-size:10px !important;
}

#page-home #homeGrid .features span{
  margin-top:2px !important;
  font-size:6.8px !important;
}

/* Compact actions */
#page-home #homeGrid .card-actions{
  gap:5px !important;
  padding-top:9px !important;
}

#page-home #homeGrid .card-actions .btn{
  min-height:30px !important;
  padding:0 8px !important;
  border-radius:7px !important;
  font-size:7.5px !important;
}

#page-home #homeGrid .card-actions .simsar-v2113-card-btn{
  max-width:128px !important;
}

/* Keep non-essential rows hidden in Home */
#page-home #homeGrid .more-row,
#page-home #homeGrid .reward-line{
  display:none !important;
}

/* Slightly tighter section */
#page-home .simsar-v214-featured-head{
  margin-top:20px !important;
  margin-bottom:9px !important;
}

#page-home .simsar-v214-featured-head h2{
  font-size:21px !important;
}

#page-home .simsar-v214-featured-head p{
  margin-top:4px !important;
  font-size:9.5px !important;
}

/* Tablet */
@media(max-width:1100px){
  #page-home #homeGrid > .property-card{
    flex-basis:320px !important;
    width:320px !important;
    grid-template-rows:150px auto !important;
  }

  #page-home #homeGrid .property-img{
    height:150px !important;
    min-height:150px !important;
  }
}

/* Mobile */
@media(max-width:760px){
  #page-home #homeGrid > .property-card{
    flex:0 0 min(78vw,300px) !important;
    width:min(78vw,300px) !important;
    grid-template-rows:145px auto !important;
  }

  #page-home #homeGrid .property-img{
    height:145px !important;
    min-height:145px !important;
  }

  #page-home #homeGrid .property-body{
    padding:10px !important;
  }

  #page-home #homeGrid .property-top h3{
    font-size:12.5px !important;
  }

  #page-home #homeGrid .price{
    font-size:14px !important;
  }
}