/* ABL Accueil — page d'accueil « A v2 » (validée par Simon le 29/09/2026). Charte : Poppins, marine #002331, bleu #1E6E8F,
   cartes plates à filet fin, pas d'orange, pas d'ombre portée, pas de bordure colorée à gauche. */

/* ------------------------------------------------------------------ le <main> du thème laisse toute la largeur à l'accueil */
body.abl-accueil-page .wd-content-layout,body.abl-accueil-page #main-content,body.abl-accueil-page .main-page-wrapper>.container{max-width:none!important;width:auto!important;padding:0!important;margin:0!important;display:block!important}
body.abl-accueil-page .wd-page-content{background:#fff}

/* ------------------------------------------------------------------ base */
.abx{--marine:#002331;--texte:#243B45;--doux:#5A6D76;--pale:#8A9CA5;--bleu:#1E6E8F;--bleu-f:#175873;--bleu-c:#E8F2F7;--vert:#1B7A43;--fond:#F4F8FA;--filet:#DDE6EB;--studio:linear-gradient(180deg,#eceff0 0%,#f8f9f9 100%);
  display:block;max-width:none;padding:0;margin:0;background:#fff;font:400 15px/1.6 Poppins,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--texte);-webkit-font-smoothing:antialiased}
.abx *,.abx *::before,.abx *::after{box-sizing:border-box}
.abx a{color:inherit;text-decoration:none}
.abx img{max-width:100%;display:block;height:auto}
.abx h1,.abx h2,.abx h3{font-family:inherit;color:var(--marine);text-transform:none;letter-spacing:-.01em;margin:0;text-wrap:balance}
.abx p{margin:0}
.abx ul,.abx ol{margin:0;padding:0;list-style:none}
.abx li{margin:0}
.abx button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal}
.abx a:focus-visible,.abx button:focus-visible,.abx select:focus-visible,.abx summary:focus-visible,.abx [tabindex]:focus-visible{outline:2px solid var(--bleu);outline-offset:2px}
.ax-in{max-width:var(--wd-container-w,1400px);margin:0 auto;padding-inline:15px}
.ax-ui{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ax-k{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--bleu)}
.ax-k .ax-ui{width:17px;height:17px}
.ax-sec{padding-block:64px}
.ax-sec--fond{background:var(--fond)}
.ax-sec--serre{padding-top:10px}
.ax-tete{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.abx .ax-tete h2{font-size:clamp(26px,2.6vw,34px);font-weight:600;line-height:1.2;margin-top:6px}
.ax-tete p{color:var(--doux);margin-top:6px;max-width:640px}
.ax-lien{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:var(--bleu);white-space:nowrap}
.ax-lien .ax-ui{width:17px;height:17px;transition:transform .18s}
.ax-lien:hover .ax-ui{transform:translateX(3px)}
.ax-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;padding:0 24px;border-radius:999px;font-weight:600;font-size:15.5px;line-height:1.2;white-space:nowrap;transition:transform .15s,background .15s}
.ax-btn:hover{transform:translateY(-1px)}
.ax-btn .ax-ui{width:18px;height:18px}
.abx .a2-btn{background:var(--bleu);color:#fff}
.abx .a2-btn:hover{background:var(--bleu-f);color:#fff}
.abx .ax-btn--or{background:#fff;color:var(--marine)}
.abx .ax-btn--or:hover{background:var(--bleu-c);color:var(--marine)}
.abx .ax-btn--clair{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.abx .ax-btn--clair:hover{background:rgba(255,255,255,.2);color:#fff}

/* ------------------------------------------------------------------ haut de page */
.a2-hero{background:linear-gradient(180deg,#fff 0%,var(--fond) 100%);overflow:hidden}
.a2-hero-haut{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center;padding-block:44px 6px}
.abx .a2-hero h1{font-size:clamp(34px,3.8vw,54px);line-height:1.08;font-weight:600;margin:14px 0 16px}
.abx .a2-hero h1 span{color:var(--bleu)}
.a2-hero .ax-sous{font-size:17px;line-height:1.65;color:var(--doux);max-width:600px}
.a2-atouts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px!important}
.a2-atouts li{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;color:var(--marine)}
.a2-atouts .ax-ui{color:var(--bleu);width:19px;height:19px}
.a2-cherche{background:#fff;border:1px solid var(--filet);border-radius:20px;padding:22px}
.a2-cherche-t{font-weight:600;color:var(--marine);font-size:17px;margin-bottom:14px!important}
.a2-cherche-l{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}
.ax-champ{display:flex;flex-direction:column;gap:2px;border:1px solid var(--filet);border-radius:14px;padding:9px 14px;min-width:0;background:#fff;cursor:pointer;margin:0}
.ax-champ:focus-within{border-color:var(--bleu)}
.ax-champ small{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pale);line-height:1.4}
.ah-sel{position:relative;display:block}
.abx .ah-sel select{-webkit-appearance:none;appearance:none;display:block;width:100%;height:auto;min-height:0;margin:0;padding:0 24px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;font:600 19px/1.35 Poppins,system-ui,sans-serif;color:var(--marine);cursor:pointer;text-overflow:ellipsis}
.abx .ah-sel select:focus{outline:none;box-shadow:none}
.ah-sel .ax-ui{position:absolute;right:0;top:50%;width:16px;height:16px;margin-top:-8px;color:var(--pale);pointer-events:none}
.ax-fleche{width:34px;height:34px;border-radius:50%;background:var(--marine);color:#fff;display:grid;place-items:center}
.ax-fleche .ax-ui{width:17px;height:17px}
.a2-cherche .a2-btn{width:100%;margin-top:12px;height:auto;min-height:54px;padding:10px 20px;border-radius:14px;white-space:normal;text-align:center}
.a2-cherche-pop{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.a2-cherche-pop>span{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pale)}
.ax-puces{display:flex;flex-wrap:wrap;gap:8px}
.ax-puces a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--filet);background:#fff;font-weight:600;font-size:13px;color:var(--marine);white-space:nowrap;transition:background .15s,color .15s,border-color .15s}
.abx .ax-puces a:hover{background:var(--marine);border-color:var(--marine);color:#fff}
.a2-photo{max-width:1320px;margin:18px auto 0;padding-inline:15px}
.a2-photo img{width:100%}
.a2-bande{background:var(--marine);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.a2-bande::before{content:"";position:absolute;inset:0;background:url('/wp-content/plugins/abl-accueil/assets/css/../img/motif-clair.svg') left center/1180px auto repeat-x;opacity:.07;z-index:-1}
.a2-bande ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-block:24px}
.a2-bande li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center}
.a2-bande li>span{grid-row:1 / 3;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#9FD0E4}
.a2-bande b{color:#fff;font-weight:600;font-size:15px;line-height:1.3}
.a2-bande small{color:rgba(255,255,255,.72);font-size:13px;line-height:1.4}

/* ------------------------------------------------------------------ familles */
.a2-familles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.a2-fam{display:flex;flex-direction:column;border:1px solid var(--filet);border-radius:18px;overflow:hidden;background:#fff;transition:border-color .18s,transform .18s}
.a2-fam:hover{border-color:#b7d2de;transform:translateY(-2px)}
.a2-fam-img{aspect-ratio:1 / .82;background:var(--studio);display:grid;place-items:center;overflow:hidden}
.a2-fam-img img{max-width:72%;max-height:78%;width:auto;mix-blend-mode:multiply;transition:transform .3s}
.a2-fam.is-photo .a2-fam-img img{max-width:none;max-height:none;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.a2-fam:hover .a2-fam-img img{transform:scale(1.05)}
.a2-fam b{padding:12px 14px 0;color:var(--marine);font-weight:600;font-size:16px;line-height:1.3;overflow-wrap:break-word;hyphens:manual}
.a2-fam small{padding:2px 14px 0;color:var(--doux);font-size:12.5px;line-height:1.45}
.a2-fam em{padding:8px 14px 14px;margin-top:auto;font-style:normal;color:var(--bleu);font-weight:600;font-size:13.5px;line-height:1.4}

/* ------------------------------------------------------------------ usages */
.ax-usages{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.ax-us{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 10px 16px;border-radius:16px;text-align:center;font-weight:600;font-size:14px;line-height:1.35;color:var(--marine);transition:background .18s,transform .18s}
.ax-us:hover{background:var(--bleu-c);transform:translateY(-2px)}
.ax-us-img{width:92px;height:92px;border-radius:50%;background:#fff;border:1px solid var(--filet);display:grid;place-items:center;overflow:hidden}
.ax-us-img img{max-width:82%;max-height:82%}

/* ------------------------------------------------------------------ sur mesure */
.ax-mesure{position:relative;border-radius:24px;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:420px;background:var(--marine)}
.ax-mesure-img{position:relative;min-height:220px}
.ax-mesure-img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.ax-mesure-txt{padding:48px 48px 44px;color:#fff;display:flex;flex-direction:column;gap:14px;justify-content:center}
.ax-k--or{color:#9FD0E4}
.abx .ax-mesure-txt h2{color:#fff;font-size:34px;line-height:1.2}
.ax-mesure-txt p{color:rgba(255,255,255,.84)}
.ax-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 10px!important;counter-reset:e}
.ax-etapes li{counter-increment:e;display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.07);border-radius:14px;padding:12px 14px;font-size:14px;color:rgba(255,255,255,.88);line-height:1.45}
.ax-etapes li::before{content:counter(e);flex:none;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--marine);font-weight:700;font-size:13px;display:grid;place-items:center}
.ax-etapes b{color:#fff;display:block}
.ax-mesure-cta{display:flex;gap:12px;flex-wrap:wrap}

/* ------------------------------------------------------------------ avis qui défilent */
.a2-avis{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:stretch}
.a2-note{background:var(--marine);color:#fff;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:8px}
.a2-note>b{font-size:54px;line-height:1;font-weight:600;letter-spacing:-.02em;color:#fff}
.a2-note>span{color:rgba(255,255,255,.8);font-size:14px;line-height:1.5}
.a2-avis-nav{display:flex;gap:8px;margin-top:auto;padding-top:14px}
.abx .a2-avis-nav button{width:42px;height:42px;min-height:0;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;display:grid;place-items:center;padding:0;box-shadow:none}
.abx .a2-avis-nav button:hover{background:#fff;color:var(--marine)}
.a2-avis-nav button:first-child .ax-ui{transform:rotate(180deg)}
.a2-avis-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px;outline:none;min-width:0}
.a2-avis-rail::-webkit-scrollbar{display:none}
.a2-avis-c{flex:0 0 calc((100% - 32px) / 3);min-height:230px;scroll-snap-align:start;margin:0;background:#fff;border:1px solid var(--filet);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:12px}
.a2-avis-c q{font-size:15px;line-height:1.6;color:var(--texte);quotes:"« " " »";display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.abx:not([data-langue="fr"]) .a2-avis-c q{quotes:"“" "”"}
.abx[data-langue="de"] .a2-avis-c q{quotes:"„" "“"}
.a2-avis-c figcaption{margin-top:auto;font-size:13px;color:var(--doux);line-height:1.45}
.a2-avis-c figcaption b{display:block;color:var(--marine);font-weight:600;font-size:14px}
.a2-avis-c figcaption span{display:block}
.a2-avis-c .a2-vo{margin-top:6px;font-size:12px;font-style:italic;color:var(--pale)}
.a2-et{position:relative;display:block;width:88px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath fill='%23D5E0E6' d='m12 3.8 2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z'/%3E%3C/svg%3E") left center/18px 16px repeat-x}
.a2-et::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath fill='%231E6E8F' d='m12 3.8 2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z'/%3E%3C/svg%3E") left center/18px 16px repeat-x}
.a2-et.n1::before{width:18px}.a2-et.n2::before{width:36px}.a2-et.n3::before{width:54px}.a2-et.n4::before{width:72px}.a2-et.n5::before{width:88px}
.a2-et--blanc{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath fill='rgba(255,255,255,.28)' d='m12 3.8 2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z'/%3E%3C/svg%3E")}
.a2-et--blanc::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 24'%3E%3Cpath fill='%23ffffff' d='m12 3.8 2.5 5.1 5.6.8-4 3.9 1 5.6-5.1-2.7-5 2.7 1-5.6-4.1-3.9 5.6-.8z'/%3E%3C/svg%3E")}

/* ------------------------------------------------------------------ références */
.a2-refs{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,2fr);gap:34px;align-items:center;border:1px solid var(--filet);border-radius:20px;padding:26px 30px;background:#fff}
.abx .a2-refs h2{font-size:24px;font-weight:600;line-height:1.25;margin:6px 0 8px}
.a2-refs p{color:var(--doux);font-size:14.5px}
.ax-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px 20px;align-items:center;justify-items:center}
.ax-logos li{display:grid;place-items:center;min-height:56px}
.ax-logos img{max-width:100%;height:auto;filter:grayscale(1);opacity:.72;mix-blend-mode:multiply;transition:filter .2s,opacity .2s}
.ax-logos li:hover img{filter:none;opacity:1}

/* ------------------------------------------------------------------ compte pro */
.a2-pro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border-radius:24px;overflow:hidden;background:var(--bleu-c)}
.a2-pro-txt{padding:36px 38px;display:flex;flex-direction:column;gap:14px}
.abx .a2-pro-txt h2{font-size:clamp(24px,2.4vw,30px);font-weight:600;line-height:1.2}
.a2-pro-txt>p{color:var(--doux)}
.a2-pro-l{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin-top:4px!important}
.a2-pro-l li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--texte);line-height:1.5}
.a2-pro-l .ax-ui{color:var(--bleu);margin-top:2px}
.a2-pro-l b{color:var(--marine);font-weight:600}
.a2-pro-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:8px}
.a2-pro-img{position:relative;min-height:320px}
.a2-pro-img img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}

/* ------------------------------------------------------------------ guides */
.ax-guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ax-guide{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--filet);transition:border-color .18s,transform .18s}
.ax-guide:hover{border-color:#b7d2de;transform:translateY(-2px)}
.ax-guide img,.ax-guide-vide{width:100%;height:190px;object-fit:cover;background:var(--studio);display:block}
.ax-guide div{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px}
.ax-guide small{font-size:12.5px;color:var(--pale);font-weight:500}
.abx .ax-guide h3{font-size:17px;font-weight:600;line-height:1.35}
/* un ou deux articles seulement (langues qui ont peu d'articles) : cartes plus larges, image à gauche quand il n'y en a qu'un */
.ax-guides--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ax-guides--1{grid-template-columns:minmax(0,1fr);max-width:900px}
.ax-guides--1 .ax-guide{flex-direction:row}
.ax-guides--1 .ax-guide img,.ax-guides--1 .ax-guide-vide{width:42%;height:auto;min-height:220px;flex:none}
.ax-guides--1 .ax-guide div{justify-content:center;padding:22px 26px}

/* ------------------------------------------------------------------ texte du bas : sommaire à gauche, texte masqué au-delà d'une hauteur, FAQ */
.ah-seo{background:var(--fond);border-top:1px solid var(--filet);padding-block:56px 70px}
.ah-seo-grille{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
.ah-somm{position:sticky;top:24px;background:#fff;border:1px solid var(--filet);border-radius:16px;padding:18px 18px 12px}
.ah-somm-t{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--pale);margin-bottom:8px!important}
.ah-somm ol{counter-reset:s}
.ah-somm li{counter-increment:s}
.abx .ah-somm a{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--filet);font-size:14px;line-height:1.4;color:var(--marine);font-weight:500}
.abx .ah-somm a:hover{color:var(--bleu)}
.ah-somm li:first-child a{border-top:0}
.ah-somm a::before{content:counter(s);flex:none;width:22px;height:22px;border-radius:50%;background:var(--bleu-c);color:var(--bleu);font-size:12px;font-weight:700;display:grid;place-items:center}
.ah-texte{max-width:820px;min-width:0;position:relative}
.abx .ah-texte h2{font-size:28px;line-height:1.25;font-weight:600;margin:44px 0 14px;scroll-margin-top:96px}
.abx .ah-seo-corps>h2:first-child{margin-top:10px}
.abx .ah-texte h3{font-size:19px;font-weight:600;margin:26px 0 8px}
.ah-texte p{font-size:15.5px;line-height:1.75;margin:0 0 12px!important}
.abx .ah-texte a{color:var(--bleu);text-decoration:underline;text-underline-offset:2px}
.abx .ah-texte a:hover{color:var(--bleu-f)}
.abx a[href^="tel:"],.ah-nw{white-space:nowrap}
.ah-seo-corps{position:relative;max-height:34rem;overflow:hidden}
.ah-seo-corps::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9rem;background:linear-gradient(180deg,rgba(244,248,250,0) 0%,var(--fond) 88%);pointer-events:none}
.ah-seo-case:checked~.ah-seo-corps{max-height:none}
.ah-seo-case:checked~.ah-seo-corps::after{display:none}
.ah-seo-corps:focus-within{max-height:none}
.ah-seo-corps:focus-within::after{display:none}
.ah-seo-corps:has(:target){max-height:none}
.ah-seo-corps:has(:target)::after{display:none}
.abx .ah-seo-case{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;appearance:none;border:0}
.ah-seo-plus{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;margin:14px 0 0;border-radius:999px;border:1px solid var(--filet);background:#fff;color:var(--marine);font-weight:600;font-size:14.5px;line-height:1;cursor:pointer;user-select:none;transition:border-color .15s}
.ah-seo-plus:hover{border-color:var(--bleu)}
.ah-seo-plus .ax-ui{width:18px;height:18px;color:var(--bleu);transition:transform .2s}
.ah-seo-case:focus-visible~.ah-seo-plus{outline:2px solid var(--bleu);outline-offset:2px}
.ah-plus-f{display:none}
.ah-seo-case:checked~.ah-seo-plus .ah-plus-o{display:none}
.ah-seo-case:checked~.ah-seo-plus .ah-plus-f{display:inline}
.ah-seo-case:checked~.ah-seo-plus .ax-ui{transform:rotate(180deg)}
.ah-faq{display:flex;flex-direction:column;gap:10px}
.ah-faq details{background:#fff;border:1px solid var(--filet);border-radius:14px;overflow:hidden}
.ah-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;font-weight:600;color:var(--marine);cursor:pointer;list-style:none;line-height:1.45}
.ah-faq summary::-webkit-details-marker{display:none}
.ah-chev{color:var(--bleu);transition:transform .2s}
.ah-faq details[open] .ah-chev{transform:rotate(180deg)}
.ah-rep{padding:0 20px 18px}
.ah-rep p{color:var(--doux);margin:0!important}

/* ------------------------------------------------------------------ écrans plus petits */
@media (max-width:1100px){
  .a2-hero-haut{grid-template-columns:minmax(0,1fr);gap:26px}
  .a2-familles{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ax-usages{grid-template-columns:repeat(4,minmax(0,1fr))}
  .a2-avis-c{flex-basis:calc((100% - 16px) / 2)}
  .a2-pro{grid-template-columns:minmax(0,1fr)}
  .a2-pro-img{min-height:220px;order:-1}
  .a2-bande ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .ax-sec{padding-block:44px}
  .ax-sec--serre{padding-top:6px}
  .ax-tete{flex-direction:column;align-items:flex-start}
  .ax-mesure{grid-template-columns:minmax(0,1fr)}
  .ax-mesure-txt{padding:28px 22px}
  .abx .ax-mesure-txt h2{font-size:26px}
  .ax-etapes{grid-template-columns:1fr}
  .a2-avis{grid-template-columns:minmax(0,1fr)}
  .a2-refs{grid-template-columns:minmax(0,1fr);gap:18px}
  .ax-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .a2-pro-l{grid-template-columns:minmax(0,1fr)}
  .a2-pro-txt{padding:26px 22px}
  .ax-guides{grid-template-columns:1fr}
  .ah-seo{padding-block:44px 54px}
  .ah-seo-grille{grid-template-columns:minmax(0,1fr);gap:20px}
  .ah-somm{position:static}
  .ah-seo-corps{max-height:30rem}
}
@media (max-width:520px){
  .a2-hero-haut{padding-block:26px 0}
  .abx .a2-hero h1{font-size:33px}
  .a2-hero .ax-sous{font-size:16px}
  .a2-cherche{padding:18px}
  .a2-cherche-l{grid-template-columns:minmax(0,1fr)}
  .a2-cherche-l .ax-fleche{display:none}
  .a2-familles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .a2-fam b{font-size:15px}
  .a2-bande ul{grid-template-columns:minmax(0,1fr);gap:14px}
  .ax-usages{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ax-us{padding:12px 4px;font-size:12.5px;gap:8px}
  .ax-us-img{width:70px;height:70px}
  .a2-avis-c{flex-basis:86%}
  .ax-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 14px}
  .ax-guides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-15px;padding:0 15px 8px;scrollbar-width:none}
  .ax-guides>*{flex:0 0 84%;scroll-snap-align:start}
  .ax-mesure-cta .ax-btn,.a2-pro-cta .ax-btn{width:100%;white-space:normal;height:auto;min-height:50px;padding:12px 20px;text-align:center;line-height:1.3}
  .ax-guides--1>*{flex-basis:100%}
  .ax-guides--1 .ax-guide{flex-direction:column}
  .ax-guides--1 .ax-guide img,.ax-guides--1 .ax-guide-vide{width:100%;height:190px;min-height:0}
  .abx .ah-texte h2{font-size:23px}
  .ah-texte p{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  .abx *{transition:none!important}
}