/*
 * 移动端（与 app-embed-block.js 中 <750 一致）：
 * 仅作用于集合主链路：.main-collection-container → .hidden-desktop → .facets-mobile → .facets-mobile-inner → .facets-mobile__modals
 * （避免命中页面其他位置的 .facets-mobile__modals）
 */
@media (max-width: 749px) {
  .main-collection-container .hidden-desktop .facets-mobile .facets-mobile-inner .facets-mobile__modals {
    padding: 0 0 15px 0 !important;
  }

  /* modals 内全部后代隐藏（含深层）；插件根及其子树单独恢复，否则筛选 UI 会被 * 规则一并关掉 */
  .main-collection-container .hidden-desktop .facets-mobile .facets-mobile-inner .facets-mobile__modals * {
    display: none !important;
  }

  .main-collection-container .hidden-desktop .facets-mobile .facets-mobile-inner .facets-mobile__modals [data-app-embed-custom-filter-root],
  .main-collection-container .hidden-desktop .facets-mobile .facets-mobile-inner .facets-mobile__modals [data-app-embed-custom-filter-root] * {
    display: revert !important;
  }

  /* MCF：移动端不展示、不占位（与 app-embed-block.js 不向集合容器插入一致） */
  [data-app-embed-mcf-root] {
    display: none !important;
  }
}

/*
 * 双列布局：仅桌面。JS 在视口 >=750px 且筛栏根在 .main-collection-container 内时加 .ltt-filter-plugin-con-container（与 --empty 无关）；
 * 样式包在媒体查询内作兜底，避免移动端误带类名时出现 grid。
 */
@media (min-width: 750px) {
  .main-collection-container.ltt-filter-plugin-con-container {
    max-width: calc(var(--page-padding) * 2 + var(--page-width));
    margin-inline: auto;
    display: grid;
    grid-template:
  "ltt-filter-plugin-left ltt-sorting" auto
  "ltt-filter-plugin-left ltt-list-content" 1fr
  / auto 1fr;
  }

  .main-collection-container.ltt-filter-plugin-con-container > [data-app-embed-custom-filter-root] {
    margin-right: 0;
    padding: 40px 0 0 40px;
    grid-area: ltt-filter-plugin-left;
    min-width: 300px;
    height: min-content;
  }

  /* 集合页主内容区：与筛栏并排占「content」列 */
  .main-collection-container.ltt-filter-plugin-con-container > .main-collection,
  .main-collection-container.ltt-filter-plugin-con-container > main-collection {
    grid-area: ltt-list-content;
    min-width: 0;
    display: block !important;
  }

  .main-collection-container.ltt-filter-plugin-con-container > [data-app-embed-mcf-root] {
    grid-area: ltt-sorting;
    min-width: 0;
    padding-inline: var(--page-padding);
  }
}

/*
 * PC：隐藏主题桌面链路内原生排序容器，避免与插件 MCF 排序重复。
 * 路径：.main-collection-container > .main-collection|main-collection > .hidden-mobile > .facets-desktop > .facets-sorting__wrapper（兼容 .facets-sorting-wrapper）
 */
@media (min-width: 960px) {
  .main-collection-container .main-collection .hidden-mobile .facets-desktop .facets-sorting__wrapper,
  .main-collection-container main-collection .hidden-mobile .facets-desktop .facets-sorting__wrapper,
  .main-collection-container .main-collection .hidden-mobile .facets-desktop .facets-sorting-wrapper,
  .main-collection-container main-collection .hidden-mobile .facets-desktop .facets-sorting-wrapper {
    display: none !important;
  }
}

/* 接口无可渲染筛选项时隐藏整块自定义筛选根（不占位）；由 custom-filter-sidebar 在有内容时移除 --empty */
[data-app-embed-custom-filter-root].app-embed-block__custom-filter-root--empty {
  display: none !important;
}

.app-embed-block__container {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}

.app-embed-block__container .app-embed-block__button-wrapper {
  position: absolute;
  right: 30px;
  bottom: 40px;
  text-align: center;
}

.app-embed-block__container .app-embed-block__icon {
  border-radius: 50%;
  border: 0.1em solid #f1f1f1;
  cursor: pointer;
  transition: transform .3s ease;
}

.app-embed-block__container .app-embed-block__icon:hover {
  transform: scale(1.05);
  transform-origin: center center;
  animation: rotate-ani 3s infinite linear;
}

@keyframes rotate-ani {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(-360deg);
  }
}