.block-collection-list {
  position: relative;
}

@media (max-width: 959px) {
  .block-collection-list > li.multi-col-row {
    grid-row: var(--mobile-grid-row);
    grid-column: var(--mobile-grid-column);
    scroll-snap-align: var(--mobile-scroll-snap-align);
  }
}

@media (max-width: 959px) {
  .block-collection-list.full-screen {
    gap: 0;
    width: var(--body-container-width);
  }
}

.block-collection-list__theme-carousel {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.block-collection-list__capsule {
  margin-block-start: 30px;
}

.block-collection-list__button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: rgb(0 0 0 / 100%);
  cursor: pointer;
  background: none;
  border: 0;
}

/* arrow 图标默认指向右，previous 旋转 180° 变为左箭头 */
.block-collection-list__button--previous svg {
  transform: rotate(180deg);
}

/* 桌面端：按钮直接相对 theme-carousel 悬浮在两侧 */
@media (min-width: 960px) {
  .block-collection-list__arrows {
    display: none;
  }

  .block-collection-list__arrows--desktop {
    display: contents;
  }

  /* 移动端图标在桌面隐藏 */
  .block-collection-list__icon--mobile {
    display: none;
  }

  .block-collection-list__arrows--desktop .block-collection-list__button {
    position: absolute;
    inset-block-start: 50%;
    width: 48px;
    height: 48px;
    background-color: rgb(255 255 255 / 100%);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgb(0 0 0 / 15%);
  }

  /* 桌面端禁用时隐藏（保持原样） */
  .block-collection-list__arrows--desktop .block-collection-list__button:disabled {
    display: none;
  }

  .block-collection-list__arrows--desktop .block-collection-list__button--previous {
    inset-inline-start: 0;
    transform: translate(-50%, -50%);
  }

  .block-collection-list__arrows--desktop .block-collection-list__button--next {
    inset-inline-end: 0;
    transform: translate(50%, -50%);
  }
}

/* 移动端：箭头并排居中显示在轮播下方 */
@media (max-width: 959px) {
  .block-collection-list__arrows {
    display: none;
  }

  .block-collection-list__arrows--mobile {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    margin-block-start: 16px;
  }

  /* 桌面端图标在移动端隐藏 */
  .block-collection-list__icon--desktop {
    display: none;
  }

  .block-collection-list__arrows--mobile .block-collection-list__button {
    width: 18px;
    height: 18px;
  }

  .block-collection-list__arrows--mobile .block-collection-list__icon--mobile {
    width: 100%;
    height: 100%;
  }

  .block-collection-list__arrows--mobile .block-collection-list__icon--mobile path {
    fill: #6d388b;
  }

  /* 移动端禁用：不隐藏，降低透明度且不可点击 */
  .block-collection-list__arrows--mobile .block-collection-list__button:disabled {
    cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none;
  }
}