/* R35 — Feed's horizontal Clips rail. The full-screen viewer is not targeted.
   BG1: reveal the existing viewing-mode atmosphere between opaque clip cards. */
#clipsSection[data-vr-clips-rail="r35"]{
  box-sizing:border-box; width:100%; overflow:hidden; position:relative;
  margin:2px 0; padding:0; border:0; border-radius:0;
  background:linear-gradient(180deg,rgba(5,5,7,.30),rgba(5,5,7,.18) 55%,rgba(5,5,7,.30)),
    var(--vr-u-surface-image,url("/assets/modes/all-bg.webp")) center/cover no-repeat!important;
  color:#fff; box-shadow:none; isolation:isolate;
}
#clipsSection[data-vr-clips-rail="r35"]::before,
#clipsSection[data-vr-clips-rail="r35"]::after{content:none;display:none;}
#clipsSection[data-vr-clips-rail="r35"] .section-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:12px; margin:0; background:rgba(5,5,7,.88); min-height:54px;
  cursor:default; border:0; box-sizing:border-box;
}
#clipsSection[data-vr-clips-rail="r35"] .section-head::after{content:none;}
#clipsSection[data-vr-clips-rail="r35"] .vrClipsHeading{
  display:flex; align-items:center; gap:8px; padding:0; min-height:36px;
  border:0; background:none; color:inherit; font:inherit; cursor:pointer;
}
#clipsSection[data-vr-clips-rail="r35"] .section-title{
  font-size:18px; font-weight:800; line-height:1.2; margin:0;
}
#clipsSection[data-vr-clips-rail="r35"] .vrClipsHeading svg{
  width:16px; height:16px; flex:none; transition:transform .12s ease;
}
#clipsSection[data-vr-clips-rail="r35"].drawer-open .vrClipsHeading svg{transform:rotate(180deg);}
#clipsSection[data-vr-clips-rail="r35"] .vrClipsSeeAll{
  color:#d8b6ff; font-size:13px; font-weight:700; text-decoration:none;
  min-height:36px; display:flex; align-items:center; white-space:nowrap;
}
#clipsSection[data-vr-clips-rail="r35"] #clipsRow{
  display:flex; width:100%; box-sizing:border-box; gap:10px;
  padding:0 12px 12px; margin:0; height:auto; max-height:none;
  overflow-x:auto; overflow-y:hidden; opacity:1; background:transparent;
  scroll-snap-type:x proximity; scroll-padding-inline:12px; scrollbar-width:none;
  align-items:stretch; -webkit-overflow-scrolling:touch; overflow-anchor:none;
}
#clipsSection[data-vr-clips-rail="r35"] #clipsRow::-webkit-scrollbar{display:none;}
#clipsSection[data-vr-clips-rail="r35"]:not(.drawer-open) #clipsRow{display:none;}
#clipsSection[data-vr-clips-rail="r35"] .clipCard{
  --vr-tile-width:clamp(192px,64vw,300px);
  display:block; position:relative; flex:0 0 var(--vr-tile-width);
  width:var(--vr-tile-width); min-width:var(--vr-tile-width); max-width:var(--vr-tile-width);
  height:auto; min-height:0; max-height:none; aspect-ratio:9 / 16;
  padding:0; margin:0; border:0; border-radius:18px!important; overflow:hidden;
  background:#000; box-shadow:none; animation:none; scroll-snap-align:start;
  isolation:isolate; color:#fff; text-decoration:none; box-sizing:border-box;
}
#clipsSection[data-vr-clips-rail="r35"] .vrClipMediaStage{
  position:absolute; inset:0; width:100%; height:100%; overflow:hidden; background:#000;
}
#clipsSection[data-vr-clips-rail="r35"] .vrClipPreviewImage,
#clipsSection[data-vr-clips-rail="r35"] .vrClipPreviewVideo{
  position:absolute; inset:0; width:100%; height:100%; min-height:0; max-height:none;
  object-fit:contain; object-position:center center; display:block; z-index:1; background:#000;
}
#clipsSection[data-vr-clips-rail="r35"] .vrClipMediaFallback{
  position:absolute; inset:0; display:flex; flex-direction:column; gap:8px;
  align-items:center; justify-content:center; background:#151019; font-size:13px;
}
#clipsSection[data-vr-clips-rail="r35"] .vrClipMediaFallback span{font-size:28px;}
#clipsSection[data-vr-clips-rail="r35"] .clipOverlay{
  position:absolute; left:0; right:0; bottom:0; z-index:2; padding:42px 12px 14px;
  background:linear-gradient(transparent,rgba(0,0,0,.76)); pointer-events:none;
}
#clipsSection[data-vr-clips-rail="r35"] .clipUser{
  font-size:14px; font-weight:800; line-height:1.2; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; text-shadow:0 1px 3px #000;
}
#clipsSection[data-vr-clips-rail="r35"] .clipMeta{font-size:11px;line-height:1.3;margin-top:4px;color:#eee;}
#clipsSection[data-vr-clips-rail="r35"] :is(a,button):focus-visible{outline:2px solid #dbb9ff;outline-offset:-3px;}
@media(prefers-reduced-motion:reduce){
  #clipsSection[data-vr-clips-rail="r35"] .vrClipsHeading svg{transition:none;}
}

#clipsSection[data-vr-clips-rail="r35"]{display:none;}
#clipsSection[data-vr-clips-rail="r35"].is-visible{display:block;}