:root{color-scheme:light;--bg:#fff;--surface:#fff;--surface-alt:#f8fafc;--ink:#202c3e;--muted:#68778c;--line:#e1e7ef;--navy:#092e61;--blue:#1d5fb7;--pale:#eaf2fd;--green:#2c7757;--red:#c34e41;--shadow:0 2px 5px #172e4b04;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.7rem,2.5vw,2.125rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-body:'Golos Text',sans-serif;--font-display:'Golos Text',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:var(--text-sm)/1.55 var(--font-body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8db9fa;outline-offset:3px}button,input,select{min-height:44px}h1,h2,h3,p{margin:0}h2{font-size:var(--text-lg);font-weight:600;line-height:1.4}h3{font-size:var(--text-base)}p{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-60px;left:16px;z-index:50;background:var(--surface);padding:12px}.skip:focus{top:8px}
.top{height:82px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--space-6);padding:0 var(--space-8)}.brand{display:flex;flex-shrink:0}.brand img{width:150px;height:48px;object-fit:contain}.brand-caption{font-size:var(--text-xs);letter-spacing:.1em;color:var(--muted);max-width:100px;line-height:1.5;border-left:1px solid var(--line);padding-left:var(--space-6)}nav{display:flex;align-items:center;gap:var(--space-8);margin-left:auto;height:100%}nav a{color:var(--muted)}.nav-active{height:100%;display:flex;align-items:center;border-bottom:3px solid var(--blue);color:var(--navy);font-weight:550}.icon-button,.plain{background:transparent;border:0;color:var(--ink);padding:0 var(--space-2)}.icon-button{width:44px;font-size:22px}.plain{white-space:nowrap}.help-mark{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1px solid var(--muted);color:var(--muted);border-radius:50%;font-size:var(--text-xs);flex-shrink:0;margin-left:var(--space-2)}
main{max-width:1544px;margin:0 auto;padding:var(--space-8)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-6)}.eyebrow{font-size:var(--text-xs);letter-spacing:.075em;font-weight:550;color:var(--muted)}h1{font-size:var(--text-xl);letter-spacing:-.035em;color:var(--navy);font-weight:600;margin:var(--space-2) 0}.page-heading p{font-size:var(--text-sm)}.dataset{font-size:var(--text-sm);text-align:right;white-space:nowrap}.dataset small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-1)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:var(--space-2)}.steps{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--muted);padding:var(--space-4) 0 var(--space-6);border-bottom:1px solid var(--line);margin-bottom:var(--space-6)}.steps>span{display:flex;align-items:center;gap:var(--space-2)}.steps b{display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;font-weight:500;font-size:var(--text-xs)}.steps .done{color:var(--navy)}.steps .done b{color:var(--blue);border-color:var(--blue);background:var(--pale)}.step-line{height:1px;background:var(--line);width:44px}.steps .single{margin-left:auto;font-size:var(--text-xs)}
.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);gap:var(--space-6);align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}#parameters{padding:var(--space-5)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-2)}.panel-title h2{font-size:var(--text-base)}.text-button{border:0;background:transparent;padding:0;color:var(--blue);font-size:var(--text-xs);font-weight:500;white-space:nowrap}.mode-switch{display:flex;background:var(--bg);border:1px solid var(--line);padding:var(--space-1);border-radius:6px;margin-bottom:var(--space-5)}.mode-switch button{flex:1;min-height:36px;font-size:var(--text-xs);padding:0 var(--space-1);border:0;border-radius:4px;background:transparent;color:var(--muted)}.mode-switch .active{color:var(--navy);background:var(--surface);box-shadow:0 1px 4px #00000010;font-weight:550}.field{display:block;font-size:var(--text-xs);font-weight:500;color:var(--ink);margin-top:var(--space-4)}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.field select,.field>input{display:block;margin-top:var(--space-2)}select{padding-right:var(--space-6);text-overflow:ellipsis}.field-divider{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-5);font-size:var(--text-sm);font-weight:550}.muted{color:var(--muted);font-weight:400;font-size:var(--text-xs)}.unit-input{display:flex;margin-top:var(--space-2);border:1px solid var(--line);border-radius:5px;overflow:hidden}.unit-input input{border:0;border-radius:0;min-width:0;font-size:var(--text-lg);font-weight:500;padding:var(--space-2) var(--space-3);height:48px}.unit-input select{width:85px;flex-shrink:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface-alt);font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.symbol{color:var(--blue);float:right;font-weight:500}.advanced{border-top:1px solid var(--line);margin-top:var(--space-5);padding-top:var(--space-1)}summary{cursor:pointer;padding:var(--space-3) 0;font-size:var(--text-xs);color:var(--blue);min-height:44px}.small{font-size:var(--text-xs);margin-top:var(--space-2)}.check{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);margin-top:var(--space-4)}input[type=checkbox]{width:17px;height:17px;min-height:17px;accent-color:var(--blue);flex-shrink:0}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:var(--space-3);border-radius:5px;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500}.primary{background:#1d5fb7;color:white;border:1px solid #1d5fb7}.primary:hover{background:#174e98}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:var(--pale);border-color:var(--blue)}.full{width:100%}#calculate{margin-top:var(--space-5);justify-content:space-between;padding:var(--space-3) var(--space-4)}.compact{min-height:36px;font-size:var(--text-xs)}.form-note{font-size:var(--text-xs);line-height:1.6;margin-top:var(--space-3)}#form-error{color:var(--red);font-size:var(--text-xs);margin-top:var(--space-3)}.side-note{padding:var(--space-5) var(--space-2);font-size:var(--text-xs)}.side-note b{font-weight:550}.side-note p{margin:var(--space-2) 0;line-height:1.65}
.results{min-width:0}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:57px;margin-bottom:var(--space-4)}.results-heading h2{font-size:var(--text-lg)}.results-heading p{font-size:var(--text-xs);margin-top:var(--space-1)}.duty-chip{background:var(--pale);color:var(--blue);padding:var(--space-2) var(--space-3);border-radius:5px;font-size:var(--text-xs);font-weight:500;white-space:nowrap}.duty-chip span{margin:0 var(--space-2);opacity:.5}.selected{padding:var(--space-5) var(--space-6) 0}.selection-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.badge{color:var(--green);background:color-mix(in srgb,var(--green) 8%,var(--surface));padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--text-xs);white-space:nowrap}.pump-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}#pump-name{font-size:clamp(1rem,1.55vw,1.35rem);color:var(--navy);letter-spacing:-.015em;overflow-wrap:anywhere}#pump-type{font-size:var(--text-xs);margin-top:var(--space-1)}.tabs{display:flex;gap:var(--space-5);border-bottom:1px solid var(--line);margin-top:var(--space-4);overflow:auto}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:var(--text-xs);padding:var(--space-3) 0;white-space:nowrap;min-height:46px}.tabs button.active{color:var(--blue);border-bottom-color:var(--blue);font-weight:550}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 215px;gap:var(--space-5);padding:var(--space-5) 0}.detail-main{min-width:0}.product-side{border-left:1px solid var(--line);padding-left:var(--space-5)}.photo{height:188px;position:relative;background:white;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center}.photo img{width:95%;height:156px;object-fit:contain;mix-blend-mode:multiply}.photo-caption{position:absolute;bottom:var(--space-1);font-size:var(--text-xs);color:#8390a1}.product-side dl{font-size:var(--text-xs);margin:var(--space-4) 0}.product-side dl>div{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0}.product-side dt{color:var(--muted)}.product-side dd{margin:0;text-align:right;font-weight:500;overflow-wrap:anywhere}.product-side button{font-size:var(--text-xs);margin-top:var(--space-2)}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.chart-title{font-size:var(--text-xs);font-weight:550;color:var(--muted)}.chart-switch{display:flex;gap:var(--space-1)}.chart-switch button{font-size:var(--text-xs);min-height:32px;min-width:32px;padding:var(--space-1) var(--space-2);border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted)}.chart-switch .active{border-color:var(--line);color:var(--blue);background:var(--surface-alt)}.chart-box{height:284px;position:relative}.chart-box canvas{width:100%;height:100%;display:block}.chart-tip{position:absolute;pointer-events:none;z-index:3;background:var(--ink);color:var(--surface);font-size:var(--text-xs);padding:var(--space-2);border-radius:4px;white-space:nowrap}.chart-legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2)}.chart-legend span{display:flex;align-items:center;gap:var(--space-2)}.legend-line{display:inline-block;width:18px;height:2px;background:#1d5fb7}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c34e41}.legend-outline{display:inline-block;width:8px;height:8px;border-radius:50%;border:2px solid #1d5fb7}.legend-dash{display:inline-block;width:18px;border-top:2px dashed #a48655}.metrics{display:flex;gap:var(--space-4);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);flex-wrap:wrap}.metric{flex:1;min-width:90px}.metric span{display:block;font-size:var(--text-xs);color:var(--muted)}.metric b{font-size:var(--text-lg);font-weight:500;color:var(--navy);font-variant-numeric:tabular-nums}.metric small{font-size:var(--text-xs);font-weight:400;color:var(--muted)}.selection-note{padding:var(--space-3) 0;border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}.selection-note b{font-weight:500;color:var(--ink)}.notice{background:#fff5dc;color:#715322;border:1px solid #f0dfb5;padding:var(--space-3) var(--space-4);border-radius:5px;margin-bottom:var(--space-4);font-size:var(--text-sm)}
.variants{margin-top:var(--space-5);overflow:hidden}.variants-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5) 0}.variants-top h2{font-size:var(--text-base)}#variant-count{display:inline-flex;background:var(--bg);font-size:var(--text-xs);padding:0 var(--space-2);margin-left:var(--space-2);border-radius:4px}.table-tools{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.search{display:flex;align-items:center;width:280px;position:relative}.search>span{position:absolute;left:var(--space-3);font-size:20px;color:var(--muted)}.search input{padding-left:32px;font-size:var(--text-xs);min-height:38px;background:var(--surface-alt)}.sort{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.sort select{font-size:var(--text-xs);min-height:38px;max-width:220px;border:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:var(--text-xs);text-align:left;font-variant-numeric:tabular-nums}th{font-weight:450;background:var(--surface-alt);color:var(--muted);padding:var(--space-3) var(--space-2);white-space:nowrap;border-block:1px solid var(--line)}td{border-bottom:1px solid var(--line);padding:var(--space-3) var(--space-2)}tr.selected-row{background:var(--pale)}tr:hover{background:var(--surface-alt)}td.model{max-width:250px;min-width:180px}td.model strong{font-weight:550;display:block;font-size:var(--text-xs);color:var(--navy)}td.model small{display:block;color:var(--muted);font-size:var(--text-xs);margin-top:var(--space-1)}.check-col{width:44px;padding-left:var(--space-5)}td.check-cell{padding-left:var(--space-5)}td.check-cell label{display:flex;align-items:center;min-height:36px}.row-select{border:0;background:none;color:var(--blue);font-size:var(--text-xs);min-height:36px;padding:var(--space-1) var(--space-3)}.delta{color:var(--green)}.table-bottom{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);color:var(--muted);font-size:var(--text-xs)}.table-bottom>div{display:flex;gap:var(--space-2)}.engineering-note{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-5) 0}.engineering-note .help-mark{margin:var(--space-1) 0 0}.engineering-note p{font-size:var(--text-xs);line-height:1.65}.empty{padding:48px var(--space-6);text-align:center}.empty p{max-width:500px;margin:var(--space-3) auto var(--space-5)}.empty-symbol{font-size:var(--text-xl);color:var(--muted);margin-bottom:var(--space-3)}
.spec-group{margin-bottom:var(--space-5)}.spec-group h3{font-size:var(--text-sm);padding-bottom:var(--space-2);border-bottom:1px solid var(--line)}.spec-group dl{margin:0;font-size:var(--text-xs)}.spec-group dl>div{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--line)}.spec-group dt{color:var(--muted)}.spec-group dd{margin:0;overflow-wrap:anywhere}.technical-image{width:100%;height:300px;object-fit:contain;background:white;border-radius:5px;display:block}.image-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.image-tabs button{font-size:var(--text-xs)}.document-link{display:block;border:1px solid var(--line);padding:var(--space-4);border-radius:5px;margin-bottom:var(--space-3)}.warning{background:var(--surface-alt);padding:var(--space-3);font-size:var(--text-xs);color:var(--muted);margin-bottom:var(--space-3)}.no-data{padding:var(--space-8) var(--space-4);background:var(--surface-alt);border-radius:5px;text-align:center;color:var(--muted);font-size:var(--text-sm)}.description{font-size:var(--text-xs);margin-bottom:var(--space-4)}.loading-panel{padding:var(--space-6);background:var(--surface);border-radius:8px}.loading-panel p{margin-top:var(--space-4)}.skeleton{height:180px;background:var(--surface-alt);border-radius:5px;margin-bottom:var(--space-4);animation:pulse 1.3s infinite}.skeleton:nth-child(2){height:30px;width:60%}@keyframes pulse{50%{opacity:.4}}
footer{max-width:1480px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-5) var(--space-8);font-size:var(--text-xs);color:var(--muted);border-top:1px solid var(--line)}dialog{width:min(880px,calc(100% - 32px));max-height:90vh;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);padding:0;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#0b203b88;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}#modal-body{padding:var(--space-6)}#modal-body p{margin-bottom:var(--space-3)}#modal-body h3{margin:var(--space-5) 0 var(--space-2)}#modal-body ul{padding-left:var(--space-5);color:var(--muted)}#modal-body li{margin-bottom:var(--space-2)}.request-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}textarea{min-height:230px;resize:vertical;font-size:var(--text-xs)}.compare-card{padding:var(--space-3);background:var(--surface-alt);margin-top:var(--space-2);border-radius:4px;font-size:var(--text-xs);display:flex;justify-content:space-between;gap:var(--space-3)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--surface);padding:var(--space-3) var(--space-5);border-radius:6px;box-shadow:0 3px 20px #0002;z-index:20;max-width:90%;font-size:var(--text-sm)}#print-document{display:none}
[data-theme=dark] .brand{background:#fff;border-radius:4px;padding:4px}
[data-theme=dark] .legend-line{background:#8bb9ff}[data-theme=dark] .legend-outline{border-color:#8bb9ff}
@media(min-width:1500px){.detail-layout{grid-template-columns:minmax(0,1fr) 240px}.chart-box{height:300px}.photo{height:200px}}
@media(max-width:1150px){.brand-caption{display:none}.top{gap:var(--space-4)}main{padding:var(--space-6)}.workspace{grid-template-columns:260px minmax(0,1fr);gap:var(--space-4)}#parameters{padding:var(--space-4)}.detail-layout{grid-template-columns:minmax(0,1fr) 165px;gap:var(--space-3)}.product-side{padding-left:var(--space-3)}.selected{padding:var(--space-4) var(--space-4) 0}.tabs{gap:var(--space-4)}.pump-heading{align-items:flex-start}.pump-heading>button{max-width:90px;white-space:normal}.photo{height:160px}.photo img{height:130px}.sort{font-size:0}.sort select{max-width:180px}.table-tools{gap:var(--space-2)}.dataset{white-space:normal;max-width:220px}}
@media(max-width:920px){.top nav a{display:none}.top .plain{font-size:var(--text-xs)}.workspace{grid-template-columns:240px minmax(0,1fr)}.detail-layout{display:flex;flex-direction:column}.product-side{border-left:0;border-top:1px solid var(--line);padding:var(--space-4) 0 0;display:grid;grid-template-columns:140px 1fr;gap:0 var(--space-4)}.photo{grid-row:1/4}.photo-caption{font-size:var(--text-xs)}.product-side dl{margin:0}.product-side button{min-height:36px}.dataset{display:none}.results-heading{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.steps .single{display:none}.steps{gap:var(--space-3);font-size:var(--text-xs)}.step-line{width:24px}.table-tools{flex-direction:column;align-items:stretch}.search{width:100%}.sort{justify-content:flex-end}.chart-box{height:250px}.tabs{gap:var(--space-3)}footer span:nth-child(2){display:none}}
@media(max-width:700px){.top{height:66px;padding:0 var(--space-4);gap:var(--space-2)}.brand img{width:115px;height:40px}nav{display:none}.top .icon-button{margin-left:auto}.top .plain{font-size:var(--text-xs)}main{padding:var(--space-5) var(--space-4)}.page-heading{margin-bottom:var(--space-3)}.eyebrow{font-size:var(--text-xs);letter-spacing:.03em}.page-heading p{line-height:1.6;max-width:300px}.steps{overflow:auto;gap:var(--space-2);padding-bottom:var(--space-4);margin-bottom:var(--space-4)}.steps>span{white-space:nowrap;font-size:var(--text-xs)}.step-line{min-width:12px}.steps>span:last-of-type{display:none}.steps b{width:22px;height:22px}.workspace{display:flex;flex-direction:column;gap:var(--space-5)}aside,.results{width:100%}#parameters{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-4);padding:var(--space-4)}#parameters>.panel-title,#parameters>.mode-switch,#parameters>.field-divider,#parameters>#pump-options,#parameters>#form-error,#parameters>#calculate,#parameters>.form-note{grid-column:1/-1}#parameters>.field,#parameters>.unit-input{grid-column:1/-1}.panel-title{margin-bottom:var(--space-2)}.mode-switch{margin-bottom:0}.side-note{display:none}.results-heading{flex-direction:row;align-items:center;gap:var(--space-2)}.results-heading h2{font-size:var(--text-base)}.results-heading p{max-width:180px}.duty-chip{font-size:var(--text-xs);white-space:normal;max-width:140px;padding:var(--space-2)}.pump-heading{flex-direction:column;align-items:stretch}.pump-heading>button{max-width:none;align-self:flex-start}.selection-top{align-items:flex-start}.selection-top .eyebrow{font-size:var(--text-xs)}#pump-name{font-size:var(--text-lg)}.tabs{gap:var(--space-4)}.chart-toolbar{flex-wrap:wrap}.chart-box{height:240px}.metrics{gap:var(--space-3);margin-top:var(--space-4)}.metric b{font-size:var(--text-base)}.chart-legend{gap:var(--space-2) var(--space-3)}.product-side{grid-template-columns:110px 1fr;gap:0 var(--space-3)}.photo{height:155px}.photo img{height:125px}.photo-caption{display:none}.variants-top{padding:var(--space-3) var(--space-4) 0;gap:var(--space-2)}.variants-top h2{font-size:var(--text-sm)}.table-tools{padding:var(--space-3) var(--space-4)}.engineering-note{padding:var(--space-4) 0}footer{padding:var(--space-4);flex-wrap:wrap;font-size:var(--text-xs)}.modal-head,#modal-body{padding:var(--space-4)}.chart-switch button{min-height:36px}.spec-group dl>div{grid-template-columns:1fr 1fr;gap:var(--space-2)}.badge{white-space:normal;text-align:right}.request-actions>*{width:100%}.technical-image{height:250px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.commerce-panel{border-top:1px solid var(--line);padding:var(--space-4) 0;margin-bottom:var(--space-3);overflow-wrap:anywhere}.commerce-panel strong{font-size:var(--text-lg);color:var(--navy)}.commerce-panel p{margin-top:var(--space-2);font-size:var(--text-xs)}.commerce-panel small{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--muted)}[data-price]{white-space:nowrap}[data-stock]{min-width:140px;max-width:190px;white-space:normal}[data-product-link]{display:block;margin-top:var(--space-1);font-size:var(--text-xs)}.print-commerce a{overflow-wrap:anywhere}
@media(max-width:700px){.steps .step-line{display:none}.steps>span:not(.step-line):not(.single){flex:1;white-space:normal;align-items:flex-start;min-width:0}.steps b{flex-shrink:0}.steps{overflow:visible}.table-scroll:before{content:"Таблицу можно прокрутить вправо →";display:block;padding:8px 16px;color:var(--muted);font-size:var(--text-xs)}}
@media screen and (max-width:1050px){
  .top{height:auto;min-height:66px;flex-wrap:wrap;row-gap:0;padding-top:8px}
  .top .brand-caption{display:none}
  .top .icon-button{margin-left:auto}
  .top nav{order:5;display:grid;grid-template-columns:.75fr 1fr 1.2fr;flex-basis:100%;width:100%;height:auto;gap:12px;margin:4px 0 0;border-top:1px solid var(--line)}
  .top nav a,.top nav .nav-active{display:flex;align-items:center;min-height:48px;height:auto;font-size:var(--text-xs);line-height:1.3;padding:6px 0;white-space:normal}
}
main{padding-top:16px}
.page-heading{margin-bottom:16px}
.heading-statistics{flex:0 0 254px;display:grid;gap:10px}
.selection-counter{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:14px 16px;min-height:76px}
.selection-counter strong{font-size:32px;line-height:1.1;font-weight:600;color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0}
.selection-counter span{font-size:12px;line-height:1.5;color:var(--muted);max-width:150px;flex:1}
.heading-statistics .dataset{font-size:12px}
.member-field{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:6px;background:var(--surface-alt);min-width:0}
.member-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:500}
.member-heading button{white-space:normal;text-align:right}
.member-field select{max-width:100%;min-width:0;font-size:var(--text-xs);text-overflow:ellipsis}
.member-field .small{margin-top:var(--space-2)}
@media(max-width:700px){.page-heading{flex-wrap:wrap;gap:12px}.heading-statistics{flex:1 1 100%}.selection-counter{min-height:64px;padding:12px 16px;justify-content:flex-start}.selection-counter strong{font-size:28px}.selection-counter span{max-width:none}}
.workspace>.variants{grid-column:1/-1;width:100%;min-width:0;margin-top:0}
.workspace>.engineering-note{grid-column:1/-1;padding-top:0;padding-bottom:0}
.group-note{margin-top:6px;font-size:var(--text-xs)}
.group-status{color:var(--muted)}
.embedded .top{height:auto;min-height:48px;padding-top:0;padding-bottom:0}
.embedded .top>.brand,.embedded .top>.brand-caption{display:none!important}
.embedded .top nav{margin-left:0}
.embedded .top>.icon-button{margin-left:auto}
.embedded main{padding-top:8px}
.embedded .page-heading{margin-bottom:12px}
.embedded .page-heading h1{margin-top:2px;margin-bottom:4px}
.embedded .steps{padding-top:8px;padding-bottom:16px;margin-bottom:16px}

/* --- ЭВН по расходу --- */
#parameters .field-divider.first{border-top:0;padding-top:0;margin-top:0}
.unit-input .unit{display:flex;align-items:center;justify-content:center;width:64px;flex-shrink:0;border-left:1px solid var(--line);background:var(--surface-alt);font-size:var(--text-xs);color:var(--muted)}
.unit-input input.invalid{color:var(--red)}
.unit-input:has(input.invalid){border-color:var(--red)}
.unit-input:focus-within{border-color:var(--blue)}
.unit-input input:focus-visible,.unit-input select:focus-visible{outline:0}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}
.pair .unit-input input{font-size:var(--text-base)}
.pair .unit-input .unit{width:44px}
.symbol sub,.symbol sup,.requirement i sub,.requirement i sup{font-size:.7em;line-height:0}
#pressure-switch{margin:var(--space-2) 0 0}
#parameters .check{margin-top:var(--space-4)}
#fld-moshnost.manual{color:var(--blue)}
.requirement{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-4)}
.requirement-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--space-5)}
.requirement-grid>div{min-width:0}
.requirement-grid span{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.4;min-height:34px}
.requirement-grid i{font-style:italic;color:var(--blue);white-space:nowrap}
.requirement-grid b{font-size:30px;line-height:1.15;font-weight:600;color:var(--navy);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.requirement-grid .req-side b{font-size:var(--text-xl);font-weight:500;color:var(--ink)}
.requirement-grid small{margin-left:var(--space-1);font-size:var(--text-xs);color:var(--muted)}
.requirement-grid .req-main+.req-main{border-right:1px solid var(--line);padding-right:var(--space-5)}
.requirement-note{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--muted)}
.requirement.pending b{color:var(--muted)}
.prompt{padding:40px var(--space-6)}
#item-name{font-size:clamp(1rem,1.45vw,1.25rem);color:var(--navy);letter-spacing:-.015em;overflow-wrap:anywhere}
#item-type{font-size:var(--text-xs);margin-top:var(--space-1)}
.kit-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line);font-size:var(--text-xs)}
.kit-item:first-child{padding-top:0}
.kit-item strong{display:block;font-weight:550;color:var(--navy);margin-bottom:var(--space-1)}
.kit-item p{white-space:pre-line;line-height:1.6}
.kit-item .qty{white-space:nowrap;color:var(--ink);font-weight:500}
.drawing-box{border:1px solid var(--line);border-radius:5px;background:#fff;padding:var(--space-2);position:relative;min-height:220px;display:flex;align-items:center;justify-content:center}
.drawing-box canvas{width:100%;height:auto;display:block}
.drawing-caption{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2)}
.drawing-open{margin-top:var(--space-2)}
.num-col{width:44px;padding-left:var(--space-5)!important}
td.num{padding-left:var(--space-5);color:var(--muted)}
td.model{max-width:340px;min-width:220px}
tr.selected-row td.num{color:var(--blue);font-weight:550}
.variants-top{flex-wrap:wrap;gap:var(--space-2)}
.variants .table-scroll{margin-top:var(--space-3)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-4)}
.contact-form .field{margin-top:var(--space-3)}
.contact-form .wide{grid-column:1/-1}
.contact-form input.invalid{border-color:var(--red)}
.contact-summary{background:var(--surface-alt);border:1px solid var(--line);border-radius:6px;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);margin-bottom:var(--space-2)}
.contact-summary b{color:var(--navy);font-weight:550}
#contact-error{color:var(--red);font-size:var(--text-xs);margin-top:var(--space-3)}
.help-steps{margin:var(--space-3) 0;padding-left:var(--space-5)}
#busy{position:fixed;inset:0;background:#ffffffcc;z-index:30;display:flex;align-items:flex-start;justify-content:center;padding-top:180px}
.busy-box{display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:var(--space-4) var(--space-5);box-shadow:0 8px 40px #0b203b1a;font-size:var(--text-sm);color:var(--navy)}
.spinner{width:18px;height:18px;border:2px solid var(--pale);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1150px){.requirement-grid{grid-template-columns:1fr 1fr}.requirement-grid .req-main+.req-main{border-right:0;padding-right:0}.requirement-grid b{font-size:26px}.requirement{padding:var(--space-4)}}
@media(max-width:700px){#parameters>.pair,#parameters>.mode-switch,#parameters>.check,#parameters>.small,#parameters>span.field{grid-column:1/-1}.requirement-grid{gap:var(--space-4)}.requirement-grid span{min-height:0}.requirement-grid .req-side b{font-size:var(--text-lg)}.contact-form{grid-template-columns:1fr}#busy{padding-top:120px}}
@media(max-width:700px){#duty-chip{display:none}}
.req-text{font-size:20px!important;line-height:1.3!important}
.skip:not(:focus){position:absolute!important;left:-10000px!important;top:auto!important;width:1px;height:1px;overflow:hidden}

/* переходы между выбранным вариантом и таблицей */
.jump-link{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;margin-top:var(--space-2);color:var(--blue);font-size:var(--text-xs);font-weight:500;min-height:28px;cursor:pointer}.jump-link:hover{text-decoration:underline}
.results-heading .jump-link{display:flex}
.variants-actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:flex-end}.variants-actions .jump-link{margin-top:0}
.row-select.is-selected{color:var(--muted)}
@keyframes rusinzh-flash{0%{box-shadow:0 0 0 3px #1d5fb766}100%{box-shadow:var(--shadow)}}#selected.flash{animation:rusinzh-flash 1.4s ease-out}
@media(max-width:700px){.variants-top{flex-wrap:wrap}.variants-actions{justify-content:flex-start}}
.jump-link[hidden]{display:none!important}