/* KDK Bilgisayar V5.4 ortak sayfa CSS
   Ana dosya yolu: /css/kdk-v5-page.css
   Amaç: ortak tasarım, mobil menü, CLS azaltma, erişilebilir linkler, kompakt yetkili servis kartı. */
:root{
  --kdk-v5-blue:#0f2a44;
  --kdk-v5-blue-2:#155fd6;
  --kdk-v5-red:#b91c1c;
  --kdk-v5-green:#047857;
  --kdk-v5-text:#102033;
  --kdk-v5-muted:#46566b;
  --kdk-v5-line:#dbe7f6;
  --kdk-v5-soft:#f4f8ff;
  --kdk-v5-white:#fff;
}
*{box-sizing:border-box}
.kdk-container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.kdk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start}
.kdk-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}
@media(min-width:960px){.kdk-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:28px}.kdk-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}}
html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}
.kdk-v5-page{margin:0;background:#f7faff;color:var(--kdk-v5-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding-bottom:0}
.kdk-v5-page a:focus-visible,.kdk-v5-page button:focus-visible,.kdk-v5-page input:focus-visible,.kdk-v5-page textarea:focus-visible,.kdk-v5-page select:focus-visible{outline:3px solid #ffb000;outline-offset:3px}
.kdk-v5-top{background:linear-gradient(90deg,#0f2a44 0%,#155fd6 48%,#8c1d4f 100%);color:#fff}
.kdk-v5-top-inner{width:min(1180px,calc(100% - 32px));min-height:44px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;font-size:.92rem;line-height:1.4}
.kdk-v5-top a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:850}
.kdk-v5-open-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:#d1fae5;color:#064e3b!important;padding:5px 12px;font-weight:900;text-decoration:none!important;box-shadow:0 8px 18px rgba(4,120,87,.14)}
.kdk-v5-header{background:#fff;border-bottom:1px solid var(--kdk-v5-line);box-shadow:0 10px 28px rgba(15,45,85,.07);position:relative;z-index:30}
.kdk-v5-nav-inner{width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.kdk-v5-brand{display:inline-flex;align-items:center;min-height:54px;text-decoration:none}
.kdk-v5-brand img{width:170px;height:45px;object-fit:contain;display:block}
.kdk-v5-menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--kdk-v5-line);background:#f8fbff;color:var(--kdk-v5-text);border-radius:12px;padding:10px 14px;font-weight:900;cursor:pointer}
.kdk-v5-menu-toggle::after{content:'☰';font-size:1.05rem;margin-left:8px}
.kdk-v5-menu-toggle[aria-expanded="true"]::after{content:'×';font-size:1.25rem;line-height:1}
.kdk-v5-menu{display:none}
.kdk-v5-menu.is-open{display:grid;position:absolute;left:16px;right:16px;top:76px;background:#fff;border:1px solid var(--kdk-v5-line);border-radius:18px;padding:12px;box-shadow:0 18px 40px rgba(15,45,85,.18);gap:8px;z-index:80}
.kdk-v5-menu a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:10px 12px;color:var(--kdk-v5-text);text-decoration:none;font-weight:850;background:#f8fbff;border:1px solid #edf3fb;text-align:center;line-height:1.25}
.kdk-v5-menu a:hover{background:#eff6ff;border-color:#bfdbfe}
.kdk-v5-menu a.kdk-v5-wa{background:var(--kdk-v5-green);border-color:var(--kdk-v5-green);color:#fff}
.kdk-v5-menu a.kdk-v5-call{background:var(--kdk-v5-blue-2);border-color:var(--kdk-v5-blue-2);color:#fff}
.kdk-v5-menu a.kdk-v5-auth{background:#fff1f2;color:#991b1b;border:1px solid #fecdd3}
.kdk-v5-hero{background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 58%,#fff1f2 100%);padding-top:28px;padding-bottom:32px;min-height:520px}
.kdk-v5-hero-copy{min-width:0}
.kdk-v5-hero .kdk-lead{max-width:740px;color:var(--kdk-v5-muted)}
.kdk-v5-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.kdk-v5-hero-badges span{display:inline-flex;align-items:center;min-height:32px;border:1px solid var(--kdk-v5-line);background:#fff;border-radius:999px;padding:6px 11px;font-size:.88rem;font-weight:800;color:var(--kdk-v5-text)}
.kdk-v5-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.kdk-v5-actions a{min-height:44px;white-space:normal;text-align:center}
.kdk-v5-light-btn{background:#fff!important;color:#991b1b!important;border:1px solid #fecdd3!important;box-shadow:0 10px 24px rgba(153,27,27,.10)!important;font-weight:900!important}
.kdk-v5-hero-card{background:#fff;border:1px solid var(--kdk-v5-line);border-radius:22px;padding:14px;box-shadow:0 16px 40px rgba(15,45,85,.11);overflow:hidden;margin:0;min-height:252px;}
.kdk-v5-hero-card picture{display:block;width:100%;aspect-ratio:16/9;background:#eef5ff;border-radius:16px;overflow:hidden}
.kdk-v5-hero-card img{width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#eef5ff;display:block}
.kdk-v5-hero-card figcaption{font-size:.92rem;font-weight:800;color:var(--kdk-v5-muted);margin-top:9px;line-height:1.45}
.kdk-v5-layout{align-items:start}.kdk-v5-article{background:#fff;border:1px solid var(--kdk-v5-line);border-radius:22px;padding:clamp(18px,3vw,30px);box-shadow:0 12px 34px rgba(15,45,85,.08);min-width:0}
.kdk-v5-article h2,.kdk-v5-article h3{color:var(--kdk-v5-text);scroll-margin-top:90px;line-height:1.25}.kdk-v5-article h2{font-size:clamp(1.24rem,2.3vw,1.55rem)}.kdk-v5-article h3{font-size:clamp(1.08rem,2vw,1.28rem)}.kdk-v5-article p{color:#25364b;line-height:1.72}.kdk-v5-article a{display:inline;color:#155fd6;font-weight:800;text-underline-offset:3px}.kdk-v5-article img{max-width:100%;height:auto;border-radius:14px}.kdk-v5-note{border-radius:16px;padding:14px 16px;margin:14px 0 20px;line-height:1.6}.kdk-v5-note-info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a5f}
.kdk-v5-smart-tools{margin:24px 0;padding:18px;border:1px solid var(--kdk-v5-line);border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff)}.kdk-v5-smart-tools h2{margin-top:0}.kdk-v5-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.kdk-v5-tool-grid a{display:flex!important;align-items:center;justify-content:center;min-height:48px;border-radius:13px;background:#155fd6!important;color:#fff!important;text-decoration:none!important;padding:10px 12px;font-weight:900;text-align:center;line-height:1.25}.kdk-v5-tool-grid a:nth-child(2){background:#b91c1c!important}.kdk-v5-tool-grid a:nth-child(3){background:#047857!important}.kdk-v5-tool-grid a:nth-child(4){background:#0f2a44!important}
.kdk-v5-side{position:relative!important;top:auto!important}.kdk-v5-card,.kdk-v5-related{background:#fff;border:1px solid var(--kdk-v5-line);border-radius:18px;padding:16px;box-shadow:0 10px 26px rgba(15,45,85,.08);margin-bottom:14px}.kdk-v5-card h2,.kdk-v5-related h2{font-size:1.05rem;margin:6px 0 8px;color:var(--kdk-v5-text)}.kdk-v5-card p{font-size:.94rem;line-height:1.55;color:var(--kdk-v5-muted);margin:0 0 12px}.kdk-v5-card-kicker{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #a7f3d0;background:#ecfdf5;color:#047857;font-size:.76rem;font-weight:900;padding:4px 9px}.kdk-v5-card-kicker.red{background:#fff1f2;color:#991b1b;border-color:#fecdd3}.kdk-v5-card-kicker.blue{background:#eff6ff;color:#155fd6;border-color:#bfdbfe}.kdk-v5-stack-actions{display:grid;grid-template-columns:1fr;gap:8px}.kdk-v5-stack-actions a{justify-content:center;min-height:42px}.kdk-v5-text-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:12px;background:#991b1b;color:#fff!important;text-decoration:none!important;font-weight:900;padding:10px 12px}.kdk-v5-related ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kdk-v5-related a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border:1px solid #e5edf7;border-radius:12px;background:#f8fbff;color:var(--kdk-v5-text)!important;text-decoration:none!important;font-weight:800}.kdk-v5-related a:hover{border-color:#bfdbfe;background:#eff6ff}.kdk-v5-final-wrap{margin-top:24px}.kdk-yorumlar,.kdk-comments,.kdk-html-comments{clear:both}.kdk-yorumlar label,.kdk-comments label{font-weight:800;color:var(--kdk-v5-text)}.kdk-yorumlar input,.kdk-yorumlar textarea,.kdk-comments input,.kdk-comments textarea{max-width:100%;min-height:42px}.kdk-sticky{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:70!important;min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--kdk-v5-line)!important;box-shadow:0 -10px 30px rgba(15,45,85,.12)!important;contain:layout paint!important}.kdk-sticky a{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;padding:8px 12px!important;font-weight:900!important;text-decoration:none!important}.kdk-v5-page:has(.kdk-sticky){padding-bottom:70px}
@media (min-width:960px){.kdk-v5-menu-toggle{display:none}.kdk-v5-menu,.kdk-v5-menu.is-open{display:flex;position:static;align-items:center;gap:8px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.kdk-v5-menu a{background:transparent;border-color:transparent;min-height:40px;padding:8px 10px}.kdk-v5-menu a.kdk-v5-wa,.kdk-v5-menu a.kdk-v5-call{padding-inline:12px}.kdk-sticky{display:none!important}.kdk-v5-page:has(.kdk-sticky){padding-bottom:0}}
@media (max-width:900px){.kdk-v5-top-inner{width:min(100% - 24px,1180px);font-size:.86rem}.kdk-v5-nav-inner{width:min(100% - 24px,1180px);min-height:68px}.kdk-v5-hero{padding-top:18px}.kdk-v5-actions{display:grid;grid-template-columns:1fr 1fr}.kdk-v5-actions a{justify-content:center;text-align:center}.kdk-v5-hero-card img{object-fit:cover}.kdk-v5-article{padding:17px}.kdk-v5-article p{font-size:1rem}.kdk-v5-related a{min-height:44px}.kdk-v5-side{margin-top:16px}.kdk-v5-tool-grid{grid-template-columns:1fr}}
@media (max-width:520px){.kdk-v5-top-inner{justify-content:center}.kdk-v5-actions{grid-template-columns:1fr}.kdk-v5-hero-badges{gap:6px}.kdk-v5-hero-badges span{width:100%;justify-content:center}.kdk-v5-card,.kdk-v5-related{padding:14px}.kdk-v5-brand img{width:150px;height:39px}.kdk-v5-menu.is-open{left:10px;right:10px;top:72px}.kdk-sticky a{font-size:.86rem;padding-inline:9px!important}}

.kdk-v5-content-section{margin:0 0 26px;padding:0}.kdk-v5-content-section:last-child{margin-bottom:0}.kdk-v5-faq-block{content-visibility:auto;contain-intrinsic-size:720px}.kdk-v5-content-section p:first-child,.kdk-v5-content-section h2:first-child,.kdk-v5-content-section h3:first-child{margin-top:0}

.kdk-breadcrumb{font-size:.84rem;line-height:1.5;margin:0 0 14px;color:#155fd6}.kdk-breadcrumb a{color:#155fd6;text-decoration:none}.kdk-eyebrow{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;border:1px solid #fecdd3;background:#fff1f2;color:#b91c1c;padding:6px 12px;font-size:.82rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.kdk-v5-hero h1{font-size:clamp(2rem,5.8vw,3.4rem);line-height:1.08;margin:16px 0 12px;color:#102033}.kdk-lead{font-size:clamp(1.02rem,2.5vw,1.18rem);line-height:1.65;margin:0;color:#46566b}.kdk-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;padding:10px 14px;text-decoration:none!important;font-weight:900;line-height:1.2;border:1px solid transparent}.kdk-btn-red{background:#ef3b2d;color:#fff!important}.kdk-btn-primary{background:#155fd6;color:#fff!important}.kdk-btn-green{background:#047857;color:#fff!important}

@media(max-width:900px){.kdk-v5-hero{min-height:690px}.kdk-container{width:min(100% - 24px,1180px)}}
@media(min-width:760px) and (max-width:959px){.kdk-v5-hero{min-height:760px}}