.industrial-search{position:relative;z-index:5;width:min(78rem,100%);margin:0 auto 3.2rem;padding:0;color:var(--color-text);}
.industrial-search label{display:block;margin-bottom:.5rem;font-size:1.8rem;font-weight:700;text-align:center;}
.industrial-search-help{margin:0 0 1.3rem;font-size:1.4rem;line-height:1.5;text-align:center;}
.industrial-search-fields{position:relative;display:flex;align-items:stretch;border:1px solid var(--color-border);border-radius:3rem;background:var(--bgc-card);}
.industrial-search-fields:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);}
.industrial-search input{flex:1;min-width:0;min-height:5rem;width:100%;padding:1.2rem 5rem 1.2rem 2rem;border:0;border-radius:0;background:transparent;color:var(--color-text);font:inherit;font-size:1.6rem;outline:none;}
.industrial-search input::-webkit-search-cancel-button{display:none;}
.industrial-search input::placeholder{color:var(--color-text);opacity:.6;}
.industrial-search button{min-height:4.4rem;border:0;font:inherit;cursor:pointer;}
.industrial-search .industrial-search-submit{flex:0 0 8.4rem;padding:1rem 1.3rem;border-left:1px solid var(--color-border);border-radius:0 3rem 3rem 0;background:var(--color-tertiary);color:var(--color-text);font-size:1.5rem;font-weight:600;}
.industrial-search .industrial-search-clear{position:absolute;right:8.5rem;top:50%;width:4.4rem;height:4.4rem;transform:translateY(-50%);padding:0;border-radius:50%;background:transparent;color:var(--color-text);font-size:2.7rem;line-height:1;}
.industrial-search button:focus-visible,.industrial-search-result:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px;}
.industrial-search-results{position:absolute;top:calc(100% + .8rem);left:0;width:100%;max-height:min(48rem,55dvh);margin:0;padding:.6rem 0;border:1px solid var(--color-border);border-radius:1.5rem;background:var(--bgc-card);color:var(--color-text);box-shadow:0 1.2rem 3.5rem #0004;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;}
.industrial-search-results h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
.industrial-search-status{font-size:1.3rem;line-height:1.5;margin:0;padding:.8rem 1.6rem;}
.industrial-search-list{display:block;list-style:none;padding:0;margin:0;}
.industrial-search-result{display:flex;align-items:center;gap:1.2rem;min-width:0;padding:1rem 1.6rem;color:var(--color-text);text-decoration:none;}
.industrial-search-result>img{display:block;width:4.8rem;height:4.8rem;flex:0 0 4.8rem;object-fit:contain;}
.industrial-search-result>div{min-width:0;}
.industrial-search-result h3{margin:0 0 .3rem;color:var(--color-text);font-size:1.5rem;font-weight:650;line-height:1.4;overflow-wrap:anywhere;}
.industrial-search-family{font-size:1.15rem;line-height:1.5;margin:0;opacity:.8;}
.industrial-search-summary{display:none;}
.industrial-search .industrial-search-more{display:block;width:100%;padding:1rem 1.6rem;background:transparent;color:var(--color-primary);font-size:1.4rem;font-weight:600;text-align:left;}
.industrial-search[hidden],.industrial-search [hidden],[data-search-categories][hidden]{display:none!important;}
@media(hover:hover) and (pointer:fine){.industrial-search-result:hover,.industrial-search .industrial-search-more:hover,.industrial-search .industrial-search-clear:hover{background:var(--color-tertiary);}}
@media(max-width:700px){.industrial-search{margin-bottom:2.4rem;}.industrial-search-help{font-size:1.3rem;}.industrial-search input{padding-left:1.5rem;font-size:1.5rem;}.industrial-search-result{padding:1rem 1.2rem;gap:1rem;}.industrial-search-result h3{font-size:1.4rem;}}

/* Home and parent-category navigation inside the search bar. */
.industrial-search-home,
.industrial-search-parent {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  flex:0 0 auto;
  min-width:5.2rem;
  min-height:5rem;
  padding:1rem 1.3rem;
  border-right:1px solid var(--color-border);
  border-radius:3rem 0 0 3rem;
  background:var(--color-tertiary);
  color:var(--color-text);
  font-size:1.4rem;
  font-weight:600;
  white-space:nowrap;
  text-decoration:none;
}
.industrial-search-home svg, .industrial-search-parent svg { width:2rem; height:2rem; flex-shrink:0; }
.industrial-search-home:focus-visible, .industrial-search-parent:focus-visible { outline:2px solid var(--color-primary); outline-offset:-3px; }
@media(hover:hover) and (pointer:fine) { .industrial-search-home:hover, .industrial-search-parent:hover { color:var(--color-primary); } }
.industrial-search-parent { border-radius:0; }
@media(max-width:480px) {
  .industrial-search-home, .industrial-search-parent { min-width:4.4rem; padding:1rem; }
}