.specifications-section{max-width:1440px;margin:80px auto 0;padding:0 0 20px;scroll-margin-top:120px}
.specifications-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.specifications-heading h2{font-size:clamp(42px,5vw,72px);line-height:.96;letter-spacing:-3px;margin:0;color:#101820}
.specifications-heading p{max-width:520px;margin:0;color:#526576;line-height:1.6}
.spec-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:18px}
.pattern-filter{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(var(--pattern-columns),max-content);grid-auto-flow:row;gap:8px;align-items:center;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.rim-filter{display:flex;gap:8px;align-items:center;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.spec-filter{appearance:none;border:0;background:transparent;color:#101820;font:800 14px/1.1 inherit;white-space:nowrap;padding:10px 4px 8px;cursor:pointer;border-bottom:2px solid transparent}
.spec-filter:hover,.spec-filter:focus-visible{color:#0756a5}
.spec-filter.is-active{color:#0756a5;border-bottom-color:#e51b23}
.pattern-filter .spec-filter{border:1px solid #cdd8df;padding:10px 14px;border-radius:999px}
.pattern-filter .spec-filter.is-active{background:#0756a5;color:#fff;border-color:#0756a5}
.spec-count{font-size:12px;color:#6c7d89;white-space:nowrap}
.spec-scroll-hint{margin:0 0 8px;text-align:right;font-size:12px;font-weight:700;color:#526576}
.spec-table-wrap{overflow-x:auto;background:#fff;border:1px solid #d8e0e5;border-radius:14px;box-shadow:0 14px 38px rgba(7,29,49,.08)}
.spec-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;text-align:center;font-size:13px}
.spec-table-port{min-width:1540px}
.spec-table-industrial{min-width:1880px}
.spec-table-solid{min-width:1320px}
.spec-table-block{margin-top:22px}
.spec-table-block[hidden]{display:none}
.spec-table-block h3{margin:0 0 10px;color:#101820;font-size:22px;line-height:1.2}
.spec-table th{background:#101820;color:#fff;padding:15px 12px;font-size:11px;line-height:1.15;letter-spacing:.35px;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.16)}
.spec-table-port thead tr:nth-child(2) th{background:#263d51;padding:9px 10px;font-size:10px}
.spec-table-industrial thead tr:nth-child(2) th,.spec-table-solid thead tr:nth-child(2) th{background:#263d51;padding:10px 8px;font-size:10px}
.spec-table-industrial thead tr:nth-child(3) th{background:#36536b;padding:10px 6px;font-size:10px}
.spec-table-industrial td:nth-child(9),.spec-table-industrial td:nth-child(13),.spec-table-industrial td:nth-child(17),.spec-table-solid td:nth-child(8),.spec-table-solid td:nth-child(10){border-left:2px solid #a9c6db}
.spec-table-port thead th[scope="colgroup"]{text-align:left;padding-left:14px}
.spec-table-port th:nth-child(9),.spec-table-port td:nth-child(9),.spec-table-port td:nth-child(13){border-left:2px solid #a9c6db}
.spec-table th:first-child{border-top-left-radius:13px}
.spec-table th:last-child{border-top-right-radius:13px;border-right:0}
.spec-table td{padding:14px 12px;border-right:1px solid #e1e6e9;border-bottom:1px solid #e1e6e9;color:#182735;white-space:nowrap}
.spec-table tbody tr:nth-child(even){background:#f6f8f9}
.spec-table tbody tr:hover{background:#edf4fa}
.spec-table td:first-child{font-weight:900;color:#0756a5}
.spec-table td:nth-child(2){font-weight:800}
.spec-empty{display:none;padding:32px;text-align:center;color:#526576}
.spec-note{display:flex;justify-content:space-between;gap:20px;margin:14px 2px 0;color:#6c7d89;font-size:12px}
@media(max-width:800px){.specifications-heading{display:block}.specifications-heading p{margin-top:14px}.spec-toolbar{display:block}.pattern-filter{margin-bottom:10px}.spec-table-wrap{margin-right:-5vw;border-radius:12px 0 0 12px}.spec-note{display:block}.spec-note span{display:block;margin-top:4px}}
