/* 2026-11-10 — `body` 규칙은 상담 신청 화면만(`app-consult-body` — ConsultationPage·이벤트 신청이 붙인다). 그대로 두면 화면을 떠나도 남아 다른 화면 아래에 173px 여백·회색 바탕이 생겼다. */
.consultation-contact__list span {
  border-color: var(--neutral-tx1-hero);
  color: var(--neutral-tx1-hero);
}

/* 2026-10-31 요청 — 신청 버튼·고른 연락 방법은 민트(브랜드색)로 되돌림(Figma 판의 검정 대신) */
.consultation-contact__list input:checked + span,
.consultation-submit button,
.consultation-summary__actions button {
  border-color: var(--brand-primary);
  background: var(--brand-primary);
}

.consultation-agreement {
  background: var(--semantic-white);
}

.consultation-agreement input:checked {
  border-color: var(--neutral-tx1-hero);
  background-color: var(--neutral-tx1-hero);
}

.consultation-agreement__label i {
  border-radius: var(--radius-xs);
  color: var(--neutral-tx2-title);
  background: var(--semantic-border);
  font-weight: var(--font-weight-medium);
}

@media (max-width: 767px) {
  body.app-consult-body {
    padding-bottom: calc(173px + env(safe-area-inset-bottom, 0px));
    background: var(--semantic-white);
  }

  .consultation-main {
    padding: 0;
  }

  .consultation-layout {
    padding: 0;
  }

  .consultation-form {
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
    border: 0;
    border-radius: 0;
  }

  .consultation-company {
    gap: var(--spacing-lg);
  }

  .consultation-company__image {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
  }

  .consultation-company__info p {
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
  }

  .consultation-promotion,
  .consultation-section {
    gap: var(--spacing-lg);
    padding-bottom: var(--spacing-3xl);
  }


  .consultation-promotion ul {
    padding: 0 var(--spacing-lg);
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
  }

  .consultation-fields {
    gap: var(--spacing-lg);
  }

  .consultation-fields--user .consultation-field:last-child,
  .consultation-fields--wedding .consultation-field:last-child {
    width: calc(50% - 10px);
  }

  .consultation-contact__list {
    gap: var(--spacing-lg);
  }

  .consultation-agreement {
    min-height: 0;
    gap: var(--spacing-lg);
    padding: var(--spacing-lg);
  }

  .consultation-submit {
    gap: var(--spacing-sm);
    padding-bottom: 0;
  }

  .consultation-submit p {
    max-width: 220px;
    margin: 0 auto;
  }

  .consultation-summary {
    position: fixed;
    z-index: 100;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    box-sizing: border-box;
    min-height: calc(173px + env(safe-area-inset-bottom, 0px));
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 20px;
    padding: 20px;
    padding-bottom: calc(20px + env(safe-area-inset-bottom, 0px));
    border: 0;
    border-top: 1px solid var(--semantic-bg-hover);
    border-right: 1px solid var(--semantic-bg-hover);
    border-left: 1px solid var(--semantic-bg-hover);
    border-radius: 0;
    background: var(--semantic-white);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
  }

  .consultation-summary__cards {
    width: 100%;
    gap: 12px;
  }

  .consultation-summary__company,
  .consultation-summary__promotion {
    padding: 0;
    border: 0;
  }

  .consultation-summary__company h2 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: var(--font-size-xl);
    line-height: var(--line-height-22);
  }

  .consultation-summary__company p {
    display: none;
  }

  .consultation-summary__promotion {
    gap: 0;
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
  }

  .consultation-summary__promotion p:first-child {
    display: block;
  }

  .consultation-summary__promotion p:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .consultation-summary__line-break {
    display: none;
  }

  .consultation-summary__actions {
    display: block;
    width: 100%;
  }

  .consultation-summary__actions a {
    display: none;
  }

  .consultation-summary__actions button {
    width: 100%;
    min-height: 38px;
    padding: 8px 11px;
    border-color: var(--neutral-tx1-hero);
    border-radius: var(--radius-sm);
    background: var(--neutral-tx1-hero);
    color: var(--semantic-white);
    font-size: 0;
  }

  .consultation-summary__actions button::before {
    content: attr(data-mobile-label);
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-20);
  }
}
/* 2026-10-27 Figma «Consultation Apply» 1024·360(1114:80082 · 80215) 2차 대조 — 연락 방법 제목과 버튼 줄 간격 10px(20 아님) */
.consultation-contact .consultation-contact__list {
  margin-top: 10px;
}
