@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap');

html body .kj-problem-page,
html body .kj-problem-page *{box-sizing:border-box!important}

html body .kj-problem-page{
  --kj-problem-primary:#0F4D8B;
  --kj-problem-secondary:#54AEE2;
  --kj-problem-dark:#071E34;
  --kj-problem-deep:#061426;
  --kj-problem-heading:#1F1F24;
  --kj-problem-text:#5F6B7A;
  --kj-problem-bg:#F5F8FB;
  --kj-problem-wa:#19C96B;
  --kj-problem-amber:#F59E0B;
  --kj-problem-amber-bg:#FFF7E6;
  --kj-problem-green:#16A34A;
  --kj-problem-green-bg:#ECFDF3;
  --kj-problem-red:#DC2626;
  --kj-problem-line:rgba(15,77,139,.11);
  --kj-problem-shadow:0 18px 55px rgba(15,77,139,.07);
  width:min(1240px,calc(100vw - 32px))!important;
  margin:0 auto!important;
  padding:22px 0 64px!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  color:var(--kj-problem-text)!important;
  isolation:isolate!important;
}

html body .kj-problem-page a{color:inherit!important;text-decoration:none!important}
html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page p,
html body .kj-problem-page ul,
html body .kj-problem-page li{margin:0!important;padding:0!important}
html body .kj-problem-page ul{list-style:none!important}
html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-heading)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.025em!important;text-wrap:balance!important}
html body .kj-problem-page p,
html body .kj-problem-page li{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-text)!important;font-size:17px!important;line-height:1.72!important;font-weight:500!important}
html body .kj-problem-page strong{color:var(--kj-problem-heading)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-hero{position:relative!important;overflow:hidden!important;border-radius:34px!important;min-height:455px!important;padding:82px clamp(24px,4.5vw,74px) 68px!important;background:radial-gradient(circle at 76% 30%,rgba(84,174,226,.24),transparent 35%),linear-gradient(135deg,#071426,#071E34 56%,#0F4D8B)!important;border:1px solid rgba(84,174,226,.28)!important;box-shadow:0 28px 90px rgba(5,16,30,.25)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:84px 84px!important;opacity:.6!important}
html body .kj-problem-page .kj-problem-hero-inner{position:relative!important;z-index:1!important;max-width:920px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important}
html body .kj-problem-page .kj-problem-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#CDEFFF!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.15)!important}
html body .kj-problem-page .kj-problem-hero h1{color:#fff!important;font-size:clamp(44px,5.4vw,78px)!important;text-align:center!important;text-shadow:0 16px 44px rgba(0,0,0,.22)!important}
html body .kj-problem-page .kj-problem-hero-lead{max-width:850px!important;color:rgba(255,255,255,.90)!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.7!important;text-align:center!important;font-weight:600!important}

html body .kj-problem-page .kj-problem-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;margin-top:4px!important}
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn{min-width:225px!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:15px 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;transition:transform .22s ease,filter .22s ease!important}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important}
html body .kj-problem-page .kj-problem-wa-btn{background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 16px 42px rgba(18,190,98,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-blue-btn{background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;border:1px solid rgba(84,174,226,.50)!important;box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-weight:900!important;font-size:15px!important}

html body .kj-problem-page .kj-problem-author-mini{margin:18px auto 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:14px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:var(--kj-problem-primary)!important;background:#EAF5FC!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-author-mini p{font-size:15px!important;line-height:1.65!important;color:#66788D!important}
html body .kj-problem-page .kj-problem-author-mini a{color:var(--kj-problem-primary)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-answer,
html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-case{margin-top:24px!important;padding:42px clamp(24px,3.5vw,52px)!important;border-radius:30px!important;background:linear-gradient(180deg,#fff,#FBFDFF)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-answer{display:grid!important;grid-template-columns:64px 1fr!important;gap:18px!important;align-items:start!important;background:linear-gradient(135deg,#F4FBFF,#fff)!important}
html body .kj-problem-page .kj-problem-answer-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:22px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-answer span{display:inline-block!important;margin-bottom:8px!important;color:var(--kj-problem-primary)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-answer h2{font-size:clamp(28px,3.4vw,46px)!important;margin-bottom:10px!important}

html body .kj-problem-page .kj-problem-reason-strip{margin-top:24px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-reason-strip article{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:190px!important}
html body .kj-problem-page .kj-problem-reason-strip span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:22px!important}
html body .kj-problem-page .kj-problem-reason-strip strong{font-size:21px!important;line-height:1.16!important}
html body .kj-problem-page .kj-problem-reason-strip p{font-size:15.2px!important;line-height:1.65!important}

html body .kj-problem-page .kj-problem-head{display:grid!important;grid-template-columns:74px 1fr!important;gap:20px!important;align-items:start!important;margin-bottom:24px!important}
html body .kj-problem-page .kj-problem-head>span{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:21px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(84,174,226,.20)!important}
html body .kj-problem-page .kj-problem-head h2{font-size:clamp(32px,4.2vw,58px)!important;margin-bottom:10px!important}
html body .kj-problem-page .kj-problem-head p{max-width:930px!important;color:#62768A!important;font-size:18px!important;font-weight:600!important}

html body .kj-problem-page .kj-problem-mini-cta,
html body .kj-problem-page .kj-problem-mini-cta{margin:0 0 26px 94px!important}

html body .kj-problem-page .kj-problem-symptom-grid,
html body .kj-problem-page .kj-problem-cause-grid,
html body .kj-problem-page .kj-problem-mistake-grid,
html body .kj-problem-page .kj-problem-model-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-symptom-grid article,
html body .kj-problem-page .kj-problem-mistake-grid article{padding:24px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;min-height:214px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-symptom-grid span{width:52px!important;height:52px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:22px!important}
html body .kj-problem-page .kj-problem-mistake-grid span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:var(--kj-problem-amber-bg)!important;color:var(--kj-problem-amber)!important;border:1px solid rgba(245,158,11,.22)!important;font-size:20px!important}
html body .kj-problem-page .kj-problem-symptom-grid h3,
html body .kj-problem-page .kj-problem-mistake-grid h3{font-size:24px!important}

html body .kj-problem-page .kj-problem-dark{background:radial-gradient(circle at 80% 10%,rgba(84,174,226,.22),transparent 35%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;border-color:rgba(84,174,226,.22)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important}
html body .kj-problem-page .kj-problem-dark h2,
html body .kj-problem-page .kj-problem-dark h3,
html body .kj-problem-page .kj-problem-dark strong{color:#fff!important}
html body .kj-problem-page .kj-problem-dark p,
html body .kj-problem-page .kj-problem-dark li{color:#DCEBFA!important}
html body .kj-problem-page .kj-problem-dark .kj-problem-head p{color:#DCEBFA!important}
html body .kj-problem-page .kj-problem-cause-grid article,
html body .kj-problem-page .kj-problem-model-grid article{padding:24px!important;border-radius:24px!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;min-height:220px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-cause-grid span,
html body .kj-problem-page .kj-problem-model-grid span{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;font-size:14px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3{font-size:24px!important}

html body .kj-problem-page .kj-problem-table-wrap{overflow-x:auto!important;border-radius:24px!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 14px 42px rgba(15,77,139,.055)!important;background:#fff!important}
html body .kj-problem-page .kj-problem-table{width:100%!important;min-width:900px!important;border-collapse:collapse!important;background:#fff!important}
html body .kj-problem-page .kj-problem-table th{padding:18px!important;background:linear-gradient(135deg,#071E34,#0F4D8B)!important;color:#fff!important;text-align:left!important;font-size:15px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-table td{padding:18px!important;border-top:1px solid rgba(15,77,139,.08)!important;color:#607489!important;font-size:15px!important;line-height:1.65!important;vertical-align:top!important;font-weight:600!important}
html body .kj-problem-page .kj-problem-table tr:nth-child(even) td{background:#FAFCFF!important}

html body .kj-problem-page .kj-problem-priority-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-priority-grid article{padding:24px!important;border-radius:24px!important;min-height:250px!important;display:flex!important;flex-direction:column!important;gap:13px!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important}
html body .kj-problem-page .kj-problem-priority-grid span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-priority-grid h3{font-size:25px!important}
html body .kj-problem-page .kj-problem-priority-grid li{padding-left:18px!important;position:relative!important;font-size:15.5px!important;line-height:1.65!important}
html body .kj-problem-page .kj-problem-priority-critical{background:#FEF2F2!important;border-left:6px solid var(--kj-problem-red)!important}
html body .kj-problem-page .kj-problem-priority-critical span{background:#DC2626!important;color:#fff!important}
html body .kj-problem-page .kj-problem-priority-important{background:var(--kj-problem-amber-bg)!important;border-left:6px solid var(--kj-problem-amber)!important}
html body .kj-problem-page .kj-problem-priority-important span{background:#F59E0B!important;color:#fff!important}
html body .kj-problem-page .kj-problem-priority-improve{background:var(--kj-problem-green-bg)!important;border-left:6px solid var(--kj-problem-green)!important}
html body .kj-problem-page .kj-problem-priority-improve span{background:#16A34A!important;color:#fff!important}

html body .kj-problem-page .kj-problem-case-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
html body .kj-problem-page .kj-problem-case-grid article{padding:22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:210px!important}
html body .kj-problem-page .kj-problem-case-grid span{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:20px!important}
html body .kj-problem-page .kj-problem-case-grid h3{font-size:22px!important}
html body .kj-problem-page .kj-problem-case-grid p{font-size:14.8px!important;line-height:1.65!important}

html body .kj-problem-page .kj-problem-link-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-link-grid a{padding:24px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;min-height:250px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-link-grid a>span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:18px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-link-grid strong{font-size:22px!important;line-height:1.18!important}
html body .kj-problem-page .kj-problem-link-grid p{font-size:15px!important;line-height:1.65!important}
html body .kj-problem-page .kj-problem-link-grid em{margin-top:auto!important;font-style:normal!important;color:var(--kj-problem-primary)!important;font-weight:900!important;font-size:15px!important}

html body .kj-problem-page .kj-problem-faq{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-faq details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.03)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-faq summary{list-style:none!important;cursor:pointer!important;padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:flex-start!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important}
html body .kj-problem-page .kj-problem-faq summary span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(84,174,226,.14)!important;color:var(--kj-problem-primary)!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-faq details p{padding:0 20px 20px 62px!important;color:#61758A!important;font-size:15.5px!important;line-height:1.72!important}

html body .kj-problem-page .kj-problem-author{margin-top:24px!important;padding:34px!important;border-radius:30px!important;background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:130px 1fr!important;gap:28px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-media img{display:block!important;width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;border:5px solid #fff!important;box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10)!important}
html body .kj-problem-page .kj-problem-author-copy{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-author-copy>span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;background:#EAF2F9!important;color:var(--kj-problem-primary)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-author-copy h2{font-size:clamp(30px,4vw,48px)!important}
html body .kj-problem-page .kj-problem-author-copy strong{font-size:16px!important;color:#294C6F!important}
html body .kj-problem-page .kj-problem-author-copy a{color:var(--kj-problem-primary)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-final{margin-top:24px!important;position:relative!important;overflow:hidden!important;padding:58px 42px!important;border-radius:34px!important;background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important;text-align:center!important;border:1px solid rgba(84,174,226,.22)!important}
html body .kj-problem-page .kj-problem-final h2{max-width:950px!important;margin:0 auto!important;color:#fff!important;font-size:clamp(34px,4.6vw,62px)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final p{max-width:900px!important;margin:16px auto 0!important;color:#D8E8F6!important;font-size:17px!important;line-height:1.68!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final .kj-problem-actions{margin-top:24px!important}

@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-priority-grid{grid-template-columns:1fr 1fr!important}
  html body .kj-problem-page .kj-problem-case-grid,
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:680px){
  html body .kj-problem-page{width:calc(100vw - 24px)!important;padding-top:16px!important}
  html body .kj-problem-page .kj-problem-hero{padding:48px 20px 54px!important;border-radius:26px!important;min-height:auto!important}
  html body .kj-problem-page .kj-problem-hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.12!important}
  html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn{width:100%!important;min-width:0!important;min-height:52px!important}
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-head,
  html body .kj-problem-page .kj-problem-author{grid-template-columns:1fr!important;text-align:left!important}
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-case,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-final{padding:24px!important;border-radius:24px!important}
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-case-grid,
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important}
  html body .kj-problem-page .kj-problem-head h2{font-size:clamp(28px,8vw,40px)!important}
  html body .kj-problem-page .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-mini-cta{margin:0 0 22px 0!important;width:100%!important}
  html body .kj-problem-page .kj-problem-author{align-items:center!important;text-align:center!important}
  html body .kj-problem-page .kj-problem-author-copy{align-items:center!important;text-align:center!important}
  html body .kj-problem-page .kj-problem-author-media{display:flex!important;justify-content:center!important}
}


html body .kj-problem-page .kj-problem-mini-cta{width:min(390px,100%)!important;min-height:70px!important;display:inline-flex!important;align-items:center!important;gap:14px!important;padding:10px 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#087A3F,#13AD5B 48%,#21D66E)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 16px 42px rgba(18,190,98,.23)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-mini-logo{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-mini-logo img{width:38px!important;height:auto!important;display:block!important}
html body .kj-problem-page .kj-problem-mini-text{display:flex!important;flex-direction:column!important;gap:2px!important;text-align:left!important;min-width:0!important;flex:1!important}
html body .kj-problem-page .kj-problem-mini-text strong{color:#fff!important;font-size:17px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-text em{font-style:normal!important;font-size:11px!important;margin-left:4px!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;vertical-align:middle!important}
html body .kj-problem-page .kj-problem-mini-text small{color:#fff!important;font-size:14px!important;line-height:1.15!important;font-weight:900!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-wa{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:18px!important;font-weight:900!important}
@media(max-width:680px){html body .kj-problem-page .kj-problem-mini-text strong{font-size:15px!important}html body .kj-problem-page .kj-problem-mini-text small{font-size:12.5px!important}html body .kj-problem-page .kj-problem-mini-logo{width:48px!important;height:48px!important;min-width:48px!important}html body .kj-problem-page .kj-problem-mini-wa{width:42px!important;height:42px!important;min-width:42px!important}}

/* =========================================================
   ========================================================= */

html body .kj-problem-page {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page h4 {
  font-family: "Outfit", Inter, Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}

html body .kj-problem-page p,
html body .kj-problem-page li {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

html body .kj-problem-page strong {
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-hero {
  width: 100% !important;
  min-height: 455px !important;
  margin: 0 auto !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-hero h1 {
  color: #FFFFFF !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  font-size: clamp(42px, 4.9vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.022em !important;
  text-align: center !important;
  text-shadow: 0 16px 44px rgba(0,0,0,.22) !important;
}

html body .kj-problem-page .kj-problem-hero-lead {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-actions {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn {
  min-width: 225px !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini {
  margin-top: 24px !important;
  padding: 18px 22px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  background: #EAF3FA !important;
  color: #0F4D8B !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini p {
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

html body .kj-problem-page .kj-problem-answer {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-answer-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-answer h2 {
  font-size: clamp(28px, 3.6vw, 48px) !important;
  line-height: 1.12 !important;
  margin-bottom: 12px !important;
}

html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-model,
html body .kj-problem-page .kj-problem-warning,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-case,
html body .kj-problem-page .kj-problem-trust,
html body .kj-problem-page .kj-problem-service-cta {
  margin-top: 24px !important;
  padding: 42px clamp(24px, 3.5vw, 52px) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-head {
  display: grid !important;
  grid-template-columns: 74px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 26px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  box-shadow: 0 16px 34px rgba(84,174,226,.20) !important;
}

html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-model h2,
html body .kj-problem-page .kj-problem-warning h2,
html body .kj-problem-page .kj-problem-linking h2,
html body .kj-problem-page .kj-problem-case h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-head h2 {
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page .kj-problem-head p,
html body .kj-problem-page .kj-problem-sub {
  margin-top: 10px !important;
  max-width: 900px !important;
  color: #64778C !important;
  font-size: 17.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body .kj-problem-page .kj-problem-funnel-map {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body .kj-problem-page .kj-problem-define-grid,
  html body .kj-problem-page .kj-problem-procon-grid,
  html body .kj-problem-page .kj-problem-checklist,
  html body .kj-problem-page .kj-problem-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

html body .kj-problem-page .kj-problem-system-grid > *,
html body .kj-problem-page .kj-problem-flow > *,
html body .kj-problem-page .kj-problem-feature-grid > *,
html body .kj-problem-page .kj-problem-control-rail > *,
html body .kj-problem-page .kj-problem-info-strip > *,
html body .kj-problem-page .kj-problem-priority-grid > *,
html body .kj-problem-page .kj-problem-score-grid > *,
html body .kj-problem-page .kj-problem-kpi-grid > *,
html body .kj-problem-page .kj-problem-decision-strip > *,
html body .kj-problem-page .kj-problem-usage-grid > *,
html body .kj-problem-page .kj-problem-service-grid > *,
html body .kj-problem-page .kj-problem-scenario-grid > *,
html body .kj-problem-page .kj-problem-reason-strip > *,
html body .kj-problem-page .kj-problem-symptom-grid > *,
html body .kj-problem-page .kj-problem-cause-grid > *,
html body .kj-problem-page .kj-problem-mistake-grid > *,
html body .kj-problem-page .kj-problem-model-grid > *,
html body .kj-problem-page .kj-problem-purpose-grid > *,
html body .kj-problem-page .kj-problem-check-grid > *,
html body .kj-problem-page .kj-problem-error-grid > *,
html body .kj-problem-page .kj-problem-related-grid > *,
html body .kj-problem-page .kj-problem-related > * {
  min-width: 0 !important;
}

html body .kj-problem-page .kj-problem-system-grid h3,
html body .kj-problem-page .kj-problem-flow h3,
html body .kj-problem-page .kj-problem-feature-grid h3,
html body .kj-problem-page .kj-problem-control-rail h3,
html body .kj-problem-page .kj-problem-info-strip h3,
html body .kj-problem-page .kj-problem-priority-grid h3,
html body .kj-problem-page .kj-problem-score-grid h3,
html body .kj-problem-page .kj-problem-kpi-grid h3,
html body .kj-problem-page .kj-problem-decision-strip h3,
html body .kj-problem-page .kj-problem-usage-grid h3,
html body .kj-problem-page .kj-problem-service-grid h3,
html body .kj-problem-page .kj-problem-scenario-grid h3,
html body .kj-problem-page .kj-problem-reason-strip h3,
html body .kj-problem-page .kj-problem-symptom-grid h3,
html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-mistake-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3,
html body .kj-problem-page .kj-problem-purpose-grid h3,
html body .kj-problem-page .kj-problem-check-grid h3,
html body .kj-problem-page .kj-problem-error-grid h3 {
  font-size: 21px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page .kj-problem-system-grid p,
html body .kj-problem-page .kj-problem-flow p,
html body .kj-problem-page .kj-problem-feature-grid p,
html body .kj-problem-page .kj-problem-control-rail p,
html body .kj-problem-page .kj-problem-info-strip p,
html body .kj-problem-page .kj-problem-priority-grid p,
html body .kj-problem-page .kj-problem-score-grid p,
html body .kj-problem-page .kj-problem-kpi-grid p,
html body .kj-problem-page .kj-problem-decision-strip p,
html body .kj-problem-page .kj-problem-usage-grid p,
html body .kj-problem-page .kj-problem-service-grid p,
html body .kj-problem-page .kj-problem-scenario-grid p,
html body .kj-problem-page .kj-problem-reason-strip p,
html body .kj-problem-page .kj-problem-symptom-grid p,
html body .kj-problem-page .kj-problem-cause-grid p,
html body .kj-problem-page .kj-problem-mistake-grid p,
html body .kj-problem-page .kj-problem-model-grid p,
html body .kj-problem-page .kj-problem-purpose-grid p,
html body .kj-problem-page .kj-problem-check-grid p,
html body .kj-problem-page .kj-problem-error-grid p {
  font-size: 14.8px !important;
  line-height: 1.68 !important;
}

html body .kj-problem-page .kj-problem-mini-cta {
  width: auto !important;
  max-width: 410px !important;
  min-width: 330px !important;
  min-height: 68px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 24px 0 !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  overflow: visible !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-author {
  margin-top: 24px !important;
  padding: 34px !important;
  border-radius: 28px !important;
  background: linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 56%,#EAF3FA 100%) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  display: grid !important;
  grid-template-columns: 130px 1fr !important;
  gap: 28px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-media img {
  display: block !important;
  width: 104px !important;
  height: 104px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 5px solid #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(15,77,139,.11), 0 14px 28px rgba(15,77,139,.10) !important;
}

html body .kj-problem-page .kj-problem-final {
  margin-top: 24px !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 56px 42px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 72% 14%, rgba(84,174,226,.20), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(84,174,226,.26), transparent 45%),
    linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%) !important;
  box-shadow: 0 26px 86px rgba(5,16,30,.24) !important;
  text-align: center !important;
  border: 1px solid rgba(84,174,226,.22) !important;
}

html body .kj-problem-page .kj-problem-final h2 {
  max-width: 900px !important;
  margin: 0 auto !important;
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.6vw, 62px) !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-final p {
  max-width: 900px !important;
  margin: 16px auto 0 !important;
  color: #D8E8F6 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page .kj-problem-hero {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(34px, 10.2vw, 46px) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    font-size: 15px !important;
    padding: 13px 18px !important;
    margin: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head,
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-model,
  html body .kj-problem-page .kj-problem-warning,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-case,
  html body .kj-problem-page .kj-problem-trust,
  html body .kj-problem-page .kj-problem-service-cta,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-final {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-model h2,
  html body .kj-problem-page .kj-problem-warning h2,
  html body .kj-problem-page .kj-problem-linking h2,
  html body .kj-problem-page .kj-problem-case h2,
  html body .kj-problem-page .kj-problem-trust h2,
  html body .kj-problem-page .kj-problem-head h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  html body .kj-problem-page .kj-problem-author {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 18px !important;
  }
}


html body .kj-problem-page {
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page [class$="-hero"] {
  min-height: 455px !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-inner"] {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero"] h1,
html body .kj-problem-page [class*="-hero"] h1 {
  font-size: clamp(38px, 4.35vw, 62px) !important;
  line-height: 1.07 !important;
  letter-spacing: -0.022em !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-lead"],
html body .kj-problem-page [class*="-hero-lead"] {
  font-size: clamp(16.5px, 1.25vw, 19px) !important;
  line-height: 1.68 !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page h2 {
  font-size: clamp(28px, 3.15vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page h3 {
  font-size: clamp(20px, 1.75vw, 24px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page [class$="-head"] h2,
html body .kj-problem-page [class*="-head"] h2,
html body .kj-problem-page [class$="-answer"] h2,
html body .kj-problem-page [class*="-answer"] h2 {
  font-size: clamp(28px, 3.2vw, 46px) !important;
  line-height: 1.12 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    height: 100% !important;
    min-height: 178px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
    border: 1px solid rgba(15,77,139,.08) !important;
    box-shadow: 0 12px 32px rgba(15,77,139,.04) !important;
    overflow: visible !important;
  }

  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > a,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > a {
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body .kj-problem-page [class*="-grid"] > article p,
  html body .kj-problem-page [class*="-grid"] > a p,
  html body .kj-problem-page [class*="-strip"] > article p,
  html body .kj-problem-page [class*="-strip"] > a p {
    font-size: 14.8px !important;
    line-height: 1.66 !important;
    margin: 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article strong,
  html body .kj-problem-page [class*="-grid"] > a strong,
  html body .kj-problem-page [class*="-strip"] > article strong,
  html body .kj-problem-page [class*="-strip"] > a strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article h3,
  html body .kj-problem-page [class*="-grid"] > a h3,
  html body .kj-problem-page [class*="-strip"] > article h3,
  html body .kj-problem-page [class*="-strip"] > a h3 {
    font-size: 21px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }
}

@media (max-width: 980px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page [class$="-hero"],
  html body .kj-problem-page [class*="-hero"] {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page [class$="-hero"] h1,
  html body .kj-problem-page [class*="-hero"] h1 {
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.01em !important;
  }

  html body .kj-problem-page h2,
  html body .kj-problem-page [class$="-head"] h2,
  html body .kj-problem-page [class*="-head"] h2,
  html body .kj-problem-page [class$="-answer"] h2,
  html body .kj-problem-page [class*="-answer"] h2 {
    font-size: clamp(26px, 7.2vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-head"],
  html body .kj-problem-page [class*="-answer"],
  html body .kj-problem-page [class*="-author"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    min-height: auto !important;
  }
}


/* =========================================================
========================================================= */

html body .kj-problem-page .kj-problem-hero h1 {
  font-size: clamp(34px, 4.15vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  max-width: 920px !important;
}

html body .kj-problem-page .kj-problem-hero {
  min-height: 430px !important;
  padding-top: 78px !important;
  padding-bottom: 64px !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-answer h2,
html body .kj-problem-page .kj-problem-definition h2,
html body .kj-problem-page .kj-problem-map-copy h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-final h2,
html body .kj-problem-page .kj-problem-author-copy h2 {
  font-size: clamp(26px, 3.1vw, 42px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.016em !important;
}

html body .kj-problem-page h3,
html body .kj-problem-page [class*="-grid"] h3,
html body .kj-problem-page [class*="-card"] h3 {
  font-size: clamp(19px, 1.65vw, 22px) !important;
  line-height: 1.22 !important;
}

html body .kj-problem-page [class*="-grid"] > article,
html body .kj-problem-page [class*="-grid"] > a,
html body .kj-problem-page [class*="-strip"] > article,
html body .kj-problem-page [class*="-rail"] > article,
html body .kj-problem-page [class*="-related"] > a,
html body .kj-problem-page [class*="-related"] > article {
  min-width: 0 !important;
  background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 12px 32px rgba(15,77,139,.045) !important;
  border-radius: 20px !important;
}

html body .kj-problem-page .kj-problem-dark [class*="-grid"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-grid"] > a,
html body .kj-problem-page .kj-problem-dark [class*="-strip"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-rail"] > article {
  background: rgba(255,255,255,.095) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.08) !important;
}

html body .kj-problem-page [class*="-grid"] > article *,
html body .kj-problem-page [class*="-grid"] > a *,
html body .kj-problem-page [class*="-strip"] > article *,
html body .kj-problem-page [class*="-rail"] > article * {
  min-width: 0 !important;
}

html body .kj-problem-page .kj-problem-author-mini {
  position: relative !important;
  overflow: visible !important;
  padding-top: 58px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini::before {
  top: 14px !important;
  left: 28px !important;
  transform: none !important;
  min-height: 32px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 20px rgba(7,30,52,.12) !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon {
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > * {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before {
  display: block !important;
  color: currentColor !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before {
  content: "?" !important;
  display: block !important;
  color: currentColor !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-answer h2,
  html body .kj-problem-page .kj-problem-definition h2,
  html body .kj-problem-page .kj-problem-final h2,
  html body .kj-problem-page .kj-problem-author-copy h2 {
    font-size: clamp(25px, 7.8vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-rail"],
  html body .kj-problem-page [class*="-related"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini {
    padding-top: 56px !important;
  }

  html body .kj-problem-page .kj-problem-author-mini::before {
    top: 14px !important;
    left: 20px !important;
  }
}


/* === V4 OVERRIDE: step/card numbers aligned to requested plain-number layout === */
html body .kj-problem-page .kj-problem-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  place-items: unset !important;
  background: none !important;
  box-shadow: none !important;
  color: #667085 !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.022em !important;
}

html body .kj-problem-page .kj-problem-head p {
  margin-top: 2px !important;
  max-width: 900px !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-head {
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head > span,
  html body .kj-problem-page .kj-problem-no {
    font-size: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}


/* === V5 OVERRIDE: icon centering + 4/1 card layout + premium number badges === */
html body .kj-problem-page .kj-problem-author-mini,
html body .kj-problem-page .kj-problem-answer {
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

html body .kj-problem-page .kj-problem-model-grid,
html body .kj-problem-page .kj-problem-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #F5F9FC 0%, #ECF4FA 100%) !important;
  border: 1px solid rgba(15,77,139,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  color: var(--kj-problem-primary) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

html body .kj-problem-page .kj-problem-model-grid > article,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-related-grid > article {
  min-height: 100% !important;
}

@media (max-width: 1024px) {
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-answer {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini-icon,
  html body .kj-problem-page .kj-problem-answer-icon {
    margin-bottom: 4px !important;
  }

  html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 14px !important;
  }
}


/* === V6 OVERRIDE: related label drift fix + section head number boxes restore === */
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--kj-problem-primary) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

html body .kj-problem-page .kj-problem-head > span:first-child,
html body .kj-problem-page .kj-problem-no {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 12px 28px rgba(12, 65, 113, .18), inset 0 1px 0 rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

html body .kj-problem-page .kj-problem-head {
  align-items: flex-start !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  color: var(--kj-problem-heading) !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
  html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 15px !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
}


/* === TARGETED FIX V8 === */

/* Related / link card top label drift fix */
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-related-card > span:first-child,
html body .kj-problem-page .kj-problem-link-card > span:first-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 28px 0 !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--kj-problem-primary) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-related-card,
html body .kj-problem-page .kj-problem-link-card {
  padding-top: 30px !important;
}

/* Desktop section heading number: left side blue box */
@media (min-width: 1024px) {
  html body .kj-problem-page .kj-problem-head {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 10px !important;
    align-items: start !important;
    margin-bottom: 24px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 12px 28px rgba(12,65,113,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  html body .kj-problem-page .kj-problem-head > div,
  html body .kj-problem-page .kj-problem-head > .kj-problem-head-content {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head > h2,
  html body .kj-problem-page .kj-problem-head > h3,
  html body .kj-problem-page .kj-problem-head > h4 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--kj-problem-heading) !important;
  }

  html body .kj-problem-page .kj-problem-head > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL FIX V10
   - Author mini icon clean
   - Symptom grid desktop 3+3 / mobile 1
   - Cause grid readable cards
   - Related/link grid stable 4-card layout
   - FAQ accordion symbol instead of numbers
========================================================= */

/* 1) Author mini icon: bozuk karakteri tamamen kapat */
html body .kj-problem-page .kj-problem-author-mini-icon{
  position:relative!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:4px!important;
  background:#0F4D8B!important;
  box-shadow:0 0 0 6px rgba(15,77,139,.08)!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:2px!important;
  background:#EAF5FC!important;
}

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  html body .kj-problem-page .kj-problem-symptom-grid > article{
    min-height:210px!important;
    height:100%!important;
  }
}
@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-cause-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.07)!important;
  border-radius:24px!important;
  min-height:230px!important;
  padding:28px!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article h3,
html body .kj-problem-page .kj-problem-cause-grid > article strong{
  color:#1F1F24!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article p,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid > article p{
  color:#5F6B7A!important;
  opacity:1!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article span{
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
}
@media (max-width:980px){
  html body .kj-problem-page .kj-problem-cause-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-link-grid,
html body .kj-problem-page .kj-problem-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-link-grid > article,
html body .kj-problem-page .kj-problem-related-grid > article{
  min-height:250px!important;
  height:100%!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
}
html body .kj-problem-page .kj-problem-link-grid > a em,
html body .kj-problem-page .kj-problem-related-grid > a em{
  margin-top:auto!important;
  display:inline-flex!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
}
@media (max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-faq summary{
  align-items:center!important;
}
html body .kj-problem-page .kj-problem-faq summary span{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  background:#EAF5FC!important;
}
html body .kj-problem-page .kj-problem-faq summary span::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{
  font-size:26px!important;
  transform:translate(-50%,-54%)!important;
}
/* ==========================================================
   6 Kart = 3 + 3
========================================================== */

html body .kj-problem-page .kj-problem-signs-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:24px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
}

html body .kj-problem-page .kj-problem-signs-grid>*{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
}

html body .kj-problem-page .kj-problem-signs-grid article{
    width:100%!important;
    height:100%!important;
}

@media (max-width:1024px){

    html body .kj-problem-page .kj-problem-signs-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

}

@media (max-width:767px){

    html body .kj-problem-page .kj-problem-signs-grid{
        grid-template-columns:1fr!important;
    }

}

/* =========================================================
   KJ PROBLEM TEMPLATE FINAL PATCH V11
   - 6'lı kart alanları desktop 3+3 / mobile 1
   - Mini vaka case study hikaye formatı
   - İlgili rehber kartları stabil
========================================================= */

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-reason-strip>article,
html body .kj-problem-page .kj-problem-symptom-grid>article,
html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}

html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.07)!important;
  border-radius:24px!important;
  min-height:230px!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3{color:#1F1F24!important;}
html body .kj-problem-page .kj-problem-cause-grid p,
html body .kj-problem-page .kj-problem-model-grid p{color:#5F6B7A!important;opacity:1!important;}

html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  font-size:0!important;
  line-height:0!important;
  position:relative!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-link-icon::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background:#0F4D8B!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
}



html body .kj-problem-page .kj-problem-priority-timeline{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  position:relative!important;
}

html body .kj-problem-page .kj-problem-priority-step{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding:26px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 14px 38px rgba(15,77,139,.055)!important;
  position:relative!important;
}

html body .kj-problem-page .kj-problem-priority-badge{
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  background:#0F4D8B!important;
}
html body .kj-problem-page .kj-problem-priority-critical .kj-problem-priority-badge{background:#DC2626!important;}
html body .kj-problem-page .kj-problem-priority-important .kj-problem-priority-badge{background:#F59E0B!important;}
html body .kj-problem-page .kj-problem-priority-improve .kj-problem-priority-badge{background:#16A34A!important;}

html body .kj-problem-page .kj-problem-priority-step h3{font-size:25px!important;margin-bottom:8px!important;}
html body .kj-problem-page .kj-problem-priority-step p{margin-bottom:14px!important;}
html body .kj-problem-page .kj-problem-priority-step ol{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:9px!important;counter-reset:priorityStep!important;}
html body .kj-problem-page .kj-problem-priority-step li{position:relative!important;padding-left:38px!important;color:#5F6B7A!important;font-size:15.5px!important;line-height:1.6!important;counter-increment:priorityStep!important;}
html body .kj-problem-page .kj-problem-priority-step li::before{content:counter(priorityStep)!important;position:absolute!important;left:0!important;top:0!important;width:26px!important;height:26px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:#0F4D8B!important;font-size:12px!important;font-weight:900!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-priority-step{grid-template-columns:1fr!important;padding:22px!important;gap:14px!important;}
  html body .kj-problem-page .kj-problem-priority-badge{width:max-content!important;max-width:100%!important;}
}

html body .kj-problem-page .kj-problem-case-story{
  border-radius:28px!important;
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.06)!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-case-story-head{
  padding:30px!important;
  background:radial-gradient(circle at 84% 20%,rgba(84,174,226,.18),transparent 32%),linear-gradient(135deg,#071E34,#0F4D8B)!important;
  color:#fff!important;
}
html body .kj-problem-page .kj-problem-case-story-head span{display:inline-flex!important;margin-bottom:14px!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important;}
html body .kj-problem-page .kj-problem-case-story-head h3{color:#fff!important;font-size:clamp(24px,2.7vw,36px)!important;margin-bottom:10px!important;}
html body .kj-problem-page .kj-problem-case-story-head p{color:#DCEBFA!important;max-width:880px!important;}

html body .kj-problem-page .kj-problem-case-story-flow{display:grid!important;gap:0!important;}
html body .kj-problem-page .kj-problem-case-story-flow article{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important;padding:24px 30px!important;border-top:1px solid rgba(15,77,139,.09)!important;background:#fff!important;}
html body .kj-problem-page .kj-problem-case-story-flow strong{color:#0F4D8B!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-case-story-flow p{color:#5F6B7A!important;}
@media(max-width:680px){html body .kj-problem-page .kj-problem-case-story-flow article{grid-template-columns:1fr!important;padding:22px!important;gap:8px!important;}}

html body .kj-problem-page .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid>a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-link-grid>a>*{min-width:0!important;max-width:100%!important;}
html body .kj-problem-page .kj-problem-link-grid strong{display:block!important;color:#1F1F24!important;font-size:21px!important;line-height:1.18!important;}
html body .kj-problem-page .kj-problem-link-grid p{color:#5F6B7A!important;font-size:15px!important;line-height:1.65!important;}
html body .kj-problem-page .kj-problem-link-grid em{margin-top:auto!important;font-style:normal!important;color:#0F4D8B!important;font-weight:900!important;}
@media(max-width:1020px){html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important;}}

html body .kj-problem-page .kj-problem-faq summary span::before{content:"+"!important;}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{content:"-"!important;font-size:28px!important;transform:translate(-50%,-53%)!important;}

/* =========================================================
   KJ PROBLEM FINAL PATCH V12
   - 8'li kart alanları desktop 4+4 / tablet 2 / mobile 1
   - Mini vaka case study hikaye formatı
========================================================= */

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}

html body .kj-problem-page .kj-problem-reason-strip>article,
html body .kj-problem-page .kj-problem-symptom-grid>article,
html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}


html body .kj-problem-page #onceliklendirme .kj-problem-priority-timeline{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:190px minmax(0,1fr)!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-step>div{
  min-width:0!important;
  width:100%!important;
}

@media(max-width:680px){
  html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-case-story{
  border-radius:30px!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 18px 52px rgba(15,77,139,.075)!important;
}

html body .kj-problem-page .kj-problem-case-story-head{
  padding:34px!important;
  background:radial-gradient(circle at 84% 20%,rgba(84,174,226,.24),transparent 34%),linear-gradient(135deg,#071E34,#0F4D8B)!important;
}

html body .kj-problem-page .kj-problem-case-story-head span{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-bottom:14px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}

html body .kj-problem-page .kj-problem-case-story-head h3{
  color:#fff!important;
  font-size:clamp(25px,2.8vw,38px)!important;
  margin-bottom:12px!important;
}

html body .kj-problem-page .kj-problem-case-story-head p{
  color:#DCEBFA!important;
  font-size:17px!important;
  line-height:1.72!important;
  max-width:920px!important;
}

html body .kj-problem-page .kj-problem-case-narrative{
  padding:32px 34px!important;
  display:grid!important;
  gap:18px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
}

html body .kj-problem-page .kj-problem-case-narrative p{
  position:relative!important;
  padding-left:24px!important;
  color:#5F6B7A!important;
  font-size:16.5px!important;
  line-height:1.75!important;
}

html body .kj-problem-page .kj-problem-case-narrative p::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.72em!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#0F4D8B!important;
  box-shadow:0 0 0 6px rgba(15,77,139,.08)!important;
}

html body .kj-problem-page .kj-problem-case-narrative strong{
  color:#1F1F24!important;
  font-weight:900!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-case-story-head,
  html body .kj-problem-page .kj-problem-case-narrative{
    padding:24px!important;
  }
}

html body .kj-problem-page .kj-problem-link-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

html body .kj-problem-page .kj-problem-link-grid>a.kj-problem-link-card,
html body .kj-problem-page .kj-problem-link-grid>a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-link-grid>a.kj-problem-link-card>.kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid>a>.kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid>a>span.kj-problem-link-icon:first-child{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0 0 4px 0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-link-grid>a strong{
  display:block!important;
  width:100%!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
  overflow-wrap:normal!important;
}

html body .kj-problem-page .kj-problem-link-grid>a p{
  display:block!important;
  width:100%!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
}

html body .kj-problem-page .kj-problem-link-grid>a em{
  margin-top:auto!important;
  display:inline-flex!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:15px!important;
}

@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   KJ PROBLEM FINAL PATCH V13
========================================================= */

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  content:""!important;
  width:25px!important;
  height:25px!important;
  display:block!important;
  background:#0F4D8B!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

html body .kj-problem-page .kj-problem-priority-timeline{
  width:100%!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-priority-step{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
  padding:28px!important;
}
html body .kj-problem-page .kj-problem-priority-step > div{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}
html body .kj-problem-page .kj-problem-priority-step ol{
  width:100%!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-priority-badge{
  width:max-content!important;
  max-width:100%!important;
}

html body .kj-problem-page .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  background:#fff!important;
}
html body .kj-problem-page .kj-problem-case-narrative article{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:20px!important;
  padding:24px 30px!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
  background:#fff!important;
}
html body .kj-problem-page .kj-problem-case-narrative article > span{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:14px!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-case-narrative strong{
  display:block!important;
  color:#0F4D8B!important;
  font-size:19px!important;
  line-height:1.25!important;
  margin-bottom:7px!important;
}
html body .kj-problem-page .kj-problem-case-narrative p{
  color:#5F6B7A!important;
  margin:0!important;
}
html body .kj-problem-page .kj-problem-case-narrative .kj-problem-case-result{
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
}
html body .kj-problem-page .kj-problem-case-narrative .kj-problem-case-result > span{
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-case-narrative article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }
}

html body .kj-problem-page .kj-problem-linking{
  overflow:visible!important;
}
html body .kj-problem-page .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card,
html body .kj-problem-page .kj-problem-link-grid > a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:272px!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}
html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid > a > .kj-problem-link-icon{
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html body .kj-problem-page .kj-problem-link-grid .kj-problem-link-icon::before{
  background:none!important;
  width:auto!important;
  height:auto!important;
  color:#0F4D8B!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-link-grid strong{
  grid-row:2!important;
  display:block!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
  min-width:0!important;
}
html body .kj-problem-page .kj-problem-link-grid p{
  grid-row:3!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  min-width:0!important;
}
html body .kj-problem-page .kj-problem-link-grid em{
  grid-row:4!important;
  align-self:end!important;
  margin-top:10px!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:15px!important;
}
@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card,
  html body .kj-problem-page .kj-problem-link-grid > a{
    min-height:auto!important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL PATCH V15
   - İlgili rehber alanı 4 bağımsız article kart olarak sabitlendi
   - Anchor sarmalaması kaynaklı 11 kutu problemi kapatıldı
   - Mini vaka case study adımları tam genişlik yapıldı
========================================================= */

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  background:#fff!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  margin:0!important;
  padding:26px 34px!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
  background:#fff!important;
  box-shadow:none!important;
  border-radius:0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative strong{
  display:block!important;
  color:#0F4D8B!important;
  font-size:19px!important;
  line-height:1.25!important;
  margin:0 0 7px 0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#5F6B7A!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p::before{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative .kj-problem-case-result{
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative .kj-problem-case-result > span{
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:272px!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong{
  display:block!important;
  width:100%!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p{
  display:block!important;
  width:100%!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:10px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a::after{
  content:" ↗"!important;
}

@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }

  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }

  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
    min-height:auto!important;
  }
}


/* =========================================================
   KJ PROBLEM TEMPLATE FINAL HOTFIX — 2026-07-01
   Preview bug fixes requested by user
   ========================================================= */
html body .kj-problem-page .kj-problem-author-mini{
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  margin:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon{
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  font-size:0!important;
  color:transparent!important;
  background:linear-gradient(180deg,#eff6fd,#e3eefb)!important;
  border:1px solid #d8e6f5!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  display:block!important;
  margin:auto!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-wa-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  font-size:0!important;
  color:transparent!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:20px!important;
  height:20px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon{width:24px!important;height:24px!important;display:inline-block!important;}
html body .kj-problem-page .kj-problem-mini-wa{
  background:rgba(255,255,255,.18)!important;
}
html body .kj-problem-page .kj-problem-mini-wa::before{
  width:22px!important;height:22px!important;
}

html body .kj-problem-page .kj-problem-grid-icon{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid #d7e5f4!important;
  font-size:0!important;
  color:transparent!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before,
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before,
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before,
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before,
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before,
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before,
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{
  background-image:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  font-size:0!important;color:transparent!important;position:relative!important;overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  content:""!important;width:24px!important;height:24px!important;display:block!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
}
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;

html body .kj-problem-page #mini-vaka-senaryosu,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story{
  overflow:hidden!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:flex-start!important;
  padding:26px 28px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  min-width:0!important;
  max-width:none!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p::before{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 20px!important;
  }
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
  min-width:0!important;
  width:100%!important;
  padding:24px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid var(--kj-problem-line)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card::before{
  display:none!important;
  content:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong{
  color:#1F1F24!important;
  font-size:22px!important;
  line-height:1.18!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p{
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.68!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a.kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  margin-top:auto!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 20px!important;
  border-radius:18px!important;
  border:1px solid #d8e6f4!important;
  background:#fff!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  font-weight:600!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a::after{
  display:none!important;
  content:none!important;
}
@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:1fr!important;}
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{padding:20px!important;}
}

/* KJ PROBLEM CLEAN SAFE PATCH */
html body .kj-problem-page .kj-problem-wa-icon::before{content:"☎"!important;font-size:16px!important;color:#fff!important;}
html body .kj-problem-page .kj-problem-faq summary span::before{content:"+"!important;color:#0F4D8B!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{content:"-"!important;color:#0F4D8B!important;font-size:28px!important;}
@media(min-width:981px){html body .kj-problem-page .kj-problem-reason-strip,html body .kj-problem-page .kj-problem-symptom-grid,html body .kj-problem-page .kj-problem-cause-grid,html body .kj-problem-page .kj-problem-model-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}}
@media(max-width:680px){html body .kj-problem-page .kj-problem-reason-strip,html body .kj-problem-page .kj-problem-symptom-grid,html body .kj-problem-page .kj-problem-cause-grid,html body .kj-problem-page .kj-problem-model-grid{grid-template-columns:1fr!important;}}

/* =========================================================
   KJ PROBLEM FINAL VISUAL LOCK V16.2
   - hero / final CTA icon circles equal
   - author sentence fixed inline flow
   - card icons centered, no clipped glyphs
   - mini WhatsApp black legacy icon removed
   - case study full-width flow
   - related guide cards no nested-card button
========================================================= */

/* 1) Hero + final CTA icon circles: same translucent circle on both buttons */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  content:"↗"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* 2) Author mini: fixed sentence, proper spacing around linked name */
html body .kj-problem-page .kj-problem-author-mini{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-height:92px!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#66788D!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:500!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body .kj-problem-page .kj-problem-author-mini a{
  display:inline!important;
  margin:0 4px!important;
  color:#0F4D8B!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

/* 3) Grid card icons: no text clipping, all centered with clean mask icons */
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  margin:0 0 6px 0!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:25px!important;
  height:25px!important;
  display:block!important;
  background:#0F4D8B!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  -webkit-mask:none!important;
  mask:none!important;
}
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before,
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before,
html body .kj-problem-page .kj-problem-grid-icon.is-time::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-data::before,
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before,
html body .kj-problem-page .kj-problem-grid-icon.is-form::before,
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before,
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;

/* 4) Mini WhatsApp CTA: remove legacy black img/svg and use one clean white phone icon */
html body .kj-problem-page .kj-problem-mini-wa img,
html body .kj-problem-page .kj-problem-mini-wa svg,
html body .kj-problem-page .kj-problem-mini-wa .emoji{
  display:none!important;
  visibility:hidden!important;
}
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
}
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:26px!important;
  height:26px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* 5) Case study: full width content, no narrow text column */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:20px!important;
  padding:26px 34px!important;
  margin:0!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.72!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p::before{
  content:none!important;
  display:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    flex-direction:column!important;
    padding:22px!important;
    gap:12px!important;
  }
}

/* 6) Related guide cards: article is card; inner link is text button only */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{
  width:100%!important;
  min-width:0!important;
  min-height:270px!important;
  padding:28px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:16px!important;
  overflow:hidden!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > strong{
  width:100%!important;
  margin:0!important;
  color:#1F1F24!important;
  font-size:24px!important;
  line-height:1.18!important;
  font-weight:900!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > p{
  width:100%!important;
  margin:0!important;
  color:#5F6B7A!important;
  font-size:16px!important;
  line-height:1.65!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:8px 0 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline!important;
  color:#0F4D8B!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action::before,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action::after{
  display:none!important;
  content:none!important;
}
@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:1fr!important;}
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{min-height:auto!important;}
}


/* =========================================================
   KJ PROBLEM v16.3 FINAL ALIGNMENT PATCH
   Only fixes: related cards, case study width, author centering,
   CTA icon circles and Toplantı Planla arrow icon.
   ========================================================= */

/* Hero / final CTA icon circles: both buttons use same clean translucent circle */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

/* WhatsApp/phone icon: no text, no old black icon */
html body .kj-problem-page .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-wa-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *,
html body .kj-problem-page .kj-problem-mini-wa img,
html body .kj-problem-page .kj-problem-mini-wa svg,
html body .kj-problem-page .kj-problem-mini-wa .emoji{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:23px!important;
  height:23px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Toplanti Planla: clean up-right arrow icon */
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon{
  color:transparent!important;
  font-size:0!important;
}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Author mini: equal top/bottom space and vertical center */
html body .kj-problem-page .kj-problem-author-mini{
  min-height:112px!important;
  padding:26px 30px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  font-size:17px!important;
  line-height:1.72!important;
  font-weight:600!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon{
  align-self:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-author-mini{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:14px!important;
    padding:22px 18px!important;
    min-height:0!important;
  }
  html body .kj-problem-page .kj-problem-author-mini-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  html body .kj-problem-page .kj-problem-author-mini p{
    font-size:14.5px!important;
  }
}

/* Card icons: center icons inside their rounded squares */
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-indent:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}

/* Mini case study: left aligned, but full-width readable flow */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  padding:26px 30px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > span,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > span{
  grid-column:1!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  justify-self:start!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > div,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > div{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  text-align:left!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article p,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article p{
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p::before{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 20px!important;
  }
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > div,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > div{
    grid-column:1!important;
  }
}

/* Related/service cards: 2x2 full cards like reference, no inner box */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{
  min-height:220px!important;
  height:auto!important;
  width:100%!important;
  max-width:none!important;
  padding:30px 34px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid var(--kj-problem-line)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card::before,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > span{
  display:none!important;
  content:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card strong,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card a{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card strong{
  font-size:26px!important;
  line-height:1.18!important;
  color:#1F1F24!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p{
  color:#5F6B7A!important;
  font-size:17px!important;
  line-height:1.7!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card > a{
  margin-top:auto!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-size:18px!important;
  line-height:1.4!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action::after,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card > a::after{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
    min-height:0!important;
    padding:24px!important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL FIX V16.4
   Only requested changes:
   1) Section number + title alignment
   2) Related guide link text left alignment
   ========================================================= */

/* Section headers: title starts beside number, description directly under title */
@media (min-width: 681px){
  html body .kj-problem-page .kj-problem-head{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:start!important;
    justify-items:start!important;
    margin:0 0 26px 0!important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border-radius:18px!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .kj-problem-page .kj-problem-head > div,
  html body .kj-problem-page .kj-problem-head > .kj-problem-head-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4{
    width:100%!important;
    max-width:none!important;
    margin:0 0 10px 0!important;
    padding:0!important;
    line-height:1.08!important;
    text-align:left!important;
  }

  html body .kj-problem-page .kj-problem-head p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    line-height:1.68!important;
  }
}

/* Mobile keeps number above title */
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
    justify-items:start!important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
  }

  html body .kj-problem-page .kj-problem-head > div{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head p{
    margin-left:0!important;
    text-align:left!important;
  }
}

/* Related guide/service cards: action link aligns with paragraph start, no centered button look */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a.kj-problem-link-action{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  margin:4px 0 0 0!important;
  padding:0!important;
  align-self:flex-start!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  line-height:1.35!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p{
  margin-bottom:0!important;
}

/* === V16.5 FIX: section title number badges restored === */
html body .kj-problem-page .kj-problem-head {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  box-shadow: 0 14px 34px rgba(84,174,226,.20) !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body .kj-problem-page .kj-problem-head > div {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  margin: 0 !important;
  font-size: clamp(32px,4.2vw,58px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
}

html body .kj-problem-page .kj-problem-head p {
  margin: 0 !important;
  max-width: 930px !important;
  color: #62768A !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

html body .kj-problem-page .kj-problem-dark .kj-problem-head p {
  color: #DCEBFA !important;
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4 {
    font-size: clamp(28px,8vw,40px) !important;
  }
}


/* === V16.6 FINAL RESTORE LOCK: numbers, card icons, FAQ +/- === */
html body .kj-problem-page .kj-problem-head{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  column-gap:20px!important;
  row-gap:0!important;
  align-items:start!important;
  justify-items:start!important;
  margin:0 0 24px 0!important;
}
html body .kj-problem-page .kj-problem-head > span:first-child,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child,
html body .kj-problem-page .kj-problem-no{
  grid-column:1!important;
  grid-row:1!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  box-shadow:0 14px 34px rgba(84,174,226,.20)!important;
  color:#FFFFFF!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  text-indent:0!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-head > span:first-child::before,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child::before,
html body .kj-problem-page .kj-problem-head > span:first-child::after,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-head > div{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
}
html body .kj-problem-page .kj-problem-head p{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:930px!important;
  text-align:left!important;
}

html body .kj-problem-page .kj-problem-grid-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-grid-icon{
  background:rgba(255,255,255,.13)!important;
  color:#FFFFFF!important;
  border-color:rgba(255,255,255,.20)!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  color:currentColor!important;
  fill:currentColor!important;
  stroke:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

html body .kj-problem-page .kj-problem-faq summary{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
html body .kj-problem-page .kj-problem-faq summary > span:first-child,
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(84,174,226,.14)!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
}
html body .kj-problem-page .kj-problem-faq summary > span:first-child::before,
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle::before{
  content:"+"!important;
  display:block!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary > span:first-child::before,
html body .kj-problem-page .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before{
  content:"-"!important;
  font-size:28px!important;
  line-height:.85!important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body .kj-problem-page .kj-problem-head > div{
    grid-column:1!important;
    grid-row:2!important;
  }
}

/* =========================================================

/* =========================================================
   KJ PROBLEM v16.9.1 — FONT AWESOME ONLY ICON LOCK
   Amaç: Tüm ikonları tek sistemde Font Awesome pseudo element ile göstermek.
   Not: HTML içindeki SVG, emoji, yazı karakteri veya <i> ikon kalıntıları gizlenir.
   Gereksinim: Font Awesome 6 Free / Font Awesome 5 Free site genelinde yüklü olmalıdır.
   ========================================================= */

html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-faq-toggle{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  text-align:center!important;
  text-indent:0!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:0!important;
}

html body .kj-problem-page .kj-problem-icon > *,
html body .kj-problem-page .kj-problem-grid-icon > *,
html body .kj-problem-page .kj-problem-card-icon > *,
html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-trust-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  line-height:1!important;
  text-align:center!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-icon{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  padding:0!important;
  margin:0 0 8px 0!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:var(--kj-problem-primary)!important;
  box-shadow:none!important;
}

html body .kj-problem-page .kj-problem-author-mini-icon{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:14px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.08)!important;
  color:var(--kj-problem-primary)!important;
}

html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon{
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-mini-wa{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-icon::before{font-size:15px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{font-size:18px!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-mini-wa::before{font-size:18px!important;}

/* Hero / CTA */
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f35d"!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f3a5"!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before{content:"\f059"!important;}
html body .kj-problem-page .kj-problem-trust-icon::before{content:"\f058"!important;}

/* Grid icon mapping */
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f200"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f245"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f022"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f590"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;}

/* Card icon mapping */
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{content:"\f0d0"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{content:"\f3fd"!important;}

/* Model cards without data-icon fallback */
html body .kj-problem-page .kj-problem-model-grid article:nth-child(1) .kj-problem-card-icon::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(2) .kj-problem-card-icon::before{content:"\f0ad"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(3) .kj-problem-card-icon::before{content:"\f2d0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(4) .kj-problem-card-icon::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(5) .kj-problem-card-icon::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(6) .kj-problem-card-icon::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(7) .kj-problem-card-icon::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(8) .kj-problem-card-icon::before{content:"\f277"!important;}

/* Context colors */
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:var(--kj-problem-amber-bg)!important;
  border-color:rgba(245,158,11,.22)!important;
  color:var(--kj-problem-amber)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

/* FAQ toggle */
html body .kj-problem-page .kj-problem-faq summary{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle,
html body .kj-problem-page .kj-problem-faq summary > span:first-child{
  position:relative!important;
  grid-column:1!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 34px!important;
  overflow:hidden!important;
  background:rgba(84,174,226,.14)!important;
  color:var(--kj-problem-primary)!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page .kj-problem-faq summary > span:first-child::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:var(--kj-problem-primary)!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page .kj-problem-faq details[open] summary > span:first-child::before{
  content:"-"!important;
  font-size:28px!important;
  top:47%!important;
}
html body .kj-problem-page .kj-problem-faq details p{padding-left:66px!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-mini-wa{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
  html body .kj-problem-page .kj-problem-faq summary{grid-template-columns:32px minmax(0,1fr)!important;align-items:start!important;}
  html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle,
  html body .kj-problem-page .kj-problem-faq summary > span:first-child{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;}
  html body .kj-problem-page .kj-problem-faq details p{padding-left:62px!important;}
}

/* KJ PROBLEM FONT AWESOME HARD FIX V2 - keep this block at the very end */
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-indent:0!important;
  font-size:0!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-icon > *,
html body .kj-problem-page .kj-problem-grid-icon > *,
html body .kj-problem-page .kj-problem-card-icon > *,
html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *{
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-trust-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free","Font Awesome 7 Free","Font Awesome 5 Free","FontAwesome"!important;
  font:var(--fa-font-solid)!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  line-height:1!important;
  text-align:center!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-icon{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
}

html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:var(--kj-problem-primary)!important;
}

html body .kj-problem-page .kj-problem-icon::before{font-size:15px!important;}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{font-size:18px!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-mini-wa::before{font-size:18px!important;}

html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f073"!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f05a"!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before{content:"\f059"!important;}
html body .kj-problem-page .kj-problem-trust-icon::before{content:"\f058"!important;}

html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f0c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f06e"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f022"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f1c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;}

html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{content:"\f0eb"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{content:"\f2f2"!important;}

html body .kj-problem-page .kj-problem-model-grid article:nth-child(1) .kj-problem-card-icon::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(2) .kj-problem-card-icon::before{content:"\f0ad"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(3) .kj-problem-card-icon::before{content:"\f2d0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(4) .kj-problem-card-icon::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(5) .kj-problem-card-icon::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(6) .kj-problem-card-icon::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(7) .kj-problem-card-icon::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(8) .kj-problem-card-icon::before{content:"\f277"!important;}

html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:var(--kj-problem-amber-bg)!important;
  border-color:rgba(245,158,11,.22)!important;
  color:var(--kj-problem-amber)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
/* =========================================================
   KJ PROBLEM FONT AWESOME ICON LOCK PATCH
   Sadece ikon render sorununu duzeltir; layout/grid/spacing degistirmez.
========================================================= */
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-faq-toggle{
  position:relative!important;
  text-indent:0!important;
  color:inherit!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-faq-toggle::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",Arial,sans-serif!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-indent:0!important;
  opacity:1!important;
}

/* Hero ve final CTA */
html body .kj-problem-page .kj-problem-wa-icon::before{content:"\f095"!important;color:#fff!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f073"!important;color:#fff!important;font-size:18px!important;}

/* Mini WhatsApp CTA */
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;color:#fff!important;font-size:20px!important;}

/* Author bilgi ikonu */
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f05a"!important;color:#0F4D8B!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::after{content:none!important;display:none!important;}

/* FAQ toggle */
html body .kj-problem-page .kj-problem-faq-toggle::before{content:"\2b"!important;color:#0F4D8B!important;font-size:20px!important;}
html body .kj-problem-page .kj-problem-faq details[open] .kj-problem-faq-toggle::before{content:"\f068"!important;font-size:18px!important;}

/* Genel grid ikonlari */
html body .kj-problem-page .kj-problem-grid-icon::before{color:#0F4D8B!important;font-size:23px!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f0c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f06e"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f0ae"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f1c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;color:#F59E0B!important;}

/* Kök neden ve çözüm modeli kart ikonlari */
html body .kj-problem-page .kj-problem-card-icon::before{color:#0F4D8B!important;font-size:23px!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-bullhorn::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-desktop::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-bullseye::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-wand-magic-sparkles::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-comments::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-handshake::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-chart-line::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-gauge-high::before{content:"\f625"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-magnifying-glass::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-screwdriver-wrench::before{content:"\f7d9"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-wand-magic-sparkles::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-chart-bar::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-rotate::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-filter::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-route::before{content:"\f4d7"!important;}
/* =========================================================
   KJ PROBLEM - KOK NEDEN ANALIZI IKON OVERLAP FIX
   Bu blok mevcut CSS'in EN ALTINA eklenmelidir.
   Sadece .kj-problem-cause-grid icindeki ikonlari etkiler.
========================================================= */

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0 0 6px 0!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  text-indent:0!important;
  line-height:1!important;
  font-size:0!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::after{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important;
  font-weight:900!important;
  color:#0F4D8B!important;
  font-size:24px!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="spark"]::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="speed"]::before{content:"\f625"!important;}
/* =========================================================
   KJ PROBLEM CTA ICON FINAL FIX
   Only fixes: Hero / Final CTA button icons
   Scope: Ön Analiz Talep Et + Toplantı Planla
   ========================================================= */

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",Arial,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
  opacity:1!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before{
  content:"\f095"!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  content:"\f073"!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-icon i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon i,
html body .kj-problem-page .kj-problem-actions .kj-problem-icon svg,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon svg,
html body .kj-problem-page .kj-problem-actions .kj-problem-icon img,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
/* =========================================================
   KJ PROBLEM - ONLY AUTHOR + CASE STUDY FIX
   Bu patch sadece iki alanı etkiler:
   1) Yazar kartı tam genişlik hizası
   2) Case Study adım başlığı / numara dikey hizası
   ========================================================= */

/* 1) Yazar alanı: sola sıkışmayı kaldır, içeriği tam genişliğe yay */
html body .kj-problem-page .kj-problem-author{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:center!important;
  justify-items:start!important;
}

html body .kj-problem-page .kj-problem-author figure,
html body .kj-problem-page .kj-problem-author .kj-problem-author-media{
  grid-column:1!important;
  grid-row:1!important;
  width:130px!important;
  max-width:130px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body .kj-problem-page .kj-problem-author figure img,
html body .kj-problem-page .kj-problem-author .kj-problem-author-media img{
  width:120px!important;
  height:120px!important;
  object-fit:cover!important;
  display:block!important;
}

html body .kj-problem-page .kj-problem-author .kj-problem-author-copy{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:left!important;
}

html body .kj-problem-page .kj-problem-author .kj-problem-author-copy h2,
html body .kj-problem-page .kj-problem-author .kj-problem-author-copy p,
html body .kj-problem-page .kj-problem-author .kj-problem-author-copy a{
  max-width:760px!important;
  text-align:left!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-author{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px!important;
    text-align:center!important;
    justify-items:center!important;
  }

  html body .kj-problem-page .kj-problem-author figure,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-media,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    align-items:center!important;
    text-align:center!important;
  }

  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy h2,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy p,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy a{
    text-align:center!important;
  }
}

/* 2) Case Study: adım numarası ile başlık aynı hizada başlasın */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  padding:24px 34px!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  margin:0!important;
  transform:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > strong{
  display:block!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  line-height:1.2!important;
  transform:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
}

@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }

  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* =========================================================
   K.J.A NOKTA ATISI ICON / CTA LOCK
   Sadece eksik ikon, ikon hizalama, hero/final CTA ve FAQ davranışı için.
   Mevcut problem tasarımını değiştirmez.
========================================================= */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .kj-problem-actions br,
html body .kj-problem-page .kj-problem-mini-cta br{display:none!important;}
html body .kj-problem-page .kj-problem-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:18px!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-actions .kj-problem-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:225px!important;
  min-height:56px!important;
  padding:14px 24px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:15.5px!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn{
  background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;
  box-shadow:0 16px 42px rgba(18,190,98,.27),inset 0 1px 0 rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn{
  background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;
  box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important;
  border:1px solid rgba(84,174,226,.48)!important;
}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-icon{
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0!important;
  overflow:hidden!important;
  text-indent:0!important;
  flex:0 0 auto!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-icon > i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-size:1em!important;
  line-height:1!important;
  text-indent:0!important;
  position:static!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-icon.kj-problem-fa-box{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  font-size:15px!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon.kj-problem-fa-box{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  border-radius:14px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-answer-icon.kj-problem-fa-box{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  font-size:22px!important;
}
html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  border-radius:16px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
  margin:0 0 4px 0!important;
}
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}
html body .kj-problem-page .kj-problem-mini-wa.kj-problem-fa-box{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  border:0!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-mini-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
html body .kj-problem-page .kj-problem-reason-strip > article,
html body .kj-problem-page .kj-problem-symptom-grid > article,
html body .kj-problem-page .kj-problem-cause-grid > article,
html body .kj-problem-page .kj-problem-mistake-grid > article,
html body .kj-problem-page .kj-problem-model-grid > article{
  align-items:flex-start!important;
}
html body .kj-problem-page .kj-problem-faq details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-faq summary{
  list-style:none!important;
  cursor:pointer!important;
  position:relative!important;
  padding:18px 20px 18px 62px!important;
  color:var(--kj-problem-heading)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page .kj-problem-faq summary::before{
  content:"\f059"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  position:absolute!important;
  left:20px!important;
  top:16px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(84,174,226,.14)!important;
  color:var(--kj-problem-primary)!important;
  font-size:13px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary::before{content:"\f058"!important;}
html body .kj-problem-page .kj-problem-faq details p{
  padding:0 20px 20px 62px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
  html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
  html body .kj-problem-page .kj-problem-actions .kj-problem-btn{width:100%!important;min-width:0!important;min-height:52px!important;}
  html body .kj-problem-page .kj-problem-faq summary{padding-left:54px!important;}
  html body .kj-problem-page .kj-problem-faq summary::before{left:16px!important;}
  html body .kj-problem-page .kj-problem-faq details p{padding-left:20px!important;}
}

/* =========================================================
   K.J.A FINAL COMPARE STYLE ADAPTER FOR PROBLEM CSS
   Scope: Hero, Mini CTA, Related Links, FAQ, Author Card, Final CTA
   Mantik: kj-compare.css component stilleri kj-problem-* class yapisina uyarlanmistir.
   ========================================================= */

html body .kj-problem-page,
html body .kj-problem-page * { box-sizing: border-box !important; }

html body .kj-problem-page {
  --kj-problem-primary:#0F4D8B !important;
  --kj-problem-secondary:#54AEE2 !important;
  --kj-problem-dark:#071E34 !important;
  --kj-problem-deep:#061426 !important;
  --kj-problem-wa:#19C96B !important;
  --kj-problem-heading:#1F1F24 !important;
  --kj-problem-text:#5F6B7A !important;
  --kj-problem-bg:#F5F8FB !important;
  --kj-problem-line:rgba(15,77,139,.11) !important;
  --kj-problem-line-strong:rgba(84,174,226,.34) !important;
  --kj-problem-shadow:0 16px 44px rgba(15,77,139,.07) !important;
  --kj-problem-hero-shadow:0 26px 86px rgba(5,16,30,.24) !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  color:var(--kj-problem-text) !important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page p,
html body .kj-problem-page ul,
html body .kj-problem-page li {
  font-family:"Outfit",Inter,Arial,sans-serif !important;
}

/* Font Awesome hard lock */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-style:normal !important;
  line-height:1 !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab {
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
}

/* HERO - compare style adapted to kj-problem */
html body .kj-problem-page .kj-problem-hero {
  position:relative !important;
  overflow:hidden !important;
  min-height:455px !important;
  padding:86px clamp(24px,4.4vw,70px) 66px !important;
  border-radius:32px !important;
  border:1px solid var(--kj-problem-line-strong) !important;
  outline:1px solid rgba(255,255,255,.42) !important;
  outline-offset:-4px !important;
  background-color:#082139 !important;
  background-image:radial-gradient(circle at 78% 50%,rgba(84,174,226,.34),transparent 55%),radial-gradient(circle at 22% 52%,rgba(25,201,107,.16),transparent 45%),linear-gradient(112deg,#071B31 0%,#071426 34%,#0F4D8B 76%,#0B7EA0 100%) !important;
  box-shadow:var(--kj-problem-hero-shadow) !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-hero::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size:84px 84px !important;
  opacity:.72 !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-hero::after {
  content:"" !important;
  position:absolute !important;
  left:16% !important;
  right:16% !important;
  bottom:-120px !important;
  height:230px !important;
  border-radius:50% !important;
  background:rgba(84,174,226,.16) !important;
  filter:blur(58px) !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-hero-inner {
  position:relative !important;
  z-index:1 !important;
  max-width:920px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-eyebrow {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  color:#DDF4FF !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body .kj-problem-page .kj-problem-hero h1 {
  max-width:920px !important;
  margin:0 auto !important;
  color:#fff !important;
  font-size:clamp(34px,4.15vw,58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.018em !important;
  text-align:center !important;
  text-shadow:0 16px 44px rgba(0,0,0,.22) !important;
}
html body .kj-problem-page .kj-problem-hero-lead {
  max-width:820px !important;
  margin:0 auto !important;
  color:rgba(255,255,255,.90) !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.68 !important;
  text-align:center !important;
  font-weight:700 !important;
}

/* HERO + FINAL CTA BUTTONS - compare style */
html body .kj-problem-page .kj-problem-actions,
html body .kj-problem-page .kj-problem-final .kj-problem-actions {
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  margin-top:8px !important;
}
html body .kj-problem-page .kj-problem-final .kj-problem-actions { margin-top:24px !important; }
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-wa-btn {
  min-width:225px !important;
  min-height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:15.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:transform .2s ease,filter .2s ease !important;
}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover {
  transform:translateY(-2px) !important;
  filter:saturate(1.08) !important;
}
html body .kj-problem-page .kj-problem-wa-btn {
  background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%) !important;
  box-shadow:0 16px 42px rgba(18,190,98,.27),inset 0 1px 0 rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
html body .kj-problem-page .kj-problem-blue-btn,
html body .kj-problem-page .kj-problem-btn:not(.kj-problem-wa-btn) {
  background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%) !important;
  box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20) !important;
  border:1px solid rgba(84,174,226,.48) !important;
}
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-actions .kj-problem-fa-wrap {
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-btn-icon::before {
  display:inline-block !important;
  color:currentColor !important;
  font-size:13px !important;
  line-height:1 !important;
}
html body .kj-problem-page .kj-problem-wa-icon.fa-whatsapp::before,
html body .kj-problem-page .kj-problem-icon.fa-whatsapp::before {
  content:"\f232" !important;
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}
html body .kj-problem-page .kj-problem-icon.fa-calendar-days::before,
html body .kj-problem-page .kj-problem-calendar-icon.fa-calendar-days::before {
  content:"\f073" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-btn-icon > i,
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-fa-wrap > i {
  display:inline-block !important;
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  padding:0 !important;
  color:currentColor !important;
  font-size:1em !important;
  line-height:1 !important;
}

/* MINI CTA - compare style */
html body .kj-problem-page .kj-problem-mini-cta {
  width:auto !important;
  max-width:410px !important;
  min-width:330px !important;
  min-height:68px !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 0 24px 0 !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18) !important;
  line-height:1 !important;
  overflow:visible !important;
  text-decoration:none !important;
}
html body .kj-problem-page .kj-problem-mini-logo {
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-mini-logo img {
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  display:block !important;
}
html body .kj-problem-page .kj-problem-mini-text {
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  text-align:left !important;
  flex:1 !important;
  min-width:0 !important;
}
html body .kj-problem-page .kj-problem-mini-text strong {
  color:#fff !important;
  font-size:13.5px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-mini-text em {
  margin-left:5px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:9px !important;
  font-style:normal !important;
}
html body .kj-problem-page .kj-problem-mini-text small {
  color:rgba(255,255,255,.94) !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1.22 !important;
  white-space:normal !important;
}
html body .kj-problem-page .kj-problem-mini-wa {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.17) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  border:0 !important;
}
html body .kj-problem-page .kj-problem-mini-wa.fa-whatsapp::before {
  content:"\f232" !important;
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}

/* AUTHOR MINI - compare style */
html body .kj-problem-page .kj-problem-author-mini {
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:0 !important;
  min-height:76px !important;
  margin-top:24px !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  overflow:visible !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-author-mini > .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-author-mini > .kj-problem-fa-wrap {
  align-self:center !important;
  justify-self:center !important;
  display:inline-grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:14px !important;
  background:#EAF3FA !important;
  color:var(--kj-problem-primary) !important;
  border:1px solid rgba(15,77,139,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  font-size:18px !important;
  line-height:1 !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before {
  content:"\f05a" !important;
  display:block !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  color:currentColor !important;
  font-size:18px !important;
  line-height:1 !important;
  position:static !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::after { content:none !important; display:none !important; }
html body .kj-problem-page .kj-problem-author-mini > p {
  display:block !important;
  align-self:center !important;
  justify-self:stretch !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#66788D !important;
  font-size:15px !important;
  line-height:1.58 !important;
  font-weight:500 !important;
  white-space:normal !important;
}
html body .kj-problem-page .kj-problem-author-mini > p a {
  display:inline !important;
  color:var(--kj-problem-primary) !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* RELATED / ICERIK LINKLEME - compare style */
html body .kj-problem-page .kj-problem-linking {
  margin-top:24px !important;
  padding:32px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#fff,#FBFDFF) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-link-grid,
html body .kj-problem-page .kj-problem-related-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-link-grid > article,
html body .kj-problem-page .kj-problem-link-card,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-related-grid > article,
html body .kj-problem-page .kj-problem-related-card {
  position:relative !important;
  min-height:250px !important;
  padding:30px 24px 24px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:0 14px 38px rgba(15,77,139,.055) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
html body .kj-problem-page .kj-problem-link-grid > a::before,
html body .kj-problem-page .kj-problem-link-grid > article::before,
html body .kj-problem-page .kj-problem-link-card::before,
html body .kj-problem-page .kj-problem-related-grid > a::before,
html body .kj-problem-page .kj-problem-related-grid > article::before,
html body .kj-problem-page .kj-problem-related-card::before {
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:4px !important;
  background:linear-gradient(90deg,var(--kj-problem-primary),var(--kj-problem-secondary)) !important;
  opacity:.75 !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-link-card > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-related-card > span:first-child {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  display:block !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--kj-problem-primary) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}
html body .kj-problem-page .kj-problem-link-grid strong,
html body .kj-problem-page .kj-problem-link-card strong,
html body .kj-problem-page .kj-problem-related-card strong {
  display:block !important;
  color:var(--kj-problem-heading) !important;
  font-size:22px !important;
  line-height:1.18 !important;
  margin:0 !important;
}
html body .kj-problem-page .kj-problem-link-grid p,
html body .kj-problem-page .kj-problem-link-card p,
html body .kj-problem-page .kj-problem-related-card p {
  color:var(--kj-problem-text) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  margin:0 !important;
  flex:1 !important;
}
html body .kj-problem-page .kj-problem-link-grid em,
html body .kj-problem-page .kj-problem-link-card em,
html body .kj-problem-page .kj-problem-related-card em,
html body .kj-problem-page .kj-problem-link-action {
  margin-top:auto !important;
  color:var(--kj-problem-primary) !important;
  font-style:normal !important;
  font-weight:900 !important;
  font-size:15px !important;
}
html body .kj-problem-page .kj-problem-service-link {
  background:linear-gradient(180deg,#F5FBFF,#FFFFFF) !important;
  border-color:rgba(84,174,226,.22) !important;
}

/* FAQ - compare accordion style adapted */
html body .kj-problem-page .kj-problem-faq {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
html body .kj-problem-page .kj-problem-faq details {
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.03) !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-faq summary {
  position:relative !important;
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 20px 18px 62px !important;
  display:block !important;
  color:var(--kj-problem-heading) !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker { display:none !important; }
html body .kj-problem-page .kj-problem-faq summary > span:first-child {
  display:none !important;
}
html body .kj-problem-page .kj-problem-faq summary::after {
  content:"\f059" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important;
  left:20px !important;
  top:16px !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(84,174,226,.14) !important;
  color:var(--kj-problem-primary) !important;
  font-size:13px !important;
  line-height:1 !important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary::after {
  content:"\f058" !important;
}
html body .kj-problem-page .kj-problem-faq details p {
  padding:0 20px 20px 62px !important;
  color:#61758A !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

/* AUTHOR CARD - compare style */
html body .kj-problem-page .kj-problem-author {
  margin-top:24px !important;
  padding:34px !important;
  border-radius:28px !important;
  background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  display:grid !important;
  grid-template-columns:130px minmax(0,1fr) !important;
  gap:28px !important;
  align-items:center !important;
  text-align:left !important;
}
html body .kj-problem-page .kj-problem-author-media img {
  display:block !important;
  width:104px !important;
  height:104px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:5px solid #fff !important;
  box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10) !important;
}
html body .kj-problem-page .kj-problem-author-copy {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;
  text-align:left !important;
}
html body .kj-problem-page .kj-problem-author-copy > span {
  width:max-content !important;
  max-width:100% !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#EAF2F9 !important;
  color:var(--kj-problem-primary) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
html body .kj-problem-page .kj-problem-author-copy h2 {
  color:var(--kj-problem-heading) !important;
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.12 !important;
  margin:0 !important;
}
html body .kj-problem-page .kj-problem-author-copy strong {
  font-size:16px !important;
  color:#294C6F !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-author-copy p {
  color:var(--kj-problem-text) !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}
html body .kj-problem-page .kj-problem-author-copy a {
  color:var(--kj-problem-primary) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* FINAL CTA - compare style */
html body .kj-problem-page .kj-problem-final {
  margin-top:24px !important;
  position:relative !important;
  overflow:hidden !important;
  padding:56px 42px !important;
  border-radius:32px !important;
  background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),radial-gradient(circle at 50% 110%,rgba(84,174,226,.26),transparent 45%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%) !important;
  box-shadow:var(--kj-problem-hero-shadow) !important;
  text-align:center !important;
  border:1px solid rgba(84,174,226,.22) !important;
}
html body .kj-problem-page .kj-problem-final h2 {
  max-width:900px !important;
  margin:0 auto !important;
  color:#fff !important;
  font-size:clamp(34px,4.6vw,62px) !important;
  line-height:1.12 !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-final p {
  max-width:900px !important;
  margin:16px auto 0 !important;
  color:#D8E8F6 !important;
  font-size:17px !important;
  line-height:1.68 !important;
  text-align:center !important;
  font-weight:500 !important;
}

@media (max-width:1100px) {
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:900px) {
  html body .kj-problem-page .kj-problem-author {
    grid-template-columns:1fr !important;
  }
}

@media (max-width:680px) {
  html body .kj-problem-page .kj-problem-hero {
    min-height:auto !important;
    padding:48px 20px 54px !important;
    border-radius:26px !important;
  }
  html body .kj-problem-page .kj-problem-hero h1 {
    font-size:clamp(34px,10.2vw,46px) !important;
    letter-spacing:-.01em !important;
    line-height:1.12 !important;
  }
  html body .kj-problem-page .kj-problem-actions,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions {
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn {
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    font-size:15px !important;
    padding:13px 18px !important;
    margin:0 !important;
  }
  html body .kj-problem-page .kj-problem-mini-cta {
    max-width:320px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns:1fr !important;
  }
  html body .kj-problem-page .kj-problem-faq summary {
    padding-left:54px !important;
  }
  html body .kj-problem-page .kj-problem-faq summary::after {
    left:16px !important;
  }
  html body .kj-problem-page .kj-problem-author {
    display:flex !important;
    flex-direction:column !important;
    text-align:center !important;
    align-items:center !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:24px !important;
  }
  html body .kj-problem-page .kj-problem-author-copy {
    align-items:center !important;
    text-align:center !important;
  }
  html body .kj-problem-page .kj-problem-final {
    padding:22px !important;
    border-radius:24px !important;
  }
}


/* =========================================================
   K.J.A V16 - PROBLEM ICON SYSTEM = COMPARE ICON SYSTEM
   Sadece ikon davranisini kj-compare.css ile ayni mantiga kilitler.
   HTML problem classlariyla calisir: kj-problem-*
   ========================================================= */

html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

/* Eski problem pseudo ikonlarini ve bozuk karakterleri kapat */
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-link-card > span:first-child::before,
html body .kj-problem-page span[data-icon]::before{
  content:none!important;
  display:none!important;
}

/* Ortak Font Awesome kutusu */
html body .kj-problem-page .kj-problem-fa-box{
  display:inline-grid!important;
  place-items:center!important;
  text-align:center!important;
  flex:0 0 auto!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  line-height:1!important;
  color:inherit!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-fa-box > svg{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:currentColor!important;
  font-size:1em!important;
  line-height:1!important;
  text-align:center!important;
}

/* Hero ve kapanis CTA buton ikonlari: compare ile ayni */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon > i{
  font-size:15px!important;
  line-height:1!important;
  color:#fff!important;
}

/* Mini CTA WhatsApp ikonu: compare mini-wa ile ayni */
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-mini-wa.kj-problem-fa-box{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-mini-wa > i{
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
}

/* Yazar mini ikonu: compare author-mini-icon ile ayni */
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-author-mini-icon.kj-problem-fa-box{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:18px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon > i{
  font-size:18px!important;
  color:var(--kj-problem-primary)!important;
}

/* AI answer / ana mavi ikon: compare answer-icon ile ayni */
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-answer-icon.kj-problem-fa-box{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:24px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-answer-icon > i{
  font-size:24px!important;
  color:#fff!important;
}

/* Kart ikonlari: compare card/decision icon kutulari ile ayni */
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-reason-strip article > span:first-child,
html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child,
html body .kj-problem-page .kj-problem-cause-grid article > span:first-child,
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
html body .kj-problem-page .kj-problem-model-grid article > span:first-child,
html body .kj-problem-page .kj-problem-case-grid article > span:first-child{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  border-radius:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  margin:0 0 4px 0!important;
  padding:0!important;
}
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-reason-strip article > span:first-child > i,
html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-cause-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-model-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-case-grid article > span:first-child > i{
  display:block!important;
  margin:0!important;
  color:currentColor!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Uyari/hata kartlari compare warning gibi amber */
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
html body .kj-problem-page .kj-problem-priority-critical .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-priority-important .kj-problem-card-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

/* Koyu zemin kart ikonlari compare dark ile ayni davranir */
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid article > span:first-child,
html body .kj-problem-page .kj-problem-dark .kj-problem-model-grid article > span:first-child{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-model-grid article > span:first-child > i{
  color:#fff!important;
}

/* Ilgili icerik kartlari ikon degil etiket kullanir; compare link-card ile ayni */
html body .kj-problem-page .kj-problem-link-card > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  margin:0 0 10px 0!important;
  display:block!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:var(--kj-problem-primary)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.35!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  html body .kj-problem-page .kj-problem-card-icon,
  html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
  html body .kj-problem-page .kj-problem-reason-strip article > span:first-child,
  html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-cause-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-model-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-case-grid article > span:first-child{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    font-size:17px!important;
  }
}

/* =========================================================
   KJ PROBLEM ICONS DEFINITIVE LOCK
   Bu blok sadece ikon gorunumunu kilitler.
   HTML yapisi: .kj-problem-fa-box > i.fa-...
   ========================================================= */

html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  text-indent:0!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i{
  display:inline-grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  text-indent:0!important;
  line-height:1!important;
  text-align:center!important;
  font-size:inherit!important;
}

html body .kj-problem-page .kj-problem-fa-box > i::before,
html body .kj-problem-page .kj-problem-icon > i::before,
html body .kj-problem-page .kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-grid-icon > i::before,
html body .kj-problem-page .kj-problem-author-mini-icon > i::before,
html body .kj-problem-page .kj-problem-answer-icon > i::before,
html body .kj-problem-page .kj-problem-mini-wa > i::before{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  color:currentColor!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
}

html body .kj-problem-page .kj-problem-mini-wa{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-grid-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:16px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

html body .kj-problem-page .kj-problem-author-mini-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:0!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-answer-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  font-size:24px!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
}

/* =========================================================
   KJ PROBLEM CTA ICON ABSOLUTE FINAL LOCK
   Sadece hero ve kapanis CTA ikonlarini acik tutar.
========================================================= */
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  overflow:visible!important;
  font-size:15px!important;
  line-height:1!important;
  text-indent:0!important;
  opacity:1!important;
  visibility:visible!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::after,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  font-size:15px!important;
  line-height:1!important;
  text-indent:0!important;
  transform:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i.fa-brands,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i.fa-brands{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i.fa-solid,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i.fa-solid{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i::before{
  content:"\f232"!important;
  display:block!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-size:15px!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i::before{
  content:"\f073"!important;
  display:block!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1!important;
}

/* KJ PROBLEM MOBILE HERO SPACING LOCK - only reduces spacing between hero title, description and buttons on mobile */
@media (max-width: 680px){
  html body .kj-problem-page .kj-problem-hero-inner{
    gap: 12px !important;
  }

  html body .kj-problem-page .kj-problem-hero-lead{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.56 !important;
  }

  html body .kj-problem-page .kj-problem-hero .kj-problem-actions{
    margin-top: 2px !important;
    gap: 8px !important;
  }
}

/* =========================================================
   KJ PROBLEM MOBILE HERO COMPACT LOCK V2
   Sadece mobil hero: baslik + aciklama + buton arasi boslugu kisar
========================================================= */
@media (max-width: 820px){
  html body article.kj-problem-page section.kj-problem-hero{
    padding-top:34px!important;
    padding-bottom:36px!important;
    min-height:auto!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-inner{
    gap:0!important;
    row-gap:0!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-eyebrow{
    margin:0 0 12px 0!important;
  }

  html body article.kj-problem-page section.kj-problem-hero h1{
    margin:0 0 10px 0!important;
    padding:0!important;
    line-height:1.08!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-lead{
    margin:0 0 14px 0!important;
    padding:0!important;
    line-height:1.46!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-actions{
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    row-gap:8px!important;
  }
}

@media (max-width: 480px){
  html body article.kj-problem-page section.kj-problem-hero{
    padding-top:30px!important;
    padding-bottom:32px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-eyebrow{
    margin-bottom:10px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero h1{
    margin-bottom:8px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-lead{
    margin-bottom:12px!important;
    line-height:1.42!important;
  }
}

/* =========================================================
   KJ PROBLEM MOBILE SECTION HEAD + MINI CTA GAP HARD LOCK
   Sadece mobilde: bolum basligi, aciklama ve mini CTA arasi boslugu azaltir
========================================================= */
@media (max-width: 820px){
  html body article.kj-problem-page .kj-problem-section,
  html body article.kj-problem-page .kj-problem-linking,
  html body article.kj-problem-page .kj-problem-case{
    padding-top:22px!important;
  }

  html body article.kj-problem-page .kj-problem-section > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-linking > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-case > .kj-problem-head{
    margin:0 0 8px 0!important;
    padding:0!important;
    gap:8px!important;
    row-gap:8px!important;
  }

  html body article.kj-problem-page .kj-problem-head > span:first-child{
    margin:0 0 2px 0!important;
  }

  html body article.kj-problem-page .kj-problem-head h2{
    margin:0!important;
    padding:0!important;
    line-height:1.08!important;
  }

  html body article.kj-problem-page .kj-problem-head p{
    margin:6px 0 0 0!important;
    padding:0!important;
    line-height:1.48!important;
  }

  html body article.kj-problem-page .kj-problem-head + p,
  html body article.kj-problem-page .kj-problem-head + p:has(.kj-problem-mini-cta){
    margin:0 0 14px 0!important;
    padding:0!important;
    line-height:0!important;
    font-size:0!important;
  }

  html body article.kj-problem-page .kj-problem-head + p .kj-problem-mini-cta,
  html body article.kj-problem-page .kj-problem-mini-cta{
    margin:0!important;
    transform:none!important;
  }
}

@media (max-width: 480px){
  html body article.kj-problem-page .kj-problem-section > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-linking > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-case > .kj-problem-head{
    margin-bottom:6px!important;
  }

  html body article.kj-problem-page .kj-problem-head p{
    margin-top:4px!important;
    line-height:1.42!important;
  }

  html body article.kj-problem-page .kj-problem-head + p,
  html body article.kj-problem-page .kj-problem-head + p:has(.kj-problem-mini-cta){
    margin-bottom:12px!important;
  }
}

/* ===== GUIDE REFERENCE LAYER (kj-guide -> kj-problem) ===== */
html body .kj-problem-page,
html body .kj-problem-page *{box-sizing:border-box!important}

html body .kj-problem-page{
  --kj-problem-primary:#0F4D8B!important;--kj-problem-secondary:#54AEE2!important;--kj-problem-heading:#1F1F24!important;--kj-problem-text:#5F6B7A!important;--kj-problem-bg:#F5F8FB!important;--kj-problem-dark:#071E34!important;--kj-problem-deep:#061426!important;--kj-problem-wa:#19C96B!important;--kj-problem-line:rgba(15,77,139,.11)!important;--kj-problem-line-strong:rgba(84,174,226,.34)!important;--kj-problem-shadow-soft:0 14px 42px rgba(15,77,139,.065)!important;--kj-problem-shadow-hero:0 26px 86px rgba(5,16,30,.24)!important;
  position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:min(1240px,calc(100vw - 32px))!important;max-width:1240px!important;margin:0!important;padding:22px 0 64px!important;font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-text)!important;isolation:isolate!important;overflow:visible!important}

html body .kj-problem-page a{color:inherit!important;text-decoration:none!important}
html body .kj-problem-page h1,html body .kj-problem-page h2,html body .kj-problem-page h3,html body .kj-problem-page p,html body .kj-problem-page ul,html body .kj-problem-page li{margin:0!important;padding:0!important}
html body .kj-problem-page h1,html body .kj-problem-page h2,html body .kj-problem-page h3{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-heading)!important;font-weight:900!important;letter-spacing:-.018em!important;line-height:1.12!important;text-wrap:balance!important}
html body .kj-problem-page p,html body .kj-problem-page li{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-text)!important;font-size:16.5px!important;line-height:1.72!important;font-weight:500!important}
html body .kj-problem-page strong{color:var(--kj-problem-heading)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-icon{display:inline-grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;font-family:Arial,sans-serif!important;font-size:13px!important;line-height:1!important;font-weight:900!important}

/* HERO */
html body .kj-problem-page .kj-problem-hero{position:relative!important;overflow:hidden!important;width:100%!important;min-height:430px!important;margin:0 auto!important;padding:82px clamp(24px,4.4vw,70px) 64px!important;border-radius:32px!important;border:1px solid var(--kj-problem-line-strong)!important;outline:1px solid rgba(255,255,255,.42)!important;outline-offset:-4px!important;background-color:#082139!important;background-image:radial-gradient(circle at 74% 45%,rgba(84,174,226,.34) 0%,rgba(84,174,226,.14) 28%,transparent 56%),radial-gradient(circle at 18% 58%,rgba(25,201,107,.16) 0%,transparent 42%),linear-gradient(112deg,#071B31 0%,#071426 34%,#0F4D8B 76%,#0B7EA0 100%)!important;box-shadow:var(--kj-problem-shadow-hero)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.023) 1px,transparent 1px),radial-gradient(ellipse at 28% 64%,transparent 0 42%,rgba(84,174,226,.25) 43%,transparent 44% 100%)!important;background-size:86px 86px,86px 86px,100% 100%!important;opacity:.64!important;pointer-events:none!important}
html body .kj-problem-page .kj-problem-hero:after{content:""!important;position:absolute!important;left:14%!important;right:14%!important;bottom:-120px!important;height:230px!important;border-radius:50%!important;background:rgba(84,174,226,.15)!important;filter:blur(58px)!important;pointer-events:none!important}
html body .kj-problem-page .kj-problem-hero-inner{position:relative!important;z-index:1!important;max-width:920px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:20px!important;text-align:center!important}
html body .kj-problem-page .kj-problem-eyebrow{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;color:#D8F2FF!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-hero h1{color:#fff!important;font-size:clamp(48px,5.5vw,78px)!important;line-height:1.06!important;text-align:center!important;text-shadow:0 16px 44px rgba(0,0,0,.22)!important}
html body .kj-problem-page .kj-problem-hero-lead{max-width:820px!important;color:rgba(255,255,255,.91)!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.68!important;font-weight:700!important;text-align:center!important}

/* BUTTONS */
html body .kj-problem-page .kj-problem-actions{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;margin-top:6px!important}
html body .kj-problem-page .kj-problem-btn,html body .kj-problem-page .kj-problem-wa-btn{min-width:225px!important;min-height:56px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:14px 24px!important;border-radius:999px!important;font-size:15.5px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
html body .kj-problem-page .kj-problem-btn:hover,html body .kj-problem-page .kj-problem-wa-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.07)!important}
html body .kj-problem-page .kj-problem-wa-btn{color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;box-shadow:0 16px 42px rgba(18,190,98,.27),inset 0 1px 0 rgba(255,255,255,.22)!important}
html body .kj-problem-page .kj-problem-blue-btn{color:#fff!important;border:1px solid rgba(84,174,226,.48)!important;background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important}
html body .kj-problem-page .kj-problem-wa-icon:before{content:"☎"!important;color:#fff!important;font-size:14px!important}
html body .kj-problem-page .kj-problem-btn .kj-problem-icon,html body .kj-problem-page .kj-problem-wa-btn .kj-problem-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)!important}

/* AUTHOR MINI */
html body .kj-problem-page .kj-problem-author-mini{position:relative!important;display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important;align-items:center!important;margin:28px 0!important;padding:34px 28px 28px!important;border-radius:26px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 58%,#eef7ff 100%)!important;border:1px solid rgba(15,77,139,.10)!important;box-shadow:0 16px 42px rgba(7,30,52,.075)!important;overflow:visible!important}
html body .kj-problem-page .kj-problem-author-mini:before{content:"BÄ°LGÄ°LENDÄ°RME"!important;position:absolute!important;top:-14px!important;left:28px!important;min-height:34px!important;padding:9px 16px!important;border-radius:999px!important;background:linear-gradient(135deg,#071E34 0%,#0F4D8B 100%)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em!important;line-height:1!important;box-shadow:0 12px 26px rgba(7,30,52,.16)!important}
html body .kj-problem-page .kj-problem-author-mini-icon{width:58px!important;height:58px!important;min-width:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:linear-gradient(135deg,#EAF3FA 0%,#DDF0FC 100%)!important;color:#0F4D8B!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 10px 24px rgba(15,77,139,.10)!important;font-size:22px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-author-mini p{color:#536A83!important;font-size:17px!important;line-height:1.72!important;font-weight:500!important}
html body .kj-problem-page .kj-problem-author-mini a{color:#243F5D!important;font-weight:900!important}

/* DEFINITION + INFO */
html body .kj-problem-page .kj-problem-definition{position:relative!important;display:grid!important;grid-template-columns:70px 1fr!important;gap:20px!important;align-items:start!important;margin:34px 0 24px!important;padding:38px 34px!important;border-radius:30px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 54%,#eff7ff 100%)!important;border:1px solid rgba(15,77,139,.10)!important;box-shadow:var(--kj-problem-shadow-soft)!important}
html body .kj-problem-page .kj-problem-definition-icon{width:62px!important;height:62px!important;display:grid!important;place-items:center!important;border-radius:20px!important;color:#fff!important;background:linear-gradient(135deg,#071E34,#54AEE2)!important;font-size:26px!important;font-weight:900!important;box-shadow:0 18px 36px rgba(84,174,226,.18)!important}
html body .kj-problem-page .kj-problem-definition span,html body .kj-problem-page .kj-problem-kj-comment span{display:inline-flex!important;width:max-content!important;margin-bottom:10px!important;padding:8px 12px!important;border-radius:999px!important;background:#EAF2F9!important;color:#0F4D8B!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-definition h2{font-size:clamp(30px,4vw,48px)!important;margin-bottom:12px!important}
html body .kj-problem-page .kj-problem-definition p{font-size:18px!important;line-height:1.72!important;color:#526A84!important}
html body .kj-problem-page .kj-problem-info-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:24px 0!important}
html body .kj-problem-page .kj-problem-info-strip article{position:relative!important;min-height:136px!important;padding:20px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,77,139,.09)!important;box-shadow:0 12px 32px rgba(15,77,139,.045)!important}
html body .kj-problem-page .kj-problem-info-strip article:before{content:""!important;display:block!important;width:38px!important;height:38px!important;margin-bottom:14px!important;border-radius:14px!important;background:rgba(84,174,226,.14)!important}
html body .kj-problem-page .kj-problem-info-strip strong{display:block!important;margin-bottom:6px!important;font-size:17px!important}
html body .kj-problem-page .kj-problem-info-strip p{font-size:14.6px!important;line-height:1.55!important}

/* MINI CTA */
html body .kj-problem-page .kj-problem-mini-cta{width:330px!important;max-width:330px!important;min-width:330px!important;min-height:56px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;margin:0 0 20px 0!important;padding:8px 10px!important;border-radius:999px!important;color:#fff!important;background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;overflow:visible!important;line-height:1!important}
html body .kj-problem-page .kj-problem-mini-logo{width:38px!important;height:38px!important;min-width:38px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#fff!important;overflow:hidden!important;box-shadow:0 6px 14px rgba(3,30,18,.13)!important}
html body .kj-problem-page .kj-problem-mini-logo img{width:30px!important;height:30px!important;object-fit:contain!important;display:block!important;margin:0!important}
html body .kj-problem-page .kj-problem-mini-text{min-width:0!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;text-align:left!important}
html body .kj-problem-page .kj-problem-mini-text strong{display:flex!important;align-items:center!important;gap:5px!important;color:#fff!important;font-size:13.5px!important;font-weight:900!important;line-height:1.12!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-text em{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:15px!important;padding:2px 5px!important;border-radius:999px!important;color:#EFFFF5!important;background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.18)!important;font-style:normal!important;font-size:8.5px!important;font-weight:900!important;line-height:1!important}
html body .kj-problem-page .kj-problem-mini-text small{display:block!important;color:rgba(255,255,255,.93)!important;font-size:11.5px!important;font-weight:900!important;line-height:1.18!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-wa{width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-mini-wa svg,html body .kj-problem-page .kj-problem-mini-wa path{width:18px!important;height:18px!important;fill:#fff!important;color:#fff!important;stroke:#fff!important}

/* SECTIONS */
html body .kj-problem-page .kj-problem-section{position:relative!important;overflow:hidden!important;margin:24px 0 0!important;padding:42px clamp(24px,3.5vw,52px)!important;border-radius:28px!important;background:linear-gradient(180deg,#fff,#FBFDFF)!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:var(--kj-problem-shadow-soft)!important}
html body .kj-problem-page .kj-problem-section:before{content:""!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(84,174,226,.34),transparent)!important}
html body .kj-problem-page .kj-problem-head{display:grid!important;grid-template-columns:74px 1fr!important;gap:20px!important;align-items:start!important;margin-bottom:0!important}
html body .kj-problem-page .kj-problem-head>span{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;color:#fff!important;font-size:21px!important;font-weight:900!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;box-shadow:0 16px 34px rgba(84,174,226,.20)!important}
html body .kj-problem-page .kj-problem-head h2{font-size:clamp(30px,4vw,52px)!important;margin-bottom:10px!important}
html body .kj-problem-page .kj-problem-head p{max-width:900px!important;color:#64778C!important;font-size:17.5px!important;line-height:1.72!important;margin-bottom:22px!important}
html body .kj-problem-page .kj-problem-dark{background:radial-gradient(circle at 78% 8%,rgba(84,174,226,.20),transparent 34%),radial-gradient(circle at 12% 88%,rgba(15,77,139,.18),transparent 34%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;color:#fff!important;border-color:rgba(84,174,226,.20)!important;box-shadow:var(--kj-problem-shadow-hero)!important}
html body .kj-problem-page .kj-problem-dark h2,html body .kj-problem-page .kj-problem-dark h3,html body .kj-problem-page .kj-problem-dark strong{color:#fff!important}
html body .kj-problem-page .kj-problem-dark p,html body .kj-problem-page .kj-problem-dark .kj-problem-head p{color:#D9E8F7!important}

html body .kj-problem-page .kj-problem-example-card,html body .kj-problem-page .kj-problem-note{padding:24px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,77,139,.09)!important;box-shadow:0 14px 34px rgba(15,77,139,.045)!important}
html body .kj-problem-page .kj-problem-card-icon{display:block!important;width:44px!important;height:44px!important;border-radius:15px!important;background:rgba(84,174,226,.14)!important;margin-bottom:14px!important}
html body .kj-problem-page .kj-problem-example-card h3{font-size:25px!important;margin-bottom:10px!important}
html body .kj-problem-page .kj-problem-calc-box{margin-top:16px!important;padding:18px!important;border-radius:18px!important;background:#F3F8FC!important;border:1px solid rgba(15,77,139,.08)!important}
html body .kj-problem-page .kj-problem-benefit-grid,html body .kj-problem-page .kj-problem-value-grid,html body .kj-problem-page .kj-problem-mini-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
html body .kj-problem-page .kj-problem-benefit-grid article,html body .kj-problem-page .kj-problem-value-grid article,html body .kj-problem-page .kj-problem-mini-grid article{min-height:150px!important;padding:22px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:0 12px 32px rgba(15,77,139,.04)!important}
html body .kj-problem-page .kj-problem-benefit-grid article span{display:block!important;width:40px!important;height:40px!important;border-radius:14px!important;background:rgba(84,174,226,.14)!important;margin-bottom:14px!important}
html body .kj-problem-page .kj-problem-benefit-grid h3,html body .kj-problem-page .kj-problem-mini-grid h3{font-size:21px!important;margin-bottom:8px!important}
html body .kj-problem-page .kj-problem-formula-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body .kj-problem-page .kj-problem-formula-card{min-height:190px!important;padding:22px!important;border-radius:22px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.115)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important}
html body .kj-problem-page .kj-problem-formula-card span{display:inline-flex!important;margin-bottom:14px!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(84,174,226,.18)!important;color:#BDEAFF!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important}
html body .kj-problem-page .kj-problem-formula-card h3{font-size:23px!important;margin-bottom:10px!important;color:#fff!important}
html body .kj-problem-page .kj-problem-mistake-list{display:grid!important;gap:12px!important}
html body .kj-problem-page .kj-problem-mistake-list article{display:grid!important;grid-template-columns:48px 1fr!important;gap:14px!important;align-items:center!important;padding:18px 20px!important;border-radius:20px!important;background:#fff!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:0 10px 26px rgba(15,77,139,.035)!important}
html body .kj-problem-page .kj-problem-mistake-list span{width:42px!important;height:42px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:#EAF3FA!important;color:#0F4D8B!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-note{margin-top:16px!important;color:#526A84!important}

/* COMMENT */
html body .kj-problem-page .kj-problem-kj-comment{display:grid!important;grid-template-columns:70px 1fr!important;gap:20px!important;align-items:start!important;margin:24px 0 0!important;padding:42px 34px!important;border-radius:30px!important;background:linear-gradient(135deg,#fff 0%,#fbfdff 52%,#EAF3FA 100%)!important;border:1px solid rgba(15,77,139,.10)!important;box-shadow:var(--kj-problem-shadow-soft)!important}
html body .kj-problem-page .kj-problem-comment-mark{width:62px!important;height:62px!important;display:grid!important;place-items:center!important;border-radius:20px!important;background:linear-gradient(135deg,#071E34,#0F4D8B)!important;color:#fff!important;font-size:24px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-kj-comment h2{font-size:clamp(28px,3.4vw,44px)!important;margin-bottom:12px!important}

/* TERMS + FAQ */
html body .kj-problem-page .kj-problem-term-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
html body .kj-problem-page .kj-problem-term-grid a{min-height:130px!important;padding:22px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#FBFDFF)!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:0 12px 32px rgba(15,77,139,.04)!important;transition:transform .22s ease,box-shadow .22s ease!important}
html body .kj-problem-page .kj-problem-term-grid a:hover{transform:translateY(-2px)!important;box-shadow:0 18px 42px rgba(15,77,139,.08)!important}
html body .kj-problem-page .kj-problem-term-grid strong{display:block!important;margin-bottom:8px!important;font-size:22px!important;color:#0F4D8B!important}
html body .kj-problem-page .kj-problem-mini-grid article{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.115)!important}
html body .kj-problem-page .kj-problem-accordion{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-accordion details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.030)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-accordion summary{list-style:none!important;cursor:pointer!important;padding:17px 20px!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important}
html body .kj-problem-page .kj-problem-accordion summary::-webkit-details-marker{display:none!important}
html body .kj-problem-page .kj-problem-accordion p{padding:0 20px 19px!important;color:#61758A!important;font-size:15px!important;line-height:1.72!important}

/* AUTHOR + FINAL */
html body .kj-problem-page .kj-problem-author{margin-top:24px!important;padding:34px!important;border-radius:28px!important;background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%)!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:var(--kj-problem-shadow-soft)!important;display:grid!important;grid-template-columns:130px 1fr!important;gap:28px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-media img{display:block!important;width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;border:5px solid #fff!important;box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10)!important}
html body .kj-problem-page .kj-problem-author-copy{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-author-copy>span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;background:#EAF2F9!important;color:#0F4D8B!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-author-copy h2{font-size:clamp(30px,4vw,48px)!important}
html body .kj-problem-page .kj-problem-author-copy strong{font-size:16px!important;color:#294C6F!important}
html body .kj-problem-page .kj-problem-author-copy a{display:inline-flex!important;color:#0F4D8B!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-final{margin-top:24px!important;position:relative!important;overflow:hidden!important;padding:56px 42px!important;border-radius:32px!important;background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),radial-gradient(circle at 50% 110%,rgba(84,174,226,.26),transparent 45%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%)!important;box-shadow:var(--kj-problem-shadow-hero)!important;text-align:center!important;border:1px solid rgba(84,174,226,.22)!important}
html body .kj-problem-page .kj-problem-final h2{max-width:900px!important;margin:0 auto!important;color:#fff!important;font-size:clamp(34px,4.6vw,62px)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final p{max-width:900px!important;margin:16px auto 0!important;color:#D8E8F6!important;font-size:17px!important;line-height:1.68!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final .kj-problem-actions{justify-content:center!important;margin-top:24px!important}

@media(max-width:980px){html body .kj-problem-page .kj-problem-info-strip,html body .kj-problem-page .kj-problem-formula-grid,html body .kj-problem-page .kj-problem-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){html body .kj-problem-page{width:calc(100vw - 24px)!important;padding-top:16px!important}html body .kj-problem-page .kj-problem-hero{min-height:auto!important;padding:48px 20px 54px!important;border-radius:26px!important}html body .kj-problem-page .kj-problem-hero h1{font-size:clamp(34px,10.2vw,46px)!important;line-height:1.12!important}html body .kj-problem-page .kj-problem-hero-lead{font-size:16px!important;line-height:1.66!important;max-width:96%!important}html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important}html body .kj-problem-page .kj-problem-btn,html body .kj-problem-page .kj-problem-wa-btn{width:100%!important;min-width:0!important;min-height:52px!important;font-size:15px!important}html body .kj-problem-page .kj-problem-author-mini,html body .kj-problem-page .kj-problem-definition,html body .kj-problem-page .kj-problem-kj-comment,html body .kj-problem-page .kj-problem-author{grid-template-columns:1fr!important;text-align:left!important}html body .kj-problem-page .kj-problem-info-strip,html body .kj-problem-page .kj-problem-benefit-grid,html body .kj-problem-page .kj-problem-value-grid,html body .kj-problem-page .kj-problem-formula-grid,html body .kj-problem-page .kj-problem-term-grid,html body .kj-problem-page .kj-problem-mini-grid{grid-template-columns:1fr!important}html body .kj-problem-page .kj-problem-section,html body .kj-problem-page .kj-problem-author,html body .kj-problem-page .kj-problem-final,html body .kj-problem-page .kj-problem-definition,html body .kj-problem-page .kj-problem-kj-comment{padding:22px!important;border-radius:24px!important}html body .kj-problem-page .kj-problem-head{grid-template-columns:1fr!important;gap:14px!important}html body .kj-problem-page .kj-problem-head>span{width:50px!important;height:50px!important;border-radius:16px!important;font-size:19px!important}html body .kj-problem-page .kj-problem-head h2{font-size:clamp(28px,8vw,38px)!important}html body .kj-problem-page .kj-problem-mini-cta{max-width:320px!important;min-width:0!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}html body .kj-problem-page .kj-problem-mini-text strong{font-size:12.8px!important}html body .kj-problem-page .kj-problem-mini-text small{font-size:10.8px!important}html body .kj-problem-page .kj-problem-author{align-items:center!important;text-align:center!important}html body .kj-problem-page .kj-problem-author-media img{width:92px!important;height:92px!important;margin:0 auto!important}html body .kj-problem-page .kj-problem-author-copy{align-items:center!important;text-align:center!important}}
@media(max-width:380px){html body .kj-problem-page .kj-problem-mini-text strong{font-size:12px!important}html body .kj-problem-page .kj-problem-mini-text small{font-size:10px!important}}

/* =========================================================
   K.J.A V16.1 — Pillar Aligned Layout Normalization
   Amaç: faq template yapısını kj-guide.css ölçü sistemine yaklaştırmak.
   Not: Ayrı stabilizer dosyası gerekmez; bu blok dosyanın içine entegredir.
   ========================================================= */

html body .kj-problem-page {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page h4 {
  font-family: "Outfit", Inter, Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}

html body .kj-problem-page p,
html body .kj-problem-page li {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

html body .kj-problem-page strong {
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-hero {
  width: 100% !important;
  min-height: 455px !important;
  margin: 0 auto !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-hero h1 {
  color: #FFFFFF !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  font-size: clamp(42px, 4.9vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.022em !important;
  text-align: center !important;
  text-shadow: 0 16px 44px rgba(0,0,0,.22) !important;
}

html body .kj-problem-page .kj-problem-hero-lead {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-actions {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn {
  min-width: 225px !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini {
  margin-top: 24px !important;
  padding: 18px 22px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  background: #EAF3FA !important;
  color: #0F4D8B !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini p {
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

html body .kj-problem-page .kj-problem-answer {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-answer-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-answer h2 {
  font-size: clamp(28px, 3.6vw, 48px) !important;
  line-height: 1.12 !important;
  margin-bottom: 12px !important;
}

html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-model,
html body .kj-problem-page .kj-problem-warning,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-case,
html body .kj-problem-page .kj-problem-trust,
html body .kj-problem-page .kj-problem-service-cta {
  margin-top: 24px !important;
  padding: 42px clamp(24px, 3.5vw, 52px) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-head {
  display: grid !important;
  grid-template-columns: 74px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 26px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  box-shadow: 0 16px 34px rgba(84,174,226,.20) !important;
}

html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-model h2,
html body .kj-problem-page .kj-problem-warning h2,
html body .kj-problem-page .kj-problem-linking h2,
html body .kj-problem-page .kj-problem-case h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-head h2 {
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page .kj-problem-head p,
html body .kj-problem-page .kj-problem-sub {
  margin-top: 10px !important;
  max-width: 900px !important;
  color: #64778C !important;
  font-size: 17.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body .kj-problem-page .kj-problem-funnel-map {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body .kj-problem-page .kj-problem-define-grid,
  html body .kj-problem-page .kj-problem-procon-grid,
  html body .kj-problem-page .kj-problem-checklist,
  html body .kj-problem-page .kj-problem-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

html body .kj-problem-page .kj-problem-system-grid > *,
html body .kj-problem-page .kj-problem-flow > *,
html body .kj-problem-page .kj-problem-feature-grid > *,
html body .kj-problem-page .kj-problem-control-rail > *,
html body .kj-problem-page .kj-problem-info-strip > *,
html body .kj-problem-page .kj-problem-priority-grid > *,
html body .kj-problem-page .kj-problem-score-grid > *,
html body .kj-problem-page .kj-problem-kpi-grid > *,
html body .kj-problem-page .kj-problem-decision-strip > *,
html body .kj-problem-page .kj-problem-usage-grid > *,
html body .kj-problem-page .kj-problem-service-grid > *,
html body .kj-problem-page .kj-problem-scenario-grid > *,
html body .kj-problem-page .kj-problem-reason-strip > *,
html body .kj-problem-page .kj-problem-symptom-grid > *,
html body .kj-problem-page .kj-problem-cause-grid > *,
html body .kj-problem-page .kj-problem-mistake-grid > *,
html body .kj-problem-page .kj-problem-model-grid > *,
html body .kj-problem-page .kj-problem-purpose-grid > *,
html body .kj-problem-page .kj-problem-check-grid > *,
html body .kj-problem-page .kj-problem-error-grid > *,
html body .kj-problem-page .kj-problem-related-grid > *,
html body .kj-problem-page .kj-problem-related > * {
  min-width: 0 !important;
}

html body .kj-problem-page .kj-problem-system-grid h3,
html body .kj-problem-page .kj-problem-flow h3,
html body .kj-problem-page .kj-problem-feature-grid h3,
html body .kj-problem-page .kj-problem-control-rail h3,
html body .kj-problem-page .kj-problem-info-strip h3,
html body .kj-problem-page .kj-problem-priority-grid h3,
html body .kj-problem-page .kj-problem-score-grid h3,
html body .kj-problem-page .kj-problem-kpi-grid h3,
html body .kj-problem-page .kj-problem-decision-strip h3,
html body .kj-problem-page .kj-problem-usage-grid h3,
html body .kj-problem-page .kj-problem-service-grid h3,
html body .kj-problem-page .kj-problem-scenario-grid h3,
html body .kj-problem-page .kj-problem-reason-strip h3,
html body .kj-problem-page .kj-problem-symptom-grid h3,
html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-mistake-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3,
html body .kj-problem-page .kj-problem-purpose-grid h3,
html body .kj-problem-page .kj-problem-check-grid h3,
html body .kj-problem-page .kj-problem-error-grid h3 {
  font-size: 21px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page .kj-problem-system-grid p,
html body .kj-problem-page .kj-problem-flow p,
html body .kj-problem-page .kj-problem-feature-grid p,
html body .kj-problem-page .kj-problem-control-rail p,
html body .kj-problem-page .kj-problem-info-strip p,
html body .kj-problem-page .kj-problem-priority-grid p,
html body .kj-problem-page .kj-problem-score-grid p,
html body .kj-problem-page .kj-problem-kpi-grid p,
html body .kj-problem-page .kj-problem-decision-strip p,
html body .kj-problem-page .kj-problem-usage-grid p,
html body .kj-problem-page .kj-problem-service-grid p,
html body .kj-problem-page .kj-problem-scenario-grid p,
html body .kj-problem-page .kj-problem-reason-strip p,
html body .kj-problem-page .kj-problem-symptom-grid p,
html body .kj-problem-page .kj-problem-cause-grid p,
html body .kj-problem-page .kj-problem-mistake-grid p,
html body .kj-problem-page .kj-problem-model-grid p,
html body .kj-problem-page .kj-problem-purpose-grid p,
html body .kj-problem-page .kj-problem-check-grid p,
html body .kj-problem-page .kj-problem-error-grid p {
  font-size: 14.8px !important;
  line-height: 1.68 !important;
}

html body .kj-problem-page .kj-problem-mini-cta {
  width: auto !important;
  max-width: 410px !important;
  min-width: 330px !important;
  min-height: 68px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 24px 0 !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  overflow: visible !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-author {
  margin-top: 24px !important;
  padding: 34px !important;
  border-radius: 28px !important;
  background: linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 56%,#EAF3FA 100%) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  display: grid !important;
  grid-template-columns: 130px 1fr !important;
  gap: 28px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-media img {
  display: block !important;
  width: 104px !important;
  height: 104px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 5px solid #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(15,77,139,.11), 0 14px 28px rgba(15,77,139,.10) !important;
}

html body .kj-problem-page .kj-problem-final {
  margin-top: 24px !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 56px 42px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 72% 14%, rgba(84,174,226,.20), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(84,174,226,.26), transparent 45%),
    linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%) !important;
  box-shadow: 0 26px 86px rgba(5,16,30,.24) !important;
  text-align: center !important;
  border: 1px solid rgba(84,174,226,.22) !important;
}

html body .kj-problem-page .kj-problem-final h2 {
  max-width: 900px !important;
  margin: 0 auto !important;
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.6vw, 62px) !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-final p {
  max-width: 900px !important;
  margin: 16px auto 0 !important;
  color: #D8E8F6 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page .kj-problem-hero {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(34px, 10.2vw, 46px) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    font-size: 15px !important;
    padding: 13px 18px !important;
    margin: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head,
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-model,
  html body .kj-problem-page .kj-problem-warning,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-case,
  html body .kj-problem-page .kj-problem-trust,
  html body .kj-problem-page .kj-problem-service-cta,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-final {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-model h2,
  html body .kj-problem-page .kj-problem-warning h2,
  html body .kj-problem-page .kj-problem-linking h2,
  html body .kj-problem-page .kj-problem-case h2,
  html body .kj-problem-page .kj-problem-trust h2,
  html body .kj-problem-page .kj-problem-head h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  html body .kj-problem-page .kj-problem-author {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 18px !important;
  }
}


/* V15.10 — Pillar aligned stable typography + card grid fix
   Amaç: Pillar yapısındaki stabil başlık, kart ve grid davranışını bu içerik tipine taşımak.
   Not: Ekstra stabilizer dosyası gerekmez; bu blok dosyanın kendi içinde çalışır. */
html body .kj-problem-page {
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page [class$="-hero"] {
  min-height: 455px !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-inner"] {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero"] h1,
html body .kj-problem-page [class*="-hero"] h1 {
  font-size: clamp(38px, 4.35vw, 62px) !important;
  line-height: 1.07 !important;
  letter-spacing: -0.022em !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-lead"],
html body .kj-problem-page [class*="-hero-lead"] {
  font-size: clamp(16.5px, 1.25vw, 19px) !important;
  line-height: 1.68 !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page h2 {
  font-size: clamp(28px, 3.15vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page h3 {
  font-size: clamp(20px, 1.75vw, 24px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page [class$="-head"] h2,
html body .kj-problem-page [class*="-head"] h2,
html body .kj-problem-page [class$="-answer"] h2,
html body .kj-problem-page [class*="-answer"] h2 {
  font-size: clamp(28px, 3.2vw, 46px) !important;
  line-height: 1.12 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    height: 100% !important;
    min-height: 178px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
    border: 1px solid rgba(15,77,139,.08) !important;
    box-shadow: 0 12px 32px rgba(15,77,139,.04) !important;
    overflow: visible !important;
  }

  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > a,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > a {
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body .kj-problem-page [class*="-grid"] > article p,
  html body .kj-problem-page [class*="-grid"] > a p,
  html body .kj-problem-page [class*="-strip"] > article p,
  html body .kj-problem-page [class*="-strip"] > a p {
    font-size: 14.8px !important;
    line-height: 1.66 !important;
    margin: 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article strong,
  html body .kj-problem-page [class*="-grid"] > a strong,
  html body .kj-problem-page [class*="-strip"] > article strong,
  html body .kj-problem-page [class*="-strip"] > a strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article h3,
  html body .kj-problem-page [class*="-grid"] > a h3,
  html body .kj-problem-page [class*="-strip"] > article h3,
  html body .kj-problem-page [class*="-strip"] > a h3 {
    font-size: 21px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }
}

@media (max-width: 980px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page [class$="-hero"],
  html body .kj-problem-page [class*="-hero"] {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page [class$="-hero"] h1,
  html body .kj-problem-page [class*="-hero"] h1 {
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.01em !important;
  }

  html body .kj-problem-page h2,
  html body .kj-problem-page [class$="-head"] h2,
  html body .kj-problem-page [class*="-head"] h2,
  html body .kj-problem-page [class$="-answer"] h2,
  html body .kj-problem-page [class*="-answer"] h2 {
    font-size: clamp(26px, 7.2vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-head"],
  html body .kj-problem-page [class*="-answer"],
  html body .kj-problem-page [class*="-author"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    min-height: auto !important;
  }
}


/* =========================================================
   KREATIF JET® V16.1 — PILLAR ALIGNED STABILITY PATCH
   Amaç: Başlık ölçüleri, 4'lü kart gridleri, ikonlar ve
   bilgilendirme modülü hizasını pillar mantığına sabitlemek.
========================================================= */

html body .kj-problem-page .kj-problem-hero h1 {
  font-size: clamp(34px, 4.15vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  max-width: 920px !important;
}

html body .kj-problem-page .kj-problem-hero {
  min-height: 430px !important;
  padding-top: 78px !important;
  padding-bottom: 64px !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-answer h2,
html body .kj-problem-page .kj-problem-definition h2,
html body .kj-problem-page .kj-problem-map-copy h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-final h2,
html body .kj-problem-page .kj-problem-author-copy h2 {
  font-size: clamp(26px, 3.1vw, 42px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.016em !important;
}

html body .kj-problem-page h3,
html body .kj-problem-page [class*="-grid"] h3,
html body .kj-problem-page [class*="-card"] h3 {
  font-size: clamp(19px, 1.65vw, 22px) !important;
  line-height: 1.22 !important;
}

/* 4 kartlı alanlar: desktop 4 kolon, tablet 2 kolon, mobil 1 kolon */
html body .kj-problem-page [class*="-grid"]:has(> article:nth-child(4)),
html body .kj-problem-page [class*="-grid"]:has(> a:nth-child(4)),
html body .kj-problem-page [class*="-strip"]:has(> article:nth-child(4)),
html body .kj-problem-page [class*="-rail"]:has(> article:nth-child(4)) {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* Kart zemini görünmeyen alanları sabitle */
html body .kj-problem-page [class*="-grid"] > article,
html body .kj-problem-page [class*="-grid"] > a,
html body .kj-problem-page [class*="-strip"] > article,
html body .kj-problem-page [class*="-rail"] > article,
html body .kj-problem-page [class*="-related"] > a,
html body .kj-problem-page [class*="-related"] > article {
  min-width: 0 !important;
  background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 12px 32px rgba(15,77,139,.045) !important;
  border-radius: 20px !important;
}

html body .kj-problem-page .kj-problem-dark [class*="-grid"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-grid"] > a,
html body .kj-problem-page .kj-problem-dark [class*="-strip"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-rail"] > article {
  background: rgba(255,255,255,.095) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.08) !important;
}

html body .kj-problem-page [class*="-grid"] > article *,
html body .kj-problem-page [class*="-grid"] > a *,
html body .kj-problem-page [class*="-strip"] > article *,
html body .kj-problem-page [class*="-rail"] > article * {
  min-width: 0 !important;
}

/* Bilgilendirme modülü: rozet kart dışına fazla taşmasın */
html body .kj-problem-page .kj-problem-author-mini {
  position: relative !important;
  overflow: visible !important;
  padding-top: 58px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini::before {
  top: 14px !important;
  left: 28px !important;
  transform: none !important;
  min-height: 32px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 20px rgba(7,30,52,.12) !important;
}

/* Tekrarlayan / taÅŸan ikon karakterlerini temizle */
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon {
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > * {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before {
  content: "✦" !important;
  display: block !important;
  color: currentColor !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before {
  content: "?" !important;
  display: block !important;
  color: currentColor !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
  html body .kj-problem-page [class*="-grid"]:has(> article:nth-child(4)),
  html body .kj-problem-page [class*="-grid"]:has(> a:nth-child(4)),
  html body .kj-problem-page [class*="-strip"]:has(> article:nth-child(4)),
  html body .kj-problem-page [class*="-rail"]:has(> article:nth-child(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-answer h2,
  html body .kj-problem-page .kj-problem-definition h2,
  html body .kj-problem-page .kj-problem-final h2,
  html body .kj-problem-page .kj-problem-author-copy h2 {
    font-size: clamp(25px, 7.8vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-rail"],
  html body .kj-problem-page [class*="-related"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini {
    padding-top: 56px !important;
  }

  html body .kj-problem-page .kj-problem-author-mini::before {
    top: 14px !important;
    left: 20px !important;
  }
}


/* === V4 OVERRIDE: step/card numbers aligned to requested plain-number layout === */
html body .kj-problem-page .kj-problem-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  place-items: unset !important;
  background: none !important;
  box-shadow: none !important;
  color: #667085 !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.022em !important;
}

html body .kj-problem-page .kj-problem-head p {
  margin-top: 2px !important;
  max-width: 900px !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-head {
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head > span,
  html body .kj-problem-page .kj-problem-no {
    font-size: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}


/* === V5 OVERRIDE: icon centering + 4/1 card layout + premium number badges === */
html body .kj-problem-page .kj-problem-author-mini,
html body .kj-problem-page .kj-problem-answer {
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

html body .kj-problem-page .kj-problem-model-grid,
html body .kj-problem-page .kj-problem-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #F5F9FC 0%, #ECF4FA 100%) !important;
  border: 1px solid rgba(15,77,139,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  color: var(--kj-problem-primary) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

html body .kj-problem-page .kj-problem-model-grid > article,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-related-grid > article {
  min-height: 100% !important;
}

@media (max-width: 1024px) {
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-answer {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini-icon,
  html body .kj-problem-page .kj-problem-answer-icon {
    margin-bottom: 4px !important;
  }

  html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 14px !important;
  }
}


/* === V6 OVERRIDE: related label drift fix + section head number boxes restore === */
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--kj-problem-primary) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

html body .kj-problem-page .kj-problem-head > span:first-child,
html body .kj-problem-page .kj-problem-no {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 12px 28px rgba(12, 65, 113, .18), inset 0 1px 0 rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

html body .kj-problem-page .kj-problem-head {
  align-items: flex-start !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  color: var(--kj-problem-heading) !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
  html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 15px !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
}


/* === TARGETED FIX V8 === */

/* FAQ answer icon exact centering */
html body .kj-problem-page .kj-problem-answer {
  align-items: center !important;
}
html body .kj-problem-page .kj-problem-answer-icon {
  position: relative !important;
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
}
html body .kj-problem-page .kj-problem-answer-icon > * {
  font-size: 0 !important;
  line-height: 0 !important;
}
html body .kj-problem-page .kj-problem-answer-icon::before {
  content: "?" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  color: #FFFFFF !important;
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* Desktop section heading number: left side blue box */
@media (min-width: 1024px) {
  html body .kj-problem-page .kj-problem-head {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 10px !important;
    align-items: start !important;
    margin-bottom: 24px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 12px 28px rgba(12,65,113,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  html body .kj-problem-page .kj-problem-head > div,
  html body .kj-problem-page .kj-problem-head > .kj-problem-head-content {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head > h2,
  html body .kj-problem-page .kj-problem-head > h3,
  html body .kj-problem-page .kj-problem-head > h4 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--kj-problem-heading) !important;
  }

  html body .kj-problem-page .kj-problem-head > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
  }
}

/* === V10 FAQ ONLY: giriş kısa cevap soru işareti ikon merkezleme === */
html body .kj-problem-page .kj-problem-answer {
  align-items: start !important;
}

html body .kj-problem-page .kj-problem-answer-icon {
  position: relative !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  border-radius: 20px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
}

html body .kj-problem-page .kj-problem-answer-icon > * {
  display: none !important;
}

html body .kj-problem-page .kj-problem-answer-icon::before {
  content: "?" !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-indent: 0 !important;
  color: #FFFFFF !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  font-family: Outfit, Arial, sans-serif !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-answer-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 18px !important;
  }

  html body .kj-problem-page .kj-problem-answer-icon::before {
    font-size: 25px !important;
  }
}


/* ==========================================================
   Kreatif Jet® FAQ -> Problem CSS Uyum Katmanı
   Ortak alanlar guide görsel mantığına eşitlendi.
   Root: .kj-problem-page | Prefix: kj-problem-
   ========================================================== */

html body .kj-problem-page{
  --kj-problem-primary:#0F4D8B!important;
  --kj-problem-secondary:#54AEE2!important;
  --kj-problem-dark:#071E34!important;
  --kj-problem-deep:#061426!important;
  --kj-problem-heading:#1F1F24!important;
  --kj-problem-text:#5F6B7A!important;
  --kj-problem-bg:#F5F8FB!important;
  --kj-problem-wa:#19C96B!important;
  --kj-problem-amber:#F59E0B!important;
  --kj-problem-amber-bg:#FFF7E6!important;
  --kj-problem-green:#16A34A!important;
  --kj-problem-green-bg:#ECFDF3!important;
  --kj-problem-red:#DC2626!important;
  --kj-problem-line:rgba(15,77,139,.11)!important;
  --kj-problem-shadow:0 18px 55px rgba(15,77,139,.07)!important;
  width:min(1240px,calc(100vw - 32px))!important;
  margin:0 auto!important;
  padding:22px 0 64px!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  color:var(--kj-problem-text)!important;
  isolation:isolate!important;
  left:auto!important;
  transform:none!important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page h4{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-heading)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.025em!important;text-wrap:balance!important;}
html body .kj-problem-page p,
html body .kj-problem-page li{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-text)!important;font-size:17px!important;line-height:1.72!important;font-weight:500!important;}
html body .kj-problem-page strong{color:var(--kj-problem-heading)!important;font-weight:900!important;}

html body .kj-problem-page .kj-problem-hero{position:relative!important;overflow:hidden!important;border-radius:34px!important;min-height:455px!important;padding:82px clamp(24px,4.5vw,74px) 68px!important;background:radial-gradient(circle at 76% 30%,rgba(84,174,226,.24),transparent 35%),linear-gradient(135deg,#071426,#071E34 56%,#0F4D8B)!important;border:1px solid rgba(84,174,226,.28)!important;box-shadow:0 28px 90px rgba(5,16,30,.25)!important;text-align:center!important;}
html body .kj-problem-page .kj-problem-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:84px 84px!important;opacity:.6!important;}
html body .kj-problem-page .kj-problem-hero:after{display:none!important;}
html body .kj-problem-page .kj-problem-hero-inner{position:relative!important;z-index:1!important;max-width:920px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important;}
html body .kj-problem-page .kj-problem-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#CDEFFF!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.15)!important;}
html body .kj-problem-page .kj-problem-hero h1{color:#fff!important;font-size:clamp(44px,5.4vw,78px)!important;text-align:center!important;text-shadow:0 16px 44px rgba(0,0,0,.22)!important;}
html body .kj-problem-page .kj-problem-hero-lead{max-width:850px!important;color:rgba(255,255,255,.90)!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.7!important;text-align:center!important;font-weight:600!important;}

html body .kj-problem-page .kj-problem-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;margin-top:4px!important;width:100%!important;}
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn{min-width:225px!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:15px 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;transition:transform .22s ease,filter .22s ease!important;}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important;}
html body .kj-problem-page .kj-problem-wa-btn{background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 16px 42px rgba(18,190,98,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important;}
html body .kj-problem-page .kj-problem-blue-btn{background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;border:1px solid rgba(84,174,226,.50)!important;box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important;}
html body .kj-problem-page .kj-problem-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-weight:900!important;font-size:15px!important;}

html body .kj-problem-page .kj-problem-author-mini{margin:18px auto 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:14px!important;align-items:center!important;width:100%!important;}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:var(--kj-problem-primary)!important;background:#EAF5FC!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-author-mini p{font-size:15px!important;line-height:1.65!important;color:#66788D!important;}
html body .kj-problem-page .kj-problem-author-mini a{color:var(--kj-problem-primary)!important;font-weight:900!important;}

html body .kj-problem-page .kj-problem-definition,
html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-kj-comment{margin-top:24px!important;padding:42px clamp(24px,3.5vw,52px)!important;border-radius:30px!important;background:linear-gradient(180deg,#fff,#FBFDFF)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;overflow:hidden!important;}
html body .kj-problem-page .kj-problem-definition{display:grid!important;grid-template-columns:64px 1fr!important;gap:18px!important;align-items:start!important;background:linear-gradient(135deg,#F4FBFF,#fff)!important;}
html body .kj-problem-page .kj-problem-definition-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:22px!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-definition span{display:inline-block!important;margin-bottom:8px!important;color:var(--kj-problem-primary)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important;}
html body .kj-problem-page .kj-problem-definition h2{font-size:clamp(28px,3.4vw,46px)!important;margin-bottom:10px!important;}

html body .kj-problem-page .kj-problem-info-strip{margin-top:24px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;}
html body .kj-problem-page .kj-problem-info-strip article,
html body .kj-problem-page .kj-problem-benefit-grid article,
html body .kj-problem-page .kj-problem-value-grid article,
html body .kj-problem-page .kj-problem-mistake-list article,
html body .kj-problem-page .kj-problem-term-grid a,
html body .kj-problem-page .kj-problem-linking-grid a{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;}
html body .kj-problem-page .kj-problem-info-strip strong{font-size:21px!important;line-height:1.16!important;}
html body .kj-problem-page .kj-problem-info-strip p{font-size:15.2px!important;line-height:1.65!important;}

html body .kj-problem-page .kj-problem-head{display:grid!important;grid-template-columns:74px 1fr!important;gap:20px!important;align-items:start!important;margin-bottom:24px!important;}
html body .kj-problem-page .kj-problem-head>span{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:21px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(84,174,226,.20)!important;}
html body .kj-problem-page .kj-problem-head h2{font-size:clamp(32px,4.2vw,58px)!important;margin-bottom:10px!important;}
html body .kj-problem-page .kj-problem-head p{max-width:930px!important;color:#62768A!important;font-size:18px!important;font-weight:600!important;}

html body .kj-problem-page .kj-problem-dark{background:radial-gradient(circle at 80% 10%,rgba(84,174,226,.22),transparent 35%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;border-color:rgba(84,174,226,.22)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important;}
html body .kj-problem-page .kj-problem-dark h2,
html body .kj-problem-page .kj-problem-dark h3,
html body .kj-problem-page .kj-problem-dark strong{color:#fff!important;}
html body .kj-problem-page .kj-problem-dark p,
html body .kj-problem-page .kj-problem-dark li{color:#DCEBFA!important;}
html body .kj-problem-page .kj-problem-dark .kj-problem-head p{color:#DCEBFA!important;}

html body .kj-problem-page .kj-problem-mini-cta{width:auto!important;max-width:340px!important;min-width:300px!important;min-height:56px!important;display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 26px 94px!important;padding:8px 10px!important;border-radius:999px!important;color:#fff!important;background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;}
html body .kj-problem-page .kj-problem-mini-logo{width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;overflow:hidden!important;}
html body .kj-problem-page .kj-problem-mini-logo img{width:34px!important;height:34px!important;object-fit:contain!important;display:block!important;}
html body .kj-problem-page .kj-problem-mini-text{display:flex!important;flex-direction:column!important;gap:3px!important;text-align:left!important;flex:1!important;}
html body .kj-problem-page .kj-problem-mini-text strong{color:#fff!important;font-size:13.5px!important;line-height:1.1!important;white-space:nowrap!important;}
html body .kj-problem-page .kj-problem-mini-text em{margin-left:5px!important;padding:2px 6px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;font-size:9px!important;font-style:normal!important;}
html body .kj-problem-page .kj-problem-mini-text small{color:rgba(255,255,255,.94)!important;font-size:11.8px!important;font-weight:800!important;line-height:1.22!important;}
html body .kj-problem-page .kj-problem-mini-wa{width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.17)!important;color:#fff!important;}
html body .kj-problem-page .kj-problem-mini-wa svg,
html body .kj-problem-page .kj-problem-mini-wa path{width:18px!important;height:18px!important;fill:#fff!important;color:#fff!important;}

html body .kj-problem-page .kj-problem-benefit-grid,
html body .kj-problem-page .kj-problem-value-grid,
html body .kj-problem-page .kj-problem-mistake-list,
html body .kj-problem-page .kj-problem-term-grid,
html body .kj-problem-page .kj-problem-linking-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
html body .kj-problem-page .kj-problem-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
html body .kj-problem-page .kj-problem-term-grid,
html body .kj-problem-page .kj-problem-linking-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .kj-problem-page .kj-problem-benefit-grid h3,
html body .kj-problem-page .kj-problem-value-grid h3,
html body .kj-problem-page .kj-problem-mistake-list h3{font-size:24px!important;}

html body .kj-problem-page .kj-problem-formula-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;}
html body .kj-problem-page .kj-problem-formula-card,
html body .kj-problem-page .kj-problem-example-card{padding:24px!important;border-radius:24px!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;min-height:220px!important;display:flex!important;flex-direction:column!important;gap:12px!important;}
html body .kj-problem-page .kj-problem-formula-card i{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;font-size:20px!important;font-weight:900!important;}

html body .kj-problem-page .kj-problem-accordion{display:flex!important;flex-direction:column!important;gap:10px!important;}
html body .kj-problem-page .kj-problem-accordion details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.030)!important;overflow:hidden!important;}
html body .kj-problem-page .kj-problem-accordion summary{list-style:none!important;cursor:pointer!important;padding:17px 20px!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important;}
html body .kj-problem-page .kj-problem-accordion summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page .kj-problem-accordion summary:before{content:"?"!important;display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;margin-right:10px!important;border-radius:10px!important;background:#EAF3FA!important;color:var(--kj-problem-primary)!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-accordion details p{padding:0 20px 19px 58px!important;color:#61758A!important;font-size:15px!important;}

html body .kj-problem-page .kj-problem-author{padding:34px!important;border-radius:28px!important;background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:130px 1fr!important;gap:28px!important;align-items:center!important;margin-top:24px!important;}
html body .kj-problem-page .kj-problem-author-media{width:118px!important;height:118px!important;border-radius:28px!important;overflow:hidden!important;background:#EAF5FC!important;border:1px solid rgba(15,77,139,.12)!important;}
html body .kj-problem-page .kj-problem-author-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
html body .kj-problem-page .kj-problem-author-copy span{display:inline-flex!important;margin-bottom:8px!important;color:var(--kj-problem-primary)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
html body .kj-problem-page .kj-problem-author-copy h2{font-size:clamp(28px,3.3vw,44px)!important;margin-bottom:8px!important;}
html body .kj-problem-page .kj-problem-author-copy a{display:inline-flex!important;margin-top:10px!important;color:var(--kj-problem-primary)!important;font-weight:900!important;}

html body .kj-problem-page .kj-problem-final{margin-top:24px!important;padding:48px clamp(24px,4vw,64px)!important;border-radius:34px!important;background:radial-gradient(circle at 80% 15%,rgba(84,174,226,.24),transparent 36%),linear-gradient(135deg,#071426,#071E34 56%,#0F4D8B)!important;border:1px solid rgba(84,174,226,.22)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important;text-align:center!important;}
html body .kj-problem-page .kj-problem-final h2{color:#fff!important;font-size:clamp(32px,4.5vw,58px)!important;margin-bottom:12px!important;}
html body .kj-problem-page .kj-problem-final p{max-width:860px!important;margin:0 auto 22px!important;color:#DCEBFA!important;font-size:18px!important;font-weight:600!important;}

@media (max-width:980px){
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-benefit-grid,
  html body .kj-problem-page .kj-problem-value-grid,
  html body .kj-problem-page .kj-problem-mistake-list,
  html body .kj-problem-page .kj-problem-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html body .kj-problem-page .kj-problem-author{grid-template-columns:1fr!important;text-align:left!important;}
}
@media (max-width:640px){
  html body .kj-problem-page{width:min(100%,calc(100vw - 20px))!important;padding:12px 0 44px!important;}
  html body .kj-problem-page .kj-problem-hero{min-height:auto!important;padding:58px 18px 48px!important;border-radius:26px!important;}
  html body .kj-problem-page .kj-problem-hero h1{font-size:clamp(34px,11vw,46px)!important;}
  html body .kj-problem-page .kj-problem-actions{gap:12px!important;}
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn{width:100%!important;min-width:0!important;}
  html body .kj-problem-page .kj-problem-author-mini{grid-template-columns:1fr!important;text-align:left!important;}
  html body .kj-problem-page .kj-problem-definition,
  html body .kj-problem-page .kj-problem-head{grid-template-columns:1fr!important;}
  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-kj-comment,
  html body .kj-problem-page .kj-problem-definition{padding:28px 18px!important;border-radius:24px!important;}
  html body .kj-problem-page .kj-problem-mini-cta{margin:0 0 22px 0!important;max-width:100%!important;min-width:0!important;width:100%!important;}
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-benefit-grid,
  html body .kj-problem-page .kj-problem-value-grid,
  html body .kj-problem-page .kj-problem-mistake-list,
  html body .kj-problem-page .kj-problem-term-grid,
  html body .kj-problem-page .kj-problem-linking-grid,
  html body .kj-problem-page .kj-problem-formula-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   KJ FAQ GUNCEL PATCH - Problem CSS uyumlu kart, ikon ve liste fixleri
========================================================= */
html body .kj-problem-page .kj-problem-author-mini::before{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-author-mini{margin:18px auto 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow-soft)!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:14px!important;align-items:center!important;width:100%!important;overflow:visible!important;}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:var(--kj-problem-primary)!important;background:#EAF5FC!important;border:1px solid rgba(15,77,139,.10)!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;}
html body .kj-problem-page .kj-problem-author-mini-icon i{font-size:18px!important;line-height:1!important;color:currentColor!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before,html body .kj-problem-page .kj-problem-author-mini-icon::after{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-author-mini p{font-size:15px!important;line-height:1.65!important;color:#66788D!important;font-weight:500!important;margin:0!important;}
html body .kj-problem-page .kj-problem-author-mini a{color:var(--kj-problem-primary)!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-fa-box i{display:inline-block!important;color:currentColor!important;font-size:inherit!important;line-height:1!important;}
html body .kj-problem-page .kj-problem-wa-icon::before,html body .kj-problem-page .kj-problem-calendar-icon::before,html body .kj-problem-page .kj-problem-mini-wa::before{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-icon{width:34px!important;height:34px!important;min-width:34px!important;display:inline-grid!important;place-items:center!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:17px!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-wa-icon i{font-size:18px!important;}
html body .kj-problem-page .kj-problem-calendar-icon i{font-size:16px!important;}
html body .kj-problem-page .kj-problem-mini-wa{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-mini-wa i{font-size:22px!important;color:#fff!important;}

html body .kj-problem-page .kj-problem-grid-icon,html body .kj-problem-page .kj-problem-card-icon,html body .kj-problem-page .kj-problem-link-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;border:1px solid rgba(15,77,139,.10)!important;font-size:22px!important;line-height:1!important;margin:0 0 10px 0!important;box-shadow:none!important;}
html body .kj-problem-page .kj-problem-grid-icon i,html body .kj-problem-page .kj-problem-card-icon i,html body .kj-problem-page .kj-problem-link-icon i{font-size:22px!important;color:currentColor!important;}
html body .kj-problem-page .kj-problem-info-strip article::before{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-info-strip,html body .kj-problem-page .kj-problem-benefit-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;margin-top:24px!important;}
html body .kj-problem-page .kj-problem-info-strip article,html body .kj-problem-page .kj-problem-benefit-grid article,html body .kj-problem-page .kj-problem-value-grid article,html body .kj-problem-page .kj-problem-formula-card{padding:22px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#F8FBFE)!important;border:1px solid rgba(15,77,139,.085)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:190px!important;}
html body .kj-problem-page .kj-problem-info-strip strong,html body .kj-problem-page .kj-problem-benefit-grid h3,html body .kj-problem-page .kj-problem-value-grid strong,html body .kj-problem-page .kj-problem-formula-card h3{font-size:21px!important;line-height:1.18!important;margin:0!important;color:var(--kj-problem-heading)!important;}
html body .kj-problem-page .kj-problem-info-strip p,html body .kj-problem-page .kj-problem-benefit-grid p,html body .kj-problem-page .kj-problem-value-grid p,html body .kj-problem-page .kj-problem-formula-card p{font-size:14.8px!important;line-height:1.66!important;margin:0!important;}
html body .kj-problem-page .kj-problem-value-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
html body .kj-problem-page .kj-problem-formula-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
html body .kj-problem-page .kj-problem-card-kicker{display:inline-flex!important;width:max-content!important;max-width:100%!important;padding:7px 10px!important;border-radius:999px!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;line-height:1!important;}

html body .kj-problem-page .kj-problem-mistake-list-vertical{display:flex!important;flex-direction:column!important;gap:12px!important;margin-top:18px!important;}
html body .kj-problem-page .kj-problem-mistake-list-vertical article{display:grid!important;grid-template-columns:42px 1fr!important;gap:14px!important;align-items:flex-start!important;min-height:0!important;padding:18px 20px!important;border-radius:20px!important;background:linear-gradient(180deg,#fff,#FFFDF8)!important;border:1px solid rgba(245,158,11,.20)!important;box-shadow:0 10px 28px rgba(245,158,11,.055)!important;}
html body .kj-problem-page .kj-problem-x-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:var(--kj-problem-amber-bg,#FFF7E6)!important;color:#F59E0B!important;border:1px solid rgba(245,158,11,.22)!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-x-icon i{font-size:18px!important;color:#F59E0B!important;}
html body .kj-problem-page .kj-problem-mistake-list-vertical p{margin:0!important;color:#5F6B7A!important;font-size:15.5px!important;line-height:1.68!important;}

html body .kj-problem-page .kj-problem-term-grid,html body .kj-problem-page .kj-problem-linking-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;margin-top:18px!important;}
html body .kj-problem-page .kj-problem-linking-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html body .kj-problem-page .kj-problem-link-card{width:100%!important;min-width:0!important;max-width:none!important;min-height:248px!important;margin:0!important;padding:24px!important;display:grid!important;grid-template-rows:54px auto 1fr auto!important;gap:12px!important;align-items:start!important;background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;border:1px solid rgba(15,77,139,.10)!important;border-radius:24px!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;overflow:visible!important;}
html body .kj-problem-page .kj-problem-link-card .kj-problem-link-icon{grid-row:1!important;margin:0!important;}
html body .kj-problem-page .kj-problem-link-card strong{grid-row:2!important;display:block!important;color:#1F1F24!important;font-size:21px!important;line-height:1.18!important;margin:0!important;}
html body .kj-problem-page .kj-problem-link-card p{grid-row:3!important;color:#5F6B7A!important;font-size:15px!important;line-height:1.65!important;margin:0!important;padding:0!important;}
html body .kj-problem-page .kj-problem-link-card a{grid-row:4!important;align-self:end!important;justify-self:start!important;display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:8px 0 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--kj-problem-primary)!important;font-size:15px!important;line-height:1.35!important;font-weight:900!important;text-decoration:none!important;}
html body .kj-problem-page .kj-problem-link-card a::after{content:"↗"!important;font-weight:900!important;line-height:1!important;}

html body .kj-problem-page .kj-problem-accordion{display:flex!important;flex-direction:column!important;gap:10px!important;}
html body .kj-problem-page .kj-problem-accordion details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.03)!important;overflow:hidden!important;}
html body .kj-problem-page .kj-problem-accordion summary{list-style:none!important;cursor:pointer!important;padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:center!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important;}
html body .kj-problem-page .kj-problem-accordion summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page .kj-problem-accordion summary::before{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-faq-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:16px!important;}
html body .kj-problem-page .kj-problem-accordion details[open] .kj-problem-faq-icon i::before{content:"\f068";}
html body .kj-problem-page .kj-problem-accordion details p{padding:0 20px 20px 66px!important;color:#61758A!important;font-size:15.5px!important;line-height:1.72!important;}
html body .kj-problem-page .kj-problem-author-copy a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--kj-problem-primary)!important;font-weight:900!important;}
html body .kj-problem-page .kj-problem-author-copy a i{font-size:13px!important;color:currentColor!important;}

@media(max-width:1020px){html body .kj-problem-page .kj-problem-info-strip,html body .kj-problem-page .kj-problem-benefit-grid,html body .kj-problem-page .kj-problem-formula-grid,html body .kj-problem-page .kj-problem-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){html body .kj-problem-page .kj-problem-author-mini,html body .kj-problem-page .kj-problem-mistake-list-vertical article{grid-template-columns:1fr!important;}html body .kj-problem-page .kj-problem-info-strip,html body .kj-problem-page .kj-problem-benefit-grid,html body .kj-problem-page .kj-problem-value-grid,html body .kj-problem-page .kj-problem-formula-grid,html body .kj-problem-page .kj-problem-term-grid,html body .kj-problem-page .kj-problem-linking-grid{grid-template-columns:1fr!important;}html body .kj-problem-page .kj-problem-link-card{min-height:auto!important;}html body .kj-problem-page .kj-problem-accordion details p{padding:0 18px 18px 18px!important;}}


/* =========================================================
   KJ FAQ MICRO PATCH - 2026-07-05
   İstenen son hizalama ve okunurluk düzeltmeleri
========================================================= */

/* Yazar mini metni tek satır akışında kalsın */
html body .kj-problem-page .kj-problem-author-mini p{
  display:block!important;
  white-space:normal!important;
}
html body .kj-problem-page .kj-problem-author-mini p br{
  display:none!important;
}
html body .kj-problem-page .kj-problem-author-mini p a{
  display:inline!important;
}

/* İlk hızlı bilgi kartları: ikonlar hafif sağa */
html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon{
  transform:translateX(7px)!important;
}

/* Neden önemlidir kartları: ikonlar hafif sağ alta */
html body .kj-problem-page .kj-problem-benefit-grid .kj-problem-card-icon{
  transform:translate(7px,6px)!important;
}

/* Koyu kurulum alanı: kart, ikon ve metinler tamamen okunur beyaz ton */
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(0,0,0,.08)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon i{
  color:#fff!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-kicker{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card h3,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card strong{
  color:#fff!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card p{
  color:#F2F8FF!important;
  opacity:1!important;
}

/* İlgili terimler: masaüstünde net 3 + 3 */
@media(min-width:981px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

/* SSS: referans CSS/HTML'deki problem accordion görünümü */
html body .kj-problem-page #sss .kj-problem-accordion{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary{
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  color:var(--kj-problem-heading)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::before{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon{
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  font-size:15px!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon i{
  color:currentColor!important;
  font-size:15px!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details[open] .kj-problem-faq-icon i::before{
  content:"\f068"!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 66px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon,
  html body .kj-problem-page .kj-problem-benefit-grid .kj-problem-card-icon{
    transform:none!important;
  }
  html body .kj-problem-page .kj-problem-dark .kj-problem-formula-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #sss .kj-problem-accordion details p{
    padding:0 18px 18px 18px!important;
  }
}

/* =========================================================
   KJ FAQ TARGETED VISIBLE FIX - 2026-07-05
   Bu blok gerçek HTML class/id'lerine göre en sona eklendi.
========================================================= */

/* Yazar mini: tek satır akış, etiket yok, link inline */
html body .kj-problem-page .kj-problem-author-mini{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  min-height:auto!important;
  padding:18px 22px!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  display:block!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
  line-height:1.62!important;
  white-space:normal!important;
}
html body .kj-problem-page .kj-problem-author-mini p a{
  display:inline!important;
  white-space:nowrap!important;
  color:var(--kj-problem-primary,#0F4D8B)!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-author-mini::before{
  content:none!important;
  display:none!important;
}

/* Hızlı bilgi kartları: ikon içeriği biraz sağa */
html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon{
  position:relative!important;
  overflow:visible!important;
}
html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon i{
  display:inline-block!important;
  transform:translateX(4px)!important;
}

/* Neden önemlidir 4 kartı: ikon içeriği biraz sağ alta */
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid .kj-problem-card-icon{
  position:relative!important;
  overflow:visible!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid .kj-problem-card-icon i{
  display:inline-block!important;
  transform:translate(4px,4px)!important;
}

/* Koyu kurulum alanı: tüm kart, başlık, açıklama ve ikonlar beyaz/okunur */
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-grid,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card{
  color:#FFFFFF!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card{
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 36px rgba(0,0,0,.10)!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon.kj-problem-fa-box{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  color:#FFFFFF!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon i{
  color:#FFFFFF!important;
  opacity:1!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-card-kicker,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card h3,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card strong,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card span{
  color:#FFFFFF!important;
  opacity:1!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p{
  color:rgba(255,255,255,.88)!important;
}

/* İlgili Terimler: masaüstü 3 + 3, tablet 2, mobil 1 */
@media (min-width:981px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}
@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid > .kj-problem-link-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  height:100%!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid > .kj-problem-link-card > .kj-problem-link-icon{
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid > .kj-problem-link-card > strong{
  grid-row:2!important;
  display:block!important;
  margin:0!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid > .kj-problem-link-card > p{
  grid-row:3!important;
  margin:0!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid > .kj-problem-link-card > a{
  grid-row:4!important;
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:8px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
}

/* SSS: referans accordion ikon ve boÅŸluk sistemi */
html body .kj-problem-page #sss .kj-problem-accordion{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#FFFFFF,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary{
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px!important;
  display:flex!important;
  gap:12px!important;
  align-items:center!important;
  color:#1F1F24!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon{
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon i{
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary .kj-problem-faq-icon::before{
  content:"-"!important;
  font-size:28px!important;
  transform:translate(-50%,-54%)!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 66px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:500!important;
}
@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-accordion details p{
    padding:0 18px 18px 18px!important;
  }
}

/* =========================================================
   KJ FAQ ICON ALIGN HOTFIX V3
   Yalnizca istenen iki kart grubunun ikon hizasini duzeltir.
========================================================= */

/* Ustteki Hedefli Gorunurluk / Nitelikli Trafik / Donusum / Olculebilir Reklam ikonlari */
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  padding:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon i,
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon svg,
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon:before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(calc(-50% + 5px), -50%)!important;
  margin:0!important;
  width:auto!important;
  height:auto!important;
  font-size:22px!important;
  line-height:1!important;
  color:#0F4D8B!important;
  background:none!important;
}
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon:after{
  content:none!important;
  display:none!important;
}

/* Neden Onemlidir bolumundeki Dogru Zamanlama / Satin Alma / Butce / Olcum ikonlari */
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  padding:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon i,
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon svg,
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon:before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(calc(-50% + 5px), calc(-50% + 4px))!important;
  margin:0!important;
  width:auto!important;
  height:auto!important;
  font-size:19px!important;
  line-height:1!important;
  color:#0F4D8B!important;
  background:none!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon:after{
  content:none!important;
  display:none!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon i,
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon svg,
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon:before{
    transform:translate(calc(-50% + 4px), -50%)!important;
    font-size:21px!important;
  }
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon i,
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon svg,
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon:before{
    transform:translate(calc(-50% + 4px), calc(-50% + 3px))!important;
    font-size:18px!important;
  }
}

/* =========================================================
   KJ FAQ FINAL USER FIX V4 - ONLY REQUESTED FIELDS
   Scope: Google Ads Nedir? FAQ template
   Fixes: exact author text flow, icon alignment, dark formula readability,
   3x2 term grid, inline link arrows, reference-style FAQ icons.
========================================================= */

/* Font Awesome native lock */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-style:normal!important;line-height:1!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;font-style:normal!important;line-height:1!important;text-rendering:auto!important;-webkit-font-smoothing:antialiased!important;}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-fa-box>i{display:block!important;visibility:visible!important;opacity:1!important;position:static!important;transform:none!important;margin:0!important;padding:0!important;background:none!important;color:currentColor!important;font-size:1em!important;line-height:1!important;}

/* Author mini: remove bilgilendirme label and keep sentence as single natural flow */
html body .kj-problem-page .kj-problem-author-mini::before{content:none!important;display:none!important;}
html body .kj-problem-page .kj-problem-author-mini{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;min-height:76px!important;margin:24px 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid rgba(15,77,139,.11)!important;box-shadow:0 16px 44px rgba(15,77,139,.07)!important;}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;min-width:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#EAF3FA!important;color:#0F4D8B!important;border:1px solid rgba(15,77,139,.08)!important;box-shadow:none!important;font-size:18px!important;line-height:1!important;}
html body .kj-problem-page .kj-problem-author-mini p{display:block!important;align-self:center!important;min-height:0!important;margin:0!important;padding:0!important;color:#66788D!important;font-size:15px!important;line-height:1.58!important;font-weight:500!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;}
html body .kj-problem-page .kj-problem-author-mini a{display:inline!important;margin:0!important;color:#0F4D8B!important;font-weight:900!important;white-space:nowrap!important;text-decoration:none!important;}

/* CTA icons from reference style */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;border:0!important;box-shadow:none!important;font-size:15px!important;line-height:1!important;overflow:hidden!important;}
html body .kj-problem-page .kj-problem-actions .kj-problem-icon i{font-size:15px!important;color:#fff!important;line-height:1!important;}

/* First 4 info cards: icon slightly to the right */
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon{position:relative!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF3FA!important;color:#0F4D8B!important;border:1px solid rgba(15,77,139,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;overflow:hidden!important;margin:0 0 6px 0!important;}
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon i{position:relative!important;left:7px!important;top:0!important;transform:none!important;font-size:22px!important;line-height:1!important;color:#0F4D8B!important;}

/* Neden onemlidir cards: icon slightly right/down and smaller */
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{position:relative!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF3FA!important;color:#0F4D8B!important;border:1px solid rgba(15,77,139,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;overflow:hidden!important;margin:0 0 6px 0!important;}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon i{position:relative!important;left:7px!important;top:5px!important;transform:none!important;font-size:17px!important;line-height:1!important;color:#0F4D8B!important;}

/* Dark formula area: single icon box only + all readable white */
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card{background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;color:#fff!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:none!important;margin:0 0 12px 0!important;padding:0!important;overflow:hidden!important;transform:translateY(5px)!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon i{display:block!important;color:#fff!important;font-size:19px!important;line-height:1!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-kicker{display:inline-flex!important;width:max-content!important;max-width:100%!important;margin:0 0 4px 0!important;padding:7px 10px!important;border-radius:999px!important;background:rgba(84,174,226,.18)!important;color:#BDEAFF!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;line-height:1!important;text-transform:uppercase!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card h3,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card strong{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p{font-weight:500!important;line-height:1.66!important;}

/* Related terms: desktop exactly 3 cards per row */
@media(min-width:981px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important;}
}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid .kj-problem-link-card{width:100%!important;min-width:0!important;min-height:250px!important;display:flex!important;flex-direction:column!important;gap:12px!important;padding:24px!important;border-radius:24px!important;background:linear-gradient(180deg,#fff,#F8FBFE)!important;border:1px solid rgba(15,77,139,.10)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;}
html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid .kj-problem-link-card > a{margin-top:auto!important;display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#0F4D8B!important;font-size:15.5px!important;line-height:1.35!important;font-weight:900!important;text-decoration:none!important;}

/* Related guide/service actions: arrow immediately beside text, never below */
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a{margin-top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:max-content!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#0F4D8B!important;font-size:15.5px!important;line-height:1.35!important;font-weight:900!important;text-decoration:none!important;}
html body .kj-problem-page .kj-problem-action-arrow{display:inline-block!important;position:relative!important;top:-1px!important;margin-left:2px!important;line-height:1!important;font-size:14px!important;color:currentColor!important;}
html body .kj-problem-page .kj-problem-link-card > a::before,
html body .kj-problem-page .kj-problem-link-card > a::after{content:none!important;display:none!important;}

/* FAQ accordion: reference-style question icon box */
html body .kj-problem-page #sss .kj-problem-accordion{display:flex!important;flex-direction:column!important;gap:10px!important;}
html body .kj-problem-page #sss .kj-problem-accordion details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.03)!important;overflow:hidden!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary{list-style:none!important;cursor:pointer!important;padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:flex-start!important;color:#1F1F24!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{content:none!important;display:none!important;}
html body .kj-problem-page #sss .kj-problem-faq-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:#0F4D8B!important;border:0!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;margin:0!important;}
html body .kj-problem-page #sss .kj-problem-faq-icon i{display:block!important;color:#0F4D8B!important;font-size:16px!important;line-height:1!important;}
html body .kj-problem-page #sss .kj-problem-accordion details[open] .kj-problem-faq-icon i::before{content:"\f059"!important;}
html body .kj-problem-page #sss .kj-problem-accordion details p{padding:0 20px 20px 66px!important;color:#61758A!important;font-size:15.5px!important;line-height:1.72!important;font-weight:500!important;}

@media(max-width:980px){
  html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-grid,
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-author-mini{grid-template-columns:1fr!important;gap:12px!important;}
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon i{left:6px!important;}
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon i{left:6px!important;top:4px!important;}
  html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-grid,
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{grid-template-columns:1fr!important;}
  html body .kj-problem-page #sss .kj-problem-accordion details p{padding:0 18px 18px 64px!important;}
}

/* =========================================================
   KJ FAQ V5 FINAL ICON CENTER LOCK
   Amaç: tüm ikonlar kendi kutusunda tam ortalı, SSS ikonları görünür.
   Not: Bu blok CSS dosyasının en altında kalmalıdır.
========================================================= */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

/* Bütün ikon kutularında eski pseudo ikonları kapat */
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-faq-icon::before,
html body .kj-problem-page .kj-problem-faq-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* Ortak kutu merkezi */
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-faq-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  flex:0 0 auto!important;
  padding:0!important;
  text-indent:0!important;
  line-height:1!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-faq-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:1em!important;
  height:1em!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-size:inherit!important;
  line-height:1!important;
  text-align:center!important;
}
html body .kj-problem-page .kj-problem-fa-box > i::before,
html body .kj-problem-page .kj-problem-icon > i::before,
html body .kj-problem-page .kj-problem-grid-icon > i::before,
html body .kj-problem-page .kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-faq-icon > i::before,
html body .kj-problem-page .kj-problem-mini-wa > i::before,
html body .kj-problem-page .kj-problem-author-mini-icon > i::before,
html body .kj-problem-page .kj-problem-answer-icon > i::before{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  color:currentColor!important;
}

/* Hero/final CTA ikonları */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
}

/* Mini CTA */
html body .kj-problem-page .kj-problem-mini-wa{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:18px!important;
}

/* Standart kart ikonları: tam orta */
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-benefit-grid > article > .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-value-grid > article > .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > .kj-problem-link-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border-radius:17px!important;
  background:#EAF3FA!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:22px!important;
  margin:0 0 8px 0!important;
  transform:none!important;
}
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-benefit-grid > article > .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-value-grid > article > .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > .kj-problem-link-icon > i,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > .kj-problem-link-icon > i{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  font-size:22px!important;
  color:currentColor!important;
}

/* İstenen kaydırmalar: kutu değil, kutu içindeki ikon değil; tüm kutu net hizalı kalır */
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon{
  margin-left:8px!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  font-size:18px!important;
  margin-left:8px!important;
  margin-top:4px!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon > i{
  font-size:18px!important;
}

/* Koyu formül alanı: tek kutu, beyaz ikon/yazı */
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:none!important;
  font-size:20px!important;
  margin:0 0 14px 0!important;
  transform:translateY(4px)!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon > i{
  color:#fff!important;
  font-size:20px!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card *,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card *{
  color:#fff!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card p{
  color:rgba(255,255,255,.88)!important;
}

/* Terim kartları 3 + 3 */
@media(min-width:981px){
  html body .kj-problem-page .kj-problem-term-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

/* Aksiyon link okları metnin hemen sağında */
html body .kj-problem-page .kj-problem-link-action,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > a,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a{
  width:auto!important;
  max-width:max-content!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  margin-top:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-weight:900!important;
  line-height:1.35!important;
}
html body .kj-problem-page .kj-problem-link-action::after,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > a::after,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a::after{
  content:"↗"!important;
  display:inline-block!important;
  margin-left:2px!important;
  color:#0F4D8B!important;
  font-size:.92em!important;
  line-height:1!important;
  position:static!important;
  transform:none!important;
}

/* SSS: ikon görünür ve tam ortalı */
html body .kj-problem-page #sss .kj-problem-accordion{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary{
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  color:#1F1F24!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:0!important;
  box-shadow:none!important;
  font-size:16px!important;
  line-height:1!important;
  margin:0!important;
  flex:0 0 34px!important;
  visibility:visible!important;
  opacity:1!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon > i{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  transform:none!important;
  color:#0F4D8B!important;
  font-size:16px!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon > i::before{
  content:"\f059"!important;
  display:block!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  color:#0F4D8B!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary .kj-problem-faq-icon > i::before{
  content:"\f058"!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 66px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:500!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon,
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{
    margin-left:0!important;
    margin-top:0!important;
  }
  html body .kj-problem-page #sss .kj-problem-accordion details p{
    padding:0 18px 18px 64px!important;
  }
}


/* =========================================================
   KJ FAQ FINAL ICON + ARROW LOCK V6
   Tek ok, tek ikon, tüm ikonlar kutu merkezinde.
   Bu blok dosyanın en sonunda kalmalıdır.
========================================================= */
html body .kj-problem-page .kj-problem-clean-action,
html body .kj-problem-page .kj-problem-link-action,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > a,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a{
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  margin-top:auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-size:15.5px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  vertical-align:baseline!important;
}
html body .kj-problem-page .kj-problem-clean-action::before,
html body .kj-problem-page .kj-problem-clean-action::after,
html body .kj-problem-page .kj-problem-link-action::before,
html body .kj-problem-page .kj-problem-link-action::after,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > a::before,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > a::after,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a::before,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > a::after,
html body .kj-problem-page .kj-problem-action-arrow{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

/* Ortak ikon kutusu: pseudo ikonları tamamen kapat, gerçek i ikonunu tam merkeze al */
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-faq-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  text-align:center!important;
  padding:0!important;
  line-height:1!important;
  text-indent:0!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-link-icon::before,
html body .kj-problem-page .kj-problem-link-icon::after,
html body .kj-problem-page .kj-problem-faq-icon::before,
html body .kj-problem-page .kj-problem-faq-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-link-icon > i,
html body .kj-problem-page .kj-problem-faq-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-size:1em!important;
  line-height:1!important;
  text-align:center!important;
}
html body .kj-problem-page .kj-problem-fa-box > i::before,
html body .kj-problem-page .kj-problem-grid-icon > i::before,
html body .kj-problem-page .kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-link-icon > i::before,
html body .kj-problem-page .kj-problem-faq-icon > i::before,
html body .kj-problem-page .kj-problem-mini-wa > i::before,
html body .kj-problem-page .kj-problem-author-mini-icon > i::before,
html body .kj-problem-page .kj-problem-answer-icon > i::before{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  line-height:1!important;
}

/* Normal kart ikonları */
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-benefit-grid > article > .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-value-grid > article > .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-term-grid .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-linking-grid .kj-problem-link-card > .kj-problem-link-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border-radius:17px!important;
  background:#EAF3FA!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:22px!important;
  overflow:hidden!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  font-size:18px!important;
  margin-left:8px!important;
  margin-top:4px!important;
}
html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon{margin-left:8px!important;}

/* Koyu kurulum alanı: tek ikon kutusu, çift kutu yok */
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  border-radius:17px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:none!important;
  font-size:20px!important;
  margin:0 0 14px 0!important;
  padding:0!important;
  transform:translateY(4px)!important;
  overflow:hidden!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card .kj-problem-card-icon > i{
  color:#fff!important;
  font-size:20px!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card,
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card *,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card *{
  color:#fff!important;
  -webkit-text-fill-color:currentColor!important;
}
html body .kj-problem-page #nasil-hesaplanir-kullanilir.kj-problem-dark .kj-problem-formula-card p,
html body .kj-problem-page .kj-problem-dark .kj-problem-formula-card p{color:rgba(255,255,255,.88)!important;}

/* SSS ikonları: FontAwesome'a bağımlı kalmadan görünür merkez ikon */
html body .kj-problem-page #sss .kj-problem-accordion summary{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  padding:18px 20px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{content:none!important;display:none!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:0!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  margin:0!important;
  flex:0 0 34px!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon > i{display:none!important;}
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon::before{
  content:"?"!important;
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  width:100%!important;
  height:100%!important;
  color:#0F4D8B!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  background:none!important;
  position:static!important;
  transform:none!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary .kj-problem-faq-icon::before{
  content:"✓"!important;
  font-size:16px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 66px!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-info-strip > article > .kj-problem-grid-icon,
  html body .kj-problem-page #neden-onemlidir .kj-problem-benefit-grid > article > .kj-problem-card-icon{
    margin-left:0!important;
    margin-top:0!important;
  }
  html body .kj-problem-page #sss .kj-problem-accordion details p{padding:0 18px 18px 64px!important;}
}


/* =========================================================
   KJ FAQ RELATED + TERMS BUTTON CLEAN LOCK V7
   - İlgili Terimler ve İlgili Rehber İçerikler kartları kj-guide ilgili rehber alan ritmine yaklaştırıldı
   - İncele linklerinde ikon / ok tamamen kaldırıldı
   - Link metni tek satır, yazı kadar genişlikte, kartın altında sabit
========================================================= */
html body .kj-problem-page #ilgili-terimler,
html body .kj-problem-page #ilgili-rehber-ve-hizmet{
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin-top:18px!important;
  padding:0!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:272px!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > .kj-problem-link-icon{
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > .kj-problem-link-icon > i,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > .kj-problem-link-icon > i{
  display:block!important;
  position:static!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-size:22px!important;
  line-height:1!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > .kj-problem-link-icon::before,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > .kj-problem-link-icon::after,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > .kj-problem-link-icon::before,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > .kj-problem-link-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > strong{
  grid-row:2!important;
  display:block!important;
  width:100%!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
  min-width:0!important;
  overflow-wrap:normal!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > p{
  grid-row:3!important;
  display:block!important;
  width:100%!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  font-weight:500!important;
  margin:0!important;
  padding:0!important;
  min-width:0!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a.kj-problem-clean-action,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a.kj-problem-clean-action,
html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action{
  grid-row:4!important;
  align-self:end!important;
  justify-self:start!important;
  display:inline!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  margin:10px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  vertical-align:baseline!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action *,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action *{
  display:none!important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action::before,
html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action::after,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action::before,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action::after,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a::after,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

@media(max-width:1020px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-term-grid,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-terimler .kj-problem-link-card,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card{
    min-height:auto!important;
  }
}

/* =========================================================
   KJ FAQ FINAL FIX V8
   - Direkt Tanım label removed in HTML
   - All icon boxes geometrically centered
   - Only one real icon per icon box
   - FAQ icons visible even if older rules hide FA
   - Related/term action links have no arrow/icon
========================================================= */

html body .kj-problem-page .kj-problem-definition span:first-child{
  display:none!important;
}

/* Action links: no icon, no arrow, same guide-style text action */
html body .kj-problem-page #ilgili-terimler a,
html body .kj-problem-page .kj-problem-linking-grid a,
html body .kj-problem-page .kj-problem-clean-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin-top:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  gap:0!important;
}
html body .kj-problem-page #ilgili-terimler a::before,
html body .kj-problem-page #ilgili-terimler a::after,
html body .kj-problem-page .kj-problem-linking-grid a::before,
html body .kj-problem-page .kj-problem-linking-grid a::after,
html body .kj-problem-page .kj-problem-clean-action::before,
html body .kj-problem-page .kj-problem-clean-action::after,
html body .kj-problem-page .kj-problem-action-arrow{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #ilgili-terimler a i,
html body .kj-problem-page .kj-problem-linking-grid a i,
html body .kj-problem-page .kj-problem-clean-action i{
  display:none!important;
}

/* Universal icon box reset: no double pseudo icons, no drift */
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-faq-icon{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  flex-shrink:0!important;
}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-link-icon::before,
html body .kj-problem-page .kj-problem-link-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after,
html body .kj-problem-page .kj-problem-faq-icon::before,
html body .kj-problem-page .kj-problem-faq-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-link-icon > i,
html body .kj-problem-page .kj-problem-definition-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-faq-icon > i{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  font-size:inherit!important;
}
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-wa-icon > i{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
}

/* Specific icon box sizes + centered icon sizes */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-calendar-icon{
  width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;font-size:15px!important;
}
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-head > span{
  width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;font-size:22px!important;
}
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon{
  width:52px!important;height:52px!important;min-width:52px!important;border-radius:17px!important;font-size:22px!important;
}
html body .kj-problem-page #neden-onemlidir .kj-problem-card-icon{
  width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;font-size:18px!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;font-size:19px!important;
}
html body .kj-problem-page .kj-problem-mini-wa{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;font-size:19px!important;
}

/* Formula cards: force one icon box, no stacked symbols */
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon{
  width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;transform:none!important;margin:0 0 2px 0!important;font-size:21px!important;
}
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon + .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon ~ .kj-problem-card-icon{
  display:none!important;
}

/* FAQ accordion icons: always visible, centered; FA + fallback mark */
html body .kj-problem-page #sss .kj-problem-accordion summary{
  display:flex!important;align-items:center!important;gap:12px!important;position:relative!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:none!important;display:none!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon{
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  border-radius:12px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:#EAF5FC!important;color:#0F4D8B!important;border:1px solid rgba(15,77,139,.08)!important;
  font-size:16px!important;overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon > i{
  display:block!important;visibility:visible!important;opacity:1!important;
  font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:16px!important;color:#0F4D8B!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon > i::before{
  content:"\f059"!important;
}
/* fallback if Font Awesome is not active */
html body .kj-problem-page #sss .kj-problem-faq-icon:empty::after{
  content:"?"!important;display:block!important;color:#0F4D8B!important;font-size:18px!important;font-weight:900!important;line-height:1!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-grid-icon,
  html body .kj-problem-page .kj-problem-card-icon,
  html body .kj-problem-page .kj-problem-link-icon{width:48px!important;height:48px!important;min-width:48px!important;font-size:20px!important;}
}


/* =========================================================
   KJ FAQ FINAL FIX V9 - ICON CENTER + OLD FAQ ICONS
   - Direkt Tanim text remains removed, definition icon restored
   - every icon box: one real icon, exact geometric center
   - related/term action links: no arrow/no icon
   - FAQ icons: old plus/minus box, always visible
========================================================= */

/* Direkt Tanim yazisi yok, ama tanim ikon kutusu gorunur kalacak */
html body .kj-problem-page .kj-problem-definition .kj-problem-definition-icon{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

/* Incele linkleri: ikonsuz, oksuz, referans rehber link stili */
html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a{
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  min-height:0!important;
  margin:10px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  gap:0!important;
  white-space:nowrap!important;
}
html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action::before,
html body .kj-problem-page #ilgili-terimler .kj-problem-clean-action::after,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action::before,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-clean-action::after,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-terimler .kj-problem-link-card > a::after,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a::after,
html body .kj-problem-page .kj-problem-action-arrow{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body .kj-problem-page #ilgili-terimler a i,
html body .kj-problem-page #ilgili-terimler a svg,
html body .kj-problem-page #ilgili-terimler a span,
html body .kj-problem-page #ilgili-rehber-ve-hizmet a i,
html body .kj-problem-page #ilgili-rehber-ve-hizmet a svg,
html body .kj-problem-page #ilgili-rehber-ve-hizmet a span{
  display:none!important;
}

/* Tum ikon kutulari: tek merkez sistemi */
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-calendar-icon,
html body .kj-problem-page .kj-problem-head > span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  margin-left:0!important;
  line-height:1!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  flex-shrink:0!important;
  box-sizing:border-box!important;
}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-link-icon::before,
html body .kj-problem-page .kj-problem-link-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after,
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-wa-icon::after,
html body .kj-problem-page .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-calendar-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-link-icon > i,
html body .kj-problem-page .kj-problem-definition-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-wa-icon > i,
html body .kj-problem-page .kj-problem-calendar-icon > i{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-style:normal!important;
  line-height:1!important;
  text-align:center!important;
  text-indent:0!important;
  font-size:inherit!important;
}
html body .kj-problem-page .fa-solid{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;}
html body .kj-problem-page .fa-brands{font-family:"Font Awesome 6 Brands"!important;font-weight:400!important;}

/* Formula: tek ikon, ust uste binme yok */
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:none!important;
  transform:none!important;
  margin:0 0 2px 0!important;
  font-size:21px!important;
}
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon + .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-formula-card .kj-problem-card-icon ~ .kj-problem-card-icon{
  display:none!important;
}

/* Kutu olculeri ve merkez hizasi */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-calendar-icon{width:30px!important;height:30px!important;min-width:30px!important;border-radius:999px!important;font-size:15px!important;}
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-head > span{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon{width:52px!important;height:52px!important;min-width:52px!important;border-radius:17px!important;font-size:22px!important;}
html body .kj-problem-page #neden-onemlidir .kj-problem-card-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;font-size:19px!important;}
html body .kj-problem-page .kj-problem-mini-wa{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;font-size:19px!important;}

/* SSS: eski arti/eksi kutu ikonu, her zaman gorunur */
html body .kj-problem-page #sss .kj-problem-accordion summary{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  position:relative!important;
  padding-left:20px!important;
}
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon{
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#EAF5FC!important;
  color:transparent!important;
  border:1px solid rgba(15,77,139,.08)!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-52%)!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#0F4D8B!important;
  font-family:Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-accordion details[open] .kj-problem-faq-icon::before{
  content:"-"!important;
  font-size:28px!important;
  transform:translate(-50%,-56%)!important;
}
html body .kj-problem-page #sss .kj-problem-faq-icon::after,
html body .kj-problem-page #sss .kj-problem-faq-icon > i{
  content:none!important;
  display:none!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-grid-icon,
  html body .kj-problem-page .kj-problem-card-icon,
  html body .kj-problem-page .kj-problem-link-icon{width:48px!important;height:48px!important;min-width:48px!important;font-size:20px!important;}
}


/* =========================================================
   KREATIF JET® — FINAL ICON ALIGNMENT FIX
   Sorun: Ikon kutusu pseudo element ile cizildigi icin FontAwesome ikon
   kutunun icine degil, kenarina/kosesine kayiyordu.
   Cozum: pseudo kutular kapatildi, gercek span ikon kutusu yapildi.
   ========================================================= */

/* 1) Hedefli Gorunurluk / Nitelikli Trafik / Donusum Artisi / Olculebilir Reklam */
html body .kj-problem-page .kj-problem-info-strip article::before{
  display:none !important;
  content:none !important;
}

html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon{
  position:relative !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  min-height:54px !important;
  margin:0 0 16px 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  color:#0F4D8B !important;
  overflow:hidden !important;
  text-align:center !important;
  line-height:1 !important;
  transform:none !important;
}

html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon i{
  position:static !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  font-size:22px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
}

/* 2) Dogru Zamanlama / Satin Alma Niyeti / Butce Kontrolu / Olculebilir Sonuc */
html body .kj-problem-page .kj-problem-benefit-grid article span.kj-problem-card-icon{
  position:relative !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  min-height:54px !important;
  margin:0 0 16px 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  color:#0F4D8B !important;
  overflow:hidden !important;
  text-align:center !important;
  line-height:1 !important;
  transform:none !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article span.kj-problem-card-icon i{
  position:static !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  font-size:22px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
}

/* 3) KURULUM MANTIGI / ORNEK / YORUM koyu alan ikonlari */
html body .kj-problem-page .kj-problem-formula-card > span.kj-problem-card-icon{
  position:relative !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  max-width:56px !important;
  min-height:56px !important;
  margin:0 0 16px 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
  color:#FFFFFF !important;
  overflow:hidden !important;
  text-align:center !important;
  line-height:1 !important;
  transform:none !important;
  text-indent:0 !important;
}

html body .kj-problem-page .kj-problem-formula-card > span.kj-problem-card-icon i{
  position:static !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#FFFFFF !important;
  font-size:24px !important;
  line-height:1 !important;
  text-align:center !important;
  transform:none !important;
}

/* Kicker span'i ikon kutusu gibi davranmasin */
html body .kj-problem-page .kj-problem-formula-card > span.kj-problem-card-kicker{
  width:max-content !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 0 10px 0 !important;
  padding:7px 10px !important;
  border-radius:999px !important;
  background:rgba(84,174,226,.18) !important;
  color:#BDEAFF !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  text-indent:0 !important;
}

/* 4) Genel FontAwesome kutularinda eski pseudo/indent etkilerini ez */
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-x-icon{
  font-size:0 !important;
}

html body .kj-problem-page .kj-problem-grid-icon i,
html body .kj-problem-page .kj-problem-card-icon i,
html body .kj-problem-page .kj-problem-link-icon i,
html body .kj-problem-page .kj-problem-x-icon i{
  text-indent:0 !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
}

/* Brand ikonlarin font ailesini bozma */
html body .kj-problem-page .fa-brands{
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}


/* =========================================================
   KREATIF JET® — BENEFIT GRID REAL CENTER FIX
   FontAwesome glyph, i etiketi degil i::before ile basildigi icin
   ikonun kendisi kutu icinde yeniden mutlak merkeze alindi.
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid article{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon{
  position:relative !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden !important;
  color:#0F4D8B !important;
  text-align:center !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i::before{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  color:#0F4D8B !important;
  font-size:23px !important;
  line-height:1 !important;
  text-align:center !important;
  text-indent:0 !important;
}

/* Elementor/WordPress ekstra bosluk etkisini bu kartlarda tamamen ez */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon + h3{
  margin-top:0 !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article p:empty{
  display:none !important;
}


/* =========================================================
   KREATIF JET® — ICON GLYPH CENTER FIX V4
   Sorun: Ikon kutulari dogru yerde; fakat FontAwesome glyph'leri
   kutunun tam optik merkezine oturmuyor.
   Bu blok CSS dosyasinin EN ALTINDA kalmali.
   ========================================================= */

html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  position:relative !important;
  display:block !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
}

html body .kj-problem-page .kj-problem-grid-icon i,
html body .kj-problem-page .kj-problem-card-icon i{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
}

html body .kj-problem-page .kj-problem-grid-icon i::before,
html body .kj-problem-page .kj-problem-card-icon i::before{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  font-size:23px !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translate(-50%, -50%) !important;
}

/* Acik zemin ikon rengi */
html body .kj-problem-page .kj-problem-info-strip .kj-problem-grid-icon i::before,
html body .kj-problem-page .kj-problem-benefit-grid .kj-problem-card-icon i::before,
html body .kj-problem-page .kj-problem-value-grid .kj-problem-card-icon i::before{
  color:#0F4D8B !important;
}

/* Koyu zemin ikon rengi */
html body .kj-problem-page .kj-problem-formula-card > .kj-problem-card-icon i::before{
  color:#FFFFFF !important;
  font-size:24px !important;
}

/* FontAwesome ikonlar icin optik mikro merkez ayarlari */
html body .kj-problem-page .fa-clock::before{
  transform:translate(-50%, -50%) translateX(1px) !important;
}

html body .kj-problem-page .fa-bullseye::before{
  transform:translate(-50%, -50%) !important;
}

html body .kj-problem-page .fa-wallet::before{
  transform:translate(-50%, -50%) translateX(1px) !important;
}

html body .kj-problem-page .fa-chart-simple::before,
html body .kj-problem-page .fa-chart-line::before{
  transform:translate(-50%, -50%) translateX(-1px) !important;
}

html body .kj-problem-page .fa-magnifying-glass-chart::before{
  transform:translate(-50%, -50%) translateX(2px) !important;
}

html body .kj-problem-page .fa-user-check::before{
  transform:translate(-50%, -50%) translateX(1px) !important;
}

html body .kj-problem-page .fa-arrow-trend-up::before{
  transform:translate(-50%, -50%) translateX(-1px) !important;
}

html body .kj-problem-page .fa-diagram-project::before{
  transform:translate(-50%, -50%) translateX(1px) !important;
}

html body .kj-problem-page .fa-bullhorn::before{
  transform:translate(-50%, -50%) translateX(1px) !important;
}

/* Eski pseudo kutu/ikon cakismalarini kapat */
html body .kj-problem-page .kj-problem-info-strip article::before{
  display:none !important;
  content:none !important;
}


/* =========================================================
   KREATIF JET® — BENEFIT GRID 4 ICON MICRO FIX V5
   Sadece bu alan: Dogru Zamanlama / Satin Alma Niyeti /
   Butce Kontrolu / Olculebilir Sonuc
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid .kj-problem-card-icon i::before{
  top:50% !important;
  left:50% !important;
  margin:0 !important;
  position:absolute !important;
  line-height:1 !important;
}

/* Saat: glyph sag-alta agirlikli, hafif sola/yukari */
html body .kj-problem-page .kj-problem-benefit-grid .fa-clock::before{
  transform:translate(-50%, -50%) translate(-2px, -1px) !important;
}

/* Bullseye: hafif sagda duruyor, sola al */
html body .kj-problem-page .kj-problem-benefit-grid .fa-bullseye::before{
  transform:translate(-50%, -50%) translate(-2px, 0) !important;
}

/* Wallet: hafif sagda duruyor, sola al */
html body .kj-problem-page .kj-problem-benefit-grid .fa-wallet::before{
  transform:translate(-50%, -50%) translate(-2px, 0) !important;
}

/* Chart simple: hafif sag-altta, sola/yukari al */
html body .kj-problem-page .kj-problem-benefit-grid .fa-chart-simple::before{
  transform:translate(-50%, -50%) translate(-2px, -1px) !important;
}


/* =========================================================
   KREATIF JET® — BENEFIT GRID SVG ICON FIX V6
   Son kalan alan icin: FontAwesome sitede SVG'e donusuyorsa
   i::before calismaz. Bu nedenle SVG doÄŸrudan merkeze alindi.
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon{
  position:relative !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
  display:block !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  color:#0F4D8B !important;
  line-height:0 !important;
  font-size:0 !important;
  text-align:center !important;
}

/* FontAwesome SVG render fix */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .svg-inline--fa{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  fill:currentColor !important;
  transform:translate(-50%, -50%) !important;
  vertical-align:unset !important;
  overflow:visible !important;
}

/* SVG path rengi */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg path{
  fill:#0F4D8B !important;
}

/* Eger SVG donusmediyse klasik i de merkezde kalsin */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#0F4D8B !important;
  font-size:23px !important;
  line-height:1 !important;
  transform:translate(-50%, -50%) !important;
  text-indent:0 !important;
}

/* FontAwesome CSS render fallback */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i::before{
  position:static !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  font-size:23px !important;
  line-height:1 !important;
  transform:none !important;
  text-indent:0 !important;
}

/* Bu 4 ikonun optik farki SVG'de gerekirse cok az dengelenir */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .fa-clock,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg[data-icon="clock"]{
  transform:translate(-50%, -50%) translate(-1px, 0) !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .fa-bullseye,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg[data-icon="bullseye"]{
  transform:translate(-50%, -50%) translate(-1px, 0) !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .fa-wallet,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg[data-icon="wallet"]{
  transform:translate(-50%, -50%) translate(-1px, 0) !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .fa-chart-simple,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg[data-icon="chart-simple"]{
  transform:translate(-50%, -50%) translate(-1px, 0) !important;
}


/* =========================================================
   KREATIF JET® — BENEFIT ICON SAFE RESTORE + CENTER V8
   v7'deki gizleme mantigi iptal. Ikonlar kaybolmaz.
   Sadece Dogru Zamanlama / Satin Alma Niyeti / Butce Kontrolu /
   Olculebilir Sonuc ikonlari kutu icinde merkeze zorlanir.
   Bu blok CSS dosyasinin EN ALTINDA kalmali.
   ========================================================= */

/* v7 veya onceki pseudo ikon basma denemelerini iptal et */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon::after{
  content:none !important;
  display:none !important;
}

/* Ikon kutusu */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  padding:0 !important;
  margin:0 0 18px 0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden !important;
  color:#0F4D8B !important;
  line-height:1 !important;
  font-size:22px !important;
  text-indent:0 !important;
}

/* Eski gizlemeleri kesin iptal et */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .svg-inline--fa{
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
}

/* FontAwesome i render */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i{
  position:relative !important;
  inset:auto !important;
  width:24px !important;
  height:24px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  font-size:22px !important;
  line-height:24px !important;
  text-align:center !important;
  text-indent:0 !important;
  transform:none !important;
}

/* FontAwesome CSS pseudo render */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon i::before{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  font-size:22px !important;
  line-height:1 !important;
  text-align:center !important;
  text-indent:0 !important;
}

/* FontAwesome SVG render */
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon .svg-inline--fa{
  position:static !important;
  width:24px !important;
  height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  fill:currentColor !important;
  transform:none !important;
  vertical-align:middle !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-card-icon svg path{
  fill:#0F4D8B !important;
}

/* Bu alanlarda kart/başlık hizasına dokunma */
html body .kj-problem-page .kj-problem-benefit-grid article{
  text-align:left !important;
}


/* =========================================================
   KREATIF JET® — BENEFIT ICON TRUE RESET V9
   Sorun: .kj-problem-card-icon icindeki i etiketi ekstra kutu/background gibi
   davraniyor ve ikon sag-alt tarafa kayiyor.
   Cozum: i etiketi tamamen sifirlanir, sadece FA glyph/SVG merkeze basilir.
   Bu blok CSS dosyasinin EN ALTINDA kalmali.
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden !important;
  color:#0F4D8B !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
}

/* i etiketindeki tum eski ikon-kutu etkilerini oldur */
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon > i{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#0F4D8B !important;
  font-size:0 !important;
  line-height:0 !important;
  text-align:center !important;
  text-indent:0 !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
}

/* CSS FontAwesome glyph */
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon > i::before{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#0F4D8B !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:24px !important;
  line-height:1 !important;
  text-align:center !important;
  text-indent:0 !important;
}

/* SVG FontAwesome render */
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon > svg,
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon > i > svg,
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon .svg-inline--fa{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  fill:#0F4D8B !important;
  transform:translate(-50%, -50%) !important;
  vertical-align:unset !important;
  opacity:1 !important;
  visibility:visible !important;
  overflow:visible !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon svg path{
  fill:#0F4D8B !important;
}

/* Bu alanda onceki pseudo ikon denemeleri kapali */
html body .kj-problem-page .kj-problem-benefit-grid article > span.kj-problem-card-icon::after{
  content:none !important;
  display:none !important;
}

/* Optik kayma varsa sadece glyph uzerinden minimal denge */
html body .kj-problem-page .kj-problem-benefit-grid article:nth-child(1) > span.kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-benefit-grid article:nth-child(2) > span.kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-benefit-grid article:nth-child(3) > span.kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-benefit-grid article:nth-child(4) > span.kj-problem-card-icon > i::before{
  transform:translate(-50%, -50%) !important;
}

/* =========================================================
   KREATIF JET® — FINAL SVG ICON PATCH
   Sadece "Doğru Zamanlama / Satın Alma Niyeti / Bütçe Kontrolü /
   Ölçülebilir Sonuç" alanı için.
   FontAwesome devre dışı; ikonlar inline SVG olarak tam merkezdedir.
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-fixed-svg-icon{
  position:relative !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden !important;
  color:#0F4D8B !important;
  line-height:0 !important;
  font-size:0 !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-fixed-svg-icon .kj-problem-fixed-svg{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  min-height:26px !important;
  max-width:26px !important;
  max-height:26px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  transform:translate(-50%, -50%) !important;
  overflow:visible !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-fixed-svg-icon .kj-problem-fixed-svg circle,
html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-fixed-svg-icon .kj-problem-fixed-svg path{
  fill:none !important;
  stroke:#0F4D8B !important;
  stroke-width:2.4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article .kj-problem-fixed-svg-icon .kj-problem-fixed-svg rect{
  fill:#0F4D8B !important;
  stroke:none !important;
}

/* =========================================================
   KREATIF JET® — BENEFIT ICON ISOLATED FINAL FIX
   Bu 4 ikon artik kj-problem-card-icon kullanmaz.
   Eski FontAwesome / card-icon override'lari bu alana karisamaz.
   ========================================================= */

html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon{
  position:relative !important;
  flex:0 0 58px !important;
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  max-width:58px !important;
  max-height:58px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:18px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.10) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.90) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
  transform:none !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon svg{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  max-width:34px !important;
  max-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  transform:translate(-50%, -50%) !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon svg circle,
html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon svg path{
  fill:none !important;
  stroke:#0F4D8B !important;
  stroke-width:5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon svg rect{
  fill:#0F4D8B !important;
  stroke:none !important;
}

/* Eski card-icon kurallari bu yeni class'i etkileyemesin */
html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon::before,
html body .kj-problem-page .kj-problem-benefit-grid article > .kj-problem-benefit-svg-icon::after{
  content:none !important;
  display:none !important;
}

/* =========================================================
   KREATIF JET® — MISTAKE LIST X ICON RESTORE
   Sadece "Sık Yapılan Hatalar" alanındaki X ikonlarını geri getirir.
   Benefit SVG ikon alanına dokunmaz.
   ========================================================= */

html body .kj-problem-page .kj-problem-mistake-list article{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  gap:14px !important;
  align-items:center !important;
}

html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon{
  position:relative !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  max-width:42px !important;
  max-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  border-radius:15px !important;
  background:#EAF3FA !important;
  border:1px solid rgba(15,77,139,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  color:#0F4D8B !important;
  overflow:hidden !important;
  line-height:0 !important;
  font-size:0 !important;
  text-indent:0 !important;
}

html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon i{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  font-size:18px !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:translate(-50%, -50%) !important;
  opacity:1 !important;
  visibility:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon i::before{
  content:"\f00d" !important;
  position:static !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#0F4D8B !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-size:18px !important;
  line-height:1 !important;
  text-indent:0 !important;
  transform:none !important;
}

/* SVG render olursa da görünür kalsın */
html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon svg,
html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon .svg-inline--fa{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:18px !important;
  height:18px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#0F4D8B !important;
  fill:#0F4D8B !important;
  transform:translate(-50%, -50%) !important;
  opacity:1 !important;
  visibility:visible !important;
}

html body .kj-problem-page .kj-problem-mistake-list article > .kj-problem-x-icon svg path{
  fill:#0F4D8B !important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-mistake-list article{
    grid-template-columns:42px minmax(0,1fr) !important;
  }
}

/* =========================================================
   KREATIF JET® — MINI CTA RESTORE PATCH
   İlgili Terimler, İlgili Rehber İçerikler ve SSS altındaki
   mini CTA görünümünü geri getirir. Diğer alanlara dokunmaz.
   ========================================================= */

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta,
html body .kj-problem-page #sss .kj-problem-mini-cta{
  width:330px !important;
  max-width:410px !important;
  min-width:330px !important;
  min-height:68px !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 0 24px 0 !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18) !important;
  overflow:visible !important;
  line-height:1 !important;
  text-decoration:none !important;
  white-space:normal !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-logo,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-logo,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-logo{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 6px 14px rgba(3,30,18,.13) !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-logo img,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-logo img,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-logo img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-text,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-text,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-text{
  min-width:0 !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:3px !important;
  text-align:left !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-text strong,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-text strong,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-text strong{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  white-space:nowrap !important;
  margin:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-text em,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-text em,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-text em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:15px !important;
  padding:2px 5px !important;
  border-radius:999px !important;
  color:#EFFFF5 !important;
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-style:normal !important;
  font-size:8.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-text small,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-text small,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-text small{
  display:block !important;
  color:rgba(255,255,255,.93) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1.18 !important;
  white-space:nowrap !important;
  margin:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-wa,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-wa,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-wa{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta .kj-problem-mini-wa i,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta .kj-problem-mini-wa i,
html body .kj-problem-page #sss .kj-problem-mini-cta .kj-problem-mini-wa i{
  color:#fff !important;
  font-size:17px !important;
  line-height:1 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta,
  html body .kj-problem-page #sss .kj-problem-mini-cta{
    max-width:320px !important;
    min-width:0 !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* =========================================================
   KREATIF JET® — MINI CTA SAME ALIGNMENT / SAME ICON PATCH
   İlgili Terimler, İlgili Rehber İçerikler ve SSS altındaki mini CTA;
   diğer bölümlerdeki mini CTA ile aynı ikon, hizalama ve iç düzeni kullanır.
   ========================================================= */

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta,
html body .kj-problem-page #sss .kj-problem-mini-cta{
  width:330px !important;
  max-width:410px !important;
  min-width:330px !important;
  min-height:68px !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 0 24px 0 !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18) !important;
  overflow:visible !important;
  line-height:1 !important;
  text-decoration:none !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-logo,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-logo,
html body .kj-problem-page #sss .kj-problem-mini-logo{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 6px 14px rgba(3,30,18,.13) !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-logo img,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-logo img,
html body .kj-problem-page #sss .kj-problem-mini-logo img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
  display:block !important;
  margin:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-text,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-text,
html body .kj-problem-page #sss .kj-problem-mini-text{
  min-width:0 !important;
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  text-align:left !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-text strong,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-text strong,
html body .kj-problem-page #sss .kj-problem-mini-text strong{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#fff !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  white-space:nowrap !important;
  margin:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-text em,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-text em,
html body .kj-problem-page #sss .kj-problem-mini-text em{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:15px !important;
  padding:2px 5px !important;
  border-radius:999px !important;
  color:#EFFFF5 !important;
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  font-style:normal !important;
  font-size:8.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-text small,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-text small,
html body .kj-problem-page #sss .kj-problem-mini-text small{
  display:block !important;
  color:rgba(255,255,255,.93) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  line-height:1.18 !important;
  white-space:nowrap !important;
  margin:0 !important;
}

/* WhatsApp icon: same round icon box as other mini CTA areas */
html body .kj-problem-page #ilgili-terimler .kj-problem-mini-wa,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-wa,
html body .kj-problem-page #sss .kj-problem-mini-wa{
  position:relative !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  overflow:hidden !important;
  line-height:0 !important;
  font-size:0 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-wa i,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-wa i,
html body .kj-problem-page #sss .kj-problem-mini-wa i{
  position:static !important;
  display:block !important;
  color:#fff !important;
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  text-indent:0 !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-wa svg,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-wa svg,
html body .kj-problem-page #sss .kj-problem-mini-wa svg,
html body .kj-problem-page #ilgili-terimler .kj-problem-mini-wa .svg-inline--fa,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-wa .svg-inline--fa,
html body .kj-problem-page #sss .kj-problem-mini-wa .svg-inline--fa{
  width:18px !important;
  height:18px !important;
  max-width:18px !important;
  max-height:18px !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  color:#fff !important;
  fill:#fff !important;
  transform:none !important;
  position:static !important;
}

html body .kj-problem-page #ilgili-terimler .kj-problem-mini-wa svg path,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-wa svg path,
html body .kj-problem-page #sss .kj-problem-mini-wa svg path{
  fill:#fff !important;
}

@media(max-width:680px){
  html body .kj-problem-page #ilgili-terimler .kj-problem-mini-cta,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-mini-cta,
  html body .kj-problem-page #sss .kj-problem-mini-cta{
    max-width:320px !important;
    min-width:0 !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* =========================================================
   KREATIF JET® — MINI CTA HEAD TEXT ALIGN PATCH
   Mini CTA'lar başlık ve açıklama metninin tam alt hizasına alınır.
   Sadece: İlgili Terimler, İlgili Rehber İçerikler, SSS
   ========================================================= */

@media(min-width:1024px){
  html body .kj-problem-page #ilgili-terimler > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #ilgili-rehber-ve-hizmet > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #sss > p:has(> .kj-problem-mini-cta){
    margin-left:96px !important;
    margin-top:-4px !important;
    margin-bottom:0 !important;
    padding:0 !important;
    width:calc(100% - 96px) !important;
  }

  html body .kj-problem-page #ilgili-terimler > .kj-problem-mini-cta,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet > .kj-problem-mini-cta,
  html body .kj-problem-page #sss > .kj-problem-mini-cta{
    margin-left:96px !important;
  }
}

@media(min-width:681px) and (max-width:1023px){
  html body .kj-problem-page #ilgili-terimler > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #ilgili-rehber-ve-hizmet > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #sss > p:has(> .kj-problem-mini-cta){
    margin-left:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;
    width:100% !important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #ilgili-terimler > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #ilgili-rehber-ve-hizmet > p:has(> .kj-problem-mini-cta),
  html body .kj-problem-page #sss > p:has(> .kj-problem-mini-cta){
    margin-left:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding:0 !important;
    width:100% !important;
  }
}

/* =========================================================
   KREATIF JET® — FAQ GUIDE STYLE PATCH
   SSS alanı guide referansındaki gibi görünür.
   + ikonları kaldırılır; detay kartları temiz guide stiline alınır.
   Sadece #sss alanını etkiler.
   ========================================================= */

html body .kj-problem-page #sss .kj-problem-head > span{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#0A3D70 0%,#54AEE2 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 28px rgba(12,65,113,.18),inset 0 1px 0 rgba(255,255,255,.20) !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body .kj-problem-page #sss .kj-problem-head > span i{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body .kj-problem-page #sss .kj-problem-accordion,
html body .kj-problem-page #sss .kj-problem-guide-faq{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin-top:0 !important;
}

html body .kj-problem-page #sss .kj-problem-accordion details,
html body .kj-problem-page #sss .kj-problem-guide-faq details{
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.030) !important;
  overflow:hidden !important;
}

html body .kj-problem-page #sss .kj-problem-accordion details[open],
html body .kj-problem-page #sss .kj-problem-guide-faq details[open]{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE) !important;
  border-color:rgba(15,77,139,.11) !important;
}

html body .kj-problem-page #sss .kj-problem-accordion summary,
html body .kj-problem-page #sss .kj-problem-guide-faq summary{
  position:relative !important;
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 22px !important;
  color:#1F1F24 !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
  display:block !important;
}

html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker,
html body .kj-problem-page #sss .kj-problem-guide-faq summary::-webkit-details-marker{
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-faq-icon{
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-guide-faq summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after,
html body .kj-problem-page #sss .kj-problem-guide-faq summary::after{
  content:none !important;
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-accordion p,
html body .kj-problem-page #sss .kj-problem-guide-faq p{
  padding:0 22px 20px !important;
  color:#61758A !important;
  font-size:15px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-accordion summary,
  html body .kj-problem-page #sss .kj-problem-guide-faq summary{
    padding:16px 18px !important;
    font-size:16px !important;
  }

  html body .kj-problem-page #sss .kj-problem-accordion p,
  html body .kj-problem-page #sss .kj-problem-guide-faq p{
    padding:0 18px 18px !important;
  }
}

/* =========================================================
   KREATIF JET® — SSS GUIDE ICON + HEAD ALIGN FINAL
   SSS başlık ikonu guide yapısındaki gibi gerçek i etiketi olur.
   Başlık ve açıklama ikonun yanında aynı blok hizasında durur.
   Sadece #sss alanını etkiler.
   ========================================================= */

html body .kj-problem-page #sss .kj-problem-head{
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:start !important;
  margin-bottom:24px !important;
}

html body .kj-problem-page #sss .kj-problem-head > i.kj-problem-guide-head-icon{
  grid-column:1 !important;
  grid-row:1 !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#0A3D70 0%,#54AEE2 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 28px rgba(12,65,113,.18),inset 0 1px 0 rgba(255,255,255,.20) !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
}

html body .kj-problem-page #sss .kj-problem-head > i.kj-problem-guide-head-icon::before{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-head > div{
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-head h2{
  margin:0 0 10px 0 !important;
}

html body .kj-problem-page #sss .kj-problem-head p{
  margin:0 !important;
  max-width:900px !important;
}

/* SSS içindeki eski + ikonları ve pseudo ikonları kesin kapat */
html body .kj-problem-page #sss .kj-problem-faq-icon,
html body .kj-problem-page #sss summary::before,
html body .kj-problem-page #sss summary::after{
  display:none !important;
  content:none !important;
}

/* Mini CTA da başlık/açıklama metin bloğunun alt hizasında kalsın */
@media(min-width:1024px){
  html body .kj-problem-page #sss > p:has(> .kj-problem-mini-cta){
    margin-left:78px !important;
    width:calc(100% - 78px) !important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  html body .kj-problem-page #sss .kj-problem-head > i.kj-problem-guide-head-icon,
  html body .kj-problem-page #sss .kj-problem-head > div{
    grid-column:1 !important;
  }

  html body .kj-problem-page #sss > p:has(> .kj-problem-mini-cta){
    margin-left:0 !important;
    width:100% !important;
  }
}

/* =========================================================
   KREATIF JET® — ISOLATED SSS GUIDE FINAL
   Eski FAQ head / accordion kurallarıyla çakışmaması için
   SSS alanı tamamen ayrı class üzerinden yönetilir.
   ========================================================= */

html body .kj-problem-page #sss .kj-problem-sss-guide-head{
  display:grid !important;
  grid-template-columns:56px minmax(0,1fr) !important;
  gap:20px !important;
  align-items:start !important;
  margin:0 0 20px 0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head > i{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#0A3D70 0%,#54AEE2 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 28px rgba(12,65,113,.18),inset 0 1px 0 rgba(255,255,255,.20) !important;
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head > i::before{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head-copy{
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head-copy h2{
  margin:0 0 10px 0 !important;
  padding:0 !important;
  color:#1F1F24 !important;
  font-size:clamp(26px,3.1vw,42px) !important;
  line-height:1.14 !important;
  letter-spacing:-.016em !important;
  font-weight:900 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head-copy p{
  margin:0 !important;
  padding:0 !important;
  max-width:900px !important;
  color:#64778C !important;
  font-size:17.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-cta-wrap{
  margin:0 0 24px 76px !important;
  padding:0 !important;
  width:calc(100% - 76px) !important;
  display:block !important;
}

/* SSS FAQ Guide görünümü */
html body .kj-problem-page #sss .kj-problem-sss-guide-faq{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq details{
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.030) !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq details[open]{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE) !important;
  border-color:rgba(15,77,139,.11) !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 22px !important;
  color:#1F1F24 !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
  display:block !important;
  margin:0 !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq summary::-webkit-details-marker{
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq summary::before,
html body .kj-problem-page #sss .kj-problem-sss-guide-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq-icon{
  content:none !important;
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-faq p{
  padding:0 22px 20px !important;
  margin:0 !important;
  color:#61758A !important;
  font-size:15px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-sss-guide-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  html body .kj-problem-page #sss .kj-problem-sss-cta-wrap{
    margin-left:0 !important;
    width:100% !important;
  }

  html body .kj-problem-page #sss .kj-problem-sss-guide-faq summary{
    padding:16px 18px !important;
    font-size:16px !important;
  }

  html body .kj-problem-page #sss .kj-problem-sss-guide-faq p{
    padding:0 18px 18px !important;
  }
}

/* =========================================================
   KREATIF JET® — SSS HEAD INLINE SVG ICON FIX
   SSS başlık ikonu FontAwesome'a bağlı kalmaz, inline SVG görünür.
   ========================================================= */

html body .kj-problem-page #sss .kj-problem-sss-guide-head > .kj-problem-sss-head-svg{
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  min-height:56px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#0A3D70 0%,#54AEE2 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 28px rgba(12,65,113,.18),inset 0 1px 0 rgba(255,255,255,.20) !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head > .kj-problem-sss-head-svg svg{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  min-height:28px !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

html body .kj-problem-page #sss .kj-problem-sss-guide-head > .kj-problem-sss-head-svg svg path{
  fill:none !important;
  stroke:#fff !important;
  stroke-width:5 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* =========================================================
   KREATIF JET® — SSS SAME AS GUIDE FINAL
   Sadece Google Ads sayfasındaki #sss alanını guide SSS yapısına eşitler.
   + ikon yoktur. Başlık ikonu ve FAQ kartları guide referansındadır.
   ========================================================= */

html body .kj-problem-page #sss.kj-problem-guide-native-sss{
  margin-top:24px !important;
  padding:42px clamp(24px,3.5vw,52px) !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border:1px solid rgba(15,77,139,.085) !important;
  box-shadow:0 14px 42px rgba(15,77,139,.065) !important;
  overflow:hidden !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head{
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) !important;
  column-gap:24px !important;
  row-gap:10px !important;
  align-items:start !important;
  margin:0 0 24px 0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head > i{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  align-self:start !important;
  justify-self:start !important;
  width:56px !important;
  height:56px !important;
  min-width:56px !important;
  border-radius:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(180deg,#0A3D70 0%,#54AEE2 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 28px rgba(12,65,113,.18),inset 0 1px 0 rgba(255,255,255,.20) !important;
  color:#fff !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  text-indent:0 !important;
  position:relative !important;
}

/* FontAwesome yüklenmezse ikon yine görünür */
html body .kj-problem-page #sss .kj-problem-problem-head > i::before{
  color:#fff !important;
  font-size:20px !important;
  line-height:1 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head > i:empty::before{
  content:"🔗" !important;
  font-family:Arial,sans-serif !important;
  font-size:20px !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head > div{
  grid-column:2 !important;
  grid-row:1 / span 2 !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head h2{
  margin:0 0 10px 0 !important;
  padding:0 !important;
  color:#1F1F24 !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:clamp(28px,3.2vw,46px) !important;
  line-height:1.12 !important;
  letter-spacing:-0.018em !important;
  font-weight:900 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-head p{
  margin:0 !important;
  padding:0 !important;
  max-width:900px !important;
  color:#64778C !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:17.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

html body .kj-problem-page #sss .kj-problem-guide-cta-row{
  margin:0 0 26px 96px !important;
  padding:0 !important;
  width:calc(100% - 96px) !important;
}

/* Guide FAQ */
html body .kj-problem-page #sss .kj-problem-problem-faq{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq details{
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.03) !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 20px !important;
  display:block !important;
  color:#1F1F24 !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
  margin:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary::-webkit-details-marker{
  display:none !important;
}

/* + ikon ve tüm pseudo ikonları kapat */
html body .kj-problem-page #sss .kj-problem-problem-faq summary::before,
html body .kj-problem-page #sss .kj-problem-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq-icon{
  content:none !important;
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq details p{
  padding:0 20px 20px !important;
  margin:0 !important;
  color:#61758A !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

/* Mini CTA guide hizasında kalsın */
html body .kj-problem-page #sss .kj-problem-mini-cta{
  margin:0 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #sss.kj-problem-guide-native-sss{
    padding:22px !important;
    border-radius:24px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-head{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-head > i,
  html body .kj-problem-page #sss .kj-problem-problem-head > div{
    grid-column:1 !important;
    grid-row:auto !important;
  }

  html body .kj-problem-page #sss .kj-problem-guide-cta-row{
    margin:0 0 22px 0 !important;
    width:100% !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-faq summary{
    padding:16px 18px !important;
    font-size:16px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-faq details p{
    padding:0 18px 18px !important;
  }
}

/* =========================================================
   KREATIF JET® — SSS FAQ ITEM ICON FINAL
   SSS kartlarının sol ikonları geri eklendi. + ikon yok.
   İkonlar inline SVG olduğu için font yüklenmesine bağlı değildir.
   ========================================================= */

html body .kj-problem-page #sss .kj-problem-problem-faq summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 20px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#1F1F24 !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
  margin:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary::-webkit-details-marker{
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary::before,
html body .kj-problem-page #sss .kj-problem-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq-icon{
  content:none !important;
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-summary-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(84,174,226,.14) !important;
  color:#0F4D8B !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-summary-icon svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-summary-icon svg path,
html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-summary-icon svg circle{
  fill:none !important;
  stroke:#0F4D8B !important;
  stroke-width:2.4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-summary-text{
  display:block !important;
  min-width:0 !important;
  color:#1F1F24 !important;
  font-weight:900 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq details p{
  padding:0 20px 20px 62px !important;
  margin:0 !important;
  color:#61758A !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-problem-faq summary{
    padding:16px 18px !important;
    font-size:16px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-faq details p{
    padding:0 18px 18px 60px !important;
  }
}

/* =========================================================
   KREATIF JET® — SSS GUIDE ACCORDION ICON/STIL FINAL
   Guide referansındaki akordiyon ikon kutusu ve açık/kapalı görünüm.
   Mini CTA ile akordiyon arasına boşluk eklendi.
   ========================================================= */

/* Mini CTA ile akordiyon arası boşluk */
html body .kj-problem-page #sss .kj-problem-guide-cta-row{
  margin-bottom:34px !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Guide FAQ kart görünümü */
html body .kj-problem-page #sss .kj-problem-problem-faq details{
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.03) !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq details[open]{
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  border-color:rgba(15,77,139,.085) !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 20px !important;
  display:flex !important;
  gap:12px !important;
  align-items:center !important;
  color:#1F1F24 !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
  margin:0 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary::-webkit-details-marker{
  display:none !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary::before,
html body .kj-problem-page #sss .kj-problem-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq-icon,
html body .kj-problem-page #sss .kj-problem-summary-icon{
  content:none !important;
  display:none !important;
}

/* Guide'daki sol ikon kutusu */
html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-guide-acc-icon{
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  position:relative !important;
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:#EAF5FC !important;
  border:0 !important;
  box-shadow:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-guide-acc-icon::before{
  content:"+" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  color:#0F4D8B !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:22px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

/* Guide'daki açık durum ikon stili */
html body .kj-problem-page #sss .kj-problem-problem-faq details[open] summary .kj-problem-guide-acc-icon::before{
  content:"+" !important;
  font-size:26px !important;
  transform:translate(-50%,-54%) !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq summary .kj-problem-guide-acc-title{
  display:block !important;
  min-width:0 !important;
  color:#1F1F24 !important;
  font-weight:900 !important;
  line-height:1.36 !important;
}

html body .kj-problem-page #sss .kj-problem-problem-faq details p{
  padding:0 20px 20px 62px !important;
  margin:0 !important;
  color:#61758A !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-guide-cta-row{
    margin-bottom:28px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-faq summary{
    padding:16px 18px !important;
    font-size:16px !important;
  }

  html body .kj-problem-page #sss .kj-problem-problem-faq details p{
    padding:0 18px 18px 60px !important;
  }
}

/* =========================================================
   KREATIF JET GUIDE - SEO CHECKLIST OVERRIDES
   Tüm özel classlar kj-problem-* formatına alınmıştır.
   ========================================================= */
html body .kj-problem-page.kj-problem-native .kj-problem-check-table-wrap,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-top:2px!important;border-radius:24px!important;border:1px solid rgba(15,77,139,.10)!important;background:#fff!important;box-shadow:0 14px 42px rgba(15,77,139,.055)!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table{width:100%!important;min-width:920px!important;border-collapse:separate!important;border-spacing:0!important;background:#fff!important;overflow:hidden!important;font-family:"Outfit",Inter,Arial,sans-serif!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table th,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table th{padding:18px 18px!important;background:linear-gradient(135deg,#071E34,#0F4D8B)!important;color:#fff!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important;text-align:left!important;white-space:nowrap!important;border-right:1px solid rgba(255,255,255,.12)!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table th:last-child,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table th:last-child{border-right:0!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table td,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table td{padding:18px!important;color:#5F6B7A!important;font-size:15px!important;line-height:1.62!important;font-weight:500!important;vertical-align:top!important;border-bottom:1px solid rgba(15,77,139,.08)!important;border-right:1px solid rgba(15,77,139,.06)!important;background:#fff!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table tbody tr:nth-child(even) td,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table tbody tr:nth-child(even) td{background:#F8FBFE!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table td:last-child,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table td:last-child{border-right:0!important;font-weight:900!important;color:#0F4D8B!important;white-space:nowrap!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-table tr:last-child td,
html body .kj-problem-page.kj-problem-native .kj-problem-check-table tr:last-child td{border-bottom:0!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-col,
html body .kj-problem-page.kj-problem-native .kj-problem-check-col{width:58px!important;text-align:center!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell,
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell{text-align:center!important;vertical-align:middle!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input,
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input{appearance:none!important;-webkit-appearance:none!important;width:24px!important;height:24px!important;border-radius:8px!important;border:2px solid rgba(15,77,139,.28)!important;background:#fff!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input:checked,
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input:checked{background:linear-gradient(135deg,#0F4D8B,#54AEE2)!important;border-color:#0F4D8B!important}
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input:checked::after,
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input:checked::after{content:"✓"!important;color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article{min-height:176px!important;padding:22px!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#F8FBFE)!important;border:1px solid rgba(15,77,139,.09)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-badge,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-badge{width:max-content!important;max-width:100%!important;display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 11px!important;border-radius:999px!important;background:#EAF5FC!important;color:#0F4D8B!important;font-size:12px!important;font-weight:900!important;line-height:1!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-badge i,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-badge i{font-size:13px!important;color:currentColor!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article strong,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article strong{display:block!important;font-size:21px!important;line-height:1.18!important;color:#1F1F24!important;margin:0!important}
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article p,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article p{font-size:14.8px!important;line-height:1.65!important;margin:0!important;color:#5F6B7A!important}
html body .kj-problem-page.kj-problem-native .kj-problem-warning,
html body .kj-problem-page.kj-problem-native .kj-problem-warning{margin-top:24px!important;padding:30px!important;border-radius:26px!important;background:linear-gradient(135deg,#FFF7E6,#fff)!important;border:1px solid rgba(245,158,11,.22)!important;box-shadow:0 14px 38px rgba(245,158,11,.075)!important;display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important;align-items:start!important}
html body .kj-problem-page.kj-problem-native .kj-problem-warning>i,
html body .kj-problem-page.kj-problem-native .kj-problem-warning>i{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#FFF7E6!important;color:#F59E0B!important;border:1px solid rgba(245,158,11,.24)!important;font-size:24px!important;line-height:1!important}
html body .kj-problem-page.kj-problem-native .kj-problem-warning h2,
html body .kj-problem-page.kj-problem-native .kj-problem-warning h2{font-size:clamp(24px,2.7vw,36px)!important;margin:0 0 10px!important;color:#1F1F24!important}
html body .kj-problem-page.kj-problem-native .kj-problem-warning p,
html body .kj-problem-page.kj-problem-native .kj-problem-warning p{margin:0!important;color:#5F6B7A!important}
html body .kj-problem-page.kj-problem-native .kj-problem-usage-grid i,
html body .kj-problem-page.kj-problem-native .kj-problem-usage-grid i{width:54px!important;height:54px!important;min-width:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:#0F4D8B!important;border:1px solid rgba(15,77,139,.10)!important;font-size:22px!important;line-height:1!important;margin:0 0 8px!important}
html body .kj-problem-page.kj-problem-native .kj-problem-head>i,
html body .kj-problem-page.kj-problem-native .kj-problem-head>span{width:58px!important;height:58px!important;min-width:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:21px!important;line-height:1!important;box-shadow:0 14px 34px rgba(84,174,226,.20)!important}
html body .kj-problem-page.kj-problem-native .kj-problem-head>i::before{line-height:1!important;color:currentColor!important}
@media(max-width:1020px){html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid,html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid,html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid{grid-template-columns:1fr!important}html body .kj-problem-page.kj-problem-native .kj-problem-warning,html body .kj-problem-page.kj-problem-native .kj-problem-warning{grid-template-columns:1fr!important;padding:22px!important}html body .kj-problem-page.kj-problem-native .kj-problem-check-table,html body .kj-problem-page.kj-problem-native .kj-problem-check-table{min-width:860px!important}}


/* ===== KJ GUIDE CSS: kj-guide(1).css converted to kj-problem-* ===== */
400;500;600;700;800;900&display=swap');

html body .kj-problem-page,
html body .kj-problem-page *{box-sizing:border-box!important}

html body .kj-problem-page{
  --kj-problem-primary:#0F4D8B;
  --kj-problem-secondary:#54AEE2;
  --kj-problem-dark:#071E34;
  --kj-problem-deep:#061426;
  --kj-problem-heading:#1F1F24;
  --kj-problem-text:#5F6B7A;
  --kj-problem-bg:#F5F8FB;
  --kj-problem-wa:#19C96B;
  --kj-problem-amber:#F59E0B;
  --kj-problem-amber-bg:#FFF7E6;
  --kj-problem-green:#16A34A;
  --kj-problem-green-bg:#ECFDF3;
  --kj-problem-red:#DC2626;
  --kj-problem-line:rgba(15,77,139,.11);
  --kj-problem-shadow:0 18px 55px rgba(15,77,139,.07);
  width:min(1240px,calc(100vw - 32px))!important;
  margin:0 auto!important;
  padding:22px 0 64px!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  color:var(--kj-problem-text)!important;
  isolation:isolate!important;
}

html body .kj-problem-page a{color:inherit!important;text-decoration:none!important}
html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page p,
html body .kj-problem-page ul,
html body .kj-problem-page li{margin:0!important;padding:0!important}
html body .kj-problem-page ul{list-style:none!important}
html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-heading)!important;font-weight:900!important;line-height:1.1!important;letter-spacing:-.025em!important;text-wrap:balance!important}
html body .kj-problem-page p,
html body .kj-problem-page li{font-family:"Outfit",Inter,Arial,sans-serif!important;color:var(--kj-problem-text)!important;font-size:17px!important;line-height:1.72!important;font-weight:500!important}
html body .kj-problem-page strong{color:var(--kj-problem-heading)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-hero{position:relative!important;overflow:hidden!important;border-radius:34px!important;min-height:455px!important;padding:82px clamp(24px,4.5vw,74px) 68px!important;background:radial-gradient(circle at 76% 30%,rgba(84,174,226,.24),transparent 35%),linear-gradient(135deg,#071426,#071E34 56%,#0F4D8B)!important;border:1px solid rgba(84,174,226,.28)!important;box-shadow:0 28px 90px rgba(5,16,30,.25)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:84px 84px!important;opacity:.6!important}
html body .kj-problem-page .kj-problem-hero-inner{position:relative!important;z-index:1!important;max-width:920px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important}
html body .kj-problem-page .kj-problem-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#CDEFFF!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.15)!important}
html body .kj-problem-page .kj-problem-hero h1{color:#fff!important;font-size:clamp(44px,5.4vw,78px)!important;text-align:center!important;text-shadow:0 16px 44px rgba(0,0,0,.22)!important}
html body .kj-problem-page .kj-problem-hero-lead{max-width:850px!important;color:rgba(255,255,255,.90)!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.7!important;text-align:center!important;font-weight:600!important}

html body .kj-problem-page .kj-problem-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;margin-top:4px!important}
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn{min-width:225px!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:15px 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;transition:transform .22s ease,filter .22s ease!important}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important}
html body .kj-problem-page .kj-problem-wa-btn{background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 16px 42px rgba(18,190,98,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-blue-btn{background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;border:1px solid rgba(84,174,226,.50)!important;box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-weight:900!important;font-size:15px!important}

html body .kj-problem-page .kj-problem-author-mini{margin:18px auto 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:44px 1fr!important;gap:14px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:var(--kj-problem-primary)!important;background:#EAF5FC!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-author-mini p{font-size:15px!important;line-height:1.65!important;color:#66788D!important}
html body .kj-problem-page .kj-problem-author-mini a{color:var(--kj-problem-primary)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-answer,
html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-case{margin-top:24px!important;padding:42px clamp(24px,3.5vw,52px)!important;border-radius:30px!important;background:linear-gradient(180deg,#fff,#FBFDFF)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-answer{display:grid!important;grid-template-columns:64px 1fr!important;gap:18px!important;align-items:start!important;background:linear-gradient(135deg,#F4FBFF,#fff)!important}
html body .kj-problem-page .kj-problem-answer-icon{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:22px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-answer span{display:inline-block!important;margin-bottom:8px!important;color:var(--kj-problem-primary)!important;font-size:12px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-answer h2{font-size:clamp(28px,3.4vw,46px)!important;margin-bottom:10px!important}

html body .kj-problem-page .kj-problem-reason-strip{margin-top:24px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-reason-strip article{padding:22px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:190px!important}
html body .kj-problem-page .kj-problem-reason-strip span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:22px!important}
html body .kj-problem-page .kj-problem-reason-strip strong{font-size:21px!important;line-height:1.16!important}
html body .kj-problem-page .kj-problem-reason-strip p{font-size:15.2px!important;line-height:1.65!important}

html body .kj-problem-page .kj-problem-head{display:grid!important;grid-template-columns:74px 1fr!important;gap:20px!important;align-items:start!important;margin-bottom:24px!important}
html body .kj-problem-page .kj-problem-head>span{width:58px!important;height:58px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;color:#fff!important;font-size:21px!important;font-weight:900!important;box-shadow:0 14px 34px rgba(84,174,226,.20)!important}
html body .kj-problem-page .kj-problem-head h2{font-size:clamp(32px,4.2vw,58px)!important;margin-bottom:10px!important}
html body .kj-problem-page .kj-problem-head p{max-width:930px!important;color:#62768A!important;font-size:18px!important;font-weight:600!important}

html body .kj-problem-page .kj-problem-mini-cta,
html body .kj-problem-page .kj-problem-mini-cta{margin:0 0 26px 94px!important}

html body .kj-problem-page .kj-problem-symptom-grid,
html body .kj-problem-page .kj-problem-cause-grid,
html body .kj-problem-page .kj-problem-mistake-grid,
html body .kj-problem-page .kj-problem-model-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-symptom-grid article,
html body .kj-problem-page .kj-problem-mistake-grid article{padding:24px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;min-height:214px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-symptom-grid span{width:52px!important;height:52px!important;border-radius:17px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:22px!important}
html body .kj-problem-page .kj-problem-mistake-grid span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:var(--kj-problem-amber-bg)!important;color:var(--kj-problem-amber)!important;border:1px solid rgba(245,158,11,.22)!important;font-size:20px!important}
html body .kj-problem-page .kj-problem-symptom-grid h3,
html body .kj-problem-page .kj-problem-mistake-grid h3{font-size:24px!important}

html body .kj-problem-page .kj-problem-dark{background:radial-gradient(circle at 80% 10%,rgba(84,174,226,.22),transparent 35%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;border-color:rgba(84,174,226,.22)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important}
html body .kj-problem-page .kj-problem-dark h2,
html body .kj-problem-page .kj-problem-dark h3,
html body .kj-problem-page .kj-problem-dark strong{color:#fff!important}
html body .kj-problem-page .kj-problem-dark p,
html body .kj-problem-page .kj-problem-dark li{color:#DCEBFA!important}
html body .kj-problem-page .kj-problem-dark .kj-problem-head p{color:#DCEBFA!important}
html body .kj-problem-page .kj-problem-cause-grid article,
html body .kj-problem-page .kj-problem-model-grid article{padding:24px!important;border-radius:24px!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;min-height:220px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-cause-grid span,
html body .kj-problem-page .kj-problem-model-grid span{width:54px!important;height:54px!important;border-radius:18px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;font-size:14px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3{font-size:24px!important}

html body .kj-problem-page .kj-problem-table-wrap{overflow-x:auto!important;border-radius:24px!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 14px 42px rgba(15,77,139,.055)!important;background:#fff!important}
html body .kj-problem-page .kj-problem-table{width:100%!important;min-width:900px!important;border-collapse:collapse!important;background:#fff!important}
html body .kj-problem-page .kj-problem-table th{padding:18px!important;background:linear-gradient(135deg,#071E34,#0F4D8B)!important;color:#fff!important;text-align:left!important;font-size:15px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-table td{padding:18px!important;border-top:1px solid rgba(15,77,139,.08)!important;color:#607489!important;font-size:15px!important;line-height:1.65!important;vertical-align:top!important;font-weight:600!important}
html body .kj-problem-page .kj-problem-table tr:nth-child(even) td{background:#FAFCFF!important}

html body .kj-problem-page .kj-problem-priority-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-priority-grid article{padding:24px!important;border-radius:24px!important;min-height:250px!important;display:flex!important;flex-direction:column!important;gap:13px!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important}
html body .kj-problem-page .kj-problem-priority-grid span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-priority-grid h3{font-size:25px!important}
html body .kj-problem-page .kj-problem-priority-grid li{padding-left:18px!important;position:relative!important;font-size:15.5px!important;line-height:1.65!important}
html body .kj-problem-page .kj-problem-priority-critical{background:#FEF2F2!important;border-left:6px solid var(--kj-problem-red)!important}
html body .kj-problem-page .kj-problem-priority-critical span{background:#DC2626!important;color:#fff!important}
html body .kj-problem-page .kj-problem-priority-important{background:var(--kj-problem-amber-bg)!important;border-left:6px solid var(--kj-problem-amber)!important}
html body .kj-problem-page .kj-problem-priority-important span{background:#F59E0B!important;color:#fff!important}
html body .kj-problem-page .kj-problem-priority-improve{background:var(--kj-problem-green-bg)!important;border-left:6px solid var(--kj-problem-green)!important}
html body .kj-problem-page .kj-problem-priority-improve span{background:#16A34A!important;color:#fff!important}

html body .kj-problem-page .kj-problem-case-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
html body .kj-problem-page .kj-problem-case-grid article{padding:22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:210px!important}
html body .kj-problem-page .kj-problem-case-grid span{width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:20px!important}
html body .kj-problem-page .kj-problem-case-grid h3{font-size:22px!important}
html body .kj-problem-page .kj-problem-case-grid p{font-size:14.8px!important;line-height:1.65!important}

html body .kj-problem-page .kj-problem-link-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
html body .kj-problem-page .kj-problem-link-grid a{padding:24px!important;border-radius:24px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:0 12px 34px rgba(15,77,139,.045)!important;min-height:250px!important;display:flex!important;flex-direction:column!important;gap:12px!important}
html body .kj-problem-page .kj-problem-link-grid a>span{width:48px!important;height:48px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:var(--kj-problem-primary)!important;font-size:18px!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-link-grid strong{font-size:22px!important;line-height:1.18!important}
html body .kj-problem-page .kj-problem-link-grid p{font-size:15px!important;line-height:1.65!important}
html body .kj-problem-page .kj-problem-link-grid em{margin-top:auto!important;font-style:normal!important;color:var(--kj-problem-primary)!important;font-weight:900!important;font-size:15px!important}

html body .kj-problem-page .kj-problem-faq{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-faq details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.03)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-faq summary{list-style:none!important;cursor:pointer!important;padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:flex-start!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important}
html body .kj-problem-page .kj-problem-faq summary span{width:30px!important;height:30px!important;min-width:30px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(84,174,226,.14)!important;color:var(--kj-problem-primary)!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-faq details p{padding:0 20px 20px 62px!important;color:#61758A!important;font-size:15.5px!important;line-height:1.72!important}

html body .kj-problem-page .kj-problem-author{margin-top:24px!important;padding:34px!important;border-radius:30px!important;background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:130px 1fr!important;gap:28px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-media img{display:block!important;width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;border:5px solid #fff!important;box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10)!important}
html body .kj-problem-page .kj-problem-author-copy{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-author-copy>span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;background:#EAF2F9!important;color:var(--kj-problem-primary)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-author-copy h2{font-size:clamp(30px,4vw,48px)!important}
html body .kj-problem-page .kj-problem-author-copy strong{font-size:16px!important;color:#294C6F!important}
html body .kj-problem-page .kj-problem-author-copy a{color:var(--kj-problem-primary)!important;font-weight:900!important}

html body .kj-problem-page .kj-problem-final{margin-top:24px!important;position:relative!important;overflow:hidden!important;padding:58px 42px!important;border-radius:34px!important;background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important;text-align:center!important;border:1px solid rgba(84,174,226,.22)!important}
html body .kj-problem-page .kj-problem-final h2{max-width:950px!important;margin:0 auto!important;color:#fff!important;font-size:clamp(34px,4.6vw,62px)!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final p{max-width:900px!important;margin:16px auto 0!important;color:#D8E8F6!important;font-size:17px!important;line-height:1.68!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final .kj-problem-actions{margin-top:24px!important}

@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-priority-grid{grid-template-columns:1fr 1fr!important}
  html body .kj-problem-page .kj-problem-case-grid,
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr 1fr!important}
}

@media(max-width:680px){
  html body .kj-problem-page{width:calc(100vw - 24px)!important;padding-top:16px!important}
  html body .kj-problem-page .kj-problem-hero{padding:48px 20px 54px!important;border-radius:26px!important;min-height:auto!important}
  html body .kj-problem-page .kj-problem-hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.12!important}
  html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn{width:100%!important;min-width:0!important;min-height:52px!important}
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-head,
  html body .kj-problem-page .kj-problem-author{grid-template-columns:1fr!important;text-align:left!important}
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-case,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-final{padding:24px!important;border-radius:24px!important}
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-case-grid,
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important}
  html body .kj-problem-page .kj-problem-head h2{font-size:clamp(28px,8vw,40px)!important}
  html body .kj-problem-page .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-mini-cta{margin:0 0 22px 0!important;width:100%!important}
  html body .kj-problem-page .kj-problem-author{align-items:center!important;text-align:center!important}
  html body .kj-problem-page .kj-problem-author-copy{align-items:center!important;text-align:center!important}
  html body .kj-problem-page .kj-problem-author-media{display:flex!important;justify-content:center!important}
}


html body .kj-problem-page .kj-problem-mini-cta{width:min(390px,100%)!important;min-height:70px!important;display:inline-flex!important;align-items:center!important;gap:14px!important;padding:10px 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#087A3F,#13AD5B 48%,#21D66E)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 16px 42px rgba(18,190,98,.23)!important;color:#fff!important}
html body .kj-problem-page .kj-problem-mini-logo{width:52px!important;height:52px!important;min-width:52px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-mini-logo img{width:38px!important;height:auto!important;display:block!important}
html body .kj-problem-page .kj-problem-mini-text{display:flex!important;flex-direction:column!important;gap:2px!important;text-align:left!important;min-width:0!important;flex:1!important}
html body .kj-problem-page .kj-problem-mini-text strong{color:#fff!important;font-size:17px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-text em{font-style:normal!important;font-size:11px!important;margin-left:4px!important;padding:3px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;color:#fff!important;vertical-align:middle!important}
html body .kj-problem-page .kj-problem-mini-text small{color:#fff!important;font-size:14px!important;line-height:1.15!important;font-weight:900!important;white-space:nowrap!important}
html body .kj-problem-page .kj-problem-mini-wa{width:46px!important;height:46px!important;min-width:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:18px!important;font-weight:900!important}
@media(max-width:680px){html body .kj-problem-page .kj-problem-mini-text strong{font-size:15px!important}html body .kj-problem-page .kj-problem-mini-text small{font-size:12.5px!important}html body .kj-problem-page .kj-problem-mini-logo{width:48px!important;height:48px!important;min-width:48px!important}html body .kj-problem-page .kj-problem-mini-wa{width:42px!important;height:42px!important;min-width:42px!important}}

/* =========================================================
   ========================================================= */

html body .kj-problem-page {
  position: relative !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page h4 {
  font-family: "Outfit", Inter, Arial, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.018em !important;
  line-height: 1.12 !important;
  text-wrap: balance !important;
}

html body .kj-problem-page p,
html body .kj-problem-page li {
  font-size: 16.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

html body .kj-problem-page strong {
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-hero {
  width: 100% !important;
  min-height: 455px !important;
  margin: 0 auto !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-hero-inner {
  position: relative !important;
  z-index: 1 !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 22px !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-hero h1 {
  color: #FFFFFF !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  font-size: clamp(42px, 4.9vw, 68px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.022em !important;
  text-align: center !important;
  text-shadow: 0 16px 44px rgba(0,0,0,.22) !important;
}

html body .kj-problem-page .kj-problem-hero-lead {
  max-width: 820px !important;
  margin: 0 auto !important;
  color: rgba(255,255,255,.86) !important;
  font-size: clamp(17px, 1.45vw, 20px) !important;
  line-height: 1.68 !important;
  font-weight: 500 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-actions {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 6px !important;
}

html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn {
  min-width: 225px !important;
  min-height: 56px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 14px 24px !important;
  border-radius: 999px !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border-radius: 999px !important;
  font-family: Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini {
  margin-top: 24px !important;
  padding: 18px 22px !important;
  border-radius: 22px !important;
  display: grid !important;
  grid-template-columns: 44px 1fr !important;
  gap: 14px !important;
  align-items: center !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 14px !important;
  display: grid !important;
  place-items: center !important;
  background: #EAF3FA !important;
  color: #0F4D8B !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-author-mini p {
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}

html body .kj-problem-page .kj-problem-answer {
  margin-top: 24px !important;
  display: grid !important;
  grid-template-columns: 64px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  padding: 30px !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.11) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
}

html body .kj-problem-page .kj-problem-answer-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  color: #FFFFFF !important;
  font-size: 24px !important;
  font-weight: 800 !important;
}

html body .kj-problem-page .kj-problem-answer h2 {
  font-size: clamp(28px, 3.6vw, 48px) !important;
  line-height: 1.12 !important;
  margin-bottom: 12px !important;
}

html body .kj-problem-page .kj-problem-section,
html body .kj-problem-page .kj-problem-model,
html body .kj-problem-page .kj-problem-warning,
html body .kj-problem-page .kj-problem-linking,
html body .kj-problem-page .kj-problem-case,
html body .kj-problem-page .kj-problem-trust,
html body .kj-problem-page .kj-problem-service-cta {
  margin-top: 24px !important;
  padding: 42px clamp(24px, 3.5vw, 52px) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-head {
  display: grid !important;
  grid-template-columns: 74px 1fr !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 26px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  box-shadow: 0 16px 34px rgba(84,174,226,.20) !important;
}

html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-model h2,
html body .kj-problem-page .kj-problem-warning h2,
html body .kj-problem-page .kj-problem-linking h2,
html body .kj-problem-page .kj-problem-case h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-head h2 {
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page .kj-problem-head p,
html body .kj-problem-page .kj-problem-sub {
  margin-top: 10px !important;
  max-width: 900px !important;
  color: #64778C !important;
  font-size: 17.5px !important;
  line-height: 1.72 !important;
  font-weight: 400 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body .kj-problem-page .kj-problem-funnel-map {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  html body .kj-problem-page .kj-problem-define-grid,
  html body .kj-problem-page .kj-problem-procon-grid,
  html body .kj-problem-page .kj-problem-checklist,
  html body .kj-problem-page .kj-problem-metric-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

html body .kj-problem-page .kj-problem-system-grid > *,
html body .kj-problem-page .kj-problem-flow > *,
html body .kj-problem-page .kj-problem-feature-grid > *,
html body .kj-problem-page .kj-problem-control-rail > *,
html body .kj-problem-page .kj-problem-info-strip > *,
html body .kj-problem-page .kj-problem-priority-grid > *,
html body .kj-problem-page .kj-problem-score-grid > *,
html body .kj-problem-page .kj-problem-kpi-grid > *,
html body .kj-problem-page .kj-problem-decision-strip > *,
html body .kj-problem-page .kj-problem-usage-grid > *,
html body .kj-problem-page .kj-problem-service-grid > *,
html body .kj-problem-page .kj-problem-scenario-grid > *,
html body .kj-problem-page .kj-problem-reason-strip > *,
html body .kj-problem-page .kj-problem-symptom-grid > *,
html body .kj-problem-page .kj-problem-cause-grid > *,
html body .kj-problem-page .kj-problem-mistake-grid > *,
html body .kj-problem-page .kj-problem-model-grid > *,
html body .kj-problem-page .kj-problem-purpose-grid > *,
html body .kj-problem-page .kj-problem-check-grid > *,
html body .kj-problem-page .kj-problem-error-grid > *,
html body .kj-problem-page .kj-problem-related-grid > *,
html body .kj-problem-page .kj-problem-related > * {
  min-width: 0 !important;
}

html body .kj-problem-page .kj-problem-system-grid h3,
html body .kj-problem-page .kj-problem-flow h3,
html body .kj-problem-page .kj-problem-feature-grid h3,
html body .kj-problem-page .kj-problem-control-rail h3,
html body .kj-problem-page .kj-problem-info-strip h3,
html body .kj-problem-page .kj-problem-priority-grid h3,
html body .kj-problem-page .kj-problem-score-grid h3,
html body .kj-problem-page .kj-problem-kpi-grid h3,
html body .kj-problem-page .kj-problem-decision-strip h3,
html body .kj-problem-page .kj-problem-usage-grid h3,
html body .kj-problem-page .kj-problem-service-grid h3,
html body .kj-problem-page .kj-problem-scenario-grid h3,
html body .kj-problem-page .kj-problem-reason-strip h3,
html body .kj-problem-page .kj-problem-symptom-grid h3,
html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-mistake-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3,
html body .kj-problem-page .kj-problem-purpose-grid h3,
html body .kj-problem-page .kj-problem-check-grid h3,
html body .kj-problem-page .kj-problem-error-grid h3 {
  font-size: 21px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page .kj-problem-system-grid p,
html body .kj-problem-page .kj-problem-flow p,
html body .kj-problem-page .kj-problem-feature-grid p,
html body .kj-problem-page .kj-problem-control-rail p,
html body .kj-problem-page .kj-problem-info-strip p,
html body .kj-problem-page .kj-problem-priority-grid p,
html body .kj-problem-page .kj-problem-score-grid p,
html body .kj-problem-page .kj-problem-kpi-grid p,
html body .kj-problem-page .kj-problem-decision-strip p,
html body .kj-problem-page .kj-problem-usage-grid p,
html body .kj-problem-page .kj-problem-service-grid p,
html body .kj-problem-page .kj-problem-scenario-grid p,
html body .kj-problem-page .kj-problem-reason-strip p,
html body .kj-problem-page .kj-problem-symptom-grid p,
html body .kj-problem-page .kj-problem-cause-grid p,
html body .kj-problem-page .kj-problem-mistake-grid p,
html body .kj-problem-page .kj-problem-model-grid p,
html body .kj-problem-page .kj-problem-purpose-grid p,
html body .kj-problem-page .kj-problem-check-grid p,
html body .kj-problem-page .kj-problem-error-grid p {
  font-size: 14.8px !important;
  line-height: 1.68 !important;
}

html body .kj-problem-page .kj-problem-mini-cta {
  width: auto !important;
  max-width: 410px !important;
  min-width: 330px !important;
  min-height: 68px !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  margin: 0 0 24px 0 !important;
  padding: 10px 12px !important;
  border-radius: 999px !important;
  overflow: visible !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-author {
  margin-top: 24px !important;
  padding: 34px !important;
  border-radius: 28px !important;
  background: linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 56%,#EAF3FA 100%) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 14px 42px rgba(15,77,139,.065) !important;
  display: grid !important;
  grid-template-columns: 130px 1fr !important;
  gap: 28px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-media img {
  display: block !important;
  width: 104px !important;
  height: 104px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 5px solid #FFFFFF !important;
  box-shadow: 0 0 0 4px rgba(15,77,139,.11), 0 14px 28px rgba(15,77,139,.10) !important;
}

html body .kj-problem-page .kj-problem-final {
  margin-top: 24px !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 56px 42px !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 72% 14%, rgba(84,174,226,.20), transparent 28%),
    radial-gradient(circle at 50% 110%, rgba(84,174,226,.26), transparent 45%),
    linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%) !important;
  box-shadow: 0 26px 86px rgba(5,16,30,.24) !important;
  text-align: center !important;
  border: 1px solid rgba(84,174,226,.22) !important;
}

html body .kj-problem-page .kj-problem-final h2 {
  max-width: 900px !important;
  margin: 0 auto !important;
  color: #FFFFFF !important;
  font-size: clamp(34px, 4.6vw, 62px) !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-final p {
  max-width: 900px !important;
  margin: 16px auto 0 !important;
  color: #D8E8F6 !important;
  font-size: 17px !important;
  line-height: 1.68 !important;
  text-align: center !important;
}

@media (max-width: 980px) {
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page .kj-problem-hero {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(34px, 10.2vw, 46px) !important;
    letter-spacing: -0.01em !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-actions {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    font-size: 15px !important;
    padding: 13px 18px !important;
    margin: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head,
  html body .kj-problem-page .kj-problem-answer,
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-system-grid,
  html body .kj-problem-page .kj-problem-flow,
  html body .kj-problem-page .kj-problem-feature-grid,
  html body .kj-problem-page .kj-problem-control-rail,
  html body .kj-problem-page .kj-problem-info-strip,
  html body .kj-problem-page .kj-problem-priority-grid,
  html body .kj-problem-page .kj-problem-score-grid,
  html body .kj-problem-page .kj-problem-kpi-grid,
  html body .kj-problem-page .kj-problem-decision-strip,
  html body .kj-problem-page .kj-problem-usage-grid,
  html body .kj-problem-page .kj-problem-service-grid,
  html body .kj-problem-page .kj-problem-scenario-grid,
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-mistake-grid,
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-purpose-grid,
  html body .kj-problem-page .kj-problem-check-grid,
  html body .kj-problem-page .kj-problem-error-grid,
  html body .kj-problem-page .kj-problem-related-grid,
  html body .kj-problem-page .kj-problem-related {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-section,
  html body .kj-problem-page .kj-problem-model,
  html body .kj-problem-page .kj-problem-warning,
  html body .kj-problem-page .kj-problem-linking,
  html body .kj-problem-page .kj-problem-case,
  html body .kj-problem-page .kj-problem-trust,
  html body .kj-problem-page .kj-problem-service-cta,
  html body .kj-problem-page .kj-problem-author,
  html body .kj-problem-page .kj-problem-final {
    padding: 22px !important;
    border-radius: 24px !important;
  }

  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-model h2,
  html body .kj-problem-page .kj-problem-warning h2,
  html body .kj-problem-page .kj-problem-linking h2,
  html body .kj-problem-page .kj-problem-case h2,
  html body .kj-problem-page .kj-problem-trust h2,
  html body .kj-problem-page .kj-problem-head h2 {
    font-size: clamp(28px, 8vw, 38px) !important;
  }

  html body .kj-problem-page .kj-problem-author {
    display: flex !important;
    flex-direction: column !important;
    text-align: center !important;
    gap: 18px !important;
  }
}


html body .kj-problem-page {
  width: min(1240px, calc(100vw - 32px)) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 22px 0 64px !important;
  overflow: visible !important;
}

html body .kj-problem-page [class$="-hero"] {
  min-height: 455px !important;
  padding: 86px clamp(24px, 4.4vw, 70px) 66px !important;
  border-radius: 32px !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-inner"] {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero"] h1,
html body .kj-problem-page [class*="-hero"] h1 {
  font-size: clamp(38px, 4.35vw, 62px) !important;
  line-height: 1.07 !important;
  letter-spacing: -0.022em !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page [class$="-hero-lead"],
html body .kj-problem-page [class*="-hero-lead"] {
  font-size: clamp(16.5px, 1.25vw, 19px) !important;
  line-height: 1.68 !important;
  max-width: 820px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body .kj-problem-page h2 {
  font-size: clamp(28px, 3.15vw, 44px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.018em !important;
}

html body .kj-problem-page h3 {
  font-size: clamp(20px, 1.75vw, 24px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.01em !important;
}

html body .kj-problem-page [class$="-head"] h2,
html body .kj-problem-page [class*="-head"] h2,
html body .kj-problem-page [class$="-answer"] h2,
html body .kj-problem-page [class*="-answer"] h2 {
  font-size: clamp(28px, 3.2vw, 46px) !important;
  line-height: 1.12 !important;
}

@media (min-width: 981px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: stretch !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    height: 100% !important;
    min-height: 178px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
    border: 1px solid rgba(15,77,139,.08) !important;
    box-shadow: 0 12px 32px rgba(15,77,139,.04) !important;
    overflow: visible !important;
  }

  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-grid"] > a,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > article,
  html body .kj-problem-page [class*="-dark"] [class*="-strip"] > a {
    background: rgba(255,255,255,.085) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  }

  html body .kj-problem-page [class*="-grid"] > article p,
  html body .kj-problem-page [class*="-grid"] > a p,
  html body .kj-problem-page [class*="-strip"] > article p,
  html body .kj-problem-page [class*="-strip"] > a p {
    font-size: 14.8px !important;
    line-height: 1.66 !important;
    margin: 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article strong,
  html body .kj-problem-page [class*="-grid"] > a strong,
  html body .kj-problem-page [class*="-strip"] > article strong,
  html body .kj-problem-page [class*="-strip"] > a strong {
    display: block !important;
    font-size: 20px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }

  html body .kj-problem-page [class*="-grid"] > article h3,
  html body .kj-problem-page [class*="-grid"] > a h3,
  html body .kj-problem-page [class*="-strip"] > article h3,
  html body .kj-problem-page [class*="-strip"] > a h3 {
    font-size: 21px !important;
    line-height: 1.18 !important;
    margin: 0 0 6px 0 !important;
  }
}

@media (max-width: 980px) {
  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page {
    width: calc(100vw - 24px) !important;
    padding-top: 16px !important;
  }

  html body .kj-problem-page [class$="-hero"],
  html body .kj-problem-page [class*="-hero"] {
    min-height: auto !important;
    padding: 48px 20px 54px !important;
    border-radius: 26px !important;
  }

  html body .kj-problem-page [class$="-hero"] h1,
  html body .kj-problem-page [class*="-hero"] h1 {
    font-size: clamp(32px, 9vw, 44px) !important;
    line-height: 1.12 !important;
    letter-spacing: -0.01em !important;
  }

  html body .kj-problem-page h2,
  html body .kj-problem-page [class$="-head"] h2,
  html body .kj-problem-page [class*="-head"] h2,
  html body .kj-problem-page [class$="-answer"] h2,
  html body .kj-problem-page [class*="-answer"] h2 {
    font-size: clamp(26px, 7.2vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-head"],
  html body .kj-problem-page [class*="-answer"],
  html body .kj-problem-page [class*="-author"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page [class*="-grid"] > article,
  html body .kj-problem-page [class*="-grid"] > a,
  html body .kj-problem-page [class*="-strip"] > article,
  html body .kj-problem-page [class*="-strip"] > a {
    min-height: auto !important;
  }
}


/* =========================================================
========================================================= */

html body .kj-problem-page .kj-problem-hero h1 {
  font-size: clamp(34px, 4.15vw, 58px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.018em !important;
  max-width: 920px !important;
}

html body .kj-problem-page .kj-problem-hero {
  min-height: 430px !important;
  padding-top: 78px !important;
  padding-bottom: 64px !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-section h2,
html body .kj-problem-page .kj-problem-answer h2,
html body .kj-problem-page .kj-problem-definition h2,
html body .kj-problem-page .kj-problem-map-copy h2,
html body .kj-problem-page .kj-problem-trust h2,
html body .kj-problem-page .kj-problem-final h2,
html body .kj-problem-page .kj-problem-author-copy h2 {
  font-size: clamp(26px, 3.1vw, 42px) !important;
  line-height: 1.14 !important;
  letter-spacing: -0.016em !important;
}

html body .kj-problem-page h3,
html body .kj-problem-page [class*="-grid"] h3,
html body .kj-problem-page [class*="-card"] h3 {
  font-size: clamp(19px, 1.65vw, 22px) !important;
  line-height: 1.22 !important;
}

html body .kj-problem-page [class*="-grid"] > article,
html body .kj-problem-page [class*="-grid"] > a,
html body .kj-problem-page [class*="-strip"] > article,
html body .kj-problem-page [class*="-rail"] > article,
html body .kj-problem-page [class*="-related"] > a,
html body .kj-problem-page [class*="-related"] > article {
  min-width: 0 !important;
  background: linear-gradient(180deg, #FFFFFF, #F8FBFE) !important;
  border: 1px solid rgba(15,77,139,.085) !important;
  box-shadow: 0 12px 32px rgba(15,77,139,.045) !important;
  border-radius: 20px !important;
}

html body .kj-problem-page .kj-problem-dark [class*="-grid"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-grid"] > a,
html body .kj-problem-page .kj-problem-dark [class*="-strip"] > article,
html body .kj-problem-page .kj-problem-dark [class*="-rail"] > article {
  background: rgba(255,255,255,.095) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 14px 36px rgba(0,0,0,.08) !important;
}

html body .kj-problem-page [class*="-grid"] > article *,
html body .kj-problem-page [class*="-grid"] > a *,
html body .kj-problem-page [class*="-strip"] > article *,
html body .kj-problem-page [class*="-rail"] > article * {
  min-width: 0 !important;
}

html body .kj-problem-page .kj-problem-author-mini {
  position: relative !important;
  overflow: visible !important;
  padding-top: 58px !important;
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini::before {
  top: 14px !important;
  left: 28px !important;
  transform: none !important;
  min-height: 32px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 20px rgba(7,30,52,.12) !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon {
  font-size: 0 !important;
  line-height: 1 !important;
  overflow: hidden !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > * {
  font-size: 0 !important;
  line-height: 0 !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before {
  display: block !important;
  color: currentColor !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before {
  content: "?" !important;
  display: block !important;
  color: currentColor !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

@media (max-width: 1180px) {
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-hero h1 {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.12 !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-section h2,
  html body .kj-problem-page .kj-problem-answer h2,
  html body .kj-problem-page .kj-problem-definition h2,
  html body .kj-problem-page .kj-problem-final h2,
  html body .kj-problem-page .kj-problem-author-copy h2 {
    font-size: clamp(25px, 7.8vw, 36px) !important;
  }

  html body .kj-problem-page [class*="-grid"],
  html body .kj-problem-page [class*="-strip"],
  html body .kj-problem-page [class*="-rail"],
  html body .kj-problem-page [class*="-related"] {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini {
    padding-top: 56px !important;
  }

  html body .kj-problem-page .kj-problem-author-mini::before {
    top: 14px !important;
    left: 20px !important;
  }
}


/* === V4 OVERRIDE: step/card numbers aligned to requested plain-number layout === */
html body .kj-problem-page .kj-problem-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: block !important;
  place-items: unset !important;
  background: none !important;
  box-shadow: none !important;
  color: #667085 !important;
  font-size: clamp(18px, 1.8vw, 24px) !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  margin: 0 !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.022em !important;
}

html body .kj-problem-page .kj-problem-head p {
  margin-top: 2px !important;
  max-width: 900px !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-head {
    gap: 8px !important;
    margin-bottom: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head > span,
  html body .kj-problem-page .kj-problem-no {
    font-size: 16px !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4 {
    font-size: clamp(24px, 7vw, 32px) !important;
  }
}


/* === V5 OVERRIDE: icon centering + 4/1 card layout + premium number badges === */
html body .kj-problem-page .kj-problem-author-mini,
html body .kj-problem-page .kj-problem-answer {
  align-items: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
}

html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
}

html body .kj-problem-page .kj-problem-model-grid,
html body .kj-problem-page .kj-problem-related-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #F5F9FC 0%, #ECF4FA 100%) !important;
  border: 1px solid rgba(15,77,139,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
  color: var(--kj-problem-primary) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
}

html body .kj-problem-page .kj-problem-model-grid > article,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-related-grid > article {
  min-height: 100% !important;
}

@media (max-width: 1024px) {
  html body .kj-problem-page .kj-problem-model-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-answer {
    grid-template-columns: 1fr !important;
  }

  html body .kj-problem-page .kj-problem-author-mini-icon,
  html body .kj-problem-page .kj-problem-answer-icon {
    margin-bottom: 4px !important;
  }

  html body .kj-problem-page .kj-problem-model-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-problem-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-kpi-grid > article > span:first-child,
  html body .kj-problem-page .kj-problem-component-grid > article > span:first-child {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 14px !important;
  }
}


/* === V6 OVERRIDE: related label drift fix + section head number boxes restore === */
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--kj-problem-primary) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

html body .kj-problem-page .kj-problem-head > span:first-child,
html body .kj-problem-page .kj-problem-no {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  border-radius: 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 12px 28px rgba(12, 65, 113, .18), inset 0 1px 0 rgba(255,255,255,.20) !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

html body .kj-problem-page .kj-problem-head {
  align-items: flex-start !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  color: var(--kj-problem-heading) !important;
}

@media (max-width: 767px) {
  html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
  html body .kj-problem-page .kj-problem-related-grid > article > span:first-child {
    font-size: 13px !important;
    margin-bottom: 6px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 15px !important;
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
}


/* === TARGETED FIX V8 === */

/* Related / link card top label drift fix */
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-related-card > span:first-child,
html body .kj-problem-page .kj-problem-link-card > span:first-child {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 0 28px 0 !important;
  display: block !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: var(--kj-problem-primary) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-related-card,
html body .kj-problem-page .kj-problem-link-card {
  padding-top: 30px !important;
}

/* Desktop section heading number: left side blue box */
@media (min-width: 1024px) {
  html body .kj-problem-page .kj-problem-head {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    column-gap: 24px !important;
    row-gap: 10px !important;
    align-items: start !important;
    margin-bottom: 24px !important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-no {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
    justify-self: start !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #0A3D70 0%, #54AEE2 100%) !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    box-shadow: 0 12px 28px rgba(12,65,113,.18), inset 0 1px 0 rgba(255,255,255,.20) !important;
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  html body .kj-problem-page .kj-problem-head > div,
  html body .kj-problem-page .kj-problem-head > .kj-problem-head-content {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    min-width: 0 !important;
  }

  html body .kj-problem-page .kj-problem-head > h2,
  html body .kj-problem-page .kj-problem-head > h3,
  html body .kj-problem-page .kj-problem-head > h4 {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    color: var(--kj-problem-heading) !important;
  }

  html body .kj-problem-page .kj-problem-head > p {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL FIX V10
   - Author mini icon clean
   - Symptom grid desktop 3+3 / mobile 1
   - Cause grid readable cards
   - Related/link grid stable 4-card layout
   - FAQ accordion symbol instead of numbers
========================================================= */

/* 1) Author mini icon: bozuk karakteri tamamen kapat */
html body .kj-problem-page .kj-problem-author-mini-icon{
  position:relative!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:4px!important;
  background:#0F4D8B!important;
  box-shadow:0 0 0 6px rgba(15,77,139,.08)!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
  border-radius:2px!important;
  background:#EAF5FC!important;
}

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
  html body .kj-problem-page .kj-problem-symptom-grid > article{
    min-height:210px!important;
    height:100%!important;
  }
}
@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-symptom-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-cause-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.07)!important;
  border-radius:24px!important;
  min-height:230px!important;
  padding:28px!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article h3,
html body .kj-problem-page .kj-problem-cause-grid > article strong{
  color:#1F1F24!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article p,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid > article p{
  color:#5F6B7A!important;
  opacity:1!important;
}
html body .kj-problem-page .kj-problem-cause-grid > article span{
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
}
@media (max-width:980px){
  html body .kj-problem-page .kj-problem-cause-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-link-grid,
html body .kj-problem-page .kj-problem-related-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-link-grid > article,
html body .kj-problem-page .kj-problem-related-grid > article{
  min-height:250px!important;
  height:100%!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
}
html body .kj-problem-page .kj-problem-link-grid > a em,
html body .kj-problem-page .kj-problem-related-grid > a em{
  margin-top:auto!important;
  display:inline-flex!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
}
@media (max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-faq summary{
  align-items:center!important;
}
html body .kj-problem-page .kj-problem-faq summary span{
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  position:relative!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  border-radius:12px!important;
  background:#EAF5FC!important;
}
html body .kj-problem-page .kj-problem-faq summary span::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{
  font-size:26px!important;
  transform:translate(-50%,-54%)!important;
}
/* ==========================================================
   6 Kart = 3 + 3
========================================================== */

html body .kj-problem-page .kj-problem-signs-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:24px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
}

html body .kj-problem-page .kj-problem-signs-grid>*{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    display:flex!important;
}

html body .kj-problem-page .kj-problem-signs-grid article{
    width:100%!important;
    height:100%!important;
}

@media (max-width:1024px){

    html body .kj-problem-page .kj-problem-signs-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

}

@media (max-width:767px){

    html body .kj-problem-page .kj-problem-signs-grid{
        grid-template-columns:1fr!important;
    }

}

/* =========================================================
   KJ PROBLEM TEMPLATE FINAL PATCH V11
   - 6'lı kart alanları desktop 3+3 / mobile 1
   - Mini vaka case study hikaye formatı
   - İlgili rehber kartları stabil
========================================================= */

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-reason-strip>article,
html body .kj-problem-page .kj-problem-symptom-grid>article,
html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}

html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.07)!important;
  border-radius:24px!important;
  min-height:230px!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
}

html body .kj-problem-page .kj-problem-cause-grid h3,
html body .kj-problem-page .kj-problem-model-grid h3{color:#1F1F24!important;}
html body .kj-problem-page .kj-problem-cause-grid p,
html body .kj-problem-page .kj-problem-model-grid p{color:#5F6B7A!important;opacity:1!important;}

html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-link-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  font-size:0!important;
  line-height:0!important;
  position:relative!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-link-icon::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background:#0F4D8B!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
}



html body .kj-problem-page .kj-problem-priority-timeline{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  position:relative!important;
}

html body .kj-problem-page .kj-problem-priority-step{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding:26px!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 14px 38px rgba(15,77,139,.055)!important;
  position:relative!important;
}

html body .kj-problem-page .kj-problem-priority-badge{
  width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 14px!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  background:#0F4D8B!important;
}
html body .kj-problem-page .kj-problem-priority-critical .kj-problem-priority-badge{background:#DC2626!important;}
html body .kj-problem-page .kj-problem-priority-important .kj-problem-priority-badge{background:#F59E0B!important;}
html body .kj-problem-page .kj-problem-priority-improve .kj-problem-priority-badge{background:#16A34A!important;}

html body .kj-problem-page .kj-problem-priority-step h3{font-size:25px!important;margin-bottom:8px!important;}
html body .kj-problem-page .kj-problem-priority-step p{margin-bottom:14px!important;}
html body .kj-problem-page .kj-problem-priority-step ol{margin:0!important;padding:0!important;list-style:none!important;display:grid!important;gap:9px!important;counter-reset:priorityStep!important;}
html body .kj-problem-page .kj-problem-priority-step li{position:relative!important;padding-left:38px!important;color:#5F6B7A!important;font-size:15.5px!important;line-height:1.6!important;counter-increment:priorityStep!important;}
html body .kj-problem-page .kj-problem-priority-step li::before{content:counter(priorityStep)!important;position:absolute!important;left:0!important;top:0!important;width:26px!important;height:26px!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:#0F4D8B!important;font-size:12px!important;font-weight:900!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-priority-step{grid-template-columns:1fr!important;padding:22px!important;gap:14px!important;}
  html body .kj-problem-page .kj-problem-priority-badge{width:max-content!important;max-width:100%!important;}
}

html body .kj-problem-page .kj-problem-case-story{
  border-radius:28px!important;
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 16px 42px rgba(15,77,139,.06)!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-case-story-head{
  padding:30px!important;
  background:radial-gradient(circle at 84% 20%,rgba(84,174,226,.18),transparent 32%),linear-gradient(135deg,#071E34,#0F4D8B)!important;
  color:#fff!important;
}
html body .kj-problem-page .kj-problem-case-story-head span{display:inline-flex!important;margin-bottom:14px!important;padding:7px 11px!important;border-radius:999px!important;background:rgba(255,255,255,.14)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.06em!important;}
html body .kj-problem-page .kj-problem-case-story-head h3{color:#fff!important;font-size:clamp(24px,2.7vw,36px)!important;margin-bottom:10px!important;}
html body .kj-problem-page .kj-problem-case-story-head p{color:#DCEBFA!important;max-width:880px!important;}

html body .kj-problem-page .kj-problem-case-story-flow{display:grid!important;gap:0!important;}
html body .kj-problem-page .kj-problem-case-story-flow article{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;gap:22px!important;padding:24px 30px!important;border-top:1px solid rgba(15,77,139,.09)!important;background:#fff!important;}
html body .kj-problem-page .kj-problem-case-story-flow strong{color:#0F4D8B!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-case-story-flow p{color:#5F6B7A!important;}
@media(max-width:680px){html body .kj-problem-page .kj-problem-case-story-flow article{grid-template-columns:1fr!important;padding:22px!important;gap:8px!important;}}

html body .kj-problem-page .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid>a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-link-grid>a>*{min-width:0!important;max-width:100%!important;}
html body .kj-problem-page .kj-problem-link-grid strong{display:block!important;color:#1F1F24!important;font-size:21px!important;line-height:1.18!important;}
html body .kj-problem-page .kj-problem-link-grid p{color:#5F6B7A!important;font-size:15px!important;line-height:1.65!important;}
html body .kj-problem-page .kj-problem-link-grid em{margin-top:auto!important;font-style:normal!important;color:#0F4D8B!important;font-weight:900!important;}
@media(max-width:1020px){html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important;}}

html body .kj-problem-page .kj-problem-faq summary span::before{content:"+"!important;}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{content:"-"!important;font-size:28px!important;transform:translate(-50%,-53%)!important;}

/* =========================================================
   KJ PROBLEM FINAL PATCH V12
   - 8'li kart alanları desktop 4+4 / tablet 2 / mobile 1
   - Mini vaka case study hikaye formatı
========================================================= */

@media (min-width:981px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
    align-items:stretch!important;
  }
}

@media (min-width:681px) and (max-width:980px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page .kj-problem-reason-strip,
  html body .kj-problem-page .kj-problem-symptom-grid,
  html body .kj-problem-page .kj-problem-cause-grid,
  html body .kj-problem-page .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
}

html body .kj-problem-page .kj-problem-reason-strip>article,
html body .kj-problem-page .kj-problem-symptom-grid>article,
html body .kj-problem-page .kj-problem-cause-grid>article,
html body .kj-problem-page .kj-problem-model-grid>article{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:100%!important;
}


html body .kj-problem-page #onceliklendirme .kj-problem-priority-timeline{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  grid-template-columns:190px minmax(0,1fr)!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-step>div{
  min-width:0!important;
  width:100%!important;
}

@media(max-width:680px){
  html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
    grid-template-columns:1fr!important;
  }
}

html body .kj-problem-page .kj-problem-case-story{
  border-radius:30px!important;
  overflow:hidden!important;
  background:#FFFFFF!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 18px 52px rgba(15,77,139,.075)!important;
}

html body .kj-problem-page .kj-problem-case-story-head{
  padding:34px!important;
  background:radial-gradient(circle at 84% 20%,rgba(84,174,226,.24),transparent 34%),linear-gradient(135deg,#071E34,#0F4D8B)!important;
}

html body .kj-problem-page .kj-problem-case-story-head span{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-bottom:14px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
}

html body .kj-problem-page .kj-problem-case-story-head h3{
  color:#fff!important;
  font-size:clamp(25px,2.8vw,38px)!important;
  margin-bottom:12px!important;
}

html body .kj-problem-page .kj-problem-case-story-head p{
  color:#DCEBFA!important;
  font-size:17px!important;
  line-height:1.72!important;
  max-width:920px!important;
}

html body .kj-problem-page .kj-problem-case-narrative{
  padding:32px 34px!important;
  display:grid!important;
  gap:18px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
}

html body .kj-problem-page .kj-problem-case-narrative p{
  position:relative!important;
  padding-left:24px!important;
  color:#5F6B7A!important;
  font-size:16.5px!important;
  line-height:1.75!important;
}

html body .kj-problem-page .kj-problem-case-narrative p::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.72em!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#0F4D8B!important;
  box-shadow:0 0 0 6px rgba(15,77,139,.08)!important;
}

html body .kj-problem-page .kj-problem-case-narrative strong{
  color:#1F1F24!important;
  font-weight:900!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-case-story-head,
  html body .kj-problem-page .kj-problem-case-narrative{
    padding:24px!important;
  }
}

html body .kj-problem-page .kj-problem-link-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

html body .kj-problem-page .kj-problem-link-grid>a.kj-problem-link-card,
html body .kj-problem-page .kj-problem-link-grid>a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-link-grid>a.kj-problem-link-card>.kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid>a>.kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid>a>span.kj-problem-link-icon:first-child{
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0 0 4px 0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:0!important;
  letter-spacing:0!important;
  text-transform:none!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-link-grid>a strong{
  display:block!important;
  width:100%!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
  overflow-wrap:normal!important;
}

html body .kj-problem-page .kj-problem-link-grid>a p{
  display:block!important;
  width:100%!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
}

html body .kj-problem-page .kj-problem-link-grid>a em{
  margin-top:auto!important;
  display:inline-flex!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:15px!important;
}

@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid{grid-template-columns:1fr!important;}
}


/* =========================================================
   KJ PROBLEM FINAL PATCH V13
========================================================= */

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  content:""!important;
  width:25px!important;
  height:25px!important;
  display:block!important;
  background:#0F4D8B!important;
  -webkit-mask:center/contain no-repeat!important;
  mask:center/contain no-repeat!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

html body .kj-problem-page .kj-problem-priority-timeline{
  width:100%!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-priority-step{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
  padding:28px!important;
}
html body .kj-problem-page .kj-problem-priority-step > div{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}
html body .kj-problem-page .kj-problem-priority-step ol{
  width:100%!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-priority-badge{
  width:max-content!important;
  max-width:100%!important;
}

html body .kj-problem-page .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  background:#fff!important;
}
html body .kj-problem-page .kj-problem-case-narrative article{
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:20px!important;
  padding:24px 30px!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
  background:#fff!important;
}
html body .kj-problem-page .kj-problem-case-narrative article > span{
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:14px!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-case-narrative strong{
  display:block!important;
  color:#0F4D8B!important;
  font-size:19px!important;
  line-height:1.25!important;
  margin-bottom:7px!important;
}
html body .kj-problem-page .kj-problem-case-narrative p{
  color:#5F6B7A!important;
  margin:0!important;
}
html body .kj-problem-page .kj-problem-case-narrative .kj-problem-case-result{
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
}
html body .kj-problem-page .kj-problem-case-narrative .kj-problem-case-result > span{
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-case-narrative article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }
}

html body .kj-problem-page .kj-problem-linking{
  overflow:visible!important;
}
html body .kj-problem-page .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}
html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card,
html body .kj-problem-page .kj-problem-link-grid > a{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:272px!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}
html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page .kj-problem-link-grid > a > .kj-problem-link-icon{
  grid-row:1!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
html body .kj-problem-page .kj-problem-link-grid .kj-problem-link-icon::before{
  background:none!important;
  width:auto!important;
  height:auto!important;
  color:#0F4D8B!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-link-grid strong{
  grid-row:2!important;
  display:block!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
  min-width:0!important;
}
html body .kj-problem-page .kj-problem-link-grid p{
  grid-row:3!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  min-width:0!important;
}
html body .kj-problem-page .kj-problem-link-grid em{
  grid-row:4!important;
  align-self:end!important;
  margin-top:10px!important;
  color:#0F4D8B!important;
  font-style:normal!important;
  font-weight:900!important;
  font-size:15px!important;
}
@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page .kj-problem-link-grid > a.kj-problem-link-card,
  html body .kj-problem-page .kj-problem-link-grid > a{
    min-height:auto!important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL PATCH V15
   - İlgili rehber alanı 4 bağımsız article kart olarak sabitlendi
   - Anchor sarmalaması kaynaklı 11 kutu problemi kapatıldı
   - Mini vaka case study adımları tam genişlik yapıldı
========================================================= */

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  padding:0!important;
  background:#fff!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  margin:0!important;
  padding:26px 34px!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
  background:#fff!important;
  box-shadow:none!important;
  border-radius:0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative strong{
  display:block!important;
  color:#0F4D8B!important;
  font-size:19px!important;
  line-height:1.25!important;
  margin:0 0 7px 0!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#5F6B7A!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p::before{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative .kj-problem-case-result{
  background:linear-gradient(135deg,#F4FBFF,#FFFFFF)!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative .kj-problem-case-result > span{
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:272px!important;
  margin:0!important;
  padding:24px!important;
  display:grid!important;
  grid-template-rows:54px auto 1fr auto!important;
  gap:12px!important;
  align-items:start!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong{
  display:block!important;
  width:100%!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  margin:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p{
  display:block!important;
  width:100%!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin:0!important;
  padding:0!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:10px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a::after{
  content:" ↗"!important;
}

@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }

  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }

  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
    min-height:auto!important;
  }
}


/* =========================================================
   KJ PROBLEM TEMPLATE FINAL HOTFIX — 2026-07-01
   Preview bug fixes requested by user
   ========================================================= */
html body .kj-problem-page .kj-problem-author-mini{
  min-height:96px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:18px!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  margin:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon{
  position:relative!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:44px!important;
  font-size:0!important;
  color:transparent!important;
  background:linear-gradient(180deg,#eff6fd,#e3eefb)!important;
  border:1px solid #d8e6f5!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  display:block!important;
  margin:auto!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-wa-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  font-size:0!important;
  color:transparent!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%)!important;
  width:20px!important;
  height:20px!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-wa-icon{width:24px!important;height:24px!important;display:inline-block!important;}
html body .kj-problem-page .kj-problem-mini-wa{
  background:rgba(255,255,255,.18)!important;
}
html body .kj-problem-page .kj-problem-mini-wa::before{
  width:22px!important;height:22px!important;
}

html body .kj-problem-page .kj-problem-grid-icon{
  position:relative!important;
  width:52px!important;
  height:52px!important;
  border-radius:17px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid #d7e5f4!important;
  font-size:0!important;
  color:transparent!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before{
  content:""!important;
  width:24px!important;
  height:24px!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before,
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before,
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before,
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before,
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before,
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{
  background-image:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before,
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{
  background-image:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  font-size:0!important;color:transparent!important;position:relative!important;overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  content:""!important;width:24px!important;height:24px!important;display:block!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;
}
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;
background-image:none!important;

html body .kj-problem-page #mini-vaka-senaryosu,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story{
  overflow:hidden!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:flex-start!important;
  padding:26px 28px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  min-width:0!important;
  max-width:none!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p::before{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 20px!important;
  }
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
  min-width:0!important;
  width:100%!important;
  padding:24px!important;
  border-radius:24px!important;
  background:#fff!important;
  border:1px solid var(--kj-problem-line)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card::before{
  display:none!important;
  content:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > strong{
  color:#1F1F24!important;
  font-size:22px!important;
  line-height:1.18!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > p{
  color:#5F6B7A!important;
  font-size:15px!important;
  line-height:1.68!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a.kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a{
  margin-top:auto!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:50px!important;
  padding:0 20px!important;
  border-radius:18px!important;
  border:1px solid #d8e6f4!important;
  background:#fff!important;
  color:#5F6B7A!important;
  font-size:15px!important;
  font-weight:600!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a::after{
  display:none!important;
  content:none!important;
}
@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:1fr!important;}
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{padding:20px!important;}
}

/* KJ PROBLEM CLEAN SAFE PATCH */
html body .kj-problem-page .kj-problem-wa-icon::before{content:"☎"!important;font-size:16px!important;color:#fff!important;}
html body .kj-problem-page .kj-problem-faq summary span::before{content:"+"!important;color:#0F4D8B!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-faq details[open] summary span::before{content:"-"!important;color:#0F4D8B!important;font-size:28px!important;}
@media(min-width:981px){html body .kj-problem-page .kj-problem-reason-strip,html body .kj-problem-page .kj-problem-symptom-grid,html body .kj-problem-page .kj-problem-cause-grid,html body .kj-problem-page .kj-problem-model-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}}
@media(max-width:680px){html body .kj-problem-page .kj-problem-reason-strip,html body .kj-problem-page .kj-problem-symptom-grid,html body .kj-problem-page .kj-problem-cause-grid,html body .kj-problem-page .kj-problem-model-grid{grid-template-columns:1fr!important;}}

/* =========================================================
   KJ PROBLEM FINAL VISUAL LOCK V16.2
   - hero / final CTA icon circles equal
   - author sentence fixed inline flow
   - card icons centered, no clipped glyphs
   - mini WhatsApp black legacy icon removed
   - case study full-width flow
   - related guide cards no nested-card button
========================================================= */

/* 1) Hero + final CTA icon circles: same translucent circle on both buttons */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:22px!important;
  height:22px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:none!important;
  mask:none!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  content:"↗"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  color:#fff!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* 2) Author mini: fixed sentence, proper spacing around linked name */
html body .kj-problem-page .kj-problem-author-mini{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:18px!important;
  min-height:92px!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  color:#66788D!important;
  font-size:16px!important;
  line-height:1.65!important;
  font-weight:500!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
html body .kj-problem-page .kj-problem-author-mini a{
  display:inline!important;
  margin:0 4px!important;
  color:#0F4D8B!important;
  font-weight:900!important;
  white-space:nowrap!important;
  text-decoration:none!important;
}

/* 3) Grid card icons: no text clipping, all centered with clean mask icons */
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  position:relative!important;
  padding:0!important;
  margin:0 0 6px 0!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:25px!important;
  height:25px!important;
  display:block!important;
  background:#0F4D8B!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
  -webkit-mask:none!important;
  mask:none!important;
}
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before,
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before,
html body .kj-problem-page .kj-problem-grid-icon.is-time::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-data::before,
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before,
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before,
html body .kj-problem-page .kj-problem-grid-icon.is-form::before,
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before,
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;
-webkit-mask-image:none!important;

/* 4) Mini WhatsApp CTA: remove legacy black img/svg and use one clean white phone icon */
html body .kj-problem-page .kj-problem-mini-wa img,
html body .kj-problem-page .kj-problem-mini-wa svg,
html body .kj-problem-page .kj-problem-mini-wa .emoji{
  display:none!important;
  visibility:hidden!important;
}
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
}
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:26px!important;
  height:26px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* 5) Case study: full width content, no narrow text column */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  padding:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:20px!important;
  padding:26px 34px!important;
  margin:0!important;
  border-top:1px solid rgba(15,77,139,.09)!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  flex:0 0 46px!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  flex:1 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  line-height:1.72!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p::before{
  content:none!important;
  display:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    flex-direction:column!important;
    padding:22px!important;
    gap:12px!important;
  }
}

/* 6) Related guide cards: article is card; inner link is text button only */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{
  width:100%!important;
  min-width:0!important;
  min-height:270px!important;
  padding:28px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:16px!important;
  overflow:hidden!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > strong{
  width:100%!important;
  margin:0!important;
  color:#1F1F24!important;
  font-size:24px!important;
  line-height:1.18!important;
  font-weight:900!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > p{
  width:100%!important;
  margin:0!important;
  color:#5F6B7A!important;
  font-size:16px!important;
  line-height:1.65!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:8px 0 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline!important;
  color:#0F4D8B!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action::before,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action::after{
  display:none!important;
  content:none!important;
}
@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{grid-template-columns:1fr!important;}
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{min-height:auto!important;}
}


/* =========================================================
   KJ PROBLEM v16.3 FINAL ALIGNMENT PATCH
   Only fixes: related cards, case study width, author centering,
   CTA icon circles and Toplantı Planla arrow icon.
   ========================================================= */

/* Hero / final CTA icon circles: both buttons use same clean translucent circle */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

/* WhatsApp/phone icon: no text, no old black icon */
html body .kj-problem-page .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-wa-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *,
html body .kj-problem-page .kj-problem-mini-wa img,
html body .kj-problem-page .kj-problem-mini-wa svg,
html body .kj-problem-page .kj-problem-mini-wa .emoji{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:23px!important;
  height:23px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Toplanti Planla: clean up-right arrow icon */
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon{
  color:transparent!important;
  font-size:0!important;
}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:19px!important;
  height:19px!important;
  display:block!important;
  background:#fff!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-position:center!important;
  mask-position:center!important;
  -webkit-mask-size:contain!important;
  mask-size:contain!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* Author mini: equal top/bottom space and vertical center */
html body .kj-problem-page .kj-problem-author-mini{
  min-height:112px!important;
  padding:26px 30px!important;
  display:grid!important;
  grid-template-columns:56px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .kj-problem-page .kj-problem-author-mini p{
  margin:0!important;
  padding:0!important;
  align-self:center!important;
  font-size:17px!important;
  line-height:1.72!important;
  font-weight:600!important;
  max-width:none!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon{
  align-self:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-author-mini{
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:14px!important;
    padding:22px 18px!important;
    min-height:0!important;
  }
  html body .kj-problem-page .kj-problem-author-mini-icon{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
  html body .kj-problem-page .kj-problem-author-mini p{
    font-size:14.5px!important;
  }
}

/* Card icons: center icons inside their rounded squares */
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-indent:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}

/* Mini case study: left aligned, but full-width readable flow */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-head,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  padding:26px 30px!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > span,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > span{
  grid-column:1!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  justify-self:start!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > div,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > div{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  text-align:left!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article p,
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article p{
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative p::before{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:22px 20px!important;
  }
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-story-flow article > div,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative article > div{
    grid-column:1!important;
  }
}

/* Related/service cards: 2x2 full cards like reference, no inner box */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{
  min-height:220px!important;
  height:auto!important;
  width:100%!important;
  max-width:none!important;
  padding:30px 34px!important;
  border-radius:26px!important;
  background:#fff!important;
  border:1px solid var(--kj-problem-line)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card::before,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > span{
  display:none!important;
  content:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card strong,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card a{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card strong{
  font-size:26px!important;
  line-height:1.18!important;
  color:#1F1F24!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p{
  color:#5F6B7A!important;
  font-size:17px!important;
  line-height:1.7!important;
  flex:1 1 auto!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card > a{
  margin-top:auto!important;
  padding:0!important;
  min-height:0!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  font-size:18px!important;
  line-height:1.4!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action::after,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card > a::after{
  display:none!important;
  content:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card{
    min-height:0!important;
    padding:24px!important;
  }
}

/* =========================================================
   KJ PROBLEM FINAL FIX V16.4
   Only requested changes:
   1) Section number + title alignment
   2) Related guide link text left alignment
   ========================================================= */

/* Section headers: title starts beside number, description directly under title */
@media (min-width: 681px){
  html body .kj-problem-page .kj-problem-head{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    column-gap:24px!important;
    row-gap:0!important;
    align-items:start!important;
    justify-items:start!important;
    margin:0 0 26px 0!important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    justify-self:start!important;
    margin:0!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    border-radius:18px!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .kj-problem-page .kj-problem-head > div,
  html body .kj-problem-page .kj-problem-head > .kj-problem-head-content{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4{
    width:100%!important;
    max-width:none!important;
    margin:0 0 10px 0!important;
    padding:0!important;
    line-height:1.08!important;
    text-align:left!important;
  }

  html body .kj-problem-page .kj-problem-head p{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    text-align:left!important;
    line-height:1.68!important;
  }
}

/* Mobile keeps number above title */
@media (max-width:680px){
  html body .kj-problem-page .kj-problem-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    align-items:start!important;
    justify-items:start!important;
  }

  html body .kj-problem-page .kj-problem-head > span:first-child,
  html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]{
    grid-column:1!important;
    grid-row:1!important;
    margin:0!important;
  }

  html body .kj-problem-page .kj-problem-head > div{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head p{
    margin-left:0!important;
    text-align:left!important;
  }
}

/* Related guide/service cards: action link aligns with paragraph start, no centered button look */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card .kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card > a.kj-problem-link-action,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > .kj-problem-link-card > a.kj-problem-link-action{
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  margin:4px 0 0 0!important;
  padding:0!important;
  align-self:flex-start!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  line-height:1.35!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card p{
  margin-bottom:0!important;
}

/* === V16.5 FIX: section title number badges restored === */
html body .kj-problem-page .kj-problem-head {
  display: grid !important;
  grid-template-columns: 74px minmax(0, 1fr) !important;
  gap: 20px !important;
  align-items: start !important;
  margin-bottom: 24px !important;
}

html body .kj-problem-page .kj-problem-head > span,
html body .kj-problem-page .kj-problem-no {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  background: linear-gradient(135deg,#0A3D70,#54AEE2) !important;
  box-shadow: 0 14px 34px rgba(84,174,226,.20) !important;
  color: #FFFFFF !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

html body .kj-problem-page .kj-problem-head > div {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4 {
  margin: 0 !important;
  font-size: clamp(32px,4.2vw,58px) !important;
  line-height: 1.1 !important;
  letter-spacing: -0.025em !important;
}

html body .kj-problem-page .kj-problem-head p {
  margin: 0 !important;
  max-width: 930px !important;
  color: #62768A !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.65 !important;
}

html body .kj-problem-page .kj-problem-dark .kj-problem-head p {
  color: #DCEBFA !important;
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-head {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  html body .kj-problem-page .kj-problem-head h2,
  html body .kj-problem-page .kj-problem-head h3,
  html body .kj-problem-page .kj-problem-head h4 {
    font-size: clamp(28px,8vw,40px) !important;
  }
}


/* === V16.6 FINAL RESTORE LOCK: numbers, card icons, FAQ +/- === */
html body .kj-problem-page .kj-problem-head{
  display:grid!important;
  grid-template-columns:74px minmax(0,1fr)!important;
  column-gap:20px!important;
  row-gap:0!important;
  align-items:start!important;
  justify-items:start!important;
  margin:0 0 24px 0!important;
}
html body .kj-problem-page .kj-problem-head > span:first-child,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child,
html body .kj-problem-page .kj-problem-no{
  grid-column:1!important;
  grid-row:1!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  box-shadow:0 14px 34px rgba(84,174,226,.20)!important;
  color:#FFFFFF!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
  text-indent:0!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-head > span:first-child::before,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child::before,
html body .kj-problem-page .kj-problem-head > span:first-child::after,
html body .kj-problem-page .kj-problem-head > span[aria-hidden="true"]:first-child::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-head > div{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  text-align:left!important;
}
html body .kj-problem-page .kj-problem-head h2,
html body .kj-problem-page .kj-problem-head h3,
html body .kj-problem-page .kj-problem-head h4{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
}
html body .kj-problem-page .kj-problem-head p{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:930px!important;
  text-align:left!important;
}

html body .kj-problem-page .kj-problem-grid-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88)!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-grid-icon{
  background:rgba(255,255,255,.13)!important;
  color:#FFFFFF!important;
  border-color:rgba(255,255,255,.20)!important;
}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-grid-icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  color:currentColor!important;
  fill:currentColor!important;
  stroke:none!important;
  opacity:1!important;
  visibility:visible!important;
}
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

html body .kj-problem-page .kj-problem-faq summary{
  position:relative!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
html body .kj-problem-page .kj-problem-faq summary > span:first-child,
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(84,174,226,.14)!important;
  color:#0F4D8B!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
}
html body .kj-problem-page .kj-problem-faq summary > span:first-child::before,
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle::before{
  content:"+"!important;
  display:block!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary > span:first-child::before,
html body .kj-problem-page .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before{
  content:"-"!important;
  font-size:28px!important;
  line-height:.85!important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-head{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  html body .kj-problem-page .kj-problem-head > div{
    grid-column:1!important;
    grid-row:2!important;
  }
}

/* =========================================================

/* =========================================================
   KJ PROBLEM v16.9.1 — FONT AWESOME ONLY ICON LOCK
   Amaç: Tüm ikonları tek sistemde Font Awesome pseudo element ile göstermek.
   Not: HTML içindeki SVG, emoji, yazı karakteri veya <i> ikon kalıntıları gizlenir.
   Gereksinim: Font Awesome 6 Free / Font Awesome 5 Free site genelinde yüklü olmalıdır.
   ========================================================= */

html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-faq-toggle{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-items:center!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  text-align:center!important;
  text-indent:0!important;
  white-space:nowrap!important;
  line-height:1!important;
  font-size:0!important;
}

html body .kj-problem-page .kj-problem-icon > *,
html body .kj-problem-page .kj-problem-grid-icon > *,
html body .kj-problem-page .kj-problem-card-icon > *,
html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}

html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-trust-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome"!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  line-height:1!important;
  text-align:center!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-icon{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  padding:0!important;
  margin:0 0 8px 0!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:var(--kj-problem-primary)!important;
  box-shadow:none!important;
}

html body .kj-problem-page .kj-problem-author-mini-icon{
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  border-radius:14px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.08)!important;
  color:var(--kj-problem-primary)!important;
}

html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon{
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-mini-wa{
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-icon::before{font-size:15px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{font-size:18px!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-mini-wa::before{font-size:18px!important;}

/* Hero / CTA */
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f35d"!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f3a5"!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before{content:"\f059"!important;}
html body .kj-problem-page .kj-problem-trust-icon::before{content:"\f058"!important;}

/* Grid icon mapping */
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f200"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f245"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f022"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f590"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;}

/* Card icon mapping */
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{content:"\f0d0"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{content:"\f3fd"!important;}

/* Model cards without data-icon fallback */
html body .kj-problem-page .kj-problem-model-grid article:nth-child(1) .kj-problem-card-icon::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(2) .kj-problem-card-icon::before{content:"\f0ad"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(3) .kj-problem-card-icon::before{content:"\f2d0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(4) .kj-problem-card-icon::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(5) .kj-problem-card-icon::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(6) .kj-problem-card-icon::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(7) .kj-problem-card-icon::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(8) .kj-problem-card-icon::before{content:"\f277"!important;}

/* Context colors */
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:var(--kj-problem-amber-bg)!important;
  border-color:rgba(245,158,11,.22)!important;
  color:var(--kj-problem-amber)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}

/* FAQ toggle */
html body .kj-problem-page .kj-problem-faq summary{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle,
html body .kj-problem-page .kj-problem-faq summary > span:first-child{
  position:relative!important;
  grid-column:1!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 34px!important;
  overflow:hidden!important;
  background:rgba(84,174,226,.14)!important;
  color:var(--kj-problem-primary)!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page .kj-problem-faq summary > span:first-child::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:var(--kj-problem-primary)!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page .kj-problem-faq details[open] summary > span:first-child::before{
  content:"-"!important;
  font-size:28px!important;
  top:47%!important;
}
html body .kj-problem-page .kj-problem-faq details p{padding-left:66px!important;}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-mini-wa{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;}
  html body .kj-problem-page .kj-problem-faq summary{grid-template-columns:32px minmax(0,1fr)!important;align-items:start!important;}
  html body .kj-problem-page .kj-problem-faq summary > .kj-problem-faq-toggle,
  html body .kj-problem-page .kj-problem-faq summary > span:first-child{width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;}
  html body .kj-problem-page .kj-problem-faq details p{padding-left:62px!important;}
}

/* KJ PROBLEM FONT AWESOME HARD FIX V2 - keep this block at the very end */
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-definition-icon,
html body .kj-problem-page .kj-problem-trust-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  overflow:hidden!important;
  text-indent:0!important;
  font-size:0!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-icon > *,
html body .kj-problem-page .kj-problem-grid-icon > *,
html body .kj-problem-page .kj-problem-card-icon > *,
html body .kj-problem-page .kj-problem-author-mini-icon > *,
html body .kj-problem-page .kj-problem-answer-icon > *,
html body .kj-problem-page .kj-problem-definition-icon > *,
html body .kj-problem-page .kj-problem-trust-icon > *,
html body .kj-problem-page .kj-problem-mini-wa > *{
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-definition-icon::after,
html body .kj-problem-page .kj-problem-trust-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  font-family:"Font Awesome 6 Free","Font Awesome 7 Free","Font Awesome 5 Free","FontAwesome"!important;
  font:var(--fa-font-solid)!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  line-height:1!important;
  text-align:center!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-icon{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
}

html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon{
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  border-radius:18px!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  color:var(--kj-problem-primary)!important;
}

html body .kj-problem-page .kj-problem-icon::before{font-size:15px!important;}
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{font-size:18px!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before,
html body .kj-problem-page .kj-problem-trust-icon::before{font-size:22px!important;}
html body .kj-problem-page .kj-problem-mini-wa::before{font-size:18px!important;}

html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f073"!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f05a"!important;}
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-definition-icon::before{content:"\f059"!important;}
html body .kj-problem-page .kj-problem-trust-icon::before{content:"\f058"!important;}

html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f0c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f06e"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f022"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f1c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;}

html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before{content:"\f0eb"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before{content:"\f2f2"!important;}

html body .kj-problem-page .kj-problem-model-grid article:nth-child(1) .kj-problem-card-icon::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(2) .kj-problem-card-icon::before{content:"\f0ad"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(3) .kj-problem-card-icon::before{content:"\f2d0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(4) .kj-problem-card-icon::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(5) .kj-problem-card-icon::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(6) .kj-problem-card-icon::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(7) .kj-problem-card-icon::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-model-grid article:nth-child(8) .kj-problem-card-icon::before{content:"\f277"!important;}

html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:var(--kj-problem-amber-bg)!important;
  border-color:rgba(245,158,11,.22)!important;
  color:var(--kj-problem-amber)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
}
/* =========================================================
   KJ PROBLEM FONT AWESOME ICON LOCK PATCH
   Sadece ikon render sorununu duzeltir; layout/grid/spacing degistirmez.
========================================================= */
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-faq-toggle{
  position:relative!important;
  text-indent:0!important;
  color:inherit!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-faq-toggle::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",Arial,sans-serif!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-indent:0!important;
  opacity:1!important;
}

/* Hero ve final CTA */
html body .kj-problem-page .kj-problem-wa-icon::before{content:"\f095"!important;color:#fff!important;font-size:18px!important;}
html body .kj-problem-page .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-blue-btn .kj-problem-icon::before{content:"\f073"!important;color:#fff!important;font-size:18px!important;}

/* Mini WhatsApp CTA */
html body .kj-problem-page .kj-problem-mini-wa::before{content:"\f095"!important;color:#fff!important;font-size:20px!important;}

/* Author bilgi ikonu */
html body .kj-problem-page .kj-problem-author-mini-icon::before{content:"\f05a"!important;color:#0F4D8B!important;font-size:22px!important;}
html body .kj-problem-page .kj-problem-author-mini-icon::after{content:none!important;display:none!important;}

/* FAQ toggle */
html body .kj-problem-page .kj-problem-faq-toggle::before{content:"\2b"!important;color:#0F4D8B!important;font-size:20px!important;}
html body .kj-problem-page .kj-problem-faq details[open] .kj-problem-faq-toggle::before{content:"\f068"!important;font-size:18px!important;}

/* Genel grid ikonlari */
html body .kj-problem-page .kj-problem-grid-icon::before{color:#0F4D8B!important;font-size:23px!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-targeting::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-intent::before{content:"\f061"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-landing::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-phone::before{content:"\f095"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-data::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-offer::before{content:"\f15c"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-test::before{content:"\f0c3"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-segment::before{content:"\f0c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-view::before{content:"\f06e"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-form::before{content:"\f0ae"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-budget::before{content:"\f09d"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-whatsapp::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-rate::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-time::before{content:"\f017"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-crm::before{content:"\f1c0"!important;}
html body .kj-problem-page .kj-problem-grid-icon.is-warning::before{content:"\f071"!important;color:#F59E0B!important;}

/* Kök neden ve çözüm modeli kart ikonlari */
html body .kj-problem-page .kj-problem-card-icon::before{color:#0F4D8B!important;font-size:23px!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="megaphone"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-bullhorn::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="monitor"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-desktop::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="target"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-bullseye::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="spark"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-wand-magic-sparkles::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chat"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-comments::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="handshake"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-handshake::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="chart"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-chart-line::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-card-icon[data-icon="speed"]::before,
html body .kj-problem-page .kj-problem-card-icon.fa-gauge-high::before{content:"\f625"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-magnifying-glass::before{content:"\f002"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-screwdriver-wrench::before{content:"\f7d9"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-wand-magic-sparkles::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-chart-bar::before{content:"\f080"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-rotate::before{content:"\f2f1"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-filter::before{content:"\f0b0"!important;}
html body .kj-problem-page .kj-problem-card-icon.fa-route::before{content:"\f4d7"!important;}
/* =========================================================
   KJ PROBLEM - KOK NEDEN ANALIZI IKON OVERLAP FIX
   Bu blok mevcut CSS'in EN ALTINA eklenmelidir.
   Sadece .kj-problem-cause-grid icindeki ikonlari etkiler.
========================================================= */

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0 0 6px 0!important;
  padding:0!important;
  display:inline-grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  text-indent:0!important;
  line-height:1!important;
  font-size:0!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::after{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  display:block!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon::before{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important;
  font-weight:900!important;
  color:#0F4D8B!important;
  font-size:24px!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="megaphone"]::before{content:"\f0a1"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="monitor"]::before{content:"\f108"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="target"]::before{content:"\f140"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="spark"]::before{content:"\e2ca"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="chat"]::before{content:"\f086"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="handshake"]::before{content:"\f2b5"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="chart"]::before{content:"\f201"!important;}
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon[data-icon="speed"]::before{content:"\f625"!important;}
/* =========================================================
   KJ PROBLEM CTA ICON FINAL FIX
   Only fixes: Hero / Final CTA button icons
   Scope: Ön Analiz Talep Et + Toplantı Planla
   ========================================================= */

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon{
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free",Arial,sans-serif!important;
  font-size:0!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free"!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:900!important;
  text-indent:0!important;
  opacity:1!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-icon::before{
  content:"\f095"!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-icon::before{
  content:"\f073"!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-icon i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon i,
html body .kj-problem-page .kj-problem-actions .kj-problem-icon svg,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon svg,
html body .kj-problem-page .kj-problem-actions .kj-problem-icon img,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon img{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
/* =========================================================
   KJ PROBLEM - ONLY AUTHOR + CASE STUDY FIX
   Bu patch sadece iki alanı etkiler:
   1) Yazar kartı tam genişlik hizası
   2) Case Study adım başlığı / numara dikey hizası
   ========================================================= */

/* 1) Yazar alanı: sola sıkışmayı kaldır, içeriği tam genişliğe yay */
html body .kj-problem-page .kj-problem-author{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:34px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:30px!important;
  align-items:center!important;
  justify-items:start!important;
}

html body .kj-problem-page .kj-problem-author figure,
html body .kj-problem-page .kj-problem-author .kj-problem-author-media{
  grid-column:1!important;
  grid-row:1!important;
  width:130px!important;
  max-width:130px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

html body .kj-problem-page .kj-problem-author figure img,
html body .kj-problem-page .kj-problem-author .kj-problem-author-media img{
  width:120px!important;
  height:120px!important;
  object-fit:cover!important;
  display:block!important;
}

html body .kj-problem-page .kj-problem-author .kj-problem-author-copy{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:10px!important;
  text-align:left!important;
}

html body .kj-problem-page .kj-problem-author .kj-problem-author-copy h2,
html body .kj-problem-page .kj-problem-author .kj-problem-author-copy p,
html body .kj-problem-page .kj-problem-author .kj-problem-author-copy a{
  max-width:760px!important;
  text-align:left!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-author{
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px!important;
    text-align:center!important;
    justify-items:center!important;
  }

  html body .kj-problem-page .kj-problem-author figure,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-media,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    align-items:center!important;
    text-align:center!important;
  }

  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy h2,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy p,
  html body .kj-problem-page .kj-problem-author .kj-problem-author-copy a{
    text-align:center!important;
  }
}

/* 2) Case Study: adım numarası ile başlık aynı hizada başlasın */
html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
  padding:24px 34px!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  margin:0!important;
  transform:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > strong{
  display:block!important;
  margin:0 0 8px 0!important;
  padding:0!important;
  line-height:1.2!important;
  transform:none!important;
}

html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div > p{
  margin:0!important;
  padding:0!important;
  max-width:none!important;
  width:100%!important;
}

@media(max-width:680px){
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:22px!important;
  }

  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > span,
  html body .kj-problem-page #mini-vaka-senaryosu .kj-problem-case-narrative > article > div{
    grid-column:1!important;
    grid-row:auto!important;
  }
}

/* =========================================================
   K.J.A NOKTA ATISI ICON / CTA LOCK
   Sadece eksik ikon, ikon hizalama, hero/final CTA ve FAQ davranışı için.
   Mevcut problem tasarımını değiştirmez.
========================================================= */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .kj-problem-actions br,
html body .kj-problem-page .kj-problem-mini-cta br{display:none!important;}
html body .kj-problem-page .kj-problem-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  gap:18px!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-actions .kj-problem-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-width:225px!important;
  min-height:56px!important;
  padding:14px 24px!important;
  border-radius:999px!important;
  line-height:1!important;
  white-space:nowrap!important;
  color:#fff!important;
  font-size:15.5px!important;
  font-weight:900!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn{
  background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;
  box-shadow:0 16px 42px rgba(18,190,98,.27),inset 0 1px 0 rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.20)!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn{
  background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;
  box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important;
  border:1px solid rgba(84,174,226,.48)!important;
}
html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-icon{
  display:inline-grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0!important;
  overflow:hidden!important;
  text-indent:0!important;
  flex:0 0 auto!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i,
html body .kj-problem-page .kj-problem-icon > i{
  display:block!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:currentColor!important;
  font-size:1em!important;
  line-height:1!important;
  text-indent:0!important;
  position:static!important;
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-icon.kj-problem-fa-box{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
  max-width:30px!important;
  max-height:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  font-size:15px!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon.kj-problem-fa-box{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  max-width:44px!important;
  max-height:44px!important;
  border-radius:14px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-answer-icon.kj-problem-fa-box{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  font-size:22px!important;
}
html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  border-radius:16px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
  margin:0 0 4px 0!important;
}
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}
html body .kj-problem-page .kj-problem-mini-wa.kj-problem-fa-box{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  max-width:38px!important;
  max-height:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  border:0!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-mini-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
html body .kj-problem-page .kj-problem-reason-strip > article,
html body .kj-problem-page .kj-problem-symptom-grid > article,
html body .kj-problem-page .kj-problem-cause-grid > article,
html body .kj-problem-page .kj-problem-mistake-grid > article,
html body .kj-problem-page .kj-problem-model-grid > article{
  align-items:flex-start!important;
}
html body .kj-problem-page .kj-problem-faq details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page .kj-problem-faq summary{
  list-style:none!important;
  cursor:pointer!important;
  position:relative!important;
  padding:18px 20px 18px 62px!important;
  color:var(--kj-problem-heading)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important;}
html body .kj-problem-page .kj-problem-faq summary::before{
  content:"\f059"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  position:absolute!important;
  left:20px!important;
  top:16px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(84,174,226,.14)!important;
  color:var(--kj-problem-primary)!important;
  font-size:13px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary::before{content:"\f058"!important;}
html body .kj-problem-page .kj-problem-faq details p{
  padding:0 20px 20px 62px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;}
  html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn,
  html body .kj-problem-page .kj-problem-actions .kj-problem-btn{width:100%!important;min-width:0!important;min-height:52px!important;}
  html body .kj-problem-page .kj-problem-faq summary{padding-left:54px!important;}
  html body .kj-problem-page .kj-problem-faq summary::before{left:16px!important;}
  html body .kj-problem-page .kj-problem-faq details p{padding-left:20px!important;}
}

/* =========================================================
   K.J.A FINAL COMPARE STYLE ADAPTER FOR PROBLEM CSS
   Scope: Hero, Mini CTA, Related Links, FAQ, Author Card, Final CTA
   Mantik: kj-guide.css component stilleri kj-problem-* class yapisina uyarlanmistir.
   ========================================================= */

html body .kj-problem-page,
html body .kj-problem-page * { box-sizing: border-box !important; }

html body .kj-problem-page {
  --kj-problem-primary:#0F4D8B !important;
  --kj-problem-secondary:#54AEE2 !important;
  --kj-problem-dark:#071E34 !important;
  --kj-problem-deep:#061426 !important;
  --kj-problem-wa:#19C96B !important;
  --kj-problem-heading:#1F1F24 !important;
  --kj-problem-text:#5F6B7A !important;
  --kj-problem-bg:#F5F8FB !important;
  --kj-problem-line:rgba(15,77,139,.11) !important;
  --kj-problem-line-strong:rgba(84,174,226,.34) !important;
  --kj-problem-shadow:0 16px 44px rgba(15,77,139,.07) !important;
  --kj-problem-hero-shadow:0 26px 86px rgba(5,16,30,.24) !important;
  font-family:"Outfit",Inter,Arial,sans-serif !important;
  color:var(--kj-problem-text) !important;
}

html body .kj-problem-page h1,
html body .kj-problem-page h2,
html body .kj-problem-page h3,
html body .kj-problem-page p,
html body .kj-problem-page ul,
html body .kj-problem-page li {
  font-family:"Outfit",Inter,Arial,sans-serif !important;
}

/* Font Awesome hard lock */
html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  font-style:normal !important;
  line-height:1 !important;
  text-rendering:auto !important;
  -webkit-font-smoothing:antialiased !important;
  -moz-osx-font-smoothing:grayscale !important;
}
html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far {
  font-family:"Font Awesome 6 Free" !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab {
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1 !important;
}

/* HERO - compare style adapted to kj-guide */
html body .kj-problem-page .kj-problem-hero {
  position:relative !important;
  overflow:hidden !important;
  min-height:455px !important;
  padding:86px clamp(24px,4.4vw,70px) 66px !important;
  border-radius:32px !important;
  border:1px solid var(--kj-problem-line-strong) !important;
  outline:1px solid rgba(255,255,255,.42) !important;
  outline-offset:-4px !important;
  background-color:#082139 !important;
  background-image:radial-gradient(circle at 78% 50%,rgba(84,174,226,.34),transparent 55%),radial-gradient(circle at 22% 52%,rgba(25,201,107,.16),transparent 45%),linear-gradient(112deg,#071B31 0%,#071426 34%,#0F4D8B 76%,#0B7EA0 100%) !important;
  box-shadow:var(--kj-problem-hero-shadow) !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-hero::before {
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
  background-size:84px 84px !important;
  opacity:.72 !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-hero::after {
  content:"" !important;
  position:absolute !important;
  left:16% !important;
  right:16% !important;
  bottom:-120px !important;
  height:230px !important;
  border-radius:50% !important;
  background:rgba(84,174,226,.16) !important;
  filter:blur(58px) !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-hero-inner {
  position:relative !important;
  z-index:1 !important;
  max-width:920px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:20px !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-eyebrow {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  color:#DDF4FF !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
html body .kj-problem-page .kj-problem-hero h1 {
  max-width:920px !important;
  margin:0 auto !important;
  color:#fff !important;
  font-size:clamp(34px,4.15vw,58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.018em !important;
  text-align:center !important;
  text-shadow:0 16px 44px rgba(0,0,0,.22) !important;
}
html body .kj-problem-page .kj-problem-hero-lead {
  max-width:820px !important;
  margin:0 auto !important;
  color:rgba(255,255,255,.90) !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.68 !important;
  text-align:center !important;
  font-weight:700 !important;
}

/* HERO + FINAL CTA BUTTONS - compare style */
html body .kj-problem-page .kj-problem-actions,
html body .kj-problem-page .kj-problem-final .kj-problem-actions {
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  margin-top:8px !important;
}
html body .kj-problem-page .kj-problem-final .kj-problem-actions { margin-top:24px !important; }
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-btn,
html body .kj-problem-page .kj-problem-final .kj-problem-wa-btn {
  min-width:225px !important;
  min-height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:15.5px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  transition:transform .2s ease,filter .2s ease !important;
}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover {
  transform:translateY(-2px) !important;
  filter:saturate(1.08) !important;
}
html body .kj-problem-page .kj-problem-wa-btn {
  background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%) !important;
  box-shadow:0 16px 42px rgba(18,190,98,.27),inset 0 1px 0 rgba(255,255,255,.22) !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
html body .kj-problem-page .kj-problem-blue-btn,
html body .kj-problem-page .kj-problem-btn:not(.kj-problem-wa-btn) {
  background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%) !important;
  box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20) !important;
  border:1px solid rgba(84,174,226,.48) !important;
}
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-actions .kj-problem-fa-wrap {
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-btn-icon::before {
  display:inline-block !important;
  color:currentColor !important;
  font-size:13px !important;
  line-height:1 !important;
}
html body .kj-problem-page .kj-problem-wa-icon.fa-whatsapp::before,
html body .kj-problem-page .kj-problem-icon.fa-whatsapp::before {
  content:"\f232" !important;
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}
html body .kj-problem-page .kj-problem-icon.fa-calendar-days::before,
html body .kj-problem-page .kj-problem-calendar-icon.fa-calendar-days::before {
  content:"\f073" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-btn-icon > i,
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-fa-wrap > i {
  display:inline-block !important;
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  padding:0 !important;
  color:currentColor !important;
  font-size:1em !important;
  line-height:1 !important;
}

/* MINI CTA - compare style */
html body .kj-problem-page .kj-problem-mini-cta {
  width:auto !important;
  max-width:410px !important;
  min-width:330px !important;
  min-height:68px !important;
  height:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  margin:0 0 24px 0 !important;
  padding:10px 12px !important;
  border-radius:999px !important;
  color:#fff !important;
  background:radial-gradient(circle at 0% 50%,rgba(4,62,39,.62),rgba(4,62,39,.16) 35%,transparent 58%),linear-gradient(135deg,#08472C 0%,#108A49 44%,#19C96B 100%) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 12px 30px rgba(18,190,98,.14),inset 0 1px 0 rgba(255,255,255,.18) !important;
  line-height:1 !important;
  overflow:visible !important;
  text-decoration:none !important;
}
html body .kj-problem-page .kj-problem-mini-logo {
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-mini-logo img {
  width:34px !important;
  height:34px !important;
  object-fit:contain !important;
  display:block !important;
}
html body .kj-problem-page .kj-problem-mini-text {
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  text-align:left !important;
  flex:1 !important;
  min-width:0 !important;
}
html body .kj-problem-page .kj-problem-mini-text strong {
  color:#fff !important;
  font-size:13.5px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-mini-text em {
  margin-left:5px !important;
  padding:2px 6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  font-size:9px !important;
  font-style:normal !important;
}
html body .kj-problem-page .kj-problem-mini-text small {
  color:rgba(255,255,255,.94) !important;
  font-size:11.8px !important;
  font-weight:800 !important;
  line-height:1.22 !important;
  white-space:normal !important;
}
html body .kj-problem-page .kj-problem-mini-wa {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(255,255,255,.17) !important;
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  border:0 !important;
}
html body .kj-problem-page .kj-problem-mini-wa.fa-whatsapp::before {
  content:"\f232" !important;
  font-family:"Font Awesome 6 Brands" !important;
  font-weight:400 !important;
}

/* AUTHOR MINI - compare style */
html body .kj-problem-page .kj-problem-author-mini {
  display:grid !important;
  grid-template-columns:44px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:14px !important;
  row-gap:0 !important;
  min-height:76px !important;
  margin-top:24px !important;
  padding:18px 22px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  overflow:visible !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-author-mini > .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-author-mini > .kj-problem-fa-wrap {
  align-self:center !important;
  justify-self:center !important;
  display:inline-grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:14px !important;
  background:#EAF3FA !important;
  color:var(--kj-problem-primary) !important;
  border:1px solid rgba(15,77,139,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
  font-size:18px !important;
  line-height:1 !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::before {
  content:"\f05a" !important;
  display:block !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  color:currentColor !important;
  font-size:18px !important;
  line-height:1 !important;
  position:static !important;
  transform:none !important;
  width:auto !important;
  height:auto !important;
  background:none !important;
  box-shadow:none !important;
  border-radius:0 !important;
}
html body .kj-problem-page .kj-problem-author-mini-icon::after { content:none !important; display:none !important; }
html body .kj-problem-page .kj-problem-author-mini > p {
  display:block !important;
  align-self:center !important;
  justify-self:stretch !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  color:#66788D !important;
  font-size:15px !important;
  line-height:1.58 !important;
  font-weight:500 !important;
  white-space:normal !important;
}
html body .kj-problem-page .kj-problem-author-mini > p a {
  display:inline !important;
  color:var(--kj-problem-primary) !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

/* RELATED / ICERIK LINKLEME - compare style */
html body .kj-problem-page .kj-problem-linking {
  margin-top:24px !important;
  padding:32px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,#fff,#FBFDFF) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-link-grid,
html body .kj-problem-page .kj-problem-related-grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:stretch !important;
}
html body .kj-problem-page .kj-problem-link-grid > a,
html body .kj-problem-page .kj-problem-link-grid > article,
html body .kj-problem-page .kj-problem-link-card,
html body .kj-problem-page .kj-problem-related-grid > a,
html body .kj-problem-page .kj-problem-related-grid > article,
html body .kj-problem-page .kj-problem-related-card {
  position:relative !important;
  min-height:250px !important;
  padding:30px 24px 24px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#FFFFFF,#FBFDFF) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:0 14px 38px rgba(15,77,139,.055) !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
html body .kj-problem-page .kj-problem-link-grid > a::before,
html body .kj-problem-page .kj-problem-link-grid > article::before,
html body .kj-problem-page .kj-problem-link-card::before,
html body .kj-problem-page .kj-problem-related-grid > a::before,
html body .kj-problem-page .kj-problem-related-grid > article::before,
html body .kj-problem-page .kj-problem-related-card::before {
  content:"" !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:4px !important;
  background:linear-gradient(90deg,var(--kj-problem-primary),var(--kj-problem-secondary)) !important;
  opacity:.75 !important;
  pointer-events:none !important;
}
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-link-card > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-related-grid > article > span:first-child,
html body .kj-problem-page .kj-problem-related-card > span:first-child {
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 0 10px 0 !important;
  display:block !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:var(--kj-problem-primary) !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  overflow-wrap:break-word !important;
}
html body .kj-problem-page .kj-problem-link-grid strong,
html body .kj-problem-page .kj-problem-link-card strong,
html body .kj-problem-page .kj-problem-related-card strong {
  display:block !important;
  color:var(--kj-problem-heading) !important;
  font-size:22px !important;
  line-height:1.18 !important;
  margin:0 !important;
}
html body .kj-problem-page .kj-problem-link-grid p,
html body .kj-problem-page .kj-problem-link-card p,
html body .kj-problem-page .kj-problem-related-card p {
  color:var(--kj-problem-text) !important;
  font-size:15px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  margin:0 !important;
  flex:1 !important;
}
html body .kj-problem-page .kj-problem-link-grid em,
html body .kj-problem-page .kj-problem-link-card em,
html body .kj-problem-page .kj-problem-related-card em,
html body .kj-problem-page .kj-problem-link-action {
  margin-top:auto !important;
  color:var(--kj-problem-primary) !important;
  font-style:normal !important;
  font-weight:900 !important;
  font-size:15px !important;
}
html body .kj-problem-page .kj-problem-service-link {
  background:linear-gradient(180deg,#F5FBFF,#FFFFFF) !important;
  border-color:rgba(84,174,226,.22) !important;
}

/* FAQ - compare accordion style adapted */
html body .kj-problem-page .kj-problem-faq {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
html body .kj-problem-page .kj-problem-faq details {
  border:1px solid rgba(15,77,139,.085) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#fff,#FAFCFF) !important;
  box-shadow:0 8px 22px rgba(15,77,139,.03) !important;
  overflow:hidden !important;
}
html body .kj-problem-page .kj-problem-faq summary {
  position:relative !important;
  list-style:none !important;
  cursor:pointer !important;
  padding:18px 20px 18px 62px !important;
  display:block !important;
  color:var(--kj-problem-heading) !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.36 !important;
}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker { display:none !important; }
html body .kj-problem-page .kj-problem-faq summary > span:first-child {
  display:none !important;
}
html body .kj-problem-page .kj-problem-faq summary::after {
  content:"\f059" !important;
  font-family:"Font Awesome 6 Free" !important;
  font-weight:900 !important;
  position:absolute !important;
  left:20px !important;
  top:16px !important;
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:12px !important;
  display:grid !important;
  place-items:center !important;
  background:rgba(84,174,226,.14) !important;
  color:var(--kj-problem-primary) !important;
  font-size:13px !important;
  line-height:1 !important;
}
html body .kj-problem-page .kj-problem-faq details[open] summary::after {
  content:"\f058" !important;
}
html body .kj-problem-page .kj-problem-faq details p {
  padding:0 20px 20px 62px !important;
  color:#61758A !important;
  font-size:15.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}

/* AUTHOR CARD - compare style */
html body .kj-problem-page .kj-problem-author {
  margin-top:24px !important;
  padding:34px !important;
  border-radius:28px !important;
  background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%) !important;
  border:1px solid var(--kj-problem-line) !important;
  box-shadow:var(--kj-problem-shadow) !important;
  display:grid !important;
  grid-template-columns:130px minmax(0,1fr) !important;
  gap:28px !important;
  align-items:center !important;
  text-align:left !important;
}
html body .kj-problem-page .kj-problem-author-media img {
  display:block !important;
  width:104px !important;
  height:104px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:5px solid #fff !important;
  box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10) !important;
}
html body .kj-problem-page .kj-problem-author-copy {
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;
  text-align:left !important;
}
html body .kj-problem-page .kj-problem-author-copy > span {
  width:max-content !important;
  max-width:100% !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:#EAF2F9 !important;
  color:var(--kj-problem-primary) !important;
  font-size:11.5px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
html body .kj-problem-page .kj-problem-author-copy h2 {
  color:var(--kj-problem-heading) !important;
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.12 !important;
  margin:0 !important;
}
html body .kj-problem-page .kj-problem-author-copy strong {
  font-size:16px !important;
  color:#294C6F !important;
  font-weight:900 !important;
}
html body .kj-problem-page .kj-problem-author-copy p {
  color:var(--kj-problem-text) !important;
  font-size:16.5px !important;
  line-height:1.72 !important;
  font-weight:500 !important;
}
html body .kj-problem-page .kj-problem-author-copy a {
  color:var(--kj-problem-primary) !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

/* FINAL CTA - compare style */
html body .kj-problem-page .kj-problem-final {
  margin-top:24px !important;
  position:relative !important;
  overflow:hidden !important;
  padding:56px 42px !important;
  border-radius:32px !important;
  background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),radial-gradient(circle at 50% 110%,rgba(84,174,226,.26),transparent 45%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B 100%) !important;
  box-shadow:var(--kj-problem-hero-shadow) !important;
  text-align:center !important;
  border:1px solid rgba(84,174,226,.22) !important;
}
html body .kj-problem-page .kj-problem-final h2 {
  max-width:900px !important;
  margin:0 auto !important;
  color:#fff !important;
  font-size:clamp(34px,4.6vw,62px) !important;
  line-height:1.12 !important;
  text-align:center !important;
}
html body .kj-problem-page .kj-problem-final p {
  max-width:900px !important;
  margin:16px auto 0 !important;
  color:#D8E8F6 !important;
  font-size:17px !important;
  line-height:1.68 !important;
  text-align:center !important;
  font-weight:500 !important;
}

@media (max-width:1100px) {
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (max-width:900px) {
  html body .kj-problem-page .kj-problem-author {
    grid-template-columns:1fr !important;
  }
}

@media (max-width:680px) {
  html body .kj-problem-page .kj-problem-hero {
    min-height:auto !important;
    padding:48px 20px 54px !important;
    border-radius:26px !important;
  }
  html body .kj-problem-page .kj-problem-hero h1 {
    font-size:clamp(34px,10.2vw,46px) !important;
    letter-spacing:-.01em !important;
    line-height:1.12 !important;
  }
  html body .kj-problem-page .kj-problem-actions,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions {
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
  }
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn {
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
    font-size:15px !important;
    padding:13px 18px !important;
    margin:0 !important;
  }
  html body .kj-problem-page .kj-problem-mini-cta {
    max-width:320px !important;
    min-width:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  html body .kj-problem-page .kj-problem-link-grid,
  html body .kj-problem-page .kj-problem-related-grid {
    grid-template-columns:1fr !important;
  }
  html body .kj-problem-page .kj-problem-faq summary {
    padding-left:54px !important;
  }
  html body .kj-problem-page .kj-problem-faq summary::after {
    left:16px !important;
  }
  html body .kj-problem-page .kj-problem-author {
    display:flex !important;
    flex-direction:column !important;
    text-align:center !important;
    align-items:center !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:24px !important;
  }
  html body .kj-problem-page .kj-problem-author-copy {
    align-items:center !important;
    text-align:center !important;
  }
  html body .kj-problem-page .kj-problem-final {
    padding:22px !important;
    border-radius:24px !important;
  }
}


/* =========================================================
   K.J.A V16 - PROBLEM ICON SYSTEM = COMPARE ICON SYSTEM
   Sadece ikon davranisini kj-guide.css ile ayni mantiga kilitler.
   HTML problem classlariyla calisir: kj-problem-*
   ========================================================= */

html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}
html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
}

/* Eski problem pseudo ikonlarini ve bozuk karakterleri kapat */
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-link-card > span:first-child::before,
html body .kj-problem-page span[data-icon]::before{
  content:none!important;
  display:none!important;
}

/* Ortak Font Awesome kutusu */
html body .kj-problem-page .kj-problem-fa-box{
  display:inline-grid!important;
  place-items:center!important;
  text-align:center!important;
  flex:0 0 auto!important;
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  line-height:1!important;
  color:inherit!important;
  font-size:18px!important;
}
html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-fa-box > svg{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:currentColor!important;
  font-size:1em!important;
  line-height:1!important;
  text-align:center!important;
}

/* Hero ve kapanis CTA buton ikonlari: compare ile ayni */
html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-btn .kj-problem-icon,
html body .kj-problem-page .kj-problem-wa-btn .kj-problem-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-actions .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon > i{
  font-size:15px!important;
  line-height:1!important;
  color:#fff!important;
}

/* Mini CTA WhatsApp ikonu: compare mini-wa ile ayni */
html body .kj-problem-page .kj-problem-mini-wa,
html body .kj-problem-page .kj-problem-mini-wa.kj-problem-fa-box{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-mini-wa > i{
  font-size:18px!important;
  line-height:1!important;
  color:#fff!important;
}

/* Yazar mini ikonu: compare author-mini-icon ile ayni */
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-author-mini-icon.kj-problem-fa-box{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:18px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-author-mini-icon > i{
  font-size:18px!important;
  color:var(--kj-problem-primary)!important;
}

/* AI answer / ana mavi ikon: compare answer-icon ile ayni */
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-answer-icon.kj-problem-fa-box{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:24px!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-answer-icon > i{
  font-size:24px!important;
  color:#fff!important;
}

/* Kart ikonlari: compare card/decision icon kutulari ile ayni */
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-reason-strip article > span:first-child,
html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child,
html body .kj-problem-page .kj-problem-cause-grid article > span:first-child,
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
html body .kj-problem-page .kj-problem-model-grid article > span:first-child,
html body .kj-problem-page .kj-problem-case-grid article > span:first-child{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  border-radius:16px!important;
  display:inline-grid!important;
  place-items:center!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  margin:0 0 4px 0!important;
  padding:0!important;
}
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-reason-strip article > span:first-child > i,
html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-cause-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-model-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-case-grid article > span:first-child > i{
  display:block!important;
  margin:0!important;
  color:currentColor!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Uyari/hata kartlari compare warning gibi amber */
html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
html body .kj-problem-page .kj-problem-priority-critical .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-priority-important .kj-problem-card-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

/* Koyu zemin kart ikonlari compare dark ile ayni davranir */
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon.kj-problem-fa-box,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid article > span:first-child,
html body .kj-problem-page .kj-problem-dark .kj-problem-model-grid article > span:first-child{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
}
html body .kj-problem-page .kj-problem-dark .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-cause-grid article > span:first-child > i,
html body .kj-problem-page .kj-problem-dark .kj-problem-model-grid article > span:first-child > i{
  color:#fff!important;
}

/* Ilgili icerik kartlari ikon degil etiket kullanir; compare link-card ile ayni */
html body .kj-problem-page .kj-problem-link-card > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > a > span:first-child,
html body .kj-problem-page .kj-problem-link-grid > article > span:first-child{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:100%!important;
  padding:0!important;
  margin:0 0 10px 0!important;
  display:block!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:var(--kj-problem-primary)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1.35!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
  html body .kj-problem-page .kj-problem-card-icon,
  html body .kj-problem-page .kj-problem-card-icon.kj-problem-fa-box,
  html body .kj-problem-page .kj-problem-reason-strip article > span:first-child,
  html body .kj-problem-page .kj-problem-symptom-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-cause-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-mistake-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-model-grid article > span:first-child,
  html body .kj-problem-page .kj-problem-case-grid article > span:first-child{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    font-size:17px!important;
  }
}

/* =========================================================
   KJ PROBLEM ICONS DEFINITIVE LOCK
   Bu blok sadece ikon gorunumunu kilitler.
   HTML yapisi: .kj-problem-fa-box > i.fa-...
   ========================================================= */

html body .kj-problem-page .fa-solid,
html body .kj-problem-page .fas{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .fa-regular,
html body .kj-problem-page .far{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:400!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .fa-brands,
html body .kj-problem-page .fab{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
  -moz-osx-font-smoothing:grayscale!important;
  line-height:1!important;
  speak:never!important;
}

html body .kj-problem-page .kj-problem-fa-box,
html body .kj-problem-page .kj-problem-icon,
html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-grid-icon,
html body .kj-problem-page .kj-problem-author-mini-icon,
html body .kj-problem-page .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-mini-wa{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
  text-indent:0!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-fa-box::before,
html body .kj-problem-page .kj-problem-fa-box::after,
html body .kj-problem-page .kj-problem-icon::before,
html body .kj-problem-page .kj-problem-icon::after,
html body .kj-problem-page .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-card-icon::after,
html body .kj-problem-page .kj-problem-grid-icon::before,
html body .kj-problem-page .kj-problem-grid-icon::after,
html body .kj-problem-page .kj-problem-author-mini-icon::before,
html body .kj-problem-page .kj-problem-author-mini-icon::after,
html body .kj-problem-page .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-mini-wa::before,
html body .kj-problem-page .kj-problem-mini-wa::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-fa-box > i,
html body .kj-problem-page .kj-problem-icon > i,
html body .kj-problem-page .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-grid-icon > i,
html body .kj-problem-page .kj-problem-author-mini-icon > i,
html body .kj-problem-page .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-mini-wa > i{
  display:inline-grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:currentColor!important;
  text-indent:0!important;
  line-height:1!important;
  text-align:center!important;
  font-size:inherit!important;
}

html body .kj-problem-page .kj-problem-fa-box > i::before,
html body .kj-problem-page .kj-problem-icon > i::before,
html body .kj-problem-page .kj-problem-card-icon > i::before,
html body .kj-problem-page .kj-problem-grid-icon > i::before,
html body .kj-problem-page .kj-problem-author-mini-icon > i::before,
html body .kj-problem-page .kj-problem-answer-icon > i::before,
html body .kj-problem-page .kj-problem-mini-wa > i::before{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  color:currentColor!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
  font-size:15px!important;
}

html body .kj-problem-page .kj-problem-mini-wa{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.17)!important;
  color:#fff!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-grid-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  border-radius:16px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-mistake-grid .kj-problem-grid-icon{
  background:#FFF7E6!important;
  color:#F59E0B!important;
  border-color:rgba(245,158,11,.22)!important;
}

html body .kj-problem-page .kj-problem-author-mini-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:0!important;
  font-size:18px!important;
}

html body .kj-problem-page .kj-problem-answer-icon{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  font-size:24px!important;
}

html body .kj-problem-page .kj-problem-cause-grid .kj-problem-card-icon,
html body .kj-problem-page .kj-problem-model-grid .kj-problem-card-icon{
  background:#EAF3FA!important;
  color:var(--kj-problem-primary)!important;
  border:1px solid rgba(15,77,139,.08)!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-actions .kj-problem-icon,
  html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-icon{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }
}

/* =========================================================
   KJ PROBLEM CTA ICON ABSOLUTE FINAL LOCK
   Sadece hero ve kapanis CTA ikonlarini acik tutar.
========================================================= */
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon{
  position:relative!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 30px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  border:0!important;
  box-shadow:none!important;
  color:#fff!important;
  overflow:visible!important;
  font-size:15px!important;
  line-height:1!important;
  text-indent:0!important;
  opacity:1!important;
  visibility:visible!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon::after,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::after,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i,
html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  background:none!important;
  background-image:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  font-size:15px!important;
  line-height:1!important;
  text-indent:0!important;
  transform:none!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i.fa-brands,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i.fa-brands{
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-style:normal!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i.fa-solid,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i.fa-solid{
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-style:normal!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-wa-btn .kj-problem-wa-icon > i::before{
  content:"\f232"!important;
  display:block!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Brands"!important;
  font-weight:400!important;
  font-size:15px!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i::before,
html body .kj-problem-page .kj-problem-final .kj-problem-actions .kj-problem-blue-btn .kj-problem-calendar-icon > i::before{
  content:"\f073"!important;
  display:block!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:15px!important;
  line-height:1!important;
}

/* KJ PROBLEM MOBILE HERO SPACING LOCK - only reduces spacing between hero title, description and buttons on mobile */
@media (max-width: 680px){
  html body .kj-problem-page .kj-problem-hero-inner{
    gap: 12px !important;
  }

  html body .kj-problem-page .kj-problem-hero-lead{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.56 !important;
  }

  html body .kj-problem-page .kj-problem-hero .kj-problem-actions{
    margin-top: 2px !important;
    gap: 8px !important;
  }
}

/* =========================================================
   KJ PROBLEM MOBILE HERO COMPACT LOCK V2
   Sadece mobil hero: baslik + aciklama + buton arasi boslugu kisar
========================================================= */
@media (max-width: 820px){
  html body article.kj-problem-page section.kj-problem-hero{
    padding-top:34px!important;
    padding-bottom:36px!important;
    min-height:auto!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-inner{
    gap:0!important;
    row-gap:0!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-eyebrow{
    margin:0 0 12px 0!important;
  }

  html body article.kj-problem-page section.kj-problem-hero h1{
    margin:0 0 10px 0!important;
    padding:0!important;
    line-height:1.08!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-lead{
    margin:0 0 14px 0!important;
    padding:0!important;
    line-height:1.46!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-actions{
    margin:0!important;
    padding:0!important;
    gap:8px!important;
    row-gap:8px!important;
  }
}

@media (max-width: 480px){
  html body article.kj-problem-page section.kj-problem-hero{
    padding-top:30px!important;
    padding-bottom:32px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-eyebrow{
    margin-bottom:10px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero h1{
    margin-bottom:8px!important;
  }

  html body article.kj-problem-page section.kj-problem-hero .kj-problem-hero-lead{
    margin-bottom:12px!important;
    line-height:1.42!important;
  }
}

/* =========================================================
   KJ PROBLEM MOBILE SECTION HEAD + MINI CTA GAP HARD LOCK
   Sadece mobilde: bolum basligi, aciklama ve mini CTA arasi boslugu azaltir
========================================================= */
@media (max-width: 820px){
  html body article.kj-problem-page .kj-problem-section,
  html body article.kj-problem-page .kj-problem-linking,
  html body article.kj-problem-page .kj-problem-case{
    padding-top:22px!important;
  }

  html body article.kj-problem-page .kj-problem-section > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-linking > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-case > .kj-problem-head{
    margin:0 0 8px 0!important;
    padding:0!important;
    gap:8px!important;
    row-gap:8px!important;
  }

  html body article.kj-problem-page .kj-problem-head > span:first-child{
    margin:0 0 2px 0!important;
  }

  html body article.kj-problem-page .kj-problem-head h2{
    margin:0!important;
    padding:0!important;
    line-height:1.08!important;
  }

  html body article.kj-problem-page .kj-problem-head p{
    margin:6px 0 0 0!important;
    padding:0!important;
    line-height:1.48!important;
  }

  html body article.kj-problem-page .kj-problem-head + p,
  html body article.kj-problem-page .kj-problem-head + p:has(.kj-problem-mini-cta){
    margin:0 0 14px 0!important;
    padding:0!important;
    line-height:0!important;
    font-size:0!important;
  }

  html body article.kj-problem-page .kj-problem-head + p .kj-problem-mini-cta,
  html body article.kj-problem-page .kj-problem-mini-cta{
    margin:0!important;
    transform:none!important;
  }
}

@media (max-width: 480px){
  html body article.kj-problem-page .kj-problem-section > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-linking > .kj-problem-head,
  html body article.kj-problem-page .kj-problem-case > .kj-problem-head{
    margin-bottom:6px!important;
  }

  html body article.kj-problem-page .kj-problem-head p{
    margin-top:4px!important;
    line-height:1.42!important;
  }

  html body article.kj-problem-page .kj-problem-head + p,
  html body article.kj-problem-page .kj-problem-head + p:has(.kj-problem-mini-cta){
    margin-bottom:12px!important;
  }
}

/* =========================================================
   KJ GUIDE FINAL OVERRIDE - copied visual system locked
   Hero + SSS + yazar karti + kapanis CTA ikon/bosluk fix
========================================================= */
html body .kj-problem-page,
html body .kj-problem-page *{box-sizing:border-box!important}

html body .kj-problem-page{
  --kj-problem-primary:#0F4D8B!important;
  --kj-problem-secondary:#54AEE2!important;
  --kj-problem-dark:#071E34!important;
  --kj-problem-deep:#061426!important;
  --kj-problem-heading:#1F1F24!important;
  --kj-problem-text:#5F6B7A!important;
  --kj-problem-bg:#F5F8FB!important;
  --kj-problem-wa:#19C96B!important;
  --kj-problem-line:rgba(15,77,139,.11)!important;
  --kj-problem-shadow:0 18px 55px rgba(15,77,139,.07)!important;
  --kj-problem-shadow-soft:0 14px 42px rgba(15,77,139,.065)!important;
  --kj-problem-shadow-hero:0 28px 90px rgba(5,16,30,.25)!important;
}

/* HERO - kj-guide(1).css yapisi kj-guide formatinda */
html body .kj-problem-page .kj-problem-hero{
  position:relative!important;overflow:hidden!important;border-radius:34px!important;min-height:455px!important;
  padding:82px clamp(24px,4.5vw,74px) 68px!important;
  background:radial-gradient(circle at 76% 30%,rgba(84,174,226,.24),transparent 35%),linear-gradient(135deg,#071426,#071E34 56%,#0F4D8B)!important;
  border:1px solid rgba(84,174,226,.28)!important;box-shadow:0 28px 90px rgba(5,16,30,.25)!important;text-align:center!important;
}
html body .kj-problem-page .kj-problem-hero:before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:84px 84px!important;opacity:.6!important;pointer-events:none!important}
html body .kj-problem-page .kj-problem-hero:after{content:none!important;display:none!important}
html body .kj-problem-page .kj-problem-hero-inner{position:relative!important;z-index:1!important;max-width:920px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:22px!important;text-align:center!important}
html body .kj-problem-page .kj-problem-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:10px 16px!important;border-radius:999px!important;background:rgba(255,255,255,.10)!important;color:#CDEFFF!important;font-size:13px!important;font-weight:900!important;letter-spacing:.04em!important;text-transform:uppercase!important;border:1px solid rgba(255,255,255,.15)!important}
html body .kj-problem-page .kj-problem-eyebrow i{font-size:14px!important;color:currentColor!important;line-height:1!important}
html body .kj-problem-page .kj-problem-hero h1{color:#fff!important;font-size:clamp(44px,5.4vw,78px)!important;line-height:1.1!important;text-align:center!important;text-shadow:0 16px 44px rgba(0,0,0,.22)!important;margin:0!important}
html body .kj-problem-page .kj-problem-hero-lead{max-width:850px!important;margin:0 auto!important;color:rgba(255,255,255,.90)!important;font-size:clamp(17px,1.45vw,20px)!important;line-height:1.7!important;text-align:center!important;font-weight:600!important}

/* CTA BUTTON ICONS */
html body .kj-problem-page .kj-problem-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;flex-wrap:wrap!important;margin-top:4px!important;width:100%!important}
html body .kj-problem-page .kj-problem-btn,
html body .kj-problem-page .kj-problem-wa-btn{min-width:225px!important;min-height:58px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:15px 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:900!important;line-height:1!important;color:#fff!important;white-space:nowrap!important;text-decoration:none!important;transition:transform .22s ease,filter .22s ease!important}
html body .kj-problem-page .kj-problem-btn:hover,
html body .kj-problem-page .kj-problem-wa-btn:hover{transform:translateY(-2px)!important;filter:saturate(1.06)!important}
html body .kj-problem-page .kj-problem-wa-btn{background:linear-gradient(135deg,#087A3F 0%,#13AD5B 48%,#21D66E 100%)!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:0 16px 42px rgba(18,190,98,.28),inset 0 1px 0 rgba(255,255,255,.22)!important}
html body .kj-problem-page .kj-problem-blue-btn{background:linear-gradient(135deg,rgba(255,255,255,.10) 0%,#0F4D8B 48%,#209EE4 100%)!important;border:1px solid rgba(84,174,226,.50)!important;box-shadow:0 16px 42px rgba(32,158,228,.21),inset 0 1px 0 rgba(255,255,255,.20)!important}
html body .kj-problem-page .kj-problem-icon{width:34px!important;height:34px!important;min-width:34px!important;border-radius:999px!important;display:inline-grid!important;place-items:center!important;background:rgba(255,255,255,.18)!important;color:#fff!important;font-size:15px!important;line-height:1!important}
html body .kj-problem-page .kj-problem-icon i,
html body .kj-problem-page .kj-problem-mini-wa i,
html body .kj-problem-page .kj-problem-head>span i,
html body .kj-problem-page .kj-problem-fa-box i{display:inline-block!important;color:currentColor!important;font-size:inherit!important;line-height:1!important;visibility:visible!important;opacity:1!important}

/* AUTHOR MINI - referans kart bosluk ve ikon */
html body .kj-problem-page .kj-problem-author-mini{min-height:96px!important;margin:18px auto 0!important;padding:18px 22px!important;border-radius:22px!important;background:#fff!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;width:100%!important;overflow:visible!important}
html body .kj-problem-page .kj-problem-author-mini:before,
html body .kj-problem-page .kj-problem-author-mini-icon:before,
html body .kj-problem-page .kj-problem-author-mini-icon:after{content:none!important;display:none!important}
html body .kj-problem-page .kj-problem-author-mini-icon{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;display:grid!important;place-items:center!important;color:var(--kj-problem-primary)!important;background:#EAF5FC!important;border:1px solid rgba(15,77,139,.10)!important;font-size:18px!important;line-height:1!important;box-shadow:none!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-author-mini-icon i{font-size:18px!important;color:currentColor!important;line-height:1!important}
html body .kj-problem-page .kj-problem-author-mini p{font-size:15px!important;line-height:1.65!important;color:#66788D!important;font-weight:500!important;margin:0!important;padding:0!important}
html body .kj-problem-page .kj-problem-author-mini a{color:var(--kj-problem-primary)!important;font-weight:900!important}

/* SSS - referans accordion + ikon */
html body .kj-problem-page .kj-problem-faq{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}
html body .kj-problem-page .kj-problem-faq details{border:1px solid rgba(15,77,139,.085)!important;border-radius:18px!important;background:linear-gradient(180deg,#fff,#FAFCFF)!important;box-shadow:0 8px 22px rgba(15,77,139,.03)!important;overflow:hidden!important}
html body .kj-problem-page .kj-problem-faq summary{list-style:none!important;cursor:pointer!important;padding:18px 20px!important;display:flex!important;gap:12px!important;align-items:center!important;color:var(--kj-problem-heading)!important;font-size:17px!important;font-weight:900!important;line-height:1.36!important}
html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker{display:none!important}
html body .kj-problem-page .kj-problem-faq summary .kj-problem-acc-icon{position:relative!important;flex:0 0 34px!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#EAF5FC!important;color:transparent!important;font-size:0!important;line-height:0!important}
html body .kj-problem-page .kj-problem-faq summary .kj-problem-acc-icon:before{content:"+"!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;color:#0F4D8B!important;font-size:22px!important;line-height:1!important;font-weight:900!important}
html body .kj-problem-page .kj-problem-faq details[open] summary .kj-problem-acc-icon:before{content:"-"!important;font-size:28px!important;transform:translate(-50%,-54%)!important}
html body .kj-problem-page .kj-problem-faq details p{padding:0 20px 20px 66px!important;color:#61758A!important;font-size:15.5px!important;line-height:1.72!important;margin:0!important}

/* AUTHOR CARD - referans yazar karti */
html body .kj-problem-page .kj-problem-author{margin-top:24px!important;padding:34px!important;border-radius:30px!important;background:linear-gradient(90deg,#fff 0%,#fff 56%,#EAF3FA 100%)!important;border:1px solid var(--kj-problem-line)!important;box-shadow:var(--kj-problem-shadow)!important;display:grid!important;grid-template-columns:130px minmax(0,1fr)!important;gap:28px!important;align-items:center!important}
html body .kj-problem-page .kj-problem-author-media img{display:block!important;width:104px!important;height:104px!important;border-radius:50%!important;object-fit:cover!important;border:5px solid #fff!important;box-shadow:0 0 0 4px rgba(15,77,139,.11),0 14px 28px rgba(15,77,139,.10)!important}
html body .kj-problem-page .kj-problem-author-copy{display:flex!important;flex-direction:column!important;gap:10px!important}
html body .kj-problem-page .kj-problem-author-copy>span{width:max-content!important;padding:8px 12px!important;border-radius:999px!important;background:#EAF2F9!important;color:var(--kj-problem-primary)!important;font-size:11.5px!important;font-weight:900!important;letter-spacing:.05em!important;text-transform:uppercase!important}
html body .kj-problem-page .kj-problem-author-copy h2{font-size:clamp(30px,4vw,48px)!important;margin:0!important}
html body .kj-problem-page .kj-problem-author-copy strong{font-size:16px!important;color:#294C6F!important}
html body .kj-problem-page .kj-problem-author-copy a{display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--kj-problem-primary)!important;font-weight:900!important;text-decoration:none!important}

/* FINAL CTA - referans kapanis cta */
html body .kj-problem-page .kj-problem-final{margin-top:24px!important;position:relative!important;overflow:hidden!important;padding:58px 42px!important;border-radius:34px!important;background:radial-gradient(circle at 72% 14%,rgba(84,174,226,.20),transparent 28%),linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;box-shadow:0 28px 86px rgba(5,16,30,.23)!important;text-align:center!important;border:1px solid rgba(84,174,226,.22)!important}
html body .kj-problem-page .kj-problem-final h2{max-width:950px!important;margin:0 auto!important;color:#fff!important;font-size:clamp(34px,4.6vw,62px)!important;line-height:1.1!important;text-align:center!important}
html body .kj-problem-page .kj-problem-final p{max-width:900px!important;margin:16px auto 0!important;color:#D8E8F6!important;font-size:17px!important;line-height:1.68!important;text-align:center!important;font-weight:500!important}
html body .kj-problem-page .kj-problem-final .kj-problem-actions{margin-top:24px!important;justify-content:center!important}

@media(max-width:680px){
  html body .kj-problem-page{width:calc(100vw - 24px)!important;padding-top:16px!important}
  html body .kj-problem-page .kj-problem-hero{padding:48px 20px 54px!important;border-radius:26px!important;min-height:auto!important}
  html body .kj-problem-page .kj-problem-hero h1{font-size:clamp(34px,10vw,46px)!important;line-height:1.12!important}
  html body .kj-problem-page .kj-problem-actions{flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important}
  html body .kj-problem-page .kj-problem-btn,
  html body .kj-problem-page .kj-problem-wa-btn{width:100%!important;min-width:0!important;min-height:52px!important}
  html body .kj-problem-page .kj-problem-author-mini,
  html body .kj-problem-page .kj-problem-author{grid-template-columns:1fr!important;text-align:left!important}
  html body .kj-problem-page .kj-problem-author{align-items:center!important;text-align:center!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:24px!important;border-radius:24px!important}
  html body .kj-problem-page .kj-problem-author-copy{align-items:center!important;text-align:center!important}
  html body .kj-problem-page .kj-problem-final{padding:42px 22px!important;border-radius:26px!important}
  html body .kj-problem-page .kj-problem-faq details p{padding:0 18px 18px 18px!important}
}


/* =========================================================
   KJ GUIDE HOTFIX - AI cevap ikon kutusu tam merkez
========================================================= */
html body article.kj-problem-page .kj-problem-answer{
  align-items:center!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon,
html body article.kj-problem-page .kj-problem-answer-icon.kj-problem-fa-box{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  place-items:center!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  flex:0 0 58px!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
  line-height:1!important;
  text-align:center!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(84,174,226,.20)!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon::before,
html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon::after{
  content:none!important;
  display:none!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:1em!important;
  height:1em!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:25px!important;
  line-height:1!important;
  text-align:center!important;
  visibility:visible!important;
  opacity:1!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i::before,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i::before{
  display:block!important;
  width:1em!important;
  height:1em!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
}

@media(max-width:680px){
  html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon,
  html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    flex-basis:54px!important;
  }
}

/* === ANSWER ICON HOTFIX: Font Awesome korunur, sadece optik merkez icin hafif saga kaydirilir === */
html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  overflow:hidden!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon::before,
html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon::after,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon::before,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon::after{
  content:none!important;
  display:none!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i{
  position:absolute!important;
  left:54%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  font-size:25px!important;
  line-height:1!important;
  text-align:center!important;
}

html body article.kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i::before,
html body .kj-problem-page .kj-problem-answer .kj-problem-answer-icon > i::before{
  display:block!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
}

/* =========================================================
   KJ GUIDE HOTFIX - Kullanim Talimati 3'lu kart alanini tam genislik yap
   ========================================================= */
html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid,
html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}

html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid > article,
html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid > article{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  min-height:260px!important;
  margin:0!important;
  padding:28px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:14px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 14px 38px rgba(15,77,139,.055)!important;
}

html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid > article i,
html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid > article i{
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  margin:0 0 18px 0!important;
  border-radius:18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  font-size:23px!important;
  line-height:1!important;
}

html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid > article h3,
html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid > article h3{
  width:100%!important;
  margin:0!important;
  color:#1F1F24!important;
  font-size:23px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.018em!important;
}

html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid > article p,
html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid > article p{
  width:100%!important;
  margin:0!important;
  color:#5F6B7A!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:500!important;
}

@media(max-width:1020px){
  html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid,
  html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid,
  html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  html body .kj-problem-page.kj-problem-native #kullanim-talimati .kj-problem-usage-grid > article,
  html body .kj-problem-page #kullanim-talimati .kj-problem-usage-grid > article{
    min-height:auto!important;
    padding:22px!important;
  }
}

/* === KJ GUIDE PRIORITY BADGE COLOR FIX === */
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article .kj-problem-priority-badge,
html body .kj-problem-page .kj-problem-priority-grid article .kj-problem-priority-badge{
  color:#fff!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article .kj-problem-priority-badge i,
html body .kj-problem-page .kj-problem-priority-grid article .kj-problem-priority-badge i,
html body .kj-problem-page.kj-problem-native .kj-problem-priority-grid article .kj-problem-priority-badge svg,
html body .kj-problem-page .kj-problem-priority-grid article .kj-problem-priority-badge svg{
  color:#fff!important;
  fill:#fff!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-priority-critical .kj-problem-priority-badge,
html body .kj-problem-page .kj-problem-priority-critical .kj-problem-priority-badge{
  background:#DC2626!important;
  color:#fff!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-priority-important .kj-problem-priority-badge,
html body .kj-problem-page .kj-problem-priority-important .kj-problem-priority-badge{
  background:#F59E0B!important;
  color:#fff!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-priority-improve .kj-problem-priority-badge,
html body .kj-problem-page .kj-problem-priority-improve .kj-problem-priority-badge{
  background:#16A34A!important;
  color:#fff!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-priority-advanced .kj-problem-priority-badge,
html body .kj-problem-page .kj-problem-priority-advanced .kj-problem-priority-badge{
  background:#0F4D8B!important;
  color:#fff!important;
}

/* === KJ GUIDE HOTFIX: Strateji aciklama yazisi koyu renk === */
html body .kj-problem-page #strateji-checklist .kj-problem-head p,
html body .kj-problem-page #strateji-checklist.kj-problem-dark .kj-problem-head p{
  color:#1F1F24!important;
  opacity:1!important;
}

/* === KJ GUIDE HOTFIX: Dark section head descriptions balanced with priority intro === */
html body .kj-problem-page #strateji-checklist .kj-problem-head p,
html body .kj-problem-page #olcum-donusum-checklist .kj-problem-head p,
html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-head p,
html body .kj-problem-page.kj-problem-native #strateji-checklist .kj-problem-head p,
html body .kj-problem-page.kj-problem-native #olcum-donusum-checklist .kj-problem-head p,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-head p{
  color:#64778C!important;
  opacity:1!important;
  font-weight:400!important;
}

/* KJ GUIDE HOTFIX - Musteri hesaplarinda kullanim kart metinleri siyah */
html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article{
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
}

html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article strong,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article strong{
  color:#1F1F24!important;
}

html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article p,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article p{
  color:#5F6B7A!important;
  opacity:1!important;
}

html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article .kj-problem-grid-icon,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article .kj-problem-grid-icon{
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
}

html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article .kj-problem-grid-icon i,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article .kj-problem-grid-icon i{
  color:#0F4D8B!important;
}


/* === KJ GUIDE FINAL HOTFIX: müşteri kart açıklamaları kesin koyu renk === */
html body article.kj-problem-page.kj-problem-native section#musteri-hesaplarinda-kullanim.kj-problem-section.kj-problem-dark .kj-problem-info-strip > article p,
html body article.kj-problem-page.kj-problem-native section#musteri-hesaplarinda-kullanim.kj-problem-section.kj-problem-dark .kj-problem-info-strip > article .kj-problem-client-card-text,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim.kj-problem-dark .kj-problem-info-strip > article p,
html body .kj-problem-page #musteri-hesaplarinda-kullanim .kj-problem-info-strip > article p.kj-problem-client-card-text{
  color:#1F1F24!important;
  opacity:1!important;
  -webkit-text-fill-color:#1F1F24!important;
  font-weight:500!important;
}

html body article.kj-problem-page.kj-problem-native section#musteri-hesaplarinda-kullanim.kj-problem-section.kj-problem-dark .kj-problem-info-strip > article strong,
html body .kj-problem-page.kj-problem-native #musteri-hesaplarinda-kullanim.kj-problem-dark .kj-problem-info-strip > article strong{
  color:#1F1F24!important;
  -webkit-text-fill-color:#1F1F24!important;
}

/* === KJ GUIDE HOTFIX: warning / atlanirsa alanlari tam genislik === */
html body .kj-problem-page.kj-problem-native .kj-problem-warning,
html body .kj-problem-page .kj-problem-warning{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  column-gap:22px!important;
  row-gap:12px!important;
  align-items:start!important;
  justify-items:stretch!important;
  box-sizing:border-box!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-warning > div,
html body .kj-problem-page .kj-problem-warning > div{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:block!important;
  grid-column:2!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-warning > i,
html body .kj-problem-page .kj-problem-warning > i{
  grid-column:1!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  flex:0 0 54px!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-warning h2,
html body .kj-problem-page.kj-problem-native .kj-problem-warning p,
html body .kj-problem-page .kj-problem-warning h2,
html body .kj-problem-page .kj-problem-warning p{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  text-align:left!important;
}

@media(max-width:680px){
  html body .kj-problem-page.kj-problem-native .kj-problem-warning,
  html body .kj-problem-page .kj-problem-warning{
    grid-template-columns:1fr!important;
    width:100%!important;
  }
  html body .kj-problem-page.kj-problem-native .kj-problem-warning > div,
  html body .kj-problem-page .kj-problem-warning > div,
  html body .kj-problem-page.kj-problem-native .kj-problem-warning > i,
  html body .kj-problem-page .kj-problem-warning > i{
    grid-column:1!important;
  }
}

/* === KJ GUIDE HOTFIX: atlanirsa uyari kartlari ikon hizasi === */
html body article.kj-problem-page.kj-problem-native .kj-problem-warning,
html body .kj-problem-page.kj-problem-native .kj-problem-warning,
html body .kj-problem-page .kj-problem-warning{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  column-gap:18px!important;
  align-items:start!important;
  justify-items:stretch!important;
  padding:46px 48px!important;
  box-sizing:border-box!important;
}

html body article.kj-problem-page.kj-problem-native .kj-problem-warning > i,
html body .kj-problem-page.kj-problem-native .kj-problem-warning > i,
html body .kj-problem-page .kj-problem-warning > i{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:start!important;
  margin:0!important;
  transform:none!important;
}

html body article.kj-problem-page.kj-problem-native .kj-problem-warning > div,
html body .kj-problem-page.kj-problem-native .kj-problem-warning > div,
html body .kj-problem-page .kj-problem-warning > div{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  align-self:start!important;
  justify-self:stretch!important;
  margin:-2px 0 0 0!important;
  padding:0!important;
  display:block!important;
}

html body article.kj-problem-page.kj-problem-native .kj-problem-warning h2,
html body .kj-problem-page.kj-problem-native .kj-problem-warning h2,
html body .kj-problem-page .kj-problem-warning h2{
  margin:0 0 10px 0!important;
  padding:0!important;
  line-height:1.12!important;
  text-align:left!important;
}

html body article.kj-problem-page.kj-problem-native .kj-problem-warning p,
html body .kj-problem-page.kj-problem-native .kj-problem-warning p,
html body .kj-problem-page .kj-problem-warning p{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
  text-align:left!important;
}

@media(max-width:680px){
  html body article.kj-problem-page.kj-problem-native .kj-problem-warning,
  html body .kj-problem-page.kj-problem-native .kj-problem-warning,
  html body .kj-problem-page .kj-problem-warning{
    grid-template-columns:1fr!important;
    padding:24px!important;
  }

  html body article.kj-problem-page.kj-problem-native .kj-problem-warning > i,
  html body article.kj-problem-page.kj-problem-native .kj-problem-warning > div,
  html body .kj-problem-page.kj-problem-native .kj-problem-warning > i,
  html body .kj-problem-page.kj-problem-native .kj-problem-warning > div,
  html body .kj-problem-page .kj-problem-warning > i,
  html body .kj-problem-page .kj-problem-warning > div{
    grid-column:1!important;
    grid-row:auto!important;
  }

  html body article.kj-problem-page.kj-problem-native .kj-problem-warning > div,
  html body .kj-problem-page.kj-problem-native .kj-problem-warning > div,
  html body .kj-problem-page .kj-problem-warning > div{
    margin:0!important;
  }
}


/* =========================================================
   KJ GUIDE FINAL HOTFIX - Interactive checklist checkbox
   Varsayılan işaretsiz gelir; tıklanınca yeşil tik olur.
========================================================= */
html body .kj-problem-page.kj-problem-native .kj-problem-check-cell,
html body .kj-problem-page .kj-problem-check-cell{
  text-align:center!important;
  vertical-align:middle!important;
  width:58px!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input[type="checkbox"],
html body .kj-problem-page .kj-problem-check-cell input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin:0 auto!important;
  padding:0!important;
  border-radius:999px!important;
  border:2px solid rgba(15,77,139,.24)!important;
  background:#FFFFFF!important;
  color:#FFFFFF!important;
  cursor:pointer!important;
  position:relative!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 6px 14px rgba(15,77,139,.08)!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input[type="checkbox"]:hover,
html body .kj-problem-page .kj-problem-check-cell input[type="checkbox"]:hover{
  border-color:rgba(22,163,74,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 18px rgba(22,163,74,.12)!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input[type="checkbox"]:checked,
html body .kj-problem-page .kj-problem-check-cell input[type="checkbox"]:checked{
  background:#16A34A!important;
  border-color:#16A34A!important;
  box-shadow:0 8px 18px rgba(22,163,74,.20),inset 0 1px 0 rgba(255,255,255,.30)!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input[type="checkbox"]:checked::after,
html body .kj-problem-page .kj-problem-check-cell input[type="checkbox"]:checked::after{
  content:"\f00c"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  color:#FFFFFF!important;
  font-size:13px!important;
  line-height:1!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-cell input[type="checkbox"]:focus-visible,
html body .kj-problem-page .kj-problem-check-cell input[type="checkbox"]:focus-visible{
  outline:3px solid rgba(22,163,74,.22)!important;
  outline-offset:3px!important;
}

html body .kj-problem-page.kj-problem-native .kj-problem-check-icon,
html body .kj-problem-page .kj-problem-check-icon{
  display:none!important;
}

/* === KJ GUIDE HOTFIX: ilgili rehber kartlarında ikon > başlık > açıklama > link dikey akış === */
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid{
  width:100%!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  height:100%!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card .kj-problem-link-icon{
  order:1!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  flex:0 0 54px!important;
  margin:0 0 18px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:22px!important;
  line-height:1!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card .kj-problem-link-icon i{
  display:block!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  transform:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card strong{
  order:2!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 10px 0!important;
  padding:0!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card p{
  order:3!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a{
  order:4!important;
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:auto 0 0 0!important;
  padding:18px 0 0 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  font-style:normal!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card > a::after{
  content:" →"!important;
  display:inline-block!important;
  margin-left:6px!important;
  color:#0F4D8B!important;
}

@media(max-width:760px){
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-link-card{
    min-height:auto!important;
  }
}


/* =========================================================
   KJ GUIDE HOTFIX - Ilgili Rehber kart siralamasi kesin sabit
   Sira: ikon > baslik > aciklama > rehberi incele
========================================================= */
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid,
html body .kj-problem-page #ilgili-rehberler .kj-problem-linking-grid,
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-grid,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  max-width:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-related-card-fixed,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-related-card-fixed,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid > article.kj-problem-link-card{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:54px auto auto 1fr!important;
  row-gap:12px!important;
  column-gap:0!important;
  align-items:start!important;
  justify-items:start!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:250px!important;
  padding:24px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-link-icon{
  grid-row:1!important;
  grid-column:1!important;
  order:0!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
  font-size:22px!important;
  line-height:1!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-link-icon i,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-link-icon i{
  display:block!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
  transform:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-title,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-title{
  grid-row:2!important;
  grid-column:1!important;
  order:1!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:8px 0 0 0!important;
  padding:0!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-copy,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-copy{
  grid-row:3!important;
  grid-column:1!important;
  order:2!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
  flex:0 0 auto!important;
  align-self:start!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-action,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-action{
  grid-row:4!important;
  grid-column:1!important;
  order:3!important;
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:18px 0 0 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  font-style:normal!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a::before{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a::after,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a::after{
  content:" →"!important;
  display:inline-block!important;
  margin-left:6px!important;
  color:#0F4D8B!important;
}

@media(max-width:760px){
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid,
  html body .kj-problem-page #ilgili-rehberler .kj-problem-linking-grid,
  html body .kj-problem-page #ilgili-rehberler .kj-problem-related-grid,
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card,
  html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card{
    min-height:auto!important;
  }
}

/* =========================================================
   RELATED GUIDE CARDS FINAL FIX
   Sira: ikon -> baslik -> aciklama -> Rehberi incele
   Link aciklamanin hemen altinda kalir; ust uste binme yok.
========================================================= */
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid,
html body .kj-problem-page #ilgili-rehberler .kj-problem-linking-grid,
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-grid{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:260px!important;
  height:auto!important;
  padding:24px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
  overflow:visible!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > *,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > *{
  min-width:0!important;
  max-width:100%!important;
  grid-column:auto!important;
  grid-row:auto!important;
  position:static!important;
  transform:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-link-icon,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-link-icon{
  order:1!important;
  flex:0 0 54px!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  margin:0 0 16px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:none!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-link-icon i,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-link-icon i{
  display:block!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1!important;
  margin:0!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-title,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > strong,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-title{
  order:2!important;
  display:block!important;
  width:100%!important;
  margin:0 0 10px 0!important;
  padding:0!important;
  color:#1F1F24!important;
  font-size:21px!important;
  line-height:1.18!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-copy,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > p,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-copy{
  order:3!important;
  display:block!important;
  width:100%!important;
  margin:0 0 14px 0!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
  flex:0 0 auto!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a,
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > .kj-problem-related-action,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > .kj-problem-related-action{
  order:4!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#0F4D8B!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-decoration:none!important;
  font-style:normal!important;
}

html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a::before,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a::before{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card > a::after,
html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card > a::after{
  content:" →"!important;
  display:inline-block!important;
  margin-left:6px!important;
  color:#0F4D8B!important;
}

@media(max-width:760px){
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-linking-grid,
  html body .kj-problem-page #ilgili-rehber-ve-hizmet .kj-problem-related-grid,
  html body .kj-problem-page #ilgili-rehberler .kj-problem-linking-grid,
  html body .kj-problem-page #ilgili-rehberler .kj-problem-related-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehber-ve-hizmet article.kj-problem-link-card,
  html body .kj-problem-page #ilgili-rehberler article.kj-problem-link-card{
    min-height:auto!important;
  }
}

/* =========================================================
   MINI CTA ALIGNMENT FIX
   - Mini CTA'lar baslik/aciklama kolonunun altina hizalanir
   - Sol ikon kolonuna yapismaz
   ========================================================= */
@media (min-width: 1024px) {
  html body .kj-problem-page .kj-problem-section > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-section > a.kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-dark > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-dark > a.kj-problem-mini-cta {
    margin: -2px 0 26px 96px !important;
    align-self: flex-start !important;
  }

  html body .kj-problem-page .kj-problem-head + .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head + a.kj-problem-mini-cta {
    margin-left: 96px !important;
    margin-top: -2px !important;
    margin-bottom: 26px !important;
  }

  html body .kj-problem-page .kj-problem-mini-cta.kj-problem-mini-cta-align-text {
    transform: none !important;
  }
}

@media (min-width: 681px) and (max-width: 1023px) {
  html body .kj-problem-page .kj-problem-section > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-section > a.kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head + .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head + a.kj-problem-mini-cta {
    margin: 0 0 24px 0 !important;
  }
}

@media (max-width: 680px) {
  html body .kj-problem-page .kj-problem-section > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-section > a.kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head + .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head + a.kj-problem-mini-cta {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 22px 0 !important;
  }
}


/* =========================================================
   MINI CTA FINAL STRUCTURE FIX
   Mini CTA artik kj-problem-head icindeki baslik/aciklama divinin icinde durur.
   Bu sayede soldaki ikon kolonuna degil, direkt metin kolonuna hizalanir.
   ========================================================= */
html body .kj-problem-page .kj-problem-head > div > .kj-problem-mini-cta,
html body .kj-problem-page .kj-problem-head > div > a.kj-problem-mini-cta{
  display:inline-flex!important;
  margin:16px 0 0 0!important;
  transform:none!important;
  vertical-align:top!important;
}

html body .kj-problem-page .kj-problem-head + .kj-problem-mini-cta,
html body .kj-problem-page .kj-problem-head + a.kj-problem-mini-cta{
  margin-left:94px!important;
  margin-top:-4px!important;
}

@media (min-width:1024px){
  html body .kj-problem-page .kj-problem-head{
    display:grid!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:20px!important;
    align-items:start!important;
  }
  html body .kj-problem-page .kj-problem-head > span:first-child{
    grid-column:1!important;
    grid-row:1!important;
  }
  html body .kj-problem-page .kj-problem-head > div{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page .kj-problem-head > div > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-head > div > a.kj-problem-mini-cta{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:14px 0 0 0!important;
  }
}


/* =========================================================
   KJ GUIDE SSS ACCORDION - PROBLEM TEMPLATE COPY
   Problem referansındaki accordion sisteminin kj-problem-* uyarlaması.
   Sadece Sık Sorulan Sorular alanını etkiler.
========================================================= */
html body .kj-problem-page #sss .kj-problem-faq,
html body .kj-problem-page #sss .kj-problem-accordion{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body .kj-problem-page #sss .kj-problem-faq details,
html body .kj-problem-page #sss .kj-problem-accordion details{
  width:100%!important;
  margin:0!important;
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary,
html body .kj-problem-page #sss .kj-problem-accordion summary{
  position:relative!important;
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  color:#1F1F24!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
  margin:0!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary::-webkit-details-marker,
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary::before,
html body .kj-problem-page #sss .kj-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child{
  position:relative!important;
  grid-column:1!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  justify-self:start!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 34px!important;
  overflow:hidden!important;
  background:rgba(84,174,226,.14)!important;
  color:#0F4D8B!important;
  border:0!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  text-indent:0!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle > *,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child > *,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle > *,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child::before,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child::before{
  content:"+"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:auto!important;
  height:auto!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:#0F4D8B!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-faq details[open] summary > span:first-child::before,
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary > span:first-child::before{
  content:"-"!important;
  font-size:28px!important;
  line-height:.85!important;
  top:47%!important;
}
html body .kj-problem-page #sss .kj-problem-faq details p,
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 66px!important;
  margin:0!important;
  color:#61758A!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:500!important;
}
@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-faq summary,
  html body .kj-problem-page #sss .kj-problem-accordion summary{
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:start!important;
    padding:17px 18px!important;
  }
  html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle,
  html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child,
  html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle,
  html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child{
    width:32px!important;
    min-width:32px!important;
    max-width:32px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    align-self:start!important;
  }
  html body .kj-problem-page #sss .kj-problem-faq details p,
  html body .kj-problem-page #sss .kj-problem-accordion details p{
    padding:0 18px 18px 62px!important;
  }
}

/* =========================================================
   KJ GUIDE SSS FINAL ICON FIX
   Problem makalesindeki davranışa göre:
   - Kapalı akordiyon: soru işareti
   - Açık akordiyon: tik işareti
   Sadece kj-problem-* sınıfları kullanılır.
========================================================= */
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child{
  position:relative!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:0!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle > *,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child > *,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle > *,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child > *{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
}
html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child::before,
html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child::before{
  content:"\f059"!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  -webkit-mask:none!important;
  mask:none!important;
  color:#0F4D8B!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
}
html body .kj-problem-page #sss .kj-problem-faq details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-faq details[open] summary > span:first-child::before,
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary > .kj-problem-faq-toggle::before,
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary > span:first-child::before{
  content:"\f00c"!important;
  color:#0F4D8B!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}
@media(max-width:680px){
  html body .kj-problem-page #sss .kj-problem-faq summary > .kj-problem-faq-toggle,
  html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child,
  html body .kj-problem-page #sss .kj-problem-accordion summary > .kj-problem-faq-toggle,
  html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
}


/* =========================================================
   KJ GUIDE SSS FAQ - KJ PROBLEM BIREBIR ADAPTASYON
   Kaynak yapı: kj-problem-faq -> kj-problem-faq
   Kapalı: soru işareti, Açık: circle-check
========================================================= */
html body .kj-problem-page .kj-problem-faq,
html body .kj-problem-page #sss .kj-problem-faq,
html body .kj-problem-page #sss .kj-problem-accordion{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}

html body .kj-problem-page .kj-problem-faq details,
html body .kj-problem-page #sss .kj-problem-faq details,
html body .kj-problem-page #sss .kj-problem-accordion details{
  border:1px solid rgba(15,77,139,.085)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#fff,#FAFCFF)!important;
  box-shadow:0 8px 22px rgba(15,77,139,.03)!important;
  overflow:hidden!important;
}

html body .kj-problem-page .kj-problem-faq summary,
html body .kj-problem-page #sss .kj-problem-faq summary,
html body .kj-problem-page #sss .kj-problem-accordion summary{
  position:relative!important;
  list-style:none!important;
  cursor:pointer!important;
  padding:18px 20px 18px 62px!important;
  display:block!important;
  color:var(--kj-problem-heading,#1F1F24)!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1.36!important;
  gap:0!important;
  align-items:initial!important;
}

html body .kj-problem-page .kj-problem-faq summary::-webkit-details-marker,
html body .kj-problem-page #sss .kj-problem-faq summary::-webkit-details-marker,
html body .kj-problem-page #sss .kj-problem-accordion summary::-webkit-details-marker{
  display:none!important;
}

html body .kj-problem-page .kj-problem-faq summary > span:first-child,
html body .kj-problem-page #sss .kj-problem-faq summary > span:first-child,
html body .kj-problem-page #sss .kj-problem-accordion summary > span:first-child,
html body .kj-problem-page .kj-problem-faq summary .kj-problem-faq-icon,
html body .kj-problem-page .kj-problem-faq summary .kj-problem-faq-toggle,
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-icon,
html body .kj-problem-page #sss .kj-problem-accordion summary .kj-problem-faq-toggle{
  display:none!important;
}

html body .kj-problem-page .kj-problem-faq summary::before,
html body .kj-problem-page .kj-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq summary::before,
html body .kj-problem-page #sss .kj-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-accordion summary::before,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page .kj-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-faq summary::after,
html body .kj-problem-page #sss .kj-problem-accordion summary::after{
  content:"\f059"!important;
  font-family:"Font Awesome 6 Free"!important;
  font-weight:900!important;
  position:absolute!important;
  left:20px!important;
  top:16px!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(84,174,226,.14)!important;
  color:var(--kj-problem-primary,#0F4D8B)!important;
  font-size:13px!important;
  line-height:1!important;
}

html body .kj-problem-page .kj-problem-faq details[open] summary::after,
html body .kj-problem-page #sss .kj-problem-faq details[open] summary::after,
html body .kj-problem-page #sss .kj-problem-accordion details[open] summary::after{
  content:"\f058"!important;
}

html body .kj-problem-page .kj-problem-faq details p,
html body .kj-problem-page #sss .kj-problem-faq details p,
html body .kj-problem-page #sss .kj-problem-accordion details p{
  padding:0 20px 20px 62px!important;
  color:#61758A!important;
  font-size:15.5px!important;
  line-height:1.72!important;
  font-weight:500!important;
  margin:0!important;
}

@media(max-width:680px){
  html body .kj-problem-page .kj-problem-faq summary,
  html body .kj-problem-page #sss .kj-problem-faq summary,
  html body .kj-problem-page #sss .kj-problem-accordion summary{
    padding-left:54px!important;
  }
  html body .kj-problem-page .kj-problem-faq summary::after,
  html body .kj-problem-page #sss .kj-problem-faq summary::after,
  html body .kj-problem-page #sss .kj-problem-accordion summary::after{
    left:16px!important;
  }
  html body .kj-problem-page .kj-problem-faq details p,
  html body .kj-problem-page #sss .kj-problem-faq details p,
  html body .kj-problem-page #sss .kj-problem-accordion details p{
    padding-left:20px!important;
  }
}

/* =========================================================
   KREATIF JET® PROBLEM TEMPLATE — GUIDE REFERANS UYUMU
   İçerik akışı problem şablonuna aittir; ortak görünüm ve
   responsive davranış TEMPLATE_GUIDE / kj-guide.css referansıdır.
========================================================= */
html body .kj-problem-page .kj-problem-case-story,
html body .kj-problem-page .kj-problem-case-narrative,
html body .kj-problem-page .kj-problem-priority-timeline{
  width:100%!important;
}

html body .kj-problem-page .kj-problem-case-story{
  display:grid!important;
  gap:18px!important;
}

html body .kj-problem-page .kj-problem-case-story-head{
  padding:26px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#071426,#071E34 58%,#0F4D8B)!important;
  border:1px solid rgba(84,174,226,.22)!important;
  box-shadow:0 18px 48px rgba(5,16,30,.16)!important;
}
html body .kj-problem-page .kj-problem-case-story-head span,
html body .kj-problem-page .kj-problem-case-story-head h3{color:#fff!important;}
html body .kj-problem-page .kj-problem-case-story-head p{color:#DCEBFA!important;}

html body .kj-problem-page .kj-problem-case-narrative{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
}
html body .kj-problem-page .kj-problem-case-narrative article{
  min-width:0!important;
  min-height:210px!important;
  padding:22px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.09)!important;
  box-shadow:0 12px 32px rgba(15,77,139,.045)!important;
}
html body .kj-problem-page .kj-problem-case-narrative article>span{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;
  margin-bottom:14px!important;border-radius:14px!important;background:#EAF5FC!important;
  color:#0F4D8B!important;font-weight:900!important;
}

html body .kj-problem-page .kj-problem-priority-timeline{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
}
html body .kj-problem-page .kj-problem-priority-step{
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  gap:22px!important;
  padding:26px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.09)!important;
  box-shadow:0 12px 32px rgba(15,77,139,.045)!important;
}
html body .kj-problem-page .kj-problem-priority-content ol{margin:14px 0 0 20px!important;padding:0!important;}
html body .kj-problem-page .kj-problem-priority-content li{margin:7px 0!important;}

html body .kj-problem-page .kj-problem-faq summary{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
html body .kj-problem-page .kj-problem-faq-toggle{
  position:relative!important;
  width:34px!important;height:34px!important;min-width:34px!important;
  display:grid!important;place-items:center!important;border-radius:12px!important;
  background:#EAF5FC!important;color:#0F4D8B!important;
}
html body .kj-problem-page .kj-problem-faq-toggle:before{
  content:"?"!important;font-size:18px!important;line-height:1!important;font-weight:900!important;
}
html body .kj-problem-page .kj-problem-faq details[open] .kj-problem-faq-toggle:before{content:"✓"!important;}

@media(max-width:1020px){
  html body .kj-problem-page .kj-problem-case-narrative{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-case-narrative{grid-template-columns:1fr!important;}
  html body .kj-problem-page .kj-problem-priority-step{grid-template-columns:1fr!important;padding:22px!important;}
  html body .kj-problem-page .kj-problem-priority-badge{width:max-content!important;max-width:100%!important;}
}
html body .kj-problem-page .kj-problem-popup-btn{cursor:pointer!important;}

/* === KOYU BOLUM BASLIK VE ACIKLAMA RENK DUZELTMESI === */
html body .kj-problem-page #kok-neden-analizi.kj-problem-dark .kj-problem-head h2,
html body .kj-problem-page #kreatif-jet-cozum-modeli.kj-problem-dark .kj-problem-head h2{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
}

html body .kj-problem-page #kok-neden-analizi.kj-problem-dark .kj-problem-head p,
html body .kj-problem-page #kreatif-jet-cozum-modeli.kj-problem-dark .kj-problem-head p{
  color:#DCEBFA!important;
  -webkit-text-fill-color:#DCEBFA!important;
  opacity:1!important;
}


/* === KESIN KOYU BOLUM METIN RENK FIX V2 === */
html body .kj-problem-page section.kj-problem-dark .kj-problem-head h2,
html body .kj-problem-page section.kj-problem-dark .kj-problem-head h3,
html body .kj-problem-page section.kj-problem-dark .kj-problem-head strong{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}
html body .kj-problem-page section.kj-problem-dark .kj-problem-head p,
html body .kj-problem-page section.kj-problem-dark .kj-problem-head div>p{
  color:#DCEBFA!important;
  -webkit-text-fill-color:#DCEBFA!important;
  opacity:1!important;
}
html body .kj-problem-page #kok-neden-analizi .kj-problem-head p,
html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-head p{
  color:#DCEBFA!important;
  -webkit-text-fill-color:#DCEBFA!important;
  opacity:1!important;
}


/* =========================================================
   MINI VAKA FINAL - CAKISMASIZ YAPI
   Numara solda, baslik hemen yaninda, aciklama baslik altinda.
========================================================= */
html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-steps{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:22px 24px 22px 90px!important;
  overflow:visible!important;
  text-align:left!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-no{
  position:absolute!important;
  top:22px!important;
  left:24px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  max-width:48px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:16px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  transform:none!important;
  float:none!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-result .kj-problem-case-step-no{
  color:#fff!important;
  background:linear-gradient(135deg,#0A3D70,#54AEE2)!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-copy{
  display:block!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:left!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-copy>strong{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#0F4D8B!important;
  font-size:22px!important;
  line-height:1.2!important;
  text-align:left!important;
}

html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-copy>p{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:16.5px!important;
  line-height:1.7!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

@media(max-width:680px){
  html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step{
    padding:18px 18px 18px 76px!important;
  }
  html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-no{
    top:18px!important;
    left:18px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    border-radius:14px!important;
    font-size:15px!important;
  }
  html body article.kj-problem-page section#mini-vaka-senaryosu .kj-problem-case-step-copy>strong{
    font-size:20px!important;
  }
}


/* =========================================================
   RELATED LINK CARDS FINAL FIX
   Baslik > aciklama > buton, dikey ve cakismasiz
========================================================= */
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid-clean{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
  width:100%!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:250px!important;
  height:100%!important;
  padding:24px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  border-radius:24px!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-title{
  order:1!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  color:#1F1F24!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:900!important;
  transform:none!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-description{
  order:2!important;
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0 0 20px 0!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
  flex:0 0 auto!important;
  transform:none!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-action{
  order:3!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:44px!important;
  margin-top:auto!important;
  padding:11px 17px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0A3D70,#0F4D8B 55%,#209EE4)!important;
  border:1px solid rgba(15,77,139,.18)!important;
  box-shadow:0 10px 24px rgba(15,77,139,.16)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:14.5px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  transform:none!important;
  white-space:nowrap!important;
}

html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-action::before,
html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-action::after{
  content:none!important;
  display:none!important;
}

@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid-clean{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-grid-clean{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean{
    min-height:auto!important;
  }
  html body .kj-problem-page #ilgili-rehberler .kj-problem-link-card-clean > .kj-problem-link-action{
    width:100%!important;
  }
}


/* =========================================================
   RELATED CARDS TRUE ISOLATED FIX
   Global .kj-problem-link-grid a rules do not touch this block.
========================================================= */
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  align-items:stretch!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:250px!important;
  height:100%!important;
  margin:0!important;
  padding:24px!important;
  gap:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#FFFFFF,#F8FBFE)!important;
  border:1px solid rgba(15,77,139,.10)!important;
  box-shadow:0 12px 34px rgba(15,77,139,.045)!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-card::before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:4px!important;
  background:linear-gradient(90deg,#0F4D8B,#54AEE2)!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-title{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  color:#1F1F24!important;
  font-size:22px!important;
  line-height:1.2!important;
  font-weight:900!important;
  transform:none!important;
}
html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-description{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0 0 20px!important;
  padding:0!important;
  color:#5F6B7A!important;
  font-size:15.5px!important;
  line-height:1.65!important;
  font-weight:500!important;
  flex:0 0 auto!important;
  transform:none!important;
}
html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action{
  all:unset!important;
  box-sizing:border-box!important;
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  min-height:44px!important;
  margin-top:auto!important;
  padding:11px 17px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0A3D70,#0F4D8B 55%,#209EE4)!important;
  border:1px solid rgba(15,77,139,.18)!important;
  box-shadow:0 10px 24px rgba(15,77,139,.16)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:14.5px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action::before,
html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action::after{
  content:none!important;
  display:none!important;
}
@media(max-width:1020px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page #ilgili-rehberler .kj-problem-related-clean-card{
    min-height:auto!important;
  }
  html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action{
    width:100%!important;
  }
}

/* =========================================================
   RELATED CARDS ACTION: PLAIN TEXT LINK
========================================================= */
html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action{
  all:unset!important;
  box-sizing:border-box!important;
  position:static!important;
  display:inline!important;
  align-self:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin-top:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#0F4D8B!important;
  -webkit-text-fill-color:#0F4D8B!important;
  font-family:"Outfit",Inter,Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.4!important;
  font-weight:900!important;
  white-space:normal!important;
  cursor:pointer!important;
  text-decoration:none!important;
}
html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action:hover{
  color:#209EE4!important;
  -webkit-text-fill-color:#209EE4!important;
  text-decoration:none!important;
}
@media(max-width:680px){
  html body .kj-problem-page #ilgili-rehberler a.kj-problem-related-clean-action{
    width:auto!important;
    display:inline!important;
  }
}

/* =========================================================
   SSS MINI CTA -> AKORDIYON BOSLUK DUZELTMESI
   Mini CTA ile ilk akordiyon arasina nefes alani ekler.
========================================================= */
html body .kj-problem-page #sss .kj-problem-faq,
html body .kj-problem-page #sss .kj-problem-accordion{
  margin-top:24px!important;
}

@media (max-width:680px){
  html body .kj-problem-page #sss .kj-problem-faq,
  html body .kj-problem-page #sss .kj-problem-accordion{
    margin-top:18px!important;
  }
}

/* =========================================================
   ONCELIKLENDIRME ALANI - GERCEK TAM GENISLIK DUZELTMESI
   Rozet ustte; baslik, aciklama ve liste kartin tum genisligini kullanir.
========================================================= */
html body .kj-problem-page #onceliklendirme .kj-problem-priority-timeline{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  max-width:none!important;
  gap:18px!important;
  align-items:stretch!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-template-columns:none!important;
  gap:16px!important;
  padding:26px!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-badge{
  display:inline-flex!important;
  align-self:flex-start!important;
  width:auto!important;
  max-width:max-content!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin:0!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 auto!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-content h3,
html body .kj-problem-page #onceliklendirme .kj-problem-priority-content p,
html body .kj-problem-page #onceliklendirme .kj-problem-priority-content ol{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-content ol{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  padding:0!important;
}

html body .kj-problem-page #onceliklendirme .kj-problem-priority-content li{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

@media(max-width:680px){
  html body .kj-problem-page #onceliklendirme .kj-problem-priority-step{
    padding:22px!important;
    gap:14px!important;
  }
}


/* =========================================================
   KJ PROBLEM COZUM MODELI IKON GERCEK FIX
   Model kartlarindaki Font Awesome ikonlarini kesin olarak gosterir.
========================================================= */
html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid > article{
  position:relative!important;
}

html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon,
html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon.kj-problem-fa-box{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 54px!important;
  margin:0 0 4px 0!important;
  padding:0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:22px!important;
  line-height:1!important;
  text-indent:0!important;
}

html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon::before,
html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}

html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon > i,
html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon.kj-problem-fa-box > i{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-variant:normal!important;
  font-weight:900!important;
  font-size:22px!important;
  line-height:1!important;
  text-rendering:auto!important;
  -webkit-font-smoothing:antialiased!important;
}

html body .kj-problem-page #kreatif-jet-cozum-modeli .kj-problem-model-grid .kj-problem-card-icon > i::before{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  font-size:22px!important;
  line-height:1!important;
}


/* =========================================================
   COZUM MODELI FINAL: KOYU BOLUM + BAGIMSIZ SVG IKONLAR
   Font Awesome yuklenmese bile ikonlar gorunur.
========================================================= */
html body .kj-problem-page section#kreatif-jet-cozum-modeli{
  background:
    radial-gradient(circle at 82% 8%,rgba(84,174,226,.22),transparent 34%),
    radial-gradient(circle at 12% 92%,rgba(15,77,139,.20),transparent 38%),
    linear-gradient(135deg,#061426 0%,#071E34 58%,#0F4D8B 100%)!important;
  border:1px solid rgba(84,174,226,.24)!important;
  box-shadow:0 28px 86px rgba(5,16,30,.24)!important;
  color:#fff!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-head h2,
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-head p,
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid p{
  color:#DCEBFA!important;
  -webkit-text-fill-color:#DCEBFA!important;
  opacity:1!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid>article{
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.08)!important;
  border-radius:24px!important;
  padding:26px!important;
  min-height:220px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0 0 4px 0!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  overflow:visible!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon::before,
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon>i{
  display:none!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon>svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  fill:#fff!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:980px){
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:680px){
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
    grid-template-columns:1fr!important;
  }
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid>article{
    min-height:auto!important;
  }
}

/* === COZUM MODELI RESPONSIVE GRID: desktop 4 / tablet 2 / mobile 1 === */
@media (min-width:1024px){
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

@media (min-width:681px) and (max-width:1023px){
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
}

@media (max-width:680px){
  html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-model-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
}


/* =========================================================
   COZUM MODELI: FONTAWESOME IKONLAR
   SVG kullanilmaz. Her kart kendi icerigine uygun FA ikonu kullanir.
========================================================= */
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon{
  font-size:0!important;
  line-height:1!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon>svg{
  display:none!important;
}
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon>i,
html body .kj-problem-page section#kreatif-jet-cozum-modeli .kj-problem-card-icon>i::before{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
  visibility:visible!important;
}

/* =========================================================
   KOK NEDEN ANALIZI: KOYU BOLUM + FONTAWESOME + 4/2/1 GRID
========================================================= */
html body .kj-problem-page section#kok-neden-analizi{
  background:
    radial-gradient(circle at 82% 8%,rgba(84,174,226,.22),transparent 34%),
    radial-gradient(circle at 12% 92%,rgba(15,77,139,.20),transparent 38%),
    linear-gradient(135deg,#061426 0%,#071E34 58%,#0F4D8B 100%)!important;
  border:1px solid rgba(84,174,226,.24)!important;
  box-shadow:0 28px 86px rgba(5,16,30,.24)!important;
  color:#fff!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-head h2,
html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid h3{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-head p,
html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid p{
  color:#DCEBFA!important;
  -webkit-text-fill-color:#DCEBFA!important;
  opacity:1!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid>article{
  min-width:0!important;
  min-height:220px!important;
  padding:26px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:12px!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.08)!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  margin:0 0 4px 0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  color:#fff!important;
  font-size:0!important;
  line-height:1!important;
  overflow:visible!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon::before,
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon>svg{
  display:none!important;
}
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon>i,
html body .kj-problem-page section#kok-neden-analizi .kj-problem-card-icon>i::before{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-family:"Font Awesome 6 Free"!important;
  font-style:normal!important;
  font-size:23px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
@media (min-width:681px) and (max-width:1023px){
  html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html body .kj-problem-page section#kok-neden-analizi .kj-problem-cause-grid>article{
    min-height:auto!important;
  }
}

/* =========================================================
   YAYGIN NEDENLER - FONTAWESOME IKONLARINI ZORLA GOSTER
========================================================= */
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-reason-strip .kj-problem-card-icon > i{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#0F4D8B!important;
  -webkit-text-fill-color:#0F4D8B!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}

/* =========================================================
   BELIRTILER - FONTAWESOME IKONLARINI ZORLA GOSTER
========================================================= */
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:18px!important;
  background:#EAF5FC!important;
  color:#0F4D8B!important;
  border:1px solid rgba(15,77,139,.10)!important;
  overflow:visible!important;
  font-size:0!important;
  line-height:1!important;
}
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon::before,
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon::after{
  content:none!important;
  display:none!important;
}
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon > i,
html body .kj-problem-page .kj-problem-symptom-grid .kj-problem-card-icon > i::before{
  display:inline-block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:#0F4D8B!important;
  -webkit-text-fill-color:#0F4D8B!important;
  font-family:"Font Awesome 6 Free"!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}


/* =========================================================
   MINI CTA BASLIK-ACIKLAMA KOLONU HIZASI - FINAL
========================================================= */
html body .kj-problem-page .kj-problem-head > div{
  min-width:0!important;
}
html body .kj-problem-page .kj-problem-head > div > p:has(> .kj-problem-mini-cta){
  width:100%!important;
  margin:18px 0 0 0!important;
  padding:0!important;
}
html body .kj-problem-page .kj-problem-head > div > p > .kj-problem-mini-cta,
html body .kj-problem-page .kj-problem-mini-cta-align-text{
  margin:0!important;
  margin-left:0!important;
  align-self:flex-start!important;
}
@media(max-width:680px){
  html body .kj-problem-page .kj-problem-head > div > p:has(> .kj-problem-mini-cta){
    margin-top:16px!important;
  }
  html body .kj-problem-page .kj-problem-head > div > p > .kj-problem-mini-cta,
  html body .kj-problem-page .kj-problem-mini-cta-align-text{
    width:100%!important;
    max-width:100%!important;
  }
}