/* =========================================================
   theme.css — KAMUSEARCH (Blog & Post ortak tema, tam sürüm)
   Tüm inline CSS tek dosyada birleştirildi.
   ========================================================= */

/* ------------------------------ */
/* Renk değişkenleri              */
/* ------------------------------ */
:root{
  --navy:#001020;
  --gold:#F0C000;
  --goldSoft:#F8E48A;
  --goldSoft2:#F0D040;
  --red:#D62828;
  --mist:#F4F6F8;
  --ink:#0f172a;

  /* Marka alt renkleri */
  --bfRed:#8F3A84;
  --lexRed:#E02727;
  --lexBlue:#000000;

  /* KS Protocol (banner) */
  --ks-bg: linear-gradient(135deg,#0b1b2b 0%, #1a2e46 60%, #203549 100%);
  --ks-fg: #eef4ff;
  --ks-pill-bg: rgba(255,255,255,.08);
  --ks-pill-fg: #eaf0ff;
  --ks-accent: #7dd3fc;
  --ks-shadow: 0 10px 20px rgba(0,0,0,.15);
}

/* ------------------------------ */
/* Genel reset ve tipografi       */
/* ------------------------------ */
*{ box-sizing:border-box }
html,body{ margin:0; padding:0 }
body{
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans;
  color:var(--ink);
  background:#fff;
}

/* ------------------------------ */
/* Arka plan blob + degrade       */
/* ------------------------------ */
.wrap,
.ks-wrap{
  min-height:100vh;
  position:relative;
  overflow:hidden; /* NOT: dropdown için mobilde fixed kullanıyoruz; clip olmaz */
}
.wrap::before,
.ks-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(1100px 520px at 85% -10%, rgba(240,208,64,.18), transparent 55%),
    radial-gradient(900px 500px at -10% 10%, rgba(0,16,32,.10), transparent 60%),
    linear-gradient(180deg, var(--mist), #fff 40%);
}
/* Sayfa içi dekoratif bloblar */
.ks-blob-a{
  position:absolute; top:-140px; right:-140px;
  width:520px; height:520px; border-radius:50%;
  filter:blur(40px);
  background:conic-gradient(from 210deg, rgba(240,208,64,0.4), rgba(240,192,0,0.2), transparent 60%);
  z-index:0;
}
.ks-blob-b{
  position:absolute; bottom:-180px; left:-160px;
  width:620px; height:620px; border-radius:50%;
  filter:blur(50px);
  background:radial-gradient(closest-side, rgba(0,16,32,0.15), transparent);
  z-index:0;
}

/* ------------------------------ */
/* Üst sabit mini rozet (opsiyon) */
/* ------------------------------ */
.ks-badge{
  position:fixed; left:12px; top:12px; z-index:10;
  display:inline-flex; align-items:center;
  border-radius:9999px;
  box-shadow:0 6px 20px rgba(0,0,0,.15);
  overflow:hidden; border:1px solid rgba(0,0,0,.1);
}
.ks-badge .kamusearch{
  display:inline-flex; align-items:center;
  background:var(--navy); font-weight:800; font-size:12px; letter-spacing:.06em;
}
.ks-badge .kamusearch .kamu{ color:var(--red); padding:6px 0 6px 12px; }
.ks-badge .kamusearch .search{ color:#fff; padding:6px 12px 6px 2px; }
.ks-badge .vt{
  background:var(--gold); color:#1a1a1a; padding:6px 10px;
  font-weight:700; letter-spacing:.05em; font-size:10px;
}

/* ------------------------------ */
/* Sticky top minimal nav (opsiyon) */
.top{
  position:sticky; top:0; z-index:5;
  background:rgba(255,255,255,.85); backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(2,6,23,.08);
}
.nav{
  max-width:1120px; margin:0 auto; padding:12px 16px;
  display:flex; gap:12px; flex-wrap:wrap; align-items:center;
}
.brand{ font-weight:900; letter-spacing:.02em; color:var(--navy) }
.nav a{
  margin-right:8px; text-decoration:none; color:#1f2937;
  border:1px solid rgba(2,6,23,.10);
  padding:6px 10px; border-radius:9999px; font-size:13px;
  background:rgba(255,255,255,.85)
}
.nav a:hover{ filter:brightness(1.05) }

/* ------------------------------ */
/* HERO başlık                    */
.ks-hero,
.hero{
  position:relative; z-index:1;
  padding:30px 16px 38px;
  max-width:1120px;
  margin:0 auto;
  text-align:left;
}
.hero{ padding:52px 16px 12px } /* blog varyantı */
@media (max-width:560px){
  .ks-hero{ text-align:center }
}

.ks-title,
.h1{
  font-weight:900; letter-spacing:-0.01em; color:var(--navy);
  font-size:clamp(26px, 6vw, 56px);
  margin:0;
}
.h1{ font-size:clamp(24px, 6vw, 56px) }
.ks-title .kamu, .h1 .kamu{ color:var(--red) }
.ks-title .search, .h1 .search{ color:var(--navy); margin-left:-.02em }

/* Başlıktaki link: tüm underline/box-shadow efektlerini kapat */
h1.ks-title{
  border:0 !important; background:none !important; box-shadow:none !important;
}
h1.ks-title > a,
h1.ks-title > a:link,
h1.ks-title > a:visited,
h1.ks-title > a:hover,
h1.ks-title > a:active{
  text-decoration:none !important;
  color:inherit !important;
  background:none !important;
  box-shadow:none !important;
  border:0 !important; border-bottom:0 !important;
  display:inline-block;
}

/* HERO alt metinler (genel) */
.ks-tag{ margin-top:12px; font-size:clamp(16px, 2.4vw, 20px); color:#334155 }



/* HERO alt metin: MASAÜSTÜ (kutulu/frosted) — medya DIŞINDA */
.ks-hero > .ks-tag{
  display:inline-block;
  margin-top:12px;
  padding:8px 14px;
  font-size:14px;
  font-weight:800;
  color:#0b1220;

  background:rgba(255,255,255,.60);
  border:1px solid rgba(2,6,23,.12);
  border-radius:4px;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  text-shadow:0 0 8px rgba(0,0,0,.06);
}

@media (max-width:750px){
.ks-hero > .ks-tag {
    font-size:12px;   /* örnek: mobilde biraz daha küçük */
    padding:12px 14px;
  }
}

.ks-sub, .pill{
  margin-top:10px; display:inline-flex; align-items:center; gap:8px;
  font-size:12px; color:#475569;
  border:1px solid rgba(0,16,32,.15);
  background:rgba(255,255,255,.8); backdrop-filter:blur(6px);
  padding:8px 12px; border-radius:9999px;
}
.pill{ margin:12px auto 0 }

/* ------------------------------ */
/* Bölüm & Grid                   */
.ks-section, .sec{
  position:relative; z-index:1; max-width:1120px; margin:0 auto;
  padding:0 16px 64px;
}
.ks-h2, .h2{
  text-align:center; font-weight:800; margin:18px 0 22px;
  font-size:clamp(20px, 3vw, 28px);
}

/* Grid yapısı */
.ks-grid, .grid{
  display:grid; grid-template-columns:1fr; gap:18px;
}
@media (min-width:860px){
  .ks-grid{ grid-template-columns:repeat(3,1fr); gap:24px }
  .grid{ grid-template-columns:repeat(3,1fr); gap:22px }
}

/* Özel: 2 kartı ortala */
.ks-grid.ks-center{
  grid-template-columns: repeat(auto-fit, minmax(260px, 340px));
  justify-content:center;
  align-content:start;
  margin-left:auto; margin-right:auto;
}
@media (max-width:560px){
  .ks-grid.ks-center{ grid-template-columns:1fr }
}

/* ------------------------------ */
/* Kart (yastık kutu)             */
.ks-card, .card{
  text-decoration:none; color:inherit;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  padding:10px 18px; text-align:center;

  border-radius:4px; border:1px solid rgba(2,6,23,.12);
  background:rgba(255,255,255,.92); backdrop-filter:blur(6px);
  box-shadow:0 6px 20px rgba(15,23,42,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}

.ks-card-anasayfa, .card{
  text-decoration:none; color:inherit;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  padding:40px 18px; text-align:center;

  border-radius:4px; border:1px solid rgba(2,6,23,.12);
  background:rgba(255,255,255,.92); backdrop-filter:blur(6px);
  box-shadow:0 6px 20px rgba(15,23,42,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
.card{ align-items:flex-start; padding:22px }
.ks-card:hover, .card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(15,23,42,.12);
}
.ks-card-t{ font-size:22px; font-weight:900; letter-spacing:-.01em; margin-bottom:8px }
.ks-card-d{ color:#475569; line-height:1.5; font-size:14px }
.title{ font-weight:900; letter-spacing:-.01em; font-size:clamp(16px,2.6vw,20px); margin-bottom:6px }
.ex{ color:#475569; line-height:1.55; font-size:clamp(13px,2.4vw,14px) }
.meta{ color:#64748b; font-size:12px; margin-top:8px }

/* Marka renk yardımcıları */
.lex{ color:var(--lexRed) } .search{ color:var(--lexBlue) }
.karar{ color:var(--gold) } .turk{ color:var(--navy) }
.mali{ color:var(--bfRed) } .mevzuat{ color:var(--navy) }
.kamu{ color:var(--red) } .search{ color:var(--navy) }

/* ------------------------------ */
/* Makale içerik / tek yazı       */
.ks-article{ position:relative; z-index:1; max-width:1115px; margin:0 auto 72px; padding:0 16px }
.ks-post-title, .post-title{
  font-weight:900; letter-spacing:-.01em; color:#0a1220;
  font-size:clamp(22px,5.5vw,40px); margin:6px 0 6px; text-align:left;
}
.ks-post-meta, .post-meta{ text-align:left; color:#475569; font-size:13px; margin-bottom:56px }
.ks-content, .content{
  color:#1f2937; line-height:1.9; font-size:20px;
  max-width:1100px; margin:26px auto 64px; padding:0 0px;
}
.content{ font-size:16px; line-height:1.9 }
.ks-content img, .content img{ max-width:100%; height:auto; border-radius:4px }

/* Breadcrumb (opsiyon) */
.bread{ max-width:1120px; margin:0 auto; padding:0 16px; color:#334155 }
.bread a{ text-decoration:none; color:#334155 }

/* ------------------------------ */
/* Bölüm ayırıcı                  */
.ks-divider{
  position:relative; max-width:860px; height:3px; margin:48px auto;
  background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.15) 50%, rgba(255,255,255,0) 100%);
  border-radius:9999px; filter:blur(0.5px);
}

/* ------------------------------ */
/* Dış Sitelerde Arama Modülü     */
.ext-search{ position:relative; z-index:1; max-width:1120px; margin:0 auto }
.ext-row{ display:flex; flex-direction:column; gap:10px }
.ext-sites{ display:flex; flex-wrap:wrap; gap:8px; justify-content:center }
.ext-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border:1px solid rgba(2,6,23,.12);
  border-radius:4px; background:rgba(255,255,255,.9);
  cursor:pointer; user-select:none; font-weight:700; font-size:13px;
}
.ext-chip input{
  appearance:none; width:12px; height:12px;
  border:2px solid #334155; border-radius:4px; display:inline-block;
}
.ext-chip input:checked{ background:#334155 }
.ext-input-wrap{ display:flex; gap:8px; align-items:center; justify-content:center }
.ext-input{
  flex:1; max-width:720px; height:44px; padding:0 14px;
  border-radius:4px; border:1px solid rgba(2,6,23,.12);
  background:rgba(255,255,255,.95); box-shadow:0 6px 20px rgba(15,23,42,.06);
  font-size:14px;
}
.ext-btn{
  height:44px; padding:0 16px; border-radius:4px;
  border:1px solid rgba(2,6,23,.12); font-weight:800;
  background:#001020; color:#fff; cursor:pointer;
}
.ext-btn:hover{ filter:brightness(1.05) }

/* ------------------------------ */
/* Mobil uyarlamalar (genel)      */
@media (max-width:560px){
  .nav{ gap:8px }
  .nav a{ font-size:12px; padding:5px 9px }
  .hero{ padding:38px 12px 6px }
  .pill{ font-size:11px; padding:6px 10px }

  .grid{ gap:12px }
  .card{
    padding:16px; border-radius:4px;
    box-shadow:0 8px 24px rgba(15,23,42,.10);
  }
  .title{ font-size:15px }
  .ex{ font-size:13px }

  .content{ font-size:15px; line-height:1.65 }
  .ks-content{ font-size:15px; line-height:1.65 }
  .ext-input{ max-width:100%; height:40px }
  .ext-btn{ height:40px }
  .ext-chip{ padding:7px 10px }
}

/* Ekstra dar cihazlar */
@media (max-width:380px){
  .nav a{ padding:4px 8px }
  .h1{ font-size:26px }
  .card{ padding:14px }
  .title{ font-size:14px }
  .ex{ font-size:12.5px }
}

/* Öne çıkan istatistik mesajı */
.ks-highlight {
  max-width: 1120px;
  margin: 100px auto;
  padding: 24px;
  border-radius: 4px;
  background: linear-gradient(90deg, #001020, #263238);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
.ks-highlight-num { font-weight: 800; font-size: 22px; color: #D28140; }

/* Reveal animasyonu */
.ks-reveal { 
  opacity: 0; 
  transform: translateY(24px); 
  transition: opacity .6s ease, transform .6s ease; 
}
.ks-reveal.ks-reveal-in { 
  opacity: 1; 
  transform: translateY(0); 
}

/* ======= KS Protocol Banner (Vanilla) ======= */
:root{
  --ks-bg: linear-gradient(135deg,#0b1b2b 0%, #1a2e46 60%, #203549 100%);
  --ks-fg: #eef4ff;
  --ks-pill-bg: rgba(255,255,255,.08);
  --ks-pill-fg: #eaf0ff;
  --ks-accent: #7dd3fc;
  --ks-shadow: 0 10px 20px rgba(0,0,0,.15);
}
.ks-protocol-banner{
  background: var(--ks-bg);
  color: var(--ks-fg);
  border-radius: 0px;
  padding: clamp(12px, 1.8vw, 18px);
  box-shadow: var(--ks-shadow);
  position: relative;
  overflow: clip;
  isolation: isolate;
}
.ks-protocol-banner::after{
  content:"";
  position:absolute; inset:0;
  background: radial-gradient(120% 80% at 10% -20%, rgba(255,255,255,.12), transparent 50%),
              radial-gradient(90% 60% at 120% 0%, rgba(255,255,255,.06), transparent 40%);
  pointer-events:none; z-index:0;
}
.ks-protocol-inner{
  display:flex; gap:14px; align-items:center;
  position:relative; z-index:1;
  max-width: 1200px; margin: 0 auto;
}
.ks-pill{
  display:inline-flex; align-items:center; gap:10px;
  background: var(--ks-pill-bg);
  color: var(--ks-pill-fg);
  border: 1px solid rgba(255,255,255,.12);
  padding: 8px 12px;
  border-radius: 0px;
  font-weight: 600;
  letter-spacing:.2px;
  backdrop-filter: blur(4px);
  white-space: nowrap;
}
.ks-dot{
  inline-size:10px; block-size:10px; border-radius:4px;
  background: var(--ks-accent);
  box-shadow: 0 0 0 6px rgba(125,211,252,.15);
  animation: ks-pulse 2.4s ease-in-out infinite;
}
@keyframes ks-pulse{
  0%,100%{ box-shadow: 0 0 0 6px rgba(125,211,252,.15); }
  50%{    box-shadow: 0 0 0 10px rgba(125,211,252,.25); }
}
.ks-text{ margin:0; font-size: clamp(14px, 1.2vw, 16px); line-height: 1.5; opacity:.98; }
.ks-text strong{ font-weight: 800; }
.nowrap{ white-space: nowrap; }
@media (max-width: 640px){
  .ks-protocol-inner{flex-direction:column; align-items:flex-start;}
}
@media (prefers-color-scheme: dark){
  :root{
    --ks-bg: linear-gradient(135deg,#0a1622 0%, #142333 60%, #18293a 100%);
    --ks-pill-bg: rgba(255,255,255,.06);
  }
}

/* ======= Deneyim ======= */
#ks-exp2{ position:relative; max-width:1120px; margin:0 auto 64px; padding:0 16px; }
#ks-exp2 .ksx-wrap{
  display:grid; grid-template-columns:1.1fr 0.9fr; align-items:center; gap:28px;
  padding:22px; border:1px solid rgba(2,6,23,.10); border-radius:4px;
  background:
    radial-gradient(1200px 280px at 10% 10%, rgba(0,16,32,.06), transparent 60%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
#ks-exp2 .ksx-tag{
  display:inline-block; padding:4px 10px; font-weight:800; font-size:12px; letter-spacing:.4px;
  border:1px solid rgba(2,6,23,.14); border-radius:4px; background:#fff; color:#001020; margin-bottom:10px;
}
#ks-exp2 .ksx-title{ margin:0 0 8px; font-size:clamp(22px,3.2vw,32px); line-height:1.2; color:#0f172a; font-weight:900 }
#ks-exp2 .ksx-desc{ margin:0; color:#475569; font-size:15px; line-height:1.7 }
#ks-exp2 .ksx-ill{
  margin:0; position:relative; justify-self:center; width:min(520px,100%); aspect-ratio:4/3;
  border-radius:4px; overflow:hidden; border:1px solid rgba(2,6,23,.08);
  background: radial-gradient(60% 60% at 70% 30%, rgba(0,16,32,.10), transparent 70%), #ffffff;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
#ks-exp2 .ksx-ill::after{
  content:""; position:absolute; inset:-18% -18% auto auto; width:220px; height:220px;
  border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(0,16,32,.10), transparent 60%); pointer-events:none;
}
#ks-exp2 .ksx-ill img{ width:100%; height:100%; object-fit:cover; display:block }
#ks-exp2.ks-reveal{ opacity:0; transform:translateY(24px); transition:opacity .6s ease, transform .6s ease }
#ks-exp2.ks-reveal.ks-reveal-in{ opacity:1; transform:translateY(0) }
@media (max-width:900px){
  #ks-exp2 .ksx-wrap{ grid-template-columns:1fr; padding:18px }
  #ks-exp2 .ksx-ill{ order:-1; aspect-ratio:16/9 }
}

/* =========================================================
   KAMUSEARCH — Şirket Künyesi + Abonelikler (scoped)
   ========================================================= */
#ks-company .ks-comp-wrap{
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 24px;
  align-items: stretch;
}
#ks-company .ks-comp-left{
  height: 100%;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 18px 18px 20px;
  box-shadow: 0 6px 18px rgba(15,23,42,.08);
}
#ks-company .ks-comp-name{ margin: 0 0 8px; font-weight: 800; font-size: 16px; color: #0b1220; }
#ks-company .ks-comp-addr{ margin: 0 0 10px; font-style: normal; color: #475569; line-height: 1.65; }
#ks-company .ks-comp-contact{
  list-style: none; padding: 0; margin: 8px 0 0;
  display: flex; gap: 14px; flex-wrap: wrap; color: #334155;
}
#ks-company .ks-comp-contact a{
  color: #0f172a; text-decoration: none; border-bottom: 1px dashed rgba(2,6,23,.25);
}
#ks-company .ks-comp-contact a:hover{ filter: brightness(1.05); }
#ks-company .ks-comp-right{ height: 100%; display: flex; flex-direction: column; gap: 14px; }
#ks-company .ks-comp-right .ks-sub-card{
  position: relative; flex: 1 1 0; display: flex; flex-direction: column; justify-content: center;
  overflow: hidden; background: #fff; border: 1px solid #e5e7eb; border-radius: 4px;
  padding: 16px 18px 18px; box-shadow: 0 6px 18px rgba(15,23,42,.08);
  transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
}
#ks-company .ks-comp-right .ks-sub-card::before{
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--sub-accent, #334155);
  border-radius: 0;
}
#ks-company .ks-comp-right .ks-sub-card:hover{
  transform: translateY(-1px); box-shadow: 0 10px 22px rgba(15,23,42,.10); border-color: #d7dbe0;
}
#ks-company .ks-sub-title{ position: relative; z-index: 2; margin: 0; font-weight: 900; letter-spacing: -.01em; color:#0b1220; font-size: 18px; margin-bottom: 6px; }
#ks-company .ks-sub-desc{ position: relative; z-index: 2; margin: 0; color:#5b6573; font-size: 14.5px; line-height: 1.6; background: transparent; border: 0; padding: 0; }
#ks-company .ks-sub-link{ position: absolute; inset: 0; z-index: 3; border-radius: inherit; text-decoration: none; }
#ks-company .ks-sub-link:focus-visible{ outline: 3px solid color-mix(in srgb, var(--sub-accent,#334155) 40%, transparent); outline-offset: 3px; }
#ks-company .ks-comp-right .ks-sub-card:nth-child(1){ --sub-accent:#0ea5a3; }
#ks-company .ks-comp-right .ks-sub-card:nth-child(2){ --sub-accent:#7c3aed; }
@media (max-width: 900px){
  #ks-company .ks-comp-wrap{ grid-template-columns: 1fr; gap: 18px; }
  #ks-company .ks-comp-right{ height: auto; }
  #ks-company .ks-comp-right .ks-sub-card{ flex: 0 0 auto; }
}

/* ===== Hero sağ menü (masaüstü) ===== */
.ks-hero-head{
  display:flex;
  align-items:flex-end;
  gap:14px;
}
.ks-hero-nav{
  margin-left:auto;
  display:flex; gap:10px; flex-wrap:wrap;
}
.ks-hero-nav a{
  text-decoration:none;
  color:#1f2937;
  font-weight:800;
  font-size:12px;
  letter-spacing:.2px;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:120px; padding:8px 12px;
  border:1px solid rgba(2,6,23,.12);
  border-radius:2px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(6px);
  box-shadow:0 6px 20px rgba(15,23,42,.08);
}
.ks-hero-nav a:hover{ filter:brightness(1.05) }

/* ========================= */
/*   HAMBURGER MENÜ STİLİ    */
/* ========================= */

/* Varsayılan: masaüstünde gizli */
.ks-hero-actions{
  display:none;
  margin-left:auto;
  position:relative; /* konumu koru */
  align-items:center;
  z-index:auto;
}

/* Buton */
.ks-hamburger{
  inline-size:44px; block-size:44px;
  display:inline-grid; place-items:center;
  border:1px solid rgba(2,6,23,.12);
  border-radius:10px;
  background:rgba(255,255,255,.92);
  box-shadow:0 6px 20px rgba(15,23,42,.08);
  cursor:pointer;
  position:relative;
  z-index:3; /* kendi konteksi içinde */
}
.ks-hamburger .ks-bar{
  display:block; inline-size:20px; block-size:2px; background:#0b1220;
  border-radius:2px;
  transition: transform .18s ease, opacity .18s ease, translate .18s ease;
}
.ks-hamburger .ks-bar + .ks-bar{ margin-top:4px }
.ks-hamburger[aria-expanded="true"] .ks-bar:nth-child(1){ transform:rotate(45deg); translate:0 6px; }
.ks-hamburger[aria-expanded="true"] .ks-bar:nth-child(2){ opacity:0; }
.ks-hamburger[aria-expanded="true"] .ks-bar:nth-child(3){ transform:rotate(-45deg); translate:0 -6px; }

/* Açılır menü (masaüstü göreli) */
.ks-hero-menu{
  position:absolute; top:calc(100% + 8px); right:0;
  min-inline-size:180px;
  margin:0; padding:8px; list-style:none;
  background:#fff;
  border:1px solid rgba(2,6,23,.12);
  border-radius:4px;
  box-shadow:0 16px 36px rgba(15,23,42,.16);
  z-index:2; /* kendi konteksi içinde menü, overlay’in üstü */
  opacity:0; transform:translateY(-6px) scale(.98);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
}
.ks-hero-menu.open{ opacity:1; transform:translateY(0) scale(1); pointer-events:auto; }
.ks-hero-menu a{
  display:block; padding:10px 12px;
  text-decoration:none; color:#1f2937;
  border-radius:4px; font-weight:800; font-size:14px;
}
.ks-hero-menu a:hover{ background:#f3f4f6 }

/* ========================= */
/*   MOBİL DÜZEN (≤860px)    */
/* ========================= */
@media (max-width:860px){
  .ks-hero{ text-align:center; }

  /* Başlık hizası */
  .ks-hero-head{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .ks-title{ margin:0 auto; }

  /* Masaüstü menü gizli, hamburger görünür */
  .ks-hero-nav{ display:none !important; }
  .ks-hero-actions{ display:flex !important; }   /* konum relative, değişmiyor */

  /* AÇIKKEN: sadece öne çıkar + overlay ekle (konum sabit) */
  .ks-hero-actions:has(.ks-hero-menu.open){
    z-index:999999;          /* tüm site öğelerinin önüne */
    position:relative;       /* mevcut akışta kalsın */
  }
  .ks-hero-actions:has(.ks-hero-menu.open)::after{
    content:"";
    position:fixed; inset:0; /* tam ekran overlay */
    background:rgba(0,0,0,.12);
    backdrop-filter:blur(1px);
    z-index:1;               /* menünün ALTINDA, sitenin ÜSTÜNDE */
  }

  /* Menü konumu değişmez; sadece görünürlük ve yükseklik sınırı */
  .ks-hero-menu{
    position:absolute;       /* yerini koru */
    top:calc(100% + 8px);
    right:0;
    max-height:calc(100vh - 80px);
    overflow:auto;
  }

  /* ks-tag kutusunu ortala */
  .ks-hero > .ks-tag{
    display:block;
    margin:10px auto 0 !important;
    text-align:center;
  }
}


/* Menü açıkken tüm sayfanın üstüne çıkar (konumu değişmez) */
@media (max-width:860px){
  .ks-hero:has(.ks-hero-menu.open){
    position: relative;           /* stacking context */
    z-index: 1000000 !important;  /* ks-section (z:1) üstüne */
  }
  .ks-hero-actions:has(.ks-hero-menu.open){
    z-index: 1000001 !important;  /* menü + buton en üstte */
  }
}



/* ===================== */
/*  MANŞET / SLIDER — TAM SÜRÜM (Video Destekli, Mobilde Kırpma Yok)  */
/* ===================== */
/* MANŞET / SLIDER — parçacıklı (tile) geçiş */
/* ================================
   MANŞET / SLIDER — Tile Transition
   ================================ */
.ks-manset{
  position:relative; z-index:1;
  max-width:1120px; margin:0 auto 64px; padding:0;
  border-radius:0px;
  overflow:hidden;
  border:0;
  background:#000;

  /* Fluu, kadifemsi çerçeve */
  box-shadow:
    0 0 0 0px rgba(255,255,255,.06),   /* ince iç kontur */
    0 0 0px rgba(0,0,0,.6),            /* yumuşak dış gölge */
    0 0px 0px rgba(0,0,0,.4);          /* daha geniş fluu tabaka */
}
.ks-manset-viewport{
  position:relative;
  aspect-ratio:16/7;           /* JS aktif görsele göre güncelliyor (masaüstü) */
  overflow:hidden;
  border-radius:inherit;
}

/* Slayt */
.ks-slide{
  margin:0; position:absolute; inset:0;
  opacity:0; pointer-events:none;
}
.ks-slide.is-active,
.ks-slide.is-leaving{
  opacity:1; pointer-events:auto;
}

/* Orijinal medya: <img> ve <video> */
.ks-slide > img,
.ks-slide > video{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;            /* Masaüstü: güçlü görünüm için kırpabilir */
  object-position:center;
  display:block;
  opacity:1;
  z-index:1;
  background:#000;             /* Letterbox bantlar için zemin */
}

/* Parçalar konteyneri (JS oluşturur) — varsayılan gizli */
.ks-tiles{
  position:absolute; inset:0;
  display:none;
  grid-template-columns:repeat(var(--cols,6), 1fr);
  grid-template-rows:repeat(var(--rows,6), 1fr);
  z-index:2;
}

/* Sadece animasyon sırasında görünür */
.ks-slide.is-animating .ks-tiles{ display:grid; }

/* Tek bir parça */
.ks-tile{
  background-repeat:no-repeat;
  background-size:calc(var(--cols,6) * 100%) calc(var(--rows,6) * 100%);
  background-position:var(--bgx) var(--bgy);
  transform:translate3d(0,0,0) scale(.9) rotate(var(--rot, 6deg));
  opacity:0;
  will-change:transform, opacity;
}

/* Giriş animasyonu (yeni slayt) */
.ks-slide.is-active.is-animating .ks-tile{
  animation-name:ksTileIn;
  animation-duration:var(--durIn, 900ms);
  animation-timing-function:cubic-bezier(.2,.6,.2,1);
  animation-fill-mode:forwards;
  animation-delay:var(--delay, 0ms);
}

/* Çıkış animasyonu (ayrılan slayt) */
.ks-slide.is-leaving.is-animating .ks-tile{
  animation-name:ksTileOut;
  animation-duration:var(--durOut, 920ms);
  animation-timing-function:cubic-bezier(.4,0,.6,1);
  animation-fill-mode:forwards;
  animation-delay:var(--delay, 0ms);
}

/* Parçacık doğuşu */
@keyframes ksTileIn{
  0%   { opacity:0; transform:translate3d(0,0,0) scale(.9) rotate(var(--rot,6deg)); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
}

/* Parçacık dağılması */
@keyframes ksTileOut{
  0%   { opacity:1; transform:translate3d(0,0,0) scale(1) rotate(0deg); }
  100% { opacity:0; transform:
    translate3d(calc(var(--tx,0) * 18px), calc(var(--ty,0) * 18px), 0)
    scale(.85) rotate(-8deg);
  }
}

/* Altyazı */
.ks-slide figcaption{
  position:absolute; left:16px; bottom:16px; z-index:5;
  margin:0; padding:10px 14px;
  font-weight:800; color:#fff; font-size:14px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(255,255,255,.2);
  border-radius:4px; backdrop-filter:blur(6px);
  max-width:min(70%,540px);
}

/* Oklar */
.ks-arrow{
  position:absolute; top:50%; translate:0 -50%;
  inline-size:40px; block-size:40px; border-radius:4px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(0,0,0,.55);
  display:grid; place-items:center; cursor:pointer;
  font-size:22px; line-height:1; color:#fff;
  z-index:10;
}
.ks-arrow:hover{ filter:brightness(1.2) }
.ks-arrow.prev{ left:12px }
.ks-arrow.next{ right:12px }

/* Noktalar */
.ks-dots{
  position:absolute; left:50%; bottom:10px; translate:-50% 0;
  display:flex; gap:8px; z-index:10;
  padding:6px 8px; border-radius:9999px;
  background:rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(6px);
}
.ks-dots button{
  inline-size:10px; block-size:10px; border-radius:9999px;
  border:0; background:#888; cursor:pointer;
}
.ks-dots button[aria-selected="true"]{ background:#fff; }

/* Mobil / Tablet ayarları */
/* 1) Oranı kademeli büyüt: 16/9 -> 4/3  */
/* 2) En küçük ekranda kırpmayı kaldır: contain + letterbox */
@media (max-width: 860px){
  .ks-manset-viewport{ aspect-ratio:16/9; }
  .ks-slide figcaption{ max-width:86%; font-size:13px }
  .ks-arrow{ inline-size:36px; block-size:36px; font-size:20px }
}

@media (max-width: 560px){
  .ks-manset{ border-radius:12px }
  .ks-manset-viewport{ aspect-ratio:4/3; } /* daha dikey alan */
  .ks-slide > img,
  .ks-slide > video{
    object-fit:contain;       /* kırpmayı kaldır */
    object-position:center;
    background:#000;          /* üst-alt bantlar */
  }
  .ks-slide figcaption{ left:10px; bottom:10px; padding:8px 10px; font-size:12px }
  .ks-arrow{ inline-size:32px; block-size:32px; font-size:18px }
  .ks-dots{ gap:6px; padding:5px 7px }
}

/* Yan oklar (‹ ›) ve dots'u gizlemek istersen aktif tut */
/* İstersen bu iki bloğu kaldırıp görünür yapabilirsin. */
.ks-manset .ks-arrow {
  display: none !important;
}
.ks-manset .ks-dots {
  display: none !important;
}

/* ===================== */
/*  MANŞET / SLIDER — SON */
/* ===================== */


/* Masaüstünde KAMUSEARCH başlığı ile alt etiket arasındaki boşluğu küçült */
@media (min-width: 861px){
  .ks-hero > .ks-tag{
    margin-top: -10px !important;   /* önce 2px deneyin; daha da yaklaşsın isterseniz 0 veya -2px */
    padding: 6px 15.6px;             /* kutuyu biraz incelttik; isterseniz eski değeri bırakabilirsiniz */
  }
}


/* === Dış arama chip'leri: seçili/seleçilmemiş arka plan === */
.ext-chip{
  background:#F7FAF9;                /* seçili değil */
  border-color:rgba(2,6,23,.12);
}

/* Modern tarayıcılar: tüm label arka planı değişsin */
.ext-chip:has(input:checked){
  background:#DEFFF5;                /* seçili chip arka planı */
  border-color:#9adbb8;
  box-shadow:0 0 0 2px rgba(0,128,96,.06) inset;
  color:#001020;                     /* yazı rengi (genel fallback) */
}

/* Normal (seçili değilken) yazı rengi */
.ext-chip span { 
  color:#001020; 
}

/* Seçili durumda yazı rengi (arka plan sabit kalır) */
.ext-chip:has(input:checked) span { 
  color:#000080;                     /* istersen #fff de olur */
}

/* Fallback: :has() desteklemeyen tarayıcılar için */
.ext-chip input:checked + span { 
  color:#000080; 
}

/* Hover ufak parlaklık */
.ext-chip:hover{ filter:brightness(1.03) }

/* (İsteğe bağlı) :has() desteklemeyen eski tarayıcılar için iç span'ı boyar */
.ext-chip input:checked + span{
  background:#D9FFE7;
  border-radius:3px;
  padding:2px 4px;                   /* label padding’ine dokunmadan hafif vurgulama */
}





/* ===== Logo (tek görsel) hizalama ===== */
.ks-logo-link{
  display:inline-flex;
  align-items:flex-end;
  text-decoration:none;
  border:0; background:none; box-shadow:none;
}
.ks-logo-img{
  display:block;
  height:52px;          /* masaüstü yükseklik */
  width:auto;
  image-rendering:auto;
}

/* Logo ile sağ menüyü aynı hizada tut */
.ks-hero-head{
  align-items:center;   /* daha dik hizalama: logo + menü */
  gap:14px;
}

/* Küçük ekranlarda logo yüksekliğini düşür */
@media (max-width: 860px){
  .ks-logo-img{ height:44px; }
}

/* Eğer .ks-tag'ı bırakırsan, logo ile arayı biraz aç */
.ks-hero > .ks-tag{
  margin-top:10px !important;  /* önce -10px vardı; logoya göre normalize ettik */
}


/* HAMBURGER her zaman tıklanabilir ve üstte olsun */
.ks-hero-actions{ position:relative; z-index: 10010 !important; }
.ks-hamburger{ z-index: 10011 !important; }

/* Açılan menüyü en üste taşı ve görünür yap */
.ks-hero-menu{
  position:absolute; top:calc(100% + 8px); right:0;
  opacity:0; transform:translateY(-6px) scale(.98);
  pointer-events:none; z-index: 10012;   /* ↑ yukarı al */
}
.ks-hero-menu.open{
  opacity:1; transform:translateY(0) scale(1);
  pointer-events:auto;
}

/* Logonun hamburger üstünü kapatmasını engelle */
.ks-logo-link{ position:relative; z-index:1; pointer-events:auto; }
@media (max-width:860px){
  .ks-hero-head{ align-items:center; gap:10px; flex-wrap:nowrap; }
  .ks-logo-img{ height:44px; }
}

/* Hamburger butonunun “şekli” bozulduysa boyutlarını sabitle */
.ks-hamburger{
  width:44px; height:44px; display:inline-grid; place-items:center;
}
.ks-hamburger .ks-bar{
  width:20px; height:2px; background:#0b1220; border-radius:2px;
}
.ks-hamburger .ks-bar + .ks-bar{ margin-top:4px; }


/* Hamburger ve menü her zaman üstte olsun, tıklama alsın */
.ks-hero-actions{ position:relative; z-index:10010 !important; }
.ks-hamburger{ z-index:10011 !important; }
.ks-hero-menu{
  position:absolute; top:calc(100% + 8px); right:0;
  z-index:10012 !important;
  opacity:0; transform:translateY(-6px) scale(.98);
  pointer-events:none;
}
.ks-hero-menu.open{
  opacity:1; transform:translateY(0) scale(1);
  pointer-events:auto;
}

/* Logonun hamburgerin önüne geçmesini engelle */
.ks-logo-link{ position:relative; z-index:1; }

/* Mobilde hizayı sabitle, çubukları düzgün göster */
@media (max-width:860px){
  .ks-hero-head{ align-items:center; gap:10px; }
  .ks-hamburger{
    width:44px; height:44px; display:inline-grid; place-items:center;
    border:1px solid rgba(2,6,23,.12); border-radius:10px;
    background:rgba(255,255,255,.92);
  }
  .ks-hamburger .ks-bar{
    width:20px; height:2px; background:#0b1220; border-radius:2px;
  }
  .ks-hamburger .ks-bar + .ks-bar{ margin-top:4px; }
}

/* Eğer daha önce eklediysen: :has(...).open overlay katmanı klikleri gölgeleyebiliyor.
   Ya tamamen kaldır ya da klik geçirsin: */
@media (max-width:860px){
  .ks-hero-actions:has(.ks-hero-menu.open)::after{ pointer-events:none; }
}