.carousel{border-radius:8px;width:100%;max-width:800px;margin:0 auto 30px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.carousel__images{width:100%;height:500px;position:relative}.carousel__slide{opacity:0;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.carousel__slide--active{opacity:1}.carousel__image{object-fit:contain;background:#f8f9fa;width:100%;height:100%}.carousel__button{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel__button:hover{background:#000c}.carousel__button--prev{left:10px}.carousel__button--next{right:10px}.carousel__indicators{z-index:10;gap:8px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.carousel__indicator{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.carousel__indicator:hover{background:#fffc}.carousel__indicator--active{background:#fff;width:16px;height:16px}@media (max-width:768px){.carousel__images{height:300px}.carousel__button{width:30px;height:30px;font-size:14px}.carousel__button--prev{left:5px}.carousel__button--next{right:5px}.carousel__indicator{width:8px;height:8px}.carousel__indicator--active{width:12px;height:12px}}