/* PC 층: public/shared/user-explore.css 위에 얹는 넓은 화면 배치
 * 공통 파일이 내 조건 화면(myc-*)에도 함께 로드되므로, 폭과 배치는 이 묶음의 부품(검색창 · 조건 폼)에 걸어 그 화면으로 번지지 않게 합니다. */
.pc-main:has(> .exp-search),
.pc-main:has(> .exp-cond) {
  --pc-main-width: 1200px;
}

/* ---------- 탐색 목록: 검색창 + 조건 · 지도 한 줄, 건수 + 정렬 한 줄, 그 아래 장부 ---------- */
.pc-main:has(> .exp-search) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-auto-flow: dense;
  align-content: start;
  align-items: center;
  column-gap: var(--space-4);
}

.pc-main:has(> .exp-search) > * {
  grid-column: 1 / -1;
}

.pc-main > .exp-search {
  grid-column: 1;
  margin: 0;
}

.pc-main > .exp-crow {
  grid-column: 2;
  margin: 0;
}

.pc-main > .exp-qline {
  margin: var(--space-3) 0 0;
}

.pc-main > .exp-qnote,
.pc-main > .exp-condl {
  margin: var(--space-3) 0 0;
}

.pc-main > .exp-fchip {
  justify-self: start;
  margin: var(--space-3) 0 0;
}

.pc-main > .exp-total {
  grid-column: 1;
  margin: var(--space-4) 0 var(--space-2);
}

.pc-main > .exp-rh {
  grid-column: 2;
  margin: var(--space-4) 0 var(--space-2);
}

.pc-main > .exp-rh--won {
  grid-column: 1 / -1;
}

.pc-main > .exp-more {
  justify-self: center;
  width: 320px;
  margin: var(--space-4) 0 0;
}

.exp-foot {
  flex-direction: row;
  justify-content: center;
  gap: var(--space-4);
}

/* 낙찰 결과: 카드를 세 단으로 나란히 비교 */
.exp-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0 0 var(--space-4);
  padding: 0;
}

.exp-res {
  height: 100%;
  margin: 0;
}

/* ---------- 조건 설정: 두 단. 왼쪽 자본 · 지역 · 유형, 오른쪽 나머지 조건과 저장 ----------
 * 단 나눔을 고정해 두어 유형 펼침을 열고 닫아도 묶음이 다른 단으로 옮겨 가지 않습니다. */
.exp-cond {
  column-count: 2;
  column-gap: var(--space-5);
}

.exp-cond > .exp-fsec {
  break-inside: avoid;
  margin: 0 0 var(--space-4);
  padding: var(--space-5);
  border-bottom: 0;
  border-radius: var(--radius-box);
  background: var(--color-bg-surface);
}

.exp-cond > [aria-labelledby="exp-src-h"] {
  break-before: column;
}

.exp-cond > .exp-fsec > .app-sh:first-child {
  margin-top: 0;
}

/* 떠 있는 조건 저장: 본문 전체 폭 띠 대신 오른쪽 단 끝에 */
.exp-fsave {
  right: max(var(--pc-gutter), calc(50vw - 600px));
  left: auto;
  width: 320px;
  max-width: none;
  margin: 0;
  padding: 0;
}