.carousel-container{overflow:hidden;position:relative;max-width:800px;margin:20px auto;box-shadow:0 4px 15px rgba(0,0,0,.2);border-radius:10px}.carousel-slide{height:600px;transition:transform .6s ease;display:flex}.carousel-slide img{height:100%;flex-shrink:0;transition:transform .3s;object-fit:cover;cursor:pointer;width:100%}.carousel-slide img:hover{transform:scale(1.02)}.modal{height:100%;overflow:auto;position:fixed;top:0;background-color:rgba(0,0,0,.9);left:0;width:100%;display:none;z-index:100}.modal-content{height:100%;justify-content:center;align-items:center;display:flex}.modal-img{max-width:90%;max-height:90%;object-fit:contain}.close{font-size:35px;font-weight:700;right:30px;color:#fff;top:20px}.carousel-btn,.close{position:absolute;cursor:pointer}.carousel-btn{height:50px;transform:translateY(-50%);justify-content:center;border:2px solid #fff;transition:all .3s;top:50%;align-items:center;border-radius:50%;background:rgba(0,0,0,.7);width:50px;display:flex;z-index:10}.carousel-btn:hover{transform:translateY(-50%) scale(1.1);background:rgba(0,0,0,.9)}.carousel-btn:after{height:15px;border:3px solid #fff;content:"";border-width:3px 3px 0 0;width:15px;display:block}.carousel-btn.prev{left:20px}.carousel-btn.prev:after{transform:rotate(-135deg);margin-right:-3px}.carousel-btn.next{right:20px}.carousel-btn.next:after{transform:rotate(45deg);margin-left:-3px}.carousel-indicators{justify-content:center;right:0;position:absolute;bottom:20px;gap:10px;left:0;display:flex}.carousel-indicators span{height:12px;transition:all .3s;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;width:12px}.carousel-indicators span.active{transform:scale(1.3);background:#fff}@media (max-width:768px){.carousel-container{max-width:95%}.carousel-slide{height:300px}.carousel-btn{height:40px;width:40px}.carousel-indicators span{height:10px;width:10px}}