.gallery-container{position:relative;display:flex;max-width:800px;height:100%;margin:0 auto;gap:10px}.thumbnails-wrapper{display:flex;flex-direction:column;align-items:center;overflow-y:auto;max-height:800px}.gallery-thumbnail{aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;cursor:pointer;margin:5px;width:100px;height:100px}.main-image-wrapper{position:relative;flex:1;width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#f0f0f0;cursor:zoom-in}.gallery-main-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease,opacity .3s ease}.main-image-wrapper.is-hovering .gallery-main-image{transform:scale(1.8)}.gallery-btn{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;width:40px;height:40px;background:rgba(255,255,255,.7);color:#000;border:none;cursor:pointer;z-index:2}.prev-btn{left:10px}.next-btn{right:10px}.active-thumbnail{border:2px solid blue}.zoom-btn{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.7);border:none;padding:5px 10px;cursor:pointer;z-index:2}.zoomed-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100}.zoomed-image{max-width:90%;max-height:90%;-o-object-fit:contain;object-fit:contain}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;z-index:101}.zoomed-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.7);color:#000;border:none;cursor:pointer;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:101}.zoomed-prev-btn{left:20px}.zoomed-next-btn{right:20px}.fade-in{transition:opacity .3s;opacity:1}.fade-out{transition:opacity .3s;opacity:0}@media (max-width: 600px){.gallery-container{flex-direction:column}.thumbnails-wrapper{flex-direction:row;justify-content:center;max-height:none;overflow-x:auto;margin-bottom:10px}.gallery-thumbnail{margin:0 5px 5px 0}}