body{color:#000}.carousel-image-wrapper{position:relative;width:100%;overflow:hidden}.carousel-images{display:flex;transition:transform 0.3s ease-in-out}.carousel-image-item{flex:0 0 auto;width:calc(100% / 2);box-sizing:border-box}.carousel-image-item:hover img{filter:grayscale(50%)}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);color:white;border:none;font-size:24px;padding:10px;cursor:pointer;z-index:10}.prev{left:10px}.next{right:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);display:none;justify-content:center;align-items:center;z-index:100000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-content img{width:100%;height:auto;object-fit:contain}.modal-close{position:absolute;top:10px;right:10px;background-color:rgba(255,255,255,0.5);border:none;font-size:30px;color:white;padding:5px 10px;cursor:pointer;border-radius:50%;z-index:100001}.modal-prev,.modal-next{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,0.5);border:none;font-size:30px;color:white;padding:10px;cursor:pointer;z-index:110;transition:background-color 0.3s ease}.modal-prev{left:20px}.modal-next{right:20px}.modal-prev:hover,.modal-next:hover{background-color:rgba(255,255,255,0.8)}