/* Accueil mobile A2 (choix de Me Rasool, 20/10/2026) : version A plus élégante, sur le modèle envoyé.
   Photo entière, nom du cabinet sous la photo, onglets fins, puis 26 ans, avis, actualité.
   Retirés sur téléphone : « Domaines d'intervention », « Le cabinet ». Ordinateur inchangé.
   Premier écran d'iPhone : en-tête, photo, nom, accroche et les trois onglets sans défiler. Surtitre Barreau retiré (Me Rasool). */
.accueil-mobile { display: none; }
@media (max-width: 768px) {
  .rasool-accueil .site-header .header-inner { padding: 8px 16px; gap: 12px; }
  .rasool-accueil .site-header .logo-img { height: 56px; }
  .rasool-accueil .hero-cine,
  .rasool-accueil .section:has(.exp-grid),
  .rasool-accueil .section:has(.cabinet-intro),
  .rasool-accueil .xp-domaines { display: none; }
  .accueil-mobile { display: block; background: var(--creme); }
  .am-photo { height: 240px; height: clamp(190px, calc(100svh - 425px), 330px); background: url('../img/saima-palais-large.jpg') 20% 67% / auto 190% no-repeat; } /* zoomée sur Me Rasool (son retour du 20/10) */
  .am-titre { padding: 18px 20px 4px; }
  .am-nom { font-family: var(--font-titre); font-size: 31px; line-height: 1.08; font-weight: 700; margin: 0; color: var(--bordeaux); letter-spacing: -.005em; }
  /* « î » de Cormorant : accent dessiné très haut. Titre affiché avec le ı de Cormorant + accent tracé en CSS ;
     le vrai texte reste lisible par les lecteurs d'écran et les moteurs (.am-lu). */
  .am-i { position: relative; display: inline-block; }
  .am-i::after { content: ""; position: absolute; left: 50%; top: .27em; width: .12em; height: .12em; border-left: .045em solid; border-top: .045em solid; transform: translateX(-50%) rotate(45deg); }
  .am-lu { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .am-filet { display: block; width: 64px; height: 1.5px; background: var(--bordeaux); margin: 10px 0 8px; }
  .am-accroche { font-family: var(--font-titre); font-size: 16px; line-height: 1.35; font-weight: 500; color: #3d3739; margin: 0; }
  .am-onglets { display: grid; gap: 8px; padding: 12px 16px 28px; }
  .am-onglet { display: flex; align-items: center; gap: 16px; min-height: 54px; padding: 6px 14px 6px 10px; background: #FDF9F2;
    border: 1px solid rgba(107,31,46,.55); border-radius: 8px; color: var(--bordeaux); text-decoration: none; }
  .am-ico { flex: 0 0 40px; height: 40px; border-radius: 50%; background: #F0E7D8; color: var(--bordeaux);
    display: flex; align-items: center; justify-content: center; font-size: 17px; }
  .am-lib { flex: 1; font-family: var(--font-titre); font-size: 21px; font-weight: 700; line-height: 1.12; }
  .am-lib small { display: block; font-size: 14px; font-weight: 500; color: #5c5658; margin-top: 2px; }
  .am-fleche { font-size: 13px; color: var(--bordeaux); }
  .am-contact { display: flex; align-items: center; justify-content: center; gap: 14px; min-height: 58px; margin-top: 6px;
    background: var(--bordeaux); color: #fff; border-radius: 8px; font-size: 15px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; }
  .am-onglet:active, .am-contact:active { transform: scale(.98); }
}

/* Retouches validées le 20/10/2026 (retour de Me Rasool) : avis, encart contact, bandeau 26 ans. */
@media (max-width: 600px) {
  /* Retour de Me Rasool (20/10) : un avis par ligne, texte plus grand, lisible sur petit téléphone. */
  .rasool-accueil .temoins-grid { grid-template-columns: 1fr !important; gap: 14px; }
  .rasool-accueil .temoin-card { padding: 20px 20px 18px; }
  .rasool-accueil .temoin-text { font-size: 15.5px; line-height: 1.6; text-align: left; hyphens: manual; -webkit-hyphens: manual; }
  .rasool-accueil .temoin-author { font-size: 12px; }
  .rasool-accueil .temoin-stars { font-size: 15px; }
}
@media (max-width: 768px) {
  /* Textes justifiés : grands blancs entre les mots sur téléphone. Centrés ou alignés à gauche, sans coupure de mots. */
  .rasool-accueil .cta-card p { text-align: center; hyphens: manual; -webkit-hyphens: manual; }
}
@media (max-width: 768px) {
  /* Bandeau 26 ans : chiffre centré, texte centré en dessous. */
  .rasool-accueil .xp-top { flex-direction: column; align-items: center; gap: 6px; text-align: center; }
  .rasool-accueil .xp-txt { text-align: center; max-width: 300px; }
}