/* Real Estate — Jüpiter teması (emlak) */
.tema-emlak2 {
  --kap: 1140px;
  --bas-y: 84px;
  --re-gri: #f6f7f9;
  --re-metin: #636b75;
  --re-baslik: #2a313b;
  --re-cizgi: #e5e8ec;
  --zemin: #fff;
  background: #fff;
  color: var(--re-metin);
  font-size: 14px;
}
.tema-emlak2 h1, .tema-emlak2 h2, .tema-emlak2 h3, .tema-emlak2 h4 { font-weight: 700; letter-spacing: 0; color: var(--re-baslik); }
.tema-emlak2 :is(.bolum--koyu, .sayac-bant, .cta-bant, .yan-cta, .kart--one-cikan) :is(h2, h3) { color: #fff; }
.tema-emlak2 .btn { border-radius: 2px; font-weight: 700; }
.tema-emlak2 .btn--vurgu, .tema-emlak2 .btn--ana { --b: var(--ana); --y: #fff; }
.tema-emlak2 .btn--vurgu:hover, .tema-emlak2 .btn--ana:hover { --b: var(--vurgu); --y: #fff; }

.re-btn { --b: var(--ana); --y: #fff; gap: 8px; min-height: 42px; padding: 0 20px; font-size: .86rem; }
.re-btn:hover { --b: var(--koyu); --y: #fff; }
.re-btn .ik { width: 15px; height: 15px; }
.re-btn--vurgu { --b: var(--vurgu); }

/* Ortak */
.re-bolum { padding: 56px 0; }
.re-bolum--gri { background: var(--re-gri); }
.re-bb { margin: 0 0 26px; }
.re-bb h2 { display: inline-block; margin: 0; padding-bottom: 10px; font-size: 1.5rem; border-bottom: 2px solid var(--vurgu); }
.re-bb h2 a:hover { color: var(--ana); }
.re-bb p { max-width: 760px; margin: 12px 0 0; }
.re-bb--orta { text-align: center; }
.re-bb--orta p { margin-inline: auto; }
.re-fiyat { color: var(--vurgu); font-weight: 700; }
.re-etiket { display: inline-block; padding: 3px 8px; background: var(--ana); color: #fff; font-size: .64rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.re-foto { display: grid; place-items: center; flex: none; width: 52px; height: 52px; border: 3px solid #fff; border-radius: 50%; overflow: hidden; background: var(--re-gri); color: var(--re-metin); box-shadow: 0 2px 8px rgb(0 0 0 / .15); }
.re-foto img { width: 100%; height: 100%; object-fit: cover; }
.re-foto .ik { width: 22px; height: 22px; }

/* Üst şerit */
.re-ustbar { background: var(--ana); color: #fff; font-size: .78rem; }
.re-ustbar__ic { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.re-ustbar__sol, .re-ustbar__sag { display: flex; align-items: center; gap: 20px; }
.re-ustbar a { display: inline-flex; align-items: center; gap: 6px; }
.re-ustbar a:hover { opacity: .8; }
.re-ustbar .ik { width: 13px; height: 13px; }
.re-sosyal { display: flex; gap: 4px; }
.re-sosyal a { display: grid; place-items: center; width: 26px; height: 26px; background: rgb(255 255 255 / .18); }
.re-sosyal a:hover { background: var(--vurgu); opacity: 1; }
.re-ustbar .dil-sec { gap: 8px; }

/* Başlık */
.tema-emlak2 header.re-bas { background: #fff; border: 0; box-shadow: 0 1px 0 var(--re-cizgi); backdrop-filter: none; }
.tema-emlak2 header.re-bas.kaydi { box-shadow: 0 8px 22px -16px rgb(0 0 0 / .35); }
.re-bas__ic { display: flex; align-items: center; gap: 24px; height: var(--bas-y); }
.re-logo img { width: auto; max-height: 54px; }
.re-logo span { font-size: 1.5rem; font-weight: 900; color: var(--koyu); }
.tema-emlak2 header.re-bas .nav { justify-content: flex-end; }
.tema-emlak2 header.re-bas .nav__liste { gap: 2px; }
.tema-emlak2 header.re-bas .nav__link { height: 40px; padding: 0 14px; color: var(--re-baslik); font-size: .92rem; font-weight: 700; }
.tema-emlak2 header.re-bas .nav__link::after { display: none; }
.tema-emlak2 header.re-bas .nav__link:hover, .tema-emlak2 header.re-bas .nav__link.aktif { color: var(--ana); }
.tema-emlak2 header.re-bas .acilir { border-radius: 0; border-top: 2px solid var(--ana); }
.re-bas__menu { display: none; }

/* Manşet: görsel + arama kutusu + öne çıkan şerit */
.re-manset { position: relative; display: grid; grid-template-rows: 1fr auto; min-height: clamp(460px, 44vw, 600px); background: var(--koyu); overflow: hidden; isolation: isolate; }
.re-manset__slaytlar { position: absolute; inset: 0; z-index: -1; display: grid; }
.re-manset .manset__slayt.re-manset__slayt { position: relative; inset: auto; grid-area: 1 / 1; display: flex; align-items: center; opacity: 0; visibility: hidden; transform: none; transition: opacity .8s ease, visibility .8s; }
.re-manset .manset__slayt.re-manset__slayt.aktif { opacity: 1; visibility: visible; }
.re-manset__gorsel, .re-manset__gorsel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.re-manset__metin { position: relative; padding-bottom: 180px; color: #fff; text-shadow: 0 2px 12px rgb(0 0 0 / .4); }
.tema-emlak2 .re-manset__metin :is(h1, h2) { margin: 0 0 10px; color: #fff; font-size: clamp(1.8rem, 3.6vw, 2.8rem); }
.re-manset__metin p { max-width: 560px; margin: 0 0 16px; }
.re-arama { align-self: end; width: 100%; margin-bottom: 28px; }
.re-arama__sekme { display: flex; gap: 2px; }
.re-arama__sekme a { display: block; padding: 8px 16px; background: var(--ana); color: #fff; font-size: .78rem; font-weight: 700; }
.re-arama__sekme li:nth-child(even) a { background: var(--vurgu); }
.re-arama__sekme a:hover { background: var(--koyu); }
.re-arama__form { display: flex; gap: 10px; padding: 16px; background: #fff; box-shadow: 0 12px 30px -14px rgb(0 0 0 / .45); }
.re-arama__form input { flex: 1; min-width: 0; height: 42px; padding: 0 14px; border: 1px solid var(--re-cizgi); background: #fff; color: var(--re-baslik); font: inherit; }
.re-arama__form input:focus { outline: 2px solid color-mix(in srgb, var(--ana) 50%, transparent); border-color: var(--ana); }
.re-arama__form button { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; border: 0; background: var(--vurgu); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.re-arama__form button:hover { background: var(--ana); }
.re-arama__form .ik { width: 16px; height: 16px; }
.re-serit { background: rgb(20 26 34 / .9); }
.re-serit__ic { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.re-serit__oge { display: flex; align-items: center; gap: 14px; padding: 14px 16px; color: #fff; border-left: 1px solid rgb(255 255 255 / .08); transition: background var(--gecis); }
.re-serit__oge:last-child { border-right: 1px solid rgb(255 255 255 / .08); }
.re-serit__oge:hover { background: rgb(255 255 255 / .06); }
.re-serit__gorsel { flex: none; width: 96px; height: 62px; overflow: hidden; background: rgb(255 255 255 / .1); }
.re-serit__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.re-serit__bilgi { display: grid; flex: 1; gap: 2px; font-size: .8rem; }
.re-serit__bilgi b { font-size: .86rem; text-transform: uppercase; }
.re-serit__bilgi small { display: flex; align-items: center; gap: 4px; color: var(--vurgu); }
.re-serit__bilgi small .ik { width: 12px; height: 12px; }
.re-serit .re-foto { width: 44px; height: 44px; border-width: 2px; }
.re-manset__noktalar { position: absolute; right: 24px; top: 20px; display: flex; gap: 6px; }
.re-manset__noktalar button { width: 12px; height: 12px; padding: 0; border: 2px solid #fff; border-radius: 50%; background: transparent; cursor: pointer; }
.re-manset__noktalar button.aktif { background: #fff; }

/* Yan sütunlu yerleşim */
.re-yerlesim { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 30px; align-items: start; }
.re-yan { display: grid; gap: 26px; }
.tema-emlak2 .re-yan__baslik { margin: 0 0 14px; padding-bottom: 10px; font-size: 1.1rem; border-bottom: 2px solid var(--re-cizgi); }
.re-danismanlar { display: grid; gap: 10px; }
.re-danismanlar li { display: flex; align-items: center; gap: 12px; padding: 10px; border: 1px solid var(--re-cizgi); }
.re-danismanlar b { display: block; color: var(--re-baslik); font-size: .82rem; text-transform: uppercase; }
.re-danismanlar a { display: flex; align-items: center; gap: 5px; font-size: .74rem; word-break: break-all; }
.re-danismanlar a:hover { color: var(--ana); }
.re-danismanlar .ik { flex: none; width: 11px; height: 11px; color: var(--ana); }
.re-minis { display: grid; gap: 12px; }
.re-mini { display: flex; gap: 12px; align-items: center; }
.re-mini__gorsel { flex: none; width: 66px; height: 54px; overflow: hidden; background: var(--re-gri); }
.re-mini__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.re-mini div { display: grid; gap: 1px; font-size: .78rem; }
.re-mini__ad { color: var(--re-baslik); font-weight: 700; text-transform: uppercase; font-size: .78rem; }
.re-mini__ad:hover { color: var(--ana); }
.re-mini__yer { display: flex; align-items: center; gap: 4px; color: var(--vurgu); }
.re-mini__yer .ik { width: 11px; height: 11px; }

/* Çatı biçimli kartlar */
.re-evler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 20px; }
.re-ev { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--re-cizgi); border-top: 0; }
.re-ev__cati { position: relative; display: grid; justify-items: center; gap: 2px; padding: 46px 12px 16px; margin: 0 -1px; background: var(--re-gri); clip-path: polygon(50% 0, 100% 34%, 100% 100%, 0 100%, 0 34%); text-align: center; }
.tema-emlak2 .re-ev__cati h3 { margin: 0; font-size: .88rem; text-transform: uppercase; }
.re-ev__cati h3 a:hover { color: var(--ana); }
.re-ev__cati .re-fiyat { margin: 0; font-size: .9rem; }
.re-ev__cati .re-foto { position: absolute; right: 12px; bottom: -22px; z-index: 1; }
.re-ev__gorsel { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--re-gri); }
.re-ev__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.re-ev:hover .re-ev__gorsel img { transform: scale(1.05); }
.re-ev__gorsel .re-etiket { position: absolute; left: 10px; top: 10px; }
.re-ev__ozellik { display: grid; margin: 0; padding: 6px 14px 10px; font-size: .78rem; }
.re-ev__ozellik div { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--re-cizgi); }
.re-ev__ozellik div:last-child { border: 0; }
.re-ev__ozellik dt { display: flex; align-items: center; gap: 6px; }
.re-ev__ozellik dt .ik { width: 14px; height: 14px; color: var(--ana); }
.re-ev__ozellik dd { margin: 0; color: var(--re-baslik); }

/* Köşe kurdeleli kartlar */
.re-kartlar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.re-kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--re-cizgi); overflow: hidden; }
.re-kurdele { position: absolute; left: -34px; top: 14px; z-index: 1; width: 120px; padding: 3px 0; background: var(--vurgu); color: #fff; font-size: .62rem; font-weight: 700; text-align: center; text-transform: uppercase; transform: rotate(-45deg); }
.re-kart__gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--re-gri); }
.re-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.re-kart:hover .re-kart__gorsel img { transform: scale(1.05); }
.re-kart__govde { flex: 1; padding: 14px 14px 10px; text-align: center; }
.re-kart .re-fiyat { margin: 0 0 4px; color: var(--ana); font-size: 1.05rem; }
.tema-emlak2 .re-kart h3 { margin: 0; color: var(--ana); font-size: .9rem; }
.re-kart h3 a:hover { color: var(--vurgu); }
.re-kart__ozellik { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--re-cizgi); }
.re-kart__ozellik li { display: grid; justify-items: center; gap: 4px; padding: 10px 4px; font-size: .72rem; text-align: center; }
.re-kart__ozellik li + li { border-left: 1px solid var(--re-cizgi); }
.re-kart__ozellik .ik { width: 16px; height: 16px; color: var(--ana); }
.tema-emlak2 .izgara:has(> .re-kart) { gap: 24px; }

/* Haberler */
.re-haberler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.re-haber { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--re-cizgi); }
.re-haber__gorsel { display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--re-gri); }
.re-haber__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.re-haber__govde { display: grid; align-content: start; gap: 6px; flex: 1; padding: 16px; }
.re-haber time { color: var(--vurgu); font-size: .74rem; font-weight: 700; }
.tema-emlak2 .re-haber h3 { margin: 0; font-size: 1.02rem; }
.re-haber h3 a:hover { color: var(--ana); }
.re-haber p { margin: 0; font-size: .82rem; line-height: 1.55; }
.re-haber__link { display: inline-flex; align-items: center; gap: 6px; color: var(--ana); font-size: .78rem; font-weight: 700; }
.re-haber__link .ik { width: 14px; height: 14px; }

/* İç sayfa başlığı */
.re-sayfa-basi { position: relative; padding: 50px 0 40px; background: linear-gradient(120deg, #1f2833, #3a4b5c); color: #fff; text-align: center; overflow: hidden; isolation: isolate; }
.re-sayfa-basi--kompakt { padding: 18px 0; }
.re-sayfa-basi--gorsel::before { content: ""; position: absolute; inset: 0; z-index: -1; background: rgb(15 22 30 / .55); }
.re-sayfa-basi__arka { position: absolute; inset: 0; z-index: -2; }
.re-sayfa-basi__arka img { width: 100%; height: 100%; object-fit: cover; }
.re-sayfa-basi__cagri { position: absolute; top: 0; left: 0; right: 0; display: flex; justify-content: flex-end; }
.re-sayfa-basi__cagri a { display: inline-flex; align-items: center; gap: 8px; padding: 6px 18px; background: #fff; color: var(--re-baslik); font-size: .76rem; border-radius: 0 0 16px 16px; }
.re-sayfa-basi__cagri .ik { width: 18px; height: 18px; padding: 3px; border-radius: 50%; background: var(--ana); color: #fff; }
.re-sayfa-basi__cagri span { color: var(--ana); font-weight: 700; }
.re-sayfa-basi__ic { display: grid; justify-items: center; gap: 8px; }
.tema-emlak2 .re-sayfa-basi h1 { margin: 10px 0 0; color: #fff; font-size: clamp(1.6rem, 3.2vw, 2.4rem); text-transform: uppercase; text-shadow: 0 2px 10px rgb(0 0 0 / .3); }
.re-sayfa-basi p { max-width: 700px; margin: 0; color: rgb(255 255 255 / .85); }
.re-kirinti ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; font-size: .8rem; }
.re-kirinti li { display: flex; align-items: center; gap: 8px; }
.re-kirinti li + li::before { content: "›"; opacity: .7; }
.re-kirinti a:hover { color: var(--ana); }
.tema-emlak2 .sayfa-basi { display: none; }
.tema-emlak2 .yan-kart { border-radius: 0; }
.tema-emlak2 .yan-menu a:not(.aktif):hover { color: var(--ana); }
.tema-emlak2 .yan-cta { background: var(--koyu); }

/* İlan detayı */
.re-detay__bas { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.re-detay__ikon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; background: var(--vurgu); color: #fff; }
.re-detay__ikon .ik { width: 20px; height: 20px; }
.tema-emlak2 .re-detay__bas h2 { margin: 0; font-size: 1.3rem; }
.re-detay__bas p { display: flex; align-items: center; gap: 5px; margin: 2px 0 0; font-size: .8rem; }
.re-detay__bas p .ik { width: 12px; height: 12px; color: var(--vurgu); }
.re-detay__bas .re-detay__fiyat { display: grid; justify-items: end; gap: 4px; margin: 0 0 0 auto; }
.re-detay__fiyat .re-fiyat { font-size: 1.5rem; }
.re-detay__galeri .urun__ana { border: 0; border-radius: 0; aspect-ratio: 16 / 9; }
.re-detay__galeri .urun__ana img { padding: 0; object-fit: cover; mix-blend-mode: normal; }
.tema-emlak2 .re-detay__baslik { margin: 32px 0 14px; padding-bottom: 10px; font-size: 1.15rem; border-bottom: 1px solid var(--re-cizgi); }
.re-kunye { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.re-kunye div { padding: 8px 10px; border: 1px solid color-mix(in srgb, var(--vurgu) 45%, #fff); }
.re-kunye dt { color: var(--re-baslik); font-size: .72rem; font-weight: 700; }
.re-kunye dd { margin: 2px 0 0; font-size: .86rem; }
.re-olanak { display: flex; flex-wrap: wrap; gap: 8px; }
.re-olanak li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 6px; background: var(--re-gri); font-size: .8rem; }
.re-olanak .ik { width: 20px; height: 20px; padding: 4px; background: var(--ana); color: #fff; }
.re-danisman { display: flex; gap: 20px; align-items: flex-start; margin-top: 32px; padding: 20px; border: 1px solid var(--re-cizgi); }
.re-danisman .re-foto { width: 120px; height: 140px; border: 0; border-radius: 0; box-shadow: none; }
.tema-emlak2 .re-danisman h2 { margin: 0 0 10px; font-size: 1.05rem; }
.re-danisman b { display: block; color: var(--re-baslik); text-transform: uppercase; }
.re-danisman small { display: block; color: var(--vurgu); }
.re-danisman ul { display: grid; gap: 4px; margin: 10px 0; font-size: .82rem; }
.re-danisman li { display: flex; align-items: center; gap: 6px; }
.re-danisman li .ik { width: 13px; height: 13px; color: var(--ana); }
.re-danisman p { margin: 0 0 8px; font-size: .82rem; }
.re-danisman__link { display: inline-flex; align-items: center; gap: 6px; color: var(--ana); font-size: .8rem; font-weight: 700; }
.re-danisman__link .ik { width: 14px; height: 14px; }
.re-detay__butonlar { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.re-guven { margin-top: 20px; }

/* Altbilgi: koyu lacivert */
.tema-emlak2 .re-alt { margin-top: 0; padding: 0; background: var(--koyu); color: rgb(255 255 255 / .75); border: 0; font-size: .84rem; }
.re-alt__ic { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 34px; padding: 54px 0 40px; }
.tema-emlak2 .re-alt h2 { margin: 0 0 18px; padding-bottom: 12px; color: #fff; font-size: .95rem; text-transform: uppercase; border-bottom: 1px solid rgb(255 255 255 / .1); position: relative; }
.tema-emlak2 .re-alt h2::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 34px; height: 2px; background: var(--vurgu); }
.re-logo--alt { display: inline-block; margin-bottom: 14px; }
.re-logo--alt img { max-height: 50px; }
.re-logo--alt span { color: #fff; }
.re-alt__sutun p { margin: 0 0 14px; line-height: 1.65; }
.re-sosyal--alt a { width: 32px; height: 32px; border-radius: 50%; background: rgb(255 255 255 / .1); color: #fff; }
.re-sosyal--alt .ik { width: 14px; height: 14px; }
.re-alt__liste { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; }
.re-alt__liste a { display: flex; align-items: center; gap: 4px; }
.re-alt__liste .ik { flex: none; width: 12px; height: 12px; }
.re-alt a:hover { color: var(--ana); }
.re-alt .re-mini__ad { color: #fff; }
.re-alt .re-mini__gorsel { background: rgb(255 255 255 / .08); }
.re-alt__iletisim { display: grid; gap: 12px; }
.re-alt__iletisim li { display: flex; gap: 10px; line-height: 1.5; }
.re-alt__iletisim .ik { flex: none; width: 15px; height: 15px; margin-top: 2px; color: var(--ana); }
.re-alt__alt { border-top: 1px solid rgb(255 255 255 / .08); font-size: .78rem; }
.re-alt__alt-ic { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 22px; padding: 18px 0; }
.re-alt__alt p { margin: 0; }
.re-alt__alt ul { display: flex; flex-wrap: wrap; gap: 4px 16px; }

/* Duyarlı */
@media (max-width: 1000px) {
  .tema-emlak2 { --bas-y: 72px; }
  .tema-emlak2 header.re-bas .nav { display: none; }
  .re-bas__menu { display: grid; margin-left: auto; }
  .re-yerlesim { grid-template-columns: 1fr; }
  .re-evler, .re-kartlar, .re-haberler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .re-serit__ic { grid-template-columns: 1fr; }
  .re-serit__oge:nth-child(n + 2) { display: none; }
  .re-alt__ic { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .re-kunye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .re-ustbar__sol a + a, .re-ustbar__sag > a { display: none; }
  .re-evler, .re-kartlar, .re-haberler { grid-template-columns: 1fr; }
  .re-arama__form button span { display: none; }
  .re-arama__sekme a { padding: 7px 12px; }
  .re-detay__bas { flex-wrap: wrap; }
  .re-detay__bas .re-detay__fiyat { justify-items: start; margin: 0; width: 100%; }
  .re-danisman { flex-direction: column; }
  .re-kunye { grid-template-columns: 1fr; }
  .re-alt__ic { grid-template-columns: 1fr; }
}