/* =========================================================
   KENDER – Sağ alan bileşenleri  |  css/kender-widgets.css
   Rastgele Resimler, Linklerimiz, Çeşitli Linkler, Site Anketi
   (kender-modern.css'ten SONRA yüklenmelidir)
   ========================================================= */

/* ---------- Bölümler arası boşluk (Panel içindeki bölüm dahil) ---------- */
.kn-aside .kn-widget { margin: 0 0 36px; }
.kn-aside > .kn-widget:last-child { margin-bottom: 0; }

/* ---------- Rastgele Resimler: eşit kare ızgara ---------- */
.kn-flickr { display: block; }
.kn-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.kn-gallery__item {
  display: block; overflow: hidden; line-height: 0;
  border-radius: 10px; background: var(--kn-tea-soft);
}
.kn-gallery__item img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 1 / 1; object-fit: cover; border: 0;
  transition: transform .25s;
}
.kn-gallery__item:hover img,
.kn-gallery__item:focus-visible img { transform: scale(1.07); }

@media (min-width: 600px) and (max-width: 960px) {
  .kn-gallery { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ---------- Linklerimiz: eşit genişlikli, hizalı düğmeler ---------- */
.kn-chips {
  list-style: none; margin: 0; padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 10px;
}
.kn-chips li { min-width: 0; }
.kn-body .kn-chips a {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 48px; padding: 6px 10px;
  border: 1px solid var(--kn-line); border-radius: 12px; background: #fff;
  color: var(--kn-deep); font-weight: 600; font-size: .93rem; line-height: 1.25;
  text-align: center; text-decoration: none; overflow-wrap: anywhere;
  transition: background .15s, border-color .15s, color .15s;
}
.kn-body .kn-chips a:hover {
  background: var(--kn-tea-soft); border-color: var(--kn-tea); color: var(--kn-tea);
}

/* ---------- Çeşitli Linkler: açılır liste ---------- */
.kn-collapse > summary {
  list-style: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.kn-collapse > summary::-webkit-details-marker { display: none; }
.kn-collapse > summary::after {
  content: ""; flex: none; width: 9px; height: 9px; margin-right: 4px;
  border-right: 2px solid var(--kn-tea); border-bottom: 2px solid var(--kn-tea);
  transform: rotate(45deg); transition: transform .2s;
}
.kn-collapse[open] > summary::after { transform: rotate(225deg); }

.kn-list--ext li { padding: 0; }
.kn-list--ext a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 46px; padding: 8px 2px; line-height: 1.35;
}
.kn-list--ext a::after { content: "\2197"; flex: none; color: var(--kn-muted); font-weight: 400; }
.kn-list--ext a:hover::after { color: var(--kn-tea); }

/* ---------- Site Anketi ---------- */
.kn-poll__question { margin: 0 0 12px; line-height: 1.4; color: var(--kn-ink); }
.kn-poll__options { display: grid; gap: 8px; }

.kn-poll__opt {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; cursor: pointer;
  border: 1px solid var(--kn-line); border-radius: 10px; background: #fff;
  transition: background .15s, border-color .15s, box-shadow .15s;
}
.kn-poll__opt:hover { border-color: var(--kn-tea); background: var(--kn-tea-soft); }
.kn-poll__opt:has(input:checked) {
  border-color: var(--kn-tea); background: var(--kn-tea-soft);
  box-shadow: inset 3px 0 0 var(--kn-tea);
}
.kn-poll__opt input { flex: none; width: 18px; height: 18px; margin: 0; accent-color: var(--kn-tea); }
.kn-poll__opt label { flex: 1; min-width: 0; cursor: pointer; line-height: 1.35; overflow-wrap: anywhere; }

.kn-poll__progress { text-align: center; }
.kn-poll__progress:empty { display: none; }
.kn-poll__info {
  margin: 12px 0 0; text-align: center; font-weight: 700; color: #0b2b57;
}
.kn-poll__info:empty { display: none; }

.kn-poll__actions {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; gap: 14px; margin-top: 14px;
}
.kn-widget .kn-poll__btn,
.kn-poll__btn {
  width: 100%; min-width: 110px; min-height: 46px; padding: 0 22px;
  white-space: nowrap; font-size: 1rem;
}
.kn-body .kn-poll__results { font-weight: 700; white-space: nowrap; }

/* Oy verilmiş / devre dışı düğme */
.kn-poll__btn:disabled { background: #9aa9a6; cursor: not-allowed; }

/* ---------- Video ---------- */
.kn-video__frame { display: grid; gap: 14px; }
.kn-video__frame iframe {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9;
  border: 0; border-radius: 14px; background: #000;
  box-shadow: 0 10px 26px rgba(10, 42, 52, .22);
}

.kn-video__meta {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center; gap: 12px;
  margin-top: 14px; padding: 10px 12px;
  background: var(--kn-tea-soft); border-radius: 12px;
}
.kn-video__avatar {
  display: block; width: 40px; height: 40px;
  object-fit: cover; border-radius: 50%;
  border: 2px solid #fff; box-shadow: 0 1px 4px rgba(10, 42, 52, .25);
}
.kn-video__avatar[src=""], .kn-video__avatar:not([src]) { display: none; }
.kn-video__meta:has(.kn-video__avatar[src=""]) { grid-template-columns: minmax(0, 1fr) auto; }

.kn-video__by { display: grid; min-width: 0; line-height: 1.25; }
.kn-video__label { font-size: .75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--kn-muted); }
.kn-body .kn-video__author {
  font-weight: 700; color: var(--kn-deep); text-decoration: none; overflow-wrap: anywhere;
}
.kn-body .kn-video__author:hover { color: var(--kn-tea); text-decoration: underline; }

.kn-body .kn-video__all {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  padding: 7px 14px; border-radius: 999px;
  background: #fff; border: 1px solid var(--kn-tea);
  color: var(--kn-tea); font-weight: 700; font-size: .9rem; text-decoration: none;
  transition: background .15s, color .15s;
}
.kn-body .kn-video__all::after { content: "\2192"; transition: transform .15s; }
.kn-body .kn-video__all:hover { background: var(--kn-tea); color: #fff; }
.kn-body .kn-video__all:hover::after { transform: translateX(3px); }
.kn-video__all:empty { display: none; }

@media (max-width: 400px) {
  .kn-video__meta { grid-template-columns: auto minmax(0, 1fr); }
  .kn-video__all { grid-column: 1 / -1; justify-content: center; }
}


/* =========================================================
   ANA MENÜ (orta bant) – daha belirgin, tam genişlik
   Yalnızca masaüstü/tablet (>=721px); mobil menü değişmez.
   ========================================================= */
@media (min-width: 721px) {
  .kn-nav { border-bottom: 0; box-shadow: 0 8px 20px rgba(10, 42, 52, .16); }
  .kn-nav__panel { padding: 0 20px; }

  /* Menü, bandın tamamına eşit yayılır */
  .kn-nav__list { flex-wrap: wrap; justify-content: space-between; gap: 0; }
  .kn-nav__item:not(.kn-nav__item--end) { flex: 1 1 auto; }

  /* İnce ayırıcılar */
  .kn-nav__item:not(.kn-nav__item--end) + .kn-nav__item:not(.kn-nav__item--end)::before {
    content: ""; position: absolute; left: 0; top: 28%; height: 44%; width: 1px;
    background: var(--kn-line);
  }

  /* Bağlantılar: büyük, kalın, ortalı */
  .kn-body .kn-nav__link,
  .kn-body .kn-nav__dd-btn {
    justify-content: center; white-space: nowrap;
    padding: 21px 16px;
    font-size: 1.08rem; font-weight: 700; letter-spacing: .01em;
    color: var(--kn-deep);
  }

  /* Üzerine gelince / açık menü */
  .kn-body .kn-nav__link:hover,
  .kn-body .kn-nav__dd-btn:hover,
  .kn-body .kn-nav__item.is-open > .kn-nav__dd-btn {
    background: var(--kn-tea-soft); color: var(--kn-tea);
    box-shadow: inset 0 -4px 0 var(--kn-amber);
  }

  /* Aktif sayfa: dolu yeşil zemin */
  .kn-body .kn-nav__link.is-active,
  .kn-body .kn-nav__dd-btn.is-active {
    background: var(--kn-tea); color: #fff;
    box-shadow: inset 0 -4px 0 var(--kn-amber);
  }
  .kn-body .kn-nav__link.is-active:hover,
  .kn-body .kn-nav__dd-btn.is-active:hover {
    background: var(--kn-deep); color: #fff;
    box-shadow: inset 0 -4px 0 var(--kn-amber);
  }

  /* Açılır menü: daha geniş, daha rahat */
  .kn-dd { min-width: max(100%, 250px); padding: 8px 0; border-radius: 0 0 12px 12px; }
  .kn-body .kn-dd a { padding: 13px 22px; font-size: 1.02rem; }

  /* Burs: öne çıkan düğme */
  .kn-nav__item--end { margin-left: 14px; }
  .kn-body .kn-nav__link.kn-nav__burs {
    padding: 11px 28px; border-radius: 999px;
    background: var(--kn-amber); color: #2a1700; font-weight: 800;
    box-shadow: 0 4px 12px rgba(224, 138, 30, .45);
  }
  .kn-body .kn-nav__link.kn-nav__burs:hover {
    background: #c9760f; color: #fff;
    box-shadow: 0 6px 16px rgba(201, 118, 15, .5);
  }
}

/* Dar masaüstü / tablet: yazıyı küçült, taşarsa satıra sar */
@media (min-width: 721px) and (max-width: 1100px) {
  .kn-body .kn-nav__link,
  .kn-body .kn-nav__dd-btn { padding: 17px 10px; font-size: .98rem; }
  .kn-body .kn-nav__link.kn-nav__burs { padding: 9px 20px; }
}


/* =========================================================
   ANA MENÜ – renk ve biçim revizyonu (yeşil yerine Karadeniz tonları)
   Bu blok yukarıdaki ANA MENÜ bloğunu geçersiz kılar; en sonda kalmalı.
   ========================================================= */

/* Tüm ekranlar: hover/açık menü artık yeşil değil, mavi-gri */
.kn-body .kn-nav__link:hover,
.kn-body .kn-nav__dd-btn:hover,
.kn-body .kn-nav__item.is-open > .kn-nav__dd-btn {
  background: #e8f0f4; color: var(--kn-deep); box-shadow: none;
}
.kn-body .kn-nav__link.is-active,
.kn-body .kn-nav__dd-btn.is-active { color: var(--kn-deep); }
.kn-body .kn-dd a:hover { background: #e8f0f4; box-shadow: inset 3px 0 0 var(--kn-amber); }
.kn-body .kn-dd a.is-active { color: var(--kn-deep); box-shadow: inset 3px 0 0 var(--kn-deep); }

@media (min-width: 721px) {
  .kn-nav { background: #fff; }
  .kn-nav__panel { padding: 0 16px; }

  /* Hap biçimli öğeler, aralarında boşluk; ayırıcılar kalktı */
  .kn-nav__list { gap: 6px; padding: 9px 0; }
  .kn-nav__item:not(.kn-nav__item--end) + .kn-nav__item:not(.kn-nav__item--end)::before { display: none; }

  .kn-body .kn-nav__link,
  .kn-body .kn-nav__dd-btn {
    padding: 13px 16px; border-radius: 12px; box-shadow: none;
    font-size: 1.05rem; font-weight: 700; color: #27474f;
  }

  .kn-body .kn-nav__link:hover,
  .kn-body .kn-nav__dd-btn:hover,
  .kn-body .kn-nav__item.is-open > .kn-nav__dd-btn {
    background: #e8f0f4; color: var(--kn-deep); box-shadow: none;
  }

  /* Aktif sayfa: başlıkla aynı koyu teal, yumuşak gölge */
  .kn-body .kn-nav__link.is-active,
  .kn-body .kn-nav__dd-btn.is-active {
    background: var(--kn-deep); color: #fff;
    box-shadow: 0 6px 14px rgba(15, 61, 74, .28);
  }
  .kn-body .kn-nav__link.is-active:hover,
  .kn-body .kn-nav__dd-btn.is-active:hover {
    background: #0b2f3a; color: #fff;
    box-shadow: 0 6px 14px rgba(15, 61, 74, .28);
  }

  /* Açılır menü: amber üst çizgi, yuvarlak köşe */
  .kn-dd {
    border: 1px solid var(--kn-line); border-top: 3px solid var(--kn-amber);
    border-radius: 12px; box-shadow: 0 16px 34px rgba(10, 42, 52, .2);
  }
  .kn-body .kn-dd a { color: #27474f; }

  .kn-nav__item--end { margin-left: 10px; }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .kn-body .kn-nav__link,
  .kn-body .kn-nav__dd-btn { padding: 11px 10px; font-size: .96rem; }
}





/* =========================================================
   BU BLOĞU css/kender-widgets.css DOSYASININ EN SONUNA YAPIŞTIRIN
   (kender-modern.css ve mevcut widgets kurallarını geçersiz kılar)
   ========================================================= */


/* ---------------------------------------------------------
   1) Sağdaki 4 kutucuk: mobilde büyümesin
   Eski kural: tablette 4 sütun, telefonda 2 sütun ve görsel
   %100 genişlik = ekran genişledikçe kocaman görünüyordu.
   Yeni kural: kutucuk en fazla 140–150 px, ortalanmış.
   --------------------------------------------------------- */
.kn-aside .kn-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr)); /* masaüstü: kenar çubuğunda 2 × 2 */
    gap: 10px;
}

    .kn-aside .kn-tiles img {
        aspect-ratio: 1 / 1;
        object-fit: cover;
    }

/* Tablet ve geniş telefon: tek sıra, 4 kutucuk, her biri en çok 140 px */
@media (max-width: 960px) {
    .kn-aside .kn-tiles {
        grid-template-columns: repeat(4, minmax(0, 140px));
        justify-content: center;
        gap: 12px;
    }
}

/* Telefon: 2 × 2, her biri en çok 150 px */
@media (max-width: 560px) {
    .kn-aside .kn-tiles {
        grid-template-columns: repeat(2, minmax(0, 150px));
        justify-content: center;
    }
}


/* ---------------------------------------------------------
   2) Üst şerit: tarih (14.10.2026 Çarşamba)
   Eski kural telefonda bu alanı gizliyordu; artık görünür.
   --------------------------------------------------------- */
.kn-topbar__tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    opacity: 1;
    font-weight: 600;
    letter-spacing: .01em;
    color: #e3f0ee;
}

    .kn-topbar__tag svg {
        flex: none;
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        opacity: .8;
    }

@media (max-width: 720px) {
    .kn-topbar__inner {
        justify-content: center;
        text-align: center;
    }

    .kn-topbar__tag {
        display: inline-flex;
    }

    .kn-links {
        justify-content: center;
    }
}


/* ---------------------------------------------------------
   3) Alt bilgi: telif + tasarım/yazılım imzası
   Ayrı satırdaki kalın isim yerine, altbilginin içinde ince bir şerit.
   --------------------------------------------------------- */
.kn-footer {
    padding-bottom: 0;
}

.kn-footer__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 24px;
    margin: 20px -20px 0; /* .kn-footer yan boşluğu kadar taşır: şerit tam genişlik olur */
    padding: 14px 20px;
    background: rgba(0, 0, 0, .20);
    border-top: 1px solid rgba(255, 255, 255, .12);
    font-size: .85rem;
    line-height: 1.5;
    text-align: left;
    color: #a9c4c0;
}

    .kn-footer__bottom p {
        margin: 0;
    }

.kn-body .kn-footer__credit a {
    color: #d6e8e5;
    font-weight: 400;
    text-decoration: none;
    border-bottom: 1px solid rgba(214, 232, 229, .35);
    transition: color .15s, border-color .15s;
}

    .kn-body .kn-footer__credit a:hover {
        color: #fff;
        border-bottom-color: #fff;
    }

@media (max-width: 600px) {
    .kn-footer__bottom {
        justify-content: center;
        text-align: center;
    }
}

/* Eski ayrı telif satırı artık kullanılmıyor */
.kn-copy {
    display: none;
}


/* ---------------------------------------------------------
   4) Aidat ve Bağış (IBAN) kartı
   --------------------------------------------------------- */
.kn-donate__lead {
    margin: 0 0 12px;
    font-size: .95rem;
    line-height: 1.45;
    color: var(--kn-muted);
}

.kn-donate__list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 14px;
    background: var(--kn-tea-soft);
    border: 1px solid var(--kn-line);
    border-radius: 14px;
}

.kn-donate__row {
    display: grid;
    gap: 4px;
    min-width: 0;
}

    .kn-donate__row + .kn-donate__row {
        padding-top: 10px;
        border-top: 1px dashed #b9cdc2;
    }

    .kn-donate__row dt {
        margin: 0;
        font-size: .8rem;
        font-weight: 600;
        letter-spacing: .02em;
        color: var(--kn-muted);
    }

    .kn-donate__row dd {
        margin: 0;
        min-width: 0;
        font-weight: 600;
        color: var(--kn-ink);
        overflow-wrap: anywhere;
    }

.kn-donate code {
    display: block;
    padding: 8px 10px;
    font-family: var(--kn-body);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .03em;
    font-variant-numeric: tabular-nums;
    color: var(--kn-deep);
    background: #fff;
    border: 1px solid var(--kn-line);
    border-radius: 8px;
    overflow-wrap: anywhere;
    -webkit-user-select: all;
    user-select: all; /* dokununca tüm metin seçilir */
}

.kn-donate .kn-copybtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px; /* parmakla kolay basılır */
    padding: 0 16px;
    font: 700 .95rem var(--kn-body);
    color: var(--kn-tea);
    background: #fff;
    border: 1.5px solid var(--kn-tea);
    border-radius: 10px;
    cursor: pointer;
    transition: background .15s, color .15s;
}

    .kn-donate .kn-copybtn:hover {
        background: var(--kn-tea);
        color: #fff;
    }

    .kn-donate .kn-copybtn.is-copied {
        background: var(--kn-tea);
        color: #fff;
    }

.kn-donate__note {
    margin: 12px 0 0;
    font-size: .88rem;
    line-height: 1.45;
    color: var(--kn-muted);
}





/* ---------- Üst şerit: tarih + sosyal medya ---------- */
.kn-topbar__tag {
    font-size: .9375rem;
}
/* 14px + 1px = 15px */

.kn-topbar__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 18px;
}

.kn-social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.kn-body .kn-social a,
.kn-body .kn-social a:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    color: #fff;
    border-radius: 50%;
    text-decoration: none;
    opacity: .85;
    transition: opacity .15s, background .15s, color .15s;
}

    .kn-body .kn-social a:hover,
    .kn-body .kn-social a:focus-visible {
        color: var(--kn-aqua);
        background: rgba(255, 255, 255, .14);
        opacity: 1;
    }

.kn-social svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

    .kn-social svg.kn-social__fill {
        fill: currentColor;
        stroke: none;
    }

.kn-social .kn-social__dot {
    fill: currentColor;
    stroke: none;
}

@media (max-width: 720px) {
    .kn-topbar__left {
        justify-content: center;
    }
}




/* =========================================================
   ANA MENÜ İKONLARI (tek blok, dosyanın en sonunda kalmalı)
   ========================================================= */

/* Ana menü bağlantıları: ikon ile yazı arası tek, dar boşluk */
.kn-body .kn-nav__link,
.kn-body .kn-nav__dd-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.kn-nav .kn-ico {
    width: 1.05em;
    height: 1.05em;
    margin: 0;
    flex: none;
    opacity: .9;
    transition: opacity .15s ease, transform .15s ease;
}

.kn-nav a:hover .kn-ico,
.kn-nav button:hover .kn-ico,
.kn-nav a:focus-visible .kn-ico,
.kn-nav button:focus-visible .kn-ico {
    opacity: 1;
    transform: translateY(-1px);
}

/* Açılır liste: ikon solda, yazı hemen yanında */
.kn-body .kn-dd a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.kn-dd .kn-ico {
    width: 1.1em;
    height: 1.1em;
    opacity: .75;
}

.kn-dd a:hover .kn-ico {
    opacity: 1;
    transform: none;
}

/* Orta genişlikte (721–1499px) yalnızca ANA MENÜ ikonları gizli; açılır liste ikonları kalır */
@media (min-width: 721px) and (max-width: 1499px) {
    .kn-nav__link > .kn-ico,
    .kn-nav__dd-btn > .kn-ico {
        display: none;
    }
}

/* Geniş ekran (>=1500px): ikonlar açık, menü tek satır */
@media (min-width: 1500px) {
    .kn-nav__list {
        flex-wrap: nowrap;
        gap: 2px;
    }

    .kn-nav__item:not(.kn-nav__item--end) {
        flex: 0 1 auto;
    }

    .kn-body .kn-nav__link,
    .kn-body .kn-nav__dd-btn {
        padding: 13px 12px;
        font-size: 1.02rem;
        gap: 5px;
        white-space: nowrap;
    }

        .kn-body .kn-nav__link.kn-nav__burs {
            padding: 11px 22px;
        }

    .kn-nav__item--end {
        margin-left: 6px;
    }

    .kn-nav__link > .kn-ico,
    .kn-nav__dd-btn > .kn-ico {
        width: 1em;
        height: 1em;
    }
}




/* Hızlı bağlantı butonları: ikon + yazı */
.kn-body .kn-quick__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.kn-quick .kn-qico {
    width: 1.05em;
    height: 1.05em;
    flex: none;
    opacity: .9;
    transition: opacity .15s ease;
}

.kn-quick__link:hover .kn-qico,
.kn-quick__link:focus-visible .kn-qico {
    opacity: 1;
}


/* Linklerimiz: hizalı iki sütun, ikon solda sabit */
.kn-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.kn-body .kn-chips a {
    justify-content: flex-start;
    gap: 9px;
    padding: 8px 10px;
    min-height: 46px;
    font-size: .9rem;
    text-align: left;
}

.kn-chips a > span {
    min-width: 0;
}

.kn-chips .kn-cico {
    width: 18px;
    height: 18px;
    flex: none;
    color: var(--kn-tea);
    opacity: .9;
    transition: transform .15s ease, opacity .15s ease;
}

.kn-body .kn-chips a:hover .kn-cico,
.kn-body .kn-chips a:focus-visible .kn-cico {
    opacity: 1;
    transform: scale(1.08);
}

/* Geniş alanda (tablet/telefon, kenar çubuğu tam genişlikte) daha fazla sütun */
@media (max-width: 960px) {
    .kn-chips {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }
}