/* One-click full-size preview for technical dimension images. */
.detail-main-frame{height:520px;background:#fff}
.dimension-main-image{cursor:zoom-in}.image-lightbox{position:fixed;inset:0;z-index:100;border:0;width:100%;height:100%;padding:24px;background:transparent;cursor:zoom-out;display:block;overflow:auto;opacity:0;transition:opacity .16s ease}
.image-lightbox.open{opacity:1}
.image-lightbox img{display:block;width:min(720px,94vw);max-width:none;height:auto;margin:0 auto;background:#fff;box-shadow:0 12px 42px rgba(0,0,0,.30);cursor:zoom-out}.image-lightbox-close{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:101;width:42px;height:42px;border:0;border-radius:50%;background:rgba(18,37,36,.88);color:#fff;font:32px/38px Arial,sans-serif;cursor:pointer}
@media(max-width:760px){.detail-main-frame{height:350px}.image-lightbox{padding:12px}}
.detail-dimension-intro{margin:24px 0 20px;padding-top:18px;border-top:1px solid var(--line,#d8dedc)}
.detail-dimension-intro h2{margin:0 0 12px;font-size:16px}
.dimension-intro-image{display:block;width:100%;max-width:480px;height:400px;padding:0;border:1px solid var(--line,#d8dedc);background:#fff;cursor:zoom-in;overflow:hidden}
.dimension-intro-image img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.dimension-intro-image{max-width:100%;height:300px}}