/* 제품 상세 첫 사진: 사무실 연출 사진 ↔ 제품 사진(2026-09-30). 기존 .detail-photo img 규칙(80%·380px·multiply·뱃지 위치)을 이 안에서만 덮는다. */
.detail-photo.pu-gallery{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px;min-height:0}
.detail-photo.pu-gallery .badges{z-index:3}
.pu-stage{position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#fff}
.detail-photo.pu-gallery .pu-stage img{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;mix-blend-mode:normal}
.detail-photo.pu-gallery .pu-stage img.pu-scene{object-fit:cover;transform:none}
.detail-photo.pu-gallery .pu-stage img[data-product-image]{box-sizing:border-box;padding:10%;object-fit:contain;background:#fff;transform:scale(var(--product-scale,1))}
.detail-photo.pu-gallery .pu-stage img[hidden]{display:none}
.pu-thumbs{display:flex;justify-content:center;gap:12px}
.pu-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;margin:0;padding:0;border:0;background:none;cursor:pointer;font:inherit;font-size:12.5px;line-height:1.2;color:#5b6573;word-break:keep-all}
.detail-photo.pu-gallery .pu-thumb img{position:static;width:60px;height:60px;max-width:none;box-sizing:border-box;border:2px solid #dfe5ec;border-radius:9px;background:#fff;object-fit:cover;mix-blend-mode:normal;transform:none}
.detail-photo.pu-gallery .pu-thumb[data-pu-show="product"] img{padding:5px;object-fit:contain}
.pu-thumb[aria-pressed="true"]{color:#0b3a8c;font-weight:700}
.detail-photo.pu-gallery .pu-thumb[aria-pressed="true"] img{border-color:#0a55d6}
.pu-thumb:focus-visible{outline:2px solid #0a55d6;outline-offset:3px;border-radius:9px}
@media(max-width:700px){.detail-photo.pu-gallery{padding:12px;gap:10px}.detail-photo.pu-gallery .pu-thumb img{width:52px;height:52px}}
@media(min-width:701px) and (max-width:950px){.pu-stage{aspect-ratio:3/4}}
/* 교세라 MZ3501ci 제품 사진은 회색 배경 사진(1178×663)이라 칸을 채우도록 확대. 리뉴얼 빌드(/assets/rv3/p/)는 이미 흰 정사각으로 정리돼 있어 확대하지 않는다 */
.detail-photo.pu-gallery .pu-stage img[data-product-image="kyocera-mz3501ci"]:not([src^="/assets/rv3/"]){padding:0;object-fit:cover;transform:scale(1.3)}
.detail-photo.pu-gallery .pu-thumb[data-pu-show="product"] img[src*="kyocera-mz3501ci"]:not([src^="/assets/rv3/"]){padding:0;object-fit:cover}