/* R432 — ACCUEIL DÉCOUVERTE / ONGLET GAUCHE UNIQUEMENT

But :
- reproduire visuellement la méthode de l'accueil commercial ;
- conserver une vraie couche verre rgba(255,251,244,.77) ;
- faire voir dessous LA MÊME image commerciale non filtrée, localement ;
- ne pas modifier le fond général découverte ;
- -10px visuels en largeur et -40px visuels en hauteur.

Source commerciale active : site/index.html
.hero__image :
  object-fit: cover;
  object-position: center center;

.hero::before :
  background: rgba(255, 251, 244, 0.77);
  border-bottom-right-radius: 46% 48%;
*/

html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero{
  overflow:visible !important;
  background:transparent !important;
  border-color:transparent !important;
  box-shadow:none !important;
  isolation:isolate !important;
}

/* Les anciens pseudo-éléments du hero restent désactivés en découverte. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero::before,
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Conteneur de l'onglet : aucune couleur propre. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r432CommercialHomeTab{
  position:absolute !important;
  z-index:1 !important;
  pointer-events:none !important;
  overflow:hidden !important;

  left:calc(-1 * clamp(24px,1.9vw,38px)) !important;
  top:calc(
    -1 * (
      var(--r185-edge-gap,10px)
      + clamp(22px,2.5vw,48px)
      + clamp(20px,1.55vw,30px)
      + 2px
    )
  ) !important;

  width:min(calc(45vw - 50px),770px) !important;
  height:calc(100% - 40px) !important;

  background:transparent !important;
  border:0 !important;
  border-bottom-right-radius:46% 48% !important;
  box-shadow:none !important;
}

/* SOUS-COUCHE : même photo active que l'accueil commercial.
   background-attachment:fixed aligne le crop sur le viewport au lieu
   de refaire un crop propre à la petite carte. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r432CommercialHomeTabBackdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-image:url("../assets/images/commercial-home-hero-r355.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  filter:none !important;
  opacity:1 !important;
}

/* VERRE : copie littérale de la surface commerciale active. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r432CommercialHomeTabGlass{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:rgba(255, 251, 244, 0.65) !important;
  border:0 !important;
  border-bottom-right-radius:46% 48% !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
}

/* Texte au-dessus ; aucun fond ni pseudo-élément propre. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy{
  box-sizing:border-box !important;
  position:relative !important;
  z-index:2 !important;
  margin-left:calc(-1 * clamp(24px,1.9vw,38px)) !important;
  width:min(calc(45vw - 40px),780px) !important;
  max-width:none !important;
  top:calc(
    -1 * (
      var(--r185-edge-gap,10px)
      + clamp(22px,2.5vw,48px)
      + clamp(20px,1.55vw,30px)
      + 2px
    )
  ) !important;
  padding:clamp(14px,1.2vw,22px) clamp(20px,1.55vw,30px) clamp(17px,1.45vw,26px) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy::before,
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Typographie gauche conservée. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeEyebrow{
  display:none !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy h1,
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomePromise{
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(1.48rem,2.22vw,2.95rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.045em !important;
  font-weight:850 !important;
  text-wrap:balance !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeHeroCopy h1{
  margin:0 !important;
  color:#071a39 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomePromise{
  margin:0 !important;
  color:#f26722 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r179HomeHero .r178HomeIntro{
  max-width:610px !important;
  margin:clamp(10px,1.1vh,16px) 0 0 !important;
  color:#26354b !important;
  font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(11px,.72vw,14px) !important;
  line-height:1.34 !important;
  font-weight:500 !important;
}

/* PARTIE DROITE : état précédent conservé strictement. */
html.ethnosGuestDiscovery body.isEthnosHomeView .r180Trajectory{
  display:grid !important;
  grid-template-columns:1fr !important;
  grid-template-rows:auto auto auto auto !important;
  row-gap:0 !important;
  align-content:start !important;
  overflow:hidden !important;
  background:rgba(255, 249, 240, 0.65) !important;
  border:1px solid rgba(236,169,105,.48) !important;
  border-radius:clamp(20px,1.45vw,29px) !important;
  box-shadow:0 18px 55px rgba(28,20,12,.20) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryEyebrow{
  box-sizing:border-box !important;margin:0 !important;padding:10px 14px 4px !important;
  color:#f26722 !important;background:transparent !important;border:0 !important;border-radius:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MembersLine{
  box-sizing:border-box !important;margin:0 !important;padding:4px 14px 10px !important;
  background:transparent !important;border:0 !important;
  border-bottom:1px solid rgba(7,26,57,.13) !important;border-radius:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MembersValue strong,
html.ethnosGuestDiscovery body.isEthnosHomeView .r180ProgressMeta b{color:#071a39 !important}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MembersValue span,
html.ethnosGuestDiscovery body.isEthnosHomeView .r180ProgressMeta span{color:#4f6073 !important}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryHead{
  margin:0 !important;padding:12px 14px !important;background:transparent !important;border:0 !important;
  border-bottom:1px solid rgba(7,26,57,.13) !important;border-radius:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectoryManifesto{
  margin:0 !important;color:#26354b !important;font-family:Inter,"Segoe UI",Arial,sans-serif !important;
  font-size:clamp(11px,.74vw,14px) !important;line-height:1.34 !important;font-weight:500 !important;letter-spacing:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps{
  display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;
  margin:0 !important;padding:0 !important;background:transparent !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps::before{display:none !important;content:none !important}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li{
  box-sizing:border-box !important;min-width:0 !important;margin:0 !important;padding:12px !important;
  background:transparent !important;border:0 !important;border-radius:0 !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180TrajectorySteps > li + li{
  border-left:1px solid rgba(7,26,57,.13) !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MilestoneTarget{
  width:auto !important;max-width:100% !important;margin:0 0 8px !important;padding:0 !important;
  background:transparent !important;box-shadow:none !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MilestoneTarget strong{color:#071a39 !important}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180MilestoneReward span{color:#26354b !important}

/* R433 — correctifs strictement ciblés demandés. */

html.ethnosGuestDiscovery body.isEthnosHomeView .r180MilestoneTarget i{
  background:transparent !important;
  box-shadow:none !important;
}

html.ethnosGuestDiscovery body.isEthnosHomeView .r180ProgressRail{
  height:4px !important;
  overflow:visible !important;
  border-radius:999px !important;
  background:rgba(7,26,57,.12) !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180ProgressRail > span{
  display:block !important;
  min-width:1px !important;
  height:100% !important;
  border-radius:inherit !important;
  background:#43df9b !important;
}
html.ethnosGuestDiscovery body.isEthnosHomeView .r180ProgressRail > span::after{
  content:"" !important;
  position:absolute !important;
  right:-4px !important;
  top:50% !important;
  width:9px !important;
  height:9px !important;
  transform:translateY(-50%) !important;
  border-radius:50% !important;
  background:#43df9b !important;
  box-shadow:0 0 0 5px rgba(67,223,155,.10) !important;
}


/* ==========================================================================
   R434 — ACCUEIL DÉCOUVERTE / BLOC TRAJECTOIRE DROIT
   - bord droit prolongé jusqu'à la limite droite du workspace
     (même axe que le bord gauche de la carte Inscription du rail droit) ;
   - suppression du vide vertical : la carte épouse son contenu.
   Aucun changement du contenu ni de la transparence R433.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Trajectory{
    box-sizing:border-box !important;
    align-self:start !important;
    justify-self:stretch !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    margin-right:calc(-1 * clamp(24px,1.9vw,38px)) !important;
    align-content:start !important;
    justify-content:start !important;
  }
}


/* ==========================================================================
   R435 — 1) ACCUEIL DÉCOUVERTE : RÉPARTITION VERTICALE ÉGALE
   Cascade active :
   gap grille = 10px ; marge basse hero = 14px ; marge haute métriques = 0px.
   Vide total = 34px ; répartition = 17px / 17px.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{
    row-gap:17px !important;
    gap:17px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180HomeHero{
    margin-bottom:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* ==========================================================================
   R435 — 2) MAPS : suppression du carré bleu à droite
   Le fond découverte est étendu au viewport UNIQUEMENT quand Maps est ouverte.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.r190WorldViewOpen .memberLayout::before{
    position:fixed !important;
    inset:-12px !important;
    width:auto !important;
    height:auto !important;
  }
}


/* ==========================================================================
   R436 — DEMANDE VISUELLE VALIDÉE SUR CAPTURE
   Deux espaces verticaux à 53 px :
   1) entre le hero et les deux grandes cartes ;
   2) entre les grandes cartes et la rangée métriques.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180MainColumn{
    row-gap:53px !important;
    gap:53px !important;
  }
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180HomeHero,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars,
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
}

/* ==========================================================================
   R436 — MAPS / ROUTE ACCUEIL -> MONDE
   Le rendu correct obtenu après passage par Tchat prouve que la carte elle-même
   est saine. Le défaut vient de l'état de layout conservé depuis l'accueil.
   En vue Monde, on neutralise explicitement l'état accueil sur le conteneur
   principal et on remet la surface droite au fond transparent.
   ========================================================================== */
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMain,
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMainColumn,
html.ethnosGuestDiscovery body.r190WorldViewOpen .memberMainContent{
  background:transparent !important;
  box-shadow:none !important;
}

@media (min-width:901px){
  html.ethnosGuestDiscovery body.r190WorldViewOpen .memberLayout{
    background:transparent !important;
  }
  html.ethnosGuestDiscovery body.r190WorldViewOpen .memberLayout::before{
    position:fixed !important;
    inset:-12px !important;
    width:auto !important;
    height:auto !important;
  }
}


/* ==========================================================================
   R437 — ACCUEIL DÉCOUVERTE
   Demande : remonter uniquement la rangée centrale de 40px.
   Aucun changement de taille, de contenu ou des autres rangées.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    transform:translateY(-40px) !important;
  }
}


/* ==========================================================================
   R438 — ACCUEIL DÉCOUVERTE
   1) Rangée centrale : encore -40px par rapport à R437 => total -80px.
   2) Rangée du bas : cartes agrandies de 50% sans changer leur contenu.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    transform:translateY(-80px) !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    transform:scale(1.5) !important;
    transform-origin:center top !important;
    width:66.6666667% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ==========================================================================
   R439 — ACCUEIL DÉCOUVERTE
   Demandes supplémentaires par rapport à R438 :
   - blocs centraux : +10px vers le haut => total -90px vs base ;
   - blocs du bas : +40px visuels vers le haut ;
   - agrandissement 150% de R438 conservé.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    transform:translateY(-90px) !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    position:relative !important;
    top:-40px !important;
    transform:scale(1.5) !important;
    transform-origin:center top !important;
    width:66.6666667% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ==========================================================================
   R440 — ACCUEIL DÉCOUVERTE
   Demande supplémentaire par rapport à R439 :
   - blocs centraux : encore -15px => total -105px vs base ;
   - blocs du bas : encore -15px => top total -55px ;
   - échelle 150% conservée, aucun autre changement.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r180Pillars{
    transform:translateY(-105px) !important;
  }

  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    position:relative !important;
    top:-55px !important;
    transform:scale(1.5) !important;
    transform-origin:center top !important;
    width:66.6666667% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ==========================================================================
   R441 — ACCUEIL DÉCOUVERTE
   Demande : uniquement les blocs du bas, -15px visuels supplémentaires.
   Position centrale R440 conservée strictement.
   R440 bas = top:-55px ; R441 bas = top:-70px.
   ========================================================================== */
@media (min-width:901px){
  html.ethnosGuestDiscovery body.isEthnosHomeView .r183MetricRow{
    position:relative !important;
    top:-70px !important;
    transform:scale(1.5) !important;
    transform-origin:center top !important;
    width:66.6666667% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ==========================================================================
   R442 — ACCUEIL DÉCOUVERTE
   Demande : bloc droit "Notre trajectoire" = même couleur de base que le bloc gauche.
   Transparence conservée à 0.65.
   Aucun autre changement.
   ========================================================================== */
html.ethnosGuestDiscovery body.isEthnosHomeView .r180Trajectory{
  background:rgba(255, 251, 244, 0.65) !important;
}