/* Shared cream / forest palette; brand exploration owns the entry surface. */
.chair-finder-page:has(.new-chair-journey) { background: #faf9f5; }
.new-chair-journey { color: #244b3a; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; scroll-margin-top: calc(var(--header-height, 110px) + 64px); }
.new-chair-journey [hidden], .new-chair-journey[hidden], .journey-tool-navigation[hidden] { display: none !important; }
.new-chair-journey button, .journey-tool-navigation button { font-family: inherit; cursor: pointer; }
.new-chair-journey button:disabled { opacity: .45; cursor: not-allowed; }
.new-chair-journey button:focus-visible, .journey-tool-navigation button:focus-visible { outline: 2px solid #52795f; outline-offset: 6px; }
.new-chair-journey h1:focus, .new-chair-journey h2:focus { outline: none; }
.journey-progress ol { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #d4dad2; }
.journey-progress li { position: relative; padding-bottom: 18px; }
.journey-progress li:last-child { text-align: right; }
.journey-progress li:nth-child(2) { text-align: center; }
.journey-progress li::after { content: ""; position: absolute; bottom: -5px; left: 0; width: 9px; height: 9px; border-radius: 50%; background: #d4dad2; }
.journey-progress li:nth-child(2)::after { left: calc(50% - 4px); }
.journey-progress li:last-child::after { left: auto; right: 0; }
.journey-progress li:has([aria-current])::after { background: #244b3a; }
.journey-progress button { border: 0; padding: 0; background: none; color: #7a877d; font-size: 13px; font-weight: 500; }
.journey-progress button[aria-current] { color: #244b3a; }
.journey-progress button span { margin-right: 10px; font-variant-numeric: tabular-nums; }
.journey-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; column-gap: 48px; padding-top: 44px; }
.journey-intro-copy h1 { max-width: 12ch; margin: 0; color: #183f31; font-size: clamp(40px, 4.5vw, 64px); font-weight: 500; line-height: 1.06; letter-spacing: -.055em; }
.journey-intro-copy > p { max-width: 37ch; margin: 24px 0 30px; font-size: 18px; line-height: 1.65; color: #5c7064; }
.journey-primary { display: inline-flex; justify-content: center; align-items: center; gap: 24px; min-height: 50px; padding: 14px 28px; border: 1px solid #244b3a; border-radius: 99px; background: #244b3a; color: #fffdf8; font-size: 14px; font-weight: 500; line-height: 1.4; transition: background .18s, box-shadow .18s; }
.journey-primary:not(:disabled):hover { background: #183e2f; box-shadow: 0 6px 20px #244b3a18; }
.journey-primary > span { font-size: 21px; line-height: 1; }
.journey-collection-count { display: block; margin-top: 20px; font-size: 12px; color: #7a877d; }
.journey-brand-universe { min-width: 0; }
.brand-bubble-field { position: relative; width: 100%; height: 450px; isolation: isolate; }
.brand-bubble { position: absolute; left: 0; top: 0; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid #efefe9; box-shadow: 0 16px 32px #273c3010, 0 3px 8px #273c3004; will-change: transform; }
.brand-bubble img { display: block; width: 74%; height: auto; max-height: 38%; object-fit: contain; }
.brand-bubble-knoll img { width: 61%; }
.journey-motion-toggle { display: block; margin: 12px 0 0 auto; border: 0; padding: 8px; background: none; color: #748177; font-size: 11px; }
.journey-intro-footer { grid-column: 1 / -1; margin: 46px 0 12px; padding-top: 22px; text-align: center; color: #526a5c; font-size: 16px; }
.journey-section-heading { padding: 48px 0 32px; }
.journey-section-heading :is(h1,h2) { margin: 0; font-size: clamp(30px, 3.2vw, 44px); font-weight: 500; line-height: 1.15; letter-spacing: -.04em; color: #183f31; }
.journey-section-heading p { margin: 16px 0 0; color: #68776c; font-size: 15px; line-height: 1.6; }
.journey-brand-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; padding: 16px 0 42px; }
.journey-brand-option { display: flex; flex-direction: column; align-items: center; padding: 20px 12px; border: 0; border-radius: 12px; background: transparent; color: #244b3a; text-align: center; }
.journey-brand-logo { display: grid; place-items: center; width: 180px; height: 180px; margin-bottom: 26px; border: 1px solid #e7e9e2; border-radius: 50%; background: #fff; box-shadow: 0 12px 25px #273c300a; transition: box-shadow .18s, border-color .18s; }
.journey-brand-logo img { width: 73%; max-height: 44%; object-fit: contain; }
[data-brand-choice="knoll"] .journey-brand-logo img { width: 60%; }
.journey-brand-option[aria-pressed="true"] .journey-brand-logo { border-color: #244b3a; box-shadow: 0 0 0 5px #e1e9dd; }
.journey-brand-option:hover .journey-brand-logo { border-color: #8ca28b; }
.journey-brand-option > strong { font-size: 20px; font-weight: 500; }
.journey-brand-description { margin-top: 10px; color: #69796b; font-size: 13px; line-height: 1.6; }
.journey-brand-option > small { margin-top: 10px; color: #7b897c; font-size: 11px; }
.journey-actions { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 0; border-top: 1px solid #dce1d7; }
.journey-back { padding: 10px 0; border: 0; background: none; color: #506b57; font-size: 13px; }
.journey-back:hover { text-decoration: underline; text-underline-offset: 4px; }
.journey-chair-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; margin-bottom: 30px; }
.journey-chair-option { display: flex; flex-direction: column; align-items: flex-start; max-width: 350px; padding: 18px; border: 1px solid #e0e4da; border-radius: 12px; background: #fffefa; color: #244b3a; text-align: left; }
.journey-chair-option[aria-pressed="true"] { border-color: #244b3a; box-shadow: 0 0 0 2px #244b3a; }
.journey-chair-option:hover { border-color: #81997d; }
.journey-chair-media { display: block; width: 100%; height: 200px; margin-bottom: 22px; background:#fff; }
.journey-chair-media img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; filter:brightness(1.025); }
.journey-chair-brand { font-size: 10px; color: #74806f; margin-bottom: 6px; }
.journey-chair-option > strong { font-size: 22px; font-weight: 500; }
.journey-chair-strength { font-size: 12px; line-height: 1.6; color: #6a7966; margin-top: 10px; margin-bottom: 20px; }
.journey-chair-select-label { padding-top: 14px; margin-top: auto; width: 100%; border-top: 1px solid #e0e4da; font-size: 12px; }
.journey-selection-note { margin-left: auto; color: #69796b; font-size: 12px; }
.journey-retailer-note { margin: 8px 0; color: #7a877d; font-size: 12px; line-height: 1.6; }
.journey-tool-navigation { display: flex; justify-content: flex-end; gap: 20px; }
@media (max-width: 767px) {
  .journey-progress button { display: flex; flex-direction: column; gap: 7px; font-size: 10px; text-align: inherit; }
  .journey-progress li:nth-child(2) button { margin: auto; }
  .journey-progress li:last-child button { margin-left: auto; }
  .journey-progress button span { margin: 0; font-size: 11px; }
  .journey-intro { grid-template-columns: minmax(0, 1fr); padding-top: 32px; gap: 18px; }
  .journey-intro-copy h1 { max-width: 14ch; font-size: 40px; }
  .journey-intro-copy > p { margin: 18px 0 22px; font-size: 15px; }
  .journey-collection-count { margin-top: 14px; }
  .brand-bubble-field { height: 275px; }
  .journey-motion-toggle { margin-top: 0; }
  .journey-intro-footer { margin: 0 0 10px; padding-top: 0; font-size: 13px; line-height: 1.6; }
  .journey-section-heading { padding: 32px 0 24px; }
  .journey-brand-options { grid-template-columns: 1fr; gap: 14px; padding: 0 0 24px; }
  .journey-brand-option { display: grid; grid-template-columns: 84px 1fr; column-gap: 18px; padding: 14px 8px; text-align: left; }
  .journey-brand-logo { grid-row: span 3; width: 84px; height: 84px; margin: 0; }
  .journey-brand-option > strong { font-size: 18px; }
  .journey-brand-description { font-size: 12px; margin-top: 5px; }
  .journey-brand-option > small { margin-top: 6px; }
  .journey-actions { flex-wrap: wrap; gap: 14px; padding-block: 20px; }
  .journey-actions .journey-primary { width: 100%; order: -1; }
  .journey-chair-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .journey-chair-option { padding: 12px; }
  .journey-chair-media { height: 140px; margin-bottom: 16px; }
  .journey-chair-option > strong { font-size: 20px; }
  .journey-chair-strength { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .new-chair-journey *, .new-chair-journey *::before, .new-chair-journey *::after { transition: none !important; }
}
.new-chair-journey .journey-intro-copy h1 { max-width: 17ch; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: clamp(40px, 4.3vw, 60px); }
.new-chair-journey .journey-section-heading :is(h1,h2) { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.chair-compare-panel > .chair-finder-cashback-promise { margin-bottom: 24px; }
@media (max-width: 767px) {
  body:not(.admin-shell-page) main .new-chair-journey h1 { font-size: 36px !important; font-weight: 500 !important; line-height: 1.08 !important; letter-spacing: -.045em !important; text-wrap: initial; }
  body:not(.admin-shell-page) main .new-chair-journey h2 { font-weight: 500 !important; }
  .journey-intro { row-gap: 14px; }
  .journey-intro-copy { display: contents; }
  .journey-intro-copy > p { margin: 0; }
  .journey-brand-universe { grid-row: 3; }
  .brand-bubble-field { height: 240px; }
  .journey-intro-copy > .journey-primary { justify-self: start; }
  .journey-collection-count { margin: 0; }
}
.journey-cashback-offer { max-width: 420px; margin-top: 24px; padding: 18px 0 0; border-top: 1px solid #d1dccd; }
.journey-cashback-offer strong { display: block; color: #244b3a; font-size: 17px; font-weight: 600; line-height: 1.4; }
.journey-cashback-offer p { margin: 8px 0; color: #677969; font-size: 12px; line-height: 1.6; }
.journey-cashback-offer a { color: #355d40; font-size: 12px; text-underline-offset: 4px; }
.journey-brand-options { grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); gap: 22px; }
.journey-brand-logo { width: 148px; height: 148px; }
.journey-furniture-category { display: flex; flex-direction: column; align-items: flex-start; gap: 22px; padding: 28px; min-height: 210px; border-top: 1px solid #a5b69e; color: #244b3a; text-decoration: none; background: #f0f3eb; border-radius: 6px; }
.journey-furniture-category small { color: #73816d; font-size: 12px; }
.journey-furniture-category strong { font-size: 24px; font-weight: 500; line-height: 1.2; }
.journey-furniture-category span { margin-top: auto; font-size: 13px; }
.journey-furniture-category:hover { background: #e7eee1; }
.journey-furniture-category:focus-visible { outline: 2px solid #244b3a; outline-offset: 4px; }
@media (max-width: 767px) {
  .journey-cashback-offer { grid-row: 3; margin-top: 2px; padding-top: 14px; }
  .journey-brand-universe { grid-row: 4; }
  .journey-cashback-offer strong { font-size: 16px; }
  .journey-brand-options { grid-template-columns: 1fr; }
  .journey-brand-logo { width: 84px; height: 84px; }
  .journey-chair-options.is-furniture-collection { grid-template-columns: 1fr; }
  .journey-furniture-category { min-height: 160px; }
}

.journey-brand-coming-soon { justify-content: flex-start; }
.journey-brand-coming-soon .journey-brand-logo { border: 1px dashed #a9b7a5; background: transparent; box-shadow: none; color: #82977c; font-size: 42px; font-weight: 300; }
.journey-brand-coming-soon > strong { color: #657b60; }
.journey-brand-coming-soon .journey-brand-description { max-width: 25ch; }
@media (max-width: 767px) {
  .journey-brand-coming-soon .journey-brand-logo { grid-row: span 2; }
}
.journey-brand-switcher { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 28px; }
.journey-brand-switch { padding:9px 16px; border:1px solid #d4ddce; border-radius:30px; background:transparent; color:#5c7059; font-size:12px; }
.journey-brand-switch[aria-pressed=true] { background:#244b3a; color:#fff; border-color:#244b3a; }
.journey-chair-options { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; }
.journey-chair-option { max-width:none; padding:0; overflow:hidden; background:#fafafa; }
.journey-chair-preview { display:flex; flex-direction:column; align-items:flex-start; width:100%; height:100%; padding:20px; border:0; background:transparent; color:#244b3a; text-align:left; }
.journey-chair-media { height:auto; aspect-ratio:1; margin-bottom:18px; }
.journey-chair-media img { mix-blend-mode:normal; }
.journey-chair-preview > strong { font-size:23px; font-weight:500; }
.journey-chair-preview .journey-chair-strength { margin:8px 0 18px; }
.journey-view-label { margin-top:auto; font-size:12px; color:#355d40; }
.journey-chair-option.is-selected { border-color:#244b3a; box-shadow:0 0 0 2px #244b3a; }
.journey-chair-select-label { padding:13px 20px; border:0; border-top:1px solid #e0e4da; background:#f2f5ed; color:#355d40; text-align:left; }
.journey-chair-select-label[aria-pressed=true] { background:#e1ecda; }
.journey-comparison-note { padding:13px 20px; border-top:1px solid #e0e4da; width:100%; font-size:11px; color:#768171; }
.journey-compare-dock { position:sticky; bottom:16px; z-index:8; padding:16px 22px; border:1px solid #dce1d7; border-radius:14px; background:#fafbf6f5; box-shadow:0 8px 32px #183b2420; backdrop-filter:blur(12px); }
.journey-shortlist { flex:1; min-width:0; }
.journey-shortlist [data-shortlist-items] { display:flex; flex-wrap:wrap; gap:5px; margin-top:6px; }
.journey-shortlist-chip { padding:5px 8px; border:1px solid #cbd8c2; border-radius:6px; background:#edf3e6; color:#385a3b; font-size:11px; }
.journey-detail { width:min(820px,calc(100% - 32px)); max-height:85vh; padding:48px 30px 30px; border:1px solid #dce1d7; border-radius:18px; background:#fafafa; color:#244b3a; overflow:auto; }
.journey-detail[open] { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:28px; }
.journey-detail::backdrop { background:#13281d70; backdrop-filter:blur(4px); }
.journey-detail > img { width:100%; aspect-ratio:1; object-fit:contain; mix-blend-mode:normal; filter:brightness(1.025); background:#fff; }
.journey-detail-close { position:absolute; right:20px; top:16px; padding:8px; border:0; background:transparent; color:#244b3a; }
.journey-detail-copy h2 { font:500 32px/1.15 "Helvetica Neue",Arial,sans-serif; margin:12px 0; }
.journey-detail-copy p { font-size:14px; line-height:1.65; margin-bottom:22px; }
.journey-detail-copy a { display:inline-flex; text-decoration:none; }
@media(max-width:767px) {
 .journey-chair-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .journey-chair-preview { padding:12px; }
 .journey-chair-preview > strong { font-size:19px; }
 .journey-chair-select-label,.journey-comparison-note { padding:12px; font-size:10px; }
 .journey-compare-dock { bottom:8px; padding:14px; gap:8px; }
 .journey-compare-dock .journey-primary { order:0; }
 .journey-compare-dock > .journey-back { display:none; }
 .journey-detail[open] { grid-template-columns:1fr; gap:12px; }
 .journey-detail > img { max-height:220px; }
 .journey-detail { padding:42px 22px 22px; }
}
.journey-compare-dock.has-selection { position:fixed; left:50%; transform:translateX(-50%); width:min(1150px,calc(100% - 48px)); bottom:20px; z-index:30; }
[data-journey-panel=chairs]:has(.has-selection) { padding-bottom:110px; }
@media(max-width:767px) {
 .journey-compare-dock.has-selection { width:calc(100% - 24px); bottom:12px; }
 [data-journey-panel=chairs]:has(.has-selection) { padding-bottom:160px; }
}
body:has(.chair-finder-shell[data-mode=intro] .journey-chairs:not([hidden]) .journey-compare-dock.has-selection) #osc-assistant { bottom:calc(var(--journey-dock-height, 140px) + 36px); }

 a.journey-brand-option, a.journey-brand-switch { text-decoration:none; }
 a.journey-brand-switch { display:inline-flex; align-items:center; }

/* Brand navigation precedes the collection it controls. */
.journey-brand-toolbar {display:flex;align-items:center;gap:28px;padding-top:24px;border-bottom:1px solid #d5ddd0}
.journey-brand-toolbar-label {flex:none;color:#77816f;font:500 11px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif}
.journey-brand-toolbar .journey-brand-switcher {display:flex;flex-wrap:wrap;gap:0 24px;margin:0;min-width:0}
.journey-brand-toolbar .journey-brand-switch {display:inline-flex;align-items:center;min-height:44px;padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#6a7863;font:400 13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;text-decoration:none}
.journey-brand-toolbar .journey-brand-switch[aria-pressed=true] {border-bottom-color:#244b3a;background:transparent;color:#244b3a;font-weight:600}
.journey-brand-toolbar .journey-brand-switch:focus-visible {outline:2px solid #66825c;outline-offset:3px}
.journey-brand-toolbar+.journey-section-heading {padding-top:30px}
@media(hover:hover) and (pointer:fine) {.journey-brand-toolbar .journey-brand-switch:hover {color:#244b3a;border-bottom-color:#a6b89c}}
@media(max-width:600px) {
 .journey-brand-toolbar {display:block;padding-top:18px}
 .journey-brand-toolbar-label {display:block;margin-bottom:5px}
 .journey-brand-toolbar .journey-brand-switcher {gap:0 18px}
 .journey-brand-toolbar+.journey-section-heading {padding-top:24px}
}

/* Launch assortment: one active new-chair partner, with model comparison retained. */
.journey-single-brand .journey-progress,
.journey-single-brand .journey-brand-switcher,
.journey-single-brand .journey-compare-dock:not(.has-selection),
.chair-compare-panel>.chair-finder-cashback-promise {display:none}
.journey-single-brand .journey-brand-toolbar {justify-content:space-between;padding-top:4px;padding-bottom:16px}
.journey-single-brand .journey-brand-toolbar-label {font-size:12px;color:#476047}
.journey-single-brand .journey-brand-toolbar>a {font-size:12px}
.journey-single-brand .journey-chair-options {row-gap:26px}
@media(max-width:600px) {.journey-single-brand .journey-brand-toolbar {display:flex;align-items:center;gap:12px}}

.journey-product-categories {display:flex;gap:24px;padding-top:22px}
.journey-product-categories button {display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:#71806b;font:500 14px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer}
.journey-product-categories button[aria-pressed=true] {border-bottom-color:#244b3a;color:#244b3a}
.journey-product-categories button span {font-size:11px;color:#71806b;padding:2px 6px;border-radius:4px;background:#eaf0e4}
.journey-product-categories button:focus-visible {outline:2px solid #66825c;outline-offset:3px}
.journey-product-categories+.journey-section-heading {padding-top:28px}

.journey-catalog-tools {display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 24px}
.journey-price-disclaimer {margin:0;max-width:58ch;color:#73806f;font:400 11px/1.55 "Helvetica Neue",Helvetica,Arial,sans-serif}
.journey-sort {display:flex;align-items:center;gap:10px;flex-shrink:0;color:#64725f;font:400 12px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif}
.journey-sort select {min-height:40px;max-width:100%;padding:8px 30px 8px 12px;border:1px solid #cdd6c6;border-radius:6px;background:#fbfcf7;color:#294b36;font:500 12px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif}
.journey-sort select:focus-visible {outline:2px solid #66825c;outline-offset:3px}
.journey-chair-preview .journey-product-price,.journey-detail-copy .journey-product-price {display:block;margin:0 0 14px;color:#264f36;font:600 17px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.02em}
.journey-detail-copy .journey-price-disclaimer {display:block;margin-bottom:20px}
@media(max-width:600px) {.journey-catalog-tools {flex-direction:column;align-items:stretch;gap:14px}.journey-sort {justify-content:space-between}.journey-sort select {flex:1;max-width:220px}.journey-chair-preview .journey-product-price {font-size:16px}}

/* One clear purchase action, with authentication explained before the click. */
.journey-detail-copy h2 {font-size:27px;line-height:1.2;letter-spacing:-.025em}
.journey-purchase {padding:18px;border:1px solid #d9e1d2;border-radius:10px;background:linear-gradient(120deg,#f3f7ed,#eef3e7)}
.journey-purchase-reward {display:flex;align-items:center;gap:9px;color:#31543b}
.journey-reward-mark {display:grid;place-items:center;flex:none;width:30px;height:28px;border:1px solid #c7d6bd;border-radius:6px;background:#fcfdf9;font:600 12px/1 "Helvetica Neue",Arial,sans-serif}
.journey-purchase-reward strong {font:600 12px/1.4 "Helvetica Neue",Arial,sans-serif}
.journey-detail-copy .journey-purchase-note {margin:12px 0 16px;color:#65735f;font:400 12px/1.55 "Helvetica Neue",Arial,sans-serif}
.journey-purchase .journey-primary {display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;min-height:46px;padding:12px 16px;border-radius:7px;font:600 13px/1.4 "Helvetica Neue",Arial,sans-serif;transition:background-color 150ms ease,transform 120ms cubic-bezier(.23,1,.32,1)}
.journey-purchase .journey-primary:active {transform:scale(.985)}
.journey-purchase .journey-primary[aria-busy=true] {opacity:.7;cursor:wait}
.journey-purchase .journey-primary:focus-visible {outline:2px solid #416747;outline-offset:3px}
.journey-detail-copy .journey-purchase-terms {display:block;margin-top:12px;text-align:center;font:400 11px/1.4 "Helvetica Neue",Arial,sans-serif;color:#64775b;text-decoration:underline;text-underline-offset:3px}
.journey-detail-secondary {display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;padding-top:16px;border-top:1px solid #e0e5db}
.journey-detail-secondary .journey-back {padding:0;font:400 11px/1.5 "Helvetica Neue",Arial,sans-serif;color:#65735f}
.journey-purchase .chair-purchase-status:not(:empty) {margin:10px 0 0;font-size:12px;text-align:left}
@media(prefers-reduced-motion:reduce) {.journey-purchase .journey-primary {transition:none}}
