.ht-finder-wrap{background:#F5F3EE;padding:55px 0 60px;border-bottom:1px solid #D9D6CF;color:#2B2F33}
.ht-finder-full{background:#fff}
.ht-finder-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:23px}
.ht-finder-eyebrow{font-size:11px;font-weight:800;color:#D77A2D;letter-spacing:.15em}
.ht-finder-head h2{font-size:clamp(27px,3vw,40px);font-style:normal;color:#1F3A4A;margin:9px 0 0;letter-spacing:-.04em}
.ht-finder-head>p{font-size:13px;color:#4E6470;line-height:1.7;max-width:440px;margin:0}
.ht-finder-form{background:#fff;border:1px solid #D9D6CF;padding:24px}
.ht-finder-full .ht-finder-form{background:#F5F3EE}
.ht-finder-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ht-finder-full .ht-finder-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.ht-finder-field{display:block;min-width:0;font-size:12px;font-weight:700;color:#1F3A4A}
.ht-finder-field>span{display:block;margin-bottom:8px}
.ht-finder-field select{height:47px;display:block;width:100%;border:1px solid #D9D6CF;border-radius:0;background:#fff;color:#2B2F33;padding:0 11px;font:inherit;font-weight:400}
.ht-finder-controls{display:flex;gap:10px;margin-top:18px}
.ht-finder-controls button{border:1px solid #D77A2D;background:#D77A2D;color:white;padding:13px 26px;cursor:pointer;font-size:12px;font-weight:800;letter-spacing:.06em}
.ht-finder-controls button+button{background:transparent;color:#1F3A4A;border-color:#D9D6CF}
.ht-finder-help{font-size:11px;line-height:1.6;color:#64717b;margin:15px 0 0}
.ht-finder-results{margin-top:22px}
.ht-result-count{font-size:12px;color:#4E6470;margin:0 0 14px}
.ht-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ht-result-card{display:grid;grid-template-columns:43% 57%;background:#fff;color:#1F3A4A;border:1px solid #D9D6CF;min-height:175px}
.ht-result-card img{width:100%;height:100%;max-height:220px;object-fit:contain;background:#fff}
.ht-result-card>div{padding:20px 18px}
.ht-result-card span{font-size:10px;color:#D77A2D;font-weight:700;letter-spacing:.12em}
.ht-result-card h3{font-size:19px;margin:10px 0;color:#1F3A4A}
.ht-result-card p{font-size:12px;color:#4E6470;line-height:1.6}
.ht-result-card strong{font-size:10px;color:#D77A2D}
.ht-result-note{background:#fff;padding:24px;border:1px solid #D9D6CF}
.ht-result-note strong{font-size:18px;color:#1F3A4A}
.ht-result-note p{font-size:13px;color:#4E6470;line-height:1.7}
.ht-result-note a{font-size:12px;font-weight:700;color:#D77A2D}
@media(max-width:850px){.ht-finder-fields,.ht-finder-full .ht-finder-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-result-grid{grid-template-columns:1fr}}
@media(max-width:600px){.ht-finder-head{display:block}.ht-finder-head>p{margin-top:14px}.ht-finder-wrap{padding:45px 0}.ht-finder-form{padding:16px}.ht-finder-fields,.ht-finder-full .ht-finder-fields{grid-template-columns:1fr}.ht-result-card{grid-template-columns:1fr}.ht-result-card img{height:180px}.ht-finder-controls button{flex:1;padding:13px 6px}}
/* Architectural filter cards — typography and brand palette unchanged */
.ht-finder-wrap{background:#fff!important;padding:56px 0 62px}
.ht-finder-full{background:#F5F3EE!important}
.ht-finder-head{margin-bottom:27px}
.ht-finder-form,.ht-finder-full .ht-finder-form{background:#fff!important;border:1px solid #D9D6CF;padding:27px 28px;box-shadow:0 12px 40px rgba(31,58,74,.055)}
.ht-finder-fields{gap:15px!important}
.ht-finder-field{position:relative;display:grid;grid-template-columns:33px minmax(0,1fr);grid-template-rows:18px 31px;align-items:center;column-gap:12px;min-height:78px;background:#fff;border:1px solid #D9D6CF;padding:14px 14px 12px;transition:border-color .15s,box-shadow .15s}
.ht-finder-field:hover,.ht-finder-field:focus-within{border-color:#4E6470;box-shadow:0 2px 12px rgba(31,58,74,.06)}
.ht-finder-field .ht-field-icon{grid-column:1;grid-row:1/3;width:27px;height:27px;color:#1F3A4A;align-self:center;justify-self:center}
.ht-finder-field>span{grid-column:2;grid-row:1;color:#4E6470;font-size:11px;letter-spacing:.02em;font-weight:600;margin:0!important}
.ht-finder-field select{grid-column:2;grid-row:2;height:31px!important;line-height:31px!important;padding:0 28px 0 0!important;border:0!important;outline:none;background-color:transparent!important;font-size:15px!important;font-weight:600!important;color:#1F3A4A!important;min-width:0}
.ht-finder-field:focus-within{outline:2px solid rgba(215,122,45,.18);outline-offset:1px}
.ht-finder-controls{margin-top:23px;align-items:center}
.ht-finder-controls button{min-height:46px;border-radius:2px!important;padding:14px 29px;background:#D77A2D}
.ht-finder-controls button:first-child:hover{background:#ba6222}
.ht-finder-controls button+button{background:#fff;color:#4E6470}
.ht-finder-help{margin-top:19px}
@media(max-width:600px){.ht-finder-form,.ht-finder-full .ht-finder-form{padding:15px}.ht-finder-field{min-height:72px;padding:11px 13px}.ht-finder-fields{gap:10px!important}.ht-finder-controls{gap:8px}.ht-finder-controls button{font-size:10px;padding:10px}}

/* Reference-inspired compact inline six-field search — absolute icon size safeguard */
.ht-finder-wrap{padding:38px 0 48px!important;background:#fff!important}
.ht-finder-full{background:#F5F3EE!important}
.ht-finder-form,.ht-finder-full .ht-finder-form{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important}
.ht-finder-fields,.ht-finder-full .ht-finder-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 18px!important}
.ht-finder-field{height:55px!important;min-height:55px!important;display:flex!important;position:relative!important;align-items:center!important;gap:9px!important;background:#F5F6F7!important;border:1px solid #E2E2DF!important;padding:0 13px!important;box-shadow:none!important;outline:none!important}
.ht-finder-field svg.ht-field-icon,.ht-finder-field .ht-field-icon{display:block!important;flex:0 0 16px!important;width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important;position:static!important;grid-area:auto!important;color:#4E6470!important;margin:0!important;overflow:visible!important}
.ht-finder-field .ht-field-name{flex:0 0 auto!important;display:inline!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;margin:0!important;color:#1F3A4A!important;letter-spacing:0!important}
.ht-finder-field select{flex:1 1 auto!important;display:block!important;width:1px!important;min-width:0!important;height:52px!important;line-height:normal!important;border:0!important;background:transparent!important;padding:0 22px 0 4px!important;font-size:13px!important;font-weight:400!important;color:#2B2F33!important;outline:none!important;grid-area:auto!important}
.ht-finder-range{gap:9px!important}
.ht-finder-range .ht-size-value{font-size:12px;color:#4E6470;white-space:nowrap;order:3}
.ht-finder-range input[type=range]{width:100%;min-width:30px;flex:1;accent-color:#D77A2D;order:2}
.ht-finder-range .ht-size-hint{display:none}
.ht-finder-controls{margin-top:14px!important}
.ht-finder-controls button{min-height:44px!important;padding:10px 30px!important;border-radius:2px!important}
.ht-finder-help{font-size:11px!important;margin-top:10px!important}
@media(max-width:850px){.ht-finder-fields,.ht-finder-full .ht-finder-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.ht-finder-fields,.ht-finder-full .ht-finder-fields{grid-template-columns:1fr!important}.ht-finder-head{display:block}.ht-finder-field{height:52px!important;min-height:52px!important}}

/* Finder legibility refinement: preserve compact reference layout */
.ht-finder-field{height:58px!important;min-height:58px!important}
.ht-finder-field svg.ht-field-icon,.ht-finder-field .ht-field-icon{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;flex-basis:20px!important}
.ht-finder-field .ht-field-name{font-size:14px!important}
.ht-finder-field select{font-size:14px!important;height:55px!important}
.ht-finder-range .ht-size-value{font-size:14px!important}
.ht-finder-controls button{font-size:13px!important}
@media(max-width:520px){.ht-finder-field{height:56px!important;min-height:56px!important}}
