﻿/* ============================================================================
   TUR TEMASI – İÇ SAYFALAR (kat detay + daire detay)                 16.10.2026
   Upload/cephe/{proje}/tema_tur.txt olan projelerde ProjeKatDetay / ProjeDaireDetay
   görünümleri kurumsal üst bar yerine _turTema.cshtml'i (şeffaf üst bar + menü) basar
   ve bu dosyayı yükler. Referans: 3dsoya.katreajans.com.tr daire sayfası ("flat"):
   krem zemin (#ecebe6), beyaz 14px köşeli kartlar, yumuşak gölge, taupe (#a79886)
   "Teklif Al" hapı, çerçeveli açık düğmeler, künye tablosu (#efece6 satırlar, noktalı
   ayraç), IBM Plex Sans. Bizim sayfanın bölümleri (Planlar, Sanal Asistan, Katalog İndir,
   talep formu, favoriler, galeri) olduğu gibi durur; yalnız görünüm değişir.
   Kapsam: body.tur-tema.tt-ic (sınıfı _turTema.cshtml betiği vTurIcSayfa ile ekler). Değişken adları --ic-* : _turTema.cshtml'in
   koyu menü/üst bar değişkenleriyle (--tt-ink, --tt-line...) ÇAKIŞMASIN diye ayrı tutulur; aynı adlar kullanılınca menü yazıları
   açık zemin renklerini alıp koyu panelde görünmez oluyordu (16.10.2026 akşam düzeltmesi).
   Diğer projeler bu dosyayı hiç yüklemez.
   ============================================================================ */
body.tur-tema.tt-ic {
    --ic-paper: #ecebe6;
    --ic-card: #ffffff;
    --ic-soft: #efece6;
    --ic-ink: #1f2328;
    --ic-ink-2: #5d636b;
    --ic-ink-3: #8b9097;
    --ic-line: #e6e3dc;
    --ic-dot: #cfcac0;
    --ic-taupe: #a79886;
    --ic-taupe-2: #8f8172;
    --ic-navy: #1f3b5b;
    --ic-ok: #2e8b63;
    --ic-ok-bg: rgba(46,139,99,.12);
    --ic-card-r: 14px;
    --ic-card-shadow: 0 1px 2px rgba(31,35,40,.04), 0 8px 28px rgba(31,35,40,.05);
    background: var(--ic-paper) !important;
    color: var(--ic-ink);
    font-family: "IBM Plex Sans", system-ui, sans-serif;
}
body.tt-ic .pkd3 { padding: 86px 18px 18px !important; }                       /* sabit üst bar payı (72px) */
body.tt-ic .pkd3 > .row { --bs-gutter-x: 18px; }

/* ── Kartlar ───────────────────────────────────────────────────────────── */
body.tt-ic .pkd6,
body.tt-ic .cl30,
body.tt-ic .cl049 {
    background: var(--ic-card) !important;
    border-radius: var(--ic-card-r) !important;
    box-shadow: var(--ic-card-shadow);
    border: 0;
}
body.tt-ic .pkd6, body.tt-ic .cl30 { height: calc(100vh - 104px) !important; }
body.tt-ic .cl049 { min-height: calc(100vh - 104px) !important; }
body.tt-ic .cl49 { height: calc(100vh - 104px) !important; min-height: 0 !important; }

/* ── Sol kart: blok başlığı, plan küçük resmi, kat çipleri, düğmeler ─────── */
body.tt-ic .ekatsol2 { border-bottom: 1px solid var(--ic-line); padding: 14px 18px; min-height: 0; }
/* Kart başlıkları TEK ölçü (17.10.2026, kullanıcı: "fontlarda hata var gibi, sol taraf değişik duruyor"): sol kartın
   "Soya Nova Blok" başlığı eskiden 15px büyük harf + .3em aralıktı, sağ kartın başlığı 24px normal yazım → ikisi de
   20px/600 normal yazım; üç kartın başlık satırı aynı yükseklikte (--ic-bas-h) ve aynı çizgide biter. */
body.tt-ic { --ic-bas-h: 72px; }
body.tt-ic .ekatsol2 .pkd1-baslik {
    font-size: 20px; font-weight: 600; letter-spacing: -.01em; line-height: 1.2; text-transform: none;
    color: var(--ic-ink); text-align: left;
}
body.tt-ic .ekatsol2 .pkd1-baslik:hover { color: var(--ic-taupe-2); }
body.tt-ic .ekatsol2 .pkd1-baslik { visibility: visible !important; opacity: 1 !important; }   /* kat detayda başlık gizli geliyordu */
/* Kat detay sol kartı: kat çipleri kartın ortasında yüzmesin, başlığın altında aksın */
body.tt-ic .kat-sol .pkd2 {
    position: static !important; transform: none !important; width: 100% !important; height: auto !important;
    padding: 18px; justify-content: flex-start; align-items: flex-start; text-align: left; overflow: visible;
}
body.tt-ic .kat-sol .ekatbilgi12 { text-align: left; }
body.tt-ic .kat-sol .daire_katlar_liste::before {
    content: "Katlar"; display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
    color: var(--ic-ink-3); margin-bottom: 10px;
}
body.tt-ic .daire_katlar_liste a {
    min-width: 26px; height: 26px; line-height: 24px; padding: 0 7px; margin: 0 5px 6px 0;
    border-radius: 5px; font-size: 12px; font-weight: 600;
    border: 1px solid var(--ic-line); color: var(--ic-ink-2); background: #fff;
}
body.tt-ic .daire_katlar_liste_sec { background: var(--ic-navy) !important; border-color: var(--ic-navy) !important; color: #fff !important; }
body.tt-ic .daire_katlar_liste_musait { border-color: transparent !important; }
body.tt-ic .daire_katlar_liste_dolu { border-color: transparent !important; }
body.tt-ic .pdty11 {
    background: transparent !important; color: var(--ic-ink-2) !important;
    border: 1px solid var(--ic-line); border-radius: 999px;
    font-size: 13px; font-weight: 600; text-transform: none; padding: 10px 14px; margin-top: 8px;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
body.tt-ic .pdty11:hover { background: var(--ic-soft) !important; color: var(--ic-ink) !important; border-color: var(--ic-dot); }
body.tt-ic .pdty11 i { padding-right: 8px; color: var(--ic-taupe); }
body.tt-ic .pdty11--pasif { opacity: .45; }

/* ── Orta kart: üst şerit (Geri + Teklif Al) ───────────────────────────── */
body.tt-ic .ecl49 { padding: 12px 18px; border-bottom: 1px solid var(--ic-line); color: var(--ic-ink); }
/* Başlık satırları: sol .ekatsol2, orta .ecl49 (Site.css'te sabit 85px), sağ .cl30 .ecl49 aynı yükseklik. Sağ kart dikey flex
   kutu: başlık satırı daralabildiği için (flex-shrink 1) 51px'lik başlık 42px'e eziliyor, rozet künyeye yapışıyordu → 0 0 auto. */
body.tt-ic .ekatsol2,
body.tt-ic .cl049 .ecl49,
body.tt-ic .cl30 .ecl49 { height: auto; min-height: var(--ic-bas-h); flex: 0 0 auto; box-sizing: border-box; }
body.tt-ic .cl049, body.tt-ic .cl49 { color: var(--ic-ink) !important; }
body.tt-ic .cl46 {
    display: inline-flex; align-items: center; gap: 10px;
    font-size: 15px; font-weight: 600; color: var(--ic-ink) !important; text-decoration: none; background: none; border: 0; padding: 0;
}
body.tt-ic .cl46 span {
    display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%;
    background: var(--ic-taupe); color: #fff; font-size: 17px; margin: 0; padding: 0;
}
body.tt-ic .cl46 span i { color: #fff; }
body.tt-ic .cl46 i { background: transparent !important; width: auto !important; height: auto !important; border-radius: 0 !important; margin: 0 !important; padding: 0 !important; }   /* Site.css'teki turuncu daire kaldırılır; daire dış span'da */
body.tt-ic .cl46:hover span { background: var(--ic-taupe-2); }
body.tt-ic .ekatorta1 {
    display: inline-flex; align-items: center; gap: 8px;
    background: var(--ic-taupe) !important; color: #fff !important; border: 0 !important;
    border-radius: 999px !important; padding: 11px 22px !important;
    font-size: 14px !important; font-weight: 600 !important; text-transform: none !important; text-decoration: none;
    box-shadow: none !important;
}
body.tt-ic .ekatorta1:hover { background: var(--ic-taupe-2) !important; color: #fff !important; }
body.tt-ic .ekatorta1 i { color: #fff; }

/* ── Sağ kart: başlık + künye tablosu + düğmeler ───────────────────────── */
body.tt-ic .cl30 { overflow: hidden; display: flex; flex-direction: column; }
body.tt-ic .cl30 .ecl49 { justify-content: flex-start; text-align: left; padding: 14px 18px; }
body.tt-ic .cl30 .ekatorta2 { text-align: left; }
body.tt-ic .cl30 .ekatorta2 h1,
body.tt-ic .cl30 h1 {
    font-size: 20px; font-weight: 600; letter-spacing: -.01em; text-transform: none;   /* sol kart başlığıyla aynı ölçü */
    color: var(--ic-ink); margin: 0; line-height: 1.2;
}
/* Daire detay başlığı + durum rozeti (referanstaki "Satılık" çipi) */
body.tt-ic .cl30 .ecl49 { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
body.tt-ic .cl30 .ecl49 .ekatorta2 { flex: 1 1 auto; min-width: 0; width: auto; }
body.tt-ic .tt-durum { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; line-height: 1; }
body.tt-ic .tt-durum--ok { background: var(--ic-ok-bg); color: var(--ic-ok); }
body.tt-ic .tt-durum--hold { background: rgba(217,164,65,.16); color: #a8782a; }
body.tt-ic .tt-durum--gone { background: rgba(117,131,143,.16); color: #5d6b78; }
/* Kat detay künyesi (.pkd7 ul li) */
body.tt-ic .pkd7 {
    position: static !important; transform: none !important; width: 100% !important;
    margin: 0 !important; padding: 18px; background: transparent !important; text-align: left;
    flex: 1 1 auto; min-height: 0; overflow: auto;
}
/* (.kat-sag kapsamı: daire detayının .pkd7'si içindeki .dk-* span'ları bu kurallardan etkilenmesin) */
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) { list-style: none; margin: 0; padding: 0; border-radius: 10px; overflow: hidden; background: var(--ic-soft); }
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0; border-bottom: 1px dotted var(--ic-dot); }
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li:last-child { border-bottom: 0; }
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li b {
    display: block; flex: 1 1 50%; width: auto; padding: 15px 16px !important;
    font-size: 13px !important; font-weight: 400; letter-spacing: .02em; text-transform: uppercase; color: var(--ic-ink-2);
}
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) b::after { display: none !important; }
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li b, body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li span { border: 0 !important; }   /* eski dikey ayraç çizgileri */
body.tt-ic .kat-sag .pkd7 ul:not(.dk-liste) li span {
    flex: 1 1 50%; padding: 15px 16px !important; font-size: 14px !important; font-weight: 600; color: var(--ic-ink); text-align: right;
    background: transparent;
}
/* Daire detay künyesi (.dk-*) */
body.tt-ic .dk-serit { display: none; }
/* Kutu: dikey flex; .dk-icerik (künye tablosu + oda listesi) kalan yeri alır ve TEK parça kayar (taban temada her liste
   kendi içinde kayıyordu → iki liste olunca künye 3 satırda kesiliyordu); düğmeler (.dk-alt) altta sabit kalır. */
body.tt-ic .dk-kutu { background: transparent !important; padding: 18px !important; border-radius: 0; flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; max-height: 100%; }
body.tt-ic .dk-icerik { flex: 1 1 auto; min-height: 0; overflow-y: auto; scrollbar-width: thin; padding-right: 2px; }
body.tt-ic .dk-liste { border-radius: 10px; overflow: hidden auto; background: var(--ic-soft); }
body.tt-ic .dk-icerik .dk-liste { flex: 0 0 auto; overflow: visible; max-height: none; }
body.tt-ic .dk-satir { padding: 14px 16px; border-bottom: 1px dotted var(--ic-dot) !important; align-items: center; }
body.tt-ic .dk-satir:last-child { border-bottom: 0 !important; }
body.tt-ic .dk-satir.dthvr1:hover { background: rgba(31,35,40,.04); }
body.tt-ic .dk-ad { font-size: 13px; font-weight: 400; letter-spacing: .02em; color: var(--ic-ink-2); }
body.tt-ic .dk-ad::before { display: none; }
body.tt-ic .dk-deger { color: var(--ic-ink); }
body.tt-ic .dk-deger b { font-size: 14px; font-weight: 600; }
body.tt-ic .dk-deger span { color: var(--ic-ink-3); }
/* Künye tablosu (16.10.2026, kullanıcı örneği): iki kolon — sol ETİKET (büyük harf, soluk), sağ değer (kalın, ortalı);
   hücreler ince çizgiyle ayrılır, zemin bej. Altında "ODA ALANLARI" başlığı ve beyaz, çerçeveli oda listesi. */
body.tt-ic .dk-liste--kunye { border: 1px solid #d9d4c9; border-radius: 6px; overflow: hidden; background: var(--ic-soft); }
body.tt-ic .dk-liste--kunye .dk-satir { display: grid; grid-template-columns: 1fr 1fr; gap: 0; padding: 0; border-bottom: 1px solid #d9d4c9 !important; }
body.tt-ic .dk-liste--kunye .dk-satir:last-child { border-bottom: 0 !important; }
body.tt-ic .dk-liste--kunye .dk-ad { padding: 14px 14px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--ic-ink-2); border-right: 1px solid #d9d4c9; display: flex; align-items: center; }
/* Tip satırı taban CSS'te nowrap + sarmalı flex (.dk-satir--tip): tabloda uzun etiket değer hücresine taşıyordu → diğer satırlarla aynı */
body.tt-ic .dk-liste--kunye .dk-satir--tip { flex-wrap: nowrap; row-gap: 0; }
body.tt-ic .dk-liste--kunye .dk-satir--tip .dk-ad { flex: none; white-space: normal; min-width: 0; }
body.tt-ic .dk-liste--kunye .dk-satir--tip .dk-deger { flex: none; text-align: center; min-width: 0; }
body.tt-ic .dk-liste--kunye .dk-deger { padding: 14px 12px; text-align: center; font-weight: 600; font-size: 14px; color: var(--ic-ink); display: flex; align-items: center; justify-content: center; gap: 4px; }
body.tt-ic .dk-liste--kunye .dk-deger b { font-weight: 600; }
body.tt-ic .dk-liste--kunye .dk-deger span { color: var(--ic-ink); font-weight: 600; }
body.tt-ic .dk-baslik { margin: 18px 0 8px 2px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--ic-ink-2); }   /* künye etiketleriyle aynı aralık */
body.tt-ic .dk-liste--oda { background: #fff; border: 1px solid #d9d4c9; border-radius: 6px; overflow: hidden; }
body.tt-ic .dk-liste--oda .dk-satir { padding: 12px 14px; border-bottom: 1px solid var(--ic-line) !important; }
body.tt-ic .dk-liste--oda .dk-satir:last-child { border-bottom: 0 !important; }
body.tt-ic .dk-liste--oda .dk-satir.dthvr1:hover { background: var(--ic-soft); }
body.tt-ic .dk-liste--oda .dk-ad { font-size: 14px; color: var(--ic-ink); letter-spacing: 0; text-transform: none; }   /* taban CSS büyük harf yapıyordu ("ANTRE + HOL"); planda/galeride "Antre + Hol" */
body.tt-ic .dk-liste--oda .dk-deger { display: flex; align-items: baseline; gap: 4px; }
body.tt-ic .dk-liste--oda .dk-deger b { font-size: 14px; font-weight: 700; }
body.tt-ic .dk-liste--oda .dk-deger span { color: var(--ic-ink); font-weight: 700; font-size: 14px; }
body.tt-ic .dk-alt { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 14px; }
body.tt-ic .dk-btn {
    border-radius: 999px; background: var(--ic-taupe); border-color: var(--ic-taupe); color: #fff;
    font-size: 14px; font-weight: 600; padding: 11px 14px;
}
body.tt-ic .dk-btn:hover { background: var(--ic-taupe-2); border-color: var(--ic-taupe-2); color: #fff; }
body.tt-ic .dk-btn--ikincil { background: transparent; border-color: var(--ic-line); color: var(--ic-ink-2); }
body.tt-ic .dk-btn--ikincil:hover { background: var(--ic-soft); border-color: var(--ic-dot); color: var(--ic-ink); }
/* Daire detayındaki durum/fiyat şeridi (varsa) */
body.tt-ic .edaireozust1 { background: var(--ic-soft) !important; border-radius: 10px; }
body.tt-ic .edaireozust2 h3, body.tt-ic .edaireozust2 span { color: var(--ic-ink) !important; }
body.tt-ic .edaireozust3 { background: var(--ic-dot) !important; }
body.tt-ic .edaireust6 { background: var(--ic-taupe) !important; border-radius: 999px !important; }

/* ── Orta kart içi: plan, galeri, video ─────────────────────────────────── */
body.tt-ic .ortaGaleri__baslik { color: var(--ic-ink-3); font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
body.tt-ic .ortaGaleri__oge, body.tt-ic .ortaGaleri__video { border-radius: 10px; overflow: hidden; }
body.tt-ic .play-btn { background: #fff !important; color: var(--ic-ink) !important; border-radius: 10px !important; width: 44px; height: 44px; display: grid; place-items: center; box-shadow: var(--ic-card-shadow); }

/* ── Favori düğmeleri: kartların üstüne binmesin, üst barın sağ kümesinin soluna (yan yana) ── */
body.tt-ic .fav-bar { top: 14px !important; right: 400px; flex-direction: row; gap: 8px; }   /* sağ küme (telefon + 4 simge) ≈ 380px */
body.tt-ic .fav-panel { top: 72px !important; }
body.tt-ic .fav-btn { background: #fff; color: var(--ic-ink); box-shadow: var(--ic-card-shadow); }
body.tt-ic .fav-btn.aktif { background: var(--ic-taupe); color: #fff; }
body.tt-ic .fav-panel { background: #fff; color: var(--ic-ink); box-shadow: var(--ic-card-shadow); }
body.tt-ic .fav-panel__bas { background: var(--ic-soft); color: var(--ic-ink); border-bottom: 1px solid var(--ic-line); }
body.tt-ic .fav-item a { color: var(--ic-ink); }
body.tt-ic .fav-item a:hover { background: rgba(31,35,40,.04); }
body.tt-ic .fav-item__konum, body.tt-ic .fav-panel__bos, body.tt-ic .fav-item__sil { color: var(--ic-ink-3); }

/* ── Talep formu penceresi ──────────────────────────────────────────────── */
body.tt-ic .modal-content { border-radius: var(--ic-card-r); border: 0; box-shadow: var(--ic-card-shadow); }
body.tt-ic .modal-header { border-bottom: 1px solid var(--ic-line); }
body.tt-ic .modal-title { font-size: 15px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ic-ink); }

/* ── Mobil / tablet ─────────────────────────────────────────────────────── */
@media only screen and (max-width: 991px) {
    body.tt-ic .pkd3 { padding: 70px 10px 20px !important; }
    body.tt-ic .pkd6, body.tt-ic .cl30, body.tt-ic .cl049, body.tt-ic .cl49 { height: auto !important; min-height: 0 !important; }
    /* Daire detayı: plan kutusu (.ortaPlanGorsel) yüksekliğini içeriğinden alıyor, sayfa betiği (planBoyutla) de görseli
       kutunun ölçülen yüksekliğine sığdırıyor → kart auto olunca döngü 40px'lik plana iniyordu. Kutuya taban yükseklik verilir. */
    body.tt-ic .orta1--yeni .ortaPlanGorsel { min-height: 48vh; }
    body.tt-ic .pkd6, body.tt-ic .cl30, body.tt-ic .cl049 { margin-bottom: 12px; }
    body.tt-ic .pkd7 { padding: 14px; }
    body.tt-ic .dk-kutu { padding: 14px !important; }
    body.tt-ic .ecl49 { padding: 10px 14px; }
    body.tt-ic .ekatorta1 { padding: 9px 16px !important; font-size: 13px !important; }
    body.tt-ic .fav-bar { top: auto !important; bottom: 16px; right: 14px; }
    body.tt-ic .fav-panel { top: auto !important; bottom: 70px; max-height: 60vh !important; }
    /* Sol kart (mobilde en altta): mutlak konumlu içerik akışa alınır, kart içeriği kadar olur */
    body.tt-ic .pkd2 { position: static !important; transform: none !important; width: 100% !important; height: auto !important; padding: 14px; overflow: visible; }
    body.tt-ic .edairesol1 { position: static !important; padding: 6px 0 4px; }
    body.tt-ic .pkd6 { padding-bottom: 0 !important; }
}

/* ── Daire planı oda poligonları (16.10.2026) ───────────────────────────── */
/* Sayfa betiği #map1 alanlarından planın üstüne .dplan SVG katmanı kurar (maphilight tur temasında neverOn).
   Görünüm kullanıcı tarifi: noktalı taupe kontur, hafif dolgu; künye satırına / plana gelince .on ile koyulaşır.
   Katman olay almaz (pointer-events none): hover alanlara, tıklama plana (büyütme) düşer. */
body.tt-ic .orta1--yeni .ortaPlanGorsel { position: relative; }
body.tt-ic .orta1--yeni #imgProje { cursor: pointer; }
body.tt-ic .dplan { position: absolute; left: 0; top: 0; pointer-events: none; overflow: visible; z-index: 3; }
body.tt-ic .dplan polygon.rm.go {
    cursor: pointer;
    fill: rgba(167, 152, 134, .14);
    stroke: rgba(143, 128, 110, .55);
    stroke-width: 1;
    stroke-dasharray: 1.4 1.1;
    vector-effect: non-scaling-stroke;
    transition: fill .15s ease, stroke .15s ease;
}
/* Vurgu (kullanıcı örneği 16.10.2026): krem yıkama + düz koyu zeytin kontur; ortada beyaz yuvarlak kutuda oda adı */
body.tt-ic .dplan polygon.rm.go.on { fill: rgba(255, 248, 225, .5); stroke: #63552b; stroke-width: 2; stroke-dasharray: none; }
body.tt-ic .dplan-etiket {
    position: absolute; z-index: 4; pointer-events: none; transform: translate(-50%, -50%);
    background: #fff; color: var(--ic-ink); font: 600 13px/1 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .01em;
    padding: 8px 12px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 0, 0, .18); white-space: nowrap;
    opacity: 0; transition: opacity .15s ease;
}
body.tt-ic .dplan-etiket.on { opacity: 1; }

/* ── Kat detay sağ paneli = daire detay yapısı (16.10.2026) ─────────────────
   Görünüm tur temasında .dk-liste--kunye (+ .kat-oda listesi) basar; taban ProjeKatDetay.css'in .pkd7 li/b/span kuralları
   (yüzde genişlik, 15-25px dolgu, büyük harf, dikey kenarlık, float) .dk-* yapısını bozmasın diye burada sıfırlanır. */
body.tt-ic .pkd4_0 { display: none !important; }   /* yalnız gizli "geri" bağlantısını taşıyan 40px'lik boş satır: kartları aşağı itip sayfayı kaydırıyordu */
body.tt-ic .kat-sag .pkd7 { padding: 18px; text-align: left; }
body.tt-ic .kat-sag .pkd7 .dk-liste li { float: none; width: auto; height: auto; min-height: 0; margin: 0; background: transparent; justify-content: flex-start; }
body.tt-ic .kat-sag .pkd7 .dk-liste--kunye li { display: grid !important; padding: 0 !important; }
body.tt-ic .kat-sag .pkd7 .dk-liste--oda li { display: flex !important; justify-content: space-between; padding: 12px 14px !important; }
body.tt-ic .kat-sag .pkd7 .dk-liste .dk-ad, body.tt-ic .kat-sag .pkd7 .dk-liste .dk-deger { float: none; width: auto; height: auto; min-height: 0; line-height: 1.35; background: transparent; flex: none; overflow-wrap: anywhere; }
body.tt-ic .kat-sag .pkd7 .dk-liste--kunye .dk-ad { padding: 14px !important; font-size: 12px !important; font-weight: 400; letter-spacing: .08em; text-transform: uppercase; text-align: left; color: var(--ic-ink-2); border: 0 !important; border-right: 1px solid #d9d4c9 !important; display: flex; align-items: center; }
body.tt-ic .kat-sag .pkd7 .dk-liste--kunye .dk-deger { padding: 14px 12px !important; font-size: 14px !important; font-weight: 600; text-align: center; color: var(--ic-ink); border: 0 !important; display: flex; align-items: center; justify-content: center; gap: 4px; }
body.tt-ic .kat-sag .pkd7 .dk-liste--oda .dk-ad { padding: 0 !important; font-size: 14px !important; font-weight: 400; text-transform: none; letter-spacing: 0; text-align: left; color: var(--ic-ink); border: 0 !important; display: block; }
body.tt-ic .kat-sag .pkd7 .dk-liste--oda .dk-deger { padding: 0 !important; font-size: 14px !important; text-align: right; border: 0 !important; display: flex; align-items: baseline; gap: 4px; }
body.tt-ic .kat-sag .pkd7 .dk-liste .dk-deger b, body.tt-ic .kat-sag .pkd7 .dk-liste .dk-deger span { display: inline; float: none; width: auto; height: auto; min-height: 0; padding: 0 !important; margin: 0; border: 0 !important; text-transform: none; letter-spacing: 0; line-height: inherit; background: transparent; flex: none; font-size: 14px; }
body.tt-ic .kat-sag .pkd7 .dk-liste--kunye .dk-deger b, body.tt-ic .kat-sag .pkd7 .dk-liste--kunye .dk-deger span { font-weight: 600; color: var(--ic-ink); }
body.tt-ic .kat-sag .pkd7 .dk-liste--oda .dk-deger b, body.tt-ic .kat-sag .pkd7 .dk-liste--oda .dk-deger span { font-weight: 700; color: var(--ic-ink); }
body.tt-ic .kat-sag .pkd7 .dk-liste b::after { display: none !important; }
body.tt-ic .kat-sag .pkd7 .dk-baslik { text-align: left; }

/* ── KAT DETAY: kart içerikleri ORTALI (17.10.2026, kullanıcı: "kat detay sayfasında da ortalı olsun — kat planı, soldaki bina,
   sağdaki kat adı tablosu") — yalnız kartlar yan yanayken (≥992px); dar ekranda alt alta akış aynen.
   Sol: bina görseli + kat çipleri başlığın altındaki alanın ortasında (16.10'daki "başlığın altında aksın" kuralı yalnız çip
   varken yazılmıştı; bina görseli eklenince kartın üst yarısında kalıp altı boş görünüyordu). Boş .ekatsol1 (&nbsp;) satırı gizli.
   Orta: plan kabı (.dikeykat1) 1610px üstünde yüksekliksiz kalıyor, .orta1 başlık dahil tüm karta göre ortalanıyor ve tam ekran
   simgesi planın altına satır ekliyordu → kap başlık çizgisinden kart altına kadar, plan onun ortasında, simge sağ altta.
   Sağ: künye tablosu kart gövdesinin dikey ortasında ("safe": içerik taşarsa üstten kesilmez, kayar). */
@media only screen and (min-width: 992px) {
    body.tt-ic .kat-sol .pkd6 { display: flex; flex-direction: column; }
    body.tt-ic .kat-sol .pkd2 { flex: 1 1 auto; min-height: 0; justify-content: center; align-items: center; text-align: center; }
    body.tt-ic .kat-sol .ekatbilgi12 { text-align: center; }
    body.tt-ic .kat-sol .pkd6 > .ekatsol1 { display: none; }
    body.tt-ic .kat-orta .dikeykat1 { position: absolute !important; top: var(--ic-bas-h); left: 0; right: 0; bottom: 0; height: auto !important; padding: 0; }
    body.tt-ic .kat-orta .dikeykat1 > .orta1 {
        position: absolute; top: 0; left: 0; right: 0; bottom: 0; transform: none;
        width: 100%; height: 100%; padding: 28px 32px; box-sizing: border-box;
    }
    body.tt-ic .kat-orta .orta1 > .ekatsol1 { position: absolute; right: 16px; bottom: 16px; width: auto; margin: 0; padding: 0; }
    body.tt-ic .kat-sag .pkd7 { display: flex; flex-direction: column; justify-content: safe center; }
}

/* ── PLANLAR SAYFASI (17.10.2026) ──────────────────────────────────────────
   projeplanlar.cshtml tur temasında .pkd3 kapsayıcısına .tt-planlar ekler: sol filtre kartı ve bağımsız bölüm kartları
   iç sayfalarla aynı dile geçer (krem zemin, beyaz 14px kartlar, taupe düğme, yumuşak durum rozetleri, IBM Plex Sans).
   Sayfanın kendi <style>'ındaki turuncu üst çizgi, sabitlenme konumu ve doygun rozet renkleri burada ezilir; filtre
   betiği ve kart yapısı değişmez. Kullanıcı isteği: "planlar sayfası ayrı bir sayfa gibi durmasın". */
body.tt-ic .tt-planlar .pkd6 { height: auto !important; min-height: 0; top: 86px; margin-top: 0; border-top: 0 !important; padding: 0; max-height: calc(100vh - 104px); }
body.tt-ic .tt-planlar .pkd6 > .eplan8 { padding: 18px; }
body.tt-ic .tt-planlar .planfiltre-blok { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px dotted var(--ic-dot); }
body.tt-ic .tt-planlar .planfiltre-wrapper > .planfiltre-blok:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
body.tt-ic .tt-planlar .planfiltre-baslik { font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--ic-ink-2); }
body.tt-ic .tt-planlar .plan-acilir__ozet { color: var(--ic-taupe-2); }
body.tt-ic .tt-planlar .plan-acilir__ok { color: var(--ic-ink-3); }
body.tt-ic .tt-planlar .planbtn-plan { border-radius: 999px; border: 1px solid var(--ic-line); background: #fff; color: var(--ic-ink); font-size: 12.5px; font-weight: 500; padding: 6px 12px; transition: background .15s ease, border-color .15s ease, color .15s ease; }
body.tt-ic .tt-planlar .planbtn-plan:hover { background: var(--ic-soft); border-color: var(--ic-dot); }
body.tt-ic .tt-planlar .planbtn-plan.active { background: var(--ic-taupe); border-color: var(--ic-taupe); color: #fff; box-shadow: none; }
body.tt-ic .tt-planlar .plan-adet { opacity: .6; }
body.tt-ic .tt-planlar .plan-m2-girdi input { border: 1px solid var(--ic-line); border-radius: 8px; padding: 7px 10px; color: var(--ic-ink); }
body.tt-ic .tt-planlar .plan-m2-girdi input:focus { outline: 2px solid var(--ic-taupe); outline-offset: 1px; }
body.tt-ic .tt-planlar .plan-m2-girdi span { color: var(--ic-ink-3); }
body.tt-ic .tt-planlar .eplansil1 { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--ic-line); }
body.tt-ic .tt-planlar .eplansil1 button { width: 100%; height: 40px; border-radius: 999px; border: 1px solid var(--ic-line); color: var(--ic-ink-2); font-size: 13px; font-weight: 600; }
body.tt-ic .tt-planlar .eplansil1 button:hover { background: var(--ic-soft); color: var(--ic-ink); border-color: var(--ic-dot); }
body.tt-ic .tt-planlar .eplansil1 i { color: var(--ic-taupe); font-size: 16px; }
/* Geri şeridi: kart içinde değil, kartların üstünde tek satır; iç sütun dolguları kaldırılır ki kartlar filtre kartıyla hizalansın */
body.tt-ic .tt-planlar .ecl49 { border: 0; padding: 0 0 14px; }
body.tt-ic .tt-planlar .ekatbilgi5 > .col-md-12, body.tt-ic .tt-planlar .ekatbilgi5 > .col-md-12 > .col-md-12 { padding-left: 0; padding-right: 0; }
body.tt-ic .tt-planlar .eplan1 { padding: 0; }
body.tt-ic .tt-planlar .eplan1 > .row { --bs-gutter-x: 18px; }
/* Bölüm kartı */
body.tt-ic .tt-planlar .eplan2 a { background: var(--ic-card); border: 1px solid var(--ic-line); border-radius: var(--ic-card-r); box-shadow: var(--ic-card-shadow); padding: 18px; margin-bottom: 18px; transition: transform .2s ease, box-shadow .2s ease; }
body.tt-ic .tt-planlar .eplan2 a:hover { transform: translateY(-2px); box-shadow: 0 2px 4px rgba(31,35,40,.05), 0 14px 36px rgba(31,35,40,.10); background: #fff; }
body.tt-ic .tt-planlar .eplan3 { border-bottom: 1px solid var(--ic-line); padding-bottom: 12px; margin-bottom: 14px; }
body.tt-ic .tt-planlar .eplan3 h2 { font-size: 15px; font-weight: 600; letter-spacing: .02em; color: var(--ic-ink); }
body.tt-ic .tt-planlar .eplan3 h2 i { color: var(--ic-taupe); }
body.tt-ic .tt-planlar .eplan-konum { color: var(--ic-ink-3); font-size: 12.5px; font-weight: 500; opacity: 1; }
body.tt-ic .tt-planlar .eplan4 { min-height: 120px; background: var(--ic-soft); border-radius: 10px; padding: 40px 10px 12px; }   /* üst pay: durum rozeti (mutlak, sağ üst) plan görselinin köşesine binmesin */
body.tt-ic .tt-planlar .eplan4 img { max-height: 120px; mix-blend-mode: multiply; }   /* plan çizimi beyaz zeminli: bej kutuya oturur */
body.tt-ic .tt-planlar .eplan5 { border-top: 1px solid var(--ic-line); padding: 14px 0; margin-top: 16px; }
body.tt-ic .tt-planlar .eplan7 { font-size: 14px; font-weight: 600; color: var(--ic-ink); }
body.tt-ic .tt-planlar .eplan-m2 i { color: var(--ic-taupe); font-size: 13px; }
body.tt-ic .tt-planlar .eplan-tip { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 999px; background: var(--ic-soft); color: var(--ic-ink-2); }
body.tt-ic .tt-planlar .eplan6 { background: var(--ic-taupe); border-radius: 999px; padding: 10px 16px; text-align: center; }
body.tt-ic .tt-planlar .eplan6 p { font-size: 12px; font-weight: 600; letter-spacing: .1em; }
body.tt-ic .tt-planlar .eplan2 a:hover .eplan6 { background: var(--ic-taupe-2); }
/* Durum rozeti: iç sayfadaki .tt-durum çipleriyle aynı yumuşak renkler */
body.tt-ic .tt-planlar .eplan-rozet { top: 10px; right: 10px; padding: 5px 10px; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; box-shadow: none; }
body.tt-ic .tt-planlar .eplan-rozet-musait { background: var(--ic-ok-bg); color: var(--ic-ok); }
body.tt-ic .tt-planlar .eplan-rozet-rezerve { background: rgba(217,164,65,.18); color: #a8782a; }
body.tt-ic .tt-planlar .eplan-rozet-kira { background: rgba(139,92,246,.14); color: #6d4fc2; }
body.tt-ic .tt-planlar .eplan-rozet-satildi { background: rgba(117,131,143,.16); color: #5d6b78; }
body.tt-ic .tt-planlar .eplan-satildi a { background: #faf9f6; }
@media only screen and (max-width: 991px) {
    body.tt-ic .tt-planlar .pkd6 { position: static; max-height: none; margin-bottom: 14px; }
    body.tt-ic .tt-planlar .pkd6 > .eplan8 { padding: 14px; }
    body.tt-ic .tt-planlar .ecl49 { padding: 0 0 12px; }
    body.tt-ic .tt-planlar .eplan2 a { margin-bottom: 14px; }
}

/* ── SADE PLAN — daire detay ORTA KART (17.10.2026) ──────────────────────────
   ProjeDaireDetay.cshtml `turSadePlan` (tur temasında true) → .pkd3.tt-sade. Sol blok kartı ve sağ künye kartı AYNEN durur
   (kullanıcı düzeltmesi: "sadece orta blok değişecekti, solda kat planı falan kalacaktı"); yalnız orta kartın planı değişir:
   sağ galeri sütunu basılmaz (plan kartın tamamını kullanır), odaya gelince gri "Salon - 25 M²" balonu (aşağı oklu),
   tıklayınca oda galerisi Fancybox'ta (.tt-oda-fancy; 360° slaytlar iframe), kartın sol altında taupe "VR Sanal Tur" hapı.
   Tam sayfa "yalnız plan" sürümü (.tt-sade-tam, turYalnizPlan) aşağıda ayrı; şu an KAPALI. */
body.tt-ic .tt-sade .orta1--yeni { position: relative; padding-bottom: 62px; }
body.tt-ic .tt-sade .orta1--yeni .mblalt1 { display: none; }
/* Plan biraz küçük ve kartın ortasında (17.10.2026, kullanıcı: "biraz küçültebilir misin, ortalı güzel dursun"): sayfa betiği
   (planBoyutla) --plan-olcek oranını uygular; tam ekran simgesi yan şeritten çıkıp sağ alta biner → plan kutusu kartın tam
   genişliğini alır, görsel yatayda kartın tam ortasına gelir (şerit yüzünden ~22px sola kayıyordu). Yalnız masaüstü/tablet. */
@media only screen and (min-width: 992px) {
    body.tt-ic .tt-sade .orta1--yeni .ortaPlanGorsel { --plan-olcek: .86; }
    body.tt-ic .tt-sade .orta1--yeni .ortaPlan .ekatsol1 { position: absolute; right: 4px; bottom: 0; margin: 0; z-index: 5; }
}
/* Alt haplar (kartın altında; tam sayfada solda Sanal Tur, sağda Sanal Asistan) */
body.tt-ic .tt-sade-alt {
    position: absolute; left: 4px; right: 4px; bottom: 8px; z-index: 5;
    display: flex; justify-content: space-between; align-items: center; gap: 12px; pointer-events: none;
}
body.tt-ic .tt-hap {
    pointer-events: auto; display: inline-flex; align-items: center; gap: 8px;
    background: var(--ic-taupe); color: #fff !important; border: 0; border-radius: 999px; padding: 12px 26px;
    font: 600 15px/1.1 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .01em; text-decoration: none; white-space: nowrap;
    box-shadow: 0 6px 18px rgba(31, 35, 40, .12); transition: background .15s ease, transform .15s ease;
}
body.tt-ic .tt-hap:hover { background: var(--ic-taupe-2); color: #fff !important; transform: translateY(-1px); }
body.tt-ic .tt-hap:focus-visible { outline: 2px solid var(--ic-ink); outline-offset: 2px; }
body.tt-ic .tt-hap i { font-size: 16px; color: #fff; line-height: 1; }
body.tt-ic .tt-hap--pasif { opacity: .5; cursor: default; box-shadow: none; }
body.tt-ic .tt-hap--pasif:hover { background: var(--ic-taupe); transform: none; }
/* SANAL TUR BAŞLIKTA (17.10.2026 akşam, kullanıcı: "sanal tur orada kötü duruyor"): .tt-tur-ust → hap planın altından
   orta kart başlığına, "Teklif Al"ın soluna (ince taupe çerçeveli ikincil hap; Teklif Al dolu kalır). Alt boşluk geri alınır. */
body.tt-ic .tt-tur-ust .ecl49 { gap: 10px; }
body.tt-ic .tt-tur-ust .ecl49 .cl46 { margin-right: auto; }
body.tt-ic .tt-bas-tur {
    display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
    background: #fff; color: var(--ic-taupe-2) !important; border: 1px solid var(--ic-taupe); border-radius: 999px;
    padding: 12px 20px; font: 600 14px/1.1 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .01em;   /* Teklif Al ile aynı boy (43 px) */
    text-decoration: none; white-space: nowrap; transition: background .15s ease, color .15s ease;
}
body.tt-ic .tt-bas-tur i { font-size: 17px; line-height: 1; color: var(--ic-taupe); transition: color .15s ease; }
body.tt-ic .tt-bas-tur:hover { background: var(--ic-taupe); color: #fff !important; }
body.tt-ic .tt-bas-tur:hover i { color: #fff; }
body.tt-ic .tt-bas-tur:focus-visible { outline: 2px solid var(--ic-ink); outline-offset: 2px; }
body.tt-ic .tt-bas-tur--pasif { opacity: .45; cursor: default; }
body.tt-ic .tt-bas-tur--pasif:hover { background: #fff; color: var(--ic-taupe-2) !important; }
body.tt-ic .tt-bas-tur--pasif:hover i { color: var(--ic-taupe); }
body.tt-ic .tt-tur-ust.tt-sade .orta1--yeni { padding-bottom: 14px; }   /* iki sınıf: mobil 60px kuralını da ezer */
@media only screen and (max-width: 575px) {
    /* dar ekranda yalnız VR simgesi (yuvarlak), yazı ekran okuyucuda aria-label'dan */
    body.tt-ic .tt-bas-tur { padding: 0; width: 38px; height: 38px; justify-content: center; }
    body.tt-ic .tt-bas-tur span { display: none; }
}
/* Oda balonu (örnek: açık gri kutu, ince gri çerçeve, aşağı ok; odanın iç noktasının ÜSTÜNDE) */
body.tt-ic .tt-sade .dplan-etiket {
    transform: translate(-50%, calc(-100% - 12px));
    background: #f2f2f1; color: #6b6b6b; border: 1px solid #d5d5d3; border-radius: 4px;
    font: 400 15px/1 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .01em;
    padding: 10px 14px; box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}
body.tt-ic .tt-sade .dplan-etiket::after {
    content: ""; position: absolute; left: 50%; top: 100%; width: 10px; height: 10px;
    background: #f2f2f1; border-right: 1px solid #d5d5d3; border-bottom: 1px solid #d5d5d3;
    transform: translate(-50%, -50%) rotate(45deg);
}
body.tt-ic .tt-sade #map1 area[data-oda-galeri] { cursor: pointer; }
/* Planı olmayan tip: plan yerine örnek oda kartları (kırık plan görseli ve tam ekran simgesi gizlenir) */
body.tt-ic .tt-sade .ortaPlanGorsel:has(.tt-ornek-odalar) > .plan-buyut,
body.tt-ic .tt-sade .ortaPlan:has(.tt-ornek-odalar) .ekatsol1 { display: none !important; }
body.tt-ic .tt-ornek-odalar { width: min(920px, 100%); margin: auto; padding: 4px 6px; text-align: left; max-height: 100%; overflow-y: auto; scrollbar-width: thin; }
body.tt-ic .tt-ornek-odalar__bas { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 2px 14px; }
body.tt-ic .tt-ornek-odalar__bas b { font-size: 13px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--ic-ink); }
body.tt-ic .tt-ornek-odalar__bas span { font-size: 13px; color: var(--ic-ink-3); }
body.tt-ic .tt-ornek-odalar__izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 14px; }
body.tt-ic .tt-ornek-kart {
    display: block; padding: 0; border: 1px solid var(--ic-line); border-radius: 12px; overflow: hidden; background: #fff; cursor: pointer; text-align: left;
    transition: transform .2s ease, box-shadow .2s ease;
}
body.tt-ic .tt-ornek-kart:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(31, 35, 40, .10); }
body.tt-ic .tt-ornek-kart:focus-visible { outline: 2px solid var(--ic-taupe); outline-offset: 2px; }
body.tt-ic .tt-ornek-kart img { display: block; width: 100%; aspect-ratio: 8 / 5; object-fit: cover; background: var(--ic-soft); }
body.tt-ic .tt-ornek-kart span { display: block; padding: 11px 14px; font: 500 14px/1.2 "IBM Plex Sans", system-ui, sans-serif; color: var(--ic-ink); }
/* Oda galerisi ve sanal tur pencereleri: iframe (360° / 3DVista) koyu zeminde ekranın büyük kısmını alır
   (taban fancybox iframe zemini saydam: tur yüklenene kadar arkadaki plan görünüyordu) */
body.tt-ic:has(.pkd3.tt-sade) .fancybox__slide.has-iframe .fancybox__content,
body.tt-ic .tt-oda-fancy .fancybox__slide.has-iframe .fancybox__content {
    width: min(1440px, 94vw); height: min(860px, 80vh); padding: 0; border-radius: 10px; overflow: hidden;
    background: #111 !important;   /* sayfanın kendi <style>'ı .fancybox__content'i transparent !important yapıyor (resimler için) */
}
body.tt-ic .tt-oda-fancy .fancybox__caption { font: 500 14px/1.3 "IBM Plex Sans", system-ui, sans-serif; letter-spacing: .02em; }
@media only screen and (max-width: 991px) {
    body.tt-ic .tt-sade .orta1--yeni { padding-bottom: 60px; }
    body.tt-ic .tt-hap { padding: 11px 18px; font-size: 14px; }
    body.tt-ic:has(.pkd3.tt-sade) .fancybox__slide.has-iframe .fancybox__content,
    body.tt-ic .tt-oda-fancy .fancybox__slide.has-iframe .fancybox__content { width: 100vw; height: 70vh; border-radius: 0; }
}

/* ── YALNIZ PLAN — TAM SAYFA (17.10.2026 ilk sürüm; KAPALI) ────────────────────
   ProjeDaireDetay.cshtml `turYalnizPlan = true` → .pkd3.tt-sade.tt-sade-tam: sol/sağ kartlar d-none, orta kolon col-12,
   beyaz zemin, plan ekranın ortasında, sol altta Sanal Tur + sağ altta Sanal Asistan hapı, yüzen WhatsApp gizli. */
body.tt-ic:has(.pkd3.tt-sade-tam) { background: #fff !important; }
body.tt-ic:has(.pkd3.tt-sade-tam) .call-button { display: none !important; }   /* yüzen WhatsApp Sanal Asistan hapına biniyordu; üst barda aynısı var */
body.tt-ic .pkd3.tt-sade-tam { background: #fff; padding: 78px 22px 44px !important; min-height: 100vh; }   /* alt pay: sağ alttaki "inşaat" imzası hapların altında */
body.tt-ic .tt-sade-tam .cl049,
body.tt-ic .tt-sade-tam .cl49 { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; padding: 0; }
body.tt-ic .tt-sade-tam .cl049 { height: calc(100vh - 122px) !important; min-height: 0 !important; }
body.tt-ic .tt-sade-tam .cl49 { height: 100% !important; display: flex; flex-direction: column; position: relative; }
body.tt-ic .tt-sade-tam .cl49 > .col-md-12 { flex: 1 1 auto; min-height: 0; padding: 0; }
body.tt-ic .tt-sade-tam .ecl49 { position: absolute; top: 0; left: 0; z-index: 6; border: 0; padding: 0; background: transparent; }
body.tt-ic .tt-sade-tam .ecl49 .ekatorta1 { display: none !important; }
body.tt-ic .tt-sade-tam .cl46 { font-size: 13.5px; font-weight: 500; color: var(--ic-ink-2) !important; }
body.tt-ic .tt-sade-tam .cl46 span { width: 32px; height: 32px; font-size: 15px; }
body.tt-ic .tt-sade-tam .orta1--yeni { height: 100% !important; padding: 46px 0 72px; overflow: visible; }
body.tt-ic .tt-sade-tam .tt-sade-alt { left: 0; right: 0; bottom: 0; }
body.tt-ic .tt-sade-tam .orta1--yeni .ortaPlan .ekatsol1 { position: absolute; right: 0; bottom: 0; margin: 0; z-index: 5; }
body.tt-ic .tt-sade-tam .orta1--yeni .ortaPlan .ekatsol1 a { width: 44px; height: 44px; border-radius: 10px; font-size: 18px; }
@media only screen and (max-width: 991px) {
    body.tt-ic .pkd3.tt-sade-tam { padding: 66px 12px 42px !important; min-height: 0; }
    body.tt-ic .tt-sade-tam .cl049 { height: calc(100dvh - 108px) !important; margin-bottom: 0; }
    body.tt-ic:has(.pkd3.tt-sade-tam) .fav-bar { top: 66px !important; bottom: auto !important; right: 12px !important; }
    body.tt-ic:has(.pkd3.tt-sade-tam) .fav-panel { top: 118px !important; bottom: auto !important; }
    body.tt-ic:has(.pkd3.tt-sade-tam) .ipts-katre { bottom: 8px !important; right: 12px !important; }
    body.tt-ic .tt-sade-tam .ekatbilgi5 { margin-bottom: 0 !important; }
    body.tt-ic .tt-sade-tam .orta1--yeni { border-bottom: 0 !important; padding: 44px 0 64px; height: 100% !important; }
    body.tt-ic .tt-sade-tam .orta1--yeni .ortaPlanGorsel { min-height: 0; }
    body.tt-ic .tt-sade-tam .orta1--yeni .ortaAlt { flex-wrap: nowrap; height: 100%; }
    body.tt-ic .tt-sade-tam .orta1--yeni .ortaPlan { flex-direction: row; height: 100%; }
}
