/* hs-koyu-tema */
/* Ana sayfa v2: yana kaydırmalı şeritler, eşit bölüm boşlukları, ortalı "Güncel ilanlara göz at" kartı. */
:root { --hr-gap: 20px}
@media (min-width: 720px) { :root { --hr-gap: 24px} }

/* ---- Yatay kaydırmalı şerit (öne çıkan ilanlar gibi; kartın üstünde mavi çizgi yok) ---- */
.pr-rail { display: flex; grid-template-columns: none; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; list-style: none; margin: 0; padding: 2px 0 6px}
.pr-rail::-webkit-scrollbar { display: none}
.pr-rail > * { flex: 0 0 78%; max-width: 340px; min-width: 0; scroll-snap-align: start}
.pr-rail.pr-stats > .pr-stat { flex: 0 0 148px; max-width: none}
.pr-rail.pr-grid > .pr-card, .pr-rail.pr-steps > .pr-step { height: auto}
.pr-rail:focus-visible { outline: 2px solid var(--g-blue, var(--vurgu,#8ab4f8)); outline-offset: 3px; border-radius: 12px}

@media (min-width: 720px) {
  .pr-rail { gap: 14px}
  .pr-rail.pr-grid > .pr-card, .pr-rail.pr-steps > .pr-step { flex: 0 0 calc((100% - 28px) / 3); max-width: none}
  .pr-rail.pr-stats > .pr-stat { flex: 1 0 168px}
}

/* Masaüstü oklar (dokunmatik cihazlarda gizli) */
.pr-sec--nav { position: relative}
.pr-rail-nav { display: none; position: absolute; right: 0; top: 0; gap: 6px}
.pr-rail-nav .kf-arr { display: inline-flex}
@media (hover: hover) and (pointer: fine) { .pr-sec--nav.has-overflow > .pr-rail-nav { display: inline-flex} .pr-sec--nav.has-overflow > .pr-head { padding-right: 88px} }

/* ---- Bölümler arası standart boşluk: öne çıkanlar → istatistik → arama/filtre ---- */
.kf-news { margin: var(--hr-gap) 0 0}
.kf-dots { margin-top: 6px}
.pr-stats { margin-top: var(--hr-gap)}
.kl-home-sec { margin: var(--hr-gap) 0 6px}
.kf-news + .kl-home-sec, .kf-news ~ .kl-home-sec { margin-top: var(--hr-gap)}

/* ---- "Güncel ilanlara göz at": başlık, yazı ve buton kartın ortasında ---- */
.pr-cta { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; text-align: center}
.pr-cta h2, .pr-cta p { text-align: center}
.pr-cta p { max-width: 520px; margin-left: auto; margin-right: auto}
.pr-cta .bb__btn { flex: none; width: auto; margin: 0 auto}

/* hs-harita-karti-2: istatistik şeridinin başındaki "İlanları Haritada İncele" kartı; diğer istatistik kartlarıyla aynı görünüm */
.pr-stat--mapcard { display: block; text-decoration: none; cursor: pointer; color: inherit}
.pr-stat--mapcard b { font-size: clamp(17px, 2.2vw, 21px); line-height: 1.2; letter-spacing: -.02em}
.pr-stat--mapcard:focus-visible { outline: 2px solid var(--g-blue, var(--vurgu,#8ab4f8)); outline-offset: 3px}
@media (hover: hover) { .pr-stat--mapcard:hover { filter: brightness(.97)} }