.gallery-viewer{max-width:940px;margin:0 auto}
.gallery-stage{position:relative;display:grid;place-items:center;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #583a291a}
.gallery-feature{display:block;width:100%;height:min(72svh,720px);padding:0;border:0;background:#fff;cursor:zoom-in;touch-action:pan-y}
.gallery-feature img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.gallery-stage>.gallery-prev,.gallery-stage>.gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:grid;place-items:center;width:52px;height:52px;min-height:44px;padding:0;border:1px solid #583a2926;border-radius:50%;background:#fffffff2;box-shadow:0 3px 16px #583a2915;font:34px/1 Georgia,serif;cursor:pointer;transition:background-color .2s,scale .2s}
.gallery-prev{left:18px}.gallery-next{right:18px}
.gallery-stage>.gallery-prev:hover,.gallery-stage>.gallery-next:hover{background:#f5e8e5}
.gallery-stage>.gallery-prev:active,.gallery-stage>.gallery-next:active{scale:.94}
.gallery-position{position:absolute;bottom:16px;right:18px;background:#ffffffed;padding:5px 12px;border-radius:24px;font-size:12px;letter-spacing:.12em;pointer-events:none}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#583a2955 transparent;padding:14px 3px 12px;direction:ltr}
.gallery-thumb{position:relative;display:block;flex:0 0 calc((100% - 50px)/6);min-width:66px;aspect-ratio:2/3;padding:3px;border:1px solid transparent;border-radius:5px;background:#fff;opacity:.72;cursor:pointer;scroll-snap-align:center;transition:opacity .25s,border-color .25s,transform .25s}
.gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.gallery-thumb[aria-current=true]{opacity:1;border-color:#583a29}
.gallery-thumb:hover{opacity:1;transform:translateY(-2px)}
.gallery-thumb:focus-visible,.gallery-feature:focus-visible,.gallery-prev:focus-visible,.gallery-next:focus-visible{outline:2px solid #583a29;outline-offset:-3px}
.gallery-description{text-align:center;margin-top:10px}
.gallery-description .gallery-caption{font-family:'Itim','Noto Sans Thai',sans-serif;font-size:22px;line-height:1.8;margin:0}
.gallery-instruction{font-size:13px;line-height:1.8}
@media(max-width:700px){
 .gallery-stage{border-radius:8px}
 .gallery-feature{height:auto;aspect-ratio:2/3;max-height:68svh}
 .gallery-stage>.gallery-prev,.gallery-stage>.gallery-next{width:44px;height:44px;font-size:29px}
 .gallery-prev{left:10px}.gallery-next{right:10px}
 .gallery-position{right:12px;bottom:12px;font-size:11px}
 .gallery-thumbs{gap:7px;padding-top:10px}
 .gallery-thumb{flex-basis:22%;min-width:0;padding:2px}
 .gallery-description .gallery-caption{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.gallery-thumb,.gallery-stage>.gallery-prev,.gallery-stage>.gallery-next{transition:none}.gallery-thumb:hover{transform:none}}