.flowt-finder{--ink:#06141b;--accent:#0b8190;min-height:var(--flowt-min-height,720px);background:#f8faf9;color:var(--ink);display:grid;grid-template-columns:0 1fr;overflow:hidden;font-family:inherit}.flowt-finder.has-image{grid-template-columns:minmax(280px,38%) 1fr}.flowt-finder__visual{background-size:cover;background-position:center;min-height:var(--flowt-min-height,720px);transition:.5s}.flowt-finder__panel{padding:38px clamp(28px,6vw,90px);display:flex;flex-direction:column}.flowt-progress{height:28px;border-top:2px solid #dbe1e1;position:relative}.flowt-progress span{position:absolute;top:-2px;left:0;height:2px;background:var(--accent);transition:.35s}.flowt-progress small{position:absolute;right:0;top:8px}.flowt-slide{max-width:850px;margin:auto 0;width:100%}.flowt-enter{animation:flowtIn .35s ease both}@keyframes flowtIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}.flowt-copy em,.flowt-result em{font-style:normal;letter-spacing:.16em;font-size:12px;color:var(--accent);font-weight:700}.flowt-copy h2{font-size:clamp(38px,5vw,72px);line-height:.98;margin:14px 0 20px;max-width:780px}.flowt-copy p{font-size:18px;max-width:580px}.flowt-primary,.flowt-result a{background:var(--ink);color:#fff!important;border:0;border-radius:999px;padding:15px 25px;text-decoration:none;font-weight:700;cursor:pointer}.flowt-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0}.flowt-choice{background:#fff;border:1px solid #d9e0e0;border-radius:12px;padding:18px;text-align:left;cursor:pointer;min-height:76px}.flowt-choice b,.flowt-choice small{display:block}.flowt-choice small{opacity:.65;margin-top:4px}.flowt-choice.is-selected,.flowt-choice:hover{border-color:var(--accent);background:#effafb}.flowt-slide h3{margin-top:34px}.flowt-slide nav{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.flowt-slide nav>button:not(.flowt-primary),.flowt-link{border:0;background:none;cursor:pointer}.flowt-fields{display:grid;gap:22px;margin:35px 0}.flowt-fields label{font-weight:700}.flowt-fields span{display:flex;background:#fff;border:1px solid #d9e0e0;border-radius:10px;margin-top:8px;padding:14px;align-items:center}.flowt-fields input{font-size:28px;width:100%;border:0!important;background:transparent!important;box-shadow:none!important}.flowt-results{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin:25px 0}.flowt-result{background:#fff;border:1px solid #e0e5e5;border-radius:14px;overflow:hidden}.flowt-result__img{height:220px;background-size:contain;background-position:center;background-repeat:no-repeat}.flowt-result>div:last-child{padding:18px}.flowt-result h3{margin:7px 0 10px}.flowt-result a{display:inline-block;margin-top:16px;padding:10px 16px}.flowt-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.flowt-specs>div{border-top:1px solid #ddd;padding-top:12px}.flowt-specs span,.flowt-specs strong{display:block}.flowt-specs span{text-transform:uppercase;font-size:11px;letter-spacing:.12em;opacity:.6}.flowt-specs strong{margin-top:5px}.flowt-specs__sizing strong{font-size:14px}@media(max-width:760px){.flowt-finder,.flowt-finder.has-image{grid-template-columns:1fr;min-height:100svh}.flowt-finder__visual{min-height:28svh}.flowt-finder__panel{padding:22px}.flowt-copy h2{font-size:42px}.flowt-choices{grid-template-columns:1fr}.flowt-results{grid-template-columns:1fr}.flowt-specs{grid-template-columns:1fr}}

.flowt-finder{min-height:var(--flowt-min-height,720px)}
.flowt-unit-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.flowt-unit-toggle{display:inline-flex;padding:3px;background:#e9eeee;border-radius:999px}.flowt-unit-toggle button{border:0;background:transparent;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer}.flowt-unit-toggle button.is-active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12)}.flowt-fields i{font-style:normal;font-weight:700;opacity:.65}.flowt-conversion{display:block;margin-top:6px;font-weight:500;opacity:.65}.flowt-imperial-height{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.flowt-finder--server .flowt-slide{opacity:1;visibility:visible}.flowt-finder--server .flowt-progress span{width:0}.flowt-finder--server .flowt-primary{display:inline-block;margin-top:22px}
.flowt-back{display:inline-flex!important;align-items:center;align-self:flex-start;border:1px solid #cbd5d5!important;background:#fff!important;color:var(--ink)!important;border-radius:999px!important;padding:9px 15px!important;margin:0 0 22px!important;font-weight:700!important;cursor:pointer!important;opacity:1!important;visibility:visible!important}.flowt-debug-score{margin:12px 0;padding:10px;background:#f2f5f5;border-radius:8px;font-size:12px}.flowt-debug-score strong,.flowt-debug-score small{display:block}.flowt-debug-score small{margin-top:4px;line-height:1.45;opacity:.7}

/* v0.8.3 stable navigation + desktop sizing */
.flowt-finder__toolbar{min-height:48px;display:flex;align-items:flex-start}.flowt-back-shell[hidden]{display:none!important}.flowt-back-shell{position:relative;z-index:5}.flowt-size-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.flowt-size-grid .flowt-size-col{min-width:0}.flowt-size-grid .flowt-unit-head{margin-bottom:8px}.flowt-size-grid .flowt-fields{margin:0}.flowt-size-grid input{font-size:22px}.flowt-size-grid .flowt-unit-toggle button{font-size:11px;padding:5px 8px}
@media(max-width:760px){.flowt-size-grid{grid-template-columns:1fr}.flowt-finder__toolbar{min-height:42px}}

@media(min-width:761px){.flowt-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;row-gap:8px}.flowt-fields>.flowt-unit-head:nth-child(1){grid-column:1;grid-row:1}.flowt-fields>label:nth-child(2){grid-column:1;grid-row:2}.flowt-fields>.flowt-unit-head:nth-child(3){grid-column:2;grid-row:1}.flowt-fields>label:nth-child(4),.flowt-fields>.flowt-imperial-height:nth-child(4){grid-column:2;grid-row:2}.flowt-fields>.flowt-conversion:nth-child(5){grid-column:2;grid-row:3}.flowt-fields input{font-size:22px}.flowt-fields .flowt-unit-toggle button{font-size:11px}}
.flowt-finder-data{display:none!important}.flowt-finder__toolbar{min-height:38px;display:flex;align-items:center}.flowt-back-shell{appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;padding:7px 0;cursor:pointer}.flowt-back-shell:not([hidden]){display:inline-flex!important}.flowt-debug-empty{margin-top:18px;padding:12px;border:1px solid #d9e0e0;background:#fff;font-size:13px}.flowt-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px}.flowt-fields>nav{grid-column:1/-1}.flowt-unit-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.flowt-unit-toggle{display:flex;gap:3px}.flowt-unit-toggle button{font-size:11px;padding:4px 7px;border:1px solid #d9e0e0;background:#fff;cursor:pointer}.flowt-unit-toggle button.is-active{border-color:var(--accent);font-weight:700}.flowt-fields input{font-size:22px}.flowt-conversion{display:block;margin-top:5px;font-size:12px;opacity:.65}.flowt-imperial-height{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:760px){.flowt-fields{grid-template-columns:1fr}.flowt-fields>nav{grid-column:auto}}

/* v0.8.5 result-card consistency */
.flowt-results{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.flowt-result{display:flex;flex-direction:column;min-width:0;height:100%}
.flowt-result__img{width:100%;aspect-ratio:4/3;height:auto;flex:0 0 auto}
.flowt-result>div:last-child{display:flex;flex-direction:column;flex:1;min-width:0}
.flowt-result h3{overflow-wrap:anywhere}
.flowt-result a{display:flex;width:100%;box-sizing:border-box;justify-content:center;align-items:center;margin-top:auto;text-align:center}
@media(max-width:980px){.flowt-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.flowt-results{grid-template-columns:1fr}}

/* Fixed four-column recommendation grid */
.flowt-results{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));}
@media(min-width:1180px){.flowt-results:has(>.flowt-result:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}}

/* v0.8.8.2 fixed four-slot desktop results grid */
.flowt-slide.flowt-results-view{max-width:none}
.flowt-results{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
@media(max-width:980px){.flowt-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.flowt-results{grid-template-columns:1fr}}

/* v0.10.4 progressive result disclosure */
.flowt-show-more-wrap{display:flex;justify-content:center;margin:8px 0 28px}
.flowt-show-more{appearance:none;border:1px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer}
.flowt-show-more:hover{background:var(--ink);color:#fff}
.flowt-show-more[hidden]{display:none!important}
/* v0.10.8 configurable appearance */
.flowt-finder__panel{padding-left:clamp(22px,var(--flowt-panel-pad,56px),100px);padding-right:clamp(22px,var(--flowt-panel-pad,56px),100px)}
.flowt-copy h2{font-size:clamp(38px,5vw,var(--flowt-heading-size,72px))}
.flowt-copy p{font-size:var(--flowt-text-size,18px)}
.flowt-choice{font-size:var(--flowt-choice-size,16px);border-radius:var(--flowt-radius,12px)}
.flowt-primary,.flowt-result a,.flowt-show-more{font-size:var(--flowt-button-size,16px)}
.flowt-result{border-radius:var(--flowt-radius,12px)}
@media(max-width:760px){.flowt-finder__panel{padding-left:22px;padding-right:22px}.flowt-copy h2{font-size:min(42px,var(--flowt-heading-size,72px))}}

/* v0.10.10 surf specs — inherits theme typography and colours */
.flowt-specs{display:block;width:100%;margin:clamp(24px,4vw,48px) 0;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}
.flowt-specs *{box-sizing:border-box}
.flowt-specs__dimensions{display:grid;grid-template-columns:repeat(var(--flowt-spec-columns,4),minmax(0,1fr));border-block:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.flowt-specs__dimension{min-width:0;padding:clamp(18px,2.5vw,30px) clamp(10px,2vw,24px);text-align:center}
.flowt-specs__dimension+.flowt-specs__dimension{border-inline-start:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.flowt-specs__dimension strong{display:block;margin:0;font:inherit;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:600;line-height:1.05;letter-spacing:-.025em;color:inherit}
.flowt-specs__dimension span,.flowt-specs__eyebrow{display:block;margin-top:8px;font:inherit;font-size:.7rem;font-weight:500;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;opacity:.58;color:inherit}
.flowt-specs__details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.flowt-specs__group{min-width:0;padding:clamp(22px,3vw,34px) clamp(14px,2.5vw,30px);text-align:left}
.flowt-specs__group+.flowt-specs__group{border-inline-start:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.flowt-specs__group .flowt-specs__eyebrow{margin:0 0 16px}
.flowt-specs__block+.flowt-specs__block{margin-top:28px}
.flowt-specs__value{display:block;margin:0;font:inherit;font-size:clamp(1rem,1.45vw,1.2rem);font-weight:600;line-height:1.35;color:inherit}
.flowt-specs dl,.flowt-specs dl div,.flowt-specs dt,.flowt-specs dd{margin:0;padding:0}
.flowt-specs dl{display:grid;gap:16px}
.flowt-specs dt{margin-bottom:3px;font:inherit;font-size:.72rem;font-weight:500;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;opacity:.55;color:inherit}
.flowt-specs dd{font:inherit;font-size:1rem;font-weight:600;line-height:1.4;color:inherit;overflow-wrap:anywhere}
.flowt-specs--compact .flowt-specs__dimension{padding-block:16px}.flowt-specs--compact .flowt-specs__group{padding-block:18px}
@media(max-width:800px){.flowt-specs__dimensions{grid-template-columns:repeat(2,minmax(0,1fr))}.flowt-specs__dimension:nth-child(2n+1):not(:first-child){border-inline-start:0}.flowt-specs__dimension:nth-child(n+3){border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}.flowt-specs__details{grid-template-columns:1fr}.flowt-specs__group+.flowt-specs__group{border-inline-start:0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent)}}
@media(max-width:420px){.flowt-specs__dimension{padding-inline:8px}.flowt-specs__group{padding-inline:8px}}
