.mockup-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:30px;max-width:1400px;margin:0 auto}.mockup-item{position:relative;overflow:hidden;border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);transition:all .3s ease;aspect-ratio:1}.mockup-item:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,115,170,.3)}.mockup-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mockup-item:hover img{transform:scale(1.1)}.mockup-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,115,170,.9),transparent);color:white;padding:20px;text-align:center;transform:translateY(100%);transition:transform .3s ease;font-weight:700;font-size:18px}.mockup-item:hover .mockup-overlay{transform:translateY(0)}