/* Materials navigation is available on desktop, keyboard, touch and mobile. */
.materials-menu{display:flex;align-items:center;position:relative;gap:2px}.materials-menu-toggle{display:grid;place-items:center;width:22px;height:34px;padding:3px;border:0;background:none;color:#53627b;cursor:pointer}.materials-menu-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}.materials-submenu{display:none;position:absolute;top:100%;left:-16px;min-width:240px;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 35px #17243d20;z-index:40}.header-nav .materials-submenu a{display:block!important;padding:12px 14px;border-radius:8px;font-size:13px}.materials-submenu a:hover,.materials-submenu a[aria-current]{background:#edf3ff;color:var(--blue)}.materials-menu.is-open .materials-submenu{display:block}.materials-menu-toggle:focus-visible,.joint-page button:focus-visible,.joint-page a:focus-visible,.joint-entry:focus-visible{outline:3px solid #80a7ff;outline-offset:3px}

.joint-entry{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px;padding:25px 30px;background:#edf3ff;border:1px solid #cfddfa;border-radius:16px;text-decoration:none;color:var(--ink)}.joint-entry b{display:block;font-size:22px}.joint-entry small{display:block;margin-top:5px;color:#61718b;font-size:14px}.joint-entry strong{color:var(--blue);white-space:nowrap;font-size:14px}
.joint-page{background:#f6f8fc}.joint-page>.container{padding-bottom:64px}.joint-hero{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 0 42px}.joint-hero h1{margin:14px 0;font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.045em}.joint-hero h1 em{font-style:normal;color:var(--blue)}.joint-hero p{color:#687891;max-width:600px;margin:0;font-size:16px}.joint-hero-badge{flex:none;padding:20px 25px;border-left:3px solid var(--blue);background:#edf3ff;border-radius:0 14px 14px 0}.joint-hero-badge b{display:block;font-size:26px;letter-spacing:-1px}.joint-hero-badge span{display:block;color:#61718b;font-size:12px;line-height:1.8;margin-top:5px}.joint-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}.joint-panel{padding:32px 38px;border:1px solid var(--line);border-radius:20px;background:#fff;min-height:460px;box-shadow:0 9px 35px #17243d05}.joint-progress-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#78869d}.joint-progress-label button{border:0;padding:5px 0;background:none;color:#78869d;font:inherit;cursor:pointer}.joint-progress{height:4px;background:#edf1f8;border-radius:9px;margin:16px 0 30px;overflow:hidden}.joint-progress span{display:block;height:100%;background:var(--blue);transition:width .2s}.joint-panel h2{margin:0 0 13px;font-size:28px;line-height:1.25;letter-spacing:-.03em}.joint-panel h2:focus,.joint-results h2:focus{outline:none}.joint-question-hint{margin:0 0 25px;color:#6c7b92;font-size:14px;max-width:650px;line-height:1.7}.joint-cable-tag{display:inline-block;border-radius:5px;padding:5px 9px;background:#edf3ff;color:var(--blue);font-size:11px;font-weight:800;margin-bottom:14px}.joint-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.joint-option{display:flex;align-items:center;gap:12px;min-height:86px;padding:17px;text-align:left;font:inherit;color:var(--ink);border:1px solid #dce5f3;border-radius:12px;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}.joint-option:hover,.joint-option.is-selected{background:#f1f6ff;border-color:var(--blue)}.joint-option-number{align-self:flex-start;flex:none;display:grid;place-items:center;width:27px;height:27px;background:#eef3fb;color:#7183a2;border-radius:8px;font-size:11px;font-weight:750}.joint-option b{display:block;font-size:14px}.joint-option small{display:block;margin-top:5px;color:#72809a;font-size:12px;line-height:1.5}.joint-option-arrow{margin-left:auto;color:var(--blue)}.joint-option-unknown{grid-column:1/-1;min-height:58px;background:#f9fafc;border-style:dashed}.joint-option-unknown .joint-option-number{background:#f0f2f6}.joint-auto-hint{font-size:11px;color:#8b96a9;margin:17px 0 0}.joint-controls{display:flex;justify-content:space-between;gap:14px;margin-top:28px;padding-top:22px;border-top:1px solid #edf1f7}.joint-controls button{font-size:13px}.joint-controls button:disabled{opacity:.4;cursor:default}.joint-number-label{display:block;font-size:13px;color:#5f6f89;margin:26px 0 10px}.joint-number-row{display:flex;align-items:center;gap:14px;max-width:400px}.joint-number-row input{min-width:0;width:100%;border:1px solid #c9d7ed;background:#f9fbff;border-radius:12px;padding:18px;font:inherit;font-size:25px;color:var(--ink)}.joint-number-row input:focus{outline:3px solid #dce8ff;border-color:var(--blue)}.joint-number-row span{color:#73839e}.joint-unknown{margin:24px 0 5px;border:0;padding:10px 0;background:none;color:var(--blue);font:inherit;font-size:13px;cursor:pointer}#joint-error{color:#ad3434;font-size:13px;margin-top:15px}.joint-summary{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;position:sticky;top:110px}.joint-summary .b2b-kicker{font-size:10px}.joint-summary h2{font-size:19px;margin:13px 0 20px;letter-spacing:-.02em}.joint-summary>p{font-size:13px;color:#7c89a0;line-height:1.7}.joint-summary dl{margin:0;max-height:450px;overflow:auto}.joint-summary dl>div{border-bottom:1px solid #edf1f7;padding:10px 0}.joint-summary dt{font-size:10px;color:#7b89a0}.joint-summary dd{margin:3px 0 0}.joint-summary dd button{border:0;background:none;padding:0;font:inherit;font-weight:650;color:var(--ink);text-align:left;font-size:13px;cursor:pointer}.joint-summary dd button span{color:var(--blue)}.joint-summary-help{margin-top:23px;padding-top:22px;border-top:1px solid #e7edf6;font-size:12px}.joint-summary-help b{font-size:13px}.joint-summary-help p{color:#7a879c;line-height:1.7}.joint-summary-help a{color:var(--blue);font-weight:700;text-decoration:none}.joint-layout.has-result{display:block}.has-result .joint-summary{position:static;margin-bottom:30px}.has-result .joint-summary dl{display:grid;grid-template-columns:repeat(4,1fr);gap:0 20px;max-height:210px}.has-result .joint-summary-help{display:none}.joint-results{scroll-margin-top:100px}.joint-results-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.joint-results-heading h2{font-size:30px;letter-spacing:-.03em;margin:10px 0}.joint-results-heading p{color:#6d7d94;font-size:14px}.joint-result-note{border:1px solid #d6e2f6;background:#edf3ff;padding:20px 23px;border-radius:12px;font-size:13px;color:#526888;line-height:1.7;margin:20px 0 28px}.joint-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.joint-product{display:flex;flex-direction:column;background:#fff;border:1px solid #e0e8f5;border-radius:17px;overflow:hidden}.joint-product-image{display:flex;align-items:center;justify-content:center;height:190px;padding:20px;background:#fff;border-bottom:1px solid #edf1f7;text-decoration:none;color:#b2bed1;font-size:24px;font-weight:800}.joint-product-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.joint-product-body{padding:23px;display:flex;flex-direction:column;align-items:stretch;flex:1}.joint-product-family{font-size:10px;color:#7b89a0;letter-spacing:.03em}.joint-product h3{font-size:17px;line-height:1.4;margin:9px 0 13px}.joint-product h3 a{color:var(--ink);text-decoration:none}.joint-stock{font-size:11px;color:#7e8a9e}.joint-stock.is-available{color:#218e68}.joint-product-price{font-size:23px;font-weight:800;margin:13px 0}.joint-product-price del{font-size:14px;color:#96a0b3}.joint-product-price ins{text-decoration:none}.joint-product details{font-size:12px;color:#62748e;margin:0 0 22px;line-height:1.7}.joint-product summary{color:var(--blue);cursor:pointer;font-weight:650}.joint-product details ul{padding-left:18px}.joint-product-parameters{white-space:pre-line;overflow-wrap:anywhere}.joint-product .button{margin-top:auto;font-size:13px}.joint-consult{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:28px;border-radius:16px;background:#fff;border:1px solid var(--line);margin-top:30px}.joint-consult>div{flex:1;min-width:240px}.joint-consult h3{margin:0 0 6px;font-size:19px}.joint-consult p{color:#6b7d97;font-size:13px;margin:0}.joint-consult .button{font-size:12px}#joint-copy-status{flex-basis:100%}#joint-copy-status:empty{display:none}#joint-copy-status textarea{width:100%;min-height:160px;padding:12px;border:1px solid var(--line);font:inherit}#joint-more{display:flex;margin:28px auto 0}.joint-source{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.joint-source a{color:#788ba7;font-size:12px;text-decoration:none}.joint-page [hidden]{display:none!important}
@media(max-width:1000px){.joint-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.joint-panel{padding:26px}.joint-summary{padding:20px}.joint-options{grid-template-columns:1fr}.joint-hero-badge{display:none}.joint-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.has-result .joint-summary dl{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){
  .header-main .header-nav{grid-column:auto;left:auto;width:min(272px,100%)}
  .header-main .materials-menu{display:block}
  .header-main .materials-menu>.materials-menu-link{width:100%}
  .header-main .materials-menu-toggle{display:none}
  .header-main .materials-submenu{display:block;position:static;min-width:0;border:0;box-shadow:none;background:#f5f8fe;margin:0 0 5px 14px;padding:5px}
  .header-main .materials-submenu a{font-size:13px;min-height:42px}
}
@media(max-width:780px){.joint-entry{align-items:flex-start;flex-direction:column;padding:22px;gap:15px}.joint-layout{grid-template-columns:1fr}.joint-panel{padding:25px 22px;min-height:0}.joint-summary{position:static}.joint-summary dl{max-height:200px;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.joint-summary-help{display:none}.joint-hero{padding:25px 0 30px}.joint-panel h2{font-size:24px}.joint-options{grid-template-columns:1fr 1fr}.joint-option{padding:13px;gap:9px}.joint-option-number{display:none}.has-result .joint-summary dl{grid-template-columns:1fr 1fr}.joint-results-heading{align-items:flex-start;flex-direction:column}.joint-results-heading h2{font-size:26px}.joint-consult{padding:22px}.joint-source{gap:15px}.joint-page>.container{padding-bottom:40px}}
@media(max-width:500px){.joint-options{grid-template-columns:1fr}.joint-hero h1{font-size:35px}.joint-hero h1 em{display:block}.joint-hero p{font-size:14px}.joint-panel{padding:22px 18px}.joint-option{min-height:70px}.joint-option-unknown{min-height:54px}.joint-option-number{display:grid}.joint-product-grid{grid-template-columns:1fr}.joint-controls .button{padding:11px 12px;font-size:12px}.joint-progress-label{font-size:11px}.joint-consult>.button{width:100%}.joint-summary{padding:20px}.joint-summary dl,.has-result .joint-summary dl{grid-template-columns:1fr 1fr}.joint-summary h2{font-size:17px}.joint-result-note{padding:17px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.joint-progress span,.joint-option{transition:none}}

.joint-parameter-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.joint-parameter-picker button{position:relative;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;padding:14px 34px 14px 16px;color:var(--ink);font:inherit;cursor:pointer}.joint-parameter-picker button:hover{border-color:var(--blue);background:#f4f7ff}.joint-parameter-picker small{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.joint-parameter-picker b{display:block;font-size:13px}.joint-parameter-picker button>span{position:absolute;right:14px;top:50%;color:var(--blue)}@media(max-width:500px){.joint-parameter-picker{grid-template-columns:1fr}}

.joint-cable-search{width:100%;border:1px solid #c9d7ed;border-radius:11px;background:#f9fbff;padding:14px 16px;font:inherit;color:var(--ink)}.joint-cable-search:focus{outline:3px solid #dce8ff;border-color:var(--blue)}.joint-cable-list{max-height:380px;overflow:auto;overscroll-behavior:contain;margin-top:20px;padding-right:6px}.joint-cable-list section{margin-bottom:22px}.joint-cable-list h3{margin:0 0 10px;color:#73829b;font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.joint-cable-list section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.joint-cable-list button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);text-align:left;font:inherit;font-weight:650;font-size:13px;padding:13px 12px;cursor:pointer;overflow-wrap:anywhere}.joint-cable-list button:hover,.joint-cable-list button[aria-pressed=true]{border-color:var(--blue);background:#edf3ff}.joint-cable-list button>span{color:var(--blue);font-weight:400}.joint-cable-manual{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;border-top:1px solid var(--line);margin-top:10px}.joint-cable-manual .joint-unknown{margin:12px 0 0;font-size:12px}@media(max-width:1000px){.joint-cable-list section>div{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.joint-cable-list{max-height:330px}.joint-cable-list button{font-size:12px;padding:12px 10px}.joint-cable-search{font-size:14px}}

.joint-custom{padding:32px;margin:25px 0;border:1px solid #d6e2f6;background:#fff;border-radius:18px}.joint-custom h3{font-size:26px;line-height:1.3;letter-spacing:-.03em;margin:12px 0}.joint-custom>p{max-width:900px;font-size:14px;color:#687b98;line-height:1.8}.joint-enquiry{position:relative;border:1px solid #d8e4f8;border-radius:16px;padding:24px;background:#f6f8fe;margin-top:24px}.joint-enquiry-row{display:flex;align-items:center;gap:16px}.joint-enquiry-row label{font-weight:800;font-size:17px;flex:none}.joint-enquiry-row input{min-width:0;flex:1;background:#fff;border:1px solid #cad8ee;border-radius:12px;padding:15px 17px;font:inherit;color:var(--ink)}.joint-enquiry-row input:focus{outline:3px solid #dce8ff;border-color:var(--blue)}.joint-enquiry-row .button{flex:none}.joint-enquiry .button:disabled{opacity:.6;cursor:wait}.joint-enquiry p{margin:14px 0 0;color:#71809a;font-size:13px;line-height:1.7}.joint-enquiry .joint-enquiry-status{color:#17825f;font-weight:650}.joint-enquiry .joint-enquiry-status.is-error{color:#ae3535}.joint-enquiry-status:empty{display:none}.joint-enquiry-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1000px){.joint-enquiry-row{flex-wrap:wrap}.joint-enquiry-row label{flex-basis:100%}}@media(max-width:560px){.joint-custom{padding:23px 18px}.joint-custom h3{font-size:23px}.joint-enquiry{padding:19px 15px}.joint-enquiry-row{align-items:stretch;flex-direction:column}.joint-enquiry-row input{flex:auto;width:100%}.joint-enquiry-row .button{width:100%}}