/* ETHNOS R497 — Cultures & peuples / Solidarité : découverte réelle.
   Les classements restent réservés aux Univers officiels. Les salons Ethnos
   du catalogue sont présentés dans une section distincte, sans classement. */

.bodyView-familyDiscovery{
  --r497-cream-top:var(--r190-cream-top,#fffdf9);
  --r497-cream-bottom:var(--r190-cream-bottom,#eee1d0);
  --r497-cream-line:var(--r190-cream-line,#d8c8b3);
  --r497-navy:#071a39;
  --r497-deep:#041721;
  --r497-card:#062231;
  padding-inline:clamp(18px,2.25vw,44px) !important;
  overflow-x:hidden;
}
.bodyView-familyDiscovery .bodyViewHeader{
  align-items:center;
  gap:clamp(18px,2vw,36px);
  margin-bottom:0;
  padding-bottom:clamp(20px,1.8vw,32px);
}
.bodyView-familyDiscovery .bodyViewHeader>div:first-child{max-width:min(840px,60vw)}
.bodyView-familyDiscovery .bodyViewHeader h1{font-size:clamp(34px,3vw,58px)}
.bodyView-familyDiscovery .bodyViewHeader p{font-size:clamp(11px,.76vw,14px);line-height:1.55}
.bodyView-familyDiscovery .r497FamilyHeaderTools{flex:0 1 min(700px,42vw);min-width:min(480px,42vw)}

/* Univers officiels : mêmes surfaces crème et mêmes cartes que la page Univers. */
.bodyView-familyDiscovery .r497FamilyOfficialSection{
  margin:0;
  padding:clamp(18px,1.35vw,26px) clamp(16px,1.35vw,26px) clamp(20px,1.55vw,30px);
  border:0;
  border-top:1px solid var(--r497-cream-line);
  border-bottom:1px solid var(--r497-cream-line);
  border-radius:0;
  background:linear-gradient(180deg,var(--r497-cream-top),var(--r497-cream-bottom));
  box-shadow:none;
  color:var(--r497-navy);
}
.bodyView-familyDiscovery .r497FamilyOfficialSection>header{margin-bottom:12px}
.bodyView-familyDiscovery .r497FamilyOfficialSection>header span{color:#d8662c}
.bodyView-familyDiscovery .r497FamilyOfficialSection>header h2{color:var(--r497-navy);font-size:clamp(24px,1.7vw,32px)}
.bodyView-familyDiscovery .r497FamilyOfficialSection>header p,
.bodyView-familyDiscovery .r497FamilyOfficialSection>header>strong{color:#61717a}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseFilters{margin-bottom:13px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseFilters label>span{color:#647681}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseFilters select{
  height:36px;
  border-color:#d7cbbd;
  background:#fffdf9;
  color:var(--r497-navy);
}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseFilters select:focus{border-color:#f28a4a;box-shadow:0 0 0 3px rgba(242,138,74,.12)}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseStrip{min-height:0;gap:12px;padding:2px 2px 7px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCard{flex-basis:clamp(265px,17vw,335px);border-radius:14px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCardBanner{height:88px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCardBody{padding:12px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCardBody header{grid-template-columns:48px minmax(0,1fr);gap:9px;margin-top:-30px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseLogo{width:48px;height:48px;border-radius:12px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r494UniverseCardIdentity{padding-top:31px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCardBody h3{font-size:clamp(19px,1.15vw,24px)}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseDescription{min-height:42px;margin:10px 0 8px;font-size:clamp(11px,.7vw,14px);line-height:1.45}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseThemes{gap:4px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseThemes span{padding:4px 7px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCardBody footer{margin-top:10px;padding-top:10px}
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseLoading,
.bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseEmpty{min-height:130px;color:#61717a}

/* Séparation nette : aucune boîte supplémentaire, seulement le fond bleu réel. */
.bodyView-familyDiscovery .r495UniverseDivider{height:clamp(34px,2.8vw,48px)}
.r497FamilySalonDivider{position:relative;height:clamp(48px,4vw,68px)}
.r497FamilySalonDivider::before{
  content:"";position:absolute;left:clamp(16px,1.35vw,26px);right:clamp(16px,1.35vw,26px);top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(242,138,74,.6),rgba(190,226,231,.18),transparent);
}
.r497FamilySalonDivider span{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:#f28a4a;transform:translate(-50%,-50%);box-shadow:0 0 0 6px rgba(242,138,74,.08)}

/* Salons Ethnos : zone distincte, sans notion de popularité ni de nouveauté. */
.r497FamilySalonSection{
  margin:0;
  padding:clamp(20px,1.6vw,30px) clamp(16px,1.35vw,26px) clamp(28px,2vw,38px);
  border:0;
  background:transparent;
}
.r497FamilySalonSection>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.r497FamilySalonSection>header span{color:var(--r110-orange);font-size:9px;font-weight:800;letter-spacing:.14em}
.r497FamilySalonSection>header h2{margin:5px 0 0;color:#f4eee5;font-family:var(--font-title,Georgia,serif);font-size:clamp(24px,1.7vw,32px);font-weight:400;line-height:1.08}
.r497FamilySalonSection>header p{margin:5px 0 0;color:#8fa6ae;font-size:clamp(10px,.7vw,13px);line-height:1.5;max-width:900px}
.r497FamilySalonSection>header>strong{color:#9cb4bc;font-size:clamp(10px,.72vw,13px)}
.r497FamilySalonSection .r492UniverseFilters label>span{color:#78939b}
.r497FamilySalonSection .r492UniverseFilters select{height:38px}
.r497FamilySalonGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.r497FamilySalonCard{
  min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  padding:16px;border:1px solid rgba(190,226,231,.15);border-radius:14px;background:rgba(6,34,49,.72);box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.r497FamilySalonCopy{min-width:0}
.r497FamilySalonCopy>span{display:block;overflow:hidden;color:#7fb2c0;font-size:clamp(9px,.6vw,11px);font-weight:700;letter-spacing:.025em;text-overflow:ellipsis;white-space:nowrap}
.r497FamilySalonCopy h3{overflow:hidden;margin:5px 0 0;color:#f4f0e9;font-family:var(--font-title,Georgia,serif);font-size:clamp(17px,1.1vw,22px);font-weight:400;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.r497FamilySalonCopy p{overflow:hidden;margin:6px 0 0;color:#94a9b0;font-size:clamp(10px,.66vw,12px);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.r497FamilySalonAction{min-width:92px !important}
.r497FamilySalonEmpty{grid-column:1/-1;display:grid;place-items:center;min-height:140px;margin:0;color:#819aa2;text-align:center;font-size:clamp(11px,.72vw,13px)}
.r497FamilySalonSection .r495UniverseMore{margin-top:14px}

@media(max-width:1920px){
  .bodyView-familyDiscovery .bodyViewHeader{display:grid;grid-template-columns:1fr;align-items:start}
  .bodyView-familyDiscovery .bodyViewHeader>div:first-child{max-width:none}
  .bodyView-familyDiscovery .r497FamilyHeaderTools{width:100%;min-width:0;grid-template-columns:auto minmax(0,1fr)}
}
@media(max-width:1707px){
  .r497FamilySalonGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCard{flex-basis:285px}
}
@media(max-width:1366px){
  .bodyView-familyDiscovery{padding-inline:16px !important}
  .bodyView-familyDiscovery .r497FamilyOfficialSection{padding:18px 14px 22px}
  .bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCard{flex-basis:270px}
  .r497FamilySalonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .r497FamilySalonSection{padding:18px 14px 26px}
}
@media(max-width:980px){
  .bodyView-familyDiscovery .r497FamilyHeaderTools{grid-template-columns:1fr}
  .r497FamilySalonCard{grid-template-columns:1fr}
  .r497FamilySalonAction{justify-self:start;width:100% !important}
}
@media(max-width:720px){
  .bodyView-familyDiscovery{padding-inline:10px !important}
  .bodyView-familyDiscovery .bodyViewHeader{padding-bottom:18px}
  .bodyView-familyDiscovery .r497FamilyHeaderTools form{grid-template-columns:1fr}
  .bodyView-familyDiscovery .r497FamilyOfficialSection{padding:20px 12px 25px}
  .bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseFilters,
  .r497FamilySalonSection .r492UniverseFilters{grid-template-columns:1fr}
  .bodyView-familyDiscovery .r497FamilyOfficialSection .r492UniverseCard{flex-basis:min(80vw,300px)}
  .r497FamilySalonGrid{grid-template-columns:1fr}
  .r497FamilySalonSection{padding:18px 12px 26px}
  .r497FamilySalonSection>header{align-items:flex-start;flex-direction:column}
  .r497FamilySalonDivider{height:30px}
}