/* LHS technical collection filters + sort — 2026-07-18 */
.lhs-technical-tools{
  max-width:1420px;
  margin:20px auto 46px;
  padding:26px;
  border:1px solid rgba(139,103,55,.18);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,243,235,.92));
  box-shadow:0 18px 48px rgba(47,33,18,.08);
}
.lhs-technical-tools-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(139,103,55,.13);
}
.lhs-technical-tools-head>div{min-width:0}
.lhs-technical-tools-head p{
  margin:0 0 7px;
  color:#a47b40;
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
}
.lhs-technical-tools-head h3{
  margin:0;
  color:#1a1510;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(25px,2.5vw,35px);
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.025em;
}
.lhs-technical-tools-head span{
  display:block;
  max-width:700px;
  margin-top:8px;
  color:#6d6256;
  font-size:13px;
  line-height:1.55;
}
.lhs-technical-reset{
  flex:0 0 auto;
  min-height:42px;
  padding:0 17px;
  border:1px solid rgba(123,91,47,.28);
  border-radius:999px;
  background:rgba(255,255,255,.6);
  color:#74572e;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  opacity:.52;
  transition:opacity .25s ease,background .25s ease,color .25s ease,transform .25s ease;
}
.lhs-technical-reset.is-needed{opacity:1}
.lhs-technical-reset:hover{background:#1a1510;color:#f1d39e;transform:translateY(-2px)}
.lhs-technical-focus{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  padding:20px 0 17px;
}
.lhs-technical-chip{
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(98,74,42,.18);
  border-radius:999px;
  background:#fff;
  color:#55483a;
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  box-shadow:0 6px 18px rgba(40,29,18,.04);
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.lhs-technical-chip:hover{transform:translateY(-2px);border-color:rgba(164,123,64,.52)}
.lhs-technical-chip.is-active{
  border-color:#1b1510;
  background:#1b1510;
  color:#ebc986;
  box-shadow:0 10px 24px rgba(35,24,14,.16);
}
.lhs-technical-selects{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.lhs-technical-selects label{display:grid;gap:7px;min-width:0}
.lhs-technical-selects label>span{
  color:#8d6c3d;
  font-size:9px;
  font-weight:700;
  letter-spacing:.17em;
}
.lhs-technical-selects select{
  width:100%;
  min-height:50px;
  padding:0 42px 0 15px;
  border:1px solid rgba(98,74,42,.2);
  border-radius:10px;
  background-color:rgba(255,255,255,.9);
  color:#2a2118;
  font:600 13px/1.2 Arial,sans-serif;
  outline:none;
  transition:border-color .25s ease,box-shadow .25s ease;
}
.lhs-technical-selects select:focus{
  border-color:rgba(164,123,64,.7);
  box-shadow:0 0 0 3px rgba(164,123,64,.12);
}
.lhs-technical-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(139,103,55,.12);
  color:#726657;
  font-size:12px;
}
.lhs-technical-status a{
  color:#9a7137;
  font-size:10px;
  font-weight:700;
  letter-spacing:.09em;
  text-decoration:none;
}
.lhs-technical-status a:hover{text-decoration:underline}
.lhs-technical-empty{
  margin-top:18px;
  padding:22px;
  border:1px dashed rgba(150,109,53,.35);
  border-radius:12px;
  background:rgba(255,250,241,.82);
  text-align:center;
}
.lhs-technical-empty strong,.lhs-technical-empty span{display:block}
.lhs-technical-empty strong{color:#33271b;font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400}
.lhs-technical-empty span{margin-top:6px;color:#75695b;font-size:13px}
.lhs-lace-option-card-linked[hidden]{display:none!important}
html[dir="rtl"] .lhs-technical-tools{text-align:right}
html[dir="rtl"] .lhs-technical-selects select{padding-right:15px;padding-left:42px}

@media(max-width:820px){
  .lhs-technical-tools{margin:14px 18px 34px;padding:20px;border-radius:15px}
  .lhs-technical-tools-head{gap:15px}
  .lhs-technical-selects{grid-template-columns:1fr}
  .lhs-technical-status{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .lhs-technical-tools{margin-inline:12px;padding:17px 14px}
  .lhs-technical-tools-head{display:grid}
  .lhs-technical-reset{justify-self:start}
  .lhs-technical-focus{
    flex-wrap:nowrap;
    margin-inline:-14px;
    padding-inline:14px;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .lhs-technical-focus::-webkit-scrollbar{display:none}
  .lhs-technical-chip{flex:0 0 auto;min-height:42px}
  .lhs-technical-selects select{min-height:48px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .lhs-technical-reset,.lhs-technical-chip,.lhs-technical-selects select{transition:none!important}
}
