.image-carousel{background:#f8f9fa;border-radius:12px;width:100%;height:100%;margin:0;padding:0;position:relative;overflow:hidden}.carousel-container{cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:relative}.carousel-zoom-hint{text-align:center;opacity:0;pointer-events:none;z-index:5;background:linear-gradient(#0000,#00000080);padding:8px 0;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.carousel-zoom-hint span{color:#fff;letter-spacing:.3px;font-size:.8rem;font-weight:500}.carousel-container:hover .carousel-zoom-hint{opacity:1}.carousel-image{object-fit:cover;width:100%;height:100%;transition:opacity .3s}.carousel-btn{color:#333;cursor:pointer;z-index:10;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{background:#fff;transform:translateY(-50%)scale(1.1)}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-indicators{z-index:10;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.indicator{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator.active{background:#fff;transform:scale(1.2)}.carousel-counter{color:#fff;z-index:10;background:#000000b3;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:500;position:absolute;top:10px;right:10px}@media (max-width:768px){.image-carousel{height:100%}.carousel-btn{width:35px;height:35px;font-size:18px}.indicator{width:6px;height:6px}}