/* Liste sayfaları: kompakt arama, filtre paneli, liste, sayfalama (MVP'de harita yok, K7) */
.container { width: min(100% - 32px, 1320px); }
.search-band { background: var(--c-bg); border-bottom: 1px solid var(--c-line); padding: var(--s-4) 0; }
.search--compact { box-shadow: none; width: 100%; }
.search--compact .search-submit { min-height: 48px; }

.page { padding-top: var(--s-6); padding-bottom: var(--s-16); }
.head-row { display: flex; justify-content: space-between; align-items: flex-end; gap: var(--s-4); margin: var(--s-4) 0 var(--s-6); }
.page-head { min-width: 0; }
.page-head h1 { font-size: 32px; font-weight: 800; }
.page-head .muted { margin-top: var(--s-2); display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }

.mobile-bar { display: flex; justify-content: flex-end; align-items: center; gap: var(--s-2); flex: none; }
.mobile-bar [data-open-filters] { display: none; }
.badge[hidden] { display: none; }
.badge { display: inline-grid; place-items: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: 999px; background: var(--c-primary); color: #fff; font-size: 12px; font-weight: 800; }

.results-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--s-6); align-items: start; }

.filters-form { display: contents; }
.filters { position: sticky; top: 88px; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); display: flex; flex-direction: column; max-height: calc(100vh - 104px); }
.filters-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); padding: var(--s-4) var(--s-5); border-bottom: 1px solid var(--c-line); }
.filters-head h2 { font-size: 17px; font-weight: 800; margin-right: auto; }
.filters-head .close { display: none; width: var(--tap); height: var(--tap); border: 0; background: transparent; cursor: pointer; }
.link { border: 0; background: none; padding: 0; color: var(--c-primary); font-weight: 700; cursor: pointer; min-height: var(--tap); display: inline-flex; align-items: center; text-decoration: underline; text-underline-offset: 3px; }
.filters-body { overflow-y: auto; padding: 0 var(--s-5); }
.filters-body fieldset { border: 0; margin: 0; padding: var(--s-4) 0; border-bottom: 1px solid var(--c-line); display: flex; flex-direction: column; gap: 2px; }
.filters-body fieldset:last-child { border-bottom: 0; }
.filters-body legend { font-weight: 800; font-size: 14px; padding: 0; margin-bottom: var(--s-2); float: left; width: 100%; }
.check { display: flex; align-items: center; gap: var(--s-3); min-height: var(--tap); font-size: 14px; cursor: pointer; }
.hint { font-size: var(--fs-small); color: var(--c-muted); margin-bottom: var(--s-2); }
.btn-block { width: 100%; font-size: 14px; }
.filters-foot { display: grid; grid-template-columns: auto 1fr; gap: var(--s-2); padding: var(--s-3) var(--s-5); border-top: 1px solid var(--c-line); }
.js .filters-foot { display: none; }

.active-filters { list-style: none; padding: 0; align-items: center; display: flex; flex-wrap: wrap; gap: var(--s-2); margin-bottom: var(--s-4); }
.active-chip { text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: var(--tap); padding: 0 var(--s-3); border: 0; border-radius: 999px; background: var(--c-tag-bg); color: var(--c-tag-text); font-weight: 700; font-size: 13px; cursor: pointer; }
.active-chip:hover { background: var(--c-primary); color: #fff; }

.pagination { display: flex; justify-content: center; align-items: center; gap: var(--s-1); margin-top: var(--s-8); }
.pagination a { display: grid; place-items: center; min-width: var(--tap); height: var(--tap); border-radius: var(--r-sm); color: var(--c-text); font-weight: 700; text-decoration: none; }
.pagination a:hover { background: var(--c-bg); }
.pagination a[aria-current] { background: var(--c-primary); color: #fff; }
.pagination .gap { min-width: 24px; text-align: center; color: var(--c-muted); }
.pagination .is-disabled { display: grid; place-items: center; min-width: var(--tap); height: var(--tap); color: var(--c-line); pointer-events: none; }

.seo-block { margin-top: var(--s-16); padding-top: var(--s-10); border-top: 1px solid var(--c-line); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-12); }
.seo-links h2 { font-size: var(--fs-body); font-weight: 800; margin: 0 0 var(--s-3); }
.seo-links h3 + 
@media (max-width: 1279px) {
          }
@media (max-width: 1023px) {
  .results-layout { grid-template-columns: 1fr; }
  .head-row { flex-direction: column; align-items: stretch; margin-bottom: var(--s-4); }
  .mobile-bar { justify-content: space-between; position: sticky; top: 0; z-index: 15; background: var(--c-surface); margin-inline: -16px; padding: var(--s-2) 16px; border-bottom: 1px solid var(--c-line); }
  .mobile-bar [data-open-filters] { display: inline-flex; }
  .filters { display: none; position: fixed; inset: 0; z-index: 50; max-height: none; border: 0; border-radius: 0; }
  .filters.is-open { display: flex; }
  .filters-head .close { display: inline-grid; place-items: center; }
  .filters-head .link { display: none; }
  .filters-body { flex: 1; }
  .js .filters-foot, .filters-foot { display: grid; grid-template-columns: auto 1fr; gap: var(--s-2); padding: var(--s-3) var(--s-4); border-top: 1px solid var(--c-line); box-shadow: 0 -8px 20px -16px rgba(22, 41, 74, .5); }
  .no-scroll { overflow: hidden; }
  .seo-block { grid-template-columns: 1fr; gap: var(--s-8); }
}
@media (max-width: 767px) {
  .search-band { padding: var(--s-3) 0; }
    .page-head h1 { font-size: 26px; }
  }




.result-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-3); }
.r-card { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; gap: var(--s-4); align-items: center; padding: var(--s-4); background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); }
.r-card:hover, .r-card.is-hot { border-color: var(--c-primary); }
.r-card--sponsorlu { border-color: var(--c-line-strong); }
.r-sponsorlu { display: block; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--c-muted); }
.r-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.r-body h3 { font-size: 17px; font-weight: 700; display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.r-body h3 a { color: var(--c-text); text-decoration: none; display: inline-block; padding: 12px 0; margin: -12px 0; }
.r-body h3 a:hover { color: var(--c-primary); }
.r-meta { display: flex; align-items: flex-start; gap: 4px; color: var(--c-muted); font-size: 14px; }
.r-open { display: flex; align-items: center; gap: 6px; font-size: 14px; color: var(--c-muted); }
.r-open strong { color: var(--c-closed); font-weight: 700; }
.r-open.is-open strong { color: var(--c-open); }
.r-open .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-closed); flex: none; }
.r-open.is-open .dot { background: var(--c-open); box-shadow: 0 0 0 3px #DCFCE7; }
.r-card .tags { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.r-img-link { position: relative; }
.r-puan { position: absolute; left: 6px; bottom: 6px; display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px; border-radius: 999px; background: var(--c-surface); color: var(--c-text); font-size: 13px; font-weight: 800; box-shadow: 0 2px 8px rgba(22, 41, 74, .25); }
.r-puan svg { width: 13px; height: 13px; fill: var(--c-yildiz); }
.r-yorum { font-size: 13px; color: var(--c-muted); }
.r-card .rozetler { margin-top: 2px; }
.r-actions { display: flex; flex-direction: column; gap: var(--s-2); }
.r-empty { padding: var(--s-8); text-align: center; background: var(--c-surface); border: 1px dashed var(--c-line); border-radius: var(--r-lg); color: var(--c-muted); }

@media (max-width: 1023px) {
          }
@media (max-width: 767px) {
          .r-card { grid-template-columns: 80px minmax(0, 1fr); align-items: start; }
    .r-actions { grid-column: span 2; flex-direction: row; }
  .r-actions .btn { flex: 1; }
}

.r-meta .ikon { margin-top: 3px; }
.list-note { margin-top: var(--s-4); }
@media (max-width: 767px) {
}

.mobile-bar .sort { display: flex; align-items: center; }
.stats { list-style: none; margin: var(--s-2) 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.stats li { display: flex; flex-direction: column; padding: var(--s-4); border-radius: var(--r-lg); background: var(--c-bg); }
.stats strong { font-size: var(--fs-h2); font-weight: 800; color: var(--c-primary); }
.stats span { color: var(--c-muted); font-size: 14px; }
.seo-text .faq { margin-top: var(--s-8); }
.seo-links + .seo-links { margin-top: var(--s-6); }
@media (max-width: 767px) { .stats { grid-template-columns: 1fr 1fr 1fr; } .stats li { padding: var(--s-3); } .stats strong { font-size: 20px; } }
.profil-cip { display: inline-flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; font-weight: 600; color: var(--c-muted); }
.profil-cip .ikon { width: 14px; height: 14px; color: var(--c-open); }