/* === TAGS FILTER === */
.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0 1.5rem; /* ← Боковые отступы по умолчанию */
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 3px solid rgba(255, 255, 255, 1);
}
@media (max-width: 360px) {
  .tags  {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.tag-btn {
  padding: 0.5rem 1.5rem;
  border-radius: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tag-btn.active {
  background: linear-gradient(90deg, #3b82f6, #9333ea);
  color: white;
  box-shadow: 0 4px 10px rgba(59, 130, 246, 0.3);
}

.tag-btn:not(.active) {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.7);
}

.tag-btn:hover:not(.active) {
  background: rgba(255, 255, 255, 0.2);
}