/* Vesta Klinik – Public site responsive pass v8
   Applies to home, blog/article and regional service pages only.
   Layout, touch targets, readable text, safe-area and dynamic-content guards. */
:root { --v8-safe-bottom: env(safe-area-inset-bottom,0px); }
body,main {min-width:0}
main img,main video,main iframe,main svg {max-width:100%}
main p,main h1,main h2,main h3,main address {overflow-wrap:break-word}
#mainHeaderInner {min-width:0;gap:12px}
#mobileMenu {max-height:calc(100dvh - 84px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
#mobileMenu .mobile-nav-link {min-height:46px;display:flex;align-items:center;gap:14px;line-height:1.4;font-size:13px}
#mobileMenu .mobile-nav-link span:first-child {min-width:0;overflow-wrap:break-word}
#mobileMenu .mobile-nav-link i {flex:none}
#mobileMenuBtn {min-width:44px;min-height:44px;touch-action:manipulation}
#mainHeader a:focus-visible,#mobileMenuBtn:focus-visible {outline:3px solid #31866b;outline-offset:3px}
.vesta-editorial-hero .vesta-hero-heading {overflow-wrap:break-word}
.vesta-editorial-hero .vesta-hero-eyebrow {max-width:100%;white-space:normal;line-height:1.5}
.vesta-editorial-hero .vesta-hero-visual img {width:100%;min-width:0}
#hekimler .vesta-doctor-card {min-width:0}
#hekimler .vesta-doctor-card button,#hekimler .vesta-doctor-card a {touch-action:manipulation}
#hakkimizda address {overflow-wrap:anywhere}
#faqAccordionGroup summary {min-height:44px;touch-action:manipulation}
#faqAccordionGroup summary > span:first-child {min-width:0}
#randevu-sihirbazi .wizard-opt {touch-action:manipulation}
#randevu-sihirbazi #wizard-step-message {position:absolute}
.vesta-blog-card,.blog-layout-grid,.blog-col-main,.blog-col-side {min-width:0}
.blog-article-body {min-width:0;overflow-wrap:anywhere}
.blog-article-body :is(img,video,iframe,figure) {max-width:100%;height:auto}
.blog-article-body :is(table,pre) {display:block;width:max-content;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.blog-article-body :is(code,pre) {overflow-wrap:anywhere}
.blog-article-body a {overflow-wrap:anywhere}
.bolge-wrapper,.bolge-main-col,.bolge-side-col {min-width:0}
.bolge-wrapper :is(h1,h2,h3,p,a,address) {overflow-wrap:break-word}
.bolge-faq-item summary {min-height:44px;touch-action:manipulation;gap:12px}
.bolge-faq-item summary i {flex:none}
/* No other content should cover the close controls of the two existing dialogs. */
#tedaviModal,#hekimModal {overscroll-behavior:contain}
#tedaviModalCard,#hekimModalCard {min-width:0;max-height:calc(100dvh - 24px)}
#tedaviModalCard > div:nth-child(2),#hekimModalCard > div:nth-child(2){overscroll-behavior:contain}
@media(max-width:1199px){
  #desktopNav,.vesta-desktop-actions {display:none!important}
  .vesta-mobile-navigation {display:flex!important}
  #mobileMenu:not(.hidden) {display:block!important}
}
@media(min-width:1200px){
  #mobileMenu,.vesta-mobile-navigation {display:none!important}
}
@media(max-width:767px){
  /* Smaller, predictable header; room for text and a real touch target. */
  #mainHeaderInner {height:66px;gap:10px}
  #mainHeader .logo-fixed-box {max-width:min(43vw,150px);height:auto;max-height:42px;aspect-ratio:auto;object-fit:contain}
  #mainHeader .vesta-desktop-actions {display:none!important}
  #mobileMenu {max-height:calc(100dvh - 67px);padding:12px 15px calc(18px + var(--v8-safe-bottom))}
  .vesta-editorial-hero {padding-top:37px!important;padding-bottom:72px!important}
  .vesta-editorial-hero .vesta-hero-heading {font-size:clamp(30px,8vw,44px)!important;line-height:1.14!important;letter-spacing:-.04em}
  .vesta-editorial-hero .vesta-hero-heading > span {display:block;margin-top:5px;font-size:.94em;line-height:1.17}
  .vesta-editorial-hero .vesta-hero-heading > br {display:none}
  .vesta-editorial-hero .vesta-hero-eyebrow {font-size:10px;padding:8px 10px}
  .vesta-editorial-hero .vesta-hero-visual img {height:clamp(220px,61vw,360px)!important;object-fit:cover}
  .vesta-editorial-hero .vesta-hero-facts {grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px}
  .vesta-editorial-hero .vesta-hero-facts > div:last-child {grid-column:1/-1}
  :is(#hekimler,#hakkimizda,#sss,#ulasim) {scroll-margin-top:75px}
  #hekimler,#hakkimizda,#sss,#ulasim {padding-top:clamp(54px,10vw,72px)!important;padding-bottom:clamp(54px,10vw,72px)!important}
  #hekimler .vesta-doctor-card {min-width:0}
  
  #hakkimizda .vesta-about-location-address {font-size:13px;line-height:1.55}
  #sss .vesta-faq-row {padding:17px 15px}
  #faqAccordionGroup summary {align-items:flex-start;gap:12px;font-size:13px;line-height:1.55}
  #faqAccordionGroup summary > span:first-child {align-items:flex-start;min-width:0;gap:9px}
  #faqAccordionGroup summary > span:last-child {margin-top:2px}
  #randevu-sihirbazi .vesta-wizard-section-heading h2 {font-size:clamp(27px,7.2vw,39px);line-height:1.19}
  #randevu-sihirbazi #wizardCardBox {border-radius:15px}
  .vesta-blog-reading-title {font-size:clamp(29px,7.2vw,38px)!important;line-height:1.2!important}
  .vesta-blog-reading-lead {font-size:14px;line-height:1.75}
  .vesta-blog-hero-title {font-size:clamp(33px,8.1vw,47px)!important}
  .vesta-blog-card-title {overflow-wrap:break-word}
  .vesta-blog-card-footer {gap:10px}
  .vesta-blog-hero-meta {gap:9px 12px}
  .vesta-blog-meta-separator {display:none}
  .blog-article-body {font-size:15px;line-height:1.85}
  .blog-article-body h2 {font-size:22px;line-height:1.35}
  .blog-article-body h3 {font-size:18px}
  .blog-article-body :is(ul,ol) {padding-left:20px}
  .bolge-hero-section {padding-top:42px;padding-bottom:49px}
  .bolge-hero-section h1 {font-size:clamp(28px,7.3vw,40px)!important;line-height:1.21!important;letter-spacing:-.03em}
  .bolge-content-section {padding-top:40px;padding-bottom:65px}
  .bolge-layout-grid {gap:24px}
  .bolge-main-col {padding:23px 20px;gap:26px;border-radius:17px}
  .bolge-side-col > div {border-radius:17px}
  .bolge-article-p {font-size:14.5px;line-height:1.8}
  /* Fix the bottom action bar in 320px layouts and devices with a gesture area. */
  body {padding-bottom:calc(80px + var(--v8-safe-bottom))}
  body > div.fixed.bottom-0 {padding-bottom:calc(8px + var(--v8-safe-bottom));gap:6px}
  body > div.fixed.bottom-0 > a {min-width:0;min-height:51px;padding-inline:4px;text-align:center;font-size:10px;line-height:1.25;overflow-wrap:break-word}
  body > div.fixed.bottom-0 > a:nth-child(2) {flex:1.28 1 0%;font-size:11px}
  #tedaviModal,#hekimModal {padding:10px}
  #tedaviModalCard,#hekimModalCard {max-height:calc(100dvh - 20px);border-radius:17px}
}
@media(max-width:375px){
  .vesta-editorial-hero .vesta-hero-heading {font-size:30px!important}
  #mainHeader .logo-fixed-box {max-width:145px}
  #randevu-sihirbazi .vesta-wizard-main #wizard-step-1 > .grid {grid-template-columns:1fr;gap:9px}
  #randevu-sihirbazi .vesta-wizard-main .wizard-opt {min-height:54px;padding:13px 15px!important}
  .vesta-blog-card-doctor {min-width:0}
  .vesta-blog-card-doctor-name,.vesta-blog-card-doctor-role {max-width:110px}
  .bolge-main-col {padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){
  html {scroll-behavior:auto!important}
  .vesta-editorial-hero .vesta-hero-visual img {transition:none!important}
}