.filters [data-filter] {
  cursor: pointer;
}

.filters [data-filter]:focus-visible {
  outline: 2px solid var(--sombra);
  outline-offset: 2px;
}

.catalog-search input:focus-visible,
.filters .catalog-search__clear:focus-visible {
  outline: 2px solid var(--sombra);
  outline-offset: 3px;
}

.perfume-card[hidden] {
  display: none;
}

.catalog-empty {
  grid-column: 1 / -1;
  margin: 0;
  padding: 54px 24px;
  border: 1px solid rgba(255, 248, 204, 0.35);
  color: var(--bruma);
  text-align: center;
}

@media (max-width: 760px) {
  .filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .filters::-webkit-scrollbar {
    display: none;
  }

  .filters [data-filter] {
    flex: 0 0 auto;
  }
}