  /* ---- Sol sabit paylaşım rayı (tüm detay sayfaları için) ---- */
  .share-rail {
    position: fixed;
    top: 50%;
    left: 16px;
    z-index: 60;
    display: flex; flex-direction: column; align-items: center; gap: 8px;
    padding: 14px 8px;
    background: rgba(255,255,255,.92);
    border: 1px solid var(--border);
    border-radius: 999px;
    box-shadow: 0 8px 24px rgba(15,23,42,.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    opacity: 0;
    visibility: hidden;
    transform: translate(-24px, -50%);
    transition: opacity .3s ease, transform .3s ease, visibility .3s ease;
    pointer-events: none;
  }
  .share-rail.visible {
    opacity: 1;
    visibility: visible;
    transform: translate(0, -50%);
    pointer-events: auto;
  }
  .rail-label {
    font-family:'Oswald',sans-serif; font-size:9.5px; color:var(--muted);
    letter-spacing:.18em; writing-mode:vertical-rl; transform:rotate(180deg);
    margin-bottom:6px;
  }
  .rail-btn {
    width:38px; height:38px; border-radius:50%;
    background:#fff; border:1px solid var(--border);
    color:#444; font-size:14px;
    display:flex; align-items:center; justify-content:center;
    transition:all .15s; cursor:pointer;
    text-decoration: none;
  }
  .rail-btn:hover { background:var(--c, var(--red)); color:#fff; border-color:var(--c, var(--red)); }
  .rail-stats {
    font-family:'Oswald',sans-serif; font-size:11px;
    color:var(--muted); margin-top:6px;
    padding:4px 8px; background:#F4F4F2; border-radius:10px;
  }

  /* Karanlık tema sayfalar için varyant */
  body.page-video .share-rail,
  body.page-gallery .share-rail,
  body.page-quiz .share-rail {
    background: rgba(15,23,42,.85);
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
  }
  body.page-video .rail-label,
  body.page-gallery .rail-label,
  body.page-quiz .rail-label { color: rgba(255,255,255,.55); }
  body.page-video .rail-btn,
  body.page-gallery .rail-btn,
  body.page-quiz .rail-btn {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.15);
    color: #fff;
  }
  body.page-video .rail-btn:hover,
  body.page-gallery .rail-btn:hover,
  body.page-quiz .rail-btn:hover {
    background: var(--c, var(--red));
    border-color: var(--c, var(--red));
    color: #fff;
  }
  body.page-video .rail-stats,
  body.page-gallery .rail-stats,
  body.page-quiz .rail-stats {
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.7);
  }
