.kap--genis { max-width: 1440px; }
.liste-duzen { display: block; }
@media (min-width: 1000px) {
  .liste-duzen { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: var(--sp-7); align-items: start; }
}


.filtre-sutun { display: none; }
@media (min-width: 1000px) {
  .filtre-sutun {
    display: block; position: sticky; top: 88px;
    border: 1px solid var(--renk-cizgi); border-radius: var(--radius-kart);
    background: var(--renk-zemin); padding: var(--sp-5); max-height: calc(100svh - 110px);
    overflow-y: auto;
  }
}
.filtre-sutun__bas { display: flex; align-items: baseline; justify-content: space-between; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.filtre-sutun__bas h2 { font-size: var(--fs-lg); }
.cekmece-kapat { display: none; background: none; border: 0; font-size: 20px; cursor: pointer; color: var(--renk-metin); padding: var(--sp-2); }
.filtre-grup { padding: var(--sp-4) 0; border-top: 1px solid var(--renk-cizgi); }
.filtre-grup:first-of-type { border-top: 0; padding-top: 0; }

.filtre-grup > summary {
  display: flex; align-items: center; justify-content: space-between;
  min-height: 48px; cursor: pointer; list-style: none;
}
.filtre-grup > summary::-webkit-details-marker { display: none; }
.filtre-grup > summary::after {
  content: ""; width: 8px; height: 8px; margin-right: 4px;
  border-right: 2px solid var(--renk-ikincil); border-bottom: 2px solid var(--renk-ikincil);
  transform: rotate(45deg) translate(-2px, -2px);
  transition: transform var(--sure) var(--egri);
}
.filtre-grup[open] > summary::after { transform: rotate(-135deg) translate(-2px, -2px); }
.filtre-grup > summary h3 { margin: 0; }
.filtre-grup > summary:focus-visible { outline: 2px solid var(--renk-vurgu); outline-offset: 2px; }

@media (min-width: 1000px) {
  .filtre-grup > summary { pointer-events: none; min-height: 0; }
  .filtre-grup > summary::after { display: none; }
  .filtre-grup:not([open]) > *:not(summary) { display: block; }
}
.filtre-grup h3 {
  font-family: var(--font-govde); font-size: var(--fs-xs); font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--renk-ikincil);
  margin-bottom: var(--sp-3);
}
.filtre-alt { font-size: var(--fs-xs); color: var(--renk-ikincil); margin: var(--sp-3) 0 var(--sp-2); }
.filtre-grup ul { display: grid; gap: 2px; }

.filtre-grup li a {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3);
  min-height: 44px; padding: 0 var(--sp-3); border-radius: var(--radius-ic);
  text-decoration: none; color: var(--renk-metin); font-size: var(--fs-sm);
}
.filtre-grup li a:hover { background: var(--renk-kum); }
.filtre-grup li a[aria-current="true"] { background: var(--renk-birincil); color: #fff; font-weight: 600; }
.filtre-adet { font-size: var(--fs-xs); color: var(--renk-ikincil); font-variant-numeric: tabular-nums; }
.filtre-grup li a[aria-current="true"] .filtre-adet { color: #C3CAD4; }
.filtre-aralik { display: grid; grid-template-columns: auto 1fr; gap: var(--sp-2) var(--sp-3); align-items: center; }
.filtre-aralik label { font-size: var(--fs-sm); color: var(--renk-ikincil); }
.filtre-aralik input {
  min-height: 40px; padding: 0 var(--sp-3); width: 100%;
  border: 1px solid var(--renk-cizgi); border-radius: var(--radius-ic);
  font-family: inherit; font-size: var(--fs-sm); background: var(--renk-zemin); color: var(--renk-metin);
}


@media (max-width: 999px) {
  .filtre-sutun.acik {
    display: block; position: fixed; inset: auto 0 0 0; z-index: 60;
    max-height: 86svh; overflow-y: auto; background: var(--renk-zemin);
    border-top: 1px solid var(--renk-cizgi); border-radius: 16px 16px 0 0;
    padding: var(--sp-5); box-shadow: 0 -8px 30px rgb(16 26 43 / .18);
  }
  .filtre-sutun.acik .cekmece-kapat { display: block; }
}
.cekmece-dugme { white-space: nowrap; }
@media (min-width: 1000px) { .cekmece-dugme, .cip-bolum { display: none; } }


.ust-cubuk {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  flex-wrap: wrap; padding: var(--sp-4) 0; border-bottom: 1px solid var(--renk-cizgi);
  margin-bottom: var(--sp-4);
}

.ust-cubuk__sayi { font-size: var(--fs-md); color: var(--renk-metin); }
.ust-cubuk__sayi strong { font-variant-numeric: tabular-nums; }
.ust-cubuk__sag { display: flex; align-items: center; gap: var(--sp-3); }
.ust-cubuk__et { font-size: var(--fs-sm); color: var(--renk-ikincil); }
.sirala {
  min-height: 40px; padding: 0 var(--sp-3); border: 1px solid var(--renk-cizgi);
  border-radius: var(--radius-ic); background: var(--renk-zemin); color: var(--renk-metin);
  font-family: inherit; font-size: var(--fs-sm);
}
.gorunum { display: inline-flex; border: 1px solid var(--renk-cizgi); border-radius: var(--radius-pill); overflow: hidden; }
.gorunum__d {
  min-height: 40px; padding: 0 var(--sp-4); border: 0; background: var(--renk-zemin);
  font-family: inherit; font-size: var(--fs-sm); color: var(--renk-ikincil); cursor: pointer;
}
.gorunum__d[aria-pressed="true"] { background: var(--renk-birincil); color: #fff; font-weight: 600; }



.tablo-sarma { overflow-x: visible; }

.ilan-tablo { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; }

.ilan-tablo .s-foto { width: 88px; }
.ilan-tablo .s-sayi { width: 76px; }


.ilan-tablo th.s-sayi:nth-of-type(5), .ilan-tablo td.s-sayi:nth-of-type(5) { width: 108px; }
.ilan-tablo td.s-sayi:nth-of-type(5) { white-space: normal; }
.ilan-tablo .s-fiyat { width: 132px; }
.ilan-tablo .s-tarih { width: 88px; }

.ilan-tablo .s-konum { width: 104px; }
.ilan-tablo thead th {
  position: sticky; top: 68px; z-index: 20;
  background: var(--renk-kum); color: var(--renk-metin);
  font-family: var(--font-govde); font-size: var(--fs-xs); font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase; text-align: left;
  padding: var(--sp-3) var(--sp-3); border-bottom: 2px solid var(--renk-birincil);
  white-space: nowrap;
}
.ilan-tablo thead th button {
  background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
  color: inherit; letter-spacing: inherit; text-transform: inherit;
  display: inline-flex; align-items: center; gap: 4px;
}
.ilan-tablo thead th button::after { content: "↕"; opacity: .45; font-size: 11px; }
.ilan-tablo thead th button[data-yon="artan"]::after { content: "↑"; opacity: 1; }
.ilan-tablo thead th button[data-yon="azalan"]::after { content: "↓"; opacity: 1; }
.ilan-tablo thead th button:hover { color: var(--renk-vurgu-metin); }


.ilan-satir:nth-child(even) td { background: var(--renk-kum); }
.ilan-satir:hover td { background: var(--renk-kum-2); }

.ilan-satir { position: relative; }
.satir-baslik::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.satir-baslik:focus-visible { outline: 2px solid var(--renk-vurgu); outline-offset: 2px; border-radius: 2px; }

.ilan-satir a:not(.satir-baslik), .ilan-satir button { position: relative; z-index: 2; }
.ilan-tablo tbody td { border-bottom: 1px solid var(--renk-cizgi); }

.ilan-tablo .s-baslik { width: auto; }
.ilan-tablo td { padding: var(--sp-4) var(--sp-2); vertical-align: middle; }
.ilan-tablo .s-foto { width: 88px; padding-left: 0; }
.ilan-tablo .s-foto img {
  width: 80px; height: 60px; object-fit: cover;
  border-radius: var(--radius-ic); border: 1px solid var(--renk-cizgi);
}



@media (max-width: 1399px) {
  .ilan-tablo .s-konum, .ilan-tablo thead th.s-konum { display: none; }
}
@media (max-width: 1279px) {
  .ilan-tablo .s-tarih, .ilan-tablo thead th.s-tarih { display: none; }
}

.satir-baslik {
  font-size: var(--fs-md); font-weight: 500; line-height: 1.4; color: var(--renk-metin);
  text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.satir-baslik:hover { color: var(--renk-vurgu-metin); text-decoration: underline; }

.ilan-tablo .s-sayi { font-size: var(--fs-sm); color: var(--renk-ikincil); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ilan-tablo .s-tarih { font-size: var(--fs-sm); color: var(--renk-ikincil); white-space: nowrap; }

.ilan-tablo .s-konum { font-size: var(--fs-xs); color: var(--renk-ikincil); white-space: normal; line-height: 1.35; }
.ilan-tablo .s-fiyat {
  font-family: var(--font-govde); font-size: clamp(16px, 1.6vw, 18px); font-weight: 600;
  color: var(--renk-metin); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
@media (max-width: 999px) {
  
  .ilan-tablo .s-sayi, .ilan-tablo .s-tarih, .ilan-tablo .s-konum { display: none; }
  .ilan-tablo thead th.s-sayi, .ilan-tablo thead th.s-tarih, .ilan-tablo thead th.s-konum { display: none; }
  
  .ilan-tablo .s-foto { width: 80px; }
  .ilan-tablo .s-foto img { width: 72px; height: 54px; }
  
  .ilan-tablo .s-fiyat { width: 128px; }
  .ilan-tablo thead th { top: 56px; }
}


.sayfalama { display: flex; align-items: center; justify-content: center; gap: var(--sp-2); margin-top: var(--sp-7); flex-wrap: wrap; }
.sayfalama a, .sayfalama__numaralar a {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 40px; min-height: 40px; padding: 0 var(--sp-3);
  border: 1px solid var(--renk-cizgi); border-radius: var(--radius-ic);
  text-decoration: none; color: var(--renk-metin); font-size: var(--fs-sm);
  font-variant-numeric: tabular-nums;
}
.sayfalama a:hover { border-color: var(--renk-vurgu); }
.sayfalama__numaralar { display: inline-flex; gap: var(--sp-2); flex-wrap: wrap; }
.sayfalama a[aria-current="page"] { background: var(--renk-birincil); color: #fff; border-color: var(--renk-birincil); font-weight: 600; }
.sayfalama a[aria-disabled="true"] { opacity: .4; pointer-events: none; }



.kirinti { font-size: var(--fs-sm); color: var(--renk-ikincil); padding: var(--sp-5) 0 0;
  display: flex; flex-wrap: wrap; gap: 6px; }
.kirinti ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; padding: 0; margin: 0; }
.kirinti li + li::before,
.kirinti ol + ol li::before { content: "›"; margin-right: 6px; color: var(--renk-ikincil); }
.kirinti__son li { color: var(--renk-metin); }
.kirinti a { color: var(--renk-ikincil); text-decoration: none; }
.kirinti a:hover { color: var(--renk-metin); text-decoration: underline; }
.ilan-h1 { font-size: var(--fs-2xl); margin: var(--sp-4) 0 var(--sp-5); max-width: 30ch; }

.ilan-duzen { display: grid; gap: var(--sp-6); padding-bottom: var(--sp-8); }
@media (min-width: 1000px) {
  
  .ilan-duzen { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--sp-6) var(--sp-7); align-items: start; }
  
  .ilan-galeri   { grid-column: 1; grid-row: 1; }
  .ilan-sekmeler { grid-column: 1; grid-row: 2; }
  .ilan-bilgi    { grid-column: 2; grid-row: 1; }
  .ilan-yan      { grid-column: 2; grid-row: 2; }
  .ilan-benzer   { grid-column: 1 / -1; grid-row: 3; }
}



.arsa-kart {
  display: none;
  background: var(--renk-birincil); color: #fff; border-radius: var(--radius-kart);
  padding: var(--sp-7) var(--sp-6); aspect-ratio: 4 / 3;
  flex-direction: column; justify-content: center; gap: var(--sp-3);
}
.ilan-galeri[data-kart="1"] .arsa-kart { display: flex; }
.ilan-galeri[data-kart="1"] .galeri { display: none; }
.arsa-kart__tur {
  font-family: var(--font-baslik); font-weight: var(--ag-display);
  font-size: clamp(40px, 6vw, 72px); line-height: 1;
}
.arsa-kart__satir { font-size: var(--fs-lg); color: #E8E4DA; }

.galeri { display: grid; gap: var(--sp-3); }

.galeri__ana { position: relative; padding: 0; border: 0; background: none; cursor: zoom-in; display: block; width: 100%; max-width: none; }
.galeri__ana img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--renk-cizgi); border-radius: var(--radius-kart); }
.galeri__sayac {
  position: absolute; right: var(--sp-3); bottom: var(--sp-3);
  background: rgba(16, 24, 31, .86); color: #fff; font-size: var(--fs-xs); font-weight: 600;
  padding: 5px 12px; border-radius: var(--radius-pill); font-variant-numeric: tabular-nums;
}

.galeri__kucuk {
  display: flex; gap: var(--sp-2); flex-wrap: nowrap;
  overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.galeri__kucuk::-webkit-scrollbar { display: none; }
.galeri__kucuk > * { flex: none; }
@media (min-width: 1000px) { .galeri__kucuk { flex-wrap: wrap; overflow-x: visible; } }
.galeri__kucuk button { padding: 0; border: 0; background: none; cursor: pointer; line-height: 0; }
.galeri__kucuk img { width: 96px; aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--renk-cizgi); border-radius: var(--radius-ic); }
.galeri__kucuk button[aria-current="true"] img { border-color: var(--renk-vurgu); border-width: 2px; }

@media (min-width: 1000px) {
  .galeri__kucuk img { width: 132px; }
}

.ilan-fiyat-satir { margin-bottom: var(--sp-3); }
.ilan-fiyat {
  font-family: var(--font-baslik); font-weight: var(--ag-display);
  font-size: var(--fs-fiyat-detay); line-height: 1.1; font-variant-numeric: tabular-nums;
}
.ilan-konum { display: flex; align-items: center; gap: 6px; margin-bottom: var(--sp-2); }
.ilan-konum svg { color: var(--renk-vurgu); }
.konum-dugme {
  background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
  font-size: var(--fs-md); color: var(--renk-metin); text-decoration: underline;
  text-underline-offset: 3px; text-decoration-color: var(--renk-cizgi-2);
}
.konum-dugme:hover { text-decoration-color: var(--renk-vurgu); }

.ilan-kimlik { font-size: var(--fs-sm); color: var(--renk-ikincil); margin-bottom: var(--sp-5); }
.ilan-kimlik strong { color: var(--renk-metin); font-variant-numeric: tabular-nums; }

.ilan-kimlik__no { color: var(--renk-vurgu-metin); text-decoration: underline; text-underline-offset: 3px; }
.ilan-kimlik__no strong { color: inherit; }
.ilan-bilgi__bas { font-size: var(--fs-lg); margin-bottom: var(--sp-3); }


.kunye-cetvel { width: 100%; border-collapse: collapse; font-size: var(--fs-sm); }
.kunye-cetvel th, .kunye-cetvel td { padding: 11px var(--sp-3); text-align: left; vertical-align: top; }
.kunye-cetvel th { font-size: 14px; font-weight: 500; color: var(--renk-ikincil); width: 48%; }
.kunye-cetvel td { font-size: 15px; font-weight: 500; color: var(--renk-metin); }
.kunye-cetvel tbody tr { border-bottom: 1px solid var(--renk-cizgi); }
.kunye-cetvel tbody tr:nth-child(even) { background: var(--renk-kum); }
.kunye-cetvel tbody tr:last-child { border-bottom: 0; }
.sarma { overflow-x: auto; border: 1px solid var(--renk-cizgi); border-radius: var(--radius-ic); }


.danisman-kutular { display: grid; gap: var(--sp-4); }
.danisman-kutu {
  border: 1px solid var(--renk-cizgi); border-radius: var(--radius-kart);
  background: var(--renk-kum); padding: var(--sp-5);
  display: flex; flex-direction: column; gap: var(--sp-3);
}
.danisman-kutu__ad { font-family: var(--font-baslik); font-weight: var(--ag-display); font-size: var(--fs-xl); }
.danisman-kutu__unvan { font-size: var(--fs-sm); color: var(--renk-ikincil); }
.telefon-goster { font-variant-numeric: tabular-nums; white-space: nowrap; }


.ilan-sekmeler { margin-top: var(--sp-6); }
.sekme-serit { display: flex; gap: var(--sp-5); border-bottom: 1px solid var(--renk-cizgi); overflow-x: auto; scrollbar-width: none; }
.sekme-serit::-webkit-scrollbar { display: none; }
.sekme-dugme {
  background: none; border: 0; border-bottom: 2px solid transparent; margin-bottom: -1px;
  padding: var(--sp-3) 0; font: inherit; font-size: var(--fs-md); font-weight: 500;
  color: var(--renk-ikincil); cursor: pointer; white-space: nowrap; min-height: 48px;
}
.sekme-dugme[aria-selected="true"] { color: var(--renk-metin); font-weight: 600; border-bottom-color: var(--renk-vurgu); }
.sekme-panel { padding: var(--sp-5) 0; }

.aciklama { display: grid; gap: var(--sp-3); max-width: 70ch; }
.aciklama li {
  color: var(--renk-metin); line-height: 1.7; padding-left: var(--sp-4);
  border-left: 2px solid var(--renk-cizgi-2);
}
.aciklama p { color: var(--renk-metin); margin-bottom: var(--sp-4); max-width: 70ch; line-height: 1.7; }
.aciklama p:last-child { margin-bottom: 0; }

.harita-kutu { border: 1px dashed var(--renk-cizgi); border-radius: var(--radius-ic); padding: var(--sp-5); display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-3); background: var(--renk-kum); }

.harita-kutu:empty { display: none; }

.harita-kutu iframe { width: 100%; aspect-ratio: 16 / 9; min-height: 0; height: auto; display: block; border: 1px solid var(--renk-cizgi); border-radius: var(--radius-ic); }

.harita-kutu:has(iframe) { padding: 0; border: 0; background: none; }

.ozellik-gruplar { display: grid; gap: var(--sp-5); }
@media (min-width: 700px) { .ozellik-gruplar { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } }
.ozellik-grup__bas { font-size: var(--fs-md); margin-bottom: var(--sp-3); }
.ozellik-liste { display: grid; gap: var(--sp-2); }
.ozellik-liste li { font-size: var(--fs-sm); color: var(--renk-metin); padding-left: 22px; position: relative; }
.ozellik-liste li::before { content: "✓"; position: absolute; left: 0; color: var(--renk-onay); font-weight: 700; }

.ilan-benzer { margin-top: var(--sp-7); }
.ilan-benzer h2 { font-size: var(--fs-xl); margin-bottom: var(--sp-5); }


.lightbox {
  position: fixed; inset: 0; z-index: 100; background: rgba(20, 24, 31, .96);
  display: flex; align-items: center; justify-content: center; flex-direction: column; gap: var(--sp-4);
}
.lightbox[hidden] { display: none; }
.lightbox__kare { max-width: 92vw; max-height: 82vh; object-fit: contain; }
.lightbox__sayac { color: #fff; font-size: var(--fs-sm); font-variant-numeric: tabular-nums; }
.lightbox__d {
  position: absolute; width: 48px; height: 48px; border-radius: 50%;
  background: rgba(255, 255, 255, .16); border: 1px solid rgba(255, 255, 255, .4);
  color: #fff; font-size: 20px; cursor: pointer; display: inline-flex;
  align-items: center; justify-content: center;
}
.lightbox__d:hover { background: rgba(255, 255, 255, .28); }
.lightbox__geri { left: 3vw; }
.lightbox__ileri { right: 3vw; }
.lightbox__kapat { top: 3vh; right: 3vw; }


.sf-ilanlar { background: #fbfaf7; }
.sf-ilanlar main > .bolum:first-child { padding-top: var(--sp-7) !important; }
.sf-ilanlar main > .bolum:first-child h1 { font-size: clamp(38px, 5vw, 64px); }
.sf-ilanlar .liste-hero { padding-bottom: var(--sp-5); }
.liste-hero__alt { max-width: 62ch; margin-top: var(--sp-3); color: var(--renk-ikincil); font-size: var(--fs-md); }
.sf-ilanlar .cip-bolum { padding: 0 0 var(--sp-6); }
.sf-ilanlar .cip {
  background: rgba(255, 255, 255, .82); border-color: var(--renk-cizgi-2);
  box-shadow: 0 1px 0 rgba(16, 26, 43, .03);
}
.sf-ilanlar .cip[aria-current="true"] { background: var(--renk-birincil); border-color: var(--renk-birincil); }
.sf-ilanlar .cip__n {
  display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px;
  padding: 0 6px; border-radius: var(--radius-pill); background: var(--renk-kum); color: var(--renk-vurgu-metin);
}
.sf-ilanlar .cip[aria-current="true"] .cip__n { background: rgba(255,255,255,.14); color: #fff; }
.sf-ilanlar .secenek--bos { opacity: .42; }
.sf-ilanlar .secenek--bos:hover { opacity: .72; }

.sf-ilanlar .liste-duzen { padding-top: var(--sp-3); }
@media (min-width: 1000px) {
  .sf-ilanlar .liste-duzen { grid-template-columns: 310px minmax(0, 1fr); gap: clamp(32px, 3vw, 52px); }
  .sf-ilanlar .filtre-sutun { top: 86px; }
}
.sf-ilanlar .filtre-sutun {
  border-color: var(--renk-cizgi-2); background: rgba(255, 255, 255, .94);
  box-shadow: 0 16px 50px rgba(16, 26, 43, .07); scrollbar-color: var(--renk-cizgi-2) transparent;
}
.sf-ilanlar .filtre-sutun__bas { align-items: center; padding-bottom: var(--sp-4); border-bottom: 1px solid var(--renk-cizgi); }
.sf-ilanlar .filtre-sutun__bas h2 { font-size: var(--fs-xl); }
.sf-ilanlar .filtre-grup { padding: 18px 0; }
.sf-ilanlar .filtre-grup > summary { min-height: 44px; }
.sf-ilanlar .filtre-grup h3 { margin: 0; color: var(--renk-metin); letter-spacing: .1em; }
.sf-ilanlar .filtre-alt { padding-left: var(--sp-3); color: var(--renk-vurgu-metin); font-weight: 600; }
.sf-ilanlar .filtre-grup ul { gap: 4px; margin-top: var(--sp-2); }
.sf-ilanlar .filtre-grup li a { min-height: 46px; border: 1px solid transparent; }
.sf-ilanlar .filtre-grup li a:hover { border-color: var(--renk-cizgi); background: var(--renk-kum); }
.sf-ilanlar .filtre-grup li a[aria-current="true"] {
  background: #f0eadc; border-color: #d5c294; color: var(--renk-birincil); box-shadow: inset 3px 0 0 var(--renk-vurgu);
}
.sf-ilanlar .filtre-grup li a[aria-current="true"] .filtre-adet { color: var(--renk-vurgu-metin); }
.sf-ilanlar .filtre-adet {
  min-width: 28px; padding: 3px 7px; text-align: center; border-radius: var(--radius-pill); background: var(--renk-kum);
}
.sf-ilanlar .filtre-aralik { grid-template-columns: 60px minmax(0, 1fr); margin-top: var(--sp-3); }
.sf-ilanlar .filtre-aralik input { min-width: 0; background: #fff; border-color: var(--renk-cizgi-2); }
@media (min-width: 1000px) {
  .sf-ilanlar .filtre-grup > summary { pointer-events: auto; }
  .sf-ilanlar .filtre-grup > summary::after { display: block; }
  .sf-ilanlar .filtre-grup:not([open]) > *:not(summary) { display: none; }
}

.sf-ilanlar .ust-cubuk {
  margin: 0 0 var(--sp-5); padding: var(--sp-4); border: 1px solid var(--renk-cizgi);
  border-radius: var(--radius-kart); background: #fff; box-shadow: var(--golge-1);
}
.sf-ilanlar .ust-cubuk__sayi strong { font-family: var(--font-baslik); font-size: var(--fs-xl); color: var(--renk-vurgu-metin); }
.sf-ilanlar .sirala { background-color: #fff; border-color: var(--renk-cizgi-2); }
.sf-ilanlar .gorunum { border-color: var(--renk-cizgi-2); padding: 3px; gap: 2px; background: var(--renk-kum); }
.sf-ilanlar .gorunum__d { min-height: 36px; border-radius: var(--radius-pill); background: transparent; }

.sf-ilanlar .gorunum__d[aria-pressed="true"] { background: var(--renk-birincil); color: #fff; }

.sf-ilanlar .tablo-sarma {
  border: 1px solid var(--renk-cizgi); border-radius: var(--radius-kart); background: #fff;
  box-shadow: 0 16px 44px rgba(16, 26, 43, .055); overflow: clip;
}
.sf-ilanlar .ilan-tablo thead th { background: #f0ede6; border-bottom-color: var(--renk-vurgu); }
.sf-ilanlar .ilan-tablo tbody td { padding-top: 18px; padding-bottom: 18px; background: #fff; }
.sf-ilanlar .ilan-satir:nth-child(even) td { background: #fcfbf8; }
.sf-ilanlar .ilan-satir:hover td { background: #f3efe5; }
.sf-ilanlar .ilan-tablo .s-foto img { box-shadow: 0 4px 12px rgba(16, 26, 43, .09); }
.sf-ilanlar .satir-baslik { font-family: var(--font-baslik); font-size: 16px; line-height: 1.45; }

.sf-ilanlar #izgara-gorunum { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: var(--sp-5); }
.sf-ilanlar #izgara-gorunum .kart { border: 0; border-radius: var(--radius-kart); box-shadow: 0 14px 36px rgba(16, 26, 43, .09); background: #fff; }
.sf-ilanlar #izgara-gorunum .kart:hover { transform: translateY(-5px); box-shadow: 0 20px 46px rgba(16, 26, 43, .14); }
.sf-ilanlar #izgara-gorunum .kart__foto img { aspect-ratio: 4 / 3; }
.sf-ilanlar #izgara-gorunum .kart__govde { padding: var(--sp-5); gap: var(--sp-3); }
.kart__ust { display: flex; justify-content: space-between; gap: var(--sp-3); align-items: center; }
.kart__kategori { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--renk-vurgu-metin); }
.kart__mahalle { font-size: var(--fs-xs); color: var(--renk-ikincil); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kart__ozellikler { display: flex; flex-wrap: wrap; gap: var(--sp-2); padding-top: var(--sp-3); border-top: 1px solid var(--renk-cizgi); margin-top: auto; }
.kart__ozellikler span { padding: 5px 9px; border-radius: var(--radius-pill); background: var(--renk-kum); color: var(--renk-ikincil); font-size: var(--fs-xs); }

.sf-ilanlar .sayfalama { padding: var(--sp-5); }
.sf-ilanlar .sayfalama a { border-radius: var(--radius-pill); background: #fff; }
.sf-ilanlar .sayfalama a[aria-current="page"] { background: var(--renk-birincil); }
.sf-ilanlar .bos-durum {
  display: flex; flex-direction: column; align-items: center; gap: var(--sp-3);
  border: 1px solid var(--renk-cizgi-2); border-radius: var(--radius-kart); background: #fff;
  padding: clamp(42px, 8vw, 84px) var(--sp-5); box-shadow: var(--golge-1);
}
.sf-ilanlar .bos-durum strong { font-family: var(--font-baslik); font-size: var(--fs-xl); color: var(--renk-metin); }
.bos-durum__ikon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: var(--renk-kum); color: var(--renk-vurgu-metin); font-size: 28px; }

@media (max-width: 999px) {
  .sf-ilanlar .filtre-sutun.acik {
    max-height: 90svh; padding: var(--sp-5) var(--sp-5) calc(var(--sp-7) + env(safe-area-inset-bottom));
    border: 1px solid var(--renk-cizgi-2); border-bottom: 0;
    box-shadow: 0 0 0 100vmax rgba(8, 14, 24, .52), 0 -18px 48px rgba(8, 14, 24, .22);
  }
  .sf-ilanlar .filtre-sutun.acik .filtre-sutun__bas {
    position: sticky; top: calc(var(--sp-5) * -1); z-index: 2; margin: 0 calc(var(--sp-5) * -1) var(--sp-3);
    padding: var(--sp-5); background: #fff;
  }
  .sf-ilanlar .cekmece-kapat { width: 42px; height: 42px; border-radius: 50%; background: var(--renk-kum); }
  .sf-ilanlar .ust-cubuk__sag { width: 100%; flex-wrap: wrap; }
  .sf-ilanlar .sirala { flex: 1; min-width: 150px; }
  .sf-ilanlar .tablo-sarma { border-radius: var(--radius-ic); }
}

@media (max-width: 520px) {
  .sf-ilanlar .kap--genis { padding-left: var(--sp-3); padding-right: var(--sp-3); }
  .sf-ilanlar .ust-cubuk { padding: var(--sp-3); }
  
  .sf-ilanlar .ust-cubuk__et {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;
  }
  .sf-ilanlar .gorunum { width: 100%; }
  .sf-ilanlar .gorunum__d { flex: 1; padding: 0 var(--sp-2); }
  .sf-ilanlar .ilan-tablo .s-foto { width: 72px; }
  .sf-ilanlar .ilan-tablo .s-foto img { width: 64px; height: 52px; }
  .sf-ilanlar .ilan-tablo .s-fiyat { width: 104px; font-size: 14px; }
  .sf-ilanlar .ilan-tablo td { padding-left: 5px; padding-right: 5px; }
  .sf-ilanlar .ilan-tablo thead th { padding-left: 5px; padding-right: 5px; font-size: 10px; }
  .sf-ilanlar .satir-baslik { font-size: 14px; }
}