:root{--navy:#102b45;--dark:#092039;--blue:#1264b0;--cyan:#86d8f5;--lime:#c7f1ca;--ink:#182d40;--muted:#617180;--line:#dce3e9;--pale:#f4f7f9;--white:#fff;--radius:12px;--wrap:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:white;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:450;line-height:1.1;letter-spacing:-1.5px}h1{font-size:clamp(35px,4.4vw,64px)}h2{font-size:clamp(30px,3.2vw,43px)}h3{font-size:20px;font-weight:600;line-height:1.3}p{color:var(--muted);line-height:1.75}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #26a9db;outline-offset:4px}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 36px}.section{padding:76px 0}.eyebrow{display:block;font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:17px}.small{font-size:12px}.muted{color:var(--muted)}.quiet{color:var(--muted);font-size:13px}.pale{background:var(--pale)}.dark{background:var(--navy);color:white}.dark p{color:#b9cbd9}.dark .eyebrow{color:var(--cyan)}.row{display:flex;align-items:center;gap:14px}.spread{justify-content:space-between}.stack{display:grid;gap:16px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blue);color:white;border:1px solid var(--blue);padding:13px 23px;border-radius:30px;font-size:14px;font-weight:600;line-height:1.3;text-align:center;min-height:46px}.btn:hover{background:#0b4d8b;border-color:#0b4d8b}.btn.light{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.btn.line{background:transparent;color:var(--ink);border-color:#b9c7d1}.btn.white{background:white;color:var(--ink);border-color:white}.btn.sm{min-height:37px;padding:9px 16px;font-size:12px}.btn.danger{background:#ad2932;border-color:#ad2932}.linkbtn{background:none;border:0;padding:6px 0;color:var(--blue);font-weight:600;display:inline-flex;gap:10px;align-items:center}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.iconbtn{background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.tag{display:inline-block;font-size:11px;font-weight:600;border-radius:5px;padding:4px 9px;background:#e8f0f8;color:#18558c;white-space:nowrap}.tag.green{background:#e8f5eb;color:#21603b}.tag.amber{background:#fff3dd;color:#855715}.tag.red{background:#fce8e9;color:#992c35}.tag.grey{background:#edf0f3;color:#5c6975}.reviewbar{background:#e9f0f6;color:#38536c;font-size:11px;padding:7px 0}.reviewbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px}.reviewbar b{font-size:10px;letter-spacing:1.5px;color:#1a4a71;margin-right:10px}.reviewbar a{font-weight:600;margin-left:17px}.reviewbar a:hover{text-decoration:underline}header{position:sticky;top:0;z-index:25;background:#fff;border-bottom:1px solid var(--line)}.utility{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f4;font-size:11px;padding:8px 0;color:#657789}.utility .row{gap:24px}.brand{display:flex;align-items:center;width:148px;flex-shrink:0}.brand img{width:148px;height:55px;object-fit:contain}.nav{display:flex;align-items:center;gap:30px;height:83px}.navlinks{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px}.navlinks>a:hover{color:var(--blue)}.nav summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px}.nav summary::-webkit-details-marker{display:none}.mega{position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 18px 30px #08233f17;border-top:1px solid var(--line);padding:30px 0;z-index:30}.mega .wrap{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:34px}.mega strong{font-size:12px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:15px}.mega a{display:block;padding:6px 0;font-size:13px}.mega a:hover{color:var(--blue)}.megaaside{background:var(--pale);padding:22px;border-radius:8px}.megaaside p{font-size:13px;margin-bottom:9px}.navtools{display:flex;gap:8px;align-items:center}.cartbtn{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:9px;font-size:12px}.count{background:var(--blue);color:white;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px}.mobiletoggle{display:none}.hero{background:radial-gradient(ellipse at 90% 20%,#235d82 0,#123957 35%,#092039 75%);overflow:hidden;color:white}.herogrid{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:55px;min-height:565px;padding-top:64px;padding-bottom:64px}.hero h1{font-size:clamp(44px,5vw,69px);margin-bottom:25px;max-width:660px;letter-spacing:-2.3px}.hero h1 span{color:var(--cyan)}.hero .eyebrow{color:#9edcf6}.hero p{color:#c2d5e3;font-size:16px;max-width:470px;margin-bottom:30px}.herolink{color:white;font-size:13px;padding:12px}.herovisual{position:relative;min-height:400px;min-width:0}.herogridline{position:absolute;inset:-40px;background-image:linear-gradient(#c9ecff12 1px,transparent 1px),linear-gradient(90deg,#c9ecff12 1px,transparent 1px);background-size:47px 47px;transform:perspective(500px) rotateY(-10deg);mask-image:radial-gradient(ellipse,black,transparent 75%)}.herocard{display:block;position:relative;background:#fff;border:1px solid #91c2e64d;border-radius:16px;padding:24px;box-shadow:0 24px 60px #031a2e70;margin:0}.herocard img{display:block;width:100%;height:275px;object-fit:contain;object-position:center;margin-bottom:16px}.herocardlabel{display:flex;justify-content:space-between;align-items:center;color:var(--navy);font-size:10px;letter-spacing:1.2px;border-top:1px solid #e3eaf0;padding-top:15px;margin-top:7px}.heromini{position:relative;margin:14px 0 0 60px;background:#f1f7fc;color:var(--navy);border:1px solid white;border-radius:10px;display:flex;align-items:center;padding:12px 20px;gap:15px;box-shadow:0 15px 35px #051a2e3b}.heromini img{width:80px;height:75px;object-fit:contain;mix-blend-mode:multiply}.heromini strong{font-size:12px;display:block}.heromini span{font-size:11px;color:var(--muted)}.herofoot{border-top:1px solid #c0e1fb26;display:flex;justify-content:space-between;gap:25px;padding:23px 0;font-size:11px;color:#bcd1e1}.herofoot span{display:flex;align-items:center;gap:10px}.herofoot .icon{color:#84c9e9;width:17px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.sectionhead h2{margin-bottom:0}.sectionhead>p{max-width:365px;font-size:14px;margin:0}.categorycard{display:block;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;transition:transform .18s,box-shadow .18s}.categorycard:hover{transform:translateY(-4px);box-shadow:0 12px 25px #15324c0a}.categoryimage{background:#f3f6f8;padding:21px;height:190px}.categoryimage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.categorybody{padding:23px}.categorybody h3{font-size:21px;letter-spacing:-.3px;margin:0 0 8px}.categorybody p{font-size:12px;margin-bottom:18px}.arrowcircle{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfd0df;border-radius:50%;width:30px;height:30px}.categorybody .row{font-size:11px;color:var(--muted);justify-content:space-between}.featuregrid{display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;align-items:center}.featuregrid h2{font-size:45px}.featureline{padding:20px 0;border-bottom:1px solid #405971;display:grid;grid-template-columns:32px 1fr;gap:20px}.featureline:last-child{border:0}.featureline .num{font-size:11px;color:#8ed4ee;padding-top:3px}.featureline h3{font-weight:500;margin-bottom:8px}.featureline p{font-size:13px;margin:0}.tabs{display:flex;gap:28px;border-bottom:1px solid #d5dee6;margin:30px 0}.tabs button{padding:15px 0;white-space:nowrap;border:0;background:none;color:var(--muted);font-size:14px}.tabs button.active{color:var(--blue);border-bottom:3px solid var(--blue)}.solutionpanel{display:grid;grid-template-columns:1fr .85fr;gap:75px;align-items:center}.solutionpanel h3{font-size:32px;font-weight:450;letter-spacing:-.8px}.solutionpanel img{height:270px;width:100%;object-fit:contain;background:white;padding:24px;border-radius:10px;mix-blend-mode:multiply}.cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:45px;background:#eaf3f9;border-radius:14px}.cta h2{font-size:34px;margin-bottom:10px}.cta p{margin:0;font-size:14px;max-width:630px}.breadcrumb{font-size:11px;color:var(--muted);padding:23px 0;display:flex;align-items:center;gap:10px}.breadcrumb a{color:var(--blue)}.pagehead{padding:45px 0 49px;background:#f2f6f9;border-bottom:1px solid var(--line)}.pagehead h1{font-size:46px;margin-bottom:16px}.pagehead p{max-width:690px;margin:0;font-size:15px}.pagehead .eyebrow{margin-bottom:13px}.pillnav{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.pill{border:1px solid #cdd8e2;background:white;padding:8px 16px;border-radius:22px;font-size:12px;cursor:pointer}.pill.active{background:var(--navy);border-color:var(--navy);color:white}.cataloglayout{display:grid;grid-template-columns:225px 1fr;gap:35px;padding-top:37px;padding-bottom:70px}.sidebar{border-right:1px solid var(--line);padding-right:25px}.filtergroup{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.filtergroup h3{font-size:12px;letter-spacing:.6px;margin-bottom:13px}.filtergroup a{display:flex;justify-content:space-between;font-size:12px;padding:7px 0;color:var(--muted)}.filtergroup a.active{color:var(--blue);font-weight:700}.filtergroup input,.filtergroup select{width:100%}.filtergroup label{font-size:12px}.filtergroup .checkrow{display:flex;align-items:center;gap:8px}.filtergroup .checkrow input{width:auto}.field{display:grid;gap:7px;font-size:12px;font-weight:600;margin-bottom:18px}.field input,.field select,.field textarea,input.control,select.control{padding:12px 13px;border:1px solid #c9d5df;border-radius:7px;background:#fff;color:var(--ink);width:100%;font-weight:400;min-width:0}.field textarea{min-height:120px;resize:vertical}.field small{font-size:11px;font-weight:400;color:var(--muted)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.catalogtoolbar{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:23px;font-size:12px;color:var(--muted)}.catalogtoolbar select{padding:8px 12px;border:1px solid var(--line);border-radius:5px;font-size:12px}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.productcard{border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;background:white}.productpic{height:215px;padding:20px;display:flex;align-items:center;justify-content:center;background:#f6f8fa;position:relative}.productpic img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.productinfo{padding:19px;display:flex;flex-direction:column;flex:1}.productinfo .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:10px}.productinfo h3{font-size:15px;line-height:1.45;font-weight:600;margin-bottom:9px}.productinfo h3 a:hover{color:var(--blue)}.specshort{font-size:11px;color:var(--muted);margin-bottom:14px}.productprice{font-size:20px;font-weight:600;margin-top:auto;margin-bottom:12px}.productinfo .actions{justify-content:space-between;gap:6px}.productinfo .btn{font-size:11px;padding:9px 14px;min-height:35px}.comparecheck{border:0;background:transparent;color:var(--muted);padding:7px 0;font-size:10px;display:flex;gap:5px;align-items:center}.comparecheck.active{color:var(--blue);font-weight:700}.stockline{font-size:10px;color:#397458;margin-bottom:9px}.stockline.out{color:#9b5c21}.empty{text-align:center;padding:70px 20px;border:1px dashed #c7d4df;border-radius:10px;background:var(--pale)}.empty h2{font-size:28px;margin:18px 0 12px}.empty p{font-size:14px;max-width:460px;margin:0 auto 24px}.producthero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;padding:15px 0 55px;align-items:start}.gallerymain{background:#f3f6f8;border-radius:12px;padding:35px;height:405px;display:flex;align-items:center;justify-content:center}.gallerymain img{display:block;height:100%;width:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.thumbs button{border:1px solid var(--line);border-radius:6px;background:white;width:70px;height:65px;padding:7px}.thumbs button.active{border:2px solid var(--blue)}.thumbs img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.productcopy h1{font-size:36px;line-height:1.2;margin-bottom:15px;letter-spacing:-1px}.productcopy>p{font-size:13px}.ref{font-size:10px;color:var(--muted);margin:15px 0}.keyfacts{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;margin:20px 0}.keyfacts span{color:var(--muted);display:block;font-size:10px;margin-bottom:4px}.buyrow{display:flex;gap:10px;margin-top:20px}.qtycontrol{display:flex;align-items:center;border:1px solid #cbd7e2;border-radius:25px;overflow:hidden;background:white;height:45px}.qtycontrol button{border:0;background:transparent;padding:8px 13px;color:var(--ink)}.qtycontrol input{border:0;text-align:center;width:44px;appearance:textfield;font-size:13px;background:transparent;color:var(--ink)}.qtycontrol input::-webkit-inner-spin-button{appearance:none}.productcopy .pricebig{font-size:29px;font-weight:600;margin-top:20px}.supportstrip{display:flex;gap:25px;font-size:11px;color:var(--muted);padding-top:22px}.supportstrip span{display:flex;align-items:center;gap:7px}.supportstrip .icon{width:16px}.productnav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.productnav .wrap{display:flex;gap:33px;overflow:auto}.productnav a{font-size:12px;white-space:nowrap;padding:17px 0;color:var(--blue)}.specstable{width:100%;border-collapse:collapse;background:white;font-size:13px}.specstable th,.specstable td{text-align:left;padding:15px 20px;border-bottom:1px solid var(--line);vertical-align:top}.specstable th{font-weight:500;color:var(--muted);width:36%}.specstable tr:last-child td,.specstable tr:last-child th{border-bottom:0}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:25px}.panel h3{font-size:18px}.note{font-size:12px;line-height:1.65;border-left:3px solid #7fbbdb;background:#eef5fa;padding:15px 18px;color:#456176;border-radius:0 5px 5px 0}.note.amber{border-color:#c79b3d;background:#fff7e8;color:#765b24}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.formgrid .full{grid-column:1/-1}.contactlayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contactblock{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.contactblock h3{font-size:15px}.contactblock p{font-size:13px;margin-bottom:5px}.contactblock a{color:var(--blue)}.checklabel{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted);margin:15px 0 23px}.checklabel input{margin-top:4px}.uploadbox{border:1px dashed #a8bed0;border-radius:8px;padding:20px;background:var(--pale)}.summary{background:#f3f6f9;padding:25px;border:1px solid var(--line);border-radius:11px;position:sticky;top:110px}.summary h3{font-size:17px}.summaryrow{display:flex;justify-content:space-between;align-items:start;gap:15px;font-size:12px;padding:10px 0}.summaryrow.total{border-top:1px solid #cfdbe4;font-size:16px;font-weight:600;margin-top:8px;padding-top:20px}.commercegrid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start}.cartline{display:grid;grid-template-columns:100px 1fr auto;gap:22px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.cartline img{height:95px;width:100%;object-fit:contain;background:#f5f7f9;padding:8px;border-radius:6px}.cartline h3{font-size:14px;margin-bottom:8px}.cartline .qtycontrol{height:34px;width:max-content;margin-top:12px}.cartline .qtycontrol button{padding:4px 10px}.cartline .qtycontrol input{width:35px;font-size:12px}.cartline>strong{font-size:14px;align-self:start;padding-top:8px}.remove{border:0;background:none;color:#8b6570;font-size:11px;padding:4px 0}.successmark{width:65px;height:65px;border-radius:50%;background:#e1f2e7;color:#2c764a;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.successmark .icon{width:28px;height:28px}.confirmbox{max-width:740px;margin:auto;text-align:center}.confirmbox .specstable{text-align:left;margin:30px 0}.accountnav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:30px}.accountnav a{font-size:13px;padding-bottom:13px}.accountnav a.active{color:var(--blue);border-bottom:2px solid var(--blue)}.article{max-width:850px;margin:auto}.article h2{font-size:29px;letter-spacing:-.5px;margin-top:35px}.article h3{font-size:21px;margin-top:27px}.article p,.article li{font-size:15px;line-height:1.9;color:var(--muted)}.article table{width:100%;border-collapse:collapse;margin:25px 0;font-size:12px}.article th,.article td{border:1px solid var(--line);padding:12px;text-align:left}.article a{color:var(--blue);text-decoration:underline}.articlecard{padding:30px;border:1px solid var(--line);border-radius:10px;background:white}.articlecard h3{font-size:23px;font-weight:500}.articlecard p{font-size:13px}.faq{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:15px;font-weight:600}.faq p{padding-top:15px;font-size:14px;margin-bottom:0}.connectorbox{border:1px solid var(--line);border-radius:8px;padding:22px;background:white}.connectorbox h3{font-size:18px}.connectorbox p{font-size:12px}.comparetable{width:100%;border-collapse:collapse;min-width:600px;font-size:12px}.comparetable td,.comparetable th{text-align:left;border:1px solid var(--line);padding:17px;vertical-align:top}.comparetable th{width:18%;color:var(--muted);font-weight:500}.comparetable img{height:135px;width:100%;object-fit:contain;margin-bottom:20px}.comparetable h3{font-size:15px}.tablewrap{overflow:auto}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dashboard{display:grid;grid-template-columns:210px 1fr;min-height:650px;background:#f4f7fa}.adminside{background:#112d46;color:#c3d4e2;padding:30px 22px}.adminside .eyebrow{color:#6ea7cc;font-size:9px;margin-bottom:22px}.adminside a{display:flex;align-items:center;gap:10px;font-size:12px;padding:11px 13px;border-radius:6px;margin-bottom:4px}.adminside a.active{background:#2c4b66;color:white}.adminside .icon{width:16px}.adminside p{font-size:11px;color:#90a9be;margin-top:24px;line-height:1.7}.adminmain{padding:32px 37px;min-width:0}.adminmain h1{font-size:30px;margin:0 0 7px;letter-spacing:-.7px}.adminmain .subheading{font-size:12px;margin:0 0 26px}.metric{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.metric span{font-size:11px;color:var(--muted)}.metric strong{display:block;font-size:30px;font-weight:500;margin:8px 0 5px;letter-spacing:-1px}.metric small{font-size:10px;color:var(--muted)}.datapanel{background:white;border:1px solid var(--line);border-radius:9px;padding:23px;margin-top:25px}.datapanel h3{font-size:16px}.datatable{border-collapse:collapse;width:100%;font-size:11px}.datatable th{text-align:left;color:var(--muted);font-weight:500;background:#f6f8fa;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}.datatable td{padding:13px 12px;border-bottom:1px solid #e8edf2;vertical-align:middle}.datatable tr:last-child td{border:0}.datatable .tableproduct{display:flex;align-items:center;gap:12px;min-width:200px;max-width:300px}.tableproduct img{width:42px;height:42px;object-fit:contain;background:#f5f7f9;padding:4px}.tableproduct strong{font-size:11px;display:block}.tableproduct small{color:var(--muted);font-size:9px}.adminfilters{display:flex;align-items:center;gap:12px;margin:20px 0}.adminfilters input{max-width:330px}.adminfilters select{max-width:190px}.adminfilters .control{font-size:12px;padding:10px}.detailgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:25px}.listitem{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.listitem:last-child{border:0}.listitem strong{display:block;font-size:12px}.listitem span{font-size:11px;color:var(--muted)}.statusselect{font-size:11px;padding:7px;border:1px solid var(--line);border-radius:5px}.seoresult{border:1px solid var(--line);padding:22px;border-radius:8px}.seoresult small{font-size:11px;color:var(--muted);word-break:break-all}.seoresult h3{color:#204baf;font-size:19px;font-weight:500;margin:8px 0}.seoresult p{font-size:12px;margin-bottom:0}.codepath{font-family:ui-monospace,monospace;font-size:10px;overflow-wrap:anywhere;color:#56758e}.testrow{display:grid;grid-template-columns:1fr 135px;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.testrow h3{font-size:13px;margin-bottom:6px}.testrow p{font-size:11px;margin-bottom:0}.progress{height:5px;background:#e6edf3;border-radius:4px;overflow:hidden;margin-top:15px}.progress span{height:100%;display:block;background:#35876a}.feedbackfab{position:fixed;bottom:22px;right:24px;z-index:30;background:#153b5b;color:white;border:1px solid #48728f;border-radius:28px;padding:10px 17px;font-size:11px;box-shadow:0 5px 15px #14364b24;display:flex;gap:8px;align-items:center}footer{background:#f1f5f8;border-top:1px solid var(--line);padding:50px 0 20px}.footergrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:45px}.footerbrand img{width:145px;height:60px;object-fit:contain;mix-blend-mode:multiply;margin-bottom:20px}.footerbrand p{font-size:12px;max-width:260px}.footergrid h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:15px 0 17px}.footergrid a{display:block;font-size:11px;color:var(--muted);padding:5px 0}.footergrid a:hover{color:var(--blue)}.footergrid p{font-size:11px}.footerbottom{border-top:1px solid #d4dfe8;padding:22px 0 0;margin-top:35px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#647b90}.skip{position:fixed;top:-60px;left:15px;z-index:100;background:var(--navy);color:white;padding:10px 20px}.skip:focus{top:8px}#toast{position:fixed;left:50%;bottom:27px;transform:translateX(-50%);background:#153c57;color:white;border-radius:7px;padding:13px 22px;z-index:100;font-size:12px;box-shadow:0 7px 30px #07253b33;max-width:80vw}#toast:empty{display:none}dialog{border:0;border-radius:13px;width:min(700px,92vw);max-height:90vh;padding:30px;color:var(--ink);box-shadow:0 20px 80px #0e2d4660;overflow:auto}dialog::backdrop{background:#08223d99;backdrop-filter:blur(3px)}dialog h2{font-size:27px;margin-bottom:12px}dialog .closemodal{position:absolute;right:18px;top:16px;border:0;background:var(--pale);border-radius:50%;width:30px;height:30px;font-size:20px;display:flex;align-items:center;justify-content:center;color:var(--muted)}.searchinput{font-size:20px!important;padding:18px!important;margin:10px 0 20px}.searchresult{display:flex;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.searchresult img{width:55px;height:55px;object-fit:contain;background:var(--pale)}.searchresult strong{font-size:13px;display:block}.searchresult small{font-size:11px;color:var(--muted)}.errorline{color:#a6323b;font-size:12px;padding:10px 0}.hide{display:none!important}[hidden]{display:none!important}.printonly{display:none}.filelist{font-size:11px;color:var(--muted);padding-top:10px}.demo-list{list-style:none;padding:0;margin:15px 0}.demo-list li{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.barchart{display:grid;gap:13px}.barrow{display:grid;grid-template-columns:110px 1fr 30px;gap:12px;align-items:center;font-size:10px}.bartrack{height:8px;background:#eef2f6;border-radius:5px;overflow:hidden}.bartrack span{height:100%;display:block;background:#327eb7}.seo-count{font-size:11px;color:var(--muted)}.filtermobile{display:none}.contentwidth{max-width:820px}.faqwrap{max-width:850px;margin:auto}.reviewnotice{margin:0 0 25px}.article .note{font-size:11px}.adminrole{display:flex;align-items:center;gap:7px;font-size:10px}.adminrole select{font-size:10px;padding:6px;border-radius:4px;border:1px solid #bacbd8;background:white;color:var(--ink)}
@media(min-width:1500px){.herogrid{min-height:610px}.hero h1{font-size:73px}}@media(max-width:1100px){.nav{gap:18px}.navlinks{gap:17px}.navtools>.btn{display:none}.brand,.brand img{width:125px}.herogrid{gap:32px}.hero h1{font-size:54px}.productgrid{grid-template-columns:repeat(2,1fr)}.cataloglayout{gap:25px;grid-template-columns:200px 1fr}.featuregrid{gap:55px}.grid4{grid-template-columns:repeat(2,1fr)}.footergrid{gap:25px}.adminmain{padding:26px}.dashboard{grid-template-columns:180px 1fr}.adminside{padding:25px 15px}.commercegrid{grid-template-columns:1fr 300px;gap:30px}}
@media(max-width:800px){.wrap{padding:0 22px}.section{padding:50px 0}.reviewbar .wrap>span{font-size:0}.reviewbar b{font-size:9px;margin:0}.reviewbar a{font-size:10px;margin-left:11px}.utility{display:none}.nav{height:75px;gap:12px}.navlinks{display:none}.navtools{margin-left:auto}.mobiletoggle{display:inline-flex}.nav.mobileopen{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:14px}.nav.mobileopen .navlinks{display:flex;flex-direction:column;align-items:start;order:3;width:100%;padding-top:18px;gap:0}.nav.mobileopen .navlinks>a,.nav.mobileopen .navlinks>details{padding:10px 0;width:100%}.mega{position:static;box-shadow:none;padding:15px 0 0}.mega .wrap{padding:0;grid-template-columns:1fr 1fr;gap:20px}.megaaside{display:none}.herogrid{grid-template-columns:1fr;padding-top:45px;padding-bottom:35px;gap:25px}.hero h1{font-size:53px;letter-spacing:-1.8px;max-width:650px}.hero p{max-width:540px;font-size:15px}.herovisual{max-width:480px;min-height:345px;width:100%;margin:0 auto 20px}.herocard{margin-top:0;padding:20px}.herocard img{height:230px}.heromini{right:0}.herofoot{flex-wrap:wrap;gap:15px;font-size:10px}.sectionhead{align-items:start;flex-direction:column;gap:15px}.sectionhead>p{max-width:100%}.grid3{grid-template-columns:repeat(2,1fr);gap:16px}.grid2{gap:23px}.featuregrid,.solutionpanel,.contactlayout,.producthero,.commercegrid{grid-template-columns:1fr;gap:30px}.featuregrid h2{font-size:36px}.featureline{padding:18px 0}.solutionpanel img{height:230px}.tabs{gap:20px;overflow:auto}.tabs button{font-size:12px}.cta{padding:28px;align-items:start;flex-direction:column;gap:22px}.cta h2{font-size:30px}.pagehead{padding:32px 0}.pagehead h1{font-size:37px}.cataloglayout{grid-template-columns:1fr;padding-top:25px;gap:20px}.sidebar{display:none;border:1px solid var(--line);border-radius:8px;padding:20px}.sidebar.open{display:block}.filtermobile{display:inline-flex}.catalogtoolbar{flex-wrap:wrap}.producthero{padding-top:0}.productcopy h1{font-size:31px}.gallerymain{height:330px}.productnav .wrap{gap:23px}.summary{position:static}.cartline{grid-template-columns:75px 1fr auto;gap:15px}.cartline img{height:75px}.footergrid{grid-template-columns:1fr 1fr}.footerbrand{grid-column:1/-1}.footerbrand p{max-width:100%}.footerbottom{flex-direction:column;gap:10px}.dashboard{grid-template-columns:1fr}.adminside{padding:18px 22px;display:flex;gap:6px;overflow:auto;align-items:center}.adminside a{white-space:nowrap;margin:0;padding:9px 13px;font-size:11px}.adminside .eyebrow,.adminside p,.adminside>.rolebox{display:none}.adminmain{padding:25px 20px}.adminmain h1{font-size:26px}.detailgrid{grid-template-columns:1fr}.grid4{gap:13px}.datapanel{padding:18px;margin-top:20px}.adminfilters{flex-wrap:wrap}.adminfilters input{max-width:none}.metric{padding:16px}.metric strong{font-size:25px}.toolbar{align-items:start;flex-wrap:wrap;gap:14px}.feedbackfab{bottom:16px;right:16px;padding:9px 13px}.productgrid{gap:13px}.productpic{height:165px;padding:17px}.productinfo{padding:15px}.productinfo h3{font-size:13px}.productinfo .actions{flex-wrap:wrap}.productinfo .btn{padding:8px 12px;font-size:10px}.productprice{font-size:18px}.contactlayout{gap:25px}.formgrid{gap:0 13px}.testrow{grid-template-columns:1fr 110px}.adminrole{flex-wrap:wrap}.barrow{grid-template-columns:85px 1fr 25px}}
@media(max-width:480px){.hero h1{font-size:43px;letter-spacing:-1.5px}.hero p{font-size:14px}.hero .actions{gap:6px}.hero .btn{font-size:12px;padding:12px 17px}.herovisual{min-height:300px}.herocard img{height:200px}.heromini{padding:10px 14px;margin-left:30px}.heromini img{width:58px;height:60px}.herofoot span:last-child{display:none}.grid3{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.categorycard{display:grid;grid-template-columns:125px 1fr;align-items:center}.categoryimage{height:100%;min-height:170px;padding:12px}.categorybody{padding:20px}.categorybody h3{font-size:19px}.categorybody p{font-size:11px;margin-bottom:10px}.categorybody .row{font-size:10px}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.productpic{height:155px;padding:12px}.productinfo{padding:12px}.productinfo .eyebrow{font-size:8px}.productinfo h3{font-size:12px}.productinfo .actions{display:block}.productinfo .btn{width:100%}.productinfo .comparecheck{font-size:9px;margin-top:7px}.stockline{font-size:9px}.specshort{font-size:10px}.brand,.brand img{width:112px}.nav{gap:9px}.navtools{gap:4px}.iconbtn{width:35px;height:35px}.cartbtn{padding:5px}.cartbtn>span.label{display:none}.mobiletoggle{width:33px}.pagehead h1{font-size:32px}.pagehead p{font-size:13px}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}.productcopy h1{font-size:28px}.gallerymain{height:290px;padding:20px}.productcopy .buyrow{flex-wrap:wrap}.productcopy .btn{font-size:12px}.cartline{grid-template-columns:60px 1fr;gap:13px}.cartline>strong{grid-column:2;padding:0}.summary{padding:21px}.footergrid{gap:18px}.footergrid h3{font-size:10px}.footergrid a{font-size:10px}.testrow{grid-template-columns:1fr;gap:12px}.testrow select{width:100%}.metric span{font-size:10px}.metric strong{font-size:24px}.grid4{gap:10px}.keyfacts{gap:12px}.datapanel .actions{gap:8px}.specstable th,.specstable td{padding:12px;font-size:12px}.sectionhead h2{font-size:30px}.contactlayout .panel{padding:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{#reviewbar,header,footer,.feedbackfab,#toast,.productnav,.thumbs,.buyrow,.actions,.breadcrumb{display:none!important}.section{padding:20px 0}.wrap{padding:0;max-width:none}.producthero{grid-template-columns:1fr 1fr;gap:25px}.gallerymain{height:230px}.productcopy h1{font-size:25px}.printonly{display:block}body{font-size:11px}.productcopy p{font-size:11px}}

/* Three category banners. Exact source images; layout and typography stay editable. */
.category-spotlight{--banner-ink:#0b2b44;--banner-photo:#eaebed;background:linear-gradient(90deg,var(--banner-ink) 55%,var(--banner-photo) 55%);color:white}
.category-spotlight[data-theme=power]{--banner-photo:#e3edf5}
.category-spotlight[data-theme=conversion]{--banner-ink:#152e51}
.category-spotlight[data-theme=splitters]{--banner-ink:#0a343d}
.spotlight-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;min-height:540px;gap:0}
.banner-copy{padding:64px 60px 58px 0;align-self:center;min-width:0}
.banner-copy .eyebrow{font-size:10px;letter-spacing:1.7px;color:#98cee9;margin-bottom:23px}
.banner-copy h1{font-size:clamp(43px,4.4vw,64px);font-weight:500;line-height:1.07;letter-spacing:-2.1px;margin:0 0 24px;max-width:570px}
.banner-copy h1 span{color:#8ddcf4}
.banner-copy p{color:#cbdae5;font-size:15px;line-height:1.8;max-width:450px;margin:0 0 22px}
.banner-range{font-size:11px;color:#e0edf4;letter-spacing:.15px;border-top:1px solid #ffffff24;padding-top:18px;margin:0 0 29px;max-width:450px}
.banner-copy .actions{gap:15px;align-items:center;flex-wrap:wrap}
.banner-copy .btn{font-size:12px;padding:14px 20px}
.banner-enquiry{font-size:11px;color:#dcecf6;padding:10px 0;border-bottom:1px solid #aacbd66b}
.banner-art{position:relative;display:block;min-width:0;height:540px;background:var(--banner-photo);overflow:hidden;isolation:isolate}
.banner-art img{display:block;object-fit:contain;object-position:center}
.banner-art-orbit{position:absolute;border:1px solid #7d98ad29;border-radius:50%;width:370px;height:370px;left:50%;top:85px;transform:translateX(-50%);z-index:-1}
.banner-art-orbit:after{content:'';position:absolute;inset:34px;border:1px solid #7d98ad1a;border-radius:50%}
.banner-power-photo{position:absolute;width:380px;height:570px;bottom:78px;left:50%;transform:translateX(-50%);filter:drop-shadow(12px 16px 14px #1e36481f)}
.banner-art-label{position:absolute;bottom:25px;left:32px;right:32px;display:grid;grid-template-columns:1fr auto;color:#193c54;border-top:1px solid #193c5424;padding-top:16px;gap:5px 15px}
.banner-art-label>span{font-size:10px;font-weight:700;letter-spacing:1.4px}
.banner-art-label small{font-size:11px;grid-column:1;opacity:.8}
.banner-art-label .icon{grid-column:2;grid-row:1/3;align-self:center}
.banner-conversion-photo{position:absolute;width:60%;height:66%;top:18px;left:0}
.banner-conversion-cable{position:absolute;width:54%;height:56%;bottom:74px;right:3%}
.banner-splitter-photo{position:absolute;width:91%;height:80%;left:4.5%;top:1%}












.categoryimage{position:relative}
.categoryimage.power-category{background:#e3edf5;overflow:hidden}
.power-category img{position:absolute;height:310px;width:100%;bottom:15px;left:0;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(5px 6px 5px #193c541c)}
.compact-banner .spotlight-grid{min-height:355px}
.compact-banner .banner-copy{padding-top:38px;padding-bottom:38px}
.compact-banner .banner-copy h1{font-size:49px}
.compact-banner .banner-copy p{font-size:13px}
.compact-banner .banner-art{height:355px}
.compact-banner .banner-power-photo{width:280px;height:420px;bottom:68px}
.compact-banner .banner-art-orbit{width:250px;height:250px;top:30px}
.compact-banner .banner-art-label{bottom:19px}
.compact-banner .banner-range{margin-bottom:20px}
@media(min-width:1500px){.spotlight-grid,.banner-art{min-height:590px}.banner-power-photo{height:620px;width:414px}.banner-copy h1{font-size:68px}.compact-banner .spotlight-grid,.compact-banner .banner-art{min-height:355px}}
@media(max-width:1100px){.banner-copy{padding-right:35px}.banner-copy h1{font-size:49px}.banner-copy .actions{gap:6px}.banner-art,.spotlight-grid{min-height:530px}.banner-power-photo{width:350px;height:525px;bottom:88px}.banner-conversion-photo{width:70%;left:-3%;top:20px}.banner-conversion-cable{width:57%;right:0;bottom:95px}}
@media(max-width:800px){.category-spotlight{background:var(--banner-ink)}.spotlight-grid{grid-template-columns:1fr;padding-left:0;padding-right:0;min-height:0}.banner-copy{padding:42px 25px 35px}.banner-copy h1{font-size:47px;max-width:610px;letter-spacing:-1.6px}.banner-copy p{max-width:560px;font-size:14px}.banner-copy .eyebrow{font-size:9px;margin-bottom:20px}.banner-range{max-width:560px;font-size:10px;margin-bottom:23px}.banner-copy .actions{gap:18px}.banner-art{height:355px;min-height:0}.banner-power-photo{width:300px;height:450px;bottom:72px}.banner-art-orbit{height:270px;width:270px;top:25px}.banner-art-label{bottom:22px;left:25px;right:25px}.banner-conversion-photo{width:54%;height:88%;left:4%;top:-12px}.banner-conversion-cable{width:44%;height:79%;bottom:57px;right:4%}.banner-splitter-photo{width:83%;height:83%;left:8.5%;top:-3%}.compact-banner .spotlight-grid{min-height:0}.compact-banner .banner-copy{padding:30px 25px}.compact-banner .banner-copy h1{font-size:38px}.compact-banner .banner-art{height:290px;min-height:0}.compact-banner .banner-power-photo{width:260px;height:390px;bottom:68px}.compact-banner .banner-copy p{max-width:560px}.compact-banner .banner-range{margin-bottom:18px}}
@media(max-width:480px){.banner-copy{padding:34px 22px 30px}.banner-copy h1{font-size:42px;line-height:1.08}.banner-copy .btn{padding:12px 16px;font-size:11px}.banner-copy .actions{gap:9px 17px}.banner-enquiry{font-size:10px}.banner-art{height:315px}.banner-power-photo{width:270px;height:405px;bottom:72px}.banner-art-label{left:22px;right:22px;bottom:20px}.banner-art-label>span{font-size:9px;letter-spacing:1px}.banner-art-label small{font-size:10px}.banner-art-orbit{width:250px;height:250px;top:15px}.categorycard{display:block}.categoryimage{height:190px;min-height:190px;padding:20px}.power-category img{height:310px;bottom:14px}.categorybody{padding:23px}.categorybody h3{font-size:21px}.categorybody p{font-size:13px}.categorybody .row{font-size:11px}.banner-conversion-photo{width:63%;height:76%;left:-2%;top:-5px}.banner-conversion-cable{width:55%;height:67%;right:0;bottom:58px}.banner-splitter-photo{width:97%;height:78%;left:1.5%;top:0}.compact-banner .banner-copy h1{font-size:35px}.compact-banner .banner-copy{padding:29px 22px}.compact-banner .banner-art{height:275px}.compact-banner .banner-power-photo{width:250px;height:375px;bottom:65px}}

.compact-banner .banner-art{min-height:0}
@media(min-width:801px){.category-spotlight .banner-art{height:auto;min-height:540px}.category-spotlight.compact-banner .banner-art{min-height:355px}.category-spotlight .banner-power-photo{bottom:105px}}
@media(min-width:1500px){.category-spotlight:not(.compact-banner) .banner-art{min-height:590px}}
@media(max-width:800px){.banner-power-photo{bottom:96px}.compact-banner .banner-power-photo{bottom:88px}}
@media(max-width:480px){.banner-power-photo{bottom:94px}.compact-banner .banner-power-photo{bottom:85px}}
#categoryProducts{scroll-margin-top:130px}@media(max-width:800px){#categoryProducts{scroll-margin-top:100px}}
@media(max-width:800px){.banner-conversion-photo{width:50%;height:76%;left:0;top:0}.banner-conversion-cable{width:50%;height:76%;right:0;top:0;bottom:auto}}

/* Reversible blue photo-background trial. Original photograph files are untouched. */
.photo-surface{display:contents}
.photo-style-toggle{font:inherit;font-size:10px;font-weight:600;color:#1a4a71;border:1px solid #b8cbdc;border-radius:4px;padding:4px 9px;background:white;cursor:pointer;white-space:nowrap}
.photo-style-toggle[aria-pressed=true]{background:#d7e8f5;border-color:#8aafca}
.reviewbar .wrap>div{display:flex;align-items:center;gap:15px}
.reviewbar a{margin-left:0}
html[data-photo-style=blue]{--product-photo-bg:#e3edf5}
html[data-photo-style=blue] :is(.categoryimage,.productpic,.gallerymain,.thumbs button,.photo-surface){background:var(--product-photo-bg)}
html[data-photo-style=blue] .category-spotlight{--banner-photo:var(--product-photo-bg)}
html[data-photo-style=blue] :is(.categoryimage,.productpic,.gallerymain,.thumbs button,.photo-surface)>img,
html[data-photo-style=blue] .banner-art img:not(.banner-power-photo){background:transparent;filter:brightness(1.1);mix-blend-mode:multiply}
html[data-photo-style=blue] .power-category img{filter:drop-shadow(5px 6px 5px #193c541c);mix-blend-mode:normal}
html[data-photo-style=blue] .photo-surface{display:block;isolation:isolate;overflow:hidden}
html[data-photo-style=blue] .photo-surface>img{margin-bottom:0!important}
html[data-photo-style=blue] .cartline>.photo-surface{height:95px;border-radius:6px}
html[data-photo-style=blue] .comparetable .photo-surface{height:135px;margin-bottom:20px}
html[data-photo-style=blue] .connectorbox>.photo-surface{height:145px;margin-bottom:20px}
html[data-photo-style=blue] .solutionpanel>.photo-surface{height:270px;border-radius:10px}
html[data-photo-style=blue] .tableproduct>.photo-surface{width:42px;height:42px;flex:0 0 42px}
html[data-photo-style=blue] .searchresult>.photo-surface{width:55px;height:55px;flex:0 0 55px}
@media(max-width:800px){.reviewbar .wrap{flex-wrap:wrap;gap:7px}.reviewbar .wrap>div{gap:12px}.reviewbar a{margin-left:0}html[data-photo-style=blue] .cartline>.photo-surface{height:75px}html[data-photo-style=blue] .solutionpanel>.photo-surface{height:230px}}
@media(max-width:480px){.reviewbar .wrap>div{width:100%;justify-content:space-between}.photo-style-toggle{font-size:10px;padding:3px 8px}}

/* Accessible full-screen product image viewer. */
.gallerymain{border:0;width:100%;position:relative;cursor:zoom-in}
.gallery-zoom-hint{position:absolute;bottom:14px;right:14px;display:flex;align-items:center;gap:7px;background:#fffef9eb;color:#173c56;border:1px solid #d3e0eb;border-radius:30px;padding:8px 12px;font-size:11px;box-shadow:0 3px 14px #183a5110;pointer-events:none}
.gallery-zoom-hint .icon{width:15px;height:15px}
.zoom-touch-help{display:none}
.image-zoom-open{overflow:hidden}
.image-zoom{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:var(--ink)}
.image-zoom::backdrop{background:#071d32e8}
.zoom-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.zoom-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:'title tools close';align-items:center;gap:24px;padding:18px 25px;border-bottom:1px solid var(--line);background:white}
.zoom-header h2{grid-area:title;font-size:17px;font-weight:600;line-height:1.4;letter-spacing:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zoom-close{grid-area:close;font-size:26px!important}
.zoom-tools{grid-area:tools;display:flex;align-items:center;gap:10px}
.zoom-tools output{font-size:12px;min-width:48px;text-align:center;font-variant-numeric:tabular-nums}
.zoom-button{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:8px;border:1px solid #c8d6e2;border-radius:7px;background:white;color:#1b4b6e;font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}
.zoom-button:hover{background:#eef5fa;border-color:#7fa8c7}
.zoom-button:disabled{opacity:.35;cursor:default}
.zoom-fit{font-size:12px;padding:10px 15px;margin-left:4px}
.zoom-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#f3f6f8;touch-action:none;user-select:none;-webkit-user-select:none}
.zoom-photo{position:absolute;left:50%;top:50%;max-width:none;display:block;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform}
.zoom-viewport.is-enlarged{cursor:grab}
.zoom-viewport.is-enlarged.is-dragging{cursor:grabbing}
.zoom-footer{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 25px;border-top:1px solid var(--line);background:white}
.zoom-gallery-controls{display:flex;align-items:center;gap:12px}
.zoom-gallery-controls>span{font-size:12px;min-width:82px;text-align:center;font-variant-numeric:tabular-nums}
.zoom-thumbnails{display:flex;gap:8px;overflow:auto;padding:2px;max-width:100%}
.zoom-thumbnails button{border:1px solid #c8d6e2;border-radius:5px;padding:5px;width:54px;height:48px;flex:0 0 54px;background:#f3f6f8;cursor:pointer}
.zoom-thumbnails button[aria-pressed=true]{border:2px solid #1f6da4;padding:4px}
.zoom-thumbnails img{height:100%;width:100%;object-fit:contain}
.zoom-help{font-size:11px;color:#62798b;margin:0 0 0 auto}
html[data-photo-style=blue] :is(.zoom-viewport,.zoom-thumbnails button){background:var(--product-photo-bg)}
html[data-photo-style=blue] :is(.zoom-photo,.zoom-thumbnails img){filter:brightness(1.1);mix-blend-mode:multiply}
@media(max-width:800px){.zoom-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'title close' 'tools tools';gap:12px;padding:12px 16px}.zoom-header h2{font-size:14px}.zoom-tools{justify-content:center}.zoom-footer{gap:10px 15px;padding:10px 14px;justify-content:center}.zoom-help{width:100%;text-align:center;margin:0}.zoom-gallery-controls{gap:8px}.zoom-thumbnails{gap:5px}.zoom-thumbnails button{width:43px;height:41px;flex-basis:43px}.zoom-button{min-width:40px;height:40px}.zoom-fit{font-size:11px}.gallery-zoom-hint{font-size:10px;padding:7px 10px}}
@media(hover:none),(pointer:coarse){.zoom-touch-help{display:inline}.zoom-desktop-help{display:none}}
@media print{.gallery-zoom-hint,.image-zoom{display:none!important}}
.productcard{position:relative}
.product-card-zoom{position:absolute;right:11px;top:11px;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:1px solid #bed0df;border-radius:50%;background:#ffffffed;color:#1d5075;cursor:zoom-in;box-shadow:0 3px 10px #173c560c}
.product-card-zoom:hover{background:white;border-color:#3278a9}
.product-card-zoom .icon{width:17px;height:17px}
@media(max-width:480px){.product-card-zoom{width:30px;height:30px;top:8px;right:8px}.product-card-zoom .icon{width:15px;height:15px}}

/* A fluid, consistent presentation for every catalogue entry. */
#main{min-width:0}
.productgrid,.grid3{align-items:stretch}
.productgrid>* , .spotlight-grid>* , .cataloglayout>*{min-width:0}
.productinfo h3,.productcopy h1,.categorybody h3{overflow-wrap:anywhere}
.productcard,.categorycard,.articlecard{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.btn,.iconbtn,.comparecheck,.photo-style-toggle{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.btn:active:not(:disabled),.iconbtn:active{transform:translateY(1px)}
.btn .icon,.linkbtn .icon,.arrowcircle,.banner-art-label .icon{transition:transform .24s ease}
.productpic img,.categoryimage img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.banner-power-photo{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.banner-art-orbit{transition:opacity .4s ease}
.nav summary .icon{transition:transform .2s ease}
.nav details[open] summary .icon{transform:rotate(180deg)}
.sidebar-mobile-head,.filter-done{display:none}
.catalogtoolbar,#catalogSidebar{scroll-margin-top:130px}
@keyframes legacy-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.mega,.sidebar.open,.solutionpanel{animation:legacy-arrive .28s ease-out}
@media(hover:hover) and (pointer:fine){
 .productcard:hover,.articlecard:hover{transform:translateY(-4px);box-shadow:0 15px 35px #102b4510;border-color:#adc6d9}
 .productcard:hover .productpic img,.categorycard:hover .categoryimage img{transform:scale(1.035)}
 .categorycard:hover .arrowcircle,.categorycard:focus-visible .arrowcircle{transform:translateX(3px)}
 .banner-art:hover .banner-power-photo{transform:translateX(-50%) translateY(-5px)}
 .banner-art:hover .banner-art-orbit{opacity:.5}
 .btn:hover .icon,.linkbtn:hover .icon,.banner-art:hover .banner-art-label .icon{transform:translateX(3px)}
 .iconbtn:hover{background:#edf4f9;border-color:#8bb5d5}
}
/* A scrollable navigation panel stays usable on smaller and shorter screens. */
@media(max-width:960px){
 .utility{display:none}
 .nav{position:relative;height:75px;gap:12px}
 .navlinks{display:none}
 .navtools{margin-left:auto}
 .mobiletoggle{display:inline-flex}
 .nav.mobileopen{height:75px;flex-wrap:nowrap;padding:0}
 .nav.mobileopen .navlinks{position:absolute;top:100%;left:-22px;right:-22px;z-index:30;display:flex;flex-direction:column;align-items:stretch;width:auto;margin:0;background:white;padding:12px 22px 22px;gap:0;border-bottom:1px solid var(--line);box-shadow:0 18px 28px #102b4517;max-height:calc(100vh - 140px);max-height:min(calc(100dvh - 140px),660px);overflow-y:auto;overscroll-behavior:contain;animation:legacy-arrive .22s ease-out}
 .nav.mobileopen .navlinks>a,.nav.mobileopen .navlinks>details{padding:13px 0;width:100%;border-bottom:1px solid #edf1f4}
 .nav.mobileopen .navlinks>details>summary{min-height:24px}
 .mega{position:static;box-shadow:none;padding:18px 0 0;border:0}
 .mega .wrap{padding:0;grid-template-columns:1fr 1fr;gap:20px}
 .mega a{padding:10px 0}
 .megaaside{display:none}
}
@media(max-width:800px){
 .sidebar-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
 .sidebar-mobile-head h2{font-size:22px;letter-spacing:-.5px;margin:0}
 .filter-done{display:flex;width:100%;margin-top:18px}
 .catalogtoolbar,#catalogSidebar{scroll-margin-top:94px}
 .catalogtoolbar{gap:12px}
 .catalogtoolbar>.row{width:100%;justify-content:space-between;flex-wrap:wrap}
 .catalogtoolbar select{max-width:165px;min-height:44px}
 .filtermobile{min-height:44px}
 .filtergroup a{min-height:42px;align-items:center}
 .productinfo .btn{min-height:42px}
 .comparecheck{min-height:38px}
 .thumbs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;overscroll-behavior-x:contain}
 .thumbs button{flex-shrink:0}
 .tabs{scroll-padding-inline:4px}
 .tabs button{min-height:48px}
 .home-power-banner .banner-copy h1{font-size:clamp(35px,5.8vw,50px);max-width:620px}
}
@media(max-width:480px){
 .navtools .iconbtn{width:37px;height:42px}
 .navtools{gap:3px}
 .home-power-banner .banner-copy h1{font-size:clamp(34px,9.3vw,44px);letter-spacing:-1.3px}
 .home-power-banner .banner-copy{padding-top:32px;padding-bottom:30px}
 .home-power-banner .banner-copy p{font-size:14px}
 .home-power-banner .banner-copy .btn{min-height:46px;font-size:12px}
 .home-power-banner .banner-enquiry{font-size:11px;min-height:40px;display:inline-flex;align-items:center}
 .productinfo .comparecheck{font-size:10px}
 .mega .wrap{gap:15px}
 .mega strong{font-size:10px;letter-spacing:.5px}
 .mega a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 html{scroll-behavior:auto}
 .categorycard:hover,.productcard:hover,.articlecard:hover,.productcard:hover .productpic img,.categorycard:hover .categoryimage img,.btn:active:not(:disabled),.iconbtn:active{transform:none}
 .banner-art:hover .banner-power-photo{transform:translateX(-50%)}
}
@media(max-width:360px){
 .brand,.brand img{width:90px}
 .nav{gap:8px}
 .navtools .iconbtn{width:32px}
 .cartbtn{gap:3px;padding:4px 2px}
 .navtools{gap:3px}
}
.producthero>*{min-width:0}
.productcopy>.linkbtn{max-width:100%;text-align:left}

/* Full live product copy and uncropped explanatory images. */
.product-introduction{font-size:14px}
.product-introduction p{margin-bottom:12px}
.product-introduction a,.product-description-text a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.product-description-text{max-width:950px;overflow-wrap:anywhere}
.product-description-text h2{font-size:28px;letter-spacing:-.5px;margin:32px 0 16px}
.product-description-text h3{font-size:21px;margin:26px 0 14px}
.product-description-text p,.product-description-text li{font-size:14px;line-height:1.85;color:var(--muted)}
.product-description-text ul,.product-description-text ol{padding-left:22px}
.product-description-text li{padding-left:5px;margin-bottom:12px}
.product-description-text strong,.product-description-text b{color:var(--ink)}
.product-description-text table{border-collapse:collapse;max-width:100%;width:100%}
.product-description-text th,.product-description-text td{border:1px solid var(--line);padding:12px;text-align:left}
.description-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;margin-top:36px}
.detail-visual{position:relative;display:block;width:100%;min-width:0;padding:0;border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;cursor:zoom-in}
.detail-visual img{width:100%;height:auto;display:block;object-fit:contain}
.detail-visual .gallery-zoom-hint{pointer-events:none;background:#ffffffed;color:var(--navy)}
html[data-photo-style=blue] .gallerymain[data-image-kind=supporting]>img,
html[data-photo-style=blue] .thumbs button.supporting>img,
html[data-photo-style=blue] .image-zoom[data-image-kind=supporting] #zoomPhoto{filter:none;mix-blend-mode:normal;background:white}
@media(max-width:800px){.description-visuals{grid-template-columns:1fr;gap:18px}.product-description-text h2{font-size:25px}.product-description-text p,.product-description-text li{font-size:13px}.detail-visual .gallery-zoom-hint{font-size:10px}}

/* Stable desktop proportions with a shorter hero for shorter browser windows. */
.home-power-banner{--home-banner-height:clamp(440px,calc(100svh - 160px),560px)}
.home-power-banner .spotlight-grid,.home-power-banner .banner-art{min-height:var(--home-banner-height)}
.home-power-banner .banner-art{height:auto}
.home-power-banner .banner-copy{padding-top:36px;padding-bottom:36px}
.home-power-banner .banner-copy h1{font-size:clamp(42px,4vw,60px);margin-bottom:20px}
.home-power-banner .banner-copy .eyebrow{margin-bottom:18px}
.home-power-banner .banner-copy p{margin-bottom:18px}
.home-power-banner .banner-range{padding-top:14px;margin-bottom:23px}
.home-power-banner .banner-power-photo{height:calc(var(--home-banner-height)*1.05);width:auto;max-width:80%;bottom:100px}
@media(min-width:961px) and (max-height:700px){
 .home-power-banner .banner-copy{padding-top:24px;padding-bottom:24px}
 .home-power-banner .banner-copy h1{font-size:clamp(40px,3.7vw,48px);margin-bottom:16px}
 .home-power-banner .banner-copy p{font-size:14px;line-height:1.65;margin-bottom:15px}
 .home-power-banner .banner-copy .eyebrow{margin-bottom:14px}
 .home-power-banner .banner-range{padding-top:12px;margin-bottom:18px}
}
/* Keep narrow tablets in the same stacked layout as the mobile navigation. */
@media(max-width:960px){
 .category-spotlight{background:var(--banner-ink)}
 .category-spotlight .spotlight-grid{grid-template-columns:minmax(0,1fr);padding-left:0;padding-right:0;min-height:0}
 .category-spotlight .banner-copy{padding:34px 25px 30px}
 .home-power-banner .banner-copy h1{font-size:clamp(34px,5.6vw,48px);max-width:650px;letter-spacing:-1.5px}
 .category-spotlight .banner-copy p{max-width:620px;font-size:14px}
 .category-spotlight .banner-copy .eyebrow{font-size:10px;margin-bottom:17px}
 .category-spotlight .banner-copy .actions{gap:10px 18px}
 .category-spotlight .banner-art{min-height:0;height:330px}
 .home-power-banner .banner-power-photo{width:285px;height:427px;bottom:96px}
 .category-spotlight.compact-banner .spotlight-grid{min-height:0}
 .category-spotlight.compact-banner .banner-copy{padding:28px 25px}
 .category-spotlight.compact-banner .banner-copy h1{font-size:38px}
 .category-spotlight.compact-banner .banner-art{min-height:0;height:290px}
 .category-spotlight.compact-banner .banner-power-photo{height:390px;width:260px;bottom:88px}
}
@media(max-width:480px){
 .category-spotlight .banner-copy{padding:30px 22px 26px}
 .home-power-banner .banner-copy h1{font-size:clamp(34px,9.3vw,40px);letter-spacing:-1.3px}
 .home-power-banner .banner-art{height:315px}
 .home-power-banner .banner-power-photo{width:270px;height:405px;bottom:94px}
}
/* Landscape phones keep the primary action high in the reading order. */
@media(min-width:540px) and (max-width:960px) and (max-height:520px){
 .home-power-banner{--home-banner-height:320px}
 .home-power-banner .spotlight-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:var(--home-banner-height);padding:0 18px}
 .home-power-banner .banner-copy{display:flex;flex-direction:column;align-items:flex-start;padding:22px 20px 22px 0}
 .home-power-banner .banner-copy .eyebrow{order:1;font-size:9px;letter-spacing:1px;margin-bottom:12px}
 .home-power-banner .banner-copy h1{order:2;font-size:clamp(28px,3.7vw,34px);line-height:1.08;letter-spacing:-1px;margin-bottom:0}
 .home-power-banner .banner-copy .actions{order:3;gap:6px 12px;margin:14px 0}
 .home-power-banner .banner-copy .btn{min-height:44px;padding:11px 15px;font-size:11px}
 .home-power-banner .banner-enquiry{font-size:10px;padding:7px 0}
 .home-power-banner .banner-copy p{order:4;font-size:12px;line-height:1.6;margin-bottom:10px}
 .home-power-banner .banner-range{order:5;font-size:9px;padding-top:10px;margin-bottom:0;width:100%}
 .home-power-banner .banner-art{height:auto;min-height:var(--home-banner-height)}
 .home-power-banner .banner-power-photo{height:350px;width:auto;max-width:95%;bottom:82px}
 .home-power-banner .banner-art-label{left:16px;right:16px;bottom:18px;padding-top:10px}
 .home-power-banner .banner-art-label>span{font-size:9px}
 .home-power-banner .banner-art-label small{font-size:9px}
}
@media(min-width:961px){.category-spotlight.home-power-banner .banner-art{min-height:var(--home-banner-height)}}

/* Full-width desktop canvas, with readable text inside each section. */
.wrap{max-width:none;width:100%;padding-left:clamp(22px,3vw,64px);padding-right:clamp(22px,3vw,64px)}
@media(min-width:961px){
 .home-power-banner .banner-copy h1{max-width:780px}
 .home-power-banner .banner-copy p,.home-power-banner .banner-range{max-width:650px}
 .home-power-banner .banner-power-photo{width:clamp(300px,27vw,520px);height:auto;max-height:calc(var(--home-banner-height)*1.4);max-width:85%}
 .productgrid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
 .categoryimage{height:clamp(210px,16vw,290px)}
 .productpic{height:clamp(215px,16vw,300px)}
 .producthero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,4vw,80px)}
 .gallerymain{height:clamp(405px,31vw,580px)}
 .product-description-text{max-width:1200px}
}
/* The same uncropped image frames across all products. */
.detail-visual{aspect-ratio:4/3;padding:18px;background:#f3f6f8;display:flex;align-items:center;justify-content:center}
.detail-visual img{width:100%;height:100%;object-fit:contain;min-height:0}
html[data-photo-style=blue] .detail-visual{background:var(--product-photo-bg)}
html[data-photo-style=blue] .detail-visual[data-photo-kind=photo]>img{filter:brightness(1.1);mix-blend-mode:multiply}
html[data-photo-style=blue] .gallerymain[data-image-kind=graphic]>img,
html[data-photo-style=blue] .thumbs button.graphic>img,
html[data-photo-style=blue] .image-zoom[data-image-kind=graphic] #zoomPhoto{filter:none;mix-blend-mode:normal;background:transparent}
html[data-photo-style=blue] .gallerymain[data-image-kind=photo]>img,
html[data-photo-style=blue] .thumbs button:not(.graphic)>img{filter:brightness(1.1);mix-blend-mode:multiply;background:transparent}
html[data-photo-style=blue] .cartline>a{background:var(--product-photo-bg);border-radius:7px}
html[data-photo-style=blue] .cartline>a>img{filter:brightness(1.1);mix-blend-mode:multiply}
@media(max-width:960px){.wrap{padding-left:22px;padding-right:22px}.category-spotlight .spotlight-grid{padding-left:0;padding-right:0}}
@media(min-width:540px) and (max-width:960px) and (max-height:520px){.home-power-banner .spotlight-grid{padding-left:18px;padding-right:18px}}
@media(max-width:480px){.detail-visual{padding:12px}}

/* A category shopping link on the article's original featured image. */
.article-commerce{max-width:1100px;margin:0 auto 34px}
.article-first-image{display:flex;position:relative;align-items:center;justify-content:center;background:#f3f6f8;border:1px solid var(--line);border-radius:12px;padding:28px 30px 112px;min-height:400px;overflow:hidden}
.article-first-image>img{width:100%;height:290px;object-fit:contain}
.article-buy{position:absolute;left:24px;right:24px;bottom:22px;display:flex;gap:18px;align-items:center;justify-content:space-between;border-top:1px solid #193c5424;padding-top:18px}
.article-buy .eyebrow{font-size:9px;margin:0 0 5px}
.article-buy strong{display:block;font-size:16px}
.article-buy .btn{flex-shrink:0}
html[data-photo-style=blue] .article-first-image{background:var(--product-photo-bg)}
html[data-photo-style=blue] .article-first-image>img{filter:brightness(1.1);mix-blend-mode:multiply}
@media(max-width:480px){.article-first-image{padding:20px 18px 106px;min-height:330px}.article-first-image>img{height:220px}.article-buy{left:18px;right:18px;gap:12px;bottom:18px;padding-top:15px}.article-buy strong{font-size:13px}.article-buy .btn{font-size:12px;padding:12px 15px}.article-buy .eyebrow{font-size:8px;letter-spacing:1px}}

@media(max-width:380px){.article-first-image{padding-bottom:148px;min-height:370px}.article-buy{align-items:flex-start;flex-direction:column;gap:10px}}

.payment-footer{margin-top:32px;background:#000;text-align:center;border-radius:8px;overflow:hidden}.payment-footer img{display:block;width:100%;max-width:1050px;height:auto;margin:auto}.payment-footer p{color:#b7c5d0;font-size:11px;padding:0 20px 18px;margin:0}.whatsappfab{position:fixed;bottom:22px;left:22px;z-index:30;display:flex;align-items:center;gap:9px;min-height:48px;padding:11px 17px;background:#147c45;color:#fff;border-radius:30px;box-shadow:0 3px 14px #0003;font-size:14px;font-weight:600}.whatsappfab svg{width:25px;height:25px}.whatsappfab:hover{background:#106438}.whatsappfab:focus-visible{outline:3px solid #86d8f5;outline-offset:4px}@media(max-width:480px){.whatsappfab{left:14px;bottom:16px;padding:11px;min-width:48px;justify-content:center}.whatsappfab span{display:none}.payment-footer p{font-size:10px}}@media print{.whatsappfab{display:none!important}}

.payment-footer{border-radius:0;background:transparent;border-top:1px solid #ffffff24;margin-top:38px;padding:30px 0 26px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 28px;text-align:left;overflow:visible}.payment-footer .eyebrow{color:#86d8f5;font-size:10px;margin:0 0 7px}.payment-footer .payment-heading p{font-size:17px;color:#fff;padding:0;margin:0}.payment-logos{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.payment-logo{width:70px;height:46px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e0e6ec;border-radius:6px;padding:5px;box-shadow:0 2px 5px #0001}.payment-footer .payment-logo img{display:block;width:58px;height:36px;margin:0;object-fit:contain;max-width:none}.payment-footer small{grid-column:1/-1;font-size:11px;color:#b7c5d0}@media(max-width:1000px){.payment-footer{grid-template-columns:1fr}.payment-logos{justify-content:flex-start}}@media(max-width:480px){.payment-footer{gap:16px;padding:24px 0}.payment-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.payment-logo{width:100%;height:43px;padding:3px}.payment-footer .payment-logo img{width:100%;height:35px}.payment-footer .payment-heading p{font-size:16px}}
.payment-footer{border-top-color:var(--line)}.payment-footer .eyebrow{color:var(--blue)}.payment-footer .payment-heading p{color:var(--ink)}.payment-footer small{color:var(--muted)}