/* "Do you have the part I need?" library search under the Massive Library feature (assets/catalog-search.js) */
.catalog-search{margin:6px 0 0}
.cs-toggle{appearance:none;border:0;background:none;padding:4px 0;font:inherit;font-size:16px;color:#5e574e;cursor:pointer;text-align:left}
.cs-toggle span{white-space:nowrap;color:#2f2b26;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;margin-left:4px}
.cs-toggle span::after{content:" \2192";display:inline-block;margin-left:4px;transition:transform .2s}
.cs-toggle[aria-expanded="true"] span::after{transform:rotate(90deg)}
.cs-toggle:hover span{text-decoration-thickness:2px}
.cs-toggle:focus-visible,.cs-chip:focus-visible,.cs-try:focus-visible,.cs-part:focus-visible{outline:2px solid #2f2b26;outline-offset:3px;border-radius:6px}
.cs-panel{margin-top:14px;padding:18px;border:1px solid #e3ddd2;border-radius:14px;background:#faf8f4}
.cs-panel{position:relative}
.cs-panel form{margin:0 44px 0 0}
.cs-close{position:absolute;top:18px;right:12px;width:36px;height:46px;border:0;border-radius:8px;background:transparent;color:#5e574e;font:300 26px/1 -apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.cs-close:hover{background:#efeae1;color:#2f2b26}
.cs-close:focus-visible{outline:2px solid #2f2b26;outline-offset:2px}
.cs-input{width:100%;box-sizing:border-box;padding:13px 16px;border:1px solid #d6cfc3;border-radius:10px;background:#fff;font:400 17px/1.3 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;color:#2f2b26}
.cs-input:focus{outline:none;border-color:#857c70;box-shadow:0 0 0 3px rgba(133,124,112,.18)}
.cs-hint{margin:10px 0 0;font-size:13px;color:#857c70;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.cs-try{appearance:none;border:0;background:none;padding:0;font:inherit;color:#5e574e;text-decoration:underline;text-decoration-color:#cfc7ba;text-underline-offset:3px;cursor:pointer}
.cs-try:hover{color:#2f2b26;text-decoration-color:currentColor}
.cs-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.cs-chip{appearance:none;border:1px solid #e0d9cd;background:#fff;border-radius:999px;padding:5px 11px;font:500 13px/1.2 -apple-system,BlinkMacSystemFont,"Inter",sans-serif;color:#4a443c;cursor:pointer}
.cs-chip span{color:#9a9184;font-weight:400;margin-left:2px}
.cs-chip:hover{border-color:#bdb3a4}
.cs-chip[aria-pressed="true"]{background:#2f2b26;border-color:#2f2b26;color:#f5f2ec}
.cs-chip[aria-pressed="true"] span{color:#cfc7ba}
.cs-status{margin:12px 0 0;font-size:13px;color:#857c70;min-height:1em}
.cs-status:empty{display:none}
.cs-results{list-style:none;margin:10px 0 0;padding:2px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:560px;overflow:auto}
.cs-results:empty{display:none}
.cs-part{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:10px;border:1px solid #ebe5da;border-radius:10px;background:#fff;color:#2f2b26;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.cs-part:hover{border-color:#bdb3a4;box-shadow:0 4px 14px rgba(47,43,38,.08)}
.cs-img{display:block;aspect-ratio:1;border-radius:6px;background:#f5f2ec;overflow:hidden}
.cs-img img{width:100%;height:100%;object-fit:contain;display:block}
.cs-name{margin-top:8px;font-size:13px;line-height:1.3;font-weight:500}
.cs-meta{margin-top:auto;padding-top:4px;font-size:12px;color:#9a9184}
@media (max-width:600px){.cs-panel{padding:12px}.cs-close{top:12px;right:6px}.cs-panel form{margin-right:38px}.cs-results{grid-template-columns:repeat(2,1fr);max-height:480px}.cs-input{font-size:16px}}
/* Centre the toggle's text like the feature title and subtitle (it wraps on phones) */
.cs-toggle{text-align:center}