/* =====================================================================
   LikedWin — "Her sektörde sonuç" (anasayfa, rs-*)
   Üstte sektör çipleri, altta Önce ↔ LikedWin ile anahtarı; sahnede
   son gönderi kartı · profil maketi · hesap istatistikleri.
   Sektör tonları color-mix() ile düz renk. Renkler site.css token'larından;
   --c sektörün marka rengi (JS değiştirir, @property sayesinde yumuşak
   geçer). Animasyon motoru: assets/js/sector-results.js
   ===================================================================== */

@property --c {
    syntax: '<color>';
    inherits: true;
    initial-value: #2544d8;
}

.rs {
    --rs-up: #17916a;          /* doygun yeşil rozet: yazı SABİT beyaz (iki temada da) */
    --rs-red: #ff3040;         /* Instagram beğeni kırmızısı */
    --rs-frame: #1b1e22;       /* telefon çerçevesi */
    --rs-ease: cubic-bezier(.22, 1, .36, 1);
    position: relative;
    padding: clamp(48px, 5.5vw, 84px) 0 clamp(48px, 5.5vw, 80px);
    background: var(--bg);
    overflow: hidden;
}
:root[data-theme="dark"] .rs { --rs-frame: #050607; }
@media (prefers-color-scheme: dark) { :root:not([data-theme]) .rs { --rs-frame: #050607; } }

/* ---------- Başlık ---------- */
.rs__head { text-align: center; max-width: 820px; margin: 0 auto clamp(20px, 2.4vw, 28px); }
/* Rozet: anasayfadaki diğer bölüm rozetleriyle AYNI kalıp (site.css "BÖLÜM
   ROZETLERİ") — iki katman: üstteki renk yazıya kırpılır, alttaki hap zemini.
   Kendi rengi: turuncu. */
.rs__eyebrow {
    --eyebrow-from: #f5a66d; --eyebrow-to: #c2410c;
    --eyebrow-bg: linear-gradient(90deg, rgba(234, 88, 12, .08) 0%, rgba(234, 88, 12, .15) 100%);
    display: inline-flex; align-items: center; gap: 8px;
    margin-bottom: 16px; padding: 8px 20px;
    border: 0; border-radius: 8px; box-shadow: none;
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    font-size: 13px; font-weight: 800; line-height: 1.2;
    letter-spacing: .06em; text-transform: uppercase;
    background-image:
        linear-gradient(90deg, var(--eyebrow-from) 0%, var(--eyebrow-to) 100%),
        var(--eyebrow-bg);
    -webkit-background-clip: text, padding-box; background-clip: text, padding-box;
    -webkit-text-fill-color: transparent; color: transparent;
}
:root[data-theme="dark"] .rs__eyebrow { --eyebrow-from: #b8652f; --eyebrow-to: #ffb27a; }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme]) .rs__eyebrow { --eyebrow-from: #b8652f; --eyebrow-to: #ffb27a; }
}
.rs__title {
    font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
    font-size: clamp(24px, 3.4vw, 42px); font-weight: 800; line-height: 1.14;
    letter-spacing: -.02em; color: var(--ink); margin: 0 0 12px;
}
.rs__title .hl { color: var(--ink); }   /* tek renk: açıkta siyah, gece modunda beyaz */
.rs__sub { font-size: clamp(14px, 1.5vw, 16px); line-height: 1.6; color: var(--muted); font-weight: 500; margin: 0 auto; max-width: 620px; }
.rs__sub b { color: var(--ink); font-weight: 700; }

/* ---------- Sektör çipleri ---------- */
.rs__chips-wrap { position: relative; max-width: 1000px; margin: 0 auto; }
.rs__chips {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 8px;
    padding: 4px 0 16px;
    border-bottom: 1px solid var(--line);
}
.rs-chip {
    position: relative; overflow: hidden;
    display: inline-flex; align-items: center; gap: 7px;
    height: 38px; padding: 0 14px;
    border: 1px solid var(--line); border-radius: 11px;
    background: var(--surface); color: var(--text);
    font: 600 13.5px/1 'Inter', sans-serif; white-space: nowrap;
    cursor: pointer;
    transition: background var(--ease), color var(--ease), border-color var(--ease), transform var(--ease), box-shadow var(--ease);
}
.rs-chip i { color: var(--c); font-size: 13px; transition: color var(--ease); }
.rs-chip:hover { border-color: var(--line-strong); transform: translateY(-1px); box-shadow: var(--shadow-sm); }
.rs-chip:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.rs-chip.is-active {
    background: color-mix(in srgb, var(--c) 78%, #000);
    border-color: transparent; color: #fff;
    box-shadow: 0 8px 20px -10px color-mix(in srgb, var(--c) 80%, transparent);
}
.rs-chip.is-active i { color: #fff; }

/* ---------- Önce / LikedWin ile anahtarı ---------- */
.rs__controls { display: flex; justify-content: center; margin: clamp(18px, 2.2vw, 26px) 0; }
.rs-toggle {
    position: relative; display: grid; grid-template-columns: 1fr 1fr;
    padding: 4px; border-radius: 13px;
    background: var(--surface-2); border: 1px solid var(--line);
}
.rs-toggle__thumb {
    position: absolute; top: 4px; bottom: 4px; left: 4px; width: calc(50% - 4px);
    border-radius: 9px; background: var(--surface);
    box-shadow: var(--shadow-md), 0 0 0 1px var(--line);
    transition: transform .45s var(--rs-ease), box-shadow .3s;
}
.rs.is-after .rs-toggle__thumb { transform: translateX(100%); box-shadow: var(--shadow-md), 0 0 0 1.5px var(--rs-up); }
.rs.is-pulse .rs-toggle__thumb { animation: rsPulse .9s var(--rs-ease); }
@keyframes rsPulse {
    0%   { box-shadow: var(--shadow-md), 0 0 0 1.5px var(--rs-up), 0 0 0 0 rgba(23, 145, 106, .45); }
    100% { box-shadow: var(--shadow-md), 0 0 0 1.5px var(--rs-up), 0 0 0 12px rgba(23, 145, 106, 0); }
}
.rs-toggle__btn {
    position: relative; z-index: 1;
    display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    min-width: 124px; height: 38px; padding: 0 16px;
    border: 0; background: none; border-radius: 9px; cursor: pointer;
    font: 700 14px/1 'Inter', sans-serif; color: var(--muted);
    transition: color .3s;
}
.rs-toggle__btn:focus-visible { outline: 2px solid var(--brand); outline-offset: 1px; }
.rs-toggle__btn.is-on { color: var(--ink); }
.rs-toggle__btn[data-rs-phase="after"] i { color: var(--muted-2); transition: color .3s; }
.rs-toggle__btn[data-rs-phase="after"].is-on i { color: var(--amber); }

/* ---------- Sahne ---------- */
.rs-stage {
    position: relative;
    max-width: 1000px; margin: 0 auto;
    display: grid; grid-template-columns: 1fr minmax(0, 296px) 1fr;
    align-items: center; gap: clamp(16px, 2.4vw, 32px);
    padding: clamp(20px, 2.6vw, 32px) clamp(14px, 2.4vw, 32px);
    border-radius: 24px;
    background: color-mix(in srgb, var(--c) 7%, var(--bg-soft));
    border: 1px solid color-mix(in srgb, var(--c) 14%, var(--line));
    transition: --c .6s ease;
}
.rs-card {
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: var(--shadow-lg);
    width: 100%; max-width: 250px;
}

/* İçerik değişirken kısa geçiş (JS .is-swapping ekler) */
[data-rs-swap], .rs-post__media, .rs-post__cap, .rs-ins__chart {
    transition: opacity .22s ease, transform .22s ease;
}
.rs-stage.is-swapping [data-rs-swap],
.rs-stage.is-swapping .rs-post__media,
.rs-stage.is-swapping .rs-post__cap { opacity: 0; transform: translateY(6px); }

/* Avatar: sektör renginde daire + düz renk hikâye halkası */
.rs-ava {
    position: relative; flex: none;
    display: inline-grid; place-items: center; border-radius: 50%;
    background: var(--c); color: #fff;
    box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--c);
}
.rs-ava--sm { width: 26px; height: 26px; font-size: 11px; box-shadow: 0 0 0 1.5px var(--surface), 0 0 0 3px var(--c); }
.rs-ava--lg { width: 62px; height: 62px; font-size: 24px; }

/* ---------- Telefon / profil maketi ---------- */
.rs-phone {
    justify-self: center; width: 100%; max-width: 296px;
    padding: 8px; border-radius: 38px;
    background: var(--rs-frame);
    box-shadow: 0 26px 50px -22px rgba(16, 24, 40, .45), 0 0 0 1px var(--line-strong);
}
.rs-phone__screen {
    position: relative; overflow: hidden;
    border-radius: 30px; background: var(--surface);
    padding: 12px 0 0;
    color: var(--ink);
    font-family: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}
.rs-phone__bar {
    display: flex; align-items: center; gap: 5px;
    padding: 4px 13px 9px; font-size: 13.5px;
}
.rs-phone__bar > i:first-child { font-size: 10px; }
.rs-phone__bar b { font-weight: 800; letter-spacing: -.01em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-phone__caret { font-size: 9px; }
.rs-phone__bar-r { margin-left: auto; display: inline-flex; gap: 14px; font-size: 16px; }

.rs-prof { padding: 0 13px; }
.rs-prof__top { display: flex; align-items: center; gap: 14px; }
.rs-prof__top .rs-ava--lg { margin-left: 4px; }
.rs-prof__stats { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); text-align: center; }
.rs-prof__stats div { display: flex; flex-direction: column; align-items: center; gap: 2px; min-width: 0; }
.rs-prof__stats b { font-size: 14.5px; font-weight: 800; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.rs-prof__stats span { font-size: 11px; color: var(--text); }
.rs-up {
    display: inline-block; padding: 2px 6px; margin: -2px 0; border-radius: 7px;
    transition: background-color .5s ease, color .5s ease;
}
.rs.is-after .rs-up { background: var(--rs-up); color: #fff; }

.rs-prof__name { margin: 9px 0 0; font-size: 12.5px; font-weight: 700; }
.rs-prof__cat { margin: 1px 0 0; font-size: 11.5px; color: var(--muted); }
.rs-prof__bio { margin: 2px 0 0; font-size: 11.5px; line-height: 1.42; color: var(--text); }
.rs-prof__btns { display: grid; grid-template-columns: 1fr 1fr 28px; gap: 5px; margin-top: 9px; }
.rs-prof__btns span {
    display: grid; place-items: center; height: 27px; border-radius: 7px;
    background: var(--surface-2); font-size: 12px; font-weight: 700; color: var(--ink);
}
.rs-prof__btns .is-primary { background: #0095f6; color: #fff; }
.rs-prof__btns .is-icon { font-size: 10.5px; }
.rs-prof__hl { display: flex; gap: 10px; margin: 11px 0 0; overflow: hidden; }
.rs-prof__hl span { display: flex; flex-direction: column; align-items: center; gap: 4px; width: 48px; flex: none; }
.rs-prof__hl i {
    display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
    background: var(--surface-2); color: var(--c); font-size: 15px;
    box-shadow: 0 0 0 1px var(--line), inset 0 0 0 3px var(--surface);
}
.rs-prof__hl em { font-style: normal; font-size: 10px; color: var(--text); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-prof__tabs {
    display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 11px;
    border-top: 1px solid var(--line);
    font-size: 14px; color: var(--muted-2); text-align: center;
}
.rs-prof__tabs i { padding: 9px 0 8px; }
.rs-prof__tabs .is-on { color: var(--ink); box-shadow: inset 0 1.5px 0 var(--ink); }

.rs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.rs-tile {
    position: relative; aspect-ratio: 1 / 1;
    display: grid; place-items: center;
    background: color-mix(in srgb, var(--c) var(--mix, 80%), var(--surface));
    color: rgba(255, 255, 255, .92); font-size: 22px;
    filter: var(--media-dim);
}
.rs-tile:nth-child(1) { --mix: 88%; }
.rs-tile:nth-child(2) { --mix: 62%; }
.rs-tile:nth-child(3) { --mix: 100%; }
.rs-tile:nth-child(4) { --mix: 70%; }
.rs-tile:nth-child(5) { --mix: 94%; }
.rs-tile:nth-child(6) { --mix: 56%; }
.rs-tile em {
    position: absolute; left: 6px; bottom: 5px;
    display: inline-flex; align-items: center; gap: 3px;
    font: 700 10px/1 'Inter', sans-serif; font-style: normal; color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
    font-variant-numeric: tabular-nums;
}
.rs-tile em i { font-size: 8px; }
.rs-tile.is-hot::after {   /* izlenmesi sıçrayan içerik: kısa parlama */
    content: ''; position: absolute; inset: 0;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .85);
    animation: rsHot 1.4s ease-out forwards;
}
@keyframes rsHot { 0% { opacity: 0; } 20% { opacity: 1; } 100% { opacity: 0; } }

/* Bildirim akışı (profilin altından yükselir, en fazla 2 görünür) */
.rs-toasts {
    position: absolute; left: 8px; right: 8px; bottom: 8px;
    display: flex; flex-direction: column; justify-content: flex-end; gap: 5px;
    pointer-events: none;
}
.rs-toast {
    display: flex; align-items: center; gap: 7px;
    padding: 6px 9px 6px 6px; border-radius: 12px;
    background: var(--surface); border: 1px solid var(--line);
    box-shadow: 0 10px 24px -8px rgba(16, 24, 40, .35);
    font-size: 11px; line-height: 1.3; color: var(--text);
    animation: rsToastIn .45s var(--rs-ease) both;
}
.rs-toast.is-out { animation: rsToastOut .35s ease forwards; }
.rs-toast__ava {
    flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
    background: var(--tc, #64748b); color: #fff; font-size: 10px; font-weight: 800;
}
.rs-toast__txt { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-toast__txt b { color: var(--ink); font-weight: 700; }
.rs-toast__ico { flex: none; font-size: 12px; }
.rs-toast__ico.is-like { color: var(--rs-red); }
.rs-toast__ico.is-follow { color: #0095f6; }
.rs-toast__ico.is-comment { color: var(--ink); }
@keyframes rsToastIn { from { opacity: 0; transform: translateY(14px) scale(.96); } to { opacity: 1; transform: none; } }
@keyframes rsToastOut { to { opacity: 0; transform: translateY(-8px) scale(.97); } }

/* ---------- Son gönderi kartı ---------- */
.rs-post { justify-self: end; position: relative; padding-bottom: 12px; overflow: hidden; }
.rs-post__head { display: flex; align-items: center; gap: 9px; padding: 10px 12px; font-size: 12px; color: var(--ink); }
.rs-post__head b { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rs-post__more { margin-left: auto; color: var(--muted); }
.rs-post__media {
    position: relative; aspect-ratio: 1 / 1; overflow: hidden;
    display: grid; place-items: center;
    background: var(--c); filter: var(--media-dim);
}
.rs-post__art { font-size: 56px; color: rgba(255, 255, 255, .9); }
.rs-post__reel {
    position: absolute; left: 10px; bottom: 9px;
    display: inline-flex; align-items: center; gap: 5px;
    font: 700 11.5px/1 'Inter', sans-serif; color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .45); font-variant-numeric: tabular-nums;
}
.rs-post__reel i { font-size: 9px; }
.rs-post__pop {    /* çift dokunma kalbi */
    position: absolute; inset: 0; display: grid; place-items: center;
    color: #fff; font-size: 66px; opacity: 0; pointer-events: none;
    text-shadow: 0 6px 24px rgba(0, 0, 0, .25);
}
.rs-post__pop.is-on { animation: rsPop 1s var(--rs-ease) forwards; }
@keyframes rsPop {
    0%   { opacity: 0; transform: scale(.2); }
    18%  { opacity: 1; transform: scale(1.15); }
    32%  { transform: scale(.95); }
    44%  { transform: scale(1); }
    78%  { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.1) translateY(-8px); }
}
.rs-hearts { position: absolute; inset: 0; pointer-events: none; }
.rs-heart {
    position: absolute; bottom: -16px; left: var(--x);
    color: var(--rs-red); font-size: calc(var(--s, 16px) * .85);
    animation: rsFloat var(--d, 2.2s) cubic-bezier(.33, 0, .4, 1) forwards;
}
@keyframes rsFloat {
    0%   { opacity: 0; transform: translate(0, 0) scale(.6); }
    12%  { opacity: 1; }
    60%  { transform: translate(var(--dx, 10px), -110px) scale(1); }
    100% { opacity: 0; transform: translate(calc(var(--dx, 10px) * -.4), -210px) scale(.9); }
}
.rs-post__actions { display: flex; gap: 13px; padding: 10px 12px 6px; font-size: 17px; color: var(--ink); }
.rs-post__save { margin-left: auto; }
.rs-post__like { font-weight: 400; transition: color .3s; }
.rs.is-after .rs-post__like { font-weight: 900; color: var(--rs-red); animation: rsBeat .5s ease; }
@keyframes rsBeat { 40% { transform: scale(1.25); } }
.rs-post__likes { margin: 0; padding: 0 12px; font-size: 12.5px; font-weight: 700; color: var(--ink); font-variant-numeric: tabular-nums; }
.rs-post__cap { margin: 3px 0 0; padding: 0 12px; font-size: 11.5px; line-height: 1.4; color: var(--text); }
.rs-post__cap b { color: var(--ink); }
.rs-post__all { margin: 4px 0 0; padding: 0 12px; font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; }
.rs-post__comments { list-style: none; margin: 5px 0 0; padding: 0 12px; display: grid; gap: 3px; align-content: start; min-height: 48px; }
.rs-post__comments li {
    font-size: 11.5px; line-height: 1.35; color: var(--text);
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    opacity: 0; transform: translateY(6px);
    transition: opacity .35s ease, transform .35s var(--rs-ease);
}
.rs-post__comments li b { color: var(--ink); font-weight: 700; }
.rs-post__comments li.is-in { opacity: 1; transform: none; }

/* ---------- Hesap istatistikleri ---------- */
.rs-ins { justify-self: start; padding: 13px 13px 15px; }
.rs-ins__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; color: var(--ink); }
.rs-ins__head b { font-weight: 800; }
.rs-ins__tag {
    padding: 4px 8px; border-radius: 7px; font-size: 10.5px; font-weight: 700;
    background: var(--surface-2); color: var(--muted);
    transition: background-color .3s, color .3s;
}
.rs.is-after .rs-ins__tag { background: var(--ok-bg); color: var(--ok-fg); }
.rs-ins__chart { margin-top: 11px; padding: 10px 10px 8px; border-radius: 12px; background: var(--surface-2); }
.rs-ins__chart-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 6px; font-size: 11.5px; color: var(--muted); font-weight: 600; }
.rs-delta {
    padding: 2px 7px; border-radius: 999px; font-size: 11px; font-weight: 800;
    background: var(--ok-bg); color: var(--ok-fg); font-variant-numeric: tabular-nums;
    transition: opacity .3s;
}
.rs:not(.is-after) .rs-delta { opacity: .45; }
.rs-spark-wrap { position: relative; height: 56px; }
.rs-spark { display: block; width: 100%; height: 100%; overflow: visible; }
.rs-spark__line { fill: none; stroke: var(--c); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.rs-spark__area { fill: var(--c); fill-opacity: .13; stroke: none; }
.rs-spark__dot {
    position: absolute; right: 0; width: 9px; height: 9px; margin: -4.5px -4.5px 0 0; border-radius: 50%;
    background: var(--c); box-shadow: 0 0 0 3px var(--surface-2);
}
.rs.is-after .rs-spark__dot::after {
    content: ''; position: absolute; inset: -5px; border-radius: 50%;
    border: 2px solid var(--c); animation: rsPing 1.6s ease-out infinite;
}
@keyframes rsPing { from { opacity: .7; transform: scale(.5); } to { opacity: 0; transform: scale(1.6); } }
.rs-ins__list { list-style: none; margin: 11px 0 0; padding: 0; display: grid; gap: 10px; }
.rs-ins__list li {
    display: grid; grid-template-columns: 24px 1fr auto; align-items: center; column-gap: 8px; row-gap: 6px;
    font-size: 11.5px; color: var(--text);
}
.rs-ins__list li > i {
    display: grid; place-items: center; width: 24px; height: 24px; border-radius: 7px;
    background: color-mix(in srgb, var(--c) 12%, var(--surface)); color: var(--c); font-size: 10.5px;
}
.rs-ins__list li > b { font-size: 13px; font-weight: 800; color: var(--ink); font-variant-numeric: tabular-nums; }
.rs-meter { grid-column: 2 / 4; height: 4px; border-radius: 999px; background: var(--surface-2); overflow: hidden; }
.rs-meter span { display: block; height: 100%; width: 100%; border-radius: inherit; background: var(--c); transform-origin: left center; }

/* ---------- Alt kısım ---------- */
.rs__foot { margin-top: 4px; }
.rs__note { margin: 0; font-size: 12px; color: var(--muted-2); text-align: center; }

/* Bölüm ekran dışındayken sonsuz/uzun CSS animasyonları da dursun (JS .is-idle ekler) */
.rs.is-idle, .rs.is-idle *, .rs.is-idle *::before, .rs.is-idle *::after { animation-play-state: paused !important; }

/* ---------- Duyarlı ---------- */
@media (max-width: 1023px) {
    .rs-stage {
        max-width: 640px;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "phone phone" "post ins";
        align-items: start;
    }
    .rs-phone { grid-area: phone; }
    .rs-post  { grid-area: post; justify-self: end; }
    .rs-ins   { grid-area: ins; justify-self: start; }
}
@media (max-width: 720px) {
    /* Çipler tek satır, yatay kaydırma (sayfa taşmaz: kap overflow:auto) */
    .rs__chips-wrap { margin: 0 -20px; }
    .rs__chips {
        flex-wrap: nowrap; justify-content: flex-start; gap: 8px;
        overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity;
        padding: 4px 20px 14px; scrollbar-width: none;
    }
    .rs__chips::-webkit-scrollbar { display: none; }
    .rs-chip { flex: none; scroll-snap-align: center; height: 36px; padding: 0 13px; font-size: 13px; }
    .rs-toggle { width: 100%; max-width: 300px; }
    .rs-toggle__btn { min-width: 0; height: 36px; padding: 0 12px; font-size: 13.5px; }
    .rs-stage {
        grid-template-columns: 1fr;
        grid-template-areas: "phone" "ins" "post";
        margin: 0 -6px; padding: 16px 12px; border-radius: 20px; gap: 14px;
    }
    .rs-post, .rs-ins { justify-self: center; max-width: 320px; }

    /* Gönderi kartı yatay: solda küçük görsel, sağda etkileşim (sütun kısalır) */
    .rs-post {
        display: grid; grid-template-columns: 96px minmax(0, 1fr);
        grid-template-rows: auto auto auto auto 1fr;
        column-gap: 11px; padding: 0 11px 11px;
    }
    .rs-post__head { grid-column: 1 / -1; padding: 10px 2px 8px; }
    .rs-post__media { grid-column: 1; grid-row: 2 / span 4; align-self: start; border-radius: 9px; }
    .rs-post__actions, .rs-post__likes, .rs-post__all, .rs-post__comments { grid-column: 2; padding-left: 0; padding-right: 0; }
    .rs-post__actions { padding-top: 0; padding-bottom: 5px; gap: 12px; font-size: 16px; }
    .rs-post__cap { display: none; }
    .rs-post__all { margin-top: 2px; }
    .rs-post__comments { min-height: 0; margin-top: 5px; }
    .rs-post__comments li:nth-child(n+3) { display: none; }
    .rs-post__art { font-size: 34px; }
    .rs-post__pop { font-size: 44px; }
    .rs-post__reel { left: 7px; bottom: 6px; font-size: 10px; }
    .rs-heart { font-size: calc(var(--s, 16px) * .65); }

    /* İstatistikler 2×2 */
    .rs-ins__list { grid-template-columns: 1fr 1fr; gap: 8px; }
    .rs-ins__list li {
        grid-template-columns: 22px minmax(0, 1fr); column-gap: 7px; row-gap: 5px;
        padding: 9px; border: 1px solid var(--line); border-radius: 11px;
    }
    .rs-ins__list li > i { width: 22px; height: 22px; border-radius: 6px; font-size: 10px; }
    .rs-ins__list li > span { font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .rs-ins__list li > b { grid-column: 1 / -1; font-size: 15px; }
    .rs-meter { grid-column: 1 / -1; }
    .rs-spark-wrap { height: 50px; }
}
@media (max-width: 360px) {
    .rs-prof { padding: 0 11px; }
    .rs-prof__top { gap: 10px; }
    .rs-ava--lg { width: 54px; height: 54px; font-size: 21px; }
    .rs-prof__stats b { font-size: 13.5px; }
    .rs-prof__hl { gap: 8px; }
}

@media (prefers-reduced-motion: reduce) {
    .rs-stage, .rs-toggle__thumb, .rs-chip, [data-rs-swap], .rs-post__comments li { transition: none !important; }
    .rs-toast, .rs-post__pop.is-on, .rs.is-after .rs-post__like, .rs-tile.is-hot::after,
    .rs.is-after .rs-spark__dot::after, .rs.is-pulse .rs-toggle__thumb { animation: none !important; }
    .rs-hearts { display: none; }
}