/* FLYHEALTH MOBILE RESPONSIVE V22.4 */

/* Safe global responsive guards */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,iframe{max-width:100%;height:auto}
.fh22-page,.fh22-main{width:100%;max-width:100%;overflow-x:hidden}
.fh22-page *{min-width:0}
.fh22-container{width:min(1180px,calc(100% - 40px));max-width:100%}

/* Tablet */
@media (max-width:1024px){
  .fh22-section{padding:72px 0}
  .fh22-hero{padding:32px 0 38px}
  .fh22-hero-grid,
  .fh22-split,
  .fh22-contact,
  .fh22-women,
  .fh22-blog-hero-grid{grid-template-columns:1fr;gap:30px}
  .fh22-hero-media{order:-1}
  .fh22-hero-media img,
  .fh22-media img,
  .fh22-blog-cover img{max-height:520px;object-fit:cover}
  .fh22-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fh22-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fh22-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fh22-footer-grid{grid-template-columns:1fr 1fr}
  .fh22-section-head{align-items:flex-start}
  .fh22-women{padding:28px}
}

/* Header compatibility layer - keeps links usable on unknown legacy shell */
@media (max-width:900px){
  body.fh22-v22 header{
    max-width:100vw;
    overflow:visible;
  }
  body.fh22-v22 header > *,
  body.fh22-v22 header .container,
  body.fh22-v22 header .header-inner,
  body.fh22-v22 header .site-header-inner{
    max-width:100%;
  }
  body.fh22-v22 header nav{
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.fh22-v22 header nav::-webkit-scrollbar{display:none}
  body.fh22-v22 header nav a{
    display:inline-flex;
    min-height:42px;
    align-items:center;
    flex:0 0 auto;
  }
}

/* Mobile */
@media (max-width:768px){
  .fh22-container{width:calc(100% - 28px)}
  .fh22-section{padding:58px 0}
  .fh22-hero{padding:18px 0 30px}

  .fh22-title{
    font-size:clamp(38px,11vw,54px);
    line-height:.98;
    letter-spacing:-.045em;
    overflow-wrap:anywhere;
  }
  .fh22-subtitle{
    font-size:clamp(30px,8.5vw,42px);
    line-height:1.02;
    overflow-wrap:anywhere;
  }
  .fh22-hero h1{
    font-size:clamp(44px,13vw,64px);
    line-height:.94;
    margin:12px 0 18px;
    overflow-wrap:anywhere;
  }
  .fh22-hero p,.fh22-lead{font-size:15px;line-height:1.72}

  .fh22-hero-grid,
  .fh22-split,
  .fh22-contact,
  .fh22-women,
  .fh22-blog-hero-grid{gap:24px}

  .fh22-hero-media img,
  .fh22-media img,
  .fh22-blog-cover img{
    width:100%;
    max-height:none;
    aspect-ratio:4/3;
    object-fit:cover;
    border-radius:22px;
  }

  .fh22-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .fh22-btn{
    width:100%;
    min-height:52px;
    padding:0 18px;
    font-size:13px;
    text-align:center;
  }

  .fh22-mini{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:2px 2px 10px;
    margin-right:-14px;
    scrollbar-width:none;
  }
  .fh22-mini::-webkit-scrollbar{display:none}
  .fh22-mini div{
    min-width:78%;
    flex:0 0 78%;
    scroll-snap-align:start;
    padding:16px;
  }

  .fh22-section-head{
    display:block;
    margin-bottom:24px;
  }
  .fh22-section-head p{
    margin-top:12px;
    font-size:13px;
  }

  .fh22-grid,
  .fh22-app-grid,
  .fh22-steps,
  .fh22-info-list,
  .fh22-footer-grid{grid-template-columns:1fr;gap:14px}

  .fh22-card{
    border-radius:20px;
    box-shadow:0 10px 28px rgba(25,50,39,.05);
  }
  .fh22-card:hover{transform:none}
  .fh22-card img{
    height:auto;
    aspect-ratio:16/10;
    object-fit:cover;
  }
  .fh22-card-body{padding:20px}
  .fh22-card h3{font-size:24px}
  .fh22-card p{font-size:13px;line-height:1.65}

  .fh22-app{padding:18px}
  .fh22-step{padding:18px 2px 6px}
  .fh22-step b{font-size:30px}

  .fh22-women{
    padding:20px;
    border-radius:22px;
  }
  .fh22-women img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
  }

  .fh22-contact-card{padding:20px}
  .fh22-contact-card address{font-size:13px}
  .fh22-faq details{padding:15px}
  .fh22-faq summary{font-size:13px}

  .fh22-blog-hero{padding:38px 0 34px}
  .fh22-blog-cover{order:-1}
  .fh22-blog-back{margin-bottom:18px}
  .fh22-blog-body>p{font-size:17px;line-height:1.78}
  .fh22-blog-body .fh22-blog-first{font-size:20px}
  .fh22-blog-cta{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    padding:20px;
  }
  .fh22-blog-cta .fh22-btn{width:100%}

  .fh22-footer{padding:46px 0 86px}
  .fh22-footer h3{font-size:28px}
  .fh22-footer-bottom{
    display:block;
    margin-top:26px;
  }
  .fh22-footer-bottom span{
    display:block;
    margin-top:7px;
  }

  .fh22-floating-wa{
    right:12px;
    bottom:12px;
    padding:11px 13px;
    font-size:11px;
    max-width:calc(100vw - 24px);
  }

  /* legacy header: don't let it force viewport width */
  body.fh22-v22 header,
  body.fh22-v22 header *{max-width:100vw}
  body.fh22-v22 header img{max-width:150px;height:auto}
}

/* Small phones: 360–430 px */
@media (max-width:430px){
  .fh22-container{width:calc(100% - 22px)}
  .fh22-section{padding:50px 0}
  .fh22-eyebrow{font-size:9px;letter-spacing:.11em}
  .fh22-eyebrow:before{width:20px}

  .fh22-title{font-size:40px}
  .fh22-subtitle{font-size:31px}
  .fh22-hero h1{font-size:46px}
  .fh22-hero p,.fh22-lead{font-size:14px}

  .fh22-mini div{
    min-width:84%;
    flex-basis:84%;
  }
  .fh22-card-body{padding:18px}
  .fh22-card h3{font-size:22px}
  .fh22-quote{font-size:16px;padding:16px}

  .fh22-contact-card{padding:18px}
  .fh22-note{padding:15px;font-size:11px}

  .fh22-blog-body>p{font-size:16px}
  .fh22-blog-body .fh22-blog-first{font-size:19px}

  body.fh22-v22 header nav a{
    min-height:40px;
    font-size:12px;
    padding-left:10px;
    padding-right:10px;
  }
}

/* Very small phones */
@media (max-width:360px){
  .fh22-container{width:calc(100% - 18px)}
  .fh22-title{font-size:36px}
  .fh22-subtitle{font-size:28px}
  .fh22-hero h1{font-size:41px}
  .fh22-btn{min-height:50px;font-size:12px}
}

/* Landscape phone */
@media (max-width:900px) and (orientation:landscape){
  .fh22-hero-grid{grid-template-columns:1fr 1fr}
  .fh22-hero-media{order:initial}
  .fh22-hero h1{font-size:48px}
  .fh22-hero-media img{max-height:430px}
}

/* Touch devices */
@media (hover:none){
  .fh22-card:hover,
  .fh22-info-list article:hover,
  .fh22-btn:hover{transform:none}
  .fh22-btn,.fh22-blog-card-link,summary{touch-action:manipulation}
}

/* ================================
   FLYHEALTH V22.5
   Mobil footer + sağ hızlı iletişim kaldırma
   ================================ */

@media (max-width: 768px) {

  /* Sağdaki hızlı iletişim / WhatsApp bilgi al butonunu kaldır */
  .quick-dock,
  .fh22-quick-contact,
  .fh22-floating-contact,
  .fh22-wa-info,
  .fh22-contact-float-right,
  .fh22-right-float,
  .fh22-contact-pill {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  /* Footer altta sıkışmasın */
  .fh22-footer,
  footer.fh22-footer,
  .site-footer,
  footer {
    padding-bottom: calc(170px + env(safe-area-inset-bottom, 0px)) !important;
  }

  /* Sayfanın alt CTA alanı için güvenli boşluk */
  body,
  body.fh22-v22 {
    overflow-x: hidden !important;
  }

  /* Sol WhatsApp butonu mobilde daha düzgün dursun */
  .fh22-floating-wa {
    left: 14px !important;
    right: auto !important;
    bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    z-index: 9997 !important;
  }

  /* Alttaki sabit randevu alanı düzeni */
  .fh22-cta-sticky,
  .fh22-appointment-sticky,
  .fh22-bottom-cta,
  .fh22-mobile-cta,
  .quick-strip {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 9996 !important;
  }
}

@media (max-width: 430px) {
  .fh22-footer,
  footer.fh22-footer,
  .site-footer,
  footer {
    padding-bottom: calc(185px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .fh22-floating-wa {
    left: 12px !important;
    bottom: calc(112px + env(safe-area-inset-bottom, 0px)) !important;
    transform: scale(.94) !important;
    transform-origin: left bottom !important;
  }
}


/* =====================================
   FLYHEALTH V22.7
   MOBIL FOOTER BEYAZ BOSLUK FIX
   ===================================== */

@media (max-width:768px){

  /* Footer bittikten sonra beyaz boşluk oluşmasın */
  .fh22-footer,
  footer.fh22-footer{
    margin-bottom:0 !important;
    padding-bottom:calc(105px + env(safe-area-inset-bottom, 0px)) !important;
    background:#0e2119 !important;
  }

  /* Alt CTA artık sayfa akışında boşluk üretmesin */
  .fh22-cta-sticky,
  .fh22-appointment-sticky,
  .fh22-bottom-cta,
  .fh22-mobile-cta,
  .quick-strip{
    position:fixed !important;
    left:12px !important;
    right:12px !important;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px)) !important;
    width:auto !important;
    margin:0 !important;
    z-index:9996 !important;
  }

  /* Footer sonrası olası boşlukları temizle */
  .fh22-footer + .quick-strip,
  footer.fh22-footer + .quick-strip{
    margin-top:0 !important;
  }

  /* Mobil sayfa sonunda gereksiz ekstra boşluk olmasın */
  body.fh22-v22{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  #fh22Main,
  .fh22-main,
  .fh22-page{
    margin-bottom:0 !important;
  }

  /* Yazılı WhatsApp bilgi al floating butonu kapalı kalsın */
  .fh22-floating-wa{
    display:none !important;
  }
}

@media (max-width:430px){
  .fh22-footer,
  footer.fh22-footer{
    padding-bottom:calc(100px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .fh22-cta-sticky,
  .fh22-appointment-sticky,
  .fh22-bottom-cta,
  .fh22-mobile-cta,
  .quick-strip{
    left:10px !important;
    right:10px !important;
    bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}