/* Lovezii related creator/profile rail */
.lz-recommendations {
  margin: 1rem 0 0;
  padding: 1rem;
  position: relative;
}
.lz-recommendations[hidden] { display:none !important; }
.lz-rec-header { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; }
.lz-rec-header h2 { margin:0; font-size:1.05rem; line-height:1.2; }
.lz-rec-header p { margin:3px 0 0; color:rgba(201,203,209,.72); font-size:.78rem; }
.lz-rec-controls { display:flex; gap:6px; }
.lz-rec-arrow {
  width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06); color:#fff; cursor:pointer; opacity:.72;
  transition:opacity .15s, background .15s, transform .15s;
}
.lz-rec-arrow:hover,.lz-rec-arrow:focus-visible { opacity:1; background:rgba(124,58,237,.3); transform:scale(1.04); }
.lz-rec-arrow:disabled { opacity:.22; cursor:default; transform:none; }
.lz-rec-viewport {
  position:relative;
  overflow:hidden;
  margin:0 -4px;
}
.lz-rec-viewport::after {
  content:""; position:absolute; right:0; top:0; bottom:0; width:46px; pointer-events:none;
  background:linear-gradient(90deg, rgba(12,12,20,0), rgba(12,12,20,.88));
  opacity:.85;
}
.lz-rec-row {
  display:flex; flex-wrap:nowrap; gap:10px; overflow-x:auto; overflow-y:hidden;
  padding:3px 42px 8px 4px; scroll-behavior:smooth; scrollbar-width:none;
  -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain;
}
.lz-rec-row::-webkit-scrollbar { display:none; }
.lz-rec-card {
  flex:0 0 150px; min-width:150px; text-decoration:none; color:inherit;
  border-radius:14px; overflow:hidden; background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09); box-shadow:0 5px 20px rgba(0,0,0,.12);
  transition:transform .16s,border-color .16s,background .16s;
}
.lz-rec-card:hover,.lz-rec-card:focus-visible { transform:translateY(-2px); border-color:rgba(124,58,237,.45); background:rgba(255,255,255,.065); outline:none; }
.lz-rec-avatar-wrap { position:relative; aspect-ratio:1/1; background:#0c0c14; overflow:hidden; }
.lz-rec-avatar { width:100%; height:100%; object-fit:cover; display:block; }
.lz-rec-live-ring { position:absolute; inset:6px; border:2px solid #ef4444; border-radius:50%; pointer-events:none; }
.lz-rec-live-badge {
  position:absolute; left:7px; bottom:7px; padding:3px 6px; border-radius:999px;
  background:rgba(220,38,38,.92); color:#fff; font-size:10px; font-weight:800;
  letter-spacing:.03em; box-shadow:0 2px 8px rgba(0,0,0,.35);
}
.lz-rec-video-badge { position:absolute; right:7px; bottom:7px; padding:3px 6px; border-radius:999px; background:rgba(0,0,0,.66); font-size:10px; }
.lz-rec-body { padding:9px 10px 11px; }
.lz-rec-name { display:flex; align-items:center; gap:5px; font-weight:750; font-size:.84rem; min-width:0; }
.lz-rec-name span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lz-rec-handle { color:rgba(201,203,209,.65); font-size:.7rem; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.lz-rec-tags { display:flex; gap:4px; margin-top:7px; overflow:hidden; }
.lz-rec-tag { padding:2px 6px; border-radius:999px; background:rgba(124,58,237,.14); color:rgba(232,236,244,.78); font-size:9px; white-space:nowrap; }
.lz-rec-reason { margin-top:7px; color:rgba(201,203,209,.58); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lz-rec-upnext {
  position:absolute; left:50%; bottom:12px; transform:translateX(-50%); z-index:10; display:none;
  width:min(420px,calc(100% - 24px)); padding:10px 12px; border-radius:12px;
  background:rgba(16,16,24,.96); border:1px solid rgba(255,255,255,.13); box-shadow:0 10px 30px rgba(0,0,0,.35);
  align-items:center; gap:10px;
}
.lz-rec-upnext.show { display:flex; }
.lz-rec-upnext-copy { min-width:0; flex:1; font-size:12px; }
.lz-rec-upnext-copy strong { display:block; font-size:12px; }
.lz-rec-upnext-copy span { color:rgba(232,236,244,.62); }
.lz-rec-upnext-cancel { border:0; border-radius:999px; padding:7px 10px; background:rgba(255,255,255,.08); color:#fff; cursor:pointer; font-weight:700; }
.lz-rec-count { font-variant-numeric:tabular-nums; }
@media (max-width:700px) {
  .lz-recommendations { padding:.85rem; }
  .lz-rec-controls { display:none; }
  .lz-rec-card { flex-basis:132px; min-width:132px; }
  .lz-rec-row { padding-right:48px; }
  .lz-rec-viewport::after { width:34px; }
}
