.gallery{display:flex;gap:30px;overflow-x:auto;overflow-y:hidden;padding:30px 20px 40px;-webkit-overflow-scrolling:touch;cursor:grab;margin:0 auto -40px;max-width:100%;scrollbar-width:none;user-select:none}.gallery::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 auto;opacity:0;perspective:1024px;scroll-snap-align:center;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease;width:280px}.gallery-item.show{opacity:1;transform:translateY(0)}.gallery-item img{border-radius:17px;cursor:pointer;display:block;height:auto;transition:transform .5s ease,box-shadow .5s ease;width:100%;will-change:transform;user-drag:none;-webkit-user-drag:none}.gallery-item:hover img{box-shadow:0 12px 25px rgba(0,0,0,.2);transform:scale(1.05) rotateX(5deg) rotateY(5deg)}.quick-modal{background:rgba(0,0,0,.85);display:none;inset:0;place-items:center;position:fixed;z-index:9999}.quick-modal.show{display:grid}.quick-modal img{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);max-height:80vh;max-width:60%}.close-modal{font-size:36px;right:40px;top:30px}.close-modal,.nav-arrow{color:#fff;cursor:pointer;position:absolute}.nav-arrow{background:none;border:none;font-size:48px;opacity:.7;padding:0 15px;top:50%;transform:translateY(-50%);transition:opacity .2s;z-index:1}.nav-arrow:hover{opacity:1}.prev{left:10px}.next{right:10px}