/* KDK Bilgisayar final mobile/performance compatibility layer - 2026-09-07 */
html{overflow-x:clip;scroll-padding-top:88px}
body{overflow-x:clip;max-width:100%}
*,*::before,*::after{box-sizing:border-box}
img,video,svg,canvas,picture,iframe{max-width:100%}
img,video,canvas{height:auto}
main,section,article,aside,header,footer,nav,form,fieldset,figure,div{min-width:0}
input,select,textarea,button{max-width:100%;font:inherit}
a,button,input,select,textarea{touch-action:manipulation}
p,a,li,h1,h2,h3,h4,h5,h6,summary,figcaption{overflow-wrap:anywhere}
pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}
code{overflow-wrap:anywhere}
table{width:100%;max-width:100%;border-collapse:collapse}
.kdk-table-wrap,.table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.kdk-comments-v7,.kdk-comment-card,.kdk-comment-form-card,.kdk-comment-form,.kdk-comment-reply{max-width:100%;min-width:0}
.kdk-comments-v7 img,.kdk-comments-v7 svg{max-width:100%}
.kdk-comments-v7 input,.kdk-comments-v7 textarea,.kdk-comments-v7 select{min-width:0}
.kdk-final-mobile-top,.kdk-final-mobile-status{min-width:0}

/* Images below the primary hero should not reserve excessive mobile height. */
.kdk-v5-article img,.kdk-v6-article img,.kdk-content img,.kdk-main img{max-width:100%;object-fit:cover}

/* Keep the premium desktop layout intact while preventing narrow viewport overflow. */
.kdk-shell,.kdk-container,.kdk-v6-shell,.kdk-v5-nav-inner,.kdk-v5-top-inner,.kdk-v8-independent-note-inner,.kdk-site-service-wrap{max-width:100%}
.kdk-hero-grid,.kdk-v6-hero-grid,.kdk-layout,.kdk-v6-content-grid,.kdk-feature-split,.kdk-spotlight-feature{min-width:0}
.kdk-hero-grid>* ,.kdk-v6-hero-grid>* ,.kdk-layout>* ,.kdk-v6-content-grid>* ,.kdk-feature-split>* ,.kdk-spotlight-feature>*{min-width:0}

/* Do not allow a fixed/legacy block to force page-level horizontal scrolling. */
[style*="width:"][style*="px"], [style*="min-width:"][style*="px"]{max-width:100%}

@media(max-width:1024px){
  .kdk-header,.kdk-v6-header,.kdk-v5-header{max-width:100%}
  .kdk-comments-v7-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  body{padding-top:0!important}

  /* Compact the repetitive business metadata above the actual page topic. */
  .kdk-v5-top,.kdk-final-mobile-top.kdk-v5-top{display:none!important}
  .kdk-v6-topline{display:none!important}
  .kdk-top{min-height:30px!important;padding:4px 0!important}
  .kdk-top .kdk-container{min-height:0!important;font-size:11px!important;gap:6px!important}
  .kdk-top .kdk-container>span:first-child{display:none!important}
  .kdk-top .kdk-container>span:last-child{margin-left:auto!important}

  /* Header: logo + menu/status, no wasted vertical space. */
  .kdk-v5-header,.kdk-v6-header,.kdk-header{position:sticky!important;top:0!important;z-index:350!important}
  .kdk-v5-nav-inner,.kdk-v6-header-inner,.kdk-header>.kdk-container{min-height:58px!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}
  body.kdk-v5-page .kdk-v5-brand img,.kdk-v5-brand img{width:min(178px,55vw)!important;max-height:46px!important;height:auto!important}
  .kdk-v6-brand{width:min(184px,55vw)!important;max-width:184px!important}
  .kdk-v6-brand img{width:100%!important;height:auto!important;max-height:48px!important;object-fit:contain!important}
  .kdk-logo img{max-width:min(180px,55vw)!important;max-height:48px!important;width:auto!important;height:auto!important;object-fit:contain!important}
  .kdk-v5-menu-toggle,.kdk-v6-menu-btn,.kdk-mobile-nav>summary{min-height:44px!important;min-width:44px!important}

  /* Independent-service disclosure remains visible but no longer consumes a full card. */
  .kdk-v8-independent-note{border-width:0 0 1px!important}
  .kdk-v8-independent-note-inner{width:calc(100% - 20px)!important;min-height:40px!important;padding:5px 0!important;grid-template-columns:26px minmax(0,1fr) auto!important;gap:7px!important}
  .kdk-v8-independent-icon{width:24px!important;height:24px!important;border-radius:8px!important;font-size:12px!important}
  .kdk-v8-independent-note strong{font-size:11px!important;line-height:1.2!important}
  .kdk-v8-independent-note p{display:none!important}
  .kdk-v8-independent-note a{grid-column:auto!important;margin:0!important;min-height:30px!important;padding:0 8px!important;border-radius:8px!important;font-size:9.5px!important;white-space:nowrap!important}

  /* Legacy service-status card becomes a single useful line before the hero. */
  .kdk-site-service-wrap{width:calc(100% - 20px)!important;margin:6px auto 8px!important}
  .kdk-site-service-card,.kdk-final-mobile-status.kdk-site-service-card{min-height:0!important;padding:8px 9px!important;border-radius:12px!important;box-shadow:none!important}
  .kdk-site-service-head{align-items:center!important;gap:7px!important}
  .kdk-site-service-status{gap:6px!important;font-size:13px!important;line-height:1.15!important}
  .kdk-site-service-icon{width:22px!important;height:22px!important;flex:0 0 22px!important;font-size:11px!important;box-shadow:none!important}
  .kdk-site-service-reason{display:none!important}
  .kdk-site-service-countdown{margin:2px 0 0 28px!important;font-size:10.5px!important;line-height:1.25!important}
  .kdk-site-service-whatsapp{min-height:32px!important;padding:5px 8px!important;border-radius:9px!important;font-size:10.5px!important}
  .kdk-site-service-grid,.kdk-site-service-notes{display:none!important}

  /* V6 status strip: one compact status row, hide repeated date/address data. */
  .kdk-v6-service-strip{padding:0!important}
  .kdk-v6-service-grid{display:block!important;width:calc(100% - 20px)!important;margin:6px auto 8px!important}
  .kdk-v6-service-grid>div:not(.kdk-v6-service-state),.kdk-v6-service-grid>a{display:none!important}
  .kdk-v6-service-state{min-height:38px!important;padding:7px 9px!important;border-radius:11px!important;border:1px solid #d8e5ef!important;background:#fff!important;display:flex!important;align-items:center!important;gap:8px!important}
  .kdk-v6-service-state small{display:none!important}
  .kdk-v6-service-state strong{font-size:12px!important;color:#10283c!important}
  .kdk-v6-service-state em{display:block!important;margin-top:1px!important;font-size:10px!important;line-height:1.2!important;color:#557084!important}
  .kdk-v6-dot{width:9px!important;height:9px!important;flex:0 0 9px!important}

  /* Homepage live strip: retain one useful service state; details live lower on the page/menu. */
  .kdk-live-strip .kdk-live-grid{display:block!important;width:calc(100% - 20px)!important;margin:0 auto!important}
  .kdk-live-strip .kdk-live-grid>*{display:none!important}
  .kdk-live-strip .kdk-live-grid>.kdk-live-primary{display:flex!important;min-height:44px!important;padding:7px 4px!important;border:0!important}
  .kdk-live-primary strong{font-size:12px!important}
  .kdk-live-primary small{display:none!important}
  .kdk-live-primary em{margin-top:2px!important;font-size:10px!important}

  /* Hero becomes the first visually important block. */
  body.kdk-v5-page .kdk-v5-hero{padding:22px 0 26px!important}
  body.kdk-v5-page .kdk-v5-hero .kdk-container,.kdk-v6-hero .kdk-v6-shell{width:calc(100% - 24px)!important}
  body.kdk-v5-page .kdk-v5-hero h1,.kdk-v6-hero h1,.kdk-hero h1,.kdk-hero h2{font-size:clamp(30px,9.2vw,42px)!important;line-height:1.02!important;letter-spacing:-.035em!important}
  body.kdk-v5-page .kdk-v5-hero .kdk-lead,.kdk-v6-hero-copy>p:not(.kdk-v6-kicker),.kdk-hero-copy>p:not(.kdk-eyebrow){font-size:15px!important;line-height:1.55!important}
  body.kdk-v5-page .kdk-v5-hero-card,.kdk-v6-hero-media{min-height:0!important;border-radius:18px!important}
  body.kdk-v5-page .kdk-v5-hero-card img,.kdk-v6-hero-media img{min-height:0!important;height:auto!important;aspect-ratio:16/10!important;max-height:300px!important;object-fit:cover!important}
  body.kdk-v5-page .kdk-v5-hero-card figcaption{font-size:11px!important;padding:8px 10px!important}
  .kdk-hero-grid,.kdk-v6-hero-grid{gap:16px!important}
  .kdk-v5-hero-badges{gap:5px!important;margin-top:10px!important}
  .kdk-v5-hero-badges span{min-height:28px!important;padding:4px 8px!important;font-size:10.5px!important}
  .kdk-v5-actions,.kdk-v6-hero-actions,.kdk-hero-actions{gap:8px!important}
  .kdk-v5-actions .kdk-btn,.kdk-v6-hero-actions .kdk-v6-btn,.kdk-hero-actions .kdk-btn{min-height:44px!important}

  /* Main content spacing and overflow safety. */
  body.kdk-v5-page .kdk-layout,.kdk-v6-content-grid,.kdk-content-grid{width:calc(100% - 20px)!important;gap:14px!important;padding-top:16px!important}
  body.kdk-v5-page .kdk-v5-article{padding:18px!important;border-radius:18px!important}
  body.kdk-v5-page .kdk-v5-article p,.kdk-v6-article p{font-size:15px!important;line-height:1.7!important}
  body.kdk-v5-page .kdk-v5-content-section h2,.kdk-v6-article h2{font-size:clamp(23px,7vw,31px)!important;line-height:1.12!important}
  .kdk-v5-side{position:static!important}
  .kdk-v5-side .kdk-card{padding:15px!important}

  /* Comment cards/forms must flow naturally with the document. */
  body.kdk-v5-page .kdk-comments-v7,.kdk-comments-v7{width:calc(100% - 20px)!important;margin:22px auto!important;padding:16px!important;border-radius:18px!important;overflow:visible!important}
  .kdk-comments-v7-head{gap:12px!important;margin-bottom:12px!important}
  .kdk-comments-v7-head h2{font-size:clamp(24px,7vw,32px)!important}
  .kdk-comments-v7-grid{grid-template-columns:1fr!important;gap:10px!important}
  .kdk-comment-card{padding:14px!important;border-radius:15px!important}
  .kdk-comment-card-top{grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important}
  .kdk-comment-avatar{width:38px!important;height:38px!important;border-radius:11px!important}
  .kdk-comment-form-card{grid-template-columns:1fr!important;gap:15px!important;padding:15px!important;border-radius:16px!important}
  .kdk-comment-form-grid{grid-template-columns:1fr!important}
  .kdk-comment-captcha{grid-template-columns:1fr!important}
  .kdk-comment-captcha img{max-width:150px!important}
  .kdk-comment-reply{padding:12px!important}

  /* Cards/social/footer */
  .kdk-v8-social{width:calc(100% - 20px)!important;margin-top:20px!important;padding:16px!important;border-radius:17px!important}
  .kdk-v8-social-links{grid-template-columns:1fr!important}
  .kdk-footer,.kdk-v6-footer{margin-top:18px!important}
  .kdk-sticky,.kdk-v6-sticky{max-width:100vw!important}

  table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  pre{font-size:12px}
}

@media(max-width:440px){
  .kdk-v8-independent-note-inner{grid-template-columns:24px minmax(0,1fr)!important}
  .kdk-v8-independent-note a{display:none!important}
  .kdk-site-service-whatsapp{display:none!important}
  .kdk-site-service-countdown{margin-left:28px!important}
  .kdk-v5-actions,.kdk-v6-hero-actions,.kdk-hero-actions{display:grid!important;grid-template-columns:1fr!important}
  .kdk-v5-actions .kdk-btn,.kdk-v6-hero-actions .kdk-v6-btn,.kdk-hero-actions .kdk-btn{width:100%!important}
}

@media(max-width:360px){
  body.kdk-v5-page .kdk-v5-brand img,.kdk-v6-brand,.kdk-logo img{max-width:150px!important}
  .kdk-v8-independent-note strong{font-size:10.5px!important}
  body.kdk-v5-page .kdk-v5-hero h1,.kdk-v6-hero h1,.kdk-hero h1,.kdk-hero h2{font-size:29px!important}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Final mobile first-screen tightening: keep the topic and image visible early. */
@media(max-width:760px){
  body.kdk-v5-page .kdk-v5-actions{grid-template-columns:1fr 1fr!important}
  body.kdk-v5-page .kdk-v5-actions .kdk-btn-red,
  body.kdk-v5-page .kdk-v5-actions .kdk-v5-light-btn{display:none!important}
  body.kdk-v5-page .kdk-v5-actions .kdk-btn{width:100%!important;padding-left:9px!important;padding-right:9px!important;font-size:12px!important}
  .kdk-v6-hero-actions .ghost{display:none!important}
  .kdk-v6-hero-actions .primary{width:100%!important}

  /* Shared legacy/knowledge headers without a dedicated mobile menu become a compact horizontal nav. */
  body:not(:has(.kdk-mobile-nav)) .kdk-header .kdk-container{flex-direction:row!important;align-items:center!important;padding-top:6px!important;padding-bottom:6px!important;gap:7px!important}
  body:not(:has(.kdk-mobile-nav)) .kdk-header .kdk-nav{order:3;display:flex!important;width:100%!important;max-width:100%!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:2px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1px 0 3px!important}
  body:not(:has(.kdk-mobile-nav)) .kdk-header .kdk-nav::-webkit-scrollbar{display:none}
  body:not(:has(.kdk-mobile-nav)) .kdk-header .kdk-nav a,
  body:not(:has(.kdk-mobile-nav)) .kdk-header .kdk-nav summary{flex:0 0 auto!important;white-space:nowrap!important;font-size:11px!important;padding:6px 8px!important;min-height:34px!important;display:flex!important;align-items:center!important}
  body:has(.kdk-mobile-nav) .kdk-header .kdk-nav{display:none!important}

  /* Move secondary business/detail cards out of the first visual priority on legacy pages. */
  body.kdk-v5-page .kdk-v5-side{margin-top:8px!important}
  body.kdk-v5-page .kdk-v5-side .kdk-card[id="kdk-yetkili-servis-bilgi"]{order:3}
  body.kdk-v5-page .kdk-v5-side .kdk-v5-nap-list{font-size:13px!important}
}
@media(max-width:360px){
  body.kdk-v5-page .kdk-v5-actions{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  body.kdk-v5-page .kdk-v5-hero-badges span:last-child{display:none!important}
}