.eternity-families{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:24px 0 20px}
.eternity-families .eternity-family{flex:0 0 calc((100% - 80px)/5);max-width:200px;min-width:0;text-align:center;color:#171717;text-decoration:none;border:0;background:none;box-shadow:none}
.eternity-family img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;margin:0 0 12px}
@layer eternity-typography{.eternity-family span{display:block;font-family:Karla,sans-serif!important;font-size:18px!important;font-weight:500!important;line-height:1.3!important;word-break:normal!important;overflow-wrap:normal!important}}
.eternity-family:focus-visible{outline:2px solid #222;outline-offset:4px}
.eternity-families.is-carousel{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain}
@media(max-width:1024px){.eternity-families .eternity-family{flex-basis:calc((100% - 40px)/3)}}
@media(max-width:767px){.eternity-families{gap:16px;margin:20px 0 16px}.eternity-families .eternity-family{flex-basis:calc((100% - 16px)/2)}@layer eternity-typography{.eternity-family span{font-size:16px!important}}}

/* ET-061: une seule rangée défilante sur téléphone, même avec cinq familles. */
@media(max-width:767px){
 .eternity-families{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity}
 .eternity-families::-webkit-scrollbar{display:none}
 .eternity-families .eternity-family{scroll-snap-align:start}
}