/* 两列图集底部滚动提示按钮，配 pd_images_pc_two_col_scrollend_button.liquid */
/* 覆盖层铺满图集列，按钮用原生 sticky 贴底；不挡图集交互 */
.pd-scrollend-overlay {
  position: absolute;
  inset: 0;
  z-index: 4;
  flex-direction: column;
  align-items: center;
  pointer-events: none;
}
/* 双类压过骨架内联的 visibility: hidden */
.pd-scrollend.pd-scrollend {
  visibility: visible;
}
/* 贴图集可视区底部：40px 基准 + 组件实测的吸底遮挡 */
.pd-scrollend {
  position: sticky;
  bottom: calc(40px + var(--i-spzhtml-bottom-bar, 0px));
  -webkit-margin-before: auto;
          margin-block-start: auto;
  -webkit-margin-after: calc(40px + var(--i-spzhtml-bottom-bar, 0px));
          margin-block-end: calc(40px + var(--i-spzhtml-bottom-bar, 0px));
  width: -moz-max-content;
  width: max-content;
}
/* 覆盖层是 pointer-events: none，这里单独放开按钮 */
.pd-scrollend .pd-scrollend__btn {
  pointer-events: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* 设计稿固定值：#D8D8D8 打底 + 90% 白（深浅图上观感一致），不随配色方案 */
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), #d8d8d8;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);
  animation: pd-scrollend-float 2s ease-in-out infinite;
  transition: opacity 0.2s, background 0.2s, box-shadow 0.2s;
}
/* 设计稿固定黑 */
.pd-scrollend .pd-scrollend__icon {
  color: #000;
}
/* hover：底色提到纯白、阴影加重（设计稿） */
.pd-scrollend .pd-scrollend__btn:hover {
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.16);
}
@keyframes pd-scrollend-float {
  50% {
    transform: translateY(-6px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .pd-scrollend .pd-scrollend__btn {
    animation: none;
  }
}
/* 离开顶部隐藏，回到顶部重现；首屏能看全时不展示 */
.pd-scrollend[scrolled] .pd-scrollend__btn,
.pd-scrollend:not([can-scroll]) .pd-scrollend__btn {
  opacity: 0;
  pointer-events: none;
}