.cs-compare-bar,.cs-product-return{display:flex;gap:25px;justify-content:flex-end;align-items:center;padding:12px 5%;font:10px/1.5 monospace;background:#eef3fa;border-bottom:1px solid #d6e0ed;color:#32639b}.cs-compare-bar>span{margin-right:auto}.cs-catalog{max-width:1520px;margin:auto;padding:28px 4% 70px}.cs-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;color:#778493;font-size:11px;margin-bottom:30px}.cs-breadcrumb>a:hover{text-decoration:underline}.cs-heading{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-bottom:30px}.cs-heading .mx-kicker{margin-bottom:12px}.mx-design .cs-heading h1{font-size:clamp(32px,3.4vw,50px);line-height:1.08;margin-bottom:15px;max-width:830px}.cs-heading>div>p:last-child{font-size:13px;color:#697582;max-width:600px;margin:0}.cs-search{width:330px;flex-shrink:0}.cs-search label{display:block;font:10px monospace;color:#607286;margin-bottom:9px;text-transform:uppercase;letter-spacing:.08em}.cs-search>div{display:flex;border:1px solid #bfcdda;height:44px}.cs-search input{width:100%;min-width:0;border:0;padding:12px;font-size:12px;background:white;outline-offset:2px}.cs-search button{flex-shrink:0;border:0;background:#075fff;color:#fff;font-size:11px;padding:0 14px}.cs-materials{margin:30px 0}.cs-materials>nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-left:1px solid #d7e0e9;border-top:1px solid #d7e0e9}.cs-materials>nav>a{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:16px 17px;border-right:1px solid #d7e0e9;border-bottom:1px solid #d7e0e9;font-size:12px;line-height:1.3}.cs-materials>nav>a>small{font:10px monospace;color:#7b8d9e}.cs-materials>nav>a[aria-current=page]{color:#075fff;background:#edf3ff;box-shadow:inset 0 -3px #075fff}.cs-step-label{display:flex;gap:12px;align-items:center;margin:23px 0 17px}.cs-step-label>span{font:12px monospace;color:#075fff;border:1px solid #9ab9e2;padding:5px}.cs-step-label h2{font-size:19px;letter-spacing:-.02em;margin:0}.cs-step-label>a{font:11px monospace;color:#38679e;margin-left:auto}.cs-task-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.cs-task{border:1px solid #dbe3eb;display:flex;flex-direction:column;align-items:flex-start;padding:12px;min-width:0}.cs-task img{width:100%;height:62px;object-fit:contain;margin-bottom:10px}.cs-task>span{font-size:12px;font-weight:600;line-height:1.3;flex:1}.cs-task small{font-size:9px;color:#7b8d9e;padding-top:10px}.cs-task.selected{border-color:#075fff;box-shadow:inset 0 -2px #075fff}.cs-task:hover{background:#f3f7fc}.cs-subtypes{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.cs-subtypes>a{border:1px solid #a5bfdc;font-size:11px;padding:8px 12px;color:#38679e}.cs-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:32px;margin-top:30px;align-items:start}.cs-mode-a .cs-layout{display:block}.cs-sidebar{border-top:2px solid #253c53;padding-top:16px;position:sticky;top:15px;max-height:calc(100vh - 30px);overflow:auto;padding-right:4px;scrollbar-width:thin}.cs-sidebar h2{font-size:16px;letter-spacing:-.01em;margin-bottom:15px}.cs-all{display:flex;justify-content:space-between;align-items:center;background:#eef3fa;padding:12px;font-size:12px;color:#1a599a}.cs-all span{font:11px monospace}.cs-sidebar details{border-bottom:1px solid #e0e6ed;padding:13px 2px}.cs-sidebar summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;line-height:1.4}.cs-sidebar summary::-webkit-details-marker{display:none}.cs-sidebar summary>span{flex:1}.cs-sidebar summary small{font:10px monospace;color:#7c8fa3}.cs-sidebar summary b{font-size:13px;color:#075fff}.cs-sidebar .cs-group-all{font:10px/1.5 monospace;color:#567799;display:block;margin:10px 0 6px}.cs-subcategories{display:flex;flex-direction:column;gap:3px}.cs-subcategories>a{display:grid;grid-template-columns:minmax(0,1fr) 17px;gap:8px;align-items:center;padding:7px 3px;font-size:10px;color:#576b80;line-height:1.4}.cs-subcategories small{color:#7c8fa3;font-size:9px}.cs-subcategories>a[aria-current=page]{background:#eaf1ff;color:#075fff}.cs-help{margin-top:24px;background:#f4f6f8;padding:17px}.cs-help strong{font-size:13px}.cs-help p{font-size:11px;color:#6b7c8c;margin:9px 0}.cs-help a{font:10px/1.4 monospace;color:#075fff}.cs-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d7e0e9;padding-bottom:15px;margin-bottom:20px}.cs-toolbar>div{display:flex;flex-direction:column;gap:5px}.cs-result-count{font:12px monospace}.cs-range{font-size:10px;color:#7c8a98}.cs-toolbar label{font-size:10px;color:#7c8a98}.cs-sort{font-size:11px;border:1px solid #d0dbe6;background:#fff;padding:8px 10px;margin-left:7px;color:#223a52}.cs-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.cs-card{border:1px solid #dbe3eb;min-width:0;background:#fff;display:flex;flex-direction:column;transition:border-color .15s}.cs-card:hover{border-color:#97b8de}.cs-photo{position:relative;padding:17px 13px 5px}.cs-photo>a{display:block}.cs-photo img{width:100%;height:160px;object-fit:contain;background:#fff}.cs-card-copy{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1}.cs-category{font:8px/1.5 monospace;text-transform:uppercase;color:#7a8ea3;letter-spacing:.035em;margin-bottom:9px}.cs-card h2{font-size:17px;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 10px}.cs-name{font-size:11px;color:#5d7185;line-height:1.5;margin:0 0 10px}.cs-material-badges{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 12px}.cs-material-badges span{font:8px monospace;padding:4px 6px;background:#eff4fa;color:#52739a}.cs-specs{list-style:none;padding:10px 0 0;margin:0 0 12px;border-top:1px solid #e1e8ee;font-size:10px;line-height:1.5;color:#6e7c8b}.cs-specs li{margin-bottom:5px}.cs-mode-b .cs-specs{display:none}.cs-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:13px;margin-top:auto;border-top:1px solid #e0e7ee}.cs-details{font-size:11px;color:#075fff}.cs-details>span{margin-left:6px}.cs-quote{font-size:9px;border-bottom:1px solid #a5bcd4;padding-bottom:2px;color:#576c82}.cs-colours{display:flex;gap:5px;padding:4px 0 13px}.cs-colour{display:flex;align-items:center;justify-content:center;background:white;border:1px solid #c4cfda;width:25px;height:25px;border-radius:50%;padding:4px}.cs-colour>span{width:15px;height:15px;background:#edf0f3;border:1px solid #a9b7c4;border-radius:50%}.cs-colour.dark>span{background:#373e46}.cs-colour[aria-pressed=true]{border:2px solid #075fff;padding:3px}.cs-quick{width:100%;font:9px monospace;color:#375f88;background:#f0f4f8;border:0;padding:9px;cursor:pointer;margin-top:8px}.cs-quick:hover{background:#075fff;color:white}.cs-mode-a .cs-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-mode-a .cs-card{display:grid;grid-template-columns:42% minmax(0,1fr)}.cs-mode-a .cs-photo{display:flex;align-items:center;padding:18px}.cs-mode-a .cs-photo img{height:180px}.cs-mode-a .cs-card-copy{padding:22px 20px 22px 0}.cs-mode-a .cs-card h2{font-size:19px}.cs-mode-a .cs-name{font-size:12px}.cs-mode-a .cs-card-bottom{flex-wrap:wrap}.cs-pagination{display:flex;gap:7px;justify-content:center;margin:30px 0 10px}.cs-pagination button{font:11px monospace;min-width:36px;height:36px;padding:0 10px;border:1px solid #cbd7e3;background:white;color:#38679e}.cs-pagination button[aria-current=page]{background:#075fff;color:white;border-color:#075fff}.cs-pagination button:disabled{opacity:.35;cursor:default}.cs-card[hidden],.cs-no-results[hidden]{display:none!important}.cs-no-results,.cs-empty-static{padding:35px;border:1px solid #dbe3eb;grid-column:1/-1;background:#f7f9fb}.cs-no-results h2,.cs-empty-static h2{font-size:25px}.cs-no-results p,.cs-empty-static p{font-size:14px;color:#67788a}.cs-no-results button,.cs-no-results>a{display:inline-block;font-size:12px;border:1px solid #b3c5d7;background:white;padding:10px 15px;color:#075fff;margin:6px 10px 0 0}.cs-dialog{width:min(850px,92vw);max-height:90vh;padding:42px 32px 32px;border:1px solid #d4deea;color:#25394f;box-shadow:0 20px 100px #0005}.cs-dialog::backdrop{background:#152637a6}.cs-dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;color:#334f6d;width:35px;height:35px}.cs-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.cs-dialog-image{width:100%;height:280px;object-fit:contain}.cs-dialog h2{font-size:28px;overflow-wrap:anywhere}.cs-dialog-description{font-size:13px;color:#61758a;line-height:1.6}.cs-dialog-description ul{padding-left:18px}.cs-dialog .mx-button{font-size:11px;margin-top:10px}.cs-filter-toggle{display:none}.cs-comparison{max-width:1300px}.cs-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}.cs-comparison-grid>article{border:1px solid #cddbe7;padding:30px}.cs-comparison-grid>article>span{font:10px monospace;color:#4474a5}.cs-comparison-grid h2{font-size:34px;margin-top:22px}.cs-comparison-grid p{font-size:14px;color:#62778a;line-height:1.6}.cs-comparison-note{margin-top:25px;font:11px/1.6 monospace;color:#718298}.cs-diagram{background:#edf3fa;padding:17px;margin:23px 0;font:9px/1.7 monospace;color:#4873a1;min-height:153px}.cs-diagram>div{background:#d8e7f7;border:1px solid #b8cfe5;padding:7px;margin-bottom:8px}.cs-diagram section{display:flex;gap:8px}.cs-diagram i,.cs-diagram aside{font-style:normal;background:white;border:1px solid #c7d7e7;padding:12px;flex:1}.cs-diagram-b aside{background:#ccdff3}.cs-product-return{justify-content:space-between}
@media(max-width:1100px){.cs-layout{grid-template-columns:215px minmax(0,1fr);gap:22px}.cs-task-grid{grid-template-columns:repeat(4,1fr)}.cs-products{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-heading{gap:25px}.cs-search{width:280px}.cs-materials>nav>a{padding:13px 10px;font-size:11px}.cs-mode-a .cs-card{grid-template-columns:1fr}.cs-mode-a .cs-card-copy{padding:16px}.cs-mode-a .cs-photo{padding:15px 18px 0}.cs-mode-a .cs-photo>a{width:100%}.cs-mode-a .cs-photo img{height:180px}}
@media(max-width:720px){.cs-compare-bar{flex-wrap:wrap;gap:7px 18px;padding:12px 5%;font-size:9px}.cs-compare-bar>span{flex-basis:100%}.cs-catalog{padding:23px 5% 45px}.cs-heading{display:block}.cs-search{width:100%;margin-top:23px}.cs-heading h1{font-size:31px!important}.cs-materials>nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-materials>nav>a:first-child{grid-column:span 2}.cs-materials>nav>a{font-size:12px;padding:14px}.cs-step-label{flex-wrap:wrap}.cs-step-label h2{font-size:17px;flex:1;line-height:1.3}.cs-step-label>a{margin-left:39px;font-size:10px}.cs-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-task img{height:68px}.cs-layout{display:flex;flex-direction:column;gap:20px}.cs-results{width:100%}.cs-filter-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;border:1px solid #9cb5cf;background:#edf3fa;padding:13px;font:12px monospace;color:#235b92}.cs-sidebar{display:none;position:static;max-height:none;width:100%;padding:14px;border:1px solid #cddbe7;background:white}.cs-sidebar.is-open{display:block}.cs-toolbar{gap:10px}.cs-toolbar label{font-size:9px}.cs-sort{max-width:151px;font-size:10px}.cs-products,.cs-mode-a .cs-products{grid-template-columns:1fr}.cs-card h2{font-size:21px}.cs-card-copy{padding:20px}.cs-name{font-size:13px}.cs-photo img{height:205px}.cs-quick{font-size:11px;padding:11px}.cs-category{font-size:9px}.cs-details{font-size:13px}.cs-quote{font-size:11px}.cs-material-badges span{font-size:10px}.cs-colour{height:30px;width:30px}.cs-mode-a .cs-card-copy{padding:20px}.cs-mode-a .cs-name{font-size:13px}.cs-mode-a .cs-specs{font-size:11px}.cs-dialog{padding:45px 23px 25px}.cs-dialog-grid{grid-template-columns:1fr;gap:15px}.cs-dialog-image{height:180px}.cs-dialog h2{font-size:25px}.cs-comparison-grid{grid-template-columns:1fr}.cs-comparison-grid>article{padding:23px}.cs-comparison-grid h2{font-size:30px}.cs-product-return{font-size:9px;gap:14px}.cs-no-results,.cs-empty-static{padding:23px}}