.pd-main { max-width:1440px; padding:0 clamp(24px,5vw,80px); margin:auto; }
.pd-breadcrumb { padding:28px 0; }
.pd-hero { display:grid; grid-template-columns:1.08fr 1fr; gap:clamp(40px,6vw,86px); align-items:center; padding:18px 0 50px; }
.pd-main-image { position:relative; background:white; display:grid; place-items:center; aspect-ratio:1.08; }
.pd-main-image>img { width:88%; height:88%; object-fit:contain; }
.pd-main-image button { position:absolute; right:18px; bottom:18px; width:44px; height:44px; display:grid; place-items:center; color:#164e80; background:#f3f7fa; border:1px solid #d2dfe8; cursor:pointer; }
.pd-gallery>p { font-size:12px; color:#718793; margin:12px 0 0; }
.pd-gallery { min-width:0; }
.pd-thumbnails { display:flex; gap:10px; overflow-x:auto; padding:12px 2px 6px; max-width:100%; }
.pd-thumbnails a { flex:0 0 72px; height:72px; border:1px solid #c9dae4; background:white; padding:4px; box-sizing:border-box; }
.pd-thumbnails a[aria-current] { border:2px solid #185cff; }
.pd-thumbnails a:focus-visible { outline:3px solid #185cff; outline-offset:2px; }
.pd-thumbnails img { width:100%; height:100%; object-fit:contain; }
.pd-summary h1 { font-size:clamp(44px,5vw,72px); font-weight:500; letter-spacing:-.04em; margin:0; line-height:1.05; }
.pd-subtitle { font-size:27px; letter-spacing:-.02em; margin:12px 0 24px; }
.pd-description { font-size:17px; line-height:1.7; color:#607784; max-width:520px; }
.pd-capacity { display:flex; align-items:center; justify-content:space-between; gap:20px; border-block:1px solid #d1dfe6; margin:28px 0; padding:22px 0; }
.pd-capacity>span { font-size:14px; color:#607784; }
.pd-capacity strong { font-size:30px; font-weight:500; }.pd-capacity small { font-size:16px; color:#637b89; }
.pd-primary { min-height:52px; padding-inline:24px; gap:30px; }
.pd-cta-note { color:#718490; font-size:13px; line-height:1.6; margin:12px 0 28px; }
.pd-series-link { font-size:14px; display:inline-flex; align-items:center; gap:20px; color:#1b5fdc; }
.pd-section-nav { display:flex; gap:40px; padding:22px 0; border-block:1px solid #cedee7; font-size:14px; }
.pd-section-nav a { color:#244f6a; }
.pd-overview,.pd-specifications,.pd-inquiry { padding:64px 0; scroll-margin-top:95px; }
.pd-overview { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; border-bottom:1px solid #d3dfe5; }
.pd-main h2 { font-size:36px; letter-spacing:-.03em; line-height:1.15; font-weight:500; margin:0; }
.pd-overview>div>p:not(.lv-eyebrow),.pd-inquiry>div>p:not(.lv-eyebrow) { color:#5d7584; font-size:16px; line-height:1.75; margin:0 0 18px; }
.pd-specifications { display:grid; grid-template-columns:1fr 1.2fr; gap:25px 64px; }
.pd-specifications dl { margin:0; border-top:1px solid #c9dae4; }
.pd-specifications dl>div { display:grid; grid-template-columns:.85fr 1.15fr; gap:25px; padding:20px 0; border-bottom:1px solid #d3e0e6; font-size:15px; line-height:1.5; }
.pd-specifications dt { color:#637d8b; }.pd-specifications dd { margin:0; }.pd-specifications dd a { display:inline-flex; align-items:center; gap:7px; }
.pd-spec-note { grid-column:2; color:#718795; font-size:13px; line-height:1.6; margin:0; }
.pd-inquiry { display:grid; grid-template-columns:1fr 1.2fr; gap:64px; border-top:1px solid #d3dfe5; }
.pd-inquiry h2 { margin-bottom:24px; }.pd-inquiry .primary-button { margin-top:10px; }
.pd-inquiry ol { list-style:none; margin:0; padding:0; }
.pd-inquiry li { display:flex; gap:24px; padding:24px 0; border-top:1px solid #d0e0e9; }
.pd-inquiry li>span { color:#1c60dd; font-size:13px; }.pd-inquiry li strong { font-size:17px; font-weight:500; }.pd-inquiry li p { color:#68808e; line-height:1.65; margin:10px 0 0; font-size:15px; }
.pd-back { display:flex; align-items:center; justify-content:space-between; padding:28px 0; border-top:1px solid #d0e0e9; margin-bottom:50px; font-size:19px; color:#145de0; }
.pd-image-dialog { padding:30px; border:0; background:white; width:min(850px,92vw); max-height:90svh; overflow:auto; }
.pd-image-dialog::backdrop { background:#021a30bf; backdrop-filter:blur(5px); }
.pd-image-dialog>img { display:block; width:100%; max-height:78svh; object-fit:contain; }.pd-image-dialog>button { position:sticky; top:0; display:grid; place-items:center; width:44px; height:44px; margin-left:auto; background:#edf4fa; border:0; cursor:pointer; }
@media(max-width:760px) {
 .pd-hero { grid-template-columns:1fr; gap:30px; padding-top:0; }.pd-main-image { aspect-ratio:1.05; }.pd-summary h1 { font-size:48px; }.pd-subtitle { font-size:24px; }.pd-description { font-size:16px; }
 .pd-section-nav { gap:20px; overflow-x:auto; white-space:nowrap; font-size:13px; }.pd-capacity { margin:22px 0; }.pd-capacity strong { font-size:27px; }
 .pd-overview,.pd-specifications,.pd-inquiry { grid-template-columns:1fr; gap:26px; padding:40px 0; }.pd-main h2 { font-size:31px; }.pd-spec-note { grid-column:1; }.pd-specifications dl>div { gap:16px; font-size:14px; }.pd-back { font-size:17px; gap:20px; }.pd-image-dialog { padding:14px; }
}

/* Accepted product detail layout, 2026-09-15. */
.pd-main-image>img{width:98%;height:98%}
.pd-summary{min-width:0}.pd-summary h1{font-size:clamp(30px,3.1vw,44px);line-height:1.18;letter-spacing:-.025em;overflow-wrap:break-word}.pd-summary .pd-subtitle{font-size:clamp(18px,1.65vw,23px);line-height:1.4;margin:18px 0 22px}.pd-summary .pd-capacity strong{font-size:22px;line-height:1.4}
.pd-detail-story{padding:72px 0;border-top:1px solid #d1dde4}.pd-detail-heading{max-width:750px;margin:0 auto 36px}.pd-detail-heading p,.pd-oem-copy p{font-size:17px;line-height:1.85;color:#536e80}.pd-long-image{display:block;width:100%;max-width:970px;height:auto;margin:auto}.pd-enlarge-long{display:block;width:fit-content;margin:20px auto;color:#195bff;border-bottom:1px solid;padding:8px}.pd-oem-section{padding:80px 0;border-top:1px solid #d1dde4;display:grid;grid-template-columns:.8fr 1.2fr;gap:72px}.pd-oem-intro{align-self:start;position:sticky;top:100px}.pd-oem-intro h2{margin-bottom:28px}.pd-oem-copy h3{font-size:22px;margin-top:36px}.pd-oem-copy p{margin-bottom:28px}.pd-section-nav{flex-wrap:wrap}
@media(min-width:1000px){.pd-hero{grid-template-columns:1.3fr 1fr;gap:clamp(32px,4vw,56px)}}
@media(max-width:760px){.pd-summary h1{font-size:32px}.pd-summary .pd-capacity strong{font-size:20px}.pd-oem-section{grid-template-columns:1fr;gap:24px;padding:48px 0}.pd-oem-intro{position:static}.pd-detail-story{padding:48px 0}.pd-oem-copy p{font-size:16px}}

.pd-section-nav{position:sticky;top:0;z-index:5;background:#f7fafb}
.pd-long-dialog{border:0;padding:0;width:min(1060px,96vw);max-height:94svh;overflow:auto;background:white}.pd-long-dialog::backdrop{background:#071d2bd9}.pd-long-dialog>img{width:100%;height:auto;display:block}.pd-long-dialog>button{position:sticky;top:8px;float:right;margin:8px;border:0;background:#072331;color:white;padding:14px 20px;cursor:pointer}