/* AQLUMA — homepage Élèves : couche mobile (chargée en dernier).
   Cible : parents sur téléphone, 320–720 px, une main, pouce.
   Règles : zones tactiles ≥ 48 px, texte ≥ 16 px dans les champs (évite le zoom iOS),
   pas d'objet incliné sur petit écran, pas de débordement horizontal, rythme vertical resserré,
   CTA toujours pleine largeur. Les effets souris sont inactifs (pointer: coarse). */

@media (max-width: 720px) {

  /* ---------- Fondations ---------- */

  html, body { overflow-x: hidden; }

  .container { width: min(100% - 2.5rem, 1180px); }

  main > section[data-section-index] {
    padding-top: clamp(3.2rem, 11vw, 4.2rem);
    padding-bottom: clamp(3.2rem, 11vw, 4.2rem);
  }

  /* Repères de section : plus petits, collés en haut à droite, hors du titre */
  .home-section-mark {
    top: 1rem;
    right: 1.25rem;
    padding: .3rem .45rem;
    font-size: .52rem;
    letter-spacing: .12em;
  }

  /* Filet de lecture : masqué sur mobile (le pouce couvre le bord gauche) */
  .home-trace-line { display: none; }

  /* ---------- Hero : plus court, hiérarchie plus nette ---------- */

  .catalogue-home .student-hero {
    padding: 2.4rem 0 3rem;
  }

  .catalogue-home .student-hero__content { gap: 2.4rem; }

  .catalogue-home .student-hero h1 {
    font-size: clamp(2.5rem, 11.4vw, 3.4rem);
    line-height: .96;
  }

  .catalogue-home .student-hero__lead {
    margin-top: 1.25rem;
    font-size: .98rem;
    line-height: 1.52;
  }

  .catalogue-home .student-hero__facts {
    gap: .45rem;
    margin-top: 1.2rem;
  }

  .catalogue-home .student-hero__facts li {
    min-height: 34px;
    padding: .45rem .7rem;
    font-size: .6rem;
  }

  .catalogue-home .student-hero__buttons { gap: .6rem; }

  .catalogue-home .student-hero__cta {
    min-height: 56px;
    font-size: .8rem;
  }

  .catalogue-home .student-hero__cohort-meta {
    line-height: 1.6;
  }

  .catalogue-home .student-hero__cohort-meta a {
    display: inline-block;
    padding: .15rem 0;
  }

  .catalogue-home .student-hero__trust { gap: .8rem; }
  .catalogue-home .student-hero__trust p { font-size: .78rem; }

  /* Carnet : moins haut, ombres plus courtes, droit (pas d'inclinaison sur mobile) */
  .catalogue-home .hero-notebook,
  .home-motion-plus .catalogue-home .hero-notebook,
  .catalogue-home .hero-notebook[data-tilt] {
    width: 100%;
    min-height: 0;
    padding: 1.3rem 1rem 1.2rem 2.6rem;
    box-shadow: 8px 10px 0 rgba(0, 0, 0, .14), 0 18px 40px rgba(0, 0, 0, .22);
    transform: none !important;
    animation: none;
    opacity: 1;
  }

  .catalogue-home .hero-notebook__step {
    min-height: 0;
    padding: .45rem .3rem .5rem 1.7rem;
    opacity: 1;
    transform: none;
    animation: none;
  }

  .catalogue-home .hero-notebook__step strong { font-size: 1.08rem; }
  .catalogue-home .hero-notebook__step p { font-size: .76rem; line-height: 1.35; }

  .catalogue-home .hero-notebook__path {
    top: 7.6rem;
    left: 1.85rem;
    height: 300px;
  }

  .catalogue-home .hero-notebook__path path {
    stroke-dashoffset: 0;
    animation: none;
  }

  .catalogue-home .hero-notebook__note {
    margin-top: .8rem;
    font-size: .8rem;
  }

  /* ---------- Bandeau des gestes : plus lisible, un peu plus lent ---------- */

  .home-gestures-band__track { animation-duration: 46s; }

  .home-gestures-band__list li {
    padding: .75rem 1.1rem;
    font-size: .92rem;
  }

  /* ---------- 01 · Méthode ---------- */

  .home-video-section__heading h2 {
    font-size: clamp(2.3rem, 10.4vw, 3.1rem);
  }

  .home-video-section__story {
    font-size: .98rem;
    line-height: 1.55;
  }

  .home-video-feature__frame {
    box-shadow: 8px 10px 0 rgba(201, 97, 46, .1) !important;
    transform: none !important;
  }

  .home-video-feature__cover {
    padding: .9rem;
    grid-template-rows: 1fr auto;
  }

  .home-video-feature__mark {
    top: .8rem;
    left: .8rem;
    max-width: 60%;
    padding: .35rem .5rem;
    font-size: .52rem;
    line-height: 1.3;
  }

  .home-video-feature__play svg {
    width: 56px;
    height: 56px;
  }

  .home-video-feature__play span {
    padding: .5rem .7rem;
    font-size: .6rem;
  }

  .home-video-feature__progress { gap: .35rem; }
  .home-video-feature__progress-label { font-size: .54rem; letter-spacing: .1em; }
  .home-video-feature__progress-meta { font-size: .72rem; }
  .home-video-feature__progress-track { height: 4px; }

  .home-video-feature__caption {
    font-size: .74rem;
    text-align: center;
  }

  /* ---------- 02 · Cahier : barre d'outils en deux rangées, boutons tactiles ---------- */

  .method-example__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .method-book__toolbar {
    flex-wrap: wrap;
    gap: .6rem;
  }

  .method-book__indicator {
    flex: 1 1 100%;
    font-size: .68rem;
  }

  .method-book__chooser,
  .method-book__nav {
    min-height: 46px;
    padding-inline: .9rem;
  }

  .method-book__top-navigation {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    gap: .5rem;
  }

  .method-book__spread[data-tilt] { transform: none !important; }

  .method-book__corner {
    width: 48px;
    height: 48px;
  }

  .method-book__controls .method-book__nav {
    flex: 1 1 0;
    justify-content: center;
  }

  .method-example__closing {
    font-size: clamp(1.35rem, 6vw, 1.8rem);
  }

  /* ---------- 03 · Voix : billets droits, pleine largeur ---------- */

  .home-voices__inner { gap: 2rem; }

  .home-voices__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .home-voices__intro { font-size: .95rem; }

  .home-voices__grid { gap: 1.4rem; }

  .home-voices .home-voice,
  .home-voices .home-voice.is-revealed,
  .home-motion-plus .home-voices .home-voice.is-revealed.is-pinned {
    --tilt: 0deg;
    width: 100%;
    margin-top: 0;
    padding: 1.6rem 1.2rem 1.3rem;
    box-shadow: 6px 8px 0 rgba(194, 90, 44, .08);
    transform: none;
  }

  .home-voice blockquote p { font-size: 1.02rem; }

  .home-voices__figures li {
    grid-template-columns: 4.6ch 1fr;
    gap: .8rem;
    padding: .85rem 0;
  }

  .home-voices__figures strong { font-size: 2.2rem; }
  .home-voices__figures span { font-size: .8rem; }

  /* ---------- 04 · Kawtar : portrait centré, contenu aéré, boutons empilés ---------- */

  .home-kawtar__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .home-kawtar__layout { gap: 2.2rem; }

  .home-kawtar__portrait {
    position: static;
    width: min(100%, 360px);
    justify-self: center;
  }

  .home-kawtar__image-frame {
    box-shadow: 10px 12px 0 rgba(194, 90, 44, .22), 0 20px 44px rgba(0, 0, 0, .3) !important;
    transform: none !important;
  }

  .home-kawtar__next-cohort {
    right: .7rem;
    bottom: .7rem;
    font-size: .58rem;
  }

  .home-kawtar__identity h3 { font-size: clamp(2.4rem, 11vw, 3.2rem); }
  .home-kawtar__role { font-size: .62rem; }
  .home-kawtar__qualifications { font-size: .84rem; line-height: 1.5; }

  .home-kawtar__linkedin {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  .home-kawtar__introduction { font-size: .98rem; line-height: 1.55; }

  .home-kawtar__approach li {
    grid-template-columns: 34px 1fr;
    gap: .7rem;
    padding: 1rem 0;
  }

  .home-kawtar__approach h4 { font-size: 1rem; }
  .home-kawtar__approach li p { font-size: .86rem; }

  .home-kawtar__note blockquote {
    font-size: clamp(1.3rem, 6vw, 1.7rem);
  }

  .home-kawtar__ecosystem { font-size: .92rem; }

  .home-kawtar__catalogue a {
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "num label"
      "num meta";
    align-items: center;
    column-gap: 1rem;
    min-height: 72px;
    padding: .9rem 1rem;
  }

  .home-kawtar__catalogue strong { grid-area: num; font-size: 1.9rem; }
  .home-kawtar__catalogue span { grid-area: label; font-size: 1.02rem; }
  .home-kawtar__catalogue small { grid-area: meta; }

  .home-kawtar__contact { gap: 1rem; }
  .home-kawtar__contact p { font-size: 1rem; }

  .home-kawtar__whatsapp,
  .home-kawtar__all-cohorts {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  /* ---------- 05 · Essayer : LA correction clé — plus de superposition ---------- */

  .home-lesson__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .home-lesson__intro { font-size: .98rem; }

  .home-lesson__points li { padding: .9rem 0; }
  .home-lesson__points strong { font-size: .92rem; }
  .home-lesson__points span { font-size: .82rem; }

  .home-lesson__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2.4rem;
    align-items: start;
  }

  .home-lesson__dates,
  .home-lesson .home-lead-form,
  .home-lesson .home-lead-form.is-revealed,
  .home-lesson .home-lead-form[data-reveal] {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    transform: none !important;
  }

  .home-lesson__dates h3 { font-size: 1.35rem; }

  .home-lesson__list { gap: .7rem; }

  .home-lesson__item,
  .home-lesson.is-inview .home-lesson__item {
    grid-template-columns: 1fr;
    gap: .5rem;
    padding: .95rem 1rem .95rem 1.4rem;
    box-shadow: 5px 6px 0 rgba(194, 90, 44, .09);
    transform: none !important;
  }

  .home-lesson__date {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .1rem .5rem;
    font-size: .9rem;
  }

  .home-lesson__title strong { font-size: .96rem; line-height: 1.3; }
  .home-lesson__title span { font-size: .76rem; line-height: 1.4; }

  .home-lesson__link {
    width: 100%;
    min-height: 48px;
    justify-content: center;
    margin-top: .3rem;
    font-size: .72rem;
  }

  .home-lesson__all {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    margin-top: .9rem;
  }

  .home-lead-form {
    padding: 1.5rem 1.1rem 1.4rem;
    box-shadow: 6px 8px 0 rgba(194, 90, 44, .1);
  }

  .home-lead-form h3 { font-size: 1.4rem; }
  .home-lead-form__intro { font-size: .86rem; }

  .home-lead-form__field input,
  .home-lead-form__field select,
  .home-lead-form__field textarea {
    min-height: 50px;
    font-size: 16px; /* évite le zoom automatique iOS */
  }

  .home-lead-form__submit {
    width: 100%;
    min-height: 56px;
    font-size: .82rem;
  }

  .home-lead-form__privacy { font-size: .7rem; }

  /* ---------- 06 · Cohorte : fiche d'abord, progression en liste verticale propre ---------- */

  .home-cohort__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
    line-height: .96;
  }

  .home-cohort__intro { font-size: .98rem; }
  .home-cohort__official-name { font-size: .92rem; }

  .cohort-enrolment-card,
  .home-cohort .cohort-enrolment-card.is-revealed {
    width: 100%;
    padding: 1.6rem 1.2rem 1.6rem 1.9rem;
    transform: none !important;
  }

  .cohort-enrolment-card h3 { font-size: 1.5rem; }

  .cohort-enrolment-card dl > div {
    padding: .7rem 0;
  }

  .cohort-enrolment-card dt { font-size: .58rem; }
  .cohort-enrolment-card dd { font-size: .92rem; line-height: 1.45; }

  .cohort-enrolment-card__price strong { font-size: 2.4rem; }
  .cohort-enrolment-card__price span { font-size: .8rem; }

  .cohort-enrolment-card__whatsapp {
    width: 100%;
    min-height: 56px;
  }

  .cohort-enrolment-card__reassurance { font-size: .82rem; }

  .cohort-enrolment-card__links {
    flex-direction: column;
    gap: .2rem;
  }

  .cohort-enrolment-card__details {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }

  .home-cohort__outcomes li {
    padding: 1rem 0;
  }

  .home-cohort__outcomes h4 { font-size: 1rem; }
  .home-cohort__outcomes li p { font-size: .86rem; }

  .home-cohort__progression { margin-top: 2.4rem; }

  .home-cohort__progression ol {
    border: 0;
    background: none !important;
    counter-reset: week;
  }

  .home-cohort__progression li,
  .home-cohort.is-inview .home-cohort__progression li {
    counter-increment: week;
    display: grid;
    grid-template-columns: 2.2rem 1fr;
    align-items: center;
    gap: .6rem;
    min-height: 52px;
    padding: .75rem 0;
    border: 0;
    border-bottom: 1px solid rgba(244, 239, 230, .14);
    font-size: .92rem;
    font-weight: 500;
    text-align: left;
    transform: none !important;
  }

  .home-cohort__progression li::before {
    content: counter(week, decimal-leading-zero);
    color: var(--brass);
    font: 700 .62rem/1 var(--font-label);
    letter-spacing: .1em;
  }

  /* Les flèches « → » tournées à 90° font sens sur deux colonnes, pas en liste : on les retire. */
  .home-cohort__progression li::after { display: none !important; }

  .home-cohort__commitment { font-size: 1rem; }

  /* ---------- 07 · Questions : zones tactiles généreuses ---------- */

  .home-parents__header h2 {
    font-size: clamp(2.2rem, 10vw, 3rem);
  }

  .home-parents__intro { font-size: .95rem; }

  .home-parents__not,
  .home-motion .home-parents__not.is-revealed {
    padding: 1.4rem 1.2rem;
    transform: none !important;
  }

  .home-parents__not s { font-size: .8rem; }
  .home-parents__not span { font-size: 1rem; }

  .home-parents__item summary {
    min-height: 56px;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: .98rem;
    line-height: 1.35;
  }

  .home-parents__answer p { font-size: .92rem; line-height: 1.55; }

  /* ---------- 08 · Décider ---------- */

  .home-final h2 {
    font-size: clamp(2.7rem, 13vw, 4.2rem);
    transform: none !important;
  }

  .home-final__intro { font-size: .98rem; line-height: 1.55; }

  .home-final__doors { gap: .6rem; }

  .home-final__door,
  .home-final.is-inview .home-final__door {
    min-height: 64px;
    padding: .95rem 1rem;
    transform: none !important;
  }

  .home-final__door strong { font-size: .92rem; }
  .home-final__door span { font-size: .76rem; }

  .home-final__voice,
  .home-final.is-inview .home-final__voice.is-revealed {
    width: 100%;
    transform: none !important;
  }

  /* ---------- Équipe : cartes plus courtes, défilement au pouce ---------- */

  .catalogue-home .instructor-showcase__rail {
    grid-auto-columns: min(74vw, 270px);
  }

  .catalogue-home .instructor-profile {
    min-height: 0;
    grid-template-rows: 240px 1fr;
    opacity: 1 !important;
    filter: none !important;
  }

  /* ---------- Signature + footer ---------- */

  .student-signature {
    padding: 2.4rem 1.25rem 2.8rem;
    font-size: clamp(1.8rem, 8.6vw, 2.4rem);
  }

  .student-signature strong { font-size: .6rem; letter-spacing: .14em; }

  .premium-footer__manifesto { font-size: 1.12rem; }

  .premium-footer__link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    font-size: .95rem;
  }

  .premium-footer__contact-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
  }

  .premium-footer__social {
    width: 50px;
    height: 50px;
  }

  .premium-footer__button {
    width: 100%;
    min-height: 54px;
    justify-content: center;
  }

  .premium-footer__bottom { font-size: .6rem; line-height: 1.6; }

  /* ---------- Garde-fou : aucun élément plus large que l'écran ---------- */

  main img,
  main video,
  main svg:not(.hero-notebook__path) { max-width: 100%; }
}

/* ---------- Accessibilité mobile : aucun texte < 11 px, cibles tactiles ≥ 44 px ---------- */
@media (max-width: 720px) {
  .catalogue-home .home-section-mark,
  .catalogue-home .home-video-feature__mark,
  .catalogue-home .home-video-feature__progress-label,
  .catalogue-home .home-video-feature__progress-meta,
  .catalogue-home .student-hero__eyebrow,
  .catalogue-home .student-hero__cohort-meta,
  .catalogue-home .home-kawtar__role,
  .catalogue-home .home-kawtar__catalogue small,
  .catalogue-home .home-kawtar__next-cohort,
  .catalogue-home .home-lesson__item small,
  .catalogue-home .home-lesson__meta,
  .catalogue-home .home-lesson__form label,
  .catalogue-home .home-lesson__kicker,
  .catalogue-home .home-cohort__progression small,
  .catalogue-home .cohort-enrolment-card small,
  .catalogue-home .cohort-enrolment-card__meta,
  .catalogue-home .home-parents__kicker,
  .catalogue-home .home-voice figcaption span,
  .catalogue-home .home-final__door span,
  .catalogue-home .instructor-showcase__eyebrow,
  .catalogue-home .method-book__nav,
  .catalogue-home .method-book__chooser,
  .catalogue-home .method-page__label,
  .catalogue-home .hero-notebook small,
  .catalogue-home .student-signature strong,
  .catalogue-home .premium-footer__bottom,
  .catalogue-home .premium-footer__contact dt,
  .catalogue-home .premium-footer__legal { font-size: .72rem !important; }

  .catalogue-home .home-section-mark,
  .catalogue-home .home-video-feature__mark { letter-spacing: .14em; }

  /* Cibles tactiles */
  .catalogue-home .student-brand { min-height: 44px; display: inline-flex; align-items: center; }
  .catalogue-home .student-hero__cohort-meta a,
  .catalogue-home .home-kawtar__portrait figcaption a,
  .catalogue-home .home-lesson__all,
  .catalogue-home .home-cohort__links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-top: .4rem;
    padding-bottom: .4rem;
  }
  .catalogue-home .method-example .method-book__chooser,
  .catalogue-home .method-example .method-book__nav,
  .catalogue-home .method-example .method-book__nav button,
  .catalogue-home .method-example .method-book__corner,
  .catalogue-home .instructor-filters .instructor-filter {
    min-height: 46px !important;
    min-width: 44px;
    padding-top: .55rem;
    padding-bottom: .55rem;
  }

  /* Débordement de 3 px de la miniature vidéo */
  .catalogue-home .home-video-feature__frame { overflow: hidden; }
  .catalogue-home .home-video-feature__poster { max-width: 100%; width: 100%; right: 0; }
}

/* Très petits écrans (≤ 360 px : iPhone SE, Android compacts) */
@media (max-width: 360px) {
  .container { width: calc(100% - 2rem); }

  .catalogue-home .student-hero h1 { font-size: 2.3rem; }

  .home-video-section__heading h2,
  .method-example__header h2,
  .home-voices__header h2,
  .home-kawtar__header h2,
  .home-lesson__header h2,
  .home-cohort__header h2,
  .home-parents__header h2 { font-size: 2.05rem; }

  .home-final h2 { font-size: 2.5rem; }

  .catalogue-home .hero-notebook { padding-left: 2.3rem; }
  .catalogue-home .hero-notebook__path { left: 1.6rem; }

  .home-kawtar__catalogue strong { font-size: 1.6rem; }
  .cohort-enrolment-card__price strong { font-size: 2.1rem; }
}

/* Appareils tactiles : pas d'états « survol » collants après un tap */
@media (hover: none) {
  .home-lesson__item:hover,
  .home-voice:hover,
  .home-final__door:hover,
  .instructor-profile:hover,
  .home-kawtar__catalogue a:hover {
    transform: none;
  }

  .home-cursor { display: none; }
}