/* Päringuvorm (#/paring): kitsas fokuseeritud veerg, juuksepiirid, üks Salvei aktsent. Ainult tokenid. */
.inquiry-page { background: var(--color-bg); }
.inquiry-shell { max-width: calc(640px + 2 * var(--gutter)); }
.inquiry-form { --form-pad: var(--space-6); }
@media (max-width: 599px) { .inquiry-form { --form-pad: var(--space-4); } .inquiry-form .form-actions--sticky { border-radius: 0; } }
.inquiry-heading { margin-bottom: var(--space-5); }
.inquiry-heading h1 { margin-bottom: var(--space-2); }
.inquiry-heading .lead { color: var(--color-text-muted); }
.inquiry-stepper { margin-bottom: var(--space-5); }
.inquiry-page form, .inquiry-item, .inquiry-form > * { min-width: 0; }

/* Vormikaart: valge pind, juuksepiir, palju õhku */
.inquiry-form { gap: var(--space-5); }
.inquiry-form__intro { display: grid; gap: var(--space-2); }
.inquiry-form__intro h2 { font-size: var(--fs-2xl); margin: 0; }
.inquiry-form__intro p { margin: 0; }
.inquiry-error-summary .alert__title { margin-bottom: 2px; }

/* Paketikaardid */
.inquiry-channels { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
.inquiry-package .choice-card__body { gap: var(--space-1); padding-block: var(--space-4); border-color: var(--color-border); }
.inquiry-package .choice-card__body::before { top: calc(var(--space-4) + 4px); }
.inquiry-package:hover .choice-card__body { border-color: var(--color-border-strong); }
.field--error .inquiry-package .choice-card__body { border-color: var(--color-danger-border); }
.field--error .inquiry-package .choice-card__body::before { border-color: var(--color-danger); }
.inquiry-package input:checked + .choice-card__body { border-color: var(--color-primary); background: var(--color-surface); }
.inquiry-package__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-3); flex-wrap: wrap; }
.inquiry-package .choice-card__title { font-size: var(--fs-lg); font-weight: var(--fw-medium); letter-spacing: var(--ls-snug); }
.inquiry-package__rate { display: inline-flex; align-items: baseline; gap: var(--space-1); white-space: nowrap; }
.inquiry-package__pct { font-size: var(--fs-xl); font-weight: var(--fw-medium); letter-spacing: var(--ls-tight); font-variant-numeric: tabular-nums; color: var(--color-text); }
.inquiry-package input:checked + .choice-card__body .inquiry-package__pct { color: var(--color-primary-active); }
.inquiry-package__unit { font-size: var(--fs-xs); color: var(--color-text-muted); }
.inquiry-package__facts { display: flex; flex-wrap: wrap; align-items: center; gap: 2px var(--space-3); padding-top: var(--space-2); margin-top: var(--space-1); border-top: 1px solid var(--color-border); font-size: var(--fs-sm); color: var(--color-text-soft); font-variant-numeric: tabular-nums; }
.inquiry-package__sample { color: var(--color-text-muted); }
.inquiry-package .sample-tag { align-self: center; }
.inquiry-note { margin: 0; }

/* Esemete rühmad */
.inquiry-item { padding: var(--space-5) 0 0; border: 0; border-top: 1px solid var(--color-border); border-radius: 0; display: grid; gap: var(--space-4); }
.inquiry-item legend { float: left; width: 100%; margin-bottom: var(--space-1); padding: 0; font-size: var(--fs-xs); font-weight: var(--fw-medium); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--color-text-muted); }
.inquiry-item legend + * { clear: both; }
.inquiry-add { justify-self: start; }
.inquiry-page .form-row { align-items: start; }
.inquiry-page .field { align-content: start; }
.inquiry-page input[type="date"] { min-width: 0; max-width: 100%; }

/* Luksusesemete märge */
.inquiry-luxury { padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-muted); }
.inquiry-luxury .check__text { font-weight: var(--fw-medium); }
.inquiry-luxury .field__hint { padding-left: calc(1.125rem + var(--space-3)); }

/* Esemed: kõik valikuline */
.inquiry-optional { margin: 0; padding: var(--space-3) var(--space-4); border-left: 2px solid var(--color-gold); background: var(--color-surface-muted); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; color: var(--color-text-soft); }
.qty { display: inline-flex; align-items: stretch; border: 1px solid var(--color-border-input); border-radius: var(--radius-pill); overflow: hidden; background: var(--color-surface); width: max-content; }
.qty__btn { width: 48px; min-height: 48px; border: 0; background: transparent; color: var(--color-text); font-size: var(--fs-lg); cursor: pointer; }
.qty__btn:hover { background: var(--color-primary-soft); }
.qty__btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: -2px; }
.qty__input { width: 4.5rem; min-height: 48px; border: 0; border-inline: 1px solid var(--color-border); border-radius: 0; text-align: center; font-size: var(--fs-md); -moz-appearance: textfield; appearance: textfield; }
.qty__input::-webkit-outer-spin-button, .qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.upload.is-disabled { opacity: 0.55; pointer-events: none; }
.inquiry-known { margin: 0; min-height: 44px; display: flex; align-items: center; gap: var(--space-1); flex-wrap: wrap; overflow-wrap: anywhere; }

/* Fotod */
.inquiry-photos { list-style: none; padding: 0; margin: var(--space-3) 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--space-2); }
.inquiry-photos li { position: relative; min-width: 0; }
.inquiry-photo { position: relative; aspect-ratio: 1; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg-alt); color: var(--color-text-faint); }
.inquiry-photo.is-busy img { opacity: 0.55; }
.inquiry-photo__state { position: absolute; inset: auto 0 0; padding: 2px var(--space-2); background: var(--color-surface); font-size: var(--fs-xs); color: var(--color-text-soft); text-align: center; }
.inquiry-photo__state.is-error { color: var(--color-danger); }
.inquiry-photo__remove { position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; display: grid; place-items: center; border: 0; border-radius: var(--radius-pill); background: var(--color-ink); color: var(--color-on-ink); font-size: var(--fs-md); line-height: 1; cursor: pointer; box-shadow: var(--shadow-sm); }
.inquiry-photo__remove:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.inquiry-photo img { height: 100%; width: 100%; object-fit: cover; }
.inquiry-page .upload { padding-block: var(--space-5); }

/* Ülevaatus: puhtad definitsiooniloendid */
.inquiry-review { display: grid; gap: 0; }
.inquiry-review__block { display: grid; gap: var(--space-3); padding: var(--space-5) 0; border-top: 1px solid var(--color-border); }
.inquiry-review__block:first-child { border-top: 0; padding-top: 0; }
.inquiry-review__head { display: flex; justify-content: space-between; align-items: baseline; gap: var(--space-2) var(--space-4); flex-wrap: wrap; }
.inquiry-review__head h3 { font-size: var(--fs-md); font-weight: var(--fw-semibold); margin: 0; }
.inquiry-review__edit { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); }
.inquiry-review__edit .btn { min-height: 32px; padding-inline: 0; }
.inquiry-dl { display: grid; margin: 0; }
.inquiry-dl__row { display: grid; grid-template-columns: minmax(0, 11rem) minmax(0, 1fr); gap: var(--space-4); padding: var(--space-2) 0; border-bottom: 1px solid var(--color-border); font-size: var(--fs-sm); }
.inquiry-dl__row:last-child { border-bottom: 0; }
.inquiry-dl dt { color: var(--color-text-muted); }
.inquiry-dl dd { margin: 0; min-width: 0; overflow-wrap: anywhere; color: var(--color-text); }
.inquiry-estimate { display: grid; gap: var(--space-3); margin-top: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface-muted); }
.inquiry-estimate:not([open]) { gap: 0; }
.inquiry-estimate summary { cursor: pointer; min-height: 40px; display: flex; align-items: center; gap: var(--space-2); }
.inquiry-estimate summary strong { color: var(--color-primary-active); font-size: var(--fs-md); }
.inquiry-estimate p { margin: 0; }
.inquiry-estimate .summary__row { padding-block: var(--space-1); }
.inquiry-estimate .summary__row dd { white-space: nowrap; }
.inquiry-estimate .summary__row--total { margin-top: var(--space-2); align-items: baseline; }
.inquiry-terms { padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.inquiry-terms summary { cursor: pointer; font-weight: var(--fw-medium); min-height: 44px; display: flex; align-items: center; }
.inquiry-terms p { font-size: var(--fs-sm); color: var(--color-text-soft); }

/* Vormi all: rahulik kolme sammu selgitus, ilma kaardita */
.inquiry-aside { margin-top: var(--space-7); padding-top: var(--space-6); border-top: 1px solid var(--color-border); display: grid; gap: var(--space-4); }
.inquiry-aside__title { font-size: var(--fs-lg); margin: 0; }
.inquiry-aside__media { aspect-ratio: 16 / 9; }

/* Desktop: vorm vasakul, kleepuv selgitav külgpaneel paremal – kogu sammu sisu on ühe pilguga näha. */
@media (min-width: 1000px) {
  .inquiry-page { padding-top: var(--space-6); }
  .inquiry-shell { max-width: calc(1080px + 2 * var(--gutter)); display: grid; grid-template-columns: minmax(0, 1fr) 320px; column-gap: var(--space-7); align-items: start; }
  .inquiry-shell > :not(.inquiry-aside) { grid-column: 1; }
  .inquiry-shell > .inquiry-aside { grid-column: 2; grid-row: 1 / span 3; position: sticky; top: calc(var(--header-h) + var(--space-4)); margin-top: 0; padding-top: 0; border-top: 0; }
  .inquiry-aside__media { aspect-ratio: 1 / 1; }
  .inquiry-benefits { grid-template-columns: minmax(0, 1fr) !important; }
}
.inquiry-benefits { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr)); gap: var(--space-5); counter-reset: benefit; }
.inquiry-benefits li { counter-increment: benefit; display: grid; gap: var(--space-1); font-size: var(--fs-sm); }
.inquiry-benefits li::before { content: counter(benefit, decimal-leading-zero); color: var(--color-text-muted); font-size: var(--fs-xs); font-variant-numeric: tabular-nums; letter-spacing: var(--ls-caps); }
.inquiry-benefits span { color: var(--color-text-muted); }

/* Kinnitus */
.inquiry-success { display: grid; gap: var(--space-4); }
.inquiry-success h1 { font-size: var(--fs-3xl); margin: 0; }
.inquiry-success p { margin: 0; }
.inquiry-success__mark { display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-pill); border: 1px solid var(--color-primary-soft-2); background: var(--color-primary-soft); color: var(--color-primary-active); font-size: var(--fs-lg); }
.inquiry-success .timeline { margin: var(--space-3) 0; }

@media (max-width: 480px) {
  .inquiry-heading { margin-bottom: var(--space-6); }
  .inquiry-dl__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .inquiry-page .form-actions .btn { flex: 1 1 auto; }
  .inquiry-success .cluster { align-items: stretch; flex-direction: column; }
}

/* ---------- Valge ateljee: viimistlus ---------- */
.inquiry-form { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.inquiry-package input:checked + .choice-card__body { box-shadow: var(--shadow-card-hover); }
.inquiry-aside__media { border-radius: var(--radius-lg); }

/* ================= Desktop: lai vorm, vähem kerimist ================= */
.inquiry-cols { display: grid; gap: var(--space-5); grid-template-columns: minmax(0, 1fr); }
.inquiry-col { display: grid; gap: var(--space-5); align-content: start; min-width: 0; }
@media (min-width: 1000px) {
  .inquiry-page { padding-top: var(--space-5); padding-bottom: var(--space-6); }
  .inquiry-shell { max-width: var(--container-max); grid-template-columns: minmax(0, 1fr) 280px; column-gap: var(--space-6); }
  .inquiry-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--space-1) var(--space-5); margin-bottom: var(--space-4); }
  .inquiry-heading .eyebrow { flex-basis: 100%; margin-bottom: 0; }
  .inquiry-heading h1 { margin: 0; font-size: clamp(2.25rem, 1.4rem + 1.8vw, 3.25rem); }
  .inquiry-heading .lead { margin: 0; }
  .inquiry-stepper { margin-bottom: var(--space-4); }
  .inquiry-form { gap: var(--space-4); padding-block: var(--space-5) var(--space-6); }
  .inquiry-form__intro h2 { font-size: var(--fs-xl); }
  /* Paketid kõrvuti; iga kaart on ühesuguse kõrgusega. */
  .inquiry-channels { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .inquiry-package, .inquiry-package .choice-card__body { height: 100%; }
  .inquiry-package .choice-card__body { align-content: start; }
  .inquiry-package__head { flex-direction: column; align-items: flex-start; gap: 0; }
  .inquiry-package__pct { font-size: var(--fs-2xl); }
  .inquiry-package__facts { flex-direction: column; align-items: flex-start; margin-top: auto; }
  .inquiry-cols { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--space-7); }
  .inquiry-col { gap: var(--space-4); }
  .inquiry-photos { grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)); }
  .inquiry-aside__media { aspect-ratio: 4 / 3; }
  .inquiry-aside { gap: var(--space-3); }
}