:root{--ana:#b91c1c;--ana-k:#8f1414;--vurgu:#fbbf24;--koyu:#1f1315;--acik:#fff7ed;--kenar:#e8d3c0;--metin:#2a1c1e;--gri:#6d5b5d;--alt:64px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--acik);color:var(--metin)}
a{color:var(--ana);text-underline-offset:2px}
a:hover{color:var(--ana-k)}
img{max-width:100%;height:auto}
.kpn-atla{position:absolute;left:-9999px;top:0;background:#fff;padding:8px 12px;z-index:10000}
.kpn-atla:focus{left:8px;top:8px}
.kpn-kap{max-width:920px;margin:0 auto;padding:0 12px}
/* üst şerit */
.kpn-ust{background:var(--koyu);color:#fff}
.kpn-ust-ic{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;padding-bottom:9px}
.kpn-logo{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px;font-size:1.15rem}
.kpn-logo svg{width:34px;height:26px;flex:0 0 auto}
.kpn-logo i{font-style:normal;color:var(--vurgu)}
.kpn-ust-tg{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:.86rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:5px 11px}
.kpn-ust-tg svg{width:16px;height:16px}
.kpn-menu{background:var(--ana);border-top:1px solid rgba(255,255,255,.18)}
.kpn-menu ul{list-style:none;margin:0 auto;padding:0 6px;max-width:920px;display:flex;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.kpn-menu ul::-webkit-scrollbar{display:none}
.kpn-menu a{display:block;color:#fff;text-decoration:none;font-size:.9rem;padding:10px 11px}
.kpn-menu a[aria-current="page"]{background:var(--koyu);color:var(--vurgu)}
.kpn-menu a:hover{background:rgba(0,0,0,.18);color:#fff}
/* gövde */
.kpn-ana{padding:8px 0 26px}
.kpn-iz{font-size:.8rem;color:var(--gri);margin:2px 0 10px}
.kpn-iz ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 0}
.kpn-iz li+li::before{content:"»";margin:0 6px;color:#b9a396}
.kpn-iz a{color:var(--gri)}
.kpn-yazi{background:#fff;border:1px solid var(--kenar);border-radius:8px;padding:12px 14px 20px}
@media(min-width:700px){.kpn-yazi{padding:24px 32px 30px}}
.kpn-etiket{display:inline-block;margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--koyu);background:var(--vurgu);padding:3px 9px;border-radius:3px}
h1{font-size:1.62rem;line-height:1.22;margin:4px 0 8px;color:var(--koyu)}
@media(min-width:700px){h1{font-size:2.05rem}}
h2{font-size:1.28rem;line-height:1.3;margin:1.7em 0 .5em;padding:2px 0 2px 11px;border-left:5px solid var(--ana);color:var(--koyu)}
h3{font-size:1.05rem;margin:1.3em 0 .3em;color:var(--ana-k)}
p{margin:.65em 0}
.kpn-kunye{margin:0 0 10px;font-size:.82rem;color:var(--gri)}
.kpn-lead{font-size:1.04rem}
ul,ol{padding-left:1.25em}
li{margin:.25em 0}
/* sabit not */
.kpn-sabit{margin:14px 0;padding:10px 14px 10px 40px;background:#fff8e1;border:1px solid #f2d98b;border-left:5px solid var(--vurgu);border-radius:4px;position:relative;font-size:.95rem}
.kpn-sabit::before{content:"SABİT";position:absolute;left:6px;top:11px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#8a6a07}
.kpn-sabit p{margin:.3em 0}
/* Betzula bileti */
.kpn-bilet{position:relative;background:#fffdf7;border:2px solid var(--ana);border-radius:10px;padding:8px 14px 12px;margin:12px 0}
.kpn-bilet::before,.kpn-bilet::after{content:"";position:absolute;top:54px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--ana)}
.kpn-bilet::before{left:-11px;clip-path:inset(0 0 0 50%)}
.kpn-bilet::after{right:-11px;clip-path:inset(0 50% 0 0)}
.kpn-bilet-ust{display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ana)}
.kpn-bilet-ust b{background:var(--ana);color:#fff;border-radius:3px;padding:2px 7px}
.kpn-bilet-govde{display:flex;gap:12px;align-items:center;margin:6px 0 4px;padding-bottom:6px;border-bottom:2px dashed #e5b9b0}
.kpn-bilet-govde img{flex:0 0 auto;width:112px;height:69px;border-radius:5px;object-fit:cover}
.kpn-bilet-ad{margin:0;font-size:.82rem;color:var(--gri)}
.kpn-bilet-tutar{margin:0;font-size:1.42rem;font-weight:800;line-height:1.15;color:var(--koyu)}
.kpn-bilet-tur{margin:2px 0 0;font-size:.86rem}
.kpn-bilet ul{margin:4px 0 8px;padding-left:1.1em;font-size:.9rem}
.kpn-bilet li{margin:.1em 0}
.kpn-cta{display:block;text-align:center;background:var(--ana);color:#fff;font-weight:800;font-size:1.04rem;text-decoration:none;border-radius:8px;padding:11px 14px;box-shadow:0 3px 0 var(--ana-k)}
.kpn-cta:hover{background:var(--ana-k);color:#fff}
.kpn-bant{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0;padding:10px 12px;background:#fffdf7;border:2px solid var(--ana);border-radius:8px}
.kpn-bant-metin{flex:1 1 230px;font-size:.88rem;line-height:1.4}
.kpn-bant-metin b{display:block;font-size:.98rem;color:var(--koyu)}
.kpn-bant .kpn-cta{flex:0 0 auto;padding:10px 16px;font-size:.95rem}
/* pano dizini */
.kpn-grup{margin:16px 0;border:1px solid var(--kenar);border-radius:6px;overflow:hidden;background:#fff}
.kpn-grup>h2{margin:0;padding:8px 14px;background:var(--koyu);color:#fde68a;font-size:.98rem;border:0}
.kpn-grup-ozet{margin:0;padding:8px 14px;background:#fff9f3;font-size:.86rem;color:var(--gri)}
.kpn-satir{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px 12px;border-top:1px solid #f1e3d6}
.kpn-ikon{width:40px;height:40px;border-radius:6px;background:var(--ana);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.86rem;letter-spacing:.02em}
.kpn-satir h3{margin:0 0 2px;font-size:1.02rem}
.kpn-satir h3 a{text-decoration:none}
.kpn-satir h3 a:hover{text-decoration:underline}
.kpn-satir p{margin:0;font-size:.9rem;color:#4a3a3c}
.kpn-alt-pano{margin-top:4px!important;font-size:.82rem!important;color:var(--gri)!important}
.kpn-alt-pano a{margin-right:.2em}
/* tablolar */
.kpn-tablo-kap{overflow-x:auto;margin:12px 0;-webkit-overflow-scrolling:touch}
.kpn-tablo{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem;background:#fff}
.kpn-tablo caption{text-align:left;font-size:.82rem;color:var(--gri);padding-bottom:4px}
.kpn-tablo th{background:var(--koyu);color:#fde68a;text-align:left;padding:7px 9px;font-weight:700;font-size:.82rem}
.kpn-tablo td{border:1px solid var(--kenar);padding:7px 9px;vertical-align:top}
.kpn-tablo tr:nth-child(even) td{background:#fff9f3}
.kpn-tablo .kpn-sabit-satir td{background:#fff3cd;font-weight:600}
/* liste (pano içi konu satırları) */
.kpn-konu{list-style:none;margin:10px 0;padding:0;border:1px solid var(--kenar);border-radius:6px;overflow:hidden}
.kpn-konu>li{margin:0;padding:10px 12px;border-top:1px solid #f1e3d6;background:#fff}
.kpn-konu>li:first-child{border-top:0}
.kpn-konu .kpn-k-ad{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}
.kpn-konu b{font-size:1rem}
.kpn-konu .kpn-k-tutar{font-weight:800;color:var(--ana)}
.kpn-konu .kpn-k-tur{font-size:.82rem;color:var(--gri);margin:1px 0}
.kpn-konu p{margin:.25em 0;font-size:.92rem}
.kpn-konu .kpn-sabit-konu{background:#fff8e1;border-left:5px solid var(--vurgu)}
.kpn-konu .kpn-k-not{font-size:.76rem;color:var(--gri);margin:2px 0 0}
.kpn-rozet{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.05em;background:var(--koyu);color:var(--vurgu);border-radius:3px;padding:1px 6px;margin-right:6px;vertical-align:1px}
/* kutular */
.kpn-kutu{margin:14px 0;padding:12px 14px;background:#fff9f3;border:1px solid var(--kenar);border-radius:6px}
.kpn-kutu h3{margin-top:0}
.kpn-adim{counter-reset:adim;list-style:none;padding:0;margin:10px 0}
.kpn-adim li{counter-increment:adim;position:relative;padding:3px 0 3px 40px;margin:8px 0;min-height:30px}
.kpn-adim li::before{content:counter(adim);position:absolute;left:0;top:2px;width:28px;height:28px;border-radius:50%;background:var(--ana);color:#fff;font-weight:800;display:grid;place-items:center;font-size:.9rem}
.kpn-ornek{margin:14px 0;padding:12px 14px;background:#fffdf7;border:1px dashed var(--ana);border-radius:6px;font-size:.95rem}
.kpn-ornek>b:first-child{display:block;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ana);margin-bottom:3px}
/* hesaplayıcı */
.kpn-hesap{margin:16px 0;padding:14px;background:#fff9f3;border:1px solid var(--kenar);border-radius:8px}
.kpn-hesap h3{margin-top:0}
.kpn-hesap form{display:grid;gap:10px;margin:10px 0}
@media(min-width:640px){.kpn-hesap form{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kpn-hesap label{display:block;font-size:.82rem;font-weight:600;margin-bottom:2px}
.kpn-hesap input{width:100%;font:inherit;padding:9px 10px;border:1px solid #c9b09c;border-radius:6px;background:#fff}
.kpn-hesap-sonuc{margin:8px 0 0;padding:10px 12px;background:#fff;border-left:5px solid var(--vurgu);font-size:.95rem}
.kpn-hesap-sonuc span{color:var(--gri)}
/* sss */
.kpn-sss dt{font-weight:800;margin-top:1.1em;color:var(--koyu)}
.kpn-sss dd{margin:.25em 0 0}
/* sözlük */
.kpn-ara-form{margin:10px 0}
.kpn-ara-form input{width:100%;font:inherit;padding:10px 12px;border:1px solid #c9b09c;border-radius:6px}
.kpn-ara-durum{font-size:.82rem;color:var(--gri);margin:4px 0 0;min-height:1.2em}
.kpn-harfler{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:8px 0;padding:0}
.kpn-harfler a{display:block;min-width:30px;text-align:center;padding:3px 6px;border:1px solid var(--kenar);border-radius:4px;background:#fff;text-decoration:none;font-weight:700}
.kpn-terim{padding:8px 0;border-top:1px solid #f1e3d6}
.kpn-terim h3{margin:0 0 2px;font-size:1.02rem}
.kpn-terim p{margin:0}
.kpn-harf-baslik{margin:1.2em 0 0;font-size:1.5rem;color:var(--ana);border-bottom:2px solid var(--vurgu);scroll-margin-top:12px}
/* ilgili */
.kpn-ilgili{margin:24px 0 8px;padding:12px 14px;background:#fff9f3;border:1px solid var(--kenar);border-radius:6px}
.kpn-ilgili h2{margin:0 0 6px;border:0;padding:0;font-size:1.05rem}
.kpn-ilgili ul{margin:0;padding-left:1.1em}
.kpn-hazir{margin:22px 0 0;padding:10px 12px;background:#f7f1ea;border-radius:6px;font-size:.84rem;color:#4d3d3f}
/* telegram blok */
.kpn-tg-blok{margin:16px 0;padding:12px 14px;background:#eef7fc;border:1px solid #c5def0;border-radius:6px}
.kpn-tg-blok a.kpn-cta{background:#229ed9;box-shadow:0 3px 0 #17789f;max-width:360px;margin-top:8px}
/* alt */
.kpn-alt{background:var(--koyu);color:#d9c9c4;padding:22px 0 18px;font-size:.88rem}
.kpn-alt a{color:#fde68a}
.kpn-alt h2{font-size:.95rem;color:#fff;margin:0 0 6px;padding:0;border:0}
.kpn-alt ul{list-style:none;margin:0;padding:0}
.kpn-alt li{margin:2px 0}
.kpn-alt-izgara{display:grid;gap:18px}
@media(min-width:760px){.kpn-alt-izgara{grid-template-columns:1.3fr 1.3fr 1fr}}
.kpn-alt-cift{columns:2;column-gap:14px}
.kpn-18{display:flex;gap:12px;align-items:flex-start;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.18)}
.kpn-18>b{flex:0 0 auto;border:2px solid #fde68a;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#fde68a}
.kpn-18 p{margin:0}
.kpn-alt-son{margin:12px 0 0;color:#a9958f;font-size:.8rem}
/* sabit öğeler */
.kpn-yapiskan{display:none}
@media(max-width:860px){
  body{padding-bottom:var(--alt)}
  .kpn-yapiskan{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:7000;height:var(--alt);align-items:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:var(--koyu);color:#fff;box-shadow:0 -4px 16px rgba(20,8,8,.25)}
  .kpn-yapiskan-yazi{flex:1 1 auto;min-width:0;font-size:.8rem;line-height:1.25}
  .kpn-yapiskan-yazi b{display:block;font-size:.95rem;color:var(--vurgu)}
  .kpn-yapiskan a{flex:0 0 auto;background:var(--ana);color:#fff;font-weight:800;font-size:.9rem;text-decoration:none;border-radius:8px;padding:11px 14px;white-space:nowrap}
}
.kpn-tg{position:fixed;right:14px;bottom:calc(var(--alt) + 14px);z-index:7100;width:52px;height:52px;border-radius:50%;background:#229ed9;display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,60,110,.3)}
@media(min-width:861px){.kpn-tg{bottom:20px}}
.kpn-tg svg{width:28px;height:28px}
.kpn-pushbar{position:fixed;left:12px;right:78px;bottom:calc(var(--alt) + 12px);max-width:540px;z-index:7200}
@media(min-width:861px){.kpn-pushbar{bottom:20px}}
.kpn-pop{position:fixed;inset:0;z-index:9000;background:rgba(25,8,8,.6);display:none;align-items:center;justify-content:center;padding:14px}
.kpn-pop.kpn-on{display:flex}
.kpn-pop-kutu{position:relative;width:100%;max-width:640px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.kpn-pop-kutu img{width:100%;height:auto;aspect-ratio:1200/740;display:block}
.kpn-pop-alt{padding:12px 14px 14px;text-align:center}
.kpn-pop-alt p{margin:0 0 10px;font-size:.9rem;color:var(--gri)}
.kpn-pop-btn{display:block;background:var(--ana);color:#fff;font-weight:800;font-size:1.08rem;text-decoration:none;border-radius:9px;padding:14px 12px;box-shadow:0 3px 0 var(--ana-k)}
.kpn-pop-btn:hover{background:var(--ana-k);color:#fff}
.kpn-pop-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:var(--koyu);font-size:24px;line-height:1;cursor:pointer}
/* defter */
.kpn-defter td{height:30px}
@media print{.kpn-ust,.kpn-menu,.kpn-alt,.kpn-yapiskan,.kpn-tg,.kpn-pushbar,.kpn-pop,.kpn-bant,.kpn-bilet,.kpn-ilgili,.kpn-hesap,.kpn-iz{display:none!important}body{background:#fff}.kpn-yazi{border:0;padding:0}}
