/* Programatik liste sayfaları (src/landing-pages.js): /taksit/..., /fiyat/..., /kart/<kart>/<kategori>/<n>-taksit,
   /kesfet ve kategori sayfalarındaki "Bu kategoride" linkleri. Renkler yalnızca styles.css token'larından. */

.lp-head { margin: 8px 0 20px; }
.lp-head h1 { font-size: clamp(30px, 4.4vw, 52px); font-weight: 800; letter-spacing: -0.04em; line-height: 1; margin: 0; max-width: 22ch; }
.lp-head .seo-lead { margin: 14px 0 0; }
.lp-updated { font-family: var(--mono); font-size: 13px; color: var(--muted); margin: 14px 0 0; }
.lp-updated a { color: var(--text); }

/* Rakam kutuları */
.lp-facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 20px 0 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); max-width: 920px; }
.lp-facts div { padding: 12px 16px; min-width: 0; }
.lp-facts div + div { border-left: 1px solid var(--line); }
.lp-facts dt { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.lp-facts dd { margin: 4px 0 0; font-family: var(--display); font-size: 22px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Aynı kapsamdaki kardeş listeler ve kategori sayfasındaki "Bu kategoride" linkleri */
.lp-chips, .lp-hub { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 24px; }
.lp-chips a, .lp-chips span[aria-current], .lp-hub a { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; font-size: 14px; padding: 6px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); white-space: nowrap; color: var(--text); }
.lp-chips a:hover, .lp-hub a:hover { border-color: var(--text); }
.lp-chips .num, .lp-hub .num { font-size: 12px; color: var(--muted); }
.lp-chips span[aria-current] { background: var(--text); border-color: var(--text); color: var(--paper); }
.lp-chips span[aria-current] .num { color: inherit; opacity: 0.7; }
.lp-hub { margin: -8px 0 20px; }
.lp-hub-label { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); margin-right: 4px; }
.lp-hub a.lp-hub-more { border-style: dashed; }
/* Liste ızgarasında ilk ürün sıralarının altında tam genişlik (public/parts.js listingHtml head.hub) */
.grid-hub { grid-column: 1 / -1; min-width: 0; }
.grid-hub .lp-hub { margin: 4px 0 8px; }

.lp-list { margin-top: 8px; }
.lp-explore .block-head p { color: var(--muted); }

@media (max-width: 640px) {
  .lp-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lp-facts div, .lp-facts div + div { border-left: 0; border-top: 1px solid var(--line); }
  .lp-facts div:first-child { grid-column: 1 / -1; border-top: 0; }
  .lp-facts div:nth-child(odd):not(:first-child) { border-left: 1px solid var(--line); }
  .lp-facts dd { font-size: 19px; }
  .lp-chips, .lp-hub { flex-wrap: nowrap; overflow-x: auto; margin-left: -16px; margin-right: -16px; padding: 0 16px 4px; scrollbar-width: none; }
  .lp-chips::-webkit-scrollbar, .lp-hub::-webkit-scrollbar { display: none; }
}
