/* =========================================================
   VITA UNIKA — MOBILE WEB APP V1
   Mobile-only native-app experience
   Desktop untouched
   ========================================================= */

@media(max-width:760px){

  :root{
    --m-teal:#0b7978;
    --m-gold:#b48d42;
    --m-ink:#132725;
    --m-bg:#f3f6f5;
    --m-white:#ffffff;
    --m-border:rgba(19,39,37,.08);
    --m-safe-top:env(safe-area-inset-top,0px);
    --m-safe-bottom:env(safe-area-inset-bottom,0px);
    --m-appbar-h:64px;
    --m-nav-h:76px;
  }


  /* =======================================================
     APP FOUNDATION
     ======================================================= */

  html{
    width:100%;
    overflow-x:hidden;
    background:var(--m-bg);
    scroll-behavior:smooth;
    overscroll-behavior-y:none;
  }


  body{
    width:100%;
    min-width:0;
    margin:0 !important;

    padding-top:
      calc(
        var(--m-appbar-h)
        + var(--m-safe-top)
      ) !important;

    padding-bottom:
      calc(
        var(--m-nav-h)
        + var(--m-safe-bottom)
        + 18px
      ) !important;

    background:var(--m-bg) !important;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    -webkit-tap-highlight-color:transparent;
  }


  body.vita-mobile-drawer-open{
    overflow:hidden !important;
  }


  *,
  *::before,
  *::after{
    box-sizing:border-box;
  }


  a,
  button{
    touch-action:manipulation;
  }


  button,
  input,
  textarea,
  select{
    font:inherit;
  }


  /* =======================================================
     REMOVE DESKTOP-ONLY UI
     ======================================================= */

  .hero-float-nav,
  .sticky-contact-rail{
    display:none !important;
  }


  /* =======================================================
     MOBILE APP BAR
     ======================================================= */

  .vita-mobile-appbar{

    position:fixed;

    z-index:99990;

    top:0;
    left:0;
    right:0;

    height:
      calc(
        var(--m-appbar-h)
        + var(--m-safe-top)
      );

    padding:
      var(--m-safe-top)
      14px
      0;

    display:grid;

    grid-template-columns:
      44px
      minmax(0,1fr)
      44px;

    align-items:center;

    gap:8px;

    background:
      rgba(255,255,255,.90);

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

    backdrop-filter:
      blur(22px)
      saturate(170%);

    -webkit-backdrop-filter:
      blur(22px)
      saturate(170%);

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


  .vita-mobile-appbar__logo{

    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border:0;

    border-radius:14px;

    background:
      rgba(11,121,120,.06);

    text-decoration:none;
  }


  .vita-mobile-appbar__logo img{

    display:block;

    width:30px;
    height:30px;

    object-fit:contain;
  }


  .vita-mobile-appbar__title{

    min-width:0;

    text-align:center;

    font-size:15px;

    line-height:1.15;

    font-weight:600;

    letter-spacing:-.015em;

    color:var(--m-ink);

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;
  }


  .vita-mobile-appbar__menu{

    width:44px;
    height:44px;

    display:grid;
    place-items:center;

    padding:0;

    border:
      1px solid
      rgba(19,39,37,.07);

    border-radius:14px;

    background:#fff;

    color:var(--m-ink);

    box-shadow:
      0 4px 16px
      rgba(19,39,37,.04);
  }


  .vita-mobile-appbar__menu svg{
    width:21px;
    height:21px;
  }


  /* =======================================================
     BOTTOM APP NAV
     ======================================================= */

  .vita-mobile-nav{

    position:fixed;

    z-index:99991;

    left:10px;
    right:10px;

    bottom:
      calc(
        8px
        + var(--m-safe-bottom)
      );

    height:68px;

    display:grid;

    grid-template-columns:
      1fr
      1fr
      1.18fr
      1fr
      1fr;

    align-items:center;

    gap:2px;

    padding:
      6px
      7px;

    border:
      1px solid
      rgba(19,39,37,.075);

    border-radius:24px;

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

    backdrop-filter:
      blur(24px)
      saturate(175%);

    -webkit-backdrop-filter:
      blur(24px)
      saturate(175%);

    box-shadow:
      0 18px 48px
      rgba(19,39,37,.13);
  }


  .vita-mobile-nav__item{

    position:relative;

    min-width:0;

    height:56px;

    display:flex;

    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:3px;

    border-radius:18px;

    color:
      rgba(19,39,37,.48);

    text-decoration:none;

    font-size:10px;

    line-height:1;

    font-weight:600;

    transition:
      background .25s ease,
      color .25s ease,
      transform .18s ease;
  }


  .vita-mobile-nav__item svg{

    width:21px;
    height:21px;

    stroke-width:1.7;
  }


  .vita-mobile-nav__item:active{

    transform:scale(.94);
  }


  .vita-mobile-nav__item.is-active{

    color:var(--m-teal);

    background:
      rgba(11,121,120,.065);
  }


  /* Book is primary app action */

  .vita-mobile-nav__item--book{

    height:58px;

    margin:
      -13px
      2px
      0;

    gap:2px;

    border-radius:21px;

    background:var(--m-teal);

    color:#fff;

    box-shadow:
      0 12px 26px
      rgba(11,121,120,.25);
  }


  .vita-mobile-nav__item--book.is-active{

    background:var(--m-teal);
    color:#fff;
  }


  .vita-mobile-nav__item--book svg{

    width:24px;
    height:24px;
  }


  /* =======================================================
     DRAWER
     ======================================================= */

  .vita-mobile-drawer-backdrop{

    position:fixed;

    z-index:99992;

    inset:0;

    background:
      rgba(7,21,20,.28);

    backdrop-filter:blur(4px);

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

    opacity:0;

    visibility:hidden;

    transition:
      opacity .3s ease,
      visibility .3s ease;
  }


  .vita-mobile-drawer-backdrop.is-open{

    opacity:1;
    visibility:visible;
  }


  .vita-mobile-drawer{

    position:fixed;

    z-index:99993;

    left:10px;
    right:10px;

    bottom:
      calc(
        10px
        + var(--m-safe-bottom)
      );

    max-height:
      calc(
        100dvh
        - 24px
        - var(--m-safe-top)
      );

    padding:
      18px
      18px
      calc(
        18px
        + var(--m-safe-bottom)
      );

    border:
      1px solid
      rgba(19,39,37,.07);

    border-radius:
      30px;

    background:
      rgba(255,255,255,.98);

    box-shadow:
      0 28px 80px
      rgba(7,21,20,.22);

    transform:
      translate3d(
        0,
        calc(100% + 30px),
        0
      );

    visibility:hidden;

    overflow-y:auto;

    transition:
      transform .5s
      cubic-bezier(.16,1,.3,1),
      visibility .5s;
  }


  .vita-mobile-drawer.is-open{

    transform:none;
    visibility:visible;
  }


  .vita-mobile-drawer__top{

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    margin-bottom:24px;
  }


  .vita-mobile-drawer__brand{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:17px;

    font-weight:600;

    color:var(--m-ink);
  }


  .vita-mobile-drawer__brand img{

    width:40px;
    height:40px;

    object-fit:contain;
  }


  .vita-mobile-drawer__close{

    width:42px;
    height:42px;

    display:grid;
    place-items:center;

    border:0;

    border-radius:14px;

    background:
      rgba(19,39,37,.055);

    color:var(--m-ink);
  }


  .vita-mobile-drawer__close svg{

    width:20px;
    height:20px;
  }


  .vita-mobile-drawer__links{

    display:grid;

    gap:5px;
  }


  .vita-mobile-drawer__links a{

    min-height:54px;

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:
      0
      16px;

    border-radius:17px;

    color:var(--m-ink);

    background:
      rgba(19,39,37,.025);

    text-decoration:none;

    font-size:17px;

    font-weight:500;
  }


  .vita-mobile-drawer__links a svg{

    width:18px;
    height:18px;

    color:var(--m-teal);
  }


  .vita-mobile-drawer__book{

    min-height:58px !important;

    margin-top:12px;

    background:
      var(--m-teal) !important;

    color:#fff !important;

    box-shadow:
      0 12px 28px
      rgba(11,121,120,.20);
  }


  .vita-mobile-drawer__book svg{
    color:#fff !important;
  }


  .vita-mobile-drawer__contact{

    margin-top:18px;

    padding:
      18px;

    border-radius:20px;

    background:
      #f4f7f6;

    color:
      rgba(19,39,37,.65);

    font-size:14px;

    line-height:1.6;
  }


  .vita-mobile-drawer__contact strong{

    display:block;

    margin-bottom:4px;

    color:var(--m-ink);

    font-size:16px;
  }


  /* =======================================================
     GLOBAL MOBILE CONTENT
     ======================================================= */

  main{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }


  .shell,
  .v6-shell{

    width:100% !important;

    max-width:none !important;

    padding-left:18px !important;
    padding-right:18px !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }


  h1{

    font-size:
      clamp(
        42px,
        12.5vw,
        60px
      ) !important;

    line-height:.94 !important;

    letter-spacing:-.055em !important;
  }


  h2{

    font-size:
      clamp(
        38px,
        10.5vw,
        54px
      );

    letter-spacing:-.05em;
  }


  p{

    font-size:17px;

    line-height:1.65;
  }


  img{
    max-width:100%;
  }


  /* =======================================================
     APP-CARD SECTION SYSTEM
     ======================================================= */

  .v6-manifesto,
  .v6-services,
  .vita-conditions-v1,
  .vita-way-v1,
  .vita-clinic-v2,
  .vita-thoughtful-v2,
  .vita-finale-v1{

    width:auto !important;

    margin:
      10px
      10px
      0 !important;

    border-radius:
      28px !important;

    background:#fff !important;

    overflow:hidden !important;

    box-shadow:
      0 1px 0
      rgba(19,39,37,.035);
  }


  /* =======================================================
     HERO = APP HOME SCREEN
     ======================================================= */

  .vita-hero-v15{

    min-height:
      calc(
        100dvh
        - var(--m-appbar-h)
        - 22px
      ) !important;

    margin:
      0
      10px
      10px !important;

    padding:
      34px
      18px
      34px !important;

    border-radius:
      0
      0
      30px
      30px !important;

    background:#fff !important;

    overflow:hidden !important;
  }


  .vita-hero-v15
  .v15-logo-wrap{

    width:
      min(
        88vw,
        440px
      ) !important;

    max-width:100% !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }


  .vita-hero-v15
  .v15-actions{

    width:100% !important;

    max-width:none !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }


  .vita-hero-v15
  [class*="scroll"]{

    display:none !important;
  }


  /* =======================================================
     PHILOSOPHY
     ======================================================= */

  .v6-manifesto.vita-philosophy-v3{

    padding:
      70px
      20px !important;
  }


  .vita-philosophy-v3 h2{

    max-width:100% !important;

    margin-bottom:26px !important;
  }


  /* =======================================================
     LOOP DIVIDER
     stays edge-to-edge between app cards
     ======================================================= */

  .vita-loop-divider{

    margin:
      0
      12px !important;

    padding:
      24px
      0 !important;

    background:transparent !important;
  }


  /* =======================================================
     SERVICES
     ======================================================= */

  .v6-services{

    padding:
      70px
      0
      64px !important;
  }


  .v6-services
  .v6-shell{

    padding-left:18px !important;
    padding-right:18px !important;
  }


  .v6-services a{

    min-height:52px;
  }


  /* turn service presentation into touch-first list */

  .v6-services
  [href*="services.html#"]{

    touch-action:manipulation;
  }


  /* =======================================================
     CONDITIONS = TOUCH LIST
     ======================================================= */

  .vita-conditions-v1{

    padding:
      68px
      0
      64px !important;
  }


  .vita-conditions-v1__shell{

    width:100% !important;

    padding:
      0
      18px !important;
  }


  .vita-conditions-v1__head{

    display:block !important;

    margin-bottom:42px !important;
  }


  .vita-conditions-v1__meta{

    margin-bottom:26px !important;
  }


  .vita-conditions-v1__list{

    display:grid !important;

    grid-template-columns:1fr !important;

    gap:8px !important;

    border:0 !important;
  }


  .vita-conditions-v1__item{

    min-height:70px !important;

    padding:
      16px
      14px !important;

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

    border-radius:18px !important;

    background:
      #f7f9f8 !important;
  }


  .vita-conditions-v1__item:nth-child(odd){

    border-right:
      1px solid
      rgba(19,39,37,.065) !important;
  }


  /* =======================================================
     VITA WAY
     kill desktop pin behavior on mobile
     ======================================================= */

  .vita-way-v1,
  .vita-way-sticky-v2{

    height:auto !important;

    min-height:0 !important;

    padding:
      68px
      0 !important;
  }


  .vita-way-sticky-v2
  [class*="shell"]{

    position:relative !important;

    top:auto !important;

    min-height:0 !important;

    height:auto !important;
  }


  .vita-way-v1__step{

    opacity:1 !important;

    filter:none !important;

    transform:none !important;
  }


  /* =======================================================
     CLINIC
     ======================================================= */

  .vita-clinic-v2{

    padding:
      68px
      0
      64px !important;
  }


  .vita-clinic-v2__shell{

    width:100% !important;

    padding:
      0
      18px !important;
  }


  .vita-clinic-v2__heading{

    font-size:
      clamp(
        46px,
        13vw,
        64px
      ) !important;
  }


  .vita-clinic-v2__stage-wrap{

    margin-top:38px !important;
  }


  .vita-clinic-v2__stage{

    height:
      min(
        58dvh,
        520px
      ) !important;

    border-radius:
      22px !important;
  }


  .vita-clinic-v2__sign{

    width:72px !important;
    height:72px !important;

    top:14px !important;
    right:14px !important;
  }


  /* =======================================================
     THOUGHTFUL APPROACH
     ======================================================= */

  .vita-thoughtful-v2{

    padding:
      68px
      0
      64px !important;
  }


  .vita-thoughtful-v2__shell{

    width:100% !important;

    padding:
      0
      18px !important;
  }


  .vita-thoughtful-v2__grid{

    display:flex !important;

    flex-direction:column-reverse !important;

    gap:34px !important;

    margin-top:38px !important;
  }


  .vita-thoughtful-v2__portrait-wrap{

    width:100% !important;

    padding:
      14px
      0
      0
      14px !important;
  }


  .vita-thoughtful-v2__portrait{

    height:
      min(
        112vw,
        520px
      ) !important;

    border-radius:
      22px !important;
  }


  .vita-thoughtful-v2__copy{

    padding-left:22px !important;
  }


  /* =======================================================
     FINAL CTA
     ======================================================= */

  .vita-finale-v1{

    min-height:0 !important;

    padding:
      72px
      0
      58px !important;
  }


  .vita-finale-v1__shell{

    width:100% !important;

    padding:
      0
      18px !important;
  }


  .vita-finale-v1__ready{

    font-size:
      clamp(
        54px,
        17vw,
        78px
      ) !important;
  }


  .vita-finale-v1__feel{

    font-size:
      clamp(
        60px,
        18vw,
        84px
      ) !important;
  }


  .vita-finale-v1__actions{

    margin-top:54px !important;
  }


  .vita-finale-v1__book{

    width:100% !important;

    min-height:76px !important;

    border-radius:20px !important;
  }


  /* =======================================================
     INTERNAL PAGES = NATIVE APP CARDS
     ======================================================= */

  body:not(:has(.vita-hero-v15))
  main{

    padding:
      10px
      10px
      0;
  }


  body:not(:has(.vita-hero-v15))
  main > section{

    width:100% !important;

    max-width:none !important;

    margin:
      0
      0
      10px !important;

    padding-left:
      18px !important;

    padding-right:
      18px !important;

    border-radius:
      26px !important;

    background:#fff;

    overflow:hidden;
  }


  body:not(:has(.vita-hero-v15))
  main > section:first-child{

    border-radius:
      0
      0
      28px
      28px !important;
  }


  /* =======================================================
     TOUCH-FRIENDLY CONTROLS
     ======================================================= */

  a[class*="btn"],
  button:not(.vita-mobile-appbar__menu):not(.vita-mobile-drawer__close){

    min-height:50px;
  }


  input,
  select,
  textarea{

    width:100%;

    min-height:52px;

    padding:
      14px
      15px;

    border:
      1px solid
      rgba(19,39,37,.10);

    border-radius:
      15px;

    background:#f8faf9;

    color:var(--m-ink);

    font-size:16px !important;

    outline:none;
  }


  textarea{
    min-height:120px;
  }


  input:focus,
  select:focus,
  textarea:focus{

    border-color:
      rgba(11,121,120,.45);

    box-shadow:
      0 0 0 4px
      rgba(11,121,120,.07);

    background:#fff;
  }


  form{

    width:100%;
  }


  /* =======================================================
     LINKS / CARDS / IMAGES
     ======================================================= */

  figure,
  article{

    max-width:100%;
  }


  main img{

    border-radius:
      min(
        22px,
        inherit
      );
  }


  table{

    display:block;

    width:100%;

    overflow-x:auto;

    -webkit-overflow-scrolling:touch;
  }


  /* =======================================================
     REDUCE DESKTOP HOVER NOISE ON TOUCH
     ======================================================= */

  @media(hover:none){

    a:hover,
    button:hover{

      transform:none;
    }

  }


  /* =======================================================
     MOTION ACCESSIBILITY
     ======================================================= */

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

    .vita-mobile-drawer,
    .vita-mobile-drawer-backdrop,
    .vita-mobile-nav__item{

      transition:none !important;
    }

  }

}


/* VITA_EN_MOBILE_LANGUAGE_POLISH_V1 */
@media (max-width:760px) {
  html[lang^="en"] .vita-mobile-drawer__language {
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid rgba(11,121,120,.14);
  }

  html[lang^="en"] .vita-mobile-drawer__language-label {
    margin-right:auto;
    font-family:Manrope,Arial,sans-serif;
    font-size:12px;
    font-weight:500;
    color:#6f7e7c;
  }

  html[lang^="en"] .vita-mobile-drawer__language-current,
  html[lang^="en"] .vita-mobile-drawer__language-switch {
    width:46px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    padding:0;
    border-radius:999px;
    font-family:Manrope,Arial,sans-serif;
    font-size:11px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
  }

  html[lang^="en"] .vita-mobile-drawer__language-current {
    background:#0b7978;
    color:#fff;
  }

  html[lang^="en"] .vita-mobile-drawer__language-switch {
    border:1px solid rgba(11,121,120,.18);
    background:#fff;
    color:#0b7978;
  }
}

/* VITA_SHARED_HEADER_CSS_V2 */
@media (min-width:1101px) {
  html body .v6-header.vita-nav-unified .v6-nav {
    gap:24px!important;
  }
  html body .v6-header.vita-nav-unified .v6-book {
    width:190px!important;
    min-width:190px!important;
  }
  html[lang^="en"] body .v6-header.vita-nav-unified .vita-lang-switch {
    position:absolute!important;
    left:auto!important;
    right:214px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:5;
  }
  html body .v6-header.vita-nav-unified .v6-consult {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    position:absolute!important;
    left:auto!important;
    right:355px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:42px!important;
    padding:0 6px!important;
    margin:0!important;
    border:1px solid #0b7978!important;
    border-radius:999px!important;
    background:#0b7978!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:600!important;
    white-space:nowrap!important;
    text-decoration:none!important;
    z-index:5;
  }
}
@media (max-width:1100px) {
  html body .v6-header.vita-nav-unified .v6-consult {
    display:none!important;
  }
}