/* ===================================
    kormanli.com: marka katmanı (Crafto + business.css üzerine)
    Renkler: koyu #302923, açık #E7DFD2 (marka); ikincil metin #5F5B55, bronz #9A8061.
    Yazı tipi: Montserrat, @fontsource ile yerelden.
    Not: Crafto mobilde html font-size'ı 12px yapar; burada rem yerine px kullanılır.
====================================== */
:root {
    --kr-koyu: #302923;
    --kr-koyu-derin: #1f1a16;
    --kr-acik: #E7DFD2;
    --kr-zemin: #FAF8F4;
    --kr-zemin-acik: #F1ECE4;
    --kr-ikincil: #5F5B55;
    --kr-bronz: #9A8061;

    /* Crafto değişkenleri */
    --base-color: var(--kr-koyu);
    --dark-gray: var(--kr-koyu);
    --medium-gray: var(--kr-ikincil);
    --extra-medium-gray: #E2DBCF;
    --primary-font: 'Montserrat', sans-serif;
    --alt-font: 'Montserrat', sans-serif;
}

body { background-color: var(--kr-zemin); color: var(--kr-ikincil); font-size: 17px; line-height: 30px; }
::selection { background: var(--kr-koyu); color: var(--kr-acik); }
:focus-visible { outline: 2px solid var(--kr-bronz); outline-offset: 3px; }
.text-base-color { color: var(--kr-koyu); }
.kr-zemin-acik { background-color: var(--kr-zemin-acik); }

.kr-icerige-gec {
    position: absolute; left: 16px; top: -100px; z-index: 10000;
    background: var(--kr-koyu); color: var(--kr-acik); padding: 10px 16px; font-weight: 600;
}
.kr-icerige-gec:focus { top: 16px; color: var(--kr-acik); }

/* ---------- marka (TK + KORMANLI) ---------- */
.kr-marka { text-decoration: none; }
.kr-logo, .kr-marka.footer-logo { display: inline-flex; align-items: center; gap: 16px; color: var(--kr-koyu); overflow: hidden; white-space: nowrap; vertical-align: middle; }
.kr-logo-acik, .kr-marka-acik, .kr-marka-acik:hover { color: var(--kr-acik); }
.kr-marka-ikon { height: 24px; width: auto; display: block; flex-shrink: 0; }
.kr-marka-ayrac { display: block; width: 1px; height: 20px; background: var(--kr-bronz); flex-shrink: 0; }
.kr-marka-yazi { font-family: var(--alt-font); font-weight: 600; font-size: 15px; letter-spacing: .3em; line-height: 1; }
header .navbar-brand.kr-marka { display: inline-flex; align-items: center; padding-top: 28px; padding-bottom: 28px; }
header.sticky .navbar-brand.kr-marka { padding-top: 22px; padding-bottom: 22px; }

/* ---------- üst menü: cam efekti (glassmorphism) ----------
   Cam katmanı navbar'ın kendisine değil ::before'a verilir. Navbar'a backdrop-filter verilirse
   içindeki açılır menünün bulanıklığı yalnız navbar'ı görür, sayfayı göremez (iç içe backdrop sorunu). */
header .navbar { isolation: isolate; }
header .navbar::before {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: rgba(31, 26, 22, .16);
    border-bottom: 1px solid rgba(231, 223, 210, .14);
    -webkit-backdrop-filter: blur(12px) saturate(140%);
    backdrop-filter: blur(12px) saturate(140%);
    transition: background-color .35s ease, border-color .35s ease, box-shadow .35s ease;
}
header.sticky .navbar.header-reverse,
header.sticky .header-reverse,
header.sticky.sticky-active .navbar[data-header-hover=light] { background-color: transparent !important; box-shadow: none !important; }
header.sticky .navbar::before {
    background: rgba(250, 248, 244, .62);
    border-bottom-color: rgba(48, 41, 35, .08);
    box-shadow: 0 10px 40px rgba(48, 41, 35, .08);
    -webkit-backdrop-filter: blur(20px) saturate(170%);
    backdrop-filter: blur(20px) saturate(170%);
}
.navbar .navbar-nav .nav-link { font-size: 16px; font-weight: 500; }

/* Açılır menü kutuları: koyu cam */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    background-color: rgba(36, 30, 26, .55);
    -webkit-backdrop-filter: blur(22px) saturate(150%);
    backdrop-filter: blur(22px) saturate(150%);
    border: 1px solid rgba(231, 223, 210, .16);
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(20, 16, 13, .28), inset 0 1px 0 rgba(255, 255, 255, .08);
    overflow: hidden;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    color: #F3EEE6;
    border-bottom-color: rgba(231, 223, 210, .1);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a { border-bottom: 0; }
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { color: var(--kr-acik); }

/* Menü açık zemine geçtiğinde (kaydırılmış) açılır kutular da açık cam; koyu cam açık zeminde okunmuyor */
header.sticky .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    background-color: rgba(250, 248, 244, .72);
    border-color: rgba(48, 41, 35, .1);
    box-shadow: 0 24px 60px rgba(48, 41, 35, .16), inset 0 1px 0 rgba(255, 255, 255, .6);
}
header.sticky .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a { color: var(--kr-koyu); border-bottom-color: rgba(48, 41, 35, .08); }
header.sticky .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { color: var(--kr-koyu); }

@media (max-width: 991px) {
    header .navbar::before {
        background: rgba(250, 248, 244, .7);
        border-bottom-color: rgba(48, 41, 35, .08);
        -webkit-backdrop-filter: blur(18px) saturate(170%);
        backdrop-filter: blur(18px) saturate(170%);
    }
    header .navbar { background-color: transparent !important; }
    .header-transparent .navbar-nav .nav-link { color: var(--kr-koyu); }
    /* Mobil açılır menü paneli de cam */
    header .navbar .navbar-collapse {
        background-color: rgba(250, 248, 244, .82) !important;
        -webkit-backdrop-filter: blur(22px) saturate(170%);
        backdrop-filter: blur(22px) saturate(170%);
        border-bottom: 1px solid rgba(48, 41, 35, .08);
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { border-radius: 10px; margin-bottom: 10px; background-color: rgba(255, 255, 255, .55); border-color: rgba(48, 41, 35, .1); box-shadow: none; }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a,
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a i { color: var(--kr-koyu); border-bottom-color: rgba(48, 41, 35, .08); }
}

/* backdrop-filter desteklemeyen tarayıcılar: daha opak zemin */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    header.sticky .navbar::before, header .navbar .navbar-collapse { background: rgba(250, 248, 244, .96) !important; }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu { background-color: rgba(36, 30, 26, .95); }
}

/* ---------- açılış ---------- */
.bg-gradient-sherpa-blue-black { background-image: linear-gradient(to right top, rgba(31, 26, 22, .92), rgba(48, 41, 35, .55), rgba(48, 41, 35, .15)); }
.swiper-slide h1, .swiper-slide .h1 { font-size: 76px; line-height: 82px; }
@media (max-width: 1199px) { .swiper-slide h1, .swiper-slide .h1 { font-size: 62px; line-height: 68px; } }
@media (max-width: 767px) { .swiper-slide h1, .swiper-slide .h1 { font-size: 42px; line-height: 48px; letter-spacing: -1px !important; } }
.btn.btn-white { color: var(--kr-koyu); }

/* ---------- yönetimin soruları ---------- */
.kr-soru-listesi { list-style: none; padding: 0; margin: 25px 0 20px; }
.kr-soru-listesi li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid var(--extra-medium-gray); color: var(--kr-koyu); font-weight: 500; line-height: 26px; }
.kr-soru-listesi li i { font-size: 20px; margin-top: 3px; flex-shrink: 0; }
.kr-katman-kart { background: var(--kr-acik); padding: 30px 28px; display: flex; flex-direction: column; justify-content: flex-end; }
.kr-katman-baslik { display: block; color: var(--kr-koyu); font-size: 28px; line-height: 32px; font-weight: 600; letter-spacing: -1px; margin-bottom: 12px; }
.kr-katman-alt { display: block; color: var(--kr-koyu); opacity: .75; font-size: 14px; line-height: 22px; }
/* Kart fotoğrafın alt köşesine taşar; ortadaki kişinin yüzü açık kalsın diye aşağıda durur */
.kr-katman-konum { bottom: -90px; }
@media (max-width: 991px) { .kr-katman-konum { bottom: -60px; } }
@media (max-width: 575px) { .kr-katman-kart { padding: 20px 18px; } .kr-katman-baslik { font-size: 22px; line-height: 26px; } .kr-katman-alt { font-size: 13px; line-height: 19px; } }

/* ---------- sekmeler ---------- */
.tab-style-05 .nav-tabs .nav-link.active, .tab-style-05 .nav-tabs .nav-link:hover { background-color: #fff; }

/* ---------- akordeon ---------- */
.kr-akordeon-no { font-size: 13px; font-weight: 600; letter-spacing: 1px; color: var(--kr-bronz); margin-right: 14px; flex-shrink: 0; white-space: nowrap; align-self: flex-start; line-height: inherit; }
.active-accordion .kr-akordeon-no { color: var(--kr-acik); opacity: .7; }
.kr-akordeon-soru { font-weight: 600; font-size: 18px; line-height: 26px; color: #fff; margin-bottom: 10px !important; }


/* ---------- sektörler ---------- */
.kr-sektor-kart { padding: 36px 32px 30px; color: var(--kr-ikincil); position: relative; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); transition: transform .35s ease, box-shadow .35s ease; }
.kr-sektor-kart:hover { transform: translateY(-6px); box-shadow: 0 25px 45px rgba(48, 41, 35, .14); color: var(--kr-ikincil); }
.kr-sektor-ikon { font-size: 34px; color: var(--kr-koyu); display: inline-block; margin-bottom: 22px; }
.kr-sektor-ok { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--extra-medium-gray); display: inline-flex; align-items: center; justify-content: center; color: var(--kr-koyu); transition: all .35s ease; }
.kr-sektor-kart:hover .kr-sektor-ok { background: var(--kr-koyu); border-color: var(--kr-koyu); color: var(--kr-acik); }

/* ---------- alt bilgi ---------- */
.kr-alt-bilgi { background-color: var(--kr-koyu-derin); }
.kr-alt-bilgi p, .kr-alt-bilgi a { color: rgba(231, 223, 210, .7); }
.kr-alt-bilgi a:hover { color: var(--kr-acik); }
.kr-alt-bilgi .footer-logo { color: var(--kr-acik); }

/* ---------- hareket ---------- */
@media (prefers-reduced-motion: reduce) {
    [data-anime] { opacity: 1 !important; transform: none !important; }
    *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Fotoğraflı açılış slaytı: metin ve şeffaf menü okunabilsin diye marka renginde karartma */
.kr-foto-perde {
    position: absolute; inset: 0;
    background:
        linear-gradient(180deg, rgba(31, 26, 22, .55) 0%, rgba(31, 26, 22, 0) 22%),
        linear-gradient(90deg, rgba(31, 26, 22, .9) 0%, rgba(48, 41, 35, .72) 42%, rgba(48, 41, 35, .3) 100%);
}
@media (max-width: 767px) { .kr-foto-perde { background: rgba(31, 26, 22, .72); } }
/* Metnin sağda olduğu fotoğraflı slayt (kişi solda) */
.kr-foto-perde-sag {
    background:
        linear-gradient(180deg, rgba(31, 26, 22, .55) 0%, rgba(31, 26, 22, 0) 22%),
        linear-gradient(270deg, rgba(31, 26, 22, .9) 0%, rgba(48, 41, 35, .72) 45%, rgba(48, 41, 35, .2) 100%);
}
@media (max-width: 767px) { .kr-foto-perde-sag { background: rgba(31, 26, 22, .72); } }
/* Açılış fotoğrafında kişi ortadaysa görseli sola yasla (kişi sağa kayar, metne yer açılır) */
.cover-background.kr-bg-sol { background-position: left center !important; }
/* Kapsam şeridi: geniş ekranda 7 öğe tek satır */
@media (min-width: 1200px) {
    /* Eşit 1/7 sütunlar uzun kelimelere dar geliyor; öğeler doğal genişlikte, aralar eşit */
    .row.kr-yedili { flex-wrap: nowrap; justify-content: space-between !important; margin-left: 0; margin-right: 0; }
    .row.kr-yedili > * { flex: 0 0 auto; width: auto; padding-left: 0; padding-right: 0; }
}
.kr-yedili .feature-box-content span { white-space: nowrap; word-break: normal; overflow-wrap: normal; hyphens: none; }
@media (max-width: 1199px) { .row.kr-yedili > * { margin-bottom: 22px; } }
@media (max-width: 575px) {
    .row.kr-yedili { justify-content: flex-start !important; }
    .row.kr-yedili > * { display: flex; justify-content: flex-start; padding-left: 20px; }
    .kr-yedili .feature-box { flex-wrap: nowrap; }
    .kr-yedili .feature-box-content span { font-size: 15px; }
    .kr-yedili .feature-box-icon i { font-size: 22px; }
}
.kr-panel-gorsel { aspect-ratio: 600 / 730; object-fit: cover; }

/* Danışmanlık sekmeleri: otomatik geçişte kalan süre çizgisi */
.tab-style-05 .nav-tabs .nav-item .nav-link { position: relative; overflow: hidden; }
.tab-style-05 .nav-tabs .nav-item .nav-link.kr-sayac::after {
    content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 0;
    background: var(--kr-bronz);
    animation: kr-sekme-sayac var(--kr-sekme-sure, 4000ms) linear forwards;
}
@keyframes kr-sekme-sayac { to { width: 100%; } }

/* Danışmanlık sekmeleri: başlık ve açıklama 2 punto büyük (kullanıcı talebi).
   Masaüstü 20→22 / 17→19 px. Telefonda Crafto başlığı 15 px'e küçültüyordu; açıklamadan küçük kalmasın diye aynı 22 px. */
.tab-content .kr-sekme-baslik { font-size: 22px; line-height: 30px; }
.tab-content .kr-sekme-metin { font-size: 19px; line-height: 32px; }

/* ---------- iç sayfa başlık bandı ---------- */
.kr-sayfa-basligi { position: relative; }
.kr-sayfa-basligi .container { position: relative; z-index: 1; }
.kr-sayfa-alt { max-width: 640px; }

/* ---------- Kararların Değeri: vaka akordeonu ---------- */
.kr-vaka-akordeon .kr-vaka { background: #fff; border: 0; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 6px 24px rgba(48, 41, 35, .06); overflow: hidden; transition: box-shadow .3s ease; }
.kr-vaka-akordeon .kr-vaka:hover { box-shadow: 0 16px 40px rgba(48, 41, 35, .12); }
.kr-vaka-akordeon .accordion-header a { display: block; text-decoration: none; }
.kr-vaka-baslik-alani { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 26px 32px; }
.kr-vaka-metinler { display: flex; flex-direction: column; gap: 6px; }
.kr-vaka-sektor { font-size: 15px; line-height: 22px; font-weight: 500; color: var(--kr-bronz); }
.kr-vaka-baslik { font-size: 21px; line-height: 30px; font-weight: 600; color: var(--kr-koyu); letter-spacing: -0.3px; }
.kr-vaka-ikon { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--extra-medium-gray); display: inline-flex; align-items: center; justify-content: center; color: var(--kr-koyu); font-size: 18px; transition: all .3s ease; }
.kr-vaka-akordeon .active-accordion .kr-vaka-ikon,
.kr-vaka-akordeon .accordion-header a[aria-expanded="true"] .kr-vaka-ikon { background: var(--kr-koyu); border-color: var(--kr-koyu); color: var(--kr-acik); }
.kr-vaka-govde { padding: 4px 32px 30px; border-top: 1px solid var(--extra-medium-gray); margin: 0 32px; padding-left: 0; padding-right: 0; padding-top: 26px; }
.kr-vaka-govde p { font-size: 17px; line-height: 30px; margin-bottom: 14px; }
.kr-vaka-govde p:last-child { margin-bottom: 0; }
.kr-vaka-etiket { display: block; font-size: 18px; font-weight: 600; color: var(--kr-koyu); margin-bottom: 10px; }
@media (max-width: 575px) {
    .kr-vaka-baslik-alani { padding: 20px 20px; gap: 14px; }
    .kr-vaka-baslik { font-size: 18px; line-height: 26px; }
    .kr-vaka-sektor { font-size: 14px; }
    .kr-vaka-govde { margin: 0 20px; padding-bottom: 22px; }
    .kr-vaka-govde p { font-size: 16px; line-height: 27px; }
}
/* Crafto akordeon simgeyi mutlak konumlandırıyor; vaka kartında yuvarlağın içinde kalsın */
.kr-vaka-akordeon .accordion-header .accordion-title .kr-vaka-ikon i { position: static !important; top: auto !important; right: auto !important; transform: none !important; margin: 0 !important; line-height: 1; }

/* ---------- muhataplar (deneyim bölümü) ---------- */
.kr-muhatap-kart { padding: 34px 28px 30px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); transition: transform .35s ease, box-shadow .35s ease; }
.kr-muhatap-kart:hover { transform: translateY(-6px); box-shadow: 0 25px 45px rgba(48, 41, 35, .14); }
.kr-muhatap-kart p { font-size: 16px; line-height: 26px; }
.kr-muhatap-ikon { font-size: 30px; color: var(--kr-koyu); display: inline-block; margin-bottom: 20px; }
.kr-muhatap-not { text-wrap: balance; max-width: 720px; font-size: 16px; line-height: 27px; color: var(--kr-ikincil); }

/* ---------- Kararların Değeri: sektör filtresi ---------- */
.kr-filtre { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.kr-filtre-dugme {
    border: 1px solid var(--extra-medium-gray); background: #fff; color: var(--kr-koyu);
    border-radius: 100px; padding: 9px 18px; font-family: var(--alt-font); font-size: 15px; font-weight: 500; line-height: 1;
    display: inline-flex; align-items: center; gap: 8px; cursor: pointer; transition: all .25s ease;
}
.kr-filtre-dugme:hover { border-color: var(--kr-koyu); }
.kr-filtre-dugme.aktif { background: var(--kr-koyu); border-color: var(--kr-koyu); color: var(--kr-acik); }
.kr-filtre-sayi { font-size: 12px; font-weight: 600; opacity: .65; }
.kr-vaka[hidden] { display: none !important; }

/* ---------- sektör kartı alt satırı ve sektör sayfası ---------- */
.kr-sektor-alt { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kr-sektor-sayi { font-size: 14px; font-weight: 500; color: var(--kr-bronz); }
.kr-soru-kutu { padding: 34px 26px; }
.kr-soru-metin { font-size: 17px; line-height: 26px; }
/* Telefonda filtre düğmeleri tek satır, yana kaydırılır (sayfa değil, yalnız düğme şeridi kayar) */
@media (max-width: 767px) {
    .kr-filtre { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; padding: 2px 2px 8px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
    .kr-filtre::-webkit-scrollbar { display: none; }
    .kr-filtre-dugme { flex-shrink: 0; }
}

/* Sektör sayfası girişi: görselsiz, büyük tipografi */
.kr-sektor-giris-baslik { font-size: 52px; line-height: 60px; margin-bottom: 28px; }
.kr-sektor-giris-metin { font-size: 22px; line-height: 38px; max-width: 820px; margin-bottom: 36px; color: var(--kr-ikincil); }
.kr-sektor-vurgu { gap: 16px; padding: 22px 30px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); max-width: 820px; }
.kr-sektor-vurgu span { font-size: 19px; line-height: 28px; }
.kr-sektor-vurgu-ikon { font-size: 30px; color: var(--kr-koyu); flex-shrink: 0; }
@media (max-width: 991px) { .kr-sektor-giris-baslik { font-size: 42px; line-height: 50px; } .kr-sektor-giris-metin { font-size: 20px; line-height: 34px; } }
@media (max-width: 575px) {
    .kr-sektor-giris-baslik { font-size: 32px; line-height: 40px; letter-spacing: -1px !important; }
    .kr-sektor-giris-metin { font-size: 18px; line-height: 30px; }
    .kr-sektor-vurgu { padding: 18px 20px; } .kr-sektor-vurgu span { font-size: 17px; line-height: 26px; }
}

/* İç sayfa başlık bandı: yazı ortalı olduğu için soldan sağa geçiş yerine eşit karartma (aydınlık fotoğraflarda da okunur) */
.kr-sayfa-basligi .kr-foto-perde {
    background:
        linear-gradient(180deg, rgba(31, 26, 22, .5) 0%, rgba(31, 26, 22, 0) 30%),
        rgba(31, 26, 22, .62);
}

/* ---------- Danışmanlık sayfaları ---------- */
/* Hizmet ailesi kartı (services-box-style-01) */
.kr-aile-kart .box-image img { width: 100%; aspect-ratio: 800 / 620; object-fit: cover; }
.kr-aile-govde { padding: 34px 32px 36px; }
.kr-aile-ad { font-size: 24px; line-height: 30px; margin-bottom: 10px; }
.kr-aile-govde p { font-size: 17px; line-height: 28px; }
.kr-aile-soru { color: var(--kr-koyu); font-weight: 600; }

/* Odaklı hizmet satırı */
.kr-hizmet-satir { gap: 22px; align-items: center; padding: 26px 28px; color: var(--kr-ikincil); box-shadow: 0 5px 20px rgba(48, 41, 35, .06); transition: transform .35s ease, box-shadow .35s ease; }
.kr-hizmet-satir:hover { transform: translateY(-4px); box-shadow: 0 25px 45px rgba(48, 41, 35, .12); color: var(--kr-ikincil); }
.kr-hizmet-ikon { font-size: 30px; color: var(--kr-koyu); flex-shrink: 0; width: 36px; text-align: center; }
.kr-hizmet-ad { font-size: 18px; line-height: 26px; margin-bottom: 4px; }
.kr-hizmet-ozet { font-size: 16px; line-height: 25px; }
.kr-hizmet-aile { flex-shrink: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 500; color: var(--kr-bronz); white-space: nowrap; }
.kr-hizmet-aile i { transition: transform .35s ease; }
.kr-hizmet-satir:hover .kr-hizmet-aile i { transform: translateX(4px); }
@media (max-width: 575px) {
    .kr-hizmet-satir { flex-wrap: wrap; gap: 14px 16px; padding: 22px 20px; }
    .kr-hizmet-satir > .flex-grow-1 { flex-basis: calc(100% - 52px); }
    .kr-hizmet-aile { margin-left: 52px; }
}

/* Kanıttan karara adımları */
.kr-adim-ikon { font-size: 40px; line-height: 1; }
.kr-adim-metin { font-size: 16px; line-height: 26px; }

/* Ofis bandı (genişleyen paralaks) */
.kr-ofis-bant { border-radius: 6px; overflow: hidden; }
.kr-ofis-metin { max-width: 700px; }

/* Alan kutuları ve hizmet akordeonu */
.kr-alan-soru { font-size: 16px; line-height: 25px; }
.kr-hizmet-akordeon-ikon { font-size: 22px; color: var(--kr-koyu); margin-right: 16px; flex-shrink: 0; }
.kr-hizmet-akordeon .accordion-title { line-height: 26px; }
.kr-cikti-listesi { list-style: none; padding: 0; margin: 18px 0 0; }
.kr-cikti-listesi li { display: flex; gap: 12px; align-items: flex-start; padding: 9px 0; border-top: 1px solid var(--extra-medium-gray); color: var(--kr-koyu); font-weight: 500; line-height: 25px; font-size: 16px; }
.kr-cikti-listesi li i { font-size: 18px; margin-top: 2px; flex-shrink: 0; }

/* Yönetim görünümü (koyu bant) */
.kr-gorunum { background-color: var(--kr-koyu) !important; }
.kr-gorunum-metin { color: rgba(231, 223, 210, .78); font-size: 18px; line-height: 31px; }
.kr-gorunum-kutu { display: flex; flex-direction: column; gap: 14px; padding: 26px 26px 28px; border: 1px solid rgba(231, 223, 210, .18); background: rgba(231, 223, 210, .04); transition: background-color .35s ease, border-color .35s ease; }
.kr-gorunum-kutu:hover { background: rgba(231, 223, 210, .09); border-color: rgba(231, 223, 210, .32); }
.kr-gorunum-no { font-size: 14px; font-weight: 600; color: var(--kr-bronz); letter-spacing: .08em; }
.kr-gorunum-ad { color: var(--kr-acik); font-size: 19px; line-height: 27px; }

.kr-sinir-metin { font-size: 17px; line-height: 28px; }

/* Yönetim Teknoloji Ofisi: yıllık ritim zaman çizelgesi */
@media (min-width: 992px) { .kr-yapiskan { position: sticky; top: 140px; } }
.kr-ritim { list-style: none; margin: 0; padding: 0 0 0 34px; position: relative; }
.kr-ritim::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 1px; background: var(--extra-medium-gray); }
.kr-ritim-oge { position: relative; padding: 0 0 34px; }
.kr-ritim-oge:last-child { padding-bottom: 0; }
.kr-ritim-oge::before { content: ""; position: absolute; left: -34px; top: 5px; width: 15px; height: 15px; border-radius: 50%; background: var(--kr-zemin); border: 2px solid var(--kr-koyu); }
.kr-ritim-zaman { display: inline-block; font-size: 14px; font-weight: 600; color: var(--kr-bronz); margin-bottom: 4px; }
.kr-ritim-ad { font-size: 20px; line-height: 28px; margin-bottom: 6px; }
.kr-ritim-oge p { font-size: 16px; line-height: 27px; }
.kr-degildir { font-size: 17px; line-height: 28px; color: var(--kr-koyu); font-weight: 500; }
/* Adım daireleri, metin uzunluğundan bağımsız aynı hizada */
.kr-adim { display: flex; flex-direction: column; align-items: center; }
.kr-adim .process-step-icon-box { margin-top: auto !important; padding-top: 30px; width: 100%; }
.kr-ofis-bant .kr-foto-perde { background: rgba(31, 26, 22, .66); }
@media (max-width: 767px) { .kr-ofis-bant { width: 100% !important; } }
/* Hizmet akordeonu: Crafto başlıktaki her <i>'yi sağa sabitler; sol ikon akışta kalmalı. Açık öğe koyu zeminlidir. */
.kr-hizmet-akordeon .accordion-header .accordion-title i.kr-hizmet-akordeon-ikon { position: static !important; transform: none !important; }
.kr-hizmet-akordeon .accordion-title { padding-right: 40px !important; }
.kr-hizmet-akordeon .active-accordion .kr-hizmet-akordeon-ikon { color: var(--kr-acik); }
.kr-hizmet-akordeon .active-accordion .kr-cikti-listesi li { color: var(--kr-acik); border-color: rgba(231, 223, 210, .2); }
.kr-hizmet-akordeon .accordion-body p.fw-300 { opacity: .8; }
.kr-aile-kart { height: calc(100% - 30px); display: flex; flex-direction: column; }
.kr-aile-kart .kr-aile-govde { flex-grow: 1; }

/* ---------- Çerçeve sayfası ---------- */
.kr-cerceve-giris-baslik { font-size: 46px; line-height: 54px; margin-bottom: 24px; }
.kr-cerceve-giris-metin { font-size: 20px; line-height: 34px; }
@media (max-width: 991px) { .kr-cerceve-giris-baslik { font-size: 38px; line-height: 46px; } }
@media (max-width: 575px) { .kr-cerceve-giris-baslik { font-size: 30px; line-height: 38px; letter-spacing: -1px !important; } .kr-cerceve-giris-metin { font-size: 18px; line-height: 30px; } }

/* Yedi boyut şeması */
.kr-sema { position: relative; width: 100%; max-width: 560px; aspect-ratio: 1 / 1; }
.kr-sema-cizgi { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.kr-sema-cizgi circle { fill: none; stroke: var(--extra-medium-gray); stroke-width: .3; stroke-dasharray: 1 1.2; }
.kr-sema-cizgi line { stroke: var(--extra-medium-gray); stroke-width: .3; }
.kr-sema-merkez {
    position: absolute; left: 50%; top: 50%; width: 42%; aspect-ratio: 1 / 1; transform: translate(-50%, -50%);
    border-radius: 50%; background: var(--kr-koyu); color: var(--kr-acik);
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 6%;
    box-shadow: 0 25px 50px rgba(48, 41, 35, .25);
}
.kr-sema-merkez-ad { font-weight: 600; font-size: 20px; line-height: 26px; margin-bottom: 8px; }
.kr-sema-merkez-soru { font-size: 14px; line-height: 21px; opacity: .8; }
.kr-sema-dugum { position: absolute; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; width: 120px; text-align: center; text-decoration: none; }
.kr-sema-daire {
    width: 68px; height: 68px; border-radius: 50%; background: #fff; color: var(--kr-koyu); display: flex; align-items: center; justify-content: center;
    font-size: 26px; box-shadow: 0 8px 24px rgba(48, 41, 35, .12); transition: background-color .3s ease, color .3s ease, transform .3s ease;
}
.kr-sema-ad { margin-top: 8px; font-family: var(--alt-font); font-weight: 600; font-size: 14px; line-height: 18px; color: var(--kr-koyu); }
.kr-sema-dugum:hover .kr-sema-daire, .kr-sema-dugum.aktif .kr-sema-daire, .kr-sema-dugum:focus-visible .kr-sema-daire { background: var(--kr-koyu); color: var(--kr-acik); transform: scale(1.08); }
.kr-sema.secili .kr-sema-dugum:not(.aktif) { opacity: .55; }
.kr-sema-dugum { transition: opacity .3s ease; }
/* Telefonda daire şeması dar kalır: boyutlar iki sütunlu bir listeye dönüşür */
@media (max-width: 575px) {
    .kr-sema { aspect-ratio: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
    .kr-sema-cizgi, .kr-sema-merkez { display: none; }
    .kr-sema-dugum { position: static; transform: none; width: auto; flex-direction: row; gap: 10px; text-align: left; background: #fff; border-radius: 6px; padding: 10px 12px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); }
    .kr-sema-daire { width: 34px; height: 34px; font-size: 15px; flex-shrink: 0; box-shadow: none; background: var(--kr-zemin-acik); }
    .kr-sema-ad { margin-top: 0; font-size: 13px; line-height: 17px; word-break: normal; overflow-wrap: normal; hyphens: none; }
    .kr-sema.secili .kr-sema-dugum:not(.aktif) { opacity: 1; }
}
@media (max-width: 399px) { .kr-sema { grid-template-columns: 1fr; } }
}

/* Boyut ayrıntıları ve yapışkan gezinme */
.kr-boyut-gezinme { position: sticky; top: 130px; display: flex; flex-direction: column; border-left: 1px solid var(--extra-medium-gray); }
.kr-boyut-gezinme a { display: flex; gap: 12px; padding: 10px 0 10px 20px; margin-left: -1px; border-left: 2px solid transparent; color: var(--kr-ikincil); font-family: var(--alt-font); font-weight: 500; font-size: 15px; line-height: 21px; transition: color .25s ease, border-color .25s ease; }
.kr-boyut-gezinme a span { color: var(--kr-bronz); font-size: 13px; font-weight: 600; flex-shrink: 0; width: 20px; }
.kr-boyut-gezinme a:hover, .kr-boyut-gezinme a.aktif { color: var(--kr-koyu); border-left-color: var(--kr-koyu); }
.kr-boyut { padding: 44px 48px; margin-bottom: 30px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); scroll-margin-top: 110px; }
.kr-boyut:last-child { margin-bottom: 0; }
.kr-boyut-ust { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.kr-boyut-ikon { width: 58px; height: 58px; border-radius: 50%; background: var(--kr-zemin-acik); color: var(--kr-koyu); display: inline-flex; align-items: center; justify-content: center; font-size: 24px; }
.kr-boyut-no { font-size: 44px; line-height: 1; font-weight: 600; color: var(--extra-medium-gray); }
.kr-boyut-ad { font-size: 30px; line-height: 36px; margin-bottom: 12px; }
.kr-boyut-soru { font-size: 21px; line-height: 31px; font-weight: 500; color: var(--kr-koyu); margin-bottom: 12px; }
.kr-boyut-metin { font-size: 17px; line-height: 29px; margin-bottom: 28px; }
.kr-boyut-alt { border-top: 1px solid var(--extra-medium-gray); padding-top: 26px; }
.kr-boyut-alt-baslik { font-size: 16px; line-height: 22px; font-weight: 600; color: var(--kr-koyu); margin-bottom: 8px; }
.kr-boyut-liste { margin-top: 0; }
.kr-boyut-liste li:first-child { border-top: 0; }
.kr-boyut-ortaya { font-size: 16px; line-height: 27px; }
@media (max-width: 575px) { .kr-boyut { padding: 30px 22px; } .kr-boyut-ad { font-size: 24px; line-height: 30px; } .kr-boyut-soru { font-size: 18px; line-height: 27px; } .kr-boyut-no { font-size: 34px; } }

/* Beş olgunluk seviyesi: yükselen basamaklar */
.kr-seviye { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; align-items: end; }
.kr-seviye-basamak { display: flex; align-items: flex-end; justify-content: flex-start; padding: 0 0 14px 18px; border-radius: 6px 6px 0 0; margin-bottom: 20px; }
.kr-seviye-basamak span { font-size: 30px; font-weight: 600; line-height: 1; }
.kr-seviye-1 .kr-seviye-basamak { height: 60px; background: var(--kr-acik); color: var(--kr-koyu); }
.kr-seviye-2 .kr-seviye-basamak { height: 100px; background: #CDBFAA; color: var(--kr-koyu); }
.kr-seviye-3 .kr-seviye-basamak { height: 140px; background: var(--kr-bronz); color: #fff; }
.kr-seviye-4 .kr-seviye-basamak { height: 180px; background: var(--kr-ikincil); color: #fff; }
.kr-seviye-5 .kr-seviye-basamak { height: 220px; background: var(--kr-koyu); color: var(--kr-acik); }
.kr-seviye-oge { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; }
.kr-seviye-oge { align-self: stretch; }
.kr-seviye-oge .kr-seviye-basamak { margin-top: auto; }
.kr-seviye-ad { font-size: 19px; line-height: 26px; margin-bottom: 8px; min-height: 26px; }
.kr-seviye-metin { font-size: 15px; line-height: 25px; min-height: 100px; }
@media (max-width: 991px) {
    .kr-seviye { grid-template-columns: 1fr; gap: 26px; }
    .kr-seviye-oge .kr-seviye-basamak { height: 12px !important; padding: 0; margin: 0 0 14px; border-radius: 6px; }
    .kr-seviye-1 .kr-seviye-basamak { width: 20%; } .kr-seviye-2 .kr-seviye-basamak { width: 40%; } .kr-seviye-3 .kr-seviye-basamak { width: 60%; }
    .kr-seviye-4 .kr-seviye-basamak { width: 80%; } .kr-seviye-5 .kr-seviye-basamak { width: 100%; }
    .kr-seviye-basamak span { display: none; }
    .kr-seviye-metin { min-height: 0; }
}

/* Yöntem ilkeleri */
.kr-ilke { padding: 34px 32px; border-top: 1px solid rgba(231, 223, 210, .25); }
.kr-ilke-baslik { color: var(--kr-acik); font-size: 23px; line-height: 31px; margin: 14px 0 14px; }
.kr-ilke .kr-gorunum-metin { font-size: 16px; line-height: 28px; }

/* Örnek bulgu: kartlar arasında ok */
.kr-bulgu { position: relative; }
@media (min-width: 992px) {
    .kr-bulgu-oklu::after {
        content: "\F138"; font-family: bootstrap-icons; position: absolute; right: -27px; top: 50%; transform: translateY(-50%); z-index: 2;
        width: 30px; height: 30px; border-radius: 50%; background: var(--kr-koyu); color: var(--kr-acik); font-size: 14px;
        display: flex; align-items: center; justify-content: center;
    }
}

/* Çerçeve şeması: cam efekti (glassmorphism). Camın arkasında görünmesi için marka renklerinde yumuşak, yavaş hareket eden lekeler var. */
.kr-sema-cam { isolation: isolate; }
.kr-sema-leke { position: absolute; border-radius: 50%; filter: blur(42px); z-index: -1; pointer-events: none; animation: kr-leke 14s ease-in-out infinite alternate; }
.kr-sema-leke-1 { width: 46%; height: 46%; left: 50%; top: 4%; background: rgba(154, 128, 97, .55); }
.kr-sema-leke-2 { width: 42%; height: 42%; left: 6%; top: 50%; background: rgba(48, 41, 35, .38); animation-delay: -5s; animation-duration: 17s; }
.kr-sema-leke-3 { width: 38%; height: 38%; left: 34%; top: 36%; background: rgba(205, 191, 170, .9); animation-delay: -9s; animation-duration: 12s; }
@keyframes kr-leke { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(6%, -5%) scale(1.08); } 100% { transform: translate(-5%, 6%) scale(.94); } }
.kr-sema-cam .kr-sema-cizgi circle { stroke: rgba(255, 255, 255, .9); stroke-width: .35; }
.kr-sema-cam .kr-sema-cizgi line { stroke: rgba(255, 255, 255, .75); stroke-width: .3; }
.kr-sema-cam .kr-sema-daire {
    background: rgba(255, 255, 255, .42);
    -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .75);
    box-shadow: 0 10px 30px rgba(48, 41, 35, .12), inset 0 1px 0 rgba(255, 255, 255, .7);
}
.kr-sema-cam .kr-sema-dugum { width: max-content; max-width: 160px; }
.kr-sema-cam .kr-sema-ad {
    word-break: normal; overflow-wrap: normal; hyphens: none;
    padding: 3px 10px; border-radius: 100px; background: rgba(255, 255, 255, .45);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, .6);
}
.kr-sema-cam .kr-sema-merkez {
    background: rgba(48, 41, 35, .62);
    -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%);
    border: 1px solid rgba(231, 223, 210, .35);
    box-shadow: 0 30px 60px rgba(48, 41, 35, .28), inset 0 1px 0 rgba(231, 223, 210, .25);
}
.kr-sema-cam .kr-sema-dugum:hover .kr-sema-daire, .kr-sema-cam .kr-sema-dugum.aktif .kr-sema-daire, .kr-sema-cam .kr-sema-dugum:focus-visible .kr-sema-daire {
    background: rgba(48, 41, 35, .72); border-color: rgba(231, 223, 210, .4); color: var(--kr-acik);
}
@media (max-width: 575px) {
    .kr-sema-cam .kr-sema-dugum {
        background: rgba(255, 255, 255, .45); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%);
        border: 1px solid rgba(255, 255, 255, .7); box-shadow: 0 8px 24px rgba(48, 41, 35, .08);
    }
    .kr-sema-cam .kr-sema-daire { background: rgba(255, 255, 255, .55); }
    .kr-sema-cam .kr-sema-dugum { width: auto; max-width: none; }
    .kr-sema-cam .kr-sema-ad { padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
    .kr-sema-leke { filter: blur(34px); }
}
@media (prefers-reduced-motion: reduce) { .kr-sema-leke { animation: none; } }
/* Tek satırda kalması istenen kısa açıklamalar (geniş ekranda); dar ekranda dengeli kırılır */
.kr-tek-satir { text-wrap: balance; }
@media (min-width: 992px) { .kr-tek-satir { white-space: nowrap; } }

/* ---------- Hakkımda ---------- */
.kr-portre-foto { aspect-ratio: 4 / 5; object-fit: cover; box-shadow: 0 30px 60px rgba(48, 41, 35, .18); }
.kr-deneyim-satiri { font-size: 17px; line-height: 28px; font-weight: 600; color: var(--kr-koyu); }
.kr-rol-son .process-step-icon { background: var(--kr-koyu) !important; color: var(--kr-acik) !important; }
.kr-rol-son .process-step-icon .box-overlay { background: var(--kr-koyu) !important; }
.kr-hakkimda-kart { padding: 44px 46px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); }
.kr-hakkimda-kart p { font-size: 17px; line-height: 29px; }
.kr-hakkimda-kart-baslik { font-size: 26px; line-height: 33px; margin-bottom: 16px; }
.kr-hakkimda-kart-koyu { background: var(--kr-koyu); }
.kr-hakkimda-kart-koyu .kr-hakkimda-kart-baslik, .kr-hakkimda-kart-koyu .kr-muhatap-ikon { color: var(--kr-acik); }
.kr-hakkimda-kart-koyu p { color: rgba(231, 223, 210, .78); }
.kr-metin-baglanti { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--kr-koyu); border-bottom: 1px solid var(--kr-koyu); padding-bottom: 2px; }
.kr-metin-baglanti:hover { color: var(--kr-bronz); border-color: var(--kr-bronz); }
.kr-bakis { padding: 34px 32px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); transition: transform .35s ease, box-shadow .35s ease; }
.kr-bakis:hover { transform: translateY(-5px); box-shadow: 0 25px 45px rgba(48, 41, 35, .12); }
.kr-bakis-no { display: block; font-size: 34px; line-height: 1; font-weight: 600; color: var(--extra-medium-gray); margin-bottom: 18px; }
.kr-bakis-metin { font-size: 20px; line-height: 30px; color: var(--kr-ikincil); }
@media (max-width: 575px) { .kr-hakkimda-kart { padding: 32px 24px; } .kr-hakkimda-kart-baslik { font-size: 22px; line-height: 29px; } .kr-bakis-metin { font-size: 18px; line-height: 28px; } }
@media (max-width: 991px) { .kr-portre-sutun { margin-bottom: 110px; } }

/* ---------- Girişimler ---------- */
.kr-girisim { display: flex; flex-direction: column; padding: 46px 48px 40px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); transition: transform .35s ease, box-shadow .35s ease; }
.kr-girisim:hover { transform: translateY(-6px); box-shadow: 0 25px 45px rgba(48, 41, 35, .14); }
.kr-girisim-ikon { width: 64px; height: 64px; border-radius: 50%; background: var(--kr-koyu); color: var(--kr-acik); display: inline-flex; align-items: center; justify-content: center; font-size: 26px; margin-bottom: 26px; }
.kr-girisim-ad { font-size: 34px; line-height: 40px; letter-spacing: -1px; margin-bottom: 6px; }
.kr-girisim-alan { font-size: 17px; line-height: 26px; font-weight: 500; color: var(--kr-bronz); margin-bottom: 16px; }
.kr-girisim-metin { font-size: 18px; line-height: 30px; flex-grow: 1; }
@media (max-width: 575px) { .kr-girisim { padding: 34px 26px 30px; } .kr-girisim-ad { font-size: 28px; line-height: 34px; } }
.kr-girisim-logo { display: inline-block; align-self: center; height: 64px; margin-bottom: 26px; transition: opacity .3s ease; }
.kr-girisim-logo img { height: 100%; width: auto; display: block; }
.kr-girisim-logo:hover { opacity: .75; }
@media (max-width: 575px) { .kr-girisim-logo { height: 52px; } }
.kr-girisim .kr-metin-baglanti { align-self: flex-start; }
/* Girişim kartı: logo alanı ortada, altında bronz, uçlara doğru kaybolan ince çizgi ve ortasında küçük bir eşkenar dörtgen */
.kr-girisim { padding: 54px 52px 50px; }
.kr-girisim-bas { display: flex; justify-content: center; align-items: center; height: 80px; }
.kr-girisim-bas .kr-girisim-logo, .kr-girisim-bas .kr-girisim-ikon { margin-bottom: 0; }
.kr-girisim-cizgi {
    position: relative; display: block; height: 1px; margin: 38px 0 36px;
    background: linear-gradient(90deg, rgba(154, 128, 97, 0) 0%, rgba(154, 128, 97, .55) 22%, var(--kr-bronz) 50%, rgba(154, 128, 97, .55) 78%, rgba(154, 128, 97, 0) 100%);
}
.kr-girisim-cizgi::after {
    content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; background: var(--kr-bronz);
    transform: translate(-50%, -50%) rotate(45deg); box-shadow: 0 0 0 5px #fff;
}
.kr-girisim-ad { margin-bottom: 10px; }
.kr-girisim-alan { margin-bottom: 20px; }
.kr-girisim .kr-metin-baglanti { margin-top: 30px !important; }
@media (max-width: 575px) { .kr-girisim { padding: 40px 26px 36px; } .kr-girisim-cizgi { margin: 30px 0 28px; } }
.kr-sektor-giris-baslik { text-wrap: balance; }
/* Başlıksız giriş: büyük, sakin açılış paragrafı */
.kr-giris-on { font-size: 27px; line-height: 44px; font-weight: 400; color: var(--kr-koyu); max-width: 900px; text-wrap: balance; letter-spacing: -.3px; }
@media (max-width: 991px) { .kr-giris-on { font-size: 23px; line-height: 37px; } }
@media (max-width: 575px) { .kr-giris-on { font-size: 19px; line-height: 31px; letter-spacing: 0; } }

/* ---------- İletişim ---------- */
.kr-iletisim-panel { background: var(--kr-koyu); color: var(--kr-acik); padding: 54px 48px; border-radius: 6px; }
.kr-iletisim-panel-baslik { color: var(--kr-acik); font-size: 28px; line-height: 36px; letter-spacing: -.5px; margin-bottom: 20px; text-wrap: balance; }
.kr-iletisim-panel-metin { color: rgba(231, 223, 210, .78); font-size: 16px; line-height: 27px; }
.kr-iletisim-soru { color: var(--kr-acik); font-size: 22px; line-height: 30px; font-weight: 600; margin: 6px 0 30px; padding-left: 16px; border-left: 2px solid var(--kr-bronz); }
.kr-iletisim-bilgi { list-style: none; margin: 0; padding: 22px 0 0; border-top: 1px solid rgba(231, 223, 210, .2); }
.kr-iletisim-bilgi li { display: flex; gap: 12px; align-items: center; color: var(--kr-acik); font-size: 16px; line-height: 26px; padding: 4px 0; }
.kr-iletisim-bilgi i { color: var(--kr-bronz); font-size: 18px; }
.kr-iletisim-bilgi a { color: var(--kr-acik); border-bottom: 1px solid rgba(231, 223, 210, .4); }
.kr-iletisim-bilgi a:hover { color: #fff; border-color: #fff; }
.kr-iletisim-form-kap { padding-top: 10px; }
@media (max-width: 767px) { .kr-iletisim-panel { padding: 40px 28px; } .kr-iletisim-panel-baslik { font-size: 24px; line-height: 31px; } }

/* Form */
.kr-form-alan { margin-bottom: 18px; }
.kr-form label { display: block; font-family: var(--alt-font); font-size: 14px; line-height: 20px; font-weight: 600; color: var(--kr-koyu); margin-bottom: 6px; }
.kr-form input[type="text"], .kr-form input[type="email"], .kr-form textarea {
    width: 100%; display: block; background: #fff; border: 1px solid var(--extra-medium-gray); border-radius: 6px;
    padding: 12px 16px; font-size: 16px; line-height: 24px; color: var(--kr-koyu); transition: border-color .2s ease, box-shadow .2s ease;
}
.kr-form textarea { resize: vertical; min-height: 140px; }
.kr-form input:focus, .kr-form textarea:focus { outline: none; border-color: var(--kr-koyu); box-shadow: 0 0 0 3px rgba(154, 128, 97, .25); }
.kr-form [aria-invalid="true"] { border-color: #a5422f; }
.kr-form-hata { color: #a5422f; font-size: 14px; line-height: 20px; margin: 6px 0 0; }
.kr-form-not { font-size: 14px; line-height: 22px; color: var(--kr-ikincil); margin-bottom: 8px; }
.kr-form-not a { color: var(--kr-koyu); text-decoration: underline; }
.kr-tuzak { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.kr-form-gonder[disabled] { opacity: .7; cursor: progress; }
.kr-form-durum { margin-top: 18px; padding: 14px 18px; border-radius: 6px; font-size: 15px; line-height: 23px; }
.kr-form-durum-tamam { background: #eef3ea; color: #2f4a26; border: 1px solid #c8d8bf; }
.kr-form-durum-hata { background: #f7ebe7; color: #7c2f20; border: 1px solid #e3c4bb; }

/* ---------- KVKK Aydınlatma Metni ---------- */
.kr-hukuk { padding: 52px 56px; box-shadow: 0 5px 20px rgba(48, 41, 35, .06); color: var(--kr-ikincil); }
.kr-hukuk p, .kr-hukuk li, .kr-hukuk dd { font-size: 16px; line-height: 28px; }
.kr-hukuk-giris { font-size: 18px !important; line-height: 31px !important; color: var(--kr-koyu); }
.kr-hukuk-tarih { font-size: 14px !important; color: var(--kr-bronz); font-weight: 600; margin-bottom: 0; }
.kr-hukuk-bolum { padding-top: 38px; margin-top: 38px; border-top: 1px solid var(--extra-medium-gray); scroll-margin-top: 110px; }
.kr-hukuk-bolum h2, .kr-hukuk-bolum h3 { display: flex; gap: 14px; align-items: baseline; font-family: var(--alt-font); font-size: 22px; line-height: 30px; font-weight: 600; color: var(--kr-koyu); letter-spacing: -.3px; margin-bottom: 16px; }
.kr-hukuk-bolum h2 span, .kr-hukuk-bolum h3 span { font-size: 14px; color: var(--kr-bronz); font-weight: 600; }
.kr-hukuk ul, .kr-hukuk ol { padding-left: 20px; margin-bottom: 16px; }
.kr-hukuk li { margin-bottom: 8px; }
.kr-hukuk li::marker { color: var(--kr-bronz); }
.kr-hukuk-harf { list-style: lower-alpha; }
.kr-hukuk strong { color: var(--kr-koyu); font-weight: 600; }
.kr-hukuk a { color: var(--kr-koyu); text-decoration: underline; }
.kr-hukuk-liste { display: grid; grid-template-columns: 140px 1fr; gap: 8px 20px; margin: 0; }
.kr-hukuk-liste dt { font-family: var(--alt-font); font-size: 14px; line-height: 28px; font-weight: 600; color: var(--kr-koyu); }
.kr-hukuk-liste dd { margin: 0; }
.kr-hukuk-not { padding: 16px 20px; background: var(--kr-zemin-acik); border-left: 2px solid var(--kr-bronz); border-radius: 0 6px 6px 0; }
.kr-hukuk-yer { display: block; margin-top: 8px; font-size: 14px; line-height: 22px; color: #7c2f20; }
@media (max-width: 575px) {
    .kr-hukuk { padding: 32px 22px; }
    .kr-hukuk-liste { grid-template-columns: 1fr; gap: 0; }
    .kr-hukuk-liste dd { margin-bottom: 10px; }
    .kr-hukuk-bolum h2, .kr-hukuk-bolum h3 { font-size: 20px; line-height: 27px; }
}
.kr-hukuk section.kr-hukuk-bolum { padding: 38px 0 0 !important; }
.kr-hukuk-ozet { padding: 26px 28px; background: var(--kr-koyu); border-radius: 6px; margin-bottom: 22px; }
.kr-hukuk-ozet p { color: rgba(231, 223, 210, .85); font-size: 18px !important; line-height: 31px !important; margin: 0; }
.kr-hukuk-ozet strong { color: var(--kr-acik); }
@media (max-width: 575px) { .kr-hukuk-ozet { padding: 22px 20px; } .kr-hukuk-ozet p { font-size: 16px !important; line-height: 27px !important; } }
/* İletişim bandı: görsel tam çözünürlükte, yatayda ortalı, üst kısmı gösterilir (cover).
   Crafto paralaksı masaüstünde görseli pencereye sabitleyip (fixed) büyüttüğü için bu bantta kapatılır. */
.kr-bant-orta.cover-background { background-attachment: scroll !important; background-position: center top !important; }

/* ---------- KVKK penceresi (cam efekti) ---------- */
.kr-kvkk {
    width: min(760px, calc(100vw - 32px)); max-height: min(86vh, 860px); padding: 0; margin: auto;
    border: 1px solid rgba(255, 255, 255, .65); border-radius: 16px; color: var(--kr-ikincil);
    background: rgba(250, 248, 244, .72);
    -webkit-backdrop-filter: blur(26px) saturate(160%); backdrop-filter: blur(26px) saturate(160%);
    box-shadow: 0 40px 90px rgba(31, 26, 22, .35), inset 0 1px 0 rgba(255, 255, 255, .7);
    overflow: hidden;
}
.kr-kvkk::backdrop { background: rgba(31, 26, 22, .45); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.kr-kvkk[open] { animation: kr-kvkk-gir .35s ease-out; }
.kr-kvkk[open]::backdrop { animation: kr-kvkk-perde .35s ease-out; }
@keyframes kr-kvkk-gir { from { opacity: 0; transform: translateY(18px) scale(.98); } to { opacity: 1; transform: none; } }
@keyframes kr-kvkk-perde { from { opacity: 0; } to { opacity: 1; } }
.kr-kvkk-kap { display: flex; flex-direction: column; max-height: min(86vh, 860px); }
.kr-kvkk-ust { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 28px; border-bottom: 1px solid rgba(48, 41, 35, .1); }
.kr-kvkk-ust h2 { font-size: 22px; line-height: 28px; font-weight: 600; color: var(--kr-koyu); margin: 0; letter-spacing: -.3px; }
.kr-kvkk-kapat { width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; border: 1px solid rgba(48, 41, 35, .15); background: rgba(255, 255, 255, .55); color: var(--kr-koyu); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; transition: background-color .2s ease; }
.kr-kvkk-kapat:hover { background: var(--kr-koyu); color: var(--kr-acik); }
.kr-kvkk-govde.kr-hukuk { overflow-y: auto; padding: 26px 28px 8px; box-shadow: none; background: transparent; overscroll-behavior: contain; }
.kr-kvkk-govde .kr-hukuk-bolum { padding-top: 24px; margin-top: 24px; }
.kr-kvkk-govde .kr-hukuk-ozet { margin-bottom: 14px; }
.kr-kvkk-alt { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding: 18px 28px; border-top: 1px solid rgba(48, 41, 35, .1); background: rgba(255, 255, 255, .45); }
.kr-kvkk-onay { display: inline-flex; align-items: center; gap: 12px; margin: 0; cursor: pointer; font-family: var(--alt-font); font-weight: 600; font-size: 15px; color: var(--kr-koyu); }
.kr-kvkk-onay input, .kr-form-kutu input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--kr-koyu); cursor: pointer; margin: 0; }
.kr-kvkk-tamam { margin: 0; }
@media (max-width: 575px) {
    .kr-kvkk-ust, .kr-kvkk-alt { padding: 16px 18px; }
    .kr-kvkk-govde.kr-hukuk { padding: 20px 18px 6px; }
    .kr-kvkk-ust h2 { font-size: 19px; }
    .kr-kvkk-tamam { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .kr-kvkk[open], .kr-kvkk[open]::backdrop { animation: none; } }
body:has(.kr-kvkk[open]) { overflow: hidden; }

/* Metin içi düğme (bağlantı görünümünde) */
.kr-metin-dugme { background: none; border: 0; padding: 0; font: inherit; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
footer .kr-metin-dugme { text-decoration: none; }
footer .kr-metin-dugme:hover { color: #fff; }
.kr-form-kutu { display: flex !important; align-items: flex-start; gap: 12px; font-weight: 500 !important; cursor: pointer; }
.kr-form-kutu input { margin-top: 1px; }
.kr-form-kutu .kr-metin-dugme { color: var(--kr-koyu); font-weight: 600; }

/* ---------- 404 ---------- */
.kr-404 { background-color: var(--kr-koyu) !important; min-height: 78vh; display: flex; align-items: center; padding: 160px 0 110px; }
.kr-404-kod { display: block; font-size: 140px; line-height: 1; font-weight: 600; color: rgba(231, 223, 210, .12); letter-spacing: -4px; margin-bottom: -40px; }
.kr-404-baslik { font-size: 46px; line-height: 54px; letter-spacing: -1px; margin-bottom: 16px; }
.kr-404-metin { color: rgba(231, 223, 210, .75); font-size: 18px; line-height: 30px; margin-bottom: 26px; }
.kr-404-baglantilar { list-style: none; padding: 0; margin: 36px 0 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; }
.kr-404-baglantilar a { color: var(--kr-acik); border-bottom: 1px solid rgba(231, 223, 210, .35); font-weight: 500; }
.kr-404-baglantilar a:hover { color: #fff; border-color: #fff; }
@media (max-width: 575px) { .kr-404-kod { font-size: 96px; margin-bottom: -26px; } .kr-404-baslik { font-size: 32px; line-height: 40px; } }

/* ---------- Dil seçici ---------- */
header .header-icon { display: flex; align-items: center; gap: 14px; }
.kr-dil-secici { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 32px; padding: 0 10px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, .35); color: #fff; font-family: var(--alt-font); font-size: 12px; font-weight: 600; letter-spacing: .1em; transition: background-color .25s ease, color .25s ease, border-color .25s ease; }
.kr-dil-secici:hover { background: #fff; color: var(--kr-koyu); border-color: #fff; }
header.sticky .kr-dil-secici { color: var(--kr-koyu); border-color: rgba(48, 41, 35, .25); }
header.sticky .kr-dil-secici:hover { background: var(--kr-koyu); color: var(--kr-acik); border-color: var(--kr-koyu); }
.kr-404-en { font-size: 15px; margin: 26px 0 0; } .kr-404-en a { color: var(--kr-acik); text-decoration: underline; text-underline-offset: 3px; }