/* A / engineering product detail: scoped to this template; shared header remains intact. */
.engineering-detail{--detail-red:#ce0730;--detail-line:#e3e7ed;--detail-muted:#657080;--detail-sticky-top:0px}
.engineering-detail [hidden]{display:none!important}
.engineering-detail main{font:16px/1.65 Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#172131}
.engineering-detail main *{box-sizing:border-box;min-width:0}
.engineering-detail main :is(button,input,select){font:inherit}
.engineering-detail main button{cursor:pointer}
.engineering-detail main :is(a,button,input,select,summary):focus-visible{outline:2px solid #8d9aa9;outline-offset:3px}
.engineering-detail main .shell{width:89%;max-width:1680px;margin-inline:auto;padding-inline:0}
.engineering-detail .detail-preview{padding:12px;background:#fff7df;text-align:center}
.engineering-detail .detail-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-block:24px;font-size:13px;color:var(--detail-muted)}
.engineering-detail .detail-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-bottom:28px;align-items:start}
.engineering-detail .product-gallery{min-width:0}
.engineering-detail .product-main-image{position:relative;display:block;width:100%;height:clamp(290px,27vw,480px);padding:24px;border:1px solid #eef0f3;border-radius:8px;background:#fafbfc}
.engineering-detail .product-main-image img{width:100%;height:100%;object-fit:contain}
.engineering-detail .product-main-image,.engineering-detail .detail-thumbnails button:first-child{margin-inline-start:auto}
.engineering-detail .detail-thumbnails button:last-child{margin-inline-end:auto}
.engineering-detail .detail-thumbnails button{isolation:isolate}
.engineering-detail .product-main-image img[src^="/uploads/flinck-20260922/"],.engineering-detail .detail-thumbnails img[src^="/uploads/flinck-20260922/"]{mix-blend-mode:multiply}
.engineering-detail .gallery-zoom{position:absolute;right:16px;bottom:12px;color:#697586}
.engineering-detail .gallery-strip{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;margin-top:14px}
.engineering-detail .gallery-strip .detail-thumbnails{grid-column:2;grid-row:1;align-self:center}
.engineering-detail .gallery-strip .gallery-prev{grid-column:1;grid-row:1}
.engineering-detail .gallery-strip .gallery-next{grid-column:3;grid-row:1}
.engineering-detail .gallery-strip .icon-button{display:flex;align-items:center;justify-content:center;align-self:center;width:36px;height:40px;border:0;background:transparent;color:var(--detail-muted);font-size:0;border-radius:6px;transition:background .15s,color .15s}
.engineering-detail .gallery-strip .icon-button::before{content:"";width:8px;height:8px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.engineering-detail .gallery-strip .gallery-prev::before{transform:rotate(-135deg)}
.engineering-detail .gallery-strip .icon-button:hover{background:#f1f4f7;color:#172131}
.engineering-detail .detail-thumbnails{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin:0;flex:1;padding:2px 0;align-items:center;position:relative}
.engineering-detail .detail-thumbnails button{display:block;flex:0 0 100px;height:82px;padding:5px;border:1px solid var(--detail-line);background:#fafbfc;border-radius:6px;overflow:hidden}
.engineering-detail .detail-thumbnails button.active{border-color:var(--detail-red)}
.engineering-detail .icon-button{display:grid;place-items:center;width:40px;height:40px;flex:none;padding:0;border:1px solid var(--detail-line);border-radius:6px;background:#fff;color:#172131;font-size:22px}
.engineering-detail main .detail-category{color:var(--detail-red);margin:0 0 6px;font:700 16px/1.5 Arial,"Microsoft YaHei",sans-serif}
.engineering-detail main .product-intro h1{font-size:clamp(28px,2.8vw,40px);line-height:1.25;overflow-wrap:anywhere;margin:0 0 8px}
.engineering-detail main .product-english{color:var(--detail-muted);font-size:18px;margin:0 0 16px}
.engineering-detail main .detail-summary{max-width:none;font-size:16px;line-height:1.7;margin:12px 0 18px;white-space:pre-line}
.engineering-detail .detail-industry-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.engineering-detail .detail-industry-tags button{background:#fceef1;color:var(--detail-red);border:0;border-radius:4px;padding:4px 10px;font-size:13px}
.engineering-detail .hero-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.engineering-detail .hero-specs>div{border:1px solid var(--detail-line);border-radius:6px;padding:14px 16px}
.engineering-detail .hero-specs dt{color:var(--detail-muted);font-size:13px;margin:0 0 4px}
.engineering-detail .hero-specs dd{font-size:14px;font-weight:600;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-line}
.engineering-detail .product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0 14px}
.engineering-detail main .detail-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 22px;border:1px solid var(--detail-red);border-radius:5px;background:#fff;color:var(--detail-red);font-size:14px;line-height:1.4;font-weight:600;text-decoration:none;text-align:center}
.engineering-detail main .detail-button.primary{background:var(--detail-red);color:#fff}
.engineering-detail .detail-button:hover{filter:brightness(.94)}
.engineering-detail main .detail-text-link{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;padding:7px 0;color:var(--detail-red);font-size:14px;text-decoration:none}
.engineering-detail main .detail-note{color:var(--detail-muted);font-size:13px;line-height:1.65;margin:12px 0}
.engineering-detail .detail-tabs-wrap{top:var(--detail-sticky-top);margin:0;padding:0;background:#fff;z-index:35;box-shadow:none;border-bottom:1px solid var(--detail-line)}
.engineering-detail .detail-tabs{display:flex;gap:clamp(18px,3vw,44px);overflow-x:auto;scrollbar-width:thin;padding:0}
.engineering-detail .detail-tabs button{flex:none;height:auto;min-height:58px;border:0;border-bottom:2px solid transparent;border-radius:0;padding:14px 4px;background:transparent;font:500 15px/1.5 Arial,"Microsoft YaHei",sans-serif;color:#657080;white-space:nowrap}
.engineering-detail .detail-tabs button.active{border-bottom-color:var(--detail-red);color:var(--detail-red);background:#fff;font-weight:700}
.engineering-detail .detail-tabs button:hover{color:var(--detail-red);background:#fff}
.engineering-detail .detail-content{scroll-margin-top:calc(var(--detail-sticky-top) + 65px);padding-top:0}
.engineering-detail .detail-panel{padding:32px 0 38px;min-height:230px;outline:none}
.engineering-detail .detail-panel h2{font-size:28px;margin:0 0 14px}
.engineering-detail .engineering-overview{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:32px;align-items:start}
.engineering-detail .overview-body{font:16px/1.85 Arial,"Microsoft YaHei",sans-serif;white-space:pre-line;max-width:none}
.engineering-detail .overview-body p{font:inherit;line-height:inherit;margin:0 0 18px;overflow-wrap:anywhere}
.engineering-detail .overview-body p:last-child{margin-bottom:0}
.engineering-detail .engineering-overview>div>h3{font-size:20px;line-height:1.6;margin:0 0 18px}
.engineering-detail .selection-guide h3{font-size:20px;line-height:1.5;margin:0}
.engineering-detail .overview-photo{position:relative;display:block;width:100%;height:260px;border:1px solid var(--detail-line);border-radius:8px;background:#fafbfc;padding:14px;margin-top:24px}
.engineering-detail .overview-photo img{width:100%;height:100%;object-fit:contain}
.engineering-detail .product-detail-cards{margin-top:28px}
.engineering-detail .product-detail-cards>h3{font-size:20px;margin:0 0 16px}
.engineering-detail .product-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.engineering-detail .product-detail-card{border:1px solid var(--detail-line);border-radius:8px;overflow:hidden;background:#fff}
.engineering-detail .product-detail-card .overview-photo{margin:0;border:0;border-radius:0;height:auto;aspect-ratio:1.2;padding:18px;background:#f6f8fa}
.engineering-detail .product-detail-card .detail-card-zoom{padding:0;background:transparent;font-size:17px;bottom:12px;right:14px}
.engineering-detail .product-detail-caption{padding:16px 18px}
.engineering-detail .product-detail-caption h4{font-size:16px;line-height:1.5;margin:0 0 5px}
.engineering-detail .product-detail-caption p{font-size:13px;line-height:1.7;color:var(--detail-muted);margin:0}
@media(max-width:580px){.engineering-detail .product-detail-grid{grid-template-columns:1fr}.engineering-detail .product-detail-card .overview-photo{aspect-ratio:1.35}}
.engineering-detail .overview-photo span{position:absolute;bottom:12px;right:14px;padding:4px 10px;background:#fff;color:#657080;font-size:13px}
.engineering-detail .selection-guide{border:1px solid var(--detail-line);border-radius:8px;background:#fafbfc;padding:24px}
.engineering-detail .selection-guide ul{list-style:none;margin:20px 0;padding:0}
.engineering-detail .selection-guide li{display:flex;gap:16px;margin-bottom:20px}
.engineering-detail .selection-guide li>i{width:24px;font-size:22px;margin-top:4px}
.engineering-detail .selection-guide li p{font-size:13px;margin:3px 0 0}
.engineering-detail .engineering-related,.engineering-detail .engineering-accessories{padding-top:32px}
.engineering-detail .detail-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}
.engineering-detail .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;transform:none}
.engineering-detail .related-card{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:18px;min-height:150px;border:1px solid var(--detail-line);border-radius:8px;box-shadow:none}
.engineering-detail .related-card img{width:100px;height:110px;flex:none;object-fit:contain}
.engineering-detail .related-card h3{font-size:16px;margin:4px 0 10px;overflow-wrap:anywhere}
.engineering-detail .related-card .related-card-hint{display:inline-block;font-size:12px;font-weight:400;color:var(--detail-muted)}
.engineering-detail .related-card:hover .related-card-hint,.engineering-detail .related-card:focus-visible .related-card-hint{text-decoration:underline;text-underline-offset:3px}
.engineering-detail .spec-group{margin:0 0 20px}
.engineering-detail .spec-group h3{font-size:17px;margin:22px 0 4px}
.engineering-detail .specification-panel .spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin:0}
.engineering-detail .spec-grid>div{min-height:0;padding:16px 0 18px;border-bottom:1px solid var(--detail-line)}
.engineering-detail .spec-grid>div.spec-wide{grid-column:1/-1}
.engineering-detail .spec-grid dt{font:600 15px/1.5 Arial,"Microsoft YaHei",sans-serif;margin:0 0 8px;color:var(--detail-red)}
.engineering-detail .spec-grid dd{font:15px/1.7 Arial,"Microsoft YaHei",sans-serif;white-space:pre-line;overflow-wrap:anywhere;margin:0;color:#344054}
.engineering-detail .detail-help{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:22px;border:1px solid var(--detail-line);border-radius:8px;margin-top:26px}
.engineering-detail .detail-help>div{flex:1 1 300px}
.engineering-detail .detail-help h3{font-size:18px;margin:0 0 6px}
.engineering-detail .detail-help p{margin:0;font-size:14px}
.engineering-detail .resource-filters{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0 14px}
.engineering-detail .resource-filters label{display:flex;align-items:center;gap:14px}
.engineering-detail .resource-filters label>span{white-space:nowrap;font-size:14px}
.engineering-detail .resource-filters select{height:44px;min-width:0;flex:1;padding:8px 36px 8px 12px;border:1px solid var(--detail-line)}
.engineering-detail .resource-status,.engineering-detail .feature-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;color:var(--detail-muted);font-size:13px}
.engineering-detail .download-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.engineering-detail .download-card{grid-template-columns:24px minmax(0,1fr);grid-template-rows:1fr auto;gap:16px 12px;min-height:166px;padding:20px;border-color:var(--detail-line);box-shadow:none}
.engineering-detail .download-card:hover{border-color:#cbd1d9}
.engineering-detail .download-card h3{font:700 16px/1.5 Arial,"Microsoft YaHei",sans-serif;color:#172131;overflow-wrap:anywhere}
.engineering-detail .download-card p{font-size:14px;margin:0}
.engineering-detail .download-meta{grid-column:1/-1;justify-content:space-between;gap:12px}
.engineering-detail .download-meta>a{min-width:0;font-size:13px}
.engineering-detail .download-meta>span{color:var(--detail-muted);font-size:13px}
.engineering-detail .detail-empty{padding:26px;border:1px solid var(--detail-line);border-radius:8px;background:#fafbfc;margin:20px 0}
.engineering-detail .detail-empty h3{font-size:19px}
.engineering-detail .feature-no-data{display:flex;align-items:flex-start;gap:22px}
.engineering-detail .feature-no-data>i{font-size:26px;margin-top:5px;color:#657080}
.engineering-detail .feature-no-data .product-actions{margin-bottom:0}
.engineering-detail .feature-search-label{width:min(100%,320px)}
.engineering-detail .feature-search{width:100%;min-height:44px;border:1px solid var(--detail-line);border-radius:6px;padding:10px 14px;background:#fff}
.engineering-detail .feature-groups{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.engineering-detail .feature-groups button{border:1px solid var(--detail-line);background:#fafbfc;border-radius:6px;padding:8px 14px;color:#657080;font-size:14px}
.engineering-detail .feature-groups button[aria-pressed=true]{background:#fceef1;border-color:#f8d9e1;color:var(--detail-red)}
.engineering-detail .feature-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:start;margin:0;min-height:0}
.engineering-detail .feature-layout.text-only{grid-template-columns:minmax(0,1fr)}
.engineering-detail .feature-visual{display:block;position:sticky;top:calc(var(--detail-sticky-top) + 78px);min-height:0}
.engineering-detail .feature-image-button{display:block;width:100%;padding:16px;border:1px solid var(--detail-line);border-radius:8px;background:#fafbfc}
.engineering-detail .feature-visual img{width:100%;height:clamp(240px,35vw,490px);max-height:55vh;object-fit:contain;object-position:center}
.engineering-detail .feature-markers{display:flex;flex-wrap:wrap;gap:6px}
.engineering-detail .feature-markers button{min-width:34px;min-height:34px;border:1px solid var(--detail-line);background:#fff;border-radius:5px;font-size:13px}
.engineering-detail .feature-markers button.active{border-color:var(--detail-red);color:var(--detail-red);background:#fff2f5}
.engineering-detail .feature-accordion{padding:0;width:100%}
.engineering-detail .feature-accordion details{border-bottom:1px solid var(--detail-line);scroll-margin-top:calc(var(--detail-sticky-top) + 78px)}
.engineering-detail .feature-accordion summary{grid-template-columns:auto minmax(0,1fr) 20px;gap:14px;min-height:64px;padding:12px 0;font:16px/1.6 Arial,"Microsoft YaHei",sans-serif}
.engineering-detail .feature-marker{display:grid;place-items:center;min-width:32px;min-height:32px;padding:3px 7px;border-radius:50%;color:#657080;background:#f1f3f6;font-size:13px}
.engineering-detail details[open] .feature-marker{background:var(--detail-red);color:#fff}
.engineering-detail .feature-description{padding:0 18px 22px 46px;color:#657080;font-size:15px;line-height:1.85;white-space:pre-line;overflow-wrap:anywhere}
.engineering-detail .application-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.engineering-detail .application-card{border:1px solid var(--detail-line);border-radius:8px;overflow:hidden}
.engineering-detail .application-card>img{width:100%;aspect-ratio:2/1;object-fit:cover;display:block}
.engineering-detail .application-card>div{padding:20px}
.engineering-detail .application-card p{font-size:14px}
.engineering-detail .detail-quote{margin:0 auto 34px;border:1px solid var(--detail-line);border-radius:8px}
.engineering-detail .detail-quote>summary{cursor:pointer;padding:20px 24px;font-weight:700}
.engineering-detail .detail-quote .contact{padding:0 24px 24px;background:#fff}
.engineering-detail main .detail-quote .shell{width:100%;max-width:none}
.engineering-detail .detail-quote .contact h2{font-size:26px}
.engineering-detail #contact{scroll-margin-top:calc(var(--detail-sticky-top) + 80px)}
.engineering-detail .product-lightbox{width:min(1100px,94vw);max-height:94dvh;padding:48px 20px 15px;border:1px solid var(--detail-line);border-radius:10px;background:#fff}
.engineering-detail .product-lightbox::backdrop{background:#18212eb8}
.engineering-detail .product-lightbox>img{display:block;width:100%;height:70dvh;object-fit:contain}
.engineering-detail .lightbox-close{position:absolute;right:10px;top:8px}
.engineering-detail .lightbox-controls{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:12px}
@media(max-width:1199px){
 .engineering-detail .specification-panel .spec-grid,.engineering-detail .download-grid,.engineering-detail .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .engineering-detail .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .engineering-detail .product-top{gap:24px}
 .engineering-detail .hero-specs>div{padding:12px}
}
@media(max-width:820px){
 .engineering-detail .detail-top,.engineering-detail .engineering-overview,.engineering-detail .feature-layout{grid-template-columns:minmax(0,1fr)}
 .engineering-detail .product-main-image{height:350px}
 .engineering-detail .detail-tabs{gap:22px}
 .engineering-detail .detail-panel{padding:24px 0 28px}
 .engineering-detail .feature-visual{position:static;width:100%}
 .engineering-detail .feature-visual img{max-height:none;height:360px}
 .engineering-detail .detail-section-heading{flex-wrap:wrap}
 .engineering-detail .feature-search-label{width:100%}
 .engineering-detail .related-card{min-height:140px}
}
@media(max-width:580px){
 .engineering-detail .specification-panel .spec-grid,.engineering-detail .download-grid,.engineering-detail .application-grid,.engineering-detail .related-grid,.engineering-detail .resource-filters{grid-template-columns:minmax(0,1fr)}
 .engineering-detail .hero-specs{gap:8px}
 .engineering-detail .detail-top{gap:24px}
 .engineering-detail .product-main-image{height:280px}
 .engineering-detail .detail-thumbnails button{flex-basis:80px;height:66px}
 .engineering-detail .product-actions{gap:10px}
 .engineering-detail main .detail-button{padding:10px 16px}
 .engineering-detail .selection-guide,.engineering-detail .detail-empty,.engineering-detail .detail-help{padding:18px}
 .engineering-detail .download-card{min-height:156px}
 .engineering-detail .feature-description{padding-left:0}
 .engineering-detail .feature-visual img{height:300px}
 .engineering-detail .detail-quote .contact{padding:0 14px 18px}
}
@media(prefers-reduced-motion:reduce){.engineering-detail *{scroll-behavior:auto!important;transition:none!important}}

/* Approved refinement: preserve data, reduce visual density and unify controls. */
.engineering-detail .detail-thumbnails::-webkit-scrollbar{display:none}
.engineering-detail .detail-tabs{scrollbar-width:none}
.engineering-detail .detail-tabs::-webkit-scrollbar{display:none}
.engineering-detail .share-button,.engineering-detail .share-panel{right:6px;width:44px}
.engineering-detail .share-button,.engineering-detail .share-panel button{width:44px;height:44px;min-height:44px}
.engineering-detail .share-panel{top:346px}
@media(max-width:820px){.engineering-detail .share-panel{top:auto;bottom:156px}}
.engineering-detail .detail-thumbnails button img{display:block;width:100%;height:100%;object-fit:contain}
.engineering-detail .gallery-counter{flex:none;font-size:12px;color:var(--detail-muted);white-space:nowrap}
.engineering-detail .product-main-image{touch-action:pan-y}
.engineering-detail .gallery-image-error{display:grid;place-items:center;gap:10px;min-height:72px;color:var(--detail-muted);font-size:14px}
.engineering-detail main .detail-button{min-height:44px;border-radius:6px;white-space:nowrap}
.engineering-detail .resource-filters label{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.engineering-detail .resource-filters select{flex:auto;width:100%;height:48px;border-radius:6px}
.engineering-detail .application-grid{align-items:start}
.engineering-detail .application-card .application-media{padding:0;position:relative;aspect-ratio:2/1;background:#f5f7f9;overflow:hidden}
.engineering-detail .application-media img{display:block;width:100%;height:100%;object-fit:cover}
.engineering-detail .application-image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:16px;color:var(--detail-muted);font-size:13px}
.engineering-detail .application-card .application-copy{padding:16px;display:grid;grid-template-columns:1fr auto;column-gap:12px}
.engineering-detail .application-copy h3{font-size:18px;line-height:1.5;margin:0 0 5px;grid-column:1/-1;overflow-wrap:anywhere}
.engineering-detail .application-copy p{font-size:14px;line-height:1.65;margin:0;color:var(--detail-muted)}
.engineering-detail .application-copy .detail-text-link{font-size:13px;padding:0;align-self:end;white-space:nowrap}
.engineering-detail .detail-quote>summary{display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:22px}
.engineering-detail .detail-quote>summary::-webkit-details-marker{display:none}
.engineering-detail .detail-quote>summary::after{content:"";width:9px;height:9px;border-right:1.5px solid #657080;border-bottom:1.5px solid #657080;transform:rotate(45deg);margin-right:5px}
.engineering-detail .detail-quote[open]>summary::after{transform:rotate(225deg)}
.engineering-detail .detail-quote .contact h2{display:none}
.engineering-detail .detail-quote-context{margin:0 24px 20px;padding:10px 14px;border-radius:6px;background:#f5f7f9;color:var(--detail-muted);font-size:14px}
.engineering-detail .feature-markers button,.engineering-detail .icon-button{min-width:44px;min-height:44px}
@media(max-width:580px){.engineering-detail .application-card .application-copy{grid-template-columns:1fr}.engineering-detail .application-copy .detail-text-link{margin-top:10px}.engineering-detail .detail-quote-context{margin-inline:14px}.engineering-detail .gallery-counter{font-size:11px}}
@media(max-width:560px){.engineering-detail main .shell{width:92%}.engineering-detail main .detail-quote .shell{width:100%}.engineering-detail .detail-panel h2{font-size:24px}}