/* ZHAOGOO 2.2 product catalogue and engineering tools */
.zg-home-products{padding:54px 0 0;background:#fff}.zg-home-products-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:24px}.zg-home-products-head h2{margin:4px 0 7px;font-size:clamp(26px,3vw,40px);line-height:1.2;letter-spacing:-.025em}.zg-home-products-head p{margin:0;color:var(--zg-muted);max-width:720px}.zg-home-product-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--zg-line)}.zg-home-product-grid>a{display:grid;grid-template-rows:150px 1fr;color:var(--zg-ink);border-right:1px solid var(--zg-line);background:#fff}.zg-home-product-grid>a:last-child{border-right:0}.zg-home-product-grid img{width:100%;height:150px;object-fit:cover;filter:saturate(.78)}.zg-home-product-grid a>span{display:grid;grid-template-columns:26px 1fr;padding:20px 18px 22px;border-top:1px solid var(--zg-line)}.zg-home-product-grid b{grid-row:1/3;color:var(--zg-blue);font-size:10px}.zg-home-product-grid strong{font-size:15px;line-height:1.3}.zg-home-product-grid small{margin-top:6px;color:var(--zg-muted);font-size:11px;line-height:1.55}.zg-home-product-grid>a:hover strong{color:var(--zg-blue)}

.zg-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:16px}.zg-catalog-filters{display:flex;flex-wrap:wrap;border:1px solid var(--zg-line)}.zg-catalog-filters button{min-height:44px;padding:0 18px;border:0;border-right:1px solid var(--zg-line);border-radius:0;background:#fff;color:#405066;font-size:12px;font-weight:600;cursor:pointer}.zg-catalog-filters button:last-child{border-right:0}.zg-catalog-filters button:hover{color:var(--zg-blue)}.zg-catalog-filters button.is-active{background:var(--zg-navy);color:#fff}.zg-catalog-search{display:flex;align-items:center;width:min(330px,100%);height:46px;padding:0 14px;border:1px solid var(--zg-line);background:#fff}.zg-catalog-search svg{width:19px;color:var(--zg-blue);flex:none}.zg-catalog-search input{width:100%;height:100%;padding-left:10px;border:0!important;box-shadow:none!important;outline:0;font-size:12px}.zg-catalog-count{margin-bottom:22px;color:var(--zg-muted);font-size:11px}.zg-catalog-count strong{color:var(--zg-blue);font-size:14px}.zg-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--zg-line);border-left:1px solid var(--zg-line)}.zg-catalog-card{display:flex;flex-direction:column;margin:0;border-right:1px solid var(--zg-line);border-bottom:1px solid var(--zg-line);background:#fff}.zg-catalog-card[hidden]{display:none}.zg-catalog-image{position:relative;display:block;height:190px;overflow:hidden;border-bottom:1px solid var(--zg-line)}.zg-catalog-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.76);transition:transform .3s}.zg-catalog-image span{position:absolute;left:0;bottom:0;padding:8px 12px;background:var(--zg-navy);color:#fff;font-size:10px;letter-spacing:.04em}.zg-catalog-card:hover .zg-catalog-image img{transform:scale(1.025)}.zg-catalog-card>div{display:flex;flex:1;flex-direction:column;padding:24px}.zg-catalog-card>div>small{color:var(--zg-blue);font-size:10px}.zg-catalog-card h2{margin:18px 0 10px;font-size:19px;line-height:1.3}.zg-catalog-card p{margin:0;color:var(--zg-muted);font-size:12px;line-height:1.7}.zg-catalog-card ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:18px 0 24px;padding:0}.zg-catalog-card li{padding:5px 8px;background:var(--zg-surface);color:#526176;font-size:9px}.zg-catalog-card .zg-text-link{margin-top:auto}.zg-catalog-empty{padding:45px;border:1px solid var(--zg-line);background:#fff;text-align:center;color:var(--zg-muted)}.zg-catalog-next{display:flex;align-items:center;justify-content:space-between;gap:50px}.zg-catalog-next h2{margin:6px 0 8px;font-size:30px}.zg-catalog-next p{margin:0;color:var(--zg-muted)}

.zg-tools-promo{background:#f4f7fa}.zg-tool-card-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--zg-line);border-left:1px solid var(--zg-line)}.zg-tool-card{position:relative;display:flex;min-height:330px;flex-direction:column;padding:34px;border-right:1px solid var(--zg-line);border-bottom:1px solid var(--zg-line);background:#fff;color:var(--zg-ink)!important}.zg-tool-card-grid.compact .zg-tool-card{min-height:290px}.zg-tool-icon{display:grid;width:52px;height:52px;place-items:center;background:var(--zg-navy);color:#fff}.zg-tool-icon svg{width:25px;height:25px}.zg-tool-card>small{margin-top:34px;color:var(--zg-blue);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.zg-tool-card h2,.zg-tool-card h3{margin:9px 0 11px;line-height:1.3}.zg-tool-card h2{font-size:25px}.zg-tool-card h3{font-size:21px}.zg-tool-card p{max-width:620px;margin:0;color:var(--zg-muted);font-size:13px}.zg-tool-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:20px 0 26px;padding:0}.zg-tool-card li{padding:6px 9px;background:var(--zg-surface);font-size:10px}.zg-tool-card>b{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--zg-blue);font-size:12px}.zg-tool-card>b svg{width:16px}.zg-tool-card:hover h2,.zg-tool-card:hover h3{color:var(--zg-blue)}.zg-tool-number{position:absolute;right:26px;top:24px;color:#dbe3ec;font-size:38px;font-weight:700}.zg-tools-all{display:inline-flex;margin-top:28px}
.zg-tool-principles{grid-template-columns:repeat(4,1fr)}

.zg-tool-workspace{background:#eef2f6}.zg-calculator{border:1px solid #ced8e4;background:#fff}.zg-calculator-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:27px 32px;border-bottom:1px solid #ced8e4}.zg-calculator-head h2{margin:5px 0 0;font-size:27px}.zg-calculator-head>a{color:var(--zg-blue);font-size:11px;font-weight:700}.zg-tool-form{padding:32px}.zg-tool-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.zg-tool-fields label{display:flex;flex-direction:column;gap:7px;color:#344359;font-size:12px;font-weight:600}.zg-tool-fields label.wide{grid-column:1/-1}.zg-tool-fields label>small{color:var(--zg-muted);font-size:10px;font-weight:400}.zg-tool-fields input,.zg-tool-fields select{width:100%;height:47px;padding:0 13px;border:1px solid #ccd6e2;border-radius:0;background:#fff;color:var(--zg-ink);font-size:14px;outline:0}.zg-tool-fields input:focus,.zg-tool-fields select:focus{border-color:var(--zg-blue);box-shadow:0 0 0 2px rgba(5,110,225,.08)}.zg-range{display:grid;grid-template-columns:1fr 1fr}.zg-range input{grid-column:1/-1;height:28px;padding:0;border:0;box-shadow:none!important;accent-color:var(--zg-blue)}.zg-range span{color:var(--zg-muted);font-size:9px;font-weight:400}.zg-range span:last-child{text-align:right}.zg-tool-actions{display:flex;gap:12px;margin-top:26px}.zg-btn-outline{border:1px solid #a9b8c9!important;background:#fff!important;color:var(--zg-ink)!important}.zg-btn-outline:hover{border-color:var(--zg-blue)!important;color:var(--zg-blue)!important}.zg-current-layout{display:grid;grid-template-columns:1.08fr .92fr}.zg-current-result{position:relative;padding:36px;border-left:1px solid #ced8e4;background:var(--zg-navy);color:#fff;overflow:hidden}.zg-current-result:after{content:"";position:absolute;right:-90px;top:-90px;width:250px;height:250px;border:1px solid #32516d;transform:rotate(45deg)}.zg-current-result>span{position:relative;z-index:1;color:#9fb0c1;font-size:12px}.zg-current-result>strong{position:relative;z-index:1;display:block;margin:12px 0 9px;color:#6eafff;font-size:clamp(54px,6vw,82px);line-height:1;letter-spacing:-.05em}.zg-current-result>strong small{margin-left:8px;color:#fff;font-size:19px;letter-spacing:0}.zg-current-result>p{position:relative;z-index:1;margin:0 0 30px;color:#d8e2ec;font-size:13px}.zg-result-metrics{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #36506a;border-left:1px solid #36506a}.zg-result-metrics>div{padding:17px;border-right:1px solid #36506a;border-bottom:1px solid #36506a}.zg-result-metrics small{display:block;margin-bottom:5px;color:#91a5b8;font-size:9px}.zg-result-metrics b{font-size:13px}.zg-trace-demo{position:relative;z-index:1;margin-top:24px}.zg-trace-demo>span{font-size:10px;color:#91a5b8}.zg-trace-demo>div{display:flex;align-items:center;height:70px;margin-top:8px;padding:0 12px;background:#15324d}.zg-trace-demo i{display:block;width:100%;min-height:5px;max-height:55px;background:linear-gradient(90deg,#cf8a37,#f3bd61)}.zg-tool-method{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:34px 32px;border-top:1px solid #ced8e4}.zg-tool-method h2{margin:8px 0 13px;font-size:25px}.zg-tool-method p,.zg-tool-method li{color:var(--zg-muted);font-size:12px;line-height:1.75}.zg-tool-method ul{margin:0;padding-left:20px}

.zg-panel-layout{display:grid;grid-template-columns:390px 1fr;min-height:680px}.zg-panel-controls{padding:28px;border-right:1px solid #ced8e4;background:#f8fafc}.zg-panel-calculate{width:100%;margin-top:22px}.zg-panel-metrics{display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px;border-top:1px solid #d8e0e9;border-left:1px solid #d8e0e9}.zg-panel-metrics>div{padding:13px;border-right:1px solid #d8e0e9;border-bottom:1px solid #d8e0e9;background:#fff}.zg-panel-metrics small{display:block;margin-bottom:4px;color:var(--zg-muted);font-size:9px}.zg-panel-metrics b{font-size:13px}.zg-panel-options{margin-top:20px}.zg-panel-option{padding:15px;border:1px solid #d6dee8;border-bottom:0;background:#fff}.zg-panel-option:last-child{border-bottom:1px solid #d6dee8}.zg-panel-option.is-active{border-left:3px solid var(--zg-blue);background:#edf5ff}.zg-panel-option-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.zg-panel-option-head b{font-size:12px}.zg-panel-option-head button{padding:5px 8px;border:1px solid var(--zg-blue);border-radius:0;background:#fff;color:var(--zg-blue);font-size:9px;cursor:pointer}.zg-panel-option.is-active .zg-panel-option-head button{background:var(--zg-blue);color:#fff}.zg-panel-option p{margin:0;color:var(--zg-muted);font-size:10px;line-height:1.65}.zg-panel-output{display:flex;min-width:0;flex-direction:column}.zg-panel-output-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid #ced8e4}.zg-panel-output-head>div{display:flex;flex-direction:column}.zg-panel-output-head strong{font-size:14px}.zg-panel-output-head span{margin-top:3px;color:var(--zg-muted);font-size:9px}.zg-panel-output-head button{padding:9px 13px;border:0;border-radius:0;background:var(--zg-blue);color:#fff;font-size:10px;font-weight:700;cursor:pointer}.zg-panel-canvas{position:relative;flex:1;min-height:600px;padding:18px;background:#fff}.zg-panel-canvas:before{content:"ZHAOGOO";position:absolute;left:50%;top:50%;color:#edf1f5;font-size:70px;font-weight:700;letter-spacing:.08em;transform:translate(-50%,-50%) rotate(-24deg)}.zg-panel-canvas svg{position:relative;z-index:1;width:100%;height:100%}.zg-panel-svg-board{fill:#fff;stroke:#142235;stroke-width:2}.zg-panel-svg-edge{fill:#f0f4f8;stroke:#8b9aab;stroke-width:1.2;stroke-dasharray:7 6}.zg-panel-svg-piece{fill:#dcecff;stroke:#056ee1;stroke-width:1.15}.zg-panel-svg-axis{stroke:#526176;stroke-width:1.4}.zg-panel-svg-text{fill:#26364a;font-size:16px;font-weight:700}.zg-panel-svg-small{fill:#637186;font-size:13px;font-weight:600}.zg-panel-rules{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid #ced8e4}.zg-panel-rules>*{padding:14px 17px;border-right:1px solid #ced8e4;font-size:10px}.zg-panel-rules strong{background:var(--zg-navy);color:#fff}.zg-tool-disclaimer{margin:0;padding:17px 25px;border-top:1px solid #ced8e4;color:var(--zg-muted);font-size:10px}

@media(max-width:980px){.zg-home-product-grid{grid-template-columns:repeat(2,1fr)}.zg-home-product-grid>a:nth-child(2){border-right:0}.zg-home-product-grid>a:nth-child(-n+2){border-bottom:1px solid var(--zg-line)}.zg-catalog-grid{grid-template-columns:repeat(2,1fr)}.zg-panel-layout{grid-template-columns:1fr}.zg-panel-controls{border-right:0;border-bottom:1px solid #ced8e4}.zg-panel-canvas{min-height:520px}.zg-current-layout{grid-template-columns:1fr}.zg-current-result{border-left:0;border-top:1px solid #ced8e4}.zg-tool-principles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.zg-home-products{padding-top:38px}.zg-home-products-head,.zg-catalog-toolbar,.zg-catalog-next{align-items:flex-start;flex-direction:column}.zg-home-product-grid,.zg-catalog-grid,.zg-tool-card-grid,.zg-tool-principles{grid-template-columns:1fr}.zg-home-product-grid>a{grid-template-rows:135px 1fr;border-right:0!important;border-bottom:1px solid var(--zg-line)}.zg-home-product-grid>a:last-child{border-bottom:0}.zg-home-product-grid img{height:135px}.zg-catalog-filters{width:100%}.zg-catalog-filters button{flex:1 1 33%;border-bottom:1px solid var(--zg-line)}.zg-catalog-search{width:100%}.zg-catalog-image{height:175px}.zg-tool-card{min-height:290px;padding:27px}.zg-calculator-head{align-items:flex-start;flex-direction:column;padding:23px 20px}.zg-tool-form,.zg-current-result,.zg-tool-method,.zg-panel-controls{padding:23px 20px}.zg-tool-fields,.zg-tool-method{grid-template-columns:1fr}.zg-tool-fields label.wide{grid-column:auto}.zg-tool-actions{align-items:stretch;flex-direction:column}.zg-tool-actions .zg-btn{width:100%}.zg-result-metrics{grid-template-columns:1fr}.zg-panel-layout{min-height:0}.zg-panel-canvas{min-height:390px;padding:8px}.zg-panel-output-head{align-items:flex-start;flex-direction:column}.zg-panel-rules>*{flex:1 1 50%;border-bottom:1px solid #ced8e4}}
@media print{body:has(.zg-calculator) .zg-header,body:has(.zg-calculator) .zg-hero,body:has(.zg-calculator) .zg-cta,body:has(.zg-calculator) .zg-footer{display:none!important}.zg-tool-workspace{padding:0!important;background:#fff}.zg-tool-workspace .zg-container{width:100%!important;max-width:none!important}.zg-calculator{border:0}.zg-calculator-head>a,.zg-tool-actions,.zg-panel-calculate,.zg-panel-options,.zg-panel-output-head button{display:none!important}.zg-current-layout{grid-template-columns:1fr 1fr}.zg-panel-layout{grid-template-columns:300px 1fr;min-height:650px}.zg-panel-canvas{min-height:560px}}

/* 2.3.0: taller product imagery; catalogue images use a consistent 4:3 ratio. */
.zg-home-product-grid>a{grid-template-rows:auto 1fr}
.zg-home-product-grid img{height:auto;aspect-ratio:4/3}
.zg-catalog-image{height:auto;aspect-ratio:4/3}
@media(max-width:700px){.zg-home-product-grid>a{grid-template-rows:auto 1fr}.zg-home-product-grid img{height:auto}.zg-catalog-image{height:auto}}

/* 2.4.0: password-gated V21 price calculation module. */
.zg-price-panel{border-top:1px solid #ced8e4;background:#f7f9fb}
.zg-price-head{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:28px 32px;border-bottom:1px solid #ced8e4;background:#fff}
.zg-price-head h2{margin:5px 0 6px;font-size:27px}.zg-price-head p{max-width:720px;margin:0;color:var(--zg-muted);font-size:12px}.zg-price-head>span{color:var(--zg-blue);font-size:10px;font-weight:700;letter-spacing:.08em}
.zg-price-lock{display:grid;grid-template-columns:1fr minmax(420px,.9fr);align-items:center;gap:35px;padding:34px 32px;background:var(--zg-navy);color:#fff}
.zg-price-lock[hidden],.zg-price-body[hidden]{display:none!important}.zg-price-lock>div{display:flex;flex-direction:column;gap:5px}.zg-price-lock strong{font-size:19px}.zg-price-lock small{color:#a9b9c9;font-size:11px}.zg-price-lock label{display:grid;grid-template-columns:1fr auto}.zg-price-lock input{min-width:0;height:47px;padding:0 14px;border:1px solid #476078;border-right:0;border-radius:0;background:#102b45;color:#fff;outline:0}.zg-price-lock input:focus{border-color:#6eafff}.zg-price-lock button{height:47px;padding:0 18px;border:0;border-radius:0;background:var(--zg-blue);color:#fff;font-size:11px;font-weight:700;cursor:pointer}.zg-price-lock>p{grid-column:2;margin:-25px 0 0;color:#ffb199;font-size:10px}
.zg-price-body{padding:32px}.zg-price-layout{display:grid;grid-template-columns:2fr 1fr;border-top:1px solid #ced8e4;border-left:1px solid #ced8e4;background:#fff}.zg-price-inputs{display:grid;grid-template-columns:repeat(3,1fr)}.zg-price-inputs label{display:flex;min-width:0;flex-direction:column;gap:7px;padding:17px;border-right:1px solid #ced8e4;border-bottom:1px solid #ced8e4;color:#344359;font-size:11px;font-weight:600}.zg-price-inputs label>small{color:var(--zg-muted);font-size:9px;font-weight:400}.zg-price-inputs input,.zg-price-inputs select{width:100%;height:43px;padding:0 11px;border:1px solid #ccd6e2;border-radius:0;background:#fff;color:var(--zg-ink);font-size:12px;outline:0}.zg-price-inputs input:focus,.zg-price-inputs select:focus{border-color:var(--zg-blue)}.zg-price-inputs em{color:#b44b20;font-size:9px;font-style:normal;font-weight:400}
.zg-price-summary{padding:23px;border-right:1px solid #ced8e4;border-bottom:1px solid #ced8e4;background:#eef3f8}.zg-price-summary h3{margin:0 0 14px;font-size:17px}.zg-price-summary table{width:100%;border-collapse:collapse;background:#fff;font-size:11px}.zg-price-summary th,.zg-price-summary td{padding:9px 11px;border:1px solid #d9e1e9}.zg-price-summary th{text-align:left;color:#526176;font-weight:500}.zg-price-summary td{text-align:right;color:var(--zg-ink);font-weight:700;font-variant-numeric:tabular-nums}.zg-price-summary td input{width:92px;height:29px;padding:0 7px;border:1px solid #c8d3df;border-radius:0;text-align:right}.zg-price-total{background:#e9f3ff}.zg-price-total th,.zg-price-total td{color:var(--zg-blue);font-weight:700}.zg-price-final{background:var(--zg-blue)}.zg-price-final th,.zg-price-final td{color:#fff;font-size:13px;font-weight:700}.zg-price-summary .zg-btn{width:100%;margin-top:16px}.zg-price-summary>p{margin:11px 0 0;color:var(--zg-muted);font-size:9px;line-height:1.55}
@media(max-width:980px){.zg-price-lock{grid-template-columns:1fr}.zg-price-lock>p{grid-column:auto;margin:-23px 0 0}.zg-price-layout{grid-template-columns:1fr}.zg-price-inputs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.zg-price-head{align-items:flex-start;flex-direction:column;padding:23px 20px}.zg-price-lock{grid-template-columns:1fr;padding:25px 20px}.zg-price-lock label{grid-template-columns:1fr}.zg-price-lock input{border-right:1px solid #476078;border-bottom:0}.zg-price-lock>p{margin:-23px 0 0}.zg-price-body{padding:20px}.zg-price-inputs{grid-template-columns:1fr}.zg-price-summary{padding:17px}.zg-price-summary th,.zg-price-summary td{padding:8px}.zg-price-summary td input{width:80px}}

/* 2.6.0 product image lightbox */
.zg-catalog-image{cursor:zoom-in}.zg-catalog-image>i{position:absolute;top:12px;right:12px;display:grid;width:38px;height:38px;place-items:center;background:rgba(11,31,51,.88);color:#fff;opacity:0;transform:translateY(-3px);transition:.2s}.zg-catalog-image>i svg{width:18px}.zg-catalog-image:hover>i,.zg-catalog-image:focus-visible>i{opacity:1;transform:none}.zg-lightbox[hidden]{display:none}.zg-lightbox{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:48px;background:rgba(5,17,29,.9)}.zg-lightbox>button{position:fixed;top:24px;right:28px;z-index:2;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:0;background:#0b1f33;color:#fff;font-size:30px;line-height:1;cursor:pointer}.zg-lightbox>button:hover,.zg-lightbox>button:focus-visible{border-color:#fff;background:#056ee1}.zg-lightbox figure{display:flex;max-width:min(1120px,92vw);max-height:calc(100vh - 96px);margin:0;flex-direction:column;background:#fff}.zg-lightbox figure img{display:block;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;background:#eef2f6}.zg-lightbox figcaption{min-height:52px;padding:15px 20px;border-top:1px solid #d9e1ea;color:#0b1f33;font-size:13px;font-weight:700}.zg-modal-open{overflow:hidden}
@media(max-width:700px){.zg-catalog-image>i{opacity:1;transform:none}.zg-lightbox{padding:16px}.zg-lightbox>button{top:14px;right:14px;width:42px;height:42px}.zg-lightbox figure{max-width:100%;max-height:calc(100vh - 32px)}.zg-lightbox figure img{max-height:calc(100vh - 94px)}}