/* Correctifs mobiles chargés après le bundle (30/10/2026), sans reconstruire le site. */
@media (max-width: 900px) {
  /* Le menu de bureau prenait la place des icônes du haut (cœur, compte, menu). Les liens restent dans le menu ☰. */
  .site-header .desktop-nav { display: none !important; }

  /* Mon compte : la barre d'onglets défilante imposait sa largeur à toute la grille (782 px sur un écran de 375). */
  .account-v2-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .account-v2-layout > * { min-width: 0; }
  .account-profile { grid-template-columns: 44px minmax(0, 1fr); }
  .account-profile span { text-overflow: ellipsis; }
}

/* Audit mobile du 30/10 (iPhone 375 px). */
@media (max-width: 900px) {
  /* Fiche d'annonce : fil d'Ariane et section « Des biens similaires » collés au bord gauche. */
  .detail-page > .detail-breadcrumbs { padding-inline: 16px; }
  .similar-properties > .section-heading { padding-inline: 16px; }
  .similar-properties > .similar-grid { padding-inline: 16px; scroll-padding-inline: 16px; }

  /* « Voir tout » coupé sur deux lignes à côté des titres de section. */
  .section-heading > a { white-space: nowrap; flex-shrink: 0; }

  /* Barre de contact d'une annonce : « Afficher le numéro » passait sur deux lignes. */
  .mobile-contact-bar > a, .mobile-contact-bar > button { white-space: nowrap; font-size: 15px; gap: 6px; }
}
@media (max-width: 360px) {
  .mobile-contact-bar > a, .mobile-contact-bar > button { font-size: 13.5px; }
}