/* 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;
}

/*
 * Give the media edge a little more breathing room above the actress/tag rows.
 * Only the metadata/action block moves down; the CTA dock keeps its existing
 * bottom position so "全編を見る" does not move.
 */
#feedView .video-card .card-body{
  bottom:calc(130px + var(--safe-bottom)) !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;
}

/* Search-view quick links only: separate each destination into a clear tap target. */
#genresView .search-landing-block .discover-guide-links{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  margin-top:12px !important;
}
#genresView .search-landing-block .discover-guide-links>a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:10px 12px !important;
  border:1px solid var(--line) !important;
  border-radius:12px !important;
  background:var(--panel2) !important;
  color:var(--text) !important;
  text-decoration:none !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

@media(max-width:360px){
  :root{--sf-feed-top-gap:24px;}
  #feedView .feed-mode-bar{min-height:45px !important;}
  #genresView .search-landing-block .discover-guide-links{gap:8px !important;}
  #genresView .search-landing-block .discover-guide-links>a{padding:9px 8px !important;font-size:13px !important;}
}