/* ============================================================================
   AM — HOMEPAGE (accueil, page 9)  ·  am-home.css
   Portée stricte sous .am-home (+ neutralisation conteneur Divi sous .am-home-pg).
   Repris du design system am-refonte / am-hero2 : tokens identiques (1368/1320,
   anthracite #0e0f11, ink #1a1a1a, hairline #ececec, radius 14, Inter).
   Source : ~/Desktop/AM-livrables/homepage-A-final.html (maquette validée Umberto).
   L'en-tête (méga-nav) et le footer restent gérés par le site : PAS re-stylés ici.
   100% réversible : retirer l'enqueue + restaurer le contenu de la page 9.
   ============================================================================ */

/* ---- Neutralisation du conteneur Divi -> section pleine largeur (full-bleed) ----
   SCOPE STRICT au contenu de la page (.et-l--post) : ne JAMAIS toucher au footer
   theme-builder (.et-l--footer), qui utilise les mêmes classes et_pb_section/row/column. */
body.am-home-pg #page-container .et-l--post .et_pb_section{ padding-top:0!important; padding-bottom:0!important; }
body.am-home-pg #page-container .et-l--post .et_pb_row{ width:100%!important; max-width:100%!important; margin:0!important; padding:0!important; }
body.am-home-pg #page-container .et-l--post .et_pb_column{ width:100%!important; margin:0!important; padding:0!important; }
body.am-home-pg #page-container .et-l--post .et_pb_code_inner{ margin:0!important; }
body.am-home-pg #page-container .et-l--post .et_pb_with_border{ border:0!important; }

/* ---- Portée & tokens (portés par le conteneur, zéro fuite) ---- */
.am-home{
  --ink:#1a1a1a; --ink-body:#3a3f45; --muted:#6b7075; --faint:#8a9099;
  --hairline:#ececec; --surface-alt:#f4f5f6; --white:#fff; --anthracite:#0e0f11;
  --fs-h2:31px; --fs-h3:22px; --fs-eyebrow:12px; --fs-body:18px;
  --wide:1368px; --gutter:24px; --radius:14px; --radius-btn:15px;
  --s1:8px; --s2:16px; --s3:24px; --s4:40px; --s5:64px; --s6:96px;
  --sec-pad-y:96px; --shadow:0 2px 10px rgba(0,0,0,.06);
  color:var(--ink-body); font-size:var(--fs-body); line-height:1.65;
  -webkit-font-smoothing:antialiased; text-align:left;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#fff;
}
.am-home *{box-sizing:border-box}
.am-home img{max-width:100%;display:block}
.am-home a{color:inherit;text-decoration:none}
.am-home .wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}
.am-home .sec{padding:var(--sec-pad-y) 0;position:relative}
.am-home .sec--alt{background:var(--surface-alt)}
.am-home h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.015em;line-height:1.15;color:var(--ink);margin:0 0 var(--s2);text-wrap:balance}
.am-home h3{font-size:var(--fs-h3);font-weight:600;line-height:1.3;color:var(--ink);margin:0 0 var(--s1)}
.am-home p{margin:0 0 var(--s3)} .am-home p:last-child{margin-bottom:0}
.am-home .eyebrow{font-size:var(--fs-eyebrow);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--faint);margin-bottom:var(--s2)}
.am-home .lead{font-size:20px;color:var(--ink-body)}
.am-home .small{font-size:14.5px;color:var(--muted)}
.am-home .sec-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s2) clamp(40px,5.5vw,var(--s6));align-items:end;margin-bottom:var(--s5)}
.am-home .sec-head h2{margin-bottom:0}
.am-home .sec-head__lead{color:var(--muted);font-size:17px;align-self:end;margin:0}

/* Boutons canoniques */
.am-home .cta-group{display:flex;gap:12px;flex-wrap:wrap}
.am-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:16px;letter-spacing:-.005em;line-height:1;min-height:50px;padding:16px 30px;border-radius:var(--radius-btn);border:1.3px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease,color .15s ease,border-color .15s ease}
.am-home .btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.am-home .btn--primary{background:var(--ink);color:#fff;border-color:var(--ink)}
.am-home .btn--primary:hover{transform:translateY(-1px);background:#000}
.am-home .btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.am-home .btn--ghost:hover{background:var(--ink);color:#fff}

/* HERO STANDARD (halftone anthracite -ht.webp, texte gauche, 2 boutons) */
.am-home .hero{position:relative;min-height:560px;background:#0a0a0a;color:#fff;overflow:hidden;display:flex;align-items:center}
/* Traitement image IDENTIQUE à am-hero2 : image -ht.webp SANS filtre brightness supplémentaire
   (image halftone déjà pré-tramée) + Ken Burns 26s + MÊME scrim (dégradé gauche + bas + vignette). */
.am-home .hero .htbg{position:absolute;inset:0;z-index:0;overflow:hidden}
.am-home .hero .htbg::before{content:"";position:absolute;inset:0;background-image:var(--am-hero-img,url('https://www.arts-menagers.ch/wp-content/uploads/2026/06/HEROX015-ht.webp'));background-position:center;background-size:cover;background-repeat:no-repeat;transform-origin:62% 48%;will-change:transform;animation:amhomekb 26s ease-in-out infinite alternate}
.am-home .hero .htbg::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.78) 28%,rgba(10,10,10,.40) 50%,rgba(10,10,10,.08) 74%,rgba(10,10,10,0) 92%),linear-gradient(0deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,0) 38%);box-shadow:inset 0 0 220px 40px rgba(0,0,0,.55)}
@keyframes amhomekb{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.065) translate3d(-1.4%,-.8%,0)}}
/* flush-left comme le hero standard des autres pages : le wrap remplit la largeur
   (flex item -> width:100%) et se centre en 1368 -> texte calé sur la gouttière gauche 1320,
   au pixel avec le logo du header et le contenu (métiers) en dessous. */
.am-home .hero .wrap{position:relative;z-index:2;width:100%;padding-top:78px;padding-bottom:78px}
/* Typo hero STRICTEMENT IDENTIQUE à am-hero2 (charte des autres pages) :
   eyebrow 600 + filet · titre 800 + <span class="thin"> 300 · desc(kicker) 600 caps · sous-titre 400.
   Valeurs (police/tailles/graisses/letter-spacing/couleurs) copiées de am-hero2.css.
   !important : neutralise le font-weight global h1 de Divi qui aplatissait le split gras/fin. */
.am-home .hero .am-h2-eyebrow{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#d8d8dc!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:2.6px!important;text-transform:uppercase!important;margin:0 0 18px!important;display:flex;align-items:center;gap:12px;line-height:1.2!important}
.am-home .hero .am-h2-eyebrow::before{content:"";width:34px;height:1px;background:#8a8a90;display:inline-block;flex:0 0 34px}
.am-home .hero h1.am-h2-title{display:block!important;color:#fff!important;font-weight:800!important;font-size:54px!important;line-height:1.04!important;letter-spacing:-1.1px!important;margin:0!important;max-width:none!important;font-family:'Inter',system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-wrap:initial}
.am-home .hero h1.am-h2-title .thin{font-weight:300!important;color:#eaeaec!important}
.am-home .hero .am-h2-desc{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#c4c4cb!important;font-size:14px!important;font-weight:600!important;letter-spacing:2px!important;text-transform:uppercase!important;margin:18px 0 0!important;line-height:1.5!important}
.am-home .hero .am-h2-sub{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;color:#b6b6bd!important;font-size:17px!important;line-height:1.55!important;margin:18px 0 0!important;max-width:500px;font-weight:400!important}
.am-home .hero .cta-group{margin-top:30px}
/* Boutons hero = géométrie/typo am-hero2 (14.5px/700, radius 10, padding 14/26, bord 1.5) */
.am-home .hero .btn{min-height:0;font-size:14.5px;font-weight:700;letter-spacing:0;padding:14px 26px;border-radius:10px;border-width:1.5px}
.am-home .hero .btn--primary{background:#fff;color:#1a1a1a;border-color:#fff}
.am-home .hero .btn--primary:hover{background:#eceded;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.28)}
.am-home .hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.85)}
.am-home .hero .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* Intro (split flush-left · ancrage 2012) */
.am-home .split-intro{display:grid;grid-template-columns:5fr 7fr;gap:var(--s4) clamp(40px,5.5vw,96px);align-items:start}
.am-home .split-intro .lead{margin-bottom:var(--s3)}
.am-home .heritage-note{display:inline-flex;align-items:center;gap:10px;margin-top:26px;font-size:14px;color:var(--muted)}
.am-home .heritage-note svg{width:17px;height:17px;stroke:var(--ink);stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* Chiffres — CARTE NOIRE arrondie (pas pleine largeur) */
.am-home .stats-panel{background:var(--anthracite);border-radius:var(--radius);padding:12px clamp(24px,3.5vw,48px);box-shadow:0 20px 60px rgba(14,15,17,.16)}
.am-home .stat .n{font-size:52px;font-weight:800;letter-spacing:-.02em;line-height:1;color:#fff}
.am-home .stat .l{font-size:14.5px;color:#9aa0a6;margin-top:12px;max-width:24ch}
.am-home .stats-ed{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.13)}
.am-home .stats-ed .stat{padding:38px 34px;background:var(--anthracite)}
.am-home .stats-caption{font-size:14px;color:var(--muted);margin-top:22px}

/* MÉTIERS — grille services (variante G-modifiée : cartes gris conteneur, bandeau noir icône blanche) */
.am-home .svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
/* corps de carte BLANC (ressort sur la section grise sec--alt) ; bandeau head reste anthracite */
.am-home .mcard{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05),0 8px 20px rgba(0,0,0,.05);transition:box-shadow .18s ease,transform .18s ease}
.am-home .mcard:hover{box-shadow:0 12px 30px rgba(0,0,0,.10);transform:translateY(-2px)}
.am-home .mcard__head{background:var(--anthracite);padding:24px 24px 22px;display:flex;align-items:center;justify-content:space-between}
.am-home .mcard__head svg{width:30px;height:30px;stroke:#fff;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.am-home .mcard__head .mnum{font-size:26px;font-weight:800;letter-spacing:-.02em;color:rgba(255,255,255,.34);line-height:1}
.am-home .mcard__body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.am-home .mcard__body .svc__num{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:9px}
.am-home .mcard__body h3{font-size:18.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink);margin:0 0 10px;text-wrap:balance;min-height:calc(1.3em * 2)}
.am-home .mcard__body p{font-size:14.5px;color:var(--ink-body);line-height:1.6;margin:0 0 16px}
.am-home .mcard__body .more{margin-top:auto;font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;gap:7px;align-items:center;transition:gap .18s ease}
.am-home .mcard:hover .more{gap:11px}
@media(max-width:560px){ .am-home .mcard__body h3{min-height:0} }

/* Marques — Dock macOS subtil */
.am-home .brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.am-home .brand-card{min-width:0;border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;padding:24px;display:grid;place-items:center;transform-origin:center bottom;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease;will-change:transform}
.am-home .brand-card:hover,.am-home .brand-card.is-mag{transform:translateY(-3px) scale(1.07);box-shadow:0 12px 30px rgba(0,0,0,.12);z-index:2;position:relative}
.am-home .brand-card.is-near{transform:scale(1.02);z-index:1;position:relative}
/* logos NOIR franc au repos (JPG à fond blanc -> contrast() noircit le wordmark, laisse le fond blanc ; PAS brightness(0) qui noircirait tout le carré) */
.am-home .brand-card img{height:40px;width:auto;max-width:min(130px,100%);object-fit:contain;filter:grayscale(1) contrast(2);transition:filter .25s ease}
/* AEG : leger reequilibrage optique (-15%) — emblematique dense, cale sur Siemens/Bosch/Gaggenau. Scope AEG uniquement. */
.am-home .brand-card img[alt="AEG"]{height:34px}
.am-home .brand-card:hover img,.am-home .brand-card.is-mag img,.am-home .brand-card:focus-visible img{filter:grayscale(1) contrast(2.15)}
/* carte-marque = lien vers la page SAV/dépannage : curseur + focus clavier visible */
.am-home .brand-card{cursor:pointer}
.am-home .brand-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Témoignages */
.am-home .gbadge{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--hairline);border-radius:999px;padding:10px 20px 10px 16px;background:#fff;color:var(--ink);font-weight:600;font-size:15px}
.am-home .gbadge .g{font-size:18px;font-weight:800;letter-spacing:-.02em}
.am-home .gbadge .stars{letter-spacing:2px;font-size:14px}
.am-home .gbadge small{color:var(--muted);font-weight:500;font-size:13px}
.am-home .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter);align-items:start}
.am-home .review{display:flex;flex-direction:column;border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;padding:24px 26px}
.am-home .review__date{margin-top:auto;padding-top:14px;font-size:12.5px;color:var(--faint)}
.am-home .review__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.am-home .review__av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12.5px;font-weight:700}
.am-home .review__name{font-size:14px;font-weight:700;color:var(--ink)}
.am-home .review__stars{color:var(--ink);letter-spacing:1px;font-size:13px}
.am-home .review__text{font-size:15px;color:var(--ink-body);line-height:1.6;margin:0}

/* Conseils — cartes à bandeau gris (traitement /sav-garantie/) */
.am-home .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}
.am-home .post{border:1px solid var(--hairline);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.am-home .post:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.am-home .post__head{background:var(--surface-alt);border-bottom:1px solid var(--hairline);padding:20px 26px;display:flex;align-items:center;gap:14px}
.am-home .post__head .pic{width:42px;height:42px;border-radius:11px;background:#fff;border:1px solid var(--hairline);display:grid;place-items:center;flex:0 0 auto}
.am-home .post__head .pic svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.55;fill:none;stroke-linecap:round;stroke-linejoin:round}
.am-home .post__head .ptag{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0}
.am-home .post .pbody{padding:0;display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
/* rangée : texte à gauche + médaillon rond à droite (bleed léger hors bord droit, clippé par overflow:hidden de .post) */
.am-home .post__row{display:flex;align-items:center;gap:26px;flex:1;padding:24px 26px 26px}
/* médaillon ENTIÈREMENT dans la carte (pas de bleed/clipping) : padding droit de la rangée suffisant, aucune marge négative */
.am-home .pmedal{flex:0 0 auto;width:158px;height:158px;border-radius:50%;overflow:hidden;background:var(--surface-alt);border:1px solid var(--hairline);box-shadow:0 8px 22px rgba(0,0,0,.12)}
.am-home .pmedal img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.03);display:block;transition:filter .3s ease}
.am-home .post--medal:hover .pmedal img{filter:grayscale(.15) contrast(1.03)}
.am-home .post h3{font-size:19px;margin-bottom:12px;letter-spacing:-.01em}
.am-home .post p{font-size:15px;color:var(--muted);margin-bottom:18px;line-height:1.6}
.am-home .post a.more,.am-home .post .more{margin-top:auto;font-weight:600;font-size:14.5px;color:var(--ink);display:inline-flex;gap:7px;align-items:center;transition:gap .18s ease}
.am-home .post:hover .more{gap:11px}

/* ===== Carrousels (conseils = auto-boucle · avis = manuel) — rail partagé ===== */
.am-home .rail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:var(--s5)}
.am-home .rail-head h2{margin-bottom:8px}
.am-home .rail-head .sec-head__lead{color:var(--muted);font-size:17px;margin:0;max-width:54ch}
.am-home .rail-head .gbadge{margin-top:4px}
.am-home .rail-arrows{display:flex;gap:10px;flex:0 0 auto}
.am-home .rail-arrows[hidden]{display:none}
.am-home .rail-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--hairline);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,color .15s,border-color .15s,opacity .15s}
.am-home .rail-arrow svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.am-home .rail-arrow:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}
.am-home .rail-arrow:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.am-home .rail-arrow:disabled{opacity:.3;cursor:default}
.am-home .rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2*var(--gutter))/3);gap:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px}
.am-home .rail::-webkit-scrollbar{display:none}
.am-home .rail>*{scroll-snap-align:start;min-width:0;height:100%}
.am-home .rail .post,.am-home .rail .review{height:100%}
@media(max-width:960px){ .am-home .rail{grid-auto-columns:calc((100% - var(--gutter))/2)} }
@media(max-width:600px){ .am-home .rail{grid-auto-columns:86%} .am-home .rail-head{flex-wrap:wrap;align-items:flex-start} }
/* Conseils : cartes paysage (médaillon photo) -> 2 par vue desktop, 1 carte + peek sous 900px */
.am-home .rail--conseils{grid-auto-columns:calc((100% - var(--gutter))/2)}
@media(max-width:900px){ .am-home .rail--conseils{grid-auto-columns:88%} }
@media(max-width:600px){ .am-home .rail--conseils .pmedal{width:120px;height:120px} .am-home .post__row{gap:18px} }

/* Zone — colonne texte + carte Leaflet LIVE ([am_zone_intervention]) */
.am-home .zone{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px);align-items:center}
.am-home .zone .chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.am-home .zone .chips span{border:1px solid var(--hairline);border-radius:999px;padding:8px 16px;font-size:14.5px;color:var(--ink);background:#fff}
.am-home .zone .map-live{border-radius:var(--radius);border:1px solid var(--hairline);overflow:hidden;background:var(--surface-alt);position:relative}
/* la carte LIVE du plugin (.amzi) : on n'affiche QUE la carte Leaflet (embed compact home),
   le composant complet (recherche, régions, tarifs) reste sur /zone-intervention/. */
.am-home .zone .map-live .amzi{margin:0!important;max-width:none!important;width:100%!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:0!important}
.am-home .zone .map-live .amzi-header,
.am-home .zone .map-live .amzi-panel,
.am-home .zone .map-live .amzi-region-grid,
.am-home .zone .map-live .amzi-tariff-grid{display:none!important}
.am-home .zone .map-live .amzi-layout{display:block!important;margin:0!important;gap:0!important}
.am-home .zone .map-live .amzi-map{width:100%!important;height:clamp(360px,40vw,520px)!important;margin:0!important;border-radius:0!important}

/* FAQ — accordéon am-refonte (flush-left, icône ± monochrome) */
.am-home .faq{max-width:none;border-top:1px solid var(--hairline)}
.am-home .fitem{border-bottom:1px solid var(--hairline)}
.am-home .fq{width:100%;background:none;border:0;cursor:pointer;text-align:left;font-family:inherit;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0;font-size:18.5px;font-weight:600;color:var(--ink);line-height:1.35;transition:color .15s ease}
.am-home .fq:hover{color:#000}
.am-home .fq-ic{flex:0 0 auto;width:24px;height:24px;position:relative}
.am-home .fq-ic::before,.am-home .fq-ic::after{content:"";position:absolute;top:50%;left:50%;width:13px;height:1.7px;background:var(--ink);transform:translate(-50%,-50%);transition:transform .28s cubic-bezier(.22,.61,.36,1)}
.am-home .fq-ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.am-home .fitem.is-open .fq-ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.am-home .fa{overflow:hidden;height:0;transition:height .32s cubic-bezier(.22,.61,.36,1)}
.am-home .fa-in{padding:0 56px 30px 0}
.am-home .fa-in p{margin:0;font-size:16px;color:var(--ink-body);line-height:1.68;max-width:88ch}

/* CTA final carte anthracite — calage IDENTIQUE au bloc partagé am-refonte (/gerances-ppe/) :
   section claire, carte 1320 (mêmes bords que FAQ), et respiration FAQ->CTA resserrée
   (padding-top 8 + margin-top -28 desktop = gap ~100px, comme .sec--dark:has(.cta-split)). */
/* position:relative + z-index:1 = la section CTA (tirée de -28px sous la FAQ) passe AU-DESSUS de la FAQ (.sec est position:relative) :
   sinon la FAQ recouvrait les ~20px du haut de la carte -> coins hauts masqués (paraissaient carrés). Les 4 coins arrondis 14px sont donc visibles. */
.am-home .cta-final-sec{background:var(--surface-alt);padding:8px 0 64px;position:relative;z-index:1}
@media(min-width:721px){ .am-home .cta-final-sec{margin-top:-28px} }
/* width:100% = même largeur/bords que la FAQ (wrap 1320) à TOUTES les largeurs, y compris >1400px (garde-fou anti shrink-wrap) */
.am-home .cta-final{width:100%;background:var(--ink);border-radius:var(--radius);padding:56px 60px;display:grid;grid-template-columns:1fr auto;gap:var(--s4) var(--s5);align-items:center}
/* eyebrow présent au-dessus du titre (identique au gabarit standard .sec--dark .eyebrow) */
.am-home .cta-final .eyebrow{color:#9aa0a6;margin-bottom:var(--s2)}
.am-home .cta-final h2{color:#fff;max-width:20ch;margin-bottom:var(--s2)}
.am-home .cta-final p{color:#c7cbcf;max-width:60ch;margin:0}
.am-home .cta-final .cta-group{flex-direction:column;align-items:stretch}
/* boutons CANONIQUES = exactement le .am-btn du bloc partagé (44/14-26/10/1.5/600) */
.am-home .cta-final .btn{justify-content:center;min-height:44px;padding:14px 26px;border-radius:10px;border-width:1.5px;font-weight:600;letter-spacing:normal;gap:8px}
.am-home .cta-final .btn--primary{background:#fff;color:var(--ink);border-color:#fff}
.am-home .cta-final .btn--primary:hover{background:#eceded}
.am-home .cta-final .btn--ghost{color:#fff;border-color:rgba(255,255,255,.55)}
.am-home .cta-final .btn--ghost:hover{background:#fff;color:var(--ink)}

/* Reveal */
.am-home .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
.am-home .reveal.is-in{opacity:1;transform:none}
.am-home .stagger>*{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0)*70ms)}
.am-home .stagger.is-in>*{opacity:1;transform:none}

/* Responsive */
@media(max-width:960px){ .am-home .reviews{grid-template-columns:1fr 1fr} .am-home .posts{grid-template-columns:1fr} .am-home .brand-grid{grid-template-columns:repeat(4,1fr)} .am-home .svc-grid{grid-template-columns:1fr 1fr;gap:20px} }
@media(max-width:880px){
  .am-home .split-intro,.am-home .zone{grid-template-columns:1fr}
  .am-home .stats-ed{grid-template-columns:1fr 1fr}
  .am-home .cta-final{grid-template-columns:1fr}
  .am-home .sec-head{grid-template-columns:1fr;gap:var(--s2)}
  .am-home .brand-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){ .am-home .reviews{grid-template-columns:1fr} .am-home .stats-ed{grid-template-columns:1fr} .am-home .brand-grid{grid-template-columns:repeat(2,1fr)} .am-home .svc-grid{grid-template-columns:1fr} .am-home .fa-in{padding-right:24px} }
/* Marques (mobile) : réserve d'air en bas pour que la DERNIÈRE rangée de logos ne soit
   jamais recouverte par les boutons flottants (WhatsApp + chatbot, ~88px depuis le bas).
   Scopé .sec--brands + ≤600px uniquement : desktop/tablette et autres sections inchangés. */
@media(max-width:600px){ .am-home .sec--brands{padding-bottom:calc(var(--sec-pad-y) + 88px)} }
@media(max-width:720px){ .am-home{--fs-h2:26px;--sec-pad-y:56px;--gutter:20px} .am-home .fq{font-size:17px} }
/* Hero — breakpoints identiques à am-hero2 */
@media(max-width:980px){
  .am-home .hero h1.am-h2-title{font-size:38px!important;letter-spacing:-.6px!important}
  .am-home .hero .am-h2-sub{font-size:16px!important}
}
@media(max-width:600px){
  .am-home .hero h1.am-h2-title{font-size:30px!important}
  .am-home .hero .am-h2-eyebrow{font-size:11px!important;letter-spacing:2px!important}
  .am-home .hero .am-h2-desc{font-size:12px!important;letter-spacing:1.4px!important}
  /* Boutons hero MOBILE = empilés PLEINE LARGEUR, de MÊME largeur (parité /livraison-installation/).
     Scopé strictement au hero de la home + ≤600px : desktop/tablette inchangés (boutons côte à côte). */
  .am-home .hero .cta-group{flex-direction:column;align-items:stretch}
  .am-home .hero .cta-group .btn{width:100%}
  /* Retrait contenu hero aligne sur am-hero2 (/gerances-ppe/) : 44px en mobile. Scope <=600px, desktop inchange. */
  .am-home .hero .wrap{padding-left:44px;padding-right:44px}
}
@media(prefers-reduced-motion:reduce){
  .am-home .reveal,.am-home .stagger>*{opacity:1!important;transform:none!important;transition:none!important}
  .am-home .fa{transition:none!important}
  .am-home .fq-ic::before,.am-home .fq-ic::after{transition:none!important}
  .am-home .brand-card:hover,.am-home .brand-card.is-mag,.am-home .brand-card.is-near{transform:none!important}
  .am-home .hero .htbg::before{animation:none!important;transform:none!important}
  .am-home .rail{scroll-behavior:auto!important}
}