/* balabs: deney sıralaması, süzgeç çipleri, neden etiketleri, "Kaldığın yerden" / "Rövanş" satırları */

/* sıralama seçici + süzgeçler */
.rk-bar{display:grid;justify-items:center;gap:14px;scroll-margin-top:76px}
.rk-sort a{flex:none;font-size:14px;font-weight:600;color:var(--sub);padding:9px 16px;border-radius:10px;white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.rk-sort a:hover{color:var(--ink)}
.rk-sort a[aria-current]{background:#fff;color:var(--ink);box-shadow:0 3px 10px -4px rgba(16,14,11,.25)}
.rk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1120px}
.rk-chip{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--body);background:#fff;box-shadow:inset 0 0 0 1px var(--hair);padding:7px 13px;border-radius:980px;white-space:nowrap;transition:box-shadow .2s,color .2s,background .2s,transform .3s var(--spring)}
.rk-chip:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.rk-chip:active{transform:scale(.96)}
.rk-chip.on{background:var(--ink);color:#fff;box-shadow:none}
.rk-chip.t.on{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px rgba(240,78,35,.35)}
.rk-chip svg{width:12px;height:12px;flex:none}
.rk-sep{width:1px;height:20px;background:var(--hair);align-self:center;margin-inline:4px;flex:none}
.rk-note{font-size:14px;line-height:1.5;color:var(--sub);text-align:center;max-width:74ch;text-wrap:pretty}
.rk-nudge{display:block;margin-top:2px}
.rk-nudge a{color:var(--accent-ink);font-weight:600;white-space:nowrap}
.rk-nudge a:hover{text-decoration:underline;text-underline-offset:3px}
.rk-n{display:block;margin-top:6px;font-size:12.5px;font-weight:700;color:var(--muted);letter-spacing:.02em}

/* neden etiketi: karttaki görselin sol alt köşesinde */
.rk-cell{position:relative;display:grid}
.rk-cell>.tile{height:100%}
.rk-ov{position:absolute;left:0;right:0;top:0;aspect-ratio:16/10;display:flex;align-items:flex-end;padding:14px;pointer-events:none;transition:transform .55s var(--spring)}
.rk-cell:hover .rk-ov{transform:translateY(-4px)}
.rk-why{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-size:12px;font-weight:700;line-height:1.3;padding:5px 10px;border-radius:980px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.005em}
.rk-why::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted);flex:none}
.rk-why.hot{color:var(--accent-ink)}
.rk-why.hot::before{background:var(--accent)}
.rk-why.new{color:var(--blue)}
.rk-why.new::before{background:var(--blue)}
.rk-why.you{color:var(--good)}
.rk-why.you::before{background:var(--good)}
.rk-why.rematch{background:var(--ink);color:#fff}
.rk-why.rematch::before{background:var(--accent)}
/* vitrin kartında: başlık ve özetin altında */
.rk-why.in-card{justify-self:start;margin-top:4px;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(16,14,11,.06)}
.dcard.dk .rk-why.in-card{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}
.rk-why.in-card.rematch{background:var(--ink);color:#fff;box-shadow:none}
.dcard.dk .rk-why.in-card.rematch{background:#fff;color:var(--ink)}
.dcard.dk .rk-why.in-card.hot::before{background:#ff8a5c}
.dcard.dk .rk-why.in-card.new::before{background:#9db0ff}
.dcard.dk .rk-why.in-card.you::before{background:#5fd39b}

/* "Kaldığın yerden" / "Rövanş" */
.rk-row{margin-top:28px}
.rk-row-t{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.rk-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:-2px -2px 0}
.rk-strip::-webkit-scrollbar{display:none}
.rk-mini{flex:none;width:clamp(250px,31%,340px);display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--tile);scroll-snap-align:start;transition:transform .45s var(--spring),box-shadow .3s}
.rk-mini:hover{transform:translateY(-2px);box-shadow:0 18px 36px -26px rgba(16,14,11,.45)}
.rk-mini-art{width:80px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;flex:none}
.rk-mini-art svg{display:block;width:100%;height:100%}
.rk-mini-tx{display:grid;gap:2px;min-width:0}
.rk-mini-tx b{font-size:15px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-mini-tx small{font-size:12.5px;font-weight:600;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-home{padding-bottom:6px}
.rk-home .rk-row:first-child{margin-top:0}

.rk-empty{display:grid;justify-items:center;gap:8px;text-align:center;margin-top:clamp(28px,4vw,44px);padding:56px 20px;border-radius:26px;background:var(--tile)}
.rk-empty b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.rk-empty p{color:var(--sub);max-width:44ch}

@media (max-width:640px){
  .rk-bar{justify-items:stretch}
  .rk-sort{margin-inline:0}
  .rk-sort a{padding:8px 13px;font-size:13.5px}
  .rk-chips{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;max-width:none;margin-inline:calc(-1 * clamp(16px,4vw,40px));padding:2px clamp(16px,4vw,40px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 28px),transparent)}
  .rk-chips::-webkit-scrollbar{display:none}
  .rk-note{font-size:13.5px}
  .rk-mini{width:min(84vw,300px)}
}

/* vitrin kartının alt çubuğu: uzun dillerde düğme kırılmasın */
.dcard-bot .meta{min-width:0}
.dcard-bot .go{flex:none;white-space:nowrap}