.finder-intro{padding-block:65px 45px;display:flex;justify-content:space-between;gap:35px;align-items:center}.finder-intro h1{font-size:clamp(44px,6.8vw,98px);margin-bottom:22px}.finder-intro .eyebrow{margin-bottom:20px}.finder-intro .lead{margin:0}.finder-edition{border-left:1px solid #ccc;padding:15px 0 15px 40px;display:flex;flex-direction:column;min-width:210px;font-size:12px;color:#666}.finder-edition strong{font-size:76px;font-weight:400;line-height:1.3;letter-spacing:-.07em;color:#111}.finder-status{display:flex;align-items:center;gap:14px;padding-block:20px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;margin-bottom:40px}.finder-status p{margin:0;font-size:12px;color:#555}.finder-beta{font-size:9px;letter-spacing:.12em;border:1px solid #aaa;border-radius:20px;padding:4px 10px;flex-shrink:0}.finder-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:45px;padding-bottom:100px}#finder-form fieldset{border:0;padding:0;margin:0;min-width:0}#finder-form legend{font-size:22px;letter-spacing:-.04em;margin-bottom:22px}#finder-form label{font-size:11px;margin-bottom:17px}#finder-form input,#finder-form select{font-size:12px;background:#fff;border-color:#d0d0d0;border-radius:8px;padding:12px;min-height:46px;margin-top:6px}#finder-form .button{width:100%;font-size:11px;gap:8px;margin-top:20px}.finder-help{font-size:11px;color:#666;line-height:1.7;margin:0 0 22px}.finder-refine{border-block:1px solid #ccc;padding-block:17px}.finder-refine summary{font-size:13px;cursor:pointer}.finder-refine>div{padding-top:22px}.finder-result-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:15px;min-height:35px}.finder-result-head h2{font-size:22px;letter-spacing:-.035em;margin:0}.finder-result-head a{font-size:11px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}#finder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.finder-card{background:#fff;border:1px solid #dedede;border-radius:14px;padding:25px;overflow-wrap:anywhere}.finder-card-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#686868;margin-bottom:26px}.finder-card h3{font-size:24px;line-height:1.25;letter-spacing:-.045em;margin-bottom:10px}.finder-resolution{color:#306cf6;font-size:11px;margin-bottom:23px}.finder-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:24px;margin-bottom:22px}.finder-tags span{background:#f1f1f1;padding:4px 9px;border-radius:30px;font-size:10px;color:#555}.finder-facts{display:flex;flex-wrap:wrap;gap:9px 16px;font-size:10px;color:#666;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.finder-facts b{font-weight:500;color:#111}.finder-card details{margin-top:16px;font-size:12px}.finder-card summary{cursor:pointer;font-size:11px}.finder-card dl{margin-block:20px}.finder-card dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid #eee;padding:9px 0;font-size:10px}.finder-card dt{color:#666}.finder-card dd{margin:0}.finder-card .button{font-size:10px;padding:11px 16px}.finder-active{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.finder-active:empty{display:none}.finder-active button{border:1px solid #cbd8f5;border-radius:30px;background:#eaf0ff;color:#244780;font-size:10px;padding:8px 12px;text-align:left}.finder-more{text-align:center;margin-top:30px}.finder-more p{font-size:11px;color:#666;margin-bottom:15px}#finder-empty{padding:50px 25px;border:1px solid #ddd;border-radius:14px;text-align:center;background:#fff}#finder-empty p,#finder-feedback{font-size:13px}.finder-promo{padding:35px 0 0;display:flex;justify-content:center}
@media(min-width:1500px){#finder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.finder-layout{gap:24px;grid-template-columns:225px minmax(0,1fr)}.finder-card{padding:20px}.finder-card h3{font-size:21px}.finder-result-head{align-items:start;flex-direction:column;gap:8px}.finder-edition{min-width:175px;padding-left:25px}}
@media(max-width:760px){.finder-intro{padding-block:40px 30px;align-items:start}.finder-intro h1{font-size:43px}.finder-intro .lead{font-size:13px}.finder-edition{display:none}.finder-status{align-items:start;margin-bottom:30px}.finder-status p{font-size:10px}.finder-layout{display:block;padding-bottom:65px}#finder-form fieldset{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#finder-form legend{font-size:20px}#finder-form label[for=finder-q],#finder-form .finder-help,.finder-refine,#finder-form .button{grid-column:1/-1}.finder-refine>div{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#finder-form .button{margin-bottom:35px;margin-top:20px;width:auto;justify-self:start}.finder-result-head{flex-direction:row;align-items:center}.finder-result-head h2{font-size:18px}.finder-result-head a{font-size:10px}#finder-grid{gap:14px}.finder-card{padding:18px}.finder-card h3{font-size:22px}.finder-card-top{margin-bottom:20px}.finder-tags{min-height:0}.finder-card dl>div{font-size:11px}}
@media(max-width:520px){#finder-grid{grid-template-columns:1fr}.finder-result-head{flex-direction:column;align-items:start;gap:10px}.finder-card-top{margin-bottom:18px}.finder-card h3{font-size:26px}}

.finder-product-image{position:relative;background:#f3f3f3;border-radius:9px;margin-bottom:22px;overflow:hidden}.finder-product-image img{width:100%;height:190px;object-fit:contain;padding:10px 18px 25px}.finder-product-image span{position:absolute;bottom:8px;left:12px;color:#777;font-size:8px;letter-spacing:.02em}@media(max-width:520px){.finder-product-image img{height:220px}}

.finder-product-image{background:#f3f3f3 url(/assets/pan-triangle-background.svg) center/100% 100% no-repeat}.finder-product-image img{position:relative;z-index:1;filter:drop-shadow(7px 9px 5px #0002)}.finder-product-image span{z-index:2;color:#333;background:#ffffffd9;border-radius:4px;padding:2px 5px}

/* Room Selector: a compact visual entry using the shared finder. */
.room-selector{padding-bottom:24px}.room-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.room-options button{font:inherit;cursor:pointer;padding:0;border:2px solid transparent;background:#f5f5f5;color:#0b0b0b;border-radius:16px;overflow:hidden;text-align:left;transition:border-color .2s,box-shadow .2s}.room-options img{display:block;width:100%;height:auto;aspect-ratio:26/17;background:#306cf6}.room-label{display:flex;align-items:center;gap:10px;padding:14px}.room-label strong{font-size:24px;letter-spacing:-.04em;font-weight:500}.room-label>span{font-size:11px}.room-check{margin-left:auto;visibility:hidden}.room-options button:hover{border-color:#306cf6}.room-options button[aria-pressed="true"]{border-color:#306cf6;box-shadow:0 0 0 2px #306cf6}.room-options button[aria-pressed="true"] .room-label{background:#306cf6;color:white}.room-options button[aria-pressed="true"] .room-check{visibility:visible}.room-options button:focus-visible{outline:3px solid #0b0b0b;outline-offset:4px}.room-options button:disabled{opacity:.5;cursor:wait}.room-layout{display:block;padding-bottom:64px}.room-refine{border-block:1px solid #ddd;padding:16px 0;margin-bottom:30px}.room-refine>summary{font-size:13px;cursor:pointer;width:fit-content}.room-refine form{padding-top:22px}.room-refine fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.room-refine .finder-refine,.room-refine .finder-help{grid-column:1/-1}.room-refine .finder-refine>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.room-refine #finder-form .button{width:fit-content}.room-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.finder-intro:has(+ .room-selector){padding-block:42px 28px}.finder-intro:has(+ .room-selector) h1{font-size:clamp(40px,5vw,70px);margin-bottom:12px}.finder-intro:has(+ .room-selector) .eyebrow{display:none}.finder-intro:has(+ .room-selector) .lead{font-size:clamp(15px,1.8vw,20px)}
@media(max-width:800px){.room-options{gap:8px}.room-label{padding:10px;gap:6px}.room-label>span:not(.room-check){display:none}.room-refine fieldset,.room-refine .finder-refine>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.room-options{grid-template-columns:repeat(2,minmax(0,1fr))}.room-options button:last-child{grid-column:auto}.room-label>span:not(.room-check){display:block}.room-refine fieldset,.room-refine .finder-refine>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.room-options button{transition:none}}

/* 0.1.10: four model cards per row on desktop in both selectors. */
@media(min-width:1100px){#finder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.finder-layout:not(.room-layout){grid-template-columns:210px minmax(0,1fr);gap:26px}.finder-card{padding:18px}.finder-card h3{font-size:21px}.finder-card-top{font-size:9px;gap:6px;margin-bottom:18px}.finder-product-image img{height:180px}.finder-card .model-link{display:flex;white-space:normal;line-height:1.5}.finder-card .finder-help{font-size:10px}.finder-result-head h2{font-size:21px}}

/* Pan corner language across selector and result tiles. */
.room-options button{border-radius:8px}.finder-card{border-radius:8px}

/* 0.1.19: independent filter fields above the product grid. */
.finder-layout.finder-top-layout{display:block}.finder-top-layout .finder-results{width:100%}
.finder-top-layout #finder-form.finder-filter-panel{background:transparent;color:#0b0b0b;border-radius:0;padding:0;margin-bottom:36px;font-family:Sora,Arial,sans-serif}
.finder-filter-panel fieldset{display:block!important}.finder-top-layout #finder-form legend{font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.04em;margin-bottom:28px;line-height:1.2;color:#0b0b0b;float:left;width:100%}
.finder-primary-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px;clear:both}.finder-top-layout #finder-form label{font-size:12px;font-weight:600;line-height:1.6;margin:0;min-width:0;display:block}
.finder-top-layout #finder-form input,.finder-top-layout #finder-form select{font-family:Sora,Arial,sans-serif;font-size:13px;font-weight:400;background:#fff;color:#0b0b0b;border:1px solid #c8c8c8;border-radius:8px;padding:13px 14px;min-height:50px;margin-top:9px;width:100%;max-width:100%}
.finder-top-layout #finder-form input::placeholder{color:#69717d;opacity:1}.finder-top-layout #finder-form .finder-help{color:#666;font-size:11px;line-height:1.7;margin:20px 0}
.finder-top-layout .finder-refine{border-color:#d0d0d0;padding-block:18px}.finder-top-layout .finder-refine summary{font-size:13px;font-weight:500;color:#0b0b0b}
.finder-top-layout .finder-refine>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-top:22px}
.finder-top-layout #finder-form .button{width:auto;display:inline-flex;color:#0b0b0b;border:1px solid #bbb;background:transparent;padding:11px 18px;font-size:12px;margin:22px 0 0;min-height:44px}
.finder-top-layout #finder-form .button:hover{background:#e8e8e8;color:#0b0b0b}.finder-top-layout #finder-form :is(input,select,summary,button):focus-visible{outline:3px solid #306cf6;outline-offset:4px}
.finder-top-layout .finder-result-head h2{font-weight:600}.finder-top-layout .finder-active button{background:#306cf6;color:#fff;border-color:#306cf6;font-weight:500}
@media(max-width:900px){.finder-primary-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-top-layout .finder-refine>div{grid-template-columns:repeat(2,minmax(0,1fr))}.finder-top-layout #finder-form.finder-filter-panel{padding:0}}
@media(max-width:520px){.finder-top-layout #finder-form.finder-filter-panel{padding:0;margin-bottom:28px}.finder-primary-fields,.finder-top-layout .finder-refine>div{grid-template-columns:1fr;gap:18px}.finder-top-layout #finder-form legend{font-size:26px;margin-bottom:24px}.finder-top-layout #finder-form .button{font-size:11px}}
/* A mix of room tiles, use-case choices, input chips and a separate Outdoor switch. */
.finder-top-layout .finder-primary-fields{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}.finder-primary-fields>label{grid-column:span 2}.finder-choice-roomSize{grid-column:1/-1}.finder-choice-contentType,.finder-choice-inputType{grid-column:span 3}.finder-choice-list{display:none}.has-choice-filters [data-choice-native]{display:none}.has-choice-filters .finder-choice-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:9px}.has-choice-filters .finder-choice-roomSize .finder-choice-list{grid-template-columns:repeat(6,minmax(0,1fr))}#finder-form .finder-choice-list button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:76px;padding:12px 8px;border:1px solid #c9d8ff;border-radius:8px;color:#244b9a;background:#edf2ff;font-size:12px;line-height:1.3;cursor:pointer}#finder-form .finder-choice-list button[aria-pressed=true]{color:#fff;background:#306cf6;border-color:#306cf6}#finder-form .finder-choice-roomSize button{background:#306cf6;color:#fff;border-color:#306cf6;min-height:105px}#finder-form .finder-choice-roomSize button[aria-pressed=true]{background:#174abf;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #306cf6}#finder-form .finder-choice-list img{width:64px;height:42px;object-fit:contain}#finder-form .finder-choice-list .feature-icon{width:28px;height:28px;flex:none;stroke-width:1.5}.finder-choice-roomSize .finder-choice-list .feature-icon{height:42px!important;width:42px!important}.finder-choice-roomSize button>span{font-size:17px;font-weight:500}#finder-form .finder-choice-inputType button{min-height:76px;background:#fff;color:#222;border-color:#d0d0d0}#finder-form .finder-choice-inputType button[aria-pressed=true]{background:#306cf6;color:#fff;border-color:#306cf6}.finder-outdoor-switch{margin-top:24px}.finder-outdoor-switch>button{display:none}.has-choice-filters .finder-outdoor-switch>label{display:none}#finder-form.has-choice-filters #finder-outdoor-toggle{display:inline-flex;align-items:center;gap:12px;background:transparent;border:0;padding:0;min-height:44px;font-size:13px;color:#111}.finder-switch-track{display:block;width:46px;height:27px;position:relative;border-radius:30px;background:#bfc3ca;flex:none;transition:background .18s}.finder-switch-track>span{position:absolute;left:3px;top:3px;width:21px;height:21px;background:#fff;border-radius:50%;transition:transform .18s}#finder-outdoor-toggle[aria-checked=true] .finder-switch-track{background:#306cf6}#finder-outdoor-toggle[aria-checked=true] .finder-switch-track>span{transform:translateX(19px)}
@media(max-width:900px){.finder-top-layout .finder-primary-fields{gap:20px 16px}.finder-primary-fields>label{grid-column:span 3}.finder-primary-fields>label[for=finder-q]{grid-column:1/-1}.finder-choice-contentType,.finder-choice-inputType{grid-column:1/-1}}
@media(max-width:520px){.finder-top-layout .finder-primary-fields{gap:24px 14px}.has-choice-filters .finder-choice-roomSize .finder-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.has-choice-filters .finder-choice-list{grid-template-columns:repeat(3,minmax(0,1fr))}#finder-form .finder-choice-roomSize button{min-height:98px}#finder-form .finder-choice-list button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.finder-switch-track,.finder-switch-track>span{transition:none}}
.finder-field-note{font-size:10px;line-height:1.6;color:#666;margin:9px 0 0}

.finder-title-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.finder-title-row h1{margin:0}.finder-title-status{display:flex;align-items:center;gap:9px;color:#666;font-size:10px;white-space:nowrap}.finder-title-status .finder-beta{color:#306cf6;border-color:#306cf6}.finder-intro:has(.finder-title-row){padding-block:50px 35px}.finder-intro:has(.finder-title-row) .eyebrow{margin-bottom:15px}@media(max-width:760px){.finder-title-row{gap:12px}.finder-title-status{font-size:9px}.finder-intro:has(.finder-title-row){padding-block:30px}}

#finder-form legend.room-sr-only{left:0;top:0}

/* Series / driver / search, then usage / input, room size, room context. */
.finder-primary-fields>label[for=finder-roomTypes],.finder-primary-fields>label[for=finder-roomCharacter]{grid-column:span 3}
@media(max-width:900px){.finder-primary-fields>label[for=finder-q]{grid-column:1/-1}}
@media(max-width:520px){.finder-primary-fields>label{grid-column:1/-1}}
