@media (prefers-reduced-motion: reduce) {
  .catalog-controls--atlas .atlas-sort-menu > div,
  .inline-filters .atlas-compact-option[aria-pressed="true"],
  .inline-filters .misc-filter-menu[open] > .atlas-compact-option { animation: none; }
  .catalog-controls--atlas .atlas-sort-menu > summary,
  .catalog-controls--atlas .atlas-sort-menu button,
  .inline-filters .atlas-compact-option,
  .inline-filters .misc-filter-icon { transition-duration: .01ms; }
  .catalog-controls--atlas .atlas-sort-menu > summary:hover,
  .catalog-controls--atlas .atlas-sort-menu button:hover,
  .inline-filters .atlas-compact-option:not(:disabled):hover,
  .inline-filters .atlas-compact-option:not(:disabled):active,
  .inline-filters .atlas-compact-option:not(:disabled):hover .misc-filter-icon,
  .inline-filters .atlas-compact-option:not(:disabled):active .misc-filter-icon { transform: none; }
}

@media (max-width: 760px) {
  .catalog-controls { align-items: stretch; flex-direction: column; gap: .65rem; }
  .catalog-trigger { width: 100%; }
  .catalog-controls--atlas { grid-template-columns: 1fr; }
}

/* Catalog-only mobile filter drawers. Pal Explorer keeps its own responsive contract. */
.catalog-command--mobile-filters .mobile-filter-trigger { display: none; }
.catalog-command--mobile-filters .mobile-filter-panel { display: block; }

@media (max-width: 600px) {
  .catalog-command--mobile-filters {
    position: relative;
    z-index: 20;
  }

  .catalog-command--mobile-filters .inline-filters,
  .catalog-command--mobile-filters .inline-filter-groups {
    overflow: visible;
  }

  .catalog-command--mobile-filters .inline-filter-groups {
    align-items: start;
    gap: .35rem;
  }

  .catalog-command--mobile-filters .inline-filter-section {
    min-width: 0;
    padding: .22rem 0 .28rem;
    border: 0;
    z-index: 1;
  }

  .catalog-command--mobile-filters .inline-filter-section:has(.mobile-filter-trigger[aria-expanded="true"]) {
    z-index: calc(5000 + var(--mobile-filter-open-order, 0));
  }

  .catalog-command--mobile-filters .mobile-filter-trigger {
    width: 100%;
    min-height: 2.55rem;
    padding: .35rem .65rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) .68rem;
    align-items: center;
    gap: .45rem;
    color: #dfecee;
    border: 1px solid var(--catalog-surface-border, rgb(54 89 102 / 34%));
    border-radius: var(--catalog-surface-radius, 5px);
    background: var(--catalog-surface-background, linear-gradient(180deg, rgb(12 29 39 / 96%), rgb(8 22 30 / 96%)));
    box-shadow: none;
    font: inherit;
    text-align: left;
    cursor: pointer;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger[aria-expanded="true"] {
    border-color: var(--catalog-surface-active-border, rgb(71 164 177 / 52%));
    background: var(--catalog-surface-active-background, linear-gradient(105deg, rgb(14 47 57 / 96%), rgb(9 32 41 / 96%)));
  }

  .catalog-command--mobile-filters .mobile-filter-trigger:focus-visible {
    outline: 2px solid color-mix(in srgb, #70f4ff 72%, #071820);
    outline-offset: .08rem;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger__copy {
    min-width: 0;
    display: grid;
    gap: .04rem;
    overflow: hidden;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger__copy small {
    color: #66cbd2;
    font-size: .43rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger__copy strong {
    color: #eef8f9;
    overflow: hidden;
    font-size: .58rem;
    font-weight: 760;
    letter-spacing: -.015em;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger__value { display: none; }

  .catalog-command--mobile-filters .mobile-filter-trigger::after {
    width: .68rem;
    height: .68rem;
    grid-column: 2;
    grid-row: 1;
    place-self: center;
    background: var(--catalog-chevron-color, #70f4ff);
    mask: var(--catalog-chevron-mask) center / contain no-repeat;
    -webkit-mask: var(--catalog-chevron-mask) center / contain no-repeat;
    content: "";
    transition: transform 150ms ease;
  }

  .catalog-command--mobile-filters .mobile-filter-trigger[aria-expanded="true"]::after { transform: rotate(180deg); }

  .catalog-command--mobile-filters .mobile-filter-panel {
    position: absolute;
    top: calc(100% + .35rem);
    left: 0;
    box-sizing: border-box;
    width: calc(100% + .35rem);
    z-index: 1000;
    padding: .7rem .65rem .65rem;
    border: 1px solid var(--catalog-surface-active-border, rgb(71 164 177 / 52%));
    border-radius: var(--catalog-surface-radius, 5px);
    background: rgba(4, 17, 23, .98);
    box-shadow: 0 14px 28px rgb(0 0 0 / 42%), inset 0 1px rgb(177 232 239 / 8%);
    overflow: visible;
  }

  .catalog-command--mobile-filters .mobile-filter-panel.is-collapsed { display: none; }
  .catalog-command--mobile-filters .mobile-filter-panel :is(button, input, select, summary):focus-visible {
    outline: 2px solid color-mix(in srgb, #70f4ff 72%, #071820);
    outline-offset: .08rem;
  }

  .catalog-command--mobile-filters-3 .inline-filter-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .catalog-command--mobile-filters-3 .mobile-filter-panel { width: calc(300% + .7rem); }
  .catalog-command--mobile-filters-3 .inline-filter-section:nth-child(2) .mobile-filter-panel { left: calc(-100% - .35rem); }
  .catalog-command--mobile-filters-3 .inline-filter-section:nth-child(3) .mobile-filter-panel { left: calc(-200% - .7rem); }

  .catalog-command--mobile-filters-2 .inline-filter-groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .catalog-command--mobile-filters-2 .mobile-filter-panel { width: calc(200% + .35rem); }
  .catalog-command--mobile-filters-2 .inline-filter-section:nth-child(even) .mobile-filter-panel { left: calc(-100% - .35rem); }

  /* Keep the second row's triggers reachable while a first-row drawer is open. */
  .catalog-command--mobile-filters-2 .inline-filter-section:nth-child(n + 3) { z-index: 6000; }
}