/* Kiosk ekranı — dokunmatik, yatay (1920x1080 / tablet).
   Sade tutuldu: büyük yazı, yüksek kontrast, geniş dokunma alanı. */

:root {
    --mavi: #1a56db;
    --mavi-koyu: #1342b0;
    --zemin: #eef1f6;
    --kenar: #d6dbe4;
    --metin: #1e293b;
    --soluk: #64748b;
}

* { box-sizing: border-box; }

/* ── AKIŞKAN ÖLÇEK ──
   Tüm ölçüler rem cinsinden; kök yazı boyutu ekran genişliğiyle birlikte
   büyüyüp küçülüyor. Böylece 1024'te de, 1920'de de, 4K'da da tasarım
   aynı oranda görünür — çözünürlük ne olursa olsun bozulmaz.
   1920 genişlikte 1rem = 16px (tasarımın kurulduğu ölçü). */
html {
    font-size: clamp(11px, 0.8333vw, 26px);
}

html, body {
    height: 100%;
    margin: 0;
}

body.kiosk {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: var(--zemin);
    color: var(--metin);
    font-size: 1.25rem;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
}

/* Dokunmatikte metin seçimi/uzun basma menüsü olmasın; sadece anket metni serbest */
body.kiosk input, body.kiosk textarea { user-select: text; }

/* ── ÜST ŞERİT ── */
.k-ust {
    background: var(--mavi);
    color: #fff;
    padding: 0.875rem 1.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.k-ust .ad { font-size: 1.75rem; font-weight: 700; line-height: 1.2; }
.k-ust .alt { font-size: 0.9375rem; opacity: .85; }
.k-saat { text-align: right; font-size: 1.875rem; font-weight: 700; line-height: 1.1; }
.k-saat .tarih { font-size: 0.9375rem; font-weight: 400; opacity: .85; }

/* ── GÖVDE ── */
.k-govde {
    padding: 1.625rem 1.75rem 7.5rem;
    min-height: calc(100vh - 4.75rem);
}

.k-baslik {
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 1.125rem;
}

.k-aciklama { font-size: 1.1875rem; color: var(--soluk); margin: -0.625rem 0 1.25rem; }

/* ── ANA MENÜ KARTLARI ── */
.k-menu {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
    gap: 1.375rem;
}

.k-menu a {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 14px;
    padding: 2.5rem 1.625rem;
    text-decoration: none;
    color: var(--metin);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.875rem;
    min-height: 14.375rem;
    justify-content: center;
}

.k-menu a:active { border-color: var(--mavi); background: #f0f5ff; }
.k-menu .ikon { font-size: 4.125rem; line-height: 1; }
.k-menu .isim { font-size: 1.6875rem; font-weight: 700; }
.k-menu .not { font-size: 1.0625rem; color: var(--soluk); }

/* ── LİSTE KARTLARI (birimler) ── */
.k-liste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20.625rem, 1fr));
    gap: 1rem;
}

.k-kart {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    padding: 1.25rem 1.375rem;
    text-decoration: none;
    color: var(--metin);
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 6.5rem;
}

.k-kart:active { border-color: var(--mavi); background: #f0f5ff; }
.k-kart .ikon { font-size: 2.5rem; line-height: 1; }
.k-kart .ad { font-size: 1.375rem; font-weight: 700; }
.k-kart .yer { font-size: 1.0625rem; color: var(--soluk); margin-top: 3px; }

/* ── ARAMA ── */
.k-arama {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.125rem;
}

.k-arama input {
    flex: 1;
    font-size: 1.5rem;
    padding: 1rem 1.25rem;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    background: #fff;
}

.k-arama input:focus { outline: none; border-color: var(--mavi); }

.k-btn {
    font-size: 1.3125rem;
    font-weight: 700;
    padding: 1rem 1.625rem;
    border-radius: 12px;
    border: 2px solid var(--kenar);
    background: #fff;
    color: var(--metin);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.k-btn-mavi { background: var(--mavi); border-color: var(--mavi); color: #fff; }
.k-btn:active { opacity: .8; }

/* Tür filtresi */
.k-filtre { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-bottom: 1.125rem; }
.k-filtre a {
    font-size: 1.1875rem;
    padding: 0.6875rem 1.25rem;
    border-radius: 30px;
    border: 2px solid var(--kenar);
    background: #fff;
    color: var(--metin);
    text-decoration: none;
}
.k-filtre a.secili { background: var(--mavi); border-color: var(--mavi); color: #fff; }

/* ── DETAY ── */
.k-panel {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 14px;
    padding: 1.625rem 1.75rem;
    margin-bottom: 1.125rem;
}

.k-satir { display: flex; gap: 0.875rem; padding: 0.875rem 0; border-bottom: 1px solid #eef1f6; font-size: 1.3125rem; }
.k-satir:last-child { border-bottom: none; }
.k-satir .etiket { min-width: 11.875rem; color: var(--soluk); }
.k-satir .deger { font-weight: 600; }

.k-rozet {
    display: inline-block;
    background: var(--mavi);
    color: #fff;
    font-size: 1.875rem;
    font-weight: 700;
    padding: 0.625rem 1.375rem;
    border-radius: 10px;
}

/* ── KAT REHBERİ ── */
.k-kat { margin-bottom: 1.625rem; }
.k-kat h2 {
    font-size: 1.625rem;
    margin: 0 0 0.75rem;
    padding: 0.75rem 1.25rem;
    background: var(--mavi);
    color: #fff;
    border-radius: 10px;
}
.k-kat-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr)); gap: 0.75rem; }
.k-kat-oge {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 10px;
    padding: 0.875rem 1.125rem;
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    font-size: 1.25rem;
    text-decoration: none;
    color: var(--metin);
}
.k-kat-oge .oda { color: var(--soluk); font-weight: 700; }

/* ── ANKET ── */
.k-soru { font-size: 1.875rem; font-weight: 700; margin-bottom: 1.625rem; text-align: center; }
.k-secenekler { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }

.k-secenek {
    background: #fff;
    border: 3px solid var(--kenar);
    border-radius: 14px;
    padding: 1.375rem 1.125rem;
    min-width: 9.375rem;
    text-align: center;
    cursor: pointer;
    font-size: 1.1875rem;
    font-weight: 600;
}

.k-secenek .yuz { font-size: 3.375rem; display: block; margin-bottom: 0.5rem; }
.k-secenek.secili { border-color: var(--mavi); background: #f0f5ff; }

.k-ilerleme { text-align: center; color: var(--soluk); font-size: 1.1875rem; margin-bottom: 1.25rem; }

textarea.k-metin {
    width: 100%;
    font-size: 1.375rem;
    padding: 1rem;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    min-height: 8.125rem;
    font-family: inherit;
}

/* ── ALT ŞERİT (geri / ana sayfa) ── */
.k-alt {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #fff;
    border-top: 2px solid var(--kenar);
    padding: 0.875rem 1.75rem;
    display: flex;
    gap: 0.875rem;
    justify-content: space-between;
    align-items: center;
}

.k-alt .k-btn { font-size: 1.375rem; padding: 1rem 2rem; }

/* ── BOŞ DURUM ── */
.k-bos {
    text-align: center;
    padding: 4.375rem 1.25rem;
    color: var(--soluk);
    font-size: 1.375rem;
}
.k-bos .ikon { font-size: 4.375rem; display: block; margin-bottom: 0.875rem; }

/* ── EKRAN KLAVYESİ ── */
.k-klavye {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    background: #dfe4ec;
    border-top: 2px solid var(--kenar);
    padding: 0.75rem;
    display: none;
    z-index: 50;
}
.k-klavye.acik { display: block; }
.k-klavye .sira { display: flex; justify-content: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.k-klavye button {
    font-size: 1.5rem;
    font-weight: 600;
    min-width: 3.875rem;
    height: 3.875rem;
    border: 1px solid #b9c1cd;
    border-radius: 8px;
    background: #fff;
    cursor: pointer;
}
.k-klavye button:active { background: #cbd5e1; }
.k-klavye button.genis { min-width: 9.375rem; }
.k-klavye button.kapat { background: var(--mavi); color: #fff; border-color: var(--mavi); }

/* Dar ekran (telefon / küçük tablet): kartlar tek sütuna insin.
   Yazı boyutlarına burada dokunulmuyor — onlar zaten kök ölçekle küçülüyor. */
@media (max-width: 640px) {
    .k-menu { grid-template-columns: 1fr; }
    .k-menu a { min-height: 8rem; }
}

/* Klavye açıkken içerik klavyenin altında kalmasın, alt şerit gizlensin */
body.klavye-acik .k-govde { padding-bottom: 27.5rem; }
body.klavye-acik .k-alt { display: none; }

/* Sadakattan gelen hekim fotoğrafı */
.k-hekim-foto {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 auto;
    background: #e2e8f0;
}

/* Hekim detay sayfası */
.k-hekim-buyuk {
    width: 13.75rem;
    height: 13.75rem;
    border-radius: 14px;
    object-fit: cover;
    background: #e2e8f0;
    flex: 0 0 auto;
}

.k-hekim-bos {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5.625rem;
}

/* Sayısal tuş takımı (TC, doğum tarihi, telefon) */
.k-numpad .sira { justify-content: center; }
.k-numpad button { min-width: 8.125rem; height: 4.625rem; font-size: 1.875rem; }

/* Randevu adımları */
.k-adimlar {
    display: flex;
    gap: 0.625rem;
    flex-wrap: wrap;
    margin-bottom: 1.125rem;
    font-size: 1rem;
    color: var(--soluk);
}
.k-adimlar span { padding: 0.375rem 0.875rem; border-radius: 20px; background: #fff; border: 1px solid var(--kenar); }
.k-adimlar span.aktif { background: var(--mavi); border-color: var(--mavi); color: #fff; font-weight: 700; }

.k-uyari {
    background: #fef2f2;
    border: 2px solid #fecaca;
    color: #991b1b;
    border-radius: 12px;
    padding: 0.875rem 1.125rem;
    font-size: 1.25rem;
    margin-bottom: 1.125rem;
}

.k-kvkk {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    padding: 1.375rem 1.625rem;
    font-size: 1.125rem;
    line-height: 1.6;
    max-height: 21.25rem;
    overflow-y: auto;
    margin-bottom: 1.25rem;
}

.k-form-satir { margin-bottom: 1.125rem; }
.k-form-satir label { display: block; font-size: 1.1875rem; font-weight: 600; margin-bottom: 0.5rem; }
.k-form-satir input, .k-form-satir select {
    width: 100%;
    font-size: 1.5rem;
    padding: 0.875rem 1.125rem;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    background: #fff;
}
.k-form-satir input:focus, .k-form-satir select:focus { outline: none; border-color: var(--mavi); }
.k-form-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 1.125rem; }

/* Bilgi yarışması */
.k-cevap {
    text-align: left;
    font-size: 1.375rem;
    padding: 1.25rem 1.5rem;
    line-height: 1.35;
}
.k-cevap.dogru { border-color: #10b981; background: #ecfdf5; }
.k-cevap.yanlis { border-color: #ef4444; background: #fef2f2; }

/* Alt bölüm kartları — ana menüden biraz daha küçük */
.k-menu-kucuk a { min-height: 11.25rem; padding: 1.75rem 1.25rem; }
.k-menu-kucuk .ikon { font-size: 3.125rem; }
.k-menu-kucuk .isim { font-size: 1.4375rem; }
.k-menu-kucuk .not { font-size: 1rem; }

/* Hekim özgeçmişi — sadakatten gelen HTML sadeleştirilerek gösterilir */
.k-ozgecmis-baslik {
    font-size: 1.375rem;
    font-weight: 700;
    color: var(--mavi);
    margin: 1.25rem 0 0.5rem;
    padding-bottom: 0.375rem;
    border-bottom: 2px solid var(--kenar);
}
.k-ozgecmis-baslik:first-child { margin-top: 0; }

.k-ozgecmis-madde {
    font-size: 1.25rem;
    line-height: 1.55;
    padding: 0.3125rem 0 0.3125rem 1.625rem;
    position: relative;
}
.k-ozgecmis-madde::before {
    content: "•";
    position: absolute;
    left: 0.375rem;
    color: var(--mavi);
    font-weight: 700;
}

.k-ozgecmis-paragraf { font-size: 1.25rem; line-height: 1.55; padding: 0.3125rem 0; }

/* Boşta kalınca açılan tam ekran video.
   Video ortalanır; hangi ölçüde yüklenirse yüklensin tamamı ekrana sığar,
   kırpılmaz. Artan yerler siyah kalır (sinema perdesi gibi). */
.k-video-perde {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.k-video-perde video {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: auto;
    /* object-fit destekleyen tarayıcılarda oran her hâlükârda korunur */
    object-fit: contain;
}

.k-video-not {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.5rem;
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    text-shadow: 0 2px 0.5rem rgba(0, 0, 0, .7);
    opacity: .9;
}

/* Sağlık asistanı sohbeti */
.k-sohbet {
    height: 46vh;
    min-height: 18.75rem;
    overflow-y: auto;
    padding: 1.375rem 1.5rem;
    background: #f8fafc;
}

.k-balon {
    max-width: 78%;
    padding: 1rem 1.25rem;
    border-radius: 16px;
    font-size: 1.25rem;
    line-height: 1.55;
    margin-bottom: 0.875rem;
    white-space: pre-wrap;
}

.k-balon.k-asistan {
    background: #fff;
    border: 2px solid var(--kenar);
    border-bottom-left-radius: 0.25rem;
}

.k-balon.k-kullanici {
    background: var(--mavi);
    color: #fff;
    margin-left: auto;
    border-bottom-right-radius: 0.25rem;
}

.k-balon.k-yaziyor { color: var(--soluk); font-style: italic; }

.k-balon .k-not {
    font-size: 0.9375rem;
    color: var(--soluk);
    margin-top: 0.625rem;
    padding-top: 0.5rem;
    border-top: 1px solid #eef1f6;
}

.k-sohbet-alt {
    padding: 1.125rem 1.5rem;
    border-top: 2px solid var(--kenar);
    background: #fff;
}

.k-oneriler { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-bottom: 0.875rem; }
.k-oneriler button {
    font-size: 1.0625rem;
    padding: 0.625rem 1.125rem;
    border-radius: 24px;
    border: 2px solid var(--kenar);
    background: #fff;
    color: var(--metin);
    cursor: pointer;
}
.k-oneriler button:active { background: #f0f5ff; border-color: var(--mavi); }

.k-sohbet-alt input {
    flex: 1;
    font-size: 1.375rem;
    padding: 1rem 1.25rem;
    border: 2px solid var(--kenar);
    border-radius: 12px;
    background: #fff;
}
.k-sohbet-alt input:focus { outline: none; border-color: var(--mavi); }

/* ── ÜST ŞERİTTEKİ SAĞLIK ASİSTANI DÜĞMESİ ──
   Dikkat çeksin diye nabız gibi atar. Sert yanıp sönme yerine yumuşak
   büyüyüp küçülen bir halka kullanıldı; sürekli açık kalan bir ekranda
   keskin yanıp sönme rahatsız ediyor. */
.k-asistan-dugme {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
    color: #fff;
    padding: 0.375rem 1.125rem 0.375rem 0.375rem;
    border-radius: 40px;
    background: rgba(255, 255, 255, .14);
}

.k-asistan-dugme .isaret {
    position: relative;
    z-index: 2;
    width: 3.625rem;
    height: 3.625rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #fbbf24;
    color: #1e293b;
    font-size: 2.25rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
    animation: asistanNabiz 2s ease-in-out infinite;
}

.k-asistan-dugme .etiket {
    position: relative;
    z-index: 2;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: left;
}

/* Soru işaretinin çevresinde dışa doğru açılan halka */
.k-asistan-dugme .halka {
    position: absolute;
    left: 0.375rem;
    top: 50%;
    width: 3.625rem;
    height: 3.625rem;
    margin-top: -29px;
    border-radius: 50%;
    background: #fbbf24;
    opacity: .55;
    animation: asistanHalka 2s ease-out infinite;
}

.k-asistan-dugme:active { background: rgba(255, 255, 255, .28); }

@keyframes asistanNabiz {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.09); }
}

@keyframes asistanHalka {
    0%   { transform: scale(1);   opacity: .55; }
    70%  { transform: scale(1.8); opacity: 0; }
    100% { transform: scale(1.8); opacity: 0; }
}

/* Hareketten rahatsız olan kullanıcılar için */
@media (prefers-reduced-motion: reduce) {
    .k-asistan-dugme .isaret { animation: none; }
    .k-asistan-dugme .halka { display: none; }
}

@media (max-width: 600px) {
    .k-asistan-dugme .etiket { display: none; }
    .k-asistan-dugme { padding: 0.375rem; }
}

/* Üst şeritteki hastane logosu */
.k-logo {
    height: 3.875rem;
    width: auto;
    max-width: 11.875rem;
    background: #fff;
    border-radius: 10px;
    padding: 0.375rem 0.625rem;
    flex: 0 0 auto;
}

@media (max-width: 600px) {
    .k-logo { height: 2.75rem; max-width: 8.125rem; }
}

/* ── PENCERE (modal) ── */
.k-modal-perde {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(15, 23, 42, .72);
    z-index: 9000;
    align-items: center;
    justify-content: center;
    padding: 1.875rem;
}

.k-modal {
    position: relative;
    background: #fff;
    border-radius: 18px;
    padding: 2.125rem 2.5rem 1.875rem;
    max-width: 62.5rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.375rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35);
}

.k-modal-kapat {
    position: absolute;
    top: 1rem;
    right: 1.125rem;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    border: 2px solid var(--kenar);
    background: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    color: var(--metin);
}

.k-modal-baslik { font-size: 2rem; font-weight: 700; }

.k-modal-govde {
    display: flex;
    gap: 2.125rem;
    align-items: center;
    flex-wrap: wrap;
}

.k-modal-yazi { flex: 1; min-width: 18.75rem; font-size: 1.3125rem; line-height: 1.55; }
.k-modal-yazi p { margin: 0 0 0.875rem; }

.k-qr {
    width: 18.75rem;
    height: 18.75rem;
    flex: 0 0 auto;
    border: 3px solid var(--kenar);
    border-radius: 14px;
    padding: 0.5rem;
    background: #fff;
}

.k-modal-adres {
    font-size: 1.0625rem;
    color: var(--soluk);
    background: #f8fafc;
    border: 1px solid var(--kenar);
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    word-break: break-all;
}

/* ── KAT REHBERİ (asansör paneli görünümü) ── */
.k-kat-duzen {
    display: grid;
    grid-template-columns: 21.25rem 1fr;
    gap: 1.625rem;
    align-items: start;
}

/* Bina kesiti: en üst kat yukarıda */
.k-bina {
    position: sticky;
    top: 1rem;
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 14px;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    max-height: calc(100vh - 16rem);
    overflow-y: auto;
}

.k-bina-kat {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.5rem 0.75rem;
    border: 2px solid transparent;
    border-radius: 10px;
    background: #f4f6fb;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    color: var(--metin);
}

.k-bina-kat .no {
    flex: 0 0 auto;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 10px;
    background: #fff;
    border: 2px solid var(--kenar);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3125rem;
    font-weight: 800;
}

.k-bina-kat .ad {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
}

.k-bina-kat .ad small {
    display: block;
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--soluk);
    margin-top: 3px;
}

.k-bina-kat.secili {
    background: var(--mavi);
    border-color: var(--mavi);
    color: #fff;
}

.k-bina-kat.secili .no {
    background: #fff;
    border-color: #fff;
    color: var(--mavi);
}

.k-bina-kat.secili .ad small { color: rgba(255, 255, 255, .85); }

/* Sağdaki bölüm listesi */
.k-kat-icerik {
    background: #fff;
    border: 2px solid var(--kenar);
    border-radius: 14px;
    padding: 1.5rem 1.625rem;
    min-height: 26.25rem;
}

.k-kat-panel-baslik {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mavi);
    padding-bottom: 0.875rem;
    margin-bottom: 1.25rem;
    border-bottom: 3px solid var(--kenar);
}

/* Oda numarası rozeti */
.k-oda-rozet {
    flex: 0 0 auto;
    align-self: center;
    background: var(--mavi);
    color: #fff;
    font-size: 1.1875rem;
    font-weight: 700;
    padding: 0.5rem 0.875rem;
    border-radius: 8px;
    white-space: nowrap;
}

@media (max-width: 700px) {
    .k-kat-duzen { grid-template-columns: 1fr; }
    .k-bina { flex-direction: row; flex-wrap: wrap; }
    .k-bina-kat { width: auto; }
    .k-bina-kat .ad small { display: none; }
}

/* Pencere JavaScript'siz açılır: adresteki #basvuru işareti onu görünür yapar.
   Kiosk panelindeki eski tarayıcıda da çalışsın diye böyle kuruldu. */
.k-modal-perde:target {
    display: flex;
}

/* Pencerenin arkasındaki karartma; tıklanınca kapanır */
.k-modal-arkaplan {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
}

.k-modal-perde .k-modal {
    position: relative;
    z-index: 1;
}

/* Kapatma çarpısı artık bağlantı; düğme gibi görünsün */
a.k-modal-kapat {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

/* Tür süzgeci artık düğme; bağlantıyla aynı görünsün */
.k-filtre button {
    font-size: 1.1875rem;
    padding: 0.6875rem 1.25rem;
    border-radius: 30px;
    border: 2px solid var(--kenar);
    background: #fff;
    color: var(--metin);
    font-family: inherit;
    cursor: pointer;
}
.k-filtre button.secili { background: var(--mavi); border-color: var(--mavi); color: #fff; }