@media (max-width: 767.98px) {
  .bg-white.rounded-5.shadow-lg.p-5,
  .bg-white.rounded-4.shadow-sm.p-4 {
    padding: 1.2rem !important;
    border-radius: 1rem !important;
    max-width: 100% !important;
  }
  h2, .fw-bold {
    font-size: 1.15rem !important;
    text-align: center !important;
    margin-bottom: 1rem !important;
    width: 100% !important;
  }
  .lead, p, ul.list-group {
    font-size: 0.98rem !important;
    word-break: break-word;
    text-align: left !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .btn {
    width: 100% !important;
    margin-bottom: 0.8rem !important;
  }
  .img-fluid {
    max-width: 220px !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 1rem !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .row.align-items-center {
    flex-direction: column !important;
    text-align: center !important;
  }
  ul.list-group-flush {
    padding-left: 0 !important;
    width: 100% !important;
  }
  .list-group-item {
    font-size: 0.98rem !important;
    text-align: left !important;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    width: 100% !important;
  }
  .breadcrumb {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    font-size: 0.98rem !important;
    padding: 0.3rem 0 !important;
  }
  .breadcrumb-item {
    display: inline-block !important;
    margin-right: 0.5rem !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
  }
  .py-3.mb-4.border-0 {
    padding: 0.7rem 0.3rem !important;
    margin-bottom: 0.7rem !important;
    border-radius: 0.7rem !important;
  }
  .domaines-img-mobile {
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0 4px 18px rgba(76,175,80,0.13);
  }
} 