/* Mobile <576px uniquement */
:root{ --space:1rem; }
.container{ padding-left:var(--space); padding-right:var(--space); }

h1.display-5{ font-size:1.75rem; margin-bottom:.5rem; }
.lead{ font-size:1rem; }

img{ max-width:100%; height:auto; }          /* images fluides */
.btn, .form-control{ min-height:44px; font-size:1rem; }  /* zone de tap confort */
.navbar .navbar-collapse{ padding-top:.5rem; }
.card{ border-radius:1rem; }

/* Optionnel : masquer des éléments sur mobile */
.hide-on-mobile{ display:none !important; }