.ft{ --ft-logo-h:clamp(2.4rem,3.6vw,3.15rem); background:var(--z1);color:var(--mrk); border-block-start:1px solid var(--cizgi); view-timeline-name:--ft-gorunum;view-timeline-axis:block; } .ft-b1{padding-block:clamp(3.4rem,6vw,5.4rem) clamp(1.6rem,2.6vw,2.2rem)} .ft-mega{ --ft-logo:url(/kalici/t-23/tema/assets/logo/marka-yazi-tek-en.svg);--ft-oran:10.71; display:block;margin:0;inline-size:100%;aspect-ratio:var(--ft-oran); background:currentColor;color:var(--mrk); -webkit-mask:var(--ft-logo) no-repeat center/contain; mask:var(--ft-logo) no-repeat center/contain; } html[lang="tr"] .ft-mega{--ft-logo:url(/kalici/t-23/tema/assets/logo/marka-yazi-tek-tr.svg);--ft-oran:9.36} html[lang="ar"] .ft-mega{--ft-logo:url(/kalici/t-23/tema/assets/logo/marka-yazi-tek-ar.svg);--ft-oran:4.25} @supports (animation-timeline:view()){ .ft-mega{animation:ft-yerine linear both;animation-timeline:--ft-gorunum; animation-range:entry 8% entry 72%} } @keyframes ft-yerine{from{opacity:0;transform:translateY(.08em)}to{opacity:1;transform:none}} @media(prefers-reduced-motion:reduce){.ft-mega{animation:none;opacity:1;transform:none}} .ft-mega{ position:relative;isolation:isolate; --ft-x:-999px; --ft-y:-999px; --ft-r:clamp(4rem,9vw,8.5rem); --ft-isik:#000; } html[data-tema="koyu"] .ft-mega{--ft-isik:#C9CFCB} .ft-mega::after{ content:"";position:absolute;inset:0;pointer-events:none; background:radial-gradient(circle var(--ft-r) at var(--ft-x) var(--ft-y), var(--ft-isik) 0 100%, transparent 0); -webkit-mask:var(--ft-logo) no-repeat center/contain; mask:var(--ft-logo) no-repeat center/contain; opacity:0;transition:opacity .28s ease; } .ft-mega[data-ft-isik]::after{opacity:1} @media (pointer:coarse){ .ft-mega::after{display:none} } .ft-b2{display:grid;gap:clamp(1.8rem,3.4vw,2.8rem);padding-block:clamp(2rem,3.6vw,3rem); border-block-start:1px solid var(--cizgi2);grid-template-columns:minmax(0,1fr)} @media(min-width:60rem){ .ft-b2{grid-template-columns:minmax(15rem,.95fr) minmax(0,2.2fr) minmax(11.5rem,.75fr)} } .ft-et{font-size:var(--yz-etk);font-weight:700;letter-spacing:.2em;text-transform:uppercase; color:var(--mrk2);margin-block-end:.9rem} html[lang="ar"] .ft-et{letter-spacing:0;text-transform:none} .ft-tel{display:block;font-size:clamp(1.45rem,2.5vw,1.95rem);font-weight:800;letter-spacing:-.03em; font-variant-numeric:tabular-nums;font-feature-settings:"tnum";unicode-bidi:isolate; min-block-size:2.75rem;transition:color var(--mikro) var(--egri)} .ft-tel:hover{color:var(--toprak-mtn)} .ft-tel bdi{unicode-bidi:isolate} .ft-ktk-l{display:grid;gap:.65rem;margin-block:.9rem 1.3rem;color:var(--mrk2);font-size:var(--yz-dgm)} .ft-ktk-l p{margin:0;display:flex;gap:.6rem;align-items:flex-start} /* İkon, metnin İLK SATIRIYLA ortalanır. Sabit .15rem ikonu yukarıda bırakıyordu: ikon 16px, satır yüksekliği dile göre değişiyor (TR 24,3px · AR 29,25px) ve Arapça footer'da e-posta/adres yazısı ikondan ~4px aşağıda duruyordu. 1lh = satır yüksekliği; desteklemeyen tarayıcı için aşağıdaki sabit geçerli kalır. */ .ft-ktk-l svg{flex:none;margin-block-start:.26rem;color:var(--mrk3)} @supports (block-size:1lh){ .ft-ktk-l svg{margin-block-start:calc((1lh - 1rem) / 2)} } /* E-POSTA SATIRI İSTİSNASI: mailto bağlantısına dokunma hedefi için min-block-size:2.75rem (44px) verilmiş ve metnini kendi içinde ORTALIYOR (aşağıdaki .ft-b2 kuralı). İkon ise ilk satıra göre hizalanınca metinden ~7px yukarıda kalıyordu. Bu satırda ikon da aynı 44px kutunun ortasına gelir. */ .ft-ktk-l p:has(> a[href^="mailto:"]) svg{align-self:center;margin-block-start:0} .ft-ktk-l a{transition:color var(--mikro) var(--egri)} .ft-ktk-l a:hover{color:var(--mrk)} .ft-sos-sar{display:flex;gap:.45rem} .ft-sos{inline-size:2.75rem;block-size:2.75rem;display:grid;place-items:center;border-radius:50%; border:1px solid var(--cizgi-bilesen);color:var(--mrk2); transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri)} .ft-sos:hover{background:var(--mrk);color:var(--z1)} .ft-ag{display:grid;gap:.2rem} @media(min-width:44rem){.ft-ag{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.7rem 1.4rem}} .ft-sut{border-block-end:1px solid var(--cizgi2)} .ft-sut summary{list-style:none;cursor:pointer;padding-block:.95rem;display:flex; align-items:center;justify-content:space-between;gap:1rem;min-block-size:2.75rem; font-size:var(--yz-etk);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--mrk2); transition:color var(--mikro) var(--egri)} html[lang="ar"] .ft-sut summary{letter-spacing:0;text-transform:none} .ft-sut summary::-webkit-details-marker{display:none} .ft-sut summary:hover{color:var(--mrk)} .ft-sut summary svg{transform:rotate(180deg);transition:transform var(--gecis) var(--egri);color:var(--mrk3)} .ft-sut[open] summary svg{transform:none} .ft-sut ul{margin:0;padding:0 0 1rem;list-style:none;display:grid;gap:0} .ft-sut ul a{display:flex;align-items:center;min-block-size:2.75rem} .ft-sut a{color:var(--mrk2);font-size:var(--yz-dgm);transition:color var(--mikro) var(--egri)} .ft-sut a:hover{color:var(--mrk)} @media(min-width:44rem){ .ft-sut{border-block-end:0} .ft-sut summary{pointer-events:none;padding-block:0 .85rem;min-block-size:0} .ft-sut summary svg{display:none} .ft-sut ul{padding-block-end:0} } .ft-saat{border-inline-start:1px solid var(--cizgi2);padding-inline-start:clamp(1rem,2vw,1.6rem)} @media(max-width:59.99rem){ .ft-saat{border-inline-start:0;padding-inline-start:0; border-block-start:1px solid var(--cizgi2);padding-block-start:1.4rem} } .ft-saat-d{display:block;font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;letter-spacing:-.04em; line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";unicode-bidi:isolate} .ft-saat p{margin:.5rem 0 0;color:var(--mrk2);font-size:var(--yz-kck)} .ft-ust-dgm{margin-block-start:1.4rem;display:inline-flex;align-items:center;gap:.6rem; border:1px solid var(--cizgi-bilesen);background:transparent;color:inherit;border-radius:var(--yr-xl); padding:.7rem 1.15rem;font-size:var(--yz-kck);font-weight:600;cursor:pointer;min-block-size:2.75rem; transition:background var(--mikro) var(--egri),color var(--mikro) var(--egri)} .ft-ust-dgm:hover{background:var(--mrk);color:var(--z1)} .ft-b3{padding-block:clamp(1.9rem,3.4vw,2.8rem);border-block-start:1px solid var(--cizgi2); display:grid;grid-template-columns:repeat(5,minmax(0,1fr)); /* 22.09.2026: 6 → 5 logo (tek Emlak Konut) */ align-items:center;justify-items:center;gap:clamp(1rem,2.2vw,2rem)} .ft-b3 > :first-child{justify-self:start} .ft-b3 > :last-child{justify-self:end} @media(max-width:43.99rem){ .ft-b3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); justify-items:start;align-items:center;gap:clamp(1.6rem,6vw,2.2rem)} .ft-b3 > :first-child, .ft-b3 > :last-child{justify-self:start} } .ft-logo{--h:var(--ft-logo-h);display:block; block-size:calc(var(--h) * var(--k));inline-size:calc(var(--h) * var(--k) * var(--o)); background:currentColor;color:var(--mrk2); -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; -webkit-mask-size:contain;mask-size:contain; -webkit-mask-position:center;mask-position:center; transition:color var(--mikro) var(--egri)} .ft-logo:hover{color:var(--mrk)} /* 22.09.2026 17:48 Patron: Emlak Konut logosu dile göre. Önceki iki logo (GYO + LLC) aynı logoya dönüşeceği için alt bilgide tek Emlak Konut logosu kaldı (eski dosyalar yedek). */ .ft-logo-ek{--o:1.895;-webkit-mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-tr.png);mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-tr.png)} html[lang="en"] .ft-logo-ek{--o:1.807;-webkit-mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-en.png);mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-en.png)} html[lang="ar"] .ft-logo-ek{--o:1.807;-webkit-mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-ar.png);mask-image:url(/kalici/t-23/tema/assets/logo/emlak-konut-2026-ar.png)} .ft-b4{padding-block:1.4rem;border-block-start:1px solid var(--cizgi); display:flex;flex-wrap:wrap;gap:.8rem 1.6rem;align-items:baseline;justify-content:space-between} .ft-b4 nav{display:flex;flex-wrap:wrap;gap:.45rem 1.3rem} .ft-b4 a, .ft-b4 .ft-cerez{color:var(--mrk2);font-size:var(--yz-kck);transition:color var(--mikro) var(--egri)} .ft-b4 a:hover, .ft-b4 .ft-cerez:hover{color:var(--mrk)} .ft-b4 nav a, .ft-b4 .ft-cerez{ display:flex;align-items:center;min-block-size:2.75rem } .ft-b2 p a[href^="mailto:"]{ display:inline-flex;align-items:center;min-block-size:2.75rem } .ft-telif{color:var(--mrk2);font-size:var(--yz-kck);margin:0; font-variant-numeric:tabular-nums;unicode-bidi:isolate} .ft-not{color:var(--mrk2);font-size:var(--yz-kck);line-height:1.6;margin:0; padding-block:.2rem 2.4rem;max-inline-size:80ch} @media (max-width:56rem){ .ft-not{padding-block-end:calc(var(--yzn-dip-m, 24px) + 3.25rem + 3.25rem + 1rem)} } .ft-cerez{background:none;border:0;padding:0;cursor:pointer; font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit} .ft{ --ft-yz-et: .72rem; --ft-yz-kck:.8125rem; --ft-yz-gvd:.9375rem; } .ft-et, .ft-sut summary{font-size:var(--ft-yz-et)} .ft-ktk-l, .ft-sut a{font-size:var(--ft-yz-gvd)} .ft-saat p, .ft-ust-dgm, .ft-b4 a, .ft-b4 .ft-cerez, .ft-telif, .ft-not{font-size:var(--ft-yz-kck)} .ft-dil{position:relative;display:inline-block;padding-block-end:.85rem} .ft-dil-dgm{ display:inline-flex;align-items:center;justify-content:center;gap:.3rem; min-block-size:2.75rem;min-inline-size:2.75rem;padding-inline:.7rem; border-radius:var(--yr-l);cursor:pointer;list-style:none; color:var(--mrk2);font-family:inherit;font-size:var(--yz-kck); font-weight:600;letter-spacing:.06em; transition:color var(--mikro) var(--egri) } .ft-dil-dgm::-webkit-details-marker{display:none} .ft-dil-dgm::marker{content:""} .ft-dil-dgm:hover,.ft-dil[open] > .ft-dil-dgm{color:var(--mrk)} .ft-chv{flex:none;transition:transform 240ms var(--egri)} .ft-dil[open] .ft-chv{transform:rotate(180deg)} .ft-dil-mn{ position:absolute;z-index:6;inset-block-end:calc(100% + .45rem);inset-inline-start:0; min-inline-size:11rem;padding:.35rem;border-radius:var(--yr-m); background:var(--z1);border:1px solid var(--cizgi-bilesen);color:var(--mrk);display:grid } .ft-dil-mn button{ display:flex;align-items:center;gap:.55rem;min-block-size:2.85rem;padding-inline:.8rem; border:0;border-radius:var(--yr-m);background:none;cursor:pointer;text-align:start; inline-size:100%;font-family:inherit;transition:background-color var(--mikro) } .ft-dil-mn button:hover{background:var(--z2)} .ft-dil-mn button span{font-size:var(--yz-etk);font-weight:700;letter-spacing:.08em; inline-size:1.5rem;color:var(--mrk2)} .ft-dil-mn button em{font-style:normal;font-size:var(--yz-dgm)} .ft-dil-mn button[aria-current="true"] span{color:var(--toprak-mtn)} İLK DENEMEM YANLIŞTI, ÖLÇÜMLE ÇÜRÜDÜ: menünün sağ kenarını tetiğin sağ kenarına sabitledim (LTR inline-end, RTL inline-start). TR'de düzeldi ama AR@1024'te ters yöne 78,2 px taştı. Sebep: tetiğin HANGİ KENARDA durduğu sabit değil — satır `space-between` ve sarma davranışı genişliğe göre değişiyor; ölçüldü: AR'de 768'de tetik x≈680 (sağda), 1024'te x≈40 (solda). Yani "hep sola aç" da "hep sağa aç" da bir genişlikte patlar. ÇÖZÜM TETİĞE DEĞİL SATIRA ÇAPALAMAK: .ft-b4 sayfa dolgusuyla içeride kalan bir kutu, menü ona göre konumlanınca hiçbir dil ve ölçüde dışarı çıkamaz. Bedeli menünün tetiğin tam altında değil satırın başında açılması; taşmayan ama uzak bir menü, yakın ama ekran dışına taşan menüden iyidir. */ .ft-b4{position:relative} .ft-dil{position:static} /* Mutlak konumlanan kutu kabın DOLGU kutusuna göre yerleşir, içerik hattına göre değil: inset-inline-start:0 menüyü 29,95 px soldaki ekran kenarına yapıştırıyordu (ölçüldü 768'de: nav 29,9'da başlıyor, menü 0'da). Sayı elle yazılmadı — .kap'ın içerik hattını veren ortak token kullanıldı, böylece ölçü değişince menü de onunla gelir. */ .ft-dil-mn{inset-inline-start:var(--kap-pay);inset-inline-end:auto; inset-block-end:calc(100% - 1.2rem)} /* ── MOBİL · ≤ 43.99rem ────────────────────────────────────────────── */ @media(max-width:43.99rem){ /* ── M34 · SINIR PAYI · karar A (@YÖNETİCİ, 30 Ağu 17:36) ──────────── `sss ▸ footer` sınırı ÖLÇÜLDÜ (390, durulmuş kaydırma, damga doğrulanmış): y 347–399 53 px zemin ← #sss'in kuyruğu y 400 1 px rgb(202,198,188) ← .ft üst ayırıcı çizgisi y 401–454 54 px zemin ← .ft-b1 üst dolgusu (54,4) ──────────────────────────── mürekkepten mürekkebe 108 px Dokuz sınırın ortancası 76. Bu sınır listenin en büyüğüydü. 22 px → 53 + 1 + 22 = 76. Hedef 72 ± 6. ⚠ CETVEL TUZAĞI — sayı buradan okunmaz: @TST'nin cetveli "kesintisiz" koşu sayıyor ve aradaki 1 px'lik çizgi koşuyu İKİYE bölüyor. Cetvel 54 okuyup "+18 gerek" diyordu; uygulasaydık sınır 126 px olurdu, yani maddenin kaldırmak istediği şeyin ta kendisi. Ölçü MÜREKKEPTEN MÜREKKEBE alınır; çizgi boşluğu bölse de gözden gizlemiyor. Kapsam mobil: madde 34 mobil ritmi için açıldı, dokuz sınır 390'da ölçüldü. Masaüstü ve tablet payı (6vw / 5.4rem) DEĞİŞMİYOR. */ .ft-b1{padding-block-start:1.375rem} /* Bant ayırıcıları gider — bantları dolgu ayırıyor, çizgi fazlalık. Kalan iki çizgi kabuk sınırlarıdır: alt bilginin başı ve yasal şerit. */ .ft-b2, .ft-b3{border-block-start:0} /* Listenin SON satırı bandın dışına çizgi bırakıyordu. */ .ft-sut:last-child{border-block-end:0} /* "Mekke'de saat kaç" mobilde gizlenir (Beyefendi: "değersiz bir şey"). Kaldırılan yalnız GÖSTERGE; "Başa dön" düğmesi 11.000 px'lik sayfada gerçek bir işlev, o kalıyor ve sütunun tek içeriği olarak öne geçiyor. display:none betiği durdurmaz — footer.js saati yazmaya devam eder ama ekranda yer kaplamaz; masaüstünde aynı düğüm sorunsuz görünür. */ .ft-saat{border-block-start:0;padding-block-start:0} .ft-saat > .ft-et, .ft-saat .ft-saat-d, .ft-saat > p{display:none} .ft-ust-dgm{margin-block-start:0} /* Yasal şerit mobilde alt alta akar; dil seçeneği kendi satırında durur ki .gst'in noktası telif satırına binmesin. */ .ft-b4{display:grid;justify-content:stretch;gap:.9rem} }