.gallery{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.gallery-container{max-width:1640px;padding:20px;width:100%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(364px,1fr));gap:7px;justify-content:center}.gallery-item{width:100%;height:444px;overflow:hidden;position:relative}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;cursor:pointer}.fullscreen-view{transition:transform .3s ease;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:1000;overflow:hidden}.fullscreen-view .scroll-container{position:relative;overflow:hidden;width:100%;height:100%}.scroll-container{scrollbar-width:thin;scrollbar-color:rgba(100,100,100,.5) transparent}.scroll-container::-webkit-scrollbar{width:6px;height:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:#64646480;border-radius:10px}.scroll-container::-webkit-scrollbar-track{background:transparent}.scroll-container.zoomed{overflow:auto;cursor:grab}.fullscreen-view.active{display:flex}.fullscreen-view .main-image{max-width:none;max-height:none;width:auto;height:auto;max-width:320px!important;box-shadow:0 4px 8px #00000080;cursor:zoom-in;transition:transform .3s ease}.btn-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#0000;border:none;cursor:pointer!important;padding:10px;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none}.btn-prev{left:5px}.btn-next{right:5px;transform:translateY(-50%) rotate(180deg)}.btn-closee{position:absolute;top:14px;left:14px;cursor:pointer!important}.btn-close-img{width:17px;height:17px}.scroll-container .main-image{display:block;max-width:none;max-height:none;width:auto;height:auto;transform-origin:top left;will-change:transform}.scroll-container .main-image:active{cursor:grabbing}@media (max-width: 450px){.btn-closee{top:10px;right:auto;left:10px}.gallery-item{width:100%}}@media (max-width: 768px){.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1300px){.fullscreen-view .main-image{width:auto;height:95vh;max-width:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lookbook-gallery.css.map */