/* 공통 가로 스크롤 영역 */
.tag-scroll-container {
  overflow-x: auto;
  white-space: nowrap;
  padding: 5px 20px 10px 0;
}

.tag-scroll-container::-webkit-scrollbar {
  display: none; /* 스크롤 막대 숨김 */
}

/* 공통 버튼 감싸는 래퍼 */
.tag-scroll-wrapper {
  display: inline-flex;
  gap: 8px;
}

/* 시/군/구 그룹 (초기 비노출) */
.city-group {
  display: none;
}

/* 선택된 시/군/구 그룹만 보여주기 */
.city-group.show {
  display: inline-flex;
  gap: 8px;
}

/* 지역 선택 버튼 공통 스타일 */
.tag-button {
  padding: 6px 14px;
  font-size: 14px;
  font-family: 'Nanum Myeongjo', Serif;
  border: none;
  border-radius: 20px;
  background-color: #f5f5f5;
  color: #000;
  cursor: pointer;
  white-space: nowrap;
}

/* 선택된 버튼 스타일 */
.tag-button.selected {
  background-color: #000;
  color: #fff;
}

/* 결과 그리드 */
.assistant-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4%; /* 카드 간 간격 */
}

.assistant-item {
  flex: 0 0 48%;
  margin-bottom: 45px;
  box-sizing: border-box;
}

.img-box {
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}

.assistant-title {
  font-weight: bold;
  font-size: 15px;
  margin-top: 8px;
  color: black;
}

.assistant-address {
  font-size: 12px;
  margin-top: 4px;
  color: #757575;
}

.assistant-grid a {
  text-decoration: none;
  color: inherit;
}

/*.photo-title {*/
/*  font-weight: bold;*/
/*  font-size: 15px;*/
/*  margin-top: 8px;*/
/*  color: black;*/
/*}*/

/*.tour-address {*/
/*  font-size: 12px;*/
/*  margin-top: 4px;*/
/*  color: #757575;*/
/*}*/