csc-fastener-browser{--csc-ink:#313f46;--csc-line:#e5e7eb;--csc-yellow:#ffc211;display:block;max-width:1440px;margin:auto;padding:32px 24px;color:var(--csc-ink);font-family:inherit}
csc-fastener-browser *{box-sizing:border-box}
csc-fastener-browser [hidden]{display:none!important}
csc-fastener-browser h1{font-size:clamp(28px,4vw,44px);font-weight:900;line-height:1.1;margin:16px 0}
csc-fastener-browser nav{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:24px}
csc-fastener-browser a{color:inherit}
csc-fastener-browser nav a{text-decoration:underline;text-underline-offset:3px}
.csc-fb-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
csc-fastener-browser fieldset{border:1px solid var(--csc-line);margin:0;padding:20px;background:#f9fafb;min-width:0}
csc-fastener-browser legend{font-size:18px;font-weight:800;padding:0 4px}
csc-fastener-browser label{display:block;font-size:14px;font-weight:700;margin:0 0 16px}
csc-fastener-browser select,csc-fastener-browser input{display:block;width:100%;min-height:44px;margin-top:6px;border:1px solid #899398;border-radius:2px;background:white;color:var(--csc-ink);font:inherit;padding:8px}
csc-fastener-browser button,.csc-fb-view{display:inline-block;min-height:44px;border:1px solid var(--csc-ink);border-radius:2px;background:white;color:var(--csc-ink);font:inherit;font-weight:700;padding:10px 16px;cursor:pointer;text-align:center;text-decoration:none}
csc-fastener-browser button:hover,.csc-fb-view:hover{background:var(--csc-yellow)}
csc-fastener-browser button:disabled{opacity:.45;cursor:default}
csc-fastener-browser :focus-visible{outline:3px solid #9a6900;outline-offset:3px}
csc-fastener-browser [data-status]{margin:0 0 20px;min-height:24px}
csc-fastener-browser [data-results]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.csc-fb-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--csc-line);border-radius:2px;padding:16px;background:white}
.csc-fb-card>a:first-child{text-decoration:none}
.csc-fb-card img{display:block;width:100%;height:160px;object-fit:contain;margin-bottom:16px}
.csc-fb-card h2{font-size:16px;font-weight:800;line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}
.csc-fb-spec{font-size:13px;line-height:1.5;color:#4b5563;margin:0 0 12px}
.csc-fb-price{font-size:20px;font-weight:800;margin:auto 0 16px;padding-top:12px}
.csc-fb-view{width:100%;background:var(--csc-ink);color:white}
.csc-fb-view:hover{color:var(--csc-ink)}
csc-fastener-browser [data-pagination]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin:24px 0}
@media(max-width:1050px){csc-fastener-browser [data-results]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){csc-fastener-browser{padding:20px 16px}.csc-fb-layout{grid-template-columns:1fr}.csc-fb-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}csc-fastener-browser label{margin:0}csc-fastener-browser fieldset{padding:12px}csc-fastener-browser button[type=reset]{margin-top:16px}.csc-fb-card{padding:12px}.csc-fb-card img{height:120px}.csc-fb-card h2{font-size:14px}}
@media(max-width:370px){csc-fastener-browser [data-results]{grid-template-columns:1fr}}