.zuka-gallery{box-sizing:border-box;width:100%;max-width:820px;margin:1.5em auto;display:flex;flex-direction:column;align-items:center}.zuka-gallery *{box-sizing:border-box}.zuka-gallery__stage{position:relative;width:100%;aspect-ratio: 3 / 2;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#efefef;border:1px solid #ccc;border-radius:4px}.zuka-gallery__img{display:block;margin:auto;max-width:min(100%,var(--zuka-w,100%));max-height:min(100%,var(--zuka-h,100%));width:auto;height:auto}.zuka-gallery__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border:1px solid #999;border-radius:50%;background:#fff;color:#000;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:background .15s ease , border-color .15s ease;z-index:2}.zuka-gallery__nav:hover,.zuka-gallery__nav:focus-visible{background:#d9d9d9;border-color:#000;outline:none}.zuka-gallery__nav--prev{left:10px}.zuka-gallery__nav--next{right:10px}.zuka-gallery__nav span{display:block;margin-top:-2px}.zuka-gallery__filmstrip{display:flex;gap:8px;margin:12px auto 0;max-width:100%;padding:4px 2px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;justify-content:safe center}.zuka-gallery__thumb{flex:0 0 auto;height:70px;padding:0;border:2px solid #ccc;border-radius:4px;background:#fff;cursor:pointer;overflow:hidden;opacity:.7;transition:opacity .15s ease , border-color .15s ease}.zuka-gallery__thumb img{display:block;height:100%;width:auto;object-fit:contain}.zuka-gallery__thumb:hover{opacity:1}.zuka-gallery__thumb.is-active{opacity:1;border-color:#000}@media (max-width:600px ){.zuka-gallery__nav{width:40px;height:40px;font-size:24px}.zuka-gallery__nav--prev{left:6px}.zuka-gallery__nav--next{right:6px}.zuka-gallery__thumb{height:58px}}