@import url("product-detail-ea1311nuc-refined.css");
.pd-heading{display:block!important}.pd-heading>div{max-width:720px}.pd-heading>img{display:none!important}

/* Shared product pages use the restrained layout approved on 12 September. */
.product-detail-page{--pd-blue:#045ebf;--pd-navy:#102f46;--pd-ink:#182b29;--pd-muted:#687774;--pd-line:#d9e1e2;background:#fff;color:var(--pd-ink)}
.product-detail-page .container{width:min(1290px,calc(100% - 64px));margin-inline:auto}
.pd-breadcrumb{display:flex;align-items:center;gap:10px;min-height:50px;padding-block:0;border-bottom:1px solid #e7ebed;color:#73807e;font-size:.76rem}.pd-breadcrumb a{color:inherit;text-decoration:none}.pd-breadcrumb a:hover{color:var(--pd-blue)}
.pd-eyebrow{margin:0 0 14px;color:var(--pd-blue);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pd-section--navy .pd-eyebrow{color:#9fcef5}

/* Product hero */
.pd-hero{padding:56px 0 78px}.pd-hero__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(48px,6vw,90px);align-items:start}.pd-hero__copy{padding-top:12px}.pd-hero h1{max-width:620px;margin:0 0 18px;font-size:clamp(1.9rem,2.65vw,2.78rem);font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.pd-lead{max-width:590px;margin:0 0 26px;color:#65716f;font-size:.94rem;line-height:1.68}.pd-note{max-width:590px;margin:18px 0 0;color:#899492;font-size:.69rem;line-height:1.55}
.pd-gallery__stage{--pd-gallery-inset:46px;position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1/.82;min-height:0;margin:0;padding:46px;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#f4f6f7,#e9eef2);box-shadow:inset 0 0 0 1px rgba(24,43,41,.05)}.pd-gallery__stage img{position:absolute;inset:var(--pd-gallery-inset);display:block;width:calc(100% - (var(--pd-gallery-inset) * 2));height:calc(100% - (var(--pd-gallery-inset) * 2));margin:0;padding:0;object-fit:contain;object-position:50% 50%;transform-origin:50% 50%;transition:transform .42s cubic-bezier(.2,.72,.22,1),object-position .42s ease}.pd-gallery__stage img.view-detail{transform:scale(1.14);object-position:50% 50%}.pd-gallery__stage img.view-finish{transform:scale(1.2);object-position:50% 50%}.pd-gallery__stage figcaption{position:absolute;right:20px;bottom:20px;display:flex;gap:10px;padding:7px 10px;border-radius:999px;color:#53605e;background:rgba(255,255,255,.92);font-size:.67rem;font-weight:700;letter-spacing:.03em}.pd-gallery__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.pd-gallery__thumbs button{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-width:0;padding:7px;border:1px solid #dfe5e8;border-radius:10px;color:#64716f;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.pd-gallery__thumbs button:hover,.pd-gallery__thumbs button.is-active{border-color:var(--pd-blue);box-shadow:0 8px 22px rgba(4,94,191,.1)}.pd-gallery__thumbs img{width:58px;height:58px;border-radius:7px;background:#f3f5f6;object-fit:contain}.pd-gallery__thumbs span{font-size:.72rem;font-weight:700}
.pd-gallery__stage img.pd-gallery__zoom-image{transform:translate3d(var(--pd-pan-x,0),var(--pd-pan-y,0),0) scale(var(--pd-zoom,1))!important;transition:transform .18s ease;will-change:transform;user-select:none;-webkit-user-drag:none}.pd-gallery__stage.is-zoomed{cursor:grab;touch-action:none}.pd-gallery__stage.is-dragging{cursor:grabbing}.pd-gallery__stage.is-dragging img.pd-gallery__zoom-image{transition:none}.pd-zoom-controls{position:absolute;z-index:4;left:18px;bottom:18px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(15,34,45,.82);box-shadow:0 10px 28px rgba(8,24,33,.18);backdrop-filter:blur(10px);cursor:default}.pd-zoom-controls button{display:grid;place-items:center;min-width:32px;height:32px;padding:0 9px;border:0;border-radius:999px;color:#fff;background:transparent;font:inherit;font-size:1rem;font-weight:750;cursor:pointer;transition:background .18s ease,color .18s ease}.pd-zoom-controls button:hover,.pd-zoom-controls button:focus-visible{outline:none;color:#fff;background:var(--pd-blue)}.pd-zoom-controls output{min-width:48px;color:#fff;font-size:.65rem;font-weight:750;text-align:center}.pd-zoom-controls .pd-zoom-controls__fit{padding:0 12px;border-left:1px solid rgba(255,255,255,.22);border-radius:0 999px 999px 0;font-size:.67rem}
.pd-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 24px}.pd-facts div{position:relative;min-height:88px;padding:18px 19px 16px;border:1px solid #dce4e7;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#fff,#f6f8fa);box-shadow:0 8px 24px rgba(25,49,66,.045)}.pd-facts div::before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;border-radius:0 3px 3px 0;background:var(--pd-blue)}.pd-facts dt{margin-bottom:7px;color:#74817e;font-size:.68rem;font-weight:650;letter-spacing:.035em;text-transform:uppercase}.pd-facts dd{margin:0;color:#172c2a;font-size:.92rem;font-weight:700;line-height:1.35}.pd-actions{display:flex;align-items:center;gap:20px;margin-top:26px}.pd-actions .button{min-width:190px}.pd-text-link{padding:10px 0;border-bottom:1px solid #9dadab;color:#263b39;font-size:.82rem;font-weight:700;text-decoration:none}.pd-text-link:hover{color:var(--pd-blue);border-color:var(--pd-blue)}

/* Reusable section rhythm */
.pd-section{padding:84px 0}.pd-section--soft{background:#f4f6f6}.pd-section--navy{color:#fff;background:var(--pd-navy)}.pd-section h2{margin:0;font-size:clamp(1.8rem,2.7vw,2.65rem);font-weight:600;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.pd-section h3{margin:0;font-size:1rem;line-height:1.35}.pd-section p{line-height:1.7}.pd-intro{max-width:650px;margin:14px 0 0;color:var(--pd-muted);font-size:.86rem}.pd-section--navy .pd-intro{color:#c7d6df}.pd-heading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:70px;align-items:end;margin-bottom:38px}.pd-heading>div>p:last-child{max-width:680px;margin:14px 0 0;color:#6b7775;font-size:.88rem}.pd-heading>img{display:block;width:100%;height:170px;border-radius:12px;object-fit:cover}.pd-heading--light>div>p:last-child{color:#c7d6df}.pd-split{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:clamp(50px,7vw,100px);align-items:center}
.pd-visual{position:relative;width:100%;max-width:580px;margin:0;overflow:hidden;border-radius:18px;background:#f0f3f4;box-shadow:inset 0 0 0 1px rgba(28,50,61,.045)}.pd-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;min-height:0;max-height:none;padding:0;object-fit:cover}.pd-visual--product img{padding:26px;object-fit:contain}.pd-visual figcaption{position:absolute;left:14px;bottom:13px;padding:6px 9px;border-radius:999px;color:#36505f;background:rgba(255,255,255,.91);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* Product list directly below the hero */
.pd-related{padding:76px 0 82px;border:0;background:#f3f5f5}.pd-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pd-product-card{display:flex;min-height:100%;flex-direction:column;padding:10px;border:1px solid #d6dede;border-radius:12px;color:var(--pd-ink);background:rgba(255,255,255,.76);text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.pd-product-card:hover{transform:translateY(-3px);border-color:var(--pd-blue);box-shadow:0 12px 30px rgba(24,55,70,.08)}.pd-product-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:9px;background:#eef2f3}.pd-product-card>span{margin:12px 8px 0;color:var(--pd-blue);font-size:.68rem;font-weight:700;letter-spacing:.07em}.pd-product-card h3{margin:5px 8px 8px;font-size:.92rem}.pd-product-card p{margin:auto 8px 8px;color:#6b7775;font-size:.75rem;line-height:1.62}

/* Yesterday's fixed-centre visual and grouped specification card */
#specifications{background:linear-gradient(180deg,#fff 0%,#f8fafb 100%)}#specifications .pd-split{grid-template-columns:minmax(360px,.88fr) minmax(500px,1.12fr);gap:clamp(50px,6vw,92px);align-items:center}#specifications .pd-visual{position:static;justify-self:center;max-width:560px}#specifications .pd-visual img{aspect-ratio:4/3;padding:24px;object-fit:contain}.pd-specs{margin:24px 0 0;overflow:hidden;border:1px solid #dbe3e6;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(28,55,72,.07)}.pd-specs div{display:grid;grid-template-columns:minmax(130px,.72fr) minmax(0,1.28fr);gap:20px;padding:12px 22px;border-top:1px solid #edf0f1}.pd-specs div:first-child{border-top:3px solid var(--pd-blue)}.pd-specs dt{color:#73817e;font-size:.75rem}.pd-specs dd{margin:0;color:#203633;font-size:.79rem;font-weight:650;line-height:1.45}

/* Whole-card links */
.pd-card-grid{display:grid;gap:12px}.pd-card-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-info-card,.pd-dark-card{display:block;min-height:150px;padding:24px;border:1px solid #d5dddd;border-radius:12px;color:var(--pd-ink);background:rgba(255,255,255,.72);text-decoration:none;transition:transform .22s ease,border-color .22s ease}.pd-info-card:hover,.pd-dark-card:hover{transform:translateY(-2px);border-color:var(--pd-blue)}.pd-info-card p,.pd-dark-card p{margin:10px 0;color:#6b7775;font-size:.79rem;line-height:1.65}.pd-info-card span{color:var(--pd-blue);font-size:.72rem;font-weight:700}

/* HaiPai Product Intelligence */
.pd-section--navy .pd-split{grid-template-columns:minmax(300px,.68fr) minmax(560px,1.32fr);gap:clamp(46px,6vw,92px)}.pd-section--navy .pd-split>figure{order:-1;align-self:center}.pd-section--navy .pd-visual{background:linear-gradient(145deg,#f7f9fa,#e7edf1)}.pd-section--navy .pd-visual img{padding:26px;object-fit:contain}.pd-section--navy .pd-card-grid--2{grid-template-columns:1fr}.pd-dark-card{min-height:0;padding:22px 24px;border-color:rgba(190,217,236,.2);color:#fff;background:rgba(255,255,255,.055)}.pd-dark-card:hover{border-color:rgba(126,190,239,.48);background:rgba(255,255,255,.08)}.pd-dark-card p{color:#c8d6df}

/* OEM, process, quality and comparison */
#oem-odm .pd-split{min-height:510px;gap:0;border-radius:18px;overflow:hidden;background:#123c5b}#oem-odm .pd-visual{height:100%;max-width:none;border-radius:0}#oem-odm .pd-visual img{height:100%;aspect-ratio:auto;object-fit:cover}#oem-odm .pd-split>div{padding:clamp(38px,5vw,72px);color:#fff}#oem-odm .pd-intro{color:#d2e1e7}.pd-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:24px}.pd-chip-grid a{padding:11px 13px;border-radius:8px;color:#e4eef3;background:rgba(255,255,255,.08);font-size:.72rem;font-weight:650;text-decoration:none}.pd-chip-grid a::after{content:"→";float:right;color:#9bcefb}
.pd-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;border-top:1px solid #ccd4d4;border-left:1px solid #ccd4d4;list-style:none}.pd-process li{position:relative;min-height:175px;padding:28px 22px;border-right:1px solid #ccd4d4;border-bottom:1px solid #ccd4d4;background:rgba(255,255,255,.45)}.pd-process span{color:var(--pd-blue);font-size:.69rem;font-weight:700}.pd-process h3{margin:18px 0 9px}.pd-process p{margin:0;color:#6b7775;font-size:.76rem}.pd-checks{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}.pd-checks li{position:relative;padding:12px 14px 12px 39px;border:1px solid #dce3e4;border-radius:9px;background:#fff;font-size:.78rem}.pd-checks li::before{content:"✓";position:absolute;left:15px;color:var(--pd-blue);font-weight:800}
.pd-definition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}.pd-definition span{display:flex;min-height:80px;flex-direction:column;gap:7px;padding:14px;border:1px solid #dfe5e7;border-radius:9px;color:#7a8784;background:#f7f9f9;font-size:.68rem}.pd-definition strong{color:#203532;font-size:.79rem}.pd-table-wrap{margin-top:34px;overflow-x:auto;border:1px solid rgba(255,255,255,.2);border-radius:12px}.pd-table-wrap table{width:100%;border-collapse:collapse}.pd-table-wrap th,.pd-table-wrap td{padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.14);text-align:left;font-size:.78rem}.pd-table-wrap thead{background:rgba(255,255,255,.08)}.pd-table-wrap td{color:#d4e0e4}

/* FAQ and enquiry */
.pd-faq{margin-top:20px;border-top:1px solid #cfd7d7}.pd-faq details{border-bottom:1px solid #cfd7d7}.pd-faq summary{padding:20px 2px;color:#263b38;font-size:.88rem;font-weight:700;cursor:pointer;list-style:none}.pd-faq summary::-webkit-details-marker{display:none}.pd-faq summary::after{content:"＋";float:right;color:var(--pd-blue)}.pd-faq details[open] summary::after{transform:rotate(45deg)}.pd-faq p{max-width:680px;margin:-3px 36px 18px 0;color:#6d7977;font-size:.78rem}.pd-inquiry{background:#edf4fb}.pd-form{display:grid;gap:15px;margin-top:24px}.pd-form label{display:grid;gap:6px;color:#2e413e;font-size:.78rem;font-weight:600}.pd-form input,.pd-form textarea{width:100%;padding:12px 13px;border:1px solid #ccd9de;border-radius:9px;background:#fff;font:inherit;resize:vertical}.pd-form input:focus,.pd-form textarea:focus{outline:3px solid rgba(4,94,191,.12);border-color:var(--pd-blue)}.pd-form .button{justify-self:start;min-width:190px}.pd-form .form-status{margin:0;font-size:.75rem}

@media(max-width:980px){.product-detail-page .container{width:min(100% - 40px,1290px)}.pd-hero__grid,.pd-split,#specifications .pd-split,.pd-section--navy .pd-split{grid-template-columns:1fr}.pd-heading{grid-template-columns:1fr;gap:18px}.pd-heading>img{height:220px}.pd-related__grid,.pd-card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-section--navy .pd-split>figure{order:0}.pd-section--navy .pd-visual{max-width:560px}.pd-process{grid-template-columns:repeat(2,minmax(0,1fr))}#oem-odm .pd-split{grid-template-columns:1fr}#oem-odm .pd-visual{height:360px}}
@media(max-width:720px){.product-detail-page .container{width:min(100% - 30px,1290px)}.pd-breadcrumb{overflow-x:auto;white-space:nowrap}.pd-hero{padding:28px 0 58px}.pd-hero__grid{gap:34px}.pd-gallery__stage{--pd-gallery-inset:25px;aspect-ratio:1/1;padding:25px}.pd-gallery__thumbs{gap:7px}.pd-gallery__thumbs button{display:block;padding:5px;text-align:center}.pd-gallery__thumbs img{width:100%;height:62px}.pd-gallery__thumbs span{display:block;margin:4px 0 2px}.pd-hero__copy{padding:0}.pd-hero h1{font-size:clamp(1.75rem,8vw,2.2rem)}.pd-facts,.pd-related__grid,.pd-card-grid--2,.pd-card-grid--3,.pd-card-grid--4,.pd-chip-grid,.pd-process,.pd-definition{grid-template-columns:1fr}.pd-actions{align-items:flex-start;flex-direction:column;gap:8px}.pd-section,.pd-related{padding:62px 0}.pd-heading>img{height:180px}.pd-specs div{grid-template-columns:1fr;gap:4px;padding:11px 16px}.pd-visual img{aspect-ratio:1/1}.pd-info-card{min-height:130px}#oem-odm .pd-visual{height:270px}#oem-odm .pd-split>div{padding:34px 24px}}
@media(max-width:720px){.pd-zoom-controls{left:12px;bottom:12px}.pd-gallery__stage figcaption{right:12px;bottom:60px}}
/* White checklist cards also appear inside dark sections, so set an explicit
   foreground instead of inheriting the section's white text. */
.pd-checks li{color:var(--pd-ink);line-height:1.55}

/* Keep small specification labels comfortably legible on light surfaces. */
.pd-breadcrumb,.pd-facts dt,.pd-specs dt{color:#586a67}

/* Generated track and adapter pages use a compact four-step process inside a
   two-column split. Keep those steps roomy and separate the title from the
   description; the full-width five-step process keeps its original layout. */
.pd-process li{min-width:0;overflow-wrap:anywhere}
.pd-process li>b{display:block;margin:0 0 12px;color:var(--pd-ink);font-size:.92rem;line-height:1.25}
.pd-process li>b+span{display:block;color:#586a67;font-size:.76rem;font-weight:550;line-height:1.65}
.pd-split .pd-process{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:26px}
.pd-split .pd-process li{min-height:150px;padding:24px 22px}

@media(max-width:560px){
  .pd-split .pd-process{grid-template-columns:1fr}
  .pd-split .pd-process li{min-height:0}
  .pd-table-wrap table{min-width:520px}
}

@media(prefers-reduced-motion:reduce){.pd-gallery__stage img,.pd-product-card,.pd-info-card,.pd-dark-card{transition:none}}