/* NxRoms v221 — bannière personnalisée issue de l'image fournie par l'utilisateur */
.nx207-hero{
  height:320px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.10) 48%,rgba(246,247,252,.18)),
    url('./nx-v221-hero-bg.png') center 56%/cover no-repeat!important;
  box-shadow:inset 0 -38px 72px rgba(255,255,255,.18)!important;
}
.nx207-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 58%,rgba(255,247,224,.20),transparent 28%),
    linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.08) 50%,rgba(255,255,255,.02));
  pointer-events:none;
  z-index:-1;
}
.nx207-hero::after{
  height:96px!important;
  background:linear-gradient(transparent,rgba(246,247,252,.96))!important;
}
.nx207-hero-inner{
  position:relative;
  z-index:2;
  padding-bottom:48px!important;
}
.nx207-hero h1{
  color:#5b47f3!important;
  text-shadow:0 10px 28px rgba(90,67,190,.20),0 1px 0 rgba(255,255,255,.78)!important;
}
.nx207-hero p{
  color:#41465a!important;
  text-shadow:0 1px 0 rgba(255,255,255,.82),0 2px 10px rgba(255,255,255,.50)!important;
}
.nx207-search{
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(10px) saturate(1.06)!important;
  -webkit-backdrop-filter:blur(10px) saturate(1.06)!important;
  border-color:rgba(124,58,237,.16)!important;
  box-shadow:0 18px 42px rgba(65,50,115,.16),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
@media(max-width:820px){
  .nx207-hero{height:285px!important;background-position:center 56%!important;}
}
@media(max-width:640px){
  .nx207-hero{height:255px!important;background-position:center 58%!important;}
}