/* =========================================================
   Reels (Instagram tarzı dikey akış) — yalnızca /reels sayfasında yüklenir
   ========================================================= */
.reels-page{background:#000}
.reels-page .topbar,.reels-page .chips-bar,.reels-page .ticker,.reels-page .crumbs,.reels-page .ft,.reels-page footer,.reels-page .to-top{display:none!important}
.reels-page main,.reels-page #main{padding:0!important;margin:0!important;max-width:none!important}
.rl-seo{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.rl-app{--rl-h:calc(100vh - var(--hdh));--rl-w:min(460px, calc((100vh - var(--hdh) - 24px) * 9 / 16));position:relative;height:var(--rl-h);background:#000;color:#fff;overflow:hidden}
@supports(height:100dvh){.rl-app{--rl-h:calc(100dvh - var(--hdh))}}
.rl-top{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(#0009,#0000);pointer-events:none}
.rl-top>*{pointer-events:auto}
.rl-top strong{font-size:1.15rem;font-weight:900;letter-spacing:-.01em;text-shadow:0 1px 3px #0008}
.rl-top a{color:#fff;display:inline-flex;align-items:center;font-weight:700;font-size:.85rem}
.rl-back .ic{width:26px;height:26px}
.rl-all{padding:5px 10px;border:1px solid #fff6;border-radius:99px}

.rl-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline:none}
.rl-feed::-webkit-scrollbar{display:none}
.rl{height:var(--rl-h);scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;align-items:center;gap:14px;padding:12px 0;box-sizing:border-box}
.rl-v{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;width:var(--rl-w);background:#111;border-radius:10px;overflow:hidden;flex:none}
.rl-cover,.rl-v video,.rl-v iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.rl-v iframe{pointer-events:none;transform:scale(1.02)}
.rl-v video{background:#000}
.rl-cover{filter:brightness(.92)}
.rl.playing .rl-cover{opacity:0;transition:opacity .4s .3s}
.rl-tap{position:absolute;inset:0;z-index:2;-webkit-tap-highlight-color:transparent;cursor:pointer}
.rl-shade{position:absolute;left:0;right:0;bottom:0;height:45%;z-index:1;background:linear-gradient(transparent,#000c);pointer-events:none}

/* Alt bilgi: dizi, takip, açıklama */
.rl-bottom{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px}
.rl-owner{display:flex;align-items:center;gap:9px;min-width:0}
.rl-av{flex:none;width:36px;height:36px;border-radius:50%;padding:2px;background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}
.rl-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid #000;display:block}
.rl-name{color:#fff;font-weight:800;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0008}
.rl-fol{flex:none;background:transparent;color:#fff;border:1px solid #fffc;border-radius:8px;padding:5px 12px;font-weight:700;font-size:.8rem;cursor:pointer}
.rl-fol.on{border-color:#fff5;color:#fffc}
.rl-cap{margin:0;font-size:.88rem;line-height:1.4;color:#fff;text-shadow:0 1px 2px #0008;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}
.rl-cap.open{-webkit-line-clamp:unset;max-height:40vh;overflow:auto}
.rl-cap b{font-weight:800}
.rl-meta{display:flex;align-items:center;gap:10px;font-size:.78rem;color:#ffffffb3}
.rl-meta a{color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.rl-meta .ic{width:14px;height:14px}

/* Sağ düğmeler */
.rl-acts{display:flex;flex-direction:column;align-items:center;gap:18px;align-self:flex-end;padding-bottom:18px}
.rl-act{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:0;color:#fff;cursor:pointer;font:700 .75rem/1 Inter,system-ui,sans-serif;padding:0;text-decoration:none}
.rl-act svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.rl-act:active svg{transform:scale(.85)}
.rl-like.on svg{fill:#ff3040;stroke:#ff3040;animation:rlPop .35s}
.rl-save.on svg{fill:#fff}
.rl-owner-mini{width:30px;height:30px;border-radius:6px;overflow:hidden;border:2px solid #fff}
.rl-owner-mini img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes rlPop{50%{transform:scale(1.25)}}

/* Ses, duraklatma göstergesi, çift dokunma kalbi, ilerleme */
.rl-snd{position:absolute;top:58px;right:12px;z-index:4;width:34px;height:34px;border-radius:50%;border:0;background:#0007;color:#fff;display:grid;place-items:center;cursor:pointer}
.rl-snd .ic{width:17px;height:17px}
.rl-pause{position:absolute;top:50%;left:50%;z-index:3;width:74px;height:74px;margin:-37px 0 0 -37px;border-radius:50%;background:#0008;display:none;place-items:center;pointer-events:none}
.rl-pause svg{width:34px;height:34px;fill:#fff}
.rl.paused .rl-pause{display:grid}
.rl-heart{position:absolute;z-index:4;width:100px;height:100px;margin:-50px 0 0 -50px;pointer-events:none;animation:rlHeart .9s ease forwards}
.rl-heart svg{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 4px 12px #0006)}
@keyframes rlHeart{0%{transform:scale(0) rotate(-12deg);opacity:0}15%{transform:scale(1.2) rotate(-8deg);opacity:1}30%{transform:scale(.95)}45%{transform:scale(1)}80%{opacity:1;transform:scale(1) translateY(0)}100%{opacity:0;transform:scale(.9) translateY(-60px)}}
.rl-prog{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:4;background:#fff3}
.rl-prog i{display:block;height:100%;width:0;background:#fff}
.rl-hint{position:absolute;left:50%;bottom:26%;z-index:4;transform:translateX(-50%);background:#000a;color:#fff;border-radius:99px;padding:7px 14px;font-size:.8rem;font-weight:700;white-space:nowrap;pointer-events:none;animation:rlFade 3.2s forwards}
@keyframes rlFade{0%,75%{opacity:1}100%{opacity:0}}
.rl-load{height:80px;display:grid;place-items:center;color:#fff8;font-size:.85rem;scroll-snap-align:none}

.rl-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fffc;text-align:center;padding:20px}
.rl-empty .ic{width:56px;height:56px}
.rl-empty .btn-line{color:#fff;border-color:#fff8}

/* Masaüstü yukarı/aşağı */
.rl-nav{position:absolute;right:28px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:10px}
.rl-nav button{width:44px;height:44px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer}
.rl-nav button:hover{background:#ffffff38}
.rl-nav .ic{width:22px;height:22px}

/* Yorum paneli (alttan açılır) */
.rl-sheet{position:fixed;inset:0;z-index:200}
.rl-sheet[hidden]{display:none}
.rl-sheet-bg{position:absolute;inset:0;background:#0009}
.rl-sheet-in{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);max-height:78vh;display:flex;flex-direction:column;background:var(--card);color:var(--text);border-radius:14px 14px 0 0;animation:rlUp .25s ease}
@keyframes rlUp{from{transform:translate(-50%,100%)}}
.rl-sheet-h{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line);position:relative}
.rl-sheet-h strong{text-align:center;font-weight:900}
.rl-sheet-h button{grid-column:3;background:none;border:0;color:var(--text);cursor:pointer;display:grid;place-items:center}
.rl-grip{position:absolute;top:5px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:4px;background:var(--line)}
.rl-sheet-b{overflow:auto;padding:0 14px 20px}
.rl-sheet-b .comments{margin:0}
.rl-sheet-b .comments>.sec-head{display:none}
.rl-sheet-b .cm-reply{display:none}
.rl-sheet-b .cm-form textarea{min-height:70px}

@media(max-width:900px){
  .reels-page{padding-bottom:0}
  .reels-page .hd{display:none}
  .rl-app{position:fixed;left:0;right:0;top:0;bottom:60px;height:auto;--rl-h:calc(100vh - 60px);z-index:70}
  @supports(height:100dvh){.rl-app{--rl-h:calc(100dvh - 60px)}}
  .rl{padding:0;gap:0;position:relative}
  .rl-v{width:100%;height:100%;aspect-ratio:auto;border-radius:0}
  .rl-acts{position:absolute;right:8px;bottom:18px;z-index:4;padding:0;gap:16px}
  .rl-act{text-shadow:0 1px 3px #0009}
  .rl-act svg{filter:drop-shadow(0 1px 2px #0008)}
  .rl-bottom{right:64px;padding-bottom:18px}
  .rl-nav{display:none}
  .rl-snd{top:60px}
  .rl-sheet-in{max-height:72vh}
}
@media(prefers-reduced-motion:reduce){.rl-feed{scroll-behavior:auto}.rl-heart,.rl-like.on svg{animation:none}}

.rl-sheet-b .cm-replying[hidden]{display:none!important}

/* Reels arası reklam kartı */
.rl-adbox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#141417}
.rl-adbox .adslot{width:100%;max-width:360px;margin:0 auto;display:flex;flex-direction:column;align-items:center;min-height:250px}
.rl-adbox .ad-label{display:none}
.rl-ad-l{position:absolute;top:60px;left:14px;font-size:.75rem;font-weight:800;color:#fffb;background:#ffffff1f;border-radius:99px;padding:4px 10px}
.rl-ad-h{position:absolute;bottom:18px;left:0;right:0;margin:0;text-align:center;font-size:.8rem;color:#fff9;display:flex;align-items:center;justify-content:center;gap:4px}
.rl-ad-h .ic{width:16px;height:16px}