/* P3.6 Price Advisor luxury */

.advisor-page { padding-block: var(--sp-9); }
.advisor-page__head { text-align: center; max-width: 720px; margin: 0 auto var(--sp-7); }
.advisor-page__head .eyebrow { color: var(--color-gold); margin-block-end: var(--sp-2); }
.advisor-page__intro { font-size: var(--type-body-l, 18px); color: var(--color-ink-soft); margin-block-end: var(--sp-2); line-height: 1.6; }

/* Disabled state */
.advisor-disabled {
  max-width: 640px;
  margin: 0 auto;
  border: 1px solid var(--color-gold);
  background: var(--color-gold-tint, var(--color-mist));
  padding: var(--sp-7);
  text-align: center;
}

.advisor-disabled .eyebrow { color: var(--color-gold-2, var(--color-gold)); margin-block-end: var(--sp-2); }
.advisor-disabled h2 { margin-block-end: var(--sp-3); }
.advisor-disabled p { color: var(--color-ink-soft); margin-block-end: var(--sp-5); line-height: 1.6; font-size: var(--type-body, 16px); }

/* Active grid */
.advisor-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  gap: var(--sp-6);
  align-items: start;
}

@media (max-width: 920px) {
  .advisor-grid { grid-template-columns: 1fr; }
}

.advisor-result {
  background: var(--color-parchment);
  border: 1px solid var(--color-hairline);
  padding: var(--sp-7);
  display: flex;
  flex-direction: column;
  gap: var(--sp-5);
}

.advisor-result .eyebrow { color: var(--color-gold); margin: 0; }
.advisor-result__display { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; margin: 0; }
.advisor-result__currency { font-family: var(--font-sans); font-size: var(--type-h3); color: var(--color-ink-soft); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }
.advisor-result__display .display-l { font-family: var(--font-display); font-size: clamp(40px, 5vw, 72px); line-height: 1; font-weight: 400; color: var(--color-ink); }
.advisor-result__range { color: var(--color-ink-soft); margin: 0; font-size: var(--type-eyebrow); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }

.advisor-confidence { display: flex; flex-direction: column; gap: 8px; }
.confidence-ticks { display: flex; gap: 6px; }
.confidence-tick {
  width: 24px;
  height: 12px;
  border: 1px solid var(--color-hairline);
  background: transparent;
  transition: background var(--dur-base) var(--ease-luxury), border-color var(--dur-base) var(--ease-luxury);
}
.confidence-ticks[data-confidence="1"] .confidence-tick:nth-child(-n+1),
.confidence-ticks[data-confidence="2"] .confidence-tick:nth-child(-n+2),
.confidence-ticks[data-confidence="3"] .confidence-tick:nth-child(-n+3),
.confidence-ticks[data-confidence="4"] .confidence-tick:nth-child(-n+4),
.confidence-ticks[data-confidence="5"] .confidence-tick:nth-child(-n+5) {
  background: var(--color-emerald-deep);
  border-color: var(--color-emerald-deep);
}

.advisor-similar { display: flex; flex-direction: column; gap: var(--sp-3); }
.advisor-similar__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: var(--sp-3);
}

.similar-card {
  border: 1px solid var(--color-hairline);
  background: var(--color-mist);
  padding: var(--sp-3);
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-decoration: none;
  color: var(--color-ink);
  transition: border-color var(--dur-fast, 200ms) var(--ease-luxury);
}
.similar-card:hover { border-color: var(--color-emerald-deep); }
.similar-card__price { font-family: var(--font-display); font-size: var(--type-h3); color: var(--color-ink); }
.similar-card__meta { font-size: var(--type-eyebrow); color: var(--color-ink-soft); letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; }

.advisor-similar__empty { color: var(--color-ink-soft); font-size: var(--type-body-s, 14px); }

.advisor-disclaimer {
  border-top: 1px solid var(--color-hairline);
  padding-block-start: var(--sp-4);
  font-size: var(--type-eyebrow);
  letter-spacing: var(--tracking-eyebrow);
  color: var(--color-ink-soft);
  line-height: 1.6;
  text-transform: uppercase;
  margin: 0;
}

/* Form aside */
.advisor-form {
  background: var(--color-mist);
  border: 1px solid var(--color-hairline);
  padding: var(--sp-6);
  position: sticky;
  inset-block-start: 100px;
}

.advisor-form .eyebrow { color: var(--color-gold); margin-block-end: var(--sp-3); }

.advisor-form .luxury-form {
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}

.advisor-form .luxury-field { margin-block-end: 0; }

.advisor-form .input-quiet,
.advisor-form select.input-quiet {
  width: 100%;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--color-hairline);
  padding: 8px 0;
  font-family: var(--font-sans);
  font-size: var(--type-body, 16px);
  color: var(--color-ink);
  appearance: none;
  border-radius: 0;
}

.advisor-form .input-quiet:focus { outline: none; border-bottom-color: var(--color-emerald-deep); }

.advisor-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--sp-3);
}

.advisor-form__deal {
  display: flex;
  border: 1px solid var(--color-hairline);
}

.advisor-form__deal-btn {
  flex: 1;
  padding: 10px 0;
  background: transparent;
  border: none;
  font-family: var(--font-sans);
  font-size: var(--type-eyebrow);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--color-ink-soft);
  cursor: pointer;
  transition: background var(--dur-fast, 200ms) var(--ease-luxury), color var(--dur-fast, 200ms) var(--ease-luxury);
}

.advisor-form__deal-btn.is-active { background: var(--color-ink); color: var(--color-parchment); }

.advisor-form__submit { width: 100%; margin-block-start: var(--sp-3); }

.advisor-form__error {
  margin-block-start: var(--sp-3);
  padding: var(--sp-3);
  border: 1px solid var(--color-gold);
  background: var(--color-gold-soft, transparent);
  color: var(--color-ink);
  font-size: var(--type-body-s, 14px);
}

.advisor-form__error[hidden] { display: none; }

/* Loading state */
.advisor-result.is-loading .advisor-result__display .display-l,
.advisor-result.is-loading [data-out] {
  opacity: 0.4;
  filter: blur(2px);
  transition: opacity var(--dur-base) var(--ease-luxury), filter var(--dur-base) var(--ease-luxury);
}