/* Category navigation/filter transitions; owned outside Header composition. */
.site-main.is-app-filtering .loq-block--grid,
.loq-archive-modular.is-app-filtering .loq-block--grid {
  cursor: progress;
}

.site-main.is-app-filtering .loq-cards-grid,
.loq-archive-modular.is-app-filtering .loq-cards-grid {
  opacity: 0.42;
  transform: translateY(4px);
}

.loq-cards-grid {
  transition: opacity 180ms ease, transform 180ms ease;
}

.site-main.is-app-entering,
.loq-archive-modular.is-app-entering {
  animation: loq-app-enter-from-right 240ms ease both;
}

@keyframes loq-app-enter-from-right {
  from {
    opacity: 0.72;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.loq-app-filter-empty {
  grid-column: 1 / -1;
  display: grid;
  gap: 6px;
  min-height: 132px;
  place-items: center;
  padding: 22px;
  border: 1px solid rgba(17, 19, 22, 0.08);
  border-radius: var(--loq-radius, 14px);
  background: rgba(255, 255, 255, 0.72);
  color: var(--loq-text, #111316);
  text-align: center;
}

.loq-app-filter-empty strong {
  font-size: 15px;
  font-weight: var(--loq-font-semibold, 600);
}

.loq-app-filter-empty span {
  max-width: 28ch;
  color: var(--loq-muted, #6b7280);
  font-size: 13px;
  line-height: 1.35;
}