/* ========================================================================== */
/* ETHNOS R563 — Univers des créateurs : finitions ciblées                   */
/* Base figée : R562. Périmètre strict : vue houses / Univers uniquement.    */
/* ========================================================================== */

/* 1. Filtres Univers — flèche standard active du volet Tchat. */
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r554UniverseFilters select{
  -webkit-appearance:none !important;
  appearance:none !important;
  padding-right:38px !important;
  background-color:#0d2834 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.25 6 6.25 11 1.25' fill='none' stroke='%23f7f2e9' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:12px 8px !important;
}
html body .bodyView-houses.r554UniverseHub .r554UniverseFeed .r554UniverseFilters select:disabled{
  opacity:.62 !important;
}

/* 2. Bandeau Univers — réduction réelle de 25 % sur tous les gabarits.      */
/* Référence R562 : 300 -> 225 ; 235 -> 176.25 ; 205 -> 153.75 px.          */
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero{
  height:clamp(168.75px,12.75vw,225px) !important;
  min-height:clamp(168.75px,12.75vw,225px) !important;
}
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero > div:first-child{
  min-height:0 !important;
  padding:clamp(12px,1.25vw,24px) clamp(22px,3vw,58px) !important;
}
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero h1{
  max-width:760px !important;
  font-size:clamp(28px,2vw,43px) !important;
  line-height:1 !important;
}

/* 3. Sous-phrase : une ligne, y compris aux six formats desktop Ethnos. */
html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero p{
  width:max-content !important;
  max-width:none !important;
  margin:clamp(6px,.55vw,10px) 0 0 !important;
  font-size:clamp(8.5px,.6vw,12px) !important;
  line-height:1.2 !important;
  letter-spacing:-.01em !important;
  white-space:nowrap !important;
}
html body .bodyView-houses.r554UniverseHub .r554UniverseHeroAside,
html body .bodyView-houses.r554UniverseHub .r554UniversePhotoMosaic,
html body .bodyView-houses.r554UniverseHub .r554UniversePhotoMosaic figure{
  height:100% !important;
  min-height:0 !important;
}

@media (max-width:1707px){
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero{
    height:176.25px !important;
    min-height:176.25px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero > div:first-child{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero h1{
    font-size:clamp(28px,2vw,34px) !important;
  }
}
@media (max-width:1366px){
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero{
    height:153.75px !important;
    min-height:153.75px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero > div:first-child{
    padding:11px 26px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero h1{
    font-size:28px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero p{
    font-size:8.5px !important;
    margin-top:6px !important;
  }
}
@media (max-width:1180px){
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero{
    height:142.5px !important;
    min-height:142.5px !important;
  }
}
@media (max-width:900px){
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero{
    height:auto !important;
    min-height:273.75px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero > div:first-child{
    min-height:146.25px !important;
    padding:12px 18px !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero h1{
    font-size:clamp(23px,5vw,30px) !important;
  }
  html body .bodyView-houses.r554UniverseHub .bodyViewHeader.r554UniverseHero p{
    font-size:clamp(7px,1.25vw,8.5px) !important;
  }
  html body .bodyView-houses.r554UniverseHub .r554UniverseHeroAside,
  html body .bodyView-houses.r554UniverseHub .r554UniversePhotoMosaic{
    min-height:127.5px !important;
    height:127.5px !important;
  }
}