/* ===== 絞り込みナビ共通 ===== */
.filter-nav {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.filter-nav__title {
  font-weight: 600;
  margin-bottom: 0.5em;
  color: #527d54
}

.filter-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}

.filter-nav__link {
  display: inline-block;
  padding: 0.5em 1em;
  border: 1px solid #cccccc;
  text-decoration: none;
  color: #373737;
  background: #ffffff;
  transition: all 0.2s ease;
}

.filter-nav__link:hover {
  border-color: #373737;
  color: #373737;
}

.filter-nav__link.is-current {
  background: #373737;
  color: #ffffff;
  border-color: #373737;
}

/* ===== 施工種別（長方形・シャープ） ===== */
.filter-nav--build-type .filter-nav__link {
  border-radius: 2px; /* 角をシャープに */
  font-weight: 500;
  text-transform: none;
}

/* ===== 外構カテゴリ（角丸・ピル型） ===== */
.filter-nav--exterior-category .filter-nav__link {
  border-radius: 9999px; /* 完全な丸み */
  padding: 0.5em 1em;
  background-color: #ffffff;
}

.filter-nav--exterior-category .filter-nav__link:hover {
  border-color: #373737;
  color: #373737;
}

.filter-nav--exterior-category .filter-nav__link.is-current {
  background-color: #373737;
  color: #ffffff;
  border-color: #373737;
}