.cmis-gallery{width:100%;position:relative;box-sizing:border-box;font-family:inherit}
.cmis-toolbar{display:flex;align-items:center;gap:10px}
.cmis-track{display:flex;gap:var(--cmis-gap);overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:8px 4px 14px;flex:1;scrollbar-width:thin;cursor:grab}
.cmis-track:active{cursor:grabbing}
.cmis-item{position:relative;flex:0 0 calc((100% - (var(--cmis-gap) * (var(--cmis-columns) - 1))) / var(--cmis-columns));min-width:180px;border:0;padding:0;background:#eee;border-radius:16px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;scroll-snap-align:start;box-shadow:0 6px 22px rgba(0,0,0,.10);transition:transform .25s ease,box-shadow .25s ease}
.cmis-item:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.16)}
.cmis-item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.cmis-item:hover img{transform:scale(1.04)}
.cmis-zoom-hint{position:absolute;right:10px;bottom:10px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:22px;line-height:1}
.cmis-nav{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:50%;background:#111;color:#fff;font-size:32px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.18);transition:transform .2s,opacity .2s}
.cmis-nav:hover{transform:scale(1.08)}
.cmis-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:999999;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}
.cmis-lightbox.is-open{display:flex;opacity:1}
.cmis-lb-stage{width:min(92vw,1400px);height:min(82vh,900px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.cmis-lb-image{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;cursor:zoom-in;transition:transform .18s ease}
.cmis-lb-image.is-zoomed{cursor:grab}
.cmis-lb-image.is-dragging{cursor:grabbing;transition:none}
.cmis-lb-close{position:absolute;right:24px;top:18px;width:46px;height:46px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:34px;cursor:pointer;z-index:2}
.cmis-lb-arrow{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:42px;cursor:pointer;z-index:2}
.cmis-lb-prev{left:20px}.cmis-lb-next{right:20px}
.cmis-lb-controls{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px)}
.cmis-lb-controls button{min-width:42px;height:40px;border:0;border-radius:20px;background:rgba(255,255,255,.14);color:#fff;padding:0 12px;font-size:18px;cursor:pointer}
.cmis-lb-controls button:hover,.cmis-lb-arrow:hover,.cmis-lb-close:hover{background:rgba(255,255,255,.25)}
.cmis-counter{position:absolute;top:22px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(255,255,255,.10);padding:7px 13px;border-radius:999px;font-size:14px}
body.cmis-no-scroll{overflow:hidden}
@media(max-width:900px){.cmis-item{flex-basis:calc((100% - var(--cmis-gap)) / 2)}.cmis-lb-arrow{width:44px;height:44px}.cmis-lb-prev{left:10px}.cmis-lb-next{right:10px}}
@media(max-width:560px){.cmis-item{flex-basis:82%;min-width:82%}.cmis-nav{width:38px;height:38px;flex-basis:38px;font-size:28px}.cmis-lb-stage{width:100vw;height:75vh}.cmis-lb-controls{bottom:14px}.cmis-lb-close{right:12px;top:10px}.cmis-counter{top:12px}}