/* Keep the existing catalogue and its filter controls; only change their
   desktop placement. The current mobile filter button and panel stay intact. */
@media (min-width: 821px) {
  .selection-v2-catalog {
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: 0;
  }

  .selection-v2-catalog .catalog-layout {
    display: grid;
    width: 100%;
    grid-template-columns: clamp(238px, 18vw, 292px) minmax(0, 1fr);
    align-items: start;
    gap: 24px;
    padding-right: clamp(16px, 2vw, 32px);
    box-sizing: border-box;
  }

  .selection-v2-catalog .top-filter-panel {
    position: sticky;
    top: 86px;
    min-width: 0;
    max-height: calc(100vh - 102px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .selection-v2-catalog .top-filter-panel .filter-groups {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .selection-v2-catalog .top-filter-panel .filter-block,
  .selection-v2-catalog .top-filter-panel .filter-block.is-collapsed,
  .selection-v2-catalog .top-filter-panel .filter-block:not(.is-collapsed),
  .selection-v2-catalog .top-filter-panel .catalog-site-search {
    flex: none;
    order: initial;
    width: 100%;
    min-width: 0;
  }

  .selection-v2-catalog .top-filter-panel .filter-block:not(.is-collapsed) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .selection-v2-catalog .top-filter-panel .filter-options {
    min-width: 0;
    max-height: min(48vh, 420px);
    overflow-y: auto;
  }

  .selection-v2-catalog .product-area {
    min-width: 0;
    width: 100%;
  }
}

.selection-v2-catalog .catalog-initial-loading {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 280px;
  color: #55706b;
}

.selection-v2-catalog .catalog-initial-loading > span {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(19, 128, 105, 0.18);
  border-top-color: #138069;
  border-radius: 50%;
  animation: litu-catalog-loading-spin 0.8s linear infinite;
}

@keyframes litu-catalog-loading-spin {
  to { transform: rotate(360deg); }
}