/* =========================================
   kesfet-paketler.css (FINAL)
   ✅ SADECE TASARIM: is-recommended kartı “premium / parlak”
   ✅ Önerilen karttaki SARI/ALTIN tonlar iptal → mor + #ff3b3b
   ✅ JS / HTML BOZULMAZ
   Scope: body.page-kesfet-paketler + .kp prefix
========================================= */

body.page-kesfet-paketler{
  --bg:#07121a;
  --bg2:#061018;

  --panel: rgba(14,32,44,.62);
  --panel2: rgba(16,38,53,.50);

  --stroke: rgba(255,255,255,.10);
  --stroke2: rgba(255,255,255,.14);

  --ink:#eaf2f9;
  --muted:#9db3c5;

  /* ✅ Purple + Red theme */
  --accent:#7c3aed;      /* mor baz */
  --accent2:#ff3b3b;     /* kırmızı */
  --warn:#FFD43B;

  /* ✅ Recommended (gold) değişkenleri artık mor/kırmızıya maplendi (bozmamak için isim aynı kalsın) */
  --gold-1: rgba(124,58,237,1);
  --gold-2: rgba(255,59,59,1);
  --gold-3: rgba(167,139,250,1);
  --gold-ink:#061018;

  --shadow: 0 18px 44px rgba(0,0,0,.34);
  --shadow2: 0 10px 24px rgba(0,0,0,.24);

  margin:0;
  min-height:100%;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(1200px 600px at -10% -10%, rgba(124,58,237,.20) 0%, transparent 70%),
    radial-gradient(900px 500px at 110% -10%, rgba(255,59,59,.14) 0%, transparent 65%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
}

main.kp, main.kp *{ box-sizing:border-box; }
main.kp a{ color:inherit; text-decoration:none; }

.kp-wrap{
  width:min(1120px, calc(100% - 40px));
  margin:0 auto;
}

.kp-muted{ color: var(--muted); }

/* ✅ Header/Footer hover (scoped, bozmaz) */
body.page-kesfet-paketler #site-header a,
body.page-kesfet-paketler #site-footer a{
  transition: color .15s ease, opacity .15s ease, text-decoration-color .15s ease;
}
body.page-kesfet-paketler #site-header a:hover,
body.page-kesfet-paketler #site-footer a:hover{
  color: var(--accent2);
  text-decoration: underline;
  text-decoration-color: rgba(255,59,59,.55);
  text-underline-offset: 3px;
}

/* Buttons */
.kp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid transparent;
  cursor:pointer;
  user-select:none;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease, filter .15s ease;
  font-weight:950;
  letter-spacing:.2px;
}
.kp-btn:active{ transform: translateY(1px); }
.kp-btn--wide{ width:100%; }

.kp-btn--primary{
  background: linear-gradient(135deg, rgba(124,58,237,.95), rgba(255,59,59,.88));
  color:#061018;
  box-shadow: 0 14px 30px rgba(124,58,237,.18);
}
.kp-btn--primary:hover{ box-shadow: 0 18px 36px rgba(255,59,59,.14); }

.kp-btn--ghost{
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.12);
  color: var(--ink);
}
.kp-btn--ghost:hover{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.16);
}

/* HERO */
.kp-hero{
  position:relative;
  padding: 56px 0 24px;
  overflow:hidden;
}
.kp-hero__bg{ position:absolute; inset:0; pointer-events:none; }
.kp-orb{
  position:absolute;
  width: 520px; height: 520px;
  border-radius: 50%;
  filter: blur(40px);
  opacity:.65;
}
.kp-orb--a{ left:-160px; top:-220px; background: rgba(124,58,237,.35); }
.kp-orb--b{ right:-180px; top:-200px; background: rgba(255,59,59,.22); }
.kp-gridlines{
  position:absolute; inset:-2px;
  background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 44px 44px;
  opacity:.18;
  mask-image: radial-gradient(closest-side at 50% 18%, black 0%, transparent 70%);
}

.kp-hero__grid{
  display:grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 22px;
  align-items:start;
  position:relative;
}

.kp-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.kp-chip{
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: var(--muted);
  font-weight:950;
  font-size: 12px;
}

.kp-title{
  margin: 10px 0 12px;
  font-size: 44px;
  letter-spacing: -.6px;
  line-height: 1.05;
}
.kp-grad{
  background: linear-gradient(90deg, rgba(124,58,237,1), rgba(255,59,59,1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.kp-lead{
  color: var(--muted);
  font-size: 16px;
  line-height:1.6;
  margin: 0 0 18px;
  max-width: 80ch;
}
.kp-actions{ display:flex; gap:10px; flex-wrap:wrap; }

.kp-metrics{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.kp-metric{
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(14,32,44,.45);
  padding: 12px 12px;
}
.kp-metric__top{ display:flex; align-items:center; gap:10px; }
.kp-dot{ width:10px; height:10px; border-radius:50%; }
.kp-dot--ok{ background: rgba(124,58,237,.95); box-shadow: 0 0 0 4px rgba(124,58,237,.14); }
.kp-dot--warn{ background: rgba(255,212,59,.95); box-shadow: 0 0 0 4px rgba(255,212,59,.12); }
.kp-metric__sub{ color: var(--muted); font-size: 12px; margin-top:6px; }

/* Side card */
.kp-sideCard{
  border-radius: 20px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(14,32,44,.58);
  box-shadow: var(--shadow);
  overflow:hidden;
}
.kp-sideCard__top{
  padding: 14px 14px 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.kp-badge{
  font-size:12px;
  font-weight:985;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(124,58,237,.16);
  border:1px solid rgba(167,139,250,.24);
  color: rgba(236,230,255,.95);
}

.kp-miniSwitch{
  display:flex;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
.kp-sw{
  padding: 8px 10px;
  font-weight:985;
  font-size: 12px;
  color: var(--muted);
  background: transparent;
  border:0;
  cursor:pointer;
}
.kp-sw.is-active{
  color:#07121a;
  background: rgba(124,58,237,.92);
}
.kp-save{
  margin-left:6px;
  font-size:11px;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(255,212,59,.16);
  border:1px solid rgba(255,212,59,.22);
  color: rgba(255,243,200,.98);
}

.kp-sideCard__body{ padding: 16px 16px 14px; }
.kp-miniTitle{ font-weight:950; font-size: 13px; }

.kp-list{
  list-style:none;
  padding:0;
  margin: 12px 0 14px;
  display:grid;
  gap:8px;
}
.kp-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color: var(--muted);
  font-size: 13px;
  line-height:1.45;
}
.kp-list li::before{
  content:"✓";
  color: rgba(124,58,237,.95);
  font-weight:990;
  margin-top:1px;
}

.kp-sideRow{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
}
.kp-kpi{ font-weight:990; letter-spacing:-.2px; }
.kp-kpiNote{ font-size: 12px; }
.kp-sideActions{ margin-top: 12px; display:grid; gap:10px; }
.kp-foot{ margin-top: 10px; font-size: 12px; opacity:.95; }

/* Sections */
.kp-sec{ padding: 56px 0; }
.kp-sec--soft{
  background: rgba(255,255,255,.02);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.kp-head{ margin-bottom: 18px; }
.kp-h2{ margin:0 0 8px; font-size: 28px; letter-spacing: -.3px; }
.kp-sub{ margin:0; color: var(--muted); line-height:1.6; max-width: 92ch; }

/* Pricing head */
.kp-pricingHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  margin-top: 18px;
}
.kp-billing{
  display:flex;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
.kp-bill{
  padding: 10px 12px;
  background: transparent;
  border:0;
  cursor:pointer;
  font-weight:990;
  color: var(--muted);
}
.kp-bill.is-active{
  background: rgba(124,58,237,.92);
  color:#061018;
}
.kp-pill{
  margin-left:6px;
  font-size:11px;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(255,59,59,.14);
  border:1px solid rgba(255,59,59,.22);
  color: rgba(255,220,220,.98);
}
.kp-miniMeta{ font-size: 13px; color: var(--muted); }

/* Plans grid */
.kp-grid{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}

.kp-card{
  position:relative;
  border-radius: 20px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(14,32,44,.50);
  box-shadow: var(--shadow2);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height: 420px;
}

/* ✅ Önerilen kart: sarı yok → mor/kırmızı premium */
.kp-card.is-recommended{
  border-color: rgba(167,139,250,.38);
  box-shadow:
    0 28px 70px rgba(0,0,0,.45),
    0 18px 56px rgba(124,58,237,.16),
    0 12px 44px rgba(255,59,59,.10);
  transform: translateY(-6px);
  z-index: 2;

  background:
    radial-gradient(520px 260px at 24% -10%, rgba(124,58,237,.18), transparent 60%),
    radial-gradient(520px 260px at 92% 8%, rgba(255,59,59,.12), transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(14,32,44,.52));
}

/* glow */
.kp-card.is-recommended::before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius: 28px;
  background:
    radial-gradient(closest-side at 30% 12%, rgba(124,58,237,.30), transparent 60%),
    radial-gradient(closest-side at 92% 28%, rgba(255,59,59,.18), transparent 62%);
  filter: blur(18px);
  opacity:.92;
  pointer-events:none;
}
.kp-card.is-recommended::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 20px;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(255,255,255,.10), transparent 58%),
    linear-gradient(115deg, rgba(124,58,237,.10), transparent 55%),
    linear-gradient(120deg, rgba(255,59,59,.06), transparent 60%);
  opacity:.9;
  pointer-events:none;
  mix-blend-mode: screen;
}

/* içerik glow’un üstünde kalsın */
.kp-card.is-recommended > *{
  position:relative;
  z-index: 1;
}

/* hover */
.kp-card.is-recommended:hover{
  transform: translateY(-8px);
  box-shadow:
    0 34px 86px rgba(0,0,0,.52),
    0 22px 64px rgba(124,58,237,.20),
    0 18px 56px rgba(255,59,59,.12);
}
.kp-card:not(.is-recommended):hover{ transform: translateY(-2px); }

.kp-card.is-free{ background: rgba(14,32,44,.38); }

/* üst alan */
.kp-cardTop{
  padding: 16px 16px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.kp-card.is-recommended .kp-cardTop{
  background:
    linear-gradient(180deg, rgba(124,58,237,.10), rgba(255,255,255,.02));
  border-bottom-color: rgba(167,139,250,.18);
}

/* Title/Tag */
.kp-cardTitleRow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.kp-cardTitle{ font-size: 18px; font-weight: 995; letter-spacing:-.2px; }
.kp-cardTag{
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 990;
  background: rgba(124,58,237,.10);
  border:1px solid rgba(167,139,250,.20);
  color: rgba(236,230,255,.92);
}

/* ✅ Recommended tag: mor/kırmızı rozet */
.kp-card.is-recommended .kp-cardTag{
  background: linear-gradient(135deg, rgba(124,58,237,.96), rgba(255,59,59,.92));
  border-color: rgba(255,255,255,.16);
  color: #061018;
  box-shadow: 0 14px 34px rgba(124,58,237,.16);
}

.kp-cardDesc{ margin-top: 8px; color: var(--muted); font-size: 13px; line-height:1.55; }

/* fiyat */
.kp-priceRow{
  margin-top: 12px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
}
.kp-amount{
  font-size: 34px;
  font-weight: 995;
  letter-spacing: -.6px;
}
.kp-per{
  color: var(--muted);
  font-weight: 900;
  font-size: 13px;
}
.kp-saveInfo{
  display:none;
  font-size: 12px;
  font-weight: 990;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,212,59,.16);
  border:1px solid rgba(255,212,59,.22);
  color: rgba(255,243,200,.98);
}

/* ✅ Recommended fiyat: mor → kırmızı gradient */
.kp-card.is-recommended .kp-amount{
  color: rgba(236,230,255,.98);
  text-shadow: 0 18px 48px rgba(124,58,237,.14);
}
@supports (-webkit-background-clip:text){
  .kp-card.is-recommended .kp-amount{
    background: linear-gradient(90deg, rgba(167,139,250,1), rgba(255,59,59,1));
    -webkit-background-clip:text;
    background-clip:text;
    color: transparent;
  }
}

/* body */
.kp-cardBody{
  padding: 14px 16px 14px;
  display:flex;
  flex-direction:column;
  gap: 12px;
  flex:1;
}
.kp-card.is-recommended .kp-cardBody{
  background:
    radial-gradient(520px 240px at 40% 20%, rgba(124,58,237,.10), transparent 62%),
    radial-gradient(520px 240px at 90% 40%, rgba(255,59,59,.06), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), transparent);
}

.kp-kpisRow{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
.kp-miniKpi{
  padding: 10px 10px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.kp-miniKpi b{ display:block; font-weight:990; }
.kp-miniKpi span{ display:block; margin-top:3px; font-size: 12px; color: var(--muted); }

.kp-card.is-recommended .kp-miniKpi{
  border-color: rgba(167,139,250,.18);
  background: rgba(255,255,255,.035);
}
.kp-card.is-recommended .kp-miniKpi b{ color: rgba(236,230,255,.96); }

/* features */
.kp-features{
  list-style:none;
  padding:0;
  margin: 0;
  display:grid;
  gap:9px;
}
.kp-features li{
  color: var(--muted);
  font-size: 13px;
  line-height:1.45;
  display:flex;
  gap:10px;
  align-items:flex-start;
}
.kp-features li::before{
  content:"✓";
  color: rgba(124,58,237,.95);
  font-weight: 990;
  margin-top:1px;
}
.kp-features li.is-dim{ opacity:.72; }
.kp-features li.is-dim::before{
  content:"•";
  color: rgba(157,179,197,.55);
}

/* ✅ Recommended tik rengi: kırmızı (vurgu) */
.kp-card.is-recommended .kp-features li::before{
  color: rgba(255,59,59,.92);
}

/* JS’in bastığı modül alt satırları */
.kp-modSub{ padding-left:2px; font-size:13px; line-height:1.45; opacity:.92; }
.kp-modWrap{ display:grid; gap:8px; }
.kp-modList{ display:grid; gap:8px; }

/* actions */
.kp-cardActions{
  margin-top: auto;
  display:grid;
  gap:10px;
}

/* ✅ Recommended primary button: mor/kırmızı premium (sarı yok) */
.kp-card.is-recommended .kp-btn--primary{
  position:relative;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(124,58,237,.96), rgba(255,59,59,.90));
  color: #061018;
  box-shadow:
    0 18px 44px rgba(124,58,237,.16),
    0 12px 26px rgba(0,0,0,.26);
}
.kp-card.is-recommended .kp-btn--primary::after{
  content:"";
  position:absolute;
  inset:-2px;
  background: linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,.40) 30%,
    transparent 60%);
  transform: translateX(-60%);
  opacity:.55;
  pointer-events:none;
}
.kp-card.is-recommended .kp-btn--primary:hover{
  filter: brightness(1.04);
  box-shadow:
    0 22px 56px rgba(255,59,59,.14),
    0 14px 30px rgba(0,0,0,.28);
}
.kp-card.is-recommended .kp-btn--primary:hover::after{
  transform: translateX(60%);
  transition: transform .65s ease;
}

.kp-card.is-recommended .kp-btn--ghost{
  border-color: rgba(167,139,250,.24);
  background: rgba(124,58,237,.06);
}
.kp-card.is-recommended .kp-btn--ghost:hover{
  border-color: rgba(255,59,59,.24);
  background: rgba(255,59,59,.06);
}

/* Note */
.kp-note{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  align-items:flex-start;
  padding: 12px 12px;
  border-radius: 16px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}
.kp-noteIco{ font-size: 18px; }

/* Compare */
.kp-compare{
  border-radius: 20px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(14,32,44,.42);
  overflow:hidden;
}
.kp-compareHead{
  padding: 14px 16px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.kp-compareHead h3{ margin:0 0 6px; font-size: 16px; }
.kp-tableWrap{ overflow:auto; }
.kp-table{
  width:100%;
  border-collapse: collapse;
  min-width: 860px;
}
.kp-table th,
.kp-table td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  text-align:left;
  font-size: 13px;
  color: var(--muted);
}
.kp-table th{ color: rgba(235,246,255,.92); font-weight: 990; }
.kp-table td strong{ color: rgba(235,246,255,.92); }
.kp-yes{ color: rgba(236,230,255,.95); font-weight: 990; }
.kp-no{ color: rgba(157,179,197,.65); }

/* Usecases */
.kp-usecases{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 16px;
}
.kp-uc{
  padding: 16px 16px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(14,32,44,.45);
}
.kp-ucTop{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom: 8px; }
.kp-tag{
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 990;
  background: rgba(124,58,237,.10);
  border:1px solid rgba(167,139,250,.20);
  color: rgba(236,230,255,.92);
}
.kp-uc p{ margin:0; color: var(--muted); line-height:1.6; }
.kp-ucFoot{ margin-top: 12px; color: var(--muted); font-size: 13px; }

.kp-cta{
  margin-top: 18px;
  padding: 16px 16px;
  border-radius: 20px;
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(14,32,44,.48));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.kp-ctaT{ font-weight:990; letter-spacing:-.2px; }
.kp-ctaS{ margin-top:4px; font-size:13px; }

/* FAQ */
.kp-faq{ display:grid; gap: 10px; margin-top: 16px; }
.kp-faqItem{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(14,32,44,.45);
  overflow:hidden;
}
.kp-faqItem summary{
  cursor:pointer;
  padding: 14px 16px;
  font-weight: 990;
  color: rgba(235,246,255,.92);
  list-style:none;
}
.kp-faqItem summary::-webkit-details-marker{ display:none; }
.kp-faqItem summary::after{
  content:"+";
  float:right;
  color: rgba(124,58,237,.95);
}
.kp-faqItem[open] summary::after{ content:"–"; }
.kp-faqBody{
  padding: 0 16px 14px;
  color: var(--muted);
  line-height:1.6;
  font-size: 13.5px;
}

/* Final CTA */
.kp-final{
  margin-top: 18px;
  padding: 16px 16px;
  border-radius: 20px;
  border:1px solid rgba(255,255,255,.12);
  background: linear-gradient(180deg, rgba(124,58,237,.10), rgba(14,32,44,.48));
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 14px;
}
.kp-final h3{ margin:0 0 6px; letter-spacing:-.2px; }
.kp-final p{ margin:0; }

/* Sticky CTA */
.kp-sticky{
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 14px;
  z-index: 60;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(14,32,44,.74);
  backdrop-filter: blur(12px);
  box-shadow: var(--shadow);
}
.kp-stickyT{ font-weight: 995; letter-spacing:-.2px; }
.kp-stickyS{ font-size: 12px; }

/* Toasts */
.kp-toasts{
  position: fixed;
  right: 14px;
  bottom: 92px;
  z-index: 80;
  display:grid;
  gap: 8px;
}
.kp-toast{
  padding: 10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(14,32,44,.85);
  color: rgba(235,246,255,.92);
  box-shadow: var(--shadow2);
  transition: opacity .25s ease, transform .25s ease;
}

/* Reveal */
.kp-reveal{
  opacity:0;
  transform: translateY(10px);
  transition: opacity .6s ease, transform .6s ease;
}
.kp-reveal.is-show{ opacity:1; transform:none; }

/* Responsive */
@media (max-width: 1080px){
  .kp-grid{ grid-template-columns: 1fr 1fr; }
  .kp-usecases{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 980px){
  .kp-hero__grid{ grid-template-columns: 1fr; }
  .kp-title{ font-size: 38px; }
  .kp-usecases{ grid-template-columns: 1fr; }
  .kp-final{ flex-direction: column; align-items:flex-start; }
  .kp-cta{ flex-direction: column; align-items:flex-start; }
}
@media (max-width: 780px){
  .kp-sticky{ display:flex; }
  .kp-hero{ padding-top: 34px; }
  .kp-title{ font-size: 34px; }
  .kp-metrics{ grid-template-columns: 1fr; }
  .kp-grid{ grid-template-columns: 1fr; }
}

/* Motion reduce */
@media (prefers-reduced-motion: reduce){
  .kp-reveal{ transition:none; transform:none; opacity:1; }
  .kp-btn{ transition:none; }
  .kp-card.is-recommended{ transform:none; }
  .kp-card.is-recommended:hover{ transform:none; }
  .kp-card.is-recommended .kp-btn--primary::after{ display:none; }
}

/* ==============================
   ✅ Features: ✓ / ✕ durumu
   - is-no -> gri + ✕
   - is-yes -> mevcut ✓
============================== */

/* list item X */
body.page-kesfet-paketler .kp-features li.is-no{
  color: rgba(157,179,197,.78);
  opacity: .84;
}
body.page-kesfet-paketler .kp-features li.is-no::before{
  content:"✕" !important;
  color: rgba(157,179,197,.55) !important;
}

/* ==============================
   ✅ Modül alt satırları: "•" kalsın
   - yanında ✓ / ✕ ikonu göster
============================== */
body.page-kesfet-paketler .kp-modSub{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-left:0; /* önceki padding’i sıfırla */
}

body.page-kesfet-paketler .kp-modIco{
  width:18px;
  flex:0 0 18px;
  font-weight: 990;
  line-height: 1.2;
  margin-top: 1px;
  color: rgba(124,58,237,.95); /* default ✓ rengi */
}

body.page-kesfet-paketler .kp-modTxt{
  display:block;
}

body.page-kesfet-paketler .kp-modSub.is-no{
  color: rgba(157,179,197,.78);
  opacity: .84;
}
body.page-kesfet-paketler .kp-modSub.is-no .kp-modIco{
  color: rgba(157,179,197,.55);
}

/* recommended kartta ✓ kırmızı vurgu */
body.page-kesfet-paketler .kp-card.is-recommended .kp-modSub.is-yes .kp-modIco{
  color: rgba(255,59,59,.92);
}

/* =========================================
   PATCH (en sona ekle)
   ✅ Çift ✓ fix: ikonlar sadece CSS ::before’dan gelsin
   ✅ is-no -> ✕ (gri)
   ✅ .kp-modSub için de ✓/✕ ikonunu CSS basar
   ✅ .kp-save sarı -> kırmızı
========================================= */

body.page-kesfet-paketler .kp-features li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}

/* eski ✓ stilini override (tek ikon burada) */
body.page-kesfet-paketler .kp-features li::before{
  content:"✓";
  color: rgba(123,97,255,.95); /* mor */
  font-weight: 990;
  margin-top:1px;
  flex: 0 0 16px;
}

body.page-kesfet-paketler .kp-features li.is-no::before{
  content:"✕";
  color: rgba(157,179,197,.65);
}
body.page-kesfet-paketler .kp-features li.is-no{
  opacity:.72;
}

/* Modül satırları (div) */
body.page-kesfet-paketler .kp-modSub{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
}

body.page-kesfet-paketler .kp-modSub::before{
  content:"✓";
  color: rgba(123,97,255,.95);
  font-weight: 990;
  margin-top:1px;
  flex: 0 0 16px;
}
body.page-kesfet-paketler .kp-modSub.is-no::before{
  content:"✕";
  color: rgba(157,179,197,.65);
}
body.page-kesfet-paketler .kp-modSub.is-no{
  opacity:.72;
}

/* ✅ save hint sarı kalmıştı -> kırmızı */
body.page-kesfet-paketler .kp-save{
  background: rgba(255,59,59,.14);
  border: 1px solid rgba(255,59,59,.28);
  color: rgba(255,232,232,.96);
}

/* =========================================
   FINAL ICON OVERRIDE (EN ALTA YAPIŞTIR)
   ✅ "Modüller:" wrapper <li> ikon almaz
   ✅ li.is-yes / li.is-no ikonları tek kaynaktan gelir
   ✅ .kp-modSub is-yes/is-no ikonları tek kaynaktan gelir
   ✅ Gold (is-recommended) ✓ her yerde kırmızı olur
========================================= */

/* ===== Feature list (li) ===== */
body.page-kesfet-paketler .kp-features li{
  display:flex;
  gap:10px;
  align-items:flex-start;
}

/* default: ikon YOK (Modüller: wrapper satırına ✓ basılmasın) */
body.page-kesfet-paketler .kp-features li::before{
  content:"" !important;
  flex: 0 0 16px;
  margin-top:1px;
}

/* sadece is-yes / is-no ikon basar */
body.page-kesfet-paketler .kp-features li.is-yes::before{
  content:"✓" !important;
  color: rgba(124,58,237,.95) !important; /* mor */
  font-weight: 990;
}
body.page-kesfet-paketler .kp-features li.is-no::before{
  content:"✕" !important;
  color: rgba(157,179,197,.65) !important; /* gri */
  font-weight: 990;
}
body.page-kesfet-paketler .kp-features li.is-no{
  color: rgba(157,179,197,.78);
  opacity:.84;
}

/* Gold kartta sadece ✓ kırmızı */
body.page-kesfet-paketler .kp-card.is-recommended .kp-features li.is-yes::before{
  color: rgba(255,59,59,.92) !important;
}

/* ===== Modül alt satırları (.kp-modSub) ===== */
body.page-kesfet-paketler .kp-modSub{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:0;
  color: var(--muted);
  opacity:.92;
}

/* default: ikon YOK (gerekirse) */
body.page-kesfet-paketler .kp-modSub::before{
  content:"" !important;
  flex: 0 0 16px;
  margin-top:1px;
}

/* is-yes / is-no ikon basar */
body.page-kesfet-paketler .kp-modSub.is-yes::before{
  content:"✓" !important;
  color: rgba(124,58,237,.95) !important; /* mor */
  font-weight: 990;
}
body.page-kesfet-paketler .kp-modSub.is-no::before{
  content:"✕" !important;
  color: rgba(157,179,197,.65) !important; /* gri */
  font-weight: 990;
}
body.page-kesfet-paketler .kp-modSub.is-no{
  color: rgba(157,179,197,.78);
  opacity:.84;
}

/* Gold kartta modül ✓ kırmızı */
body.page-kesfet-paketler .kp-card.is-recommended .kp-modSub.is-yes::before{
  color: rgba(255,59,59,.92) !important;
}


/* =========================================
   MODÜLLERİ KART YAP (EN ALTA EKLE)
========================================= */
body.page-kesfet-paketler .kp-features li.kp-modCard{
  display:block;               /* artık flex değil */
  margin-top: 6px;
  padding: 12px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
}

/* wrapper satırının ikon boşluğu tamamen kalksın */
body.page-kesfet-paketler .kp-features li.kp-modCard::before{
  display:none !important;
  content:"" !important;
}

/* başlık daha net */
body.page-kesfet-paketler .kp-modTitle{
  font-weight: 990;
  color: rgba(235,246,255,.92);
  margin-bottom: 8px;
}

/* modül listesi kart içinde düzenli dursun */
body.page-kesfet-paketler .kp-modList{
  display:grid;
  gap: 8px;
}

/* Gold kartta modül kartı da biraz daha “premium” dursun */
body.page-kesfet-paketler .kp-card.is-recommended .kp-features li.kp-modCard{
  border-color: rgba(167,139,250,.18);
  background: rgba(255,255,255,.035);
}



/* =========================================
   INFO (i) TOOLTIP (EN ALTA EKLE)
   ✅ is-yes maddelerin sağına (i)
   ✅ hover / focus ile açıklama
========================================= */

/* tooltip’ler kesilmesin (kart overflow hidden ise) */
body.page-kesfet-paketler .kp-card{
  overflow: visible;
}
body.page-kesfet-paketler .kp-cardTop{
  border-radius: 20px 20px 0 0;
}
body.page-kesfet-paketler .kp-cardBody{
  border-radius: 0 0 20px 20px;
}

/* text alanları */
body.page-kesfet-paketler .kp-itemText,
body.page-kesfet-paketler .kp-modTxt{
  flex: 1;
  min-width: 0;
}

/* küçük yuvarlak i */
body.page-kesfet-paketler .kp-info{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-left: 8px;

  display: inline-grid;
  place-items: center;

  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);

  color: rgba(235,246,255,.86);
  font-size: 12px;
  font-weight: 990;
  line-height: 1;

  cursor: help;
  user-select: none;

  position: relative;
  padding: 0;

  transition: transform .15s ease, border-color .15s ease, background .15s ease, color .15s ease;
}

body.page-kesfet-paketler .kp-info:hover,
body.page-kesfet-paketler .kp-info:focus-visible{
  border-color: rgba(255,59,59,.32);
  background: rgba(124,58,237,.10);
  color: rgba(255,59,59,.95);
  transform: translateY(-1px);
  outline: none;
}

/* tooltip balonu */
body.page-kesfet-paketler .kp-info::after{
  content: attr(data-tip);
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);

  width: max-content;
  max-width: 280px;

  padding: 10px 12px;
  border-radius: 12px;

  background: rgba(11,15,20,.96);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 52px rgba(0,0,0,.48);

  color: rgba(235,246,255,.92);
  font-size: 12.5px;
  line-height: 1.45;

  white-space: pre-line;

  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  z-index: 9999;
}

/* ok ucu */
body.page-kesfet-paketler .kp-info::before{
  content: "";
  position: absolute;
  right: 7px;
  bottom: calc(100% + 5px);

  width: 10px;
  height: 10px;

  background: rgba(11,15,20,.96);
  border-left: 1px solid rgba(255,255,255,.12);
  border-bottom: 1px solid rgba(255,255,255,.12);

  transform: translateY(6px) rotate(45deg);
  opacity: 0;
  pointer-events: none;
  z-index: 10000;
}

body.page-kesfet-paketler .kp-info:hover::after,
body.page-kesfet-paketler .kp-info:focus-visible::after{
  opacity: 1;
  transform: translateY(0);
}
body.page-kesfet-paketler .kp-info:hover::before,
body.page-kesfet-paketler .kp-info:focus-visible::before{
  opacity: 1;
  transform: translateY(0) rotate(45deg);
}

/* Gold kartta info ikonunu da biraz vurgula */
body.page-kesfet-paketler .kp-card.is-recommended .kp-info{
  border-color: rgba(167,139,250,.24);
}
body.page-kesfet-paketler .kp-card.is-recommended .kp-info:hover,
body.page-kesfet-paketler .kp-card.is-recommended .kp-info:focus-visible{
  border-color: rgba(255,59,59,.38);
}

/* Modüller wrapper satırı ikon almasın (senin final icon override’ına uyumlu) */
body.page-kesfet-paketler .kp-features li.kp-modCard::before{
  display:none !important;
  content:"" !important;
}