/* Kampusmatik – PHP 8.4 Master Core üzerine yalnız proje görsel katmanı */
:root {--km-navy:#123d63;--km-blue:#1579ae;--km-ink:#18334d;--km-muted:#577187;--km-pale:#f2f8fc;--km-mint:#5ac3b5}
body.site-body {color:var(--km-ink)}
.site-brand strong,.footer-brand {letter-spacing:-.025em}
.km-home-hero {background:linear-gradient(126deg,#e9f5ff 0%,#f9fcff 58%,#eff7fd 100%);padding:72px 0 80px;overflow:hidden;position:relative}
.km-home-hero:before {content:"";position:absolute;width:600px;height:600px;right:-260px;top:-340px;border:90px solid rgba(78,174,213,.09);border-radius:50%}
.km-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;gap:5vw;position:relative}
.km-label {display:inline-flex;align-items:center;gap:10px;letter-spacing:.11em;font-weight:800;font-size:12px;color:#236e93}
.km-label:before {content:"";width:24px;height:3px;background:var(--km-mint);border-radius:3px}
.km-hero-copy h1{font-size:clamp(35px,4vw,62px);line-height:1.1;letter-spacing:-.045em;font-weight:800;margin:22px 0 22px;color:#153b5d}
.km-hero-copy>p{font-size:18px;line-height:1.7;color:#57738b;max-width:610px;margin:0 0 27px}
.km-home-hero .btn-outline{border-color:#a6c7df;color:#174e78;background:transparent}
.km-home-hero .btn-outline:hover{background:#fff}
.km-hero-media{padding:15px;border:1px solid #cfe3f1;background:rgba(255,255,255,.72);box-shadow:0 28px 70px rgba(25,79,116,.13);border-radius:26px;transform:rotate(-1.2deg)}
.km-hero-media img{display:block;width:100%;height:auto;border-radius:17px;aspect-ratio:1180/720;object-fit:cover}
.km-hero-points{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.km-hero-points span{border:1px solid #d1e6f0;background:#fff;border-radius:30px;font-size:12px;font-weight:700;color:#2a607f;padding:8px 12px}
.km-highlight{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.km-highlight img{width:100%;height:auto;border-radius:20px;box-shadow:0 14px 45px rgba(34,76,114,.10)}
.km-highlight h2{font-size:clamp(26px,3vw,39px);letter-spacing:-.035em;line-height:1.17;margin:17px 0}
.km-highlight p{line-height:1.75;color:var(--km-muted);font-size:16px;margin:0 0 25px}
.km-home-hero+.section,.km-home-hero+.km-service-section{padding-top:74px}
.km-sales-stack{display:grid;gap:13px;position:sticky;top:105px}
.km-sales-card {border:1px solid #dbe9f2;border-radius:18px;background:#fff;padding:25px 22px;box-shadow:0 8px 28px rgba(34,83,115,.04)}
.km-sales-lead{background:linear-gradient(155deg,#ecf8fc,#fff);border-color:#bde1ee}
.km-sales-kicker{font-weight:800;letter-spacing:.10em;color:#2f8197;font-size:10px}
.km-sales-card h2{font-size:19px!important;line-height:1.34;letter-spacing:-.02em;margin:10px 0;color:#173f62}
.km-sales-card p{font-size:13px;line-height:1.7;color:#58738a;margin:0 0 13px}
.km-sales-card a{font-size:13px;font-weight:800;color:#176e9c;text-decoration:none}
.km-sales-card a:hover{text-decoration:underline}
.km-sales-card a span{margin-left:3px}
.km-sales-contact{display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:#174b72;padding:15px 19px;color:white!important;text-decoration:none;font-weight:700;font-size:14px}
.km-sales-contact:hover{background:#126d93}
.km-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.km-subcat{display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:23px;background:#fff;border:1px solid #dce8ef;border-radius:16px;min-height:130px;text-decoration:none;transition:transform .2s,border-color .2s}
.km-subcat strong{font-size:16px;color:#214868;line-height:1.35}
.km-subcat span{font-size:12px;color:#1c86a0;font-weight:750}
.km-subcat:hover{transform:translateY(-3px);border-color:#78b9cd}
.km-subcategories{background:#f5faff}
.km-ideas-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:38px;align-items:start}
.km-ideas-layout h2{font-size:clamp(25px,2.6vw,34px);line-height:1.2;margin:12px 0 14px}
.km-ideas-intro{color:#637b8a;line-height:1.7;max-width:700px}
.km-ideas-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px}
.km-ideas-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;background:#f5f9fc;border:1px solid #e1eaf1;border-radius:11px;color:#234665;line-height:1.45;font-size:14px}
.km-ideas-list li a{font-weight:700;text-decoration:none;color:#177ea1;font-size:12px;white-space:nowrap}
.km-ideas-list li a:hover{text-decoration:underline}
.detail-side-wrap .km-sales-stack{position:static}
.category-products-section .empty-state{display:none}
@media(max-width:1000px){.km-hero-grid{gap:30px}.km-sales-card{padding:20px 17px}.km-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.km-home-hero{padding:50px 0 56px}.km-hero-grid,.km-highlight,.km-ideas-layout{grid-template-columns:1fr}.km-hero-media{transform:none}.km-hero-copy h1{font-size:38px}.km-hero-copy>p{font-size:16px}.km-compact-grid{grid-template-columns:1fr}.km-ideas-layout{gap:24px}.km-sales-stack{position:static}.km-ideas-list li{align-items:flex-start}.km-highlight{gap:27px}}

/* PAKET 02: Buyuk yazilim kataloglarinda sayfalama. */
.km-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:32px auto 0}
.km-pagination a{min-width:38px;padding:9px 13px;border:1px solid #c9dae8;border-radius:9px;color:#174467;text-decoration:none;background:#fff;text-align:center;font-weight:700}
.km-pagination a[aria-current="page"]{background:#174467;color:#fff;border-color:#174467;pointer-events:none}
.km-pagination span{color:#60768c;font-size:.86rem;margin-left:8px}
@media(max-width:640px){.km-pagination{gap:5px}.km-pagination a{padding:8px 11px}.km-pagination span{width:100%;text-align:center;margin:5px 0 0}}

/* ========================================================================
   PAKET 03 / Kategori - ürün detay - katalog (bağımsız kurumsal yerleşim)
   ======================================================================== */
.km-p03-main { background:#fff; color:#193c59; overflow:clip; }
.km-subhero { position:relative; isolation:isolate; padding:44px 0 48px; overflow:hidden; border-bottom:1px solid #d9e7f1; background:linear-gradient(112deg,#f0f8fc 0%,#f7fbff 56%,#e8f4f9 100%); }
.km-subhero:after { content:""; position:absolute; width:480px;height:480px;right:-140px;top:-240px;border:55px solid rgba(50,138,173,.055);border-radius:50%;z-index:-1; }
.km-subhero .container { position:relative; }
.km-crumbs { display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#66819a;font-size:12px;font-weight:650;margin-bottom:28px; }
.km-crumbs a { text-decoration:none;color:#315f7c; }
.km-crumbs a:hover { text-decoration:underline; }
.km-crumbs span { color:#92a6b6; }
.km-subhero-label,.km-section-tag { display:block;font-size:11px;font-weight:800;letter-spacing:.10em;color:#31839c;text-transform:uppercase; }
.km-subhero h1 { font-size:clamp(34px,3.85vw,52px);letter-spacing:-.045em;line-height:1.08;color:#173d5f;max-width:840px;margin:13px 0 14px;font-weight:800; }
.km-subhero p { max-width:750px;color:#587791;font-size:clamp(15px,1.45vw,18px);line-height:1.7;margin:0; }
.km-subhero-facts { display:flex;flex-wrap:wrap;gap:9px;margin-top:22px; }
.km-subhero-facts span { display:inline-flex;align-items:center;gap:6px;color:#285d7b;font-size:12px;font-weight:700;background:#fff;border:1px solid #d4e7f0;border-radius:100px;padding:7px 13px; }
.km-category-area { padding:43px 0 88px; }
.km-category-shell { display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,295px);gap:36px;align-items:start; }
.km-category-primary { min-width:0; }
.km-category-aside { min-width:0; position:sticky;top:88px; }
.km-category-aside .km-sales-stack { position:static; }
.km-category-aside .km-sales-card { box-shadow:none;border-color:#dde8ef; }
.km-category-aside .km-sales-card h2 { font-size:17px!important; }
.km-category-aside .km-sales-card p { font-size:13px; }
.km-category-intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(185px,33%);align-items:center;gap:23px;border:1px solid #dfe9f1;border-radius:21px;padding:23px;background:linear-gradient(124deg,#fff,#f9fcff);box-shadow:0 12px 26px rgba(24,68,104,.035); }
.km-category-intro:not(:has(> img)) { grid-template-columns:1fr; }
.km-category-intro h2 { font-size:clamp(23px,2.15vw,30px);line-height:1.22;letter-spacing:-.035em;color:#153e5e;margin:10px 0 13px; }
.km-category-intro p { margin:0 0 18px;color:#5b758c;line-height:1.72;font-size:14px; }
.km-category-intro img { display:block;width:100%;height:auto;aspect-ratio:1.35;object-fit:contain;background:#eaf4fa;border:1px solid #dceaf2;border-radius:14px; }
.km-text-action { color:#176a96;font-weight:800;text-decoration:none;display:inline-flex;gap:8px;align-items:center;font-size:14px; }
.km-text-action:hover { text-decoration:underline; }
.km-text-action span {font-size:18px;}
.km-section-block { margin-top:46px; }
.km-heading-row { display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 22px; }
.km-heading-row h2 { font-size:clamp(23px,2.2vw,30px);line-height:1.15;letter-spacing:-.035em;color:#153e5e;margin:8px 0 7px; }
.km-heading-row p { margin:0;color:#627b90;font-size:14px;line-height:1.6; }
.km-subcategory-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
.km-subcategory-tile { display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-height:112px;padding:18px 20px;border:1px solid #dce8ef;border-radius:14px;background:#f8fbfd;color:#234767;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s; }
.km-subcategory-tile:hover { border-color:#85bcd1;box-shadow:0 12px 24px rgba(32,90,120,.07);transform:translateY(-2px); }
.km-subcategory-tile strong {font-size:15px;line-height:1.35;}
.km-subcategory-tile>span {font-size:12px;font-weight:800;color:#197b9b;}
.km-software-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.km-category-primary .km-software-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.km-software-card { min-width:0;min-height:175px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:20px;border:1px solid #dce7ee;border-radius:17px;background:#fff;text-decoration:none;box-shadow:0 8px 22px rgba(25,72,106,.035);transition:transform .18s,border-color .18s,box-shadow .18s; }
.km-software-card:hover { transform:translateY(-3px);border-color:#81bfd0;box-shadow:0 14px 26px rgba(28,88,127,.08); }
.km-software-mark { position:relative;display:block;flex:0 0 auto;width:37px;height:37px;border-radius:10px;background:linear-gradient(135deg,#e5f3f8,#dcecf7);border:1px solid #c6e0ea;overflow:hidden; }
.km-software-mark span,.km-software-mark i,.km-software-mark b { position:absolute;display:block;left:10px;right:10px;height:3px;border-radius:3px;background:#4f9fc0; }
.km-software-mark span { top:11px; }
.km-software-mark i { top:17px;right:15px;background:#91c7c9; }
.km-software-mark b { top:23px;right:19px; }
.km-software-card-info { display:flex;flex-direction:column;min-height:85px;width:100%; }
.km-software-label { color:#58849b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.065em;line-height:1.45; }
.km-software-card-info>strong { font-size:16px;line-height:1.38;letter-spacing:-.015em;color:#163d5b;margin:5px 0 12px; }
.km-software-card-foot { margin-top:auto;color:#167797;font-size:12px;font-weight:800; }
.km-software-card-foot span { margin-left:5px;font-size:16px; }
.km-software-grid>.content-card { min-width:0; }
.km-software-grid>.content-card .card-body { min-height:190px; }
.km-software-grid>.content-card .card-body strong { font-size:17px; }
.km-category-editorial { border-top:1px solid #e4edf3;padding-top:35px; }
.km-category-editorial .rich-content { margin-top:17px;color:#48667c;line-height:1.75; }
.km-category-editorial .rich-content h2 { font-size:23px; }
.km-category-editorial .rich-content h3 { font-size:19px; }
.km-clean-empty { background:#f6fbfd;border:1px solid #d9e9ef;border-radius:16px;padding:25px;color:#55738b; }
.km-clean-empty p { margin:0 0 17px;line-height:1.7; }
.km-directory-area { padding:42px 0 88px; }
.km-directory-filters { display:flex;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;background:#f7fbfd;border:1px solid #dce9f1;border-radius:18px;margin-bottom:36px; }
.km-field { display:flex;flex-direction:column;gap:7px;min-width:160px;flex:1 1 260px;color:#335b75;font-size:12px;font-weight:800; }
.km-field input,.km-field select { display:block;width:100%;height:47px;border:1px solid #cfdfeb;border-radius:10px;background:#fff;color:#193e5d;padding:11px 13px;font-family:inherit;font-size:14px;min-width:0; }
.km-field input:focus,.km-field select:focus { outline:3px solid #cce7f1;border-color:#6fbbce; }
.km-directory-filters .btn {height:47px;min-height:47px;white-space:nowrap;}
.km-filter-clear {font-weight:700;color:#46738d;font-size:13px;padding:12px 6px;}
.km-directory-title { margin-bottom:24px; }
.km-starter-panel { position:relative;isolation:isolate;overflow:hidden;padding:clamp(25px,3.2vw,38px);background:linear-gradient(132deg,#eff8fc,#fff 75%);border:1px solid #d6e9f1;border-radius:22px;min-height:320px; }
.km-starter-visual { position:absolute;width:300px;height:300px;right:-110px;top:-140px;border:45px solid rgba(51,142,179,.07);border-radius:50%;z-index:-1; }
.km-starter-visual span,.km-starter-visual i,.km-starter-visual b {display:none;}
.km-starter-panel h2 { font-size:clamp(23px,2.4vw,33px);line-height:1.2;color:#17415f;letter-spacing:-.035em;margin:14px 0 17px;max-width:580px; }
.km-starter-panel p { max-width:680px;color:#526e85;line-height:1.8;font-size:15px;margin:0 0 24px; }
.km-approach-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:22px; }
.km-approach-grid>div {padding:22px 19px;background:#fff;border:1px solid #e0eaf0;border-radius:15px;}
.km-step-number {color:#2f8eaa;font-size:12px;font-weight:800;}
.km-approach-grid h3 {font-size:16px;color:#193e5e;margin:12px 0 7px;line-height:1.3;}
.km-approach-grid p {color:#5d7589;font-size:13px;line-height:1.65;margin:0;}
.km-p03-editorial { margin-top:26px;line-height:1.78; }
.km-p03-real-image {border-radius:19px;overflow:hidden;border:1px solid #dce8f0;background:#f2f8fc;}
.km-p03-real-image img {display:block;width:100%;height:auto;max-height:465px;object-fit:contain;}
.km-related-section .km-software-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.km-back-category {display:block;text-decoration:none;font-size:13px;font-weight:750;color:#276f95;margin:18px 4px;line-height:1.5;}
.km-back-category:hover {text-decoration:underline;}
.km-p03-main .km-pagination { margin-top:27px; }
@media (max-width:1050px) {
 .km-category-shell {grid-template-columns:minmax(0,1fr) 255px;gap:22px;}
 .km-category-intro { grid-template-columns:1fr; }
 .km-category-intro img {max-width:100%;max-height:210px;}
 .km-software-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:820px) {
 .km-category-shell {grid-template-columns:1fr;}
 .km-category-aside {position:static;}
 .km-category-aside .km-sales-stack {grid-template-columns:repeat(2,minmax(0,1fr));}
 .km-category-aside .km-sales-contact {grid-column:1/-1;}
 .km-category-intro {grid-template-columns:minmax(0,1fr) minmax(170px,30%);}
 .km-category-intro img {max-height:none;}
}
@media (max-width:600px) {
 .km-subhero {padding:30px 0 35px;}
 .km-subhero h1 {font-size:clamp(30px,8vw,39px);}
 .km-crumbs {margin-bottom:23px;}
 .km-category-area,.km-directory-area {padding:25px 0 60px;}
 .km-category-intro {grid-template-columns:1fr;padding:20px;}
 .km-category-intro img {max-height:195px;}
 .km-section-block {margin-top:36px;}
 .km-subcategory-grid,.km-category-primary .km-software-grid,.km-software-grid,.km-related-section .km-software-grid,.km-category-aside .km-sales-stack {grid-template-columns:1fr;}
 .km-software-card {min-height:155px;}
 .km-approach-grid {grid-template-columns:1fr;}
 .km-directory-filters .btn {width:100%;}
 .km-heading-row {align-items:flex-start;flex-direction:column;gap:10px;}
}
/* Fallback for older CSS engines; modern browsers keep the clamp sizing. */
.km-starter-panel {padding:32px;padding:clamp(25px,3.2vw,38px)}
.km-starter-panel .btn {width:auto;max-width:100%;}

/* Kampusmatik PAKET 05 | Görseli olmayan, içerik bakımından güçlendirilmiş ürünler */
.km-software-excerpt{font-size:12.5px;line-height:1.6;color:#56738a;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:-4px 0 14px;}
.km-software-card-info>strong{margin-bottom:10px;}
.km-software-card:has(.km-software-excerpt){min-height:215px;}
.km-category-primary>.km-section-block:first-child{margin-top:0;}
@media (max-width:700px){.km-software-card:has(.km-software-excerpt){min-height:180px;}}


/* === Kampusmatik PAKET 22 / görsel kimlik ve görselli CTA === */
.site-brand{gap:9px;text-decoration:none;flex-shrink:0}
.site-brand .km-p22-brand-icon{display:block;width:43px;height:43px;max-height:43px;object-fit:contain;flex-shrink:0}
.km-hero-media img{aspect-ratio:1400/850}
.km-p22-cta-section{padding:32px 0 80px;background:#fff}
.km-p22-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.km-p22-cta{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:255px;padding:34px 45% 34px 32px;border-radius:22px;background-size:cover;background-position:center;text-decoration:none;overflow:hidden;box-shadow:0 12px 35px rgba(11,75,112,.12);border:1px solid rgba(255,255,255,.35)}
.km-p22-cta:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,61,101,.97),rgba(14,61,101,.77) 50%,transparent 82%)}
.km-p22-cta-analysis{background-image:url('p22/cta-analiz.webp')}
.km-p22-cta-google{background-image:url('p22/cta-haritalar.webp')}
.km-p22-cta-label{font-size:11px;font-weight:800;letter-spacing:.12em;color:#9ae0df;margin-bottom:14px}
.km-p22-cta strong{font-size:clamp(20px,2.2vw,29px);letter-spacing:-.03em;color:#fff;line-height:1.18}
.km-p22-cta-more{display:inline-flex;gap:12px;align-items:center;color:#fff;font-weight:750;font-size:13px;margin-top:20px}
.km-p22-cta:hover{transform:translateY(-2px);box-shadow:0 19px 42px rgba(12,71,109,.16)}
.km-p22-cta:focus-visible{outline:3px solid #70bccc;outline-offset:4px}
.km-category-intro img,.content-card.categories-card .card-image{object-fit:cover;background:#edf8fd}
/* Sidebar satış kartı üzerindeki dekoratif görsel içerik alanını kaplamaz. */
.km-sales-lead{position:relative;overflow:hidden;padding-bottom:105px}
.km-sales-lead:after{content:"";position:absolute;right:14px;bottom:14px;width:min(65%,200px);height:75px;background:url('p22/cta-web.webp') center/cover no-repeat;border-radius:12px;opacity:.95;pointer-events:none}
@media(max-width:1000px){.site-brand .km-p22-brand-icon{width:36px;height:36px}.km-p22-cta{padding-right:37%}}
@media(max-width:760px){.km-p22-cta-grid{grid-template-columns:1fr}.km-p22-cta{min-height:220px;padding:25px 40% 25px 25px}.km-p22-cta-section{padding-bottom:54px}}
@media(max-width:380px){.km-p22-cta{padding-right:34%}.km-p22-cta:before{background:linear-gradient(90deg,rgba(14,61,101,.98),rgba(14,61,101,.85) 60%,transparent)}}
@media(prefers-reduced-motion:reduce){.km-p22-cta{transition:none}}

/* PAKET 23: Yerel SEO merkez sayfasi */
.km-local-intro{max-width:820px;margin-bottom:40px}.km-local-intro p{line-height:1.8;color:#526c82}.km-local-group{margin:0 0 48px}.km-local-group-head{margin-bottom:18px}.km-local-group-head h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 5px;color:#173c5f}.km-local-group-head p{margin:0;color:#5c7186}.km-local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.km-local-card{display:block;padding:24px;border:1px solid #d9e5ef;border-radius:18px;background:#fafdff;color:#163e62;text-decoration:none;box-shadow:0 12px 25px rgba(25,64,100,.035);transition:transform .2s,border-color .2s}.km-local-card:hover,.km-local-card:focus-visible{transform:translateY(-3px);border-color:#92bddc}.km-local-tag{font-weight:800;letter-spacing:.08em;font-size:.65rem;color:#278195}.km-local-card h3{font-size:1.1rem;line-height:1.35;margin:10px 0}.km-local-card p{line-height:1.7;color:#516e84;font-size:.92rem;margin:0 0 17px}.km-local-arrow{color:#0c608d;font-weight:750;font-size:.89rem}.km-local-bottom-cta{padding:28px;border-radius:20px;background:#eaf5fb;display:flex;align-items:center;justify-content:space-between;gap:20px}.km-local-bottom-cta h2{margin:8px 0;color:#173c5f}.km-local-bottom-cta p{color:#456681;margin:0}.km-local-bottom-cta .btn{flex-shrink:0}@media(max-width:1000px){.km-local-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:670px){.km-local-grid{grid-template-columns:1fr}.km-local-bottom-cta{flex-direction:column;align-items:flex-start}.km-local-card{padding:19px}}

/* PAKET 24 premium görsel güncellemesi */
.site-brand{gap:14px;align-items:center}
.site-brand > img:not(.km-p22-brand-icon){display:block;height:60px;width:auto;max-width:min(360px,40vw);object-fit:contain}
@media (max-width: 860px){.site-brand > img:not(.km-p22-brand-icon){height:52px;max-width:260px}}
@media (max-width: 640px){.site-brand > img:not(.km-p22-brand-icon){height:44px;max-width:210px}}
.km-hero-media img{aspect-ratio:1672/941}

/* PAKET 26: ürün kartlarının görselleri düzenli ve tek oranda görünür */
.km-software-grid>.content-card.products-card .card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#ecf6fd}
.km-software-grid>.content-card.products-card .card-media img{display:block;width:100%;height:100%;object-fit:cover}
.km26-starter-image{aspect-ratio:16/9;overflow:hidden;margin-bottom:24px}
.km26-starter-image img{width:100%;height:100%;object-fit:cover}


/* PAKET 27 - ana sayfa görsel zenginleştirme ve CTA güçlendirme */
.km-home-hero-slider{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.km-home-slide{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;background:#fff;border:1px solid #d7e6ef;border-radius:18px;padding:14px;text-decoration:none;box-shadow:0 10px 28px rgba(17,67,103,.06)}
.km-home-slide img{width:100%;height:78px;object-fit:cover;border-radius:12px;background:#eaf3f9}
.km-home-slide strong{display:block;color:#163d5f;font-size:17px;line-height:1.25;margin-bottom:4px}
.km-home-slide span{display:block;color:#607b90;font-size:13px;line-height:1.65}
.km-home-slide:hover{transform:translateY(-2px);border-color:#97bfce;box-shadow:0 16px 32px rgba(17,67,103,.1)}
.km-p27-cta-section{padding-top:10px;padding-bottom:22px}
.km-p27-cta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.km-p27-cta-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:250px;background:#fff;border:1px solid #dbe7f0;border-radius:22px;padding:16px;text-decoration:none;box-shadow:0 18px 36px rgba(18,69,104,.08)}
.km-p27-cta-card img{width:100%;height:128px;object-fit:cover;border-radius:14px;background:#eaf4f9}
.km-p27-cta-label{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#f07d21}
.km-p27-cta-card strong{color:#143d5d;font-size:24px;line-height:1.22;letter-spacing:-.02em}
.km-p27-cta-more{margin-top:auto;color:#165784;font-size:14px;font-weight:800}
.km-p27-cta-card:hover{transform:translateY(-3px);border-color:#9ac3d2;box-shadow:0 24px 42px rgba(18,69,104,.12)}
.km-p27-main-cta{background:linear-gradient(120deg,#113c61 0%,#175c84 60%,#1d7796 100%)}
.social-links--rich{display:flex;flex-wrap:wrap;gap:10px}
.social-links--rich a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.social-links--rich svg{width:18px;height:18px}
@media (max-width:980px){.km-home-hero-slider,.km-p27-cta-grid{grid-template-columns:1fr}.km-home-slide{grid-template-columns:90px 1fr}.km-p27-cta-card strong{font-size:21px}}
@media (max-width:640px){.km-home-slide{grid-template-columns:1fr}.km-home-slide img{height:146px}}

/* PAKET 28: Fotogerçekçi içerik görselleri, daha dolu ana sayfa. */
html{scroll-padding-top:122px}
.content-card.services-card .card-media,.content-card.posts-card .card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9f3f8}
.content-card.services-card .card-media img,.content-card.posts-card .card-media img{display:block;width:100%;height:100%;object-fit:cover}
.km-home-hero-slider{gap:18px;margin-top:30px;align-items:stretch}
.km-home-slide{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:295px;overflow:hidden;background:#fff;border-radius:20px}
.km-home-slide img{display:block;width:100%;height:180px;object-fit:cover;border-radius:0}
.km-home-slide div{padding:18px 20px 22px}
.km-home-slide strong{font-size:20px;margin:0 0 7px}
.km-home-slide span{font-size:14px;line-height:1.65}
.km-p27-cta-card{padding:0;gap:0;min-height:355px}
.km-p27-cta-card img{height:184px;border-radius:0;object-fit:cover}
.km-p27-cta-card .km-p27-cta-label{padding:16px 19px 0;margin-bottom:6px}
.km-p27-cta-card strong{padding:0 19px;font-size:21px;line-height:1.3}
.km-p27-cta-card .km-p27-cta-more{padding:11px 19px 20px}
.km-home-hero{padding-bottom:44px}
.home-feature{padding:clamp(32px,5vw,68px) 0}
.home-feature-inner{overflow:hidden;border:1px solid #d6e5ee;border-radius:24px;box-shadow:0 18px 38px rgba(15,61,99,.08);background:linear-gradient(125deg,#fff 0%,#f3fbff 100%)}
.home-feature-copy{padding:clamp(28px,4vw,62px)}
.home-feature-copy h2{max-width:620px}
.home-feature-copy p{line-height:1.85;max-width:620px}
.home-feature-media{min-height:380px;background:#edf6fb}
.home-feature-media img{width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center}
.km28-feature-benefits{list-style:none;padding:0;margin:21px 0 28px;display:grid;gap:11px}
.km28-feature-benefits li{color:#245373;font-size:14px;line-height:1.55;font-weight:670;display:flex;align-items:flex-start;gap:10px}
.km28-feature-benefits li:before{content:'✓';color:#098c92;font-weight:900;flex-shrink:0}
.km28-home-proof{padding:35px 0 72px;background:#fff}
.km28-proof-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(25px,5vw,75px);align-items:center}
.km28-proof-grid h2{font-size:clamp(27px,3vw,42px);letter-spacing:-.03em;line-height:1.18;color:#143b5d;margin:12px 0 17px}
.km28-proof-grid p{font-size:16px;line-height:1.83;color:#57748c;max-width:720px}
.km28-proof-list{display:grid;gap:14px}
.km28-proof-list article{border:1px solid #d6e6ef;border-radius:16px;background:#f8fbfe;padding:19px 22px;box-shadow:0 8px 22px rgba(14,60,100,.04)}
.km28-proof-list strong{display:block;color:#183d5d;font-size:17px;margin-bottom:6px}
.km28-proof-list span{display:block;color:#5c788c;line-height:1.7;font-size:14px}
@media(max-width:1000px){.km28-proof-grid{grid-template-columns:1fr}.home-feature-media img{min-height:300px}}
@media(max-width:680px){html{scroll-padding-top:92px}.km-home-slide img{height:170px}.km-home-slide{min-height:0}.home-feature-copy{padding:24px}.home-feature-media{min-height:230px}.home-feature-media img{min-height:230px}.km28-home-proof{padding:22px 0 46px}}
.km-p27-main-cta{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(100deg,#113c61 0%,#17577c 58%,#176f87 100%)}
.km-p27-main-cta:before{content:"";position:absolute;inset:0 0 0 55%;z-index:-1;background:url('p28/banner-iletisim.webp') center/cover no-repeat;opacity:.32;pointer-events:none}
.km-p27-main-cta>div,.km-p27-main-cta>a{position:relative;z-index:1}
@media(max-width:700px){.km-p27-main-cta:before{inset:50% 0 0 5%;opacity:.12}}

/* PAKET 29 - kategori görseli, WhatsApp, daha dengeli boşluklar */
.km29-category-cover{margin:0 0 24px;border-radius:22px;overflow:hidden;position:relative;border:1px solid #dbe7f1;background:#eaf4f9}
.km29-category-cover img{display:block;width:100%;height:clamp(220px,28vw,380px);object-fit:cover}
.km29-category-cover figcaption{position:absolute;left:16px;bottom:16px;background:rgba(11,50,82,.89);color:#fff;border-radius:10px;padding:12px 16px;font-weight:800}
.km29-whatsapp-cta{display:inline-flex;align-items:center;gap:9px;background:#147d65;color:white!important;font-weight:800;padding:11px 14px;border-radius:10px;text-decoration:none}
.km29-whatsapp-cta svg{width:18px;height:18px}
.km29-whatsapp-note{font-size:13px;line-height:1.5;color:#52697b}
.km-category-area{padding-top:32px!important}
.km-section-block{margin-top:34px;margin-bottom:34px}
@media(max-width:767px){.km29-category-cover img{height:220px}.km-category-area{padding-top:20px!important}}


/* PAKET 43 - sidebar gorsel, daha kompakt baslik duzeni ve WhatsApp baglantisi */
.km-sales-lead{padding-bottom:22px!important}
.km-sales-lead:after{display:none!important}
.km-sales-visual{display:block;width:100%;height:132px;object-fit:cover;border-radius:14px;background:#eaf4f9;margin-top:16px}
.contact-info-card .km29-whatsapp-note{margin:8px 0 12px}
@media(max-width:760px){.km-sales-visual{height:160px}}


/* PAKET 46: Kurumsal header & 16 kategorili mega menu (sadece Kampusmatik katmani) */
.site-header{z-index:70;background:rgba(255,255,255,.98);box-shadow:0 7px 22px rgba(22,60,93,.045);border-bottom:1px solid #d8e7ed}
.header-row{min-height:79px;gap:clamp(15px,2vw,29px)}
.site-brand{flex-shrink:0}
.site-navigation{gap:3px}
.site-navigation>a,.site-navigation .nav-dropdown-link{font-weight:800;letter-spacing:-.014em;border-radius:10px}
.site-navigation>a.is-active,.site-navigation .nav-dropdown.is-active>.nav-dropdown-link,.site-navigation>a:hover{background:#eaf5f9;color:#105a78}
.site-navigation .nav-dropdown.km46-mega-wrap>.nav-dropdown-link{color:#106781;background:#e5f5f7;padding-left:14px;padding-right:10px}
.site-navigation .nav-dropdown.km46-mega-wrap>.nav-dropdown-link:hover{background:#cceef1}
.utility-bar{background:#122d4c;color:#edf9fd}
.km46-utility-message{font-size:10px;font-weight:850;letter-spacing:.085em;opacity:.92}
.km46-utility-message span{color:#54d0c7;margin:0 7px}
.km46-mega-kicker{font-size:11px;font-weight:850;letter-spacing:.1em;color:#11adbc}
.km46-mega-feature{position:relative;padding:24px 22px 18px;background:linear-gradient(155deg,#143c60 0%,#1a5872 48%,#1b6f89 100%);color:#fff;display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate}
.km46-mega-feature h3{font-size:24px;line-height:1.16;letter-spacing:-.025em;margin:10px 0 12px;color:#fff}
.km46-mega-feature p{font-size:13px;line-height:1.75;color:#e1f0f8;margin:0 0 17px}
.km46-mega-feature>a{font-weight:850;color:#fff;background:#138c9c;display:inline-flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:9px;text-decoration:none;font-size:12px}
.km46-mega-feature>a:hover{background:#0dabb3;color:#fff}
.km46-mega-feature::before{content:'';position:absolute;inset:auto auto -58px -54px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 68%);z-index:-1}
.km46-mega-feature::after{content:'';position:absolute;top:-38px;right:-36px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(255,186,104,.18) 0%,rgba(255,186,104,0) 72%);z-index:-1}
.km46-mega-feature img{width:100%;height:138px;max-width:none;object-fit:cover;margin:14px 0 0;display:block;border-radius:18px;box-shadow:0 18px 36px rgba(5,26,43,.26)}
.km46-mega-main{min-width:0;display:flex;flex-direction:column;padding:25px 23px 16px}
.km46-mega-top{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #e5eef5}
.km46-mega-top strong{color:#163d5d;font-weight:850;font-size:16px}
.km46-mega-top span{color:#5b8391;font-weight:800;font-size:11px;background:#e7f5f8;padding:6px 10px;border-radius:40px}
.km46-mega-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.km46-mega-column{min-width:0}
.km46-mega-column h4{font-size:11px;letter-spacing:.065em;text-transform:uppercase;color:#02849b;margin:0 0 12px;font-weight:850}
.km46-mega-column a{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#2d506c;font-size:12px;font-weight:730;line-height:1.5;text-decoration:none;border-radius:12px;padding:10px 10px;border:1px solid transparent;white-space:normal;min-height:49px;background:linear-gradient(180deg,#fff,#fbfdff)}
.km46-mega-column a span{color:#60a8b6;opacity:0;transition:opacity .15s,transform .15s;flex-shrink:0}
.km46-mega-column a:hover{background:#eef8fb;color:#0a7894;border-color:#d9eef5;padding-left:12px;box-shadow:0 10px 20px rgba(17,104,129,.08)}
.km46-mega-column a:hover span{opacity:1;transform:translate(2px,-2px)}
.km46-mega-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 4px 0;color:#607e91;font-size:12px;font-weight:680}
.km46-mega-bottom a{color:#027f93;font-size:12px;font-weight:850;text-decoration:none}
.km46-mega-bottom a:hover{text-decoration:underline}
/* Gorselsiz/eskimis anasayfa kartlarinin kurumsal sunumu */
.km-service-section .content-card,.km-home-hero-slider .km-home-slide,.km-p27-cta-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.km-service-section .content-card:hover,.km-p27-cta-card:hover{transform:translateY(-4px);box-shadow:0 22px 42px rgba(11,54,84,.12)}
.km-service-section .card-media{background:#eaf5fa;overflow:hidden}
.km-service-section .card-media img,.content-card.products-card .card-media img,.content-card.categories-card .card-media img{object-fit:cover;display:block;width:100%;height:100%}
.km-home-hero-slider .km-home-slide img{object-position:center}
.km-home-hero-slider .km-home-slide:focus-visible,.km46-mega a:focus-visible{outline:3px solid #08a4af;outline-offset:3px}
@media (min-width:861px){
  .site-header .header-row,.site-header .site-navigation,.site-header .nav-dropdown.km46-mega-wrap{position:static}
  .site-header .nav-dropdown.km46-mega-wrap .km46-mega{position:absolute;top:calc(100% - 1px);left:50%;width:min(1170px,calc(100vw - 30px));min-width:0;max-height:min(530px,calc(100vh - 95px));overflow-y:auto;display:grid;grid-template-columns:255px minmax(0,1fr);gap:0;padding:0;border-radius:0 0 24px 24px;border:1px solid #d9e8f0;box-shadow:0 27px 60px rgba(10,40,70,.18);transform:translate(-50%,12px);overflow:hidden;background:#fff}
  .site-header .nav-dropdown.km46-mega-wrap:hover .km46-mega,
  .site-header .nav-dropdown.km46-mega-wrap:focus-within .km46-mega,
  .site-header .nav-dropdown.km46-mega-wrap.is-open .km46-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
  .site-header .nav-dropdown.km46-mega-wrap .km46-mega::before{display:none}
  .nav-dropdown.is-open>.nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
}
@media(max-width:1170px) and (min-width:861px){
  .site-brand img{max-width:218px}
  .site-navigation>a,.site-navigation .nav-dropdown-link{font-size:12px;padding-inline:8px}
  .km46-mega-feature{padding-inline:17px}
  .km46-mega-column a{font-size:11px}
  .km46-mega-columns{gap:7px}
}
@media(max-width:860px){
  .km46-utility-message{font-size:9px;letter-spacing:.01em}
  .site-navigation.is-open{max-height:calc(100vh - 85px);overflow-y:auto;overscroll-behavior:contain;z-index:65}
  .site-header .nav-dropdown.km46-mega-wrap .km46-mega{display:none;position:static;grid-column:1/-1;grid-template-columns:1fr;width:100%;max-height:none;overflow:visible;padding:0;margin:5px 0 12px;box-shadow:none;border:1px solid #dfeef4;transform:none}
  .site-header .nav-dropdown.km46-mega-wrap.is-open .km46-mega{display:grid;opacity:1;visibility:visible;pointer-events:auto}
  .km46-mega-feature{padding:18px;border-radius:9px 9px 0 0}
  .km46-mega-feature h3{font-size:20px}
  .km46-mega-feature img{display:none}
  .km46-mega-main{padding:15px}
  .km46-mega-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
  .km46-mega-bottom{padding-top:17px}
}
@media(max-width:580px){
  .km46-utility-message{display:none}
  .utility-actions{margin-left:auto}
  .site-header .header-row{gap:10px;min-height:70px}
  .km46-mega-columns{grid-template-columns:1fr;gap:15px}
  .km46-mega-column a{min-height:40px;padding:7px 10px}
  .km46-mega-feature{padding:15px}
  .km46-mega-main{padding:15px}
}
@media(prefers-reduced-motion:reduce){.km-service-section .content-card,.km46-mega a{transition:none}}


/* PAKET 51 - Iletisim sayfasinda iki dogrudan e-posta adresinin gorunumu */
.km51-contact-email-list{display:grid;gap:9px;margin-top:13px}
.km51-contact-email-list a{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;border:1px solid #d8e9f2;border-radius:12px;background:#f8fcff;color:#173e5e;text-decoration:none;transition:background .15s,border-color .15s}
.km51-contact-email-list a:hover,.km51-contact-email-list a:focus-visible{background:#edf7fb;border-color:#9dcddd}
.km51-contact-email-list a svg{flex:0 0 21px;width:21px;height:21px}
.km51-contact-email-list a span{display:flex;flex-direction:column;gap:3px;min-width:0}
.km51-contact-email-list a small{font-size:11px;line-height:1.3;color:#688396;font-weight:700}
.km51-contact-email-list a strong{font-size:14px;line-height:1.4;color:#154a70;overflow-wrap:anywhere}

/* PAKET 51: Mega menu gecisinde kaybolmayi onleyen JS icin stabil acik durum */
@media(min-width:861px){
  .site-header .nav-dropdown.km46-mega-wrap.is-open .km46-mega {
    opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);
  }
}