/* ==========================================================================
   Kovanlık Belediyesi — "cxp" iç sayfa şablonları · ORTAK TABAN · 2026-10-19 "zengin" tasarım dili
   Lacivert #1b5e24 + turuncu var(--ax-or, #2e9b3c) · Montserrat Black büyük harf başlık + turuncu alt çizgi · açık gri zemin #f4f8f4,
   beyaz yuvarlak kartlar (24px), yumuşak gölge · yüzen menü kartı fotoğraflı başlık bandının üstüne biner.
   Anasayfa bileşenleri (.ax-H .ax-sh .ax-all .ax-pl .ax-chip) burada da tanımlı → sayfa stilleri doğrudan kullanabilir.
   Sayfaya özgü stiller cxp-<sayfa>.css içindedir.
   ========================================================================== */
body.cx-inner--hero {
  /* eski mavi jetonlar yeni dile eşlenir → cxp-*.css'teki var(--cx-blue…) kullanımları kendiliğinden lacivert olur */
  --cx-blue: var(--ax-navy, #1b5e24); --cx-blue-500: var(--ax-navy3, #237a2e); --cx-blue-700: var(--ax-navy, #1b5e24); --cx-blue-800: var(--ax-navy2, #123a17); --cx-blue-900: var(--ax-navy2, #123a17); --cx-blue-950: #123415;
  --cx-blue-100: #eff7f0; --cx-ink: #204d24; --cx-text: #4f6e52; --cx-muted: #8da58f; --cx-line: #e5efe6; --cx-bg: #f4f8f4; --cx-soft: #f4f8f4;
  --cx-shadow: 0 24px 50px -34px rgba(25, 65, 28, .45); --cx-shadow-sm: 0 18px 40px -30px rgba(25, 65, 28, .4);
  /* lacivert/amber jetonları cx-base.css :root + Tema Stüdyosu'ndan gelir (burada yeniden tanımlanmaz — kendine referans döngüsü amberi siliyordu) */
  --ax-ink: #204d24; --ax-text: #4f6e52; --ax-muted: #8da58f; --ax-bg: #f4f8f4; --ax-line: #e5efe6;
  --ax-head: "Montserrat", "Plus Jakarta Sans", system-ui, sans-serif;
  background: var(--ax-bg); color: var(--cx-text); font-family: var(--cx-font);
}
body.cx-inner--hero .cx-wrap:not(.cx-wrap--head) { width: 88%; max-width: var(--ax-wrap, 1480px); }
.cxp-main { display: block; position: relative; padding-bottom: 46px; }
.cxp-main > .cx-wrap { position: relative; }

/* ── Fotoğraflı başlık bandı (menü kartı üstüne biner) ─────────────────── */
/* Yükseklik Tema Stüdyosu'ndan (--ax-ihero); uzun başlıkta bant büyür (min-height), menünün altına taşmaz */
.cxp-hero { position: relative; isolation: isolate; min-height: var(--ax-ihero, 500px); margin-top: 0; color: #fff; }
.cxp-hero--tall { min-height: calc(var(--ax-ihero, 500px) + 60px); }
.cxp-hero__clip { position: absolute; inset: 0; z-index: -1; overflow: hidden; border-radius: 0 0 calc(48px * var(--ax-rs, 1)) calc(48px * var(--ax-rs, 1)); background: color-mix(in srgb, var(--ax-navy2, #1c4a20) 85%, #000); }
.cxp-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
/* Karartma rengi ana rengin koyu tonundan türer; yoğunluk Tema Stüdyosu "fotoğraf karartması" (--ax-shade, %40–140) */
.cxp-hero__shade { --sc: color-mix(in srgb, var(--ax-navy2, #1c4a20) 66%, #000); position: absolute; inset: 0; opacity: min(1, var(--ax-shade, 1)); background:
  linear-gradient(90deg, color-mix(in srgb, var(--sc) 86%, transparent) 0%, color-mix(in srgb, var(--sc) 55%, transparent) 38%, color-mix(in srgb, var(--sc) 8%, transparent) 72%),
  linear-gradient(0deg, color-mix(in srgb, var(--sc) 70%, transparent) 0%, transparent 50%),
  linear-gradient(180deg, color-mix(in srgb, var(--sc) 60%, transparent) 0%, transparent 40%); }
.cxp-hero__shade::after { content: ""; position: absolute; inset: 0; background: var(--sc); opacity: max(0, calc((var(--ax-shade, 1) - 1) * 1.1)); }
.cxp-hero__wave { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 160px; color: #fff; opacity: .09; }
.cxp-hero__in { position: relative; min-height: inherit; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; padding-top: calc(var(--cx-tb-h, 0px) + var(--cx-nav-h, 0px)); padding-bottom: 82px; }
.cxp-hero--tall .cxp-hero__in { padding-bottom: 104px; }
.cxp-hero__tx { min-width: 0; max-width: 900px; }
.cxp-crumbs { display: inline-block; margin-bottom: 20px; padding: 8px 16px; border-radius: 999px; background: rgba(19, 48, 21, .42); border: 1px solid rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.cxp-crumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 0; margin: 0; padding: 0; list-style: none; font-size: 12.5px; font-weight: 600; color: #daeedb; }
.cxp-crumbs li + li::before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 8px; margin: 0 10px; color: var(--ax-or, #2e9b3c); vertical-align: 1px; }
.cxp-crumbs a { display: inline-flex; align-items: center; gap: 6px; }
.cxp-crumbs a i { font-size: 11px; color: var(--ax-orlt, #bfe8c4); }
.cxp-crumbs a:hover { color: #fff; }
.cxp-crumbs li[aria-current] { color: #fff; font-weight: 800; }
.cxp-hero__k { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; font-size: 12.5px; font-weight: 800; letter-spacing: .22em; color: #fff; }
.cxp-hero__k::before { content: ""; flex: none; width: 34px; height: 5px; border-radius: 5px; background: var(--ax-or, #2e9b3c); }
.cxp-hero__t { position: relative; margin: 0; padding-bottom: 18px; max-width: 900px; font-family: var(--ax-head); font-weight: 900; font-size: clamp(34px, 3.6vw, 62px); line-height: 1.04; letter-spacing: -.005em; text-transform: uppercase; color: #fff; text-shadow: 0 4px 30px rgba(13, 37, 15, .3); }
.cxp-hero__t::after { content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 6px; border-radius: 6px; background: var(--ax-or, #2e9b3c); }
.cxp-hero__lead { margin: 18px 0 0; max-width: 600px; font-size: 17px; line-height: 1.6; font-weight: 500; color: #ddf1df; }
.cxp-hero__place { flex: none; display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 18px 10px 10px; border-radius: 20px; background: rgba(19, 48, 21, .42); border: 1px solid rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.cxp-hero__pic { width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: rgba(46, 155, 60, .22); color: var(--ax-orlt, #bfe8c4); font-size: 18px; }
.cxp-hero__place b { display: block; font-size: 14.5px; font-weight: 800; line-height: 1.2; }
.cxp-hero__place small { display: block; margin-top: 2px; font-size: 12px; color: #cce5ce; }
.cxp-badge { display: inline-flex; align-items: center; margin: 0 0 14px; padding: 7px 14px; border-radius: 10px; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #fff; background: #4f9d3f; line-height: 1; box-shadow: none; }
.cxp-badge--green { background: var(--ax-ok, #4f9d3f); } .cxp-badge--blue { background: #1b5e24; } .cxp-badge--orange { background: var(--ax-or, #2e9b3c); } .cxp-badge--purple { background: #123a17; } .cxp-badge--teal { background: #1b5e24; }

/* bandın altına binen kart çubuğu (hızlı erişim / sekmeler / filtre) */
.cxp-overlap { position: relative; z-index: 6; margin-top: -46px; }
.cxp-bar { display: grid; gap: 12px; padding: 14px; background: #fff; border-radius: 26px; box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }

/* ── Anasayfa bileşenleri (iç sayfalarda da) ───────────────────────────── */
.ax-sh { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 30px; }
.ax-sh__t { min-width: 0; }
.ax-H { position: relative; display: inline-block; margin: 0; padding-bottom: 14px; font-family: var(--ax-head); font-weight: 900; font-size: 34px; line-height: 1.05; text-transform: uppercase; color: var(--ax-navy); }
.ax-H::after { content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 5px; border-radius: 5px; background: var(--ax-or); }
.ax-H > span { display: block; }
.ax-sh p { margin: 12px 0 0; font-size: 15px; line-height: 1.55; color: var(--ax-muted); }
.ax-all { display: inline-flex; align-items: center; gap: 10px; height: 46px; padding: 0 20px; border-radius: 14px; background: #fff; border: 1.5px solid var(--ax-line); font-size: 13px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--ax-navy); white-space: nowrap; transition: border-color .2s; }
.ax-all i { color: var(--ax-or); font-size: 13px; transition: transform .2s; }
.ax-all:hover { border-color: var(--ax-or); }
.ax-all:hover i { transform: translateX(3px); }
.ax-pills { display: flex; gap: 10px; flex-wrap: wrap; }
.ax-pl { position: relative; display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 18px; border: 1.5px solid var(--ax-line); border-radius: 14px; background: #fff; font: inherit; font-size: 13px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: var(--ax-navy); cursor: pointer; white-space: nowrap; }
.ax-pl.is-on { background: var(--ax-or); border-color: var(--ax-or); color: var(--ax-onor, #fff); }
.ax-chip { display: inline-flex; align-items: center; height: 26px; padding: 0 11px; border-radius: 8px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: var(--ax-or); color: var(--ax-onor, #fff); }
.ax-chip--bl { background: #e7f2e8; color: var(--ax-c1b, #1b5e24); } .ax-chip--gr { background: var(--ax-okl, #e3f3dc); color: var(--ax-okink, #3b7f2b); } .ax-chip--or { background: var(--ax-orl); color: var(--ax-orink, #1b5e24); }

/* ── Panel, bölüm başlığı ──────────────────────────────────────────────── */
.cxp-panel { background: #fff; border: 0; border-radius: 26px; padding: 26px; box-shadow: var(--cx-shadow-sm); }
.cxp-panel--white { background: #fff; box-shadow: var(--cx-shadow-sm); }
.cxp-h { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.cxp-h__t { display: flex; align-items: center; gap: 12px; min-width: 0; }
.cxp-h__ic { flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 18px; background: var(--ax-orl); color: var(--ax-or); }
.cxp-h h2, .cxp-h h3 { margin: 0; font-family: var(--ax-head); font-size: 20px; line-height: 1.15; font-weight: 900; text-transform: uppercase; color: var(--ax-navy); letter-spacing: 0; }
.cxp-h p { margin: 3px 0 0; font-size: 13px; color: var(--cx-muted); }
.cxp-h--sm h2, .cxp-h--sm h3 { font-size: 16.5px; }
.cxp-link { display: inline-flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; color: var(--ax-navy); white-space: nowrap; }
.cxp-link i { font-size: 12px; color: var(--ax-or); transition: transform .2s; }
.cxp-link:hover i { transform: translateX(3px); }

/* ── Düğme / etiket / rozet ─────────────────────────────────────────────── */
.cxp-btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; height: 46px; padding: 0 22px; border-radius: 14px; border: 1.5px solid transparent; font-size: 13px; font-weight: 800; letter-spacing: .02em; line-height: 1; white-space: nowrap; background: var(--ax-or); color: var(--ax-onor, #fff); transition: background .2s, transform .2s, border-color .2s, color .2s; cursor: pointer; }
.cxp-btn:hover { background: var(--ax-or2); transform: translateY(-1px); }
.cxp-btn--sm { height: 38px; padding: 0 16px; font-size: 12px; border-radius: 12px; }
.cxp-btn--block { display: flex; width: 100%; }
.cxp-btn--line { background: #fff; color: var(--ax-navy); border-color: var(--ax-line); }
.cxp-btn--line:hover { background: #fff; border-color: var(--ax-or); color: var(--ax-navy); }
.cxp-btn--soft { background: var(--ax-orl); color: var(--ax-orink, #1b5e24); }
.cxp-btn--soft:hover { background: #ffe3cc; }
.cxp-btn i { font-size: 12px; }
.cxp-tag { display: inline-flex; align-items: center; padding: 5px 11px; border-radius: 8px; font-size: 10.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; line-height: 1.2; color: #fff; background: #1b5e24; }
.cxp-tag--proje { background: #1b5e24; } .cxp-tag--hizmet { background: #123a17; } .cxp-tag--haber { background: var(--ax-or, #2e9b3c); }
.cxp-tag--duyuru { background: #4f9d3f; } .cxp-tag--ihale { background: var(--ax-or2, #237a2e); } .cxp-tag--etkinlik { background: #123a17; } .cxp-tag--blue { background: var(--ax-navy); } .cxp-tag--orange { background: var(--ax-or, #2e9b3c); }
.cxp-count { display: inline-grid; place-items: center; min-width: 30px; height: 24px; padding: 0 8px; border-radius: 8px; background: var(--ax-bg); color: var(--ax-navy); font-size: 11.5px; font-weight: 800; }

/* ── Yan sütun: kategori listesi, hızlı erişim, bülten ───────────────────── */
.cxp-widget { background: #fff; border: 0; border-radius: 26px; padding: 24px 22px 20px; box-shadow: var(--cx-shadow-sm); }
.cxp-widget + .cxp-widget { margin-top: 24px; }
.cxp-widget > .cxp-h { margin-bottom: 14px; }
.cxp-cats li + li { margin-top: 4px; }
.cxp-cats a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 14px; border-radius: 12px; font-size: 13.5px; font-weight: 700; color: var(--ax-ink); transition: background .2s, color .2s; }
.cxp-cats a span:first-child { flex: 1; min-width: 0; }
.cxp-cats a > i { font-size: 10px; color: var(--ax-or); }
.cxp-cats a:hover { background: var(--ax-bg); }
.cxp-cats a.is-on { background: var(--ax-navy); color: #fff; }
.cxp-cats a.is-on .cxp-count { background: rgba(255, 255, 255, .16); color: #fff; }
.cxp-cats a.is-on > i { color: var(--ax-orlt, #bfe8c4); }
.cxp-quick li + li { margin-top: 8px; }
.cxp-quick a { display: flex; align-items: center; gap: 13px; padding: 10px 12px; border-radius: 16px; background: var(--ax-bg); border: 1.5px solid transparent; transition: border-color .2s, transform .2s; }
.cxp-quick a:hover { transform: translateX(3px); border-color: var(--ax-or); background: #fff; }
.cxp-quick__ic { flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; font-size: 17px; color: #fff; }
.cxp-quick__tx { flex: 1; min-width: 0; line-height: 1.25; }
.cxp-quick__tx b { display: block; font-size: 13.5px; font-weight: 800; color: var(--ax-ink); }
.cxp-quick__tx small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--cx-muted); }
.cxp-quick a > i { font-size: 11px; color: var(--ax-or); }
.cxp-quick li:nth-child(6n+1) .cxp-quick__ic { background: var(--kv-grad); } .cxp-quick li:nth-child(6n+2) .cxp-quick__ic { background: var(--kv-grad); }
.cxp-quick li:nth-child(6n+3) .cxp-quick__ic { background: linear-gradient(150deg, #b8844e, #8c5b2f); } .cxp-quick li:nth-child(6n+4) .cxp-quick__ic { background: linear-gradient(150deg, #ff9545, var(--ax-or2, #237a2e)); }
.cxp-quick li:nth-child(6n+5) .cxp-quick__ic { background: var(--kv-grad); } .cxp-quick li:nth-child(6n) .cxp-quick__ic { background: var(--kv-grad); }
.cxp-news { }
.cxp-news__f { display: grid; gap: 10px; }
.cxp-news__f p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--cx-text); }
.cxp-in { width: 100%; height: 48px; padding: 0 16px; border: 1.5px solid var(--ax-line); border-radius: 14px; background: #fff; color: var(--ax-ink); font: inherit; font-size: 14px; transition: border-color .2s, box-shadow .2s; }
.cxp-in::placeholder { color: #9bb19d; }
.cxp-in:focus { outline: 0; border-color: var(--ax-or); box-shadow: 0 0 0 4px rgba(46, 155, 60, .14); }
textarea.cxp-in { height: auto; min-height: 120px; padding: 14px 16px; resize: vertical; }
select.cxp-in { appearance: none; -webkit-appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23237a2e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }
.cxp-note { font-size: 12px; color: var(--cx-muted); }
.cxp-note i { margin-right: 6px; color: var(--ax-or); }

/* ── Sayfalama ──────────────────────────────────────────────────────────── */
.cxp-pager { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 30px; flex-wrap: wrap; }
.cxp-pager ul { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cxp-pager a, .cxp-pager span.cxp-pg { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 13px; border: 1.5px solid var(--ax-line); background: #fff; color: var(--ax-navy); font-size: 13.5px; font-weight: 800; transition: background .2s, color .2s, border-color .2s; }
.cxp-pager a:hover { border-color: var(--ax-or); color: var(--ax-or); }
.cxp-pager .is-on { background: var(--ax-or); border-color: var(--ax-or); color: var(--ax-onor, #fff); }
.cxp-pager .is-off { opacity: .45; pointer-events: none; }
.cxp-pager__sum { font-size: 12.5px; color: var(--cx-muted); text-align: right; line-height: 1.4; }

/* boş durum */
.cxp-empty { padding: 44px 20px; text-align: center; color: var(--cx-muted); background: #fff; border: 1.5px dashed #dae9db; border-radius: 24px; }
.cxp-empty i { display: block; margin-bottom: 12px; font-size: 32px; color: var(--ax-orlt, #bfe8c4); }

@media (max-width: 1100px) {
  .cxp-hero, .cxp-hero--tall { height: auto; min-height: 380px; }
  .cxp-hero__clip { border-radius: 0 0 34px 34px; }
  .cxp-hero__in { padding-top: calc(var(--cx-tb-h, 0px) + var(--cx-nav-h, 0px) + 40px); padding-bottom: 76px; }
  .cxp-hero__t { font-size: 38px; }
  .cxp-hero__lead { font-size: 15.5px; }
  .cxp-hero__place { display: none; }
  .cxp-overlap { margin-top: -40px; }
  .ax-sh { flex-direction: column; align-items: flex-start; gap: 16px; }
}
@media (max-width: 640px) {
  .cxp-hero__in { padding-top: calc(var(--cx-tb-h, 0px) + var(--cx-nav-h, 0px) + 28px); padding-bottom: 64px; }
  .cxp-crumbs { margin-bottom: 14px; padding: 7px 12px; }
  .cxp-crumbs ol { font-size: 11.5px; }
  .cxp-hero__k { font-size: 11px; letter-spacing: .16em; }
  .cxp-hero__t { font-size: 29px; padding-bottom: 14px; }
  .cxp-hero__t::after { width: 52px; height: 5px; }
  .cxp-panel { padding: 18px; border-radius: 22px; }
  .cxp-widget { border-radius: 22px; }
  .cxp-h h2, .cxp-h h3 { font-size: 17.5px; }
  .ax-H { font-size: 26px; }
}

/* ── Sol "Kurumsal" menü kutusu + "Başkanımıza Ulaşın" kartı (cxp_kurumsal_side) ─────────────
   Beyaz yuvarlak kart, başlık Montserrat, geçerli sayfa lacivert dolu + turuncu simge. Menü öğeleri Menüler › "Kurumsal"tan gelir. */
.cxp-k2 { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 40px; align-items: start; padding-top: 44px; }
.cxp-k2__side { position: sticky; top: 112px; display: grid; gap: 22px; }
.cxp-k2__main { min-width: 0; }
.cxp-kmenu { background: #fff; border: 0; border-radius: 26px; padding: 22px 16px 18px; box-shadow: var(--cx-shadow-sm); }
.cxp-kmenu__t { display: flex; align-items: center; gap: 12px; margin: 0 0 14px 6px; font-family: var(--ax-head); font-size: 19px; font-weight: 900; text-transform: uppercase; line-height: 1.1; color: var(--ax-navy); }
.cxp-kmenu__t i { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: var(--ax-orl); color: var(--ax-or); font-size: 18px; }
.cxp-kmenu ul { display: block; }
.cxp-kmenu li + li { border-top: 1px solid #eef4ee; }
.cxp-kmenu a { position: relative; display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 14px 8px 12px; border-radius: 14px; font-size: 14px; font-weight: 700; line-height: 1.25; color: var(--ax-ink); transition: background .2s, color .2s; }
.cxp-kmenu a::before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 9px; color: var(--ax-or); flex: none; width: 14px; text-align: center; }
.cxp-kmenu a span { flex: 1; min-width: 0; }
.cxp-kmenu a > i { flex: none; font-size: 10px; color: #b7cab9; }
.cxp-kmenu a:hover { background: var(--ax-bg); }
.cxp-kmenu li:has(> a.is-on) + li, .cxp-kmenu li:has(> a.is-on) { border-top-color: transparent; }
.cxp-kmenu a.is-on { margin: 2px 0; background: var(--ax-navy); color: #fff; box-shadow: none; }
.cxp-kmenu a.is-on::before { content: "\f2c2"; font-family: "Font Awesome 6 Free"; font-weight: 400; font-size: 13px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; background: var(--ax-or); color: var(--ax-onor, #fff); }
.cxp-kmenu a.is-on > i { color: var(--ax-orlt, #bfe8c4); }
.cxp-kcall { position: relative; overflow: hidden; display: flex; gap: 14px; align-items: flex-start; padding: 22px 20px; background: var(--kv-grad); border: 0; border-radius: 24px; color: #fff; }
.cxp-kcall::after { content: ""; position: absolute; right: -40px; bottom: -50px; width: 150px; height: 150px; border-radius: 50%; border: 22px solid rgba(255, 255, 255, .06); }
.cxp-kcall__ic { flex: none; width: 46px; height: 46px; border-radius: 14px; display: grid; place-items: center; background: var(--ax-or); color: var(--ax-onor, #fff); font-size: 18px; }
.cxp-kcall h3 { margin: 0; font-family: var(--ax-head); font-size: 15.5px; font-weight: 900; text-transform: uppercase; color: #fff; }
.cxp-kcall p { margin: 6px 0 14px; font-size: 12.5px; line-height: 1.5; color: #c6e1c8; }
.cxp-kcall .cxp-btn { position: relative; z-index: 1; height: 40px; padding: 0 18px; font-size: 12px; }
@media (max-width: 1000px) {
  .cxp-k2 { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 28px; }
  .cxp-k2__side { position: static; }
}

/* Dar ekranda Kurumsal menü: yatay kaydırılan hap şeridi (içeriğin önünde uzun yer tutmasın) */
@media (max-width: 1000px) {
  .cxp-kmenu { padding: 14px 12px 10px; border-radius: 20px; }
  .cxp-kmenu__t { font-size: 15px; margin: 0 0 10px 4px; }
  .cxp-kmenu__t i { width: 34px; height: 34px; font-size: 15px; }
  .cxp-kmenu ul { display: flex; gap: 8px; overflow-x: auto; padding: 2px 2px 8px; margin: 0 -2px; scroll-snap-type: x proximity; scrollbar-width: thin; }
  .cxp-kmenu li { flex: none; scroll-snap-align: start; }
  .cxp-kmenu li + li { border-top: 0; }
  .cxp-kmenu a { min-height: 42px; padding: 6px 14px; border-radius: 12px; border: 1.5px solid var(--ax-line); background: #fff; white-space: nowrap; font-size: 12.5px; }
  .cxp-kmenu a::before, .cxp-kmenu a > i { display: none; }
  .cxp-kmenu a span { flex: none; }
  .cxp-kmenu a.is-on { margin: 0; min-height: 42px; box-shadow: none; border-color: transparent; }
  .cxp-kmenu a.is-on::before { display: none; }
  .cxp-kcall { padding: 16px; }
}
.cxp-k2__side, .cxp-k2__main, .cxp-kmenu { min-width: 0; }
@media (max-width: 1000px) { .cxp-k2 { grid-template-columns: minmax(0, 1fr); } .cxp-k2__side { grid-template-columns: minmax(0, 1fr); } }

/* ══ KOVANLIK İÇ SAYFA DİLİ (23.10.2026) — fotoğraf şeridi + beyaz başlık kartı; yan sütun / etiket / rozet tek renk aile (lacivert + amber).
      Önceki fotoğraflı bant kuralları yukarıda kalır; buradaki kurallar sonra geldiği için onları ezer. ══ */
.cxp-hero { min-height: 0; margin: 0; color: var(--ax-ink, #14241a); isolation: auto; }
.cxp-hero--tall { min-height: 0; }
.cxp-hero__strip { position: relative; height: var(--ax-ihero, 300px); overflow: hidden; background: var(--ax-navy2, #123a17); }
.cxp-hero--tall .cxp-hero__strip { height: calc(var(--ax-ihero, 300px) + 40px); }
.cxp-hero__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.cxp-hero__shade { position: absolute; inset: 0; opacity: 1; background: var(--kv-grad); }
.cxp-hero__shade::after { content: none; }
.cxp-hero__in { position: relative; z-index: 2; display: block; min-height: 0; margin-top: -96px; padding: 0; }
.cxp-hero--tall .cxp-hero__in { padding: 0; }
.cxp-hero__card { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 32px 40px 34px; border-radius: calc(22px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxp-hero__tx { min-width: 0; max-width: 980px; }
.cxp-crumbs { display: block; margin: 0 0 14px; padding: 0; border: 0; border-radius: 0; background: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.cxp-crumbs ol { font-size: 13px; font-weight: 600; color: var(--ax-muted, #51624f); }
.cxp-crumbs li + li::before { color: var(--ax-or2, #237a2e); }
.cxp-crumbs a { color: var(--ax-muted, #51624f); }
.cxp-crumbs a i { color: var(--ax-navy, #1b5e24); }
.cxp-crumbs a:hover { color: var(--ax-navy, #1b5e24); }
.cxp-crumbs li[aria-current] { color: var(--ax-navy, #1b5e24); font-weight: 800; }
.cxp-hero__k { margin: 0 0 10px; font-family: var(--ax-head); font-size: calc(12px * var(--ax-fz, 1)); font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--ax-or2, #237a2e); }
.cxp-hero__k::before { width: 34px; height: 3px; border-radius: 2px; background: var(--ax-or, #2e9b3c); }
.cxp-hero__t { padding: 0; font-size: clamp(32px, 3.4vw, 52px); line-height: 1.05; text-transform: var(--ax-tt, uppercase); color: var(--ax-navy, #1b5e24); text-shadow: none; }
.cxp-hero__t::after { content: none; }
.cxp-hero__lead { margin: 12px 0 0; max-width: 640px; font-size: 17px; line-height: 1.6; font-weight: 500; color: #4b5c4f; }
.cxp-hero__place { flex: none; padding: 10px 18px 10px 10px; border-radius: calc(16px * var(--ax-rs, 1)); background: var(--ax-bg, #f0f5f0); border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; color: var(--ax-ink, #14241a); }
.cxp-hero__pic { background: var(--ax-orl, #e7f2e8); color: var(--ax-or2, #237a2e); }
.cxp-hero__place small { color: var(--ax-muted, #51624f); }
.cxp-badge { color: #fff; }
.cxp-badge--green { background: var(--ax-ok, #4f9d3f); } .cxp-badge--blue { background: var(--ax-navy, #1b5e24); } .cxp-badge--purple { background: var(--ax-navy3, #237a2e); } .cxp-badge--teal { background: var(--ax-navy3, #237a2e); }
/* sade biçim: şerit yok, kart düz; sağda silik amblem */
.cxp-hero--sade { position: relative; overflow: hidden; padding-top: 110px; }
.cxp-hero--sade .cxp-hero__in { margin-top: 0; }
.cxp-hero--sade .cxp-hero__card { padding: 0 0 8px; background: none; box-shadow: none; border-radius: 0; }
.cxp-hero__mark { position: absolute; right: -40px; top: 40px; width: 420px; height: 420px; object-fit: contain; opacity: .07; pointer-events: none; }
/* bandın altına binen çubuk artık normal akışta */
.cxp-overlap { margin-top: 28px; }
/* bare (yalnız şerit): görünümün kendi başlık kartı şeride biner; kart içindeki kırıntı hero'dakiyle aynı */
.cxp-hero--bare + .cxp-main > .cxp-overlap:first-child, .cxp-hero--bare + .cxp-main > :first-child + .cxp-overlap { margin-top: -110px; }   /* şeride binen başlık kartı (hero <main>'in kardeşi) */
.cxp-overlap .cxp-crumbs { margin-bottom: 14px; }
.cxhd-head { padding-top: 28px; }
/* yan sütun: tek renk simgeler, hafif aktif satır */
.cxp-quick li:nth-child(6n+1) .cxp-quick__ic, .cxp-quick li:nth-child(6n+2) .cxp-quick__ic, .cxp-quick li:nth-child(6n+3) .cxp-quick__ic,
.cxp-quick li:nth-child(6n+4) .cxp-quick__ic, .cxp-quick li:nth-child(6n+5) .cxp-quick__ic, .cxp-quick li:nth-child(6n) .cxp-quick__ic { background: #fff; color: var(--ax-navy, #1b5e24); box-shadow: 0 0 0 1.5px var(--cx-line, #e4e9e4); }
.cxp-quick a:hover .cxp-quick__ic { color: var(--ax-or2, #237a2e); }
.cxp-cats a.is-on { background: var(--ax-bg, #f0f5f0); color: var(--ax-navy, #1b5e24); box-shadow: inset 4px 0 0 var(--ax-or, #2e9b3c); }
.cxp-cats a.is-on .cxp-count { background: #fff; color: var(--ax-navy, #1b5e24); }
.cxp-cats a.is-on > i { color: var(--ax-or2, #237a2e); }
/* etiketler: lacivert / amber */
.cxp-tag { background: var(--ax-navy, #1b5e24); }
.cxp-tag--proje, .cxp-tag--hizmet, .cxp-tag--etkinlik { background: var(--ax-navy3, #237a2e); }
.cxp-tag--haber, .cxp-tag--orange { background: var(--ax-or, #2e9b3c); color: var(--ax-onor, #14241a); }
.cxp-tag--duyuru { background: var(--ax-navy, #1b5e24); } .cxp-tag--ihale { background: var(--ax-or2, #237a2e); color: var(--ax-onor, #fff); }
.ax-chip--bl { background: var(--ax-bg, #f0f5f0); color: var(--ax-navy, #1b5e24); } .ax-chip--gr { background: var(--ax-okl, #e3f3dc); color: var(--ax-okink, #3b7f2b); }
@media (max-width: 1180px) {
  .cxp-hero__strip, .cxp-hero--tall .cxp-hero__strip { height: 220px; }
  .cxp-hero__in { margin-top: -70px; padding: 0; }
  .cxp-hero__card { flex-direction: column; align-items: flex-start; gap: 16px; padding: 22px 24px 24px; }
  .cxp-hero__t { font-size: 32px; }
  .cxp-hero__lead { font-size: 15.5px; }
  .cxp-hero__place { display: flex; }
  .cxp-hero--sade { padding-top: 40px; }
}
@media (max-width: 640px) {
  .cxp-hero__strip, .cxp-hero--tall .cxp-hero__strip { height: 170px; }
  .cxp-hero__in { margin-top: -56px; }
  .cxp-hero__card { padding: 18px 18px 20px; border-radius: 18px; }
  .cxp-crumbs { margin-bottom: 10px; }
  .cxp-crumbs ol { font-size: 11.5px; }
  .cxp-hero__k { font-size: 11px; letter-spacing: .16em; }
  .cxp-hero__t { font-size: 26px; }
  .cxp-hero__place { display: none; }
  .cxp-hero__mark { width: 260px; height: 260px; }
}

/* ── Dekoratif "git" okları / "devamı" hapları (23.10.2026) ─────────────────────────────────────────────
   Bunlar bağlantı DEĞİL (aria-hidden span); kartın gerilmiş başlık bağlantısının ÜSTÜNDE durdukları için
   üzerlerine tıklayınca hiçbir şey olmuyordu. Tıklama alttaki kart bağlantısına geçsin. */
:is(.cxpi-card__go, .cxpi-go, .cxpi-name__go, .cxpi-ct__go, .cxpi-vn__go, .cxpb-tile__go, .cxpe-card__more, .cxpe-feat__btn,
    .cxph-card__more, .cxp-hz-t__go, .cxp-pj-c__go, .cxp-pd-mz__more, .cxp-eb-tl__go, .cxp-ilt-map__pin, .cxps-aside-cta__ic,
    .cxpk-cta__ic)[aria-hidden="true"] { pointer-events: none; }

/* ── Renk düzeni 24.10.2026: "seçili alanlar" Kovanlık yeşili (kullanıcı speki) ───────────── */
.ax-pl.is-on { background: var(--ax-ok, #16816a); border-color: var(--ax-ok, #16816a); color: #fff; }
.cxp-pager .is-on { background: var(--ax-ok, #16816a); border-color: var(--ax-ok, #16816a); color: #fff; }
.cxp-cats a.is-on { background: var(--ax-okl, #e4f1ed); color: var(--ax-okink, #0f5f4d); box-shadow: inset 4px 0 0 var(--ax-ok, #16816a); }
.cxp-cats a.is-on > i { color: var(--ax-ok, #16816a); }
.cxp-cats a.is-on .cxp-count { background: #fff; color: var(--ax-okink, #0f5f4d); }

/* Belge / afiş görseli penceresi (cx-ui.js): içerik gövdesindeki görsele tıklayınca açılır */
.cxpm-prose img, .cxpi-prose a[href*="/uploads/"] > img, .cxpb-prose a[href*="/uploads/"] > img, .cxpt-prose a[href*="/uploads/"] > img { cursor: zoom-in; }
.cx-zoom { position: fixed; inset: 0; z-index: 3000; display: flex; flex-direction: column; background: rgba(13, 37, 15, .94); }
.cx-zoom[hidden] { display: none; }
.cx-zoom__bar { flex: none; display: flex; align-items: center; gap: 10px; padding: 12px 16px; color: #fff; }
.cx-zoom__t { flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: calc(14px * var(--ax-fz, 1)); font-weight: 700; opacity: .9; }
.cx-zoom__b, .cx-zoom__x { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 0; border-radius: calc(13px * var(--ax-rs, 1)); background: rgba(255, 255, 255, .14); color: #fff; font: 700 calc(13px * var(--ax-fz, 1)) / 1 var(--ax-font, inherit); text-decoration: none; cursor: pointer; transition: background .18s; }
.cx-zoom__b[hidden] { display: none; }
.cx-zoom__b:hover, .cx-zoom__x:hover { background: var(--ax-or, #2e9b3c); color: #fff; }
.cx-zoom__x { width: 42px; padding: 0; justify-content: center; font-size: calc(18px * var(--ax-fz, 1)); }
.cx-zoom__stage { flex: 1 1 0; min-height: 0; overflow: auto; display: flex; align-items: flex-start; padding: 4px 16px 20px; }
.cx-zoom__stage img { display: block; margin: auto; max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: calc(10px * var(--ax-rs, 1)); background: #fff; box-shadow: 0 30px 70px -20px rgba(0, 0, 0, .7); cursor: zoom-in; }
.cx-zoom.is-zoom .cx-zoom__stage img { max-width: none; max-height: none; margin: 0 auto; flex: none; cursor: zoom-out; }
@media (max-width: 640px) {
  .cx-zoom__bar { padding: 10px 12px; gap: 8px; }
  .cx-zoom__b span { display: none; }
  .cx-zoom__b { width: 42px; padding: 0; justify-content: center; }
  .cx-zoom__stage { padding: 2px 8px 14px; }
}