/* =========================================================
   VITA UNIKA — HERO V16
   PURE WHITE + DOCUMENT FLOW STICKY HEADER
   ========================================================= */


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.vita-hero-v15{
  min-height:
    calc(100svh - 78px)!important;

  background:
    #ffffff!important;

  padding-bottom:
    clamp(46px,6vh,70px)!important;
}


/* absolutely no decorative blocks */

.v15-geometry{
  display:none!important;
}


/* remove old radial light wash */

.vita-hero-v15::before,
.vita-hero-v15::after{
  content:none!important;
  display:none!important;
}


/* guarantee a single flat background */

.vita-hero-v15,
.v15-main,
.v15-center,
.v15-side,
.v15-motto,
.v15-hours{
  background-color:
    transparent!important;

  background-image:
    none!important;
}


/* ---------------------------------------------------------
   HEADER
   This is now a REAL part of document flow.
   No fixed positioning.
   No fake translate animation.
   --------------------------------------------------------- */

.hero-float-nav{

  position:
    sticky!important;

  top:
    0!important;

  left:
    auto!important;

  right:
    auto!important;

  bottom:
    auto!important;

  z-index:
    9990!important;


  width:
    100%!important;

  max-width:
    none!important;

  min-height:
    78px!important;


  margin:
    0!important;


  transform:
    none!important;

  translate:
    none!important;


  background:
    rgba(255,255,255,.97)!important;


  border:
    0!important;

  border-top:
    1px solid
    rgba(19,39,37,.10)!important;

  border-bottom:
    1px solid
    rgba(19,39,37,.08)!important;


  border-radius:
    0!important;


  box-shadow:
    none!important;


  backdrop-filter:
    blur(14px);

  -webkit-backdrop-filter:
    blur(14px);


  transition:
    background-color .45s ease,
    border-color .45s ease!important;


  will-change:
    auto!important;
}


/* once sticky state becomes visually active */

.hero-float-nav.is-docked{

  background:
    rgba(255,255,255,.94)!important;

  border-top-color:
    transparent!important;

  border-bottom-color:
    rgba(11,121,120,.12)!important;

  box-shadow:
    0 8px 28px
    rgba(19,39,37,.045)!important;

}


/* ---------------------------------------------------------
   KEEP HEADER CONTENT CONTAINED
   while the bar itself is full width
   --------------------------------------------------------- */

.hero-float-nav > .shell,
.hero-float-nav .header-inner,
.hero-float-nav .v6-header-inner{

  width:
    min(
      1220px,
      calc(100% - 48px)
    )!important;

  margin-left:
    auto!important;

  margin-right:
    auto!important;

}


/* ---------------------------------------------------------
   LOGO INTRO
   Keep the nice soft blur intro.
   --------------------------------------------------------- */

.v15-logo{

  filter:
    blur(18px);

  transform:
    translate3d(0,10px,0)
    scale(.982);

}


html.v15-ready
.v15-logo{

  filter:
    blur(0);

  transform:
    translate3d(0,0,0)
    scale(1);

  transition:
    opacity 1600ms ease-out,
    filter 1900ms cubic-bezier(.16,1,.3,1),
    transform 2100ms cubic-bezier(.16,1,.3,1)!important;

}


/* ---------------------------------------------------------
   SHINE
   slower + calmer
   --------------------------------------------------------- */

html.v15-ready
.v15-logo-shine{

  opacity:
    .38!important;

  animation:
    vitaLogoLightV16
    8.5s
    2.5s
    cubic-bezier(.4,0,.2,1)
    infinite!important;

}


@keyframes vitaLogoLightV16{

  0%{
    background-position:
      145% center;
  }

  20%{
    background-position:
      -50% center;
  }

  100%{
    background-position:
      -50% center;
  }

}


/* ---------------------------------------------------------
   REMOVE OLD SCROLL PROMPT FROM COLLIDING WITH NAV
   --------------------------------------------------------- */

.v15-scroll{

  bottom:
    20px!important;

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:760px){

  .vita-hero-v15{

    min-height:
      auto!important;

    padding-bottom:
      46px!important;

  }


  .hero-float-nav{

    position:
      sticky!important;

    top:
      0!important;

    width:
      100%!important;

    min-height:
      68px!important;

    transform:
      none!important;

  }


  .hero-float-nav > .shell,
  .hero-float-nav .header-inner,
  .hero-float-nav .v6-header-inner{

    width:
      calc(100% - 24px)!important;

  }

}


/* ---------------------------------------------------------
   REDUCED MOTION
   --------------------------------------------------------- */

@media(prefers-reduced-motion:reduce){

  .v15-logo{

    opacity:
      1!important;

    filter:
      none!important;

    transform:
      none!important;

  }


  .v15-logo-shine{

    display:
      none!important;

  }

}


/* =========================================================
   HERO NAV — FINAL TRUE STICKY OVERRIDE
   ========================================================= */

.hero-float-nav{
  position:sticky!important;
  top:0!important;

  left:auto!important;
  right:auto!important;
  bottom:auto!important;

  width:100%!important;
  max-width:none!important;

  margin:0!important;

  transform:none!important;
  translate:none!important;

  z-index:9999!important;

  background:rgba(255,255,255,.97)!important;

  border:0!important;
  border-top:1px solid rgba(19,39,37,.08)!important;
  border-bottom:1px solid rgba(19,39,37,.08)!important;

  border-radius:0!important;
  box-shadow:none!important;

  will-change:auto!important;
}


/* وقتی به بالای صفحه رسیده فقط ظاهرش کمی مشخص‌تر شود */
.hero-float-nav.is-docked{
  background:rgba(255,255,255,.96)!important;

  border-top-color:transparent!important;
  border-bottom-color:rgba(11,121,120,.12)!important;

  box-shadow:
    0 8px 28px
    rgba(19,39,37,.04)!important;
}


/* Hero کاملاً سفید و بدون هیچ بلوک گرافیکی */
.vita-hero-v15{
  background:#fff!important;
  background-image:none!important;
}

.v15-geometry{
  display:none!important;
}

.vita-hero-v15::before,
.vita-hero-v15::after{
  display:none!important;
  content:none!important;
}