/* V17 Premium Polish: scroll reveal, subtle motion, premium hover states */
:root{
  --vr-ease:cubic-bezier(.2,.75,.2,1);
  --vr-hero-scroll:0px;
}

/* Smooth page entrance */
body{
  animation:vrPageIn .48s var(--vr-ease) both;
}
@keyframes vrPageIn{
  from{opacity:.96}
  to{opacity:1}
}

/* Premium scroll reveal */
.vr-animate{
  opacity:0;
  transform:translateY(34px);
  transition:
    opacity .72s var(--vr-ease),
    transform .72s var(--vr-ease),
    filter .72s var(--vr-ease);
  transition-delay:var(--vr-delay,0ms);
  will-change:opacity,transform;
  filter:blur(4px);
}
.vr-animate.is-visible{
  opacity:1;
  transform:translateY(0);
  filter:blur(0);
}
.vr-animate--left{transform:translateX(-28px)}
.vr-animate--right{transform:translateX(28px)}
.vr-animate--left.is-visible,
.vr-animate--right.is-visible{transform:translateX(0)}

/* Header gets a more premium glass state on scroll */
.vr-header.is-scrolled{
  background:rgba(255,255,255,.82);
  border-bottom-color:rgba(229,231,235,.72);
  box-shadow:0 18px 48px rgba(17,24,39,.10);
}
.vr-header.is-scrolled .vr-header__inner{
  height:76px;
}
.vr-header__inner{
  transition:height .28s var(--vr-ease);
}

/* Hero depth without changing structure */
.vr-hero{
  background-position:center calc(50% + var(--vr-hero-scroll));
}
.vr-hero__shine{
  animation:vrFloatGlow 8s ease-in-out infinite alternate;
}
.vr-hero__shine--two{animation-delay:-2.8s}
@keyframes vrFloatGlow{
  from{transform:translate3d(0,0,0) scale(1); opacity:.68}
  to{transform:translate3d(16px,-18px,0) scale(1.08); opacity:.92}
}
.vr-search-card{
  transition:transform .35s var(--vr-ease), box-shadow .35s var(--vr-ease), border-color .35s var(--vr-ease);
}
.vr-search-card:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 80px rgba(6,10,35,.20);
}

/* Buttons: premium highlight following cursor */
.vr-btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.vr-btn:after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  opacity:0;
  background:radial-gradient(circle at var(--vr-x,50%) var(--vr-y,50%), rgba(255,255,255,.32), transparent 34%);
  transition:opacity .25s ease;
}
.vr-btn:hover:after{opacity:1}
.vr-btn--primary,
.vr-btn--search{
  box-shadow:0 16px 34px rgba(123,77,255,.18);
}
.vr-btn--primary:hover,
.vr-btn--search:hover{
  box-shadow:0 20px 46px rgba(123,77,255,.24);
}

/* Doctor cards: premium hover and entrance */
.vr-doctor-card{
  backface-visibility:hidden;
}
.vr-doctor-card:hover{
  transform:translateY(-9px);
  box-shadow:0 34px 80px rgba(17,24,39,.15);
}
.vr-doctor-card__media img{
  transform-origin:center;
}
.vr-doctor-card:hover .vr-doctor-card__media img{
  transform:scale(1.065);
}
.vr-doctor-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(135deg,rgba(123,77,255,.12),transparent 34%,rgba(46,214,255,.10));
  transition:opacity .28s ease;
  z-index:1;
}
.vr-doctor-card:hover:before{opacity:1}
.vr-doctor-card > *{position:relative;z-index:2}

/* Treatment cards: image/icon motion stays subtle */
.vr-treatment-card{
  backface-visibility:hidden;
}
.vr-treatment-card:hover{
  transform:translateY(-8px);
  box-shadow:0 32px 76px rgba(17,24,39,.13);
}
.vr-treatment-card:hover .vr-treatment-card__icon{
  transform:translateY(-3px) rotate(-2deg);
}

/* Trust cards and journey steps */
.vr-trust-card,
.vr-journey-step,
.vr-faq-item,
.vr-footer-cta{
  transition:transform .28s var(--vr-ease), box-shadow .28s var(--vr-ease), border-color .28s var(--vr-ease), background .28s var(--vr-ease);
}
.vr-trust-card:hover,
.vr-journey-step:hover{
  transform:translateY(-6px);
  border-color:rgba(123,77,255,.30);
  box-shadow:0 24px 64px rgba(17,24,39,.10);
}
.vr-trust-card:hover i,
.vr-journey-step:hover i{
  transform:scale(1.08);
}
.vr-trust-card i,
.vr-journey-step i{
  transition:transform .28s var(--vr-ease);
}

/* FAQ feels softer when opening */
.vr-faq-item.is-open{
  border-color:rgba(123,77,255,.28);
  box-shadow:0 18px 48px rgba(17,24,39,.08);
}
.vr-faq-item__content{
  transition:max-height .32s var(--vr-ease), opacity .28s ease, padding .28s ease;
}

/* Footer CTA subtle lift */
.vr-footer-cta:hover{
  transform:translateY(-4px);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
}

/* Floating WhatsApp: calmer premium pulse */
.vr-whatsapp{
  animation:vrWhatsappFloat 3.2s ease-in-out infinite;
}
@keyframes vrWhatsappFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-5px)}
}
.vr-whatsapp:hover{
  animation-play-state:paused;
}

/* Active tabs feel more tactile */
.vr-tab{
  position:relative;
  overflow:hidden;
}
.vr-tab:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:0;
  height:0;
  border-radius:999px;
  background:rgba(123,77,255,.10);
  transform:translate(-50%,-50%);
  transition:width .28s ease,height .28s ease;
}
.vr-tab:hover:after{
  width:120%;
  height:220%;
}
.vr-tab span,
.vr-tab i{position:relative;z-index:1}

/* Prefer accessibility over motion */
@media (prefers-reduced-motion: reduce){
  *,*:before,*:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
  }
  .vr-animate{opacity:1!important;transform:none!important;filter:none!important}
}

@media (max-width:768px){
  .vr-animate{
    transform:translateY(22px);
    filter:blur(2px);
  }
  .vr-header.is-scrolled .vr-header__inner{height:68px}
  .vr-doctor-card:hover,
  .vr-treatment-card:hover,
  .vr-trust-card:hover,
  .vr-journey-step:hover{
    transform:none;
  }
}

/* Slim scroll progress for product-like feel */
.vr-scroll-progress{
  position:fixed;
  top:0;
  left:0;
  height:3px;
  width:100%;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,var(--primary),var(--secondary));
  z-index:120;
  pointer-events:none;
  transition:transform .08s linear;
}

/* V17.1 ambient polish */
.vr-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 32%, rgba(123,77,255,.22), transparent 30%),
    radial-gradient(circle at 78% 24%, rgba(46,214,255,.12), transparent 28%);
  mix-blend-mode:screen;
  opacity:.6;
  animation:vrAmbientBreath 7s ease-in-out infinite alternate;
}
@keyframes vrAmbientBreath{
  from{opacity:.42;transform:scale(1)}
  to{opacity:.72;transform:scale(1.018)}
}
.vr-premium-consultation__visual img,
.vr-treatment-card__media img,
.vr-doctor-card__media img{
  transition:transform .45s var(--vr-ease), filter .45s var(--vr-ease);
}
.vr-premium-consultation__visual:hover img{
  transform:scale(1.035);
  filter:saturate(1.06) contrast(1.03);
}
.vr-footer{
  animation:vrFooterGlow 8s ease-in-out infinite alternate;
}
@keyframes vrFooterGlow{
  from{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
  to{box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 -24px 80px rgba(123,77,255,.08)}
}