.buyer-finder{margin:28px 0 34px;border:1px solid var(--line);background:rgba(8,13,9,.94);box-shadow:6px 9px 22px rgba(0,0,0,.5)}
.finder-callout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:20px}
.finder-callout h2{margin:3px 0 7px;color:#fff;font-family:var(--css-display-font,Impact,"Arial Black",sans-serif);font-size:clamp(1.9rem,4vw,3.2rem);line-height:.95;text-transform:uppercase}
.finder-callout p{max-width:760px;margin:0;color:var(--muted);font-weight:700}
.finder-callout button,.finder-nav button,.finder-results button{min-height:44px;padding:10px 14px;border:1px solid var(--green);background:#101811;color:var(--green);font:inherit;font-weight:950;cursor:pointer;text-transform:uppercase}
.finder-callout button:hover,.finder-nav button:hover,.finder-results button:hover,
.finder-callout button:focus-visible,.finder-nav button:focus-visible,.finder-results button:focus-visible{background:var(--green);color:#071006;outline:none}
.finder-form{border-top:1px solid var(--line);padding:18px 20px 20px}
.finder-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #39483b;color:var(--green);font-size:.78rem;font-weight:950;letter-spacing:.12em}
.unit-toggle{display:flex;gap:4px}.unit-toggle button{padding:5px 8px;border:1px solid #566458;background:#0d140e;color:#cfd5ce;font:inherit;font-size:.7rem;font-weight:900;cursor:pointer}.unit-toggle button[aria-pressed="true"]{border-color:var(--green);background:var(--green);color:#071006}
.finder-step{min-height:265px;padding:22px 0 12px}
.finder-question{margin:0 0 14px;color:#fff;font-family:var(--css-display-font,Impact,"Arial Black",sans-serif);font-size:clamp(1.8rem,5vw,3.1rem);line-height:.95;text-transform:uppercase}
.finder-subquestion{margin:18px 0 8px;color:var(--green);font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.finder-help{max-width:760px;margin:0 0 12px;color:var(--muted);font-size:.86rem;font-weight:650}
.finder-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.finder-options.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.finder-options label{position:relative;display:block;min-height:92px;padding:12px;border:1px solid #48574a;background:#0c120d;cursor:pointer}
.finder-options label:has(input:checked){border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green),0 0 12px rgba(132,255,72,.12)}
.finder-options input{position:absolute;opacity:0;pointer-events:none}
.finder-options span{display:flex;height:100%;flex-direction:column;gap:4px}.finder-options strong{color:#fff;text-transform:uppercase}.finder-options label:has(input:checked) strong{color:var(--green)}
.finder-options small{color:var(--muted);font-size:.76rem;line-height:1.25}
.finder-number{display:flex;align-items:center;width:min(360px,100%);border:1px solid #58665a;background:#0c120d;color:var(--green);font-weight:900}
.finder-number input{min-width:0;flex:1;border:0;background:transparent;color:#fff;padding:13px;font:inherit;font-size:1.15rem}.finder-number>span{padding:0 13px}.finder-number.money>span{padding-left:13px;padding-right:0}
.finder-number input:focus{outline:none}.finder-number:focus-within{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.finder-nav{display:flex;justify-content:flex-end;gap:8px;padding-top:14px;border-top:1px solid #39483b}.finder-nav #finderBack{margin-right:auto;border-color:#667267;color:#d9ded7;background:transparent}
.finder-status{min-height:1.3em;margin:10px 0 0;color:#e8dd91;font-weight:800}
.finder-results{border-top:1px solid var(--line);padding:20px}.finder-results-head{display:flex;justify-content:space-between;gap:16px;align-items:end}.finder-results-head h3{margin:2px 0 0;color:#fff;font-family:var(--css-display-font,Impact,"Arial Black",sans-serif);font-size:clamp(2rem,5vw,3.8rem);line-height:.9;text-transform:uppercase}
.finder-result-note{max-width:840px;color:var(--muted);font-size:.84rem}.finder-result-list{display:grid;gap:10px;margin:14px 0}
.finder-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:15px;border:1px solid #4a584b;background:#0d130e}.finder-result.best{border-color:var(--green);box-shadow:inset 4px 0 0 var(--green)}
.finder-result-rank{color:var(--green);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.finder-result h4{margin:2px 0 8px;color:#fff;font-size:1.25rem}.finder-result ul{margin:7px 0 0;padding-left:19px;color:#dfe5dc}.finder-result li{margin:3px 0}.finder-result .tradeoffs{color:#e7d98a}.finder-result .verify{color:#aeb8ad}.finder-result-actions{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.finder-result-actions button{white-space:nowrap;font-size:.76rem}
.finder-empty{padding:18px;border:1px solid #665f42;background:#17150d;color:#efe4ac}
@media(max-width:850px){.finder-options{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-options.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-callout{grid-template-columns:1fr}.finder-callout button{width:100%}}
@media(max-width:620px){.buyer-finder{margin-top:20px}.finder-callout,.finder-form,.finder-results{padding:14px}.finder-step{min-height:0;padding:18px 0}.finder-options,.finder-options.compact{grid-template-columns:1fr 1fr}.finder-options label{min-height:78px;padding:10px}.finder-results-head,.finder-result{grid-template-columns:1fr}.finder-results-head{align-items:start}.finder-result-actions button{width:100%}.finder-nav{flex-wrap:wrap}.finder-nav button{flex:1}.finder-nav #finderBack{margin-right:0}.finder-question{font-size:clamp(1.6rem,10vw,2.6rem)}}
@media(max-width:390px){.finder-options,.finder-options.compact{grid-template-columns:1fr}}

/* One-page Buyer Finder: no wizard panels or variable-height Next transitions. */
.finder-form{scroll-margin-top:130px;counter-reset:finder-question}
.finder-form .finder-step{display:block;min-height:0;padding:19px 0 21px;border-top:1px solid #39483b;scroll-margin-top:130px;counter-increment:finder-question}
.finder-form .finder-step::before{content:"QUESTION " counter(finder-question) " / 7";display:block;margin:0 0 7px;color:var(--green);font-size:.72rem;font-weight:950;letter-spacing:.12em}
.finder-form .finder-question{font-size:clamp(1.4rem,3vw,2rem);line-height:1.12;margin-bottom:12px}
.finder-form .finder-nav{justify-content:flex-end;padding-top:18px}
.finder-form #finderRun{min-width:min(340px,100%);color:#081408;background:var(--green)}
.finder-form .finder-step.needs-answer{border-left:3px solid var(--warning);padding-left:12px}
.finder-form .finder-step.needs-answer .finder-question{color:var(--warning)}
.finder-form .finder-step.needs-answer .finder-question:focus{outline:none}
.buyer-finder[data-finder-state] .finder-callout{padding:14px 20px}
.buyer-finder[data-finder-state] .finder-callout h2{font-size:clamp(1.5rem,3vw,2rem)}
.buyer-finder[data-finder-state] .finder-callout p,
.buyer-finder[data-finder-state] .finder-callout button{display:none}
@media(max-width:850px){.finder-form,.finder-form .finder-step{scroll-margin-top:152px}}
@media(max-width:620px){.finder-form .finder-step{padding:16px 0 19px}.finder-form .finder-question{font-size:clamp(1.35rem,6.3vw,1.85rem)}.finder-form #finderRun{width:100%}.buyer-finder[data-finder-state] .finder-callout{padding:12px 14px}}

/* Unit switches belong only to questions with convertible measurements.
   Sticky positioning is bounded by each question section, not the full page. */
.finder-form .finder-step .finder-unit-bar{
  position:sticky;
  top:var(--finder-sticky-top,100px);
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:8px 10px;
  color:#e5f0e0;
  background:rgba(12,20,13,.98);
  border:1px solid #516352;
  box-shadow:0 3px 12px rgba(0,0,0,.34);
}
.finder-unit-bar>span{font-size:.76rem;letter-spacing:.05em;text-transform:uppercase;font-weight:900}
.finder-unit-bar .unit-toggle button{min-width:52px;min-height:40px}
@media(max-width:390px){.finder-form .finder-step .finder-unit-bar{gap:5px;padding:6px}.finder-unit-bar>span{font-size:.69rem}}

/* On narrow phones the sticky unit bars can cover the active answers.
   Keep the three synchronized switches at their question headings, in flow. */
@media(max-width:620px){
  .finder-form .finder-step .finder-unit-bar{
    position:static;
    top:auto;
  }
}

/* Published scooter photos in guided Finder results. No placeholder images. */
.finder-result-content{display:flex;gap:15px;align-items:flex-start;min-width:0}
.finder-result-content>div:last-child{min-width:0;flex:1}
.finder-result-image:empty{display:none}
.finder-result-image img{display:block;width:128px;max-height:128px;object-fit:contain}
@media(max-width:620px){.finder-result-image img{width:92px;max-height:92px}}