/* Home feed layout: keep media clear of the fixed brand header without compressing the card. */
:root{
  --sf-feed-header-height:calc(54px + var(--safe-top));
  --sf-feed-top-gap:28px;
  --sf-feed-media-top:calc(var(--sf-feed-header-height) + var(--sf-feed-top-gap));
}

/* Header stays opaque so media never shows through it. */
.topbar{background:#08080a !important;}

/* The return/new-work chip row is intentionally removed from the home feed. */
#feedView .sf-retention-strip,
#sfRetentionStrip{
  display:none !important;
}

/*
 * Keep the feed/card at full viewport height so bottom-positioned UI
 * (actress/tags/price/CTA) stays at its original bottom position.
 */
#feedView{
  padding-top:0 !important;
}
#feedView .feed{
  height:100dvh !important;
  margin-top:0 !important;
  padding-top:0 !important;
}
#feedView .video-card{
  height:100dvh !important;
  min-height:100dvh !important;
}

/* Only the visual media begins below the fixed header + gap. */
#feedView .video-card .media-wrap,
#feedView .video-card .media-shade{
  top:var(--sf-feed-media-top) !important;
}
#feedView .media-wrap>img,
#feedView .media-wrap>video{
  object-position:center top !important;
}

/* Other explicit filters/searches can still show their active-mode bar. */
#feedView .feed-mode-bar{
  top:var(--sf-feed-header-height) !important;
  left:50% !important;
  width:min(100%,480px) !important;
  min-height:47px !important;
  margin:0 !important;
  transform:translateX(-50%) !important;
  z-index:39 !important;
  background:#08080a !important;
}

#feedView .empty-state{
  height:100dvh !important;
}

@media(max-width:360px){
  :root{--sf-feed-top-gap:24px;}
  #feedView .feed-mode-bar{min-height:45px !important;}
}