/* Hades — satın alınan WP Estate şablonunun (main.wpestatetheme.org) düzeni, temiz kodla.
   Poppins; yeşil vurgu (#20c063), kırmızı etiket (#c02b20), gri metin (#909090), açık gri zemin, beyaz gölgeli kartlar, koyu gri alt bilgi.
   Değiştirilebilir renkler (satın almada): --hd-yesil, --hd-kirmizi, --hd-alt (EmlakOto.Core/Helpers/TemaRenkleri.cs) */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

:root {
    --hd-yesil: #20c063;
    --hd-yesil-koyu: #1ba354;
    --hd-yesil-metin: #ffffff;
    --hd-kirmizi: #c02b20;
    --hd-alt: #3c3c3c;
    --hd-baslik: #444444;
    --hd-metin: #768082;
    --hd-soluk: #909090;
    --hd-zemin: #f3f7fa;
    --hd-cizgi: #ededed;
    --hd-golge: 0 4px 16px -2px rgba(0, 0, 0, .1), 0 0 0 1px rgba(0, 0, 0, .02);

    --t-zemin: #ffffff;
    --t-yuzey: var(--hd-zemin);
    --t-metin: var(--hd-baslik);
    --t-soluk: var(--hd-soluk);
    --t-cizgi: #e3e8ec;
    --t-vurgu: var(--hd-yesil);
    --t-vurgu-koyu: var(--hd-yesil-koyu);
    --t-vurgu-metin: var(--hd-yesil-metin);
    --t-ust-zemin: #ffffff;
    --t-alt-zemin: var(--hd-alt);
    --t-alt-metin: #bdbdbd;
    --t-kose: 0px;
    --t-kose-kucuk: 0px;
    --t-yazi: "Poppins", "Segoe UI", Helvetica, Arial, sans-serif;
    --t-baslik-agirlik: 500;
    --t-kap: 1200px;
    --t-golge: var(--hd-golge);
}

body { background: var(--hd-zemin); color: var(--hd-metin); font-size: 14px; line-height: 1.7; }
h1, h2, h3 { color: var(--hd-baslik); }
a { color: var(--hd-yesil); text-decoration: none; }
a:hover { color: var(--hd-yesil-koyu); }
.hd-ikon { width: 1.1em; height: 1.1em; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: -.18em; }
html.hd-kilit { overflow: hidden; }

/* Düğmeler ve formlar */
.hd-dugme, .t-form button[type=submit] {
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: 0 26px;
    border: 1px solid var(--hd-yesil); border-radius: 0; background: var(--hd-yesil); color: var(--hd-yesil-metin);
    font: 600 12px/1 var(--t-yazi); letter-spacing: .14em; text-transform: uppercase; cursor: pointer; transition: background .2s, border-color .2s;
}
.hd-dugme:hover, .t-form button[type=submit]:hover { background: var(--hd-yesil-koyu); border-color: var(--hd-yesil-koyu); color: var(--hd-yesil-metin); }
.hd-dugme--kucuk { min-height: 30px; padding: 0 14px; font-size: 11px; letter-spacing: .04em; text-transform: none; font-weight: 500; }
.hd-dugme--tam { width: 100%; }
.hd-dugme--cizgi { background: transparent; color: var(--hd-yesil); }
.hd-dugme--cizgi:hover { background: var(--hd-yesil); color: var(--hd-yesil-metin); }
.hd-dugme--whatsapp { background: #25d366; border-color: #25d366; color: #fff; }
.hd-dugme--whatsapp:hover { background: #1ebe5a; border-color: #1ebe5a; color: #fff; }
.hd-baglanti { display: inline-flex; align-items: center; gap: .35rem; font-weight: 500; }
.hd-baglanti .hd-ikon { width: 12px; height: 12px; }
.hd-mini { display: inline-flex; align-items: center; gap: .3rem; padding: 2px 9px; border: 1px solid var(--hd-yesil); background: #fff; color: var(--hd-yesil); font: 400 12px/1.6 var(--t-yazi); cursor: pointer; }
.hd-mini:hover { background: var(--hd-yesil); color: var(--hd-yesil-metin); }
input, select, textarea { min-height: 44px; border: 1px solid #e1e5e8; border-radius: 0; background: #fff; color: var(--hd-metin); font-size: 13px; }
input::placeholder, textarea::placeholder { color: #9ca9af; }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--hd-yesil); }
select { appearance: none; padding-inline-end: 34px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0h10L5 6z' fill='%2320c063'/%3E%3C/svg%3E") no-repeat right 13px center; }
.t-form { gap: 12px; }
.t-form label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.t-form .t-onay > span { position: static; width: auto; height: auto; overflow: visible; clip: auto; font-weight: 400; font-size: 12px; line-height: 1.5; color: var(--hd-soluk); }
.t-basari { background: #fff; border-color: var(--hd-yesil); }
.t-sayfalama a { border-radius: 0; background: #fff; border-color: #fff; box-shadow: var(--hd-golge); color: var(--hd-baslik); }
.t-sayfalama a[aria-current] { background: var(--hd-yesil); border-color: var(--hd-yesil); }
.t-bos { background: #fff; box-shadow: var(--hd-golge); border-radius: 0; }

/* Üst bilgi */
.hd-ust { position: sticky; top: 0; z-index: 1001; border-bottom: 1px solid var(--hd-cizgi); }
.hd-ust__ic { min-height: 80px; padding-inline: 30px; gap: 2rem; }
.hd-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--hd-baslik); text-decoration: none; font-weight: 600; font-size: 19px; line-height: 1.05; max-width: 220px; }
.hd-logo img { max-height: 50px; width: auto; }
.hd-logo__isaret { width: 40px; height: 40px; flex: 0 0 auto; fill: none; stroke-width: 4.5; }
.hd-logo__isaret path:first-child { stroke: var(--hd-baslik); }
.hd-logo__isaret path:last-child { stroke: var(--hd-yesil); }
.hd-menu { margin-inline: auto; }
.hd-menu ul { gap: 2.1rem; }
.hd-menu a { font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: .02em; color: var(--hd-baslik); border-bottom: 0; padding: 30px 0; }
.hd-menu a:hover, .hd-menu a[aria-current] { color: var(--hd-yesil); }
.hd-diller a { padding: 0; }
.hd-ust__cta { align-self: stretch; display: flex; align-items: center; margin-inline-end: -30px; padding: 0 30px; border-inline-start: 1px solid var(--hd-cizgi); color: var(--hd-baslik); font-size: 13px; font-weight: 600; text-transform: uppercase; white-space: nowrap; }
.hd-ust__cta:hover { color: var(--hd-yesil); }

/* Harita, kahraman ve arama şeridi */
.hd-harita__alan { height: 470px; background: #dfe9ee; }
.hd-igne-kap { background: none; border: 0; }
.hd-igne { position: absolute; left: 0; bottom: 0; transform: translate(-50%, -8px); display: block; padding: 4px 10px; border-radius: 4px; background: var(--hd-yesil); color: #fff; font: 600 12px/1.4 var(--t-yazi); white-space: nowrap; box-shadow: 0 2px 6px rgba(0, 0, 0, .25); cursor: pointer; }
.hd-igne::after { content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border: 6px solid transparent; border-bottom: 0; border-top-color: inherit; border-top-color: var(--hd-yesil); }
.hd-igne--kirmizi { background: var(--hd-kirmizi); }
.hd-igne--kirmizi::after { border-top-color: var(--hd-kirmizi); }
.hd-balon { display: grid; gap: 4px; width: 210px; color: var(--hd-baslik); font-family: var(--t-yazi); }
.hd-balon img { width: 100%; height: 120px; object-fit: cover; }
.hd-balon strong { font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 1.3; }
.hd-balon span { color: var(--hd-yesil); font-weight: 600; }
.leaflet-popup-content-wrapper { border-radius: 0; }
.leaflet-popup-content { margin: 10px; }
.leaflet-container { font-family: var(--t-yazi); }
.leaflet-bar a { color: var(--hd-yesil) !important; }

.hd-kahraman { position: relative; display: grid; align-items: end; min-height: 470px; padding-block: 60px; color: #fff; background: #333 var(--hd-kahraman) center / cover no-repeat; }
.hd-kahraman::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .55)); }
.hd-kahraman .t-kap { position: relative; }
.hd-kahraman__ust { margin: 0; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; }
.hd-kahraman h1 { color: #fff; font-weight: 300; font-size: clamp(30px, 4.4vw, 52px); max-width: 760px; margin: .2em 0 0; }

.hd-arama { background: #f7f9fa; border-bottom: 1px solid var(--hd-cizgi); padding-block: 12px; }
.hd-arama__form { display: flex; gap: 14px; align-items: center; max-width: 1140px; }
.hd-arama__kelime { flex: 1 1 auto; }
.hd-secim { flex: 0 0 auto; }
.hd-arama .hd-secim { flex-basis: 190px; }
.hd-arama__dugme { flex: 0 0 auto; min-width: 140px; }

/* Bölümler */
.hd-bolum { padding-block: 70px; background: #fff; }
.hd-bolum--gri { background: var(--hd-zemin); }
.hd-bolum__baslik { max-width: 780px; margin: 0 auto 50px; text-align: center; }
.hd-bolum__baslik h2, .hd-baslik { margin: 0 0 14px; font-size: clamp(30px, 3.6vw, 48px); font-weight: 300; letter-spacing: -.01em; line-height: 1.15; }
.hd-bolum__baslik h2 em, .hd-one h3 em { font-style: normal; font-weight: 600; color: var(--hd-yesil); }
.hd-bolum__baslik p { margin: 0; font-size: 16px; font-weight: 300; color: var(--hd-soluk); }
.hd-ortala { margin: 30px 0 0; text-align: center; }
.hd-izgara { display: grid; gap: 30px; }
.hd-izgara--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hd-izgara--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* İlan kartı */
.hd-kart { display: flex; flex-direction: column; background: #fff; box-shadow: var(--hd-golge); transition: box-shadow .2s ease, transform .2s ease; }
.hd-kart:hover { box-shadow: 0 10px 30px -6px rgba(0, 0, 0, .16); }
.hd-kart__gorsel { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; background: #e9eef1; }
.hd-kart__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.hd-kart:hover .hd-kart__gorsel img { transform: scale(1.04); }
.hd-etiket { position: absolute; top: 20px; left: 20px; padding: 7px 14px 5px; background: var(--hd-yesil); color: #fff; font-size: 11px; line-height: 1.2; text-transform: uppercase; letter-spacing: .03em; opacity: .9; }
.hd-etiket--kirmizi { background: var(--hd-kirmizi); }
.hd-etiket--duz { position: static; display: inline-block; opacity: 1; }
.hd-kart__govde { padding: 20px 20px 12px; flex: 1; }
.hd-kart h3 { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.25; text-transform: uppercase; }
.hd-kart h3 a { color: var(--hd-baslik); }
.hd-kart h3 a:hover { color: var(--hd-yesil); }
.hd-kart__konum { margin: 6px 0 0; color: var(--hd-soluk); font-size: 13px; }
.hd-kart__fiyat { margin: 14px 0 0; color: var(--hd-yesil); font-size: 20px; font-weight: 500; line-height: 1.3; }
.hd-kart__bilgi { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 14px; padding-block: 2px; }
.hd-kart__bilgi li { display: grid; text-align: center; border-inline-start: 1px solid #e3e3e3; line-height: 1.3; }
.hd-kart__bilgi li:last-child { border-inline-end: 1px solid #e3e3e3; }
.hd-kart__bilgi strong { color: #6b7173; font-size: 15px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-inline: 4px; }
.hd-kart__bilgi span { color: var(--hd-soluk); font-size: 12px; }
.hd-kart__alt { display: flex; justify-content: space-between; gap: 1rem; margin: 6px 20px 0; padding: 14px 0 16px; border-top: 1px solid #f0f0f0; font-size: 12px; color: var(--hd-soluk); }
.hd-kart__no { color: #b4b9bb; }

/* Kaydırıcı */
.hd-kaydirici { position: relative; }
.hd-kaydirici__oklar { position: absolute; top: -48px; inset-inline-end: 0; display: flex; gap: 2px; }
.hd-kaydirici__oklar button { display: grid; place-items: center; width: 30px; height: 30px; border: 0; background: var(--hd-yesil); color: #fff; cursor: pointer; }
.hd-kaydirici__oklar button:hover { background: var(--hd-yesil-koyu); }
.hd-kaydirici__serit { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 3); gap: 30px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 4px 20px; margin: -4px -4px 0; }
.hd-kaydirici__serit::-webkit-scrollbar { display: none; }
.hd-kaydirici__serit > * { scroll-snap-align: start; }
.hd-kaydirici__noktalar { display: flex; justify-content: center; gap: 4px; margin-top: 30px; }
.hd-kaydirici__noktalar i { width: 36px; height: 3px; background: #d5d9db; transition: background .2s; }
.hd-kaydirici__noktalar i.aktif { background: var(--hd-yesil); }

/* Kategori mozaiği */
.hd-mozaik { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 15px; }
.hd-bolge { position: relative; display: grid; place-items: center; min-height: 285px; overflow: hidden; color: #fff; text-align: center; background: #555 var(--hd-bolge) center / cover no-repeat; box-shadow: var(--hd-golge); grid-column: span 4; }
.hd-bolge::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .3); transition: background .4s ease; }
.hd-bolge:hover::before { background: rgba(0, 0, 0, .15); }
.hd-bolge:hover { color: #fff; }
.hd-mozaik > .hd-bolge { grid-column: span var(--hd-sutun, 4); }
.hd-bolge__ic { position: relative; display: grid; gap: 10px; justify-items: center; padding: 1rem; }
.hd-bolge strong { font-size: 20px; font-weight: 600; text-transform: uppercase; text-shadow: 0 1px 6px rgba(0, 0, 0, .35); }
.hd-bolge em { padding: 4px 12px; background: var(--hd-yesil); font-style: normal; font-size: 11px; font-weight: 500; text-transform: uppercase; }

/* Tanıtım bandı */
.hd-tanitim { position: relative; padding-block: 90px; text-align: center; color: #fff; background: #333 var(--hd-tanitim) center / cover no-repeat; }
.hd-tanitim::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .55); }
.hd-tanitim .t-kap { position: relative; display: grid; justify-items: center; gap: 22px; }
.hd-tanitim__logo { max-height: 80px; width: auto; filter: brightness(0) invert(1); }
.hd-tanitim__firma { margin: 0; font-size: clamp(26px, 3vw, 40px); font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #fff; }
.hd-tanitim__firma::before { content: ""; display: block; width: 46px; height: 46px; margin: 0 auto 12px; border: 5px solid var(--hd-yesil); transform: rotate(45deg); }
.hd-tanitim h2 { margin: 0; color: #fff; font-size: clamp(22px, 2.6vw, 34px); font-weight: 300; }

/* Öne çıkan ilanlar */
.hd-one { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 70px; }
.hd-one:last-child { margin-bottom: 0; }
.hd-one--ters .hd-one__metin { order: 2; }
.hd-one h3 { margin: 0 0 18px; font-size: 26px; font-weight: 400; text-transform: none; }
.hd-one__metin p { display: flex; gap: .4rem; align-items: center; margin: 0 0 18px; }
.hd-one__metin .hd-kart__bilgi { max-width: 380px; margin-bottom: 22px; }
.hd-one__kart { position: relative; display: grid; grid-template-columns: 1fr 1fr; align-items: center; color: #fff; }
.hd-one__kart img { width: 100%; aspect-ratio: 7 / 10; object-fit: cover; box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .35); position: relative; z-index: 1; }
.hd-one__kutu { display: grid; gap: 14px; align-content: center; min-height: 85%; padding: 28px 24px; background: linear-gradient(160deg, color-mix(in srgb, var(--hd-kirmizi) 55%, #f0814e), color-mix(in srgb, var(--hd-kirmizi) 75%, #ff1f4b)); }
.hd-one__kutu strong { font-size: 20px; font-weight: 500; line-height: 1.25; text-transform: uppercase; }
.hd-one__kutu span { font-size: 13px; opacity: .95; }
.hd-one__kutu b { font-size: 19px; font-weight: 600; }
.hd-one__kart:hover { color: #fff; }

/* Danışman kartı */
.hd-ajan { display: flex; flex-direction: column; background: #fff; box-shadow: var(--hd-golge); }
.hd-ajan__foto { position: relative; }
.hd-ajan__resim { display: grid; place-items: center; aspect-ratio: 3 / 2; overflow: hidden; background: #e9eef1; color: var(--hd-yesil); font-size: 48px; font-weight: 300; }
.hd-ajan__foto img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.hd-ajan__gorev { position: absolute; left: 0; bottom: 0; padding: 4px 14px; background: var(--hd-kirmizi); color: #fff; font-size: 11px; }
.hd-ajan__ara { position: absolute; right: 18px; bottom: -22px; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: #8c8c8c; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.hd-ajan__ara:hover { color: var(--hd-yesil); }
.hd-ajan__ara .hd-ikon { width: 18px; height: 18px; }
.hd-ajan__govde { padding: 22px 20px 10px; flex: 1; }
.hd-ajan h3 { margin: 0 0 14px; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.hd-ajan h3 a { color: var(--hd-baslik); }
.hd-ajan__iletisim { display: grid; gap: 4px; font-size: 13px; color: var(--hd-soluk); }
.hd-ajan__iletisim li { display: flex; align-items: center; gap: 10px; }
.hd-ajan__iletisim a { color: var(--hd-soluk); }
.hd-ajan__iletisim a:hover { color: var(--hd-yesil); }
.hd-ajan__alt { display: flex; justify-content: flex-end; padding: 6px 20px 20px; }

/* Blog kartı */
.hd-yazi { display: flex; flex-direction: column; background: #fff; box-shadow: var(--hd-golge); }
.hd-yazi__gorsel { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.hd-yazi__gorsel::after { content: ""; position: absolute; inset: 0 0 0 auto; width: 14%; background: linear-gradient(90deg, rgba(160, 160, 160, .65), rgba(120, 120, 120, .9)); }
.hd-yazi__gorsel img { width: 100%; height: 100%; object-fit: cover; }
.hd-yazi__govde { padding: 20px 20px 10px; flex: 1; }
.hd-yazi h3 { margin: 0 0 10px; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 1.3; }
.hd-yazi h3 a { color: var(--hd-baslik); }
.hd-yazi h3 a:hover { color: var(--hd-yesil); }
.hd-yazi p { margin: 0; font-size: 13px; }
.hd-yazi p a { color: var(--hd-soluk); }
.hd-yazi__alt { display: flex; justify-content: space-between; gap: 1rem; padding: 16px 20px 20px; font-size: 11px; font-weight: 500; text-transform: uppercase; color: var(--hd-baslik); }

/* Logo şeridi */
.hd-logolar { padding-block: 40px; background: #fff; border-top: 1px solid var(--hd-cizgi); }
.hd-logolar ul { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; gap: 24px 40px; }
.hd-logolar img { max-height: 56px; width: auto; filter: grayscale(1); opacity: .7; transition: opacity .3s, filter .3s; }
.hd-logolar li:hover img { filter: none; opacity: 1; }

/* İç sayfalar: konum yolu, başlık, kenar çubuğu */
.hd-sayfa { padding-block: 22px 70px; }
.hd-sayfa--yanli { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 30px; align-items: start; }
.hd-kirinti { margin-bottom: 20px; font-size: 12px; color: var(--hd-soluk); }
.hd-kirinti a { color: var(--hd-soluk); }
.hd-kirinti a:hover, .hd-kirinti [aria-current] { color: var(--hd-yesil); }
.hd-sayfa__baslik { margin: 0 0 22px; font-size: clamp(28px, 3vw, 38px); font-weight: 300; }
.hd-sayfa__giris { margin: -6px 0 22px; }
.hd-sayfa__tarih { display: flex; align-items: center; gap: .4rem; margin: -10px 0 22px; font-size: 13px; }
.hd-yan { display: grid; gap: 30px; }
.hd-yan--yapiskan { position: sticky; top: 100px; }
.hd-kutu { padding: 20px; background: #fff; box-shadow: var(--hd-golge); }
.hd-kutu__baslik { position: relative; margin: 0 0 20px; padding-bottom: 14px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: var(--hd-baslik); }
.hd-kutu__baslik::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #ededed; }
.hd-kutu p { margin: 0 0 16px; font-size: 13px; }
.hd-form { display: grid; gap: 12px; }
.hd-form__ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.hd-yan-dugmeler { display: grid; gap: 10px; }
.hd-yan-dugmeler .hd-dugme { letter-spacing: .04em; text-transform: none; font-weight: 500; font-size: 13px; }
.hd-yan-liste { display: grid; }
.hd-yan-liste a { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0; color: var(--hd-baslik); font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 1.35; }
.hd-yan-liste a:not(:has(img)) { grid-template-columns: 1fr; }
.hd-yan-liste img { width: 54px; height: 40px; object-fit: cover; }

/* Filtre çubuğu */
.hd-filtre-cubuk { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 24px; }
.hd-filtre-cubuk select { min-height: 36px; padding-block: 0; background-color: #fff; box-shadow: var(--hd-golge); border-color: #fff; }
.hd-filtre-cubuk__sayi { margin: 0 0 0 auto; font-size: 13px; }

/* Açılır bloklar (ilan detayı, SSS) */
.hd-blok { margin-bottom: 22px; padding: 0 20px; background: #fff; box-shadow: var(--hd-golge); }
.hd-blok > summary, .hd-blok--sabit > h2 { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 20px 0; font-size: 14px; font-weight: 600; text-transform: uppercase; color: var(--hd-baslik); cursor: pointer; list-style: none; margin: 0; }
.hd-blok > summary::-webkit-details-marker { display: none; }
.hd-blok > summary .hd-ikon { transition: transform .2s; }
.hd-blok[open] > summary .hd-ikon { transform: rotate(180deg); }
.hd-blok > :not(summary):last-child { padding-bottom: 22px; }
.hd-blok--sabit { padding-block: 0 22px; }
.hd-blok--sabit > h2 { cursor: default; }
.hd-blok .t-metin { line-height: 1.8; }
.hd-detaylar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 20px; margin: 0; font-size: 13px; }
.hd-detaylar div { display: flex; gap: .35rem; }
.hd-detaylar dt { color: var(--hd-baslik); font-weight: 500; }
.hd-detaylar dd { margin: 0; }
.hd-ozellikler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 20px; font-size: 13px; }
.hd-ozellikler li { display: flex; gap: .5rem; align-items: center; }
.hd-ozellikler .hd-ikon { color: var(--hd-baslik); }
.hd-harita-kutu { width: 100%; height: 320px; border: 0; }

/* İlan detayı */
.hd-detay { padding-top: 22px; }
.hd-detay__bas { display: flex; justify-content: space-between; align-items: flex-end; gap: 1.5rem; margin-bottom: 18px; }
.hd-detay__bas .hd-kirinti { margin-bottom: 10px; }
.hd-detay__bas h1 { margin: 0; font-size: clamp(28px, 3.2vw, 40px); font-weight: 300; }
.hd-detay__konum { display: flex; align-items: center; gap: .4rem; margin: 6px 0 0; color: var(--hd-yesil); }
.hd-detay__fiyat { display: grid; justify-items: end; gap: 8px; text-align: end; }
.hd-detay__fiyat strong { color: var(--hd-yesil); font-size: clamp(24px, 2.6vw, 32px); font-weight: 600; line-height: 1.1; }
.hd-detay__araclar { display: flex; gap: 8px; align-items: center; }
.hd-galeri { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 150px; gap: 4px; margin-bottom: 30px; padding: 4px; background: #fff; box-shadow: var(--hd-golge); }
.hd-galeri__oge { position: relative; padding: 0; border: 0; overflow: hidden; background: #e9eef1; cursor: zoom-in; }
.hd-galeri__oge img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.hd-galeri__oge:hover img { transform: scale(1.04); }
.hd-galeri--6 .hd-galeri__oge:first-child, .hd-galeri--5 .hd-galeri__oge:first-child, .hd-galeri--4 .hd-galeri__oge:first-child, .hd-galeri--3 .hd-galeri__oge:first-child { grid-column: span 2; grid-row: span 2; }
.hd-galeri--1 { grid-template-columns: 1fr; grid-auto-rows: 420px; }
.hd-galeri--2 { grid-auto-rows: 360px; }
.hd-galeri--2 .hd-galeri__oge:first-child { grid-column: span 2; }
.hd-galeri--4 .hd-galeri__oge:nth-child(4) { grid-column: span 3; }
.hd-galeri--5 .hd-galeri__oge:nth-child(4) { grid-column: span 2; }
.hd-galeri__tumu { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: .5rem; background: rgba(0, 0, 0, .4); color: #fff; font-size: 15px; font-weight: 500; }
.hd-sekmeler { position: sticky; top: 80px; z-index: 30; background: #fff; border-block: 1px solid var(--hd-cizgi); }
.hd-sekmeler .t-kap { display: flex; gap: 28px; overflow-x: auto; scrollbar-width: none; }
.hd-sekmeler a { padding: 16px 0; color: #828282; font-size: 12px; font-weight: 500; text-transform: uppercase; white-space: nowrap; }
.hd-sekmeler a:hover { color: var(--hd-yesil); }
.hd-detay__govde { padding-top: 22px; }
.hd-temsilci__foto { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; margin-bottom: 18px; }
.hd-temsilci h2 { margin: 0; font-size: 18px; font-weight: 600; text-transform: uppercase; }
.hd-temsilci h2 a { color: var(--hd-baslik); }
.hd-temsilci__gorev { margin: 0 0 8px !important; font-size: 12px; }
.hd-temsilci__iletisim { display: grid; gap: 2px; margin: 0 0 18px; font-size: 12px; }
.hd-temsilci__iletisim div { display: flex; gap: .35rem; }
.hd-temsilci__iletisim dt { color: var(--hd-baslik); font-weight: 600; }
.hd-temsilci__iletisim dd { margin: 0; overflow-wrap: anywhere; }
.hd-temsilci__iletisim a { color: var(--hd-metin); }
.hd-temsilci__form-baslik { margin: 0 0 12px; font-size: 14px; font-weight: 600; }
.hd-temsilci .hd-dugme--whatsapp { margin-top: 10px; }
.hd-benzer { padding-bottom: 70px; }
.hd-benzer h2 { margin: 0 0 24px; font-size: 22px; font-weight: 400; text-transform: uppercase; }

/* Galeri görüntüleyici */
.hd-isik { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; background: rgba(10, 10, 10, .92); }
.hd-isik[hidden] { display: none; }
.hd-isik img { max-width: min(92vw, 1400px); max-height: 84vh; object-fit: contain; }
.hd-isik button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border: 0; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; }
.hd-isik button:hover { background: var(--hd-yesil); }
.hd-isik .hd-ikon { width: 24px; height: 24px; stroke-width: 2; }
.hd-isik__kapat { top: 18px; right: 18px; }
.hd-isik__ok--sol { left: 18px; }
.hd-isik__ok--sag { right: 18px; }
.hd-isik__sayac { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); color: #fff; font-size: 13px; }

/* Danışman profili */
.hd-profil { margin-bottom: 30px; background: #fff; box-shadow: var(--hd-golge); }
.hd-profil__ust { display: grid; grid-template-columns: auto 1fr auto; gap: 24px; align-items: center; padding: 20px; }
.hd-profil__foto { display: grid; place-items: center; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; background: #e9eef1; box-shadow: 0 0 0 6px #f3f3f3; color: var(--hd-yesil); font-size: 40px; }
.hd-profil__foto img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.hd-profil__bilgi h1 { margin: 0; font-size: clamp(26px, 2.6vw, 34px); font-weight: 300; }
.hd-profil__gorev { margin: 0 0 8px; font-size: 12px; }
.hd-profil__bilgi dl { display: grid; gap: 2px; margin: 0; font-size: 13px; }
.hd-profil__bilgi dl div { display: flex; gap: .35rem; }
.hd-profil__bilgi dt { font-weight: 500; color: var(--hd-baslik); }
.hd-profil__bilgi dd { margin: 0; }
.hd-profil__sayi { display: grid; justify-items: center; padding-inline: 40px; border-inline-start: 1px solid var(--hd-cizgi); }
.hd-profil__sayi strong { font-size: 32px; font-weight: 400; color: var(--hd-baslik); line-height: 1.1; }
.hd-profil__sekmeler { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; border-top: 1px solid var(--hd-cizgi); }
.hd-profil__sekmeler a { padding: 16px 10px; text-align: center; background: #fafafa; color: #828282; font-size: 12px; font-weight: 500; text-transform: uppercase; border-inline-end: 1px solid var(--hd-cizgi); }
.hd-profil__sekmeler a:last-child { border-inline-end: 0; }
.hd-profil__sekmeler a:hover { background: #fff; color: var(--hd-yesil); }
.hd-profil__govde { padding-top: 0; }
.hd-profil__aciklama { margin: 0; white-space: pre-line; }
.hd-ara-baslik { margin: 6px 0 20px; font-size: 18px; font-weight: 500; text-transform: uppercase; }

/* İçerik ve iletişim */
.hd-icerik__gorsel { width: 100%; margin: 0 0 20px; }
.hd-icerik__ozet { font-size: 16px; font-weight: 400; color: var(--hd-baslik); }
.hd-iletisim__harita { display: block; width: 100%; height: 360px; border: 0; }
.hd-iletisim { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.hd-iletisim__gorsel { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; margin-bottom: 26px; }
.hd-iletisim__firma { margin: 0 0 12px; padding-top: 18px; border-top: 1px solid #e3e8ec; font-size: 16px; font-weight: 500; text-transform: uppercase; }
.hd-iletisim__adres { margin-bottom: 8px; }
.hd-iletisim__bilgi { display: grid; gap: 2px; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid #e3e8ec; }
.hd-iletisim__bilgi div { display: grid; grid-template-columns: 80px 1fr; }
.hd-iletisim__bilgi dt { font-weight: 500; color: var(--hd-baslik); }
.hd-iletisim__bilgi dd { margin: 0; }
.hd-iletisim__bilgi a { color: var(--hd-metin); }
.hd-iletisim__metin { margin: 0 0 24px; padding-bottom: 24px; border-bottom: 1px solid #e3e8ec; }
.hd-sosyal { display: flex; gap: 14px; }
.hd-sosyal a { display: grid; place-items: center; color: inherit; }
.hd-sosyal .hd-ikon { width: 17px; height: 17px; }
.hd-sosyal--renkli a { color: #1e5fa8; }

/* Alt bilgi */
.hd-alt { padding-top: 60px; background: var(--hd-alt); color: #bdbdbd; font-size: 13px; }
.hd-alt__izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; padding-bottom: 50px; }
.hd-alt h2 { margin: 0 0 22px; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.hd-alt p { margin: 0; }
.hd-alt a { color: #bdbdbd; }
.hd-alt a:hover { color: #fff; }
.hd-alt__iletisim { display: grid; gap: 4px; margin: 0 0 16px; }
.hd-alt__iletisim div { display: flex; gap: .4rem; }
.hd-alt__iletisim dt { color: #e1e1e1; font-weight: 500; }
.hd-alt__iletisim dd { margin: 0; }
.hd-alt__baglantilar { display: grid; gap: 8px; }
.hd-alt__baglantilar a { display: inline-flex; align-items: center; gap: 10px; }
.hd-alt__baglantilar .hd-ikon { width: 12px; height: 12px; color: var(--hd-yesil); stroke-width: 2.4; }
.hd-alt__serit { background: color-mix(in srgb, var(--hd-alt) 82%, #000); padding-block: 18px; font-size: 12px; }
.hd-alt__serit .t-kap { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }

/* Ortak bileşenlerin tema uyumu */
.t-hata-sayfa { background: #fff; }
.t-whatsapp { bottom: 22px; }

/* Duyarlı */
@media (max-width: 1199px) {
    .hd-ust__ic { padding-inline: 20px; gap: 1.25rem; }
    .hd-menu ul { gap: 1.3rem; }
    .hd-ust__cta { margin-inline-end: -20px; padding: 0 20px; }
    .hd-sayfa--yanli { grid-template-columns: minmax(0, 1fr) 230px; }
}
@media (max-width: 960px) {
    .hd-ust__ic { min-height: 64px; }
    .hd-ust__cta { display: none; }
    .hd-menu { margin: 0; background: #fff; border-bottom: 1px solid var(--hd-cizgi); }
    .hd-menu a { padding: 12px 0; }
    .hd-harita__alan { height: 360px; }
    .hd-kahraman { min-height: 360px; }
    .hd-arama__form { flex-wrap: wrap; }
    .hd-arama__kelime { flex-basis: 100%; }
    .hd-arama .hd-secim, .hd-arama__dugme { flex: 1 1 160px; }
    .hd-izgara--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hd-kaydirici__serit { grid-auto-columns: calc((100% - 30px) / 2); }
    .hd-mozaik { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hd-mozaik > .hd-bolge { grid-column: span 1; min-height: 220px; }
    .hd-mozaik > .hd-bolge:first-child { grid-column: span 2; }
    .hd-one, .hd-iletisim { grid-template-columns: 1fr; gap: 26px; }
    .hd-one--ters .hd-one__metin { order: 0; }
    .hd-sayfa--yanli { grid-template-columns: 1fr; }
    .hd-yan--yapiskan { position: static; }
    .hd-detay__bas { flex-direction: column; align-items: flex-start; }
    .hd-detay__fiyat { justify-items: start; text-align: start; }
    .hd-galeri { grid-auto-rows: 110px; }
    .hd-sekmeler { top: 64px; }
    .hd-detaylar, .hd-ozellikler { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hd-alt__izgara { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    body { font-size: 13px; }
    .hd-bolum { padding-block: 50px; }
    .hd-bolum__baslik { margin-bottom: 32px; }
    .hd-harita__alan { height: 300px; }
    .hd-arama .hd-secim { display: none; }
    .hd-arama__kelime { flex: 1 1 auto; }
    .hd-arama__dugme { flex: 0 0 auto; min-width: 0; padding-inline: 18px; }
    .hd-izgara--3, .hd-izgara--2 { grid-template-columns: 1fr; gap: 22px; }
    .hd-kaydirici__serit { grid-auto-columns: 86%; gap: 16px; }
    .hd-kaydirici__oklar { display: none; }
    .hd-mozaik { grid-template-columns: 1fr; }
    .hd-mozaik > .hd-bolge, .hd-mozaik > .hd-bolge:first-child { grid-column: span 1; min-height: 200px; }
    .hd-one__kart { grid-template-columns: 1fr; }
    .hd-one__kart img { aspect-ratio: 3 / 2; }
    .hd-galeri { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; }
    .hd-galeri .hd-galeri__oge:first-child { grid-column: span 2 !important; grid-row: span 2; }
    .hd-galeri .hd-galeri__oge:nth-child(n+2) { grid-column: span 1 !important; grid-row: span 1; }
    .hd-galeri--6 .hd-galeri__oge:nth-child(6), .hd-galeri--4 .hd-galeri__oge:nth-child(4), .hd-galeri--2 .hd-galeri__oge:nth-child(2) { grid-column: span 2 !important; }
    .hd-detaylar, .hd-ozellikler { grid-template-columns: 1fr; }
    .hd-profil__ust { grid-template-columns: 1fr; justify-items: center; text-align: center; }
    .hd-profil__bilgi dl div { justify-content: center; }
    .hd-profil__sayi { border: 0; padding: 0; }
    .hd-profil__sekmeler { grid-auto-flow: row; }
    .hd-alt__izgara { grid-template-columns: 1fr; }
    .hd-filtre-cubuk select { min-width: 0; }
    .hd-filtre-cubuk .hd-secim { flex: 1 1 45%; }
    .hd-filtre-cubuk__sayi { flex-basis: 100%; margin: 0; }
}

@media print {
    .hd-ust, .hd-harita, .hd-arama, .hd-sekmeler, .hd-yan, .hd-alt, .hd-benzer, .t-whatsapp, .t-demo, .t-cerez { display: none !important; }
    .hd-sayfa--yanli { grid-template-columns: 1fr; }
    .hd-blok { box-shadow: none; border: 1px solid #ddd; }
}