/* Made Hero Collective — store listing page */

.store-listing { padding-top: 150px; }
@media (max-width: 760px) { .store-listing { padding-top: 120px; } }

/* ===== Toolbar ===== */
.store-toolbar {
  display: flex; flex-direction: column; gap: 16px;
  margin-bottom: 36px; padding-bottom: 24px; border-bottom: 1px solid var(--border);
}

.toolbar-top { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.toolbar-count { margin: 0; color: var(--text-faint); font-size: 0.78rem; letter-spacing: 0.03em; white-space: nowrap; }

.toolbar-controls { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.price-filter { display: flex; align-items: center; gap: 8px; color: var(--text-muted); font-family: var(--font-display); font-size: 0.76rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; }
.price-filter input {
  width: 72px; padding: 9px 10px; background: var(--surface); border: 1px solid var(--border);
  color: var(--text); border-radius: 0; outline: none; font-size: 0.85rem;
  font-family: var(--font-body); text-transform: none; letter-spacing: normal;
}
.price-filter input:focus { border-color: var(--accent); }
.price-filter-sep { color: var(--text-faint); }

.sort-select {
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
  padding: 9px 34px 9px 14px; background: var(--surface); border: 1px solid var(--border); color: var(--text);
  font-family: var(--font-display); font-size: 0.76rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase;
  border-radius: 0; cursor: pointer; outline: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' width='14' height='14'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center;
  transition: border-color 0.2s ease;
}
.sort-select:hover, .sort-select:focus { border-color: var(--border-strong); }

.clear-filters-btn {
  background: none; border: 0; padding: 6px 2px; cursor: pointer;
  font-family: var(--font-display); font-size: 0.74rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--text-muted); text-decoration: underline; text-underline-offset: 3px;
  transition: color 0.2s ease;
}
.clear-filters-btn:hover { color: var(--accent); }

@media (max-width: 640px) {
  .filter-pills { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .filter-pill { flex: 0 0 auto; }
  .toolbar-controls { width: 100%; }
}

#noResultsMsg { margin-top: 24px; }