/* K-108 */
:root{--brand:#1F4E79;--rose:#E7EEF5;--surface:#FFFFFF;--text:#1C1B1A;--muted:#4A4640;--border:#E5E1DB;--radius-sm:8px}
/* Ortak nav/footer: diğer sayfalar bunları sayfa içi CSS'ten (body fontu, * sıfırlaması, a{color:inherit}) alıyor; bu sayfada yoktu (K-85 ile aynı çözüm).
   :where() özgüllüğü 0 yapar, nav-footer.css kuralları aynen kazanır. */
body{font-family:'Archivo',Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
:where(#navbar,#navbar *,footer,footer *){box-sizing:border-box;margin:0;padding:0}
:where(#navbar a,footer a){color:inherit}
/* K-104: Isı pompası hesaplayıcı (mock CSS, .hp kapsamı). Fontlar sayfada Google Fonts ile yüklenir. */
.hp *{box-sizing:border-box;margin:0;padding:0}
.hp{--m:#1c1c1a;--i:#5f5b54;--c:#e3ded5;--s:#f7f5f0;--v:#1F3A5F;--t:#C8702A;--y:#2E7D4F;--r:#B4473A;
  font-family:Archivo,Arial,sans-serif;color:var(--m);background:#fff;line-height:1.55;padding-top:64px}
.hp .kap{max-width:1180px;margin:0 auto;padding:0 32px}
.hp .ust{background:var(--s);border-bottom:1px solid var(--c);padding:38px 0 30px}
.hp .kir{font-family:Mono;font-size:12px;color:var(--i);letter-spacing:.06em}
.hp h1{font-size:40px;line-height:1.1;font-weight:800;margin:12px 0 10px;letter-spacing:-.01em}
.hp .ust p{font-size:17px;color:var(--i);max-width:760px}
.hp .izgara{display:grid;grid-template-columns:400px minmax(0,1fr);gap:32px;padding:32px 0 56px;align-items:start}
.hp form{border:1px solid var(--c);border-radius:14px;padding:22px 22px 8px;position:sticky;top:16px;background:#fff}
.hp .alan{margin-bottom:16px}
.hp label.b{display:block;font-weight:700;font-size:14px;margin-bottom:6px}
.hp input[type=number],.hp select{width:100%;height:44px;border:1px solid #cfc8bc;border-radius:9px;padding:0 12px;font:inherit;font-size:16px;background:#fff}
.hp .sec{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hp .sec.iki{grid-template-columns:repeat(2,1fr)}
.hp .sec input{display:none}
.hp .sec label{border:1px solid #cfc8bc;border-radius:9px;padding:9px 8px;text-align:center;font-size:13.5px;cursor:pointer;line-height:1.25}
.hp .sec label small{display:block;font-size:11.5px;color:var(--i)}
.hp .sec input:checked+label{border-color:var(--v);background:#eef2f7;box-shadow:inset 0 0 0 1px var(--v);font-weight:700}
.hp .ipucu{font-size:12px;color:var(--i);margin-top:5px}
.hp details{border-top:1px dashed var(--c);padding:12px 0;font-size:14px}
.hp details summary{cursor:pointer;font-weight:700;color:var(--v)}
.hp details .alan{margin-top:12px}
/* sonuç */
.hp .hukum{border-radius:14px;padding:22px 24px;border:1.5px solid;margin-bottom:20px}
.hp .hukum.iyi{background:#eef7f1;border-color:#a9d5b8} .hp .hukum.kotu{background:#fbf0ea;border-color:#e6b896}
.hp .hukum small{font-family:Mono;font-size:12px;letter-spacing:.12em;font-weight:700}
.hp .hukum.iyi small{color:var(--y)} .hp .hukum.kotu small{color:var(--t)}
.hp .hukum h2{font-size:26px;line-height:1.2;margin:6px 0 6px}
.hp .hukum p{font-size:15.5px;color:#3b3a37}
.hp .kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.hp .kart{border:1px solid var(--c);border-radius:12px;padding:16px 18px}
.hp .kart small{font-family:Mono;font-size:11.5px;letter-spacing:.1em;color:var(--i)}
.hp .kart b{display:block;font-size:30px;font-weight:800;line-height:1.1;margin-top:6px;font-variant-numeric:tabular-nums}
.hp .kart span{font-size:13px;color:var(--i)}
.hp h3{font-size:19px;margin:26px 0 10px}
.hp table{width:100%;border-collapse:collapse;font-size:15px}
.hp th{font-family:Mono;font-size:11.5px;letter-spacing:.08em;text-align:left;color:var(--i);font-weight:700;padding:8px 10px;border-bottom:1.5px solid var(--m)}
.hp td{padding:11px 10px;border-bottom:1px solid var(--c);font-variant-numeric:tabular-nums}
.hp td.r,.hp th.r{text-align:right}
.hp tr.vurgu td{background:#fbf3ec;font-weight:700}
.hp .cubuk{display:grid;gap:10px;margin-top:6px}
.hp .cubuk div{display:grid;grid-template-columns:190px 1fr 120px;gap:12px;align-items:center;font-size:14.5px}
.hp .cubuk i{height:14px;border-radius:7px;display:block}
.hp .cubuk em{font-style:normal;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.hp .cta{margin-top:26px;background:var(--v);color:#fff;border-radius:14px;padding:22px 24px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hp .cta h4{font-size:19px} .hp .cta p{font-size:14px;opacity:.8;margin-top:4px}
.hp .cta a{background:#25d366;color:#fff;text-decoration:none;font-weight:700;padding:13px 20px;border-radius:9px;white-space:nowrap}
.hp .dip{font-size:12.5px;color:var(--i);margin-top:16px;line-height:1.5}
@media(max-width:900px){.hp .izgara{grid-template-columns:1fr}.hp form{position:static}.hp .kartlar{grid-template-columns:1fr}.hp h1{font-size:30px}.hp .kap{padding:0 16px}.hp .cubuk div{grid-template-columns:120px 1fr 90px;font-size:13px}}
.hp .ipucu#ikNot{font-weight:700;color:var(--v)}
.hp noscript{display:block;padding:16px;border:1px solid var(--c);border-radius:10px;margin-bottom:16px}
.hp .icerik{grid-column:1/-1}
/* K-108b */
.hp .ust{position:relative;overflow:hidden;isolation:isolate}
.hp .ust::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle 340px at 100% 0%,rgba(31,78,121,.14),transparent 70%),radial-gradient(circle 260px at 0% 100%,rgba(31,78,121,.12),transparent 70%),linear-gradient(rgba(17,24,39,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.05) 1px,transparent 1px),linear-gradient(rgba(17,24,39,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.03) 1px,transparent 1px);background-size:auto,auto,120px 120px,120px 120px,24px 24px,24px 24px}