/* =====================================================================
   Estorix vitrin (2026-10-10) — anasayfa yan yana hero + "Güncel kampanyalar"
   şeridi + /kampanyalar sayfası. Referans düzen: adisyo.com anasayfası
   (metin solda / ürün sağda, hemen altında 4 kampanya kartı).
   Veri: inc/web-kampanyalar.php · Kart görselleri: assets/kampanya/*.webp
   Palet: Midnight #0A1628 · Mavi #2563EB · çelik nötrler · şampanya yalnız rozet/tema.
   ===================================================================== */

.kx-wrap {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 40px);
  box-sizing: border-box;
}

/* ---------- HERO (anasayfa) ---------- */
.kx-hero {
  position: relative;
  padding: clamp(108px, 14vh, 140px) 0 clamp(16px, 3vh, 32px);
  background:
    radial-gradient(90% 60% at 78% 10%, #EAF1FF 0%, rgba(234, 241, 255, 0) 62%),
    #F6F8FB;
  overflow: clip;
}

.kx-hero__in {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
  gap: clamp(24px, 3.5vw, 56px);
  align-items: center;
}

.kx-hero__copy .cx-eyebrow { margin-bottom: 14px; color: #2563EB; }

.kx-hero__h1 {
  margin: 0;
  font-size: clamp(2rem, 3.4vw, 3.05rem);
  line-height: 1.06;
  letter-spacing: -0.035em;
  font-weight: 800;
  color: #0F172A;
}

.kx-hero__h1 .cx-tint { display: block; color: #2563EB; -webkit-text-fill-color: currentColor; }

.kx-hero__sub {
  margin: 20px 0 0;
  max-width: 52ch;
  font-size: clamp(1rem, 1.3vw, 1.15rem);
  line-height: 1.55;
  color: #475467;
}

.kx-hero .cx-btns { margin-top: 26px; }
.kx-hero .cx-btn { cursor: pointer; font-family: inherit; }

.kx-hero__trust {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  font-size: 0.9rem;
  color: #475467;
}

.kx-hero__trust li { display: inline-flex; align-items: center; gap: 7px; }
.kx-hero__trust i { color: #0F9D6E; font-size: 0.85em; }

.kx-hero__gorsel {
  position: relative;
  margin: 0;
  justify-self: center;
  width: min(560px, 100%);
}

.kx-hero__gorsel img {
  display: block;
  width: 100%;
  height: auto;
  filter:
    drop-shadow(0 10px 14px rgba(15, 23, 42, 0.14))
    drop-shadow(0 34px 44px rgba(15, 23, 42, 0.12));
}

/* cihazın oturduğu yumuşak ışık havuzu */
.kx-hero__gorsel::after {
  content: "";
  position: absolute;
  left: 16%;
  right: 16%;
  bottom: 1%;
  height: 9%;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(37, 99, 235, 0.16), transparent 72%);
  filter: blur(18px);
  z-index: -1;
}

/* ---------- KAMPANYA ŞERİDİ (anasayfa) ---------- */
.kx-serit {
  padding: 6px 0 clamp(40px, 6vh, 64px);
  background: #F6F8FB;
}

.kx-serit__bas {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 16px;
}

.kx-serit__h {
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.3;
  letter-spacing: -0.01em;
  font-weight: 700;
  color: #0F172A;
}

.kx-tumu {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #2563EB;
  text-decoration: none;
  white-space: nowrap;
}

.kx-tumu:hover { color: #1D4ED8; }
.kx-tumu i { transition: transform 0.18s ease; font-size: 0.8em; }
.kx-tumu:hover i { transform: translateX(3px); }

.kx-izgara {
  display: grid;
  grid-template-columns: repeat(var(--kx-n, 4), minmax(0, 1fr));
  gap: 16px;
}

/* ---------- KART (tek şablon, 2026-10-10 v2) ----------
   Dört kampanya aynı yapı: üstte aynı açık cihaz sahnesi, altta etiket · başlık ·
   tek öne çıkan vaat (yeşil) · fiyat. Kartları ayıran yalnız içerik; renk/tema yok. */
.kx-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  color: #0F172A;
  text-decoration: none;
  box-shadow: 0 0 0 1px #E4E8EF, 0 1px 2px rgba(15, 23, 42, 0.04);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kx-kart:focus-visible { outline: 3px solid #2563EB; outline-offset: 3px; }

@media (hover: hover) and (min-width: 1100px) {
  .kx-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 0 1px #C3CAD6, 0 18px 36px -18px rgba(15, 23, 42, 0.28);
  }
}

/* sahne: her kartta aynı zemin, aynı yükseklik, aynı zemin gölgesi */
.kx-kart__sahne {
  position: relative;
  display: block;
  height: 156px;
  background: #F1F5FA;
  border-bottom: 1px solid #EEF1F5;
  overflow: hidden;
}

.kx-kart__sahne::after {
  content: "";
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: 10px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.16), transparent 70%);
}

.kx-kart__metin {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 14px 16px 16px;
  order: 2;
}

.kx-kart__ust {
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #2563EB;
}

.kx-kart__baslik {
  margin-top: 4px;
  font-size: 1.05rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #0F172A;
}

.kx-kart__one {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 5px 10px;
  border-radius: 8px;
  background: #E7F6F0;
  color: #0B7A55;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.kx-kart__one i { font-size: 0.85em; }

.kx-kart__fiyat-blok {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: auto;
  padding-top: 14px;
}

.kx-kart__fiyat {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.03em;
  color: #0A1628;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.kx-kart__fiyat i { font-style: normal; font-size: 0.6em; margin-left: 2px; vertical-align: 0.45em; }

.kx-kart__alt {
  font-size: 0.75rem;
  font-weight: 500;
  color: #5B6678;
}

.kx-rozet {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  background: #fff;
  color: #96621A;
  box-shadow: 0 0 0 1px #F0E2C8;
}

.kx-rozet--sinirli::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #B7791F;
}

.kx-kart__sahne > .kx-rozet { position: absolute; top: 10px; right: 10px; z-index: 3; }

/* ---------- katmanlı cihaz görseli (kart sahnesi) ----------
   Aynı düzen dört kartta: ortada terminal, solda önde yazıcı, sağda önde yazarkasa/çekmece. */
.kx-gorsel { position: absolute; inset: 0; pointer-events: none; }
.kx-gorsel img { position: absolute; display: block; height: auto; }

.kx-gorsel__ana {
  left: 50%;
  bottom: 16px;
  width: 54%;
  transform: translateX(-46%);
  filter: drop-shadow(0 8px 12px rgba(15, 23, 42, 0.18));
}

.kx-gorsel__sol {
  left: 9%;
  bottom: 12px;
  width: 21%;
  filter: drop-shadow(0 5px 8px rgba(15, 23, 42, 0.2));
}

.kx-gorsel__sag {
  right: 10%;
  bottom: 12px;
  width: 12%;
  filter: drop-shadow(0 5px 8px rgba(15, 23, 42, 0.22));
}

/* KART SAHNESİ: boy yüksekliğe bağlı (2026-10-10). Genişliğe bağlıyken 3 kartlı geniş ızgarada
   terminal sahneden taşıp üstten kırpılıyordu. Sahne 156 px; cihazlar hep aynı görünür boyda,
   kart ne kadar geniş olursa olsun sığar. Detay sayfası (.kx-detay__vitrin) kendi genişlik kurallarıyla kalır. */
.kx-kart__sahne .kx-gorsel img { width: auto; max-width: none; }
.kx-kart__sahne .kx-gorsel__ana { height: 114px; bottom: 16px; }
.kx-kart__sahne .kx-gorsel__ana[src*="pos-a2lm"] { height: 120px; }
.kx-kart__sahne .kx-gorsel__sol { height: 54px; left: 8%; }
.kx-kart__sahne .kx-gorsel__sag { height: 72px; right: 9%; }
.kx-kart__sahne .kx-gorsel__sag[src*="cekmece"],
.kx-kart__sahne .kx-gorsel__sag[src*="okc"] { height: 50px; right: 6%; }

/* Para çekmeceli paketler (2026-10-14): Plus afişindeki düzen — çekmece solda önde, yazıcı
   terminalin sağ önünde (on), yazarkasa sağda. Üç cihazlı kartlar etkilenmez. */
.kx-gorsel__on {
  right: 27%;
  bottom: 8px;
  width: 17%;
  filter: drop-shadow(0 5px 8px rgba(15, 23, 42, 0.22));
}
.kx-kart__sahne .kx-gorsel__sol[src*="cekmece"] { height: 58px; left: 3%; bottom: 8px; }
.kx-kart__sahne .kx-gorsel__on { height: 48px; right: 26%; bottom: 8px; }

/* Beşinci cihaz (2026-10-14, Anahtar Teslim — iki yazarkasa): ÖDEAL PAX en sağda (uc),
   İNPOS yazarkasa (sag) bir adım içeri, yazıcı (on) terminalin önünde biraz sola. */
.kx-gorsel__uc {
  right: 2%;
  bottom: 12px;
  width: 10%;
  filter: drop-shadow(0 5px 8px rgba(15, 23, 42, 0.22));
}
.kx-kart__sahne .kx-gorsel__uc { height: 70px; right: 3%; }
.kx-kart__sahne .kx-gorsel:has(.kx-gorsel__uc) .kx-gorsel__sag { right: 15%; }
.kx-kart__sahne .kx-gorsel:has(.kx-gorsel__uc) .kx-gorsel__on { right: 34%; }
.kx-detay__vitrin .kx-gorsel__uc { right: 2%; top: 44%; bottom: auto; width: 11%; }
.kx-detay__vitrin .kx-gorsel:has(.kx-gorsel__uc) .kx-gorsel__sag { right: 13%; width: 21%; top: 56%; }
.kx-detay__vitrin .kx-gorsel:has(.kx-gorsel__uc) .kx-gorsel__on { right: 34%; top: 64%; }

/* detay sayfası: terminal oranları farklı (A2L 1.25 · müşteri ekranlı 1.07 · GL18 1.19) */
.kx-detay__vitrin .kx-gorsel__ana[src*="pos-a2lm"] { width: 54%; }
.kx-detay__vitrin .kx-gorsel__ana[src*="pos-gl18"] { width: 60%; }

/* ---------- /kampanyalar sayfası ---------- */
.kx-sayfa { background: #F6F8FB; color: #0F172A; }

.kx-sayfa__bas {
  padding: clamp(112px, 15vh, 150px) 0 clamp(28px, 4vh, 40px);
  background: radial-gradient(90% 70% at 50% 0%, #EAF1FF 0%, rgba(234, 241, 255, 0) 65%), #F6F8FB;
}

.kx-crumb { display: flex; align-items: center; gap: 8px; margin: 0 0 18px; font-size: 0.85rem; color: #5B6678; }
.kx-crumb a { color: #2563EB; text-decoration: none; }
.kx-crumb i { font-size: 0.65em; }

.kx-sayfa__h1 {
  margin: 0;
  font-size: clamp(2rem, 4vw, 3.2rem);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;
}

.kx-sayfa__lead { margin: 14px 0 0; max-width: 62ch; font-size: 1.08rem; line-height: 1.6; color: #475467; }

.kx-liste { display: grid; gap: 24px; padding: 8px 0 clamp(48px, 8vh, 80px); }

.kx-detay {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(15, 23, 42, 0.06), 0 18px 40px -28px rgba(15, 23, 42, 0.3);
  scroll-margin-top: 110px;
}

.kx-detay:target { box-shadow: 0 0 0 3px #2563EB, 0 18px 40px -28px rgba(15, 23, 42, 0.3); }

.kx-detay__vitrin {
  position: relative;
  min-height: 320px;
  background: #F1F5FA;
}

.kx-detay__vitrin .kx-gorsel { left: 6%; right: 6%; top: 8%; bottom: 6%; width: auto; }
.kx-detay__vitrin .kx-gorsel__ana { left: 50%; right: auto; top: 50%; bottom: auto; width: 66%; transform: translate(-46%, -56%); }
.kx-detay__vitrin .kx-gorsel__sag { right: 6%; top: 50%; bottom: auto; width: 13%; }
.kx-detay__vitrin .kx-gorsel__sag[src*="cekmece"],
.kx-detay__vitrin .kx-gorsel__sag[src*="okc"] { width: 24%; right: 3%; }
.kx-detay__vitrin .kx-gorsel__sol { left: 5%; top: 56%; bottom: auto; width: 22%; }
.kx-detay__vitrin .kx-gorsel__sol[src*="cekmece"] { left: 1%; top: 54%; width: 25%; }
.kx-detay__vitrin .kx-gorsel__on { right: 21%; top: 62%; bottom: auto; width: 17%; }
/* Geniş İNPOS yazarkasa sağdayken yazıcı onun önüne binmesin */
.kx-detay__vitrin .kx-gorsel:has(.kx-gorsel__sag[src*="okc"]) .kx-gorsel__on { right: 29%; top: 64%; }
.kx-detay__vitrin::after { content: ""; position: absolute; left: 14%; right: 14%; top: calc(50% + 120px); height: 22px; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(15, 23, 42, 0.14), transparent 70%); }

.kx-detay__vitrin .kx-rozet { position: absolute; left: 20px; top: 20px; z-index: 3; }

.kx-detay__govde { padding: clamp(22px, 3vw, 36px); }

.kx-detay__ust { margin: 0; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #2563EB; }
.kx-detay__h2 { margin: 6px 0 0; font-size: clamp(1.4rem, 2.2vw, 1.9rem); line-height: 1.15; letter-spacing: -0.02em; font-weight: 800; }
.kx-kart__one--buyuk { margin: 14px 0 0; padding: 7px 12px; font-size: 0.88rem; }
.kx-detay__ozet { margin: 10px 0 0; font-size: 1rem; line-height: 1.6; color: #475467; }

.kx-detay__fiyat {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin: 18px 0 0;
  padding: 14px 16px;
  border-radius: 14px;
  background: #F6F8FB;
}

.kx-detay__fiyat b { font-size: clamp(2rem, 3.4vw, 2.6rem); line-height: 1; font-weight: 800; letter-spacing: -0.03em; color: #0A1628; }
.kx-detay__fiyat b i { font-style: normal; font-size: 0.6em; margin-left: 2px; vertical-align: 0.45em; }
.kx-detay__fiyat span { font-size: 0.92rem; color: #475467; }
.kx-detay__fiyat span strong { color: #0F172A; }

.kx-icerik {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

.kx-icerik li { display: flex; gap: 11px; align-items: flex-start; font-size: 0.95rem; line-height: 1.35; }
.kx-icerik li > i {
  flex: none;
  width: 30px;
  height: 30px;
  border-radius: 9px;
  background: #EFF4FF;
  color: #2563EB;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.82rem;
}
.kx-icerik b { display: block; font-weight: 700; color: #0F172A; }
.kx-icerik small { display: block; margin-top: 2px; font-size: 0.8rem; color: #5B6678; }

.kx-detay__cta { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.kx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  font: inherit;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.kx-btn--dolu { background: #2563EB; color: #fff; }
.kx-btn--dolu:hover { background: #1D4ED8; color: #fff; }
.kx-btn--cizgi { background: #fff; border-color: #DDE2EA; color: #0F172A; }
.kx-btn--cizgi:hover { border-color: #C3CAD6; color: #0F172A; }

.kx-not {
  margin: 0;
  padding: 0 0 clamp(48px, 8vh, 80px);
  font-size: 0.85rem;
  line-height: 1.6;
  color: #5B6678;
}

.kx-bos { padding: 28px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.06); font-size: 1rem; color: #475467; }

/* ---------- TEK KAMPANYA (2026-10-14) ----------
   Sitede tek kart kalınca ızgara tam genişliğe yayıp cihazları birbirinden koparıyordu.
   Tablet ve üstünde yatay kart: solda büyük sahne, sağda metin. Telefonda şerit kartı aynen kalır. */
@media (min-width: 768px) {
  .kx-izgara[style*="--kx-n: 1;"] { grid-template-columns: minmax(0, 1fr); }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart { flex-direction: row; min-height: 260px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart__sahne { order: 1; flex: 0 0 56%; height: auto; min-height: 260px; border-bottom: 0; border-right: 1px solid #EEF1F5; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart__metin { order: 2; justify-content: center; padding: 28px 36px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart__baslik { font-size: 1.6rem; margin-top: 6px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart__fiyat { font-size: 2.4rem; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-kart__alt { font-size: 0.85rem; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-gorsel__ana { height: 190px; bottom: 24px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-gorsel__sol { height: 92px; left: 4%; bottom: 14px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-gorsel__on { height: 74px; right: 36%; bottom: 12px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-gorsel__sag { height: 82px; right: 16%; bottom: 14px; }
  .kx-izgara[style*="--kx-n: 1;"] .kx-gorsel__uc { height: 120px; right: 4%; bottom: 18px; }
}

/* ---------- duyarlılık ---------- */
@media (max-width: 1099.98px) {
  .kx-izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kx-detay { grid-template-columns: minmax(0, 1fr); }
  .kx-detay__vitrin { min-height: 260px; }
}

@media (max-width: 860px) {
  .kx-hero__in { grid-template-columns: minmax(0, 1fr); }
  .kx-hero__gorsel { width: min(420px, 88%); }
}

@media (max-width: 767.98px) {
  .kx-hero { padding-top: 96px; }
  .kx-hero .cx-btns { gap: 10px; }
  .kx-hero .cx-btn { flex: 1 1 auto; justify-content: center; }

  /* telefon: yatay kaydırmalı şerit, sonraki kart kenardan görünür */
  .kx-serit .kx-wrap { padding: 0; }
  .kx-serit__bas { padding: 0 16px; }
  .kx-serit__h { font-size: 1.2rem; }
  .kx-izgara {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    padding: 2px 16px 6px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .kx-izgara::-webkit-scrollbar { display: none; }
  .kx-kart { flex: 0 0 78vw; max-width: 320px; scroll-snap-align: start; }

  .kx-icerik { grid-template-columns: minmax(0, 1fr); }
  .kx-detay__cta .kx-btn { flex: 1 1 100%; }
  .kx-detay__vitrin { min-height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
  .kx-kart, .kx-tumu i { transition: none; }
  .kx-kart:hover { transform: none; }
}

/* =====================================================================
   Anasayfa bölümleri (2026-10-10, adisyo.com düzeninden):
   ortak başlık · işletme türleri · modül sekmeleri · son blog yazıları
   ===================================================================== */
.kx-bolum-bas { max-width: 760px; margin: 0 auto 32px; text-align: center; }
.kx-bolum-bas .cx-eyebrow { margin-bottom: 10px; color: #2563EB; }
.kx-bolum-bas--satir { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; text-align: left; }
.kx-bolum-h { margin: 0; font-size: clamp(1.6rem, 2.8vw, 2.4rem); line-height: 1.12; letter-spacing: -0.03em; font-weight: 800; color: #0F172A; }
.kx-bolum-h .cx-tint { color: #2563EB; -webkit-text-fill-color: currentColor; }
.kx-bolum-alt { margin: 12px auto 0; max-width: 620px; font-size: 1.02rem; line-height: 1.6; color: #475467; }

/* ---------- işletme türleri ---------- */
.kx-turler { padding: clamp(48px, 8vh, 80px) 0; background: #fff; }
.kx-turler__izgara { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.kx-tur {
  position: relative; display: flex; flex-direction: column; gap: 6px; height: 100%;
  padding: 18px 18px 20px; border-radius: 16px; background: #F7F8FA; text-decoration: none; color: #0F172A;
  box-shadow: 0 0 0 1px #EEF1F5; transition: background-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.kx-tur__ikon { width: 44px; height: 44px; margin-bottom: 6px; border-radius: 12px; background: #fff; color: #2563EB; display: flex; align-items: center; justify-content: center; font-size: 1.15rem; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06); }
.kx-tur__ad { font-size: 1.02rem; font-weight: 700; padding-right: 24px; }
.kx-tur__not { font-size: 0.86rem; line-height: 1.45; color: #5B6678; }
.kx-tur__ok { position: absolute; top: 22px; right: 18px; color: #8A93A3; font-size: 0.85rem; transition: transform 0.18s ease, color 0.18s ease; }
.kx-tur:hover { background: #fff; box-shadow: 0 0 0 1px #C3CAD6, 0 14px 30px -18px rgba(15, 23, 42, 0.28); transform: translateY(-2px); }
.kx-tur:hover .kx-tur__ok { color: #2563EB; transform: translateX(3px); }
.kx-tur:focus-visible { outline: 3px solid #2563EB; outline-offset: 3px; }
.kx-tur--vurgu { background: #0A1628; color: #F5F7FA; box-shadow: none; }
.kx-tur--vurgu .kx-tur__ikon { background: #2563EB; color: #fff; box-shadow: none; }
.kx-tur--vurgu .kx-tur__not { color: #8E9AAD; }
.kx-tur--vurgu .kx-tur__ok { color: #93B4FB; }
.kx-tur--vurgu:hover { background: #101A2C; box-shadow: none; }

/* ---------- modül sekmeleri ---------- */
.kx-ozellik { padding: clamp(48px, 8vh, 88px) 0; background: #F6F8FB; }
.kx-ozellik__ic { display: grid; grid-template-columns: 290px minmax(0, 1fr); gap: 24px; align-items: stretch; }
.kx-ozellik__sekmeler { display: flex; flex-direction: column; gap: 4px; padding: 8px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px #EEF1F5; }
.kx-ozellik__sekme {
  display: flex; align-items: center; gap: 12px; width: 100%; padding: 12px 14px; border: 0; border-radius: 12px;
  background: none; font: inherit; font-size: 0.95rem; font-weight: 500; color: #344054; text-align: left; cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.kx-ozellik__sekme i { width: 32px; height: 32px; flex: none; border-radius: 9px; background: #F1F5FA; color: #5B6678; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; transition: background-color 0.15s ease, color 0.15s ease; }
.kx-ozellik__sekme:hover { background: #F7F8FA; color: #0F172A; }
.kx-ozellik__sekme.is-aktif { background: #EFF4FF; color: #0F172A; font-weight: 700; }
.kx-ozellik__sekme.is-aktif i { background: #2563EB; color: #fff; }
.kx-ozellik__sekme:focus-visible { outline: 3px solid rgba(37, 99, 235, 0.45); outline-offset: 1px; }
.kx-ozellik__panel {
  display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 28px; align-items: center;
  padding: clamp(22px, 3vw, 34px); border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px #EEF1F5;
}
.kx-ozellik__panel[hidden] { display: none; }
.kx-ozellik__rozet { display: inline-block; margin-bottom: 10px; padding: 3px 10px; border-radius: 999px; background: #F4EFE6; color: #8A7148; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.kx-ozellik__h { margin: 0; font-size: 1.45rem; line-height: 1.2; letter-spacing: -0.02em; font-weight: 800; color: #0F172A; }
.kx-ozellik__d { margin: 10px 0 0; font-size: 1rem; line-height: 1.6; color: #475467; }
.kx-ozellik__liste { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; }
.kx-ozellik__liste li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.94rem; line-height: 1.4; color: #344054; }
.kx-ozellik__liste i { flex: none; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: #E7F6F0; color: #0F9D6E; display: flex; align-items: center; justify-content: center; font-size: 0.62rem; }
.kx-ozellik__liste a { color: #0F172A; text-decoration: underline; text-decoration-color: #C3CAD6; text-underline-offset: 3px; }
.kx-ozellik__liste a:hover { color: #2563EB; text-decoration-color: currentColor; }
.kx-ozellik__git { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-weight: 700; font-size: 0.95rem; color: #2563EB; text-decoration: none; }
.kx-ozellik__git i { font-size: 0.8em; transition: transform 0.18s ease; }
.kx-ozellik__git:hover i { transform: translateX(3px); }
.kx-ozellik__ekran { margin: 0; border-radius: 14px; overflow: hidden; background: #0A1628; box-shadow: 0 0 0 1px #DDE2EA, 0 24px 48px -28px rgba(15, 23, 42, 0.45); }
.kx-ozellik__cerceve { display: flex; gap: 6px; padding: 9px 12px; background: #EEF1F5; }
.kx-ozellik__cerceve i { width: 9px; height: 9px; border-radius: 50%; background: #C3CAD6; }
.kx-ozellik__ekran img { display: block; width: 100%; height: auto; }
.kx-ozellik__ekran figcaption { padding: 9px 12px; background: #fff; font-size: 0.8rem; color: #5B6678; border-top: 1px solid #EEF1F5; }

/* ---------- blog ---------- */
.kx-blog { padding: clamp(48px, 8vh, 80px) 0; background: #fff; }
.kx-blog__izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.kx-yazi {
  display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: 16px; background: #F7F8FA;
  text-decoration: none; color: #0F172A; box-shadow: 0 0 0 1px #EEF1F5; transition: background-color 0.18s ease, box-shadow 0.18s ease;
}
.kx-yazi__ust { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #2563EB; }
.kx-yazi__h { font-size: 1.12rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.01em; }
.kx-yazi__d { font-size: 0.92rem; line-height: 1.55; color: #475467; }
.kx-yazi__git { margin-top: auto; padding-top: 6px; font-size: 0.88rem; font-weight: 700; color: #2563EB; }
.kx-yazi:hover { background: #fff; box-shadow: 0 0 0 1px #C3CAD6, 0 14px 30px -18px rgba(15, 23, 42, 0.28); }

@media (max-width: 1099.98px) {
  .kx-turler__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kx-ozellik__panel { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .kx-ozellik__ic { grid-template-columns: minmax(0, 1fr); }
  .kx-ozellik__sekmeler { flex-direction: row; overflow-x: auto; scrollbar-width: none; padding: 6px; }
  .kx-ozellik__sekmeler::-webkit-scrollbar { display: none; }
  .kx-ozellik__sekme { flex: none; width: auto; white-space: nowrap; padding: 9px 12px; }
  .kx-ozellik__sekme i { width: 26px; height: 26px; }
  .kx-blog__izgara { grid-template-columns: minmax(0, 1fr); }
  .kx-bolum-bas--satir { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 560px) {
  .kx-turler__izgara { gap: 10px; }
  .kx-tur { padding: 14px; }
  .kx-tur__not { font-size: 0.8rem; }
}