:root{
  --brand:#0d6efd;
  --bg-soft:#f8fafc;
}
body{background:var(--bg-soft);}
.banner{
  background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url('images/maison_int_2.jpg') center/cover no-repeat;
  color:#fff;
  min-height:38vh;
  display:flex;align-items:center;justify-content:center;
  text-shadow:0 2px 12px rgba(0,0,0,.35);
}
.banner h1{font-weight:800;letter-spacing:.5px}
.card{border:none;box-shadow:0 10px 24px rgba(0,0,0,.06);border-radius:1rem}
.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.15)}
.badge-pill{border-radius:2rem}
.map{
  width:100%;height:240px;border-radius:.75rem;object-fit:cover;border:1px solid #e5e7eb
}
.home-photo{width:100%;border-radius:.75rem;object-fit:cover;border:1px solid #e5e7eb}
footer{background:#0b1220;color:#e5e7eb}
footer a{color:#fff;text-decoration:none}
.availability li{margin-bottom:.25rem}
@media (min-width:992px){
  .left-col{border-right:1px dashed #e2e8f0}
}
.modal-contact-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 6px 16px rgba(0,0,0,.15);
}