/* ============================================================
   EsnafSosyal — KANEWS Teması
   Görseldeki haber portalı tasarımının esnaf sosyal ağına
   uyarlanmış birebir görünümü. Kırmızı kimlik, piyasa şeridi,
   son dakika bandı, kart ızgarası, renkli bölüm başlıkları.
   ============================================================ */

:root{
  --kn-red:#f26a1b;
  --kn-grad:linear-gradient(135deg,#f9a11c 0%,#ef5f10 100%);
  --kn-red-dark:#d4560c;
  --kn-red-soft:#fff2e6;
  --kn-ink:#16181d;
  --kn-ink-2:#3a3f48;
  --kn-muted:#8b919c;
  --kn-line:#e7e9ee;
  --kn-bg:#f1f3f6;
  --kn-card:#ffffff;
  --kn-green:#1ca35a;
  --kn-up:#16a34a;
  --kn-down:#e2001a;
  /* bölüm aksan renkleri (görseldeki gibi) */
  --kn-c-gundem:#f5a623;
  --kn-c-ekonomi:#1ca35a;
  --kn-c-siyaset:#e2001a;
  --kn-c-dunya:#2563eb;
  --kn-c-saglik:#16a085;
  --kn-c-teknoloji:#7c3aed;
  --kn-c-magazin:#d63384;
  --kn-radius:10px;
  --kn-shadow:0 1px 3px rgba(20,24,29,.08),0 1px 2px rgba(20,24,29,.04);
  --kn-shadow-lg:0 8px 28px rgba(20,24,29,.12);
  --kn-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--kn-bg);color:var(--kn-ink);
  font-family:var(--kn-sans);font-size:15px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.kn-wrap{max-width:1200px;margin:0 auto;padding:0 14px}

/* ===================== ÜST UTILITY BAR ===================== */
.kn-topbar{background:var(--kn-red);color:#fff;font-size:12.5px}
.kn-topbar .kn-wrap{display:flex;align-items:center;justify-content:space-between;height:34px}
.kn-topbar-left,.kn-topbar-right{display:flex;align-items:center;gap:2px}
.kn-topbar a{display:inline-flex;align-items:center;gap:6px;padding:0 11px;height:34px;color:#fff;font-weight:600;opacity:.95;border-right:1px solid rgba(255,255,255,.18)}
.kn-topbar-left a:first-child{border-left:1px solid rgba(255,255,255,.18)}
.kn-topbar a:hover{background:rgba(0,0,0,.12);opacity:1}
.kn-topbar-right a{border-right:none;border-left:1px solid rgba(255,255,255,.18)}
.kn-topbar .kn-premium{background:#fff;color:var(--kn-red);font-weight:800;border-radius:4px;height:24px;padding:0 12px;margin-left:8px}
.kn-topbar .kn-premium:hover{background:#ffe2e5}
.kn-topbar-clock{opacity:.85;font-variant-numeric:tabular-nums}

/* ===================== SON DAKİKA BANDI ===================== */
.kn-breaking{background:#fff;border-bottom:1px solid var(--kn-line);height:40px;display:flex;align-items:center;overflow:hidden}
.kn-breaking .kn-wrap{display:flex;align-items:center;gap:0;width:100%}
.kn-breaking-label{background:var(--kn-red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.4px;padding:0 14px;height:40px;display:flex;align-items:center;gap:7px;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);padding-right:24px;white-space:nowrap}
.kn-breaking-time{color:var(--kn-red);font-weight:800;padding:0 12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.kn-breaking-track{flex:1;overflow:hidden;white-space:nowrap;position:relative}
.kn-breaking-track ul{display:inline-flex;gap:34px;margin:0;padding:0;list-style:none;animation:kn-marquee 32s linear infinite}
.kn-breaking-track li{font-weight:600;color:var(--kn-ink-2)}
.kn-breaking-track li::before{content:"●";color:var(--kn-red);font-size:8px;vertical-align:middle;margin-right:9px}
.kn-breaking:hover .kn-breaking-track ul{animation-play-state:paused}
@keyframes kn-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===================== HEADER (logo + arama + giriş) ===================== */
.kn-header{background:#fff;border-bottom:1px solid var(--kn-line)}
.kn-header .kn-wrap{display:flex;align-items:center;gap:20px;padding-top:14px;padding-bottom:14px}
.kn-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:27px;letter-spacing:-.5px;color:var(--kn-ink)}
.kn-logo .kn-logo-ic{width:38px;height:38px;border-radius:9px;background:var(--kn-red);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:0 4px 12px rgba(226,0,26,.35)}
.kn-logo img{height:40px;width:auto}
.kn-logo b{color:var(--kn-red)}
.kn-header-ad{flex:1;display:flex;justify-content:center;min-height:0}
.kn-header-ad img{max-height:90px}
.kn-header-right{display:flex;align-items:center;gap:12px;margin-left:auto}
.kn-search{display:flex;align-items:center;background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:999px;overflow:hidden;height:40px}
.kn-search input{border:0;background:transparent;outline:0;padding:0 14px;width:170px;font-size:14px;color:var(--kn-ink)}
.kn-search button{border:0;background:var(--kn-red);color:#fff;width:40px;height:40px;cursor:pointer;display:grid;place-items:center}
.kn-search button:hover{background:var(--kn-red-dark)}

.kn-auth{display:flex;align-items:center;gap:8px}
.kn-btn-login,.kn-btn-join{height:38px;display:inline-flex;align-items:center;padding:0 16px;border-radius:8px;font-weight:700;font-size:14px}
.kn-btn-login{color:var(--kn-ink);border:1px solid var(--kn-line)}
.kn-btn-login:hover{border-color:var(--kn-red);color:var(--kn-red)}
.kn-btn-join{background:var(--kn-red);color:#fff}
.kn-btn-join:hover{background:var(--kn-red-dark)}

/* üye menüsü */
.kn-userbox{position:relative}
.kn-user-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--kn-line);background:#fff;border-radius:999px;padding:4px 10px 4px 4px;cursor:pointer}
.kn-user-toggle img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.kn-user-toggle .fa-chevron-down{font-size:11px;color:var(--kn-muted)}
.kn-user-menu{position:absolute;right:0;top:calc(100% + 8px);width:248px;background:#fff;border:1px solid var(--kn-line);border-radius:12px;box-shadow:var(--kn-shadow-lg);padding:8px;display:none;z-index:60}
.kn-user-menu.acik{display:block}
.kn-user-menu .kn-user-head{padding:10px 12px 12px;border-bottom:1px solid var(--kn-line);margin-bottom:6px}
.kn-user-menu .kn-user-head strong{display:block;font-size:15px}
.kn-user-menu .kn-user-head span{font-size:12.5px;color:var(--kn-muted)}
.kn-user-menu a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--kn-ink-2)}
.kn-user-menu a i{width:18px;text-align:center;color:var(--kn-muted)}
.kn-user-menu a:hover{background:var(--kn-red-soft);color:var(--kn-red)}
.kn-user-menu a:hover i{color:var(--kn-red)}
.kn-user-menu .kn-cikis{color:var(--kn-red)}
.kn-user-menu .kn-sep{height:1px;background:var(--kn-line);margin:6px 4px}
.kn-badge-count{margin-left:auto;background:var(--kn-red);color:#fff;font-size:11px;font-weight:800;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}

/* ===================== ANA MENÜ (kırmızı altı çizili) ===================== */
.kn-nav{background:#fff;border-bottom:3px solid var(--kn-red);position:sticky;top:0;z-index:50;box-shadow:var(--kn-shadow)}
.kn-nav .kn-wrap{display:flex;align-items:center}
.kn-nav ul{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.kn-nav>.kn-wrap>ul>li>a{display:flex;align-items:center;gap:7px;padding:14px 15px;font-weight:700;font-size:14px;color:var(--kn-ink);position:relative;text-transform:none}
.kn-nav li a:hover{color:var(--kn-red)}
.kn-nav li a.aktif,.kn-nav li a.active{color:var(--kn-red)}
.kn-nav li a.aktif::after,.kn-nav li a:hover::after{content:"";position:absolute;left:12px;right:12px;bottom:-3px;height:3px;background:var(--kn-red)}
.kn-nav .kn-nav-cta{margin-left:auto}
.kn-nav .kn-nav-cta a{color:var(--kn-red);font-weight:800}
.kn-menu-toggle{display:none}

/* ===================== PİYASA ŞERİDİ ===================== */
.kn-ticker{background:#fff;border-bottom:1px solid var(--kn-line);overflow:hidden}
.kn-ticker .kn-wrap{display:flex;align-items:center;height:40px;gap:0}
.kn-ticker-label{display:flex;align-items:center;gap:7px;font-weight:800;font-size:12.5px;color:var(--kn-red);padding-right:16px;border-right:1px solid var(--kn-line);height:24px;white-space:nowrap}
.kn-ticker-track{flex:1;overflow:hidden;white-space:nowrap;margin-left:14px}
.kn-ticker-track .kn-ticker-inner{display:inline-flex;gap:0;animation:kn-marquee 40s linear infinite}
.kn-ticker:hover .kn-ticker-inner{animation-play-state:paused}
.kn-ti{display:inline-flex;align-items:center;gap:8px;padding:0 18px;border-right:1px solid var(--kn-line);font-size:13px;white-space:nowrap}
.kn-ti .sembol{font-weight:700;color:var(--kn-ink-2)}
.kn-ti .deger{font-weight:800;color:var(--kn-ink);font-variant-numeric:tabular-nums}
.kn-ti .deg{font-weight:700;font-size:12px}
.kn-ti .deg.up{color:var(--kn-up)} .kn-ti .deg.down{color:var(--kn-down)}

/* ===================== GENEL DÜZEN ===================== */
main.kn-main{padding:8px 0 30px}
.kn-grid-2{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}
@media(max-width:980px){.kn-grid-2{grid-template-columns:1fr}}

/* ===================== KART ===================== */
.kn-card{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:var(--kn-radius);overflow:hidden;box-shadow:var(--kn-shadow);transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column}
.kn-card:hover{transform:translateY(-2px);box-shadow:var(--kn-shadow-lg)}
.kn-card-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:#e9ecf1}
.kn-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.kn-card:hover .kn-card-img img{transform:scale(1.05)}
.kn-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1}
.kn-card-title{font-weight:800;font-size:15.5px;line-height:1.3;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kn-card:hover .kn-card-title{color:var(--kn-red)}
.kn-card-meta{margin-top:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--kn-muted)}
.kn-card-meta i{margin-right:3px}

/* kategori/sektör rozeti */
.kn-badge{position:absolute;top:10px;left:10px;background:var(--kn-red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:4px 9px;border-radius:5px;z-index:2}
.kn-badge.gundem{background:var(--kn-c-gundem)}
.kn-badge.ekonomi{background:var(--kn-c-ekonomi)}
.kn-badge.siyaset{background:var(--kn-c-siyaset)}
.kn-badge.dunya{background:var(--kn-c-dunya)}
.kn-badge.saglik{background:var(--kn-c-saglik)}
.kn-badge.teknoloji{background:var(--kn-c-teknoloji)}
.kn-badge.magazin{background:var(--kn-c-magazin)}
.kn-onay{color:#fff;background:var(--kn-dunya,#2563eb);border-radius:50%}
.kn-tik{color:#2563eb;font-size:13px}

/* ===================== HERO ===================== */
.kn-hero{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:18px}
@media(max-width:760px){.kn-hero{grid-template-columns:1fr}}
.kn-hero-main{position:relative;border-radius:var(--kn-radius);overflow:hidden;min-height:380px;background:#1a1d24;box-shadow:var(--kn-shadow)}
.kn-hero-main img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.kn-hero-main .kn-hero-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,12,16,.92) 0%,rgba(10,12,16,.45) 45%,transparent 75%)}
.kn-hero-main .kn-hero-body{position:absolute;left:0;right:0;bottom:0;padding:26px 26px 24px;color:#fff;z-index:2}
.kn-hero-flag{display:inline-flex;align-items:center;gap:6px;background:var(--kn-red);color:#fff;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:5px;margin-bottom:12px}
.kn-hero-main h2{font-size:30px;line-height:1.18;font-weight:900;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.kn-hero-main .kn-hero-meta{margin-top:12px;display:flex;align-items:center;gap:12px;font-size:13px;opacity:.92}
.kn-hero-dots{position:absolute;bottom:18px;right:22px;display:flex;gap:6px;z-index:3}
.kn-hero-dots span{width:26px;height:6px;border-radius:3px;background:rgba(255,255,255,.4)}
.kn-hero-dots span.aktif{background:var(--kn-red)}

.kn-hero-side{display:flex;flex-direction:column;gap:10px}
.kn-hero-side .kn-mini{display:flex;gap:11px;background:#fff;border:1px solid var(--kn-line);border-radius:9px;padding:9px;box-shadow:var(--kn-shadow);align-items:center}
.kn-hero-side .kn-mini:hover{border-color:var(--kn-red)}
.kn-hero-side .kn-mini img{width:72px;height:56px;border-radius:7px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-hero-side .kn-mini .av{width:48px;height:48px;border-radius:50%}
.kn-hero-side .kn-mini h4{font-size:13.5px;font-weight:700;margin:0;line-height:1.32;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-hero-side .kn-mini:hover h4{color:var(--kn-red)}
.kn-hero-side .kn-mini span{font-size:11.5px;color:var(--kn-muted)}

/* küçük kart şeridi (hero altı) */
.kn-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}
@media(max-width:760px){.kn-strip{grid-template-columns:repeat(2,1fr)}}
.kn-strip .kn-card-img{aspect-ratio:16/11}
.kn-strip .kn-card-title{font-size:13.5px;-webkit-line-clamp:2}

/* ===================== BÖLÜM BAŞLIĞI ===================== */
.kn-sec-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}
.kn-sec-head .kn-sec-title{display:inline-flex;align-items:center;gap:9px;background:var(--kn-red);color:#fff;font-weight:800;font-size:15px;padding:9px 16px;border-radius:6px 6px 0 0;position:relative}
.kn-sec-head .kn-sec-title .kn-sec-brand{opacity:.7;font-weight:600}
.kn-sec-head .kn-more{font-size:13px;font-weight:700;color:var(--kn-muted)}
.kn-sec-head .kn-more:hover{color:var(--kn-red)}
.kn-sec-wrap{border-top:3px solid var(--kn-red);padding-top:16px;margin-bottom:8px}
/* renk varyantları */
.kn-sec.gundem .kn-sec-title{background:var(--kn-c-gundem)} .kn-sec.gundem .kn-sec-wrap{border-color:var(--kn-c-gundem)}
.kn-sec.ekonomi .kn-sec-title{background:var(--kn-c-ekonomi)} .kn-sec.ekonomi .kn-sec-wrap{border-color:var(--kn-c-ekonomi)}
.kn-sec.siyaset .kn-sec-title{background:var(--kn-c-siyaset)} .kn-sec.siyaset .kn-sec-wrap{border-color:var(--kn-c-siyaset)}
.kn-sec.dunya .kn-sec-title{background:var(--kn-c-dunya)} .kn-sec.dunya .kn-sec-wrap{border-color:var(--kn-c-dunya)}
.kn-sec.saglik .kn-sec-title{background:var(--kn-c-saglik)} .kn-sec.saglik .kn-sec-wrap{border-color:var(--kn-c-saglik)}
.kn-sec.teknoloji .kn-sec-title{background:var(--kn-c-teknoloji)} .kn-sec.teknoloji .kn-sec-wrap{border-color:var(--kn-c-teknoloji)}
.kn-sec.magazin .kn-sec-title{background:var(--kn-c-magazin)} .kn-sec.magazin .kn-sec-wrap{border-color:var(--kn-c-magazin)}

.kn-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:760px){.kn-cards-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kn-cards-3{grid-template-columns:1fr}}
.kn-cards-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:980px){.kn-cards-4{grid-template-columns:repeat(2,1fr)}}

/* sektör bölümü: solda büyük + sağda liste */
.kn-sec-split{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}
@media(max-width:760px){.kn-sec-split{grid-template-columns:1fr}}
.kn-sec-feat .kn-card-img{aspect-ratio:16/9}
.kn-sec-feat .kn-card-title{font-size:19px;-webkit-line-clamp:2}
.kn-sec-list{display:flex;flex-direction:column;gap:0}
.kn-sec-list .kn-row{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--kn-line);align-items:center}
.kn-sec-list .kn-row:last-child{border-bottom:0}
.kn-sec-list .kn-row img{width:84px;height:62px;border-radius:7px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-sec-list .kn-row .av{width:54px;height:54px;border-radius:50%}
.kn-sec-list .kn-row h4{font-size:14px;font-weight:700;margin:0;line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-sec-list .kn-row:hover h4{color:var(--kn-red)}
.kn-sec-list .kn-row span{font-size:11.5px;color:var(--kn-muted)}

/* ===================== KATIL / PROMO BANNER (koyu) ===================== */
.kn-promo{display:grid;grid-template-columns:1.4fr 1fr;gap:0;border-radius:var(--kn-radius);overflow:hidden;margin:22px 0;box-shadow:var(--kn-shadow)}
@media(max-width:760px){.kn-promo{grid-template-columns:1fr}}
.kn-promo-left{background:linear-gradient(120deg,#1a1d24,#262b35);color:#fff;padding:30px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px}
.kn-promo-left .kn-flag{align-self:flex-start;background:var(--kn-red);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.5px;padding:5px 12px;border-radius:5px}
.kn-promo-left h3{font-size:23px;font-weight:900;margin:0;line-height:1.25}
.kn-promo-left p{margin:0;opacity:.8;font-size:14px}
.kn-promo-left .kn-promo-btn{align-self:flex-start;background:var(--kn-red);color:#fff;font-weight:800;padding:11px 22px;border-radius:8px;margin-top:4px}
.kn-promo-left .kn-promo-btn:hover{background:var(--kn-red-dark)}
.kn-promo-right{background:#fff;padding:14px 16px}
.kn-promo-right .kn-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--kn-line);align-items:center}
.kn-promo-right .kn-row:last-child{border-bottom:0}
.kn-promo-right .kn-row img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-promo-right .kn-row h4{font-size:13.5px;font-weight:700;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-promo-right .kn-row span{font-size:11.5px;color:var(--kn-muted)}

/* ===================== ÖNE ÇIKAN ESNAFLAR (yazarlar bandı) ===================== */
.kn-authors{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--kn-line);border-radius:var(--kn-radius);overflow:hidden;background:#fff;box-shadow:var(--kn-shadow)}
@media(max-width:760px){.kn-authors{grid-template-columns:repeat(2,1fr)}}
.kn-author{padding:18px 16px;border-right:1px solid var(--kn-line);text-align:left;display:flex;flex-direction:column;gap:8px}
.kn-author:last-child{border-right:0}
.kn-author-top{display:flex;align-items:center;gap:11px}
.kn-author-top img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--kn-red);background:#e9ecf1}
.kn-author-top b{font-size:14.5px;display:block}
.kn-author-top span{font-size:12px;color:var(--kn-muted)}
.kn-author p{font-size:12.5px;color:var(--kn-ink-2);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}

/* ===================== SAĞ KENAR ÇUBUĞU (sidebar) ===================== */
.kn-side{display:flex;flex-direction:column;gap:18px}
.kn-widget{background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);overflow:hidden;box-shadow:var(--kn-shadow)}
.kn-widget-head{background:var(--kn-red);color:#fff;font-weight:800;font-size:14px;padding:11px 15px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.3px}
.kn-widget-head.alt{background:var(--kn-ink)}
.kn-widget-body{padding:6px 14px 12px}
.kn-w-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--kn-line);align-items:center}
.kn-w-row:last-child{border-bottom:0}
.kn-w-row img{width:60px;height:46px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-w-row .av{width:44px;height:44px;border-radius:50%}
.kn-w-row h4{font-size:13px;font-weight:700;margin:0;line-height:1.34;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-w-row:hover h4{color:var(--kn-red)}
.kn-w-row span{font-size:11px;color:var(--kn-muted)}
.kn-w-num{width:26px;height:26px;flex-shrink:0;border-radius:6px;background:var(--kn-red-soft);color:var(--kn-red);font-weight:800;font-size:13px;display:grid;place-items:center}
.kn-w-row:nth-child(n+4) .kn-w-num{background:var(--kn-bg);color:var(--kn-muted)}

/* tab başlık */
.kn-tabs{display:flex;border-bottom:1px solid var(--kn-line)}
.kn-tabs button{flex:1;border:0;background:#fff;padding:11px;font-weight:800;font-size:13px;color:var(--kn-muted);cursor:pointer;text-transform:uppercase;border-bottom:3px solid transparent}
.kn-tabs button.aktif{color:var(--kn-red);border-bottom-color:var(--kn-red)}
.kn-tab-pane{display:block} .kn-tab-pane.aktif{display:block}

/* anket */
.kn-poll-opt{margin:9px 0}
.kn-poll-opt .kn-poll-top{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}
.kn-poll-bar{height:8px;background:var(--kn-bg);border-radius:5px;overflow:hidden}
.kn-poll-bar i{display:block;height:100%;background:var(--kn-red);border-radius:5px}
.kn-poll-btn{width:100%;border:0;background:var(--kn-red);color:#fff;font-weight:800;padding:10px;border-radius:8px;margin-top:10px;cursor:pointer}

/* sosyal katıl */
.kn-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kn-social a{display:flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:13px;padding:10px 12px;border-radius:8px}
.kn-social .fb{background:#1877f2}.kn-social .x{background:#16181d}.kn-social .pin{background:#e60023}
.kn-social .yt{background:#ff0000}.kn-social .ig{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.kn-social .wa{background:#25d366}

/* haber gönder / ilan ver kutusu */
.kn-cta-box{background:var(--kn-red);color:#fff;border-radius:var(--kn-radius);padding:20px;text-align:center;box-shadow:var(--kn-shadow)}
.kn-cta-box i{font-size:30px;margin-bottom:8px}
.kn-cta-box h4{margin:0 0 6px;font-size:17px;font-weight:900}
.kn-cta-box p{margin:0 0 14px;font-size:13px;opacity:.9}
.kn-cta-box a{display:inline-block;background:#fff;color:var(--kn-red);font-weight:800;padding:10px 20px;border-radius:8px}

/* bülten */
.kn-news-box{padding:14px}
.kn-news-box form{display:flex;gap:8px;margin-top:10px}
.kn-news-box input{flex:1;border:1px solid var(--kn-line);border-radius:8px;padding:10px 12px;font-size:13px;outline:0}
.kn-news-box button{border:0;background:var(--kn-red);color:#fff;font-weight:800;padding:0 16px;border-radius:8px;cursor:pointer}

/* ===================== FOOTER ===================== */
.kn-footer{background:#16181d;color:#c7ccd6;margin-top:30px;border-top:4px solid var(--kn-red)}
.kn-footer-top{border-top:4px solid var(--kn-red)}
.kn-footer .kn-wrap{padding-top:34px;padding-bottom:24px}
.kn-footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr 1fr;gap:30px;align-items:start}
@media(max-width:760px){.kn-footer-grid{grid-template-columns:1fr 1fr}}
.kn-footer-logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;color:#fff;margin-bottom:12px}
.kn-footer-logo .kn-logo-ic{width:36px;height:36px;border-radius:9px;background:var(--kn-red);display:grid;place-items:center}
.kn-footer-logo b{color:var(--kn-red)}
.kn-footer p{font-size:13px;line-height:1.6;color:#9aa1ad}
.kn-footer h5{color:#fff;font-size:13px;letter-spacing:.5px;text-transform:uppercase;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--kn-red);display:inline-block}
.kn-footer-menu{list-style:none;margin:0;padding:0}
.kn-footer-menu li{margin-bottom:9px}
.kn-footer-menu a{font-size:13.5px;color:#9aa1ad}
.kn-footer-menu a:hover{color:#fff}
.kn-footer-social{display:flex;gap:8px;margin-top:14px}
.kn-footer-social a{width:36px;height:36px;border-radius:8px;background:#23262e;display:grid;place-items:center;color:#fff}
.kn-footer-social a:hover{background:var(--kn-red)}
.kn-footer-bottom{border-top:1px solid #23262e}
.kn-footer-bottom .kn-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 14px;font-size:12.5px;color:#8b919c}
.kn-footer-bottom nav{display:flex;gap:16px;flex-wrap:wrap}
.kn-footer-bottom nav a:hover{color:#fff}

/* ===================== ESNAFSOSYAL AKIŞ — KANEWS override ===================== */
/* mevcut .es-* bileşenlerini KANEWS görünümüne uydur */
.es-sayfa{background:transparent;padding:0}
.es-kapsayici{max-width:1200px;margin:0 auto;padding:0;display:grid;grid-template-columns:300px 1fr 320px;gap:20px;align-items:start}
@media(max-width:1100px){.es-kapsayici{grid-template-columns:1fr 320px}.es-yan-sol{display:none}}
@media(max-width:900px){.es-kapsayici{grid-template-columns:1fr}.es-yan-sag{display:none}}
.es-kart{background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);box-shadow:var(--kn-shadow)}
.es-baslik{display:flex;align-items:center;gap:9px;background:var(--kn-red);color:#fff;font-size:18px;font-weight:800;padding:12px 16px;border-radius:6px;margin:0 0 14px}
.es-sekme{display:flex;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);padding:6px;margin-bottom:14px;box-shadow:var(--kn-shadow)}
.es-sekme a{padding:8px 14px;border-radius:7px;font-weight:700;font-size:13.5px;color:var(--kn-ink-2)}
.es-sekme a.aktif{background:var(--kn-red);color:#fff}
.es-sekme a:hover:not(.aktif){background:var(--kn-red-soft);color:var(--kn-red)}
.es-btn-dolu{background:var(--kn-red);color:#fff;border:0;font-weight:800;padding:9px 18px;border-radius:8px;cursor:pointer}
.es-btn-dolu:hover{background:var(--kn-red-dark)}
.es-btn-bos{display:inline-block;border:1px solid var(--kn-red);color:var(--kn-red);font-weight:800;padding:8px 18px;border-radius:8px;margin-top:6px}
.es-profil-kapak{background:linear-gradient(120deg,var(--kn-red),var(--kn-red-dark))!important}
.es-takip-btn{background:var(--kn-red-soft);color:var(--kn-red);border:0;font-weight:700;font-size:12px;padding:5px 10px;border-radius:6px;cursor:pointer}
.es-takip-btn.takipte{background:var(--kn-bg);color:var(--kn-muted)}
.es-gonderi{background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);padding:16px;margin-bottom:14px;box-shadow:var(--kn-shadow)}
.es-begen.aktif,.es-sayac-begeni i{color:var(--kn-red)}
.es-onay-tik{color:#2563eb}
.es-rozet.dogrulanmis{color:#2563eb}

/* yardımcı */
.kn-empty{background:#fff;border:1px dashed var(--kn-line);border-radius:var(--kn-radius);padding:26px;text-align:center;color:var(--kn-muted);font-size:14px}
.kn-mt{margin-top:18px}

/* eski haber teması sabit reklam raylarını gizle */
.reklam-ray{display:none!important}

/* ===================== MOBİL ===================== */
@media(max-width:980px){
  .kn-header .kn-header-ad{display:none}
  .kn-search input{width:120px}
}
@media(max-width:760px){
  .kn-topbar-left a:not(:first-child):not(:nth-child(2)){display:none}
  .kn-menu-toggle{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;font-weight:800;color:var(--kn-ink);padding:12px 4px;cursor:pointer;font-size:14px}
  .kn-nav>.kn-wrap{flex-direction:column;align-items:stretch}
  .kn-nav ul{display:none;flex-direction:column;width:100%;padding-bottom:8px}
  .kn-nav ul.acik{display:flex}
  .kn-nav li a{padding:11px 6px;border-bottom:1px solid var(--kn-line)}
  .kn-nav li a.aktif::after,.kn-nav li a:hover::after{display:none}
  .kn-hero-main h2{font-size:21px}
  .kn-header .kn-wrap{flex-wrap:wrap;gap:12px}
  .kn-header-right{width:100%;justify-content:space-between}
}

/* ---- Arama sayfası ---- */
.kn-sayfa-baslik{font-size:24px;font-weight:800;color:var(--kn-ink)}
.kn-arama-grup{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--kn-muted);border-left:3px solid var(--kn-red);padding-left:9px;margin:18px 0 10px}
.kn-arama-satir{display:flex;align-items:center;gap:11px;padding:9px 11px;background:#fff;border:1px solid var(--kn-line);border-radius:10px;text-decoration:none;color:inherit;transition:.15s}
.kn-arama-satir:hover{border-color:var(--kn-red);box-shadow:0 4px 14px rgba(226,0,26,.08)}
.kn-arama-satir img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-arama-satir strong{font-size:14px;color:var(--kn-ink)}
.kn-arama-ikon{width:46px;height:46px;border-radius:8px;background:var(--kn-ink);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* ============================================================
   HABER ANA SAYFA EKLENTİLERİ (KANEWS)
   ============================================================ */
.kn-body{background:var(--kn-bg);color:var(--kn-ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.kn-main{padding:8px 0 36px}
.kn-main-wrap{min-height:40vh}
.kn-mt{margin-top:26px}
.kn-logo-tx{font-family:Inter,sans-serif;font-weight:900;font-size:27px;letter-spacing:.5px;color:var(--kn-ink);line-height:1}
.kn-logo-tx b{color:var(--kn-red)}

/* HERO */
.kn-hero-wrap{display:grid;grid-template-columns:2fr 1fr;gap:16px}
@media(max-width:820px){.kn-hero-wrap{grid-template-columns:1fr}}
.kn-hero-wrap > .kn-hero{display:block;margin:0;grid-template-columns:none}
.kn-hero-main{position:relative;display:block;border-radius:var(--kn-radius);overflow:hidden;height:440px;box-shadow:var(--kn-shadow)}
@media(max-width:820px){.kn-hero-main{height:300px}}
.kn-hero-main img{width:100%;height:100%;object-fit:cover;display:block}
.kn-hero-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.85) 100%)}
.kn-hero-body{position:absolute;left:0;right:0;bottom:0;padding:22px 24px;color:#fff;display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.kn-hero-body h1{font-family:Inter,sans-serif;font-size:30px;font-weight:800;line-height:1.18;margin:2px 0 0;color:#fff}
@media(max-width:820px){.kn-hero-body h1{font-size:21px}}
.kn-hero-flag{background:var(--kn-red);color:#fff;font-size:12px;font-weight:800;padding:4px 11px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px}
.kn-hero-meta{font-size:12.5px;opacity:.9}
.kn-hero-side-item{display:flex;gap:11px;align-items:center;background:#fff;border:1px solid var(--kn-line);border-radius:10px;padding:9px;box-shadow:var(--kn-shadow);text-decoration:none;transition:.15s}
.kn-hero-side-item:hover{border-color:var(--kn-red);box-shadow:0 6px 18px rgba(226,0,26,.1)}
.kn-hero-side-item img{width:84px;height:62px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-hero-side-item h4{font-size:13.5px;font-weight:700;margin:4px 0 0;line-height:1.3;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-hero-side-item:hover h4{color:var(--kn-red)}
.kn-badge-sm{display:inline-block;color:#fff;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;font-style:normal}

/* PROMO */
.kn-promo-tag{display:inline-block;background:var(--kn-red);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:5px;text-transform:uppercase;letter-spacing:.4px;align-self:flex-start}

/* YAZARLAR */
.kn-authors{display:block;border:0;background:transparent;box-shadow:none;overflow:visible}
.kn-authors-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:760px){.kn-authors-grid{grid-template-columns:repeat(2,1fr)}}
.kn-author{background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);padding:15px;box-shadow:var(--kn-shadow);text-align:left}
.kn-author-top{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.kn-author-top img{width:52px;height:52px;border-radius:50%;object-fit:cover;background:#e9ecf1}
.kn-author-top strong{display:block;font-size:14px;color:var(--kn-ink)}
.kn-author-top small{color:var(--kn-muted);font-size:12px}
.kn-author-yazi{display:block;font-size:13px;font-weight:600;color:var(--kn-ink-2);text-decoration:none;line-height:1.35;border-top:1px dashed var(--kn-line);padding-top:10px}
.kn-author-yazi:hover{color:var(--kn-red)}

/* İÇERİK + SİDEBAR LAYOUT */
.kn-layout{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start}
@media(max-width:980px){.kn-layout{grid-template-columns:1fr}}
.kn-content{min-width:0;display:flex;flex-direction:column;gap:26px}

/* KATEGORİ BÖLÜMÜ — öne çıkan + liste */
.kn-sec-feat{display:grid;grid-template-columns:1fr;gap:0;background:#fff;border:1px solid var(--kn-line);border-radius:var(--kn-radius);overflow:hidden;box-shadow:var(--kn-shadow);text-decoration:none;color:inherit}
.kn-sec-feat-img img{width:100%;height:215px;object-fit:cover;display:block;background:#e9ecf1}
.kn-sec-feat-body{padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.kn-sec-feat-body em{align-self:flex-start;font-style:normal}
.kn-sec-feat-body h3{font-family:Inter,sans-serif;font-size:19px;font-weight:800;line-height:1.22;margin:0;color:var(--kn-ink)}
.kn-sec-feat:hover .kn-sec-feat-body h3{color:var(--kn-red)}
.kn-sec-feat-body p{font-size:13px;color:var(--kn-muted);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ANKET soru */
.kn-poll-q{font-size:14px;font-weight:700;color:var(--kn-ink);margin:0 0 12px;line-height:1.4}

/* SİDEBAR reklam + tab pane */
.kn-side-ad{display:flex;justify-content:center}

/* HABER GÖNDER kutusu butonu zaten kn-promo-btn */
.kn-cta-box .kn-promo-btn{margin-top:10px}

/* YUKARI butonu */
.kn-yukari{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border:0;border-radius:50%;background:var(--kn-red);color:#fff;font-size:16px;cursor:pointer;box-shadow:0 6px 20px rgba(226,0,26,.4);opacity:0;visibility:hidden;transition:.2s;z-index:60}
.kn-yukari.gor{opacity:1;visibility:visible}

/* FOOTER */
.kn-footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:30px;padding-bottom:8px}
@media(max-width:820px){.kn-footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.kn-footer-top{grid-template-columns:1fr}}
.kn-footer-brand p{font-size:13px;color:#aeb4bf;line-height:1.6;margin:12px 0 14px}
.kn-footer-col h4{font-size:14px;font-weight:800;color:#fff;margin:0 0 14px;text-transform:uppercase;letter-spacing:.4px}
.kn-footer-col p{font-size:13px;color:#aeb4bf;line-height:1.6;margin:0 0 12px}
.kn-footer-bulten{display:flex;gap:8px;flex-wrap:wrap}
.kn-footer-bulten input{flex:1;min-width:0;background:#1c1f26;border:1px solid #2a2f39;color:#fff;border-radius:8px;padding:10px 12px;font-size:13px}
.kn-footer-bulten button{background:var(--kn-red);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer;font-size:13px}

/* ============================================================
   ÜST BÖLÜM v2 + HERO SLIDER (KANEWS referansı birebir)
   ============================================================ */

/* --- Kırmızı başlık --- */
.kn-hd{background:var(--kn-grad);color:#fff;position:relative;z-index:40}
.kn-hd-in{display:flex;align-items:center;gap:26px;height:64px}
.kn-hd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.kn-hd-mark{width:40px;height:40px;border-radius:9px;background:#fff;color:var(--kn-red);display:grid;place-items:center;font-size:20px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.kn-hd-word{color:#fff;font-family:Inter,sans-serif;font-weight:900;font-size:24px;letter-spacing:1px}
.kn-hd-util{display:flex;align-items:center;gap:26px}
.kn-hd-util a{color:#fff;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;display:inline-flex;align-items:center;gap:7px;opacity:.96}
.kn-hd-util a:hover{opacity:1}
.kn-hd-ic-green{width:22px;height:22px;border-radius:50%;background:#25b34b;display:inline-grid;place-items:center;font-size:11px}
.kn-hd-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.kn-hd-premium{background:#fff;color:var(--kn-red);text-decoration:none;font-weight:800;font-size:13.5px;padding:9px 16px;border-radius:24px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.kn-hd-premium:hover{color:#fff;background:rgba(255,255,255,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.kn-hd-ico{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;font-size:16px;display:inline-grid;place-items:center;cursor:pointer;position:relative;text-decoration:none}
.kn-hd-ico:hover{background:rgba(255,255,255,.16)}
.kn-hd-bell span{position:absolute;top:4px;right:3px;background:#111;color:#fff;font-size:9px;font-weight:800;min-width:14px;height:14px;border-radius:8px;display:grid;place-items:center;padding:0 3px}
.kn-hd-searchbar{max-height:0;overflow:hidden;transition:max-height .25s ease;background:#d4560c}
.kn-hd-searchbar.acik{max-height:80px}
.kn-hd-searchbar form{display:flex;gap:8px;padding:12px 14px}
.kn-hd-searchbar input{flex:1;border:0;border-radius:8px;padding:11px 14px;font-size:14px}
.kn-hd-searchbar button{border:0;border-radius:8px;background:#111;color:#fff;font-weight:700;padding:0 18px;cursor:pointer}

/* --- Beyaz menü --- */
.kn-nav2{background:#fff;border-bottom:1px solid var(--kn-line);position:sticky;top:0;z-index:35}
.kn-nav2-in{display:flex;align-items:center;min-height:52px}
.kn-nav2-menu{list-style:none;display:flex;align-items:center;gap:22px;margin:0;padding:0;flex-wrap:wrap}
.kn-nav2-menu>li{position:relative}
.kn-nav2-menu>li>a{display:inline-flex;align-items:center;gap:6px;color:var(--kn-ink);text-decoration:none;font-size:15px;font-weight:700;padding:15px 0;border-bottom:3px solid transparent}
.kn-nav2-menu>li>a:hover{color:var(--kn-red)}
.kn-nav2-menu>li>a.aktif{color:var(--kn-red);border-bottom-color:var(--kn-red)}
/* --- Açılır alt menü (dropdown) --- */
.kn-csign{font-size:11px;opacity:.65;transition:transform .2s}
/* Masaüstü: sub-row'u eski satır gibi göster, toggle butonu gizli (hover ile açılır) */
.kn-sub-row{display:inline-flex;align-items:center;gap:4px}
.kn-sub-toggle{display:none;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.kn-nav2-menu>li.kn-has-sub:hover .kn-csign{transform:rotate(180deg)}
.kn-sub{list-style:none;margin:0;padding:8px 0;position:absolute;top:100%;left:-14px;min-width:230px;
  background:var(--kn-card,#fff);border:1px solid var(--kn-line);border-top:3px solid var(--kn-red);
  border-radius:0 0 10px 10px;box-shadow:0 18px 44px rgba(0,0,0,.18);z-index:60;
  opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s;
  max-height:74vh;overflow-y:auto}
.kn-nav2-menu>li.kn-has-sub:hover>.kn-sub{opacity:1;visibility:visible;transform:translateY(0)}
.kn-sub>li>a{display:block;padding:9px 18px;color:var(--kn-ink);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;border:0}
.kn-sub>li>a:hover{background:var(--kn-red);color:#fff}
.kn-nav2-home{font-size:17px}
.kn-nav2-home.aktif,.kn-nav2-home{color:var(--kn-red)}
.kn-nav2-ozel{background:#2563eb;color:#fff!important;border-radius:20px;padding:5px 13px!important;font-size:13px!important;border-bottom:0!important}
.kn-nav2-ozel:hover{background:#1d4ed8}
.kn-nav2-theme{margin-left:auto;width:38px;height:38px;border-radius:50%;border:1px solid var(--kn-line);background:#fff;color:#8a8f99;cursor:pointer;font-size:15px;flex-shrink:0}
.kn-nav2-theme:hover{color:var(--kn-red);border-color:var(--kn-red)}
.kn-nav2-toggle{display:none;border:0;background:transparent;font-size:20px;color:var(--kn-ink);cursor:pointer;padding:12px 12px 12px 0}

/* --- İnce şerit --- */
.kn-strip{background:#fff;border-bottom:1px solid var(--kn-line);display:block;margin:0}
.kn-strip-in{display:flex;align-items:center;justify-content:space-between;height:42px;gap:16px}
.kn-strip-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
.kn-strip-son{color:var(--kn-red);font-weight:800;font-size:12px;letter-spacing:.4px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.kn-strip-time{color:var(--kn-ink);font-weight:800;font-size:13px;white-space:nowrap}
.kn-strip-head{color:var(--kn-ink-2);font-size:13.5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kn-strip-head:hover{color:var(--kn-red)}
.kn-strip-market{display:flex;align-items:center;gap:18px;white-space:nowrap;flex-shrink:0}
.kn-mi{font-size:13px;color:var(--kn-ink);display:inline-flex;align-items:center;gap:5px}
.kn-mi b{color:var(--kn-muted);font-weight:700}
.kn-mi .up{color:var(--kn-up);font-style:normal;font-size:11px}
.kn-mi .down{color:var(--kn-down);font-style:normal;font-size:11px}
@media(max-width:1050px){.kn-strip-market{display:none}}

/* --- HERO SLIDER --- */
.kn-slider{margin-top:6px}
.kn-slider-main{position:relative;border-radius:8px;overflow:hidden;height:588px;background:#0e1116}
@media(max-width:900px){.kn-slider-main{height:380px}}
@media(max-width:560px){.kn-slider-main{height:300px}}
.kn-slide{position:absolute;inset:0;display:block;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .5s ease}
.kn-slide.aktif{opacity:1;visibility:visible}
.kn-slide>img{width:100%;height:100%;object-fit:cover;display:block}
.kn-slide-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.4) 60%,rgba(0,0,0,.85) 100%)}
.kn-slide-badge{position:absolute;top:20px;left:24px;background:var(--kn-red);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.5px;padding:7px 14px;border-radius:6px;text-transform:uppercase}
.kn-slide-body{position:absolute;left:0;right:0;bottom:0;padding:26px 30px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.kn-slide-flag{background:var(--kn-red);color:#fff;font-family:Inter,sans-serif;font-weight:800;font-size:26px;line-height:1;padding:6px 16px;border-radius:6px}
@media(max-width:560px){.kn-slide-flag{font-size:17px;padding:5px 11px}}
.kn-slide-title{color:#fff;font-family:Inter,sans-serif;font-weight:800;font-size:44px;line-height:1.08;margin:0;max-width:70%;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.kn-slide-title mark{background:transparent;color:#ffdd00;padding:0}
@media(max-width:900px){.kn-slide-title{font-size:28px;max-width:92%}}
@media(max-width:560px){.kn-slide-title{font-size:19px;max-width:100%}}
/* Buzlu cam oklar (sol + sağ) */
.kn-slider-prev,.kn-slider-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:17px;cursor:pointer;
  box-shadow:0 4px 18px rgba(0,0,0,.28);z-index:3;display:flex;align-items:center;justify-content:center;transition:background .18s,transform .18s}
.kn-slider-prev{left:16px}
.kn-slider-next{right:16px}
.kn-slider-prev:hover,.kn-slider-next:hover{background:rgba(255,255,255,.32)}
.kn-slider-prev:hover{transform:translateY(-50%) scale(1.06)}
.kn-slider-next:hover{transform:translateY(-50%) scale(1.06)}
@media(max-width:560px){.kn-slider-prev,.kn-slider-next{width:40px;height:40px;font-size:14px}}

/* Küçük resim şeridi */
.kn-thumbs{display:flex;gap:8px;margin-top:9px}
.kn-thumb{flex:1 1 0;min-width:0;height:60px;border-radius:7px;overflow:hidden;border:2px solid transparent;background:#e9ecf1;cursor:pointer;padding:0}
.kn-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kn-thumb.aktif{border-color:var(--kn-red)}
.kn-thumb:hover{border-color:#f3a3ab}
@media(max-width:560px){.kn-thumbs{overflow-x:auto;padding-bottom:4px}.kn-thumb{flex:0 0 auto;width:64px;height:44px}}

/* Mobil menü */
@media(max-width:920px){
  .kn-hd-util{display:none}
  /* Üst bardaki hamburger sadece mobilde görünür */
  .kn-hd-burger{display:inline-flex}
  /* Beyaz nav2 barı mobilde ayrı satır olarak GÖRÜNMESİN;
     menüsü üstteki hamburger ile açılan katman olarak çıkar */
  /* Boş nav2 çubuğunu mobilde gizle; menü üstteki hamburger ile açılır */
  .kn-nav2{position:static;border-bottom:0;background:transparent;min-height:0;height:0;overflow:visible}
  .kn-nav2-in{min-height:0;position:static;display:block;padding:0}
  .kn-nav2-toggle{display:none}
  .kn-nav2-menu{display:none;position:fixed;left:0;right:0;top:0;bottom:0;
    flex-direction:column;align-items:stretch;width:82%;max-width:340px;gap:0;
    background:#fff;border-right:1px solid var(--kn-line);
    box-shadow:6px 0 30px rgba(0,0,0,.28);z-index:2000;
    overflow-y:auto;padding:64px 18px 24px;
    transform:translateX(-105%);transition:transform .28s ease;visibility:hidden}
  .kn-nav2-menu.acik{display:flex;transform:translateX(0);visibility:visible}
  /* Menü açıkken arka planı karartan katman */
  .kn-nav2-menu.acik::before{content:"";position:fixed;inset:0;left:100%;width:100vw;
    background:rgba(0,0,0,.45);z-index:-1}
  /* Menü içi kapatma başlığı */
  .kn-nav2-menu.acik .kn-nav2-kapat{display:flex}
  .kn-nav2-menu>li>a{padding:13px 4px;border-bottom:1px solid var(--kn-line);font-size:15.5px}
  .kn-nav2-menu>li>a.aktif{border-bottom-color:var(--kn-line)}
  /* Alt kategorili satır: sadece ana kategori linki görünsün */
  .kn-sub-row{display:flex;align-items:center;width:100%;border-bottom:1px solid var(--kn-line)}
  .kn-sub-row>a{flex:1;padding:13px 4px;font-size:15.5px;border-bottom:0}
  /* Mobilde alt menüler ve ok butonu TAMAMEN gizli */
  .kn-sub-toggle{display:none}
  .kn-sub{display:none}
  .kn-nav2-theme{display:none}
  html.kn-dark .kn-nav2-menu{background:var(--kn-card)}
}
/* Üst bar hamburger (varsayılan gizli, mobilde açılır) */
.kn-hd-burger{display:none;border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer;padding:8px 10px 8px 0;align-items:center}

/* ============================================================
   HERO ALTI: 4'LÜ FOTO-KART + PİYASA/HABER/HAVA BARI (referans)
   ============================================================ */
.kn-strip4{position:relative}
.kn-cards4b{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
@media(max-width:900px){.kn-cards4b{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kn-cards4b{grid-template-columns:1fr}}
.kn-c2{background:#fff;border:1px solid var(--kn-line);border-radius:10px;overflow:hidden;box-shadow:var(--kn-shadow);display:flex;flex-direction:column}
.kn-c2-img{position:relative;display:block}
.kn-c2-img img{width:100%;height:182px;object-fit:cover;display:block;background:#e9ecf1}
.kn-c2-tab{position:absolute;left:12px;bottom:12px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;padding:4px 10px;border-radius:4px}
.kn-c2-title{display:block;padding:13px 15px 17px;text-decoration:none}
.kn-c2-title h3{font-size:15px;font-weight:700;line-height:1.34;margin:0;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kn-c2:hover .kn-c2-title h3{color:var(--kn-red)}
.kn-c2-next{position:absolute;right:8px;top:91px;transform:translateY(-50%);width:40px;height:40px;border-radius:11px;border:0;background:rgba(255,255,255,.94);color:#111;font-size:15px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.22);z-index:3}
.kn-c2-next:hover{background:#fff}
@media(max-width:900px){.kn-c2-next{display:none}}

/* Piyasa + Son Gelişmeler + Hava barı */
.kn-marketbar{background:#fff;border:1px solid var(--kn-line);border-radius:10px;box-shadow:var(--kn-shadow);overflow:hidden}
.kn-mb-top{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:16px;padding:14px 22px;border-bottom:1px solid var(--kn-line);overflow-x:auto}
.kn-mb-item{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.kn-mb-item>b{font-size:11px;font-weight:800;color:var(--kn-muted);text-transform:uppercase;letter-spacing:.4px}
.kn-mb-val{display:flex;align-items:center;gap:8px}
.kn-mb-val s{font-size:16px;font-weight:800;color:var(--kn-ink);text-decoration:none}
.kn-mb-val i{font-size:12px;font-weight:800;font-style:normal}
.kn-mb-val i.up{color:var(--kn-up)} .kn-mb-val i.down{color:var(--kn-down)}
.kn-mb-bottom{display:flex;align-items:center;gap:12px;padding:11px 16px}
.kn-mb-son{background:var(--kn-red);color:#fff;font-weight:800;font-size:13px;padding:8px 17px;border-radius:22px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;flex-shrink:0}
.kn-mb-nav{display:flex;gap:5px;flex-shrink:0}
.kn-mb-nav button{width:30px;height:30px;border-radius:50%;border:1px solid var(--kn-line);background:#fff;color:var(--kn-ink);cursor:pointer;font-size:12px}
.kn-mb-nav button:hover{border-color:var(--kn-red);color:var(--kn-red)}
.kn-mb-time{border:1px solid var(--kn-line);border-radius:16px;padding:5px 13px;font-weight:700;font-size:13px;color:var(--kn-ink-2);white-space:nowrap;flex-shrink:0}
.kn-mb-heads{flex:1;min-width:0;position:relative}
.kn-mb-heads a{display:none;color:var(--kn-ink-2);text-decoration:none;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn-mb-heads a.aktif{display:block}
.kn-mb-heads a:hover{color:var(--kn-red)}
.kn-mb-weather{margin-left:auto;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:14px;color:var(--kn-ink);flex-shrink:0}
.kn-mb-weather i{color:#f5a623}
.kn-mb-weather b{font-weight:800}
@media(max-width:720px){.kn-mb-weather{display:none}.kn-mb-heads a{font-size:13px}}

/* ============================================================
   ÖNE ÇIKAN SLIDER + SAĞ LİSTE + 3'LÜ IZGARA (referans img2/img3)
   ============================================================ */
.kn-feat{display:grid;grid-template-columns:1fr 372px;gap:20px;align-items:stretch}
@media(max-width:980px){.kn-feat{grid-template-columns:1fr}}
.kn-feat-main{position:relative;border-radius:8px;overflow:hidden;height:470px;background:#0e1116}
@media(max-width:560px){.kn-feat-main{height:330px}}
.kn-slide2{position:absolute;inset:0;display:block;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .5s ease}
.kn-slide2.aktif{opacity:1;visibility:visible}
.kn-slide2>img{width:100%;height:100%;object-fit:cover;display:block}
.kn-slide2-grad{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.45) 62%,rgba(0,0,0,.85) 100%)}
.kn-slide2-tab{position:absolute;top:20px;left:22px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.5px;display:inline-flex;align-items:center;gap:8px;padding-bottom:7px;border-bottom:3px solid var(--kn-red)}
.kn-slide2-body{position:absolute;left:0;right:0;bottom:0;padding:24px 26px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.kn-slide2-body .kn-badge{font-style:normal}
.kn-slide2-body h2{color:#fff;font-family:Inter,sans-serif;font-weight:800;font-size:33px;line-height:1.1;margin:0;max-width:88%;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.kn-slide2-body h2 mark{background:transparent;color:#fff;padding:0}
@media(max-width:560px){.kn-slide2-body h2{font-size:21px;max-width:100%}}
.kn-feat-next{position:absolute;right:14px;top:56%;width:44px;height:44px;border-radius:12px;border:0;background:rgba(255,255,255,.92);color:#111;font-size:16px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:3}
.kn-feat-next:hover{background:#fff}
.kn-feat-pager{display:flex;margin-top:9px;border:1px solid var(--kn-line);border-radius:6px;overflow:hidden;background:#fff}
.kn-pg{flex:1;background:#fff;border:0;border-right:1px solid var(--kn-line);padding:11px 0;font-weight:800;font-size:15px;color:var(--kn-ink-2);cursor:pointer}
.kn-pg:last-child{border-right:0}
.kn-pg.aktif{background:var(--kn-red);color:#fff}
.kn-pg:hover:not(.aktif){background:var(--kn-red-soft);color:var(--kn-red)}

.kn-feat-list{background:#fff;border:1px solid var(--kn-line);border-radius:8px;box-shadow:var(--kn-shadow);display:flex;flex-direction:column;overflow:hidden}
.kn-fl-row{flex:1 1 0;display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--kn-line);text-decoration:none;min-height:0}
.kn-fl-row:last-child{border-bottom:0}
.kn-fl-row img{width:78px;height:56px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-fl-row h4{font-size:14px;font-weight:700;margin:0;line-height:1.36;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-fl-row:hover h4{color:var(--kn-red)}

/* 3'lü foto-kart ızgarası */
.kn-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.kn-grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kn-grid3{grid-template-columns:1fr}}
.kn-grid3 .kn-c2-img img{height:210px}

/* Kategori etiketi altındaki küçük ok (referans) */
.kn-c2-p .kn-c2-tab{position:relative}
.kn-c2-p .kn-c2-tab::after{content:"";position:absolute;left:13px;bottom:-4px;width:9px;height:9px;background:inherit;transform:rotate(45deg)}

/* ============================================================
   VİDEO BÖLÜMÜ + YAZAR MODÜLÜ (referans)
   ============================================================ */
/* --- Video --- */
.kn-video{display:grid;grid-template-columns:1fr 400px;gap:0;border-radius:10px;overflow:hidden;box-shadow:var(--kn-shadow);background:#0e1116}
@media(max-width:980px){.kn-video{grid-template-columns:1fr}}
.kn-video-main{position:relative;display:block;min-height:520px;background-size:cover;background-position:center;text-decoration:none}
@media(max-width:560px){.kn-video-main{min-height:340px}}
.kn-video-tag{position:absolute;top:20px;left:22px;right:22px;color:#fff;font-weight:800;font-size:15px;letter-spacing:.3px;display:flex;align-items:center;gap:8px;text-shadow:0 1px 8px rgba(0,0,0,.5)}
.kn-video-play{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:78px;height:54px;background:#ff0000;border-radius:13px;display:grid;place-items:center;box-shadow:0 6px 22px rgba(0,0,0,.4)}
.kn-video-play i{color:#fff;font-size:24px;margin-left:3px}
.kn-video-main:hover .kn-video-play{background:#e60000}
.kn-video-body{position:absolute;left:0;right:0;bottom:0;padding:24px 26px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.kn-video-body .kn-badge{font-style:normal}
.kn-video-body h2{color:#fff;font-family:Inter,sans-serif;font-weight:800;font-size:33px;line-height:1.1;margin:0;max-width:78%;text-shadow:0 2px 12px rgba(0,0,0,.5)}
@media(max-width:560px){.kn-video-body h2{font-size:20px;max-width:100%}}
.kn-video-go{position:absolute;right:24px;bottom:26px;color:#dfe3e8;font-size:13px;display:flex;align-items:center;gap:10px}
.kn-video-go b{background:#fff;color:#111;font-weight:800;padding:9px 15px;border-radius:24px;display:inline-flex;align-items:center;gap:8px}
@media(max-width:560px){.kn-video-go{display:none}}
.kn-video-list{background:#15181e;display:flex;flex-direction:column;overflow-y:auto;max-height:520px}
@media(max-width:980px){.kn-video-list{max-height:none;flex-direction:row;overflow-x:auto}}
.kn-vl-row{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;flex-shrink:0}
.kn-vl-row.aktif{background:#20242c}
.kn-vl-row:hover{background:#1c2028}
.kn-vl-img{position:relative;width:88px;height:58px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#2a2f38}
.kn-vl-img img{width:100%;height:100%;object-fit:cover;display:block}
.kn-vl-img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background:#ff0000;font-size:10px;border-radius:4px;padding:3px 6px}
.kn-vl-row h4{color:#dfe3e8;font-size:13.5px;font-weight:700;margin:0;line-height:1.36;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:980px){.kn-vl-row h4{display:none}.kn-vl-img{width:120px;height:72px}}
.kn-vl-row:hover h4{color:#fff}

/* --- Yazar modülü --- */
.kn-yazarlar{background:#14161b;border-radius:10px;overflow:hidden;box-shadow:var(--kn-shadow)}
.kn-yazarlar-head{background:var(--kn-red);color:#fff;padding:15px 22px;display:flex;align-items:center;justify-content:space-between}
.kn-yazarlar-head h2{font-size:17px;font-weight:800;margin:0;display:flex;align-items:center;gap:10px}
.kn-yazarlar-head a{color:#fff;font-size:13px;font-weight:600;text-decoration:none;opacity:.92}
.kn-yazarlar-head a:hover{opacity:1}
.kn-yazarlar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:24px 22px}
@media(max-width:860px){.kn-yazarlar-grid{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:520px){.kn-yazarlar-grid{grid-template-columns:1fr}}
.kn-yzr-top{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--kn-red);margin-bottom:13px}
.kn-yzr-top img{width:54px;height:54px;border-radius:50%;object-fit:cover;background:#2a2f38;border:2px solid #2a2f38}
.kn-yzr-top strong{color:#fff;font-size:15px;font-weight:800}
.kn-yzr-yazi{display:block;text-decoration:none}
.kn-yzr-yazi h4{color:#f2f4f7;font-size:14.5px;font-weight:800;margin:0 0 7px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-yzr-yazi:hover h4{color:#ff7079}
.kn-yzr-yazi p{color:#9aa0ab;font-size:12.5px;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ============================================================
   KATEGORİ BLOKLARI + SİDEBAR WIDGET'LARI + GECE/GÜNDÜZ (referans)
   ============================================================ */
/* --- Kategori bloğu --- */
.kn-catblk{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:12px;overflow:hidden;box-shadow:var(--kn-shadow)}
.kn-catblk-head{color:#fff;font-weight:800;font-size:16px;padding:15px 22px;letter-spacing:.2px}
.kn-catblk-head-center{text-align:center;letter-spacing:1px;text-transform:uppercase}
.kn-catblk-head2{display:flex;align-items:center;gap:10px;font-weight:800;font-size:15px;color:var(--kn-ink);padding:15px 18px;border-bottom:1px solid var(--kn-line)}
.kn-catblk-head2 .kn-accent{width:4px;height:18px;background:var(--kn-red);border-radius:3px;display:inline-block}
.kn-catblk-body{padding:18px}
.kn-catblk-top{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:16px}
@media(max-width:640px){.kn-catblk-top{grid-template-columns:1fr}}
.kn-catblk-feat{position:relative;display:block;min-height:300px;border-radius:9px;overflow:hidden;background-size:cover;background-position:center;text-decoration:none}
.kn-catblk-feat h3{position:absolute;left:0;right:0;bottom:0;margin:0;padding:18px 20px;color:#fff;font-family:Inter,sans-serif;font-weight:800;font-size:24px;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.kn-catblk-feat h3::after{content:"";display:block;width:34px;height:3px;background:var(--kn-red);margin-top:8px}
.kn-catblk-plus{position:absolute;top:16px;left:16px;width:28px;height:24px;background:var(--kn-red);color:#fff;border-radius:5px 5px 0 0;display:grid;place-items:center;font-size:12px}
.kn-catblk-feat-sm{min-height:200px}
.kn-catblk-feat-sm h3{font-size:18px;padding:14px 16px}
/* ızgara kartı (görsel + alt başlık) */
.kn-gc{background:var(--kn-card);border-radius:9px;overflow:hidden;text-decoration:none;display:block}
.kn-gc>img{width:100%;height:150px;object-fit:cover;display:block;background:#e9ecf1}
.kn-gc>h4{font-size:14px;font-weight:700;line-height:1.34;margin:10px 2px 0;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kn-gc:hover>h4{color:var(--kn-red)}
.kn-catblk-sec>img{height:212px}
.kn-catblk-grid{gap:16px}
.kn-gc-date{display:block;color:var(--kn-muted);font-size:11.5px;margin-bottom:5px}
.kn-catblk-more{text-align:center;margin-top:16px}
.kn-catblk-more a{display:inline-block;border:1px solid var(--kn-line);border-radius:22px;padding:9px 26px;color:var(--kn-ink-2);font-weight:700;font-size:13.5px;text-decoration:none}
.kn-catblk-more a:hover{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}
/* çok sütunlu bantlar */
.kn-2col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.kn-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:820px){.kn-2col,.kn-3col{grid-template-columns:1fr}}
.kn-catblk-list{padding:0 0 6px}
.kn-cl-row{display:flex;gap:11px;align-items:center;padding:11px 16px;border-top:1px solid var(--kn-line);text-decoration:none}
.kn-cl-row img{width:64px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-cl-row h4{font-size:13px;font-weight:700;margin:0;line-height:1.34;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-cl-row:hover h4{color:var(--kn-red)}

/* --- Sidebar: kırmızı başlık --- */
.kn-widget-head-red{background:var(--kn-card);color:var(--kn-ink);border-left:4px solid var(--kn-red);padding-left:14px}
/* Manşetler mini slider */
.kn-mansl-slide{display:none;text-decoration:none}
.kn-mansl-slide.aktif{display:block}
.kn-mansl-slide img{width:100%;height:190px;object-fit:cover;border-radius:8px;background:#e9ecf1}
.kn-mansl-slide h4{text-align:center;font-size:15px;font-weight:700;color:var(--kn-ink);margin:12px 6px 0;line-height:1.35}
.kn-mansl-slide:hover h4{color:var(--kn-red)}
.kn-mansl-nav{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:14px;flex-wrap:wrap}
.kn-mansl-nav .kn-pg{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--kn-line);border-radius:7px;background:var(--kn-card);color:var(--kn-ink-2);font-weight:800;cursor:pointer}
.kn-mansl-nav .kn-pg.aktif{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}
.kn-mansl-next{width:34px;height:34px;border:1px solid var(--kn-line);border-radius:50%;background:var(--kn-card);color:var(--kn-ink-2);cursor:pointer}

/* Anket (gelişmiş) */
.kn-poll-opt{margin-bottom:13px}
.kn-poll-top{display:flex;align-items:center;justify-content:space-between;font-size:13.5px;color:var(--kn-ink);margin-bottom:6px}
.kn-poll-top label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:600}
.kn-radio{width:15px;height:15px;border:2px solid var(--kn-muted);border-radius:50%;display:inline-block;flex-shrink:0}
.kn-poll-val{color:var(--kn-muted);font-size:12.5px;white-space:nowrap}
.kn-poll-bar{height:7px;background:var(--kn-line);border-radius:5px;overflow:hidden}
.kn-poll-bar i{display:block;height:100%;background:var(--kn-red);border-radius:5px}
.kn-poll-btn{width:100%;margin-top:6px;background:var(--kn-red);color:#fff;border:0;border-radius:8px;padding:11px;font-weight:800;cursor:pointer;letter-spacing:.5px}
.kn-poll-note{text-align:center;color:var(--kn-muted);font-size:12px;margin:12px 0 0}

/* Popüler/Yeni sekmeleri (kırmızı) */
.kn-tabs-red{display:flex;border-bottom:2px solid var(--kn-line);margin-bottom:6px}
.kn-tabs-red button{flex:1;border:0;background:transparent;padding:13px 6px;font-weight:800;font-size:12.5px;color:var(--kn-muted);cursor:pointer;letter-spacing:.3px}
.kn-tabs-red button.aktif{color:#fff;background:var(--kn-red);border-radius:6px 6px 0 0}
.kn-pop-row{display:flex;gap:11px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--kn-line);text-decoration:none}
.kn-pop-row:last-child{border-bottom:0}
.kn-pop-num{font-family:Inter,sans-serif;font-weight:800;font-size:17px;color:var(--kn-muted);width:20px;text-align:center;flex-shrink:0}
.kn-pop-row img{width:60px;height:48px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#e9ecf1}
.kn-pop-body{min-width:0}
.kn-pop-meta{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.kn-pop-meta .kn-badge{font-style:normal;font-size:10px;padding:2px 7px}
.kn-pop-meta b{color:var(--kn-muted);font-size:12px;font-weight:700}
.kn-pop-row h4{font-size:13.5px;font-weight:700;margin:0;line-height:1.32;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-pop-row:hover h4{color:var(--kn-red)}

/* Bize Katılın (renkli sosyal grid) */
.kn-social2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kn-social2 a{display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:8px;color:#fff;font-weight:700;font-size:13px;text-decoration:none}
.kn-social2 .fb{background:#1877f2}.kn-social2 .x{background:#26a7de}.kn-social2 .pin{background:#bd081c}
.kn-social2 .yt{background:#ff0000}.kn-social2 .ig{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}.kn-social2 .wp{background:#25d366}
.kn-social2 a:hover{opacity:.9}

/* Haber Gönder */
.kn-habergonder{background:var(--kn-card);border-radius:12px;overflow:hidden;box-shadow:var(--kn-shadow);border:1px solid var(--kn-line)}
.kn-hg-top{background:var(--kn-red);height:96px;position:relative;clip-path:polygon(0 0,100% 0,100% 70%,0 100%)}
.kn-hg-ic{position:absolute;left:50%;top:34px;transform:translateX(-50%);width:56px;height:56px;border-radius:50%;background:#0b0d10;color:#fff;display:grid;place-items:center;font-size:26px}
.kn-hg-body{text-align:center;padding:34px 20px 22px}
.kn-hg-body h4{font-size:20px;font-weight:800;margin:0 0 8px;color:var(--kn-ink)}
.kn-hg-body p{font-size:13px;color:var(--kn-muted);line-height:1.55;margin:0 0 16px}
.kn-hg-btn{display:inline-block;border:1px solid var(--kn-line);border-radius:24px;padding:10px 26px;font-weight:700;color:var(--kn-ink);text-decoration:none}
.kn-hg-btn:hover{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}

/* ============================================================
   GECE / GÜNDÜZ MODU
   ============================================================ */
html.kn-dark{
  --kn-ink:#e8eaed; --kn-ink-2:#c2c6cd; --kn-muted:#8b919c;
  --kn-line:#2a2f39; --kn-bg:#0f1115; --kn-card:#171a20; --kn-red-soft:#2a1417;
}
html.kn-dark body,html.kn-dark .kn-body{background:var(--kn-bg);color:var(--kn-ink)}
html.kn-dark .kn-nav2,html.kn-dark .kn-strip,html.kn-dark .kn-marketbar,
html.kn-dark .kn-feat-pager,html.kn-dark .kn-pg,html.kn-dark .kn-c2,
html.kn-dark .kn-gc,html.kn-dark .kn-catblk,html.kn-dark .kn-widget,
html.kn-dark .kn-nav2-theme,html.kn-dark .kn-mansl-next,html.kn-dark .kn-mb-time,
html.kn-dark .kn-catblk-more a,html.kn-dark .kn-hg-btn{background:var(--kn-card);color:var(--kn-ink)}
html.kn-dark .kn-nav2-menu>li>a{color:var(--kn-ink)}
html.kn-dark .kn-strip-head,html.kn-dark .kn-strip-time{color:var(--kn-ink)}
html.kn-dark .kn-c2-title h3,html.kn-dark .kn-gc>h4,html.kn-dark .kn-cl-row h4,
html.kn-dark .kn-pop-row h4,html.kn-dark .kn-mansl-slide h4,html.kn-dark .kn-catblk-head2{color:var(--kn-ink)}
html.kn-dark .kn-widget-head-red{background:var(--kn-card);color:var(--kn-ink)}
html.kn-dark .kn-mb-val s{color:var(--kn-ink)}
html.kn-dark .kn-nav2{border-bottom-color:var(--kn-line)}

/* --- Gece modu: kalan beyaz yüzeyler & okunurluk düzeltmeleri --- */
html.kn-dark .kn-feat-list,
html.kn-dark .kn-habergonder,
html.kn-dark .kn-catblk-body,
html.kn-dark .kn-hd-searchbar input,
html.kn-dark .kn-search input{background:var(--kn-card);color:var(--kn-ink)}
html.kn-dark .kn-fl-row h4,
html.kn-dark .kn-hg-body h4,
html.kn-dark .kn-poll-top,
html.kn-dark .kn-poll-top label,
html.kn-dark .kn-catblk-feat-sm h3,
html.kn-dark .kn-widget-body{color:var(--kn-ink)}
html.kn-dark .kn-fl-row,
html.kn-dark .kn-cl-row,
html.kn-dark .kn-pop-row,
html.kn-dark .kn-tabs-red,
html.kn-dark .kn-feat-pager,
html.kn-dark .kn-mansl-nav .kn-pg{border-color:var(--kn-line)}
html.kn-dark .kn-hg-body p,
html.kn-dark .kn-poll-note,
html.kn-dark .kn-mb-item>b,
html.kn-dark .kn-pop-meta b{color:var(--kn-muted)}
html.kn-dark .kn-tabs-red button:not(.aktif){color:var(--kn-muted)}
/* görsel yer tutucu arka planı koyu */
html.kn-dark .kn-gc>img,html.kn-dark .kn-c2-img img,html.kn-dark .kn-fl-row img,
html.kn-dark .kn-cl-row img,html.kn-dark .kn-pop-row img,html.kn-dark .kn-mansl-slide img{background:#242832}

/* --- Footer ayrı menüler (İlanlar / Rehber / Yazarlar / Video) --- */
.kn-footer-menus{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:22px 0 6px;margin-top:6px;border-top:1px solid rgba(255,255,255,.08)}
.kn-fm-col h4{font-size:15px;margin:0 0 11px;font-weight:800}
.kn-fm-col h4 a{color:#fff;text-decoration:none}
.kn-fm-col h4 a:hover{color:var(--kn-red)}
.kn-fm-col ul{list-style:none;padding:0;margin:0}
.kn-fm-col li{margin:0 0 7px}
.kn-fm-col ul a{color:rgba(255,255,255,.70);text-decoration:none;font-size:13.5px;transition:color .15s}
.kn-fm-col ul a:hover{color:#fff}
@media(max-width:860px){.kn-footer-menus{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.kn-footer-menus{grid-template-columns:1fr;gap:16px}}

/* ===================== İLANLAR MODÜLÜ ===================== */
.kn-main{padding:8px 0 40px}
.kn-ilan-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.kn-ilan-title{font-family:Inter,sans-serif;font-weight:800;font-size:28px;margin:0;color:var(--kn-ink)}
.kn-ilan-title i{color:var(--kn-red)}
.kn-ilan-sub{margin:2px 0 0;color:var(--kn-muted);font-size:14px}
.kn-ilan-verbtn{display:inline-flex;align-items:center;gap:8px;background:var(--kn-red);color:#fff;border:0;padding:11px 18px;border-radius:8px;font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}
.kn-ilan-verbtn:hover{background:#c50017;color:#fff}
.kn-blok{display:flex;justify-content:center;margin-top:12px}
.kn-ilan-filtre{display:flex;gap:10px;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:10px;padding:12px;margin-bottom:20px;flex-wrap:wrap}
.kn-ilan-filtre select,.kn-ilan-filtre input{flex:1;min-width:140px;padding:9px 12px;border:1px solid var(--kn-line);border-radius:7px;background:var(--kn-bg);color:var(--kn-ink);font-size:14px}
.kn-ilan-filtre button{background:var(--kn-ink);color:var(--kn-card);border:0;padding:9px 18px;border-radius:7px;font-weight:700;cursor:pointer;white-space:nowrap}
.kn-ilan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kn-ilan-card{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:11px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s}
.kn-ilan-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px)}
.kn-ilan-img{position:relative;aspect-ratio:4/3;background:#e9ecf1;overflow:hidden}
.kn-ilan-img img{width:100%;height:100%;object-fit:cover;display:block}
.kn-ilan-kat{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.65);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px}
.kn-ilan-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:7px}
.kn-ilan-body h3{font-size:15px;font-weight:700;margin:0;line-height:1.3;color:var(--kn-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-ilan-fiyat{color:var(--kn-red);font-weight:800;font-size:17px}
.kn-ilan-meta{display:flex;justify-content:space-between;gap:8px;color:var(--kn-muted);font-size:12px;flex-wrap:wrap}
.kn-ilan-sayfalama{display:flex;gap:6px;justify-content:center;margin-top:26px;flex-wrap:wrap}
.kn-ilan-sayfalama a{min-width:38px;text-align:center;padding:8px 10px;border:1px solid var(--kn-line);border-radius:7px;text-decoration:none;color:var(--kn-ink);font-weight:600}
.kn-ilan-sayfalama a.aktif{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}
.kn-ilan-bos{text-align:center;padding:60px 20px;color:var(--kn-muted)}
.kn-ilan-bos i{font-size:44px;margin-bottom:14px;opacity:.5}
.kn-ilan-bos p{margin:0 0 16px}
/* Detay */
.kn-ilan-bc{font-size:13px;color:var(--kn-muted);margin-bottom:14px}
.kn-ilan-bc a{color:var(--kn-red);text-decoration:none}
.kn-ilan-detay{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.kn-ilan-detay-main h1{font-family:Inter,sans-serif;font-weight:800;font-size:26px;margin:14px 0 10px;color:var(--kn-ink)}
.kn-ilan-detay-img{border-radius:12px;overflow:hidden;background:#e9ecf1;max-height:440px}
.kn-ilan-detay-img img{width:100%;height:100%;object-fit:cover;display:block}
.kn-ilan-detay-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--kn-muted);font-size:13px;margin-bottom:12px}
.kn-ilan-kat2{background:var(--kn-red);color:#fff;padding:2px 9px;border-radius:5px;font-weight:700;font-size:12px}
.kn-ilan-detay-fiyat{color:var(--kn-red);font-weight:800;font-size:26px;margin-bottom:14px}
.kn-ilan-detay-aciklama{color:var(--kn-ink);line-height:1.7;font-size:15px}
.kn-ilan-detay-yan{position:sticky;top:16px}
.kn-ilan-iletisim{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:12px;padding:18px}
.kn-ilan-iletisim h3{font-size:16px;margin:0 0 12px;color:var(--kn-ink)}
.kn-ii-ad{color:var(--kn-ink);font-weight:600;margin:0 0 10px}
.kn-ii-tel,.kn-ii-mail{display:flex;align-items:center;gap:9px;background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:8px;padding:10px 12px;margin-bottom:9px;text-decoration:none;color:var(--kn-ink);font-weight:600;word-break:break-all}
.kn-ii-tel i,.kn-ii-mail i{color:var(--kn-red)}
.kn-ii-uyari{font-size:12px;color:var(--kn-muted);margin:10px 0 0;line-height:1.5}
.kn-ilan-benzer-baslik{font-family:Inter,sans-serif;font-weight:800;font-size:20px;margin:30px 0 14px;color:var(--kn-ink)}
/* İlan ver form */
.kn-ilanver-wrap{max-width:720px}
.kn-ilanver-form{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:12px;padding:22px;display:flex;flex-direction:column;gap:6px;margin-top:8px}
.kn-ilanver-form label{font-weight:700;font-size:13.5px;color:var(--kn-ink);margin-top:10px}
.kn-ilanver-form input,.kn-ilanver-form select,.kn-ilanver-form textarea{padding:10px 12px;border:1px solid var(--kn-line);border-radius:8px;background:var(--kn-bg);color:var(--kn-ink);font-size:14px;font-family:inherit;width:100%}
.kn-ilanver-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.kn-ilanver-fiyat{display:flex;gap:8px}
.kn-ilanver-fiyat input{flex:1}.kn-ilanver-fiyat select{width:90px;flex:none}
.kn-ilanver-not{font-size:12.5px;color:var(--kn-muted);margin:12px 0 4px}
.kn-ilanver-gonder{background:var(--kn-red);color:#fff;border:0;padding:13px;border-radius:9px;font-weight:800;font-size:15px;cursor:pointer;margin-top:6px}
.kn-ilanver-gonder:hover{background:#c50017}
.kn-ilanver-hata{background:#fff2f2;border:1px solid #ffcccc;color:#c50017;border-radius:9px;padding:12px 16px;margin-bottom:14px}
.kn-ilanver-hata ul{margin:0;padding-left:18px}
.kn-ilanver-ok{text-align:center;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:14px;padding:44px 24px;margin-top:10px}
.kn-ilanver-ok i{font-size:56px;color:#16a34a;margin-bottom:14px}
.kn-ilanver-ok h2{margin:0 0 8px;color:var(--kn-ink)}
.kn-ilanver-ok p{color:var(--kn-muted);margin:0 0 18px}
@media(max-width:980px){.kn-ilan-grid{grid-template-columns:repeat(3,1fr)}.kn-ilan-detay{grid-template-columns:1fr}.kn-ilan-detay-yan{position:static}}
@media(max-width:680px){.kn-ilan-grid{grid-template-columns:repeat(2,1fr)}.kn-ilanver-row{grid-template-columns:1fr}}
@media(max-width:420px){.kn-ilan-grid{grid-template-columns:1fr}}
/* Gece modu görsel yer tutucu */
html.kn-dark .kn-ilan-img,html.kn-dark .kn-ilan-detay-img{background:#242832}
html.kn-dark .kn-ilanver-hata{background:#3a1e1e;border-color:#5a2a2a;color:#ff9a9a}

/* ===================== FİRMA REHBERİ ===================== */
.kn-firma-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.kn-firma-card{display:flex;gap:14px;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:11px;padding:14px;text-decoration:none;color:inherit;align-items:center;transition:box-shadow .15s,transform .15s}
.kn-firma-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.10);transform:translateY(-2px)}
.kn-firma-logo{width:64px;height:64px;border-radius:12px;overflow:hidden;flex:none;background:#eef1f5;border:1px solid var(--kn-line)}
.kn-firma-logo img{width:100%;height:100%;object-fit:cover;display:block}
.kn-firma-body{min-width:0}
.kn-firma-kat{display:inline-block;background:var(--kn-red);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;margin-bottom:5px}
.kn-firma-body h3{font-size:15.5px;font-weight:700;margin:0 0 5px;color:var(--kn-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn-firma-meta{display:flex;flex-direction:column;gap:3px;color:var(--kn-muted);font-size:12.5px}
/* Detay */
.kn-firma-detay{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.kn-firma-detay-head{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.kn-firma-detay-logo{width:92px;height:92px;border-radius:16px;overflow:hidden;flex:none;background:#eef1f5;border:1px solid var(--kn-line)}
.kn-firma-detay-logo img{width:100%;height:100%;object-fit:cover;display:block}
.kn-firma-detay-head h1{font-family:Inter,sans-serif;font-weight:800;font-size:26px;margin:6px 0 4px;color:var(--kn-ink)}
.kn-firma-loc{color:var(--kn-muted);font-size:14px;margin:0}
.kn-firma-aciklama{color:var(--kn-ink);line-height:1.7;font-size:15px}
.kn-firma-blok-baslik{font-family:Inter,sans-serif;font-weight:800;font-size:20px;margin:24px 0 12px;color:var(--kn-ink)}
.kn-firma-kampanya{display:flex;flex-direction:column;gap:12px}
.kn-fk-item{display:flex;gap:14px;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:11px;padding:12px}
.kn-fk-item img{width:110px;height:82px;object-fit:cover;border-radius:8px;flex:none}
.kn-fk-item h4{margin:0 0 5px;font-size:15px;color:var(--kn-ink)}
.kn-fk-item p{margin:0 0 6px;color:var(--kn-muted);font-size:13.5px}
.kn-fk-bitis{font-size:12px;color:var(--kn-red);font-weight:700}
.kn-firma-galeri{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kn-firma-galeri img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px;display:block}
.kn-firma-harita{border-radius:12px;overflow:hidden;border:1px solid var(--kn-line)}
.kn-firma-harita iframe{width:100%;height:320px;border:0;display:block}
.kn-firma-adres{color:var(--kn-muted);font-size:13px;margin:10px 0 0;line-height:1.5}
.kn-firma-detay-yan{position:sticky;top:16px}
@media(max-width:980px){.kn-firma-grid{grid-template-columns:repeat(2,1fr)}.kn-firma-detay{grid-template-columns:1fr}.kn-firma-detay-yan{position:static}.kn-firma-galeri{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.kn-firma-grid{grid-template-columns:1fr}.kn-firma-galeri{grid-template-columns:repeat(2,1fr)}.kn-fk-item img{width:84px;height:64px}}
html.kn-dark .kn-firma-logo,html.kn-dark .kn-firma-detay-logo{background:#242832}

/* ===================== İÇ SAYFA GECE MODU (data-theme=dark tamamlayıcı) ===================== */
/* Temanın kendi [data-theme=dark] modunu düğmeyle birlikte açıyoruz; eksik kalan
   değişken ve beyaz yüzeyleri burada tamamlıyoruz. */
html[data-theme="dark"]{ --text-dark:#e9ecef; --border:#3a3a3a; --bg-light:#242424; }

/* Beyaz kalan yüzeyleri koyulaştır */
html[data-theme="dark"] .widget,
html[data-theme="dark"] .haber-kart,
html[data-theme="dark"] .haber-kart-buyuk,
html[data-theme="dark"] .bunu-da-kart,
html[data-theme="dark"] .yazar-kart,
html[data-theme="dark"] .haber-nav,
html[data-theme="dark"] .aksiyon-butonlar,
html[data-theme="dark"] .emoji-paneli,
html[data-theme="dark"] .haber-galeri-bolum,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .uye-form-card{ background:#2a2a2a !important; color:#e9ecef; border-color:#3a3a3a; }

/* Açık gri kutular (breadcrumb, alert-light, btn-light, form) */
html[data-theme="dark"] .breadcrumb-nav,
html[data-theme="dark"] .alert-light,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .bg-light{ background:#242424 !important; color:#e9ecef !important; border-color:#3a3a3a !important; }
html[data-theme="dark"] .btn-light:hover{ background:#2f2f2f !important; }
html[data-theme="dark"] .btn-outline-secondary{ color:#cbd2d9; border-color:#3a3a3a; }
html[data-theme="dark"] .btn-outline-secondary:hover{ background:#2f2f2f; color:#fff; }

/* Yazılar / başlıklar okunur olsun */
html[data-theme="dark"] .haber-detay,
html[data-theme="dark"] .haber-detay h1,
html[data-theme="dark"] .haber-detay h2,
html[data-theme="dark"] .haber-detay h3,
html[data-theme="dark"] .haber-icerik,
html[data-theme="dark"] .haber-icerik *,
html[data-theme="dark"] .bolum-baslik,
html[data-theme="dark"] .widget-title,
html[data-theme="dark"] .haber-kart h4,
html[data-theme="dark"] .haber-kart h5,
html[data-theme="dark"] .piyasa-item .val,
html[data-theme="dark"] .hava-content .sehir,
html[data-theme="dark"] .yazarlar-list .yazi-baslik,
html[data-theme="dark"] .uye-form-card .form-label,
html[data-theme="dark"] .uye-form-card h1,
html[data-theme="dark"] .uye-form-card h2,
html[data-theme="dark"] .uye-form-card label{ color:#e9ecef !important; }

/* İkincil/soluk metinler */
html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .haber-bilgi,
html[data-theme="dark"] .breadcrumb-nav,
html[data-theme="dark"] .piyasa-item .lbl,
html[data-theme="dark"] .hava-content .durum{ color:#adb5bd !important; }

/* Form alanları */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] .form-control-lg{ background:#1f1f1f !important; color:#e9ecef !important; border-color:#3a3a3a !important; }
html[data-theme="dark"] .form-control::placeholder{ color:#7a828b; }

/* Etiket/rozet çipleri */
html[data-theme="dark"] .etiketler a{ background:#242424; color:#cbd2d9; border-color:#3a3a3a; }
html[data-theme="dark"] .ayirici{ border-color:#3a3a3a; }

/* ===================== MOBİL: ALT SEKME ÇUBUĞU + UYUM ===================== */
.kn-tabbar{display:none}
@media(max-width:920px){
  /* Alt sabit sekme çubuğu (Anasayfa/Akış/Hesabım/Bildirimler) */
  .kn-tabbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:80;
    background:var(--kn-card,#fff);border-top:1px solid var(--kn-line);box-shadow:0 -2px 16px rgba(0,0,0,.12)}
  .kn-tabbar a, .kn-tabbar .kn-tabbar-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    padding:8px 0 9px;text-decoration:none;color:var(--kn-muted);font-size:10.5px;font-weight:600}
  .kn-tabbar a i, .kn-tabbar .kn-tabbar-menu i{font-size:19px}
  .kn-tabbar a.aktif{color:var(--kn-red)}
  .kn-tabbar .kn-tabbar-menu{border:0;background:transparent;cursor:pointer;font-family:inherit}
  body{padding-bottom:62px}
  /* Yukarı çık butonu sekme çubuğunun üstünde dursun */
  .kn-yukari{bottom:74px!important}
  /* Header sadeleştir: Premium metnini gizle, ikonlar kalsın */
  .kn-hd-premium{display:none}
  .kn-hd-in{gap:8px;height:56px}
  .kn-hd-burger{order:0;margin-right:2px;padding:8px 6px}
  .kn-hd-logo{order:1;margin-right:auto}
  .kn-hd-actions{order:2}
  /* Mobilde 4'lü kutucuk (hızlı erişim mega) gizli; kategoriler soldaki hamburgerden açılır */
  .kn-hd-mega-wrap{display:none}
  .kn-hd-word{font-size:20px}
  .kn-hd-mark{width:34px;height:34px;font-size:17px}
  /* Header ince şeridinde piyasa kısmını gizle (anasayfada ayrı market barı var) */
  .kn-strip-market{display:none}
  .kn-strip-in{justify-content:flex-start}
}
@media(max-width:560px){
  .kn-hd-actions{gap:2px}
  .kn-hd-ico{width:34px;height:34px;font-size:15px}
}
/* Kategori 3'lü ızgaralar mobilde tek sütun */
@media(max-width:760px){
  .kn-grid3{grid-template-columns:1fr!important}
}
/* Gece modunda alt sekme çubuğu */
html[data-theme="dark"] .kn-tabbar,
html.kn-dark .kn-tabbar{background:#1f1f1f;border-top-color:#3a3a3a}

/* ===================== MASAÜSTÜ: SAĞ KOLON FOOTER'A KADAR (STICKY) ===================== */
@media(min-width:981px){
  /* Sağ kolon içerik boyunca yanınızda kalsın; sağdaki boş alan kapanır, footer'a kadar dolu görünür */
  .kn-side{position:sticky;top:66px;align-self:start}
}

/* ===================== FOOTER TOPARLAMA ===================== */
.kn-footer-logo{align-items:center}
.kn-footer-logo .kn-logo-tx{color:#fff;font-size:23px;font-family:Inter,sans-serif;font-weight:900;letter-spacing:.5px;line-height:1}
.kn-footer-logo .kn-logo-tx b{color:var(--kn-red)}
.kn-footer-logo .kn-logo-ic{background:var(--kn-red);color:#fff}
.kn-footer-brand{max-width:340px}
.kn-footer-brand .kn-footer-bulten{margin:14px 0 4px}
.kn-footer-grid .kn-footer-col h4{font-size:13px;font-weight:800;color:#fff;margin:2px 0 14px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:9px;border-bottom:2px solid var(--kn-red);display:inline-block}
@media(max-width:960px){.kn-footer-grid{grid-template-columns:1fr 1fr 1fr}.kn-footer-brand{grid-column:1/-1;max-width:none}}
@media(max-width:600px){.kn-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:400px){.kn-footer-grid{grid-template-columns:1fr}}

/* ===================== YENİ SAYFALAR: CANLI YAYIN / ESNAF TV / E-DERGI ===================== */
.kn-page{padding:22px 0 40px}
.kn-page-head{display:flex;align-items:center;gap:14px;margin:6px 0 20px}
.kn-page-head h1{font-size:26px;font-weight:900;margin:0;color:var(--kn-ink);display:flex;align-items:center;gap:10px}
.kn-page-desc{margin:16px 0 0;color:var(--kn-muted);font-size:15px;line-height:1.7}
.kn-live-badge{display:inline-flex;align-items:center;gap:7px;background:var(--kn-red);color:#fff;font-weight:800;font-size:12px;letter-spacing:.5px;padding:5px 12px;border-radius:20px}
.kn-live-dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:knpulse 1.3s infinite}
@keyframes knpulse{0%,100%{opacity:1}50%{opacity:.3}}
.kn-video-frame{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:14px;overflow:hidden;box-shadow:var(--kn-shadow)}
.kn-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.kn-empty{text-align:center;padding:60px 20px;background:var(--kn-card,#fff);border:1px solid var(--kn-line);border-radius:14px}
.kn-empty i{font-size:44px;color:var(--kn-red);opacity:.8}
.kn-empty h3{margin:16px 0 6px;font-size:20px;color:var(--kn-ink)}
.kn-empty p{margin:0;color:var(--kn-muted)}
/* Esnaf TV ızgara */
.kn-tv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}
.kn-tv-card{background:var(--kn-card,#fff);border:1px solid var(--kn-line);border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:var(--kn-shadow);transition:transform .15s,box-shadow .15s}
.kn-tv-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.14)}
.kn-tv-thumb{position:relative;display:block;aspect-ratio:16/9;background:#e9ecf1}
.kn-tv-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kn-tv-play{position:absolute;inset:0;margin:auto;width:54px;height:54px;border-radius:50%;background:rgba(242,106,27,.95);color:#fff;display:grid;place-items:center;font-size:19px;transition:transform .15s}
.kn-tv-card:hover .kn-tv-play{transform:scale(1.1)}
.kn-tv-tag{position:absolute;left:10px;top:10px;color:#fff;font-size:11px;font-weight:800;padding:3px 9px;border-radius:5px;font-style:normal}
.kn-tv-body{padding:12px 13px 14px}
.kn-tv-body h3{font-size:15px;font-weight:800;margin:0 0 6px;color:var(--kn-ink);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kn-tv-body small{color:var(--kn-muted);font-size:12.5px}
@media(max-width:900px){.kn-tv-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kn-tv-grid{grid-template-columns:1fr}}
/* E-Dergi ızgara */
.kn-dergi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:22px}
.kn-dergi-card{text-decoration:none;display:flex;flex-direction:column;gap:9px}
.kn-dergi-cover{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:#e9ecf1;box-shadow:0 8px 22px rgba(0,0,0,.16);transition:transform .15s}
.kn-dergi-card:hover .kn-dergi-cover{transform:translateY(-4px)}
.kn-dergi-cover img{width:100%;height:100%;object-fit:cover;display:block}
.kn-dergi-read{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-weight:700;font-size:13px;padding:22px 12px 12px;display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .15s}
.kn-dergi-card:hover .kn-dergi-read{opacity:1}
.kn-dergi-body h3{font-size:14px;font-weight:700;margin:0;color:var(--kn-ink);line-height:1.35}
.kn-dergi-body small{color:var(--kn-muted);font-size:12px}
@media(max-width:900px){.kn-dergi-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.kn-dergi-grid{grid-template-columns:repeat(2,1fr)}}

/* ===================== TURUNCU GRADYAN + LOGO + FOOTER SATIR ===================== */
/* Öne çıkan yüzeylerde gradyan */
.kn-hd-premium{background:#fff;color:#ef5f10}
.kn-tabs-red button.aktif{background:var(--kn-grad)}
.kn-live-badge{background:var(--kn-grad)}
.kn-yukari{background:var(--kn-grad)!important}
.kn-nav2-ozel{background:var(--kn-grad)}
.kn-hd-mark{background:#fff}
.kn-mb-market .kn-up,.kn-badge,.kn-c2-tab{}
.kn-tv-play{background:var(--kn-grad)}

/* Header/Footer logo resmi (koyu metinli logo turuncu/koyu barda net görünsün: beyaz chip) */
.kn-hd-logo{gap:0;flex:0 0 auto;min-width:0}
.kn-hd-logoimg{height:42px;width:auto;max-width:190px;object-fit:contain;display:block;background:#fff;padding:5px 12px;border-radius:11px;box-shadow:0 3px 10px rgba(0,0,0,.18)}
@media(max-width:768px){.kn-hd-logoimg{height:36px;max-width:150px;padding:4px 10px}}
@media(max-width:480px){.kn-hd-logoimg{height:30px;max-width:120px;padding:3px 7px;border-radius:8px}}
.kn-footer-logoimg{height:54px;width:auto;max-width:230px;object-fit:contain;display:block;background:#fff;padding:8px 14px;border-radius:12px;margin-bottom:6px}

/* Footer: 4 link sütunu her zaman tek satırda (marka | linkler) */
.kn-footer-grid{grid-template-columns:300px 1fr;gap:36px}
.kn-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
@media(max-width:900px){
  .kn-footer-grid{grid-template-columns:1fr}
  .kn-footer-brand{max-width:none}
  .kn-footer-links{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:480px){.kn-footer-links{grid-template-columns:1fr;gap:16px}}

/* 2'li × 2 kategori bandı: bloklar eşit yükseklik, "Daha Fazla" en altta hizalı */
.kn-2col .kn-catblk{display:flex;flex-direction:column}
.kn-2col .kn-catblk .kn-catblk-list{flex:1}
.kn-2col .kn-catblk .kn-catblk-more{margin-top:auto}

/* ===== ÜYE KAYIT / GİRİŞ – SPLIT AUTH SAYFASI ===== */
.kn-auth{max-width:1240px;margin:26px auto;padding:0 16px}
.kn-auth-wrap{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:0;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.14);min-height:640px}
.kn-auth-side{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff;background:radial-gradient(circle at 26% 20%,#f9a11c 0%,#ef5f10 20%,#9a2c0a 40%,#20120b 68%,#060606 100%)}
.kn-auth-side-top{flex:1}
.kn-auth-side-btm h2{font-family:var(--kn-sans);font-size:40px;font-weight:800;line-height:1.05;margin:0 0 18px}
.kn-auth-side-btm p{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 22px;max-width:380px}
.kn-auth-avatars{display:flex;align-items:center;gap:0}
.kn-auth-avatars .kn-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#555,#222);border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;margin-left:-9px}
.kn-auth-avatars .kn-av:first-child{margin-left:0}
.kn-auth-avatars em{font-style:normal;font-size:13px;color:rgba(255,255,255,.85);margin-left:12px}

.kn-auth-main{position:relative;padding:46px 54px}
.kn-auth-back{position:absolute;top:24px;right:26px;background:var(--kn-red);color:#fff;font-weight:700;font-size:12.5px;padding:9px 16px;border-radius:8px;text-decoration:none}
.kn-auth-back:hover{background:var(--kn-red-dark)}
.kn-auth-main h1{font-family:var(--kn-sans);font-size:30px;font-weight:800;margin:6px 0 10px;color:var(--kn-ink)}
.kn-auth-sub{font-size:14.5px;color:var(--kn-ink-2);margin:0 0 26px;max-width:560px;line-height:1.55}
.kn-auth-err{background:#fdecea;color:#b3261e;border:1px solid #f5c6c2;border-radius:10px;padding:11px 14px;font-size:14px;margin-bottom:18px}

.kn-auth-form{display:flex;flex-direction:column;gap:16px}
.kn-inp{position:relative;display:flex;align-items:center;background:var(--kn-bg);border:1.5px solid var(--kn-line);border-radius:12px;transition:border-color .15s,box-shadow .15s}
.kn-inp:focus-within{border-color:var(--kn-red);box-shadow:0 0 0 3px rgba(242,106,27,.14)}
.kn-inp>i{width:46px;text-align:center;color:var(--kn-muted);font-size:15px;flex-shrink:0}
.kn-inp input{flex:1;border:0;background:transparent;outline:none;padding:15px 14px 15px 0;font-size:14.5px;color:var(--kn-ink);font-family:inherit;min-width:0}
.kn-inp input::placeholder{color:var(--kn-muted);letter-spacing:.3px}
.kn-eye{background:none;border:0;cursor:pointer;color:var(--kn-muted);padding:0 16px;font-size:15px}
.kn-eye.acik{color:var(--kn-red)}
.kn-inp-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.kn-auth-check{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--kn-ink-2);cursor:pointer;margin-top:2px}
.kn-auth-check input{width:17px;height:17px;margin-top:1px;accent-color:var(--kn-red);flex-shrink:0}
.kn-auth-check a{color:var(--kn-red);text-decoration:underline}

.kn-auth-submit{background:var(--kn-red);color:#fff;border:0;border-radius:12px;padding:16px;font-size:15.5px;font-weight:700;cursor:pointer;margin-top:6px;transition:background .15s}
.kn-auth-submit:hover{background:var(--kn-red-dark)}

.kn-auth-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--kn-card);border:1.5px solid var(--kn-line);border-radius:12px;padding:14px;font-size:14.5px;color:var(--kn-ink);cursor:pointer;margin-top:16px;font-family:inherit}
.kn-auth-google:hover{background:var(--kn-bg)}
.kn-auth-google strong{font-weight:700}

.kn-auth-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;font-size:13.5px;color:var(--kn-ink-2)}
.kn-auth-login{background:var(--kn-bg);border:1px solid var(--kn-line);color:var(--kn-ink);font-weight:700;font-size:13px;padding:9px 16px;border-radius:8px;text-decoration:none;flex-shrink:0}
.kn-auth-login:hover{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}

@media(max-width:860px){
  .kn-auth-wrap{grid-template-columns:1fr;min-height:0}
  .kn-auth-side{min-height:230px;padding:28px}
  .kn-auth-side-btm h2{font-size:30px}
  .kn-auth-main{padding:30px 22px}
  .kn-auth-back{position:static;display:inline-block;margin-bottom:14px}
  .kn-inp-row{grid-template-columns:1fr}
  .kn-auth-foot{flex-direction:column;align-items:stretch;text-align:center}
  .kn-auth-login{text-align:center}
}

/* ===== HESABIM / PANO (KANEWS tarzi) ===== */
.kn-hs-hero{background:linear-gradient(180deg,#1b1b1f 0%,#2a2a30 100%);padding:34px 0 96px}
.kn-hs-heroinner{max-width:1200px;margin:0 auto;padding:0 16px}
.kn-hs-hero h1{color:#fff;font-family:var(--kn-sans);font-size:34px;font-weight:800;margin:0}
.kn-hs-main{max-width:1200px;margin:0 auto;padding:0 16px 50px}
.kn-hs-grid{display:grid;grid-template-columns:300px 1fr;gap:22px;margin-top:-64px}

/* Sol menu */
.kn-hs-side{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:16px;padding:18px;align-self:start;position:sticky;top:16px}
.kn-hs-user{text-align:left;padding:6px 6px 16px;border-bottom:1px solid var(--kn-line);margin-bottom:12px}
.kn-hs-ava{width:74px;height:74px;border-radius:50%;background:var(--kn-grad);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:800;margin-bottom:10px}
.kn-hs-uname{font-size:18px;font-weight:800;color:var(--kn-ink);margin-bottom:8px}
.kn-hs-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}
.kn-hs-tag{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:20px}
.kn-hs-tag-uye{background:#dcfce7;color:#16a34a}
.kn-hs-tag-ok{background:#dbeafe;color:#2563eb}
.kn-hs-tag-no{background:var(--kn-bg);color:var(--kn-muted);border:1px solid var(--kn-line)}
.kn-hs-mail{font-size:12.5px;color:var(--kn-muted);word-break:break-all}
.kn-hs-nav{display:flex;flex-direction:column;gap:2px}
.kn-hs-grp{font-size:12px;font-weight:800;color:var(--kn-ink);text-transform:none;margin:12px 6px 4px;letter-spacing:.2px}
.kn-hs-nav a{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;color:var(--kn-ink-2);text-decoration:none;font-size:14px;font-weight:500}
.kn-hs-nav a i{width:18px;text-align:center;color:var(--kn-muted);font-size:14px}
.kn-hs-nav a:hover{background:var(--kn-bg)}
.kn-hs-nav a.aktif{background:var(--kn-red-soft);color:var(--kn-red);font-weight:700}
.kn-hs-nav a.aktif i{color:var(--kn-red)}
.kn-hs-nav a.kn-hs-cikis{color:#dc3545;margin-top:4px}
.kn-hs-nav a.kn-hs-cikis i{color:#dc3545}

/* Icerik */
.kn-hs-content{display:flex;flex-direction:column;gap:18px;min-width:0}
.kn-hs-alert{border-radius:12px;padding:12px 16px;font-size:14px}
.kn-hs-alert-ok{background:#dcfce7;color:#166534}
.kn-hs-alert-err{background:#fee2e2;color:#b91c1c}
.kn-hs-card{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:16px;padding:22px}
.kn-hs-h{font-size:17px;font-weight:800;color:var(--kn-ink);margin:0 0 16px}
.kn-hs-verified{color:#16a34a;font-weight:700;display:flex;align-items:center;gap:8px}

/* Premium */
.kn-hs-premium{background:linear-gradient(120deg,#241f2e 0%,#3a2540 55%,#4a1f2e 100%);border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:18px;color:#fff;flex-wrap:wrap}
.kn-hs-prem-ic{width:52px;height:52px;border-radius:13px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.kn-hs-prem-tx{flex:1;min-width:200px}
.kn-hs-prem-tx strong{display:block;font-size:17px;margin-bottom:3px}
.kn-hs-prem-tx span{font-size:13.5px;color:rgba(255,255,255,.78)}
.kn-hs-prem-act{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kn-hs-prem-btn{background:var(--kn-grad);color:#fff;font-weight:700;font-size:14px;padding:11px 22px;border-radius:10px;text-decoration:none;white-space:nowrap}
.kn-hs-prem-link{color:rgba(255,255,255,.8);font-size:12.5px;text-decoration:underline}

/* Dogrulama */
.kn-hs-dogrula{display:flex;gap:10px;flex-wrap:wrap}
.kn-hs-dogrula input{flex:1;min-width:200px;border:1.5px solid var(--kn-line);border-radius:10px;padding:12px 14px;font-size:14px;background:var(--kn-bg);color:var(--kn-ink);font-family:inherit}
.kn-hs-dogrula input:focus{outline:none;border-color:var(--kn-red)}
.kn-hs-dogrula button{background:var(--kn-red);color:#fff;border:0;border-radius:10px;padding:12px 22px;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.kn-hs-dogrula button:hover{background:var(--kn-red-dark)}
.kn-hs-note{font-size:12.5px;color:var(--kn-muted);margin:10px 0 0}

/* Ozet istatistik */
.kn-hs-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kn-hs-stat{background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:12px;padding:16px 10px;text-align:center;text-decoration:none;display:block}
.kn-hs-stat:hover{border-color:var(--kn-red)}
.kn-hs-sval{display:block;font-size:24px;font-weight:800;color:var(--kn-ink)}
.kn-hs-slbl{display:block;font-size:12px;color:var(--kn-muted);margin-top:3px}

/* Mevcut rutbe */
.kn-hs-rank{display:flex;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(180deg,var(--kn-red-soft),var(--kn-card) 60%)}
.kn-hs-ring{width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--rc) calc(var(--p)*1%),var(--kn-line) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kn-hs-ring-in{width:92px;height:92px;border-radius:50%;background:var(--kn-card);display:flex;flex-direction:column;align-items:center;justify-content:center}
.kn-hs-ring-in b{font-size:26px;font-weight:800;color:var(--kn-ink);line-height:1}
.kn-hs-ring-in small{font-size:10px;color:var(--kn-muted);letter-spacing:1.5px;margin-top:2px}
.kn-hs-rankinfo{flex:1;min-width:220px}
.kn-hs-rlabel{font-size:12px;font-weight:800;color:var(--kn-muted);letter-spacing:.5px;margin-bottom:8px}
.kn-hs-rbadge,.kn-hs-nbadge{display:inline-block;font-size:12.5px;font-weight:700;padding:3px 12px;border-radius:20px}
.kn-hs-next{font-size:13.5px;color:var(--kn-ink-2);margin:12px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kn-hs-bar{height:8px;background:var(--kn-line);border-radius:6px;overflow:hidden}
.kn-hs-bar i{display:block;height:100%;border-radius:6px}
.kn-hs-barnote{font-size:12.5px;color:var(--kn-muted);margin-top:6px}

/* Rutbe yolculugu */
.kn-hs-journey{display:flex;flex-direction:column;gap:0;position:relative}
.kn-hs-jrow{display:flex;gap:16px;padding:14px 0;position:relative}
.kn-hs-jrow:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:-8px;width:2px;background:var(--kn-line)}
.kn-hs-jdot{width:32px;height:32px;border-radius:50%;border:3px solid var(--kn-line);background:var(--kn-card);display:flex;align-items:center;justify-content:center;color:var(--kn-muted);font-size:12px;flex-shrink:0;z-index:1}
.kn-hs-jrow.aktif .kn-hs-jdot{box-shadow:0 0 0 4px var(--kn-red-soft)}
.kn-hs-jbody{display:flex;flex-direction:column;gap:3px}
.kn-hs-jtags{display:flex;align-items:center;gap:8px;margin-bottom:2px}
.kn-hs-jaktif{background:var(--kn-red);color:#fff;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:20px;letter-spacing:.5px}
.kn-hs-jbody strong{font-size:15px;color:var(--kn-ink)}
.kn-hs-jbody small{font-size:12.5px;color:var(--kn-muted)}
.kn-hs-jrow.aktif{background:var(--kn-bg);border-radius:12px;padding-left:12px;padding-right:12px}
.kn-hs-subnav{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}
.kn-hs-subnav a{color:var(--kn-ink-2);text-decoration:none;font-weight:600}
.kn-hs-subnav a:hover{color:var(--kn-red)}

@media(max-width:900px){
  .kn-hs-grid{grid-template-columns:1fr;margin-top:-64px}
  .kn-hs-side{position:static}
  .kn-hs-stats{grid-template-columns:repeat(2,1fr)}
  .kn-hs-hero h1{font-size:28px}
}

/* Beğendiklerim listesi */
.kn-bg-list{display:flex;flex-direction:column;gap:2px}
.kn-bg-row{display:flex;gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--kn-line);text-decoration:none}
.kn-bg-row:last-child{border-bottom:0}
.kn-bg-row:hover{background:var(--kn-bg)}
.kn-bg-row img{width:96px;height:64px;border-radius:9px;object-fit:cover;flex-shrink:0}
.kn-bg-kat{display:inline-block;color:#fff;font-size:11px;font-weight:700;padding:2px 9px;border-radius:5px;margin-bottom:5px}
.kn-bg-row h4{margin:0;font-size:15px;font-weight:700;color:var(--kn-ink);line-height:1.3}

/* ===== HABER DETAY - KANEWS MODERNİZASYON ===== */

/* Breadcrumb pill */
.kn-hb-crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 0;font-size:13.5px}
.kn-hb-home{color:var(--kn-ink-2);font-size:13px}
.kn-hb-sep{color:var(--kn-line);font-size:12px}
.kn-hb-plain{color:var(--kn-ink-2);text-decoration:none}
.kn-hb-plain:hover{color:var(--kn-red)}
.kn-hb-current{color:var(--kn-muted);max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kn-hb-pill{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:12.5px;padding:4px 12px 4px 14px;border-radius:20px;text-decoration:none}
.kn-hb-pill i{font-size:9px;background:rgba(255,255,255,.3);border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center}

/* Başlık + özet */
.kn-hd-article{max-width:100%}
.kn-hd-h1{font-family:var(--kn-sans);font-size:32px;font-weight:800;line-height:1.22;margin:0 0 14px;color:var(--kn-ink)}
.kn-hd-ozet{font-size:16.5px;line-height:1.6;color:var(--kn-ink-2);margin:0 0 18px}

/* Byline */
.kn-hd-byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--kn-line);border-bottom:1px solid var(--kn-line);margin-bottom:18px}
.kn-hd-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--kn-red);flex-shrink:0}
.kn-hd-byline-tx{font-size:13.5px;color:var(--kn-ink-2);line-height:1.5}
.kn-hd-byline-tx a{color:var(--kn-ink);text-decoration:none}
.kn-hd-byline-tx a:hover{color:var(--kn-red)}
.kn-hd-byline-tarih{font-size:12.5px;color:var(--kn-muted)}
.kn-hd-byline-meta{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:12.5px;color:var(--kn-muted);flex-wrap:wrap}
.kn-hd-byline-meta i{margin-right:4px}
.kn-hd-byline-meta .yeni-badge{background:var(--kn-red);color:#fff;font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:20px}

/* Ana görsel */
.kn-hd-img{width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:12px;margin-bottom:18px}

/* Aksiyon butonları - haber detayda konumu değişti, biraz boşluk */
.kn-hd-aksiyon{margin-bottom:18px}

/* Alt sabit okuma çubuğu */
.kn-read-bar{position:fixed;left:0;right:0;bottom:0;background:var(--kn-card);border-top:1px solid var(--kn-line);box-shadow:0 -6px 24px rgba(0,0,0,.08);z-index:850}
.kn-read-bar-inner{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.kn-read-bar-title{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--kn-ink);overflow:hidden;flex-shrink:1;min-width:0}
.kn-read-bar-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kn-read-bar-title i{color:var(--kn-red);flex-shrink:0}
.kn-read-bar-tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:nowrap;overflow-x:auto}
.kn-read-seg{display:flex;border:1px solid var(--kn-line);border-radius:8px;overflow:hidden}
.kn-read-seg .btn-okuma{border-radius:0;border:0;border-right:1px solid var(--kn-line)}
.kn-read-seg .btn-okuma:last-child{border-right:0}
.kn-read-bar .btn-okuma{background:var(--kn-bg);border:1px solid var(--kn-line);color:var(--kn-ink-2);font-size:12.5px;font-weight:600;padding:7px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.kn-read-bar .btn-okuma:hover{background:var(--kn-red-soft);color:var(--kn-red);border-color:var(--kn-red)}
.kn-read-bar .btn-okuma.aktif{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}

/* Sabit alt bar body'e boşluk bıraksın (footer'a yapışmasın) */
.haber-detay{padding-bottom:70px}

@media(max-width:920px){
  .kn-read-bar{bottom:62px} /* mobil kn-tabbar'ın üstünde kalsın */
  .kn-read-bar-title{display:none}
  .kn-read-bar-tools{width:100%;justify-content:space-between}
  .kn-hd-h1{font-size:24px}
  .kn-hd-byline-meta{margin-left:0;width:100%}
}
@media print{ .kn-read-bar{display:none} }

/* Sidebar: Gündemden Haberler */
.kn-gd-widget{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:12px;padding:16px;margin-bottom:20px}
.kn-gd-head{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;color:var(--kn-ink);margin:0 0 14px}
.kn-gd-bar{width:4px;height:16px;background:var(--kn-red);border-radius:3px;display:inline-block}
.kn-gd-feat{display:block;position:relative;height:150px;border-radius:10px;background-size:cover;background-position:center;text-decoration:none;margin-bottom:6px}
.kn-gd-feat h6{position:absolute;left:0;right:0;bottom:0;margin:0;padding:14px;color:#fff;font-size:14.5px;font-weight:700;line-height:1.3}
.kn-gd-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--kn-line);text-decoration:none}
.kn-gd-row:last-child{border-bottom:0}
.kn-gd-num{width:26px;height:26px;border-radius:8px;background:var(--kn-red);color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kn-gd-tx{font-size:13.5px;font-weight:600;color:var(--kn-ink);line-height:1.35}
.kn-gd-row:hover .kn-gd-tx{color:var(--kn-red)}

/* Gündemden Haberler: satır üzerine gelince görsel önizleme */
.kn-gd-row{position:relative;overflow:visible}
.kn-gd-preview{
  position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%) scale(.92);
  width:120px; height:80px; border-radius:10px; background-image:var(--kn-gd-img);
  background-size:cover; background-position:center; box-shadow:0 10px 28px rgba(0,0,0,.28);
  opacity:0; pointer-events:none; transition:opacity .18s ease, transform .18s ease; z-index:20;
  border:2px solid var(--kn-card);
}
.kn-gd-row:hover .kn-gd-preview{opacity:1; transform:translateY(-50%) scale(1)}
@media(max-width:1200px){
  /* sidebar dar olduğunda sola taşan önizleme yerine sağ üstte gösterilsin */
  .kn-gd-preview{right:auto; left:50%; top:auto; bottom:calc(100% + 8px); transform:translateX(-50%) scale(.92)}
  .kn-gd-row:hover .kn-gd-preview{transform:translateX(-50%) scale(1)}
}

/* ===== KAI SOHBET WIDGET ===== */
.kn-kai-fab{position:fixed;right:22px;bottom:78px;z-index:900;background:var(--kn-grad);color:#fff;border:0;border-radius:30px;padding:13px 20px 13px 16px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 10px 28px rgba(242,106,27,.35);font-family:var(--kn-sans)}
.kn-kai-fab i{font-size:16px}
.kn-kai-fab:hover{filter:brightness(1.06)}

.kn-kai-panel{position:fixed;right:22px;bottom:78px;width:380px;max-width:92vw;max-height:min(640px,78vh);background:var(--kn-card);border:1px solid var(--kn-line);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.28);z-index:901;display:none;flex-direction:column;overflow:hidden;font-family:var(--kn-sans)}
.kn-kai-panel.acik{display:flex}
.kn-kai-panel.genis{width:520px;max-height:min(760px,86vh)}

.kn-kai-head{display:flex;align-items:center;gap:11px;padding:16px 16px 14px;border-bottom:1px solid var(--kn-line);flex-shrink:0}
.kn-kai-head-ic{width:38px;height:38px;border-radius:50%;background:var(--kn-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.kn-kai-head-tx{flex:1;min-width:0}
.kn-kai-head-tx strong{display:block;font-size:14.5px;color:var(--kn-ink);line-height:1.3}
.kn-kai-head-tx small{font-size:12px;color:var(--kn-muted)}
.kn-kai-icbtn{background:var(--kn-bg);border:1px solid var(--kn-line);width:30px;height:30px;border-radius:8px;color:var(--kn-ink-2);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12.5px}
.kn-kai-icbtn:hover{background:var(--kn-red-soft);color:var(--kn-red);border-color:var(--kn-red)}

.kn-kai-tabs{display:flex;gap:0;padding:10px 16px 0;flex-shrink:0}
.kn-kai-tabs button{flex:1;background:var(--kn-bg);border:1px solid var(--kn-line);color:var(--kn-ink-2);font-size:12.5px;font-weight:700;padding:8px;cursor:pointer}
.kn-kai-tabs button:first-child{border-radius:9px 0 0 9px}
.kn-kai-tabs button:last-child{border-radius:0 9px 9px 0;border-left:0}
.kn-kai-tabs button.aktif{background:var(--kn-red);color:#fff;border-color:var(--kn-red)}

.kn-kai-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:14px 16px 16px}
.kn-kai-msgs{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:2px;margin-bottom:10px}

.kn-kai-welcome{text-align:center;padding:10px 4px 4px}
.kn-kai-avatar-big{width:52px;height:52px;border-radius:50%;background:var(--kn-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}
.kn-kai-welcome h4{font-size:16px;font-weight:800;color:var(--kn-ink);margin:0 0 4px}
.kn-kai-welcome h4 .kn-kai-ad{color:var(--kn-red)}
.kn-kai-welcome p{font-size:13px;color:var(--kn-muted);margin:0 0 16px}
.kn-kai-hizli{display:flex;flex-direction:column;gap:8px;text-align:left}
.kn-kai-hizli-btn{display:flex;align-items:center;gap:9px;background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:10px;padding:11px 13px;font-size:13px;color:var(--kn-ink);cursor:pointer;text-align:left;font-family:inherit}
.kn-kai-hizli-btn i{color:var(--kn-red);font-size:12px;flex-shrink:0}
.kn-kai-hizli-btn:hover{background:var(--kn-red-soft);border-color:var(--kn-red)}

.kn-kai-msg{display:flex;gap:9px;align-items:flex-start;max-width:92%}
.kn-kai-msg-bot{align-self:flex-start}
.kn-kai-msg-kullanici{align-self:flex-end;flex-direction:row-reverse;max-width:85%}
.kn-kai-msg-ic{width:28px;height:28px;border-radius:50%;background:var(--kn-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.kn-kai-msg-tx{font-size:13.5px;line-height:1.55;padding:10px 13px;border-radius:12px;background:var(--kn-bg);color:var(--kn-ink)}
.kn-kai-msg-kullanici .kn-kai-msg-tx{background:var(--kn-red);color:#fff}
.kn-kai-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--kn-muted);margin-right:3px;animation:knKaiBlink 1.2s infinite}
.kn-kai-dot:nth-child(2){animation-delay:.2s}
.kn-kai-dot:nth-child(3){animation-delay:.4s}
@keyframes knKaiBlink{0%,80%,100%{opacity:.3}40%{opacity:1}}

.kn-kai-kota{font-size:11.5px;color:var(--kn-muted);background:var(--kn-bg);border-radius:9px;padding:8px 11px;margin-bottom:6px}
.kn-kai-kota a{color:var(--kn-red);text-decoration:underline}
.kn-kai-uyari{font-size:11px;color:var(--kn-muted);text-align:center;margin-bottom:10px}
.kn-kai-uyari i{color:#f59e0b;margin-right:4px}

.kn-kai-input{display:flex;gap:8px;flex-shrink:0}
.kn-kai-input input{flex:1;border:1.5px solid var(--kn-line);border-radius:22px;padding:11px 16px;font-size:13.5px;background:var(--kn-bg);color:var(--kn-ink);font-family:inherit}
.kn-kai-input input:focus{outline:none;border-color:var(--kn-red)}
.kn-kai-input button{width:42px;height:42px;border-radius:50%;background:var(--kn-red);color:#fff;border:0;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.kn-kai-input button:hover{background:var(--kn-red-dark)}

.kn-kai-gecmis-liste{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}
.kn-kai-bos{color:var(--kn-muted);font-size:13px;text-align:center;padding:30px 10px}
.kn-kai-gecmis-item{display:flex;flex-direction:column;gap:3px;background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:10px;padding:10px 12px;text-align:left;cursor:pointer;font-family:inherit}
.kn-kai-gecmis-item:hover{border-color:var(--kn-red)}
.kn-kai-gecmis-soru{font-size:13px;font-weight:600;color:var(--kn-ink)}
.kn-kai-gecmis-tarih{font-size:11px;color:var(--kn-muted)}

@media(max-width:920px){
  .kn-kai-fab{bottom:132px;right:14px;padding:12px 16px 12px 14px}
  .kn-kai-fab span{display:none}
  .kn-kai-panel{right:10px;left:10px;bottom:132px;width:auto;max-width:none}
  .kn-kai-panel.genis{width:auto}
}
@media print{ .kn-kai-fab,.kn-kai-panel{display:none !important} }

/* ===== PREMIUM SAYFASI ===== */
.kn-prem-hero{text-align:center;padding:30px 20px 10px}
.kn-prem-badge{display:inline-flex;align-items:center;gap:7px;background:var(--kn-grad);color:#fff;font-weight:800;font-size:12.5px;letter-spacing:.5px;padding:6px 16px;border-radius:20px;margin-bottom:14px}
.kn-prem-hero h1{font-size:32px;font-weight:800;color:var(--kn-ink);margin:0 0 10px}
.kn-prem-hero p{font-size:15.5px;color:var(--kn-ink-2);max-width:640px;margin:0 auto;line-height:1.6}
.kn-prem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:820px;margin-left:auto;margin-right:auto}
.kn-prem-card{position:relative;background:var(--kn-card);border:1.5px solid var(--kn-line);border-radius:18px;padding:28px 24px;display:flex;flex-direction:column}
.kn-prem-card-pop{border-color:var(--kn-red);box-shadow:0 16px 40px rgba(242,106,27,.15)}
.kn-prem-ribbon{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--kn-grad);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.5px;padding:5px 16px;border-radius:20px;white-space:nowrap}
.kn-prem-card-head{text-align:center;padding-bottom:18px;border-bottom:1px solid var(--kn-line);margin-bottom:18px}
.kn-prem-card-head h3{font-size:20px;font-weight:800;color:var(--kn-ink);margin:0 0 12px}
.kn-prem-price b{font-size:40px;font-weight:900;color:var(--kn-red)}
.kn-prem-price span{font-size:15px;color:var(--kn-muted);font-weight:600}
.kn-prem-sub{font-size:13px;color:var(--kn-muted);margin:8px 0 0}
.kn-prem-list{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:11px;flex:1}
.kn-prem-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--kn-ink)}
.kn-prem-list li i.fa-check{color:#16a34a}
.kn-prem-list li.kn-prem-off{color:var(--kn-muted)}
.kn-prem-list li.kn-prem-off i{color:var(--kn-muted)}
.kn-prem-btn{display:block;text-align:center;background:var(--kn-bg);border:1.5px solid var(--kn-red);color:var(--kn-red);font-weight:800;font-size:15px;padding:13px;border-radius:12px;text-decoration:none;transition:all .15s}
.kn-prem-btn:hover{background:var(--kn-red-soft)}
.kn-prem-btn-pop{background:var(--kn-grad);color:#fff;border-color:transparent}
.kn-prem-btn-pop:hover{filter:brightness(1.06);background:var(--kn-grad)}
.kn-prem-note{text-align:center;font-size:13px;color:var(--kn-muted)}
.kn-prem-note a{color:var(--kn-red)}
@media(max-width:720px){
  .kn-prem-grid{grid-template-columns:1fr;max-width:420px}
  .kn-prem-hero h1{font-size:26px}
}

/* ===== SON GELİŞMELER yanıp sönme ===== */
@keyframes knSonBlink{
  0%,100%{opacity:1}
  50%{opacity:.35}
}
.kn-strip-son, .kn-mb-son{animation:knSonBlink 1.1s ease-in-out infinite}
.kn-strip-son i, .kn-mb-son i{animation:knSonBlink .9s ease-in-out infinite}

/* ===== KARANLIK MOD: üye/bootstrap sayfaları uyumu ===== */
html.kn-dark body,
html.kn-dark main{background:var(--kn-bg);color:var(--kn-ink)}
html.kn-dark .container,html.kn-dark .container-fluid{color:var(--kn-ink)}
html.kn-dark h1,html.kn-dark h2,html.kn-dark h3,html.kn-dark h4,html.kn-dark h5,html.kn-dark h6{color:var(--kn-ink)}
html.kn-dark p,html.kn-dark span,html.kn-dark li,html.kn-dark strong,html.kn-dark label{color:var(--kn-ink)}
html.kn-dark small,html.kn-dark .text-muted{color:var(--kn-muted) !important}
html.kn-dark .card,html.kn-dark .list-group-item{background:var(--kn-card);border-color:var(--kn-line);color:var(--kn-ink)}
html.kn-dark .alert-info{background:#132430;border-color:#1d3a4d;color:#cfe6f5}
html.kn-dark .alert-success{background:#12281a;border-color:#1d4d2e;color:#c9efd4}
html.kn-dark .alert-light,html.kn-dark .alert-secondary{background:var(--kn-card);border-color:var(--kn-line);color:var(--kn-ink)}
html.kn-dark .form-control,html.kn-dark .form-select,html.kn-dark textarea,html.kn-dark input[type="text"],
html.kn-dark input[type="email"],html.kn-dark input[type="password"],html.kn-dark input[type="search"]{
  background:var(--kn-bg);border-color:var(--kn-line);color:var(--kn-ink)}
html.kn-dark .form-control::placeholder,html.kn-dark textarea::placeholder{color:var(--kn-muted)}
html.kn-dark .btn-outline-primary{color:#7db3ff;border-color:#2f4a6b}
html.kn-dark .btn-outline-primary:hover{background:#1d3a5c;color:#fff}
html.kn-dark .btn-outline-success{color:#6bd694;border-color:#2b4d38}
html.kn-dark .btn-outline-success:hover{background:#1d4d2e;color:#fff}
html.kn-dark .btn-outline-secondary{color:var(--kn-ink-2);border-color:var(--kn-line)}
html.kn-dark .btn-light{background:var(--kn-card);color:var(--kn-ink);border-color:var(--kn-line)}
html.kn-dark .table{color:var(--kn-ink)}
html.kn-dark .table td,html.kn-dark .table th{border-color:var(--kn-line)}
/* Bildirim öğeleri */
html.kn-dark .bildirim-listesi .bildirim-oge{background:var(--kn-card);border-color:var(--kn-line);color:var(--kn-ink)}
html.kn-dark .bildirim-listesi .bildirim-oge.yeni{background:#1c1f27}
html.kn-dark .bildirim-ikon{background:var(--kn-bg);color:var(--kn-ink-2)}
html.kn-dark .bildirim-icerik strong{color:var(--kn-ink)}

/* ===== 4'LÜ KUTUCUK MEGA MENÜ ===== */
.kn-hd-mega-wrap{position:relative;display:inline-flex}
.kn-hd-mega{position:absolute;right:0;top:calc(100% + 12px);width:640px;max-width:92vw;background:var(--kn-card);
  border:1px solid var(--kn-line);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.25);
  padding:18px;display:none;grid-template-columns:1fr 1fr;gap:22px;z-index:120}
.kn-hd-mega.acik{display:grid}
.kn-hd-mega-title{display:block;font-size:12.5px;font-weight:800;letter-spacing:.5px;color:var(--kn-muted);
  text-transform:uppercase;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--kn-line)}
.kn-hd-mega-col a{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:10px;text-decoration:none}
.kn-hd-mega-col a:hover{background:var(--kn-bg)}
.kn-mi-ic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:16px;flex-shrink:0}
.kn-hd-mega-col a>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.kn-hd-mega-col a b{font-size:14.5px;font-weight:700;color:var(--kn-ink);line-height:1.25}
.kn-hd-mega-col a small{font-size:12px;color:var(--kn-muted);line-height:1.3}
@media(max-width:720px){
  .kn-hd-mega{grid-template-columns:1fr;width:320px;max-height:70vh;overflow-y:auto;right:-40px}
}
html.kn-dark .kn-hd-mega{background:var(--kn-card);border-color:var(--kn-line)}

/* ===== BİLGİ SAYFALARI (döviz, altın, borsa, kripto, deprem, maç) ===== */
.kn-bilgi-hero{display:flex;align-items:center;gap:18px;padding:24px;background:var(--kn-card);border:1px solid var(--kn-line);border-radius:16px}
.kn-bilgi-ic{width:64px;height:64px;border-radius:16px;background:var(--kn-bilgi-renk,#16a34a);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}
.kn-bilgi-hero h1{font-size:26px;font-weight:800;color:var(--kn-ink);margin:0 0 4px}
.kn-bilgi-hero p{font-size:14.5px;color:var(--kn-ink-2);margin:0;line-height:1.5}
.kn-bilgi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:900px){.kn-bilgi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.kn-bilgi-grid{grid-template-columns:1fr}}
.kn-bilgi-kart{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}
.kn-bilgi-kart-ad{font-size:12.5px;font-weight:800;letter-spacing:.4px;color:var(--kn-muted);text-transform:uppercase}
.kn-bilgi-kart-ad small{font-weight:600;color:var(--kn-muted)}
.kn-bilgi-kart-val{font-size:26px;font-weight:900;color:var(--kn-ink);font-variant-numeric:tabular-nums}
.kn-bilgi-kart-deg{font-size:12.5px;color:var(--kn-muted)}
.kn-bilgi-kart-deg.up{color:#16a34a}
.kn-bilgi-kart-deg.down{color:#dc2626}
.kn-bilgi-not{font-size:12.5px;color:var(--kn-muted);text-align:center}
.kn-bilgi-liste{background:var(--kn-card);border:1px solid var(--kn-line);border-radius:16px;padding:24px}
.kn-bilgi-bos{text-align:center;padding:30px 16px;color:var(--kn-muted)}
.kn-bilgi-bos i{font-size:40px;color:var(--kn-line);margin-bottom:14px}
.kn-bilgi-bos h3{font-size:18px;font-weight:800;color:var(--kn-ink);margin:0 0 8px}
.kn-bilgi-bos p{font-size:14px;margin:0;max-width:460px;margin-left:auto;margin-right:auto;line-height:1.5}
.kn-bilgi-hizli-linkler{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.kn-bilgi-hizli-linkler a{display:inline-flex;align-items:center;gap:8px;background:var(--kn-bg);border:1px solid var(--kn-line);border-radius:10px;padding:10px 16px;text-decoration:none;color:var(--kn-ink);font-weight:700;font-size:13.5px}
.kn-bilgi-hizli-linkler a:hover{border-color:var(--kn-red);color:var(--kn-red)}
.kn-bilgi-hizli-linkler a i{color:var(--kn-red)}

/* ===== GENEL FONT TUTARLILIĞI (Bootstrap font-stack'ini ez) ===== */
body, .kn-body,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
p, a, span, div, li, td, th, label, button, input, select, textarea,
.btn, .card, .table, .alert, .nav, .breadcrumb, .badge {
  font-family: var(--kn-sans) !important;
}
/* Serif okuma modu ve ikon fontları hariç tut */
[data-font="serif"] .haber-icerik, [data-font="serif"] .yazi-icerik,
.reading-serif, .haber-icerik.serif {
  font-family: Georgia, 'Times New Roman', serif !important;
}
i.fas, i.far, i.fab, i.fa, .fa, [class^="fa-"], [class*=" fa-"] {
  font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands" !important;
}

/* ============================================================
   MOBİL GENEL DÜZELTMELER — kayma/binme önleme (tüm site)
   ============================================================ */
@media(max-width:768px){
  /* Yatay taşmayı kes */
  html, body { overflow-x:hidden; max-width:100%; }
  .kn-wrap { overflow-x:hidden; }
  /* Uzun kelimeler/başlıklar taşmasın */
  h1,h2,h3,h4,h5,h6,p,a,span,li,.kn-slide-title,.kn-card-title,
  .kn-c2-title,.kn-fl-row h4,.kn-pop-row h4 {
    overflow-wrap:anywhere; word-break:break-word;
  }
  img { max-width:100%; height:auto; }

  /* --- HERO SLIDER: badge ile başlık binmesin --- */
  .kn-slide-badge { display:none; }
  .kn-slide-body {
    padding:14px 16px 18px;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.55) 55%,rgba(0,0,0,.9) 100%);
    gap:8px;
  }
  .kn-slide-flag { font-size:14px; padding:4px 10px; }
  .kn-slide-title { font-size:18px; line-height:1.2; max-width:100%; }
  /* İkincil slider da aynı */
  .kn-slide2-tab { font-size:10px; padding:4px 8px; }
  .kn-slide2-body { padding:14px 16px 18px; }
  .kn-slide2-body h2 { font-size:18px; line-height:1.2; }

  /* --- BUTON GRUPLARI binmesin (alt alta / sarmalı) --- */
  .btn-group, .btn-group-sm { flex-wrap:wrap; gap:6px; }
  .btn-group > .btn, .btn-group-sm > .btn { border-radius:8px !important; }
  .d-flex.justify-content-between { flex-wrap:wrap; gap:10px; }

  /* --- Okuma çubuğu (alt sabit bar) butonları --- */
  .kn-read-bar-inner { padding:8px 12px; gap:10px; }
  .kn-read-bar-tools { gap:6px; }
  .kn-read-bar .btn-okuma { padding:7px 9px; font-size:12px; }

  /* --- Piyasa/haber barı --- */
  .kn-marketbar .kn-mb-top { flex-wrap:wrap; gap:8px 14px; }
  .kn-mb-item { flex:0 0 auto; }

  /* --- Mega menü tam ekrana yakın --- */
  .kn-hd-mega { right:-8px; }

  /* --- Breadcrumb sarmalı --- */
  .kn-breadcrumb, .breadcrumb { flex-wrap:wrap; }

  /* --- Bilgi/piyasa kartları --- */
  .kn-bilgi-hero { flex-direction:row; align-items:center; gap:12px; padding:16px; }
  .kn-bilgi-hero h1 { font-size:20px; }
  .kn-bilgi-ic { width:48px; height:48px; font-size:20px; }

  /* --- Yazar/köşe yazısı satırları --- */
  .kn-fl-row, .kn-pop-row { gap:10px; }
  .kn-fl-row img, .kn-pop-row img { flex-shrink:0; }

  /* --- Premium kartları tek sütun --- */
  .kn-prem-grid { grid-template-columns:1fr; }
}

/* Çok küçük ekran (≤400px) ince ayar */
@media(max-width:400px){
  .kn-slide-title { font-size:16px; }
  .kn-slide-flag { font-size:12px; }
  .kn-hd-mega { width:calc(100vw - 24px); right:-8px; }
}

/* ===== REKLAM ALANI — boş yer tutucu (haber içine binmeyi önler) ===== */
.reklam-alani{display:block;clear:both;margin:20px auto}
a.reklam-alani{text-decoration:none}
.reklam-bos{
  display:flex;align-items:center;justify-content:center;
  min-height:90px;margin:20px auto;padding:16px;
  background:var(--kn-bg);border:1px dashed var(--kn-line);border-radius:10px;
  text-decoration:none;color:var(--kn-muted);text-align:center;box-sizing:border-box;
}
.reklam-bos:hover{border-color:var(--kn-red);color:var(--kn-red)}
.reklam-bos-ic{display:flex;flex-direction:column;align-items:center;gap:4px}
.reklam-bos-ic i{font-size:20px;opacity:.7}
.reklam-bos-ic strong{font-size:14px;font-weight:800}
.reklam-bos-ic small{font-size:11.5px;opacity:.8}
/* Aksiyon butonları ile reklam arasında net ayrım */
.kn-hd-aksiyon{margin:14px 0 18px}
.kn-hd-aksiyon + .reklam-alani,
.kn-hd-aksiyon + .reklam-bos{margin-top:6px}
html.kn-dark .reklam-bos{background:var(--kn-card);border-color:var(--kn-line)}

/* ===== MOBİL: Öne çıkan slider + haber listesi binme düzeltmesi ===== */
@media(max-width:980px){
  /* Slider ile altındaki 5'li liste arası net boşluk */
  .kn-feat{ gap:16px; }
  .kn-feat-list{ margin-top:0; }
  /* Liste satırları slider'a eşit yükseklikte ezilmesin, doğal yükseklik alsın */
  .kn-feat-list .kn-fl-row{ flex:0 0 auto; min-height:64px; }
  /* Bölümler arası (feat -> grid3 vb.) garantili boşluk */
  section.kn-mt{ margin-top:20px; clear:both; }
  .kn-feat + .kn-mt, .kn-feat-slider + *{ margin-top:20px; }
}
@media(max-width:560px){
  .kn-feat-main{ height:300px; }
  .kn-feat-list .kn-fl-row{ padding:11px 12px; }
  .kn-feat-list .kn-fl-row img{ width:70px; height:52px; }
  .kn-feat-list .kn-fl-row h4{ font-size:13.5px; }
  /* 3'lü ızgara ile üstteki bölüm binmesin */
  .kn-grid3{ margin-top:20px; }
  .kn-grid3 .kn-c2{ margin-bottom:0; }
}
/* Liste satırındaki metin sarmalayıcı (span) taşmayı önlesin */
.kn-fl-row > span{ min-width:0; flex:1 1 auto; overflow:hidden; }
.kn-fl-row > span h4{ overflow-wrap:anywhere; }

/* ===== METİN LOGO: esnafSESİ + E ikon ===== */
.kn-hd-logo-tx{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto;min-width:0}
.kn-hd-logo-ic{
  width:44px;height:44px;flex:none;border-radius:11px;
  background:#fff;color:var(--kn-red);
  font-family:var(--kn-sans);font-weight:900;font-size:22px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.18);line-height:1;
}
.kn-hd-logo-word{
  font-family:var(--kn-sans);font-size:30px;line-height:1;
  color:#fff;font-weight:500;letter-spacing:.2px;white-space:nowrap;
}
.kn-hd-logo-word b{font-weight:900;}
@media(max-width:768px){
  .kn-hd-logo-ic{width:38px;height:38px;font-size:19px;border-radius:9px}
  .kn-hd-logo-word{font-size:25px}
}
@media(max-width:480px){
  .kn-hd-logo-ic{width:33px;height:33px;font-size:17px}
  .kn-hd-logo-word{font-size:21px}
}

/* Footer metin logo */
.kn-footer-logo-tx{display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.kn-footer-logo-word{font-family:var(--kn-sans);font-size:26px;line-height:1;color:#fff;font-weight:500}
.kn-footer-logo-word b{font-weight:900}

/* ===== ANA SAYFA YAN REKLAMLAR (sağ/sol dikey) ===== */
.kn-side-rail{
  position:fixed;top:170px;z-index:40;width:160px;
  display:none;justify-content:center;
}
/* GENİŞ EKRAN (1580px+): tam boy raylar, konum içerik kolonunun DIŞINA göre
   hesaplanır — üste binmesi yapısal olarak imkânsız */
.kn-side-rail-left{  left:  calc(50% - (var(--kn-genislik, 1200px) / 2) - 176px); }
.kn-side-rail-right{ right: calc(50% - (var(--kn-genislik, 1200px) / 2) - 176px); }
@media (min-width: 1580px){
  .kn-side-rail{ display:flex; }
}
/* ORTA EKRAN (1280-1579px, dizüstü): küçük raylar kenarda + İÇERİK DARALIR.
   Daraltma hem kn-wrap hem container kullanan TÜM sayfa tiplerine uygulanır
   (eski sürümde yalnızca ana sayfa daraldığı için iç sayfalarda binme oluyordu). */
@media (min-width:1280px) and (max-width:1579.98px){
  .kn-side-rail{ display:flex; width:120px; }
  .kn-side-rail-left{ left:8px; }
  .kn-side-rail-right{ right:8px; }
  .kn-side-rail .reklam-alani,
  .kn-side-rail .reklam-bos{ width:120px; }
  .kn-side-rail .reklam-bos{ min-height:450px; }
  .kn-main .kn-wrap,
  .kn-main-wrap .kn-wrap,
  main .kn-wrap,
  main .container,
  .kn-club-vitrin{ max-width:calc(100vw - 296px); }
}
.kn-side-rail .reklam-alani,
.kn-side-rail .reklam-bos{ width:160px; margin:0; }
.kn-side-rail .reklam-bos{ min-height:600px; flex-direction:column; }

/* Hamburger "Kategoriler" etiketi (mobil) */
.kn-hd-burger{gap:6px}
.kn-hd-burger-tx{display:none;font-size:12px;font-weight:800;letter-spacing:.3px;color:#fff;text-transform:uppercase}
@media(max-width:920px){
  .kn-hd-burger-tx{display:inline}
}
@media(max-width:400px){
  /* Çok dar ekranda sadece ikon kalsın */
  .kn-hd-burger-tx{display:none}
}

/* Mobil menü içi kapatma başlığı */
.kn-nav2-kapat{display:none;align-items:center;justify-content:space-between;
  padding:0 4px 12px;margin-bottom:6px;border-bottom:2px solid var(--kn-line)}
.kn-nav2-kapat span{font-size:16px;font-weight:800;color:var(--kn-ink)}
.kn-nav2-kapat button{border:0;background:transparent;font-size:22px;color:var(--kn-ink);cursor:pointer;padding:4px 8px;line-height:1}
@media(min-width:921px){ .kn-nav2-kapat{display:none !important} }

/* ============================================================
   GECE MODU — İÇ SAYFALAR (kategori, haber detay, sidebar,
   yazarlar, galeri, üye, yorumlar). style.css'in klasik
   bileşenlerini koyu temaya uyarlar.
   ============================================================ */
html.kn-dark{
  /* style.css değişkenlerini koyu temaya çevir */
  --bg-light:#171a20;
  --text-dark:#e8eaed;
  --text-muted:#9aa1ac;
  --text-primary:#e8eaed;
  --text-secondary:#b6bcc6;
  --border:#2a2f39;
  --shadow:0 2px 8px rgba(0,0,0,.45);
  --shadow-hover:0 4px 16px rgba(0,0,0,.6);
}
html.kn-dark body{background:var(--kn-bg);color:var(--kn-ink)}

/* Beyaz arka planlı kartlar ve kutular */
html.kn-dark .haber-kart,
html.kn-dark .haber-kart-buyuk,
html.kn-dark .yazar-kart,
html.kn-dark .kategori-blok,
html.kn-dark .burc-kart,
html.kn-dark .trend-yatay-list li,
html.kn-dark .widget,
html.kn-dark .widget-anket,
html.kn-dark .editor-stripe-kart,
html.kn-dark .uye-dropdown-menu,
html.kn-dark .search-form,
html.kn-dark .haber-detay,
html.kn-dark .yorum-form,
html.kn-dark .yorum-kart,
html.kn-dark .yorum-item,
html.kn-dark .son-dakika-ticker,
html.kn-dark .pwa-yukle,
html.kn-dark .piyasa-item{background:var(--kn-card);color:var(--kn-ink);border-color:var(--kn-line)}

/* Başlıklar ve metinler */
html.kn-dark .haber-icerik h4,
html.kn-dark .haber-icerik h3,
html.kn-dark .haber-detay h1,
html.kn-dark .haber-detay h2,
html.kn-dark .haber-detay p,
html.kn-dark .bolum-baslik h3,
html.kn-dark .widget-title,
html.kn-dark .yazar-ad,
html.kn-dark .yorum-item .yazar,
html.kn-dark .piyasa-item .val{color:var(--kn-ink)}
html.kn-dark .haber-meta,
html.kn-dark .haber-meta small,
html.kn-dark .bolum-baslik small,
html.kn-dark .yazi-baslik,
html.kn-dark .piyasa-item .lbl{color:var(--kn-muted)}

/* Bootstrap breadcrumb ve uyarılar */
html.kn-dark .breadcrumb,
html.kn-dark .breadcrumb-nav{background:transparent}
html.kn-dark .breadcrumb-item,
html.kn-dark .breadcrumb-item a,
html.kn-dark .breadcrumb-item.active,
html.kn-dark .breadcrumb-item+.breadcrumb-item::before{color:var(--kn-muted)}
html.kn-dark .alert-info{background:#12232a;color:#9adbe8;border-color:#1d3a44}
html.kn-dark .alert-warning{background:#2a2410;color:#e8d48a;border-color:#4a3f1a}

/* Form elemanları */
html.kn-dark .kategori-sayfa input,
html.kn-dark .kategori-sayfa select,
html.kn-dark .haber-detay input,
html.kn-dark .haber-detay textarea,
html.kn-dark .yorum-form input,
html.kn-dark .yorum-form textarea,
html.kn-dark .search-form input{background:var(--kn-bg);color:var(--kn-ink);border-color:var(--kn-line)}

/* Sayfalama ve butonlar */
html.kn-dark .sayfalama a,
html.kn-dark .pagination .page-link{background:var(--kn-card);color:var(--kn-ink);border-color:var(--kn-line)}
html.kn-dark .btn-aksiyon{background:var(--kn-card);color:var(--kn-ink);border-color:var(--kn-line)}

/* Görsel yer tutucuları */
html.kn-dark .haber-resim,
html.kn-dark .haber-resim img{background:#242832}

/* Ana içerik zeminleri (açık gri bölümler) */
html.kn-dark .kategori-sayfa,
html.kn-dark .manset-bolum,
html.kn-dark main{background:var(--kn-bg)}

/* ============================================================
   REKLAM ALANLARI — görsel kutuyu tam doldursun
   (min-height yalnızca boş "Reklam Ver" yer tutucusunda kalır)
   ============================================================ */
/* style.css'teki eski AdSense yer tutucu stilini etkisizleştir:
   dolu reklamda kesikli çerçeve, gri zemin ve 20px iç boşluk OLMAZ.
   (Bu boşluk 160px kutudaki görseli 120px'e sıkıştırıyordu.) */
.reklam-alani{
  background:transparent !important;
  border:none !important;
  padding:0 !important;
  border-radius:0;
  text-align:initial;
}
.reklam-alani img{width:100%;height:auto;display:block}
.kn-side-rail .reklam-alani,
.reklam-ray .reklam-alani{min-height:0;height:auto;margin:0}
.widget-reklam .reklam-alani{width:100%}
.widget-reklam .reklam-alani img{width:100%}
/* Boş yer tutucu (Reklam Ver) çerçeveli halini korur */
.reklam-bos{
  background:var(--kn-bg) !important;
  border:1px dashed var(--kn-line) !important;
  padding:16px !important;
}
html.kn-dark .reklam-bos{background:var(--kn-card) !important}

/* Premium paketleri: satış henüz açılmadı — "Çok Yakında" durumu */
.kn-prem-soon{opacity:.75;cursor:default;pointer-events:none;user-select:none}

/* Hava durumu il seçici */
.hava-sehir-sec{width:100%;padding:8px 10px;margin-bottom:10px;border:1px solid var(--kn-line,#e5e7eb);border-radius:8px;background:var(--kn-bg,#fff);color:inherit;font-size:14px;cursor:pointer}
html.kn-dark .hava-sehir-sec{background:var(--kn-bg);border-color:var(--kn-line);color:var(--kn-ink)}

/* Canlı yayın şeridi */
.kn-canli-serit{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;background:linear-gradient(90deg,#b91c1c,#dc2626,#b91c1c);color:#fff !important;text-decoration:none;font-size:14px;position:relative;z-index:60}
.kn-canli-serit b{letter-spacing:.5px}
.kn-canli-serit .kn-canli-detay{opacity:.9}
.kn-canli-serit:hover{background:linear-gradient(90deg,#991b1b,#b91c1c,#991b1b);color:#fff}
.kn-canli-nokta{width:10px;height:10px;border-radius:50%;background:#fff;animation:knCanliPuls 1.2s infinite}
@keyframes knCanliPuls{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,255,255,.7)}50%{opacity:.6;box-shadow:0 0 0 7px rgba(255,255,255,0)}}
@media(max-width:640px){.kn-canli-serit .kn-canli-detay{display:none}}

/* Doğrulama tekrar gönder butonu */
.kn-hs-tekrar-btn{background:transparent;border:1px solid var(--kn-line,#e5e7eb);color:inherit;padding:8px 16px;border-radius:8px;font-size:13px;cursor:pointer;transition:.15s}
.kn-hs-tekrar-btn:hover{border-color:#f97316;color:#f97316}

/* İlan kategori sekmeleri + fiyat filtreleri */
.kn-ilan-katbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.kn-ilan-katbar a{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--kn-line,#e5e7eb);border-radius:999px;background:var(--kn-card,#fff);color:inherit;text-decoration:none;font-size:14px;transition:.15s}
.kn-ilan-katbar a:hover{border-color:#f97316;color:#f97316}
.kn-ilan-katbar a.aktif{background:#f97316;border-color:#f97316;color:#fff}
.kn-ilan-katbar .adet{background:rgba(0,0,0,.08);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}
.kn-ilan-katbar a.aktif .adet{background:rgba(255,255,255,.25)}
.kn-ilan-fiyat-input{max-width:110px}

/* İlanlarım listesi */
.kn-ilanlarim-liste{display:flex;flex-direction:column;gap:12px}
.kn-ilanlarim-satir{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--kn-line,#e5e7eb);border-radius:12px;background:var(--kn-card,#fff)}
.kn-ilanlarim-satir img{width:84px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#eee}
.kn-ilanlarim-bilgi{flex:1;min-width:0}
.kn-ilanlarim-baslik{font-weight:700;margin-bottom:5px}
.kn-ilanlarim-baslik a{color:inherit;text-decoration:none}
.kn-ilanlarim-baslik a:hover{color:#f97316}
.kn-ilanlarim-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--kn-muted,#6b7280)}
.kn-ilanlarim-sag{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.kn-ilanlarim-durum{font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;white-space:nowrap}
.kn-ilanlarim-sil{background:transparent;border:1px solid var(--kn-line,#e5e7eb);color:#dc2626;width:34px;height:34px;border-radius:8px;cursor:pointer;transition:.15s}
.kn-ilanlarim-sil:hover{background:#dc2626;border-color:#dc2626;color:#fff}
@media(max-width:560px){.kn-ilanlarim-satir{flex-wrap:wrap}.kn-ilanlarim-sag{flex-direction:row;width:100%;justify-content:space-between}}

/* Dayanışma paketleri: dinamik sayıda pakette esnek dizilim */
.kn-prem-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}
.kn-prem-grid .kn-prem-card{flex:1 1 280px;max-width:360px}

/* Esnaf Club Vitrini */
.kn-club-vitrin{max-width:var(--kn-genislik,1200px);margin:34px auto 10px;padding:0 16px}
.kn-club-vitrin-bas{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.kn-club-vitrin-bas h2{font-size:20px;font-weight:900;margin:0;display:flex;align-items:center;gap:8px}
.kn-club-vitrin-bas h2 i{color:#f97316}
.kn-club-vitrin-bas a{font-size:13.5px;color:#f97316;text-decoration:none;font-weight:700}
.kn-club-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.kn-club-item{display:block;border:1px solid var(--kn-line,#e5e7eb);border-radius:12px;overflow:hidden;background:var(--kn-card,#fff);text-decoration:none;transition:.15s}
.kn-club-item:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.kn-club-item img{width:100%;height:90px;object-fit:contain;background:#fafafa;display:block;padding:6px}
.kn-club-item span{display:block;padding:8px 12px;font-size:13px;font-weight:700;color:inherit;border-top:1px solid var(--kn-line,#e5e7eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn-club-dar{display:flex;flex-direction:column;gap:10px}
.kn-club-dar a{display:block;border:1px solid var(--kn-line,#e5e7eb);border-radius:10px;overflow:hidden;background:#fafafa}
.kn-club-dar img{width:100%;height:72px;object-fit:contain;display:block;padding:4px}
html.kn-dark .kn-club-item img,html.kn-dark .kn-club-dar a{background:#1a1d23}

/* ============ 3D ESNAF CLUB KARTI ============ */
.kn-ckart-sahne{perspective:1000px;max-width:430px;margin:0 0 20px}
.kn-ckart{position:relative;aspect-ratio:1.586;border-radius:18px;padding:22px 24px;color:#fff;
  background:linear-gradient(135deg,#1c1917 0%,#292018 45%,#f97316 160%);
  box-shadow:0 18px 40px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
  transform-style:preserve-3d;transition:transform .18s ease-out;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between}
.kn-ckart::before{content:'';position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(249,115,22,.35),transparent 70%)}
.kn-ckart::after{content:'⚒';position:absolute;right:18px;bottom:14px;font-size:64px;opacity:.08}
.kn-ckart-parla{position:absolute;inset:0;pointer-events:none;border-radius:18px}
.kn-ckart-ust{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.kn-ckart-logo{font-weight:900;letter-spacing:2px;font-size:15px}
.kn-ckart-logo i{color:#fbbf24;margin-right:4px}
.kn-ckart-site{font-size:12px;font-weight:800;opacity:.85;letter-spacing:1px}
.kn-ckart-cip{width:44px;height:32px;border-radius:6px;background:linear-gradient(135deg,#fbbf24,#d97706);
  display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:5px;position:relative;z-index:2;transform:translateZ(20px)}
.kn-ckart-cip span{background:rgba(0,0,0,.25);border-radius:2px}
.kn-ckart-no{font-family:'Courier New',monospace;font-size:22px;letter-spacing:5px;font-weight:700;
  text-shadow:0 2px 3px rgba(0,0,0,.45);position:relative;z-index:2;transform:translateZ(26px)}
.kn-ckart-alt{display:flex;justify-content:space-between;gap:12px;position:relative;z-index:2}
.kn-ckart-alt small{display:block;font-size:9px;letter-spacing:1.5px;opacity:.65;margin-bottom:2px}
.kn-ckart-alt strong{font-size:12.5px;font-weight:800;letter-spacing:.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px;display:block}
@keyframes knCkartSalin{0%,100%{transform:rotateY(-7deg) rotateX(3deg)}50%{transform:rotateY(7deg) rotateX(-3deg)}}
.kn-ckart-oto{animation:knCkartSalin 6s ease-in-out infinite}
@media(max-width:480px){.kn-ckart-no{font-size:17px;letter-spacing:3px}}

/* İş Birliği Pazarı alt başlık */
.kn-ilan-alt{color:var(--kn-muted,#6b7280);margin:4px 0 0;font-size:14.5px}

/* ============ ESNAF CLUB PORTALI ============ */
.kn-cf-btn{display:inline-flex;align-items:center;gap:8px;background:#f97316;color:#fff !important;padding:10px 20px;border-radius:10px;text-decoration:none;font-weight:800;font-size:14.5px;border:2px solid #f97316;transition:.15s}
.kn-cf-btn:hover{background:#ea580c;border-color:#ea580c}
.kn-cf-btn-cizgi{background:transparent;color:#f97316 !important}
.kn-cf-btn-cizgi:hover{background:#f97316;color:#fff !important}
.kn-cf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.kn-cf-kart{display:flex;flex-direction:column;gap:10px;border:1px solid var(--kn-line,#e5e7eb);border-radius:14px;padding:18px;background:var(--kn-card,#fff);text-decoration:none;color:inherit;transition:.15s;position:relative}
.kn-cf-kart:hover{border-color:#f97316;transform:translateY(-3px);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.kn-cf-logo{width:64px;height:64px;border-radius:12px;overflow:hidden;background:#fff7ed;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.kn-cf-logo img{width:100%;height:100%;object-fit:contain}
.kn-cf-logo span{font-size:26px;font-weight:900;color:#f97316}
.kn-cf-logo-buyuk{width:92px;height:92px;border-radius:16px}
.kn-cf-logo-buyuk span{font-size:38px}
.kn-cf-kart-bilgi strong{font-size:16.5px;display:block;margin-bottom:5px}
.kn-cf-kart-bilgi p{font-size:13.5px;color:var(--kn-muted,#6b7280);margin:7px 0 0}
.kn-cf-meta{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--kn-muted,#6b7280)}
.kn-cf-git{margin-top:auto;font-size:13px;font-weight:800;color:#f97316}
.kn-cf-detay{border:1px solid var(--kn-line,#e5e7eb);border-radius:16px;background:var(--kn-card,#fff);padding:26px;margin-bottom:30px}
.kn-cf-detay-ust{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--kn-line,#e5e7eb)}
.kn-cf-detay-bilgi{flex:1;min-width:200px}
.kn-cf-detay-bilgi h1{font-size:26px;margin:0 0 8px}
.kn-cf-bolum{padding-top:20px}
.kn-cf-bolum h3{font-size:17px;margin:0 0 10px}
.kn-cf-bolum h3 i{color:#f97316}
.kn-cf-hizmet{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px}
.kn-cf-hizmet li{padding:9px 12px;background:var(--kn-bg,#f8f9fb);border-radius:8px;font-size:14px}
.kn-cf-hizmet li i{color:#16a34a;margin-right:6px}
.kn-cf-iletisim{display:flex;flex-wrap:wrap;gap:10px}
.kn-cf-iletisim a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1px solid var(--kn-line,#e5e7eb);border-radius:10px;text-decoration:none;color:inherit;font-size:14px;font-weight:600}
.kn-cf-iletisim a:hover{border-color:#f97316;color:#f97316}
html.kn-dark .kn-cf-hizmet li{background:#1a1d23}

/* ============ MESAJLAŞMA ============ */
.kn-msj{display:flex;min-height:520px}
.kn-msj-liste{width:290px;border-right:1px solid var(--kn-line,#e5e7eb);flex-shrink:0;overflow-y:auto;max-height:640px}
.kn-msj-liste-bas{padding:14px 16px;font-weight:800;border-bottom:1px solid var(--kn-line,#e5e7eb)}
.kn-msj-kisi{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--kn-line,#e5e7eb);transition:.12s;position:relative}
.kn-msj-kisi:hover,.kn-msj-kisi.aktif{background:var(--kn-bg,#f8f9fb)}
.kn-msj-kisi.aktif{box-shadow:inset 3px 0 0 #f97316}
.kn-msj-ava{width:40px;height:40px;border-radius:50%;background:#f97316;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex-shrink:0}
.kn-msj-kisi-ic{min-width:0;flex:1}
.kn-msj-kisi-ic strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn-msj-kisi-ic small{color:var(--kn-muted,#6b7280);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.kn-msj-rozet{background:#dc2626;color:#fff;font-size:11px;font-weight:800;border-radius:99px;padding:2px 8px}
.kn-msj-bos-liste{padding:22px 16px;font-size:13.5px;color:var(--kn-muted,#6b7280)}
.kn-msj-sohbet{flex:1;display:flex;flex-direction:column;min-width:0}
.kn-msj-sohbet-bas{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--kn-line,#e5e7eb)}
.kn-msj-sohbet-bas small{color:var(--kn-muted,#6b7280)}
.kn-msj-geri{display:none;color:inherit;text-decoration:none;padding:6px}
.kn-msj-akis{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:10px;max-height:460px;background:var(--kn-bg,#f8f9fb)}
.kn-msj-balon{max-width:72%;background:var(--kn-card,#fff);border:1px solid var(--kn-line,#e5e7eb);border-radius:14px 14px 14px 4px;padding:10px 14px;align-self:flex-start}
.kn-msj-balon.benim{align-self:flex-end;background:#f97316;color:#fff;border-color:#f97316;border-radius:14px 14px 4px 14px}
.kn-msj-balon p{margin:0;font-size:14.5px;line-height:1.5;word-wrap:break-word}
.kn-msj-balon time{display:block;font-size:10.5px;opacity:.65;margin-top:4px;text-align:right}
.kn-msj-bos,.kn-msj-secilmedi{margin:auto;text-align:center;color:var(--kn-muted,#6b7280);padding:40px 20px}
.kn-msj-secilmedi i{font-size:44px;margin-bottom:12px;opacity:.4;display:block}
.kn-msj-form{display:flex;gap:10px;padding:12px 14px;border-top:1px solid var(--kn-line,#e5e7eb)}
.kn-msj-form textarea{flex:1;border:1px solid var(--kn-line,#e5e7eb);border-radius:10px;padding:10px 14px;resize:none;font:inherit;font-size:14.5px;background:var(--kn-bg,#fff);color:inherit}
.kn-msj-form button{width:46px;border:none;border-radius:10px;background:#f97316;color:#fff;font-size:16px;cursor:pointer;transition:.15s}
.kn-msj-form button:hover{background:#ea580c}
@media(max-width:760px){
  .kn-msj-liste{width:100%;border-right:none}
  .kn-msj-liste-gizle{display:none}
  .kn-msj-geri{display:inline-block}
  .kn-msj-balon{max-width:86%}
}
html.kn-dark .kn-msj-akis{background:#15171c}

/* ============ ESNAF CLUB — ULTRA MODERN ============ */
.kn-ec-hero{position:relative;overflow:hidden;border-radius:24px;padding:56px 32px;text-align:center;
  background:linear-gradient(130deg,#0f0d0b 0%,#241a12 55%,#3b2410 100%);color:#fff;isolation:isolate}
.kn-ec-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:-1;animation:knEcYuz 12s ease-in-out infinite}
.kn-ec-blob1{width:340px;height:340px;background:#f97316;top:-120px;right:-60px}
.kn-ec-blob2{width:300px;height:300px;background:#7c3aed;bottom:-140px;left:-80px;animation-delay:-6s}
@keyframes knEcYuz{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(26px) scale(1.12)}}
.kn-ec-rozet{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:999px;
  background:rgba(249,115,22,.16);border:1px solid rgba(249,115,22,.45);color:#fdba74;font-weight:900;letter-spacing:2.5px;font-size:12.5px;backdrop-filter:blur(6px)}
.kn-ec-hero h1{font-size:42px;font-weight:900;margin:18px 0 10px;background:linear-gradient(90deg,#fff,#fdba74);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kn-ec-hero p{max-width:560px;margin:0 auto;color:rgba(255,255,255,.75);font-size:16.5px;line-height:1.6}
.kn-ec-hero-btnlar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:26px}
.kn-ec-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 28px;border-radius:14px;background:linear-gradient(135deg,#f97316,#ea580c);
  color:#fff !important;text-decoration:none;font-weight:800;font-size:15px;box-shadow:0 8px 24px rgba(249,115,22,.35);transition:.2s}
.kn-ec-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(249,115,22,.5)}
.kn-ec-btn-sade{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);box-shadow:none;backdrop-filter:blur(6px)}
.kn-ec-btn-sade:hover{background:rgba(255,255,255,.16)}
.kn-ec-stats{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
.kn-ec-stats div{min-width:110px;padding:14px 20px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.kn-ec-stats b{display:block;font-size:26px;color:#fdba74}
.kn-ec-stats span{font-size:12.5px;color:rgba(255,255,255,.65);letter-spacing:.5px}
@media(max-width:560px){.kn-ec-hero{padding:40px 18px}.kn-ec-hero h1{font-size:30px}}

/* Filtre çubuğu */
.kn-ec-filtre{background:var(--kn-card,#fff);border:1px solid var(--kn-line,#e5e7eb);border-radius:16px;padding:14px;box-shadow:0 4px 18px rgba(0,0,0,.05)}

/* Modern firma kartları */
.kn-ec-kart{padding:0 !important;overflow:hidden;border-radius:18px !important}
.kn-ec-kart-kapak{height:110px;background:linear-gradient(120deg,#fed7aa,#fdba74,#f97316);background-size:cover;background-position:center}
.kn-ec-kart-logo{margin:-34px 0 0 18px;border:3px solid var(--kn-card,#fff);box-shadow:0 4px 14px rgba(0,0,0,.14);border-radius:14px !important;background:var(--kn-card,#fff) !important}
.kn-ec-kart .kn-cf-kart-bilgi{padding:12px 18px 4px}
.kn-ec-kart .kn-cf-git{padding:12px 18px 16px}
.kn-ec-kart:hover .kn-ec-kart-kapak{filter:brightness(1.06)}
.kn-ec-etiket{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa;border-radius:999px;padding:2px 11px;font-weight:700;font-size:11.5px}
html.kn-dark .kn-ec-etiket{background:rgba(249,115,22,.14);border-color:rgba(249,115,22,.4);color:#fdba74}

/* Detay: kapak + bindirme */
.kn-cf-detay{padding:0;overflow:hidden}
.kn-cf-kapak{height:220px;background-size:cover;background-position:center}
.kn-cf-kapak-varsayilan{background:linear-gradient(120deg,#1c1917,#3b2410 60%,#f97316 160%)}
.kn-cf-detay-ust-bindirme{padding:0 26px 20px;position:relative;align-items:flex-end}
.kn-cf-detay-ust-bindirme .kn-cf-logo-buyuk{margin-top:-46px}
.kn-cf-detay-ust-bindirme .kn-cf-logo-buyuk{border:4px solid var(--kn-card,#fff);box-shadow:0 6px 18px rgba(0,0,0,.18);background:var(--kn-card,#fff)}
.kn-cf-detay-ust-bindirme h1{margin-top:8px}
.kn-cf-detay .kn-cf-bolum{padding:20px 26px 6px}
.kn-cf-detay .kn-cf-bolum:last-child{padding-bottom:26px}
@media(max-width:560px){.kn-cf-kapak{height:140px}}

/* QR KART */
.kn-qr-kart{display:flex;width:100%;max-width:560px;border-radius:20px;overflow:hidden;
  background:linear-gradient(130deg,#1c1917 0%,#2a2018 55%,#4a2c12 130%);color:#fff;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.kn-qr-sol{flex:1;padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.kn-qr-marka{font-weight:900;letter-spacing:2px;font-size:13px;color:#fdba74}
.kn-qr-logo{width:52px;height:52px;object-fit:contain;background:#fff;border-radius:10px;padding:4px;margin-bottom:8px}
.kn-qr-firma{font-size:20px;font-weight:900;line-height:1.25}
.kn-qr-sektor{font-size:12.5px;color:#fdba74;font-weight:700;margin-top:3px}
.kn-qr-iletisim{display:flex;flex-direction:column;gap:5px;font-size:13px;color:rgba(255,255,255,.85)}
.kn-qr-iletisim i{width:16px;color:#f97316}
.kn-qr-site{margin-top:auto;font-size:11.5px;color:rgba(255,255,255,.5);letter-spacing:.4px}
.kn-qr-sag{background:#fff;color:#1c1917;padding:20px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}
.kn-qr-sag img,.kn-qr-sag canvas{border-radius:6px}
.kn-qr-sag small{font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#78716c}
@media(max-width:520px){.kn-qr-kart{flex-direction:column}.kn-qr-sag{padding:16px}}

/* Talep & Teklif */
.kn-talep-liste{display:flex;flex-direction:column;gap:12px}
.kn-talep-kart{display:flex;gap:16px;align-items:center;justify-content:space-between;border:1px solid var(--kn-line,#e5e7eb);border-radius:14px;padding:18px 20px;background:var(--kn-card,#fff);text-decoration:none;color:inherit;transition:.15s}
.kn-talep-kart:hover{border-color:#f97316;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.07)}
.kn-talep-ic{flex:1;min-width:0}
.kn-talep-ic strong{font-size:16.5px;display:block;margin-bottom:5px}
.kn-talep-ic p{font-size:13.5px;color:var(--kn-muted,#6b7280);margin:0 0 8px}
.kn-talep-sag{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}
.kn-talep-teklif{font-size:12.5px;color:var(--kn-muted,#6b7280)}
.kn-talep-teklif b{color:#f97316;font-size:16px}
@media(max-width:560px){.kn-talep-kart{flex-direction:column;align-items:stretch}.kn-talep-sag{flex-direction:row;justify-content:space-between;align-items:center}}

/* Değerlendirme yıldızları */
.kn-yildiz{color:#f59e0b;font-size:13px;letter-spacing:1px}
.kn-yildiz-mini{font-size:12.5px;margin:2px 0 6px;color:var(--kn-muted,#6b7280)}
.kn-yorum{border-top:1px solid var(--kn-line,#e5e7eb);padding:14px 0}
.kn-yorum-ust{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.kn-yorum-ust small{color:var(--kn-muted,#6b7280)}
.kn-yorum p{margin:0;font-size:14.5px;line-height:1.6}
.kn-yorum-form{display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:16px;border:1px dashed var(--kn-line,#e5e7eb);border-radius:12px}
.kn-yorum-form textarea{border:1px solid var(--kn-line,#e5e7eb);border-radius:10px;padding:10px 14px;font:inherit;font-size:14px;background:var(--kn-bg,#fff);color:inherit}
.kn-puan-sec{display:inline-flex;flex-direction:row-reverse;gap:4px}
.kn-puan-sec input{display:none}
.kn-puan-sec label{cursor:pointer;font-size:24px;color:#d1d5db;transition:.1s}
.kn-puan-sec input:checked ~ label,.kn-puan-sec label:hover,.kn-puan-sec label:hover ~ label{color:#f59e0b}

/* ============ ESNAF CLUB — MODERN DOKUNUŞLAR v2 ============ */
/* Kart giriş animasyonu */
@keyframes knFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.kn-ec-kart,.kn-talep-kart{animation:knFadeUp .45s ease both}
.kn-ec-kart:nth-child(2),.kn-talep-kart:nth-child(2){animation-delay:.06s}
.kn-ec-kart:nth-child(3),.kn-talep-kart:nth-child(3){animation-delay:.12s}
.kn-ec-kart:nth-child(4),.kn-talep-kart:nth-child(4){animation-delay:.18s}
.kn-ec-kart:nth-child(n+5),.kn-talep-kart:nth-child(n+5){animation-delay:.24s}
@media(prefers-reduced-motion:reduce){.kn-ec-kart,.kn-talep-kart{animation:none}}

/* Kapak: zoom + parlama */
.kn-ec-kart-kapak{position:relative;overflow:hidden;transition:.35s}
.kn-ec-kart-kapak::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.18))}
.kn-ec-kart:hover .kn-ec-kart-kapak{transform:scale(1.04)}
.kn-ec-kart{transition:.25s}

/* YENİ rozeti */
.kn-ec-yeni{position:absolute;top:10px;right:10px;z-index:2;background:linear-gradient(135deg,#f97316,#dc2626);color:#fff;font-size:10.5px;font-weight:900;letter-spacing:1.5px;padding:4px 12px;border-radius:999px;box-shadow:0 4px 12px rgba(220,38,38,.4);animation:knYeniNabiz 2s ease-in-out infinite}
@keyframes knYeniNabiz{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}

/* Yapışkan filtre çubuğu */
.kn-ec-filtre{position:sticky;top:8px;z-index:20;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--kn-card,#fff) 85%,transparent)}
@supports not (background:color-mix(in srgb,#fff 85%,transparent)){.kn-ec-filtre{background:var(--kn-card,#fff)}}

/* Detay: kapak gradyan katmanı + bölüm başlık vurgusu */
.kn-cf-kapak{position:relative}
.kn-cf-kapak::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28))}
.kn-cf-bolum h3{position:relative;padding-left:14px}
.kn-cf-bolum h3::before{content:'';position:absolute;left:0;top:3px;bottom:3px;width:4px;border-radius:4px;background:linear-gradient(180deg,#f97316,#fdba74)}
.kn-cf-bolum h3 i{display:none}
.kn-cf-hizmet li{transition:.15s;border:1px solid transparent}
.kn-cf-hizmet li:hover{border-color:#fed7aa;background:#fff7ed;transform:translateX(3px)}
html.kn-dark .kn-cf-hizmet li:hover{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.35)}

/* Detay aksiyon butonları gölge */
.kn-cf-detay-aksiyon .kn-cf-btn{box-shadow:0 4px 14px rgba(249,115,22,.22)}

/* QR kartı hafif yüzsün */
@keyframes knQrYuz{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.kn-qr-kart{animation:knQrYuz 5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.kn-qr-kart,.kn-ec-yeni{animation:none}}

/* Hero'ya ince ızgara dokusu */
.kn-ec-hero-ic{position:relative}
.kn-ec-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}


/* ============================================================
   Kose yazisi kart sistemi + yazar bio + yan ray duzeltmesi
   Eklendi: 31.07.2026
   ============================================================ */

/* 1) Yazar bio blogu (yazi-detay) — img'in boyut kurali yoktu, 856px basiliyordu */
.yazar-bio{
    display:flex;
    align-items:center;
    gap:16px;
    padding:16px;
    margin:24px 0;
    background:#f7f8fa;
    border:1px solid #e6e8ec;
    border-left:4px solid #f26522;
    border-radius:12px;
}
.yazar-bio > img{
    flex:0 0 auto;
    width:88px;
    height:88px;
    object-fit:cover;
    border-radius:50%;
    border:3px solid #fff;
    box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.yazar-bio > div{ min-width:0; }
@media (max-width:575px){
    .yazar-bio{ flex-direction:column; text-align:center; }
    .yazar-bio > img{ width:72px; height:72px; }
}

/* 2) Kose yazisi karti */
.yazi-kart-etiket{
    display:inline-block;
    font-size:11px;
    font-weight:700;
    letter-spacing:.4px;
    color:#f26522;
    background:rgba(242,101,34,.10);
    padding:3px 8px;
    border-radius:4px;
    margin-bottom:6px;
}
.yazi-kart-ozet{
    margin:6px 0 8px;
    font-size:13px;
    line-height:1.5;
    color:#6b7280;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.yazi-kart{ transition:transform .18s ease, box-shadow .18s ease; }
.yazi-kart:hover{ transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.10); }

/* 3) Yan reklam raylari — genis ekran cakismasi
   .container 1400px+ ekranda 1320px -> yarisi 660px
   Ray dis kenari = 660 + 20 bosluk + 160 ray = 840px
   Gereken en kucuk ekran = 2 x 840 = 1680px, esik bu yuzden 1700px */
/* 1280-1580px araligi temanin kendi 120px ray modu tarafindan yonetiliyor - dokunulmuyor */
@media (min-width:1580px) and (max-width:1699px){
    .container, .kn-wrap{ max-width:1200px; }
    .kn-side-rail{ display:flex; }
    .kn-side-rail-left{  left:calc(50% - 776px); right:auto; }
    .kn-side-rail-right{ right:calc(50% - 776px); left:auto;  }
}
@media (min-width:1700px){
    .kn-side-rail{ display:flex; }
    .kn-side-rail-left{  left:calc(50% - 840px); right:auto; }
    .kn-side-rail-right{ right:calc(50% - 840px); left:auto;  }
}