/* V12.23 installation-case gallery (multiple photos per case). */
.cms-public-case .case-photo img{object-position:50% 58%}
.case-photo .case-photo-count{position:absolute;right:14px;bottom:16px;background:#142a4bcc;color:#fff;font-style:normal;font-size:11px;font-weight:600;line-height:1;padding:7px 10px;border-radius:999px;letter-spacing:-.01em}
.cms-case-gallery{display:grid;gap:12px}
.cms-case-gallery-main{position:relative;margin:0}
.cms-case-gallery-main .cms-case-detail-photo{width:100%;height:auto;max-height:min(560px,62dvh);aspect-ratio:auto;object-fit:contain;background:#f4f6fa}
.cms-case-gallery-main figcaption{position:absolute;right:12px;bottom:12px;background:#142a4bcc;color:#fff;font-size:12px;font-weight:600;line-height:1;padding:7px 10px;border-radius:999px}
.cms-case-thumbs{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:thin}
.cms-case-thumb{flex:0 0 auto;width:72px;height:96px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#eef1f7;opacity:.72;transition:opacity .15s,border-color .15s}
.cms-case-thumb img{width:100%;height:100%;object-fit:cover}
.cms-case-thumb:hover{opacity:1}
.cms-case-thumb.is-active{border-color:var(--blue,#2159ed);opacity:1}
.cms-photo-preview{position:relative}
.cms-photo-preview .cms-gallery-note{position:absolute;right:10px;bottom:10px;background:#142a4bcc;color:#fff;font-size:11px;padding:5px 9px;border-radius:999px}
@media(max-width:760px){.case-photo .case-photo-count{right:12px;bottom:14px}.cms-case-gallery-main .cms-case-detail-photo{max-height:52dvh}.cms-case-thumb{width:58px;height:78px}}
@media(prefers-reduced-motion:reduce){.cms-case-thumb{transition:none}}