/* search-tabs.css */
/* 検索タブ用スタイル */

.purimall-tabs {
  margin-bottom: 1rem;
}

.purimall-tabs .tab-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.purimall-tabs .tab {
  padding: 0.4rem 1rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #333;
  font-size: 0.9rem;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}

.purimall-tabs .tab:hover {
  background: #e5e7eb;
}

.purimall-tabs .tab.active {
  background: #ec4899;
  color: white;
  border-color: #ec4899;
}

.sort-bar {
  margin: 1rem 1.5rem;
  font-size: 0.95rem;
}

.sort-form {
  display: inline-block;
}

.sort-form label {
  margin-right: 0.5rem;
}

.sort-form select {
  padding: 0.3rem 0.6rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 0.95rem;
  cursor: pointer;
}

.sort-form select:hover {
  border-color: #999;
}

@media screen and (max-width: 768px) {
  .purimall-tabs .tab {
    font-size: 0.75rem;
    padding: 0.3rem 0.8rem;
  }
}