#sparder-rfq *{box-sizing:border-box}
#sparder-rfq{margin:0;color:#183d57;background:linear-gradient(130deg,#f9fcff,#edf7fa);font:14px/1.55 "Microsoft YaHei",Arial,sans-serif}
#sparder-rfq a{color:inherit;text-decoration:none}
#sparder-rfq button,#sparder-rfq input,#sparder-rfq select,#sparder-rfq textarea{font:inherit}
#sparder-rfq header{background:#fff;border-bottom:1px solid #e4edf1}
#sparder-rfq .head{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1560px;margin:auto;padding:8px 24px}
#sparder-rfq .brand{display:flex;align-items:center;gap:5px;font-size:23px;font-weight:700}
#sparder-rfq .brand img{width:66px;height:44px;object-fit:cover;object-position:center}
#sparder-rfq .brand span{letter-spacing:-1px}
#sparder-rfq .head nav{display:flex;align-items:center;gap:32px;color:#172d3a}
#sparder-rfq .active{color:#008c9a;border-bottom:2px solid #008c9a;padding:10px 4px}
#sparder-rfq .contact-button{background:#008d98;color:white;border:0;border-radius:6px;padding:9px 16px}
#sparder-rfq .shell{max-width:1560px;margin:auto;padding:0 22px 20px}
#sparder-rfq .crumb{margin:14px 0;color:#51707f;font-size:12px}
#sparder-rfq .main{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr) minmax(0,1fr);gap:26px;align-items:start}
#sparder-rfq .photo{width:100%;height:min(45vh,510px);object-fit:contain;background:#eaf1ff;border-radius:12px;display:block}
#sparder-rfq .thumbs{display:flex;gap:9px;align-items:center;margin:10px 0}
#sparder-rfq .thumb{width:22%;border:2px solid transparent;padding:2px;border-radius:7px;background:white}
#sparder-rfq .thumb[aria-pressed=true]{border-color:#008c9a}
#sparder-rfq .thumb img{width:100%;height:46px;object-fit:cover;border-radius:4px;display:block}
#sparder-rfq .arrow{border:0;background:none;color:#456471;font-size:22px;padding:0 4px}
#sparder-rfq .eyebrow{font-weight:700;color:#008c9a;font-size:17px}
#sparder-rfq .summary h1{font-size:clamp(22px,2.3vw,34px);line-height:1.3;margin:8px 0 9px;font-weight:750}
#sparder-rfq .summary .lead{color:#7c8a91;font-size:15px;margin-bottom:22px}
#sparder-rfq .features{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin:0 0 20px}
#sparder-rfq .features i{display:grid;place-items:center;background:#e8f5f6;color:#008c9a;width:54px;height:54px;margin:auto auto 8px;border-radius:50%}
#sparder-rfq .features svg{width:29px;height:29px}
#sparder-rfq .features strong{display:block;font-size:16px}
#sparder-rfq .features small{color:#7d8b93;font-size:12px;display:block;margin-top:5px}
#sparder-rfq .spec-heading{border-top:1px solid #dfe9ed;padding-top:14px;margin-bottom:12px;font-size:19px;font-weight:700}
#sparder-rfq .spec-heading:before{content:"";display:inline-block;height:18px;width:4px;background:#0098a4;margin-right:10px;vertical-align:-2px}
#sparder-rfq .specs{width:100%;border-collapse:collapse;font-size:13px}
#sparder-rfq .specs td{padding:7px 9px;border-bottom:1px solid #dde6eb}
#sparder-rfq .specs td:first-child{background:#edf4f6;width:30%;white-space:nowrap}
#sparder-rfq .inquiry{background:#fff;border:1px solid #cde4ea;border-radius:10px;overflow:hidden;box-shadow:0 6px 22px #185b7b0a}
#sparder-rfq .form-head{padding:14px 18px;background:#e6f5f7}
#sparder-rfq .form-head h2{font-size:24px;margin:0 0 4px;display:flex;align-items:center;gap:10px}
#sparder-rfq .form-head svg{width:28px;height:28px}
#sparder-rfq .form-head p{font-size:12px;margin:0;color:#697d87}
#sparder-rfq .form-body{padding:15px 18px}
#sparder-rfq .fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#sparder-rfq .field label{font-weight:600;display:block;font-size:12px;margin-bottom:5px;color:#233c4a}
#sparder-rfq .field label em{font-style:normal;color:#b43f47}
#sparder-rfq .field select{width:100%;padding:7px 9px;border:1px solid #cddbe2;border-radius:5px;background-color:#fff;font-size:12px;color:#425d6d}
#sparder-rfq .field.wide{grid-column:1/-1}
#sparder-rfq .field textarea{width:100%;height:70px;border:1px solid #cddbe2;border-radius:5px;padding:9px;font-size:12px;resize:vertical}
#sparder-rfq .submit{background:#008d98;color:white;border:0;border-radius:6px;width:100%;padding:10px;margin-top:12px;font-weight:700}
#sparder-rfq .submit:disabled{cursor:not-allowed;opacity:.7}
#sparder-rfq .status{font-size:11px;color:#71838d;margin:5px 0 0}
#sparder-rfq .details{background:white;border:1px solid #dce7ed;border-radius:10px;padding:0 14px 12px;margin-top:18px}
#sparder-rfq .tablist{display:flex;border-bottom:1px solid #e2eaed;gap:12px;padding-top:9px}
#sparder-rfq .tablist button{border:0;background:transparent;padding:9px 22px;font-size:14px;border-radius:7px 7px 0 0;color:#364e5b}
#sparder-rfq .tablist button[aria-selected=true]{background:#008d98;color:white}
#sparder-rfq .tabpanel{padding-top:14px;min-height:135px}
#sparder-rfq .overview{display:grid;grid-template-columns:25% minmax(0,1fr) 24%;gap:26px;align-items:center}
#sparder-rfq .overview img{width:100%;height:110px;object-fit:cover;border-radius:9px}
#sparder-rfq .overview h2{font-size:20px;margin:0 0 9px}
#sparder-rfq .overview p{font-size:13px;line-height:1.8;margin:0;color:#52646f}
#sparder-rfq .mini-features{display:flex;justify-content:space-around;text-align:center}
#sparder-rfq .mini-features svg{display:block;width:28px;height:28px;margin:auto auto 8px;color:#008d98}
#sparder-rfq .mini-features span{font-size:12px}
#sparder-rfq .review{color:#7c704c;font-size:11px;margin:5px 0}
#sparder-rfq .panel-copy{font-size:14px;line-height:1.8;padding:3px 8px}
#sparder-rfq .nav-toggle{display:none}
#sparder-rfq button:focus-visible,#sparder-rfq a:focus-visible,#sparder-rfq select:focus-visible,#sparder-rfq textarea:focus-visible{outline:3px solid #18a5bc;outline-offset:2px}
#sparder-rfq [hidden]{display:none!important}
@media(min-width:700px) and (max-height:790px){#sparder-rfq .head{padding-top:3px;padding-bottom:3px}
#sparder-rfq .crumb{margin:7px 0}
#sparder-rfq .photo{height:43vh}
#sparder-rfq .main{gap:19px}
#sparder-rfq .summary .lead{margin-bottom:12px}
#sparder-rfq .features{margin-bottom:12px}
#sparder-rfq .features i{width:44px;height:44px}
#sparder-rfq .specs td{padding:5px 7px}
#sparder-rfq .form-head{padding:10px 15px}
#sparder-rfq .form-body{padding:10px 15px}
#sparder-rfq .fields{gap:8px 10px}
#sparder-rfq .field textarea{height:54px}
#sparder-rfq .details{margin-top:9px}
#sparder-rfq .tabpanel{min-height:100px;padding-top:9px}
#sparder-rfq .overview img{height:90px}
#sparder-rfq .tablist button{padding:6px 18px}}
@media(min-width:700px) and (max-width:1050px){#sparder-rfq .head nav{gap:12px;font-size:12px}
#sparder-rfq .head .contact-button{display:none}
#sparder-rfq .main{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:16px}
#sparder-rfq .gallery{grid-column:1;grid-row:1}
#sparder-rfq .summary{grid-column:1;grid-row:2}
#sparder-rfq .inquiry{grid-column:2;grid-row:1/span 2}
#sparder-rfq .photo{height:27vh}
#sparder-rfq .summary h1{font-size:21px}
#sparder-rfq .features{display:none}
#sparder-rfq .summary .lead{font-size:12px;margin-bottom:8px}
#sparder-rfq .spec-heading{padding-top:6px;margin-bottom:5px;font-size:15px}
#sparder-rfq .specs{font-size:12px}
#sparder-rfq .specs td{padding:4px 6px}
#sparder-rfq .thumb img{height:30px}
#sparder-rfq .eyebrow{font-size:12px}
#sparder-rfq .overview{grid-template-columns:24% 1fr}
#sparder-rfq .mini-features{display:none}
#sparder-rfq .tablist{gap:1px}
#sparder-rfq .tablist button{padding:7px 10px;font-size:12px}}
@media(max-width:699px){#sparder-rfq .head{padding:8px 14px}
#sparder-rfq .head nav{display:none}
#sparder-rfq .brand{font-size:21px}
#sparder-rfq .head .contact-button{font-size:12px;padding:7px}
#sparder-rfq .shell{padding:0 14px 25px}
#sparder-rfq .main{display:flex;flex-direction:column;gap:20px}
#sparder-rfq .gallery,#sparder-rfq .summary,#sparder-rfq .inquiry{width:100%}
#sparder-rfq .photo{height:auto;aspect-ratio:1/1}
#sparder-rfq .summary h1{font-size:26px}
#sparder-rfq .overview{grid-template-columns:1fr}
#sparder-rfq .overview img{height:170px}
#sparder-rfq .mini-features{display:none}
#sparder-rfq .tablist{overflow:auto}
#sparder-rfq .tablist button{white-space:nowrap;padding:9px 14px}
#sparder-rfq .fields{gap:12px}
#sparder-rfq .field select,#sparder-rfq .field textarea{font-size:16px}
#sparder-rfq .field textarea{height:85px}
#sparder-rfq .details{margin-top:20px}
#sparder-rfq .review{line-height:1.5}}
#sparder-rfq .arrow:disabled{opacity:.25;cursor:default}
#sparder-rfq .thumb:focus-visible{outline:3px solid #008d98;outline-offset:2px}
#sparder-rfq .status{line-height:1.4}
#sparder-rfq .photo{object-fit:contain}
#sparder-rfq .brand img{object-fit:contain}
#sparder-rfq .required-note{font-size:12px;font-weight:600;color:#1b5966;margin:0 0 9px}
#sparder-rfq .contact-help{grid-column:1/-1;font-size:11px;line-height:1.35;color:#71838d;margin:-6px 0 1px}
#sparder-rfq .optional{font-size:10px;font-weight:400;color:#7a8e98;margin-left:3px}
#sparder-rfq .field input{width:100%;padding:7px 9px;border:1px solid #cddbe2;border-radius:5px;background:#fff;font-size:12px;color:#425d6d}
#sparder-rfq .field input:focus{border-color:#008d98;box-shadow:0 0 0 2px #e6f5f7}
#sparder-rfq .field input:focus-visible{outline:3px solid #18a5bc;outline-offset:2px}
#sparder-rfq .field input::placeholder{font-size:11px;color:#83959d}
@media(min-width:700px) and (max-height:790px){#sparder-rfq .fields{gap:6px 9px}
#sparder-rfq .form-head h2{font-size:21px}
#sparder-rfq .field input,#sparder-rfq .field select{padding:5px 7px}
#sparder-rfq .required-note{margin-bottom:6px}
#sparder-rfq .contact-help{margin:-3px 0 0;font-size:10px}
#sparder-rfq .field textarea{height:42px}
#sparder-rfq .field label{margin-bottom:3px}
#sparder-rfq .form-body{padding:9px 13px}
#sparder-rfq .submit{padding:8px;margin-top:8px}}
@media(max-width:699px){#sparder-rfq .field input{font-size:16px;padding:9px}
#sparder-rfq .field input::placeholder{font-size:12px}
#sparder-rfq .fields .field:nth-child(2){grid-column:1/-1}
#sparder-rfq .contact-help{margin:0}
#sparder-rfq .required-note{font-size:13px}}
@media(min-width:1051px){#sparder-rfq .head,#sparder-rfq .shell{max-width:1760px}
#sparder-rfq .head{padding-left:20px;padding-right:20px}
#sparder-rfq .shell{padding-left:18px;padding-right:18px}
#sparder-rfq .main{grid-template-columns:minmax(0,1.15fr) minmax(0,.92fr) minmax(0,1.02fr);gap:25px}
#sparder-rfq .photo{height:min(51vh,570px)}
#sparder-rfq .summary h1{font-size:clamp(27px,2.3vw,38px)}
#sparder-rfq .lead{font-size:16px}
#sparder-rfq .specs{font-size:14px}
#sparder-rfq .specs td{padding:8px 9px}
#sparder-rfq .form-head h2{font-size:26px}
#sparder-rfq .field label{font-size:13px}
#sparder-rfq .field select,#sparder-rfq .field input{font-size:13px}
#sparder-rfq .field textarea{font-size:13px}}
#sparder-rfq .combo-hint{display:block;color:#71838d;font-size:10px;line-height:1.25;margin-top:3px}
#sparder-rfq .status.success{border:1px solid #b5dfd5;background:#e7f7f0;color:#086b4f;border-radius:6px;padding:9px;margin-top:9px}
#sparder-rfq .submit{cursor:pointer}
#sparder-rfq .submit:hover{background:#006f7c}
#sparder-rfq .submit:focus-visible{outline:3px solid #18a5bc;outline-offset:2px}
@media(min-width:700px) and (max-width:1050px){#sparder-rfq .shell{padding-left:12px;padding-right:12px}
#sparder-rfq .main{gap:18px;grid-template-columns:minmax(0,1.25fr) minmax(290px,1fr)}
#sparder-rfq .form-body{padding:10px 13px}
#sparder-rfq .photo{height:30vh}}
@media(max-width:699px){#sparder-rfq .field input.combo-input{font-size:16px}
#sparder-rfq .combo-hint{font-size:11px}}
#sparder-rfq .details{padding-bottom:18px}
#sparder-rfq .tabpanel{padding-top:18px}
#sparder-rfq .overview{align-items:center}
#sparder-rfq .overview img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#edf4fa}
#sparder-rfq .overview h2{margin-bottom:12px}
#sparder-rfq .overview p{line-height:1.85}
@media(min-width:700px) and (max-height:790px){#sparder-rfq .tabpanel{padding-top:14px}
#sparder-rfq .overview img{height:auto;max-height:none}
#sparder-rfq .details{padding-bottom:16px}}
@media(max-width:699px){#sparder-rfq .overview img{height:auto;max-height:none;width:100%;object-fit:contain}}
#sparder-rfq .gallery{min-width:0}
#sparder-rfq .photo{display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:transparent;margin:0;padding:0}
#sparder-rfq .overview img{width:100%;height:auto;max-height:none;object-fit:contain;background:transparent}
#sparder-rfq .thumbs{align-items:center;gap:10px}
#sparder-rfq .thumb{flex:1 1 0;min-width:0;width:auto;height:auto;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;padding:3px;background:#fff}
#sparder-rfq .thumb img{display:block;width:100%;height:100%;aspect-ratio:1/1;max-height:none;object-fit:contain;object-position:center;border-radius:4px}
#sparder-rfq .arrow{flex:0 0 20px}
#sparder-rfq .photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
@media(min-width:700px) and (max-width:1050px){#sparder-rfq .thumb img{height:100%;max-height:none}}
#sparder-rfq{padding-top:95px;padding-bottom:24px;min-height:70vh;line-height:1.55;font-size:14px}
#sparder-rfq button,#sparder-rfq input,#sparder-rfq select,#sparder-rfq textarea{font-family:inherit}
#sparder-rfq button{font-size:14px;line-height:1.5}
#sparder-rfq .submit{display:block;color:#fff;background:#008d98;position:static;height:auto}
#sparder-rfq .form-control,#sparder-rfq .form-select{display:block;width:100%;height:auto;min-height:36px;line-height:1.5}
#sparder-rfq .tablist{flex-wrap:nowrap}
#sparder-rfq .gallery .photo{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
#sparder-rfq .gallery-disclaimer{color:#785e38;font-size:12px;margin-top:8px}
#sparder-rfq .checkcode-row{display:none}
#sparder-rfq .checkcode-row.visible{display:block;grid-column:1/-1}
#sparder-rfq .checkcode-row img{width:120px;height:32px;object-fit:contain;cursor:pointer}
@media(max-width:699px){#sparder-rfq{padding-top:75px}#sparder-rfq .form-control,#sparder-rfq .form-select{font-size:16px}}

body:has(#sparder-rfq) .page-banner-wrapper,body:has(#sparder-rfq) .page-nav-wrapper{display:none!important}

/* A reviewed RFQ detail replaces the legacy goods detail; other product pages keep it. */
body:has(#sparder-rfq) .goodsinfo-wrapper{display:none!important}