/* ReSound VIVIA product hero — scoped */
.vivia-hero{
    height:clamp(430px,58vh,560px);
    min-height:430px;
  align-items:center;
  overflow:hidden;
}
.vivia-hero .hero-video-bg{
  object-fit:cover;
  object-position:center;
  transform:scale(1.01);
}
.vivia-hero .hero-overlay{
  background:linear-gradient(180deg,rgba(2,12,15,.48) 0%,rgba(2,12,15,.66) 58%,rgba(2,12,15,.82) 100%);
}
.vivia-hero .hero-vignette{
  background:
    radial-gradient(ellipse at center,rgba(0,0,0,0) 28%,rgba(0,0,0,.34) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),transparent 28%,transparent 70%,rgba(0,0,0,.34));
}
.vivia-hero .hero-video-inner{
  width:100%;
  padding:32px 0 42px;
}
.vivia-hero .hero-content{
  width:min(100%,980px) !important;
  margin:0 auto !important;
  text-align:center !important;
  transform:translateY(-15px);
  color:#fff;
}
.vivia-hero .hero-content h1{
  display:block !important;
  max-width:none !important;
  margin:0 auto 12px !important;
  color:#fff !important;
  font-size:clamp(3.4rem,7vw,6.4rem) !important;
  font-weight:760 !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  text-align:center !important;
  text-shadow:0 5px 30px rgba(0,0,0,.34);
}
.vivia-hero-lead{
  max-width:860px !important;
  margin:0 auto 28px !important;
  color:rgba(255,255,255,.94) !important;
  font-size:clamp(1.05rem,1.55vw,1.28rem) !important;
  line-height:1.6 !important;
  text-align:center !important;
  text-wrap:balance;
}
.vivia-hero-badges{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 auto 30px;
}
.vivia-price,
.vivia-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border-radius:999px;
  font-size:.92rem;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.vivia-price{
  background:#fff4cf;
  border:1px solid rgba(255,226,132,.85);
  color:#6c4d00;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.vivia-pill{
  background:rgba(5,29,34,.42);
  border:1px solid rgba(255,255,255,.32);
  color:#fff;
}
.vivia-hero .hero-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}
.vivia-hero .hero-btn{
  min-width:184px;
  min-height:54px;
  padding:14px 27px;
  border-radius:999px;
}
@media(max-width:700px){
  .vivia-hero{
    height:650px;
    min-height:650px;
    align-items:flex-end;
  }
  .vivia-hero .hero-video-bg{object-position:58% center;}
  .vivia-hero .hero-overlay{
    background:linear-gradient(180deg,rgba(2,12,15,.18) 0%,rgba(2,12,15,.52) 44%,rgba(2,12,15,.95) 100%);
  }
  .vivia-hero .hero-video-inner{padding:110px 0 42px;}
  .vivia-hero .hero-content{transform:none;}
  .vivia-hero .hero-content h1{
    margin-bottom:18px !important;
    font-size:clamp(2.8rem,14vw,4.4rem) !important;
  }
  .vivia-hero-lead{
    margin-bottom:22px !important;
    font-size:.98rem !important;
    line-height:1.52 !important;
  }
  .vivia-hero-badges{
    gap:8px;
    margin-bottom:24px;
  }
  .vivia-price,.vivia-pill{
    min-height:34px;
    padding:7px 11px;
    font-size:.78rem;
  }
  .vivia-hero .hero-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .vivia-hero .hero-btn{width:100%;}
}