/* Turuncu Kampüs — marka katmanı
   Renkler logodan ölçüldü (2026-08-27): turuncu #FF5006 · lacivert #291B67 · mercan #FF3B50
   Crafto'nun kendi değişkenlerini ezer; şablon dosyalarına dokunulmaz. */

:root{
  --base-color:#FF5006 !important;
  --dark-gray:#291B67 !important;
  --alt-font:'Outfit', system-ui, sans-serif !important;
  --primary-font:'Outfit', system-ui, sans-serif !important;
  --tk-turuncu:#FF5006;
  --tk-lacivert:#291B67;
  --tk-mercan:#FF3B50;
  --tk-acik:#F6F3FB;
}

/* koyu zeminler lacivert ailesine */
.bg-dark-gray,.bg-dark-slate-blue,.bg-extra-dark-slate-blue,
.bg-charcoal-blue,.bg-slate-blue,.bg-medium-slate-blue{background-color:var(--tk-lacivert) !important}
footer.bg-dark-gray,footer.bg-slate-blue{background-color:#1E1450 !important}
.bg-tranquil,.bg-solitude-blue{background-color:var(--tk-acik) !important}

/* ikincil vurgu */
.bg-red,.bg-light-red{background-color:var(--tk-mercan) !important}
.text-red{color:var(--tk-mercan) !important}

/* logo — İmgesel dersi: şablonun max-height kuralı seçici gücüyle eziyor,
   aynı seçiciyle geri alınır */
header .navbar-brand img{max-height:48px !important;height:auto !important;width:auto}
@media (max-width:991px){header .navbar-brand img{max-height:40px !important}}

/* Türkçe: uzun kelimelerde alt uzantı (ğ ş y) kırpılmasın */
h1,h2,h3,h4,h5,h6{line-height:1.16}
.fs-90,.fs-100,.fs-120,.fs-140,.fs-160{line-height:1.1}

/* paket kartı */
.tk-paket{background:#fff;border:1px solid rgba(41,27,103,.12);border-radius:4px;
  padding:26px 26px 24px;height:100%;display:flex;flex-direction:column}
.tk-paket .tk-kademe{font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--tk-turuncu);font-weight:600}
.tk-paket h3{font-size:20px;margin:8px 0 10px;color:var(--tk-lacivert)}
.tk-paket ul{list-style:none;padding:0;margin:14px 0 0}
.tk-paket li{position:relative;padding:5px 0 5px 22px;font-size:15px;color:#5A5470}
.tk-paket li::before{content:"";position:absolute;left:0;top:14px;width:8px;height:2px;background:var(--tk-turuncu)}

/* --- kahraman ve menü düzeltmeleri (00:20 denetimi) --- */
header .navbar-nav .nav-link{white-space:nowrap;font-size:15px}
@media (min-width:992px) and (max-width:1300px){
  header .navbar-nav .nav-link{font-size:14px;padding-left:12px;padding-right:12px}
}
.btn.text-nowrap{white-space:nowrap}

/* kahraman: başlık ölçüsü ve üst boşluk (şablonun devasa varsayılanını ez) */
.tk-hero h1{font-size:clamp(35px,3.9vw,60px) !important;line-height:1.07 !important}
.tk-hero .tk-eyebrow{display:block}
/* üst menü kahramanın üstüne biniyor — panel padding'i nav yüksekliğinden (≈100px) büyük olmalı,
   yoksa 'BURSA · LGS VE YKS' etiketi menünün arkasında kalıyor (28.08'de iki kez yaşandı) */
.tk-hero-panel{padding-top:118px !important;padding-bottom:72px !important}
@media (max-width:991px){.tk-hero-panel{padding-top:104px !important;padding-bottom:52px !important}}

/* --- renk bloklama + ikon rozeti düzeni (Kulvar incelemesinden alınan düzen fikri) --- */
.tk-blok{
  position:relative;height:100%;background:#fff;border-radius:6px;padding:34px 30px 30px;
  border:1px solid rgba(41,27,103,.09);
  transition:transform .25s ease, box-shadow .25s ease;
  overflow:hidden;
}
.tk-blok::before{content:"";position:absolute;inset:0 auto 0 0;width:5px}
.tk-blok:hover{transform:translateY(-6px);box-shadow:0 18px 40px -18px rgba(41,27,103,.32)}
.tk-blok h3{font-size:19px;margin:20px 0 10px;color:var(--tk-lacivert);letter-spacing:-.01em}
.tk-blok p{font-size:15px;line-height:1.62;color:#5A5470;margin:0}
.tk-rozet{
  display:grid;place-items:center;width:62px;height:62px;border-radius:20px 20px 20px 6px;
  color:#fff;font-size:26px;
}
.tk-blok-turuncu::before{background:var(--tk-turuncu)}
.tk-blok-turuncu .tk-rozet{background:var(--tk-turuncu)}
.tk-blok-lacivert::before{background:var(--tk-lacivert)}
.tk-blok-lacivert .tk-rozet{background:var(--tk-lacivert)}
.tk-blok-mercan::before{background:var(--tk-mercan)}
.tk-blok-mercan .tk-rozet{background:var(--tk-mercan)}
@media (prefers-reduced-motion:reduce){.tk-blok{transition:none}.tk-blok:hover{transform:none}}

/* Giriş animasyonu SADECE CSS ile — içerik hiçbir zaman JS'e bağlı görünmez olmaz.
   (28.08 dersi: data-anime opacity:0 bırakıp tetiklenmeyince dört blok görünmedi.) */
@keyframes tk-gir{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.tk-blok,.tk-paket{animation:tk-gir .65s cubic-bezier(.2,.7,.3,1) both}
.row > .col:nth-child(2) .tk-blok,.row > .col:nth-child(2) .tk-paket{animation-delay:.09s}
.row > .col:nth-child(3) .tk-blok,.row > .col:nth-child(3) .tk-paket{animation-delay:.18s}
.row > .col:nth-child(4) .tk-blok,.row > .col:nth-child(4) .tk-paket{animation-delay:.27s}
.row > .col:nth-child(5) .tk-paket{animation-delay:.36s}
@media (prefers-reduced-motion:reduce){
  .tk-blok,.tk-paket{animation:none}
}

/* --- sınav günü adımları --- */
.tk-koyu{background-color:var(--tk-lacivert) !important}
.tk-adim{text-align:center}
.tk-adim-gorsel{position:relative;background:rgba(255,255,255,.06);border-radius:8px;
  padding:14px;margin-bottom:16px;border:1px solid rgba(255,255,255,.1)}
.tk-adim-gorsel img{display:block;width:100%;height:auto;border-radius:5px}
.tk-adim-no{position:absolute;top:-11px;left:-11px;width:34px;height:34px;border-radius:11px 11px 11px 4px;
  background:var(--tk-turuncu);color:#fff;display:grid;place-items:center;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:14px;
  box-shadow:0 4px 14px -4px rgba(0,0,0,.5)}
.tk-adim h3{color:#fff;font-size:17px;margin:0 0 7px;letter-spacing:-.01em}
.tk-adim p{color:rgba(255,255,255,.72);font-size:14px;line-height:1.55;margin:0}

/* --- karne türleri --- */
.tk-karne{background:#fff;border:1px solid rgba(41,27,103,.1);border-radius:6px;
  padding:22px 22px 24px;height:100%;text-align:center}
.tk-karne img{display:block;width:100%;height:auto;border-radius:4px;margin-bottom:16px}
.tk-karne h3{font-size:17px;color:var(--tk-lacivert);margin:0 0 7px}
.tk-karne p{font-size:14px;color:#5A5470;line-height:1.55;margin:0}

/* --- yayınevi duvarı --- */
.tk-yayin-duvari{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:28px}
.tk-yayin-duvari span{background:#fff;border:1px solid rgba(41,27,103,.14);border-radius:3px;
  padding:8px 15px;font-size:15px;color:var(--tk-lacivert);font-weight:500;
  transition:border-color .2s,transform .2s}
.tk-yayin-duvari span:hover{border-color:var(--tk-turuncu);transform:translateY(-2px)}
.tk-yayin-duvari .tk-daha{background:var(--tk-lacivert);color:#fff;border-color:var(--tk-lacivert)}
@media(prefers-reduced-motion:reduce){.tk-yayin-duvari span{transition:none}
  .tk-yayin-duvari span:hover{transform:none}}

/* ================= alt sayfalar ================= */

/* sayfa başlığı bandı */
.tk-sayfa-basligi{position:relative;padding:120px 0 100px;background-size:cover;background-position:center;
  background-color:var(--tk-lacivert)}
.tk-sayfa-basligi::before{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,13,52,.90) 0%,rgba(41,27,103,.94) 55%,rgba(20,13,52,.96) 100%)}
.tk-sayfa-basligi h1{text-shadow:0 2px 18px rgba(0,0,0,.45)}
.tk-sayfa-basligi p{text-shadow:0 1px 10px rgba(0,0,0,.4)}
.tk-sayfa-basligi .container{position:relative}
.tk-sayfa-basligi h1{font-size:clamp(30px,4vw,48px);line-height:1.1}
@media(max-width:767px){.tk-sayfa-basligi{padding:80px 0 64px}}

/* uyarı/bilgi kutusu */
.tk-uyari{background:#fff;border:1px solid rgba(41,27,103,.14);border-left:3px solid var(--tk-turuncu);
  border-radius:0 4px 4px 0;padding:16px 20px;font-size:15px;color:#5A5470;text-align:left}
.tk-uyari strong{color:var(--tk-lacivert);display:block;margin-bottom:3px}

/* paket detay listesi */
.tk-paket-liste{list-style:none;padding:0;margin:0}
.tk-paket-liste li{position:relative;padding:7px 0 7px 26px;font-size:16px;color:#5A5470}
.tk-paket-liste li::before{content:"";position:absolute;left:0;top:17px;width:10px;height:2px;background:var(--tk-turuncu)}

/* hakkımızda blokları */
.tk-hk{background:#fff;border:1px solid rgba(41,27,103,.1);border-radius:6px;padding:26px 28px;height:100%}
.tk-hk h3{font-size:18px;color:var(--tk-lacivert);margin:0 0 10px}
.tk-hk p{font-size:16px;color:#5A5470;line-height:1.62;margin:0}

/* iletişim kartları */
.tk-iletisim-kart{background:#fff;border:1px solid rgba(41,27,103,.12);border-radius:6px;
  padding:30px 26px;height:100%;text-align:center}
.tk-iletisim-kart .tk-rozet{margin:0 auto 16px}
.tk-iletisim-kart h3{font-size:18px;color:var(--tk-lacivert);margin:0 0 8px}
.tk-iletisim-kart p{font-size:15px;color:#5A5470;margin:0 0 16px}
.tk-rozet-turuncu{background:var(--tk-turuncu)}
.tk-rozet-lacivert{background:var(--tk-lacivert)}
.tk-rozet-mercan{background:var(--tk-mercan)}
.tk-buyuk-bag{font-family:'Outfit',sans-serif;font-weight:600;font-size:17px;
  color:var(--tk-turuncu);text-decoration:none;border-bottom:2px solid transparent}
.tk-buyuk-bag:hover{border-bottom-color:var(--tk-turuncu);color:var(--tk-turuncu)}

/* menü + kayıt düğmesi çakışması (7 madde 1440px'te sığmıyordu) */
@media (min-width:992px) and (max-width:1399px){
  header .navbar-nav .nav-link{font-size:13px;padding-left:7px;padding-right:7px}
  header .navbar-brand img{max-height:38px !important}
  header .navbar .btn{padding-left:14px;padding-right:14px;font-size:13px}
}
@media (min-width:1400px) and (max-width:1499px){
  header .navbar-nav .nav-link{font-size:14px;padding-left:11px;padding-right:11px}
}
@media (min-width:1500px){
  header .navbar-nav .nav-link{font-size:15px;padding-left:14px;padding-right:14px}
}
header .navbar .btn{white-space:nowrap;margin-left:14px}

/* mobil menü eşiği lg'den xl'e alındı — 1024-1199 arası menü sıkışıyordu */
@media (max-width:1199px){
  header .navbar-collapse{background:#fff}
  header .navbar-toggler{display:block}
}

/* mekân galerisi */
.tk-mekan{margin:0;background:#fff;border:1px solid rgba(41,27,103,.1);border-radius:6px;overflow:hidden;height:100%}
.tk-mekan img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.tk-mekan figcaption{padding:16px 18px 18px}
.tk-mekan figcaption b{display:block;font-family:'Outfit',sans-serif;font-size:17px;color:var(--tk-lacivert);margin-bottom:4px}
.tk-mekan figcaption span{font-size:14px;color:#5A5470;line-height:1.5}

/* ================= kahraman sahnesi ================= */
.tk-hero-sol{background:var(--tk-acik)}
.tk-hero-sag{position:relative;background:linear-gradient(160deg,#FFFFFF 0%,#F3F0FA 60%,#EAE5F6 100%)}

.tk-hero-sahne{position:relative;height:100%;min-height:600px;
  display:flex;align-items:center;justify-content:center;padding:40px 48px 40px 34px;overflow:hidden}

/* arkadaki yumuşak ışık — fotoğrafın oturduğu aydınlık alan */
.tk-hero-isik{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;
  left:8%;top:-14%;pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(255,80,6,.30) 0%, rgba(255,59,80,.16) 42%, rgba(255,80,6,0) 70%);
  filter:blur(46px)}

/* optik form ritmini andıran ince nokta dokusu */
.tk-hero-nokta{position:absolute;right:30px;top:34px;width:170px;height:110px;pointer-events:none;opacity:.62;
  background-image:radial-gradient(var(--tk-lacivert) 2px, transparent 2.4px);
  background-size:20px 20px;
  -webkit-mask-image:linear-gradient(115deg,#000 15%,transparent 78%);
          mask-image:linear-gradient(115deg,#000 15%,transparent 78%)}

/* çerçeveli, gölgeli fotoğraf */
.tk-hero-cerceve{position:relative;z-index:2;margin:0;width:100%;max-width:620px;border-radius:12px;
  background:#fff;padding:10px;
  box-shadow:0 34px 70px -28px rgba(41,27,103,.46), 0 2px 8px rgba(41,27,103,.10)}
.tk-hero-cerceve img{display:block;width:100%;height:auto;border-radius:7px;aspect-ratio:4/3;object-fit:cover}

/* fotoğrafın üstüne oturan kanıt kartı */
.tk-hero-kanit{position:absolute;left:-26px;bottom:26px;display:flex;align-items:center;gap:12px;
  background:#fff;border-radius:10px;padding:13px 18px 13px 14px;
  box-shadow:0 16px 34px -14px rgba(41,27,103,.34);max-width:270px}
.tk-hero-kanit i{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;
  border-radius:12px 12px 12px 4px;background:var(--tk-turuncu);color:#fff;font-size:17px}
.tk-hero-kanit span{display:block;line-height:1.35}
.tk-hero-kanit b{display:block;font-family:'Outfit',sans-serif;font-size:15px;color:var(--tk-lacivert)}
.tk-hero-kanit span{font-size:13px;color:#6B6584}

/* sağ altta soluk marka filigranı — z-index 0 ŞART: yoksa çerçevenin ÜSTÜNE biner
   ve fotoğrafın üzerinde turuncu leke gibi görünür (28.08'de böyleydi, o yüzden
   opaklık görünmez seviyeye çekilmiş, yani hiç iş yapmıyordu). */
.tk-hero-filigran{position:absolute;z-index:0;right:-30px;bottom:-46px;width:300px;height:auto;
  opacity:.14;filter:blur(3px);pointer-events:none;user-select:none}

@media (max-width:1399px){
  .tk-hero-sahne{padding:44px 36px;min-height:520px}
  .tk-hero-cerceve{max-width:470px}
  .tk-hero-filigran{width:260px;right:-38px;bottom:-50px}
}
@media (max-width:991px){
  .tk-hero-sahne{min-height:0;padding:36px 26px 46px}
  .tk-hero-cerceve{max-width:520px}
  .tk-hero-kanit{left:16px;bottom:-18px;max-width:250px}
  .tk-hero-nokta{display:none}
  .tk-hero-filigran{width:200px;right:-26px;bottom:-34px;opacity:.12}
}
@media (max-width:575px){
  .tk-hero-sahne{padding:28px 18px 44px}
  .tk-hero-kanit{left:10px;right:10px;max-width:none}
}
@media (prefers-reduced-motion:reduce){.tk-hero-isik{filter:none;opacity:.5}}

/* ================================================================
   28.08 tam denetim düzeltmeleri (mobil + masaüstü, 11 sayfa)
   Ölçüm: Playwright 390/768/1440 + WCAG kontrast hesabı.
   ================================================================ */

/* --- 1. Erişilebilir turuncu -------------------------------------
   Marka turuncusu #FF5006 beyaz üstünde 3.28:1 — 15px metin için AA
   eşiği 4.5. Bu yüzden METİN ve DÜĞME dolgusu için bir ton koyu
   #CA3D07 kullanılır (beyaz üstünde 5.02, açık lavanta üstünde 4.58).
   #FF5006 büyük yüzeylerde (ikon rozeti, çizgi, illüstrasyon) kalır. */
:root{--tk-turuncu-ac:#CA3D07}

.text-base-color,.tk-eyebrow,.tk-buyuk-bag,
a.text-base-color{color:var(--tk-turuncu-ac) !important}
.btn-base-color,.btn.btn-base-color{background-color:var(--tk-turuncu-ac) !important;
  border-color:var(--tk-turuncu-ac) !important;color:#fff !important}
.btn-base-color:hover{background-color:#B03506 !important;border-color:#B03506 !important}
.tk-paket .tk-kademe{color:var(--tk-turuncu-ac)}
.tk-hero-kanit i{background:var(--tk-turuncu-ac)}

/* --- 2. Gövde metni kontrastı ------------------------------------
   Crafto'nun --medium-gray'i #848587 → beyaz üstünde 3.69:1.
   Lacivert tonlu #5F5A73 ile 6.57:1. */
:root{--medium-gray:#5F5A73 !important}
.text-medium-gray{color:#5F5A73 !important}
.text-white.opacity-75,.text-white.opacity-7{opacity:1 !important}

/* --- 3. Mobil menü düğmesi ---------------------------------------
   Ölçüm: buton 22x14 px ve nav'ın en üst kenarına yapışıktı (top:0,
   logo ise 84px yüksekliğinde) — hem hizasız hem dokunulamaz. */
@media (max-width:1199px){
  header .navbar-toggler{
    display:flex !important;flex-direction:column;justify-content:center;align-items:center;
    width:46px;height:46px;padding:0;margin:0;
    position:absolute;right:12px;top:50%;transform:translateY(-50%);
    border-radius:10px}
  header .navbar-toggler .navbar-toggler-line{margin-left:auto;margin-right:auto}
  header .navbar-toggler-wrapper,header .navbar .col-auto.menu-order{position:static}
  /* mobil menüde bağlantılar parmakla basılabilir olsun */
  header .navbar-nav .nav-link{padding-top:11px;padding-bottom:11px;font-size:17px}
  header .navbar-nav .nav-item{border-bottom:1px solid rgba(41,27,103,.07)}
  header .navbar-nav .nav-item:last-child{border-bottom:0}
}
/* mobilde başlıktaki kayıt düğmesi gizliydi (d-none d-sm-flex) →
   telefonda hiçbir çağrı düğmesi görünmüyordu. Menünün içine kondu. */
.tk-mobil-cta{display:none}
@media (max-width:1199px){
  .tk-mobil-cta{display:flex;gap:10px;padding:18px 15px 8px;flex-wrap:wrap}
  .tk-mobil-cta a{flex:1 1 140px;text-align:center;border-radius:6px;padding:13px 16px;
    font-family:'Outfit',sans-serif;font-weight:600;font-size:15px;text-decoration:none}
  .tk-mobil-cta .tk-cta-ana{background:var(--tk-turuncu-ac);color:#fff}
  .tk-mobil-cta .tk-cta-yan{background:var(--tk-lacivert);color:#fff}
}

/* --- 4. İç sayfa başlık bandı ------------------------------------
   Ölçüm: h1 top=80, nav bottom=84 → başlığın ilk 4px'i menünün
   arkasındaydı (mobilde 10 sayfada birden). */
@media (max-width:767px){
  .tk-sayfa-basligi{padding:118px 0 58px}
}
@media (min-width:768px) and (max-width:1199px){
  .tk-sayfa-basligi{padding:132px 0 84px}
}
/* fotoğraf %90 örtü altında çamurlu görünüyordu: örtüyü hafiflet,
   metnin arkasına ayrı bir okuma perdesi koy */
.tk-sayfa-basligi::before{
  background:linear-gradient(180deg,rgba(20,13,52,.82) 0%,rgba(41,27,103,.86) 55%,rgba(20,13,52,.90) 100%)}
.tk-sayfa-basligi::after{content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 62% at 50% 52%, rgba(15,9,40,.55) 0%, rgba(15,9,40,0) 72%)}
.tk-sayfa-basligi .container{z-index:2}
.tk-sayfa-basligi p{color:rgba(255,255,255,.92) !important}

/* --- 5. Karne şeridi ---------------------------------------------
   Eskiden .bg-base-color (#FF5006) + beyaz .75 metin = 3.28:1 idi.
   Erişilebilir turuncuda tam beyaz metin 5.02:1. */
.tk-serit{background-color:var(--tk-turuncu-ac)}
.tk-serit-bag{color:#fff;font-family:'Outfit',sans-serif;font-weight:600;font-size:15px;
  text-decoration:none;white-space:nowrap;border-bottom:2px solid rgba(255,255,255,.45);
  padding-bottom:2px;display:inline-flex;align-items:center}
.tk-serit-bag:hover{color:#fff;border-bottom-color:#fff}

/* --- 6. Altbilgi -------------------------------------------------- */
/* DİKKAT: şablon bağlantı aralığını satır-içi boşluktan alıyor; display:inline-block
   verilince kelimeler birbirine yapışıyor — yatay dolgu ZORUNLU. */
footer .footer-navbar .nav-link,footer .footer-navbar a{padding:14px;display:inline-block}
footer .elements-social ul.small-icon > li > a{
  width:40px;height:40px;line-height:40px;display:inline-block;text-align:center;
  border-radius:10px;background:rgba(255,255,255,.08)}
footer .elements-social ul.small-icon > li > a:hover{background:var(--tk-turuncu-ac)}
.tk-alt-iletisim{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:center;
  justify-content:center;margin-top:4px}
.tk-alt-iletisim a,.tk-alt-iletisim span{color:rgba(255,255,255,.9);font-size:15px;
  text-decoration:none;display:inline-flex;align-items:center;gap:8px;padding:6px 0}
.tk-alt-iletisim a:hover{color:#fff;text-decoration:underline}
.tk-alt-iletisim i{color:var(--tk-turuncu)}
/* DİKKAT: yalnız koyu üst blokta beyaz. Alt telif çubuğu BEYAZ zeminde —
   kapsam verilmezse oradaki S.S.S./Gizlilik bağlantıları görünmez olur. */
footer .footer-top .footer-navbar li a{color:rgba(255,255,255,.86)}
footer .footer-top .footer-navbar li a:hover{color:#fff}
footer > .container .footer-navbar li a{color:#5F5A73}
footer > .container .footer-navbar li a:hover{color:var(--tk-turuncu-ac)}

/* --- 7. Kahraman ince ayarları ------------------------------------ */
/* filigran mobilde çerçevenin dışına taşıp leke gibi görünüyordu */
@media (max-width:991px){.tk-hero-filigran{display:none}}
/* kanıt kartı telefonda fotoğrafın altını kaplıyordu */
@media (max-width:575px){
  .tk-hero-kanit{position:static;margin:14px auto 0;max-width:none;width:100%;
    box-shadow:0 10px 26px -14px rgba(41,27,103,.3)}
  .tk-hero-kanit b{font-size:15px}
  .tk-hero-kanit span{font-size:13.5px}
}


.tk-yol{display:flex;flex-direction:column;gap:2px}
.tk-yol-adim{display:flex;gap:16px;align-items:flex-start;padding:16px 0;
  border-bottom:1px solid rgba(41,27,103,.09)}
.tk-yol-adim:last-child{border-bottom:0}
.tk-yol-adim > b{flex:0 0 34px;width:34px;height:34px;border-radius:11px 11px 11px 4px;
  background:var(--tk-lacivert);color:#fff;display:grid;place-items:center;
  font-family:'Outfit',sans-serif;font-weight:600;font-size:15px}
.tk-yol-adim > span{font-size:15px;color:#5A5470;line-height:1.6}
.tk-yol-adim strong{display:block;font-family:'Outfit',sans-serif;font-weight:600;
  font-size:17px;color:var(--tk-lacivert);margin-bottom:3px}

.tk-kutu-bilgi{background:var(--tk-acik);border-radius:8px;padding:30px 30px 28px}
.tk-kutu-bilgi h3{font-size:19px;color:var(--tk-lacivert);margin:0 0 18px}
.tk-bilgi-liste{list-style:none;padding:0;margin:0}
.tk-bilgi-liste li{display:flex;gap:14px;align-items:flex-start;padding:12px 0;
  border-bottom:1px solid rgba(41,27,103,.09)}
.tk-bilgi-liste li:last-child{border-bottom:0}
.tk-bilgi-liste i{flex:0 0 22px;font-size:18px;color:var(--tk-turuncu-ac);margin-top:2px}
.tk-bilgi-liste b{display:block;font-family:'Outfit',sans-serif;font-weight:600;
  font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:#6B6584;margin-bottom:2px}
.tk-bilgi-liste a{color:var(--tk-lacivert);font-size:16px;text-decoration:none;
  border-bottom:1px solid rgba(41,27,103,.25);word-break:break-word}
.tk-bilgi-liste a:hover{color:var(--tk-turuncu-ac);border-bottom-color:var(--tk-turuncu-ac)}
.tk-bilgi-liste span{font-size:16px;color:var(--tk-lacivert)}

/* --- 11. Dokunma hedefleri ve S.S.S. göstergesi -------------------
   Ölçüm (390px): menü bağlantıları 39px, altbilgi 37px, S.S.S. satırı
   30px yüksekliğindeydi; parmak hedefi için alt sınır 44px.
   Ayrıca akordeonda açılır işareti yoktu — tıklanabilir olduğu belli değildi. */
@media (max-width:1199px){
  /* şablonun kendi kuralı 10px dolguyla daha güçlü seçiciden geliyor —
     44px parmak hedefine ulaşmak için aynı güçte ezilir. */
  header .navbar .navbar-nav .nav-item .nav-link{
    padding-top:13px !important;padding-bottom:13px !important}
}
/* satır içi telefon/CTA bağlantıları da parmakla basılabilir olsun */
a.tk-serit-bag,a.tk-buyuk-bag{padding:6px 0;display:inline-flex;align-items:center;min-height:44px}
.tk-bilgi-liste a,footer .tk-alt-iletisim a{min-height:34px}
footer .footer-top .footer-navbar li{display:inline-block}
footer .footer-logo{display:inline-flex;align-items:center;min-height:48px}

#tk-sss .accordion-header a{display:block;padding:14px 0}
#tk-sss .accordion-title{position:relative;padding-right:44px}
#tk-sss .accordion-title::after{
  content:"";position:absolute;right:6px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--tk-turuncu-ac);border-bottom:2px solid var(--tk-turuncu-ac);
  transform:translateY(-70%) rotate(45deg);transition:transform .25s ease}
#tk-sss .accordion-item.active-accordion .accordion-title::after{
  transform:translateY(-30%) rotate(-135deg)}
#tk-sss .accordion-body{padding-bottom:20px}
@media (prefers-reduced-motion:reduce){#tk-sss .accordion-title::after{transition:none}}

/* --- 12. Telefonda dikey uzunluk -----------------------------------
   Ölçüm (390px): "Sınav günü" 2581px, "Dört ayrı rapor" 2125px,
   "Kademene göre seç" 2010px — üçü tek başına 6716px, sayfanın yarısı.
   Kart görselleri tam genişlikte olduğu için her kart bir ekran kaplıyordu.
   Telefonda iki sütuna alınır; okunabilirlik korunur, kaydırma yarıya iner. */
@media (max-width:575px){
  .tk-adim-satir,.tk-karne-satir,.tk-paket-satir-mobil{
    display:grid !important;grid-template-columns:1fr 1fr;gap:14px}
  .tk-adim-satir > .col,.tk-karne-satir > .col,.tk-paket-satir-mobil > .col{width:auto;max-width:none;padding:0}
  .tk-adim-gorsel{padding:8px;margin-bottom:11px}
  .tk-adim h3{font-size:15px}
  .tk-adim p{font-size:13px;line-height:1.45}
  /* sol sütundaki rozet -8px ile ekran dışına taşıp kırpılıyordu */
  .tk-adim-no{width:26px;height:26px;font-size:12px;top:-8px;left:-2px;border-radius:9px 9px 9px 3px}
  .tk-karne{padding:14px 13px 16px}
  .tk-karne h3{font-size:15px}
  .tk-karne p{font-size:13px;line-height:1.45}
  .tk-paket{padding:18px 17px 17px}
  .tk-paket h3{font-size:17px}
  .tk-paket li{font-size:13.5px;padding-left:18px}
  .tk-paket li::before{width:6px;top:12px}
  /* son tek kart iki sütunu kaplasın, yalnız kalmasın */
  .tk-adim-satir > .col:last-child:nth-child(odd),
  .tk-paket-satir-mobil > .col:last-child:nth-child(odd){grid-column:1/-1}
}

/* ================= Kurumsal sayfası (28.08) ================= */


/* kalite politikası kartları */
.tk-kalite{position:relative;height:100%;background:#fff;border:1px solid rgba(41,27,103,.12);
  border-radius:6px;padding:30px 26px 26px}
.tk-kalite-no{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.1em;color:var(--tk-turuncu-ac);margin-bottom:12px}
.tk-kalite h3{font-size:18px;color:var(--tk-lacivert);margin:0 0 8px;letter-spacing:-.01em}
.tk-kalite p{font-size:15px;line-height:1.62;color:#5A5470;margin:0}

/* değerler — dört kelimelik ızgara */
.tk-degerler{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(41,27,103,.12);
  border:1px solid rgba(41,27,103,.12);border-radius:6px;overflow:hidden}
.tk-deger{background:#fff;padding:24px 24px 22px}
.tk-deger b{display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:19px;
  color:var(--tk-turuncu-ac);margin-bottom:5px}
.tk-deger span{font-size:15px;line-height:1.55;color:#5A5470}
@media (max-width:575px){.tk-degerler{grid-template-columns:1fr}.tk-deger{padding:20px}}

/* ================= Öğrenci / Veli girişi ================= */
.tk-giris-kart{background:#fff;border:1px solid rgba(41,27,103,.12);border-radius:10px;
  padding:38px 36px 32px;box-shadow:0 24px 60px -34px rgba(41,27,103,.34);text-align:center}
.tk-giris-rozet{display:inline-block;font-family:'Outfit',sans-serif;font-weight:600;font-size:12px;
  letter-spacing:.13em;text-transform:uppercase;color:var(--tk-turuncu-ac);
  background:rgba(202,61,7,.09);border-radius:20px;padding:6px 15px;margin-bottom:16px}
.tk-giris-kart h2{margin:0 0 12px}
.tk-giris-kart > p{max-width:none}

.tk-magaza{display:grid;gap:12px;margin:26px 0 6px}
@media (min-width:480px){.tk-magaza{grid-template-columns:1fr 1fr}}
.tk-magaza-dugme{display:flex;align-items:center;gap:14px;text-align:left;text-decoration:none;
  background:var(--tk-lacivert);color:#fff;border-radius:8px;padding:14px 18px;min-height:60px;
  transition:background .2s,transform .2s}
.tk-magaza-dugme:hover{background:#1E1450;color:#fff;transform:translateY(-2px)}
.tk-magaza-dugme i{font-size:26px;flex:0 0 26px;line-height:1}
.tk-magaza-dugme b{display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:16px}
.tk-magaza-dugme span span,.tk-magaza-dugme > span{display:block;font-size:13px;opacity:.72;line-height:1.3}
@media (prefers-reduced-motion:reduce){.tk-magaza-dugme{transition:none}
  .tk-magaza-dugme:hover{transform:none}}

.tk-giris-ayrac{position:relative;margin:30px 0 22px;text-align:center}
.tk-giris-ayrac::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:rgba(41,27,103,.14)}
.tk-giris-ayrac span{position:relative;background:#fff;padding:0 14px;font-size:13px;
  letter-spacing:.1em;text-transform:uppercase;color:#6B6584;font-family:'Outfit',sans-serif;font-weight:600}

.tk-giris-yollar{display:grid;gap:10px}
.tk-giris-yollar a{display:flex;align-items:center;gap:14px;text-align:left;text-decoration:none;
  border:1px solid rgba(41,27,103,.14);border-radius:8px;padding:13px 17px;min-height:58px;
  transition:border-color .2s,background .2s}
.tk-giris-yollar a:hover{border-color:var(--tk-turuncu-ac);background:var(--tk-acik)}
.tk-giris-yollar i{font-size:19px;color:var(--tk-turuncu-ac);flex:0 0 22px}
.tk-giris-yollar b{display:block;font-family:'Outfit',sans-serif;font-weight:600;font-size:15.5px;
  color:var(--tk-lacivert)}
.tk-giris-yollar span span,.tk-giris-yollar > a > span{display:block;font-size:13.5px;color:#5F5A73;line-height:1.35}

.tk-giris-not{display:flex;gap:10px;align-items:flex-start;text-align:left;margin:26px 0 0;
  padding-top:20px;border-top:1px solid rgba(41,27,103,.1);font-size:14px;line-height:1.6;color:#5F5A73}
.tk-giris-not i{color:var(--tk-turuncu-ac);font-size:16px;flex:0 0 18px;margin-top:2px}
@media (max-width:575px){.tk-giris-kart{padding:28px 22px 26px}}

/* --- Hakkımızda: sayfa içi gezinme şeridi + çapalı bölümler (28.08) --- */
.tk-sayfa-menu{background:#fff;border-bottom:1px solid var(--cizgi,rgba(41,27,103,.12));
  position:sticky;top:0;z-index:20}
.tk-sayfa-menu nav{display:flex;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none}
.tk-sayfa-menu nav::-webkit-scrollbar{display:none}
.tk-sayfa-menu a{flex:0 0 auto;font-family:'Outfit',sans-serif;font-weight:600;font-size:15px;
  color:#5F5A73;text-decoration:none;padding:16px 18px;border-bottom:2px solid transparent;
  white-space:nowrap;transition:color .15s,border-color .15s}
.tk-sayfa-menu a:hover,.tk-sayfa-menu a.etkin{color:var(--tk-turuncu-ac);border-bottom-color:var(--tk-turuncu-ac)}
@media (max-width:575px){.tk-sayfa-menu a{padding:14px 13px;font-size:14px}}

/* çapa hedefi üst menünün altında kalmasın */
.tk-capa{scroll-margin-top:160px}
@media (max-width:1199px){.tk-capa{scroll-margin-top:156px}}

/* misyon / vizyon beyanı — büyük punto tek paragraf */
.tk-beyan{font-family:'Outfit',sans-serif;font-size:23px;line-height:1.55;letter-spacing:-.01em;
  color:var(--tk-lacivert);margin:0;position:relative;padding-left:26px}
.tk-beyan::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;
  background:var(--tk-turuncu);border-radius:2px}
.tk-beyan-koyu{color:#fff}
.tk-beyan-koyu::before{background:var(--tk-mercan)}
@media (max-width:767px){.tk-beyan{font-size:19px;padding-left:20px}}

/* üst menüdeki açılır liste — şablonun kendi stili marka rengine çekilir */


/* ================= Neden Turuncu Kampüs? ================= */
.tk-nt-acilis{font-family:'Outfit',sans-serif;font-size:25px;line-height:1.5;letter-spacing:-.012em;
  color:var(--tk-lacivert);margin:0 auto;max-width:44ch;font-weight:400}
@media (max-width:767px){.tk-nt-acilis{font-size:20px}}

.tk-motto{background:var(--tk-acik);border-radius:10px;overflow:hidden}
.tk-motto-gorsel{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1}
.tk-motto-metin{position:relative;padding:44px 48px 46px}
.tk-motto-tirnak{position:absolute;left:26px;top:2px;font-family:'Outfit',sans-serif;font-weight:700;
  font-size:96px;line-height:1;color:var(--tk-turuncu);opacity:.22;pointer-events:none;user-select:none}
.tk-motto-metin p{position:relative;font-family:'Outfit',sans-serif;font-size:20px;line-height:1.6;
  color:var(--tk-lacivert);margin:0;letter-spacing:-.005em}
@media (max-width:991px){
  .tk-motto-gorsel{aspect-ratio:16/10}
  .tk-motto-metin{padding:32px 26px 34px}
  .tk-motto-tirnak{left:14px;font-size:74px}
  .tk-motto-metin p{font-size:18px}
}

/* uzun okuma metni — satır uzunluğu ve ritim */
.tk-yazi p{max-width:62ch;margin-left:auto;margin-right:auto}
.tk-yazi p:last-child{margin-bottom:0}

.tk-imza{display:flex;align-items:center;gap:14px;margin-top:34px;padding-top:22px;
  border-top:1px solid rgba(41,27,103,.12);font-size:15px;color:#5F5A73;max-width:62ch;
  margin-left:auto;margin-right:auto}
.tk-imza b{font-family:'Outfit',sans-serif;font-weight:600;color:var(--tk-lacivert)}
.tk-imza-cizgi{flex:0 0 34px;height:3px;border-radius:2px;background:var(--tk-turuncu)}

/* ================= 404 ================= */
.tk-404{padding:110px 0 100px}
.tk-404-kod{display:block;font-family:'Outfit',sans-serif;font-weight:700;line-height:1;
  font-size:clamp(84px,16vw,168px);letter-spacing:-.04em;color:var(--tk-turuncu);opacity:.16;
  margin-bottom:-.18em;user-select:none}
.tk-404-yollar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tk-404-yollar a{font-family:'Outfit',sans-serif;font-weight:500;font-size:15px;
  color:var(--tk-lacivert);text-decoration:none;border:1px solid rgba(41,27,103,.16);
  border-radius:20px;padding:9px 18px;transition:border-color .2s,color .2s}
.tk-404-yollar a:hover{border-color:var(--tk-turuncu-ac);color:var(--tk-turuncu-ac)}
@media (max-width:767px){.tk-404{padding:80px 0 72px}}

/* --- 404 başlığı üst menünün altında kalıyordu (nav 84px) --- */
.tk-404{padding-top:150px}
@media (max-width:1199px){.tk-404{padding-top:132px}}
@media (max-width:767px){.tk-404{padding-top:118px;padding-bottom:64px}}

/* --- sayfa içi şerit telefonda yana kayıyor ama kaydığı belli olmuyordu --- */
.tk-sayfa-menu{position:sticky;top:0;z-index:20}
.tk-sayfa-menu .container{position:relative}
@media (max-width:991px){
  /* soluklaşan sağ kenar: şeridin devamı olduğu görünsün (kapsayıcının değil,
     şeridin kendisine bağlanır — yoksa iç boşluğun içinde kalıp görünmez) */
  .tk-sayfa-menu{position:sticky}
  .tk-sayfa-menu::after{content:"";position:absolute;right:0;top:0;bottom:1px;width:52px;
    pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,#fff 72%)}
  .tk-sayfa-menu nav{padding-right:40px}
}

/* --- satır içi iletişim bağlantıları parmak hedefi (ölçüm: 21-22px) --- */
.tk-bilgi-liste a,
a[href^="tel:"].text-decoration-line-bottom,
a[href^="mailto:"].text-decoration-line-bottom{
  display:inline-flex;align-items:center;min-height:44px}

/* --- mobil menü: ilk dört madde ana menü, kalanı ikincil grup --- */
@media (max-width:1199px){
  header .navbar-nav .nav-item.tk-ikincil:first-of-type{
    border-top:1px solid rgba(41,27,103,.16);margin-top:12px;padding-top:6px}
  header .navbar-nav .nav-item.tk-ikincil .nav-link{
    font-size:15.5px !important;color:#5F5A73 !important;
    padding-top:12px !important;padding-bottom:12px !important}
  header .navbar-nav .nav-item.tk-ikincil .nav-link:hover{color:var(--tk-turuncu-ac) !important}
}

/* --- kademe kartları: kişi görselli (Kulvar deseni, 28.08 akşam) --- */
.tk-paket{padding:0;overflow:hidden}
.tk-paket-kisi{display:block;background:var(--tk-acik)}
.tk-paket-kisi img{display:block;width:100%;height:auto;aspect-ratio:4/4.4;object-fit:cover;object-position:center 12%}
.tk-paket-icerik{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
@media (max-width:575px){
  .tk-paket-kisi img{aspect-ratio:4/3.6}
  .tk-paket-icerik{padding:14px 15px 16px}
}

/* --- yukarı dön + yapışkan menü altı hizası (28.08 akşam) --- */
.tk-yukari{display:none;position:fixed;right:22px;bottom:22px;z-index:60;
  width:48px;height:48px;border-radius:14px 14px 14px 4px;
  background:var(--tk-lacivert);color:#fff;font-size:20px;
  align-items:center;justify-content:center;text-decoration:none;
  box-shadow:0 12px 30px -10px rgba(41,27,103,.5);
  transition:background .2s,transform .2s}
.tk-yukari:hover{background:var(--tk-turuncu-ac);color:#fff;transform:translateY(-3px)}
.tk-yukari i{display:grid;place-items:center;width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.tk-yukari{transition:none}.tk-yukari:hover{transform:none}}
/* şablon fadeIn display:block verir → flex'e zorla */
.tk-yukari[style*="block"]{display:flex !important}

/* menü artık kayarken görünür (sticky-header, yükseklik 84px) →
   sayfa içi şerit onun ALTINA oturur; top:0 bırakılırsa menünün arkasında kaybolur */
.tk-sayfa-menu{top:88px}

/* --- mobil kahraman sıkılaştırma (29.08, Ersin: "obje arası boşluklar uzun") ---
   Ölçüm 390x844: fotoğraf 594'te başlıyordu, ilk ekranda yalnız üçte biri
   görünüyordu. Boşluklar kısaltılınca fotoğraf ilk ekrana ~tam giriyor. */
@media (max-width:991px){
  .tk-hero-panel{padding-top:96px !important;padding-bottom:26px !important}
  .tk-hero .tk-eyebrow{margin-bottom:10px !important}
  .tk-hero h1{margin-bottom:14px !important}
  .tk-hero-panel p{margin-bottom:18px !important}
  .tk-hero-panel .btn-large{padding-top:12px;padding-bottom:12px}
  .tk-hero-panel .d-flex{gap:10px !important}
}
@media (max-width:575px){
  .tk-hero-sahne{padding:14px 16px 30px}
  .tk-hero-kanit{margin-top:10px;padding:10px 14px 10px 12px}
}