/* ATI Group — pages familles produits (complément à base.css ; tokens identiques) */

/* fil d’Ariane dans le hero sombre */
.crumbs{margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font:400 10.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--mint-lt)}
.crumbs li{display:flex;align-items:center}
.crumbs li+li::before{content:"";display:inline-block;width:14px;height:1px;background:var(--mint-lt);opacity:.55;margin:0 10px}
.crumbs a{color:inherit;text-decoration:none;opacity:.85}
.crumbs a:hover{opacity:1;color:#fff}
.crumbs [aria-current]{color:#fff}

/* famille courante dans la barre de familles */
.ws-fam a[aria-current="page"] b{color:var(--mint);border-bottom:1px solid var(--mint)}

/* texte courant */
.prose{max-width:74ch;margin-top:clamp(22px,3vw,40px)}
.prose p{font:300 clamp(16px,1.35vw,18px)/1.8 var(--sans);color:var(--ink-2);margin:0 0 1.15em}
.prose b{font-weight:500;color:var(--ink)}

/* trois colonnes d’usages (réutilise .duo) */
.duo.trio{grid-template-columns:repeat(3,1fr)}
.duo.trio p:not(.role){font:300 15px/1.7 var(--sans);color:var(--ink-2);margin:0}
@media(max-width:980px){.duo.trio{grid-template-columns:1fr}}

/* arguments */
.why{list-style:none;margin:clamp(22px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,2vw,26px)}
.why li{padding:clamp(20px,2.4vw,30px);background:var(--card);border:1px solid var(--hair-soft);font:300 15px/1.7 var(--sans);color:var(--ink-2)}
.why li b{display:block;font-weight:500;color:var(--ink);margin-bottom:6px}
@media(max-width:760px){.why{grid-template-columns:1fr}}

/* FAQ */
.faq{margin-top:clamp(22px,3vw,40px);border-top:1px solid var(--hair)}
.faq-q{border-bottom:1px solid var(--hair)}
.faq-q summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative}
.faq-q summary::-webkit-details-marker{display:none}
.faq-q summary h3{margin:0;font:400 clamp(18px,1.7vw,22px)/1.35 var(--disp);color:var(--ink)}
.faq-q summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font:300 26px var(--disp);color:var(--em);transition:transform .25s}
.faq-q[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq-q p{margin:0 0 24px;max-width:72ch;font:300 15.5px/1.75 var(--sans);color:var(--ink-2)}

/* grille des autres familles */
.fam-grid{list-style:none;margin:clamp(22px,3vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(12px,1.6vw,20px)}
.fam-grid a{display:block;padding:22px 24px;background:var(--card);border:1px solid var(--hair-soft);text-decoration:none;transition:transform .25s,box-shadow .25s}
.fam-grid a:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,31,24,.09)}
.fam-grid b{display:block;font:400 22px/1.2 var(--disp);color:var(--ink)}
.fam-grid span{display:block;margin-top:6px;font:400 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--em)}

/* pas de préchargeur sur les pages intérieures */
.pg-fam #loader{display:none}

/* toute la gamme, groupée par famille, sur chaque page famille */
.gamme-grp{margin-top:clamp(28px,3.6vw,52px)}
.gamme-grp h3{display:flex;align-items:baseline;gap:14px;margin:0 0 16px;font:400 clamp(22px,2.2vw,30px)/1.2 var(--disp);color:var(--ink)}
.gamme-grp h3 a{color:inherit;text-decoration:none;border-bottom:1px solid var(--hair)}
.gamme-grp h3 a:hover{color:var(--em);border-color:var(--em)}
.gamme-grp h3 span{font:400 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--em)}
.gamme-grp .vitrine{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}