/* Kivi — mobil iskelet (≤768px). Sınıf kancaları: .knav .knav-links .knav-actions .knav-burger .knav-mcta .kfoot .kfoot-row .kfoot-bottom .kfab .kfab-contact .kfab-panel .kpad .kgrid .kh-xl .kh-l */
.knav-burger{display:none}
.knav-mcta{display:none}
@media (max-width:768px){
  .ksocial{justify-content:center !important}
  html{overflow-x:hidden}
  body.knav-open{overflow:hidden}
  /* üst menü */
  .knav{padding:8px 16px!important;gap:8px 10px!important;flex-wrap:nowrap!important}
  .knav>div:first-child{gap:0!important;min-width:0}
  .knav img{height:36px!important}
  .knav-actions{gap:8px!important;flex:none}
  .knav-actions>span{display:none!important}
  .knav-actions>a{padding:8px 12px!important;font-size:12.5px!important}
  .knav-actions>a#nav-dene,.knav-actions>a#nav-try{display:none!important}
  .knav-burger{display:inline-flex!important}
  body.knav-open .knav-burger-i{box-shadow:none!important;transform:rotate(45deg)}
  body.knav-open .knav-burger-i::after{content:"";display:block;width:18px;height:2px;border-radius:2px;background:inherit;transform:rotate(90deg)}
  .knav-links{display:none!important}
  body.knav-open .knav-links{display:flex!important;position:fixed;left:0;right:0;top:var(--knav-h,58px);bottom:0;z-index:99;flex-direction:column;gap:0!important;padding:10px 20px 32px;background:#fff;overflow:auto;white-space:normal!important;font-size:18px!important;-webkit-overflow-scrolling:touch}
  body.knav-open .knav-links>a{display:flex!important;align-items:center;justify-content:space-between;padding:15px 4px!important;border-bottom:1px solid #eef2f0;color:#12211c!important;font-weight:700!important;font-size:18px!important}
  body.knav-open .knav-links>a>span{font-size:inherit}
  body.knav-open .knav-links>a[href*="ai"]>span,body.knav-open .knav-links>a>span[style*="border-radius: 99px"]{font-size:11px!important;padding:3px 9px!important}
  body.knav-open .knav-mcta{display:flex!important;justify-content:center;margin-top:22px;background:#12bf7b;color:#fff!important;border-radius:12px;padding:15px!important;border:0!important;font-weight:800!important;text-decoration:none}
  body.knav-open .knav-dark .knav-links{background:#0f1b17}
  body.knav-open .knav-dark .knav-links>a{color:#fff!important;border-color:rgba(255,255,255,0.1)}
  /* footer */
  .kfoot{padding:36px 20px 22px!important}
  .kfoot-row{flex-wrap:wrap!important;gap:22px 18px!important}
  .kfoot-row>div{flex:1 1 calc(50% - 9px)!important;min-width:0}
  .kfoot-row>div:first-child{flex:1 1 100%!important}
  .kfoot-bottom{flex-direction:column;align-items:flex-start!important;gap:12px!important}
  /* sabit düğmeler */
  .kfab{right:14px!important;bottom:14px!important}
  .kfab>summary{width:50px!important;height:50px!important}
  .kfab-contact{right:97px!important;bottom:30px!important;width:50px!important;height:50px!important}
  .kfab-panel{position:fixed!important;left:10px!important;right:10px!important;bottom:74px!important;top:auto!important;width:auto!important;height:min(560px,calc(100vh - 96px))!important;max-height:none!important}
  /* genel */
  .kpad{padding-left:20px!important;padding-right:20px!important}
  .kgrid{grid-template-columns:1fr!important}
  .kh-xl{font-size:34px!important;line-height:1.12!important;letter-spacing:-0.02em!important}
  .kh-l{font-size:28px!important;line-height:1.15!important}

  /* ---- Faz 3: genel bölüm kuralları (tools/mobile-transform.js → kiviMobilePhase3) ---- */
  .ksplit{flex-direction:column!important;gap:28px!important;align-items:stretch!important}
  .ksplit>*{flex:0 0 auto!important;max-width:100%!important;min-width:0!important}
  .ksplit>[style*="flex: 0 0 auto"],.ksplit>[style*="flex: none"],.ksplit>[style*="width: 2"],.ksplit>[style*="width: 3"]{align-self:center}
  .kbetween{flex-wrap:wrap!important;gap:16px!important}
  /* Entegrasyonlar: banka logoları 7 sütun → 2 sütun, kutu aşağı uzar */
  .kbanks{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kbanks>span{height:44px!important;justify-content:flex-start!important;padding:0 12px;box-sizing:border-box}
  .kbanks>span>span{font-size:12px!important;white-space:nowrap}
  .kscroll{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scroll-padding:0 20px}
  .kscroll::-webkit-scrollbar{display:none}
  .kscroll>div{flex:0 0 min(280px,78vw)!important;scroll-snap-align:center}
  .kgrid>*{grid-column:auto!important;grid-row:auto!important}
  .kgrid.kg6{grid-template-columns:repeat(3,1fr)!important}
  .kg-steps>*:nth-child(even){justify-self:center;transform:rotate(90deg)}
  .ksteps{flex-direction:column!important}
  .ksteps>*{flex:0 0 auto!important;width:100%}
  .ksteps>[style*="flex: 0 0 96px"]{padding:6px 0}
  .ksteps>[style*="flex: 0 0 96px"] svg{transform:rotate(90deg)}
  .kgrid{grid-template-columns:minmax(0,1fr)!important}
  .kgrid>*{min-width:0}
  .kgrid>*:empty{display:none}
  .kgrid[style*="gap: 0px 44px"]{row-gap:26px!important}
  .kgrid>[style*="padding: 42px"],.kgrid>[style*="padding:42px"]{padding:28px 22px!important}
  .kgrid [style*="width: 180px; flex: 0 0 auto"],.kgrid [style*="width: 180px; flex: none"]{width:120px!important}
  .kgrid [style*="width: 180px; flex: 0 0 auto"] img{max-width:100%;height:auto!important}
  .kflow{justify-content:flex-start!important;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 10px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .kflow::-webkit-scrollbar{display:none}
  .kflow>*{flex:none}
  .khub{height:auto!important;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:6px}
  .khub>svg,.khub>div[style*="kzping"]{display:none!important}
  .khub>div[style*="border-radius: 50%"]:not([style*="kzping"]){position:static!important;transform:none!important;margin-bottom:10px}
  .khub .kzc{position:static!important;transform:none!important;width:100%!important;max-width:320px}
  .khub .kzcard{animation:none!important}

  /* ---- Ana sayfa ---- */
  .kstory{justify-content:flex-start!important;gap:16px!important;padding:12px 16px 10px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .kstory::-webkit-scrollbar{display:none}
  .kstory>span{flex:none;scroll-snap-align:start}
  .kstory-view{flex-wrap:wrap;justify-content:center;gap:10px!important}
  .kstory-view>button{order:1}
  .kstory-frame{order:0;height:min(calc(100dvh - 92px),calc((100vw - 24px) * 16 / 9))!important;max-width:calc(100vw - 24px)!important}
  .khero{flex-direction:column;gap:28px!important;padding:30px 20px 40px!important}
  .khero-dots{display:none}
  .khero-text{width:100%}
  .khero h1{font-size:34px!important;line-height:1.12!important}
  .khero-text>p{font-size:15.5px!important;margin-bottom:22px!important}
  .khero-cta>a{flex:1 1 auto;text-align:center;padding:14px 18px!important}
  .khero-visual{padding-left:0!important;flex:none!important;width:300px;height:614px;margin:0 auto}
  .khero-phone{left:0!important;bottom:0!important;transform:none!important}
  .khero-play{left:150px!important;bottom:250px!important}
  .khero-dash{display:none}
  .kinset{margin:14px 12px!important;padding:26px 20px!important;border-radius:20px!important}
  .kortak{flex-wrap:wrap!important;gap:12px 14px!important;min-height:0!important}
  .kortak>span:first-child{flex:1 1 100%!important;text-align:center}
  .kortak-line{display:none}
  .kobi-head{flex-direction:column;align-items:flex-start!important;gap:14px}
  .kobi-grid>div{grid-column:auto!important}
  .kfan-sec{padding:12px 0 36px!important}
  .pf-fan{justify-content:flex-start!important;align-items:stretch!important;gap:14px;padding:12px 20px 24px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pf-fan::-webkit-scrollbar{display:none}
  .pf-fan .pfc{transform:none!important;margin-left:0!important;flex:0 0 268px!important;scroll-snap-align:center;filter:none!important;opacity:1!important}
  .kprod{display:block!important;max-width:100vw!important;width:100vw;height:100dvh;overflow:auto;box-sizing:border-box;padding:60px 12px 96px}
  .kprod-close{position:fixed!important;top:10px!important;right:10px!important}
  .kprod-row{flex-direction:column;align-items:center!important;gap:14px!important}
  .kprod-row>.prod-pop-item{width:min(100%,340px)!important;margin-bottom:26px}
  .kprod-nav{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;transform:none!important;flex-wrap:wrap;justify-content:center;border-radius:18px!important;gap:6px!important}
  .kprod-nav .ppb{padding:7px 12px!important;font-size:11.5px!important}
  .kwrap{flex-wrap:wrap!important;gap:26px!important}
  .kwrap>div{flex:1 1 100%!important;min-width:0}
  .klogos{grid-template-columns:repeat(3,1fr)!important}
  .kcx{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .kcx-big{grid-column:1 / -1;grid-row:auto!important;padding:24px 20px!important}
  .cx-card{padding:16px 14px!important}
  .cx-num{font-size:26px!important}
  .kmob-text{padding-bottom:0!important}
  .kmob-phones{justify-content:center!important;gap:0!important}
  .kmob-phones>div:not(:nth-child(2)){display:none}
  .kmob-phones>div:nth-child(2){margin:0 auto}
  .kseg{flex-wrap:wrap;justify-content:center;border-radius:20px!important;max-width:calc(100vw - 24px);gap:6px!important}
  .kseg>a{padding:9px 14px!important;font-size:12.5px!important}
  .kphone-wrap{width:100vw;max-width:100vw!important;gap:0!important}
  .phone-quote{display:none!important}
  .kphone-frame{width:100vw!important;height:calc(100dvh - 60px)!important;max-height:none!important;border-radius:0!important;padding:0!important;filter:none!important}
  .kphone-frame>iframe{width:100%!important;border-radius:0!important}
  .kphone-frame>div{left:0!important;top:0!important;right:0!important;bottom:0!important;border-radius:0!important}
  .kphone-cap{order:-1;width:100%;box-sizing:border-box;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px;gap:0!important;background:#0f1d17}
  .kphone-cap-row{width:100%;justify-content:space-between!important;gap:10px!important}
  .kphone-cap-row>span:first-child{font-size:13px!important}
  .kphone-cap-row>span:last-child{padding:8px 14px 8px 16px!important;font-size:12.5px!important}
  .kphone-cap>span:last-child{display:none}
  #to-top{display:none!important}

  /* ---- Modül kataloğu ---- */
  .kcat-bar{padding:0 14px!important}
  .kcat-bar img{height:26px!important}
  .kcat-sep,.kcat-home{display:none!important}
  .kcat-title{font-size:10.5px!important;letter-spacing:0.06em!important}
  .kcat-bar a[href*="basvuru"]{padding:8px 13px!important;font-size:12.5px!important;white-space:nowrap}
  .kcat-stage{padding:66px 0 10px!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;align-content:start!important;gap:10px!important;align-items:stretch!important;overflow:hidden!important}
  .kcat-text{height:auto!important;min-height:0;overflow:visible!important;padding:0 16px}
  .kcat-text>div{position:relative!important;inset:auto!important;justify-content:flex-start!important;display:flex!important}
  .kcat-text>div[style*="opacity: 0"]{display:none!important}
  .kcat-text h1{font-size:22px!important;line-height:1.2!important;margin-bottom:8px!important}
  .kcat-text p{font-size:13.5px!important;line-height:1.5!important;margin-bottom:10px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .kcat-text>div>div[style*="flex-direction: column"]{gap:6px!important;margin-bottom:10px!important}
  .kcat-text>div>div[style*="flex-direction: column"]>div:nth-child(n+3){display:none}
  .kcat-text>div>div[style*="flex-direction: column"] span:last-child{font-size:12.5px!important}
  .kcat-text>div>div[style*="margin-bottom: 16px"]{margin-bottom:8px!important}
  .kcat-text>div>div[style*="margin-bottom: 16px"]>span:first-child{font-size:11px!important}
  .kcat-text>div>div[style*="margin-bottom: 22px"]{margin-bottom:6px!important}
  .kcat-text>div>div>span[style*="border-radius: 99px"]{font-size:11px!important;padding:5px 10px!important}
  /* görsel: alan yüksekliği --kv (JS'ten); masaüstü kompozisyonu oranlarıyla KÜÇÜLTÜLÜR, büyütülmez */
  .kcat-visual{height:var(--kv,300px)!important;min-height:0;display:block}
  .kcat-visual>div{position:relative!important;inset:auto!important;height:100%!important;width:100%;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 16px;box-sizing:border-box;overflow:visible}
  .kcat-visual>div[style*="opacity: 0"]{display:none!important}
  /* tek telefon: genişliğin en fazla %58'i, alanı aşmaz, oran sabit */
  .kcat-visual>div>span[role="img"][style*="height: 100%"],.kcat-visual>div>div[style*="aspect-ratio"][style*="height: 100%"]{height:auto!important;width:min(58%,calc(var(--kv,300px) * 0.46))!important;max-width:none!important;margin:0 auto!important}
  /* tek web ekranı */
  .kcat-visual>div>span[role="img"][style*="width: 100%"]{width:100%!important;max-width:calc(var(--kv,300px) * 1.7)!important}
  /* ikili telefon: yan yana, her biri yarı genişlik, oran sabit */
  .kcat-visual>div>div[style*="gap: 3%"]{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;height:auto!important;width:100%!important}
  .kcat-visual>div>div[style*="gap: 3%"]>*{flex:none!important;height:auto!important;width:min(calc(50% - 6px),calc(var(--kv,300px) * 0.44))!important;max-width:none!important}
  /* web ekranı + kenarda telefon: masaüstündeki kompozisyon (telefon %132 yükseklik, kenara bindirme) aynen, küçültülerek */
  .kcat-visual>div>div[style*="max-width:"]{position:relative!important;width:94%!important;max-width:calc(var(--kv,300px) * 1.15)!important;margin:0 auto}
  .kcat-visual>div>div[style*="max-width:"]>span[role="img"]{width:100%!important}
  .kcat-visual>div>div[style*="max-width:"]>div[style*="aspect-ratio"]{filter:drop-shadow(0 10px 22px rgba(18,33,28,0.3))!important}
  .kcat-rail{position:fixed!important;left:0;right:0;bottom:0;background:rgba(251,253,252,0.96);backdrop-filter:blur(10px);border-top:1px solid #eef2ef;padding:8px 12px 10px!important;gap:6px!important;z-index:40}
  .kcat-rail>div{padding:7px 10px!important}
  .kcat-rail>div>span:nth-child(2){font-size:11.5px!important;max-width:88px}
  .kcat-rail>div>span:first-child{width:14px!important;font-size:10px!important}
}